.image_field_container{margin:.5rem;min-height:0}.image_field{width:100%;height:2rem;padding:.5rem;border-radius:.5rem;border:1px solid grey}.image-field-container{display:flex;flex-direction:column;gap:4px;font-family:var(--font-family,system-ui,-apple-system,sans-serif)}.image-field-label{display:flex;flex-direction:column;gap:4px}.image-field-label-text{font-size:var(--font-size-sm,.875rem);font-weight:500;color:var(--color-text-primary,#374151)}.image-field-required{color:var(--color-error,#dc2626);margin-left:2px}.image-field-dropzone{position:relative;display:flex;align-items:center;justify-content:center;min-height:200px;padding:1rem;border:2px dashed var(--color-border,#d1d5db);border-radius:var(--border-radius,8px);background-color:var(--color-bg-light,#f9fafb);cursor:pointer;transition:all .2s ease}.image-field-dropzone:hover {border-color:var(--color-border-hover,#9ca3af);background-color:var(--color-bg-hover,#f3f4f6)}.image-field-dropzone.dragging{border-color:var(--color-primary,#3b82f6);background-color:var(--color-primary-light,#3b82f61a)}.image-field-dropzone.error{border-color:var(--color-error,#dc2626);background-color:var(--color-error-light,#dc26261a)}.image-field-input{position:absolute;width:0;height:0;opacity:0}.image-field-error{font-size:var(--font-size-xs,.75rem);color:var(--color-error,#dc2626);min-height:1rem}.image-field-error-placeholder{min-height:1rem}.image-field-sm .image-field-dropzone{min-height:150px}.image-field-sm .upload-placeholder svg{width:36px;height:36px}.image-field-sm .upload-text{font-size:var(--font-size-xs,.75rem)}.image-field-lg .image-field-dropzone{min-height:300px}.image-field-lg .upload-placeholder svg{width:64px;height:64px}.image-field-lg .upload-text{font-size:var(--font-size-lg,1rem)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--color-text-secondary,#6b7280)}.upload-placeholder svg{width:48px;height:48px;stroke-width:1.5}.upload-text{text-align:center;font-size:var(--font-size-sm,.875rem)}.image-preview{position:relative;width:100%;height:100%}.image-preview img{width:100%;height:100%;object-fit:contain;border-radius:var(--border-radius-sm,4px)}.clear-image{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:50%;background-color:var(--color-overlay,#00000080);color:var(--color-white,#fff);cursor:pointer;transition:all .2s ease}.clear-image:hover {background-color:var(--color-overlay-hover,#000000b3)}.clear-image:disabled {opacity:.5;cursor:not-allowed}.clear-image svg{width:16px;height:16px}