:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#101c26;color:#f5eee2;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 7%,#264550,#101c2600 34%),radial-gradient(circle at 2% 58%,#203344,#101c2600 44%),#101c26;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.shell{width:min(1220px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-70px;left:15px;z-index:12;background:#fff;color:#10232a;padding:12px}.skip:focus{top:12px}.site-header{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:23px 0;color:#afc6c9;font:700 11px ui-monospace,monospace}.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:#fff2e4;font-size:18px;letter-spacing:-.05em}.brand img{object-fit:contain}.crumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.crumbs a{text-decoration:none}.crumbs a:hover,.brand:hover,.next-up a:hover{color:#ffc491}.crumbs [aria-current=page]{color:#ffba84}.intro{padding:55px 0 44px;max-width:850px}.eyebrow,.panel-kicker{color:#ffb27a;letter-spacing:.16em;font:700 10px ui-monospace,monospace}.intro h1{font-size:clamp(58px,8vw,110px);line-height:.99;letter-spacing:-.075em;margin:15px 0 22px}.intro em{font-style:normal;color:#ffae7b}.intro>p:last-child{color:#c6d1cc;font-size:18px;line-height:1.6;max-width:740px}.worktop{background:#1b2c37;border:1px solid #526a70;border-radius:16px;padding:20px;box-shadow:0 25px 70px #030a1180}.worktop-head{display:flex;align-items:end;justify-content:space-between;gap:15px;flex-wrap:wrap}.worktop h2,.panel h2{font-size:24px;letter-spacing:-.04em;margin:7px 0 0}.presets,.part-bar>div,.save-buttons,.transport{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.worktop button,.panel button,.save-buttons button,.file-button{border:1px solid #637d82;background:#304b55;color:#f8eee0;border-radius:7px;padding:10px 12px;font:700 11px ui-monospace,monospace}.worktop button:hover,.panel button:hover,.save-buttons button:hover,.file-button:hover{border-color:#ffbc86}.worktop button[aria-pressed=true]{border-color:#ffb783;background:#765844}.worktop .primary{background:#ffad78;color:#15262b;border-color:#ffad78}.mission{margin:15px 0 17px;color:#bfd4d4;line-height:1.5;font-size:13px}.part-bar{display:flex;gap:18px;align-items:center;padding:12px 0;border-top:1px solid #40545c;border-bottom:1px solid #40545c}.part-bar>span{flex:none;color:#ffbb89;font:700 10px ui-monospace,monospace;letter-spacing:.12em}.part-bar button{padding:8px 10px}.part-bar button strong{font-size:15px;color:var(--part-color)}.board-hint{font-size:12px;color:#b2c7c8;margin:12px 0}.board-scroll{overflow:auto;border:1px solid #526b72;border-radius:8px;scrollbar-color:#78959a #1a2f38}.board{position:relative;width:1000px;height:560px;background-color:#152c39;background-image:linear-gradient(#9db3b314 1px,transparent 1px),linear-gradient(90deg,#9db3b314 1px,transparent 1px),radial-gradient(circle at 72% 40%,#254555aa,transparent 52%);background-size:25px 25px,25px 25px,100% 100%}.wires,.nodes{position:absolute;inset:0;width:100%;height:100%}.wires{pointer-events:none}.wire{fill:none;stroke-width:4;stroke-linecap:round}.wire.on{stroke:#ffc276;filter:drop-shadow(0 0 6px #ffb960)}.wire.off{stroke:#526b7a}.wire-dot.on{fill:#ffe4aa}.wire-dot.off{fill:#6f8e99}.node{position:absolute;width:132px;min-height:88px;border:1px solid var(--part-color);border-radius:8px;background:#1d3442;color:#f1f1e7;box-shadow:0 9px 22px #071923a1}.node.selected{outline:2px solid #fff1c9;outline-offset:3px}.node.pending{box-shadow:0 0 0 4px #ffd49055,0 10px 28px #071923}.node-head{height:33px;display:flex;align-items:center;padding:3px 9px;background:#273f4b;border-radius:7px 7px 0 0}.node-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent!important;border:0!important;padding:4px 0!important;text-align:left;width:100%;color:#fff4e1!important;font:700 11px ui-monospace,monospace!important;touch-action:none;cursor:grab!important}.node-title:active{cursor:grabbing!important}.node-inner{height:55px;display:flex;align-items:center;justify-content:center;gap:7px}.node-icon{font-size:26px;color:var(--part-color);line-height:1}.node-state{font:700 10px ui-monospace,monospace;color:#91afb7}.node-state.on{color:#ffd08c}.node-switch{border:1px solid #a88b71!important;padding:6px 7px!important;background:#384750!important}.node-switch.on{background:#ab754b!important;color:#fff!important}.node.lamp.on{background:#55463a;box-shadow:0 0 24px #ffc67888}.port{position:absolute;width:22px;height:22px;border-radius:50%!important;padding:0!important;background:#1c3441!important;border:2px solid #98b5bb!important;color:#d9e6e3!important;font:700 9px ui-monospace,monospace!important;line-height:18px!important}.port:hover,.port:focus-visible{transform:scale(1.15)}.port.out{right:-11px;top:39px;border-color:var(--part-color)!important}.port.out.on{background:#ffd393!important;color:#152330!important;box-shadow:0 0 11px #ffbd78}.port.in{left:-11px}.port.in[data-port="0"]{top:38px}.port.in[data-port="1"]{top:61px}.transport{padding:16px 0 3px}.transport label{margin-left:auto;display:flex;align-items:center;gap:9px;color:#bcd0d1;font:700 10px ui-monospace,monospace}.transport input{width:105px;accent-color:#ffb57a}.beat{color:#ffc48f;font:700 12px ui-monospace,monospace;padding:8px 2px 8px 11px}.worktop #status{min-height:20px;color:#ffd09f;font-size:12px;margin:8px 0 0}.details{display:grid;grid-template-columns:1.05fr 1.1fr .95fr;gap:16px;margin:20px 0}.panel{background:#1d303c;border:1px solid #435d65;border-radius:12px;padding:20px;min-width:0}.panel h2{margin:7px 0 16px}.panel h3{margin:18px 0 8px;font-size:14px}.muted{font-size:12px;color:#b8cccc;line-height:1.55;min-height:35px}.panel label{display:flex;justify-content:space-between;gap:8px;margin:15px 0 7px;color:#bfd2d1;font:700 10px ui-monospace,monospace;letter-spacing:.06em}.panel input[type=text],.panel select{width:100%;background:#132833;color:#f7efe2;border:1px solid #658088;border-radius:6px;padding:10px}.panel input[type=range]{width:100%;accent-color:#f6af78}.inspector-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.panel button:disabled{opacity:.45;cursor:not-allowed}.incoming{display:grid;gap:6px}.incoming-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#263d48;border-radius:6px;padding:8px;font-size:11px}.incoming-row button{padding:4px 7px}.waveform{display:grid;gap:8px;margin-top:15px}.wave-row{display:grid;grid-template-columns:91px minmax(0,1fr);gap:8px;align-items:center}.wave-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#dde7e3;font:700 10px ui-monospace,monospace}.wave-cells{display:flex;gap:3px;overflow:hidden}.wave-cell{width:10px;height:18px;flex:none;background:#334b55;border-radius:2px}.wave-cell.on{background:#ffd28b;box-shadow:0 0 7px #ffc47766}.truth-table{margin-top:13px;max-height:270px;overflow:auto}.truth-table table{border-collapse:collapse;width:100%;font:11px ui-monospace,monospace}.truth-table th,.truth-table td{padding:8px 5px;border-bottom:1px solid #405865;text-align:center}.truth-table th{color:#ffbf8e}.truth-table td:last-child{font-weight:700}.truth-table .high{color:#ffd595}.truth-table .low{color:#8da8ad}.save-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0 44px}.save-row p{font-size:12px;color:#b6c9c9;line-height:1.5}.save-buttons{justify-content:flex-end}.file-button{display:inline-block;cursor:pointer}.save-buttons input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.next-up{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #405761;padding:20px 0}.next-up a{text-decoration:none;color:#ffbb89;font:700 12px ui-monospace,monospace}footer{border-top:1px solid #405761;display:flex;justify-content:space-between;gap:15px;padding:22px 0 28px;color:#8eabb2;font:700 10px ui-monospace,monospace;letter-spacing:.11em}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.board-scroll:focus-visible,.file-button:focus-within{outline:2px solid #ffc58f;outline-offset:3px}
@media(max-width:980px){.details{grid-template-columns:repeat(2,minmax(0,1fr))}.truth{grid-column:1/-1}.transport label{margin-left:0}}
@media(max-width:650px){.shell{width:calc(100% - 28px)}.site-header{gap:8px}.crumbs{width:100%;font-size:10px}.intro{padding:45px 0 30px}.intro>p:last-child{font-size:16px}.worktop{padding:13px}.part-bar{align-items:start;flex-direction:column;gap:9px}.details{grid-template-columns:1fr}.truth{grid-column:auto}.transport{gap:7px}.transport label{width:100%}.save-row{align-items:start;flex-direction:column}.save-buttons{justify-content:flex-start}.next-up,footer{flex-wrap:wrap;line-height:1.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.part-bar{align-items:flex-start}.part-bar>span{padding-top:9px}.part-bar>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;flex:1}.part-group{min-width:0}.part-group>span{display:block;color:#aac6c9;font:700 10px ui-monospace,monospace;letter-spacing:.11em;margin:0 0 6px}.part-group>div{display:flex;gap:6px;flex-wrap:wrap}.part-group button{white-space:nowrap}.wire.selected{stroke:#fff0ca;stroke-width:6;filter:drop-shadow(0 0 10px #ffe0a0)}.wire-hit{fill:none;stroke:transparent;stroke-width:22;pointer-events:stroke;cursor:pointer}.wire-dot{pointer-events:none}.wire-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 0 1px;border-bottom:1px solid #40545c}.wire-tools span{margin-right:auto;color:#ffe0b9;font:700 11px ui-monospace,monospace;line-height:1.5}.wire-tools button{padding:7px 10px}.wire-tools button:disabled{opacity:.42;cursor:not-allowed}.sensor-reading{font:700 10px ui-monospace,monospace;color:#d8debf;background:#42606a;border-radius:4px;padding:3px}.inspector #sensor-wrap[hidden],.inspector #period-wrap[hidden],.inspector #trigger[hidden]{display:none}.incoming-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incoming-row button{flex:none}
@media(max-width:760px){.part-bar>div{grid-template-columns:1fr}.wire-tools span{width:100%}}
.node{height:var(--node-height,88px);min-height:0}.node-inner{height:calc(var(--node-height,88px) - 33px)}.node-title{min-width:0}.node-delete{flex:none!important;background:transparent!important;border:0!important;color:#a9bec1!important;font:700 19px system-ui,sans-serif!important;padding:0 2px!important;line-height:1!important}.node-delete:hover{color:#ffd294!important}.port{touch-action:none;user-select:none}.port.drop-target{background:#87ddb8!important;border-color:#d5ffe5!important;color:#173d37!important;box-shadow:0 0 0 6px #80e1bc66,0 0 18px #a7ffcb}.port.drop-invalid{border-color:#f18f8a!important;box-shadow:0 0 0 4px #d56a6a55}.wire.moving{opacity:.35}.wire-preview{fill:none;stroke:#ffc17f;stroke-width:5;stroke-linecap:round;stroke-dasharray:12 9;pointer-events:none;filter:drop-shadow(0 0 9px #ffbe7a)}.wire-preview.valid{stroke:#aaf4cf;filter:drop-shadow(0 0 10px #aaf4cf)}.wire.on{stroke-dasharray:14 10;animation:signal-flow .8s linear infinite}.node.lamp.on{animation:lamp-breathe 1.65s ease-in-out infinite}.signal-legend{display:flex;flex-wrap:wrap;gap:10px 24px;margin:11px 1px 2px;color:#b3c9c9;font:700 10px ui-monospace,monospace}.signal-legend span{display:inline-flex;gap:6px;align-items:center}.signal-legend i{display:inline-block;width:17px;height:4px;border-radius:3px}.legend-high{background:#ffc276;box-shadow:0 0 8px #ffc276}.legend-low{background:#526b7a}@keyframes signal-flow{to{stroke-dashoffset:-24}}@keyframes lamp-breathe{50%{box-shadow:0 0 34px #ffd48dba}}@media(prefers-reduced-motion:reduce){.wire.on,.node.lamp.on{animation:none}}