.app-view-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}
#appViewCheck{min-height:44px;white-space:nowrap}
header{padding-top:calc(var(--s6) + env(safe-area-inset-top,0px));padding-left:calc(var(--s10) + env(safe-area-inset-left,0px));padding-right:calc(var(--s10) + env(safe-area-inset-right,0px))}
main{padding-left:calc(var(--s10) + env(safe-area-inset-left,0px));padding-right:calc(var(--s10) + env(safe-area-inset-right,0px))}
footer{padding-bottom:calc(var(--s6) + env(safe-area-inset-bottom,0px))}
#appViewDialog{width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border:1px solid #c9d5df;border-radius:16px;background:#fff;color:#1a2e3a;margin:auto}
#appViewDialog::backdrop{background:rgba(16,36,51,.5)}
.app-view-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.app-view-heading h2{font-size:24px;line-height:1.25}
.app-view-heading button{min-height:44px;padding:8px 12px;color:#0869b1;font-weight:700}
#appViewDialog p{line-height:1.55;margin:16px 0}
.app-view-mode{padding:12px;border-radius:8px;background:#fff4dc;color:#744900;font-weight:700}
.app-view-active{background:#e5f5ec;color:#15593a}
.app-view-note,.app-view-diagnostic{font-size:13px;color:#405363}
@media(max-width:600px){
 header{flex-wrap:wrap;padding-left:calc(20px + env(safe-area-inset-left,0px));padding-right:calc(20px + env(safe-area-inset-right,0px))}
 .app-view-actions{gap:12px}
 main{padding-left:calc(20px + env(safe-area-inset-left,0px));padding-right:calc(20px + env(safe-area-inset-right,0px))}
}