.image-upload-field{flex-direction:column;gap:.75rem;display:flex}.image-upload-label{align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.optional-badge{color:var(--text-secondary,#666);font-size:.8125rem;font-weight:400}.image-upload-zone{cursor:pointer;background-color:#ffffff05;border:2px dashed #66656577;border-radius:.5rem;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;transition:all .2s;display:flex}.image-upload-zone:hover:not(.image-upload-zone--disabled):not(.image-upload-zone--uploading){border-color:var(--primary-color,#d8f45f);background-color:#007bff05}.image-upload-zone:focus-visible{outline:2px solid var(--primary-color,#d8f45f);outline-offset:2px}.image-upload-zone--dragging{border-color:var(--primary-color,#d8f45f);background-color:#007bff1a;border-width:2px}.image-upload-zone--uploading{cursor:not-allowed;opacity:.8}.image-upload-zone--disabled{cursor:not-allowed;opacity:.5}.upload-icon{color:var(--text-secondary,#666)}.upload-text{text-align:center;margin:0;font-size:.9375rem;font-weight:500}.upload-hint{color:var(--text-secondary,#666);text-align:center;margin:0;font-size:.8125rem}.image-upload-uploading{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.spinner{color:var(--primary-color,#007bff);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-bar{background-color:var(--border-color,#ddd);border-radius:.1875rem;width:100%;max-width:100px;height:.375rem;overflow:hidden}.progress-fill{background-color:var(--primary-color,#007bff);height:100%;transition:width .2s}.image-upload-preview{flex-direction:column;gap:.75rem;display:flex}.preview-container{border:1px solid var(--border-color,#ddd);background-color:var(--bg-secondary,#f9f9f9);border-radius:.5rem;width:100%;height:12rem;position:relative;overflow:hidden}.preview-image{object-fit:contain;width:100%;height:100%}.preview-placeholder{width:100%;height:100%;color:var(--text-secondary,#666);justify-content:center;align-items:center;display:flex}.preview-overlay{opacity:0;background-color:#0000;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;inset:0}.preview-container:hover .preview-overlay{opacity:1;background-color:#00000080}.preview-remove{background-color:var(--error-color,#dc3545);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;transition:all .2s;display:flex}.preview-remove:hover:not(:disabled){background-color:#c82333;transform:scale(1.1)}.preview-remove:disabled{opacity:.5;cursor:not-allowed}.preview-info{border-left:3px solid var(--success-color,#28a745);background-color:#28a7451a;border-radius:.375rem;align-items:flex-start;gap:.5rem;padding:.75rem;display:flex}.success-icon{color:var(--success-color,#28a745);flex-shrink:0;margin-top:.125rem}.preview-url{word-break:break-all;margin:0;font-size:.8125rem}.preview-url .label{color:#fff;font-weight:600}.url-code{background-color:var(--bg-secondary,#f9f9f9);color:var(--text-secondary,#666);border:1px solid var(--border-color,#ddd);border-radius:.25rem;max-width:100%;margin-top:.25rem;padding:.375rem .5rem;font-family:Courier New,monospace;font-size:.75rem;display:block;overflow-x:auto}.image-upload-input{display:none}.image-upload-error{border-left:3px solid var(--error-color,#dc3545);color:var(--error-color,#dc3545);background-color:#dc35451a;border-radius:.375rem;align-items:center;gap:.5rem;padding:.75rem;font-size:.8125rem;display:flex}