/* Approved: desktop colors use the existing bottom strip too. */
@media(min-width:761px){
 #color-bar48{display:flex;align-items:center;gap:6px;min-width:0;width:100%;overflow:hidden}
 #color-bar48 .color-title48{flex:none;font-size:11px;color:var(--green)}
 #color-bar48 .component-grid{display:flex;flex:1;min-width:0;gap:3px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;margin:0;padding:4px;touch-action:pan-x pan-y;scrollbar-width:thin}
 #color-bar48 .component-grid button{flex:0 0 38px;width:38px;height:38px;min-height:38px;padding:5px;font-size:0;gap:0;background:transparent;border:0;box-shadow:none;justify-content:center}
 #color-bar48 .swatch{width:26px;height:26px;flex:none;border-radius:50%;border:1px solid #574c42;margin:0}
 #color-bar48 .component-grid button[aria-pressed=true] .swatch{outline:2px solid var(--green);outline-offset:2px}
 #color-bar48 .fabric-controls{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;min-width:0;width:100%;margin:0;padding:3px 0}
 #color-bar48 .fabric-controls label{flex:none;font-size:0;gap:0}
 #color-bar48 .fabric-controls input{width:32px;height:32px;margin:0;padding:2px}
 #color-bar48 .fabric-palette{display:flex;flex:1;min-width:0;gap:5px;overflow-x:auto;flex-wrap:nowrap;padding:3px;touch-action:pan-x pan-y}
 #color-bar48 .fabric-palette button{flex:0 0 28px;width:28px;height:28px;min-height:28px;padding:0;border-radius:50%}
 #color-bar48 .fabric-controls>button{flex:none;font-size:10px;min-height:30px;padding:4px}
 #color-bar48{overflow-x:auto;overflow-y:hidden;min-height:40px;flex-wrap:nowrap}
 #color-bar48>label{display:flex;flex-direction:row;align-items:center;gap:5px;flex:none;font-size:11px;white-space:nowrap}
 #color-bar48 select{height:32px;min-height:32px;font-size:13px;padding:3px;max-width:135px}
 #color-bar48 .uniform-colors42{display:flex;flex:none;align-items:center;gap:5px;margin:0;padding:2px;border:0}
 #color-bar48 .uniform-colors42>span{font-size:11px}
 #color-bar48 .uniform-colors42 button{min-height:30px;padding:4px 8px;font-size:11px;border-radius:16px}
 #color-bar48 input[type=color]{width:30px;height:30px;padding:2px}
 #color-bar48 .color-dots49{display:flex;gap:5px;align-items:center}
 #color-bar48 .color-dot49{flex:none;width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;border:1px solid #574c42;border-radius:50%!important}
 #color-bar48 .color-dot49[aria-pressed=true]{outline:2px solid var(--green);outline-offset:2px}
 #color-bar48 .source-color49{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

 #component-options .subnav38 [hidden]{display:none!important}
}