/**
 * First-paint guard — phone/tablet editor pages.
 * Hides desktop side panels before the full CSS chain finishes loading.
 */
@media (max-width: 1024px) {
    .qe-sidebar,
    .qe-panel-right,
    .tg-sidebar.qe-sidebar {
        display: none !important;
    }

    .desktop-only {
        display: none !important;
    }
}

/* iPad Pro landscape (>1024) — class set synchronously in js/ipad-shell-detect.js */
html.tg-ipad-editor-shell .qe-sidebar,
html.tg-ipad-editor-shell .qe-panel-right,
html.tg-ipad-editor-shell .tg-sidebar.qe-sidebar {
    display: none !important;
}

html.tg-ipad-editor-shell .desktop-only {
    display: none !important;
}