.ProductRecolorWorkspace-module__ZWbprq__colorFieldset{border:0;margin:0 0 18px;padding:0}.ProductRecolorWorkspace-module__ZWbprq__colorFieldset legend{color:var(--text-primary);font-size:10.5px;font-weight:700}.ProductRecolorWorkspace-module__ZWbprq__colorFieldset legend span{color:var(--danger-text);margin-left:5px;font-size:9px;font-weight:600}.ProductRecolorWorkspace-module__ZWbprq__colorFieldset>p,.ProductRecolorWorkspace-module__ZWbprq__targetAreaField>p{color:var(--text-secondary);margin:5px 0 10px;font-size:9px;line-height:1.45}.ProductRecolorWorkspace-module__ZWbprq__paletteGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ProductRecolorWorkspace-module__ZWbprq__paletteGrid label{border:1px solid var(--border-color);background:var(--surface-card);min-width:0;min-height:40px;color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border-radius:9px;align-items:center;gap:7px;padding:0 9px;display:flex;position:relative}.ProductRecolorWorkspace-module__ZWbprq__paletteGrid label:hover{border-color:color-mix(in srgb, var(--accent-primary) 48%, var(--border-color));transform:translateY(-1px)}.ProductRecolorWorkspace-module__ZWbprq__paletteGrid input{opacity:0;width:1px;height:1px;position:absolute}.ProductRecolorWorkspace-module__ZWbprq__paletteGrid label>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;font-weight:650;overflow:hidden}.ProductRecolorWorkspace-module__ZWbprq__paletteGrid .ProductRecolorWorkspace-module__ZWbprq__colorActive{border-color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 10%, var(--surface-card));color:var(--text-primary)}.ProductRecolorWorkspace-module__ZWbprq__paletteGrid input:focus-visible~.ProductRecolorWorkspace-module__ZWbprq__swatch{outline:2px solid var(--accent-primary);outline-offset:3px}.ProductRecolorWorkspace-module__ZWbprq__swatch{border:1px solid var(--text-secondary);border-radius:50%;flex:none;width:17px;height:17px}.ProductRecolorWorkspace-module__ZWbprq__customColor{border:1px solid var(--border-color);background:var(--surface-card);border-radius:10px;grid-template-columns:minmax(0,1fr) 34px 74px;align-items:center;gap:7px;margin-top:9px;padding:7px;display:grid}.ProductRecolorWorkspace-module__ZWbprq__customColorActive{border-color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 8%, var(--surface-card))}.ProductRecolorWorkspace-module__ZWbprq__customColor button{min-height:34px;color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:0 8px;font-size:9.5px;font-weight:700;display:flex}.ProductRecolorWorkspace-module__ZWbprq__customColor>label:not(.ProductRecolorWorkspace-module__ZWbprq__hexLabel),.ProductRecolorWorkspace-module__ZWbprq__hexLabel{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ProductRecolorWorkspace-module__ZWbprq__customColor input[type=color]{border:1px solid var(--text-secondary);background:var(--surface-panel);cursor:pointer;border-radius:7px;width:34px;height:34px;padding:3px}.ProductRecolorWorkspace-module__ZWbprq__hexInput{border:1px solid var(--text-secondary);background:var(--surface-panel);width:74px;min-height:34px;color:var(--text-primary);font:inherit;text-transform:uppercase;border-radius:7px;padding:0 7px;font-size:9.5px}.ProductRecolorWorkspace-module__ZWbprq__targetAreaField{margin:0 0 18px}.ProductRecolorWorkspace-module__ZWbprq__targetAreaField>label{color:var(--text-primary);font-size:10.5px;font-weight:700;display:block}.ProductRecolorWorkspace-module__ZWbprq__targetAreaField>input{border:1px solid var(--border-color);background:var(--surface-card);width:100%;min-height:42px;color:var(--text-primary);font:inherit;border-radius:9px;padding:0 11px;font-size:10px}.ProductRecolorWorkspace-module__ZWbprq__targetAreaField>input::placeholder{color:var(--text-secondary)}.ProductRecolorWorkspace-module__ZWbprq__customColor :-webkit-any(button,input):focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.ProductRecolorWorkspace-module__ZWbprq__customColor :is(button,input):focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.ProductRecolorWorkspace-module__ZWbprq__targetAreaField>input:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (max-width:520px){.ProductRecolorWorkspace-module__ZWbprq__paletteGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.ProductRecolorWorkspace-module__ZWbprq__customColor{grid-template-columns:minmax(0,1fr) 34px 82px}.ProductRecolorWorkspace-module__ZWbprq__hexInput{width:82px}}@media (prefers-reduced-motion:reduce){.ProductRecolorWorkspace-module__ZWbprq__paletteGrid label{transition:none}}