:root{--staging-banner-h: 36px}@media(max-width:768px),(max-height:480px){:root{--staging-banner-h: 32px}}.staging-banner{position:fixed;top:0;left:0;right:0;z-index:9999;padding:env(safe-area-inset-top,0px) 1rem 0;height:calc(var(--staging-banner-h) + env(safe-area-inset-top,0px));display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fbbf24;color:#111827;font-family:system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 1px 2px #00000026;-webkit-print-color-adjust:exact;print-color-adjust:exact}.staging-banner-text{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staging-banner-meta{font-size:.6875rem;font-weight:500;opacity:.65;letter-spacing:0;text-transform:lowercase;font-family:ui-monospace,SFMono-Regular,monospace}@media(max-width:768px),(max-height:480px){.staging-banner{font-size:.75rem;padding-left:.75rem;padding-right:.75rem}.staging-banner-meta{display:none}}html.staging-active body{padding-top:calc(var(--staging-banner-h) + env(safe-area-inset-top,0px))}html.staging-active .app{height:calc(100vh - var(--staging-banner-h) - env(safe-area-inset-top,0px));height:calc(100dvh - var(--staging-banner-h) - env(safe-area-inset-top,0px));min-height:calc(100dvh - var(--staging-banner-h) - env(safe-area-inset-top,0px))}html.staging-active .app-frame{min-height:calc(100vh - var(--staging-banner-h) - env(safe-area-inset-top,0px));min-height:calc(100dvh - var(--staging-banner-h) - env(safe-area-inset-top,0px))}@media(min-width:481px)and (min-height:481px){html.staging-active .app-frame .app{height:calc(100vh - 48px - var(--staging-banner-h));height:calc(100dvh - 48px - var(--staging-banner-h))}}@media(max-width:480px),(max-height:480px){html.staging-active body{min-height:calc(100dvh - var(--staging-banner-h) - env(safe-area-inset-top,0px))}html.staging-active .app{height:auto;min-height:calc(100dvh - var(--staging-banner-h) - env(safe-area-inset-top,0px))}html.staging-active .appheader-stack{top:calc(var(--staging-banner-h) + env(safe-area-inset-top,0px))}}html.staging-active .w2-shell--route{top:calc(var(--topbar-h) + var(--staging-banner-h))}@media print{.staging-banner{display:flex!important;position:static!important;height:var(--staging-banner-h)!important;padding-top:0!important;box-shadow:none!important}html.staging-active body{padding-top:0!important}}