/* Single fixed-layout flowchart matching the supplied reference image. */
.graph-workspace{background:#000;border:1px solid #344149;border-radius:9px;overflow:hidden}
.graph-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 16px;background:#121d24;border-bottom:1px solid #344149}
.graph-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.graph-tools button,.graph-tools a{display:inline-flex;justify-content:center;align-items:center;min-width:34px;min-height:34px;background:#1c2932;border:1px solid #3b4b57;border-radius:5px;color:#d2dfe4;padding:5px 10px;font-size:11px}
.graph-tools button:hover,.graph-tools a:hover{background:#30413f;border-color:#7aaa98}
.graph-tools output{min-width:43px;text-align:center;font-size:11px;color:#b5c7cf}
.graph-jump{display:flex;align-items:center;gap:8px;font-size:10px;color:#b4c5cd}
.graph-jump select{font:inherit;font-size:11px;color:#d2dfe4;background:#1c2932;border:1px solid #3b4b57;border-radius:5px;padding:8px;max-width:270px;min-width:100px}
.graph-jump select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.graph-viewport{height:clamp(480px,76vh,1100px);max-width:100%;overflow:auto;background:#000;overscroll-behavior:contain;scrollbar-color:#4b5459 #101416;touch-action:pan-x pan-y pinch-zoom;position:relative}
#master-flow-svg{display:block;margin:16px auto;max-width:none;flex-shrink:0;overflow:visible;user-select:none}
#master-flow-svg .graph-node{cursor:pointer;outline:none}
#master-flow-svg .graph-node-shape{transition:fill .14s,stroke .14s}
#master-flow-svg .graph-node:hover .graph-node-shape{fill:#444;stroke:#d0d0d0}
#master-flow-svg .graph-node:focus-visible .graph-node-shape,#master-flow-svg .graph-node.highlight .graph-node-shape{fill:#37463f;stroke:#92f1c6;stroke-width:2}
.graph-footnote{padding:10px 16px;border-top:1px solid #344149;background:#121d24;font-size:10px;color:#a6b7c0;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.graph-expanded{position:fixed;inset:12px;z-index:30;display:flex;flex-direction:column;border-radius:8px}
.graph-expanded .graph-viewport{flex:1;height:auto;min-height:0}
.graph-expanded-open{overflow:hidden}
@media(max-width:720px){.graph-toolbar{padding:10px;gap:10px}.graph-jump{width:100%}.graph-jump select{flex:1;max-width:none}.graph-tools{gap:5px}.graph-tools button,.graph-tools a{font-size:10px;padding:5px 8px}.graph-viewport{height:72vh;min-height:420px}.graph-expanded{inset:0;border-radius:0}.graph-expanded .graph-viewport{min-height:0}.graph-footnote{font-size:9px;padding:9px 10px}}
@media(prefers-reduced-motion:reduce){#master-flow-svg .graph-node-shape{transition:none}}