:root{color-scheme:light;--page-bg: #f7f5f1;--shell-glow: rgb(240 90 40 / 10%);--topbar-bg: rgb(255 255 255 / 94%);--surface: #fff;--surface-muted: #f8fafc;--surface-subtle: #f3f4f6;--panel-bg: linear-gradient(160deg, rgb(255 255 255 / 98%), rgb(248 250 252 / 98%));--text-primary: #1c2430;--text-secondary: #4b5563;--text-muted: #6b7280;--border: #e5e1da;--border-strong: #cbd5e1;--accent: #f05a28;--accent-hover: #d94817;--accent-text: #c2410c;--accent-soft: rgb(240 90 40 / 12%);--accent-contrast: #1c2430;--focus: #f05a28;--error: #b42318;--warning: #b54708;--success: #15803d;--shadow: rgb(15 23 42 / 12%);--dialog-backdrop: rgb(15 23 42 / 35%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);background:var(--page-bg)}:root[data-theme=dark]{color-scheme:dark;--page-bg: #080d18;--shell-glow: rgb(37 99 235 / 16%);--topbar-bg: rgb(10 16 29 / 92%);--surface: #101c30;--surface-muted: #0b1322;--surface-subtle: #152136;--panel-bg: linear-gradient(160deg, rgb(18 27 45 / 96%), rgb(11 18 31 / 96%));--text-primary: #eef4ff;--text-secondary: #aebbd0;--text-muted: #718096;--border: #202d43;--border-strong: #334766;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-text: #60a5fa;--accent-soft: rgb(37 99 235 / 18%);--accent-contrast: #fff;--focus: #60a5fa;--error: #fca5a5;--warning: #fbbf24;--success: #22c55e;--shadow: rgb(0 0 0 / 18%);--dialog-backdrop: rgb(3 7 18 / 55%)}body{min-width:320px;min-height:100vh;margin:0;color:var(--text-primary);background:var(--page-bg)}button,input{font:inherit}.panel{border:1px solid var(--border);border-radius:.85rem;background:var(--panel-bg);box-shadow:0 1rem 2.5rem var(--shadow)}.eyebrow{margin-bottom:.18rem;color:var(--accent-text);font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}app-canvas-shell :is(h2,h3,p){margin:0}app-canvas-shell h2{color:var(--text-primary);font-size:.95rem}app-canvas-shell h3{margin-bottom:.75rem;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}:is(button,input,canvas):focus-visible{outline:2px solid var(--focus);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.canvas-frame{position:relative}.data-status{position:absolute;right:.75rem;bottom:.75rem;left:.75rem;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;color:var(--text-secondary);background:var(--surface-subtle)}.data-status[role=alert]{color:var(--error)}.data-status button,.placeholder-copy button{min-height:44px;border:0;color:#fff;background:var(--accent);cursor:pointer}.help-dialog{box-sizing:border-box;width:min(24rem,calc(100vw - 2rem));margin:auto;padding:1.25rem;border:1px solid var(--border-strong);border-radius:.85rem;color:var(--text-primary);background:var(--surface);box-shadow:0 1rem 3rem var(--shadow)}.help-dialog::backdrop{background:var(--dialog-backdrop)}.help-dialog h2{margin:0 0 .75rem}.help-dialog p{padding:.6rem 0;margin:0;border-top:1px solid var(--border);font-size:.85rem}.help-dialog form{margin-top:.75rem}.help-dialog button{width:100%;min-height:2.75rem;border:1px solid var(--accent);border-radius:.5rem;color:var(--accent-contrast);background:var(--accent);font-weight:700;cursor:pointer}