Test safe-area handling in modals.
Default Modal
Centered dialog on tablet - should NOT have safe-area padding
Fullscreen Modal
Full screen - footer handles safe-area
Sheet Modal (Partial)
At 0.5 breakpoint - should have bottom safe-area only
Sheet Modal (Full)
At 1.0 breakpoint - should have bottom safe-area
Card Modal (iOS)
Card presentation with presentingElement
Fullscreen Modal (no footer)
Wrapper padding should prevent content overlap
Card Modal (no footer)
On phones, wrapper padding should prevent content overlap
Default Modal (no footer)
On phones, wrapper padding should prevent content overlap