.premium-badge{display:inline-block;padding:.15rem .4rem;border:1px solid var(--border-strong);border-radius:.35rem;color:var(--text-primary);background:var(--surface-subtle);font-size:.65rem;font-weight:700;letter-spacing:.04em;vertical-align:middle}:root{color-scheme:light;--page-bg: #f7f5f1;--shell-glow: rgb(240 90 40 / 10%);--topbar-bg: #fff;--surface: #fff;--surface-muted: #f8fafc;--surface-subtle: #f3f4f6;--panel-bg: #fff;--text-primary: #1c2430;--text-secondary: #4b5563;--text-muted: #535d6b;--border: #a0a7b0;--border-strong: #737d8c;--accent: #f05a28;--accent-hover: #f57145;--accent-text: #c2410c;--accent-soft: #fff0e8;--accent-contrast: #1c2430;--focus: #b83b0b;--error: #b42318;--warning: #b54708;--success: #15803d;--shadow: rgb(15 23 42 / 12%);--dialog-backdrop: rgb(15 23 42 / 35%);--canvas-empty-bg: #5f6f82;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: #0a101d;--surface: #101c30;--surface-muted: #0b1322;--surface-subtle: #152136;--panel-bg: #101c30;--text-primary: #eef4ff;--text-secondary: #aebbd0;--text-muted: #a2b0c5;--border: #53647e;--border-strong: #7488a5;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-text: #60a5fa;--accent-soft: #172b50;--accent-contrast: #fff;--focus: #60a5fa;--error: #fca5a5;--warning: #fbbf24;--success: #22c55e;--shadow: rgb(0 0 0 / 18%);--dialog-backdrop: rgb(3 7 18 / 55%);--canvas-empty-bg: #111827}html,body{min-width:320px;height:100%;overflow:hidden;margin:0;color:var(--text-primary);background:var(--page-bg)}button,input{font:inherit}button:not(:disabled):hover:not(:focus-visible){outline:1px solid var(--focus);outline-offset:1px}input::placeholder{color:var(--text-muted);opacity:1}.panel{border:1px solid var(--border);border-radius:.85rem;background:var(--panel-bg);box-shadow:0 2px 4px 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[role=status]{pointer-events:none}.data-status button,.placeholder-copy button{min-height:44px;border:0;color:var(--accent-contrast);background:var(--accent);cursor:pointer}.help-dialog{top:calc(var(--viewport-top, 0px) + var(--app-height, 100dvh) / 2);bottom:auto;transform:translateY(-50%);max-height:calc(var(--app-height, 100dvh) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 2rem);overflow:auto;box-sizing:border-box;width:min(24rem,calc(100vw - 2rem));margin:0 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}