/* v5.26.81: one mobile navigation surface in the Video Editor, with sidebar drawer access. */
.proMobileWorkspaceMenu{display:none}
@media(max-width:720px){
  /* The workspace dock is for workspace pages, not the full-screen professional editor. */
  html.lumetraProEditorActive body #mobileQuickNav,
  html.lumetraProEditorActive body .mobileQuickNav{display:none!important;visibility:hidden!important;pointer-events:none!important}
  html.lumetraProEditorActive body #creatorApp:not(.authLocked)>.page{height:100dvh!important}
  html.lumetraProEditorActive body .proEditor{padding-bottom:0!important}
  /* The editor's Timeline / Media / Import / AI Tools / Settings replaces the dock. */
  html.lumetraProEditorActive body #proEditor>.proMobileBottomNav{position:relative!important;bottom:auto!important;display:grid!important;z-index:320!important}
  html.lumetraProEditorActive body #proMobileWorkspaceMenu{display:grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;padding:0!important;margin:0 8px 0 0!important;border:1px solid #303647!important;border-radius:10px!important;background:#101824!important;color:#e7e9f3!important;font:600 23px/1 system-ui!important;cursor:pointer!important}
  /* Overlay drawer above the editor, including its header and toolbar. */
  html.lumetraProEditorActive body #sidebar.sidebar.open{z-index:2147483100!important;transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}
  html.lumetraProEditorActive body #scrim:not(.hidden){z-index:2147483000!important}
}
@media(max-width:620px){
  html.lumetraProEditorActive body #proEditor{--mobile-nav-h:calc(64px + env(safe-area-inset-bottom,0px))!important}
  html.lumetraProEditorActive body #proEditor>.proMobileBottomNav{height:var(--mobile-nav-h)!important;min-height:var(--mobile-nav-h)!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}
}