:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#e8f0ff;background:#0b1323}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:17px 24px;background:#111e33;border-bottom:1px solid #293a55}.eyebrow,.section-label{font-size:11px;letter-spacing:.1em;font-weight:800;color:#94a9c9}h1{font-size:22px;margin:3px 0 0}h1 small{font-size:12px;color:#7fa5e3}.status{font-size:11px;color:#93e8bf;border:1px solid #38664e;border-radius:30px;padding:6px 10px}main{display:grid;grid-template-columns:290px minmax(0,1fr);gap:16px;padding:16px;max-width:1700px;margin:auto}.controls,.workspace{background:#111e33;border:1px solid #283b57;border-radius:14px;padding:16px}.controls{align-self:start;display:flex;flex-direction:column;gap:12px}.divider{border-top:1px solid #293a55;margin:5px 0}select,button{font:inherit;color:inherit;background:#1b2d49;border:1px solid #3a5377;border-radius:9px;padding:11px;cursor:pointer}select{width:100%}button:hover{background:#294467}button:focus-visible{outline:2px solid #7bb7ff}button.selected{background:#245eab;border-color:#78b7ff}.hint{font-size:11px;color:#a0b0ca;line-height:1.5}.window-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.window-card{min-height:72px;text-align:left;font-size:12px}.window-card strong{display:block;font-size:12px;margin-bottom:4px}.window-card span{color:#a6b9d4}.segmented,.button-row{display:flex;gap:6px}.segmented button,.button-row button{flex:1;font-size:12px;padding:11px 6px}.drive{font-weight:800;touch-action:none;user-select:none}.drive.up{background:#194c41}.drive.down{background:#473a65}.drive:active,.drive.pressed{background:#278e78}.check{display:flex;gap:8px;align-items:center;font-size:13px}.check input{accent-color:#69a9f9}.secondary{background:transparent}.workspace{min-width:0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.toolbar-actions{display:flex;gap:5px}.toolbar-actions button{padding:7px 12px}.diagram-viewport{height:min(66vh,790px);min-height:410px;overflow:auto;background:#e4e8ed;border:1px solid #5c6980;border-radius:10px;position:relative;touch-action:pan-x pan-y}.diagram-stage{position:relative;width:100%;min-height:100%;transform-origin:top left}.diagram-layer{position:relative;width:100%}.diagram-layer img,.diagram-layer svg{width:100%;height:auto;display:block}.diagram-layer svg#overlay{position:absolute;left:0;top:0}.hidden{display:none!important}#logicView{background:#f4f7fc;min-height:500px}#logicSvg{font-family:system-ui}.wire{fill:none;stroke-linejoin:round;stroke-linecap:round;stroke-width:7;cursor:pointer;transition:stroke .12s,opacity .12s;pointer-events:stroke}.wire.inactive{stroke:#7b8595;opacity:.36}.wire.active.pos{stroke:#f43f5e;opacity:.95;filter:drop-shadow(0 0 5px #f43f5e)}.wire.active.neg{stroke:#2388ef;opacity:.95;filter:drop-shadow(0 0 5px #2388ef)}.wire.active.ctl{stroke:#17aa61;opacity:.95;filter:drop-shadow(0 0 5px #17aa61)}.wire.active.warn{stroke:#ffb020;opacity:.95;stroke-dasharray:10 6}.wire.hidden-wire{opacity:0;pointer-events:none}.hotspot{cursor:pointer}.labelbox{fill:#17253c;opacity:.9}.labeltext{fill:white;font:700 15px system-ui}.legend{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;margin:13px 0}.legend span{display:flex;align-items:center;gap:6px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.pos{background:#f43f5e}.dot.neg{background:#2388ef}.dot.ctl{background:#17aa61}.dot.off{background:#7b8595}.dot.warn{background:#ffb020}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.metrics>div{background:#182942;border-radius:9px;padding:12px;display:flex;flex-direction:column;gap:7px}.metrics span{font-size:11px;color:#a0b4d3}.metrics b{font-size:14px}.inspector{margin-top:12px;padding:14px;background:#1a2c47;border:1px solid #344a6b;border-radius:10px}.inspector p{font-size:12px;color:#c4d1e4;line-height:1.6;margin-bottom:0}.warning{margin-top:12px;padding:12px 14px;border-left:3px solid #efbd66;background:#332b26;color:#e6d2ac;font-size:11px;line-height:1.6}footer{text-align:center;color:#849ab8;font-size:11px;padding:15px}@media(max-width:850px){main{grid-template-columns:1fr;padding:8px;gap:8px}.controls,.workspace{padding:12px}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.controls>.divider{grid-column:1/-1;margin:0}.controls>.hint{grid-column:1/-1}.controls>.window-grid,.controls>.button-row,.controls>.segmented{grid-column:1/-1}.controls>.section-label{grid-column:1/-1}.controls>.check{grid-column:1/-1}.controls>#reset{grid-column:1/-1}.controls>select{grid-column:1/-1}.diagram-viewport{height:52vh;min-height:350px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}header{padding:13px}h1{font-size:19px}.status{display:none}}@media(max-width:400px){.metrics b{font-size:12px}.legend{gap:9px}}