:root{color-scheme:light;--app-bg: #fbfcfe;--panel-bg: #ffffff;--panel-muted: #f3f6fa;--panel-border: #dce4ee;--bar-bg: #eef1f6;--text-primary: #111827;--text-secondary: #5b6472;--text-soft: #7a8494;--accent: #c2410c;--accent-strong: #9a3412;--privacy: #16a34a;--warning: #d97706;--danger: #dc2626;--canvas-grid: #e5eaf0;--shadow-soft: 0 16px 44px rgba(15, 23, 42, .08);--shadow-pop: 0 12px 32px rgba(15, 23, 42, .14);--publish: #4f46e5;--publish-strong: #4338ca;--publish-tint: #eef2ff;--accent-tint: #fff3ec;--privacy-tint: #ecfdf3;--surface: var(--panel-bg);--surface-raised: #f8fafc;--surface-muted: var(--panel-muted);--border: var(--panel-border);--border-subtle: color-mix(in srgb, var(--panel-border) 62%, var(--panel-bg));--paper-surface: #ffffff;--paper-text: #111827;--ease-emphasized: cubic-bezier(.2, 0, 0, 1);--ease-decelerate: cubic-bezier(.05, .7, .1, 1);--ease-spring: cubic-bezier(.16, 1, .3, 1);--dur-short: .16s;--dur-medium: .32s;--dur-long: .52s;--elev-1: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .05);--elev-2: 0 2px 6px rgba(15, 23, 42, .07), 0 8px 20px rgba(15, 23, 42, .07);--elev-3: 0 4px 12px rgba(15, 23, 42, .09), 0 16px 36px rgba(15, 23, 42, .1);--chrome-h: 64px;--app-bar-h: var(--chrome-h);--sidebar-w: 248px;--inspector-w: 320px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--handle-color: #1d4ed8;--handle-fill: #ffffff;--handle-size: 11px;--handle-size-touch: 18px;--handle-radius: 2px;--handle-border-width: 1.5px;--handle-shadow: 0 1px 3px rgba(15, 23, 42, .28);--handle-opacity: .85;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color-scheme:dark;--app-bg: #000000;--panel-bg: #0a0a0a;--panel-muted: #050505;--panel-border: #1a1a1a;--bar-bg: #0f0f0f;--text-primary: #f5f5f7;--text-secondary: #a1a1a6;--text-soft: #86868b;--accent: #fb7a52;--accent-strong: #fdba8f;--privacy: #34d399;--warning: #f59e0b;--danger: #f87171;--canvas-grid: #151515;--shadow-soft: 0 18px 50px rgba(0, 0, 0, .85);--shadow-pop: 0 12px 32px rgba(0, 0, 0, .9);--publish: #a5b4fc;--publish-strong: #c7d2fe;--publish-tint: #12121c;--accent-tint: #1c1310;--privacy-tint: #0c1512;--surface-raised: #161616;--elev-1: 0 1px 2px rgba(0, 0, 0, .7);--elev-2: 0 2px 8px rgba(0, 0, 0, .8);--elev-3: 0 8px 28px rgba(0, 0, 0, .85)}*{box-sizing:border-box}.brand-glyph{display:inline-grid;flex:none;place-items:center}.brand-glyph>img{display:block;grid-area:1 / 1;width:100%;height:100%}.brand-glyph-dark{visibility:hidden}:root[data-theme=dark] .brand-glyph-light{visibility:hidden}:root[data-theme=dark] .brand-glyph-dark{visibility:visible}html,body{margin:0;min-height:100%;background:var(--app-bg);color:var(--text-primary)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toast-viewport{position:fixed;inset:auto 0 calc(16px + var(--safe-bottom) + var(--toast-bottom-offset, 0px)) 0;z-index:500;display:flex;flex-direction:column-reverse;align-items:center;gap:10px;padding:0 16px;pointer-events:none}.toast{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;width:min(440px,100%);padding:12px 12px 12px 14px;border:1px solid var(--panel-border);border-left:3px solid var(--tone, var(--accent));border-radius:var(--radius-md);background:var(--panel-bg);color:var(--text-primary);box-shadow:var(--shadow-pop);pointer-events:auto;animation:toast-in .22s cubic-bezier(.16,1,.3,1)}.toast--error{--tone: var(--danger)}.toast--success{--tone: var(--privacy)}.toast--warning{--tone: var(--warning)}.toast--info{--tone: var(--accent)}.toast__icon{display:inline-grid;place-items:center;width:22px;height:22px;color:var(--tone, var(--accent))}.toast__message{margin:0;padding-top:1px;font-size:13px;font-weight:550;line-height:1.45;color:var(--text-primary);overflow-wrap:anywhere}.toast__close{display:inline-grid;place-items:center;width:26px;height:26px;margin:-3px -2px 0 0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .14s ease,color .14s ease}.toast__close:hover{background:color-mix(in srgb,var(--text-secondary) 12%,transparent);color:var(--text-primary)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}:root{--keyboard-inset: 0px;--focus-mode-duration: .17s}:root[data-keyboard-open] [data-focus-shell]{height:calc(100dvh - var(--keyboard-inset));min-height:0}:root[data-keyboard-open] [data-focus-shell] [data-focus-shell]{height:auto}:root[data-keyboard-open] [data-focus-hide]:not(:focus-within){display:none}[data-focus-collapse]{transition:height var(--focus-mode-duration) ease-out,min-height var(--focus-mode-duration) ease-out,opacity calc(var(--focus-mode-duration) - 40ms) ease-out}:root[data-keyboard-open] [data-focus-collapse]{height:0;min-height:0;padding-block:0;margin-block:0;border-block-width:0;overflow:hidden;opacity:0;pointer-events:none}:root[data-keyboard-open]{--app-bar-h: 40px}@media(prefers-reduced-motion:reduce){[data-focus-collapse]{transition-duration:0s}}