Test safe-area handling in modals on tablet-sized screens.
+Test safe-area handling in modals.
Centered dialog on tablet - should NOT have safe-area padding
-Full screen on tablet - should have safe-area padding
-Centered dialog on tablet - should NOT have safe-area padding
+At 0.5 breakpoint - should have bottom safe-area only
-Full screen - footer handles safe-area
+At 1.0 breakpoint - should have bottom safe-area (handle creates top gap)
-At 0.5 breakpoint - should have bottom safe-area only
+Card presentation - inset from edges, no safe-area padding
-At 1.0 breakpoint - should have bottom safe-area
+Card presentation with presentingElement
+Wrapper padding should prevent content overlap
+On phones, wrapper padding should prevent content overlap
+On phones, wrapper padding should prevent content overlap
+