/* v1.59: CapCut-style workspace. Presentation only: the canvas bitmap, media and export logic are untouched. */
body.editorWorkspace{
 --cc-bg:#0b0b0d;--cc-panel:#151518;--cc-panel2:#1d1d21;--cc-panel3:#26262b;--cc-line:#2c2c32;--cc-text:#ececf1;--cc-sub:#93939e;
 --cc-accent:#20d4e3;--cc-accent2:#14b9c8;--cc-ink:#03252a;--cc-clip:#a8682a;--cc-clip2:#c98336;--cc-wave:#123126;
 height:100vh;height:100dvh;overflow:hidden;background:var(--cc-bg)!important;color:var(--cc-text);
 font-family:system-ui,-apple-system,'Segoe UI',Roboto,Pretendard,'Apple SD Gothic Neo','Noto Sans KR',sans-serif}
body.editorWorkspace>.dbp-bar,body.editorWorkspace>.dbp-jumps,body.editorWorkspace>.dbp-to-top{display:none!important}
body.editorWorkspace .wrap{max-width:none;height:100%;padding:0!important;margin:0;display:grid;grid-template-rows:50px minmax(0,1fr);gap:0}
body.editorWorkspace .wrap>nav{display:none!important}
body.editorWorkspace svg{width:18px;height:18px;flex:none;display:block}

