.ux-lab{margin:0 0 100px;scroll-margin-top:30px}.lab-intro{max-width:850px}.lab-intro>.mono{color:var(--mute)}.lab-intro h2{font:400 clamp(36px,4.8vw,68px)/1.08 var(--display);letter-spacing:-.03em;margin:22px 0}.lab-intro p{color:var(--mute)}.lab-tabs{display:flex;border-bottom:1px solid var(--hair);gap:30px;margin-top:40px}.lab-tabs button{background:none;color:var(--mute);border:0;border-bottom:2px solid transparent;padding:18px 0;font:400 13px var(--sans);cursor:pointer}.lab-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}.lab-disclaimer{font-size:12px;color:var(--mute);max-width:700px;line-height:1.6;margin:18px 0 40px}.lab-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,90px);align-items:center}.lab-panel[hidden],.ux-lab [hidden]{display:none!important}.lab-story h3{font:400 clamp(34px,3.8vw,54px)/1.1 var(--display);letter-spacing:-.025em;margin:20px 0 26px}.lab-story>p,.lab-story li{font-size:16px;color:var(--mute);line-height:1.7}.lab-story ul{list-style:none;padding:0;margin:28px 0}.lab-story li{padding:12px 0;border-top:1px solid var(--hair)}.lab-story .lab-tip{border-left:2px solid var(--ink);padding-left:18px;font-size:13px}.lab-device{border:1px solid var(--hair);background:var(--paper);box-shadow:0 24px 70px #0000000b;min-width:0}.lab-chrome{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--hair);padding:15px 22px;font:9px var(--mono);letter-spacing:.1em;color:var(--mute)}.lab-app{padding:clamp(20px,3vw,38px)}.lab-app h4{font:400 clamp(27px,2.5vw,38px)/1.15 var(--display);letter-spacing:-.02em;margin:28px 0 12px}.lab-app p{font-size:13px;color:var(--mute);line-height:1.6}.lab-app label{display:block;font-size:12px;font-weight:400}.lab-app input:not([type=checkbox]):not([type=range]),.lab-app select{display:block;width:100%;min-width:0;box-sizing:border-box;font:400 15px var(--sans);background:var(--paper);color:var(--ink);border:1px solid var(--hair);border-radius:0;padding:12px;margin:8px 0 18px;min-height:48px}.lab-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px}.lab-app button{font:400 13px var(--sans);padding:13px 18px;border:1px solid var(--ink);color:var(--paper);background:var(--ink);cursor:pointer;min-height:46px}.lab-app button:hover{opacity:.8}.lab-app button:disabled{opacity:.4;cursor:not-allowed}.lab-app :focus-visible,.lab-tabs :focus-visible{outline:2px solid var(--ink);outline-offset:4px}.stay-progress{display:flex;justify-content:space-between;gap:8px;list-style:none;padding:0;margin:0 0 30px}.stay-progress li{font:9px var(--mono);color:var(--mute);padding-bottom:10px;border-bottom:2px solid var(--hair)}.stay-progress li[aria-current=step]{border-color:var(--ink);color:var(--ink)}.lab-actions{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.lab-actions #stay-back{background:none;color:var(--ink)}.stay-extras{border:0;padding:0;margin:0 0 24px}.stay-extras legend{font-size:12px;margin:0 0 12px}.stay-extras label{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:14px}.stay-extras input{width:18px;height:18px;accent-color:var(--ink)}.lab-app .lab-error{color:var(--ink);font-weight:500;border-left:2px solid var(--ink);padding-left:12px}.lab-error:empty,.lab-result:empty{display:none}.lab-app .lab-result{padding:14px;border:1px solid var(--hair);margin-top:18px}.lab-app dl{margin:24px 0}.lab-app dt{font:9px var(--mono);color:var(--mute);text-transform:uppercase;margin-top:16px}.lab-app dd{font-size:16px;margin:4px 0 16px;padding-bottom:12px;border-bottom:1px solid var(--hair)}.screen-preview{aspect-ratio:16/9;background:#172723;color:#f5f1e6;padding:7%;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:24px;overflow:hidden}.screen-preview>span{font-size:9px;letter-spacing:.1em}.screen-preview strong{font:400 clamp(29px,3vw,46px)/1.02 var(--display);letter-spacing:-.03em}.screen-preview[data-motif=breakfast]{background:#e4d7bd;color:#29241c}.screen-preview[data-motif=escape]{background:#30333b;color:#f2ece6}.sound-rooms{display:flex;gap:8px;flex-wrap:wrap}.sound-rooms button{flex:1;padding:10px;background:none;color:var(--mute);border-color:var(--hair);font-size:12px}.sound-rooms button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.sound-stage{text-align:center;padding:32px 0 12px}.sound-stage .mono{font-size:9px}.sound-stage h4{margin:14px 0 6px}.sound-bars{height:70px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:24px}.sound-bars i{height:12px;width:5px;background:var(--ink);transition:height .3s}.sound-bars i:nth-child(3n){height:28px}.sound-bars i:nth-child(4n){height:44px}.sound-bars.is-playing i{animation:lab-pulse 1.1s ease-in-out infinite alternate}.sound-bars i:nth-child(even){animation-delay:-.7s}.sound-bars i:nth-child(3n){animation-delay:-.3s}.lab-app .sound-volume-label{display:flex;justify-content:space-between;margin:18px 0 10px}#sound-volume{width:100%;accent-color:var(--ink);margin:10px 0 28px}#sound-toggle{width:100%}@keyframes lab-pulse{to{height:65px}}@media(prefers-reduced-motion:reduce){.sound-bars.is-playing i{animation:none;height:40px}.sound-bars i{transition:none}}@media(max-width:900px){.lab-panel{grid-template-columns:1fr}.lab-story{max-width:650px}.lab-device{max-width:650px;width:100%}.lab-intro h2{font-size:44px}.screen-preview strong{font-size:42px}}@media(max-width:480px){.lab-tabs{gap:16px}.lab-tabs button{font-size:11px}.lab-intro h2{font-size:35px}.lab-fields{grid-template-columns:1fr}.lab-chrome{padding:14px;font-size:8px}.lab-app{padding:20px}.stay-progress li{font-size:8px}.screen-preview strong{font-size:32px}.screen-preview>span{font-size:8px}.lab-story h3{font-size:36px}.lab-actions button{flex:1}.ux-lab{margin-bottom:65px}}