:root{--bg: #080a0d;--grid: #14181f;--grid-strong: #1c2330;--toolbar: #171b22;--text: #d7dce3;--muted: #8a94a3;--edge: #7c8899;--edge-hi: #ffcf5c;--port: #b9c2cf;--monitor: #b07be0;--node-bg: #1e242e;--node-header: #262e3a;--node-stroke: #333c49}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:13px/1.4 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#toolbar{display:flex;align-items:center;gap:12px;height:44px;padding:0 14px;background:var(--toolbar);border-bottom:1px solid #000;-webkit-user-select:none;user-select:none}#toolbar .title{font-weight:600;letter-spacing:.02em}#toolbar .status{margin-left:auto;color:var(--muted)}.file-btn,#toolbar button{background:#262c35;color:var(--text);border:1px solid #333b46;border-radius:6px;padding:5px 10px;cursor:pointer;font:inherit}.file-btn:hover,#toolbar button:hover{background:#2f3742}#toolbar button:disabled{opacity:.45;cursor:default}#toolbar button:disabled:hover{background:#262c35}#stage{position:absolute;top:44px;right:0;bottom:0;left:0;overflow:hidden}#canvas{width:100%;height:100%;display:block;background-color:var(--bg);cursor:grab}.backdrop{fill:var(--bg)}.grid{pointer-events:none}.grid-minor{fill:none;stroke:var(--grid);stroke-width:1}.grid-major{fill:none;stroke:var(--grid-strong);stroke-width:1}#canvas.panning{cursor:grabbing}#dropzone-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);pointer-events:none;font-size:15px}#dropzone-hint code{color:var(--text)}#stage.has-graph #dropzone-hint{display:none}#stage.drag-over{outline:3px dashed #3d7bd1;outline-offset:-8px}.group-box{fill:#ffffff08;stroke:#46506080;stroke-width:1.5;stroke-dasharray:6 4}.group-label{fill:var(--muted);font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;pointer-events:none}.node-box{fill:var(--node-bg);stroke:var(--node-stroke);stroke-width:1;rx:7}.node-header{fill:var(--node-header);pointer-events:none}.node-divider{stroke:var(--node-stroke);stroke-width:1;pointer-events:none}.node-title{fill:var(--text);font-weight:600;font-size:12px;dominant-baseline:middle;pointer-events:none}.node-sub{fill:var(--muted);font-size:10px;dominant-baseline:middle;pointer-events:none}.node-fmt{fill:#79838f;font-size:10px;dominant-baseline:middle;pointer-events:none}.node-accent{stroke-width:4}.port-dot{fill:var(--port);stroke:#0c0f13;stroke-width:1}.port-dot.monitor{fill:var(--monitor)}.port-dot.inactive{fill:none;stroke:var(--port);stroke-dasharray:2 2}.port-dot.inactive.monitor{stroke:var(--monitor)}.port-label{fill:var(--muted);font-size:10px;dominant-baseline:middle;pointer-events:none}.edge{fill:none;stroke:var(--edge);stroke-width:1.5;stroke-linecap:round;opacity:.85}.edge.inactive{stroke-dasharray:6 5;opacity:.55}.edge.hi{stroke:var(--edge-hi);stroke-width:2.5;opacity:1}.node-group.hi .node-box{stroke:var(--edge-hi);stroke-width:1.75}.node-group.hi .node-title{fill:#fff}.node-group{cursor:pointer}#legend{position:absolute;left:12px;bottom:12px;display:flex;gap:14px;padding:7px 12px;background:#1a1e25cc;border:1px solid #333b46;border-radius:8px;font-size:11px;color:var(--muted);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-user-select:none;user-select:none;pointer-events:none}#stage:not(.has-graph) #legend{display:none}#legend .legend-item{display:inline-flex;align-items:center;gap:6px}#legend .swatch{width:10px;height:10px;box-sizing:border-box;border-radius:50%;background:var(--port);border:1px solid #0c0f13}#legend .swatch.monitor{background:var(--monitor)}#legend .swatch.inactive{background:none;border:1px dashed var(--port)}#legend .swatch.link{width:18px;height:0;border:none;border-top:2px dashed var(--edge);border-radius:0;background:none}#details{position:absolute;top:12px;right:12px;width:300px;max-height:calc(100% - 24px);overflow:auto;background:#1a1e25ee;border:1px solid #333b46;border-radius:8px;padding:12px 14px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#details h3{margin:0 0 4px;font-size:14px}#details .close{position:absolute;top:8px;right:10px;cursor:pointer;color:var(--muted)}#details table{width:100%;border-collapse:collapse;margin-top:8px}#details td{padding:2px 4px;vertical-align:top}#details td.k{color:var(--muted);white-space:nowrap;padding-right:10px}#details .tag{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:#7f8896}#details .section{margin-top:10px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}dialog{background:#1a1e25;color:var(--text);border:1px solid #333b46;border-radius:10px;width:min(680px,90vw)}dialog::backdrop{background:#000a}dialog h3{margin-top:0}dialog textarea{width:100%;background:#0f1216;color:var(--text);border:1px solid #333b46;border-radius:6px;font-family:ui-monospace,monospace;padding:8px}dialog menu{display:flex;gap:8px;justify-content:flex-end;padding:0;margin:12px 0 0}dialog menu button{background:#262c35;color:var(--text);border:1px solid #333b46;border-radius:6px;padding:6px 14px;cursor:pointer;font:inherit}