/* Keep recording controls together and reserve the workspace for the pitch. */
body.board-editing .record-actions #recordingBar{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:9px;flex:none;width:auto;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#41624e;font-size:11px}
body.board-editing .record-actions #recordingBar>div{display:flex;align-items:center;gap:7px;min-width:0}
body.board-editing .record-actions #recordLabel{font-size:11px;white-space:nowrap}
body.board-editing .record-actions #recordTime{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}
body.board-editing .record-actions #micLevel{font-size:10px;max-width:114px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7b8e81}
body.board-editing .record-actions .record-scope{display:none}
body.board-editing .record-actions #stopRecord{background:#ad4b42;border-color:#ad4b42;color:#fff}
body.board-editing .record-actions #recordingBar.paused #recordLabel{color:#aa8038}
.editor-save-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap!important;border:0!important}
body.board-editing .board-status{justify-content:flex-end}
body.board-editing .field-hint{display:none!important}

/* The separator trades height between the two panes without changing their order. */
body.board-editing #editorView #timelineArea{flex:0 0 auto;max-height:none;min-height:0;margin-top:0;display:flex;flex-direction:column;overflow:hidden}
body.board-editing #timelineArea>.timeline-toolbar,body.board-editing #timelineArea>.clip-editor{flex:none}
body.board-editing #timelineArea .timeline-scroller{flex:1;min-height:35px;overflow:auto}
body.board-editing #timelineArea .object-tracks{flex:none;max-height:35%;overflow:auto}
body.board-editing #timelineArea #timelineGrid{--sound-row-min:43px;height:100%;min-height:157px;grid-template-rows:24px 32px minmax(58px,1.4fr) minmax(var(--sound-row-min),1fr)}
body.board-editing #timelineArea #timelineGrid:has(.multi-audio){--sound-row-min:95px;min-height:209px}
body.board-editing #timelineArea #timelineGrid .video-lane{height:auto;min-height:58px}
body.board-editing #timelineArea #timelineGrid .video-lane .take-clip.video-thumbnails,body.board-editing #timelineArea #timelineGrid .audio-lane .take-clip{top:4px;height:calc(100% - 8px)}
body.board-editing #timelineArea #timelineGrid .audio-lane.multi-audio .take-clip{height:calc(50% - 6px)}
body.board-editing #timelineArea #timelineGrid .audio-lane.multi-audio .take-clip.system{top:calc(50% + 2px)}
body.board-editing #timelineArea .actual-waveform{height:calc(100% - 18px);min-height:12px}
.workspace-splitter{flex:0 0 11px;height:11px;display:flex;align-items:center;justify-content:center;cursor:row-resize;touch-action:none;user-select:none;outline-offset:-2px;border-radius:4px;background:transparent}
.workspace-splitter:before{content:'';width:42px;height:3px;border-radius:3px;background:#b7c9bd;transition:background .12s,width .12s}
.workspace-splitter:hover:before,.workspace-splitter:focus-visible:before{width:64px;background:#16805d}
.workspace-splitter:focus-visible{outline:2px solid #79b59a}
.workspace-resizing,.workspace-resizing *{cursor:row-resize!important;user-select:none!important}
.workspace-resizing .workspace-splitter:before{width:64px;background:#16805d}
@media(max-width:1100px){body.board-editing .project-heading{flex-wrap:wrap}body.board-editing .record-actions{margin-left:auto}body.board-editing .record-actions #micLevel{max-width:90px}}
@media(max-width:760px){.workspace-splitter{flex-basis:16px;height:16px}body.board-editing .record-actions #recordingBar{gap:5px}body.board-editing .record-actions #recordingBar>div{gap:4px}body.board-editing .record-actions #micLevel{display:none}}

/* Side-by-side recording must always keep Pause and Stop inside the viewport. */
@media(max-width:1100px){
  body.board-editing .record-actions{min-width:0;max-width:100%}
  body.board-editing .record-actions #recordingBar{max-width:100%;flex-wrap:wrap}
  body.board-editing .record-actions:has(#recordingBar:not([hidden]))>:is(#resourcesOpen,#cloudSave,#exportOpen,#settingsOpen){display:none}
}