:root{--flame-50:#fff7eb;--flame-100:#ffebcc;--flame-200:#ffd699;--flame-300:#ffbe66;--flame-400:#ffa733;--flame-500:#f59e0b;--flame-600:#d97706;--flame-700:#b45309;--flame-800:#78350f;--ink-900:oklch(20% .012 70);--ink-800:oklch(28% .012 70);--ink-700:oklch(40% .01 70);--ink-600:oklch(52% .01 70);--ink-500:oklch(64% .008 70);--ink-400:oklch(76% .006 70);--ink-300:oklch(86% .005 70);--ink-200:oklch(93% .004 70);--ink-100:oklch(96.5% .004 70);--ink-50:oklch(98.5% .003 70);--bg:var(--ink-50);--bg-elev:#fff;--bg-sunken:var(--ink-100);--border:oklch(90% .006 70);--border-strong:oklch(82% .008 70);--text:var(--ink-900);--text-muted:var(--ink-600);--text-dim:var(--ink-500);--success:oklch(60% .13 160);--danger:oklch(58% .18 25);--shadow-xs:0 1px 1px #78350f0a;--shadow-sm:0 1px 2px #78350f0f;--shadow-md:0 4px 12px #78350f14;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--font-sans:"Inter",ui-sans-serif,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--sidebar-w:220px;--topbar-h:52px}[data-theme=dark]{--ink-900:oklch(97% .006 70);--ink-800:oklch(90% .007 70);--ink-700:oklch(78% .008 70);--ink-600:oklch(66% .008 70);--ink-500:oklch(54% .008 70);--ink-400:oklch(42% .008 70);--ink-300:oklch(32% .008 70);--ink-200:oklch(24% .008 70);--ink-100:oklch(18% .008 70);--ink-50:oklch(14% .008 70);--bg:oklch(14% .008 70);--bg-elev:oklch(18% .009 70);--bg-sunken:oklch(11% .008 70);--border:oklch(26% .01 70);--shadow-xs:0 1px 1px #0000004d;--shadow-md:0 4px 12px #0006}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}button{cursor:pointer;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit}.btn{border:1px solid var(--border);background:var(--bg-elev);color:var(--text);border-radius:var(--r-md);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--ink-100)}.btn.primary{background:var(--flame-500);border-color:var(--flame-600);color:#1a0f00}.btn.primary:hover{background:var(--flame-600);color:#fff}.btn.ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--ink-100);color:var(--text)}.btn.sm{padding:4px 8px;font-size:12px}.btn.icon{padding:6px}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs)}input[type=text],input[type=password],input[type=email],select{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);width:100%;padding:8px 10px;font-size:13px}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,select:focus{outline:2px solid var(--flame-500);outline-offset:1px}label.checkrow{cursor:pointer;align-items:center;gap:8px;padding:6px 4px;font-size:13px;display:flex}.badge{font-size:11px;font-weight:600;font-family:var(--font-mono);border-radius:99px;align-items:center;gap:5px;padding:2px 8px;display:inline-flex}.badge.creating{background:var(--flame-50);color:var(--flame-700)}.badge.ready{color:var(--success);background:oklch(93% .06 160)}.badge.error{color:var(--danger);background:oklch(93% .06 25)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--ink-300);border-radius:99px}:focus-visible{outline:2px solid var(--flame-500);outline-offset:2px;border-radius:4px}.app{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.app-main{flex-direction:column;min-width:0;display:flex}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);background:var(--bg-elev);z-index:20;align-items:center;gap:14px;padding:0 20px;display:flex;position:sticky;top:0}.page{flex:1;padding:28px 32px}@keyframes spin{to{transform:rotate(360deg)}}.spin{line-height:1;animation:1.1s linear infinite spin;display:inline-block}