.app-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:20px;background:#0f1b2db8}.app-modal-panel{width:min(640px,100%);max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-bg-surface);padding:24px;box-shadow:var(--shadow-lg)}.modal-enter-active,.modal-leave-active{transition:opacity .16s ease}.modal-enter-active>.app-modal-panel,.modal-enter-active>[role=dialog],.modal-leave-active>.app-modal-panel,.modal-leave-active>[role=dialog]{transition:transform .16s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from>.app-modal-panel,.modal-enter-from>[role=dialog],.modal-leave-to>.app-modal-panel,.modal-leave-to>[role=dialog]{transform:translateY(8px) scale(.99)}@media(max-width:640px){.app-modal-overlay{align-items:flex-end;padding:0}.app-modal-panel{max-height:94dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:20px 16px}}