.color-picker-overlay[data-v-b0433828]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.color-picker-modal[data-v-b0433828]{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;padding:1.5rem;width:90%}.color-picker-container[data-v-b0433828]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.color-picker-panel[data-v-b0433828]{background-blend-mode:multiply;border-radius:12px;cursor:crosshair;height:280px;overflow:hidden;position:relative;width:100%}.color-picker-panel[data-v-b0433828]:after{background:linear-gradient(0deg,rgba(0,0,0,.9),transparent 40%,hsla(0,0%,100%,.9));content:"";inset:0;mix-blend-mode:soft-light;pointer-events:none;position:absolute}.color-picker-thumb[data-v-b0433828]{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0003;height:20px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:20px;z-index:2}.color-picker-hue-slider[data-v-b0433828]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;cursor:pointer;height:16px;width:100%}.color-picker-hue-slider[data-v-b0433828]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #1f2937;border-radius:50%;box-shadow:0 0 0 2px #fffc;cursor:grab;height:20px;width:20px}.color-picker-hue-slider[data-v-b0433828]::-webkit-slider-thumb:active{cursor:grabbing}.color-picker-hue-slider[data-v-b0433828]::-moz-range-thumb{background:#fff;border:2px solid #1f2937;border-radius:50%;box-shadow:0 0 0 2px #fffc;cursor:grab;height:20px;width:20px}.color-picker-hue-slider[data-v-b0433828]::-moz-range-thumb:active{cursor:grabbing}.color-picker-actions[data-v-b0433828]{display:flex;gap:.75rem;justify-content:flex-end}.ghost-btn[data-v-b0433828],.primary-btn[data-v-b0433828]{border:none;border-radius:999px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.primary-btn[data-v-b0433828]{background:linear-gradient(120deg,var(--color-primary),#8b5cf6);box-shadow:0 15px 30px #6366f159;color:#fff}.ghost-btn[data-v-b0433828]{background:#fff;border:1px solid #d1d5db;color:#6b7280}.ghost-btn[data-v-b0433828]:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.ghost-btn[data-v-b0433828]:hover,.primary-btn[data-v-b0433828]:hover{transform:translateY(-2px)}@media(max-width:640px){.color-picker-modal[data-v-b0433828]{max-width:95%;padding:1.25rem}.color-picker-panel[data-v-b0433828]{height:240px}.color-picker-actions[data-v-b0433828]{flex-direction:column}.color-picker-actions .ghost-btn[data-v-b0433828],.color-picker-actions .primary-btn[data-v-b0433828]{width:100%}}