: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;--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);--warning:var(--flame-600);--danger:oklch(58% .18 25);--shadow-xs:0 1px 1px #78350f0a;--shadow-sm:0 1px 2px #78350f0f, 0 1px 1px #78350f0a;--shadow-md:0 4px 12px #78350f14, 0 2px 4px #78350f0d;--shadow-lg:0 12px 28px #78350f1a, 0 4px 10px #78350f0f;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:22px;--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--font-serif:"Instrument Serif", "Iowan Old Style", serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sidebar-w:240px;--topbar-h:0px;--coral:var(--flame-500);--coral-dk:var(--flame-600);--coral-lt:var(--flame-50);--navy:var(--ink-900);--card:var(--bg-elev);--border-dk:var(--border-strong);--text2:var(--text-muted);--text3:var(--text-dim);--text4:var(--ink-400);--text5:var(--ink-400);--sky:#3b82f6;--sky-lt:#eef3fd;--sage:oklch(60% .13 160);--sage-lt:color-mix(in oklch, var(--success) 12%, transparent);--gold:var(--flame-600);--gold-lt:var(--flame-50);--rose:var(--danger);--rose-lt:color-mix(in oklch, var(--danger) 12%, transparent);--purple:#7c3aed;--purple-lt:#ede9fe;--bg-dim:var(--bg-sunken)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";font-size:14px}h1,h2,h3,.sora{font-family:var(--font-serif)}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}textarea,input,select{font-family:inherit;font-size:inherit;color:inherit}p{margin:0}code,.mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--ink-300);border:2px solid var(--bg);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--ink-400)}:focus-visible{outline:2px solid var(--flame-500);outline-offset:2px;border-radius:4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideInR{0%{opacity:0;transform:translate(calc(100% + 28px))}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fu{animation:.26s forwards fadeUp}.fu1{opacity:0;animation:.26s 60ms forwards fadeUp}.fu2{opacity:0;animation:.26s .12s forwards fadeUp}.fu3{opacity:0;animation:.26s .18s forwards fadeUp}.fu4{opacity:0;animation:.26s .24s forwards fadeUp}.sk{background:linear-gradient(90deg, var(--ink-200) 25%, var(--ink-100) 50%, var(--ink-200) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.4s linear infinite shimmer}.spin{animation:.75s linear infinite spin}.slide-r{animation:.22s both slideInR}.toast{z-index:9999;background:var(--ink-900);color:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);align-items:center;gap:9px;padding:11px 18px;font-size:13.5px;font-weight:500;animation:.22s both slideInR;display:flex;position:fixed;bottom:24px;right:24px}.layout{height:100%;display:flex;overflow:hidden}.main-area{background:var(--bg);flex-direction:column;flex:1;display:flex;overflow:hidden}.screen{flex:1;padding:24px 28px 40px;overflow:auto}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--bg-elev);border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;flex-direction:column;height:100%;display:flex;overflow-y:auto}.sb-brand{align-items:center;gap:9px;padding:14px 12px 12px;display:flex}.sb-brand .name{letter-spacing:-.01em;color:var(--text);font-size:14px;font-weight:650}.sb-brand .sub{color:var(--text-dim);font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.sb-section{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);padding:12px 12px 5px;font-size:10px;font-weight:600}.sb-nav{flex:1;padding:0 8px 8px}.sb-item{border-radius:var(--r-md);text-align:left;width:100%;color:var(--text-muted);background:0 0;border:none;align-items:center;gap:9px;padding:7px 10px;font-size:13px;font-weight:500;transition:background .12s,color .12s;display:flex}.sb-item:hover{background:var(--ink-100);color:var(--text)}.sb-item.active{background:var(--flame-50);color:var(--flame-700);font-weight:600}.sb-badge{background:var(--ink-200);color:var(--text-muted);border-radius:99px;margin-left:auto;padding:1px 6px;font-size:10px}.sb-item.active .sb-badge{background:var(--flame-100);color:var(--flame-700)}.sb-sep{background:var(--border);height:1px;margin:4px 8px}.sb-footer{border-top:1px solid var(--border);margin-top:auto;padding:10px}.sb-credits{border-radius:var(--r-md);background:var(--ink-100);align-items:center;gap:9px;padding:10px;display:flex}.sb-credits .pct-track{background:var(--ink-200);border-radius:99px;height:4px;margin-top:5px;overflow:hidden}.sb-credits .pct-bar{border-radius:99px;height:100%;transition:width .3s}.sb-group-sep{background:var(--border);height:1px;margin:6px 8px}.sb-sync{padding:8px 10px}.sb-quick{padding:0 10px 10px}.sb-quick-btn{background:var(--flame-500);color:#1a0f00;border-radius:var(--r-md);align-items:center;gap:7px;width:100%;padding:8px 12px;font-size:13px;font-weight:700;transition:background .12s;display:flex}.sb-quick-btn:hover{background:var(--flame-600);color:#fff}.section-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.section-head .label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.section-head .count{background:var(--ink-100);color:var(--text-muted);border-radius:9px;padding:1px 7px;font-size:10.5px;font-weight:600}.section-head .line{background:var(--border);flex:1;height:1px}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);transition:box-shadow .15s}.card:hover{box-shadow:var(--shadow-sm)}.btn-primary{background:var(--flame-500);color:#1a0f00;border-radius:var(--r-md);border:1px solid var(--flame-600);cursor:pointer;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:600;transition:background .12s,color .12s;display:inline-flex}.btn-primary:hover{background:var(--flame-600);color:#fff}.btn-primary:disabled{background:var(--ink-200);color:var(--text-dim);border-color:var(--border);cursor:not-allowed}.btn-ghost{background:var(--bg-elev);color:var(--text-muted);border-radius:var(--r-md);border:1px solid var(--border);cursor:pointer;align-items:center;gap:6px;padding:7px 11px;font-size:13px;transition:background .12s,border-color .12s;display:inline-flex}.btn-ghost:hover{background:var(--ink-100);color:var(--text)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-sky{color:#3b82f6;border-radius:var(--r-md);cursor:pointer;background:#eef3fd;border:1px solid #bfdbfe;align-items:center;gap:6px;padding:7px 11px;font-size:13px;transition:background .12s;display:inline-flex}.btn-sky:hover{background:#dbeafe}.btn{background:var(--bg-elev);color:var(--text);border-radius:var(--r-md);border:1px solid var(--border);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.lg{padding:10px 16px;font-size:14px}.btn.icon{padding:6px}.av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.tag,.chip{background:var(--ink-100);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.chip.flame{background:var(--flame-50);color:var(--flame-700);border-color:var(--flame-200)}.field{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text);outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s,background .15s}.field:focus{border-color:var(--flame-500);background:var(--bg-elev)}textarea.field{resize:vertical;line-height:1.55}select.field{cursor:pointer}.split{height:100%;display:flex;overflow:hidden}.split-left{border-right:1px solid var(--border);background:var(--bg-elev);width:320px;min-width:320px;overflow-y:auto}.split-right{background:var(--bg);flex:1;overflow-y:auto}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 24px;display:flex}.empty-state .icon{color:var(--text-dim);opacity:.7;font-size:28px}.empty-state .msg{color:var(--text);font-size:14px;font-weight:600}.empty-state .sub{color:var(--text-muted);max-width:280px;font-size:12.5px}.tabs-seg{background:var(--bg-sunken);border-radius:var(--r-md);border:1px solid var(--border);gap:2px;padding:3px;display:flex}.tabs-seg button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px 10px;font-size:12px;font-weight:500}.tabs-seg button.on{background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow-xs)}.stage-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.card-hd{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.card-hd .left{align-items:center;gap:9px;display:flex}.card-hd .title{font-size:13px;font-weight:600}.h1{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:650}.h2{margin:0;font-size:16px;font-weight:600}.h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:11px;font-weight:600}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.row{display:flex}.col{flex-direction:column;display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.grow{flex:1}.center{justify-content:center;align-items:center}.ai-center{align-items:center}.jc-between{justify-content:space-between}.wrap{flex-wrap:wrap}