/* The Final Master must end ABOVE the fixed bottom quick-navigation, never behind it. */
@media (max-width:760px){
 html body .finalRenderBackdrop.sceneEditorBackdrop{
  position:fixed!important;top:0!important;left:0!important;right:0!important;
  bottom:calc(var(--esvyla-quick-height,72px) + var(--esvyla-quick-safe,env(safe-area-inset-bottom,0px)))!important;
  height:auto!important;min-height:0!important;width:auto!important;
  box-sizing:border-box!important;display:flex!important;align-items:stretch!important;
  justify-content:center!important;overflow:hidden!important;
  padding:max(8px,env(safe-area-inset-top,0px)) 8px 10px!important;
 }
 html body .finalRenderBackdrop .savedScenesModal.finalRenderModal{
  box-sizing:border-box!important;position:relative!important;display:flex!important;
  flex-direction:column!important;flex:1 1 auto!important;
  width:100%!important;min-width:0!important;max-width:600px!important;
  height:100%!important;max-height:100%!important;min-height:0!important;
  padding:10px!important;margin:0 auto!important;gap:8px!important;
  overflow:hidden!important;
 }
 html body .finalRenderBackdrop .sceneEditorHead{
  flex:0 0 auto!important;max-height:30%!important;overflow-y:auto!important;
  padding-bottom:7px!important;margin:0!important;
 }
 html body .finalRenderBackdrop .finalRenderVideoShell{
  box-sizing:border-box!important;display:flex!important;align-items:center!important;
  justify-content:center!important;flex:1 1 0!important;min-height:0!important;
  max-height:none!important;width:100%!important;height:auto!important;
  aspect-ratio:auto!important;overflow:hidden!important;
 }
 html body .finalRenderBackdrop .finalRenderVideoShell video.finalRenderVideo{
  display:block!important;position:static!important;flex:0 1 auto!important;
  width:100%!important;height:100%!important;max-width:100%!important;
  max-height:100%!important;min-height:0!important;object-fit:contain!important;
  object-position:center!important;aspect-ratio:auto!important;
 }
 html body .finalRenderBackdrop .storyActions{
  flex:0 0 50px!important;display:flex!important;position:relative!important;
  min-height:50px!important;max-height:50px!important;width:100%!important;
  margin:0!important;padding:0!important;z-index:10!important;
  visibility:visible!important;overflow:visible!important;
 }
 html body .finalRenderBackdrop .storyActions [data-download-final-render]{
  display:block!important;flex:1 1 auto!important;min-height:46px!important;
  max-height:50px!important;width:100%!important;visibility:visible!important;
 }
}