@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Inter+Tight:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0f14;--bg-raise:#12161d;--bg-soft:#171c25;--line:#1f2630;--line-soft:#1a202a;--ink:#e8edf3;--ink-mid:#9aa6b3;--ink-dim:#5d6876;--accent:#56c8dc;--green:#5fd49a;--red:#e8637a;--amber:#d9a544;--violet:#a98fe0;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:"Inter Tight", ui-sans-serif, system-ui, sans-serif;--radius:10px}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:14px}body{overflow:hidden}.boot{place-items:center;height:100vh;display:grid}.boot-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raise);align-items:center;gap:18px;padding:28px 34px;display:flex}.boot-card p{color:var(--ink-mid);margin:8px 0 10px;font-size:13px}.boot-dot{background:var(--accent);border-radius:50%;width:9px;height:9px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.app{flex-direction:column;height:100vh;display:flex}.view{flex-direction:column;flex:1;gap:16px;width:100%;max-width:1480px;min-height:0;margin:0 auto;padding:18px 22px 22px;display:flex}.view-scroll{display:block;overflow-y:auto}.view-scroll>*+*{margin-top:16px}.topbar{border-bottom:1px solid var(--line-soft);background:var(--bg-raise);justify-content:space-between;align-items:center;gap:16px;padding:12px 22px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:12px;min-width:0;display:flex}.brand{align-items:center;gap:8px;display:inline-flex}.brand-logo{display:block}.brand-word{font-family:var(--mono);letter-spacing:.02em;font-size:15px;font-weight:600}.ws-chip,.model-chip{font-family:var(--mono);border:1px solid var(--line);color:var(--ink-mid);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:3px 10px;font-size:12px;overflow:hidden}.model-chip{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.tabs{background:var(--bg-soft);border-radius:999px;gap:2px;padding:3px;display:flex}.tab{appearance:none;color:var(--ink-mid);font-family:var(--sans);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 16px;font-size:13px;font-weight:500}.tab:hover{color:var(--ink)}.tab-on{background:var(--bg-raise);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.pill{font-family:var(--mono);border:1px solid var(--line);color:var(--ink-mid);border-radius:999px;align-items:center;gap:7px;padding:3px 10px;font-size:11px;display:inline-flex}.pill .dot,.boot .pill:before{content:"";background:var(--ink-dim);border-radius:50%;width:7px;height:7px}.pill-live{color:var(--green);border-color:color-mix(in srgb, var(--green) 35%, transparent)}.pill-live .dot{background:var(--green);animation:2s ease-in-out infinite pulse}.pill-connecting .dot,.pill-reconnecting .dot{background:var(--amber)}.pill-error .dot,.pill-closed .dot{background:var(--red)}.btn-ghost{appearance:none;border:1px solid var(--line);color:var(--ink-mid);cursor:pointer;background:0 0;border-radius:8px;width:28px;height:28px;font-size:14px;line-height:1}.btn-ghost:hover{color:var(--ink);border-color:var(--ink-dim)}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);font-size:11px;font-weight:600}.muted{color:var(--ink-dim);font-size:12px}.empty{color:var(--ink-dim);margin:0;padding:18px 4px;font-size:13px;line-height:1.5}.empty-page{text-align:center;padding:60px 24px}.mono{font-family:var(--mono)}.plus{color:var(--green);font-style:normal}.minus{color:var(--red);font-style:normal}.kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.kpis-global{grid-template-columns:repeat(6,minmax(0,1fr))}.kpi{background:var(--bg-raise);border:1px solid var(--line-soft);border-radius:var(--radius);flex-direction:column;gap:3px;min-width:0;padding:14px 16px;display:flex}.kpi-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);font-size:11px;font-weight:600}.kpi-value{font-family:var(--mono);white-space:nowrap;font-size:22px;font-weight:600;line-height:1.2}.kpi-sub{font-family:var(--mono);color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.kpi-green .kpi-value{color:var(--green)}.ctx{flex-direction:column;gap:8px;display:flex}.ctx-head{flex-wrap:wrap;align-items:baseline;gap:18px;display:flex}.ctx-legend{flex-wrap:wrap;flex:1;gap:14px;display:inline-flex}.ctx-key{color:var(--ink-mid);align-items:center;gap:6px;font-size:12px;display:inline-flex}.ctx-key em{font-family:var(--mono);color:var(--ink-dim);font-style:normal}.ctx-key i{border-radius:2px;width:8px;height:8px}.ctx-free{font-family:var(--mono);color:var(--ink-mid);white-space:nowrap;font-size:12px}.ctx-free strong{color:var(--ink);font-weight:600}.ctx-track{background:var(--bg-soft);border-radius:4px;height:8px;display:flex;overflow:hidden}.ctx-seg{height:100%}.seg-system{background:var(--ink-dim)}.seg-runtime{background:var(--amber)}.seg-history{background:var(--accent)}.seg-tools{background:var(--violet)}.seg-turn{background:var(--green)}.ctx-note{color:var(--amber);margin:0;font-size:12px}.ctx-empty-note{color:var(--ink-dim);padding-left:8px;font-size:11px;line-height:8px}.columns{flex:1;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;min-height:0;display:grid}.columns-global{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;display:grid}.side{flex-direction:column;gap:16px;min-height:0;display:flex}.side .files{flex:3;min-height:0}.side .models{flex:2;min-height:0}.panel{background:var(--bg-raise);border:1px solid var(--line-soft);border-radius:var(--radius);flex-direction:column;min-height:0;display:flex}.panel-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 16px 10px;display:flex}.panel-body{flex:1;min-height:0;padding:10px 16px 14px;overflow-y:auto}.view-scroll .panel-body{overflow-y:visible}.turns{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.turn{border-left:2px solid var(--line);padding:12px 0 16px 18px;position:relative}.turn:before{content:"";background:var(--accent);border:2px solid var(--bg-raise);border-radius:50%;width:8px;height:8px;position:absolute;top:18px;left:-5px}.turn+.turn{border-top:1px solid var(--line-soft)}.turn-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.turn-idx,.turn-head time{font-family:var(--mono);color:var(--ink-dim);font-size:11px}.turn-model{font-family:var(--mono);color:var(--accent);font-size:11px}.turn-prompt{color:var(--ink);margin:0 0 8px;font-size:13.5px;font-weight:500;line-height:1.45}.turn-note{color:var(--amber);margin:0 0 8px;font-size:12px;line-height:1.4}.tools{flex-direction:column;gap:3px;margin:0 0 8px;padding:0;list-style:none;display:flex}.tool{font-family:var(--mono);color:var(--ink-mid);align-items:baseline;gap:8px;min-width:0;font-size:12px;line-height:1.5;display:flex}.tool-dot{background:var(--ink-dim);border-radius:50%;flex:none;align-self:center;width:6px;height:6px}.kind-read,.kind-search{background:var(--ink-dim)}.kind-run{background:var(--amber)}.kind-write,.kind-patch{background:var(--accent)}.kind-delete{background:var(--red)}.kind-other{background:var(--violet)}.tool-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.tool-diff{font-family:var(--mono);flex:none;gap:6px;font-size:11px;display:inline-flex}.tool-error .tool-label{color:var(--red)}.tool-error .tool-dot{background:var(--red)}.tool-err{color:var(--red);white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:40%;font-size:11px;overflow:hidden}.turn-errors{color:var(--red);margin:0 0 8px;font-size:12px;font-weight:500}.turn-reply{color:var(--ink-mid);border-left:2px solid var(--line);margin:0;padding-left:10px;font-size:13px;line-height:1.5}.file-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.file-row{padding:9px 0}.file-row+.file-row{border-top:1px solid var(--line-soft)}.file-top{align-items:center;gap:8px;min-width:0;display:flex}.status-dot{border-radius:50%;flex:none;width:7px;height:7px}.status-ok{background:var(--green)}.status-error{background:var(--red)}.file-path{font-family:var(--mono);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;text-align:left;direction:rtl;font-size:12.5px;overflow:hidden}.file-meta{color:var(--ink-mid);align-items:baseline;gap:12px;margin:4px 0 0 15px;font-size:11.5px;display:flex}.model-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.model-top{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.model-name{font-family:var(--mono);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.model-bar{background:var(--bg-soft);border-radius:2px;height:4px;overflow:hidden}.model-bar span{background:var(--accent);border-radius:2px;height:100%;display:block}.chart-grid{grid-auto-columns:1fr;grid-auto-flow:column;align-items:end;gap:8px;height:140px;padding-top:8px;display:grid}.chart-col{flex-direction:column;min-width:0;height:100%;display:flex}.chart-track{flex:1;justify-content:center;align-items:flex-end;display:flex}.chart-bar{background:color-mix(in srgb, var(--accent) 75%, transparent);border-radius:3px 3px 0 0;width:100%;max-width:38px;margin:0 auto}.chart-day{font-family:var(--mono);color:var(--ink-dim);text-align:center;margin-top:6px;font-size:10px}.session-table{border-collapse:collapse;width:100%;font-size:12.5px}.session-table th{text-align:left;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-dim);border-bottom:1px solid var(--line);padding:6px 8px;font-size:10.5px;font-weight:600}.session-table td{border-bottom:1px solid var(--line-soft);color:var(--ink-mid);padding:7px 8px}.session-table .num{text-align:right;font-family:var(--mono)}.session-table td.mono{color:var(--ink)}.row-live td{background:color-mix(in srgb, var(--green) 5%, transparent)}.live-dot{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:7px;animation:2s ease-in-out infinite pulse;display:inline-block}@media (width<=1100px){.kpis,.kpis-global{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){body{overflow:auto}.app{height:auto;min-height:100vh}.view{padding:14px}.columns,.columns-global{grid-template-columns:minmax(0,1fr)}.panel-body{overflow-y:visible}.timeline .panel-body{max-height:none}.topbar{flex-wrap:wrap}.kpis,.kpis-global{grid-template-columns:repeat(2,minmax(0,1fr))}}