:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#eaf5f1;background:#08110f;--panel:#111f1b;--panel-2:#172923;--canvas:#0b1714;--ink:#eaf5f1;--ink-muted:#9bb0a9;--accent:#54dda8;--accent-2:#68a8ff;--line:#2c4840;--good:#52e59f;--bad:#64736e;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#19362c 0,transparent 38%),#08110f}button{font:inherit}.topbar{min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px clamp(14px,3vw,34px);border-bottom:1px solid #294139;background:#0c1815e8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar h1{margin:1px 0;font-size:clamp(1.25rem,2vw,1.8rem)}.eyebrow{margin:0;color:var(--accent);font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.sub{margin:4px 0 0;color:var(--ink-muted);font-size:.86rem;max-width:620px}.controls{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}button{border:1px solid #36564c;background:#1a3029;color:var(--ink);padding:8px 12px;border-radius:9px;font-weight:750;font-size:.78rem;cursor:pointer;transition:transform .15s,background .15s,border-color .15s}button:hover{background:#24483c;border-color:#4e8b77;transform:translateY(-1px)}button:active{transform:translateY(0)}button.ghost{background:#101f1b;color:#c5d5d0}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 82px)}.palette{position:relative;z-index:4;background:#0e1c18;border-right:1px solid #294139;padding:16px;display:flex;flex-direction:column;gap:16px;box-shadow:12px 0 40px #0003}.palette h2{margin:0;font-size:.78rem;color:#a9bbb5;text-transform:uppercase;letter-spacing:.14em}.palette-group{display:grid;grid-template-columns:1fr 1fr;gap:7px}.palette-group:first-of-type,.palette-group:last-of-type{grid-template-columns:1fr}.palette-section{grid-column:1/-1;margin:0;color:#718b82;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.palette-functions{display:grid;grid-column:1/-1;gap:7px}.palette-group button{width:100%;background:#162923}.canvas{position:relative;overflow:hidden;min-height:calc(100vh - 82px);touch-action:none;background-color:var(--canvas);background-image:radial-gradient(circle,#345148 1.2px,transparent 1.4px),linear-gradient(90deg,#0e1c18aa 1px,transparent 1px),linear-gradient(#0e1c18aa 1px,transparent 1px);background-size:20px 20px,100px 100px,100px 100px}.zoom-layer,.nodes,.wires{position:absolute;inset:0}.zoom-layer{transform-origin:0 0}.wires{width:100%;height:100%;pointer-events:auto;z-index:1}.selection-box{position:absolute;border:1px solid var(--accent-2);background:#68a8ff22;pointer-events:none;z-index:3}.context-menu{position:absolute;background:#162823;border:1px solid #45685d;padding:5px;border-radius:10px;box-shadow:0 12px 30px #0008;z-index:8}.context-menu button{width:100%}.node{position:absolute;min-width:170px;padding:9px 10px 11px;background:linear-gradient(155deg,#1c302a,#12221e);border:1px solid #35554b;border-radius:14px;box-shadow:0 10px 28px #0006;-webkit-user-select:none;user-select:none;z-index:2;touch-action:none}.node.selected{outline:2px solid var(--accent-2);outline-offset:3px}.node-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:7px;border-bottom:1px solid #2b463d;font-size:.73rem;color:var(--ink-muted)}.node-title{font-weight:850;color:#dcebe6}.node-body{display:grid;gap:7px}.node-layout{display:grid;grid-template-columns:max-content 112px max-content;align-items:center;justify-content:center;gap:8px}.ports{display:grid;gap:10px;font-size:.68rem;color:var(--ink-muted)}.ports:empty{display:none}.port-row{display:flex;align-items:center;gap:5px}.port-row.in{justify-content:flex-end}.port-label{min-width:18px}.ports.inputs .port-label{text-align:right}.node-symbol{display:grid;place-items:center;padding:8px 2px 2px}.symbol-wrap{display:grid;place-items:center;gap:3px;font-size:.65rem;color:#8ea69e}.symbol-wrap img{width:94px;height:48px;object-fit:contain;filter:invert(94%) sepia(8%) saturate(250%) hue-rotate(105deg)}.symbol-text{font-size:1.5rem;color:var(--accent)}.port{width:13px;height:13px;border-radius:50%;border:2px solid #729087;background:#10201b;cursor:crosshair}.port:hover,.port.active{border-color:var(--accent-2);box-shadow:0 0 0 5px #68a8ff24}.port.on{border-color:var(--good);background:var(--good);box-shadow:0 0 12px #52e59f}.switch-toggle{display:flex;margin-top:3px}.switch-button{min-width:62px;padding:5px 9px;background:#16251f}.switch-button.on{background:#237e5c;border-color:#50d39f}.lamp{width:27px;height:27px;margin:7px auto 0;border:2px solid #60736d;border-radius:50%;background:#26332f;box-shadow:inset 0 0 7px #000}.lamp.on{background:#72ffb9;border-color:#a1ffd0;box-shadow:0 0 22px #52e59fcc}.wire{stroke-width:3;fill:none;pointer-events:stroke;cursor:pointer;filter:drop-shadow(0 1px 2px #000)}.wire:hover{stroke-width:6}.wire.on{stroke:var(--good)}.wire.off{stroke:#60756e;stroke-dasharray:7 5}.status{font-size:.65rem}.legend{position:absolute;right:16px;bottom:16px;display:flex;gap:12px;padding:8px 11px;border:1px solid #345148;border-radius:10px;background:#10201bd9;color:#b7c9c3;font-size:.72rem;z-index:5}.legend-item{display:flex;gap:5px;align-items:center}.dot{width:8px;height:8px;border-radius:50%}.dot.on{background:var(--good)}.dot.off{background:var(--bad)}.dot.active{background:var(--accent-2)}@media(max-width:760px){.topbar{align-items:flex-start}.sub{display:none}.controls{justify-content:flex-start}.workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(65vh,1fr)}.palette{order:2;border-right:0;border-bottom:1px solid #294139;display:grid;grid-template-columns:repeat(2,1fr);padding:11px}.palette h2{grid-column:1/-1}.canvas{order:1;min-height:65vh}.node{min-width:154px}.node-layout{grid-template-columns:max-content 96px max-content}.symbol-wrap img{width:82px}.legend{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}