/* v5.26.88 — exclusive media/monitor surfaces on iPhone Safari. */
@media(max-width:620px){
 html body #proEditor[data-mobile-panel="monitor"] .proMediaPanel,
 html body #proEditor.mobileMonitorFocus .proMediaPanel,
 html body #proEditor.mobileMonitorFocus .proMediaPanel.mobileOpen{display:none!important;visibility:hidden!important;pointer-events:none!important}
 html body #proEditor[data-mobile-panel="monitor"] .proWorkspace,
 html body #proEditor.mobileMonitorFocus .proWorkspace{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;position:relative!important;min-height:0!important;overflow:hidden!important}
 html body #proEditor.mobileMonitorFocus .proWorkspace>.proCenter{display:flex!important;position:relative!important;grid-column:1!important;grid-row:1!important;width:100%!important;height:100%!important;min-height:0!important;flex-direction:column!important;z-index:2!important;visibility:visible!important;opacity:1!important}
 html body #proEditor.mobileMonitorFocus .proMonitorShell{display:grid!important;min-height:0!important;flex:1 1 0!important;grid-template-rows:minmax(0,1fr) 70px!important}
 html body #proEditor.mobileMonitorFocus .proMonitorStage{display:grid!important;position:relative!important;min-height:100px!important;place-items:center!important;visibility:visible!important}
 html body #proEditor.mobileMonitorFocus #proMonitor{display:block!important;position:relative!important;min-width:1px!important;min-height:1px!important;visibility:visible!important;opacity:1!important}
 html body #proEditor.mobileMonitorFocus #proVideo:not([hidden]){display:block!important;visibility:visible!important;opacity:1!important}
 html body #proEditor.mobileMonitorFocus .proPreviewDock{display:flex!important;visibility:visible!important;opacity:1!important;z-index:4!important}
 html body #proEditor .proTop{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;min-height:60px!important;height:60px!important;padding:8px 12px!important}
 html body #proEditor #proMobileWorkspaceMenu{display:grid!important;flex:0 0 42px!important;visibility:visible!important;opacity:1!important}
 html body #proEditor #proMobileMonitorShortcut,
 html body #proEditor .proTop>div:first-of-type,
 html body #proEditor .proTopActions>#proOpen,
 html body #proEditor .proTopActions>#proImport,
 html body #proEditor .proTopActions>#proSave,
 html body #proEditor .proTopActions>#proFinishAdvanced{display:none!important}
 html body #proEditor .proTopActions{display:flex!important;margin-left:auto!important;flex:0 0 auto!important;width:auto!important}
 html body #proEditor .proTopActions>#proExport{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:85px!important;min-height:38px!important;font-size:13px!important}
}

/* v5.26.94 — targeted monitor-only repair. The ORIGINAL editor rows,
   timeline, tool ribbon, tabs and bottom navigation remain unchanged. */
@media(max-width:620px){
  html body #proEditor.mobileMonitorFocus .proMonitorShell{
    display:grid!important;grid-template-rows:minmax(0,1fr) 70px!important;
    height:100%!important;min-height:0!important;align-content:stretch!important;
  }
  html body #proEditor.mobileMonitorFocus .proMonitorStage{
    min-height:0!important;height:100%!important;width:100%!important;
    padding:0!important;overflow:hidden!important;place-items:center!important;
  }
  html body #proEditor.mobileMonitorFocus .proPreviewDock{
    position:relative!important;inset:auto!important;transform:none!important;
    flex:0 0 70px!important;height:70px!important;min-height:70px!important;
    margin:0!important;padding:7px 7px 2px!important;
    background:#080d14!important;box-sizing:border-box!important;
    border-top:1px solid #202939!important;
  }
  html body #proEditor.mobileMonitorFocus #proPreviewSeek{position:relative!important;inset:auto!important;width:100%!important;top:auto!important}
  html body #proEditor .proMonitorShell.lumetraPhoneFullscreen{
    position:fixed!important;inset:0!important;z-index:2147483646!important;
    width:100vw!important;height:100dvh!important;max-height:100dvh!important;
    display:grid!important;grid-template-rows:minmax(0,1fr) 70px!important;
    padding:max(4px,env(safe-area-inset-top)) 4px max(4px,env(safe-area-inset-bottom))!important;
    background:#000!important;border-radius:0!important;overflow:hidden!important;
  }
  html body #proEditor .proMonitorShell.lumetraPhoneFullscreen .proMonitorStage{
    height:100%!important;min-height:0!important;width:100%!important;
  }
  html body #proEditor .proMonitorShell.lumetraPhoneFullscreen .proPreviewDock{
    position:relative!important;inset:auto!important;height:70px!important;min-height:70px!important;
    margin:0!important;transform:none!important;background:#080d14!important;
  }
  html body #proEditor .proMonitorShell.lumetraPhoneFullscreen #proFullscreen{outline:2px solid #b58aff!important}
}


/* v5.26.96 — phone Program Monitor uses a larger live stage, lower transport,
   and a clean fullscreen overlay without changing the rest of the editor. */
@media(max-width:620px){
  html body #proEditor.mobileMonitorFocus .proMonitorShell{
    grid-template-rows:minmax(0,1fr) 60px!important;
    padding:0 6px!important;
  }
  html body #proEditor.mobileMonitorFocus .proMonitorStage{
    padding:0!important;
    align-items:center!important;
    justify-items:center!important;
  }
  html body #proEditor.mobileMonitorFocus .proPreviewDock{
    flex:0 0 60px!important;
    height:60px!important;
    min-height:60px!important;
    padding:6px 7px 4px!important;
    overflow:visible!important;
  }
  html body #proEditor.mobileMonitorFocus #proPreviewSeek{
    height:10px!important;
    flex:0 0 10px!important;
  }
  html body #proEditor.mobileMonitorFocus .proPreviewDock .proTransport,
  html body #proEditor.mobileMonitorFocus .proPreviewDock .proTransportMinimal{
    min-height:38px!important;
    height:38px!important;
    margin-top:0!important;
    align-items:center!important;
  }
  html body #proEditor .proMonitorShell.lumetraPhoneFullscreen{
    grid-template-rows:minmax(0,1fr) 60px!important;
    padding:max(2px,env(safe-area-inset-top)) 2px max(2px,env(safe-area-inset-bottom))!important;
    background:#000!important;
  }
  html body #proEditor .proMonitorShell.lumetraPhoneFullscreen .proMonitorStage,
  html body #proEditor .proMonitorShell.lumetraPhoneFullscreen #proMonitor{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
  }
  html body #proEditor .proMonitorShell.lumetraPhoneFullscreen .proPreviewDock{
    height:60px!important;
    min-height:60px!important;
    padding:6px 7px 4px!important;
  }
}