/* Opaque mobile header; protect notch and status-bar space in installed apps. */
@media(max-width:1120px){
 #app .topbar{background:var(--canvas);backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;opacity:1}
}
html.installed-app,html.installed-app body{background:var(--canvas,#0c0e0d)}
html.installed-app body{padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
html.installed-app .theme-toggle{top:calc(20px + env(safe-area-inset-top,0px))}
html.installed-app dialog{max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:auto}
html.installed-app #studio-suite{max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
.suite-mobile-push-help{padding:14px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:12px;line-height:1.7;background:var(--surface)}