#dev-maintenance-lock { position: fixed; inset: 0; z-index: 2147483647; display: none; align-items: center; justify-content: center; padding: 1.5rem; background: rgba(0,0,0,.78); backdrop-filter: blur(2px); }
#dev-maintenance-lock.is-active { display: flex; }
#dev-maintenance-lock .dev-maintenance-dialog { width: min(620px,100%); padding: 2rem; border-radius: 1rem; background: #fff; color: #212529; box-shadow: 0 1.5rem 4rem rgba(0,0,0,.4); text-align: center; }
#dev-maintenance-lock .dev-maintenance-icon { display: inline-grid; width: 64px; height: 64px; place-items: center; margin-bottom: 1rem; border-radius: 50%; background: #fff4d6; color: #f7b84b; font-size: 2rem; }
html.dev-maintenance-locked, html.dev-maintenance-locked body { overflow: hidden !important; }