@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.color-picker-component{margin-bottom:var(--spacing-md);position:relative}.color-picker-component label{display:block;margin-bottom:var(--spacing-xs);font-weight:600;background:linear-gradient(135deg,var(--color-text-primary),var(--color-text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:12px;letter-spacing:.3px;text-transform:uppercase}.color-picker-wrapper{position:relative;display:flex;align-items:center}.color-picker-input{width:100%;height:50px;padding:0!important;border:2px solid var(--color-border-medium);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-cubic)}.color-picker-input:hover{border-color:var(--color-border-dark);box-shadow:0 2px 8px rgba(0,0,0,.1)}.color-picker-input:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.12),0 2px 8px rgba(var(--color-primary-rgb),.15)}.color-picker-input:disabled{opacity:.6;cursor:not-allowed}.color-picker-help-text{margin-top:var(--spacing-xs);font-size:12px;color:var(--color-text-tertiary);text-align:left}.color-picker-input.error{border-color:var(--color-error);background:rgba(var(--color-error-rgb),.05)}.color-picker-input.error:focus{border-color:var(--color-error);box-shadow:0 0 0 4px rgba(var(--color-error-rgb),.12),0 2px 8px rgba(var(--color-error-rgb),.15)}.color-picker-error{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:rgba(var(--color-error-rgb),.1);border:1px solid rgba(var(--color-error-rgb),.2);border-radius:var(--radius-md);color:var(--color-error);font-size:14px;font-weight:500;animation:slideDown .3s ease-out}@media (max-width:768px){.color-picker-input{height:50px;padding:var(--spacing-sm) var(--spacing-md);font-size:16px}.color-picker-component label{font-size:13px}}@media (prefers-color-scheme:dark){.color-picker-input,.color-picker-input:hover{background:var(--color-bg-primary)}.color-picker-input:focus{background:var(--color-bg-primary)}}