.GradientEditor_editor__IN6id{display:flex;flex-direction:column;gap:8px}.ColorPicker_field__UTH3q,.GradientEditor_stop__fiZXX{display:flex;flex-direction:column;gap:4px}.ColorPicker_label__1LmBL{font-family:var(--font-base),-apple-system,blinkmacsystemfont,"Segoe UI",sans-serif;font-size:.875rem;font-weight:500;color:#1a1a1a}.ColorPicker_wrapper__UfmME{position:relative;display:flex;align-items:center;gap:8px}.ColorPicker_swatch__tshVB{position:relative;width:36px;height:36px;padding:0;overflow:hidden;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;background-image:linear-gradient(45deg,rgba(0,0,0,.08) 25%,transparent 0,transparent 75%,rgba(0,0,0,.08) 0),linear-gradient(45deg,rgba(0,0,0,.08) 25%,transparent 0,transparent 75%,rgba(0,0,0,.08) 0);background-position:0 0,6px 6px;background-size:12px 12px}.ColorPicker_swatch__tshVB:focus-visible{outline:2px solid #06c;outline-offset:2px}.ColorPicker_swatch-color__RQDml{position:absolute;inset:0;border-radius:inherit}.ColorPicker_input__lLawG{flex:1 1;padding:8px 16px;font-family:var(--font-mono),"Fira Code",monospace;font-size:.875rem;color:#1a1a1a;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;transition:border-color .15s ease}.ColorPicker_input__lLawG:focus{border-color:#06c;outline:none;box-shadow:0 0 0 2px rgba(0,102,204,.2)}.ColorPicker_input--error__k8S_A{border-color:#dc2626}.ColorPicker_input--error__k8S_A:focus{border-color:#dc2626;box-shadow:0 0 0 2px rgba(220,38,38,.2)}.ColorPicker_popover__7f_Kv{position:absolute;top:calc(100% + 4px);left:0;z-index:100;display:flex;flex-direction:column;gap:8px;width:240px;padding:16px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.07);animation:ColorPicker_fade-in__p6FX0 .1s ease}.ColorPicker_sv__6q2SI{position:relative;width:100%;height:160px;cursor:crosshair;border:1px solid #e0e0e0;border-radius:4px;touch-action:none}.ColorPicker_sv__6q2SI:focus-visible{outline:2px solid #06c;outline-offset:2px}.ColorPicker_sv-thumb__XDhOo{position:absolute;width:14px;height:14px;pointer-events:none;background:rgba(0,0,0,0);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.4);transform:translate(-50%,-50%)}.ColorPicker_sliders__mNHzi{display:flex;flex-direction:column;gap:8px}.ColorPicker_alpha__SIDQG,.ColorPicker_hue__PY_rU{width:100%;height:16px;margin:0;padding:0;background:rgba(0,0,0,0);appearance:none;cursor:pointer}.ColorPicker_alpha__SIDQG:focus-visible,.ColorPicker_hue__PY_rU:focus-visible{outline:2px solid #06c;outline-offset:2px;border-radius:4px}.ColorPicker_hue__PY_rU::-webkit-slider-runnable-track{height:8px;border:1px solid #e0e0e0;border-radius:4px;background-image:linear-gradient(90deg,#f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00)}.ColorPicker_hue__PY_rU::-moz-range-track{height:8px;border:1px solid #e0e0e0;border-radius:4px;background-image:linear-gradient(90deg,#f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00)}.ColorPicker_alpha__SIDQG::-webkit-slider-runnable-track{height:8px;border:1px solid #e0e0e0;border-radius:4px;background-image:linear-gradient(to right,transparent,var(--alpha-color,#000)),linear-gradient(45deg,rgba(0,0,0,.08) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.08) 75%),linear-gradient(45deg,rgba(0,0,0,.08) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.08) 75%);background-position:0 0,0 0,6px 6px;background-size:auto,12px 12px,12px 12px}.ColorPicker_alpha__SIDQG::-moz-range-track{height:8px;border:1px solid #e0e0e0;border-radius:4px;background-image:linear-gradient(to right,transparent,var(--alpha-color,#000)),linear-gradient(45deg,rgba(0,0,0,.08) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.08) 75%),linear-gradient(45deg,rgba(0,0,0,.08) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.08) 75%);background-position:0 0,0 0,6px 6px;background-size:auto,12px 12px,12px 12px}.ColorPicker_alpha__SIDQG::-webkit-slider-thumb,.ColorPicker_hue__PY_rU::-webkit-slider-thumb{appearance:none;width:16px;height:16px;margin-top:-5px;background:#fff;border:1px solid #e0e0e0;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.3);cursor:pointer}.ColorPicker_alpha__SIDQG::-moz-range-thumb,.ColorPicker_hue__PY_rU::-moz-range-thumb{width:16px;height:16px;background:#fff;border:1px solid #e0e0e0;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.3);cursor:pointer}.ColorPicker_footer__Oc_Oj{display:flex;align-items:center;justify-content:space-between;gap:8px}.ColorPicker_readout__pISOd{font-family:var(--font-mono),"Fira Code",monospace;font-size:.75rem;color:#666;text-transform:uppercase}.ColorPicker_eyedropper__mk_4V{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:#1a1a1a;cursor:pointer;background:none;border:1px solid #e0e0e0;border-radius:4px;transition:background-color .15s ease}.ColorPicker_eyedropper__mk_4V:hover{background-color:#f5f5f5}.ColorPicker_eyedropper__mk_4V:focus-visible{outline:2px solid #06c;outline-offset:2px}.ColorPicker_error__RBjsh{margin:0;font-size:.75rem;color:#dc2626}