/* ═══ DEVICE PREVIEW MODE — Operator Preview only ═══ Mobile preview is now iframe-based: the phone frame contains a real 390 px viewport so every existing @media (max-width:640px) rule fires naturally inside it. No CSS class overrides are needed here. The data-preview-device attribute is still set on by the head script so this selector can be used for future outer-page styling. ══════════════════════════════════════════════════════ */ /* Outer page body background matches the gray canvas behind the phone frame */ html[data-preview-device="mobile"] body { background: #dde1e7; }