:root{--bg:#ffffff;--surface:#fafafa;--surface-sunken:#f7f8f9;--fill:#f4f4f5;--fill-strong:#e4e4e7;--line:#e5e7eb;--line-strong:#d4d4d8;--text:#0a0a0a;--text-2:#3f3f46;--text-3:#71717a;--text-disabled:#a1a1aa;--accent:#0a0a0a;--accent-hover:#26262b;--accent-soft:#f4f4f5;--on-accent:#ffffff;--ai:#059669;--ai-soft:#d1fae5;--live:#10b981;--success:#047857;--success-soft:#d1fae5;--warn:#b45309;--warn-soft:#fef3c7;--danger:#dc2626;--danger-soft:#fee2e2;--r-xs:5px;--r-sm:6px;--r:8px;--r-lg:12px;--r-full:9999px;--shadow-hairline:0 0 0 1px var(--line);--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 10px -2px rgba(0,0,0,0.06),0 12px 26px -6px rgba(0,0,0,0.07);--shadow-lg:0 8px 16px -4px rgba(0,0,0,0.08),0 28px 56px -12px rgba(0,0,0,0.14);--shadow-float:0 20px 40px rgba(0,0,0,0.1),0 2px 6px rgba(0,0,0,0.05);--shadow-frame:0 1px 2px rgba(0,0,0,0.04),0 4px 16px rgba(0,0,0,0.03);--sidebar-w:252px;--topbar-h:48px;--font:var(--font-app,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif);--font-head:var(--font-head-src,var(--font));--mono:var(--font-mono-app,ui-monospace,"SF Mono","JetBrains Mono",Menlo,monospace)}@media (prefers-color-scheme:dark){:root{--bg:#161618;--surface:#1a1a1c;--surface-sunken:#0d0d0e;--fill:#232326;--fill-strong:#2e2e33;--line:rgba(255,255,255,0.08);--line-strong:rgba(255,255,255,0.16);--text:#f4f4f5;--text-2:#b4b4bc;--text-3:#898992;--text-disabled:#5a5a63;--accent:#fafafa;--accent-hover:#e4e4e7;--accent-soft:#26262b;--on-accent:#0a0a0a;--ai:#34d399;--ai-soft:rgba(52,211,153,0.15);--live:#34d399;--success:#34d399;--success-soft:rgba(52,211,153,0.15);--warn:#f59e0b;--warn-soft:rgba(245,158,11,0.15);--danger:#f87171;--danger-soft:rgba(248,113,113,0.14);--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 6px 18px rgba(0,0,0,0.5);--shadow-lg:0 16px 48px rgba(0,0,0,0.62);--shadow-float:0 20px 40px rgba(0,0,0,0.55),0 2px 6px rgba(0,0,0,0.4);--shadow-frame:0 1px 2px rgba(0,0,0,0.4)}}:root[data-theme=dark]{--bg:#161618;--surface:#1a1a1c;--surface-sunken:#0d0d0e;--fill:#232326;--fill-strong:#2e2e33;--line:rgba(255,255,255,0.08);--line-strong:rgba(255,255,255,0.16);--text:#f4f4f5;--text-2:#b4b4bc;--text-3:#898992;--text-disabled:#5a5a63;--accent:#fafafa;--accent-hover:#e4e4e7;--accent-soft:#26262b;--on-accent:#0a0a0a;--ai:#34d399;--ai-soft:rgba(52,211,153,0.15);--live:#34d399;--success:#34d399;--success-soft:rgba(52,211,153,0.15);--warn:#f59e0b;--warn-soft:rgba(245,158,11,0.15);--danger:#f87171;--danger-soft:rgba(248,113,113,0.14);--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 6px 18px rgba(0,0,0,0.5);--shadow-lg:0 16px 48px rgba(0,0,0,0.62);--shadow-float:0 20px 40px rgba(0,0,0,0.55),0 2px 6px rgba(0,0,0,0.4);--shadow-frame:0 1px 2px rgba(0,0,0,0.4)}:root[data-theme=light]{--bg:#ffffff;--surface:#fafafa;--surface-sunken:#f7f8f9;--fill:#f4f4f5;--fill-strong:#e4e4e7;--line:#e5e7eb;--line-strong:#d4d4d8;--text:#0a0a0a;--text-2:#3f3f46;--text-3:#71717a;--text-disabled:#a1a1aa;--accent:#0a0a0a;--accent-hover:#26262b;--accent-soft:#f4f4f5;--on-accent:#ffffff;--ai:#059669;--ai-soft:#d1fae5;--live:#10b981;--success:#047857;--success-soft:#d1fae5;--warn:#b45309;--warn-soft:#fef3c7;--danger:#dc2626;--danger-soft:#fee2e2;--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 10px -2px rgba(0,0,0,0.06),0 12px 26px -6px rgba(0,0,0,0.07);--shadow-lg:0 8px 16px -4px rgba(0,0,0,0.08),0 28px 56px -12px rgba(0,0,0,0.14);--shadow-float:0 20px 40px rgba(0,0,0,0.1),0 2px 6px rgba(0,0,0,0.05);--shadow-frame:0 1px 2px rgba(0,0,0,0.04),0 4px 16px rgba(0,0,0,0.03)}*{box-sizing:border-box}body,html{padding:0;margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}::selection{background:var(--fill-strong)}.caps{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.caps,.mono{font-family:var(--mono)}.display{font-family:var(--font-head);font-weight:700;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.live-dot{width:7px;height:7px;border-radius:999px;background:var(--live);display:inline-block;flex-shrink:0}.scroll{scrollbar-width:thin;scrollbar-color:transparent transparent}.scroll:hover{scrollbar-color:var(--line-strong) transparent}.scroll::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar-thumb{background:transparent;border-radius:999px;border:3px solid transparent;background-clip:content-box}.scroll:hover::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 14px;border-radius:var(--r-full);font-size:13px;font-weight:600;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .12s,box-shadow .12s,opacity .12s,color .12s}.btn:disabled{opacity:.5;cursor:default}.btn-accent,.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-accent:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg);color:var(--text);box-shadow:0 0 0 1px var(--line)}.btn-secondary:hover:not(:disabled){background:var(--fill)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--fill);color:var(--text)}.btn-sm{height:27px;padding:0 11px;font-size:12.5px}.btn-icon{width:30px;height:30px;padding:0}.inp{width:100%;height:32px;padding:0 10px;border-radius:var(--r);border:1px solid var(--line-strong);background:var(--bg);color:var(--text);font-size:13.5px;font-weight:400;outline:none;transition:border-color .12s,box-shadow .12s}.inp:focus{border-color:var(--text-2);box-shadow:0 0 0 3px var(--accent-soft)}textarea.inp{height:auto;padding:8px 10px;resize:none;line-height:1.5}.inp::placeholder{color:var(--text-disabled)}.side-item{display:flex;align-items:center;gap:9px;height:30px;padding:0 9px;border-radius:var(--r);font-size:13px;font-weight:500;color:var(--text-2);cursor:pointer;transition:background .1s,color .1s,box-shadow .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.side-item:hover{background:var(--fill);color:var(--text)}.side-item.active{background:var(--bg);color:var(--text);font-weight:600;box-shadow:0 0 0 1px var(--line),var(--shadow-sm)}.side-item svg{flex-shrink:0;opacity:.8}.grid-row{transition:background .08s;cursor:pointer}.grid-row:hover{background:var(--fill)}.grid-row.sel{background:var(--fill-strong)}.chip{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:var(--r-full);font-size:12px;font-weight:600;background:var(--fill);color:var(--text-2)}.chip-accent{background:var(--accent);color:var(--on-accent)}.chip-success{background:var(--success-soft);color:var(--success)}.chip-warn{background:var(--warn-soft);color:var(--warn)}.chip-danger{background:var(--danger-soft);color:var(--danger)}.kv{display:grid;grid-template-columns:148px 1fr;align-items:start;grid-gap:8px;gap:8px;padding:7px 0;border-bottom:1px solid var(--line)}.kv-edit{padding:5px 8px;margin:-5px -8px;border-radius:var(--r-sm);cursor:text;transition:background .1s;min-height:26px}.kv-edit:hover{background:var(--fill)}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .16s ease-out}@keyframes drawerIn{0%{transform:translateX(20px);opacity:0}to{transform:none;opacity:1}}.drawer-in{animation:drawerIn .18s cubic-bezier(.2,.7,.3,1)}@keyframes dotPulse{0%,to{opacity:.35}50%{opacity:1}}.dot-pulse{width:7px;height:7px;border-radius:999px;background:var(--live);display:inline-block;animation:dotPulse 1s ease-in-out infinite}@keyframes tokFade{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:none}}.tok-fade{animation:tokFade .45s ease-out both}@keyframes blink{0%,45%{opacity:1}55%,to{opacity:0}}.stream-cursor{margin-left:1px}.md-streaming:empty:after,.md-streaming>:last-child:after,.md-streaming>:last-child>li:last-child:after,.stream-cursor{display:inline-block;width:6px;height:14px;vertical-align:text-bottom;background:var(--text);border-radius:1px;animation:blink 1s step-start infinite}.md-streaming:empty:after,.md-streaming>:last-child:after,.md-streaming>:last-child>li:last-child:after{content:"";margin-left:2px}.md-streaming>:last-child:is(ul,ol):after{display:none}.app-frame{flex:1 1;display:flex;min-width:0;min-height:0;position:relative;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-frame);overflow:hidden;margin:12px 12px 12px 2px}@media (max-width:768px){.app-frame{margin:0;border:none;border-radius:0;box-shadow:none}}.react-grid-item{transition:transform .16s ease,box-shadow .16s ease}.react-grid-item.react-draggable-dragging{z-index:30;cursor:-webkit-grabbing!important;cursor:grabbing!important;box-shadow:var(--shadow-lg)!important;transition:box-shadow .12s ease}.react-grid-item.resizing{z-index:30;box-shadow:var(--shadow-md)!important}.react-grid-placeholder{background:var(--fill-strong)!important;border:1px dashed var(--line-strong);border-radius:var(--r-lg);opacity:.55!important}.dash-card{cursor:-webkit-grab;cursor:grab}.dash-card:active{cursor:-webkit-grabbing;cursor:grabbing}.dash-card:hover{box-shadow:var(--shadow-md)!important}.dash-card-x{opacity:0;transition:opacity .12s;pointer-events:none}.dash-card:hover .dash-card-x{opacity:1;pointer-events:auto}.react-resizable-handle{opacity:0;transition:opacity .15s}.react-grid-item:hover>.react-resizable-handle{opacity:.75}.react-resizable-handle:after{border-color:var(--text-3)!important}:root{--chart-standard:#a1a1aa}@media (prefers-color-scheme:dark){:root{--chart-standard:#6e6e76}}:root[data-theme=dark]{--chart-standard:#6e6e76}:root[data-theme=light]{--chart-standard:#a1a1aa}:root{--chart-1:#18181b;--chart-2:#71717a;--chart-3:#a1a1aa;--chart-4:#0f766e;--chart-5:#b45309;--chart-6:#475569;--chart-7:#be185d;--chart-8:#d4d4d8}@media (prefers-color-scheme:dark){:root{--chart-1:#e4e4e7;--chart-2:#a1a1aa;--chart-3:#6e6e76;--chart-4:#14b8a6;--chart-5:#d97706;--chart-6:#94a3b8;--chart-7:#db2777;--chart-8:#3f3f46}}:root[data-theme=dark]{--chart-1:#e4e4e7;--chart-2:#a1a1aa;--chart-3:#6e6e76;--chart-4:#14b8a6;--chart-5:#d97706;--chart-6:#94a3b8;--chart-7:#db2777;--chart-8:#3f3f46}:root[data-theme=light]{--chart-1:#18181b;--chart-2:#71717a;--chart-3:#a1a1aa;--chart-4:#0f766e;--chart-5:#b45309;--chart-6:#475569;--chart-7:#be185d;--chart-8:#d4d4d8}.usage-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:14px;gap:14px;max-width:1400px;margin:0 auto}.usage-grid .u-full{grid-column:1/-1}.u-col{display:flex;flex-direction:column;gap:14px;min-width:0}.u-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:14px;gap:14px}.u-explain{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:20px;gap:20px}@media (min-width:1180px){.usage-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start}}.u-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg)}.u-eyebrow{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.u-stats{display:grid;grid-template-columns:repeat(3,1fr)}.u-stats .u-stat{padding:18px 22px;min-width:0}.u-stats .u-stat+.u-stat{border-left:1px solid var(--line)}@media (max-width:760px){.u-stats{grid-template-columns:1fr}.u-stats .u-stat+.u-stat{border-left:none;border-top:1px solid var(--line)}}.u-bar rect{transition:opacity .12s}.u-bar:hover rect{opacity:.8}:root{--cat-1:#475569;--cat-2:#0f766e;--cat-3:#a16207;--cat-4:#6d28d9;--cat-5:#be185d;--cat-6:#64748b}@media (prefers-color-scheme:dark){:root{--cat-1:#94a3b8;--cat-2:#14b8a6;--cat-3:#d97706;--cat-4:#8b5cf6;--cat-5:#db2777;--cat-6:#7d8aa5}}:root[data-theme=dark]{--cat-1:#94a3b8;--cat-2:#14b8a6;--cat-3:#d97706;--cat-4:#8b5cf6;--cat-5:#db2777;--cat-6:#7d8aa5}:root[data-theme=light]{--cat-1:#475569;--cat-2:#0f766e;--cat-3:#a16207;--cat-4:#6d28d9;--cat-5:#be185d;--cat-6:#64748b}:focus-visible{outline:2px solid var(--text-2);outline-offset:1px;border-radius:var(--r-xs)}.pipe-head .pipe-x{opacity:0;transition:opacity .12s}.pipe-head .pipe-x:focus-visible,.pipe-head:hover .pipe-x{opacity:1}.b-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);transition:box-shadow .12s,border-color .12s;cursor:-webkit-grab;cursor:grab}.b-card:hover{box-shadow:var(--shadow-sm);border-color:var(--line-strong)}.b-card:active{cursor:-webkit-grabbing;cursor:grabbing}.col-resizer{width:7px;flex-shrink:0;cursor:col-resize;position:relative;z-index:2}.col-resizer:before{content:"";position:absolute;top:0;bottom:0;left:3px;width:1px;background:var(--line);transition:background .12s,width .12s,left .12s}.col-resizer:active:before,.col-resizer:hover:before{left:2px;width:3px;background:var(--text-3);border-radius:2px}.ai-frame{position:relative}.ai-eyebrow{align-items:center;gap:7px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.ai-eyebrow,.ai-sugs{display:flex;justify-content:center}.ai-sugs{flex-wrap:wrap;gap:8px}.ai-pill{display:inline-flex;align-items:center;gap:8px;background:var(--bg);color:var(--text-2);padding:8px 14px;border-radius:var(--r-full);font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--line);font-family:inherit;transition:background .12s,color .12s,border-color .12s}.ai-pill:hover{background:var(--fill);color:var(--text);border-color:var(--line-strong)}.ai-sk{height:34px;border-radius:var(--r-full);background:linear-gradient(100deg,var(--fill) 30%,var(--fill-strong) 50%,var(--fill) 70%);background-size:200% 100%;animation:aiSh 1.3s linear infinite}.ai-search-ring{box-shadow:0 0 0 1px var(--line-strong),var(--shadow-float)}@keyframes aiSh{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.ai-sk,.dot-pulse{animation:none}}.cp-group{padding:9px 12px 3px;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.app-sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface-sunken);display:flex;flex-direction:column;padding:14px 12px 12px}.app-hamburger,.app-scrim,.app-topbar{display:none}@media (max-width:640px){.fc-model{display:none}}@media (max-width:768px){.app-topbar{display:flex;align-items:center;gap:8px;height:var(--topbar-h);padding:0 14px;flex-shrink:0}.app-hamburger{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:var(--r-sm);border:none;background:transparent;color:var(--text-2);cursor:pointer;flex-shrink:0}.app-hamburger:hover{background:var(--fill)}.app-brand-word{display:none}.app-sidebar{position:fixed;top:var(--topbar-h);bottom:0;left:0;z-index:70;width:min(85vw,310px);transform:translateX(-100%);transition:transform .22s ease;box-shadow:var(--shadow-lg);border-right:1px solid var(--line)}.app-sidebar.open{transform:translateX(0)}.app-scrim.show{display:block;position:fixed;top:var(--topbar-h);left:0;right:0;bottom:0;z-index:65;background:rgba(10,10,12,.44)}}