.threea-artwork-upload {
  margin: 20px 0;
}

.threea-artwork-upload__dropzone {
  display: grid;
  gap: 5px;
  padding: 18px 20px;
  border: 1px dashed #aeb3bd;
  border-radius: 10px;
  background: #fafbfc;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}

.threea-artwork-upload__dropzone:hover,
.threea-artwork-upload.is-dragging .threea-artwork-upload__dropzone {
  border-color: #111214;
  background: #f1f4f8;
}

.threea-artwork-upload__input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.threea-artwork-upload__title { color: #111214; font-size: 15px; font-weight: 650; }
.threea-artwork-upload__action { color: #111214; font-size: 14px; }
.threea-artwork-upload__hint,
.threea-artwork-upload__selected { color: #686b72; font-size: 12px; line-height: 1.45; }
.threea-artwork-upload__selected:not(:empty) { margin-top: 4px; color: #111214; font-weight: 600; }
.threea-artwork-upload__input:focus-visible + .threea-artwork-upload__title { outline: 2px solid #111214; outline-offset: 4px; }