:root{font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0e14;--panel:#10141c;--panel-2:#141925;--line:#252b39;--muted:#8892a7;--text:#eef2f8}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.app-header{border-bottom:1px solid var(--line)!important;background:#0d1119!important}.app-main{background:var(--bg);grid-template-columns:minmax(420px,38fr) 1px minmax(420px,40fr) 1px minmax(280px,22fr);height:100vh;display:grid;overflow:hidden;padding-top:72px!important}.app-main>.mantine-Divider-root{border-color:var(--line);height:100%}.preview-notice{color:#c9c0a0;white-space:nowrap;text-overflow:ellipsis;background:#25200f;border-bottom:1px solid #51431a;align-items:center;gap:8px;height:34px;padding:0 14px;font-size:11px;display:flex;overflow:hidden}.panel-group{height:calc(100vh - 86px)}.panel{background:var(--panel);min-width:0;height:100%;overflow:hidden}.resize-handle{border-inline:1px solid var(--line);background:#0b0e14;width:4px;position:relative}.resize-handle:hover,.resize-handle[data-resize-handle-active]{background:#7950f2}.panel-heading{border-bottom:1px solid var(--line);background:#111620;justify-content:space-between;align-items:center;height:43px;padding:0 12px;display:flex}.trace-panel{flex-direction:column;display:flex}.trace-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:4px;height:32px;padding:0 6px;display:flex}.trace-scroll{flex:1;padding-block:4px;overflow:auto}.trace-row{color:var(--text);text-align:left;background:0 0;border:0;border-left:2px solid #0000;align-items:center;gap:4px;width:100%;height:52px;padding-right:8px;display:flex}.trace-row:hover{background:#171d28}.trace-row.active{background:#1c2130;border-left-color:#9775fa}.trace-group-row{background:#121824;border-left-color:#394156}.trace-group-row .trace-title{letter-spacing:.02em;font-weight:800}.trace-group-row .trace-summary{text-transform:uppercase;color:#768197;font-size:9px}.trace-event-row{background:#0f141d}.trace-main{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:7px;min-width:0;height:100%;padding:0;display:flex}.trace-branch{color:#778198;flex:0 0 13px;justify-content:center;align-items:center;width:13px;display:flex}.trace-toggle{width:18px;height:18px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.trace-toggle:hover{color:#c4b5fd}.trace-dot{background:#4c5568;border-radius:50%;width:4px;height:4px}.trace-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.trace-title{font:600 12px/1.2 var(--mantine-font-family-monospace);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.trace-summary{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.trace-tail{flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.trace-tail small{color:var(--muted);font-size:9px}.trace-legend{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:5px;min-height:34px;padding:6px;display:flex}.inspector-panel{flex-direction:column;display:flex}.operation-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:55px;padding:8px 12px;display:flex}.operation-header h3{font:700 15px/1.2 var(--mantine-font-family-monospace);margin:1px 0 0}.operation-summary{border-bottom:1px solid var(--line);background:#0d1118;justify-content:space-between;align-items:center;gap:12px;height:31px;padding:0 12px;display:flex}.operation-summary p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inspector-tabs{flex-direction:column;flex:1;min-height:0;display:flex}.inspector-tabs>.mantine-Tabs-list{background:#111620;padding-inline:8px}.tab-body{height:calc(100vh - 212px);min-height:0}.source-tab{flex-direction:column;display:flex}.source-context{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;height:auto;min-height:48px;padding:5px 10px;display:flex}.recording-limit{color:#7f8a9e;max-width:260px;margin-top:2px;font-size:8px;line-height:1.25;display:block}.absence-panel{flex-direction:column;gap:10px;padding:22px;display:flex;overflow:auto}.absence-panel p{white-space:normal;max-width:620px}.source-tab>.cm-theme{flex:1;min-height:0}.source-tab .cm-editor,.source-tab .cm-scroller{height:100%}.cm-active-source-line{border-left:2px solid #9775fa;background:#9775fa2b!important}.io-grid{background:var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.json-view{background:#0e1219;flex-direction:column;min-width:0;display:flex}.code-label{height:31px;font:600 10px var(--mantine-font-family-monospace);color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 9px;display:flex}.json-view>.cm-theme{flex:1;min-height:0}.json-view .cm-editor,.json-view .cm-scroller{height:100%}.details-tab{grid-template-columns:1fr 1fr;align-content:start;gap:10px;padding:10px;display:grid;overflow:auto}.detail-block{padding:12px;border-color:var(--line)!important;background:#111620!important}.detail-row{border-bottom:1px solid #1d2330;grid-template-columns:120px minmax(0,1fr);align-items:start;gap:10px;padding:6px 0;display:grid}.detail-row code{white-space:pre-wrap;overflow-wrap:anywhere}.fs-panel{flex-direction:column;display:flex}.checkpoint-bar{border-bottom:1px solid var(--line);background:#0d1118;justify-content:space-between;align-items:center;gap:8px;height:53px;padding:7px 11px;display:flex}.checkpoint-bar code{text-overflow:ellipsis;max-width:150px;overflow:hidden}.fs-tree{height:42%;padding:8px 4px;overflow:auto}.rct-tree-root{font-family:var(--mantine-font-family-monospace);font-size:11px}.rct-tree-item-button{height:25px}.rct-tree-item-button:hover{background:#1b2230}.rct-tree-item-button-selected{background:#2c2450!important}.file-preview{flex-direction:column;flex:1;gap:8px;min-height:0;padding:9px;display:flex}.file-heading{align-items:center;gap:6px;min-width:0;display:flex}.file-heading p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-preview>.cm-theme{border:1px solid var(--line);flex:1;min-height:0}.file-preview .cm-editor,.file-preview .cm-scroller{height:100%}.file-empty{text-align:center;height:100%;color:var(--muted);place-content:center;justify-items:center;gap:6px;display:grid}.cm-editor{font-size:11px}.cm-gutters{background:#0d1118!important;border-right:1px solid #222838!important}.mantine-Badge-root{font-family:var(--mantine-font-family-monospace);letter-spacing:.02em}.mantine-Code-root{font-family:var(--mantine-font-family-monospace)}.agent-timeline{background:#0d1118}.execution-heading{gap:8px}.view-switch{background:#0b1018;border:1px solid #343c4d;border-radius:6px;padding:2px;display:flex}.view-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 9px;font-size:10px}.view-switch button.active{color:#fff;background:#36405a}.timeline-axis{height:32px;color:var(--muted);font:10px var(--mantine-font-family-monospace);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-left:130px;padding:0 10px;display:flex}.timeline-scroll{flex:1;padding:10px 8px 16px;overflow:auto}.timeline-lane{border-bottom:1px solid #1d2430;grid-template-columns:122px minmax(260px,1fr);min-height:82px;display:grid}.lane-label{flex-direction:column;gap:4px;min-width:0;padding:16px 10px 8px 4px;display:flex}.lane-label strong{font:700 12px var(--mantine-font-family-monospace);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lane-label span{font:10px var(--mantine-font-family-monospace);color:var(--muted)}.lane-track{background:repeating-linear-gradient(90deg,#121823 0 calc(25% - 1px),#242c3b 25%);border-left:1px solid #394154;border-right:1px solid #394154;height:52px;margin:14px 8px;position:relative}.timeline-span{cursor:pointer;background:#667085;border:0;border-radius:3px;min-width:5px;height:12px;padding:0;position:absolute;top:20px;overflow:visible}.timeline-span:hover,.timeline-span.active{z-index:3;outline:2px solid #fff}.timeline-span.source-linked{background:linear-gradient(90deg,#7950f2,#4c6ef5);min-width:48px;height:28px;top:12px;box-shadow:0 4px 16px #7950f240}.timeline-span.source-linked span{color:#fff;font:700 9px var(--mantine-font-family-monospace);white-space:nowrap;text-overflow:ellipsis;padding:6px;display:block;overflow:hidden}.timeline-legend{border-top:1px solid var(--line);height:38px;color:var(--muted);align-items:center;gap:18px;padding:0 12px;font-size:10px;display:flex}.timeline-legend span{align-items:center;gap:6px;display:flex}.timeline-legend i{border-radius:2px;width:16px;height:7px}.legend-source{background:#7950f2}.legend-runtime{background:#667085}.legend-fanout{background:#22b8cf}.legend-join{background:#51cf66}.timeline-phase-rail{border-bottom:1px solid var(--line);background:#0e141d;height:30px;margin-left:130px;position:relative}.timeline-phase-rail span{color:#9da8ba;font:9px var(--mantine-font-family-monospace);white-space:nowrap;position:absolute;top:7px;transform:translate(-50%)}.timeline-phase-rail span:after{content:"";pointer-events:none;z-index:0;border-left:1px dashed #354052;height:380px;position:absolute;top:15px;left:50%}.lane-label small{color:#697589;font:9px var(--mantine-font-family-monospace)}.lane-lifecycle{opacity:.9;background:#343f55;border-radius:5px;height:8px;position:absolute;top:22px}.lane-lifecycle.runtime-life{background:#576176;height:2px;top:25px}.runtime-cluster{z-index:2;color:#c6cfdd;cursor:pointer;background:#202938;border:2px solid #aeb9ca;border-radius:50%;width:10px;height:10px;padding:0;position:absolute;top:38px;overflow:visible;transform:translate(-50%)}.runtime-lane{min-height:96px}.runtime-lane .lane-track{height:64px}.runtime-lane .runtime-life{top:42px}.runtime-lane .causal-marker{height:58px}.runtime-cluster.edge-start{transform:none}.runtime-cluster.edge-end{transform:translate(-100%)}.runtime-cluster span{width:90px;font:8px var(--mantine-font-family-monospace);white-space:normal;line-height:1.15;display:block;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.runtime-cluster:nth-of-type(2n) span{top:13px;bottom:auto}.runtime-cluster.edge-start span{text-align:left;left:0;transform:none}.runtime-cluster.edge-end span{text-align:right;left:auto;right:0;transform:none}.runtime-cluster:hover,.runtime-cluster.active{background:#748ffc;border-color:#fff;box-shadow:0 0 0 3px #748ffc38}.causal-marker{z-index:1;border-left:2px dashed;height:46px;position:absolute;top:2px}.fanout-marker{border-color:#22b8cf}.join-marker{border-color:#51cf66}.timeline-span{z-index:2}.trace-tree{background:#0d1118;flex:1;min-height:0;padding:4px 0 12px;overflow:auto}.tree-note{color:var(--muted);border-bottom:1px solid var(--line);padding:9px 12px;font-size:10px}.trace-tree-row{width:100%;height:49px;color:var(--text);text-align:left;background:#0f141d;border-top:0;border-bottom:1px solid #1b2230;border-left:2px solid #0000;border-right:0;align-items:center;gap:7px;display:flex}.trace-tree-row:hover{background:#171e2a}.trace-tree-row.active{background:#20283a;border-left-color:#9775fa}.synthetic-tree-row{background:#121a27}.synthetic-tree-row .tree-copy strong{color:#d6dce8}.tree-toggle{color:#a4aec0;cursor:pointer;background:0 0;border:0;place-items:center;width:19px;height:19px;padding:0;display:grid}.tree-select{min-width:0;height:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:0;display:flex}.tree-select:disabled{cursor:default}.tree-branch{color:#59657a;font-family:monospace}.tree-sequence{color:#77839a;width:22px;font:9px var(--mantine-font-family-monospace)}.tree-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tree-copy strong{font-size:11px}.tree-copy small{color:var(--muted);font-size:9px}.trace-tree-row code{color:#697589;text-overflow:ellipsis;white-space:nowrap;max-width:115px;margin-right:8px;font-size:8px;overflow:hidden}.event-explanation{align-items:flex-start;height:auto;min-height:58px;padding-block:8px}.event-explanation>div:first-child{flex:1;min-width:0}.event-explanation p{white-space:normal}.event-timing{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:3px;display:flex}.event-timing small{color:var(--muted);font-size:9px}.source-line-linked{border-left:2px solid #51cf66;background:#51cf6624!important}.fs-change{border:0;border-bottom:1px solid var(--line);width:100%;height:36px;color:var(--text);text-align:left;background:#101620;grid-template-columns:65px minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 8px;display:grid}.fs-change:hover{background:#18202d}.fs-change span{font:11px var(--mantine-font-family-monospace);text-overflow:ellipsis;overflow:hidden}.fs-change code{color:var(--muted);font-size:9px}.ref-summary{flex-direction:column;gap:6px;display:flex;overflow:auto}.ref-row{border:1px solid var(--line);background:#0d1118;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:11px;display:flex}.ref-row code{color:#8291aa}.experiments-view{background:var(--mantine-color-dark-8);overscroll-behavior:contain;scrollbar-gutter:stable;height:calc(100vh - 52px);min-height:0;padding:24px;overflow:hidden scroll}.experiments-view::-webkit-scrollbar{width:12px}.experiments-view::-webkit-scrollbar-track{background:#0d1119}.experiments-view::-webkit-scrollbar-thumb{background:#4c5568;border:3px solid #0d1119;border-radius:8px}.experiments-view table{min-width:1100px}.experiments-view td{vertical-align:top}.experiment-detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:16px;display:grid}.inspect-body{max-height:280px;overflow:auto;white-space:pre-wrap!important}.selected-experiment-row{outline:1px solid var(--mantine-color-cyan-6);outline-offset:-1px;cursor:pointer}@media (max-width:900px){.header-debug-actions{display:none!important}.experiment-detail-grid{grid-template-columns:1fr}.preview-notice{white-space:normal;height:48px}.panel-group{height:calc(100vh - 100px);overflow:auto;display:block!important}.resize-handle{display:none}.panel-group>[data-panel]{width:100%!important;height:auto!important;min-height:420px!important}.trace-panel{min-height:520px}.operation-header{align-items:flex-start;height:auto}.io-grid,.details-tab{grid-template-columns:1fr}.tab-body{height:520px}.fs-panel{min-height:560px}.app-header .mantine-Badge-root:nth-of-type(2){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}