.dialog{border-radius:var(--radius-lg);background:var(--surface);width:min(100% - 32px,520px);max-height:min(100% - 32px,760px);color:var(--text);box-shadow:var(--shadow-lg);border:0;padding:0}.dialog--sm{width:min(100% - 32px,420px)}.dialog--lg{width:min(100% - 32px,720px)}.dialog::backdrop{background:#10182880}.dialog[open]{animation:dialog-in var(--duration) var(--ease)}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.dialog__surface{max-height:inherit;flex-direction:column;display:flex}.dialog__header{align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3) var(--space-6);display:flex}.dialog__body{padding:var(--space-2) var(--space-6) var(--space-4);overflow-y:auto}.dialog__footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-5);border-top:1px solid var(--border);display:flex}@media (max-width:559px){.dialog{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:none;max-height:92dvh;margin:auto 0 0}.dialog[open]{animation-name:sheet-in}.dialog__footer{padding-bottom:max(var(--space-5), env(safe-area-inset-bottom));flex-direction:column-reverse}.dialog__footer .btn{width:100%}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}
