.overlay{z-index:var(--z-modal);background:var(--overlay);animation:fade-in var(--dur-2) var(--ease-out);position:fixed;inset:0}.dialog{z-index:var(--z-modal);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);width:min(560px,100vw - 32px);max-height:calc(100dvh - 48px);box-shadow:var(--shadow-lg);animation:pop-in var(--dur-2) var(--ease-out);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog:focus{outline:none}.dialog-sm{width:min(420px,100vw - 32px)}.dialog-lg{width:min(760px,100vw - 32px)}.dialog-head{align-items:flex-start;gap:var(--s-3);padding:var(--s-5) var(--s-5) var(--s-3);display:flex}.dialog-icon{border-radius:var(--r-md);background:var(--accent-soft);width:40px;height:40px;color:var(--accent-ink);flex:none;place-items:center;display:grid}.dialog-icon svg{width:20px;height:20px}.dialog-icon.is-danger{background:var(--danger-soft);color:var(--danger)}.dialog-icon.is-warning{background:var(--warning-soft);color:var(--warning)}.dialog-title{font-size:var(--text-lg);font-weight:700}.dialog-desc{font-size:var(--text-sm);color:var(--text-2);margin-top:2px}.dialog>form{flex-direction:column;flex:auto;min-height:0;display:flex}.dialog-body{padding:var(--s-2) var(--s-5) var(--s-5);gap:var(--s-4);flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.dialog-foot{justify-content:flex-end;gap:var(--s-2);padding:var(--s-4) var(--s-5);border-top:1px solid var(--border);display:flex}@media (width<=560px){.dialog,.dialog-sm,.dialog-lg{border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);animation:sheet-up var(--dur-2) var(--ease-out);top:auto;bottom:0;left:0;transform:none}.dialog-foot{flex-direction:column-reverse}.dialog-foot .btn{width:100%}}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.97)}}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}}