.image-upload-field{align-items:center;gap:16px;display:flex}.image-upload-preview{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-subtle);flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}.image-upload-preview img{object-fit:contain;width:100%;height:100%}.image-upload-field--framed{align-items:flex-start}.image-upload-field--framed .image-upload-preview{width:200px;height:auto}.image-upload-img--cropped{object-fit:cover}.image-upload-placeholder{font-size:var(--text-size-xs);color:var(--text-tertiary)}.image-upload-actions{flex-direction:column;gap:6px;display:flex}.image-upload-btn{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-size-sm);cursor:pointer;transition:background var(--motion), border-color var(--motion);align-self:flex-start;align-items:center;gap:7px;padding:7px 12px;font-weight:500;display:inline-flex}.image-upload-btn:hover:not(:disabled){background:var(--bg-subtle)}.image-upload-btn:disabled{opacity:.6;cursor:default}.image-upload-hint{font-size:var(--text-size-xs);color:var(--text-tertiary);margin:0}.image-upload-warning{font-size:var(--text-size-xs);color:var(--text-warn);margin:0;line-height:1.5}.image-upload-toggle{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;margin-left:6px;padding:0;font-weight:700;text-decoration:underline}@media (width<=640px){.image-upload-field--framed{flex-direction:column}.image-upload-field--framed .image-upload-preview{width:100%}}