.image-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-soft);cursor:pointer;text-align:center;transition:border-color var(--transition-fast), background-color var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 24px;display:flex}.image-dropzone:hover,.image-dropzone.is-active{border-color:var(--color-primary);background-color:var(--color-primary-light)}.image-dropzone__icon{color:var(--color-primary)}.image-dropzone p{color:var(--color-text-muted);font-size:14px}.image-dropzone__input{display:none}.image-dropzone--filled{cursor:default;text-align:left;flex-direction:row;justify-content:flex-start;padding:14px 16px}.image-dropzone--filled:hover{border-color:var(--color-border);background-color:var(--color-bg-soft)}.image-dropzone__thumb{object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:52px;height:52px}.image-dropzone__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.image-dropzone__filename{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.image-dropzone__filesize{color:var(--color-text-subtle);font-size:12.5px}.image-dropzone--filled .btn{flex-shrink:0;height:36px;padding:0 14px;font-size:13px}