._hsvPicker_1a9iv_1{background:var(--bg-elevated);border-radius:var(--radius);border:1px solid #0000;flex-direction:column;gap:.55rem;padding:.75rem;display:flex}._svSquare_1a9iv_11{border-radius:var(--radius-sm);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:160px;position:relative;overflow:hidden}._svWhiteGradient_1a9iv_22{pointer-events:none;background:linear-gradient(90deg,#fff,#fff0);position:absolute;top:0;bottom:0;left:0;right:0}._svBlackGradient_1a9iv_29{pointer-events:none;background:linear-gradient(#0000,#000);position:absolute;top:0;bottom:0;left:0;right:0}._svCursor_1a9iv_36{width:14px;height:14px;box-shadow:0 0 0 1px rgb(0, 0, 0, var(--alpha-strong)), var(--shadow-sm);pointer-events:none;border:2px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}._hueSlider_1a9iv_47{border-radius:var(--radius-sm);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);width:100%;height:14px;position:relative}._hueCursor_1a9iv_58{width:14px;height:14px;box-shadow:0 0 0 1px rgb(0, 0, 0, var(--alpha-strong)), var(--shadow-sm);pointer-events:none;border:2px solid #fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}._hexInput_1a9iv_70{background:var(--surface);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-mono);font-size:var(--type-small);letter-spacing:.04em;text-transform:uppercase;text-align:center;transition:border-color var(--ease-fast), background var(--ease-fast);outline:none;padding:.4rem .6rem}._hexInput_1a9iv_70:hover,._hexInput_1a9iv_70:focus{border-color:var(--accent)}