layout-dialog{display:contents}.dialog{width:min(var(--dialog-width,480px),calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid var(--finish-edge,var(--line));border-radius:var(--radius);background:var(--finish-image,none) var(--finish-surface,var(--surface));backdrop-filter:var(--finish-blur,none);color:var(--ink);box-shadow:0 24px 80px #0003;overflow:auto;overflow-wrap:anywhere}.dialog[open]{display:flex;flex-direction:column}.dialog::backdrop{background:#0b151780}.dialog-header,.dialog-body,.dialog-footer{padding:clamp(16px,4vw,24px);min-height:0}.dialog-header,.dialog-footer{flex-shrink:0}.dialog-header{border-bottom:1px solid var(--line)}.dialog-header h2{font-size:1.25rem}.dialog-body{overflow:auto;overscroll-behavior:contain}.dialog-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;border-top:1px solid var(--line)}.dialog form{display:contents}.dialog-wide{--dialog-width:720px}html:has(.dialog:modal){overflow:auto;overflow-wrap:anywhere}@keyframes dialog-enter{from{opacity:0;transform:scale(.98)}}@keyframes dialog-backdrop{from{opacity:0}}@media(prefers-reduced-motion:no-preference){.dialog[open]{animation:dialog-enter var(--motion-normal) var(--motion-ease)}.dialog[open]::backdrop{animation:dialog-backdrop var(--motion-normal) var(--motion-ease)}}