._container_1pu5j_1{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}._label_1pu5j_8{font-size:.875rem;font-weight:500;color:var(--foreground)}._trigger_1pu5j_14{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--border);border-radius:var(--radius);background-color:var(--surface);cursor:pointer;transition:border-color .2s;width:100%;height:2.5rem}._trigger_1pu5j_14:hover{border-color:var(--primary)}._preview_1pu5j_32{width:1.5rem;height:1.5rem;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;flex-shrink:0;position:relative}._colorFill_1pu5j_42{width:100%;height:100%}._transparentCheckers_1pu5j_47{width:100%;height:100%;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;background-color:#fff}._valueText_1pu5j_59{font-family:var(--font-family-monospace);font-size:.875rem;color:var(--muted-foreground)}._popoverContent_1pu5j_65{width:260px;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}._saturationPanel_1pu5j_74{position:relative;width:100%;height:160px;border-radius:var(--radius);cursor:crosshair;overflow:hidden;touch-action:none;user-select:none}._saturationOverlay_1pu5j_85{position:absolute;inset:0;background:linear-gradient(to right,#fff,transparent);pointer-events:none}._brightnessOverlay_1pu5j_95{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,#000);pointer-events:none}._saturationThumb_1pu5j_105{position:absolute;width:12px;height:12px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 1px #0000004d,0 2px 4px #0003}._hueBarWrapper_1pu5j_117{position:relative;width:100%}._hueBar_1pu5j_117{position:relative;width:100%;height:12px;border-radius:var(--radius-sm);background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);cursor:pointer;touch-action:none;user-select:none}._hueThumb_1pu5j_142{position:absolute;width:14px;height:14px;border:2px solid white;border-radius:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 1px #0000004d,0 2px 4px #0003}._hexInputRow_1pu5j_155{display:flex;gap:var(--spacing-2);align-items:center}._hexPreview_1pu5j_161{width:2.5rem;height:2.5rem;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;flex-shrink:0;position:relative}._hexInput_1pu5j_155{font-family:var(--font-family-monospace);text-transform:uppercase;flex:1}._transparentButton_1pu5j_177{width:100%;justify-content:center}