/* 5.27.16: viewport fullscreen monitor, independent of editor grid. */
.lumetraFullscreenExit{display:none!important}
@media(max-width:620px){
  html.lumetraPhoneFullscreenActive,body.lumetraPhoneFullscreenActive{overflow:hidden!important;overscroll-behavior:none!important}
  body>.proMonitorShell.lumetraPhoneFullscreen{
    position:fixed!important;inset:0!important;z-index:2147483647!important;
    width:100vw!important;height:100vh!important;height:100dvh!important;
    max-width:none!important;max-height:none!important;margin:0!important;
    padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)!important;
    border:0!important;border-radius:0!important;background:#000!important;
    box-sizing:border-box!important;display:grid!important;
    grid-template-rows:minmax(0,1fr) auto!important;overflow:hidden!important;
    transform:none!important;contain:none!important;
  }
  body>.proMonitorShell.lumetraPhoneFullscreen .proMonitorStage{
    display:grid!important;place-items:center!important;position:relative!important;
    width:100%!important;height:100%!important;min-height:0!important;
    max-height:none!important;overflow:hidden!important;background:#000!important;
    padding:0!important;margin:0!important;transform:none!important;
  }
  body>.proMonitorShell.lumetraPhoneFullscreen .proMonitorStage #proMonitor{
    position:relative!important;max-width:100%!important;max-height:100%!important;
    margin:auto!important;overflow:hidden!important;background:#000!important;
  }
  body>.proMonitorShell.lumetraPhoneFullscreen .proPreviewDock{
    display:block!important;position:relative!important;inset:auto!important;
    transform:none!important;box-sizing:border-box!important;
    height:66px!important;min-height:66px!important;max-height:66px!important;
    width:100%!important;max-width:none!important;margin:0!important;
    padding:5px 12px!important;background:#080d14!important;
    visibility:visible!important;opacity:1!important;z-index:2!important;
  }
  body>.proMonitorShell.lumetraPhoneFullscreen .proTransport{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important}
  body>.proMonitorShell.lumetraPhoneFullscreen .lumetraFullscreenExit{
    display:grid!important;place-items:center!important;position:absolute!important;
    top:calc(env(safe-area-inset-top) + 12px)!important;right:12px!important;
    width:46px!important;height:46px!important;border-radius:12px!important;
    border:1px solid #657086!important;background:rgba(11,16,26,.85)!important;
    color:#fff!important;z-index:15!important;cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  body>.proMonitorShell.lumetraPhoneFullscreen .lumetraFullscreenExit[hidden]{display:none!important}
}