/* 83: one editing viewport, with task sheets instead of a long settings page. */
body.mobile-focus-editor{height:100vh;height:var(--cv-visible-height,100dvh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:#11161d;}
.mobile-focus-editor>header{position:relative;min-height:50px;padding:6px 10px;gap:8px;}
.mobile-focus-editor>header b{font-size:18px;}.mobile-focus-editor>header small{font-size:10px;}.mobile-focus-editor>header button{min-height:40px;padding:7px 10px;border-radius:5px;font-size:12px;}
.mobile-focus-editor>main{display:flex;flex-direction:column;gap:5px;min-height:0;overflow:hidden;width:100%;max-width:760px;padding:5px 10px 0;margin:0 auto;}
.mobile-focus-editor #name{flex:none;height:28px;min-height:28px;font-size:13px;margin:0;padding:3px 1px;border-radius:0;color:#b5c4d2;}
.mobile-focus-editor #previewDock{position:relative;display:flex;flex:1;flex-direction:column;min-height:100px;top:auto;z-index:auto;margin:0;padding:0;border:0;background:transparent;}
.mobile-focus-editor #previewDock .monitor{flex:1;height:auto;min-height:65px;max-height:none;border-radius:5px;}
.mobile-focus-editor .monitor>canvas{min-height:0;min-width:0;max-height:100%;max-width:100%;}
.mobile-focus-editor #empty{font-size:15px;color:#d7e6ec;cursor:pointer;}.mobile-focus-editor #empty small{font-size:12px;}
.mobile-focus-editor .transport{display:flex;flex:none;gap:6px;min-height:38px;margin:4px 0 0;padding:0;}
.mobile-focus-editor .transport button{min-height:36px;padding:5px 9px;font-size:12px;border-radius:4px;}.mobile-focus-editor .transport select{font-size:11px;min-height:34px;padding:3px;width:89px;border-radius:4px;}
.mobile-focus-editor .transport output{font-size:12px;text-align:center;white-space:nowrap;}
.mobile-focus-editor #previewActions{display:flex;flex:none;gap:5px;margin:4px 0 0;padding:0;overflow:visible;}.mobile-focus-editor #previewActions button{flex:1;min-width:0;min-height:34px;padding:4px 3px;font-size:11px;border-radius:4px;}
.mobile-focus-editor #mobileTimelineDeck{display:flex;flex:none;flex-direction:column;min-height:0;gap:4px;}
.mobile-focus-editor #timelineTools{display:flex;flex:none;flex-wrap:nowrap;gap:4px;margin:0;min-height:34px;padding:0;}
.mobile-focus-editor #timelineTools button{min-height:32px;padding:3px 10px;font-size:13px;border-radius:4px;}.mobile-focus-editor #zoomLabel{flex:1;text-align:center;font-size:10px;}
.mobile-focus-editor #timelineScroll{height:clamp(125px,24dvh,200px);min-height:0;max-height:none;margin:0;border-radius:4px;overflow:auto;overscroll-behavior:contain;}
.mobile-focus-editor #ruler{height:25px;}.mobile-focus-editor #timeline{min-height:90px;}.mobile-focus-editor .clip img{height:40px;}.mobile-focus-editor .clip span{font-size:10px;padding:2px 5px;}.mobile-focus-editor .drag-handle{height:22px;min-height:22px;}
.mobile-focus-editor #transitionMarkers{top:25px;height:90px;}
.mobile-focus-editor #mobileNotices{flex:none;max-height:36px;overflow:auto;overscroll-behavior:contain;}
.mobile-focus-editor #mobileNotices p{font-size:10px;line-height:1.5;margin:0;min-height:0;padding:0;color:#a9c4cf;}.mobile-focus-editor #saveFeedback:not(:empty){border:0;padding:0;}
.mobile-focus-editor #mobileNotices p:empty{display:none;}.mobile-focus-editor #mobileNotices:has(#saveFeedback:not(:empty)) #status{display:none;}
.mobile-focus-editor main>.track-label,.mobile-focus-editor main>.hint,.mobile-focus-editor main>#positionControl,.mobile-focus-editor main>#toolTabs,.mobile-focus-editor main>#editor,.mobile-focus-editor main>#audioList{display:none!important;}
.mobile-focus-editor main>.backup-actions:empty{display:none;}
.mobile-focus-editor>nav{position:relative;bottom:auto;width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));z-index:10;}
.mobile-focus-editor>nav button{min-width:0;min-height:46px;padding:4px 1px;font-size:11px;white-space:nowrap;border-radius:4px;background:#202c36;color:#d6e8ee;}.mobile-focus-editor>nav button:first-child{background:#244b57;border-color:#5b8b9b;}
#mobileToolSheet{position:fixed;inset:auto 0 0;margin:0 auto;width:min(760px,100vw);max-width:none;height:auto;max-height:62vh;max-height:62dvh;padding:0;border:1px solid #52636e;border-bottom:0;border-radius:12px 12px 0 0;background:#1a232c;overflow:hidden;box-shadow:0 -8px 36px #0007;}
#mobileToolSheet{bottom:var(--cv-keyboard-gap,0px);max-height:min(62dvh,calc(var(--cv-visible-height,100dvh) - 20px));}
#mobileToolSheet[open]{display:flex;flex-direction:column;}#mobileToolSheet::backdrop{background:#0005;}
.mobile-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:9px 12px;border-bottom:1px solid #3b4a55;background:#202e38;}
#mobileSheetTitle{font-size:15px;margin:0;color:#e6eff4;}#mobileSheetDone{margin:0;min-height:38px;padding:5px 18px;background:#355866;border-color:#759ba7;color:#f0f7fa;border-radius:5px;}
#mobileToolSheet>#selectedClipStatus{flex:none;margin:0;padding:6px 12px;font-size:11px;}
#mobileToolSheet #mobileToolWindow{flex:1;min-height:0;height:auto;max-height:none;margin:0;padding:10px 12px calc(12px + env(safe-area-inset-bottom));border:0;border-radius:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;}
#mobileToolSheet .work-panel-title{display:none;}#mobileToolSheet .work-panel[hidden]{display:none!important;}#mobileToolSheet .work-panel>.tool-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
#mobileToolSheet button{margin:0;}
#mobileToolSheet .mobile-trim-primary{display:flex;margin-bottom:10px;}#mobileToolSheet #split{width:100%;background:#315461;border-color:#749da8;min-height:46px;}
#mobileToolSheet #transitionDock{margin:0;padding:0;border:0;background:none;}#mobileToolSheet #transitionDock>strong{display:none;}#mobileToolSheet #transitionCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:7px;width:100%;}
#mobileToolSheet #transitionCards button{min-width:0;min-height:62px;padding:7px 2px;}#mobileToolSheet #transitionCards button small{font-size:11px;white-space:normal;}
#mobileToolSheet .mobile-caption-languages{display:grid;grid-template-columns:1fr 1fr;gap:10px;}#mobileQuickTranscription{display:grid;gap:8px;}#mobileQuickTranscription>p{font-size:11px;line-height:1.5;margin:0;color:#aebfca;}#mobileQuickTranscription #transcribeClip{margin:0;background:#315461;border-color:#749da8;min-height:46px;}
#mobileToolSheet #captionsPanel{margin:0;padding:0;border:0;}#mobileToolSheet #captionsPanel>h3{display:none;}#mobileToolSheet #captionsPanel details{margin-top:12px;}
#mobileToolSheet #mobileToolStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0;border:0;overflow:visible;}#mobileToolSheet #mobileToolStrip button{min-width:0;min-height:60px;flex-basis:auto;border-radius:4px;}
#mobileToolSheet #mobileToolStrip,#mobileToolSheet #transitionCards{touch-action:pan-y;scroll-snap-type:none;}
#mobileMorePanel h3{font-size:13px;color:#bacbd6;margin:12px 0 8px;}#mobileMorePanel h3:first-child{margin-top:0;}.mobile-more-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;}.mobile-more-actions button{font-size:11px;margin:0;}#mobileMorePanel>#addMusic{width:100%;margin:0 0 8px;}#mobileMorePanel #draftControls{display:grid;gap:8px;}#mobileMorePanel #timelinePan{display:flex;margin-top:10px;}.mobile-extra-navigation{margin-top:14px;}
@media(max-height:520px){.mobile-focus-editor>header{min-height:42px;}.mobile-focus-editor #name,.mobile-focus-editor #previewActions,.mobile-focus-editor #mobileNotices{display:none;}.mobile-focus-editor #timelineScroll{height:92px;}.mobile-focus-editor #previewDock{min-height:75px;}.mobile-focus-editor>nav button{min-height:38px;}#mobileToolSheet{max-height:80dvh;}}
@media(min-width:760px){.mobile-focus-editor>nav{max-width:760px;justify-self:center;}.mobile-focus-editor>header{padding-inline:max(12px,calc((100vw - 740px)/2));}}
/* 85: independent audio movement and trimming, with separate touch handles. */
#audioLane .audio-bar{height:40px;min-height:40px;padding:3px 27px;overflow:hidden;touch-action:pan-x pan-y;cursor:pointer;}
#audioLane .audio-track-name{display:block;overflow:hidden;text-overflow:ellipsis;font-size:10px;line-height:16px;white-space:nowrap;pointer-events:none;}
#audioLane .timeline-waveform{height:15px;pointer-events:none;}
#audioLane .audio-edit-handle{position:absolute;top:0;bottom:0;height:40px;min-height:40px;width:26px;padding:0;border:0;border-radius:2px;z-index:2;font-size:16px;touch-action:none;user-select:none;-webkit-user-select:none;background:#3c5772b8;color:#e1effc;}
#audioLane .audio-edit-start{left:0;}#audioLane .audio-edit-end{right:0;}#audioLane .audio-edit-move{left:50%;transform:translateX(-50%);background:#223744c9;cursor:grab;}
#mobileChooseMusic,#mobileSplitMusic{display:block;width:100%;margin-bottom:9px!important;}
#mobileRemoveTransition{display:block;width:100%;margin-top:10px!important;background:#5b3540;border-color:#a17781;}
#transitionActionStatus{font-size:11px;line-height:1.5;color:#c4dbe3;margin:7px 0 0;}
#mobileAudioEditHint{font-size:11px;line-height:1.6;color:#b6cdd7;}
/* 86: the whole audio body moves independently; only the ruler head captures scrub. */
#audioLane .audio-bar{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;}
#playhead{pointer-events:none!important;}
#playhead:before,#playhead:after{pointer-events:none;}
#playheadHandle{position:absolute;top:0;left:0;width:28px;height:28px;min-height:28px;margin:0;padding:0;border:0;border-radius:0;background:transparent;pointer-events:auto;touch-action:none;z-index:1;cursor:ew-resize;}

#musicSourcePicker{width:min(420px,calc(100vw - 24px));max-height:85dvh;overflow:auto;}#musicSourcePicker .music-source-options{display:grid;gap:12px;margin:18px 0;}#musicSourcePicker .music-source-options button{min-height:56px;text-align:right;padding:12px 16px;font-size:16px;}