/* Mobile Video Editor only. Desktop rules and other workspaces are untouched. */
#videoEditorWorkspace .veMobileOnly { display:none!important; }
@media (max-width:700px), (max-width:950px) and (max-height:500px) and (pointer:coarse) {
 body.video-editor-open { overscroll-behavior:none; }
 body.video-editor-open #videoEditorWorkspace {
  --editor-track-header-width:84px; --editor-timeline-origin:92px;
  height:100dvh; width:100%; padding:env(safe-area-inset-top) 0 0;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:52px minmax(180px,32dvh) minmax(0,1fr) calc(106px + env(safe-area-inset-bottom))!important;
  background:#10161b; overflow:hidden; touch-action:manipulation;
 }
 #videoEditorWorkspace .veMobileOnly { display:flex!important; }
 #videoEditorWorkspace>.veMenu,#videoEditorWorkspace>.veModules,#videoEditorWorkspace>.veLegacyCommands,#videoEditorWorkspace>.veWorkspaceBar,#videoEditorWorkspace>.veNodePanel { display:none!important; }
 #videoEditorWorkspace>.veMobileTop,#videoEditorWorkspace>.veMain,#videoEditorWorkspace>.veTimeline,#videoEditorWorkspace>.veMobileActions { grid-column:1; min-width:0; min-height:0; margin:0; }
 /* Explicit sizing prevents website/desktop button rules from stretching touch targets. */
 #videoEditorWorkspace .veMobileOnly button,#videoEditorWorkspace .veTransport button {
  appearance:none; width:auto; min-width:0; min-height:44px; height:44px; flex:none;
  margin:0; padding:6px 10px; border:1px solid #303c44; border-radius:3px!important;
  background:#192228; box-shadow:none; color:#d8dde1; font:12px Arial,Helvetica,sans-serif;
  letter-spacing:0; text-transform:none; touch-action:manipulation;
 }
 #videoEditorWorkspace .veMobileOnly button:disabled { opacity:.38; cursor:default; }
 #videoEditorWorkspace .veMobileOnly button:active:not(:disabled) { background:#303a40; }
 #videoEditorWorkspace .veMobileOnly button b { display:flex; align-items:center; justify-content:center; font-size:18px; }
 #videoEditorWorkspace .veMobileOnly svg { display:block; width:18px; height:18px; flex:none; }
 #videoEditorWorkspace .veMobileTop { grid-row:1; align-items:center; gap:8px; padding:4px 8px; border-bottom:1px solid #29343c; background:#10161b; }
 #videoEditorWorkspace .veMobileTop>button { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:3px; width:48px; padding:3px; border-color:transparent; }
 #videoEditorWorkspace .veMobileTop>button span { font-size:9px; }
 #videoEditorWorkspace .veMobileProject { min-width:0; flex:1; text-align:center; }
 #videoEditorWorkspace .veMobileProject strong,#videoEditorWorkspace .veMobileProject span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 #videoEditorWorkspace .veMobileProject strong { font-size:13px; font-weight:500; color:#f0f2f4; }
 #videoEditorWorkspace .veMobileProject span { margin-top:4px; font-size:10px; color:#a8b2b9; }
 #videoEditorWorkspace .veMain { grid-row:2; grid-template-columns:minmax(0,1fr)!important; background:#10161b; }
 #videoEditorWorkspace .veMediaPanel,#videoEditorWorkspace .veInspector { display:none!important; }
 #videoEditorWorkspace .veViewer { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) 30px 46px!important; border:0; }
 #videoEditorWorkspace .veMonitorBar { display:none; }
 #videoEditorWorkspace .veCanvasWrap { display:flex!important; min-width:0; min-height:0; margin:8px 10px 0; background:#000; }
 #videoEditorWorkspace .veCanvasWrap canvas { max-width:100%; max-height:100%; box-shadow:none; }
 #videoEditorWorkspace .veViewerScrub { display:block; width:calc(100% - 28px); height:24px; min-height:24px; align-self:center; margin:0 14px; padding:0; background:linear-gradient(#465158,#465158) center/100% 2px no-repeat; touch-action:none; }
 #videoEditorWorkspace .veViewerScrub::-webkit-slider-thumb { width:14px; height:14px; background:#ffdf00; border:2px solid #10161b; }
 #videoEditorWorkspace .veTransport { display:flex; justify-content:center; align-items:center; gap:8px; padding:0 10px; height:46px!important; min-height:0; background:#10161b; overflow:hidden; }
 #videoEditorWorkspace .veTransport button { display:none; }
 #videoEditorWorkspace .veTransport #vePrev,#videoEditorWorkspace .veTransport #vePlay,#videoEditorWorkspace .veTransport #veNext { display:flex; align-items:center; justify-content:center; width:44px; flex:0 0 44px; height:40px; min-height:40px; margin:0; padding:8px; }
 #videoEditorWorkspace .veTransport #vePlay { color:#ffdf00; border-color:#746b22; }
 #videoEditorWorkspace .veTransport .veTimecode { display:none; }
 #videoEditorWorkspace .veTimeline { grid-row:3; display:grid!important; grid-template-columns:minmax(0,1fr); grid-template-rows:48px 34px minmax(0,1fr)!important; overflow:hidden; background:#192228; border-top:1px solid #29343c; }
 #videoEditorWorkspace .veTimeline>.veTimelineBar { display:none!important; }
 #videoEditorWorkspace .veMobileTimelineHead { grid-row:1; align-items:center; gap:10px; padding:2px 8px; border-bottom:1px solid #29343c; background:#141c22; }
 #videoEditorWorkspace .veMobileTimelineHead>div { flex:none; width:76px; }
 #videoEditorWorkspace .veMobileTimelineHead strong,#videoEditorWorkspace .veMobileTimelineHead span { display:block; font-size:11px; }
 #videoEditorWorkspace .veMobileTimelineHead [data-mobile-track-count] { font-size:9px; color:#a8b2b9; margin-top:3px; }
 #videoEditorWorkspace .veMobileTimelineHead input { width:0; min-width:40px; flex:1; height:24px; margin:0; padding:0; accent-color:#ffdf00; }
 #videoEditorWorkspace .veMobileTimelineHead button { display:flex; align-items:center; justify-content:center; gap:4px; padding:4px 8px; color:#ffdf00; }
 #videoEditorWorkspace .veMobileSelection { grid-row:2; align-items:center; gap:10px; padding:0 10px; background:#172026; border-bottom:1px solid #29343c; }
 #videoEditorWorkspace .veMobileSelection time { flex:none; font-size:12px; font-variant-numeric:tabular-nums; color:#f0f2f4; }
 #videoEditorWorkspace .veMobileSelection span { min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#a8b2b9; font-size:10px; }
 #videoEditorWorkspace .veTimelineScroll { grid-row:3; min-height:0; overflow:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; background:#192228; touch-action:pan-x pan-y; }
 #videoEditorWorkspace .veTimelineTime { display:none; }
 #videoEditorWorkspace .veTimelineContent { min-width:100%; min-height:100%; height:auto; }
 #videoEditorWorkspace .veRuler { height:30px; margin-left:var(--editor-timeline-origin); }
 #videoEditorWorkspace .veRulerTick { top:12px; font-size:9px; white-space:nowrap; }
 #videoEditorWorkspace #veTracks { display:flex; height:auto; min-height:0; }
 #videoEditorWorkspace .veTrack,#videoEditorWorkspace .veTrack:nth-child(even) { height:70px!important; min-height:70px; padding-left:var(--editor-timeline-origin); border-bottom:1px solid #35414a; background-color:#192228; }
 #videoEditorWorkspace .veTrackHead { display:grid; grid-template-columns:25px minmax(0,1fr); grid-template-rows:27px 30px; align-content:center; width:84px!important; gap:0 3px; padding:3px!important; margin-left:calc(-1 * var(--editor-timeline-origin)); background:#141d23; border-right:1px solid #35414a; }
 #videoEditorWorkspace .veTrackHead strong { width:25px; height:25px; padding:4px 0; font-size:11px; text-align:center; background:transparent; border-radius:2px; }
 #videoEditorWorkspace .veTrackName { min-width:0; font-size:9px!important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0; }
 #videoEditorWorkspace .veTrackControls { grid-column:1/-1; display:flex!important; gap:2px; }
 #videoEditorWorkspace .veTrackControls button { display:none; width:34px!important; min-width:0; height:28px; min-height:28px; padding:4px; margin:0; border-radius:2px; }
 #videoEditorWorkspace .veTrackControls .lock,#videoEditorWorkspace .veTrackControls .vis { display:block; }
 #videoEditorWorkspace .veClip { top:6px; height:57px; min-width:12px; border-radius:2px; background:#354754; border-color:#657b89; touch-action:pan-x pan-y; }
 #videoEditorWorkspace .veClip.selected { border-color:#ffdf00; box-shadow:inset 0 0 0 1px #ffdf00; }
 #videoEditorWorkspace .veClip.title { background:#514a35; border-color:#8b7d50; }
 #videoEditorWorkspace .veClip.audio { background:#304d4a; border-color:#668681; }
 #videoEditorWorkspace .veClipName { padding:10px 12px; font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 #videoEditorWorkspace .veTrim { width:10px; touch-action:none; }
 #videoEditorWorkspace .veTrim:after { content:''; position:absolute; top:16px; bottom:16px; left:4px; width:2px; background:#d8dde190; }
 #videoEditorWorkspace .veMobileActions { grid-row:4; display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-rows:repeat(2,44px); gap:6px; padding:6px 8px calc(6px + env(safe-area-inset-bottom)); background:#10161b; border-top:1px solid #29343c; overflow:hidden; }
 #videoEditorWorkspace .veMobileActions button { display:flex; align-items:center; justify-content:center; gap:6px; width:100%; height:44px; padding:4px; font-size:11px; }
 #videoEditorWorkspace .veMobileActions button b { color:#ffdf00; }
 #videoEditorWorkspace .veMobileActions button span { font-size:11px; }
 #videoEditorWorkspace .veMobileSheet { position:absolute; inset:0; z-index:90; align-items:flex-end!important; }
 #videoEditorWorkspace .veMobileSheet[hidden],#videoEditorWorkspace .veMobileRecorder[hidden] { display:none!important; }
 #videoEditorWorkspace .veMobileSheetBackdrop { position:absolute; inset:0; background:#000a; }
 #videoEditorWorkspace .veMobileSheet>section { position:relative; width:100%; max-height:85dvh; display:flex; flex-direction:column; overflow:hidden; background:#192228; border:1px solid #39464e; border-radius:4px 4px 0 0; }
 #videoEditorWorkspace .veMobileSheet>section>i { display:none; }
 #videoEditorWorkspace .veMobileSheet section>header { display:flex; align-items:center; gap:8px; padding:8px 12px; border-bottom:1px solid #35414a; }
 #videoEditorWorkspace .veMobileSheet section>header>div { flex:1; min-width:0; }
 #videoEditorWorkspace .veMobileSheet section>header strong,#videoEditorWorkspace .veMobileSheet section>header span { display:block; }
 #videoEditorWorkspace .veMobileSheet section>header strong { font-size:15px; }
 #videoEditorWorkspace .veMobileSheet section>header span { font-size:11px; margin-top:4px; color:#a8b2b9; }
 #videoEditorWorkspace .veMobileSheet section>header button { width:44px; font-size:24px; }
 #videoEditorWorkspace .veMobileSheetBody { min-height:0; overflow:auto; padding:8px 12px calc(12px + env(safe-area-inset-bottom)); }
 #videoEditorWorkspace .veMobileChoice { display:flex; align-items:center; justify-content:space-between; width:100%!important; height:auto!important; min-height:58px; margin:6px 0!important; padding:10px!important; text-align:left; }
 #videoEditorWorkspace .veMobileChoice span { min-width:0; }
 #videoEditorWorkspace .veMobileChoice strong,#videoEditorWorkspace .veMobileChoice small { display:block; }
 #videoEditorWorkspace .veMobileChoice strong { font-size:13px; }
 #videoEditorWorkspace .veMobileChoice small { margin-top:4px; font-size:11px; color:#a8b2b9; }
 #videoEditorWorkspace .veMobileChoice>b { color:#ffdf00; padding-left:8px; }
 #videoEditorWorkspace .veMobileLibrary { display:grid; gap:6px; margin-top:8px; }
 #videoEditorWorkspace .veMobileLibrary>p { padding:16px; font-size:12px; color:#a8b2b9; }
 #videoEditorWorkspace .veMobileAsset { display:grid; grid-template-columns:56px minmax(0,1fr) 32px; align-items:center; gap:8px; width:100%!important; height:auto!important; min-height:62px; padding:6px!important; text-align:left; }
 #videoEditorWorkspace .veMobileAsset img { width:56px; height:40px; object-fit:cover; background:#000; }
 #videoEditorWorkspace .veMobileAsset span { min-width:0; }
 #videoEditorWorkspace .veMobileAsset strong,#videoEditorWorkspace .veMobileAsset small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
 #videoEditorWorkspace .veMobileAsset small { color:#a8b2b9; margin-top:4px; }
 #videoEditorWorkspace .veMobileAsset>b { color:#ffdf00; font-size:11px!important; }
 #videoEditorWorkspace .veMobileRecorder { position:absolute; inset:0; z-index:100; align-items:center!important; justify-content:center!important; padding:12px; background:#10161bf5; }
 #videoEditorWorkspace .veMobileRecorder>section { width:100%; max-width:430px; max-height:100%; overflow:auto; border:1px solid #35414a; border-radius:3px; background:#192228; }
 #videoEditorWorkspace .veMobileRecorder header,#videoEditorWorkspace .veMobileRecorder footer { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px; }
 #videoEditorWorkspace .veMobileRecorder time { color:#ffdf00; }
 #videoEditorWorkspace .veMobileRecordPreview { display:grid; min-height:120px; place-items:center; background:#000; }
 #videoEditorWorkspace .veMobileRecordPreview video { width:100%; max-height:45dvh; object-fit:contain; }
 #videoEditorWorkspace .veMobileMic { padding:30px; text-align:center; }
 #videoEditorWorkspace .veMobileMic span,#videoEditorWorkspace .veMobileMic strong { display:block; }
 #videoEditorWorkspace .veMobileMic span { color:#ffdf00; font-size:40px; }
 #videoEditorWorkspace .veMobileRecorder p { margin:0; padding:10px; font-size:12px; color:#a8b2b9; }
 #videoEditorWorkspace .veMobileRecorder footer button { flex:1; }
 #videoEditorWorkspace .veModal { z-index:120!important; }
 #videoEditorWorkspace .veDialog { width:calc(100% - 16px)!important; max-height:88dvh!important; padding:16px!important; }
}
@media(max-width:700px) and (max-height:520px), (max-width:950px) and (max-height:500px) and (pointer:coarse) {
 body.video-editor-open #videoEditorWorkspace { grid-template-columns:42% minmax(0,1fr)!important; grid-template-rows:48px minmax(0,1fr) calc(106px + env(safe-area-inset-bottom))!important; }
 #videoEditorWorkspace>.veMobileTop { grid-row:1; grid-column:1/-1; }
 #videoEditorWorkspace>.veMain { grid-row:2; grid-column:1; }
 #videoEditorWorkspace>.veTimeline { grid-row:2; grid-column:2; }
 #videoEditorWorkspace>.veMobileActions { grid-row:3; grid-column:1/-1; }
 #videoEditorWorkspace .veMobileTimelineHead { gap:4px; padding-inline:4px; }
 #videoEditorWorkspace .veMobileTimelineHead>div { width:55px; }
 #videoEditorWorkspace .veMobileTimelineHead button span { display:none; }
}

@media (max-width:700px), (max-width:950px) and (max-height:500px) and (pointer:coarse){
 #videoEditorWorkspace .veTransport .veFullscreenButton{display:flex;align-items:center;justify-content:center;width:44px;flex:0 0 44px;height:40px;min-height:40px;padding:8px}
 #videoEditorWorkspace .veViewer:fullscreen,#videoEditorWorkspace .veViewer.veViewerFullscreen{grid-template-rows:minmax(0,1fr) 30px 52px!important}
}