.graph-view{--graph-paper:#fbfcfa;--graph-ink:#273438;--graph-muted:#617077;width:100%;height:100%;min-height:0;color:var(--graph-ink);background:var(--graph-paper);flex-direction:column;display:flex;position:relative}.graph-stage{isolation:isolate;background-image:linear-gradient(#446e9107 1px,#0000 1px),linear-gradient(90deg,#446e9107 1px,#0000 1px);background-size:32px 32px;flex:1;min-height:260px;position:relative;overflow:hidden}.graph-svg,.graph-three,.graph-three canvas,.graph-three-labels{width:100%;height:100%;display:block;position:absolute;inset:0}.graph-three[hidden]{display:none}.graph-guides{color:#acb9bd}.graph-link{stroke:#9facb1;stroke-width:1.1px;opacity:.5}.graph-link.is-neighbor{stroke:#446e91;opacity:.7;stroke-width:1.5px}.graph-node{cursor:pointer;outline:none}.graph-node-disc{fill:var(--graph-paper);stroke:var(--node-color);stroke-width:2px}.graph-node-halo{fill:#0000;stroke:#0000;stroke-width:1px}.graph-node.is-selected .graph-node-halo{fill:#446e9106;stroke:#708d9f;stroke-dasharray:2 4}.graph-node:hover .graph-node-disc,.graph-node:focus-visible .graph-node-disc{fill:#eaf0f3;stroke-width:3px}.graph-node:focus-visible .graph-node-halo{stroke:#273438;stroke-dasharray:none;stroke-width:2px}.graph-node-name{fill:var(--graph-muted);letter-spacing:.8px;pointer-events:none;font-family:inherit;font-size:11px;font-weight:500}.graph-node-value{fill:var(--graph-ink);font-variant-numeric:tabular-nums;pointer-events:none;font-family:inherit;font-size:14px;font-weight:500}.graph-metadata{top:18px;pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px 20px;display:flex;position:absolute;inset-inline:22px}.graph-corner{font-family:var(--mono,ui-monospace, monospace);letter-spacing:1.1px;color:var(--graph-muted);font-size:11px;font-weight:400}.graph-scale{color:var(--graph-muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:11px;line-height:1.4;display:flex}.graph-scale-label{margin-right:2px}.graph-scale-gradient{background:linear-gradient(90deg,#446e91,#9e7960);width:52px;height:4px}.graph-hint{color:var(--graph-muted);text-align:center;text-wrap:pretty;flex-shrink:0;margin:0;padding:9px 22px 18px;font-size:11px;line-height:1.6}.graph-three canvas{touch-action:none;cursor:grab}.graph-three canvas:active{cursor:grabbing}.graph-three-labels{pointer-events:none}.graph-view .graph-three-label{border:1px solid #cdd7da;border-bottom:2px solid var(--node-color);min-height:30px;color:var(--graph-ink);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;pointer-events:auto;background:#fbfcfaf5;border-radius:3px;padding:5px 8px;font-family:inherit;font-size:11px;font-weight:500;line-height:1.3;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.graph-view .graph-three-label.is-selected,.graph-view .graph-three-label:hover:not(:disabled){border-color:var(--node-color)}.graph-view .graph-three-label:hover:not(:disabled){background:#eaf0f3}.graph-view .graph-three-label:focus-visible{outline-offset:3px;outline:2px solid #446e91}.graph-unavailable{text-align:center;place-content:center;height:100%;padding:30px;display:grid}.graph-unavailable strong{color:var(--graph-ink);font-size:16px;font-weight:500}.graph-unavailable p{max-width:330px;color:var(--graph-muted);margin:10px auto 0;font-size:13px;line-height:1.7}@media (width<=600px){.graph-metadata{top:16px;gap:8px 14px;inset-inline:14px}.graph-scale{gap:6px}.graph-scale-gradient{width:38px}.graph-hint{padding:7px 16px 15px}}
