:root{--bg:#f7f8fc;--bg-elevated:#fff;--panel:#fff;--panel-soft:#fafbff;--border:#e4e7ef;--text:#111827;--muted:#667085;--accent:#4f46e5;--accent-strong:#4338ca;--danger:#dc2626;--success:#16a34a;--sidebar-width:252px;--radius-md:12px;--radius-lg:14px;--shadow:0 1px 2px #1018280f, 0 8px 24px #1018280a;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"SFMono-Regular", "JetBrains Mono", Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}html{font-family:var(--font-sans);background:var(--bg);color:var(--text);height:100%;font-size:15px;line-height:1.45}body{background:var(--bg);height:100%;min-height:100dvh;color:var(--text);margin:0}body:has(.trace-detail-page){height:100dvh;overflow:hidden}a{color:inherit;text-decoration:none}.shell{grid-template-columns:var(--sidebar-width) 1fr;align-items:stretch;height:100%;min-height:100dvh;transition:grid-template-columns .2s;display:grid}.shell[data-sidebar=collapsed]{grid-template-columns:0 1fr}.shell[data-sidebar=collapsed] .sidebar{opacity:0;pointer-events:none;border:none;width:0;min-width:0;margin:0;padding:0;overflow:hidden}.shell:has(.trace-detail-page){height:100%;min-height:100%}.sidebar{border-right:1px solid var(--border);background:var(--bg-elevated);min-height:0;max-height:100dvh;padding:1rem .85rem;position:sticky;top:0;overflow-y:auto}.sidebar-toolbar{justify-content:flex-end;margin:-.25rem 0 .35rem;display:flex}.shell-sidebar-collapse-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#f8f9fd;border-radius:6px;place-items:center;width:2rem;height:2rem;font-size:1rem;line-height:1;display:grid}.shell-sidebar-collapse-btn:hover{color:var(--text);background:#eef1ff}.shell-sidebar-reveal{z-index:40;border:1px solid var(--border);background:var(--bg-elevated);width:28px;height:56px;color:var(--muted);cursor:pointer;border-left:none;border-radius:0 10px 10px 0;place-items:center;margin:0;padding:0;font-size:1.1rem;line-height:1;display:grid;position:fixed;top:50%;left:0;transform:translateY(-50%);box-shadow:2px 0 12px #0f172a14}.shell-sidebar-reveal:hover{color:var(--accent-strong);background:#f8f9fd}.brand{align-items:center;gap:.75rem;margin-bottom:1.2rem;padding:0 .35rem;display:flex}.brand-mark{width:2rem;height:2rem;color:var(--accent);font-family:var(--font-mono);letter-spacing:.06em;background:linear-gradient(135deg,#eef0ff,#fafaff);border:1px solid #cdd4ff;border-radius:8px;place-items:center;font-size:.8rem;display:grid}.brand-title{margin:0;font-size:.95rem;font-weight:700}.brand-subtitle{color:var(--muted);margin:.1rem 0 0;font-size:.75rem}.nav{flex-direction:column;gap:.2rem;display:flex}.nav-link{color:#344054;border:1px solid #0000;border-radius:9px;padding:.58rem .72rem;font-size:.84rem;font-weight:500;transition:border-color .14s,background .14s,color .14s}.nav-link:hover{color:#1f2937;background:#f8f9fd;border-color:#dfe3ee}.nav-link-active{color:var(--accent-strong);background:#eef1ff;border-color:#d7dcff}.sidebar-footer{color:var(--muted);margin-top:1.4rem;padding:0 .35rem;font-size:.72rem}.content{min-width:0;min-height:0}.shell:has(.trace-detail-page) .content{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.topbar{z-index:5;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f7f8fce6;justify-content:space-between;align-items:center;gap:.8rem;padding:.72rem 1.2rem;display:flex;position:sticky;top:0}.shell:has(.trace-detail-page) .topbar{flex-shrink:0;position:relative}.topbar-left,.topbar-right{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.workspace-pill{color:#374151;background:#fff;border:1px solid #d7ddec;border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:500;display:inline-flex}.workspace-pill.subtle{color:#667085;background:#f8f9ff}.status-chip{color:#475467;background:#fff;border:1px solid #e4e7ef;border-radius:999px;align-items:center;padding:.2rem .52rem;font-size:.72rem;font-weight:600;display:inline-flex}.status-chip.ok{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.content-body{max-width:1500px;padding:1.2rem}.content-body:has(.trace-detail-page){flex-direction:column;flex:1 1 0;width:100%;max-width:none;min-height:0;padding:0;display:flex;overflow:hidden}.trace-detail-page.page{flex-direction:column;flex:1 1 0;gap:0;min-height:0;display:flex;overflow:hidden}.page{flex-direction:column;gap:1rem;display:flex}.hero{justify-content:space-between;align-items:end;gap:1rem;display:flex}.hero h1{letter-spacing:-.01em;margin:0;font-size:clamp(1.42rem,2vw,1.85rem);line-height:1.2}.hero p{max-width:64rem;color:var(--muted);margin:.35rem 0 0;font-size:.9rem}.cards{grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:.8rem;display:grid}.card,.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow)}.card{padding:.78rem .88rem}.card-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.73rem}.card-value{margin-top:.44rem;font-size:1.35rem;font-weight:700}.grid-two{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:.85rem;display:grid}.panel{padding:.9rem}.panel h2,.panel h3{margin:0 0 .65rem;font-size:.95rem}.table-wrap{border-radius:var(--radius-md);background:#fff;border:1px solid #e8ebf3;max-height:min(62vh,760px);overflow:auto}table{border-collapse:collapse;width:100%;font-size:.84rem}th,td{text-align:left;vertical-align:top;white-space:nowrap;border-bottom:1px solid #edf0f6;padding:.6rem .62rem}th{color:#6b7280;letter-spacing:.06em;text-transform:uppercase;z-index:1;background:#f9fafc;font-size:.71rem;position:sticky;top:0}tbody tr:hover td{background:#f8faff}.event-row-selected td{background:#eef2ff}.keyboard-zone:focus{outline-offset:2px;outline:2px solid #c7d2fe}.trace-link{color:var(--accent);font-weight:600}.trace-link:hover{color:var(--accent-strong)}.status{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-items:center;padding:.18rem .5rem;font-size:.67rem;font-weight:700;display:inline-flex}.status-ok{color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0}.status-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.feed-search{width:100%;color:var(--text);background:#fff;border:1px solid #d9dfeb;border-radius:10px;padding:.68rem .8rem;font-size:.86rem}.feed-search:focus{border-color:#bfc8ff;outline:0;box-shadow:0 0 0 3px #4f46e51f}.studio{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:.85rem;display:grid}.stack{flex-direction:column;gap:.85rem;display:flex}.tree-node{border-left:1px solid #e2e8f0;margin-left:.25rem;padding-left:.7rem}.graph-wrap{border-radius:var(--radius-md);cursor:grab;-webkit-user-select:none;user-select:none;background:#fbfcff;border:1px solid #e5e9f3;height:360px;margin-top:.25rem;position:relative;overflow:auto}.graph-wrap.graph-wrap-trace{height:var(--trace-top-row-h,clamp(480px, 64vh, 920px))}.trace-detail-zone-graph .graph-wrap.graph-wrap-trace{flex:1 1 0;height:auto;min-height:0}.graph-wrap-dragging{cursor:grabbing}.trace-graph{width:100%;min-width:860px;min-height:360px;display:block}.trace-detail-zone-graph .trace-graph{min-height:0;display:block}.graph-edge{stroke:#cdd6eb;stroke-width:1.5px}.graph-node-group{cursor:pointer}.graph-node{fill:#fff;stroke-width:1.2px}.graph-node-ok{stroke:#b9c4de}.graph-node-error{stroke:#f2b8b8;fill:#fff6f6}.graph-node-selected{stroke:#4f46e5;stroke-width:2.2px}.graph-node-label{fill:#0f172a;font-size:11px;font-weight:600;font-family:var(--font-sans)}.graph-node-meta{fill:#667085;font-size:10.5px;font-family:var(--font-mono)}.graph-minimap{pointer-events:none;background:#ffffffe6;border:1px solid #d7deec;border-radius:8px;width:172px;height:112px;position:absolute;bottom:10px;right:10px;overflow:hidden;box-shadow:0 2px 6px #10182814}.graph-minimap svg{width:100%;height:100%;display:block}.graph-minimap-edge{stroke:#cbd5e1;stroke-width:1.3px}.graph-minimap-node{fill:#edf2ff;stroke:#c7d2fe;stroke-width:1px}.graph-minimap-node-error{fill:#ffe8e8;stroke:#f2b8b8}.graph-minimap-viewport{fill:#4f46e51a;stroke:#4f46e5;stroke-width:2px}.tree-node-selected>.tree-item.tree-details{background:#eef2ff;border-color:#c7d2fe}.tree-item{margin-bottom:.62rem}.tree-details{border-radius:var(--radius-md);background:var(--panel-soft);border:1px solid #e5e9f3;padding:.58rem .64rem}.tree-details>summary{list-style:none}.tree-details>summary::-webkit-details-marker{display:none}.tree-heading{justify-content:space-between;align-items:start;gap:.7rem;display:flex}.tree-summary{cursor:pointer}.tree-summary:hover{opacity:.96}.eyebrow{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.66rem;font-weight:600}.muted{color:var(--muted)}.table-count{color:var(--muted);margin:.14rem 0 .68rem;font-size:.78rem}.shortcut-hint{color:var(--muted);margin:-.35rem 0 .6rem;font-size:.74rem}.notice-inline{color:#166534;margin:-.2rem 0 .5rem;font-size:.76rem;font-weight:600}.command-overlay{z-index:30;background:#0f172a59;justify-content:center;align-items:flex-start;padding-top:10vh;display:flex;position:fixed;inset:0}.command-panel{background:#fff;border:1px solid #d9dfeb;border-radius:12px;width:min(560px,100vw - 2rem);overflow:hidden;box-shadow:0 24px 40px #0f172a26}.command-title{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #eceff5;padding:.7rem .9rem;font-size:.78rem}.command-inner{padding:.5rem 0}.command-input{width:calc(100% - 1.2rem);color:var(--text);background:#fff;border:1px solid #d9dfeb;border-radius:10px;margin:0 .6rem .5rem;padding:.6rem .75rem;font-size:.85rem}.command-input:focus{border-color:#bfc8ff;outline:0;box-shadow:0 0 0 3px #4f46e51f}.command-item{color:#0f172a;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f1f3f8;justify-content:space-between;align-items:center;gap:.7rem;width:100%;padding:.72rem .9rem;font-size:.86rem;display:flex}.command-item:hover{background:#f8faff}.command-item-active{background:#eef2ff}.command-shortcut{color:#475467;font-size:.72rem;font-family:var(--font-mono);background:#f8fafc;border:1px solid #d8deea;border-radius:6px;padding:.1rem .4rem}.command-meta{align-items:center;gap:.35rem;display:inline-flex}.command-count{color:#667085;font-size:.72rem;font-family:var(--font-mono)}.command-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:.45rem .9rem .35rem;font-size:.68rem}.console-header{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.toolbar{grid-template-columns:1.4fr repeat(3,minmax(120px,.5fr));gap:.55rem;margin-bottom:.65rem;display:grid}.toolbar-select{color:var(--text);background:#fff;border:1px solid #d9dfeb;border-radius:10px;padding:.62rem .7rem;font-size:.84rem}.saved-views{flex-wrap:wrap;gap:.45rem;margin-bottom:.7rem;display:flex}.saved-view-btn{color:#344054;cursor:pointer;background:#fff;border:1px solid #d9dfeb;border-radius:999px;padding:.3rem .62rem;font-size:.75rem;font-weight:600}.saved-view-btn:hover{background:#f5f7ff;border-color:#cfd6f8}.saved-view-btn-active{color:#3730a3;background:#eef1ff;border-color:#cfd6ff}.empty-state{text-align:center;color:var(--muted);padding:1rem}.warning-state{border-radius:var(--radius-md);color:#9b1c1c;background:#fff5f5;border:1px solid #fed7d7;margin-bottom:.72rem;padding:.7rem .84rem;font-size:.84rem}.mono{font-family:var(--font-mono);font-size:.76rem}.row-compact{margin-top:.2rem;font-size:.76rem}.studio-event-toolbar{z-index:2;background:linear-gradient(#fffffffa 70%,#fff0);padding:.25rem 0 .45rem;position:sticky;top:0}.studio-detail{--trace-top-row-h:clamp(480px, 64vh, 920px);--trace-bottom-row-min:min(44vh, 800px);grid-template-columns:minmax(0,1.06fr) minmax(0,1.06fr) minmax(0,1.06fr) minmax(0,.82fr) minmax(0,1.18fr) minmax(0,1.18fr) minmax(0,.82fr) minmax(0,.82fr);grid-template-areas:"graph graph graph graph payload payload payload payload""spantree spantree spantree events events events meta meta";grid-template-rows:var(--trace-top-row-h) minmax(var(--trace-bottom-row-min), auto);align-items:stretch}.trace-detail-zone-graph .console-header{flex-shrink:0}.trace-detail-zone-graph{flex-direction:column;grid-area:graph;height:100%;min-height:0;display:flex;overflow:hidden}.trace-detail-zone-span{flex-direction:column;grid-area:spantree;align-self:stretch;min-width:0;min-height:0;display:flex;overflow:hidden}.trace-detail-zone-span .console-header{flex-shrink:0}.trace-detail-zone-span-scroll{flex:1 1 0;min-height:0;overflow-y:auto}.trace-detail-events-head{flex-shrink:0}.trace-detail-zone-events{flex-direction:column;grid-area:events;align-self:stretch;min-width:0;min-height:0;display:flex;overflow:hidden}.trace-detail-event-feed .table-wrap{flex:1 1 0;min-height:0;max-height:none;overflow:auto}.trace-detail-event-feed .event-feed-table{table-layout:fixed;width:100%}.trace-detail-event-feed .event-feed-table .event-feed-col-when{width:31%}.trace-detail-event-feed .event-feed-table .event-feed-col-event{width:27%}.trace-detail-event-feed .event-feed-table .event-feed-col-status{width:9%;min-width:4.25rem}.trace-detail-event-feed .event-feed-table .event-feed-col-model{width:auto;min-width:0}.trace-detail-event-feed .event-feed-table th,.trace-detail-event-feed .event-feed-table td{vertical-align:top;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.trace-detail-event-feed .event-feed-table th:nth-child(3),.trace-detail-event-feed .event-feed-table td:nth-child(3){white-space:nowrap;overflow:visible}.trace-detail-event-feed .event-feed-table td.event-feed-cell-event{overflow-wrap:anywhere;word-break:break-word}.trace-detail-zone-meta{flex-direction:column;grid-area:meta;align-self:stretch;min-width:0;min-height:0;display:flex;overflow:hidden}.studio-detail .trace-detail-zone-meta.trace-drawer{position:static;top:auto}.trace-detail-zone-meta-scroll{flex:1 1 0;min-height:0;overflow-y:auto}.trace-detail-zone-payload{flex-direction:column;grid-area:payload;height:100%;min-height:0;display:flex;overflow:hidden}.trace-payload-panel .payload-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.65rem;margin-bottom:.35rem;display:flex}.trace-payload-panel .payload-panel-header h2{margin:0}.payload-panel-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.segmented{border:1px solid var(--border);background:#fff;border-radius:9px;display:inline-flex;overflow:hidden}.segmented-muted{background:#fafbff;border-color:#e8ebf3}.segmented-btn{color:#64748b;cursor:pointer;background:0 0;border:0;padding:.38rem .72rem;font-family:inherit;font-size:.78rem;font-weight:600}.segmented-btn:hover{background:#f8fafc}.segmented-btn-active{color:var(--accent-strong);background:#eef2ff}.payload-panel-hint{flex-shrink:0;margin:0 0 .65rem;font-size:.78rem}.payload-empty{margin:0;padding:.35rem 0}.trace-payload-panel .json-panel.json-panel-payload{flex:1 1 0;min-height:0;max-height:none;overflow:auto}.trace-drawer{position:sticky;top:3.8rem}.drawer-grid{gap:.7rem;margin-bottom:.8rem;display:grid}.code{white-space:pre-wrap;font-family:var(--font-mono);font-size:.76rem}.json-panel{border-radius:var(--radius-md);background:#f9fafc;border:1px solid #e8ebf3;max-height:min(60vh,780px);padding:.8rem;overflow:auto}@media (max-width:960px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);max-height:none;position:static}.grid-two,.studio,.studio-detail{grid-template:"graph""payload""spantree""events""meta"/1fr}.trace-detail-zone-graph,.trace-detail-zone-payload{height:auto;overflow:visible}.trace-detail-zone-graph .graph-wrap.graph-wrap-trace{flex:none;height:clamp(360px,58vh,800px)}.trace-detail-zone-span,.trace-detail-zone-events{max-height:none}.trace-detail-event-feed .table-wrap{max-height:min(65vh,720px)}.json-panel.json-panel-payload{min-height:260px;max-height:min(58vh,880px)}.topbar{position:static}.content-body{padding:.9rem}.toolbar{grid-template-columns:1fr}.nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;display:grid}.trace-workbench-main{grid-template-columns:1fr;gap:0;min-height:0}.trace-workbench-rail{border-right:none;border-bottom:1px solid var(--wb-border);max-height:280px}.trace-lineage-flow{flex:1 1 0;height:auto;min-height:260px}}.trace-workbench{--wb-bg:#0a0f1a;--wb-surface:#111827;--wb-border:#1e293b;--wb-text:#e8eefc;--wb-muted:#94a3b8;--wb-muted-strong:#cbd5e1;--wb-accent:#818cf8;--wb-accent-soft:#818cf82e;flex-direction:column;flex:1 1 0;gap:0;min-height:0;display:flex;overflow:hidden}.trace-inspector-dark .wb-eyebrow,.trace-workbench .wb-eyebrow{color:var(--wb-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.66rem;font-weight:600}.trace-workbench button.wb-collapsible-trigger.wb-eyebrow{color:var(--wb-muted-strong);text-align:left;width:100%}.trace-workbench button.wb-collapsible-trigger.wb-eyebrow:hover{color:var(--wb-text)}.trace-workbench button.wb-collapsible-trigger.wb-eyebrow:focus-visible{outline:2px solid var(--wb-accent);outline-offset:2px}.trace-inspector-dark .wb-muted,.trace-workbench .wb-muted{color:var(--wb-muted)}.trace-workbench-header{border-bottom:1px solid var(--wb-border);background:var(--wb-bg);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:0;padding:.65rem 1rem .7rem;display:flex}.trace-workbench-header-right{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.trace-workbench-header-actions{align-items:center;gap:.5rem;display:flex}.trace-export{position:relative}.trace-export-trigger{color:var(--wb-text);background:var(--wb-surface);border:1px solid var(--wb-border);cursor:pointer;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.82rem;font-weight:600;display:inline-flex}.trace-export-trigger:hover{background:var(--wb-muted-bg,#94a3b81f)}.trace-export-chevron{opacity:.85;font-size:.65rem}.trace-export-backdrop{z-index:40;cursor:default;background:0 0;border:none;position:fixed;inset:0}.trace-export-menu{z-index:50;background:var(--wb-bg);border:1px solid var(--wb-border);border-radius:10px;flex-direction:column;gap:2px;min-width:220px;padding:.35rem;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0000002e}.trace-export-item{text-align:left;width:100%;color:var(--wb-text);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.5rem .55rem;font-size:.8rem;font-weight:600;display:flex}.trace-export-item:hover{background:var(--wb-muted-bg,#94a3b81f)}.trace-export-hint{color:var(--wb-muted);font-size:.68rem;font-weight:400}.trace-workbench-title{color:var(--wb-text);margin:0;font-size:1.35rem;font-weight:700}.trace-workbench-sub{margin:.25rem 0 0;font-size:.82rem}.trace-workbench-kpis{flex-wrap:wrap;gap:.65rem;display:flex}.wb-kpi{border:1px solid var(--wb-border);background:var(--wb-surface);border-radius:10px;min-width:5.5rem;padding:.45rem .65rem}.wb-kpi-label{text-transform:uppercase;letter-spacing:.06em;color:var(--wb-muted);font-size:.65rem;display:block}.wb-kpi-value{color:var(--wb-text);font-size:.95rem;font-weight:700}.trace-workbench-main{border-top:1px solid var(--wb-border);flex:1 1 0;grid-template-columns:minmax(200px,280px) minmax(0,1fr) minmax(260px,400px);align-items:stretch;gap:0;min-height:0;display:grid}.trace-workbench-rail{border:none;border-right:1px solid var(--wb-border);background:var(--wb-bg);border-radius:0;flex-direction:column;min-height:0;display:flex;overflow:hidden}.wb-rail-head{border-bottom:1px solid var(--wb-border);flex-shrink:0;padding:.65rem .75rem}.wb-rail-body{outline:none;flex:1 1 0;min-height:0;padding:.35rem 0}.wb-rail-body:focus-visible{box-shadow:inset 0 0 0 2px var(--wb-accent-soft)}.wb-rail-hint{border-top:1px solid var(--wb-border);margin:0;padding:.35rem .75rem .55rem;font-size:.72rem}.wb-segmented{flex-wrap:wrap;gap:.35rem;margin-top:.45rem;display:flex}.wb-segmented button{border:1px solid var(--wb-border);color:var(--wb-muted-strong);cursor:pointer;background:0 0;border-radius:6px;padding:.25rem .45rem;font-size:.72rem}.wb-segmented button:hover{background:var(--wb-accent-soft);color:var(--wb-text)}.wb-rail-row{cursor:pointer;border-left:3px solid #0000;align-items:flex-start;gap:.28rem;padding:.38rem .5rem .38rem .35rem;display:flex}.wb-rail-row:hover{background:#94a3b80f}.wb-rail-row-selected{background:var(--wb-accent-soft);border-left-color:var(--wb-accent)}.wb-rail-row-err .wb-rail-label{color:#fca5a5}.wb-rail-chevron{color:var(--wb-muted);cursor:pointer;background:0 0;border:0;flex-shrink:0;width:1.1rem;padding:0;font-size:.65rem}.wb-rail-chevron-spacer{width:1.1rem;display:inline-block}.wb-rail-row-main{flex:1;min-width:0}.wb-rail-title{align-items:center;gap:.35rem;min-width:0;display:flex}.wb-rail-label{color:var(--wb-text);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600;overflow:hidden}.wb-rail-meta{color:var(--wb-muted);flex-wrap:wrap;gap:.35rem;margin-top:.15rem;font-size:.7rem;display:flex}.wb-dot{border-radius:999px;flex-shrink:0;width:6px;height:6px}.wb-dot-ok{background:#34d399}.wb-dot-err{background:#f87171}.wb-dot-pending{background:#facc15;animation:1.2s ease-in-out infinite wb-dot-pulse;box-shadow:0 0 #facc158c}@media (prefers-reduced-motion:reduce){.wb-dot-pending{box-shadow:none;animation:none}}@keyframes wb-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.2)}}.trace-workbench-center{border:none;border-right:1px solid var(--wb-border);background:var(--wb-bg);border-radius:0;flex-direction:column;min-height:0;display:flex;overflow:hidden}.trace-workbench-center-body{flex-direction:column;flex:1 1 0;min-height:0;padding:0;display:flex;overflow:hidden}.trace-lineage-flow{background:#020617;border:none;border-radius:0;flex:1 1 0;width:100%;height:100%;min-height:0;overflow:hidden}.trace-timeline-embedded.panel{background:var(--wb-bg);border-color:var(--wb-border);box-shadow:none;border:none;border-radius:0;flex:1 1 0;min-height:0;margin:0;overflow:auto}.trace-workbench-inspector{background:var(--wb-bg);border:none;border-radius:0;flex-direction:column;min-height:0;display:flex;overflow:hidden}.wb-center-tabs{border-bottom:1px solid var(--wb-border);flex-shrink:0;gap:0;display:flex}.wb-center-tabs button{color:var(--wb-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:.55rem .65rem;font-size:.78rem;font-weight:600}.wb-center-tabs button:hover{color:var(--wb-text)}.wb-center-tabs button.active{color:var(--wb-text);border-bottom-color:var(--wb-accent);background:var(--wb-accent-soft)}.wb-inspector-tabs button{flex:unset;flex:1}.wb-panel{flex:1 1 0;min-height:0;padding:.85rem}.wb-scroll{overflow-y:auto}.wb-heading{color:var(--wb-text);margin:.15rem 0 0;font-size:1rem;font-weight:700}.wb-chip-row{flex-wrap:wrap;gap:.35rem;display:flex}.wb-chip{border:1px solid var(--wb-border);color:var(--wb-muted-strong);background:#94a3b814;border-radius:999px;padding:.12rem .42rem;font-size:.68rem;font-weight:600}.wb-chip.dim{opacity:.85}.wb-status{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.15rem .45rem;font-size:.65rem;font-weight:800}.wb-status-ok{color:#34d399;border:1px solid #34d39959}.wb-status-err{color:#fca5a5;border:1px solid #f8717173}.wb-dl{grid-template-columns:1fr 1fr;gap:.45rem .75rem;margin:.65rem 0 0;font-size:.78rem;display:grid}.wb-dl.compact{grid-template-columns:1fr}.wb-dl dt{color:var(--wb-muted);margin:0}.wb-dl dd{color:var(--wb-text);margin:0;font-weight:600}.wb-error-text{color:#fca5a5}.wb-list{color:var(--wb-muted-strong);margin:.35rem 0 0;padding-left:1.1rem;font-size:.78rem}.wb-subcard{border:1px solid var(--wb-border);border-radius:var(--radius-md);background:var(--wb-surface);margin-top:.45rem;padding:.55rem .62rem}.wb-subcard-head{flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.76rem;display:flex}.wb-link-btn{color:var(--wb-accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:.78rem;font-weight:600}.wb-link-btn:hover{text-decoration:underline}.wb-event-table{border-collapse:collapse;width:100%;font-size:.76rem}.wb-event-table th{text-align:left;background:var(--wb-surface);border-bottom:1px solid var(--wb-border);color:var(--wb-muted);text-transform:uppercase;letter-spacing:.05em;padding:.45rem .55rem;font-size:.65rem;position:sticky;top:0}.wb-event-table td{color:var(--wb-text);vertical-align:top;border-bottom:1px solid #1e293bd9;padding:.42rem .55rem}.wb-event-table tr:hover td{background:#818cf80f}.wb-event-selected td{background:var(--wb-accent-soft)}.wb-rail-intro{margin:.35rem 0 0;font-size:.72rem;line-height:1.4}.wb-order-pill{font-family:var(--font-mono);color:var(--wb-text);border:1px solid var(--wb-border);background:#94a3b81f;border-radius:999px;align-items:center;gap:.35rem;padding:.12rem .5rem;font-size:.74rem;font-weight:700;display:inline-flex}.wb-order-pill.rail{flex-shrink:0;padding:.05rem .38rem;font-size:.66rem}.wb-order-offset{color:var(--wb-muted-strong);font-size:.7rem;font-weight:600}.wb-inspector-head{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.45rem;display:flex}.wb-chip.accent{color:#c7d2fe;background:#818cf824;border-color:#818cf86b}.wb-chip.tiny{padding:.06rem .38rem;font-size:.62rem}.wb-outcome-list{flex-direction:column;gap:.45rem;margin:.45rem 0 0;padding:0;list-style:none;display:flex}.wb-outcome-list li{border-radius:var(--radius-md);border:1px solid var(--wb-border);background:var(--wb-surface);margin:0;padding:.5rem .58rem;font-size:.78rem}.wb-outcome-list strong{color:var(--wb-muted-strong);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.wb-outcome-detail{color:var(--wb-text);white-space:pre-wrap;word-break:break-word;margin-top:.35rem;font-size:.8rem;line-height:1.45}.wb-child-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.wb-child-btn{border:1px solid var(--wb-border);border-radius:var(--radius-md);width:100%;color:var(--wb-text);cursor:pointer;font:inherit;text-align:left;background:#1e293b8c;flex-wrap:wrap;align-items:center;gap:.35rem .55rem;padding:.48rem .55rem;display:flex}.wb-child-btn:hover{background:var(--wb-accent-soft);border-color:#818cf861}.wb-child-seq{font-family:var(--font-mono);color:var(--wb-accent);font-size:.72rem;font-weight:800}.wb-child-label{flex:120px;min-width:0;font-weight:700}.wb-child-meta{width:100%;color:var(--wb-muted);flex-basis:100%;padding-left:1.85rem;font-size:.7rem}.wb-dl.single{grid-template-columns:1fr}.wb-subcard-muted{opacity:.9}.wb-event-time{color:var(--wb-muted);font-size:.7rem;font-family:var(--font-mono);margin-top:.28rem;display:block}.wb-event-caption{border-bottom:1px solid var(--wb-border);margin:0;padding:.5rem .65rem;font-size:.76rem}.wb-col-seq{text-align:right;width:2rem}.wb-event-when{text-overflow:ellipsis;max-width:8rem;overflow:hidden}.wb-event-mt{word-break:break-word;max-width:11rem;font-size:.74rem}@media (max-width:1100px){.trace-workbench-main{grid-template-columns:1fr;gap:0}.trace-workbench-rail{border-right:none;border-bottom:1px solid var(--wb-border);max-height:320px}.trace-workbench-center{border-right:none;border-bottom:1px solid var(--wb-border)}.trace-lineage-flow{flex:1 1 0;height:auto;min-height:280px}}