/* 5.28.16: eliminate clipped rail icon offsets and reserve Final Master actions. */
@media (min-width:761px){
 html body #creatorApp.esvylaDesktopCollapsed #sidebar.sidebar .esvylaSidebarBrand{
  box-sizing:border-box!important;position:relative!important;display:grid!important;
  place-items:center!important;overflow:visible!important;padding:0!important;
  height:var(--esvyla-header-height,74px)!important;
  min-height:var(--esvyla-header-height,74px)!important;
  max-height:var(--esvyla-header-height,74px)!important;
 }
 html body #creatorApp.esvylaDesktopCollapsed #sidebar.sidebar .esvylaSidebarBrand>img.esvylaRailLogo{
  position:static!important;inset:auto!important;top:auto!important;left:auto!important;
  right:auto!important;bottom:auto!important;display:block!important;
  width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;
  margin:0!important;padding:0!important;transform:none!important;translate:0 -3px!important;
  object-fit:contain!important;object-position:center center!important;
  clip-path:none!important;
 }
}
@media (max-width:760px){
 html body .finalRenderBackdrop.sceneEditorBackdrop{
  position:fixed!important;inset:0!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;height:100dvh!important;overflow:hidden!important;
  padding:max(8px,env(safe-area-inset-top)) 8px calc(8px + env(safe-area-inset-bottom))!important;
 }
 html body .finalRenderBackdrop .savedScenesModal.finalRenderModal{
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  width:min(100%,600px)!important;max-width:100%!important;
  height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px)!important;
  max-height:100%!important;min-height:0!important;
  margin:0 auto!important;padding:12px!important;gap:8px!important;overflow:hidden!important;
 }
 html body .finalRenderBackdrop .sceneEditorHead{
  flex:0 0 auto!important;min-height:0!important;max-height:27%!important;
  overflow-y:auto!important;margin:0!important;padding:0 0 8px!important;
 }
 html body .finalRenderBackdrop .sceneEditorHead>div{min-width:0!important;overflow-wrap:anywhere!important}
 html body .finalRenderBackdrop .sceneEditorHead h2{font-size:clamp(16px,4.5vw,21px)!important}
 html body .finalRenderBackdrop .sceneEditorHead p{font-size:11px!important;line-height:1.4!important}
 html body .finalRenderBackdrop .finalRenderVideoShell{
  box-sizing:border-box!important;display:grid!important;place-items:center!important;
  flex:1 1 0!important;min-height:0!important;max-height:none!important;height:auto!important;
  width:100%!important;aspect-ratio:auto!important;overflow:hidden!important;background:#000!important;
 }
 html body .finalRenderBackdrop .finalRenderVideoShell video.finalRenderVideo{
  box-sizing:border-box!important;position:relative!important;inset:auto!important;
  display:block!important;width:100%!important;height:100%!important;
  min-height:0!important;max-height:100%!important;min-width:0!important;
  object-fit:contain!important;object-position:center center!important;
  aspect-ratio:auto!important;transform:none!important;filter:none!important;
 }
 html body .finalRenderBackdrop .storyActions{
  box-sizing:border-box!important;display:flex!important;flex:0 0 auto!important;
  width:100%!important;min-height:48px!important;margin:0!important;padding:3px 0 0!important;
  position:relative!important;z-index:3!important;overflow:visible!important;
 }
 html body .finalRenderBackdrop .storyActions [data-download-final-render]{
  box-sizing:border-box!important;display:block!important;width:100%!important;
  min-height:46px!important;flex:1 1 auto!important;visibility:visible!important;
 }
}