:root,:root[data-theme=dark]{--bg:#1a1b26;--bg-dark:#16161e;--bg-panel:#1f2335;--bg-hover:#292e42;--fg:#c0caf5;--fg-dim:#828bc0;--border:#2a2e44;--blue:#7aa2f7;--cyan:#7dcfff;--green:#9ece6a;--teal:#1abc9c;--magenta:#bb9af7;--red:#f7768e;--orange:#ff9e64;--yellow:#e0af68;--badge-fg:#16161e}:root[data-theme=light]{--bg:#fff;--bg-dark:#eeeeec;--bg-panel:#f5f5f4;--bg-hover:#e4e4e1;--fg:#2e3436;--fg-dim:#5c5e59;--border:#d3d7cf;--blue:#2a5489;--cyan:#0a6c6e;--green:#357a00;--teal:#b03a6e;--magenta:#6b4870;--red:#c00000;--orange:#a84800;--yellow:#6e5700;--badge-fg:#fff}:root{--p0:var(--blue);--p1:var(--cyan);--p2:var(--green);--p3:var(--teal);--p4:var(--magenta);--p5:var(--orange);--p6:var(--yellow);--p7:var(--red)}*{box-sizing:border-box}html{scroll-padding-top:56px}body{color:var(--fg);background:var(--bg);margin:0;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;font-size:13px}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--blue);color:var(--badge-fg);border-radius:0 0 6px;padding:8px 12px;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.topbar{background:var(--bg-dark);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:16px;padding:10px 16px;display:flex;position:sticky;top:0}.topbar h1{color:var(--fg);margin:0;font-size:15px}.controls{align-items:center;gap:12px;display:flex}.file-label{color:var(--fg-dim)}input[type=file],select{background:var(--bg-panel);color:var(--fg);border:1px solid var(--border);font:inherit;border-radius:6px;padding:4px 6px}.badge{background:var(--magenta);color:var(--badge-fg);border-radius:6px;padding:2px 8px;font-weight:600}.theme-toggle{background:var(--bg-panel);color:var(--fg);border:1px solid var(--border);cursor:pointer;border-radius:6px;width:30px;height:26px;font-size:14px;line-height:1}.theme-toggle:hover{background:var(--bg-hover)}.layout{grid-template-columns:320px 1fr 380px;height:calc(100vh - 96px);display:grid}.tree-pane{border-right:1px solid var(--border);padding:12px 16px;overflow:auto}.empty-state{color:var(--fg-dim);text-align:center;max-width:44ch;margin:auto;padding:24px;line-height:1.5}.tree-note{color:var(--fg-dim);margin:4px 0 0;padding:6px 8px;font-size:12px;font-style:italic}.inspector-pane{background:var(--bg-panel);border-left:1px solid var(--border);color:var(--fg);padding:12px 16px;overflow:auto}.children{border-left:1px solid var(--border);margin-left:9px;padding-left:18px}.node-wrap{margin:1px 0}.node-row{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:2px 6px;display:flex}.node-row:hover{background:var(--bg-hover)}.node-row.selected{background:var(--bg-hover);outline:2px solid var(--blue);box-shadow:inset 3px 0 0 var(--blue)}.node-row.flash{animation:.8s ease-out flash}@keyframes flash{0%{background:var(--yellow)}to{background:0 0}}@media (prefers-reduced-motion:reduce){.node-row.flash{animation:none}*{scroll-behavior:auto!important}}.caret{color:var(--fg-dim);cursor:pointer;background:0 0;border:none;width:16px;padding:0;font-size:11px}.node-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.node-name{color:var(--fg)}.node-id{color:var(--fg-dim)}.node-type{color:var(--fg-dim);font-style:italic}.port{color:var(--cyan)}.tag-synth{color:var(--orange);font-size:11px}.tag-cycle{color:var(--red);font-size:11px}.values{color:var(--fg-dim);padding-left:40px;font-size:12px}.produces{padding:1px 6px 1px 22px}.xref{color:var(--blue);cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;padding:0}.xref:hover{text-decoration:underline}.kind-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--badge-fg);background:var(--fg-dim);white-space:nowrap;border-radius:4px;padding:1px 5px;font-size:10px}.node-row[data-kind]{border-left:2px solid #0000}.insp-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.insp-header h2{color:var(--fg);margin:0;font-size:15px}.insp-id{color:var(--fg-dim)}.insp-fields{grid-template-columns:auto 1fr;gap:2px 12px;margin:12px 0;display:grid}.insp-fields dt{color:var(--cyan)}.insp-fields dd{color:var(--fg);word-break:break-word;margin:0}.inspector-pane h3{color:var(--fg-dim);text-transform:uppercase;margin:14px 0 4px;font-size:12px}.insp-edges,.insp-diags{margin:0;padding:0;list-style:none}.insp-edges li,.insp-diags li{padding:2px 0}.insp-edges li[data-role=output] .xref{color:var(--green)}.insp-edges li[data-role=call] .xref{color:var(--magenta)}.insp-diags li[data-level=error]{color:var(--red)}.insp-diags li[data-level=warn]{color:var(--yellow)}.insp-raw summary{cursor:pointer;color:var(--fg-dim);margin-top:14px}.insp-raw pre{background:var(--bg-dark);border:1px solid var(--border);color:var(--fg);border-radius:6px;padding:10px;overflow:auto}.status{background:var(--bg-dark);border-top:1px solid var(--border);color:var(--fg);white-space:nowrap;text-overflow:ellipsis;padding:6px 16px;font-size:12px;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.status[data-level=error]{color:var(--red)}.dag-pane{flex-direction:column;display:flex;overflow:hidden}.dag-toolbar{border-bottom:1px solid var(--border);gap:6px;padding:8px;display:flex}.dag-hop-stepper{align-items:center;gap:6px;display:flex}.dag-hop-label{color:var(--fg-dim);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.dag-step{background:var(--bg-panel);color:var(--fg);border:1px solid var(--border);cursor:pointer;width:24px;height:24px;font:inherit;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:15px;line-height:1;display:inline-flex}.dag-step:hover:not(:disabled){background:var(--bg-hover)}.dag-step:disabled{opacity:.4;cursor:default}.dag-hop-count{text-align:center;min-width:1.5em;color:var(--fg);font-variant-numeric:tabular-nums}.dag-svg{touch-action:none;cursor:grab;flex:1;width:100%;min-height:0}.dag-svg:active{cursor:grabbing}.dag-edge{fill:none;stroke:var(--fg-dim);stroke-width:1.2px}.dag-arrow-head{fill:var(--fg-dim)}.dag-node{cursor:pointer}.dag-rect{fill:var(--fg-dim);opacity:.9;stroke:var(--border);stroke-width:1px}.dag-node.focus .dag-rect{stroke:var(--blue);stroke-width:2.5px;opacity:1}.dag-node:hover .dag-rect{opacity:1}.dag-node:focus{outline:none}.dag-node:focus-visible .dag-rect{stroke:var(--blue);stroke-width:3px;opacity:1}.dag-svg:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.dag-label{fill:var(--badge-fg);pointer-events:none;font-family:inherit;font-size:12px}.dag-hidden{fill:var(--badge-fg);pointer-events:none;font-size:10px}.dag-toolbar{justify-content:space-between;align-items:center}.dag-reset{font-size:13px}.pane-tabs{display:none}.pane-tab{background:var(--bg-panel);color:var(--fg);border:1px solid var(--border);cursor:pointer;font:inherit;border-radius:6px;padding:4px 12px}.pane-tab[aria-selected=true]{background:var(--blue);color:var(--badge-fg);border-color:var(--blue)}@media (max-width:900px){.controls{flex-wrap:wrap}.pane-tabs{background:var(--bg-dark);border-bottom:1px solid var(--border);gap:6px;padding:8px 16px;display:flex}.layout{grid-template-columns:1fr}.layout>section,.layout>aside{border-right:none;display:none}.layout[data-active-pane=tree] #tree-pane{display:block}.layout[data-active-pane=dag] #dag-pane{display:flex}.layout[data-active-pane=inspector] #inspector-pane{display:block}}