/* Keep design selection adjacent to the picture it changes. */
@media(max-width:850px){
.studio{display:flex;flex-direction:column}.studio .stage-wrap{order:-1;padding:12px}.studio aside{padding:16px;border-right:0;border-top:1px solid #d9dce1}.mobile-design-label{display:block;font-size:12px;font-weight:600;color:#424a55;margin:0 0 8px}.stage-wrap>.design-list{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:0 0 10px;margin:0 0 8px;scroll-snap-type:x proximity}.stage-wrap>.design-list .design{flex:0 0 auto;scroll-snap-align:start;padding:8px 10px;font-size:12px;min-height:38px;gap:7px}.stage-wrap>.design-list .design>span{display:none}.stage-wrap>.design-list .swatch{width:25px;height:18px}.stage-top{margin-bottom:9px}.kit-grid{gap:12px}.kit-mobile-presets{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:6px!important;padding:0 0 10px!important;margin:0!important}.kit-mobile-presets button{flex:0 0 auto;white-space:nowrap;font-size:12px;min-height:38px;padding:8px 12px}.kit-controls{padding:15px}.kit-caption-row{margin-top:7px}.kit-grid>div>.design-motion-controls{padding:8px 0;margin:0}.hero-control-room .desk-rail{display:grid;grid-template-columns:repeat(6,90px);overflow-x:auto;gap:6px;padding-bottom:3px;scroll-snap-type:x proximity}.hero-control-room .look-picker-intro{grid-column:1/-1;padding:10px 2px 4px;position:sticky;left:0}.hero-control-room .look-picker-intro strong{font-size:12px}.hero-control-room .look-picker-intro small{font-size:10px}.hero-control-room .hero-style{scroll-snap-align:start;padding:5px}.hero-control-room .hero-style .style-thumbnail{aspect-ratio:2.8}.hero-control-room .hero-style strong{font-size:11px}.hero-control-room .desk-bottom{padding:9px 12px}.hero-control-room .broadcast-desk>.design-motion-controls{padding:8px 12px}.hero-control-room .hero-canvas{flex-shrink:0}
}
@media(max-width:850px){.kit-grid{grid-template-columns:minmax(0,1fr)}.kit-grid>div{min-width:0;max-width:100%}.kit-mobile-presets{width:100%;min-width:0;box-sizing:border-box}.hero-control-room .look-picker-intro{width:calc(100vw - 82px);max-width:100%;min-width:0}.hero-control-room .look-picker-intro>div{min-width:0}.hero-control-room .look-picker-intro small{white-space:normal}.studio .stage-wrap{min-width:0;max-width:100%}.stage-wrap>.design-list{max-width:100%}.hero-control-room .desk-rail{scrollbar-width:thin;scrollbar-color:#59616e transparent}}