.image-upload-zone{width:100%}.image-upload-input{display:none}.image-upload-dropzone{display:flex;align-items:center;justify-content:center;width:100%;border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-gray-50) 0,var(--color-white) 100%);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.image-upload-dropzone:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--color-primary-50) 0,transparent 100%);opacity:0;transition:opacity .3s ease}.image-upload-dropzone:hover{border-color:var(--color-primary-400);background:linear-gradient(135deg,var(--color-primary-50) 0,var(--color-white) 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.15),0 0 0 1px rgba(59,130,246,.1)}.image-upload-dropzone:hover:before{opacity:1}.image-upload-dropzone-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);text-align:center;position:relative;z-index:1}.image-upload-icon-wrapper{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-100) 0,var(--color-primary-200) 100%);margin-bottom:var(--spacing-sm);transition:transform .3s ease}.image-upload-dropzone:hover .image-upload-icon-wrapper{transform:scale(1.1)}.image-upload-icon{font-size:2.5rem;color:var(--color-primary-600)}.image-upload-text-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.image-upload-title{font-size:1.25rem;font-weight:700;color:var(--color-gray-900);margin:0;letter-spacing:-.01em}.image-upload-description{font-size:.9375rem;color:var(--color-gray-600);margin:0;line-height:1.5}.image-upload-hint{font-size:.8125rem;color:var(--color-gray-500);margin:0;margin-top:var(--spacing-xs);font-weight:500}.image-upload-preview-container{border-radius:var(--radius-lg);background:var(--color-gray-100)}.image-upload-preview,.image-upload-preview-container{width:100%;overflow:hidden;position:relative}.image-upload-preview img{width:100%;height:100%;object-fit:cover;display:block}.image-upload-preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.image-upload-preview-container:hover .image-upload-preview-overlay{opacity:1}.image-upload-change-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);color:var(--color-gray-900);border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.2)}.image-upload-change-button:hover{background:var(--color-gray-50);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.image-upload-change-button svg{font-size:1rem}