/* Shared editor shell tiers: Quick Edit, Sketch, Magic Blend */

:root {
    --tier-phone-max: 600px;
    --tier-tablet-max: 1024px;
    --tier-desktop-min: 1025px;
}

/* Shared desktop editor spacing + button contract */
@media (min-width: 901px) {
    .qe-sidebar {
        padding: var(--editor-sidebar-pad-desktop);
    }

    .qe-panel-center,
    .qe-panel-right {
        padding: var(--editor-panel-pad-desktop);
    }

    .qe-tools-row {
        gap: var(--editor-tools-row-gap);
    }

    .qe-tool-btn {
        gap: var(--editor-tool-gap);
        height: var(--editor-tool-height);
        padding: var(--editor-tool-pad);
    }

    .qe-action-btn {
        padding: var(--editor-action-pad);
        height: var(--editor-action-height);
        font-size: var(--editor-action-font);
    }
}

/* Shared editor responsive contract (Quick Edit / Sketch / Magic Blend / Stencil) */
@media (orientation: landscape) and (pointer: coarse) and (min-width: 901px) and (max-width: 1366px) {
    .qe-layout {
        height: calc(100dvh - 64px) !important;
        min-height: calc(100dvh - 64px) !important;
        padding: 8px !important;
        gap: 8px !important;
    }

    .qe-sidebar {
        padding: 8px 10px !important;
    }

    .qe-sidebar .sidebar-section {
        margin-bottom: 6px !important;
    }

    .qe-sidebar .sidebar-section label {
        margin-bottom: 2px !important;
        font-size: 0.68rem !important;
    }

    .qe-tool-btn {
        height: 46px !important;
    }

    .qe-action-btn {
        height: 32px !important;
        font-size: 0.74rem !important;
    }

    .sidebar-footer {
        margin-top: 4px !important;
    }

    .tg-sidebar-generate-btn {
        padding: 8px !important;
    }
}