.lg-picker{position:relative}
.lg-picker-btn{width:100%;height:40px;border:1px solid var(--line);border-radius:6px;padding-inline:10px;background:#fff;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer}
.lg-picker-btn img{width:18px;height:18px;object-fit:contain;flex-shrink:0}
.lg-picker-btn span{flex:1;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lg-picker-list{position:absolute;top:calc(100% + 4px);inset-inline:0;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 10px 26px rgba(0,0,0,.14);max-height:280px;overflow-y:auto;z-index:50;margin:0;padding:6px;list-style:none}
.lg-picker-list li{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:14px;border-radius:4px;cursor:pointer}
.lg-picker-list li:hover,.lg-picker-list li[aria-selected=true]{background:var(--soft)}
.lg-picker-list img{width:18px;height:18px;object-fit:contain;flex-shrink:0}
.color-chips{gap:10px}
.color-chip{width:34px;height:34px;padding:0;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center}
.color-chip .swatch{width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.color-chip[aria-pressed=true]{border-color:var(--navy);box-shadow:0 0 0 2px rgba(26,43,72,.18)}
@media(max-width:700px){
.list-controls{flex-wrap:wrap;gap:10px}
.ctl-select{max-width:100%;flex:1;min-width:0}
.ctl-btn{flex-shrink:0}
.color-chip{width:38px;height:38px}
.color-chip .swatch{width:28px;height:28px}
}