.build-station{display:grid;grid-template-columns:230px minmax(330px,1fr);gap:20px;align-items:start}.component-tray{padding:16px;border:1px solid var(--line);border-radius:16px;background:#f7faff}.component-tray .gate-picker{grid-template-columns:1fr}.parts-bin{display:grid;gap:8px}.part{display:grid;grid-template-columns:42px 1fr;align-items:center;text-align:left;padding:9px}.part-picture{display:block;position:relative;width:38px;height:28px}.chip-part{display:grid;place-items:center;background:#17202b;color:white;border-radius:4px;font-size:.65rem;font-style:normal}.wire-part:before{content:"";position:absolute;left:2px;right:2px;top:11px;height:7px;border-radius:8px;background:#1c70b7;box-shadow:inset 0 2px #ffffff66}.wire-part.power:before{background:#d94343}.wire-part.ground:before{background:#263847}.wire-part.b:before{background:#e4ac20}.wire-part.y:before{background:#258f6a}.wire-part:after{content:"";position:absolute;left:0;right:0;top:13px;border-top:2px solid #c4c9ca}.led-part:before{content:"";position:absolute;left:10px;width:18px;height:20px;border-radius:50% 50% 42% 42%;background:#20c986;box-shadow:inset -4px -3px #087c5666,inset 4px 3px #fff8}.led-part:after{content:"";position:absolute;left:14px;top:19px;width:10px;height:9px;border-left:2px solid #aab2b5;border-right:2px solid #aab2b5}.board-column{min-width:0}.board-caption{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--muted)}.board-caption strong{color:var(--ink)}.real-breadboard{position:relative;width:min(100%,520px);aspect-ratio:2/3;margin:auto;overflow:hidden;border-radius:14px;background:#e7ddbd;box-shadow:0 14px 32px #17294235}.real-breadboard>img{display:block;width:100%;height:100%;object-fit:cover}.real-breadboard>svg,.real-breadboard>#board-targets{position:absolute;inset:0;width:100%;height:100%}.real-breadboard>#board-targets{pointer-events:none}.board-target{position:absolute;pointer-events:auto;border:3px dashed #087cef;background:#d6efff88;border-radius:12px;animation:glow 1s infinite alternate;cursor:pointer}.board-target span{padding:4px 7px;background:#064b9d;color:white;border-radius:6px;font-size:.7rem;font-weight:800}.chip-diagram{position:absolute;left:40.5%;top:34.5%;width:18.5%;height:30%;padding:5px;background:#f8fbff;border:2px solid #233142;border-radius:3px;opacity:.2;filter:grayscale(1);transition:.2s;pointer-events:none}.chip-diagram.placed{opacity:1;filter:none;box-shadow:0 2px 5px #0007}.chip-diagram>strong{display:block;text-align:center;font-size:clamp(7px,1.15vw,12px);color:#10263d}.chip-diagram svg{width:100%;height:calc(100% - 16px)}.diagram-lines{fill:none;stroke:#096990;stroke-width:4;stroke-linejoin:round}.diagram-lines text{fill:#10263d;stroke:none;font:700 18px Arial}.placed-wire{fill:none}.wire-shadow{stroke:#17212a;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.wire-color{stroke-width:11;stroke-linecap:round;stroke-linejoin:round}.metal-end{fill:#c7cbca;stroke:#707778;stroke-width:3}.placed-led path{stroke:#a7acad;stroke-width:4}.placed-led ellipse{fill:#1cc37d;stroke:#087e56;stroke-width:3}.placed-led .shine{fill:#caffec;stroke:none}.placed-led text{fill:#071a35;stroke:white;stroke-width:4;paint-order:stroke;font:900 25px Arial}.board-legend{display:flex;justify-content:center;gap:22px;margin-top:10px;color:var(--muted);font-size:.8rem}.legend-led{display:inline-block;width:11px;height:11px;border-radius:50%;background:#20c986;margin-right:5px}.legend-led.output{background:#19a96f}@media(max-width:1120px){.build-station{grid-template-columns:190px minmax(300px,1fr)}}@media(max-width:760px){.build-station{grid-template-columns:1fr}.component-tray .gate-picker{grid-template-columns:repeat(3,1fr)}.parts-bin{grid-template-columns:repeat(2,1fr)}}