/* /css/components/upload.css */
.up-upload-btn {
  background: var(--bg4);
  border: 2px dashed var(--gold);
  border-radius: 10px;
  padding: 30px;
  text-align: center;
  cursor: pointer;
  transition: var(--t);
  margin-bottom: 20px;
}

.up-upload-btn:hover {
  background: rgba(201, 168, 76, 0.1);
}

.up-zone {
  border: 2px dashed var(--gold);
  border-radius: 16px;
  padding: 30px;
  text-align: center;
  cursor: pointer;
  transition: var(--t);
  background: var(--bg3);
  margin-bottom: 20px;
}

.up-zone:hover {
  background: rgba(201, 168, 76, 0.1);
}

.up-icon {
  font-size: 2.5rem;
  color: var(--gold);
  margin-bottom: 10px;
}

.up-title {
  font-weight: 600;
  color: var(--txt);
}

.up-subtitle {
  font-size: 0.8rem;
  color: var(--txt3);
}

.up-preview-image {
  max-width: 100%;
  border-radius: 12px;
  margin-bottom: 20px;
}