.feature-demo-backgrounds .demo-host-wallpaper{opacity:var(--background-demo-opacity,1);transition:opacity .3s linear}.feature-demo-backgrounds [data-mode=light]{--stylergpt-main-page-surface:#fff}.feature-demo-backgrounds [data-mode=dark]{--stylergpt-main-page-surface:#212121}.feature-demo-backgrounds .demo-background-filter{position:relative}.feature-demo-backgrounds .demo-background-filter select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.feature-demo-backgrounds .demo-background-chevron{position:absolute;top:50%;right:10px;transform:translateY(-50%)}.feature-demo-backgrounds .demo-background-tile[data-selected=true]{box-shadow:0 0 0 2px var(--panel-accent)}.feature-demo-backgrounds .feature-demo-panel .stylergpt-section-workspace--catalog [data-testid=background-image-tile-upload]{height:auto;aspect-ratio:16/9}.feature-demo-backgrounds .demo-background-range{height:24px;margin-top:4px;position:relative}.feature-demo-backgrounds .demo-background-range>span{position:absolute;top:8px;width:100%;height:8px;border-radius:4px;background:var(--panel-border)}.feature-demo-backgrounds .demo-background-range>i{position:absolute;top:2px;width:20px;height:20px;border-radius:50%;background:var(--panel-accent);transition:left .3s linear}.feature-demo-backgrounds .demo-pointer[data-dragging=true]{transition-duration:.3s;transition-timing-function:linear}.feature-demo-backgrounds .demo-controls>div:first-child{min-width:0}.feature-demo-backgrounds .demo-controls>div:last-child{flex-shrink:0}.feature-demo-backgrounds .demo-controls>div:first-child>span:nth-child(2){text-wrap:balance}@media (prefers-reduced-motion:reduce){.feature-demo-backgrounds .demo-visuals,.feature-demo-backgrounds .demo-visuals *{transition:none!important}}