:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f8fafc;--panel:#fff;--line:#e2e8f0;--line-strong:#cbd5e1;--ink:#0f172a;--ink-2:#475569;--ink-3:#94a3b8;--accent:#2563eb;--danger:#dc2626;--warn:#f59e0b;--cursor:#dc2626;--select:#7c3aed;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--lane-session:#64748b;--lane-stt:#3b82f6;--lane-interpret:#8b5cf6;--lane-llm:#ec4899;--lane-intent:#10b981;--lane-boundary:#14b8a6;--lane-action:#06b6d4;--lane-prompt:#84cc16;--lane-default:#6366f1}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b1220;--panel:#111827;--line:#1f2937;--line-strong:#374151;--ink:#e5e7eb;--ink-2:#9ca3af;--ink-3:#6b7280}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:13px/1.4 var(--sans)}button,input,select{font:inherit;color:inherit}button{background:var(--panel);border:1px solid var(--line-strong);cursor:pointer;border-radius:6px;padding:4px 10px}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}input[type=text],input[type=url],input[type=password]{background:var(--panel);border:1px solid var(--line-strong);border-radius:6px;padding:4px 8px}code,.mono{font-family:var(--mono);font-size:12px}.app{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:12px;padding:8px 12px;display:flex}.topbar h1{margin:0;font-size:14px;font-weight:600}.topbar .meta{color:var(--ink-2);flex-wrap:wrap;gap:12px;display:flex}.topbar .spacer{flex:1}.error{color:var(--danger)}.sources{gap:24px;max-width:960px;margin:32px auto;padding:0 16px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px}.card h2{margin:0 0 8px;font-size:14px}.drop{border:2px dashed var(--line-strong);text-align:center;color:var(--ink-2);border-radius:10px;padding:32px}.drop.over{border-color:var(--accent);color:var(--accent)}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row input[type=text],.row input[type=url],.row input[type=password]{flex:1;min-width:160px}.row .spacer{flex:1}.row label.check{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.row label.check input{margin:0}.row .token-editor{flex:100%;align-items:center;gap:8px;display:flex}table.sessions{border-collapse:collapse;width:100%}table.sessions th,table.sessions td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:6px 8px}table.sessions th{color:var(--ink-3);font-size:12px;font-weight:500}table.sessions tr.clickable{cursor:pointer}table.sessions tr.clickable:hover{background:var(--bg)}.num{font-variant-numeric:tabular-nums;text-align:right}.transcript{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;max-width:420px;overflow:hidden}.badge{background:var(--line);color:var(--ink-2);border:none;border-radius:999px;padding:0 6px;font-family:inherit;font-size:11px;line-height:18px;display:inline-block}button.badge{cursor:pointer}button.badge:hover{background:var(--line-strong);color:var(--ink)}.badge.err{color:var(--danger);background:#fee2e2}.workbench{grid-template-rows:minmax(160px,55%) 1fr;height:100%;min-height:0;display:grid}.timeline-pane{border-bottom:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.toolbar{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;display:flex}.toolbar .stat{color:var(--ink-2);font-variant-numeric:tabular-nums}.toolbar .spacer{flex:1}.timeline{flex:1;grid-template-columns:140px 1fr;min-height:0;display:grid;overflow:hidden}.track-labels{border-right:1px solid var(--line);background:var(--panel);position:relative;overflow:hidden}.track-label{color:var(--ink-2);border-bottom:1px solid var(--line);white-space:nowrap;align-items:center;padding:0 10px;font-size:12px;display:flex;position:absolute;left:0;right:0;overflow:hidden}.track-label .swatch{border-radius:2px;flex:none;width:8px;height:8px;margin-right:6px}.track-label .count{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:auto}.chart-scroll{position:relative;overflow:auto}.chart-scroll svg{display:block}.ruler-text{fill:var(--ink-3);font-variant-numeric:tabular-nums;font-size:10px}.ruler-tick{stroke:var(--line-strong)}.grid-line,.track-sep{stroke:var(--line)}.bar{rx:4;stroke-width:1px;cursor:pointer}.bar.open{stroke-dasharray:4 3}.bar.error{stroke:var(--danger)!important}.bar.selected{stroke-width:2px;stroke:var(--select)!important}.bar-label{fill:var(--ink);pointer-events:none;font-size:10px}.slat{cursor:pointer}.slat.selected rect{stroke:var(--select);stroke-width:2px}.glyph{fill:var(--ink)}.glyph.debug{opacity:.55}.glyph.error{fill:var(--danger)}.glyph.warn{fill:var(--warn)}.lag{fill:var(--warn);opacity:.75}.point-label{fill:var(--ink-2);pointer-events:none;font-size:10px}.point-label.before{fill:var(--ink);text-anchor:end;font-weight:500}.cursor-line{stroke:var(--cursor);stroke-width:1.5px;pointer-events:none}.cursor-label{fill:var(--cursor);font-variant-numeric:tabular-nums;font-size:10px}.bottom{grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);min-height:0;display:grid}.pane{min-height:0;overflow:auto}.pane+.pane{border-left:1px solid var(--line)}.pane-header{background:var(--panel);border-bottom:1px solid var(--line);z-index:1;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:600;display:flex;position:sticky;top:0}.pane-header .spacer{flex:1}.inspector{gap:10px;padding:10px 12px;display:grid}.inspector h3{margin:0;font-size:13px}.inspector .sub{color:var(--ink-2)}.kv{grid-template-columns:max-content 1fr;gap:2px 12px;display:grid}.kv .k{color:var(--ink-3)}.kv .v{word-break:break-word}.chain{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chain button{padding:1px 6px;font-size:12px}pre.json{background:var(--bg);border:1px solid var(--line);border-radius:6px;max-height:40vh;margin:0;padding:8px;font-size:11.5px;overflow:auto}.records{font-variant-numeric:tabular-nums}.record{cursor:pointer;border-bottom:1px solid #0000;grid-template-columns:76px 4px 150px 1fr;align-items:baseline;gap:8px;padding:2px 12px;display:grid}.record:hover{background:var(--bg)}.record.at{background:color-mix(in srgb, var(--cursor) 18%, transparent);box-shadow:inset 3px 0 0 var(--cursor)}.record.selected{background:color-mix(in srgb, var(--select) 22%, transparent);box-shadow:inset 3px 0 0 var(--select);color:var(--ink)}.record.selected .ts,.record.selected .type,.record.selected .summary{color:var(--ink)}.record.at.selected{box-shadow:inset 3px 0 0 var(--select), inset 0 0 0 1px var(--cursor)}.record .ts{color:var(--ink-3)}.record .lane-dot{border-radius:2px;align-self:center;width:4px;height:12px}.record .type{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.record .summary{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.record.error .summary{color:var(--danger)}.filter{flex-wrap:wrap;gap:6px;display:flex}.filter label{color:var(--ink-2);align-items:center;gap:4px;font-size:12px;display:inline-flex}kbd{font:11px var(--mono);border:1px solid var(--line-strong);color:var(--ink-2);border-radius:4px;padding:0 4px}.word{fill:var(--ink);cursor:pointer;text-anchor:end;font-size:12px}.word.final-only{fill:var(--warn)}.word.selected{fill:var(--select);font-weight:600}.word-whisker{stroke:var(--warn);stroke-width:2px;opacity:.7}.word-tick{stroke:var(--ink-3)}.segment{rx:3;fill:none;stroke-width:1px;opacity:.8}.segment.text{stroke-dasharray:3 2}.segment-label{fill:var(--ink-3);font-size:9px}.intent-bar{rx:4;stroke-width:1px;cursor:pointer}.intent-bar.provisional{stroke-dasharray:4 3}.intent-bar.cancelled{opacity:.5}.intent-bar.selected{stroke-width:2px;stroke:var(--select)!important}.intent-label{fill:var(--ink);pointer-events:none;font-size:10px}.notch{stroke:var(--ink-2);stroke-width:1.5px}.notch.retract{stroke:var(--danger)}.notch.commit{stroke:var(--lane-intent);stroke-width:2.5px}.notch.cancel{stroke:var(--danger);stroke-width:2.5px}.effect-bar.failed{stroke:var(--danger)!important}.tabs{gap:4px;display:flex}.tabs button.active{border-color:var(--accent);color:var(--accent)}.diff{font-family:var(--mono);background:var(--bg);border:1px solid var(--line);border-radius:6px;max-height:40vh;margin:0;font-size:11.5px;overflow:auto}.diff div{white-space:pre-wrap;padding:0 8px}.diff .add{background:#16a34a2e}.diff .del{background:color-mix(in srgb, var(--danger) 18%, transparent);opacity:.8;text-decoration:line-through}.history{font-variant-numeric:tabular-nums;grid-template-columns:max-content max-content 1fr;gap:2px 10px;display:grid}.history .kind{color:var(--ink-3)}.history .retract{color:var(--danger)}.history .commit{color:var(--lane-intent);font-weight:600}.history .cancel{color:var(--danger);font-weight:600}.transcript-state{font-size:15px;line-height:1.5}.transcript-state .stable{color:var(--ink)}.transcript-state .volatile{color:var(--ink-3);font-style:italic}.anomalies{gap:4px;padding:6px 12px;display:grid}.anomaly{cursor:pointer;grid-template-columns:76px 1fr;gap:8px;padding:2px 0;display:grid}.anomaly:hover{background:var(--bg)}.anomaly .ts{color:var(--ink-3);font-variant-numeric:tabular-nums}.anomaly.error .label{color:var(--danger)}.anomaly.warn .label{color:var(--warn)}.compare{grid-template-rows:1fr 1fr;min-height:0;display:grid}.compare .timeline-pane+.timeline-pane{border-top:2px solid var(--line-strong)}.modal-backdrop{z-index:10;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line-strong);border-radius:10px;gap:10px;width:480px;padding:16px;display:grid}.audio-extent{fill:var(--lane-stt);fill-opacity:.06}.peak{stroke:var(--lane-stt);stroke-width:1px;fill:none;opacity:.8}
