.three-lab__modes{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 14px}.three-lab__modes button{padding:10px 14px;border:1px solid rgba(0,18,51,.18);color:#001233;background:transparent;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:color .2s,background .2s,transform .2s}.three-lab__modes button:hover{transform:translateY(-2px)}.three-lab__modes button.is-active{color:#fff;background:#fe5000;border-color:#fe5000}.three-lab__workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.65fr);min-height:570px;background:#001233}.three-lab__stage{position:relative;min-width:0;min-height:570px;overflow:hidden}.three-lab__stage canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.three-lab__stage canvas:active{cursor:grabbing}.three-lab__legend{position:absolute;top:18px;left:18px;display:flex;flex-wrap:wrap;gap:12px;max-width:calc(100% - 36px);color:rgba(255,255,255,.75);font-size:.66rem;letter-spacing:.06em}.three-lab__legend span{display:flex;align-items:center;gap:6px}.three-lab__legend i{width:8px;height:8px;border-radius:50%;box-shadow:0 0 12px currentColor}.three-lab__reset{position:absolute;left:18px;bottom:18px;padding:9px 12px;border:1px solid rgba(255,255,255,.28);color:#fff;background:rgba(0,18,51,.62);backdrop-filter:blur(8px);font-size:.65rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.three-lab__controls{display:flex;flex-direction:column;padding:clamp(22px,3vw,34px);color:#001233;background:#efe0ca}.three-lab__controls h3{margin:0 0 22px;font:650 2rem/1 "Cormorant Garamond",serif}.three-lab__controls label{display:grid;gap:8px;margin-bottom:18px;font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.three-lab__controls select{width:100%;padding:11px;border:1px solid rgba(0,18,51,.18);color:#001233;background:#fff}.three-lab__controls input[type=range]{width:100%;accent-color:#fe5000}.three-lab__controls output{color:#fe5000;font-weight:850}.three-lab__controls p{font-size:.78rem;line-height:1.6;opacity:.68}.three-lab__check{display:flex!important;grid-template-columns:auto 1fr;align-items:center}.three-lab__readout{display:grid;gap:6px;margin-top:auto;padding-top:20px;border-top:1px solid rgba(0,18,51,.16)}.three-lab__readout strong{color:#fe5000;font-size:1.05rem}.three-lab__readout span{font-size:.76rem;line-height:1.45}@media(max-width:800px){.three-lab__workspace{grid-template-columns:1fr}.three-lab__stage{min-height:440px}.three-lab__controls{min-height:310px}}@media(prefers-reduced-motion:reduce){.three-lab__modes button{transition:none}}