.app-dialog-overlay{z-index:60;padding:var(--space-6);background:color-mix(in srgb, var(--surface-inverse) 42%, transparent);-webkit-backdrop-filter:blur(var(--space-1-5));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.app-dialog-overlay[data-entering]{animation:dhr-fade var(--dur-normal) var(--ease-out)}.app-dialog-modal{width:calc(var(--space-32) * 4 + var(--space-2));overscroll-behavior:contain;border:var(--space-px) solid var(--border-subtle);border-radius:var(--radius-panel);background:var(--surface-card);max-width:100%;max-height:100%;color:var(--text-body);box-shadow:var(--shadow-xl), var(--inset-highlight);overflow-y:auto}.app-dialog-modal[data-entering]{animation:dhr-rise var(--dur-slow) var(--ease-out)}.app-dialog{outline:none}.app-dialog:focus-visible{box-shadow:inset 0 0 0 var(--space-0-5) var(--border-brand)}.app-dialog-heading{align-items:flex-start;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-4);display:flex}.app-dialog-heading-copy{flex:1;min-width:0}.app-dialog-heading h3{font-size:var(--text-xl);margin:0}.app-dialog-heading p{font-size:var(--text-sm);margin-top:var(--space-1-5);line-height:var(--leading-normal)}.app-dialog-body{padding:0 var(--space-6) var(--space-5)}.app-dialog-footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-top:var(--space-px) solid var(--border-subtle);flex-wrap:wrap;display:flex}@media (width<=36rem){.app-dialog-footer{flex-direction:column-reverse;align-items:stretch}.app-dialog-footer>*{white-space:normal;width:100%;max-width:100%;height:auto}}