.color-picker-container[data-v-266e2568]{position:relative;display:inline-block}.color-preview[data-v-266e2568]{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #ddd;border-radius:4px;cursor:pointer;background-color:#fff;min-width:120px;transition:border-color .2s}.color-preview[data-v-266e2568]:hover{border-color:#aaa}.color-preview.disabled[data-v-266e2568]{cursor:not-allowed;opacity:.6}.color-preview.disabled[data-v-266e2568]:hover{border-color:#ddd}.color-thumb[data-v-266e2568]{width:20px;height:20px;border-radius:3px;border:1px solid #ddd;flex-shrink:0}.color-value[data-v-266e2568]{font-family:monospace;font-size:14px;flex-grow:1}.color-panel[data-v-266e2568]{position:absolute;z-index:1000;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;padding:12px;width:240px}.color-panel.bottom[data-v-266e2568]{top:100%;margin-top:4px}.color-panel.top[data-v-266e2568]{bottom:100%;margin-bottom:4px}.color-controls[data-v-266e2568]{display:flex;flex-direction:column;gap:12px}.color-canvas-container[data-v-266e2568]{position:relative;width:100%;height:150px;border-radius:4px;overflow:hidden;cursor:pointer}.color-canvas[data-v-266e2568]{width:100%;height:100%;display:block}.color-selector[data-v-266e2568]{position:absolute;width:12px;height:12px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 2px #00000080}.slider-container[data-v-266e2568]{display:flex;flex-direction:column;gap:8px}.hue-slider-container[data-v-266e2568],.alpha-slider-container[data-v-266e2568]{position:relative;height:16px;border-radius:8px;overflow:hidden;cursor:pointer}.hue-slider[data-v-266e2568],.alpha-slider[data-v-266e2568]{width:100%;height:100%;display:block}.slider-thumb[data-v-266e2568]{position:absolute;top:0;width:4px;height:100%;background:#fff;border:1px solid #ccc;border-radius:1px;transform:translate(-50%);pointer-events:none}.color-inputs[data-v-266e2568]{display:flex;align-items:center;gap:12px}.color-preview-large[data-v-266e2568]{width:32px;height:32px;border-radius:4px;border:1px solid #ddd;flex-shrink:0}.input-group[data-v-266e2568]{display:flex;flex-direction:column;gap:4px;flex:1}.input-group label[data-v-266e2568]{font-size:12px;color:#666}.input-group input[data-v-266e2568]{padding:4px 6px;border:1px solid #ddd;border-radius:3px;font-size:12px}.color-panel-actions[data-v-266e2568]{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.btn-cancel[data-v-266e2568],.btn-confirm[data-v-266e2568]{padding:6px 12px;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.btn-cancel[data-v-266e2568]{background:#fff;color:#333}.btn-cancel[data-v-266e2568]:hover{background:#f5f5f5}.btn-confirm[data-v-266e2568]{background:#333;color:#fff;border-color:#333}.btn-confirm[data-v-266e2568]:hover{background:#333}