.se-wrap{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif;}
.se-toolbar{
  display:flex; flex-wrap:wrap; gap:.5rem; align-items:center;
  border:1px solid #e5e7eb; border-bottom:none; padding:.5rem; background:#fafafa;
  position:sticky; top:0; z-index:5;
}
.se-btn{
  appearance:none; border:1px solid #e5e7eb; background:#fff; padding:.35rem .55rem; border-radius:.5rem;
  font-size:.9rem; cursor:pointer; line-height:1; transition:.15s ease;
}
.se-btn:hover{background:#f3f4f6}
.se-btn:active{transform:translateY(1px)}
.se-sep{width:1px; height:26px; background:#e5e7eb; margin:0 .25rem}
.se-select{
  border:1px solid #e5e7eb; border-radius:.5rem; padding:.35rem .5rem; background:#fff; font-size:.9rem;
}

.se-editor{
  border:1px solid #e5e7eb; min-height:280px; padding:1rem;
  outline:0; background:#fff; color:#222;
  position:relative;              /* × 버튼 절대배치 기준 */
}
.se-editor:focus{box-shadow:0 0 0 3px rgba(59,130,246,.15)}
.se-hidden{display:none !important}

.se-editor p{margin:.6em 0}
.se-editor blockquote{
  margin:.8em 0; padding:.6em .9em; border-left:4px solid #d1d5db; background:#f9fafb; border-radius:.25rem;
}
.se-editor img{max-width:100%; height:auto; display:block; margin:.5em 0}
.se-editor hr{border:none; border-top:1px solid #e5e7eb; margin:1em 0}
.se-editor ul, .se-editor ol{padding-left:1.3em}

.se-footer{
  display:flex; justify-content:space-between; align-items:center; color:#6b7280; font-size:.85rem; margin-top:.35rem;
}

/* 업로드 중 상태 */
.se-uploading{opacity:.6; pointer-events:none}

/* === 가로 정렬 컨테이너: 항상 편집 영역 너비 100% 안에 맞춤 === */
.se-editor .se-row{
  display:grid;
  grid-template-columns: repeat(var(--cols, 2), 1fr);
  gap:.5rem;
  align-items:start;
  width:100%;
  box-sizing:border-box;
  margin:.6em 0;
  overflow:hidden;
}
.se-editor .se-row img{
  width:100%;
  height:auto;
  display:block;
  margin:0;
  min-width:0;
  object-fit:contain;
}

/* 드래그 피드백 */
.se-editor img.se-dragging{ opacity:.6; outline:2px dashed #9ca3af; }
.se-editor img.se-drop-target{ outline:2px solid #60a5fa; }

/* === 이미지 삭제 버튼(플로팅, 한 개만 전역 사용) === */
.se-editor .se-delbtn{
  position:absolute;
  display:none;
  width:22px; height:22px;
  border-radius:9999px;
  border:1px solid #e5e7eb;
  background:#fff;
  color:#ef4444;
  font-size:14px; line-height:20px; text-align:center;
  cursor:pointer;
  box-shadow:0 1px 6px rgba(0,0,0,.12);
  z-index:20;
}
.se-editor .se-delbtn.show{ display:block; }
.se-editor .se-delbtn:hover{ background:#fee2e2; }