/*
 * 05_editor.css — 글쓰기·수정 화면의 Quill 편집기
 *
 * 본문 편집칸 높이·글자 크기, 편집기와 기존 본문의 이미지, 사진 삭제 버튼입니다.
 * #editor: 편집기 / #editor .ql-editor: 입력 본문 / #image-delete: 사진 위의 × 버튼
 * 편집칸을 더 높게 하거나 글쓰기 중 사진 모양을 바꾸고 싶을 때 수정하세요.
 * 사진 이동·업로드 동작은 public/quill-image-move.js와 public/quill-editor.js에 있습니다.
 * 저장된 글의 사진 표시는 post_detail.css의 .post-body img도 확인하세요.
 */

/* Quill 본문 편집기 */
#editor {
  min-height: 280px;
  background: white;
}

#editor .ql-editor {
  min-height: 280px;
  font-size: 16px;
  line-height: 1.8;
}

#editor img, .content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 16px 0;
  border-radius: 8px;
}

.content {
  white-space: pre-wrap;
}


#editor {
  position: relative;
}

#image-delete {
  position: absolute;
  width: 28px;
  height: 28px;
  padding: 0;
  background: #222;
  color: white;
  border-radius: 50%;
  line-height: 28px;
  z-index: 10;
}

#image-delete[hidden] {
  display: none;
}

/* 사진을 누른 채 끌어서 이동할 때의 표시 */
#editor .ql-editor img {
  cursor: grab;
  touch-action: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
}

#editor .ql-editor img.image-moving {
  opacity: .45;
  outline: 2px solid #0071e3;
}

#editor .ql-editor.image-dragging {
  cursor: grabbing;
  user-select: none;
}

.image-drop-line {
  position: fixed;
  height: 3px;
  background: #0071e3;
  pointer-events: none;
  z-index: 10000;
}

.image-drop-line[hidden] {
  display: none;
}