[hidden]{display:none!important}
.pwa-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:calc(100% - 32px);max-width:430px;max-height:calc(100dvh - 40px);overflow:auto;border:0;border-radius:24px;padding:26px;color:#17354b;background:#fff;box-shadow:0 20px 80px #17354b44}
.pwa-image-dialog{width:fit-content;max-width:min(600px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:0;border-radius:16px;overflow:hidden;background:transparent}
.popup-image-link{display:block}
.popup-image{display:block;width:auto;height:auto;max-width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 40px);object-fit:contain}
.popup-close{position:absolute;top:10px;right:10px;z-index:1;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #fff;border-radius:50%;background:#17354be6;color:#fff;font:28px/1 system-ui,sans-serif;cursor:pointer}
.popup-close:focus-visible{outline:3px solid #4bb3f5;outline-offset:2px}
.pwa-dialog::backdrop{background:#102b45aa}
.pwa-dialog h2{margin:8px 0 14px;font-size:23px}
.pwa-dialog p{line-height:1.6;overflow-wrap:anywhere}
.pwa-icon{border-radius:18px}
.pwa-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.pwa-actions .btn{flex:1}
.pwa-home-actions{padding:16px 18px 100px;display:flex;flex-wrap:wrap;gap:10px}
.pwa-home-actions p{width:100%}
.connection-warning{position:fixed;top:0;left:0;right:0;z-index:10001;padding:12px 16px;background:#7d260d;color:#fff;text-align:center;font:14px/1.5 system-ui,sans-serif}
.connection-warning button{margin-left:8px;background:#fff;color:#7d260d;border:0;border-radius:8px;padding:6px 10px;cursor:pointer}
.app-splash{position:fixed;inset:0;z-index:10000;display:grid;place-items:center}
.app-splash img{max-width:100%;max-height:100dvh;object-fit:contain}
@media(max-width:860px){.studio-tabs{flex-wrap:wrap;overflow:visible;gap:6px}.studio-tab{flex:0 0 auto}}