Preview your site on mobile, tablet, or a new tab

The Visual editor in Builder now has a device toggle at the top of the iframe. Three sizes:

• Mobile — 390 px wide (iPhone Pro)
• Tablet — 820 px wide (iPad)
• Desktop — fills the available width (the original behavior)

Switching device sizes reloads the embedded preview so JavaScript-driven responsive behavior (carousels, navs, anything reading window.matchMedia) re-runs at the new viewport.

The "New tab" button next to the toggles opens the live preview at full window width — useful for taking screenshots, sharing with a teammate, or debugging issues that only appear under the browser's full chrome (devtools, scrollbars, browser cache).

Behind the scenes:
• Mobile/tablet sizes wrap the iframe in a centered card with a soft shadow so it looks like a device, not a cropped page
• Each device size keeps the editor wired up — clicking a text block still opens inline editing, postMessage events still flow back to the editor
• The Header in the editor still has the original Preview ↗ button as a redundant entry point, so existing muscle memory keeps working