*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}html{height:100dvh}*{scrollbar-width:thin;scrollbar-color:var(--surface3) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}:root{--blue:#155eef;--blue-dim:#155eef1f;--blue-glow:#155eef0f;--indigo:#1b2a6b;--teal:#c99a00;--teal-dim:#c99a001f;--bg:#eef0f6;--surface:#f6f7fa;--surface2:#eceef4;--surface3:#e0e3ed;--border:#1b2a6b1a;--border-strong:#1b2a6b33;--text:#0d1220;--text-muted:#3d4660;--text-faint:#7a82a0;--accent:var(--blue);--accent-dim:var(--blue-dim);--accent-glow:var(--blue-glow);--accent-text:var(--accent);--success:#16a34a;--success-dim:#16a34a1f;--warn:#d97706;--warn-dim:#d977061f;--danger:#dc2626;--danger-dim:#dc26261f;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "Fira Code", monospace;--shadow-sm:0 1px 3px #0d122014, 0 1px 2px #0d12200a;--shadow-md:0 4px 12px #0d12201a, 0 2px 4px #0d12200f;--shadow-lg:0 8px 24px #0d12201f, 0 4px 8px #0d12200f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:16px;--space-8:20px;--text-2xs:10px;--text-xs:11px;--text-sm:13px}[data-skin=studio]{--bg:#1a1f2e;--surface:#222840;--surface2:#2a3050;--surface3:#323860;--border:#6378d226;--border-strong:#6378d24d;--text:#e8ecff;--text-muted:#8b96c8;--text-faint:#5a6499;--blue-dim:#155eef26;--blue-glow:#155eef14;--accent-dim:var(--blue-dim);--accent-glow:var(--blue-glow);--accent-text:#5b8dff;--teal:#fce205;--teal-dim:#fce20526;--success:#22c55e;--success-dim:#22c55e26;--warn:#f59e0b;--warn-dim:#f59e0b26;--danger:#ef4444;--danger-dim:#ef444426;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 12px #0006, 0 2px 4px #0003;--shadow-lg:0 8px 32px #00000080, 0 4px 8px #0000004d}[data-skin=editorial]{--bg:#fafbff;--surface:#fff;--surface2:#f4f5fa;--surface3:#eceef6;--border:#1b2a6b14;--border-strong:#1b2a6b29;--text:#0d1220;--text-muted:#3d4660;--text-faint:#8892b0}[data-skin=accessible]{--bg:#fff;--surface:#fff;--surface2:#f0f0f0;--surface3:#e0e0e0;--border:#767676;--border-strong:#333;--text:#000;--text-muted:#1a1a1a;--text-faint:#555;--blue:#04c;--accent:#04c;--accent-text:#04c;--accent-dim:#0044cc1f;--teal:#007a73;--success:#166534;--warn:#854d0e;--danger:#991b1b}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}button{font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;color:inherit;background:0 0;border:none}input,select,textarea{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text)}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}.btn{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-7);border-radius:var(--radius-sm);font-weight:500;font-size:var(--text-sm);white-space:nowrap;transition:all .12s;display:inline-flex}.btn svg{flex-shrink:0;width:14px;height:14px}.btn-primary{background:var(--blue);color:#fff;border:1px solid var(--blue)}.btn-primary:hover{background:var(--indigo);border-color:var(--indigo)}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--surface2);color:var(--text);border-color:var(--border-strong)}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid #0000}.btn-danger:hover{background:var(--danger);color:#fff}.btn-sm{padding:var(--space-3) var(--space-5);font-size:var(--text-xs)}.btn-sm svg{width:13px;height:13px}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.w-full{justify-content:center;width:100%}.field{gap:var(--space-2);flex-direction:column;display:flex}.field label{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.field input,.field select,.field textarea{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-5);width:100%;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}input[type=range]{accent-color:var(--accent);cursor:pointer}.popover-backdrop{z-index:49;position:fixed;inset:0}.popover-menu{top:calc(100% + var(--space-3));background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex;position:absolute;right:0}.popover-label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);padding:var(--space-2) var(--space-4) var(--space-3)}.popover-option{align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-5);border-radius:var(--radius-sm);text-align:left;cursor:pointer;width:100%;transition:background .1s;display:flex}.popover-option:hover{background:var(--surface2)}.popover-option.active{background:var(--accent-dim)}#app{flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border-strong);width:380px;max-width:95vw;box-shadow:var(--shadow-lg);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.modal.modal-wide{width:min(1100px,96vw)!important;max-width:96vw!important}.modal-title{font-family:var(--font-display);font-size:20px;font-weight:600}.modal-actions{justify-content:flex-end;gap:8px;display:flex}@keyframes svelte-12qhfyh-motion-fadeSlideUp{0%{opacity:0;transform:translate(-50%,-50%)translateY(12px)}to{opacity:1;transform:translate(-50%,-50%)translateY(0)}}@keyframes svelte-12qhfyh-motion-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-12qhfyh-motion-slideLeft{0%{opacity:0;transform:translate(-50%,-50%)translate(20px)}to{opacity:1;transform:translate(-50%,-50%)translate(0)}}@keyframes svelte-12qhfyh-motion-slideRight{0%{opacity:0;transform:translate(-50%,-50%)translate(-20px)}to{opacity:1;transform:translate(-50%,-50%)translate(0)}}