.dslit-lab{--dslit-ink: #141722;--dslit-muted: rgba(20, 23, 34, .62);--dslit-line: rgba(20, 23, 34, .12);--dslit-cyan: #40e0d0;--dslit-cyan-ink: #008b82;--dslit-amber: #ffcf66;--dslit-amber-ink: #a86600;--dslit-rose: #ff6f91;--dslit-panel: transparent;--dslit-track: rgba(20, 23, 34, .18);display:grid;gap:1rem;width:min(100%,1220px);padding:clamp(.9rem,3vw,2rem);color:var(--dslit-ink);background:linear-gradient(120deg,rgba(64,224,208,.18),transparent 38%),linear-gradient(300deg,rgba(255,207,102,.18),transparent 44%),#f7f3ea;border:1px solid rgba(20,23,34,.08);border-radius:24px;box-shadow:0 28px 70px #2d251824}.theme-dark .dslit-lab{--dslit-ink: #f9f5ea;--dslit-muted: rgba(249, 245, 234, .66);--dslit-line: rgba(249, 245, 234, .14);--dslit-panel: rgba(10, 14, 24, .54);--dslit-track: rgba(249, 245, 234, .18);background:linear-gradient(120deg,rgba(64,224,208,.16),transparent 38%),linear-gradient(300deg,rgba(255,111,145,.14),transparent 44%),#090e18;border-color:#ffffff14}.dslit-stage,.dslit-panel,.dslit-readout{min-width:0}.dslit-stage{display:grid;gap:.85rem}.dslit-apparatus{position:relative;overflow:hidden;min-height:320px;border:1px solid var(--dslit-line);border-radius:18px;background:repeating-linear-gradient(90deg,transparent 0 42px,rgba(20,23,34,.045) 42px 43px),linear-gradient(180deg,rgba(255,255,255,.16),transparent)}.theme-dark .dslit-apparatus{background:repeating-linear-gradient(90deg,transparent 0 42px,rgba(249,245,234,.035) 42px 43px),linear-gradient(180deg,rgba(255,255,255,.05),transparent)}#dslit-canvas{display:block;width:100%;height:auto;aspect-ratio:43 / 26}.dslit-source,.dslit-screen,.dslit-barrier{position:absolute;top:11%;bottom:11%;pointer-events:none}.dslit-source{left:8%;width:10px;border-radius:999px;background:linear-gradient(180deg,transparent,var(--dslit-cyan-ink),transparent);box-shadow:0 0 22px #008b826b}.theme-dark .dslit-source{background:linear-gradient(180deg,transparent,var(--dslit-cyan),transparent);box-shadow:0 0 28px #40e0d0b8}.dslit-screen{right:10%;width:12px;border-radius:999px;background:linear-gradient(180deg,transparent,rgba(168,102,0,.9),transparent);box-shadow:0 0 24px #a8660047}.theme-dark .dslit-screen{background:linear-gradient(180deg,transparent,rgba(255,207,102,.92),transparent);box-shadow:0 0 34px #ffcf6675}.dslit-barrier{left:38.2%;display:grid;grid-template-rows:1fr 34px .7fr 34px 1fr;width:18px}.dslit-barrier span{display:block;background:#141722d6}.theme-dark .dslit-barrier span{background:#f9f5ead1}.dslit-barrier i{display:block;background:#40e0d038;box-shadow:inset 0 0 16px #40e0d052}.dslit-mode-strip{display:grid;grid-template-columns:1fr minmax(8.5rem,auto) 1fr;gap:.8rem;align-items:center;min-height:2.2rem}.dslit-mode-strip span,.dslit-kicker,.dslit-field span,.dslit-readout span{color:var(--dslit-muted);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.dslit-mode-strip span:last-child{text-align:right}.dslit-mode-strip strong{align-self:center;justify-self:center;padding:.22rem 0;border-bottom:1px solid currentcolor;color:var(--dslit-ink);font-size:.78rem;line-height:1;text-align:center}.dslit-panel{display:grid;gap:1rem;padding:.25rem 0 .25rem 1rem;border-left:1px solid var(--dslit-line);background:transparent}.theme-dark .dslit-panel{padding:1rem;border:1px solid var(--dslit-line);border-radius:18px;background:var(--dslit-panel)}.dslit-toggle{display:flex;gap:.75rem;align-items:center;min-height:48px;color:var(--dslit-ink);font-weight:750;cursor:pointer}.dslit-toggle input{width:46px;height:26px;appearance:none;border:1px solid rgba(20,23,34,.18);border-radius:999px;background:#1417220b;cursor:pointer}.theme-dark .dslit-toggle input{border-color:var(--dslit-line);background:#f9f5ea1f}.dslit-toggle input:before{display:block;width:20px;height:20px;margin:2px;border-radius:50%;background:var(--dslit-cyan-ink);transition:transform .18s ease,background-color .18s ease;content:""}.theme-dark .dslit-toggle input:before{background:var(--dslit-ink)}.dslit-toggle input:checked:before{background:var(--dslit-rose);transform:translate(20px)}.dslit-field{display:grid;gap:.55rem;width:100%}.dslit-field output{font-size:clamp(2rem,9vw,3.2rem);font-weight:760;letter-spacing:0;line-height:.9}.dslit-field input[type=range]{--fill: 0%;width:100%;height:24px;margin:0;appearance:none;background:transparent;vertical-align:middle}.dslit-field input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(90deg,var(--dslit-cyan-ink) 0 var(--fill),var(--dslit-track) var(--fill) 100%)}.dslit-field input[type=range]::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6.5px;appearance:none;border:2px solid #f7f3ea;border-radius:50%;background:var(--dslit-cyan-ink);box-shadow:0 0 0 3px #008b8214;cursor:grab}.theme-dark .dslit-field input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--dslit-cyan) 0 var(--fill),var(--dslit-track) var(--fill) 100%)}.theme-dark .dslit-field input[type=range]::-webkit-slider-thumb{border-color:#090e18;background:var(--dslit-ink);box-shadow:0 0 0 3px #40e0d014}.dslit-field input[type=range]::-moz-range-track{height:3px;border-radius:999px;background:var(--dslit-track)}.dslit-field input[type=range]::-moz-range-progress{height:3px;border-radius:999px;background:var(--dslit-cyan-ink)}.dslit-field input[type=range]::-moz-range-thumb{width:16px;height:16px;border:2px solid #f7f3ea;border-radius:50%;background:var(--dslit-cyan-ink);box-shadow:0 0 0 3px #008b8214;cursor:grab}.theme-dark .dslit-field input[type=range]::-moz-range-progress{background:var(--dslit-cyan)}.theme-dark .dslit-field input[type=range]::-moz-range-thumb{border-color:#090e18;background:var(--dslit-ink);box-shadow:0 0 0 3px #40e0d014}.dslit-readout{display:grid;gap:.75rem;align-content:start;padding:.25rem 0 .25rem 1rem;border-left:1px solid var(--dslit-line)}.dslit-readout article{display:grid;gap:.32rem;padding:.75rem 0;border-bottom:1px solid var(--dslit-line)}.dslit-readout strong{font-size:clamp(2rem,8vw,3.7rem);line-height:.86}.dslit-readout p{max-width:42ch;margin:0;color:var(--dslit-muted);font-size:.88rem;line-height:1.58}@media(min-width:940px){.dslit-lab{grid-template-columns:minmax(0,1.55fr) minmax(250px,.62fr) minmax(230px,.54fr);align-items:start}}