.lab-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px;padding-bottom:12px}.lab-tabs button{font-size:14px;white-space:normal;text-align:left;min-height:58px;padding:15px 0}.lab-system-picker{display:none}.lab-views{display:flex;align-items:center;gap:6px;padding:17px 5%;border-bottom:1px solid #ffffff12;background:#1d1428;flex-wrap:wrap}.lab-views>span{font-size:11px;letter-spacing:.12em;color:#ad94c1;margin-right:7px}.lab-views button{background:transparent;border:1px solid #584267;padding:8px 11px;color:#d3c4de;font-size:12px;cursor:pointer;min-height:36px}.lab-views button[aria-pressed=true]{background:#57336e;color:white;border-color:#c799e9}.lab-topline{top:95px}.lab-canvas{height:520px}.lab-canvas canvas{touch-action:none}.lab-transport{gap:8px}.lab-transport .lab-complete{font-size:13px;background:#30203e;flex-basis:100%;text-align:center}.lab-step-navigation{display:flex;justify-content:space-between;gap:20px;padding:0 6% 24px}.lab-step-navigation button{border:0;background:transparent;color:#e1cbed;cursor:pointer;font-size:14px;padding:10px 0;min-height:44px}.lab-step-navigation button:disabled{opacity:.35;cursor:default}.lab-story{padding:30px 7%}.lab-step-description{min-height:0}.lab-steps button{padding:12px 0;line-height:1.5}.lab-step-title{font-size:35px}.lab-heading{align-items:center}.lab-heading h2{font-size:clamp(2.8rem,4.5vw,4.5rem)}.lab-system-picker select{display:block;width:100%;margin-top:9px;padding:13px;background:#2e1d3e;color:#fff;border:1px solid #9475ac;font-size:16px;border-radius:0}.lab-steps button.is-active{background:#ffffff07}.lab-views button:focus-visible,.lab-step-navigation button:focus-visible{outline:2px solid #e0b8fe;outline-offset:3px}
@media(max-width:1100px){.lab-layout{grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr)}.lab-views{padding:14px 5%;gap:5px}.lab-views button{font-size:12px;padding:8px}.lab-canvas{height:470px}.lab-topline{top:95px}.lab-camera button{min-width:36px;min-height:40px}.lab-render-status{max-width:200px}}
@media(max-width:800px){.lab-layout{grid-template-columns:1fr}.lab-system-picker{display:block;margin:0;padding:0 6% 25px;color:#c6abd9;font-size:12px;letter-spacing:.1em}.lab-tabs{display:none}.lab-views{padding:14px 6%;gap:6px}.lab-views button{padding:8px 10px;font-size:12px}.lab-canvas{height:440px}.lab-topline{top:95px}.lab-story{padding:28px 6%}.lab-render-status{max-width:180px}.lab-steps{grid-template-columns:1fr 1fr}.lab-step-navigation{padding-bottom:18px}}
@media(max-width:420px){.lab-views>span{display:none}.lab-views{justify-content:space-between;gap:4px}.lab-views button{padding:9px 7px;font-size:11px;min-height:40px}.lab-canvas{height:370px}.lab-topline{top:90px}.lab-render-status{font-size:11px;max-width:125px}.lab-camera button{width:34px;min-width:34px}.lab-steps{grid-template-columns:1fr}.lab-transport .lab-reset{margin-left:0}.lab-transport{justify-content:space-between}}