/* V3.4: a useful-sized player above its timeline, alongside the editing controls. */
.workspace .control-help{display:block;grid-column:1/-1;font-size:12px;line-height:1.5;color:#c9d2c6;margin:4px 0 8px;font-weight:400}
.workspace .inspector label small{max-width:240px}.workspace .inspector>label{align-items:start;display:flex;flex-wrap:wrap;gap:5px}.workspace .inspector>label small{flex-basis:100%}
#independent-brief{line-height:1.6;max-width:900px}#independent-brief h3{color:var(--lime)}#independent-required li{margin:8px 0}.workspace.independent-stage #guided-purpose{display:none}.workspace #range-diagrams{margin:12px 0;padding:10px;border:1px solid var(--line)}.workspace #range-diagrams summary{cursor:pointer}.workspace #lesson-try-top{margin:0 0 16px}.workspace .clip strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace .scoring-card summary,#score-detail summary{color:var(--lime);font-weight:650;cursor:pointer;padding:8px 0}.workspace .transport{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.workspace .viewer{height:auto;aspect-ratio:16/9}.workspace .viewer canvas{width:100%;height:100%;display:block}.workspace .source-note{font-size:12px}.workspace .viewer-area .playback-actions{flex-wrap:wrap}.workspace .viewer-area .playback-actions button{min-height:44px}
@media(min-width:1000px){.workspace .editing-workspace{grid-template-columns:minmax(340px,.8fr) minmax(0,1.6fr)}.workspace .inspector{grid-column:1;grid-row:1/3;position:sticky;top:8px}.workspace .viewer-area{grid-column:2;grid-row:1;display:block;border-top:0;border-bottom:1px solid var(--line);padding:16px}.workspace .viewer{width:100%;height:auto;aspect-ratio:16/9}.workspace .timeline-section{grid-column:2;grid-row:2}.workspace .viewer-area .view-mode,.workspace .viewer-area .source-note{margin:7px 0}.workspace .viewer-area .transport{margin-top:8px}.workspace .viewer-area .playback-actions{display:flex;gap:8px}.workspace .studio-footer{grid-row:3}.workspace .guided-feedback{grid-row:4}}
@media(max-width:999px){.workspace .viewer-area{order:0;display:block;padding:14px}.workspace .timeline-section{order:1}.workspace .inspector{order:2}.workspace .viewer{height:auto;width:100%;aspect-ratio:16/9}.workspace .studio-grid{display:contents}.workspace .editing-workspace{display:flex;flex-direction:column}.workspace .studio-footer{order:3}.workspace .guided-feedback{order:4}.workspace .inspector label{min-width:0}.workspace .timeline-bottom{flex-wrap:wrap;gap:8px}.workspace .viewer-area .playback-actions{display:flex;gap:8px}.workspace .viewer-badge{font-size:9px}.workspace .preview-caption{font-size:12px}}

@media(min-width:1000px){.workspace .viewer{width:min(100%,600px);margin-inline:auto}.workspace .editor-heading>div>p{display:none}.workspace .timeline-section{padding:12px 16px}.workspace .timeline{height:120px}.workspace .track{height:85px}.workspace .clip{height:65px;min-height:65px}.workspace .playhead{height:114px}.workspace .split-help{margin:6px 0}.workspace #playback-help{margin:5px 0}.workspace .timeline-bottom{padding:5px 0}}

.coach-position{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;margin:10px 0}.coach-position input{width:80px;min-height:40px}.coach-position small{color:#c9d2c6}

.workspace .clip{padding-left:8px;padding-right:8px}.workspace.edge-mode .clip.selected:not(.narrow){padding-left:24px;padding-right:24px}.workspace .clip.narrow{padding-left:3px;padding-right:3px}.workspace .clip.narrow strong{display:block;font-size:11px}.workspace .selected-summary{position:relative}