/* V3.2 working studio: preserve the original visual language and controls. */
.workspace .studio-top{padding:14px 20px}.workspace .lesson{margin:14px 20px;padding:18px}.workspace .lesson.editing-stage{padding:0;border:0;background:transparent}.editing-stage #lesson-title,.editing-stage #coach-explanation,.editing-stage .coach-continue{display:none}.workspace .stage-nav{margin:0 0 12px}.workspace .coach-viewer{max-width:640px}.workspace #coach-media{max-width:800px}.workspace aside{padding:12px 20px;background:#1e2b25;display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px}.workspace aside>.eyebrow{flex:0 0 100%}.workspace aside #brief{flex:1 1 65%;margin:0;font-size:14px;line-height:1.5}.workspace aside #objective-progress{margin:0;font-size:12px}.workspace aside details{flex:0 0 100%;margin:0;padding:0;border:0}.workspace aside .scoring-card{flex:1 1 auto;font-size:12px}.workspace aside .scoring-card strong{display:none}.workspace aside .scoring-card p{margin:6px 0}.workspace aside #start{width:auto;padding:9px 14px;margin:0}.workspace aside .mission-footer{gap:16px}.workspace aside #hint-text{flex:0 0 100%;margin:0}.workspace #guided-controls{margin:0;padding:12px 20px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#243426}.workspace #guided-controls h3{font-size:13px;display:inline-block;margin:0 16px 6px 0}.workspace #guided-purpose{display:none}.guidance-mode{display:inline-flex;gap:6px;vertical-align:middle;margin-bottom:6px}.guidance-mode button{padding:7px 12px}.guidance-mode button[aria-pressed=true]{background:var(--lime);color:#172419}.workspace #guided-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 25px;margin:4px 0 5px;padding-left:20px;font-size:13px;line-height:1.5}.workspace #guided-cue{font-size:12px;margin:6px 0;padding:6px 10px}.workspace #walkthrough{font-size:12px}.workspace .guided-buttons{display:inline-flex;margin:0;gap:10px}.workspace #guided-jump-check{display:none}.workspace .studio-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,1fr);align-items:stretch}.workspace .viewer-area{padding:14px 18px;min-width:0}.workspace .viewer{max-height:240px;width:100%;aspect-ratio:16/9}.workspace .viewer canvas{object-fit:contain;background:#111819}.view-mode{font-size:12px;color:var(--lime);margin:8px 0}.playback-actions{display:flex;gap:8px;flex-wrap:wrap}.playback-actions button{padding:9px 12px;min-height:40px}.workspace .transport{gap:12px;padding-top:8px}.transport-note{display:none}.workspace .transport button{min-height:36px}#comparison-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;font-size:12px}#comparison-controls select{background:#101b1b;color:var(--text);font:inherit;padding:7px;border:1px solid var(--line)}.workspace .inspector{display:grid;grid-template-columns:1fr 1fr auto;gap:9px 12px;align-content:start;padding:14px 18px;border-top:0;min-width:0}.workspace .inspector .inspector-heading,.workspace .inspector .clip-picker-label,.workspace .inspector .trim-help,.workspace .inspector .reorder-help{grid-column:1/-1;min-width:0;margin:0}.workspace .inspector-heading h3{margin:0;font-size:15px}.workspace .inspector-heading p{margin:4px 0;line-height:1.4}.workspace .selected-summary{grid-column:1/-1;min-width:0;margin:0}.workspace .selected-summary small{display:inline-block;margin:0 10px 0 0}.workspace .clip-picker-label select{width:100%;max-width:100%;margin-top:4px;min-height:40px;padding:8px;font-size:12px}.workspace .inspector label{font-size:12px}.workspace .inspector label span{margin-top:4px}.workspace .inspector input{width:100%;max-width:90px;min-height:40px;font-size:14px}.workspace .inspector #trim{align-self:end;min-height:40px;font-size:13px}.workspace .order-buttons{grid-column:1/-1;display:flex;gap:8px}.workspace .order-buttons button{font-size:13px;min-height:40px}.workspace .inspector .reorder-help,.workspace .inspector .trim-help{font-size:12px;line-height:1.45;color:#b7c9b6}.workspace .timeline-section{padding:10px 18px}.workspace .editor-heading{margin-bottom:8px;align-items:center}.workspace .editor-heading h3{font-size:15px;margin:0}.workspace .editor-heading p{margin:4px 0;font-size:12px}.workspace .editor-heading button{width:auto;padding:6px 10px;font-size:12px}.workspace .selection-banner{padding:6px 10px;margin:6px 0;font-size:12px}.workspace .split-explainer{margin:6px 0;font-size:12px;line-height:1.4}.workspace .tools{margin-bottom:8px}.workspace .tools button{min-height:38px;font-size:13px;padding:7px 11px}.workspace .timeline{height:113px}.workspace .track{margin-top:4px}.workspace .timeline-bottom{padding-top:6px;font-size:11px}.workspace .studio-footer{padding:10px 18px}.workspace .studio-footer .primary{padding:11px 18px}#editing-workspace,#guided-controls,#lesson-title{scroll-margin-top:12px}#guided-controls:focus,#editing-workspace:focus{outline:none}.workspace #result{align-items:flex-start}#result #score-detail{margin-top:14px;font-size:13px}.result-actions{display:flex;flex-wrap:wrap;gap:8px}#result-play,#result-compare{font-size:13px}.workspace .practice-feedback{scroll-margin-top:12px}
@media(max-width:900px){.workspace .studio-grid{grid-template-columns:minmax(0,1fr) minmax(320px,1fr)}.workspace .inspector{padding:12px;gap:8px}.workspace .viewer-area{padding:12px}.workspace #guided-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace .transport{flex-wrap:wrap}}
@media(max-width:700px){.workspace .studio-grid{grid-template-columns:minmax(0,1fr)}.workspace .viewer{max-height:none}.workspace .viewer-area{border-right:0}.workspace #guided-steps{grid-template-columns:1fr}.workspace .inspector{border-top:1px solid var(--line);padding:14px}.workspace .studio-top{padding:14px}.workspace .lesson{margin:14px}.workspace aside{padding:14px}.workspace #guided-controls{padding:12px 14px}.workspace .inspector .order-buttons{width:100%}.workspace .order-buttons button{flex:1}.workspace .inspector .selected-summary{width:auto}.workspace .studio-footer{align-items:stretch}.workspace .timeline-section{padding:12px}.workspace .stage-nav button{padding:10px 7px;min-height:44px}.workspace .playback-actions button{min-height:44px}.workspace .inspector input,.workspace .inspector button{min-height:44px}.workspace .timeline-bottom{flex-wrap:wrap}.workspace .studio-actions button{padding:8px 10px}}

.workspace #guided-purpose{display:block;font-size:13px;line-height:1.45;margin:4px 0 8px}.workspace #guided-controls .done{color:#d5f477}.workspace .source-help{grid-column:1/-1;font-size:12px;line-height:1.5}.workspace .source-help p{padding-top:8px}.workspace .split-help{font-size:12px;margin:5px 0}.workspace .guided-feedback{padding:16px 20px;background:#25362c;border:2px solid #a0b570;border-radius:6px;scroll-margin-top:10px}.guided-feedback h3{font-size:17px;margin:0 0 12px}.guided-feedback ul{padding:0;list-style:none;display:grid;gap:10px}.guided-feedback li{border-left:3px solid #d8ba72;padding:6px 12px}.guided-feedback li.done{border-color:#d5f477}.guided-feedback p{font-size:14px;line-height:1.5;margin:5px 0}.workspace .guided-feedback:focus{outline:none}.workspace .guided-buttons:empty{display:none}.workspace .inspector-heading p{display:none}.workspace .guided-buttons{min-height:0}.workspace .guided-buttons:has(button[hidden]):not(:has(button:not([hidden]))){display:none}.workspace #guided-cue{margin-bottom:0}.workspace .viewer{max-height:200px}.workspace .selection-banner{padding:5px 8px}.workspace .inspector .reorder-help{font-size:12px}.workspace .source-help summary{color:#d5f477}.workspace .timeline-bottom{padding-top:3px}
@media(min-width:1000px){.workspace .editing-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,1fr)}.workspace .studio-grid{display:contents}.workspace .viewer-area{grid-column:1;grid-row:1;border-right:1px solid var(--line);padding:12px 16px 8px}.workspace .inspector{grid-column:2;grid-row:1/3;border-left:1px solid var(--line);padding:14px 16px}.workspace .timeline-section{grid-column:1;grid-row:2;padding:8px 16px}.workspace .studio-footer,.workspace .guided-feedback{grid-column:1/-1}.workspace .editor-heading p,.workspace .selection-banner{display:none}.workspace .timeline{min-width:520px;height:109px}.workspace .tools{flex-wrap:wrap;gap:6px;margin:6px 0}.workspace .editor-heading{margin-bottom:4px}.workspace .timeline-bottom>span:last-child{display:none}.workspace .tools button{padding:6px 8px;min-height:36px;font-size:12px}.workspace .timeline-bottom{font-size:11px}.workspace .reorder-help{max-width:380px}.workspace #guided-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.workspace .viewer{max-height:none}.workspace #guided-purpose{font-size:13px}.workspace .guided-feedback{margin:10px}.workspace .timeline{min-width:520px}.workspace .playback-actions{display:grid;grid-template-columns:1fr}.workspace .playback-actions button{white-space:normal}}

.workspace .inspector .tools{grid-column:1/-1;flex-wrap:wrap;gap:6px;margin:0}.workspace .inspector .tools button{font-size:12px;padding:7px 9px;min-height:38px}.workspace .inspector .tools .tool-group{gap:6px}.workspace .inspector .tools .tool-group:last-child{margin-left:auto}.workspace .guided-buttons{display:none}.workspace .guided-buttons:has(#guided-return:not([hidden])){display:flex;margin-top:6px}.workspace .timeline-section #tutorial{grid-column:1/-1}.workspace #guided-cue{line-height:1.4}.workspace .view-mode{line-height:1.4;margin:6px 0}.workspace .transport{line-height:1.2}.workspace .editor-heading button{min-height:34px}.workspace .editor-heading{margin-top:0}
@media(min-width:1000px){.workspace .viewer{max-height:180px}.workspace .viewer-area{padding-top:10px;padding-bottom:6px}.workspace .inspector{grid-row:1;align-self:start;gap:8px}.workspace .studio-footer{grid-column:2;grid-row:2;align-self:start;flex-direction:column;align-items:stretch;gap:8px;border-top:0}.workspace #guided-feedback{grid-column:1/-1;grid-row:3}.workspace .studio-footer p{font-size:13px}.workspace .timeline-section{padding-top:6px}.workspace .timeline-scroll{margin-top:5px}.workspace #guided-controls{padding:9px 20px}.workspace #guided-cue{padding:4px 8px}.workspace #guided-steps{gap:2px 25px}.workspace .timeline-bottom{padding-top:2px}}
@media(max-width:700px){.workspace .inspector .tools .tool-group:last-child{margin-left:0}.workspace .inspector .tools button{min-height:44px}}

@media(min-width:1000px){.workspace .viewer{max-height:160px}.workspace .inspector .inspector-heading{grid-column:1;grid-row:1}.workspace .inspector .selected-summary{grid-column:2/-1;grid-row:1;text-align:right;align-self:center}.workspace .selected-summary small{display:none}.workspace .inspector{padding-top:12px;padding-bottom:10px}.workspace .timeline-section{padding-bottom:6px}}

#guidance-shortcut{margin-top:8px}.workspace .inspector .inspector-heading{min-width:0}.workspace .tools .tool-group{flex-wrap:wrap}
@media(min-width:1000px){#guidance-shortcut{display:none}}
@media(max-width:700px){.guidance-mode button,.workspace .clip-picker-label select{min-height:44px}.workspace .inspector .inspector-heading button{font-size:12px}.workspace .inspector label{min-width:0}.workspace .inspector input{min-width:0}}
