.aurelia-upload-wrapper { margin-top: 10px; }
.drop-zone {
  background: #faf8f6;
  border: 2px dashed #d8c7bf;
  border-radius: 14px;
  padding: 32px;
  text-align: center;
  cursor: pointer;
}
.drop-zone p { margin: 0; font-size: 15px; color: #7c736c; }
.drop-zone span { color: #c7a895; font-weight: 600; }
.drop-zone input { display:none; }
.image-counter { margin-top:8px; font-size:14px; color:#7c736c; }
.preview-container {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(120px,1fr));
  gap:14px;
  margin-top:18px;
}
.preview-box {
  position:relative;
  border-radius:12px;
  overflow:hidden;
  border:1px solid #e8dfd8;
  background:#faf8f6;
  cursor:grab;
}
.preview-box img {
  width:100%;
  height:120px;
  object-fit:cover;
}
.remove-btn {
  position:absolute;
  top:6px;
  right:6px;
  background:rgba(255,255,255,.9);
  border:none;
  border-radius:50%;
  cursor:pointer;
  font-size:14px;
  padding:2px 6px;
}