.interactive-labs{margin:1rem 0 2rem;padding:clamp(1rem,3vw,2rem);border:3px solid #2389e8;border-radius:28px;background:linear-gradient(145deg,#f8fdff,#e6f5ff);box-shadow:0 12px 28px #0757d61c}.interactive-labs header{max-width:760px}.sandbox-grid,.sandbox-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.sandbox-card,.sandbox-mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;padding:1.1rem;border:2px solid #b9dfff;border-radius:20px;background:#fff;color:#083270;box-shadow:0 7px 0 #b9dfff;text-align:left}.sandbox-card.is-locked{opacity:.72}.sandbox-icon{font-size:2.4rem}.sandbox-stats{font-weight:800;color:#315276}.sandbox-mode{max-width:1000px;margin:auto}.sandbox-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.5rem}.sandbox-mode-card{min-height:150px;justify-content:center}.sandbox-mode-card strong{font-size:1.25rem;color:#0757d6}.sandbox-header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.sandbox-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:1rem}.sandbox-workbench,.sandbox-results{padding:1rem;border:2px solid #b9dfff;border-radius:24px;background:#fff}.sandbox-visual{min-height:190px;margin:1rem 0;padding:1rem;border-radius:20px;background:linear-gradient(#dff4ff,#f7fbff);border:2px solid #7bc4ff}.circuit-board{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:1rem}.circuit-board.is-lit{box-shadow:inset 0 0 55px #ffe469}.circuit-component,.sandbox-bulb{font-size:3rem;text-align:center}.circuit-component span{display:block;font-size:.9rem}.wire-controls{display:grid;gap:.4rem}.terminal-control,.switch-control,.parameter-button{min-height:44px;border:2px solid #6ab8ef;border-radius:12px;background:#eef8ff;color:#063574;font-weight:800}.terminal-control.is-connected,.parameter-button.is-selected{background:#dff8e4;border-color:#2da952}.sandbox-bulb{filter:grayscale(1)}.is-lit .sandbox-bulb{filter:none;filter:drop-shadow(0 0 18px #ffcc22)}.shadow-stage{display:flex;align-items:center;justify-content:space-around;gap:1rem}.light-source{font-size:3rem}.opaque-object{display:flex;align-items:center;padding:.4rem;background:#1767ad;color:#fff;border-radius:10px}.shadow-shape{width:38px;background:#26364d;border-radius:50%;color:#fff;font-size:.7rem;display:flex;align-items:center;justify-content:center}.screen-wall{align-self:stretch;border-left:8px solid #9ab4cb;padding-left:.5rem}.sandbox-range{display:grid;gap:.35rem;margin:.8rem 0;font-weight:800}.sandbox-range input{width:100%;min-height:36px}.sandbox-workbench fieldset{border:0;padding:.5rem 0;display:flex;flex-wrap:wrap;gap:.5rem}.sandbox-workbench legend{width:100%;font-weight:900}.parameter-button{padding:.55rem .8rem}.force-track,.machine-stage{display:flex;align-items:center;justify-content:space-around;font-size:1.4rem}.track-object{font-size:3.2rem}.sandbox-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.prediction-panel select{min-height:44px;margin-left:.5rem;border:2px solid #6ab8ef;border-radius:10px}.observation-panel,.trial-comparison article{padding:.8rem;border-radius:14px;background:#edf9f0;border:2px solid #87d89b}.trial-comparison{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.comparison-empty{color:#52677d}.sandbox-results h2{font-size:1rem;color:#0757d6}.sandbox-results .pico-dialogue{margin-bottom:1rem}
.circuit-workbench{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);gap:1rem;margin:1rem 0}.circuit-zone,.circuit-control-panel{min-width:0;padding:1rem;border:2px solid #8acbfa;border-radius:20px;background:#f6fbff}.circuit-zone h2,.circuit-control-panel h2{margin:0 0 .65rem;color:#0757d6;font-size:1rem}.circuit-control-panel>p{margin:.2rem 0 .75rem;color:#49637e;font-size:.88rem}.circuit-diagram{margin:0;overflow:hidden;border:2px solid #a9d8f5;border-radius:18px;background:linear-gradient(#eaf8ff,#fff9dd)}.circuit-diagram svg{display:block;width:100%;height:auto;max-height:330px}.circuit-diagram figcaption{padding:.65rem .8rem;border-top:1px solid #b8dff6;background:#fff;color:#294d70;font-size:.84rem;font-weight:750}.circuit-wire{fill:none;stroke-width:12;stroke-linecap:round}.circuit-wire.is-connected{stroke:#de3d3d}.circuit-wire.is-disconnected{stroke:#8fa4b7;stroke-dasharray:16 14}.circuit-wire.is-short{stroke:#c71f32;stroke-width:9}.circuit-diagram text{font:800 18px system-ui,sans-serif;fill:#113d73;text-anchor:middle}.diagram-battery rect{fill:#f0b92c;stroke:#173d73;stroke-width:5}.diagram-battery text:not(:first-of-type){font-size:30px}.diagram-switch circle,.diagram-switch path{fill:#fff;stroke:#173d73;stroke-width:7;stroke-linecap:round}.diagram-bulb circle{fill:#e6eef4;stroke:#1766ae;stroke-width:7}.diagram-bulb path{fill:#4a8fc8;stroke:#174777;stroke-width:4}.circuit-diagram.is-lit .diagram-bulb circle{fill:#fff28c;filter:drop-shadow(0 0 16px #ffc400)}.circuit-diagram.is-lit .bulb-state{fill:#14703b}.circuit-diagram.has-short{border-color:#df5260}.wire-controls{grid-template-columns:1fr}.terminal-control,.switch-control{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:.45rem;padding:.55rem .7rem;text-align:left}.terminal-control small,.switch-control small{grid-column:2;color:#4c647d;font-weight:700}.terminal-control.is-danger{border-color:#c92c42;background:#fff0f2;color:#7d1525}.switch-control{width:100%;margin-top:.55rem}.circuit-state{margin:.75rem 0 0;padding:.65rem;border-radius:12px;background:#eef4f8;color:#294d70;font-weight:800}.circuit-state.is-success{background:#e5f8e8;color:#176231}.circuit-state.is-danger{background:#fff0f2;color:#82162a}
@media(max-width:900px){.sandbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sandbox-layout{grid-template-columns:1fr}.sandbox-results{order:initial}.circuit-workbench{grid-template-columns:1fr}.sandbox-header{flex-direction:column}.trial-comparison{grid-template-columns:1fr}}
@media(max-width:480px){.sandbox-grid,.sandbox-mode-grid{grid-template-columns:1fr}.interactive-labs{padding:.75rem;border-radius:18px}.sandbox-workbench,.sandbox-results{padding:.75rem;border-radius:16px}.prediction-panel label{display:grid}.prediction-panel select{margin:.35rem 0 0;width:100%}.sandbox-actions>*{width:100%}.shadow-stage{min-height:150px}.navigation+.interactive-labs{margin-top:.5rem}.circuit-workbench{gap:.75rem}.circuit-zone,.circuit-control-panel{padding:.65rem;border-radius:15px}.circuit-diagram svg{min-height:190px}.terminal-control,.switch-control{min-height:52px}.circuit-diagram figcaption{font-size:.78rem}}
@media(max-height:500px) and (orientation:landscape){.sandbox-layout{grid-template-columns:1.35fr 1fr}.sandbox-visual{min-height:120px}.sandbox-results{order:initial}}
@media(prefers-reduced-motion:reduce){.sandbox-card,.sandbox-mode-card,.sandbox-bulb{transition:none!important}}