.graph-network{padding:0;background:none}.graph-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 17px;background:#111c25;flex-wrap:wrap}.zoom-buttons,.branch-controls{display:flex;align-items:center;gap:5px}.graph-controls button{background:#1a2a36;border:1px solid #344b5a;padding:5px 9px;border-radius:4px;font-size:13px;min-height:32px}.graph-controls button:hover{background:#294254}.zoom-buttons>button:first-child,.zoom-buttons>button:nth-child(3){font-size:20px;line-height:1;min-width:33px}.zoom-buttons>span{font-family:monospace;font-size:12px;min-width:43px;text-align:center;color:var(--muted)}.branch-controls label{display:flex;align-items:center;gap:5px;font-size:13px;margin-left:8px;white-space:nowrap}.branch-controls input{accent-color:var(--mint);width:16px;height:16px}.graph-path{padding:13px 20px;background:#13232a;border-top:1px solid var(--line);font-size:13px;min-height:58px;display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;color:#b5c8d4}.path-label{font-size:11px;letter-spacing:.1em;font-family:monospace;color:var(--mint);flex-shrink:0}.path-trail{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.path-trail button{padding:0;border:0;background:none;color:var(--text);font-size:13px}.path-trail button:hover{color:var(--mint);text-decoration:underline}.path-trail>span{color:#6d97a3}.graph-help{padding:10px 20px;margin:0;font-size:12px;line-height:1.6;color:var(--muted);background:#101922}.graph-viewport{height:680px;position:relative;overflow:auto;overscroll-behavior:contain;cursor:grab;background-color:#0c151d;background-image:radial-gradient(#3b57657d .8px,transparent .8px);background-size:20px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scrollbar-color:#496475 #101922;scrollbar-width:thin;touch-action:pan-x pan-y}.graph-viewport.dragging{cursor:grabbing;user-select:none}.graph-viewport:focus-visible{outline-offset:-3px}#graph-sizer{position:relative;min-width:100%}#graph-stage{position:absolute;top:0;left:0;transform-origin:0 0}.graph-lines{position:absolute;top:0;left:0;overflow:visible;pointer-events:none}.graph-edge{cursor:pointer;pointer-events:all;outline:none}.edge-hit{stroke:transparent;stroke-width:17px;fill:none;pointer-events:stroke}.edge-line{stroke:#668fa8;stroke-width:1.7px;fill:none;pointer-events:none}.graph-edge.indirect .edge-line{stroke:#9e927e;stroke-dasharray:6 6}.graph-edge.modelled .edge-line{stroke:#55656f;stroke-dasharray:4 5;opacity:.7}.graph-edge.active .edge-line{stroke:var(--mint);stroke-width:2.8px}.graph-edge:hover .edge-line,.graph-edge:focus .edge-line{stroke:var(--text);stroke-width:3px}.edge-label rect{fill:#142430;stroke:#344e60;stroke-width:.6px}.edge-label text{font-family:var(--body);font-size:12px;fill:#b9d7e8}.graph-edge.active .edge-label text{fill:var(--mint)}.graph-columns{position:absolute;top:25px;left:0;right:0;pointer-events:none}.graph-columns>span{position:absolute;font-size:11px;font-family:monospace;letter-spacing:.1em;color:#8aa1b0;white-space:nowrap}.graph-node{position:absolute;background:#152633;border:1px solid #365267;border-radius:7px;box-shadow:0 5px 16px #0004;cursor:default}.graph-node-body{width:100%;padding:10px 12px 11px;border:0;background:none;text-align:left;display:flex;flex-direction:column;gap:4px;border-radius:6px;min-height:80px}.graph-node-kind{font-family:monospace;letter-spacing:.035em;font-size:10px;color:#8cacbf;line-height:1.2}.graph-node strong{font-size:15px;font-weight:550;line-height:1.3;color:#e9f4fc;overflow-wrap:anywhere}.graph-node small{font-size:12px;line-height:1.3;color:#afc1cd}.graph-node:hover{border-color:var(--blue)}.graph-node.anchor{background:#163b31;border-color:#57b793}.graph-node.anchor strong{font-size:23px;letter-spacing:.02em}.graph-node.anchor .graph-node-kind{color:#97d6bf}.graph-node.upstream{background:#17212f;border-color:#4b566f}.graph-node.mine{background:#26221f;border-color:#7a6a60;border-style:dashed}.graph-node.mine .graph-node-kind{color:#c6ae95}.graph-node.processor{background:#26261f;border-color:#7a7460;border-style:dashed}.graph-node.processor .graph-node-kind{color:#c6ba95}.graph-node.in-path{border-color:#4dba9a;box-shadow:0 0 0 1px #57e6bb25}.graph-node.selected{border-color:var(--mint);box-shadow:0 0 0 2px #57e6bb55}.branch-toggle{position:absolute;right:-14px;top:28px;display:grid;place-items:center;width:27px;height:27px;border:1px solid #6893ab;border-radius:50%;color:#e3f1f9;background:#223c4c;font-size:20px;font-weight:400;line-height:1;padding:0;box-shadow:0 0 0 4px #0c151d}.branch-toggle:hover{background:#346681}.branch-toggle[aria-expanded=true]{background:#28574e;border-color:#5abfa2}.graph-caveat{padding:12px 20px;font-size:12px;line-height:1.65;color:var(--muted);background:#101b24}.legend-line{display:inline-block;vertical-align:middle;width:21px;border-top:2px solid #668fa8;margin-right:5px}.legend-line.indirect{border-color:#a3977c;border-top-style:dashed}.detail-panel:has(#identity h2){max-width:100%}#identity h2{font-size:25px}.graph-node-kind,.path-label,.graph-columns>span{font-size:12px}.graph-node-kind{letter-spacing:0}.graph-node strong{font-size:14px}@media(min-width:1450px){.workspace{grid-template-columns:minmax(0,1fr) 350px}.graph-viewport{height:760px}}@media(max-width:1120px){.graph-controls{gap:10px;padding:12px}.graph-path{padding:12px}.graph-help,.graph-caveat{padding:10px 12px}}@media(max-width:880px){.graph-viewport{height:640px}.graph-controls{justify-content:flex-start}.graph-node strong{font-size:15px}}@media(max-width:580px){.graph-viewport{height:570px}.graph-controls button{font-size:12px;padding:5px 7px}.graph-controls{gap:10px}.branch-controls{flex-wrap:wrap}.branch-controls label{font-size:12px;margin-left:5px}.graph-help{font-size:12px}.graph-path{gap:7px}.path-trail{row-gap:7px}.graph-caveat{font-size:12px}}