:root{--bg: #14161a;--panel: #1d2026;--fg: #e6e6e6;--muted: #9aa0a8;--accent: #f0a050;--line: #2c3038}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font:12px/1.4 -apple-system,Helvetica Neue,Hiragino Sans,sans-serif}#app{display:grid;grid-template-columns:420px 1fr;height:100vh}#app.panel-hidden{grid-template-columns:0 1fr}#app.panel-hidden #runs-panel{display:none}#runs-panel{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}#runs-panel header{padding:8px 10px;border-bottom:1px solid var(--line)}#runs-panel h1{font-size:14px;margin:0 0 6px}#runs-panel input[type=search]{width:100%;padding:4px 6px;background:#0f1114;color:var(--fg);border:1px solid var(--line);border-radius:3px}.hint{color:var(--muted);font-size:11px;margin-top:4px}#run-table-wrap{overflow:auto;flex:1}#run-table{border-collapse:collapse;font-size:11px;white-space:nowrap}#run-table th,#run-table td{padding:3px 6px;border-bottom:1px solid var(--line);text-align:right}#run-table th{position:sticky;top:0;background:#23272e;cursor:pointer;user-select:none;text-align:right}#run-table th.sorted{color:var(--accent)}#run-table td.txt,#run-table th.txt{text-align:left}#run-table tr.a td{background:#508cf026}#run-table tr.b td{background:#f0a05026}#run-table tr.a.b td{background:#a096a040}#run-table button{font-size:10px;padding:1px 5px;margin-right:2px}#disclaimer{padding:6px 10px;border-top:1px solid var(--line);color:var(--accent);font-size:11px}#stage{position:relative;min-width:0;display:grid;grid-template-rows:1fr auto}#gl{position:absolute;inset:0;width:100%;height:100%;display:block}#views{position:relative;display:grid;grid-template-columns:1fr 1fr;pointer-events:none}.view{position:relative;border-right:1px solid var(--line)}.view:last-child{border-right:none}.hud{position:absolute;top:8px;left:8px;max-width:46%;background:#14161abf;padding:6px 8px;border-radius:4px;font-size:11px;pointer-events:auto}.hud-title{font-weight:600;color:var(--accent);margin-bottom:3px}.hud table{border-collapse:collapse}.hud td{padding:0 6px 0 0;color:var(--muted)}.hud td.v{color:var(--fg);text-align:right}.hud .live{margin-top:4px;border-top:1px solid var(--line);padding-top:3px}.hud .warn{color:#f06060}#toolbar{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:6px 10px;background:var(--panel);border-top:1px solid var(--line)}#toolbar .group{display:flex;align-items:center;gap:6px}#toolbar .timeline{flex:1;min-width:260px}#toolbar input[type=range]{flex:1}#toolbar input[type=number]{width:60px;background:#0f1114;color:var(--fg);border:1px solid var(--line)}#toolbar button,#toolbar select{background:#2a2e36;color:var(--fg);border:1px solid var(--line);border-radius:3px;padding:2px 8px;cursor:pointer}#toolbar button:hover{background:#363b45}#time-label,#frame-label{font-variant-numeric:tabular-nums;min-width:64px}#clip-offset{width:140px}#clip-offset-label{min-width:52px;font-variant-numeric:tabular-nums}