body:has(.graph-page){background:radial-gradient(circle at top left,rgba(36,92,112,.18),transparent 30%),radial-gradient(circle at top right,rgba(177,119,51,.16),transparent 24%),linear-gradient(180deg,#fbf7ef,#f3ebdf 48%,#ebdfcf)}.graph-page{--explorer-page-frame-bg: linear-gradient(180deg, rgba(34, 29, 25, .08), rgba(34, 29, 25, .02)), rgba(246, 249, 251, .72);--explorer-page-mobile-border: rgba(62, 84, 94, .14);--explorer-page-mobile-bg: rgba(248, 251, 253, .94)}.graph-shell{--graph-surface: rgba(242, 248, 251, .94);--graph-surface-strong: rgba(251, 253, 255, .98);--graph-surface-soft: rgba(225, 234, 240, .9);--graph-border: rgba(33, 65, 95, .14);--graph-border-strong: rgba(33, 65, 95, .24);--graph-fg: #10273d;--graph-muted: #5d7083;--graph-accent: #2f5c7e;--graph-accent-soft: rgba(47, 92, 126, .12);--graph-highlight: #c9913c;--graph-hud-line: rgba(47, 92, 126, .12);--graph-hud-glow: rgba(45, 115, 133, .18);--graph-radius-xl: var(--explorer-radius-xl);--graph-radius-lg: var(--explorer-radius-lg);--graph-radius-md: var(--explorer-radius-md);--graph-radius-sm: var(--explorer-radius-sm)}.graph-shell .graph-workspace{display:grid;gap:1rem;max-width:1220px;margin:0 auto}.graph-shell .graph-toolbar,.graph-shell .graph-canvas-card,.graph-shell .graph-panel{--graph-inset-radius: calc(var(--graph-radius-xl) - 10px);display:grid;gap:.95rem;padding:1.15rem;border-radius:var(--graph-radius-xl);border:1px solid var(--graph-border);background:linear-gradient(180deg,#ffffffbd,#fff0),var(--graph-surface);box-shadow:inset 0 1px #ffffffd1,0 18px 32px #58402a12}.graph-shell .graph-toolbar,.graph-shell .graph-canvas-card,.graph-shell .graph-panel,.graph-shell .graph-control-card,.graph-shell .graph-stat,.graph-shell .graph-legend,.graph-shell .graph-command-readout{position:relative;overflow:clip;isolation:isolate}.graph-shell .graph-toolbar:before,.graph-shell .graph-canvas-card:before,.graph-shell .graph-panel:before,.graph-shell .graph-control-card:before,.graph-shell .graph-command-readout:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.24),transparent 38%),repeating-linear-gradient(90deg,transparent 0 22px,rgba(47,92,126,.03) 22px 23px),linear-gradient(180deg,rgba(47,92,126,.08),transparent 22%);pointer-events:none;opacity:.72}.graph-shell .graph-toolbar:after,.graph-shell .graph-canvas-card:after,.graph-shell .graph-panel:after{content:"";position:absolute;inset:10px;border-radius:var(--graph-inset-radius, inherit);border:1px solid rgba(255,255,255,.24);pointer-events:none;opacity:.65}.graph-shell .graph-toolbar{padding:1.25rem}.graph-shell .graph-toolbar-copyblock,.graph-shell .graph-control-card,.graph-shell .graph-panel,.graph-shell .graph-canvas-card,.graph-shell .graph-sidepanels{min-width:0}.graph-shell .graph-kicker{display:inline-block;color:var(--graph-accent);font-family:var(--font-ui);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.graph-shell .graph-toolbar-title,.graph-shell .graph-card-title,.graph-shell .graph-panel-title{margin:.16rem 0 0;color:var(--graph-fg);font-family:var(--font-ui);font-weight:650;line-height:1.15;letter-spacing:-.02em}.graph-shell .graph-toolbar-title{font-size:clamp(1.32rem,2vw,1.74rem)}.graph-shell .graph-card-title,.graph-shell .graph-panel-title{font-size:1.08rem}.graph-shell .graph-toolbar-copy,.graph-shell .graph-panel-copy,.graph-shell .graph-control-note,.graph-shell .graph-footnote{margin:0;color:var(--graph-muted);line-height:1.72}.graph-shell .graph-toolbar-grid,.graph-shell .graph-stat-grid{display:grid;gap:.85rem}.graph-shell .graph-toolbar-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.graph-shell .graph-stat-grid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.graph-shell .graph-stage{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(290px,.78fr);gap:1rem;align-items:start}.graph-shell .graph-sidepanels{display:grid;gap:1rem}.graph-shell .graph-card-head,.graph-shell .graph-panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.8rem}.graph-shell .graph-pill-row,.graph-shell .graph-inline-actions,.graph-shell .graph-action-row,.graph-shell .graph-token-row,.graph-shell .graph-segmented-row,.graph-shell .graph-path-strip,.graph-shell .graph-legend{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.graph-shell .graph-pill,.graph-shell .graph-answer-pill,.graph-shell .graph-stepper-value,.graph-shell .graph-path-node{display:inline-flex;align-items:center;min-height:2rem;padding:.38rem .72rem;border-radius:999px;border:1px solid rgba(33,65,95,.16);background:linear-gradient(180deg,#fffffff5,#eef6fad6),#fafdffd6;color:var(--graph-fg);font-family:var(--font-ui);font-size:.78rem;font-weight:650;line-height:1.3;letter-spacing:.04em;box-shadow:inset 0 1px #ffffffdb,inset 0 -1px #21415f0d,0 0 0 1px #ffffff2e}.graph-shell .graph-answer-pill{background:linear-gradient(180deg,#fff9effa,#f7ebd1e6),#fff7e6eb;border-color:#c9913c38}.graph-shell .graph-control-card{display:grid;gap:.65rem;padding:.95rem;border-radius:var(--graph-radius-lg);border:1px solid rgba(33,65,95,.12);background:linear-gradient(180deg,#ffffffb3,#fff0),#fbfdffe0}.graph-shell .graph-control-label,.graph-shell .graph-neighbor-title,.graph-shell .graph-stat-label{color:var(--graph-muted);font-family:var(--font-ui);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.graph-shell .graph-select-label{display:grid;gap:.55rem}.graph-shell .graph-btn,.graph-shell .graph-select-label select{border:1px solid rgba(33,65,95,.18);background:linear-gradient(180deg,#fffffffa,#eaf3f8e6),var(--graph-surface-strong);color:var(--graph-fg);border-radius:var(--graph-radius-sm);font-family:var(--font-ui);font-size:.86rem;font-weight:600;line-height:1.3;min-height:2.4rem;padding:.55rem .8rem;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,filter .16s ease;box-shadow:inset 0 1px #ffffffd6,inset 0 -1px #21415f0d,0 0 0 1px #ffffff2e,0 10px 18px #13263a14}.graph-shell .graph-btn{cursor:pointer}.graph-shell .graph-btn:hover,.graph-shell .graph-btn:focus-visible,.graph-shell .graph-select-label select:hover,.graph-shell .graph-select-label select:focus-visible{transform:translateY(-1px);border-color:#2f5c7e4d;background:linear-gradient(180deg,#fff,#f0f8fcf5),#fff;box-shadow:inset 0 1px #ffffffe0,inset 0 -1px #21415f0a,0 0 0 1px #2f5c7e1a,0 12px 22px #1b38541f;filter:saturate(1.04)}.graph-shell .graph-btn[aria-pressed=true]{background:linear-gradient(180deg,#d3e8efeb,#bad8e5b8),var(--graph-accent-soft);border-color:#2d738557;box-shadow:inset 0 0 0 1px #2f5c7e24,inset 0 1px #ffffff80,0 0 0 1px #2d73851f,0 12px 20px #1b38541a}.graph-shell .graph-btn:active,.graph-shell .graph-neighbor-button:active{transform:translateY(0)}.graph-shell .graph-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.graph-shell .graph-btn.mini{min-height:2rem;padding-inline:.7rem}.graph-shell .graph-btn.token{min-width:2.55rem;justify-content:center}.graph-shell .graph-stepper{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.graph-shell .graph-legend{padding:.75rem .85rem;border-radius:var(--graph-radius-md);border:1px solid rgba(33,65,95,.1);background:linear-gradient(180deg,#ffffffe0,#f1f8fbb8),#fafdffd1;box-shadow:inset 0 1px #ffffffd6,0 10px 18px #13263a0f}.graph-shell .graph-legend-item{display:inline-flex;align-items:center;gap:.45rem;color:var(--graph-muted);font-family:var(--font-ui);font-size:.82rem;line-height:1.4}.graph-shell .graph-legend-swatch{width:.9rem;height:.9rem;border-radius:999px;border:1px solid rgba(16,39,61,.18);background:#d7e2ebe6}.graph-shell .graph-legend-swatch.selected{background:#2f5c7ee6}.graph-shell .graph-legend-swatch.eval{background:#fff8eff2;border-color:#2f5c7e6b;box-shadow:0 0 0 2px #2f5c7e29 inset}.graph-shell .graph-legend-swatch.highlighted{background:#c9913ce6}.graph-shell .graph-legend-swatch.neutral{background:#c4ced6db}.graph-shell .graph-command-readout{display:grid;gap:.18rem;padding:.82rem .9rem;border-radius:var(--graph-radius-md);border:1px solid rgba(33,65,95,.12);background:linear-gradient(180deg,#fbf7eff5,#f2f8fbdb),#ffffffbd;box-shadow:inset 0 1px #ffffffd6,0 12px 20px #13263a12}.graph-shell .graph-command-value{color:var(--graph-fg);font-family:var(--font-ui);font-size:.9rem;font-weight:650;line-height:1.4}.graph-shell .graph-command-note{color:var(--graph-muted);font-family:var(--font-ui);font-size:.8rem;line-height:1.5}.graph-shell .graph-scroll{overflow:auto;border-radius:var(--graph-radius-lg);border:1px solid rgba(33,65,95,.1);background:linear-gradient(180deg,#ffffffb8,#fff0),linear-gradient(90deg,rgba(47,92,126,.035) 0 1px,transparent 1px 100%),linear-gradient(180deg,rgba(47,92,126,.03) 0 1px,transparent 1px 100%),#f0f6facc;background-size:auto,30px 30px,30px 30px,auto;padding:.65rem;box-shadow:inset 0 1px #ffffffdb,0 14px 26px #13263a14}.graph-shell .graph-lattice{display:block;width:max-content;min-width:100%;height:auto;overflow:visible}.graph-shell .graph-edge line{stroke:#788a966b;stroke-width:1.6;stroke-dasharray:3.4 4.6}.graph-shell .graph-edge text{fill:var(--graph-highlight);font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.graph-shell .graph-edge.is-highlighted line{stroke:#c9913ceb;stroke-width:2.4;stroke-dasharray:none;filter:drop-shadow(0 0 4px rgba(201,145,60,.28))}.graph-shell .graph-node{cursor:pointer;outline:none;transition:opacity .16s ease}.graph-shell .graph-node-halo{fill:none;stroke:#2f5c7e3d;stroke-width:1.4;opacity:0;transition:opacity .16s ease,stroke-width .16s ease,stroke .16s ease,filter .16s ease}.graph-shell .graph-node-plate{stroke:#10273d29;stroke-width:1.2;transition:stroke-width .16s ease,stroke .16s ease,filter .16s ease}.graph-shell .graph-node-frame{fill:none;stroke:#ffffff80;stroke-width:.9;pointer-events:none}.graph-shell .graph-node text{fill:#10273d;font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.01em;pointer-events:none;paint-order:stroke fill;stroke:#ffffff6b;stroke-width:.8}.graph-shell .graph-node:hover .graph-node-halo,.graph-shell .graph-node:focus-visible .graph-node-halo,.graph-shell .graph-node.is-hovered .graph-node-halo{opacity:1;stroke:#2f5c7e80;filter:drop-shadow(0 0 6px rgba(45,115,133,.2))}.graph-shell .graph-node:hover .graph-node-plate,.graph-shell .graph-node:focus-visible .graph-node-plate,.graph-shell .graph-node.is-hovered .graph-node-plate{filter:saturate(1.05);stroke:#2f5c7e6b}.graph-shell .graph-node.is-highlighted .graph-node-halo{opacity:1;stroke:#c9913c8f}.graph-shell .graph-node.is-eval .graph-node-halo{opacity:1;stroke:#2f5c7e7a;stroke-dasharray:4 3}.graph-shell .graph-node.is-eval .graph-node-plate{stroke:#2f5c7e9e;stroke-width:2}.graph-shell .graph-node.is-highlighted .graph-node-plate{stroke:#c9913cb8;stroke-width:2}.graph-shell .graph-node.is-selected .graph-node-halo{opacity:1;stroke:#10273dd6;stroke-width:2.2;filter:drop-shadow(0 0 8px rgba(16,39,61,.2))}.graph-shell .graph-node.is-selected .graph-node-plate{stroke:#10273dfa;stroke-width:2.6}.graph-shell .graph-node-eval{fill:#fff8ef;stroke:#10273d7a;stroke-width:1.6}.graph-shell .graph-formula{padding:.78rem .9rem;border-radius:var(--graph-radius-md);border:1px solid rgba(33,65,95,.12);background:#f9fcffe6;color:var(--graph-fg);font-family:var(--font-ui);font-size:.85rem;line-height:1.6}.graph-shell .graph-stat{display:grid;gap:.2rem;padding:.8rem .85rem;border-radius:var(--graph-radius-md);border:1px solid rgba(33,65,95,.1);background:linear-gradient(180deg,#ffffffe6,#f1f8fbb8),#fafdffd1}.graph-shell .graph-stat-value{color:var(--graph-fg);font-family:var(--font-ui);font-size:.94rem;font-weight:650;line-height:1.3}.graph-shell .graph-neighbor-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.graph-shell .graph-neighbor-list{list-style:none;padding:0;margin:.65rem 0 0;display:grid;gap:.6rem}.graph-shell .graph-neighbor-list li{margin:0;padding:0;border:0;background:transparent}.graph-shell .graph-neighbor-main,.graph-shell .graph-neighbor-meta{font-family:var(--font-ui);font-size:.84rem;line-height:1.45}.graph-shell .graph-neighbor-main{color:var(--graph-fg);font-weight:650}.graph-shell .graph-neighbor-meta{color:var(--graph-muted)}.graph-shell .graph-neighbor-button{width:100%;display:grid;gap:.16rem;padding:.7rem .78rem;border-radius:var(--graph-radius-md);border:1px solid rgba(33,65,95,.1);background:linear-gradient(180deg,#fffffff0,#f0f7fbcc),#fafdffd6;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;box-shadow:inset 0 1px #ffffffd6,0 10px 16px #13263a0f}.graph-shell .graph-neighbor-button:hover,.graph-shell .graph-neighbor-button:focus-visible{transform:translateY(-1px);border-color:#2f5c7e3d;background:linear-gradient(180deg,#fffffffa,#f4f9fceb),#fffffff5;box-shadow:inset 0 1px #ffffffe0,0 14px 20px #13263a1a}.graph-shell .graph-neighbor-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.graph-shell .graph-table{width:100%;border-collapse:collapse;font-family:var(--font-ui);font-size:.84rem}.graph-shell .graph-table th,.graph-shell .graph-table td{padding:.48rem .18rem;border-bottom:1px solid rgba(33,65,95,.08);text-align:left;color:var(--graph-fg)}.graph-shell .graph-table th{color:var(--graph-muted);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.graph-shell .graph-table tr.is-active td{color:var(--graph-accent);font-weight:700}.graph-shell .graph-path-strip{padding:.2rem 0}@media (max-width: 1020px){.graph-shell .graph-stage{grid-template-columns:1fr}}@media (max-width: 820px){.graph-shell .graph-toolbar,.graph-shell .graph-canvas-card,.graph-shell .graph-panel{padding:1rem;border-radius:var(--graph-radius-lg)}.graph-shell .graph-neighbor-columns{grid-template-columns:1fr}}