.au-dialog {
  --au-dialog-bg: var(--au-surface);
  --au-dialog-border: var(--au-border-color);
  --au-dialog-radius: var(--au-radius-lg);
  --au-dialog-width: 520px;

  background: var(--au-dialog-bg);
  border: 1px solid var(--au-dialog-border);
  border-radius: var(--au-dialog-radius);
  color: var(--au-fg);
  max-height: min(720px, calc(100dvh - 32px));
  max-width: var(--au-dialog-width);
  padding: 0;
  width: calc(100% - 32px);
}

.au-dialog::backdrop { background: rgb(15 16 19 / 0.56); }
.au-dialog__header,
.au-dialog__body,
.au-dialog__footer { padding: 20px clamp(18px, calc(100vw - 542px), 24px); }
.au-dialog__header { border-bottom: 1px solid var(--au-dialog-border); }
.au-dialog__body { color: var(--au-fg-muted); line-height: 1.55; }
.au-dialog__footer { border-top: 1px solid var(--au-dialog-border); display: flex; gap: 8px; justify-content: flex-end; }
.au-dialog__eyebrow { color: var(--au-fg-subtle); font: 11px/1.3 var(--au-font-mono); letter-spacing: 0.06em; margin: 0 0 7px; text-transform: uppercase; }
.au-dialog__title { font-size: 20px; letter-spacing: -0.025em; line-height: 1.2; margin: 0; }