*{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}