/* ═══ 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: radial-gradient(circle at 18% -8%, rgba(103,184,248,.16), transparent 34%), radial-gradient(circle at 88% 8%, rgba(80,214,196,.08), transparent 30%), linear-gradient(145deg, #f7f9fc 0%, #f3f7fb 42%, #eef4fa 100%); }