/* header */
body.editorWorkspace .head{padding:0 12px 0 16px;align-items:center;flex-wrap:nowrap;background:var(--cc-panel);border-bottom:1px solid var(--cc-line);gap:8px}
body.editorWorkspace .head h1{font-size:15px!important;font-weight:700;white-space:nowrap;letter-spacing:-.2px}
body.editorWorkspace .head .sub{display:none}
body.editorWorkspace .head .versionTag{font-size:9px;padding:2px 6px;background:var(--cc-panel3);border-color:var(--cc-line);color:var(--cc-sub)}
body.editorWorkspace .head .langBtn{padding:0 10px;height:32px;font-size:12px;border-radius:8px;background:var(--cc-panel2);border:1px solid var(--cc-line);color:var(--cc-text)}
.editorHome{font-size:12px;color:var(--cc-sub);text-decoration:none;white-space:nowrap;margin-left:auto;padding:0 6px}
.editorHome:hover{color:var(--cc-text)}
.ccHeadBtn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px!important;border-radius:8px!important;background:var(--cc-panel2)!important;border:1px solid var(--cc-line)!important;color:var(--cc-text)!important;font-size:12px;font-weight:600!important;min-height:0!important}
.ccExport{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 16px!important;border-radius:8px!important;background:var(--cc-accent)!important;color:var(--cc-ink)!important;font-size:13px;font-weight:800!important;min-height:0!important;white-space:nowrap}
.ccExport:hover{background:#4fe3ef!important}

/* main grid: panel | preview / timeline */
body.editorWorkspace .grid{display:grid!important;grid-template-columns:minmax(330px,440px) minmax(0,1fr);grid-template-rows:minmax(0,1fr) 248px;grid-template-areas:'settings preview' 'timeline timeline';height:100%;min-height:0;gap:6px;padding:6px}

/* generic controls inside the workspace */
body.ccTheme .card{background:var(--cc-panel)!important;border:1px solid var(--cc-line)!important;box-shadow:none!important}
body.ccTheme button{background:var(--cc-panel3);color:var(--cc-text);border-radius:8px;font-weight:600}
body.ccTheme button:hover:not(:disabled){filter:brightness(1.15)}
body.ccTheme button.primary,body.ccTheme .btn.primary,body.ccTheme .ccPrimary{background:var(--cc-accent)!important;color:var(--cc-ink)!important;border-color:var(--cc-accent)!important}
body.ccTheme button.secondary,body.editorWorkspace #previewUndoBtn{background:var(--cc-panel3)!important;color:var(--cc-text)!important;border-color:var(--cc-line)!important}
body.ccTheme textarea{font-family:inherit;font-size:14px;line-height:1.6}
body.ccTheme button.warn{background:#4a2f17}
body.ccTheme input[type=text],body.ccTheme input[type=number],body.ccTheme textarea,body.ccTheme select{background:var(--cc-bg)!important;border:1px solid var(--cc-line)!important;color:var(--cc-text);border-radius:8px}
body.ccTheme input[type=text]:focus,body.ccTheme input[type=number]:focus,body.ccTheme textarea:focus,body.ccTheme select:focus{border-color:var(--cc-accent)!important}
body.ccTheme input[type=file]{background:var(--cc-bg)!important;border:1px dashed #3a3a42!important;border-radius:8px;color:var(--cc-sub)}
body.ccTheme input[type=file]::file-selector-button{background:var(--cc-panel3);color:var(--cc-text);border:0;border-radius:6px;padding:7px 12px;margin-right:10px;font-weight:600;cursor:pointer}
body.ccTheme input[type=range]{accent-color:var(--cc-accent)}
body.ccTheme input[type=checkbox]{accent-color:var(--cc-accent)}
body.ccTheme label,body.ccTheme .switch{color:#cfcfd8}
body.ccTheme .mini{color:var(--cc-sub)}
body.ccTheme .settingsFold,body.ccTheme .timingBox,body.ccTheme .note{background:var(--cc-panel2)!important;border-color:var(--cc-line)!important;border-radius:10px}
body.ccTheme .note{color:#b5b5c0}
body.ccTheme .settingsFold summary{color:var(--cc-text)}
body.ccTheme .settingsFold summary::after{color:var(--cc-accent)}
body.ccTheme .settingsFold[open] summary{border-color:var(--cc-line)}
body.ccTheme .timingItem{color:#d6d6de}
body.ccTheme .timingItem.active{color:var(--cc-accent);background:#20d4e314;outline-color:#20d4e340}
body.ccTheme .fileButton{background:var(--cc-panel3);border-radius:8px}
body.ccTheme .status{color:var(--cc-accent)}
body.ccTheme .bar{background:linear-gradient(90deg,var(--cc-accent2),var(--cc-accent))}
body.ccTheme .progress{background:var(--cc-bg);border-color:var(--cc-line)}
body.ccTheme :focus-visible{outline:2px solid var(--cc-accent)!important;outline-offset:2px}

/* settings panel: icon rail + scrolling pane */
body.editorWorkspace .controls.card{grid-area:settings;display:grid!important;grid-template-columns:68px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 28px;position:static;min-height:0;overflow:hidden;height:100%;padding:0;border-radius:10px;gap:0}
.editorTabs{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;gap:2px;padding:6px 4px;background:var(--cc-panel);border-right:1px solid var(--cc-line);overflow:auto;scrollbar-width:none}
.editorTabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px!important;padding:6px 2px!important;border-radius:8px!important;background:transparent!important;color:var(--cc-sub)!important;font-size:11px;font-weight:600!important;white-space:nowrap}
.editorTabs button svg{width:22px;height:22px}
.editorTabs button:hover{color:var(--cc-text)!important;background:var(--cc-panel2)!important}
.editorTabs button[aria-selected=true]{color:var(--cc-accent)!important;background:#20d4e314!important}
body.editorWorkspace .controls .section{grid-column:2;grid-row:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;display:block;-webkit-overflow-scrolling:touch;touch-action:pan-y;position:static!important;order:initial!important;padding:14px;box-shadow:none;border:0;background:var(--cc-panel)!important;border-radius:0;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#45454d transparent}
body.editorWorkspace .controls .section[hidden]{display:none!important}
body.editorWorkspace .controls .section h2{font-size:15px;font-weight:700;margin-bottom:5px;color:var(--cc-text)}
body.editorWorkspace .controls .section button{min-height:40px}
body.editorWorkspace .controls .section > *{margin-top:0;margin-bottom:12px}
body.editorWorkspace .controls .section > :last-child{margin-bottom:0}
body.editorWorkspace .controls .section .settingsFold{height:auto;max-height:none;flex-shrink:0}
body.editorWorkspace .editorScrollGuide{grid-column:2;grid-row:2;min-height:28px!important;padding:3px 8px;border-radius:0!important;border-top:1px solid var(--cc-line);background:var(--cc-panel)!important;color:var(--cc-accent)!important;font-size:11px;font-weight:600;text-align:center}
body.editorWorkspace .editorScrollGuide:disabled{color:var(--cc-sub)!important;opacity:1;cursor:default}
body.editorWorkspace .quickLyricAdjust{margin:0!important;padding:8px;box-shadow:none;z-index:auto;background:var(--cc-panel2)!important;border:1px solid var(--cc-line)!important;border-radius:10px}
body.editorWorkspace .quickAxis{grid-template-columns:56px 36px 30px minmax(45px,1fr) 30px 36px;z-index:auto}
body.editorWorkspace .quickAxis input[type=number]{width:100%;z-index:auto;font-size:13px}
body.editorWorkspace .quickAxis button{z-index:auto}
body.editorWorkspace .quickLyricTitle::after{display:none}
.ccLrc{display:grid;gap:4px;padding:10px;border:1px solid var(--cc-line);border-radius:10px;background:var(--cc-panel2);font-size:13px}
.ccLrcBtns{display:flex;gap:6px;margin-top:4px}
.ccChip{display:inline-flex;align-items:center;justify-content:center;min-height:34px!important;padding:0 12px!important;border-radius:8px!important;background:var(--cc-panel3)!important;color:var(--cc-text);font-size:12px;font-weight:600;cursor:pointer;flex:1}

/* preview + player */
body.editorWorkspace .preview.card{grid-area:preview;position:relative!important;display:grid!important;grid-template-rows:22px minmax(0,1fr) auto auto;height:100%!important;min-height:0;margin:0;padding:8px 10px!important;gap:6px;background:var(--cc-panel)!important;border-radius:10px;overflow:hidden}
body.editorWorkspace #canvas{width:100%!important;height:100%!important;max-height:100%!important;min-height:0;object-fit:contain;border-radius:4px;order:2;background:#000!important;border:0!important}
body.editorWorkspace .previewTop{order:1;font-size:11px}
body.editorWorkspace .previewTop .badge{background:none;border:0;padding:0;font-size:12px;font-weight:700;color:var(--cc-text)}
body.editorWorkspace .previewTop .mini{font-size:11px}
body.editorWorkspace #previewTransportDock{display:none!important}
body.editorWorkspace .ccPlayer{order:3}
body.editorWorkspace #previewSyncDock{order:4}
.ccPlayer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:40px;border-top:1px solid var(--cc-line);padding-top:6px}
.ccTime{font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--cc-sub);white-space:nowrap;font-variant-numeric:tabular-nums}
.ccTime b{color:var(--cc-accent);font-weight:700}
.ccTransport{display:flex;align-items:center;gap:6px}
.ccTransport button,.ccPlayerRight button{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:34px;height:34px;min-height:0!important;padding:0!important;border-radius:50%!important;background:transparent!important;color:var(--cc-text)!important}
.ccTransport button:hover,.ccPlayerRight button:hover{background:var(--cc-panel3)!important}
.ccTransport .ccPlay{width:42px;height:42px;background:var(--cc-text)!important;color:#000!important}
.ccTransport .ccPlay svg{width:20px;height:20px}
.ccPlayerRight{display:flex;justify-content:flex-end;gap:4px}
.ccPlayerRight .ccToggle{width:auto;border-radius:8px!important;padding:0 10px!important;font-size:12px;font-weight:600!important;color:var(--cc-sub)!important}
.ccToggle[aria-pressed=true]{color:var(--cc-accent)!important;background:#20d4e314!important}
body.editorWorkspace .previewSyncBar{margin:0;padding:0;border:0;background:none!important;gap:6px;grid-template-columns:1.4fr 1fr}
body.editorWorkspace #stampBtn,body.editorWorkspace #previewUndoBtn{min-height:36px!important;padding:6px;font-size:12px!important;border-radius:8px}
body.editorWorkspace #stampFeedback{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;color:var(--cc-accent)!important}

/* preview overlay handles */
.ccOverlay{position:absolute;z-index:4;pointer-events:none}
.ccOverlay[hidden]{display:none}
.ccHandle{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;display:inline-flex;align-items:center;gap:5px;min-height:0!important;height:26px;padding:0 9px 0 4px!important;border-radius:13px!important;background:#000a!important;border:1.5px solid #fff!important;color:#fff!important;font-size:11px;font-weight:700!important;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;backdrop-filter:blur(4px);opacity:.82;transition:opacity .15s}
.ccHandle{white-space:nowrap;width:max-content}
.ccHandle em{font-style:normal}
.ccHandle>span{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;color:#000;font:800 11px/1 Georgia,serif}
.ccHandle svg{width:15px;height:15px;padding:1px;border-radius:50%;background:#fff;color:#000}
/* keep the lyric marker beside the text anchor instead of on top of the words */
.ccHandle[data-align=right]{transform:translate(8px,-50%)}
.ccHandle[data-align=left]{transform:translate(calc(-100% - 8px),-50%)}
.ccHandle[data-align=center]{transform:translate(-50%,-190%)}
.ccHandle.spec{border-color:var(--cc-accent)!important}
.ccHandle.spec svg{background:var(--cc-accent);color:var(--cc-ink)}
.ccHandle[hidden]{display:none}
.preview:hover .ccHandle,.ccHandle:focus-visible{opacity:1}
.ccHandle.drag{cursor:grabbing;opacity:1;box-shadow:0 0 0 4px #20d4e355}
.ccHandleTip{position:absolute;transform:translate(-50%,-180%);padding:3px 7px;border-radius:6px;background:#000c;color:#fff;font:600 11px/1.3 ui-monospace,monospace;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s}
.ccHandleTip.show{opacity:1}

/* theater (big preview) */
body.ccTheater .preview.card{position:fixed!important;inset:0;z-index:60;border-radius:0!important;padding:10px 16px!important;height:100%!important;background:#000!important;border:0!important}
body.ccTheater .ccPlayer [data-act=full]{color:var(--cc-accent)!important}

/* timeline */
.editorTimeline{grid-area:timeline;background:var(--cc-panel);border:1px solid var(--cc-line);border-radius:10px;min-width:0;overflow:hidden;display:grid;grid-template-rows:40px minmax(0,1fr)}
.editorTimeHead{display:flex;align-items:center;gap:10px;padding:0 10px;border-bottom:1px solid var(--cc-line);font-size:12px;min-width:0}
.ccTools,.ccZoom{display:flex;align-items:center;gap:2px;flex:none}
.ccTools i{width:1px;height:18px;background:var(--cc-line);margin:0 6px}
.ccTools button,.ccZoom button{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:30px;min-width:30px;min-height:0!important;padding:0 7px!important;border-radius:6px!important;background:transparent!important;color:#c9c9d2!important;font-size:12px;font-weight:600!important;font-variant-numeric:tabular-nums}
.ccTools button:hover,.ccZoom button:hover{background:var(--cc-panel3)!important;color:#fff!important}
.ccTools [data-t=stamp]{background:var(--cc-accent)!important;color:var(--cc-ink)!important;margin-right:4px}
.ccTlInfo{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--cc-sub);font-size:12px}
.ccZoom input{width:96px}
.ccTlBody{display:grid;grid-template-columns:40px minmax(0,1fr);min-height:0}
.ccTrackLabels{display:grid;grid-template-rows:24px 46px 40px 34px;row-gap:6px;align-content:start;padding-top:6px;border-right:1px solid var(--cc-line);background:var(--cc-panel)}
.ccTrackLabels span{display:grid;place-items:center;color:var(--cc-sub)}
.ccTrackLabels .ccRulerGap{height:24px}
.editorTimelineViewport{overflow:auto hidden;position:relative;min-height:0;scrollbar-width:thin;scrollbar-color:#45454d transparent;background:var(--cc-bg)}
.editorTimelineInner{position:relative;min-width:100%;height:100%;min-height:170px;padding-top:6px;box-sizing:border-box;cursor:text}
.editorTimelineInner.scrubbing{cursor:ew-resize}
.editorRuler{height:24px;position:relative;color:#7d7d88;font:10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;touch-action:none;cursor:ew-resize}
.editorRuler span{position:absolute;bottom:0;height:12px;border-left:1px solid #4a4a52;padding-left:4px;white-space:nowrap;line-height:12px}
.editorRuler i{position:absolute;bottom:0;height:5px;border-left:1px solid #34343a}
.editorTrack{position:relative;margin-top:6px;height:34px;border-radius:6px;overflow:hidden;display:flex;gap:2px}
.editorTrack button{height:100%;min-height:0!important;padding:0!important;border-radius:5px!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;flex-shrink:0}
.editorTrack img{width:100%;height:100%;object-fit:cover;pointer-events:none;display:block}
.editorImages{height:46px;background:#16161a}
.editorImages button{background:#2a2a30!important;border:1.5px solid transparent!important}
.editorImages button:hover{border-color:#fff8!important}
.editorImages .ccVideoClip{background:linear-gradient(90deg,#1b3f63,#235580)!important;color:#d9ecff!important;text-align:left;padding:0 10px!important;font-weight:600!important}
.editorAudio{height:40px;background:var(--cc-wave)}
.editorWave{width:100%;height:100%;display:block}
.editorCaptions{height:34px;background:#16161a;overflow:visible}
.editorCaptions .ccClip{position:absolute;top:0;display:flex;align-items:center;gap:4px;padding:0 6px 0 0!important;background:var(--cc-clip)!important;color:#fff3e2!important;text-align:left;font-weight:600!important;border:1.5px solid #00000040!important;cursor:grab;touch-action:pan-x;user-select:none;-webkit-user-select:none;box-sizing:border-box}
.ccClip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}
.ccGrip{flex:none;width:5px;align-self:stretch;background:#0003;border-right:1px solid #0002}
.ccClip.now{background:var(--cc-clip2)!important}
.ccClip.sel{border-color:#fff!important;box-shadow:0 0 0 1px #fff;z-index:2}
.ccClip.drag{cursor:grabbing;z-index:3;box-shadow:0 0 0 2px var(--cc-accent);border-color:var(--cc-accent)!important}
.editorTrackHint{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:11px;color:#7d7d88;pointer-events:none;white-space:nowrap}
.editorPlayhead{position:absolute;left:-1px;top:0;bottom:0;width:2px;background:#fff;pointer-events:none;z-index:5;will-change:transform}
.editorPlayhead:before{content:'';position:absolute;top:2px;left:-5px;width:12px;height:14px;background:#fff;clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);border-radius:2px}
.editorTimelineInner:focus-visible{outline:2px solid var(--cc-accent);outline-offset:-2px}
body.editorWorkspace.rendering .editorTimeline,body.ccBusy .editorTimeline{pointer-events:none;opacity:.6}

/* drop zone, toast, restore bar, help */
.ccDrop{position:fixed;inset:0;z-index:90;display:none;place-items:center;background:#000b;backdrop-filter:blur(3px);pointer-events:none}
.ccDrop.show{display:grid}
.ccDrop>div{display:grid;gap:10px;text-align:center;padding:40px 56px;border:2px dashed var(--cc-accent);border-radius:18px;background:#0b0b0dd9;color:var(--cc-text);font-size:13px;line-height:1.6}
.ccDrop b{font-size:20px;color:var(--cc-accent)}
.ccToast{position:fixed;left:50%;bottom:24px;z-index:95;transform:translate(-50%,20px);max-width:calc(100vw - 32px);padding:10px 16px;border-radius:10px;background:#f2f2f5;color:#111;font-size:13px;font-weight:600;box-shadow:0 8px 30px #0008;opacity:0;pointer-events:none;transition:.2s}
.ccToast.show{opacity:1;transform:translate(-50%,0)}
.ccRestore{position:fixed;left:50%;top:58px;z-index:80;transform:translateX(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:8px 8px 8px 14px;border-radius:12px;background:var(--cc-panel3);border:1px solid #3a3a42;box-shadow:0 10px 30px #0009;font-size:13px}
.ccRestore span{min-width:0}
.ccRestore button{flex:none;min-height:32px!important;padding:0 14px!important;border-radius:8px!important;font-size:12px}
.ccHelp{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#000a;padding:16px}
.ccHelp[hidden]{display:none}
.ccHelpBox{width:min(460px,100%);max-height:100%;overflow:auto;padding:20px;border-radius:14px;background:var(--cc-panel);border:1px solid var(--cc-line);box-shadow:0 20px 60px #000}
.ccHelpBox h3{margin:0 0 12px;font-size:16px}
.ccHelpBox dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0;font-size:13px;align-items:center}
.ccHelpBox dt{white-space:nowrap;color:var(--cc-sub)}
.ccHelpBox dd{margin:0}
.ccHelpBox kbd{display:inline-block;min-width:22px;padding:2px 6px;border-radius:5px;background:var(--cc-panel3);border:1px solid #3a3a42;border-bottom-width:2px;color:var(--cc-text);font:600 11px/1.4 ui-monospace,monospace;text-align:center}
.ccHelpBox p{margin:14px 0;font-size:12px;color:var(--cc-sub);line-height:1.6}
.ccHelpBox button{width:100%;min-height:40px}

/* tablet / phone: preview on top, timeline in the middle, settings with a bottom tool bar */
@media(max-width:980px){
 body.editorWorkspace .wrap{grid-template-rows:44px minmax(0,1fr)}
 body.editorWorkspace .head{padding:0 8px 0 10px;gap:6px}
 body.editorWorkspace .head h1{font-size:13px!important;overflow:hidden;text-overflow:ellipsis;min-width:0}
 .versionTag,.ccHeadBtn{display:none!important}
 .editorHome{font-size:11px;padding:0 2px}
 body.editorWorkspace .head .langBtn{height:30px;min-height:0!important;padding:0 7px;font-size:11px}
 .ccTools button span{white-space:nowrap}
 .ccExport{height:30px;padding:0 10px!important;font-size:12px}.ccExport svg{display:none}
 body.editorWorkspace .grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(190px,41%) 146px minmax(150px,1fr);grid-template-areas:'preview' 'timeline' 'settings';gap:4px;padding:4px}
 body.editorWorkspace .preview.card{padding:5px 6px!important;gap:3px;grid-template-rows:minmax(0,1fr) auto auto}
 body.editorWorkspace .previewTop{display:none!important}
 .ccPlayer{min-height:36px;padding-top:3px;gap:4px}
 .ccTime{font-size:11px}
 .ccTransport{gap:2px}.ccTransport button{width:32px;height:32px}.ccTransport .ccPlay{width:36px;height:36px}
 .ccTransport [data-act=stop]{display:none}
 .ccPlayerRight .ccToggle span{display:none}.ccPlayerRight .ccToggle{width:32px;padding:0!important}
 body.editorWorkspace #stampBtn,body.editorWorkspace #previewUndoBtn{min-height:34px!important;padding:4px;font-size:12px!important}
 body.editorWorkspace .previewSyncBar{gap:4px}
 body.editorWorkspace #stampFeedback{font-size:10px}
 .ccHandle{height:24px;padding:0 3px!important;opacity:.9}
 .ccHandle em{display:none}
 .editorTimeline{grid-template-rows:36px minmax(0,1fr)}
 .editorTimeHead{gap:4px;padding:0 4px}
 .ccTlInfo{display:none}
 .ccTools{overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
 .ccTools i,.ccTools [data-t=redo]{display:none}
 .ccTools button,.ccZoom button{height:30px;min-width:30px;padding:0 6px!important}
 .ccZoom input{display:none}
 .ccTlBody{grid-template-columns:28px minmax(0,1fr)}
 .ccTrackLabels{grid-template-rows:18px 30px 26px 26px;row-gap:3px;padding-top:3px}
 .ccTrackLabels svg{width:15px;height:15px}
 .editorTimelineInner{min-height:0;padding-top:3px}
 .editorRuler{height:18px}.editorRuler span{height:10px;line-height:10px}
 .editorTrack{margin-top:3px}.editorImages{height:30px}.editorAudio{height:26px}.editorCaptions{height:26px}
 .editorTrackHint{font-size:10px;left:6px}
 body.editorWorkspace .controls.card{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 26px 56px}
 .editorTabs{grid-column:1;grid-row:3;flex-direction:row;padding:3px;border-right:0;border-top:1px solid var(--cc-line)}
 .editorTabs button{flex:1;min-width:0;min-height:48px!important;gap:3px;font-size:10px}
 .editorTabs button svg{width:20px;height:20px}
 body.editorWorkspace .controls .section{grid-column:1;padding:12px}
 body.editorWorkspace .editorScrollGuide{grid-column:1;min-height:26px!important}
 body.editorWorkspace .settingsFold .row.two{grid-template-columns:1fr 1fr}
 .ccRestore{top:50px;font-size:12px;flex-wrap:wrap;justify-content:flex-end}
 .ccToast{bottom:76px}
}
@media(max-height:640px) and (max-width:980px){
 body.editorWorkspace .grid{grid-template-rows:minmax(150px,38%) 118px minmax(120px,1fr)}
 .ccTrackLabels{grid-template-rows:14px 24px 20px 22px}
 .editorRuler{height:14px}.editorImages{height:24px}.editorAudio{height:20px}.editorCaptions{height:22px}
 .editorTabs button{min-height:42px!important}.editorTabs button span{font-size:9px}
 body.editorWorkspace .controls.card{grid-template-rows:minmax(0,1fr) 24px 48px}
}
@media(hover:none){.ccHandle{opacity:.92}}