.modal {
  inline-size: min(100%, var(--modal-width));
  max-block-size: var(--modal-max-height);
  overflow: auto;
  padding: var(--space-6);
  border: var(--border-width-md) solid var(--color-border);
  border-radius: var(--radius-xl);
  color: var(--color-text);
  background: var(--grad-surface);
  box-shadow: var(--shadow-lg);
}
.modal__header { margin-block-end: var(--space-4); }
.modal__title { font-size: var(--font-size-lg); }
.modal__body { min-inline-size: 0; }
.modal__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-block-start: var(--space-5); }