/* V0.8d: task-first disclosure, using the existing theme and audio controls. */
.app-header{flex:0 0 62px;min-height:62px!important;padding:6px 12px;gap:10px;flex-wrap:nowrap}
.app-header h1{font-size:18px!important;margin-right:10px}.app-header h1 span{font-size:13px!important}
.lesson-picker{flex:1;max-width:460px;margin-right:auto;min-width:0}.lesson-picker select{width:100%;padding:8px;font-size:16px;min-height:44px}
.app-header>button{font-size:15px!important;min-height:44px;padding:7px 14px}.app-header nav[hidden]{display:none!important}
.student-project-bar{display:flex;align-items:center;gap:8px;min-height:56px;flex:none;margin-bottom:6px;position:relative;z-index:15}
.project-name-label{flex:1;min-width:100px;position:relative;font-size:0}.project-name-label input{width:100%;min-width:0;padding:6px 10px;font-size:16px;height:44px}
.student-project-bar>button{font-size:15px;white-space:nowrap}.student-project-bar>select{width:160px;padding:6px 8px;font-size:15px;flex:none}
#save-state{font-size:14px;color:var(--teal);min-width:54px;max-width:60px;white-space:normal;text-align:center}
.student-project-bar>details{flex:none}.student-project-bar>details>summary{min-height:44px;padding:11px 12px;border:1px solid #63767f;border-radius:4px;cursor:pointer;list-style-position:inside;font-size:15px}
.student-menu{position:absolute;right:0;top:54px;min-width:300px;max-width:min(420px,90vw);max-height:70vh;overflow:auto;background:#17252b;border:1px solid #8ab3ad;padding:12px;box-shadow:0 6px 20px #000b;z-index:30;display:flex;flex-direction:column;gap:8px}
.student-menu label{display:block;font-size:14px}.student-menu input,.student-menu select{width:100%;font-size:16px;min-height:44px;padding:6px}.student-menu p{font-size:14px}
.student-details>summary{cursor:pointer;min-height:44px;padding:10px 2px;color:var(--ink);font-size:15px;font-weight:600}.student-details p{font-size:15px;line-height:1.5}
#scene-bar,.project-bar{display:none!important}.status-bar:has(#status){display:none}.scene-design #lesson-two{padding-top:0}.scene-design #brief{display:none}
#student-notice{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:80;max-width:min(700px,90vw);width:max-content;background:#173d37;border:1px solid #84d7c5;border-radius:5px;color:#eefbf7;box-shadow:0 3px 15px #0009;padding:10px 14px;font-size:15px;line-height:1.45;pointer-events:none;margin:0}
#studio-more .more-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:15px 0}#studio-more{width:min(430px,94vw)}
#scene-start{width:min(600px,94vw)}#scene-start h2{margin-top:0}#scene-start>select{margin:6px 0 12px}#start-designing{display:block;width:100%;margin-bottom:16px}#scene-examples>summary{cursor:pointer;padding:12px 0;min-height:44px}.example-actions{display:flex;flex-direction:column;gap:8px;margin:8px 0 14px}#keep-current-scene{margin-top:10px}
#lesson-two>footer,#lesson-three>footer{display:none}.tl-browser>h2{font-size:18px;margin:0 0 8px}.tl-browser #tl-count{margin:7px 0;font-size:13px}
.tl-inspector{padding:9px!important}.tl-inspector h2{font-size:18px!important;margin-bottom:8px!important}#clip-empty-hint{font-size:16px;line-height:1.5;color:var(--muted)}
#tl-fields{display:flex;flex-direction:column;gap:7px;overflow:auto;padding:0 4px 5px 0;min-height:0;flex:1}#tl-fields label{font-size:15px;line-height:1.4}#tl-fields>label{display:block}#tl-fields input:not([type=checkbox]){min-height:44px}#tl-fields input[type=range]{height:44px;margin-top:2px}#tl-fields>.tl-actions{flex:none}
#tl-fields .tl-pair{flex:none}#timing-trim{border-top:1px solid var(--line)}#timing-trim>label,#timing-trim .tl-pair{margin:7px 0}#timing-trim select{max-width:100%}#tl-drone>summary{min-height:44px;padding-top:10px}
#tl-selected{width:100%}#tl-edit-sound{width:100%;flex:none;min-height:44px}#tl-fields #tl-label{font-size:16px}
.tl-instruction{font-size:14px!important;margin:5px 0}.tl-auto-row{min-height:178px}.tl-auto-tools{min-height:56px;padding:5px 7px}.tl-auto-toolbar{min-height:44px;gap:6px;align-items:center}.tl-auto-toolbar label{font-size:0!important}.tl-auto-toolbar select{font-size:15px!important;width:95px!important}.tl-auto-toolbar button{font-size:15px;padding:5px 7px!important;min-height:44px;flex:none}.tl-auto-toolbar #auto-collapse{margin-left:auto;min-width:44px}.tl-auto-toolbar #auto-readout{font-size:14px;min-width:68px;max-width:110px;margin:0;line-height:1.35}
.tl-auto-toolbar #auto-delete{font-size:0;width:44px}.tl-auto-toolbar #auto-delete::after{content:'×';font-size:24px}.tl-auto-toolbar #auto-fine{padding-inline:6px!important}
.auto-fine-fields{padding:5px 0}.auto-fine-fields:not([hidden]){display:block}.auto-fine-fields .tl-auto-precision{grid-template-columns:1fr 85px 85px}.auto-first-tip{font-size:13px!important;margin:0 0 5px!important;color:var(--muted)}
.auto-plot{height:112px}#auto-point-dialog{width:min(440px,94vw)}#auto-point-dialog input,#auto-point-dialog select{width:100%;min-height:44px;padding:7px}#auto-point-dialog .file-buttons{justify-content:flex-end}
#clip-editor>p:nth-of-type(2){font-size:15px}.clip-edit-help{font-size:14px;margin:5px 0}
.sp-editor #sp-controls{padding-right:7px}.sp-editor .student-details{border-top:1px solid var(--line);margin-top:8px}.sp-honesty{font-size:14px!important}
.workshop-intro{max-width:850px;margin:0 auto}.workshop-intro>ol{display:none}.workshop-intro>p{font-size:16px}.source-content .student-details{margin-top:4px}.student-details #transport-reset{width:100%;font-size:14px}.lesson-task>ol{margin-bottom:8px}
#guide details{border-top:1px solid var(--line);padding-top:8px;margin-top:12px}#guide summary{cursor:pointer;min-height:44px;padding-top:8px;font-weight:600}
@media(max-width:1100px){.app-header{gap:8px;flex-basis:62px!important}.app-header h1{font-size:17px!important}.lesson-picker{max-width:none}.app-header>button{padding-inline:10px}.student-project-bar{gap:6px}.student-project-bar>select{width:140px}.student-project-bar>button{padding-inline:8px}#save-state{min-width:50px;font-size:14px}.tl-auto-toolbar{gap:4px}.tl-auto-toolbar #auto-readout{max-width:90px;min-width:68px}.tl-auto-toolbar button{font-size:15px}.tl-auto-toolbar #auto-fine{font-size:0!important;width:44px}.tl-auto-toolbar #auto-fine::after{content:'Edit';font-size:15px}}
@media(max-width:900px){.app-header{flex-wrap:wrap;height:auto!important}.lesson-picker{flex:1;min-width:240px}.app-header h1{flex:none}.app-header>button{flex:none}.student-project-bar{flex-wrap:wrap}.project-name-label{flex:1 1 40%!important}.student-project-bar>select{flex:1}#lesson-two{min-height:900px}.student-menu{top:100%}.tl-auto-toolbar{flex-wrap:wrap}.tl-auto-toolbar #auto-fine{font-size:13px!important;width:auto}.tl-auto-toolbar #auto-fine::after{content:none}}

#studio-more{position:fixed;inset:62px 12px auto auto;margin:0;z-index:60;box-shadow:0 8px 30px #000c}
#built-in-heading{display:none}

.tl-auto-toolbar #auto-delete{font-size:15px;width:auto;min-width:53px}.tl-auto-toolbar #auto-delete::after{content:none}.tl-auto-toolbar #auto-collapse{min-width:53px}

#tl-fields input[type=range]{accent-color:var(--teal)}

@media(max-width:1100px){.tl-auto-toolbar select{width:85px!important}}