/* upload.css — 짤 올리기 폼 */

/* 올리기는 한 가지 일에 집중하는 화면이라 가운데 한 줄로 세웁니다.
   제목만 본문 왼쪽 끝에 남아 폼과 300px 넘게 어긋나 있었습니다. */
.uploadform,
#upload .pageintro {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.uploadform {
  margin-top: 30px;
  margin-bottom: 30px;
}

.drop {
  width: 100%;
  padding: 45px 20px;
  border: 1.5px dashed #c6c9bc;
  background: #f0f1e9;
  border-radius: 15px;
  text-align: center;
  display: block;
}

.drop strong {
  display: block;
  margin: 16px 0 9px;
}

.drop small {
  color: var(--muted);
  font-size: 12px;
}

.drop svg {
  width: 28px;
  height: 28px;
}

label.field {
  display: block;
  font-size: 13px;
  font-weight: 650;
  margin: 22px 0 9px;
}

.textinput {
  width: 100%;
  padding: 13px;
  border: 1px solid #d7d9ce;
  background: white;
  border-radius: 8px;
}

.preview {
  width: 100%;
  max-height: 260px;
  object-fit: contain;
  margin-bottom: 14px;
}

.check {
  font-size: 12px;
  color: var(--muted);
  display: flex;
  gap: 8px;
  margin: 20px 0;
  line-height: 1.6;
}

.primary:disabled {
  opacity: .4;
  cursor: not-allowed;
}