*{box-sizing:border-box}body{margin:0;background:#12151d;color:#f2f4fa;font:15px system-ui}header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #303541}header b{font-size:21px;direction:ltr}header span{color:#ffd15a}header small{flex:1;color:#a6b0c1}button,select,input,textarea{font:inherit;color:inherit;background:#262d3b;border:1px solid #414b60;border-radius:12px;padding:10px}button{cursor:pointer;touch-action:manipulation;min-height:44px}.gold{background:#ffd15a;color:#14171d;border:0;font-weight:700}main{max-width:760px;margin:auto;padding:12px 14px 110px}#name{width:100%;margin-bottom:12px;background:transparent;border:0;font-size:20px}.monitor{height:36svh;max-height:400px;min-height:210px;position:relative;background:#080a0f;border-radius:18px;display:flex;justify-content:center;overflow:hidden}canvas{height:100%;max-width:100%;object-fit:contain}#empty{position:absolute;inset:0;display:grid;align-content:center;text-align:center;line-height:2;color:#ffd15a}#empty small{color:#a6b0c1}.transport{display:flex;gap:12px;align-items:center;margin:12px 0}.transport output{flex:1;direction:ltr;font-variant-numeric:tabular-nums}#seek{width:100%;accent-color:#ffd15a;padding:0}.track-label{margin:14px 0;color:#ddd}.track-label small{color:#8d9ab1;margin-right:10px}#timeline{display:flex;gap:8px;overflow-x:auto;direction:ltr;min-height:100px;padding:5px 0 12px}.clip{flex:0 0 114px;position:relative;text-align:left;overflow:hidden;padding:0;background:#202736}.clip img{width:100%;height:60px;object-fit:cover}.clip span{display:block;padding:4px 7px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip.active{outline:2px solid #ffd15a}.clip.playing{box-shadow:inset 0 -4px #7edaca}#editor{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}#editor[hidden],#musicPanel[hidden]{display:none}label{display:grid;gap:5px;font-size:13px;color:#bcc6d7}label input{width:100%;min-width:0}.wide{grid-column:1/-1}nav{position:fixed;bottom:0;width:100%;display:flex;justify-content:space-around;gap:5px;background:#1a202c;padding:12px 8px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #414b60}nav button{border:0;background:transparent;padding:8px}#status{font-size:13px;color:#b5c1d4;line-height:1.7}dialog{background:#1c2331;color:white;border:1px solid #4c586e;border-radius:20px;width:min(94vw,500px);max-height:85svh;overflow:auto}dialog::backdrop{background:#000b}dialog button{margin:5px}progress{width:100%;accent-color:#ffd15a}#download{display:block;color:#ffd15a;padding:16px}#download[hidden]{display:none}#projectList button{display:block;width:100%;text-align:right}textarea{resize:vertical}button:disabled{opacity:.4}

#musicTitle{display:block;margin:12px 0;direction:ltr;text-align:right}#musicCreditNote{font-size:13px;color:#ffd15a}#musicLibrary label{margin:12px 0}#musicLibrary input{width:100%}.music-card{padding:14px 0;border-bottom:1px solid #414b60}.music-card strong,.music-card small,.music-card a{display:block}.music-card small{color:#bcc6d7;margin:8px 0}.music-card a,#downloadCredit{color:#ffd15a;font-size:13px;overflow-wrap:anywhere}#creditText{width:100%;font-size:13px}button[hidden],p[hidden]{display:none!important}

#timelineTools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:12px 0}#zoomLabel{font-size:12px;color:#bcc6d7}.hint{font-size:12px;color:#bcc6d7}#timelineScroll{overflow-x:auto;direction:ltr;touch-action:pan-x pan-y;margin-bottom:14px;border:1px solid #414b60;border-radius:12px}#timelineContent{position:relative;direction:ltr}#timeline{overflow:visible;gap:0;min-height:112px;padding:0;display:flex}.clip{flex:0 0 auto;border:1px solid #414b60;border-radius:7px;min-width:1px;background:#202736;position:relative}.clip-select{width:100%;padding:0;border:0;display:block;text-align:left;border-radius:0;overflow:hidden}.clip img{height:54px}.drag-handle{display:block;padding:0;width:100%;height:27px;min-height:27px;border:0;border-radius:0;color:#ffd15a;touch-action:none;background:#343d51}.clip.dragging{opacity:.6}.clip.drop-target{outline:3px solid #7edaca}#ruler{position:relative;height:30px;cursor:crosshair;background:#1a202c;touch-action:pan-y}#ruler span{position:absolute;top:3px;font-size:11px;border-left:1px solid #758098;padding-left:3px;pointer-events:none}#playhead{position:absolute;top:0;bottom:0;width:2px;background:#ffd15a;pointer-events:none;z-index:3}#audioLane{position:relative;height:38px;background:#151b25}.audio-bar{position:absolute;top:3px;height:30px;min-height:30px;padding:4px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#583d85;border:1px solid #a286dd;text-align:left}.music-edit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}#empty[hidden]{display:none}#musicPanel{border:1px solid #66518b;border-radius:14px;padding:12px;margin:12px 0}

#timelinePan{display:flex;align-items:center;gap:10px;padding:12px 8px;margin:0 0 14px;background:#262d3b;border:1px solid #59677f;border-radius:12px;direction:ltr}#timelinePan label{flex:1;text-align:center;direction:rtl;color:#f2f4fa}#timelinePanRange{display:block;width:100%;height:32px;padding:0;accent-color:#ffd15a;direction:ltr}#timelinePanRange::-webkit-slider-thumb{min-width:24px;min-height:24px}#timelinePan button{flex:0 0 44px;background:#394458;color:#ffd15a}

#positionControl{padding:12px;background:#262d3b;border-radius:12px;margin:12px 0;color:#ffd15a}#positionRange{width:100%;height:32px;padding:0;accent-color:#ffd15a;direction:ltr}#playStatus{color:#ffd15a;font-size:13px;min-height:18px}

#timelineScroll{touch-action:pan-x pan-y}#timeline .clip-select{touch-action:pan-x pan-y}.drag-handle{touch-action:none}#positionRange,#timelinePanRange{touch-action:pan-y}

header{position:sticky;top:0;z-index:10;background:#12151d;padding:10px}main{padding-bottom:100px}.monitor{height:28svh;min-height:180px}#seek,#positionControl,.hint{display:none}#toolTabs{display:flex;gap:8px;margin:12px 0}#toolTabs button{flex:1}body[data-tool="video"] #toolTabs [data-tool="video"],body[data-tool="text"] #toolTabs [data-tool="text"],body[data-tool="audio"] #toolTabs [data-tool="audio"]{background:#ffd15a;color:#12151d}body[data-tool="video"] .text-control,body[data-tool="text"] .video-control,body[data-tool="audio"] #editor,body:not([data-tool="audio"]) #musicPanel{display:none!important}#timelineTools{gap:4px}#timelineTools button{padding:8px}#timelinePan{padding:8px}.trim-controls,.text-design{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trim-controls input,.text-design input{width:100%;accent-color:#ffd15a}.selected-audio{outline:2px solid #ffd15a}#musicSelect{max-width:100%}#audioLane{min-height:38px}
.trim-handle{position:absolute;top:0;bottom:27px;width:18px;min-height:44px;border:0;padding:0;border-radius:4px;touch-action:none;background:#ffd15a;color:#12151d;opacity:.85;z-index:2}.trim-start{left:0}.trim-end{right:0}

#toolTabs{flex-wrap:wrap}#toolTabs button{min-width:70px}body[data-tool="captions"] #editor,body:not([data-tool="captions"]) #captionsPanel{display:none!important}body[data-tool="captions"] #toolTabs [data-tool="captions"]{background:#ffd15a;color:#12151d}#captionsPanel{border:1px solid #497c7c;border-radius:14px;padding:12px;margin:12px 0}#captionsPanel p{font-size:13px;line-height:1.6}#captionsPanel label{margin:10px 0}#captionEditor[hidden]{display:none}#captionText{width:100%}.caption-times{display:grid;grid-template-columns:1fr 1fr;gap:10px}#captionList{max-height:240px;overflow:auto;margin:12px 0}#captionList button{display:block;width:100%;text-align:right;margin:5px 0;white-space:normal}.selected-caption{outline:2px solid #7edaca}#captionLane{position:relative;height:34px;background:#10282b}.caption-bar{position:absolute;top:3px;min-height:26px;height:26px;padding:2px;font-size:11px;overflow:hidden;white-space:nowrap;background:#206364;border:1px solid #7edaca;text-align:left;direction:rtl}#exportStage{color:#ffd15a;font-weight:bold}#exportEstimate{font-size:13px;color:#bcc6d7}

#transcribeFeedback{color:#ffd15a;border-right:3px solid #ffd15a;padding:8px;min-height:38px}#transcribeFeedback:empty{display:none}

#transcriptionReview[hidden]{display:none}#transcriptionAudio{width:100%;margin:10px 0}#downloadTranscriptionAudio{display:block;color:#ffd15a;padding:10px}
/* Focused tools with persistent preview */
#previewDock{position:sticky;top:60px;z-index:9;background:#12151d;padding:6px 0 4px;box-shadow:0 8px 12px #0005}
#previewDock .monitor{height:25svh;min-height:120px;max-height:240px;border-radius:12px}
#previewDock .transport{margin:6px 0;gap:6px}#previewDock .transport button,#previewDock select{padding:6px;min-height:36px}
#editor{display:block}.tool-section{border:1px solid #414b60;border-radius:12px;margin:8px 0;overflow:hidden}.tool-section>summary{padding:12px;background:#202736;color:#f2f4fa;cursor:pointer;font-weight:600;min-height:44px}.tool-section[open]>summary{background:#34435a;color:#ffd15a}.tool-content{padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-content>p,.tool-content>div,.tool-content>h3,.tool-content>.wide{grid-column:1/-1}.tool-content label{min-width:0}.tool-content textarea,.tool-content select{width:100%;min-width:0}#captionsPanel{padding:8px}#captionsPanel .tool-content{display:block}#captionsPanel .tool-content>button{margin:4px}#captionList{max-height:none}#toolTabs{scroll-margin-top:calc(25svh + 130px)}.tool-section{scroll-margin-top:calc(25svh + 130px)}
@media(max-height:520px){#previewDock .monitor{height:22svh;min-height:80px}#previewDock{top:55px}}

#previewActions{display:flex;gap:5px;padding:4px 0}#previewActions button{flex:1;font-size:12px;padding:5px;min-height:34px}#imageDurationLabel[hidden]{display:none}#stillPreview{width:100%;max-height:50svh;object-fit:contain}#downloadStill{display:block;padding:12px;color:#ffd15a}

#batchTools{width:100%;margin:10px 0;color:#ffd15a}.batch-section{border:1px solid #414b60;border-radius:12px;padding:10px;margin:10px 0}.batch-section summary{cursor:pointer;min-height:36px;font-weight:bold}.batch-section label{margin:10px 0}#batchStatus{color:#7edaca}

#previewActions{flex-wrap:wrap}#previewActions button{flex:1 1 40%}

#titleCardTools{width:100%;margin:6px 0}#titleCardDialog label{margin:10px 0}#titleCardDialog textarea{width:100%}

.backup-actions{display:flex;gap:8px;margin:8px 0}.backup-actions button{flex:1;font-size:12px}#downloadBackup{display:block;padding:12px;color:#ffd15a}#downloadBackup[hidden]{display:none}

#captionSearchResults button,#projectCheckResults button{display:block;width:100%;text-align:right;margin:6px 0;white-space:normal}.backup-actions{flex-wrap:wrap}.backup-actions button{min-width:110px}#captionSearchResults{max-height:220px;overflow:auto}

#draftControls{border:1px solid #414b60;border-radius:12px;padding:10px;margin:10px 0;display:grid;gap:8px}#draftControls label{display:flex;align-items:center}#draftControls input{width:auto}#draftStatus{color:#bcc6d7}
/* Mobile editing workstation */
header{position:static}#previewDock{top:0;background:#12151d;padding:8px 0;box-shadow:none}#previewDock .monitor{height:30svh;min-height:140px;max-height:300px;align-items:center}#previewDock canvas{display:block;margin:auto}#previewActions{flex-wrap:nowrap}#previewActions button{flex:1;font-size:10px}#mobileWorkbench{position:relative;margin-bottom:12px}#mobileToolStrip{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x;scroll-snap-type:x proximity;padding:7px 2px;direction:rtl}#mobileToolStrip button{flex:0 0 72px;display:grid;gap:4px;justify-items:center;padding:8px 4px;scroll-snap-align:start}#mobileToolStrip button b{font-size:22px}#mobileToolStrip button small{font-size:11px;white-space:nowrap}#mobileToolStrip button.active{background:#ffd15a;color:#12151d;border-color:#ffd15a}#mobileToolWindow{height:25svh;min-height:150px;max-height:260px;overflow-y:auto;border:1px solid #414b60;border-radius:14px;background:#1a202c;padding:8px}.work-panel[hidden]{display:none!important}.work-panel-title{display:block;color:#ffd15a;margin:4px 6px 8px}.work-hint{font-size:11px;margin:5px 0;color:#a6b0c1}.work-panel .tool-content{padding:4px}.work-panel .text-design{grid-template-columns:repeat(2,minmax(0,1fr))}.work-panel label{margin:4px 0!important}.work-panel .tool-section{margin:5px 0}.work-panel #captionsPanel{margin:0;padding:0;border:0}.work-panel #captionsPanel>h3{display:none}.horizontal-choices{display:flex;gap:8px;overflow-x:auto;direction:rtl;touch-action:pan-x;padding:5px 0;grid-column:1/-1}.horizontal-choices button{flex:0 0 100px;min-height:70px;display:grid;gap:4px;justify-items:center;padding:8px}.horizontal-choices button.selected{border:2px solid #ffd15a;background:#34435a}.horizontal-choices b{font-size:24px}.horizontal-choices small{font-size:11px}#transitionType{display:none}#toolTabs,#editor{display:none!important}body[data-tool] .work-panel .video-control,body[data-tool] .work-panel .text-control{display:revert!important}#mobileToolWindow input,#mobileToolWindow select{min-width:0}#previewDock{position:relative}.backup-actions,#draftControls,#titleCardTools,#batchTools{margin:8px 0}@media(max-height:550px){#previewDock .monitor{height:27svh;min-height:100px}#mobileToolWindow{height:23svh;min-height:120px}}
/* Settings themselves scroll horizontally inside the selected tool. */
.work-panel>.tool-content{display:flex;gap:10px;overflow-x:auto;align-items:flex-start;touch-action:pan-x}.work-panel>.tool-content>label{flex:0 0 145px}.work-panel>.tool-content>button{flex:0 0 120px}.work-panel>.tool-content>.text-design,.work-panel>.tool-content>.trim-controls{display:flex;gap:10px;overflow-x:auto;flex:1 0 100%;align-items:flex-start}.work-panel .text-design>label,.work-panel .trim-controls>label{flex:0 0 145px}.work-panel .text-design>button,.work-panel .trim-controls>button{flex:0 0 120px}.work-panel>.tool-content>p{display:none}.work-panel[data-work-title="מעברים"]>.tool-content{display:block}.work-panel[data-work-title="טקסט"]>.tool-content{flex-wrap:wrap}.work-panel[data-work-title="טקסט"]>.tool-content>.wide{flex:1 0 100%}#mobileToolWindow{overflow-x:hidden}
/* Allow vertical page scrolling from all central scroll strips. */
html,body,main,.monitor,canvas,#previewDock,#mobileWorkbench,#mobileToolWindow{touch-action:pan-x pan-y;overscroll-behavior-y:auto}
#mobileToolStrip,.horizontal-choices,.work-panel>.tool-content,.work-panel>.tool-content>.text-design,.work-panel>.tool-content>.trim-controls,#timelineScroll,#timelineContent,#timeline,.clip-select,#ruler,#audioLane,#captionLane{touch-action:pan-x pan-y;overscroll-behavior-y:auto}
#mobileToolStrip{border-top:1px solid #414b60;margin-top:8px;padding-top:10px}
#mobileToolWindow{overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}
.work-hint{margin-top:4px}#timelinePan{margin-bottom:6px}
/* Mobile 79: restrained editing workspace, touch-sized controls. */
:root{color-scheme:dark;--surface:#191d23;--panel:#20262e;--edge:#363e49;--accent:#79b7c4;--text:#e8edf2;--muted:#9ba8b8;}
html{background:#101318;}body{background:#101318;color:var(--text);font:14px system-ui,-apple-system,'Segoe UI',sans-serif;}
header{position:relative;gap:9px;padding:12px 14px;background:#171b21;border-bottom:1px solid var(--edge);box-shadow:none;}header b{font-size:19px;font-weight:650;letter-spacing:.3px;}header span{color:var(--accent);}header small{font-size:11px;color:var(--muted);white-space:nowrap;}
button,select,input,textarea{background:#242b34;border:1px solid #414b59;border-radius:5px;color:var(--text);box-shadow:none;}button{min-height:44px;font-weight:500;}button:active{background:#34424f;}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}button:disabled{opacity:.42;cursor:default;}
.gold{background:#527f90;color:#fff;border:1px solid #6e9cab;font-weight:600;}
main{max-width:980px;padding:12px 12px 110px;}#name{font-size:17px;padding:8px 2px;margin:0 0 6px;color:#dce4ec;}#previewDock{background:#101318;padding:0 0 8px;}
#previewDock .monitor{height:29svh;min-height:155px;max-height:350px;border:1px solid #303844;border-radius:4px;box-shadow:none;background:#000;}
#empty{color:#d2dde6;font-size:15px;}#empty small{color:#8795a6;font-size:12px;}#previewDock .transport{gap:5px;margin:8px 0 5px;align-items:center;}#previewDock .transport button,#previewDock select{min-height:38px;border-radius:4px;padding:6px 8px;}#clock{font-size:12px;white-space:nowrap;letter-spacing:.2px;}#play{border-color:#638a99;color:#c0e5ed;}#previewActions{gap:5px;}#previewActions button{min-height:36px;font-size:11px;border-radius:4px;padding:6px;}
input[type=range]{accent-color:var(--accent);background:transparent;min-height:28px;padding:0;}#seek{accent-color:var(--accent);}
.track-label{margin:12px 0 6px;color:#cdd6df;font-size:12px;font-weight:600;}.track-label small{color:var(--muted);font-weight:400;}
#timelineTools{gap:5px;align-items:center;}#timelineTools button{min-height:36px;padding:5px 9px;border-radius:4px;}#zoomLabel{font-size:11px;color:var(--muted);}
#timelineScroll{border:1px solid #414a56;border-radius:4px;background:#171c22;margin:6px 0 8px;scrollbar-color:#617381 #1b222a;}
#timeline{gap:0;padding:0 0 5px;background:#171c22;min-height:82px;}#ruler{height:26px;background:#232a33;border-bottom:1px solid #414c58;}#ruler span{font:10px ui-monospace,monospace;color:#b4c1cc;border-color:#566575;}
#timeline .clip{border:1px solid #467f8b;border-radius:2px;background:#19414b;margin:0;min-height:78px;}#timeline .clip.active{outline:2px solid #e5eff3;outline-offset:-2px;z-index:2;}#timeline .clip.playing{box-shadow:inset 0 -3px #87c2cb;}#timeline .clip img{height:42px;}#timeline .clip span{font-size:10px;padding:3px 5px;}#timeline .clip-select{border:0;border-radius:0;background:transparent;}#timeline .drag-handle{border-radius:2px;background:#1d3946bb;}
#audioLane{background:#19231f;border-block:1px solid #33483f;}.audio-bar{background:#2b514b;border:1px solid #5e8a7e;border-radius:3px;color:#e3f1ec;font-size:10px;height:31px;line-height:15px;}.audio-bar.selected-audio{outline:1px solid #d6efe5;}
#captionLane{background:#28251e;}#playhead{background:#e4e8ed;width:1px;box-shadow:0 0 0 1px #0004;will-change:transform;}#playhead:before{background:var(--accent);}
.timeline-waveform,.catalog-waveform{display:flex;align-items:center;justify-content:space-between;gap:2px;direction:ltr;pointer-events:none;overflow:hidden;}.timeline-waveform{height:18px;opacity:.6;}.timeline-waveform i,.catalog-waveform i{display:block;flex:1;background:#86b7ad;min-width:1px;border-radius:1px;}.catalog-waveform{height:30px;padding:0 3px;}
#positionControl{font-size:11px;color:#95a4b4;}#timelinePan{gap:6px;margin:7px 0;}#timelinePan label{font-size:11px;}#timelinePan button{min-height:32px;padding:5px 10px;}
#mobileWorkbench{margin-top:12px;border-top:1px solid var(--edge);padding-top:6px;}.work-hint{font-size:11px;color:#91a0b1;margin:5px 0;}
#mobileToolWindow{background:#1b2129;border:1px solid #3b4553;border-radius:5px;min-height:185px;height:28svh;max-height:350px;padding:10px;}
.work-panel-title{display:block;font-size:13px;color:#cddce6;font-weight:600;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #36414f;}
.work-panel>.tool-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible;align-items:start;}.work-panel>.tool-content>label{min-width:0;flex:auto;}.work-panel .text-design,.work-panel .trim-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:10px;overflow:visible!important;}.work-panel .text-design>label,.work-panel .trim-controls>label{min-width:0!important;flex:auto!important;}.work-panel>.tool-content .wide{grid-column:1/-1;}
#mobileToolStrip{gap:4px;margin-top:7px;padding:7px 0;border-top:1px solid #36404c;scrollbar-width:thin;scrollbar-color:#5d6e80 #151a20;}
#mobileToolStrip button{flex-basis:70px;min-height:62px;background:#1c232c;border-color:#323d49;border-radius:4px;color:#a9b8c7;gap:5px;padding:7px 3px;}#mobileToolStrip button b{font-size:19px;font-weight:500;}#mobileToolStrip button small,#mobileToolStrip button span{font-size:10px;}#mobileToolStrip button.active{background:#2e4752;border-color:#6c9ba8;color:#d7edf2;}
.horizontal-choices button,#transitionCards button{border-radius:4px;}#draftControls{border-top:1px solid #303b47;padding-top:10px;color:#94a4b6;font-size:11px;}.backup-actions button{font-size:11px;border-radius:4px;}
nav{background:#1a2028;border-top:1px solid #465361;box-shadow:0 -5px 18px #0004;padding:8px 8px calc(8px + env(safe-area-inset-bottom));}nav button{background:#242e39;border:1px solid #414f5f;border-radius:5px;min-height:46px;font-size:12px;flex:1;}
dialog{color:var(--text);background:#1b222b;border:1px solid #5b6c7f;border-radius:8px;padding:16px;width:min(640px,calc(100vw - 20px));max-height:88svh;}dialog::backdrop{background:#000a;}dialog h2{font-size:17px;margin:0 0 14px;color:#e1eaf0;}dialog>button{margin-top:8px;}dialog input,dialog select{min-width:0;}#musicLibrary input,#musicLibrary select{width:100%;margin:4px 0;}#musicLibraryStatus{color:#99adbd;font-size:12px;}
#musicResults{display:grid;grid-template-columns:1fr;gap:10px;max-height:52svh;overflow:auto;padding:4px 1px;}.music-card{display:flex;flex-direction:column;gap:7px;border:1px solid #3d4b5c;background:#252f3b;border-radius:5px;padding:12px;}.music-card strong{font-size:14px;color:#dfebf3;}.music-card small{font-size:11px;color:#a0b3c4;}.music-card a{font-size:11px;color:#94b9c6;}.music-card-actions{display:flex;gap:6px;}.music-card-actions button{flex:1;font-size:11px;min-height:38px;padding:6px;}
@media(min-width:700px){#musicResults{grid-template-columns:1fr 1fr;}#mobileToolStrip button{flex-basis:83px;}#previewDock .monitor{height:36svh;max-height:450px;}#mobileToolWindow{height:300px;}}
@media(max-height:550px){#previewDock .monitor{height:30svh;min-height:110px;}#mobileToolWindow{height:220px;}header{padding:7px 12px;}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important;}}
#selectedClipStatus{font-size:11px;color:#a0b5c6;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:6px 0;}
.work-panel[hidden],#musicPanel[hidden],#editor[hidden]{display:none!important;}

/* 80: a finger-sized target around the thin playhead; other surfaces still scroll. */
#playhead{width:28px;margin-left:-14px;background:transparent;box-shadow:none;pointer-events:auto;touch-action:none;cursor:ew-resize;}
#playhead:after{content:"";position:absolute;top:0;bottom:0;left:13px;width:2px;background:#e4e8ed;pointer-events:none;}
#playhead:before{content:"";position:absolute;top:0;left:6px;width:16px;height:16px;background:#80bdc6;border-radius:3px;pointer-events:none;z-index:1;}
#ruler{touch-action:none;user-select:none;-webkit-user-select:none;}
#saveFeedback{position:relative;margin:0;padding:0 12px;color:#a9ddd1;font-size:12px;line-height:1.6;}
#saveFeedback:not(:empty){padding:8px 12px;border-bottom:1px solid #344650;}
header #save{touch-action:manipulation;pointer-events:auto;min-height:44px;position:relative;z-index:1;}

/* 82: transition chooser beside preview controls, connectors at real clip cuts. */
#transitionDock{margin:6px 0 10px;padding:8px;border:1px solid #414c58;border-radius:4px;background:#1b222a;}
#transitionDock>strong{font-size:13px;color:#cce4e8;}#transitionTargetHint{font-size:11px;color:#a8b9c3;margin:4px 0 7px;}
#transitionDock .tool-content{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
#transitionDock #transitionCards{flex:1 1 100%;margin:0;padding:2px;gap:5px;}
#transitionDock #transitionCards button{flex:0 0 88px;min-height:48px;padding:5px;border-radius:4px;background:#24333e;}
#transitionDock #transitionCards button b{font-size:17px;}#transitionDock #transitionCards button small{font-size:10px;}
#transitionDock #transitionCards button.selected{border:2px solid #80bdc6;background:#28434c;}
#transitionDock label:has(#transitionType){display:none;}#transitionDock label:has(#transitionDuration){display:flex;gap:8px;align-items:center;font-size:11px;}
#transitionDock #transitionDuration{width:74px;min-height:36px;padding:5px;}
#transitionMarkers{position:absolute;left:0;right:0;top:26px;height:78px;pointer-events:none;z-index:4;}
#transitionMarkers .timeline-transition-marker{position:absolute;top:25px;transform:translateX(-50%);height:32px;min-height:32px;padding:0 4px;background:#397d8d;color:white;border:1px solid #a4d3dc;border-radius:4px;pointer-events:auto;touch-action:manipulation;font-size:22px;line-height:1;box-shadow:0 1px 4px #0008;}
#playhead{z-index:5;}