._root_qbz7h_1{border:1px solid var(--color-border);background:#ffffff06;border-radius:10px;flex-direction:column;gap:10px;margin-bottom:16px;padding:14px 16px;display:flex}._row_qbz7h_12{flex-wrap:wrap;align-items:center;gap:12px;display:flex}._gradientRow_qbz7h_19{flex-wrap:nowrap}._row_qbz7h_12._disabled_qbz7h_23{opacity:.45}._rowLabel_qbz7h_27,._toggleLabel_qbz7h_28{color:#ffffffd9;user-select:none;align-items:center;gap:8px;min-width:60px;font-size:13px;font-weight:500;display:inline-flex}._toggleLabel_qbz7h_28{cursor:pointer;min-width:0}._row_qbz7h_12._disabled_qbz7h_23 ._rowLabel_qbz7h_27{cursor:not-allowed}._hueSlider_qbz7h_48{appearance:none;cursor:pointer;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:4px;outline:none;flex:1 1 0;min-width:120px;height:8px}._hueSlider_qbz7h_48:disabled{cursor:not-allowed}._hueSlider_qbz7h_48::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:2px solid #0009;border-radius:50%;width:18px;height:18px;transition:transform .12s;box-shadow:0 0 0 1px #ffffff40}._hueSlider_qbz7h_48::-webkit-slider-thumb:hover{transform:scale(1.1)}._hueSlider_qbz7h_48::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #0009;border-radius:50%;width:18px;height:18px}._hueValue_qbz7h_90{font-variant-numeric:tabular-nums;color:#fff9;text-align:right;min-width:40px;font-size:12px}._resetButton_qbz7h_98{background:var(--color-muted);border:1px solid var(--color-border);color:#ffffffd9;cursor:pointer;border-radius:6px;padding:5px 10px;font-size:12px;transition:border-color .15s,color .15s}._resetButton_qbz7h_98:hover:not(:disabled){color:#fff;border-color:#3ddc84}._resetButton_qbz7h_98:disabled{opacity:.4;cursor:not-allowed}._divider_qbz7h_119{background:#ffffff0f;height:1px;margin:2px 0}._checkbox_qbz7h_125{accent-color:#3ddc84;cursor:pointer;width:16px;height:16px}._gradientControls_qbz7h_132{align-items:center;gap:14px;margin-left:auto;transition:opacity .15s;display:flex}._gradientControls_qbz7h_132._disabled_qbz7h_23{opacity:.45}._gradientControls_qbz7h_132._disabled_qbz7h_23 ._colorLabel_qbz7h_144{color:#ffffff59}._swatchGroup_qbz7h_148{align-items:center;gap:6px;display:inline-flex}._colorLabel_qbz7h_144{color:#ffffffa6;user-select:none;font-size:12px}@media (width<=560px){._root_qbz7h_1{padding:12px}._row_qbz7h_12{gap:10px 8px}._rowLabel_qbz7h_27,._toggleLabel_qbz7h_28{min-width:0}._hueSlider_qbz7h_48{flex:100%;order:10;min-width:0}._hueValue_qbz7h_90{min-width:28px;margin-left:auto}._gradientControls_qbz7h_132{flex-wrap:nowrap;gap:10px;margin-left:0}._swatchGroup_qbz7h_148{gap:4px}}._root_l6pmv_1{display:inline-block;position:relative}._swatch_l6pmv_6{border:1px solid var(--color-border);cursor:pointer;background-clip:padding-box;border-radius:6px;width:32px;height:26px;padding:0;transition:border-color .15s}._swatch_l6pmv_6:hover{border-color:#ffffff59}._swatch_l6pmv_6:focus-visible{outline-offset:1px;outline:2px solid #3ddc84}._swatch_l6pmv_6:disabled{cursor:not-allowed;opacity:.4}._swatch_l6pmv_6:disabled:hover{border-color:var(--color-border)}._popover_l6pmv_35{z-index:100;border:1px solid var(--color-border);background:#15161d;border-radius:8px;flex-direction:column;gap:8px;width:200px;padding:10px;display:flex;position:absolute;box-shadow:0 12px 28px #00000080}._pad_l6pmv_49{cursor:crosshair;user-select:none;touch-action:none;border-radius:6px;width:100%;height:130px;position:relative;overflow:hidden}._padHandle_l6pmv_60{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin-top:-6px;margin-left:-6px;position:absolute;box-shadow:0 0 0 1px #0009,inset 0 0 0 1px #0006}._hueSlider_l6pmv_72{appearance:none;cursor:pointer;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:6px;outline:none;width:100%;height:12px}._hueSlider_l6pmv_72::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:2px solid #0009;border-radius:50%;width:16px;height:16px}._hueSlider_l6pmv_72::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #0009;border-radius:50%;width:16px;height:16px}._hexInput_l6pmv_103{background:var(--color-muted);border:1px solid var(--color-border);color:#ffffffe6;text-transform:lowercase;border-radius:6px;outline:none;width:100%;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}._hexInput_l6pmv_103:focus{border-color:#3ddc84}