.lab-home{max-width:1040px;margin:auto;padding:24px}.lab-home form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lab-home label{display:flex;flex-direction:column;gap:7px}.lab-home select,.lab-home input,.lab-evaluation select{padding:9px;border:1px solid #b9cbd5;border-radius:9px}.lab-home details{grid-column:1/-1}.lab-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px 0}.lab-settings label:has(input[type=checkbox]){flex-direction:row;align-items:center}.lab-session{height:calc(100dvh - 110px);min-height:500px;display:flex;flex-direction:column;padding:12px 24px;gap:10px;background:#f0f6fa}.lab-session header{display:flex;align-items:center;gap:18px}.lab-session h1{font-size:24px;margin:0;flex:1}.lab-stage{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden;gap:16px}.lab-card-window{overflow:hidden;width:100%;padding:22px 0}.lab-card-track{display:flex;align-items:center;gap:3%;width:170%;margin-left:-35%}.lab-card{width:31.33%;min-height:200px;border-radius:22px;background:white;border:3px solid #cadde6;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:14px;box-sizing:border-box;text-align:center}.lab-current{color:#163d65;font-weight:800}.lab-card.lab-current{border-color:#167c89;box-shadow:0 14px 25px #12395018;font-size:clamp(28px,3.6vw,62px)}.lab-adjacent{opacity:.38;font-size:clamp(18px,2vw,32px)}.lab-stage img{height:90px;max-width:130px;object-fit:contain}.lab-reels,.lab-built,.lab-palettes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lab-reel{height:230px;border:3px solid #b6d4de;border-radius:24px;overflow:hidden;background:linear-gradient(#e2ecf0,white 45%,white 55%,#e2ecf0)}.lab-reel-track{height:100%;display:grid;grid-template-rows:1fr 2fr 1fr;text-align:center;align-items:center}.lab-reel .lab-current{font-size:clamp(24px,2.8vw,48px);border-top:2px solid #eead32;border-bottom:2px solid #eead32;min-height:110px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.lab-reel img{height:55px;max-width:75px}.lab-phrase{text-align:center;font-size:clamp(30px,3.4vw,58px);font-weight:800;margin:8px 0;color:#123955}.lab-built>div{padding:20px;background:white;border:2px solid #39858b;border-radius:18px;text-align:center;font-size:clamp(22px,2.4vw,42px)}.lab-palettes{min-height:0;max-height:190px}.lab-palettes section{overflow:auto;display:flex;flex-wrap:wrap;align-content:start;gap:6px;padding:5px}.lab-palettes button{padding:8px 12px;background:white;border:1px solid #8faebb;border-radius:10px}.lab-palettes [aria-pressed=true]{background:#d9f2e7}.lab-controls{display:flex;flex-direction:column;gap:10px;background:#fff;padding:12px;border-radius:14px}.lab-controls>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lab-controls button,.lab-session header button{padding:11px 15px;border:1px solid #8cb2bc;border-radius:10px;background:#e8f3f5;color:#143f55;font-weight:700;cursor:pointer}.lab-controls p{margin:0;color:#536975}.lab-evaluation label{display:flex;gap:8px;align-items:center}.lab-controls button:disabled{opacity:.42;cursor:default}.lab-summary{overflow:auto}.lab-project{margin:0;background:#edf5f7}.lab-project .lab-stage{height:100dvh;padding:3vw;box-sizing:border-box}.lab-project .lab-palettes{display:none}.lab-project .lab-card{min-height:45vh}.lab-project .lab-card.lab-current,.lab-project .lab-phrase{font-size:clamp(40px,4vw,80px)}.lab-project .lab-reel{height:40vh}.lab-project .lab-reel .lab-current{font-size:clamp(32px,3vw,62px)}.lab-sliding .lab-card-track{animation:lab-slide .35s ease-out}.lab-spinning .lab-reel-track{animation:lab-spin .5s ease-out}@keyframes lab-slide{from{transform:translateX(32%)}to{transform:translateX(0)}}@keyframes lab-spin{from{transform:translateY(-65%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.lab-sliding .lab-card-track,.lab-spinning .lab-reel-track{animation-duration:.01ms}}@media(max-width:700px){.lab-home form,.lab-settings{grid-template-columns:1fr}.lab-session{padding:8px;height:calc(100dvh - 80px)}.lab-session header{flex-wrap:wrap;gap:6px}.lab-session h1{font-size:18px}.lab-controls button{padding:8px}.lab-reels,.lab-built,.lab-palettes{gap:5px}.lab-card{padding:8px}.lab-card.lab-current{font-size:23px}}

/* 1.1: scoped shared setup, fixed teacher controls and image-only dictation. */
.lab-home [hidden],.lab-session [hidden]{display:none!important}.lab-home fieldset{grid-column:1/-1;border:1px solid #bdd3df;border-radius:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.lab-home legend{font-weight:800;color:#163d65}.lab-home form>section,.lab-home form>p,.lab-home form>button{grid-column:1/-1}.lab-home fieldset label:has(input[type=checkbox]){display:flex;flex-direction:row}.lab-home #lab-structures div{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px}.lab-home #lab-structures p{grid-column:1/-1}.lab-controls label{font-size:14px;display:flex;align-items:center;gap:6px}.lab-controls select{padding:6px}.lab-controls{flex-shrink:0;gap:5px;padding:8px}.lab-controls button{padding:8px 10px}.lab-session{min-height:0}.lab-session header{flex-wrap:wrap;gap:8px}.lab-session header button{font-size:13px;padding:8px}.lab-session .lab-controls p{font-size:14px}.lab-card-track[class*=lab-preview-count]{width:100%;margin-left:0;gap:3%;}.lab-preview-count-0{justify-content:center}.lab-preview-count-0 .lab-card{width:90%}.lab-preview-count-1 .lab-card:first-child{width:70%;flex-shrink:0}.lab-preview-count-1 .lab-card:last-child{width:40%;flex-shrink:0;opacity:1}.lab-preview-count-2 .lab-card:first-child{width:50%;flex-shrink:0}.lab-preview-count-2 .lab-card:not(:first-child){width:22%;flex-shrink:0;opacity:1;font-size:clamp(18px,2vw,34px)}.lab-sliding .lab-dictation-track{animation:lab-slide .35s ease-out}.lab-dictation-title{font-size:clamp(20px,3vh,36px);text-align:center;margin:0}.lab-dictation-track{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2vw;flex:1;min-height:0;align-items:center}.lab-dictation-track figure{height:80%;min-height:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:8px;background:white;border:2px solid #bdd3df;border-radius:18px;padding:10px;box-sizing:border-box}.lab-dictation-track .lab-main-picture{height:100%;border:4px solid #167c89}.lab-dictation-track img{height:calc(100% - 48px);width:100%;max-width:100%;min-height:0;object-fit:contain}.lab-picture-number{font-size:clamp(24px,4vh,48px);color:#153d65}.lab-time{height:24px;flex-shrink:0;background:#dde6eb;border:2px solid #31556b;border-radius:10px;overflow:hidden}.lab-time-fill{height:100%;background:#258653;width:100%}.lab-time-fill[data-state=middle]{background:#e1b20c}.lab-time-fill[data-state=ending]{background:#c93434}.lab-time-text,.lab-progress{text-align:center;margin:0;font-weight:700;font-size:clamp(18px,2.5vh,30px)}.lab-dictation-ready{text-align:center;font-size:clamp(24px,4vh,50px)}.lab-correction{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;overflow:auto}.lab-correction figure{margin:0;text-align:center;display:flex;flex-direction:column;align-items:center;background:white;border-radius:12px;padding:10px}.lab-correction img{width:110px;height:90px;max-width:100%;object-fit:contain}.lab-correction figcaption{font-size:clamp(16px,1.7vw,26px);font-weight:800}.lab-project{overflow:hidden}.lab-project .lab-stage{padding:2vh 2vw;gap:10px}.lab-project .lab-dictation-track img{height:calc(100% - 60px)}.lab-project .lab-dictation-track{max-height:70vh}.lab-project .lab-correction{max-height:84vh}.lab-project .lab-card-window{min-height:0}.lab-project .lab-card{min-height:35vh}.lab-project .lab-preview-count-2 .lab-adjacent{font-size:clamp(24px,2.5vw,42px)}@media(max-width:700px){.lab-home fieldset{grid-template-columns:1fr}.lab-controls button{font-size:12px;padding:6px}.lab-dictation-track{gap:6px}.lab-dictation-track figure{padding:4px}.lab-session{padding:8px}.lab-session h1{font-size:18px}}@media(prefers-reduced-motion:reduce){.lab-sliding .lab-dictation-track{animation-duration:.01ms}}

.lab-home,.lab-session,.lab-project{font-family:system-ui,sans-serif}.lab-stage{position:relative}.lab-time,.lab-time-text{width:calc((100% - 4vw)/2);align-self:flex-start;box-sizing:border-box}.lab-exiting{opacity:1!important}.lab-project .lab-stage{font-family:system-ui,sans-serif}

.lab-home #lab-dictation-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lab-pause-badge{font-size:24px;font-weight:800;text-align:center;margin:0;color:#17415f}.lab-projection-help{font-size:14px;color:#38596f}@media(max-width:700px){.lab-home #lab-dictation-settings{grid-template-columns:1fr}}

.lab-home label,.lab-home select,.lab-home input,.lab-home textarea{min-width:0;max-width:100%;box-sizing:border-box}

.lab-home [data-anticipation-warning]{grid-column:1/-1;background:#fff2cd;border-left:4px solid #d7a213;padding:10px}

.lab-sliding .lab-card-track,.lab-sliding .lab-dictation-track{animation:none}.lab-exiting .lab-card{box-sizing:border-box}.lab-project .lab-pause-badge{position:absolute;top:8px;left:40%;z-index:4;background:#fff2cd;padding:6px 16px;border-radius:8px}

.lab-home #lab-dictation-settings{grid-column:1/-1}

.lab-correction{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}

.lab-replace-dialog{max-width:520px;border:2px solid #39858b;border-radius:18px;padding:24px}.lab-replace-dialog button{padding:12px;margin:6px}.lab-replace-dialog::backdrop{background:#102b5266}.character-words{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;max-height:55vh;overflow:auto;padding:12px}.character-words label{padding:5px}

.lab-trail-hint{font:700 clamp(20px,2.6vw,40px)/1.2 system-ui;text-align:center;letter-spacing:.1em;margin:0}.lab-dictation-track:has(.lab-trail-hint) .lab-main-picture img{height:calc(100% - 100px)}.lab-dynamite{position:relative;overflow:visible;background:#f2ece1;border:0;border-radius:0;height:18px;margin-left:12px;width:calc((100% - 4vw)/2 - 12px)}.lab-dynamite::before{content:"";position:absolute;left:-14px;top:-8px;width:22px;height:34px;background:repeating-linear-gradient(90deg,#e46356 0 6px,#a63336 6px 8px);border:2px solid #8f302e;border-radius:5px}.lab-dynamite .lab-time-fill{height:6px;position:relative;top:6px;background:#b89135}.lab-dynamite .lab-time-fill::after{content:"✦";position:absolute;right:-8px;top:-12px;color:#d47b10;font-size:26px}.lab-time-burst{position:absolute;left:25%;top:45%;color:#d47b10;font-size:70px;pointer-events:none;animation:lab-pop .35s ease-out forwards}@keyframes lab-pop{from{transform:scale(.5)}to{transform:scale(1.2)}}.lab-reduced-motion .lab-time-burst{display:none}.lab-reduced-motion *{animation:none!important;scroll-behavior:auto}@media(prefers-reduced-motion:reduce){.lab-time-burst{display:none}}