/* A single swipeable row keeps the background picker close to its preview. */
.appearance-settings{min-width:0;width:100%;max-width:1050px}
.appearance-carousel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 10px}
.appearance-carousel-toolbar .ops-help{margin:0}
.appearance-carousel-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}
.ops-console .appearance-carousel-arrow{display:inline-flex;align-items:center;justify-content:center;min-width:44px;width:44px;height:44px;padding:0;border-radius:50%;font-size:30px;line-height:1}
.ops-console .appearance-carousel-arrow:disabled{opacity:.35;cursor:default}
.appearance-carousel-count{min-width:66px;text-align:center;font-size:12px;color:#d3d8e3;font-variant-numeric:tabular-nums;white-space:nowrap}
.appearance-options.appearance-carousel{display:flex;flex-wrap:nowrap;align-items:stretch;gap:16px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:3px;padding:3px 3px 12px;margin:0 0 20px;scrollbar-width:thin;scrollbar-color:#d6bd9080 #ffffff0a}
.ops-console .appearance-carousel .appearance-option{flex:0 0 280px;min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}
.appearance-carousel .appearance-option img{flex-shrink:0}
.appearance-carousel .appearance-option-copy{gap:6px;padding:14px 16px}
.appearance-carousel .appearance-option-copy strong{font-size:15px}
.appearance-carousel .appearance-option-copy small{font-size:12px}
.appearance-carousel .appearance-current{margin-top:2px}
.ops-console .appearance-carousel .appearance-option:focus-visible,.ops-console .appearance-carousel-arrow:focus-visible{outline:2px solid #f3d7a7;outline-offset:2px}
@media(max-width:767px){
 .appearance-carousel-toolbar{align-items:flex-start;flex-direction:column;gap:10px}
 .appearance-carousel-controls{align-self:flex-end}
 .appearance-options.appearance-carousel{gap:12px}
 .ops-console .appearance-carousel .appearance-option{flex-basis:min(280px,82%)}
}
@media(prefers-reduced-motion:reduce){.appearance-options.appearance-carousel{scroll-behavior:auto}}