:root{--bg-color:#0b0f19;--grid-color:#1e293b;--node-bg:#0f172ab3;--node-border:#38bdf84d;--wire:#475569;--wire-active:#38bdf8;--text:#f8fafc;--accent:#38bdf8;--accent-glow:#38bdf866}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text);background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:30px 30px;font-family:Inter,-apple-system,sans-serif;overflow:hidden;box-shadow:inset 0 0 100px #000c}.workspace{width:100vw;height:100vh;position:relative}.header{z-index:100;background:var(--node-bg);border:1px solid var(--node-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;align-items:center;gap:15px;padding:10px 20px;display:flex;position:absolute;top:20px;left:20px}.toolbox{z-index:100;background:var(--node-bg);border:1px solid var(--node-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;flex-direction:column;gap:10px;padding:15px;display:flex;position:absolute;top:80px;left:20px}.btn{color:#fff;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 12px;font-weight:500;transition:all .2s}.btn:hover{border-color:var(--accent);background:#ffffff1a}.logic-node{-webkit-user-select:none;user-select:none;cursor:grab;color:#000;background:#bae6fd;border:3px solid #000;border-radius:0;flex-direction:column;justify-content:center;align-items:center;width:120px;height:80px;padding:5px 10px;display:flex;position:absolute;box-shadow:6px 6px #000}.logic-node:active{cursor:grabbing;transform:translate(4px,4px);box-shadow:2px 2px #000}.logic-node.active-output{background:#fef08a}.logic-node:hover{background:#e9d5ff}.node-header{letter-spacing:-1px;border-bottom:3px solid #000;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:5px;font-weight:900;display:flex}.node-title{pointer-events:none;letter-spacing:1px;text-align:center;font-size:.9rem;font-weight:700}.pin{border:2px solid var(--wire);cursor:crosshair;z-index:10;background:#1e293b;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%)}.pin:after{content:"";background:0 0;border-radius:50%;position:absolute;inset:-20px}.pin:hover{background:var(--accent);transform:translateY(-50%)scale(1.3)}.pin-in{left:-7px}.pin-in-1{top:30%}.pin-in-2{top:70%}.pin-out{right:-7px}.pin.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.wire-svg{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.wire{fill:none;stroke:var(--wire);stroke-width:3px;stroke-linecap:round;transition:stroke .1s}.wire.active{stroke:var(--wire-active);filter:drop-shadow(0 0 5px var(--accent-glow))}.wire.drawing{stroke:#ffffff80;stroke-dasharray:5 5}@media (width<=768px){.header{padding:6px 12px;font-size:.85rem;top:10px;left:10px}.toolbox{flex-flow:wrap;justify-content:center;gap:6px;padding:8px;inset:auto 10px 10px}.btn{text-align:center;padding:6px 10px;font-size:.75rem}}