.bg-soft { background: #f6f7fb; }
.radius-16 { border-radius: 16px; }

.dropzone{
  border: 2px dashed #cbd5e1;
  border-radius: 16px;
  padding: 22px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:#fff;
  cursor:pointer;
  transition: .2s ease;
  min-height: 120px;
}
.dropzone:hover{ transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0,0,0,.06); }
.dropzone.dragover{ border-color:#0d6efd; background:#f0f7ff; }

.img-preview img{
  object-fit: cover;
  max-height: 220px;
}

.progress { height: 10px; }