:root{--font-sans:"Manrope", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:oklch(98.5% .003 280);--bg-sunken:oklch(96.5% .004 280);--surface:oklch(100% 0 0);--surface-2:oklch(97.5% .003 280);--surface-3:oklch(95.5% .005 280);--border:oklch(91% .005 280);--border-strong:oklch(84% .007 280);--text:oklch(24% .012 280);--text-muted:oklch(50% .012 280);--text-faint:oklch(64% .01 280);--text-inverse:oklch(99% 0 0);--ai:oklch(52% .2 280);--ai-hover:oklch(46% .21 280);--ai-soft:oklch(95% .04 280);--ai-soft-2:oklch(90% .06 280);--ai-text:oklch(45% .2 280);--ai-border:oklch(80% .1 280);--green:oklch(62% .14 150);--green-soft:oklch(94% .05 150);--green-text:oklch(46% .13 150);--amber:oklch(70% .13 70);--amber-soft:oklch(94% .06 75);--amber-text:oklch(52% .11 60);--red:oklch(60% .18 25);--red-soft:oklch(95% .04 25);--red-text:oklch(52% .18 25);--blue:oklch(60% .14 240);--blue-soft:oklch(94% .04 240);--blue-text:oklch(50% .14 240);--teal:oklch(64% .1 195);--teal-soft:oklch(94% .04 195);--teal-text:oklch(48% .1 195);--pink:oklch(64% .16 350);--pink-soft:oklch(95% .04 350);--pink-text:oklch(52% .16 350);--shadow-sm:0 1px 2px oklch(40% .02 280/.06), 0 1px 1px oklch(40% .02 280/.04);--shadow-md:0 2px 4px oklch(40% .02 280/.05), 0 4px 12px oklch(40% .02 280/.07);--shadow-lg:0 8px 24px oklch(40% .02 280/.1), 0 2px 6px oklch(40% .02 280/.06);--shadow-ai:0 4px 16px oklch(52% .2 280/.18)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(17% .012 280);--bg-sunken:oklch(14% .012 280);--surface:oklch(21% .014 280);--surface-2:oklch(24% .016 280);--surface-3:oklch(27% .018 280);--border:oklch(30% .018 280);--border-strong:oklch(38% .022 280);--text:oklch(96% .004 280);--text-muted:oklch(72% .012 280);--text-faint:oklch(58% .012 280);--text-inverse:oklch(18% .01 280);--ai:oklch(66% .18 280);--ai-hover:oklch(72% .17 280);--ai-soft:oklch(30% .06 280);--ai-soft-2:oklch(36% .09 280);--ai-text:oklch(80% .13 280);--ai-border:oklch(46% .12 280);--green:oklch(68% .13 150);--green-soft:oklch(31% .06 150);--green-text:oklch(80% .12 150);--amber:oklch(76% .12 75);--amber-soft:oklch(33% .06 70);--amber-text:oklch(84% .11 75);--red:oklch(66% .17 25);--red-soft:oklch(32% .08 25);--red-text:oklch(80% .13 25);--blue:oklch(68% .13 240);--blue-soft:oklch(31% .06 240);--blue-text:oklch(82% .11 240);--teal:oklch(70% .1 195);--teal-soft:oklch(31% .05 195);--teal-text:oklch(82% .09 195);--pink:oklch(70% .15 350);--pink-soft:oklch(33% .07 350);--pink-text:oklch(84% .12 350);--shadow-sm:0 1px 2px oklch(0% 0 0/.3);--shadow-md:0 2px 6px oklch(0% 0 0/.34), 0 6px 16px oklch(0% 0 0/.3);--shadow-lg:0 10px 30px oklch(0% 0 0/.45), 0 3px 8px oklch(0% 0 0/.34);--shadow-ai:0 4px 20px oklch(66% .18 280/.3)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"cv11", "ss01";font-size:14px;line-height:1.5;transition:background .25s,color .25s}#root{height:100%}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}svg{display:block}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:3px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:padding-box;border:3px solid #0000}::-webkit-scrollbar-track{background:0 0}::selection{background:var(--ai-soft-2);color:var(--text)}.t-display{letter-spacing:-.02em;font-size:28px;font-weight:700;line-height:1.15}.t-h1{letter-spacing:-.015em;white-space:nowrap;font-size:22px;font-weight:700;line-height:1.2}.t-h2{letter-spacing:-.01em;white-space:nowrap;font-size:17px;font-weight:600;line-height:1.3}.t-h3{font-size:14px;font-weight:600}.t-body{font-size:14px;font-weight:450}.t-sm{font-size:13px}.t-xs{font-size:12px}.t-mono{font-family:var(--font-mono);letter-spacing:-.01em;font-size:12px}.t-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:500}.nowrap{white-space:nowrap}.ellip{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.between{justify-content:space-between}.center{justify-content:center;align-items:center}.wrap{flex-wrap:wrap}.grow{flex:1}.gap-2{gap:2px}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px}.btn{white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;height:34px;padding:0 13px;font-size:13px;font-weight:550;transition:background .12s,border-color .12s,color .12s,box-shadow .12s;display:inline-flex}.btn svg{width:15px;height:15px}.btn-sm{border-radius:7px;height:28px;padding:0 9px;font-size:12px}.btn-icon{justify-content:center;width:34px;padding:0}.btn-icon.btn-sm{width:28px}.btn-ghost{color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-3);color:var(--text)}.btn-outline{border-color:var(--border-strong);color:var(--text);background:var(--surface)}.btn-outline:hover{background:var(--surface-2);border-color:var(--text-faint)}.btn-primary{background:var(--text);color:var(--text-inverse)}.btn-primary:hover{background:oklch(from var(--text) calc(l + .08) c h)}.btn-ai{background:var(--ai);color:#fff;box-shadow:var(--shadow-ai)}.btn-ai:hover{background:var(--ai-hover)}.badge{letter-spacing:.01em;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;height:22px;padding:0 8px;font-size:11.5px;font-weight:600;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge svg{width:12px;height:12px}.badge-neutral{background:var(--surface-3);color:var(--text-muted)}.badge-ai{background:var(--ai-soft);color:var(--ai-text)}.badge-green{background:var(--green-soft);color:var(--green-text)}.badge-amber{background:var(--amber-soft);color:var(--amber-text)}.badge-red{background:var(--red-soft);color:var(--red-text)}.badge-blue{background:var(--blue-soft);color:var(--blue-text)}.badge-teal{background:var(--teal-soft);color:var(--teal-text)}.badge-pink{background:var(--pink-soft);color:var(--pink-text)}.avatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:650;display:inline-flex}.ai-glyph{color:var(--ai);font-weight:700}.seg{background:var(--surface-3);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.seg button{height:28px;color:var(--text-muted);border-radius:6px;padding:0 12px;font-size:12.5px;font-weight:550;transition:all .12s}.seg button:hover{color:var(--text)}.seg button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.input{background:var(--surface);border:1px solid var(--border-strong);height:34px;color:var(--text);border-radius:8px;padding:0 11px;font-size:13px;transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--ai);box-shadow:0 0 0 3px var(--ai-soft);outline:none}.input::placeholder{color:var(--text-faint)}.hr{background:var(--border);border:none;height:1px}.vr{background:var(--border);align-self:stretch;width:1px}.clickable{cursor:pointer}.fade-in{animation:.3s both fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg, var(--surface-3) 25%, var(--ai-soft) 50%, var(--surface-3) 75%);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes pulse-ai{0%,to{opacity:1}50%{opacity:.45}}.pulse{animation:1.6s infinite pulse-ai}.scroll-y{overflow:hidden auto}.scroll-x{overflow:auto hidden}