:root{--surface-2:var(--bg);--raise:var(--card);--ink:var(--text);--line:var(--border);--teal:var(--accent);--amber:var(--orange);--violet:var(--purple);--danger-bg:var(--red-bg);--ring:var(--focus-ring);--shadow:var(--shadow-panel)}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans,Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif);margin:0}html,body{height:100%;overflow:hidden}button{font:inherit}.shell{flex-direction:column;height:100vh;padding:18px;display:flex;overflow:hidden}.loading-shell{justify-content:center;align-items:center;gap:10px;display:flex}.spin{animation:.9s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.topbar{flex:none;justify-content:space-between;align-items:center;gap:16px;padding:4px 0 16px;display:flex}h1{margin:0 0 6px;font-size:26px;line-height:1.1}.meta-line{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.status-strip,.summary-band{flex-wrap:wrap;gap:8px;display:flex}.badge,.metric-tile{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:94px;padding:8px 10px}.badge span,.metric-tile span{color:var(--muted);text-transform:uppercase;font-size:11px;display:block}.badge strong,.metric-tile strong{overflow-wrap:anywhere;margin-top:2px;font-size:14px;line-height:1.25;display:block}.badge.good{border-color:#2f7d325c}.badge.bad{border-color:#b4231861}.badge.warn{border-color:#b4530961}.badge.neutral{border-color:var(--line)}.error-strip{background:var(--danger-bg);color:var(--red);border:1px solid #b4231852;border-radius:8px;flex:none;margin-bottom:12px;padding:10px 12px}.workspace{flex:auto;gap:14px;min-height:0;display:grid;overflow:hidden}.workspace.details-mode{grid-template-columns:190px minmax(0,1fr) minmax(280px,380px)}.workspace.flow-mode{grid-template-columns:190px minmax(0,1fr)}.toolrail,.detailrail{flex-direction:column;gap:12px;min-width:0;min-height:0;display:flex;overflow:hidden}.toolrail{padding-right:2px;overflow-y:auto}.tool-group,.lane-panel,.workflow-panel,.detail-panel,.event-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.tool-group{padding:10px}.tool-group h2{color:var(--muted);text-transform:uppercase;margin:0 0 8px;font-size:12px}.tool-stack{gap:7px;display:grid}.command-button{background:var(--raise);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;border-radius:7px;align-items:center;gap:8px;min-height:36px;padding:8px 9px;display:flex}.command-button:hover:not(:disabled){border-color:var(--teal)}.command-button.danger{color:var(--red);border-color:#b423185c}.command-button.danger:hover:not(:disabled){background:var(--danger-bg);border-color:var(--red)}.command-button:disabled{cursor:not-allowed;opacity:.58}.command-button.pending:disabled{cursor:wait}.command-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.main-grid{grid-template-rows:auto minmax(0,1fr);gap:12px;min-width:0;min-height:0;display:grid;overflow:hidden}.summary-band{align-content:start}.view-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;min-width:0;display:grid}.animation-board{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;grid-template-rows:minmax(0,1fr);min-width:0;height:100%;min-height:0;padding:8px;display:grid;overflow:hidden}.animation-track{border:1px dashed var(--line);border-radius:7px;min-width:0;min-height:0;position:relative;overflow:hidden}.animation-empty{color:var(--muted);pointer-events:none;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.graph-edges{pointer-events:auto;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.graph-edge{fill:none;pointer-events:none;stroke-linecap:round;stroke-width:1px;vector-effect:non-scaling-stroke}.graph-edge.main{stroke:#2563a76b}.graph-edge.fallback{stroke:#6d4aff7a}.graph-edge.replay{stroke:#0f766e75;stroke-dasharray:3 3}.graph-edge.hook{stroke:#b423185c;stroke-dasharray:4 4}.svg-node rect{fill:var(--raise);stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke;transition:fill .16s,stroke .16s}.svg-node.clickable{cursor:pointer;outline:none}.svg-node.clickable:hover rect,.svg-node.clickable:focus-visible rect{fill:var(--surface);stroke:var(--blue)}.svg-node .svg-title{fill:var(--ink);font-size:1.18px;font-weight:700}.svg-node .svg-detail{fill:var(--muted);font-size:.88px}.svg-node .centered{text-anchor:middle}.svg-node .svg-count-pill{fill:var(--surface-2);stroke:none}.svg-node .svg-count{fill:var(--muted);text-anchor:middle;font-size:.95px;font-weight:700}.svg-node.producer-source rect,.svg-node.api rect{fill:color-mix(in srgb, var(--blue) 8%, var(--raise));stroke:color-mix(in srgb, var(--blue) 42%, var(--line))}.svg-node.buffer rect,.svg-node.worker rect,.svg-node.fallback rect,.svg-node.sink rect{fill:color-mix(in srgb, var(--blue) 14%, var(--raise));stroke:color-mix(in srgb, var(--blue) 55%, var(--line))}.svg-node.callback rect,.svg-node.diagnostics rect{fill:color-mix(in srgb, var(--amber) 12%, var(--raise));stroke:color-mix(in srgb, var(--amber) 48%, var(--line))}.moving-record{cursor:default;pointer-events:none}.moving-record rect{fill:var(--raise);stroke:#2563a775;stroke-width:1px;vector-effect:non-scaling-stroke}.moving-record.stacked .stack-back{fill:var(--surface);opacity:.78}.moving-record.stacked .stack-back-2{opacity:.48}.moving-record circle{fill:var(--blue)}.moving-record .moving-title{fill:var(--ink);font-size:.72px;font-weight:700}.moving-record .moving-subtitle{fill:var(--muted);font-size:.58px}.moving-record .moving-count-pill{fill:var(--surface-2);stroke:#2563a738}.moving-record .moving-count{fill:var(--muted);text-anchor:middle;font-size:.72px;font-weight:800}.moving-record.in-flight rect{stroke:#b4530994}.moving-record.in-flight circle{fill:var(--amber)}.moving-record.delivered rect,.moving-record.ok rect{stroke:#2f7d3285}.moving-record.delivered circle,.moving-record.ok circle{fill:var(--green)}.moving-record.failed rect{stroke:#b423188f}.moving-record.failed circle{fill:var(--red)}.moving-record.spooled rect,.moving-record.reported rect{stroke:#6d4aff8c}.moving-record.spooled circle,.moving-record.reported circle{fill:var(--violet)}.animation-card{background:var(--raise);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;z-index:3;border-radius:7px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:7px;width:clamp(128px,13vw,172px);min-height:42px;padding:7px 8px;transition:left .52s,top .52s,border-color .18s,box-shadow .18s;animation:.42s both card-arrive;display:grid;position:absolute;transform:translate(-50%)}@keyframes card-arrive{0%{left:var(--card-start-left);opacity:.15;top:var(--card-start-top);transform:translate(-50%)scale(.96)}to{left:var(--card-left);opacity:1;top:var(--card-top);transform:translate(-50%)scale(1)}}.animation-card:hover{border-color:var(--blue);z-index:4;box-shadow:0 8px 18px #1d25261f}.animation-card code{color:var(--muted);font-size:10px}.animation-dot{border-radius:999px;width:12px;height:12px}.animation-copy{min-width:0}.animation-copy strong,.animation-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.animation-copy strong{font-size:12px}.animation-copy small{color:var(--muted);margin-top:1px;font-size:10px}.animation-card.queued .animation-dot{background:var(--blue)}.animation-card.in-flight .animation-dot{background:var(--amber)}.animation-card.delivered .animation-dot,.animation-card.ok .animation-dot{background:var(--green)}.animation-card.failed .animation-dot{background:var(--red)}.animation-card.spooled .animation-dot,.animation-card.reported .animation-dot{background:var(--violet)}.animation-card.worker{border-color:#b453095c}.animation-card.sink{border-color:#2f7d3257}.animation-card.fallback{border-color:#6d4aff57}.animation-card.callback{border-color:#b4231857}.animation-card.diagnostics{border-color:#0f766e57}.details-view{grid-template-rows:minmax(0,1fr) minmax(118px,.3fr);gap:12px;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.flow-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,minmax(170px,1fr));gap:10px;min-height:0;display:grid;overflow:hidden}.lane-panel{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.lane-panel.highlighted{animation:1.5s lane-panel-highlight}@keyframes lane-panel-highlight{0%{border-color:var(--teal);box-shadow:0 0 0 3px #0f766e38, var(--shadow)}72%{border-color:var(--teal);box-shadow:0 0 0 3px #0f766e24, var(--shadow)}to{border-color:var(--line);box-shadow:var(--shadow)}}.lane-title,.panel-title{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:42px;padding:10px 12px;display:flex}.lane-title span,.panel-title span{font-weight:700}.lane-title strong{background:var(--surface-2);color:var(--muted);text-align:center;border-radius:999px;min-width:28px;margin-left:auto;padding:2px 8px;font-size:12px}.item-queue{flex-direction:column;flex:auto;gap:7px;min-height:0;padding:10px;display:flex;overflow:auto}.empty-lane{border:1px dashed var(--line);color:var(--muted);border-radius:7px;justify-content:center;align-items:center;min-height:42px;font-size:12px;display:flex}.flow-item,.event-row,.workflow-run{background:var(--raise);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;border-radius:7px;min-width:0;display:flex}.flow-item{align-items:center;gap:8px;min-height:48px;padding:8px}.flow-item:hover,.event-row:hover,.workflow-run:hover{border-color:var(--blue)}.item-node{border-radius:999px;flex:0 0 14px;width:14px;height:14px;display:block}.flow-item.queued .item-node{background:var(--blue)}.flow-item.in-flight .item-node{background:var(--amber)}.flow-item.delivered .item-node,.flow-item.ok .item-node{background:var(--green)}.flow-item.failed .item-node{background:var(--red)}.flow-item.spooled .item-node,.flow-item.reported .item-node{background:var(--violet)}.item-text{min-width:0}.item-text strong,.item-text small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.item-text strong{font-size:13px}.item-text small{color:var(--muted);margin-top:2px;font-size:11px}.workflow-panel{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.workflow-list{gap:8px;min-height:0;padding:10px;display:grid;overflow:auto}.workflow-run{flex-direction:column;gap:8px;padding:10px}.workflow-run.good{border-color:#2f7d324d}.workflow-run.bad{border-color:#b423184d}.workflow-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.workflow-head span{color:var(--muted);font-size:12px}.step-track{flex-wrap:wrap;gap:6px;display:flex}.step-pill{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:12px}.step-pill.running{border-color:var(--amber);color:var(--amber)}.step-pill.success{border-color:var(--green);color:var(--green)}.step-pill.failure{border-color:var(--red);color:var(--red)}.detail-panel,.event-panel{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.detail-panel pre{background:var(--surface-2);color:var(--ink);white-space:pre-wrap;word-break:break-word;flex:auto;min-height:0;margin:0;padding:12px;font-size:12px;line-height:1.45;overflow:auto}.event-list{flex:auto;gap:7px;min-height:0;padding:10px;display:grid;overflow:auto}.event-row{flex-direction:column;gap:3px;padding:8px}.event-row span{font-size:13px;font-weight:700}.event-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.event-row.success{border-color:#2f7d3247}.event-row.warning{border-color:#b4530947}.event-row.danger{border-color:#b4231847}@media (max-width:1180px){.workspace,.workspace.details-mode,.workspace.flow-mode{grid-template-columns:180px minmax(0,1fr);overflow:auto}.detailrail{grid-column:1/-1;grid-template-columns:1fr 1fr;min-height:360px;display:grid}.flow-grid{grid-template-columns:repeat(2,minmax(170px,1fr))}.view-header{grid-template-columns:1fr}.view-tabs{justify-self:start}.animation-card{width:clamp(124px,18vw,164px)}}@media (max-width:760px){.shell{padding:12px}.topbar,.workspace,.workspace.details-mode,.workspace.flow-mode,.detailrail{grid-template-columns:1fr;display:grid}html,body,.shell{height:auto;min-height:100%;overflow:auto}.flow-grid{grid-template-rows:none;grid-template-columns:1fr;overflow:visible}.main-grid,.details-view{height:auto;overflow:visible}.animation-board{grid-template-rows:320px;height:auto;min-height:380px}.animation-track{min-height:320px}.animation-card{width:132px}.flow-grid{min-height:auto}.toolrail{grid-template-columns:1fr;display:grid}.detail-panel pre,.event-list{max-height:360px}}.module-nav{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:4px;margin-bottom:10px;padding:4px;display:inline-flex}.module-link{color:var(--muted);border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.module-link:hover{color:var(--ink)}.module-link.active{background:var(--raise);border-color:var(--teal);color:var(--ink)}.monitor-shell{gap:12px}.header-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.source-toggle{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:3px;padding:3px 3px 3px 10px;display:inline-flex}.source-toggle-label{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.source-option{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:13px;font-weight:600;display:inline-flex}.source-option:hover:not(:disabled){color:var(--ink)}.source-option.active{border-color:var(--teal);color:var(--teal);background:#0f766e1f}.source-option:disabled{cursor:not-allowed;opacity:.5}.window-picker{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;padding:3px 6px 3px 10px;display:inline-flex}.window-picker-label{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.window-picker-select{color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:5px 8px;font-size:13px;font-weight:600}.window-picker-select:hover:not(:disabled){border-color:var(--teal)}.window-picker-select:disabled{cursor:not-allowed;opacity:.5}.window-picker-select option{background:var(--surface);color:var(--ink)}.header-controls-row{align-items:center;gap:8px;display:flex}.chrome-toggle{background:var(--surface);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.chrome-toggle:hover{border-color:var(--teal);color:var(--ink)}.chrome-toggle[aria-expanded=false]{border-color:var(--teal);color:var(--teal);background:#0f766e1f}.theme-toggle{cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.theme-toggle-track{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;align-items:center;width:54px;height:28px;display:inline-flex;position:relative}.theme-toggle:hover .theme-toggle-track{border-color:var(--teal)}.theme-toggle-knob{background:var(--surface);border:1px solid var(--line);color:var(--amber);border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .16s,color .16s;display:flex;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000002e}.theme-toggle.dark .theme-toggle-knob{color:var(--blue);transform:translate(26px)}.kpi-band{flex:none;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;display:grid}.filter-bar{background:var(--surface);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;flex:none;align-items:center;gap:8px 16px;max-height:116px;padding:10px 12px;display:flex;overflow-y:auto}.filter-search{background:var(--raise);border:1px solid var(--line);color:var(--muted);border-radius:7px;align-items:center;gap:6px;padding:6px 9px;display:flex}.filter-search input{color:var(--ink);background:0 0;border:none;outline:none;min-width:220px;font-size:13px}.facet-group{align-items:center;gap:7px;display:flex}.facet-title{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.facet-chips{flex-wrap:wrap;gap:5px;display:flex}.facet-chip{background:var(--raise);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:12px}.facet-chip:hover{border-color:var(--teal);color:var(--ink)}.facet-chip.active{border-color:var(--teal);color:var(--teal);background:#0f766e1f;font-weight:700}.clear-filters{background:var(--danger-bg);color:var(--red);cursor:pointer;border:1px solid #b423184d;border-radius:7px;align-items:center;gap:5px;padding:5px 9px;font-size:12px;font-weight:600;display:inline-flex}.monitor-workspace{grid-template-columns:minmax(0, 1fr) 8px var(--rail-width,340px)}.main-grid>.view-tabs{justify-self:start}.rail-resizer{cursor:col-resize;touch-action:none;background:0 0;align-self:stretch;position:relative}.rail-resizer:before{background:var(--line);content:"";border-radius:2px;width:2px;position:absolute;inset:0 auto 0 50%;transform:translate(-50%)}.rail-resizer:hover:before,.rail-resizer:active:before{background:var(--teal);width:3px}.monitor-rail{grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.workflow-stack{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;gap:12px;min-height:0;padding:12px;display:flex;overflow:auto}.chain-card{background:var(--raise);border:1px solid var(--line);border-left-width:4px;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.chain-card.good{border-left-color:var(--green)}.chain-card.bad{border-left-color:var(--red)}.chain-card.warn{border-left-color:var(--amber)}.chain-card.neutral{border-left-color:var(--line)}.chain-header{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;gap:5px;width:100%;padding:0;display:flex}.chain-title{align-items:center;gap:8px;display:flex}.chain-title strong{font-size:14px}.chain-status{text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.chain-status.good{color:var(--green);background:#2f7d3224}.chain-status.bad{color:var(--red);background:#b4231824}.chain-status.warn{color:var(--amber);background:#b4530929}.chain-status.neutral{background:var(--surface-2);color:var(--muted)}.chain-status.wait{color:var(--blue);background:#2563a729}.chain-meta{color:var(--muted);flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.chain-diagram-scroll{padding:4px 2px 2px;overflow-x:auto}.chain-diagram{position:relative}.chain-edges{pointer-events:none;position:absolute;inset:0}.chain-edge{fill:none;stroke-width:2px}.chain-edge.good{stroke:#2f7d3280}.chain-edge.bad{stroke:#b4231880}.chain-edge.warn{stroke:#b453098c;stroke-dasharray:5 4}.chain-edge.neutral{stroke:#2563a766}.chain-edge.wait{stroke:#2563a78c;stroke-dasharray:3 4}.chain-node{background:var(--surface);border:1px solid var(--line);cursor:pointer;line-height:var(--leading-tight,1.15);text-align:left;border-left-width:3px;border-radius:7px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:7px 9px;display:flex;position:absolute;overflow:hidden}.chain-node:hover{box-shadow:0 6px 14px #1d25261f}.chain-node.good{border-left-color:var(--green)}.chain-node.bad{border-left-color:var(--red)}.chain-node.warn{border-left-color:var(--amber)}.chain-node.neutral{border-left-color:var(--blue)}.chain-node.wait{border-left-color:var(--blue);box-shadow:0 0 0 1px #2563a740}.chain-node-label{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;max-width:100%;font-size:12.5px;font-weight:700;display:-webkit-box;overflow:hidden}.chain-node-detail{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.chain-node-meta{color:var(--teal);font-size:11px;font-weight:600}.timeline{flex-direction:column;margin:4px 0 0;padding:0;list-style:none;display:flex}.timeline-row{position:relative}.timeline-entry{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;align-items:stretch;gap:10px;width:100%;padding:5px 8px 5px 0;display:flex}.timeline-entry:hover{background:var(--surface-2)}.timeline-row.active .timeline-entry{background:var(--surface-2);border-color:var(--line)}.timeline-rail{flex:none;justify-content:center;align-items:center;width:22px;display:flex;position:relative}.timeline-rail:before{background:var(--line);content:"";width:2px;position:absolute;inset:0 auto 0 50%;transform:translate(-50%)}.timeline-row:first-child .timeline-rail:before{top:50%}.timeline-row:last-child .timeline-rail:before{bottom:50%}.timeline-dot{background:var(--blue);border:2px solid var(--surface);z-index:1;border-radius:999px;width:11px;height:11px;position:relative}.timeline-row.good .timeline-dot{background:var(--green)}.timeline-row.bad .timeline-dot{background:var(--red)}.timeline-row.warn .timeline-dot{background:var(--amber)}.timeline-wait-icon{background:var(--surface);color:var(--blue);z-index:1;border-radius:999px;position:relative}.timeline-row.waiting .timeline-wait-icon{animation:1.4s ease-in-out infinite timeline-pulse}@keyframes timeline-pulse{0%,to{opacity:.45}50%{opacity:1}}.timeline-body{min-width:0;padding-left:calc(var(--indent,0) * 16px);flex-direction:column;flex:auto;gap:1px;display:flex}.timeline-head{align-items:baseline;gap:8px;display:flex}.timeline-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;overflow:hidden}.timeline-flag{color:var(--blue);letter-spacing:.02em;text-transform:uppercase;background:#2563a729;border-radius:999px;flex:none;padding:1px 7px;font-size:10px;font-weight:700}.timeline-detail{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.timeline-time{text-align:right;flex-direction:column;flex:none;justify-content:center;align-items:flex-end;gap:1px;display:flex}.timeline-clock{color:var(--muted);white-space:nowrap;font-size:11px}.timeline-dur{color:var(--teal);white-space:nowrap;font-size:11px;font-weight:600}.timeline-row.waiting .timeline-dur{color:var(--blue)}.trace-summary{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.trace-stat{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:6px;align-items:baseline;gap:5px;padding:4px 9px;font-size:11px;display:flex}.trace-stat b{color:var(--text);font-size:14px;font-weight:700}.trace-slowest{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-size:11px}.trace-slowest>b{color:var(--text);font-size:12px}.trace-slowest ul{columns:2;margin:4px 0 0;padding-left:16px}.trace-slowest li{break-inside:avoid;color:var(--muted);margin:2px 0}.trace-slowest li b{color:var(--teal);font-weight:600}.trace-slowest .trace-kind{margin-left:6px}.trace-grid{flex-direction:column;min-width:0;margin-top:2px;display:flex}.trace-row{border:none;border-bottom:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;grid-template-columns:minmax(170px,320px) 1fr;align-items:center;gap:12px;width:100%;height:24px;padding:0 4px;display:grid}.trace-row:hover,.trace-row.active{background:var(--surface-2)}.trace-name{min-width:0;padding-left:calc(var(--indent,0) * 16px);white-space:nowrap;align-items:center;gap:6px;display:flex;overflow:hidden}.trace-dot{background:var(--blue);border-radius:2px;flex:none;width:8px;height:8px}.trace-dot.good{background:var(--green)}.trace-dot.bad{background:var(--red)}.trace-dot.warn{background:var(--amber)}.trace-dot.neutral{background:var(--muted)}.trace-label{color:var(--text);text-overflow:ellipsis;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.trace-kind{color:var(--muted);flex:none;font-size:10.5px}.trace-track{height:14px;position:relative}.trace-bar{background:var(--blue);border-radius:3px;height:12px;position:absolute;top:1px}.trace-bar.good{background:var(--green)}.trace-bar.bad{background:var(--red)}.trace-bar.warn{background:var(--amber)}.trace-bar.neutral{background:var(--muted)}.trace-dlabel{color:var(--muted);white-space:nowrap;font-size:10px;position:absolute;top:0}.stream-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;min-height:0;overflow:hidden}.stream-list{flex-direction:column;gap:6px;height:100%;min-height:0;padding:10px;display:flex;overflow:auto}.stream-row{background:var(--raise);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:7px;grid-template-columns:84px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.stream-row:hover{border-color:var(--blue)}.stream-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.stream-name{min-width:0}.stream-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.stream-name small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.stream-value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.stream-value.muted{color:var(--muted)}.stream-severity{border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.stream-severity.good{color:var(--green);background:#2f7d3224}.stream-severity.bad{color:var(--red);background:#b4231824}.stream-severity.warn{background:color-mix(in srgb, var(--amber) 14%, transparent);color:var(--amber)}.stream-severity.neutral{background:var(--surface-2);color:var(--muted)}.activity-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.activity-list{flex-direction:column;gap:7px;min-height:0;padding:10px;display:flex;overflow:auto}.activity-row{background:var(--raise);border:1px solid var(--line);color:var(--ink);cursor:pointer;font:inherit;text-align:left;border-left-width:3px;border-radius:7px;flex-direction:column;gap:3px;width:100%;padding:8px 10px;display:flex}.activity-row:hover{border-color:var(--blue)}.activity-row.good{border-left-color:var(--green)}.activity-row.bad{border-left-color:var(--red)}.activity-row.warn{border-left-color:var(--amber)}.activity-row.neutral{border-left-color:var(--blue)}.activity-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.activity-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.activity-head small{color:var(--muted);flex:none;font-size:11px}.activity-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.chain-card.active{box-shadow:0 0 0 2px var(--ring)}.chain-node.active,.stream-row.active,.activity-row.active{border-color:var(--teal);box-shadow:0 0 0 2px var(--ring)}.panel-actions{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.copy-button{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:4px 9px;font-size:12px;font-weight:600;display:inline-flex}.copy-button:hover:not(:disabled){color:var(--ink)}.copy-button:disabled{cursor:default;opacity:.5}.copy-button.copied{border-color:var(--teal);color:var(--teal)}.copy-button-trailing{margin-left:auto}.detail-panel .json-detail-body{flex:auto;min-height:0;padding:10px 12px;font-size:12px;line-height:1.5;overflow:auto}.detail-panel .json-detail-body pre{white-space:pre-wrap;word-break:break-word;background:0 0;flex:none;margin:0;padding:0;overflow:visible}.json-empty{color:var(--muted)}.json-node{flex-direction:column;display:flex}.json-toggle{color:var(--muted);cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:5px;width:100%;padding:1px 0;display:flex}.json-toggle:hover{color:var(--ink)}.json-caret{color:var(--muted);width:10px;font-size:10px}.json-summary{color:var(--muted)}.json-leaf{align-items:baseline;gap:6px;padding:1px 0 1px 19px;display:flex}.json-key{color:var(--blue);font-weight:600}.json-string{color:var(--green);word-break:break-word}.json-number{color:var(--amber)}.json-boolean,.json-null{color:var(--violet)}@media (max-width:1180px){.monitor-workspace{grid-template-columns:1fr;overflow:auto}.rail-resizer{display:none}.monitor-rail{grid-template-rows:none;grid-template-columns:1fr 1fr;min-height:320px}}@media (max-width:760px){.monitor-rail{grid-template-columns:1fr}.filter-bar{max-height:none}}.docs-workspace{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.docs-rail{flex-direction:column;gap:12px;min-width:0;min-height:0;display:flex;overflow:hidden}.docs-picker-bar{flex:none;align-items:stretch;gap:8px;display:flex}.docs-picker{flex:auto;min-width:0;position:relative}.docs-picker-button{background:var(--surface);border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.docs-picker-button:hover:not(:disabled){border-color:var(--teal)}.docs-picker-button:disabled{cursor:not-allowed;opacity:.6}.docs-picker-current,.docs-picker-row{flex-direction:column;gap:2px;min-width:0;display:flex}.docs-picker-current strong,.docs-picker-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.docs-picker-current small,.docs-picker-row small{color:var(--muted);font-size:11px}.docs-picker-list{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);z-index:20;border-radius:8px;width:100%;max-height:320px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;overflow-y:auto}.docs-picker-row{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;width:100%;padding:7px 9px}.docs-picker-row:hover{background:var(--raise)}.docs-picker-row.active{border-color:var(--teal)}.docs-picker-when{color:var(--muted);font-size:10px}.docs-summary{background:var(--surface);border:1px solid var(--line);border-radius:8px;flex:none;gap:4px 12px;margin:0;padding:10px 12px;display:grid}.docs-summary-row{grid-template-columns:70px minmax(0,1fr);gap:8px;display:grid}.docs-summary-row dt{color:var(--muted);text-transform:uppercase;font-size:11px}.docs-summary-row dd{overflow-wrap:anywhere;margin:0;font-size:12px}.docs-tree-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;flex:auto;min-height:0;padding:6px;overflow-y:auto}.docs-tree-loading,.docs-preview-loading{justify-content:center;align-items:center;padding:24px;display:flex}.docs-tree,.docs-tree ul{margin:0;padding:0;list-style:none}.docs-tree-row{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;width:100%;padding:5px 8px;font-size:13px;display:flex}.docs-tree-row:hover{background:var(--raise)}.docs-tree-row.active{color:var(--teal);background:#0f766e24}.docs-tree-row.folder{color:var(--muted);font-weight:600}.docs-tree-caret{align-items:center;width:13px;display:inline-flex}.docs-tree-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.docs-preview{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;min-width:0;min-height:0;padding:16px;display:flex;overflow:hidden}.docs-preview>*{flex:auto;min-width:0;max-width:100%;min-height:0}.docs-table-wrap,.docs-markdown-wrap,.docs-json-wrap{flex-direction:column;min-height:0;display:flex}.docs-table-scroll,.docs-markdown,.docs-preview .json-raw,.docs-preview .json-tree{flex:auto;max-width:100%;min-height:0;overflow:auto}.docs-preview-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.docs-preview-caption{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.docs-markdown-wrap{flex-direction:column;width:100%;min-width:0;display:flex}.docs-markdown{width:100%;min-width:0;max-width:100%;line-height:1.55}.docs-markdown h1{font-size:22px}.docs-markdown h2{margin-top:1.4em;font-size:18px}.docs-markdown h3{font-size:15px}.docs-markdown img{border:1px solid var(--line);border-radius:6px;max-width:100%}.docs-md-table-scroll{width:100%;max-width:100%;max-height:70vh;margin:12px 0;display:block;overflow:auto}.docs-markdown table{border-collapse:collapse;width:max-content;max-width:none;font-size:13px}.docs-markdown th,.docs-markdown td{border:1px solid var(--line);text-align:left;white-space:nowrap;padding:5px 9px}.docs-missing-image{color:var(--muted);font-size:12px}.docs-table-scroll{width:100%;max-width:100%;overflow:auto}.docs-table{border-collapse:collapse;font-size:13px}.docs-table th,.docs-table td{border:1px solid var(--line);text-align:left;text-overflow:ellipsis;white-space:nowrap;max-width:360px;padding:5px 9px;overflow:hidden}.docs-table thead th{background:var(--raise);position:sticky;top:0}.docs-image-wrap{flex-direction:column;min-width:0;min-height:0;display:flex}.docs-image-controls{gap:4px;display:flex}.docs-icon-btn{background:var(--surface);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:5px;display:inline-flex}.docs-icon-btn:hover{border-color:var(--teal);color:var(--teal)}.docs-image-viewer{background:var(--raise);border:1px solid var(--line);cursor:grab;touch-action:none;border-radius:6px;flex:auto;min-height:0;position:relative;overflow:hidden}.docs-image-viewer.grabbing{cursor:grabbing}.docs-image-viewer img{transform-origin:0 0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;position:absolute;top:0;left:0}.docs-binary-preview{color:var(--muted);font-size:13px}.docs-download{border:1px solid var(--line);color:var(--ink);border-radius:7px;align-items:center;gap:6px;margin-top:8px;padding:7px 11px;text-decoration:none;display:inline-flex}.docs-download:hover{border-color:var(--teal);color:var(--teal)}@media (max-width:900px){.docs-workspace{grid-template-columns:1fr}}