.color-input[data-v-4a40e25b]{flex-direction:column;gap:6px;display:flex}.color-input label[data-v-4a40e25b]{color:#374151;font-size:14px;font-weight:500}.color-input-wrapper[data-v-4a40e25b]{gap:8px;display:flex}.color-input-wrapper input[type=color][data-v-4a40e25b]{cursor:pointer;border:1px solid #d1d5db;border-radius:6px;width:50px;height:40px;padding:2px}.color-input-wrapper input[type=text][data-v-4a40e25b]{border:1px solid #d1d5db;border-radius:6px;flex:1;padding:8px 12px;font-size:14px;transition:all .2s}.color-input-wrapper input[type=text][data-v-4a40e25b]:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.color-input-wrapper input[data-v-4a40e25b]:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f9fafb}.color-preview[data-v-4a40e25b]{align-items:center;gap:8px;margin-top:4px;display:flex}.preview-label[data-v-4a40e25b]{color:#6b7280;font-size:12px}.preview-color[data-v-4a40e25b]{border:1px solid #d1d5db;border-radius:4px;width:30px;height:20px}.color-value[data-v-4a40e25b]{color:#374151;font-family:Courier New,monospace;font-size:12px}