:root{--bg:#f1f5fb;--bg-elev:#fff;--bg-elev-2:#eaf1fb;--border:#dde5f0;--border-strong:#c3d1e4;--text:#0f1b2d;--text-dim:#5a6a80;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-soft:#e8f0fe;--accent-tint:#d6e4ff;--danger:#dc2626;--danger-soft:#fef2f2;--danger-border:#fecaca;--danger-strong:#991b1b;--warning:#b45309;--warning-soft:#fffbeb;--warning-border:#fcd34d;--success:#15803d;--success-soft:#f0fdf4;--marker:#ef4444;--canvas:#dfe6f0;--swatch-edge:#0000002e;--hud-bg:#ffffffeb;--hud-border:#0f1b2d1a;--hud-text:#0f1b2d;--hud-text-dim:#5a6a80;--radius:14px;--radius-sm:10px;--shadow-sm:0 1px 2px #0f285a0d, 0 1px 3px #0f285a0f;--shadow-md:0 4px 14px #0f285a14;--shadow-lg:0 14px 40px #0f285a29;--ring:0 0 0 3px #2563eb40;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background:var(--bg);overscroll-behavior:none;width:100%;height:100%;margin:0}#root{flex-direction:column;display:flex}button{font:inherit;cursor:pointer;border:1px solid var(--border-strong);background:var(--bg-elev);color:var(--text);border-radius:var(--radius-sm);min-width:44px;min-height:44px;box-shadow:var(--shadow-sm);touch-action:manipulation;flex-shrink:0;padding:9px 15px;transition:background .15s,border-color .15s,box-shadow .15s,color .15s,opacity .15s,transform 80ms}button:has(>svg){justify-content:center;align-items:center;gap:6px;display:inline-flex}button svg{flex-shrink:0}button:has(>svg:first-child):not(.icon){padding-left:12px}button:active{transform:scale(.96)}button.static:active{transform:none}button:disabled{opacity:.45;cursor:default;box-shadow:none}button:disabled:active{transform:none}button:focus-visible{box-shadow:var(--ring);outline:none}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;box-shadow:0 1px 2px #2563eb40,0 4px 12px #2563eb38}button.danger{border-color:var(--border-strong);color:var(--danger);background:var(--bg-elev)}button.soft{background:var(--accent-soft);color:var(--accent-strong);box-shadow:none;border-color:#0000;font-weight:600}button.plain{box-shadow:none;background:0 0;border:none}button.plain:active{background:var(--bg-elev-2)}@media (hover:hover){button:hover{background:var(--bg-elev-2);border-color:var(--border-strong)}button.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}button.danger:hover{background:var(--danger-soft);border-color:var(--danger)}button.soft:hover{background:var(--accent-tint)}}.lucide[stroke-width="2"]{stroke-width:1.5px}button.primary .lucide[stroke-width="2"],button.soft .lucide[stroke-width="2"]{stroke-width:2px}button.icon{width:44px;height:44px;padding:0}button.hit{min-width:0;min-height:0;position:relative}button.hit:after{content:"";position:absolute;inset:calc(50% - 22px)}input,select{font:inherit;color:var(--text);background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;min-height:44px;padding:9px 12px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:var(--text-dim);opacity:.7}input:focus,select:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}input[type=checkbox],input[type=radio]{min-height:0;accent-color:var(--accent)}input[type=range]{accent-color:var(--accent);background:0 0;border:none;padding:0}label{color:var(--text-dim);margin-bottom:6px;font-size:13px;font-weight:500;display:block}h1,h2,h3{letter-spacing:-.01em;text-wrap:balance;margin:0}p{text-wrap:pretty}a{color:var(--accent)}[role=dialog]:focus{outline:none}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){button:active{transform:none}}.mark-dark{--bg:#161b24;--bg-elev:#232a36;--bg-elev-2:#2c3442;--border:#323b4b;--border-strong:#414c60;--text:#eef2f8;--text-dim:#9aa6b8;--accent:#4c8dff;--accent-strong:#a9c6ff;--accent-soft:#4c8dff2e;--accent-tint:#4c8dff4d;--danger:#ff7b7b;--danger-soft:#ff7b7b1f;--danger-border:#ff7b7b66;--danger-strong:#ffb3b3;--warning:#fbbf24;--warning-soft:#fbbf241f;--warning-border:#fbbf2466;--success:#4ade80;--success-soft:#4ade801f;--canvas:radial-gradient(ellipse at 50% 45%, #1d2533 0%, #10141c 60%, #0a0d12 100%);--swatch-edge:#ffffff59;--hud-bg:#161b24e6;--hud-border:#ffffff12;--hud-text:#eef2f8;--hud-text-dim:#9aa6b8;--shadow-sm:0 1px 2px #0006, inset 0 1px 0 #ffffff0a;--shadow-md:0 4px 14px #00000073, inset 0 1px 0 #ffffff0d;--shadow-lg:0 14px 40px #0009, inset 0 1px 0 #ffffff0f;--ring:0 0 0 3px #4c8dff73;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:#0a0d12}.mark-dark button.primary{box-shadow:0 0 0 1px #4c8dff80,0 4px 16px #4c8dff59}