.collection-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.collection-switch button{font-size:14px;padding:9px 4px;white-space:normal}
.collection-switch small{display:block;margin:3px 0 0;font-size:12px}
.experiment-list .tabs{max-height:570px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c7ced2 transparent;padding-right:5px}
.experiment-copy{min-width:0;white-space:normal}.experiment-copy strong{line-height:1.35}.experiment-en{line-height:1.3}
.extended-scene canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.playground:has(.extended-scene:not([hidden])){background:#10181b;color:#edf4ef;color-scheme:dark}
.playground:has(.extended-scene:not([hidden])) .stage{touch-action:none;cursor:crosshair}
.playground:has(.extended-scene:not([hidden]))::after{background:linear-gradient(#071015b3,transparent 20%,transparent 74%,#071015c9)}
.playground:has(.extended-scene:not([hidden])) :is(.stage-index,.live-state,.icon-button,.interaction-hint){color:#d0dbdb}
.playground:has(.extended-scene:not([hidden])) .stage-index b{color:#fff}
.lab-status{position:absolute;left:6%;bottom:13%;font:13px 'DM Sans',sans-serif;color:#fff;background:#102229c7;border:1px solid #ffffff26;border-radius:30px;padding:8px 13px;pointer-events:none;z-index:2;max-width:88%;line-height:1.5}
.lab-loading{position:absolute;inset:0;display:grid;place-items:center;background:#112027;color:#d5dfd9;font-size:16px;z-index:3}
.lab-caption{position:absolute;left:6%;top:14%;right:6%;pointer-events:none;text-shadow:0 2px 20px #001a21aa;z-index:2}
.lab-caption span{font-size:12px;letter-spacing:.15em;color:#e5f0e2}.lab-caption h2{font:400 clamp(26px,3.8vw,56px)/1.08 Georgia,serif;color:#fff;margin:9px 0 0;max-width:90%}
.control-title p{font-size:14px}.strength-control>span,.strength-control output,.scroll-control,.scroll-tip{font-size:14px}.interaction-hint{font-size:13px}
.scene-charge .stage{cursor:pointer}.scene-cloth .stage,.scene-tear .stage,.scene-elastic .stage,.scene-lens .stage{cursor:grab}
.scene-cloth .stage:active,.scene-tear .stage:active,.scene-elastic .stage:active,.scene-lens .stage:active{cursor:grabbing}
@media(min-width:761px){.page-heading{margin-bottom:22px}.aside-note{margin-top:18px}.experiment{min-height:88px}.experiment-en{font-size:12px}.experiment-no{font-size:12px}.experiment-list .tabs{max-height:500px}.collection-switch{margin-bottom:15px}}
@media(min-width:1550px){.experiment-list .tabs{max-height:550px}}
@media(max-width:1100px) and (min-width:761px){.workspace{grid-template-columns:245px minmax(0,1fr)}.thumb{width:42px;flex-basis:42px}.experiment-copy strong{font-size:14px}.control-inputs{gap:10px}.controls{flex-wrap:wrap}}
@media(max-width:760px){.collection-switch{display:flex;overflow-x:auto;max-width:none;scrollbar-width:thin;margin-bottom:12px}.collection-switch button{flex:0 0 94px;font-size:14px}.collection-switch small{font-size:12px}.experiment-list .tabs{max-height:none;overflow-x:auto;overflow-y:hidden;padding-right:5vw}.experiment{min-width:178px;max-width:240px;min-height:66px}.experiment-no{font-size:12px}.experiment-copy strong{font-size:14px}.thumb{height:47px}.lab-caption h2{font-size:36px}.lab-caption{top:15%}.lab-status{font-size:12px;bottom:14%}.interaction-hint{font-size:12px;line-height:1.5;text-align:center}.stage-bottom{bottom:19px}.stage-material{display:none}.control-title h2 span{font-size:12px}.control-title p{font-size:14px}.strength-control>span{font-size:14px}.scroll-tip{font-size:13px}}