/* Les quatre sélections restent alignées sur desktop. */
@media (min-width: 992px) {
    .studio-config-strip {
        display: grid !important;
        grid-template-columns:
            minmax(220px, 1.4fr)
            repeat(3, minmax(165px, 1fr));
        gap: 12px !important;
        align-items: end;
    }

    .studio-config-field {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }
}

@media (max-width: 991.98px) {
    .studio-config-strip {
        display: grid !important;
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 12px !important;
    }
}

@media (max-width: 575.98px) {
    .studio-config-strip {
        grid-template-columns: 1fr;
    }
}


/* Priorité sur l'ancien layout flex du Studio. */
html body .studio-integrated-toolbar
.studio-config-strip.studio-config-strip-four {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1.25fr)
        minmax(0, 1fr)
        minmax(0, 1fr)
        minmax(0, 1fr) !important;
    align-items: end !important;
    gap: 12px !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
}

html body .studio-integrated-toolbar
.studio-config-strip-four > .studio-config-field {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
}

@media (max-width: 850px) {
    html body .studio-integrated-toolbar
    .studio-config-strip.studio-config-strip-four {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }
}