.ColorPicker_swatchTrigger__FmOet{display:inline-flex;width:auto;height:38px;align-items:center;gap:8px;padding:0 8px 0 4px;background:transparent;border:1px solid var(--para-input-border,#555);border-radius:0;cursor:pointer;font-family:inherit;color:var(--para-text,#fff);font-size:13px;letter-spacing:.04em;text-align:left;box-sizing:border-box}.ColorPicker_swatchTrigger__FmOet:focus-visible{outline:1px solid var(--para-accent,#4a9eff);outline-offset:-1px}.ColorPicker_swatchSquare__GoPoy{display:block;width:28px;height:28px;padding:0;background:#0a0a0a;border:1px solid #2a2a2a;box-sizing:border-box;flex-shrink:0}.ColorPicker_swatchHex__Z8NKa{flex:1 1 auto;min-width:0}.ColorPicker_swatchAlpha__dbLXx{flex-shrink:0;color:var(--para-text-muted,#aaaaaa)}.ColorPicker_swatchInnerSolid__UKdbo,.ColorPicker_swatchInner__fom1B{display:block;width:100%;height:100%}.ColorPicker_swatchInner__fom1B{background-image:linear-gradient(45deg,#444 25%,transparent 0),linear-gradient(-45deg,#444 25%,transparent 0),linear-gradient(45deg,transparent 75%,#444 0),linear-gradient(-45deg,transparent 75%,#444 0);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.ColorPicker_swatchInner__fom1B:after{content:"";display:block;width:100%;height:100%;background:inherit}.ColorPicker_popover__pg7cB{position:fixed;background:#0E0E0E;border:1px solid #222;box-shadow:0 8px 24px rgba(0,0,0,.5);padding:12px;z-index:1000;font-family:var(--font-primary,"Berkeley Mono",monospace);color:#ddd;display:flex;flex-direction:column;gap:10px}.ColorPicker_surfaces__z0oOJ{display:grid;grid-template-columns:1fr 14px 14px;grid-gap:10px;gap:10px;height:160px}.ColorPicker_satSquare__W8OSK{position:relative;width:100%;height:100%;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--cp-hue,0deg),100%,50%));cursor:crosshair;touch-action:none}.ColorPicker_satSquare__W8OSK:focus-visible{outline:1px solid #fff;outline-offset:1px}.ColorPicker_satThumb__ftZEJ{position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 1px rgba(0,0,0,.5)}.ColorPicker_hueSlider__4p_sr{position:relative;width:14px;height:100%;background:linear-gradient(180deg,#f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00);cursor:ns-resize;touch-action:none}.ColorPicker_hueSlider__4p_sr:focus-visible{outline:1px solid #fff;outline-offset:1px}.ColorPicker_hueThumb__eKVj4{position:absolute;left:-2px;right:-2px;height:4px;background:#fff;border:1px solid #000;transform:translateY(-50%);pointer-events:none}.ColorPicker_alphaSlider___5vmi{position:relative;width:14px;height:100%;background-image:linear-gradient(to bottom,rgb(var(--cp-rgb,255,255,255)),rgba(var(--cp-rgb,255,255,255),0)),linear-gradient(45deg,#444 25%,transparent 25%),linear-gradient(-45deg,#444 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#444 75%),linear-gradient(-45deg,transparent 75%,#444 75%);background-size:100% 100%,6px 6px,6px 6px,6px 6px,6px 6px;background-position:0 0,0 0,0 3px,3px -3px,-3px 0;cursor:ns-resize;touch-action:none}.ColorPicker_alphaSlider___5vmi:focus-visible{outline:1px solid #fff;outline-offset:1px}.ColorPicker_alphaThumb__GhOZ6{position:absolute;left:-2px;right:-2px;height:4px;background:#fff;border:1px solid #000;transform:translateY(-50%);pointer-events:none}.ColorPicker_inputsRow__ERVx8{display:flex;align-items:flex-end;gap:8px}.ColorPicker_previewWrap__6Eurl{width:28px;height:28px;flex-shrink:0;background-image:linear-gradient(45deg,#444 25%,transparent 0),linear-gradient(-45deg,#444 25%,transparent 0),linear-gradient(45deg,transparent 75%,#444 0),linear-gradient(-45deg,transparent 75%,#444 0);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;border:1px solid #2a2a2a}.ColorPicker_previewSwatch__k0_Rp{display:block;width:100%;height:100%}.ColorPicker_field__KqRSg{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}.ColorPicker_fieldLabel___hQ3c{font-size:9px;color:#888;text-transform:uppercase;letter-spacing:.04em}.ColorPicker_hexInput__wWFQp,.ColorPicker_numInput__gYiCf{width:100%;height:28px;background:#0a0a0a;border:1px solid #2a2a2a;color:#ddd;padding:0 6px;font-family:inherit;font-size:12px;box-sizing:border-box}.ColorPicker_hexInput__wWFQp:focus,.ColorPicker_numInput__gYiCf:focus{outline:none;border-color:var(--para-blue-500,#3388ee)}.ColorPicker_numInput__gYiCf{-moz-appearance:textfield}.ColorPicker_numInput__gYiCf::-webkit-inner-spin-button,.ColorPicker_numInput__gYiCf::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ColorPicker_channelRow__RmbSE{display:flex;gap:6px;align-items:flex-end}.ColorPicker_eyedropperBtn__2UM3i{width:26px;height:26px;flex-shrink:0;background:#0a0a0a;border:1px solid #2a2a2a;color:#ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;align-self:flex-end}.ColorPicker_eyedropperBtn__2UM3i:hover{border-color:#444;color:#fff}.ColorPicker_eyedropperBtn__2UM3i:focus-visible{outline:1px solid var(--para-blue-500,#3388ee)}