.app-modal{color:inherit;background:0 0;border:0;max-width:100vw;max-height:100dvh;padding:0}.app-modal::backdrop{background:#17281fb3}body:has(.app-modal[open]){overflow:hidden}dialog.app-modal.template-preview-dialog{place-items:center;width:100%;height:100dvh;margin:auto;padding:28px;display:grid;position:fixed;inset:0}.app-modal .template-preview-panel{flex-direction:column;height:min(88dvh,820px);display:flex}.app-modal .template-preview-toolbar{min-height:64px;padding-top:max(10px,env(safe-area-inset-top));flex-shrink:0;gap:12px}.app-modal .template-preview-toolbar button{flex-shrink:0;min-height:44px}.app-modal .template-preview-scroll{flex:1;height:auto;min-height:0;overflow:auto}dialog.app-modal.support-lightbox{background:0 0;width:100%;height:100dvh;margin:auto;padding:64px 16px;display:grid;position:fixed;inset:0}dialog.app-modal.support-lightbox button{min-width:44px;min-height:44px;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}dialog.app-modal.support-lightbox img{max-height:calc(100dvh - 140px)}@media (max-width:850px){dialog.app-modal.template-preview-dialog{padding:0}.app-modal .template-preview-panel{width:100%;height:100dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:0}}dialog.app-modal.lightbox{border:0;width:100%;height:100dvh;margin:0}