.color-picker[data-v-2785d5db]{flex-direction:column;display:inline-flex;position:relative}.picker-row[data-v-2785d5db]{align-items:center;gap:8px;display:flex}.swatch-btn[data-v-2785d5db]{border:1px solid var(--color-border-default);cursor:pointer;border-radius:4px;flex-shrink:0;width:28px;height:28px;padding:0;position:relative}.color-input[data-v-2785d5db]{border:1px solid var(--color-border-default);background:var(--color-bg-default);min-width:0;height:28px;color:var(--color-text-default);border-radius:4px;outline:none;flex:1;padding:4px 8px;font-family:monospace;font-size:12px}.color-input--error[data-v-2785d5db]{border-color:var(--color-error,#ef4444)}.popover[data-v-2785d5db]{z-index:100;background:var(--color-bg-default);border:1px solid var(--color-border-default);border-radius:8px;flex-direction:column;gap:8px;width:280px;padding:12px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 4px 16px #00000026}.popover-top-row[data-v-2785d5db]{align-items:center;gap:8px;display:flex}.popover-top-row .color-input--popover[data-v-2785d5db]{flex:1;min-width:0}.sv-square[data-v-2785d5db]{cursor:crosshair;-webkit-user-select:none;user-select:none;border-radius:6px;width:100%;height:160px;position:relative}.sv-pointer[data-v-2785d5db]{pointer-events:none;border:2px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d,0 1px 3px #0000004d}.hue-rail[data-v-2785d5db]{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:5px;width:100%;height:10px;position:relative}.hue-pointer[data-v-2785d5db]{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d,0 1px 3px #0000004d}.sat-rail[data-v-2785d5db]{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px;width:100%;height:10px;position:relative}.sat-pointer[data-v-2785d5db]{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d,0 1px 3px #0000004d}