/* The shared hook preserves custom images/geometry and supplies missing arrows.
   Important longhands survive page/inline background shorthands without repainting colors. */
select.studio-select-chevron:not([multiple]) {
    background-image: var(--studio-select-image, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")) !important;
    background-position: var(--studio-select-position, right 12px center) !important;
    background-size: var(--studio-select-size, 12px 12px) !important;
    background-repeat: var(--studio-select-repeat, no-repeat) !important;
    /* A final zero-duration image entry prevents cross-fades without changing other transitions. */
    transition-property: var(--studio-select-transition-properties, all), background-image !important;
    transition-duration: var(--studio-select-transition-durations, 0s), 0s !important;
    transition-delay: var(--studio-select-transition-delays, 0s), 0s !important;
    transition-timing-function: var(--studio-select-transition-timing, ease), linear !important;
    padding-right: max(34px, var(--studio-select-padding, 0px)) !important;
}
:is([data-theme="dark"], [data-theme="night"], .dark) select.studio-select-chevron:not([multiple]),
select.studio-select-chevron[data-chevron-dark]:not([multiple]) {
    background-image: var(--studio-select-image, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")) !important;
}