Spec

OverlayFull-screen backdrop rgba(26,26,26,0.56)
ContainerWidth 100% up to 420px, max-height min(88vh, 680px)
Radius12px (--r-lg)
PaddingHeader 16px, body 16px, footer 16px
ActionsSecondary + Primary CTA, both min-height 44px
Close actionGhost icon button 44x44 with visible focus ring
Focus trapKeep keyboard focus in dialog while open and restore it to trigger on close
Accessibilityrole="dialog", aria-modal="true", aria-labelledby and aria-describedby

Preview