._picker_10s5p_1{gap:var(--space-sm);padding:var(--space-sm);flex-direction:column;width:192px;display:flex}._svWrap_10s5p_11{border:1px solid var(--gray-200);cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;width:160px;height:160px;position:relative}._svCanvas_10s5p_21{width:160px;height:160px;display:block}._svMarker_10s5p_27{border:2px solid var(--white);outline:1px solid var(--gray-400);pointer-events:none;width:10px;height:10px;position:absolute;transform:translate(-5px,-5px)}._hueBar_10s5p_39{border:1px solid var(--gray-200);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;width:160px;height:12px;position:relative}._hueKnob_10s5p_49{background:var(--white);border:1px solid var(--gray-400);pointer-events:none;width:4px;height:14px;position:absolute;top:-1px;transform:translate(-2px)}._hexRow_10s5p_62{align-items:center;gap:var(--space-xs);display:flex}._hexPrefix_10s5p_68{font-family:var(--mono);font-size:var(--font-size-sm);color:var(--gray-400)}._hexInput_10s5p_74{padding:var(--space-xs);font-family:var(--mono);font-size:var(--font-size-sm);color:var(--black);background:var(--white);border:1px solid var(--gray-200);flex:1}._hexInput_10s5p_74:focus{border-color:var(--blue);outline:none}._presets_10s5p_91{gap:var(--space-xs);flex-wrap:wrap;display:flex}._swatch_10s5p_97{border:1px solid var(--gray-200);cursor:pointer;width:24px;height:24px;padding:0}._swatch_10s5p_97:hover{border-color:var(--gray-400)}._swatchActive_10s5p_109{border:2px solid var(--black)}