*,:before,:after{box-sizing:border-box;margin:0;padding:0}[x-cloak]{display:none!important}html,body{height:100%;overflow:hidden}body{color:#111827;background:#fff;font-family:Rethink Sans,sans-serif;font-size:14px}.layout{height:100vh;display:flex;overflow:hidden}.panel-hdr{color:#9ca3af;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:8px;height:34px;padding:0 14px;font-family:DM Mono,monospace;font-size:11px;display:flex;overflow:hidden}.sidebar{border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:300px;height:100vh;display:flex;overflow:hidden}.runs-list{flex:1;overflow-y:auto}.run-item{cursor:pointer;border-bottom:1px solid #f3f4f6;padding:10px 14px;transition:background .1s}.run-item:hover{background:#f9fafb}.run-item.active{background:#f0f9ff;border-left:3px solid #0ea5e9;padding-left:11px}.run-task{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:14px;overflow:hidden}.run-meta{color:#9ca3af;flex-wrap:wrap;gap:8px;font-family:DM Mono,monospace;font-size:11px;display:flex}.status-ok,.status-done{color:#16a34a}.status-error{color:#dc2626}.status-running,.muted{color:#9ca3af}.tree-panel{border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:420px;height:100vh;display:flex;overflow:hidden}.tree-list{flex:1;overflow-y:auto}.tree-row{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:center;gap:5px;min-height:34px;padding:7px 10px;transition:background .1s;display:flex}.tree-row:hover{background:#fafafa}.tree-row.tree-selected{padding-left:calc(var(--pl,10px) - 2px);background:#fdf4ff;border-left:2px solid #d946ef}.tree-toggle{color:#9ca3af;flex-shrink:0;width:11px;font-family:DM Mono,monospace;font-size:11px}.parallel-mark{color:#f97316;flex-shrink:0;font-size:13px}.tree-name{color:#111827;font-size:13px}.tree-pattern{font-family:DM Mono,monospace;font-size:11px}.tree-dur{color:#9ca3af;flex-shrink:0;margin-left:auto;font-family:DM Mono,monospace;font-size:11px}.attempt-tabs{flex-shrink:0;gap:3px;margin-left:4px;display:flex}.attempt-tab{color:#6b7280;cursor:pointer;background:#f3f4f6;border-radius:3px;padding:1px 5px;font-family:DM Mono,monospace;font-size:10px;transition:background .1s}.attempt-tab:hover{color:#111827;background:#e5e7eb}.attempt-tab.active{color:#0ea5e9;background:#e0f2fe}.attempt-tab.final{color:#16a34a}.attempt-tab.active.final{color:#16a34a;background:#dcfce7}.attempt-tabs-hdr{margin-left:8px}.timeline-panel{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.timeline-empty{justify-content:center;align-items:center}.timeline-hdr{justify-content:flex-start}.close-btn{cursor:pointer;color:#9ca3af;margin-left:auto;padding:2px 4px;font-size:11px}.close-btn:hover{color:#111827}.timeline-body{flex:1;padding:0 0 40px;overflow-y:auto}.tl-static{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:12px 16px 0}.tl-static-meta{align-items:center;gap:6px;margin-bottom:8px;display:flex}.tl-system-prompt{max-height:150px;margin-bottom:12px}.tl-step{border-bottom:1px solid #f3f4f6;padding:0 0 10px}.tl-step-hdr{align-items:center;gap:6px;padding:10px 16px 6px;display:flex}.tl-step-name{color:#0ea5e9;letter-spacing:.5px;margin-right:4px;font-family:DM Mono,monospace;font-size:11px}.tl-response{margin:0 16px}.tl-no-response{color:#9ca3af;padding:2px 16px 8px;font-family:DM Mono,monospace;font-size:11px;font-style:italic}.tl-tool-block{border-bottom:1px solid #f3f4f6;padding:6px 16px 10px}.tl-tool-block-hdr{align-items:center;gap:6px;margin-bottom:6px;display:flex}.tl-tool-value{max-height:320px}.tl-synthetic{opacity:.7;border-left:2px dashed #9ca3af}.tl-synthetic-label{color:#9ca3af!important}.tl-synthetic-badge{color:#9ca3af;background:#f3f4f6;border:1px dashed #9ca3af;border-radius:3px;padding:1px 5px;font-family:DM Mono,monospace;font-size:10px}.tl-tool{border-bottom:1px solid #f9fafb;flex-wrap:wrap;align-items:baseline;gap:6px;padding:5px 16px;display:flex}.tl-tool-name{color:#f97316;flex-shrink:0;font-family:DM Mono,monospace;font-size:11px}.tl-tool-args{color:#6b7280;flex-shrink:0;font-family:DM Mono,monospace;font-size:11px}.tl-arrow{color:#9ca3af;flex-shrink:0;font-family:DM Mono,monospace;font-size:11px}.tl-tool-result{color:#374151;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:DM Mono,monospace;font-size:11px;overflow:hidden}.tl-tool-dur{flex-shrink:0}.tl-block{white-space:pre-wrap;word-break:break-word;color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;max-height:300px;padding:10px 12px;font-family:DM Mono,monospace;font-size:12px;line-height:1.6;overflow-y:auto}.badge{border-radius:3px;padding:2px 8px;font-family:DM Mono,monospace;font-size:11px;display:inline-block}.b-model{color:#16a34a;background:#dcfce7}.b-temp{color:#374151;background:#f3f4f6}.b-in{color:#0ea5e9;background:#e0f2fe}.b-out{color:#d946ef;background:#fdf4ff}.b-dur{color:#f97316;background:#fff7ed}.empty-msg{color:#9ca3af;padding:20px 14px;font-size:13px}code{color:#0ea5e9;background:#f3f4f6;border-radius:3px;padding:1px 5px;font-family:DM Mono,monospace;font-size:13px}