.image-score-workspace {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.55fr);
}

.image-score-dropzone {
  border: 1px dashed rgba(20, 32, 51, 0.26);
  border-radius: 8px;
  background: #f8fafb;
  cursor: pointer;
  display: grid;
  gap: 8px;
  min-height: 150px;
  padding: 24px;
  place-items: center;
  text-align: center;
  transition: border-color 0.18s ease, background 0.18s ease;
}

.image-score-dropzone:hover,
.image-score-dropzone:focus-within {
  background: #eef5f3;
  border-color: var(--score-teal);
}

.image-score-dropzone input {
  max-width: 280px;
}

.image-score-dropzone-title {
  color: var(--score-primary-dark);
  font-size: 1rem;
  font-weight: 900;
}

.image-score-dropzone-copy {
  color: var(--score-muted);
  font-weight: 750;
}

.image-preview {
  border: 1px solid var(--score-line);
  border-radius: 8px;
  background: #111827;
  overflow: hidden;
}

.image-preview img {
  display: block;
  max-height: 420px;
  object-fit: contain;
  width: 100%;
}

@media (max-width: 900px) {
  .image-score-workspace {
    grid-template-columns: 1fr;
  }
}