.canvas-command{display:flex;align-items:center;justify-content:space-between;gap:24px}.canvas-direction{font-size:18px;font-weight:850;white-space:nowrap;border:1px solid #ffffff42;background:#ffffff12;border-radius:999px;padding:12px 18px}.canvas-alert{display:flex;align-items:center;gap:14px;border:1px solid #bcebd9;background:#edfdf7;color:#17684e;border-radius:12px;padding:13px 17px;margin:-7px 0 20px;font-size:12px}.canvas-alert.danger{border-color:#f4c3c3;background:#fff2f2;color:#983a3a}.canvas-alert span{color:inherit}.canvas-grid{margin-bottom:20px}.canvas-check{display:flex;align-items:center;gap:9px;margin:12px 0;color:var(--ink);font-size:12px;font-weight:700}.canvas-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.canvas-stats .metric{padding:15px}.canvas-stats .metric-number{font-size:25px}.canvas-stats .small-number{font-size:18px;margin-top:15px}.canvas-meta{display:grid;gap:0;margin:0}.canvas-meta div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.canvas-meta dt{font-size:11px;font-weight:800;color:var(--muted)}.canvas-meta dd{margin:0;font-size:12px;overflow-wrap:anywhere}.canvas-history{margin-top:20px}.canvas-diff-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:16px}.canvas-diff-summary strong{padding:12px;border-radius:9px;background:var(--l2l-surface-soft);text-align:center;color:var(--ink)}.canvas-diff-table{max-height:360px;border:1px solid var(--border);border-radius:10px;margin:14px 0 20px}.canvas-diff-table thead{position:sticky;top:0;z-index:1}.btn.danger{background:#a92f3a;color:#fff;border-color:#a92f3a}[data-theme=dark] .canvas-alert{background:#12382f;border-color:#256252;color:#bcebd9}[data-theme=dark] .canvas-alert.danger{background:#431f25;border-color:#7f3541;color:#ffd4d7}@media(max-width:760px){.canvas-command{align-items:flex-start;flex-direction:column}.canvas-direction{font-size:14px}.canvas-alert{align-items:flex-start;flex-direction:column}.canvas-diff-summary{grid-template-columns:1fr}.canvas-meta div{grid-template-columns:1fr;gap:3px}}
@media(prefers-reduced-motion:reduce){.canvas-command *{animation:none!important;transition:none!important}}

/* Live publisher evidence stays readable on desktop and mobile. */
.canvas-live progress { width: 100%; height: 18px; accent-color: var(--primary, #2563eb); }
.canvas-live pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 24rem; overflow: auto; padding: 1rem; background: #f1f5f9; color: #172033; border-radius: 8px; }
.canvas-live p { line-height: 1.65; }
#canvas-publish-form .form-actions { flex-wrap: wrap; gap: 12px; }
#canvas-publish-form button[type=submit] { min-height: 46px; font-weight: 700; }

.canvas-rebuild-dialog{width:min(760px,94vw);max-height:90vh;overflow:auto}.canvas-scope-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.canvas-scope-counts>div{padding:1rem;border:1px solid var(--border,#888);border-radius:12px}.canvas-scope-counts dt{font-size:.9rem}.canvas-scope-counts dd{font-size:1.8rem;font-weight:700;margin:.3rem 0 0}.canvas-destination-warning{padding:1rem;border:2px solid #b76b00;border-radius:12px;margin:1rem 0}.canvas-destination-warning h3{margin-top:0}@media(max-width:540px){.canvas-scope-counts{grid-template-columns:1fr}.canvas-rebuild-dialog{width:96vw}}