:root{--bg: #0e1117;--bg-soft: #161b22;--panel: #1c2230;--text: #e6e8ec;--text-dim: #99a;--accent: #7c5cff;--accent2: #00d4aa;--danger: #ff5577;--grid: #2a3142;--wire: #b8c0d0;--wire-sel: #ffcc00;--node-shadow: 0 2px 8px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px;overflow:hidden;user-select:none}#app{display:grid;grid-template-columns:220px 1fr;width:100vw;height:100vh}#palette{background:var(--panel);border-right:1px solid var(--bg-soft);padding:14px 12px;overflow-y:auto}.palette-title{font-size:18px;font-weight:600;margin:0 0 14px;letter-spacing:.5px}.palette-section{margin-bottom:18px}.palette-section h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;color:var(--text-dim);font-weight:600}.palette-btn{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;width:100%;padding:8px 10px;background:var(--bg-soft);color:var(--text);border:1px solid transparent;border-radius:6px;margin-bottom:4px;cursor:pointer;font:inherit;text-align:left;transition:background .15s,transform .05s}.palette-btn:hover{background:#2a3142}.palette-btn:active{transform:scale(.98)}.palette-btn .dot{width:10px;height:10px;background:var(--btn-color);border-radius:50%}.palette-btn .label{font-weight:500}.palette-btn .op{color:var(--text-dim);font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.palette-section.hints ul{list-style:none;padding:0;margin:0;color:var(--text-dim);font-size:12px;line-height:1.7}.palette-section.hints kbd{background:var(--bg-soft);padding:1px 5px;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--text)}#stage{display:grid;grid-template-rows:44px 1fr 24px;min-width:0}#toolbar{display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--panel);border-bottom:1px solid var(--bg-soft)}#toolbar .brand{font-weight:700;letter-spacing:.5px;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}#toolbar .hint{color:var(--text-dim);font-size:12px}#toolbar .spacer{flex:1}#toolbar button{background:var(--bg-soft);color:var(--text);border:1px solid transparent;padding:5px 10px;border-radius:5px;cursor:pointer;font:inherit}#toolbar button:hover{background:#2a3142}#toolbar .zoom{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--text-dim);min-width:48px;text-align:right}#canvas-wrap{position:relative;overflow:hidden;background:var(--bg)}#canvas{display:block;width:100%;height:100%;cursor:grab}#canvas.panning{cursor:grabbing}.grid-dot{fill:var(--grid)}#status-bar{display:flex;align-items:center;gap:12px;padding:0 14px;background:var(--panel);border-top:1px solid var(--bg-soft);font-size:12px;color:var(--text-dim)}#status-bar .spacer{flex:1}#status-msg.error{color:var(--danger)}.node{cursor:default}.node-bound{cursor:move}.node-header{filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.node-body{fill:var(--panel);stroke:#2a3142;stroke-width:1}.node-title{fill:#fff;font-size:12px;font-weight:600;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Helvetica,Arial,sans-serif}.node-op{fill:#ffffffa6;font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:none}.node.selected .node-body{stroke:var(--accent);stroke-width:2}.node.selected .node-header{stroke:#fff;stroke-width:1.5}.port{fill:#4a5468;stroke:#1c2230;stroke-width:2;transition:fill .1s;cursor:crosshair}.port:hover{fill:var(--accent)}.port.hover{fill:var(--accent2);r:8}.port.out-port:hover{fill:var(--accent2)}.port-label{fill:var(--text-dim);font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:none}.port-label.right{fill:var(--text-dim)}.value-chip{fill:var(--bg-soft);stroke:#2a3142}.value-chip.big{fill:#2a1f00;stroke:var(--wire-sel);stroke-width:1}.value-text{fill:var(--text);font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;pointer-events:none}.value-text.big{fill:var(--wire-sel);font-size:18px}.slider-bar{fill:#2a3142}.slider-knob{fill:var(--accent);stroke:#fff;stroke-width:1.5;cursor:ew-resize}.wire-line{fill:none;stroke:var(--wire);stroke-width:2;stroke-linecap:round;pointer-events:none;transition:stroke .15s}.wire-hit{fill:none;stroke:transparent;stroke-width:14;cursor:pointer}.wire.selected .wire-line{stroke:var(--wire-sel);stroke-width:3}.wire:hover .wire-line{stroke:var(--accent2)}.wire-ghost{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:6 4;pointer-events:none}