@aeriz/wysiwyg 1.0.0

package/dist/aeriz-wysiwyg.esm.min.js

@@ -0,0 +1,4227 @@
+var Ue = Object.defineProperty;
+var We = (n, e, t) => e in n ? Ue(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var w = (n, e, t) => We(n, typeof e != "symbol" ? e + "" : e, t);
+const Ke = {
+  items: [
+    // undo / redo 는 브라우저 네이티브 (Ctrl+Z / Ctrl+Y) 가 처리하므로 기본
+    // 툴바에서 제외. ToolbarItemName 멤버는 유지 — 커스텀 toolbar 에서
+    // 여전히 등록 가능.
+    "blockType",
+    "|",
+    // ── 텍스트 관련 그룹 ────────────────────────────
+    "fontFamily",
+    "fontSize",
+    "|",
+    "bold",
+    "italic",
+    "underline",
+    "strike",
+    "|",
+    "color",
+    "backgroundColor",
+    "|",
+    "align",
+    "|",
+    // ── 표 전용 그룹 ─────────────────────────────────────
+    // 활성 블록이 table 일 때만 보이며, 그 외 블록에서는 그룹 자체가 숨김
+    // 처리(syncGroupVisibility) 되어 toolbar 가 깔끔히 정돈된다.
+    "cellBg",
+    "tableMenu",
+    "codeLang"
+    // 모든 블록 유형(bulletList / orderedList / blockquote / codeBlock / hr /
+    // linkCard / image / table / youtube) 은 blockType 드롭다운이 일관 처리.
+    // clearFormat / image / table 등 단독 toolbar 항목은 기본에서 제거.
+    // 커스텀 toolbar 에서는 여전히 등록 가능.
+  ],
+  sticky: !0
+}, E = {
+  undo: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7v6h6"/><path d="M21 17a9 9 0 0 0-15-6.7L3 13"/></svg>',
+  redo: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 7v6h-6"/><path d="M3 17a9 9 0 0 1 15-6.7L21 13"/></svg>',
+  blockType: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="5" rx="1.2"/><line x1="3" y1="13" x2="21" y2="13"/><line x1="3" y1="17" x2="21" y2="17"/><line x1="3" y1="21" x2="14" y2="21"/></svg>',
+  fontFamily: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 18 L7 6 L11 18"/><line x1="4.5" y1="14" x2="9.5" y2="14"/><path d="M14 12 a3 3 0 1 1 0 6 a3 3 0 0 1 0 -6"/><line x1="20" y1="12" x2="20" y2="18"/></svg>',
+  fontSize: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6 L13 6"/><line x1="8" y1="6" x2="8" y2="19"/><polyline points="17 9 20 6 17 6"/><line x1="20" y1="6" x2="20" y2="18"/><polyline points="17 15 20 18 17 18"/></svg>',
+  bold: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 4h8a4 4 0 0 1 0 8H6z"/><path d="M6 12h9a4 4 0 0 1 0 8H6z"/></svg>',
+  italic: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="4" x2="10" y2="4"/><line x1="14" y1="20" x2="5" y2="20"/><line x1="15" y1="4" x2="9" y2="20"/></svg>',
+  underline: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3v7a6 6 0 0 0 12 0V3"/><line x1="4" y1="21" x2="20" y2="21"/></svg>',
+  strike: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 4H9a3 3 0 0 0-2.83 4"/><path d="M14 12a4 4 0 0 1 0 8H6"/><line x1="4" y1="12" x2="20" y2="12"/></svg>',
+  color: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20h16"/><path d="M6 17l5-12 2-1 2 1 5 12"/><path d="M8 13h8"/></svg>',
+  backgroundColor: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12l9-9 9 9-9 9z"/><path d="M3 12h18"/></svg>',
+  alignLeft: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="17" y1="10" x2="3" y2="10"/><line x1="21" y1="6" x2="3" y2="6"/><line x1="21" y1="14" x2="3" y2="14"/><line x1="17" y1="18" x2="3" y2="18"/></svg>',
+  alignCenter: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="10" x2="6" y2="10"/><line x1="21" y1="6" x2="3" y2="6"/><line x1="21" y1="14" x2="3" y2="14"/><line x1="18" y1="18" x2="6" y2="18"/></svg>',
+  alignRight: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" y1="10" x2="7" y2="10"/><line x1="21" y1="6" x2="3" y2="6"/><line x1="21" y1="14" x2="3" y2="14"/><line x1="21" y1="18" x2="7" y2="18"/></svg>',
+  alignJustify: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" y1="10" x2="3" y2="10"/><line x1="21" y1="6" x2="3" y2="6"/><line x1="21" y1="14" x2="3" y2="14"/><line x1="21" y1="18" x2="3" y2="18"/></svg>',
+  bulletList: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="9" y1="6" x2="20" y2="6"/><line x1="9" y1="12" x2="20" y2="12"/><line x1="9" y1="18" x2="20" y2="18"/><circle cx="4.5" cy="6" r="1.5" fill="currentColor"/><circle cx="4.5" cy="12" r="1.5" fill="currentColor"/><circle cx="4.5" cy="18" r="1.5" fill="currentColor"/></svg>',
+  orderedList: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="10" y1="6" x2="21" y2="6"/><line x1="10" y1="12" x2="21" y2="12"/><line x1="10" y1="18" x2="21" y2="18"/><path d="M4 6h1v4"/><path d="M4 10h2"/><path d="M6 18H4c0-1 2-2 2-3s-1-1.5-2-1"/></svg>',
+  blockquote: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z"/><path d="M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z"/></svg>',
+  codeBlock: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>',
+  link: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>',
+  image: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>',
+  table: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><line x1="3" y1="9" x2="21" y2="9"/><line x1="3" y1="15" x2="21" y2="15"/><line x1="9" y1="3" x2="9" y2="21"/><line x1="15" y1="3" x2="15" y2="21"/></svg>',
+  hr: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="12" x2="20" y2="12"/></svg>',
+  clearFormat: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 7V4h16v3"/><path d="M5 20h6"/><path d="M13 4 8 20"/><line x1="15" y1="15" x2="20" y2="20"/><line x1="20" y1="15" x2="15" y2="20"/></svg>',
+  chevronDown: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>',
+  close: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>',
+  upload: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>',
+  externalLink: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>',
+  youtube: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="6" width="20" height="12" rx="3"/><polygon points="10 9.5 15 12 10 14.5" fill="currentColor" stroke="none"/></svg>',
+  importHtml: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h11l5 5v11a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z"/><path d="M14 4v5h5"/><path d="M12 12v6"/><polyline points="9 15 12 18 15 15"/></svg>',
+  importMarkdown: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="5" width="20" height="14" rx="2"/><path d="M6 15V9l3 3 3-3v6"/><path d="M16 9v6"/><polyline points="14 13 16 15 18 13"/></svg>',
+  attachFile: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57a4 4 0 0 1 5.66 5.66l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>',
+  cellBg: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="1.5"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="12" y1="3" x2="12" y2="21"/><rect x="3" y="3" width="9" height="9" fill="currentColor" opacity="0.35" stroke="none"/></svg>',
+  tableMenu: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="1.5"/><line x1="3" y1="9" x2="21" y2="9"/><line x1="3" y1="15" x2="21" y2="15"/><line x1="9" y1="3" x2="9" y2="21"/><line x1="15" y1="3" x2="15" y2="21"/></svg>',
+  codeLang: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/><line x1="14" y1="4" x2="10" y2="20"/></svg>'
+}, Ye = {
+  undo: { name: "undo", label: "되돌리기", icon: "undo", shortcut: "Ctrl+Z" },
+  redo: { name: "redo", label: "다시 실행", icon: "redo", shortcut: "Ctrl+Y" },
+  blockType: { name: "blockType", label: "블록 유형", icon: "blockType", hasDropdown: !0 },
+  fontFamily: { name: "fontFamily", label: "글꼴", icon: "fontFamily", hasDropdown: !0 },
+  fontSize: { name: "fontSize", label: "글자 크기", icon: "fontSize", hasDropdown: !0 },
+  bold: { name: "bold", label: "굵게", icon: "bold", shortcut: "Ctrl+B" },
+  italic: { name: "italic", label: "기울임", icon: "italic", shortcut: "Ctrl+I" },
+  underline: { name: "underline", label: "밑줄", icon: "underline", shortcut: "Ctrl+U" },
+  strike: { name: "strike", label: "취소선", icon: "strike", shortcut: "Ctrl+Shift+X" },
+  color: { name: "color", label: "글자색", icon: "color", hasDropdown: !0 },
+  backgroundColor: { name: "backgroundColor", label: "배경색", icon: "backgroundColor", hasDropdown: !0 },
+  align: { name: "align", label: "정렬", icon: "alignLeft", hasDropdown: !0 },
+  cellBg: { name: "cellBg", label: "셀 배경색", icon: "cellBg", hasDropdown: !0 },
+  tableMenu: { name: "tableMenu", label: "표 편집", icon: "tableMenu", hasDropdown: !0 },
+  codeLang: { name: "codeLang", label: "코드 언어", icon: "codeLang", hasDropdown: !0 },
+  bulletList: { name: "bulletList", label: "글머리 기호", icon: "bulletList", shortcut: "Ctrl+Shift+8" },
+  orderedList: { name: "orderedList", label: "번호 매기기", icon: "orderedList", shortcut: "Ctrl+Shift+7" },
+  blockquote: { name: "blockquote", label: "인용구", icon: "blockquote", shortcut: "Ctrl+Shift+9" },
+  codeBlock: { name: "codeBlock", label: "코드 블록", icon: "codeBlock", shortcut: "Ctrl+Shift+C" },
+  link: { name: "link", label: "링크", icon: "link", shortcut: "Ctrl+K" },
+  image: { name: "image", label: "이미지", icon: "image" },
+  table: { name: "table", label: "표", icon: "table" },
+  hr: { name: "hr", label: "구분선", icon: "hr" },
+  clearFormat: { name: "clearFormat", label: "서식 지우기", icon: "clearFormat", shortcut: "Ctrl+\\" }
+};
+class Ve {
+  constructor(e, t) {
+    w(this, "element");
+    w(this, "buttons", /* @__PURE__ */ new Map());
+    this.element = document.createElement("div"), this.element.className = "aw-toolbar", this.element.setAttribute("role", "toolbar"), this.element.setAttribute("aria-label", "서식 도구 모음"), e.sticky !== !1 && this.element.classList.add("aw-toolbar-sticky");
+    let o = this.createGroup();
+    this.element.appendChild(o);
+    for (const l of e.items) {
+      if (l === "|") {
+        o = this.createGroup(), this.element.appendChild(o);
+        continue;
+      }
+      const i = Ye[l];
+      if (!i) continue;
+      const r = this.createButton(i, t);
+      this.buttons.set(i.name, r), o.appendChild(r);
+    }
+  }
+  setActive(e, t) {
+    const o = this.buttons.get(e);
+    o && (o.classList.toggle("aw-toolbar-btn-active", t), o.setAttribute("aria-pressed", String(t)));
+  }
+  setEnabled(e, t) {
+    const o = this.buttons.get(e);
+    o && (o.disabled = !t);
+  }
+  /** 조건부 항목을 완전히 숨긴다 (display:none). 허용 블록으로 돌아오면 다시 보임. */
+  setVisible(e, t) {
+    const o = this.buttons.get(e);
+    o && (o.style.display = t ? "" : "none");
+  }
+  /**
+   * 모든 자식 버튼이 숨겨진 그룹을 함께 숨긴다 — `|` 구분자 padding 이 외롭게
+   * 남지 않도록. applyToolbarState 에서 visibility 갱신 후 호출.
+   */
+  syncGroupVisibility() {
+    const e = this.element.querySelectorAll(".aw-toolbar-group");
+    for (const t of Array.from(e)) {
+      const o = Array.from(t.children).some(
+        (l) => l instanceof HTMLElement && l.style.display !== "none"
+      );
+      t.style.display = o ? "" : "none";
+    }
+  }
+  createGroup() {
+    const e = document.createElement("div");
+    return e.className = "aw-toolbar-group", e;
+  }
+  createButton(e, t) {
+    const o = document.createElement("button");
+    o.type = "button", o.className = "aw-toolbar-btn", e.hasDropdown && o.classList.add("aw-toolbar-btn-dropdown");
+    const l = e.shortcut ? `${e.label} (${e.shortcut})` : e.label;
+    o.title = l, o.setAttribute("aria-label", l), o.dataset.command = e.name;
+    const i = E[e.icon] ?? "";
+    return o.innerHTML = `<span class="aw-toolbar-btn-icon">${i}</span>`, e.hasDropdown && (o.innerHTML += `<span class="aw-toolbar-btn-chevron">${E.chevronDown}</span>`), o.addEventListener("mousedown", (r) => {
+      r.preventDefault();
+    }), o.addEventListener("click", () => {
+      t.onAction(e.name, o);
+    }), o;
+  }
+}
+function P(n, e) {
+  const t = document.createElement("div");
+  t.className = "aw-dialog-overlay", t.setAttribute("role", "dialog"), t.setAttribute("aria-modal", "true"), e && (t.dataset.theme = e);
+  const o = document.createElement("div");
+  o.className = "aw-dialog";
+  const l = document.createElement("div");
+  l.className = "aw-dialog-header";
+  const i = document.createElement("h2");
+  i.className = "aw-dialog-title", i.textContent = n;
+  const r = document.createElement("button");
+  r.type = "button", r.className = "aw-dialog-close", r.setAttribute("aria-label", "닫기"), r.innerHTML = E.close, l.appendChild(i), l.appendChild(r);
+  const s = document.createElement("div");
+  s.className = "aw-dialog-body";
+  const c = document.createElement("div");
+  c.className = "aw-dialog-footer", o.appendChild(l), o.appendChild(s), o.appendChild(c), t.appendChild(o);
+  const a = () => t.remove();
+  return r.addEventListener("click", a), t.addEventListener("click", (d) => {
+    d.target === t && a();
+  }), document.addEventListener(
+    "keydown",
+    function d(u) {
+      u.key === "Escape" && (a(), document.removeEventListener("keydown", d));
+    }
+  ), { overlay: t, body: s, footer: c, close: a };
+}
+function R(n, e) {
+  const t = document.createElement("div");
+  t.className = "aw-field";
+  const o = document.createElement("label");
+  return o.className = "aw-field-label", o.textContent = n, t.appendChild(o), t.appendChild(e), t;
+}
+function Ge(n = {}, e) {
+  return new Promise((t) => {
+    const { overlay: o, body: l, footer: i, close: r } = P("링크 삽입", e), s = document.createElement("input");
+    s.type = "text", s.className = "aw-input", s.placeholder = "링크에 표시할 텍스트", s.value = n.text ?? "";
+    const c = document.createElement("input");
+    c.type = "url", c.className = "aw-input", c.placeholder = "https://example.com", c.value = n.href ?? "";
+    const a = document.createElement("label");
+    a.className = "aw-checkbox";
+    const d = document.createElement("input");
+    d.type = "checkbox", d.checked = n.newWindow ?? !1;
+    const u = document.createElement("span");
+    u.textContent = "새 창에서 열기", a.appendChild(d), a.appendChild(u), l.appendChild(R("표시할 텍스트", s)), l.appendChild(R("URL", c)), l.appendChild(a);
+    const m = document.createElement("button");
+    m.type = "button", m.className = "aw-btn aw-btn-ghost", m.textContent = "취소";
+    const f = document.createElement("button");
+    f.type = "button", f.className = "aw-btn aw-btn-primary", f.textContent = "확인", i.appendChild(m), i.appendChild(f), m.addEventListener("click", () => {
+      r(), t({ confirmed: !1 });
+    }), f.addEventListener("click", () => {
+      r(), t({
+        confirmed: !0,
+        text: s.value,
+        href: c.value,
+        newWindow: d.checked
+      });
+    }), document.body.appendChild(o), setTimeout(() => c.focus(), 0);
+  });
+}
+function Ze(n = {}, e) {
+  return new Promise((t) => {
+    const { overlay: o, body: l, footer: i, close: r } = P("이미지", e), s = document.createElement("div");
+    s.className = "aw-tabs";
+    const c = document.createElement("button");
+    c.type = "button", c.className = "aw-tab", c.textContent = "임베드", c.title = "base64 데이터로 본문에 직접 삽입";
+    const a = document.createElement("button");
+    a.type = "button", a.className = "aw-tab", a.textContent = "URL", a.title = "이미지 URL 입력";
+    const d = document.createElement("button");
+    d.type = "button", d.className = "aw-tab", d.textContent = "업로드";
+    const u = !!n.onUpload;
+    u ? d.title = "서버 API 로 업로드 후 결과 URL 사용" : (d.disabled = !0, d.classList.add("aw-tab-disabled"), d.title = "개체 생성시 등록된 API 주소가 없습니다."), s.appendChild(c), s.appendChild(a), s.appendChild(d), l.appendChild(s);
+    const m = document.createElement("div");
+    m.className = "aw-pane";
+    const f = me("이미지 파일 선택 (base64 임베드)"), p = document.createElement("div");
+    p.className = "aw-preview", p.style.display = "none", m.appendChild(f.dropzone), m.appendChild(p);
+    const h = document.createElement("div");
+    h.className = "aw-pane";
+    const b = document.createElement("input");
+    b.type = "url", b.className = "aw-input", b.placeholder = "https://example.com/image.jpg", h.appendChild(R("이미지 URL", b));
+    const v = document.createElement("div");
+    if (v.className = "aw-pane", u) {
+      const g = me("서버 업로드용 이미지 선택"), x = document.createElement("div");
+      x.className = "aw-preview", x.style.display = "none", v.appendChild(g.dropzone), v.appendChild(x), g.input.addEventListener("change", async () => {
+        var $;
+        const B = ($ = g.input.files) == null ? void 0 : $[0];
+        if (!(!B || !n.onUpload))
+          try {
+            g.dropzone.classList.add("aw-dropzone-loading");
+            const K = await n.onUpload(B);
+            y = K, x.style.backgroundImage = `url(${JSON.stringify(K)})`, x.style.display = "block";
+          } catch (K) {
+            console.error(K);
+          } finally {
+            g.dropzone.classList.remove("aw-dropzone-loading"), g.input.value = "";
+          }
+      });
+    } else {
+      const g = document.createElement("div");
+      g.className = "aw-pane-notice", g.textContent = "개체 생성시 등록된 API 주소가 없습니다.", v.appendChild(g);
+    }
+    l.appendChild(m), l.appendChild(h), l.appendChild(v);
+    let k = "embed", T, y;
+    const L = (g) => {
+      g === "upload" && !u || (k = g, c.classList.toggle("aw-tab-active", g === "embed"), a.classList.toggle("aw-tab-active", g === "url"), d.classList.toggle("aw-tab-active", g === "upload"), m.style.display = g === "embed" ? "block" : "none", h.style.display = g === "url" ? "block" : "none", v.style.display = g === "upload" ? "block" : "none");
+    };
+    L(k), c.addEventListener("click", () => L("embed")), a.addEventListener("click", () => L("url")), d.addEventListener("click", () => L("upload")), f.input.addEventListener("change", () => {
+      var B;
+      const g = (B = f.input.files) == null ? void 0 : B[0];
+      if (!g) return;
+      const x = new FileReader();
+      x.onload = () => {
+        const $ = String(x.result ?? "");
+        T = $, p.style.backgroundImage = `url(${JSON.stringify($)})`, p.style.display = "block", f.input.value = "";
+      }, x.readAsDataURL(g);
+    });
+    const A = document.createElement("button");
+    A.type = "button", A.className = "aw-btn aw-btn-ghost", A.textContent = "취소";
+    const M = document.createElement("button");
+    M.type = "button", M.className = "aw-btn aw-btn-primary", M.textContent = "확인", i.appendChild(A), i.appendChild(M), A.addEventListener("click", () => {
+      r(), t({ confirmed: !1 });
+    }), M.addEventListener("click", () => {
+      let g;
+      k === "embed" ? g = T : k === "url" ? g = b.value || void 0 : k === "upload" && (g = y), r();
+      const x = { confirmed: !0 };
+      g && (x.src = g), t(x);
+    }), document.body.appendChild(o);
+  });
+}
+function me(n) {
+  const e = document.createElement("label");
+  e.className = "aw-dropzone", e.innerHTML = `
+    ${E.upload}
+    <div class="aw-dropzone-text">${n}<br/>드래그 앤 드롭 또는 클릭</div>
+  `;
+  const t = document.createElement("input");
+  return t.type = "file", t.accept = "image/*", t.style.display = "none", e.appendChild(t), { dropzone: e, input: t };
+}
+function Xe(n) {
+  return new Promise((e) => {
+    const { overlay: t, body: o, footer: l, close: i } = P("HTML", n), r = document.createElement("input");
+    r.type = "file", r.accept = ".html,.htm,text/html", r.style.display = "none";
+    const s = document.createElement("label");
+    s.className = "aw-dropzone", s.innerHTML = `
+      ${E.importHtml}
+      <div class="aw-dropzone-text">HTML 파일 선택<br/>드래그 앤 드롭 또는 클릭</div>
+    `, s.appendChild(r);
+    const c = document.createElement("div");
+    c.className = "aw-dialog-hint", c.textContent = "선택된 파일 없음";
+    const a = document.createElement("textarea");
+    a.className = "aw-input aw-textarea", a.placeholder = "또는 HTML 을 직접 붙여넣기…", a.rows = 8, o.appendChild(s), o.appendChild(c), o.appendChild(R("직접 붙여넣기", a));
+    const d = document.createElement("div");
+    d.className = "aw-dialog-hint", d.textContent = "iframe 으로 로드한 후 모든 스타일을 인라인으로 합쳐 가져옵니다.", o.appendChild(d);
+    let u;
+    r.addEventListener("change", () => {
+      var b;
+      const p = (b = r.files) == null ? void 0 : b[0];
+      if (!p) return;
+      const h = new FileReader();
+      h.onload = () => {
+        u = String(h.result ?? ""), a.value = u, c.textContent = `${p.name} (${p.size.toLocaleString()} bytes)`, r.value = "";
+      }, h.readAsText(p);
+    }), s.addEventListener("dragover", (p) => {
+      p.preventDefault(), s.classList.add("aw-dropzone-loading");
+    }), s.addEventListener("dragleave", () => {
+      s.classList.remove("aw-dropzone-loading");
+    }), s.addEventListener("drop", (p) => {
+      var v, k;
+      p.preventDefault(), s.classList.remove("aw-dropzone-loading");
+      const h = (k = (v = p.dataTransfer) == null ? void 0 : v.files) == null ? void 0 : k[0];
+      if (!h) return;
+      const b = new FileReader();
+      b.onload = () => {
+        u = String(b.result ?? ""), a.value = u, c.textContent = `${h.name} (${h.size.toLocaleString()} bytes)`;
+      }, b.readAsText(h);
+    });
+    const m = document.createElement("button");
+    m.type = "button", m.className = "aw-btn aw-btn-ghost", m.textContent = "취소";
+    const f = document.createElement("button");
+    f.type = "button", f.className = "aw-btn aw-btn-primary", f.textContent = "가져오기", l.appendChild(m), l.appendChild(f), m.addEventListener("click", () => {
+      i(), e({ confirmed: !1 });
+    }), f.addEventListener("click", () => {
+      const p = a.value.trim();
+      i();
+      const h = { confirmed: !0 };
+      p.length > 0 && (h.html = p), e(h);
+    }), document.body.appendChild(t);
+  });
+}
+function Qe(n) {
+  return new Promise((e) => {
+    const { overlay: t, body: o, footer: l, close: i } = P("Markdown", n), r = document.createElement("input");
+    r.type = "file", r.accept = ".md,.markdown,text/markdown,text/plain", r.style.display = "none";
+    const s = document.createElement("label");
+    s.className = "aw-dropzone", s.innerHTML = `
+      ${E.importMarkdown}
+      <div class="aw-dropzone-text">Markdown 파일 선택<br/>드래그 앤 드롭 또는 클릭</div>
+    `, s.appendChild(r);
+    const c = document.createElement("div");
+    c.className = "aw-dialog-hint", c.textContent = "선택된 파일 없음";
+    const a = document.createElement("textarea");
+    a.className = "aw-input aw-textarea", a.placeholder = "또는 Markdown 을 직접 붙여넣기…", a.rows = 8, o.appendChild(s), o.appendChild(c), o.appendChild(R("직접 붙여넣기", a));
+    const d = document.createElement("div");
+    d.className = "aw-dialog-hint", d.textContent = "CommonMark 기본 문법(제목/목록/링크/코드/표/인용 등) 지원", o.appendChild(d), r.addEventListener("change", () => {
+      var h;
+      const f = (h = r.files) == null ? void 0 : h[0];
+      if (!f) return;
+      const p = new FileReader();
+      p.onload = () => {
+        const b = String(p.result ?? "");
+        a.value = b, c.textContent = `${f.name} (${f.size.toLocaleString()} bytes)`, r.value = "";
+      }, p.readAsText(f);
+    }), s.addEventListener("dragover", (f) => {
+      f.preventDefault(), s.classList.add("aw-dropzone-loading");
+    }), s.addEventListener("dragleave", () => {
+      s.classList.remove("aw-dropzone-loading");
+    }), s.addEventListener("drop", (f) => {
+      var b, v;
+      f.preventDefault(), s.classList.remove("aw-dropzone-loading");
+      const p = (v = (b = f.dataTransfer) == null ? void 0 : b.files) == null ? void 0 : v[0];
+      if (!p) return;
+      const h = new FileReader();
+      h.onload = () => {
+        const k = String(h.result ?? "");
+        a.value = k, c.textContent = `${p.name} (${p.size.toLocaleString()} bytes)`;
+      }, h.readAsText(p);
+    });
+    const u = document.createElement("button");
+    u.type = "button", u.className = "aw-btn aw-btn-ghost", u.textContent = "취소";
+    const m = document.createElement("button");
+    m.type = "button", m.className = "aw-btn aw-btn-primary", m.textContent = "가져오기", l.appendChild(u), l.appendChild(m), u.addEventListener("click", () => {
+      i(), e({ confirmed: !1 });
+    }), m.addEventListener("click", () => {
+      const f = a.value.trim();
+      i();
+      const p = { confirmed: !0 };
+      f.length > 0 && (p.markdown = f), e(p);
+    }), document.body.appendChild(t);
+  });
+}
+function Je(n = {}, e) {
+  return new Promise((t) => {
+    const { overlay: o, body: l, footer: i, close: r } = P("파일 첨부", e), s = document.createElement("div");
+    s.className = "aw-tabs";
+    const c = document.createElement("button");
+    c.type = "button", c.className = "aw-tab", c.textContent = "URL", c.title = "이미 호스팅된 파일의 URL 직접 입력";
+    const a = document.createElement("button");
+    a.type = "button", a.className = "aw-tab", a.textContent = "업로드";
+    const d = !!n.onUpload;
+    d ? a.title = "서버 API 로 업로드 후 응답 URL 사용" : (a.disabled = !0, a.classList.add("aw-tab-disabled"), a.title = "개체 생성시 등록된 파일 업로드 API 가 없습니다."), s.appendChild(c), s.appendChild(a), l.appendChild(s);
+    const u = document.createElement("div");
+    u.className = "aw-pane";
+    const m = document.createElement("input");
+    m.type = "url", m.className = "aw-input", m.placeholder = "https://example.com/files/report.pdf", u.appendChild(R("파일 URL", m));
+    const f = document.createElement("input");
+    f.type = "text", f.className = "aw-input", f.placeholder = "표시할 파일명 (예: report.pdf)", u.appendChild(R("파일명", f));
+    const p = document.createElement("div");
+    p.className = "aw-pane";
+    let h;
+    if (d) {
+      const y = document.createElement("label");
+      y.className = "aw-dropzone", y.innerHTML = `
+        ${E.upload}
+        <div class="aw-dropzone-text">서버 업로드용 파일 선택<br/>드래그 앤 드롭 또는 클릭</div>
+      `;
+      const L = document.createElement("input");
+      L.type = "file", L.style.display = "none", y.appendChild(L);
+      const A = document.createElement("div");
+      A.className = "aw-dialog-hint", A.textContent = "선택된 파일 없음", p.appendChild(y), p.appendChild(A);
+      const M = async (g) => {
+        if (n.onUpload)
+          try {
+            y.classList.add("aw-dropzone-loading"), h = {
+              src: await n.onUpload(g),
+              name: g.name,
+              size: g.size,
+              type: g.type || ""
+            }, A.textContent = `${g.name} (${g.size.toLocaleString()} bytes) — 업로드 완료`;
+          } catch (x) {
+            console.error(x), A.textContent = `업로드 실패: ${x instanceof Error ? x.message : String(x)}`;
+          } finally {
+            y.classList.remove("aw-dropzone-loading"), L.value = "";
+          }
+      };
+      L.addEventListener("change", () => {
+        var x;
+        const g = (x = L.files) == null ? void 0 : x[0];
+        g && M(g);
+      }), y.addEventListener("dragover", (g) => {
+        g.preventDefault(), y.classList.add("aw-dropzone-loading");
+      }), y.addEventListener("dragleave", () => {
+        y.classList.remove("aw-dropzone-loading");
+      }), y.addEventListener("drop", (g) => {
+        var B, $;
+        g.preventDefault();
+        const x = ($ = (B = g.dataTransfer) == null ? void 0 : B.files) == null ? void 0 : $[0];
+        x && M(x);
+      });
+    } else {
+      const y = document.createElement("div");
+      y.className = "aw-pane-notice", y.textContent = "개체 생성시 등록된 파일 업로드 API 가 없습니다.", p.appendChild(y);
+    }
+    l.appendChild(u), l.appendChild(p);
+    let b = "url";
+    const v = (y) => {
+      y === "upload" && !d || (b = y, c.classList.toggle("aw-tab-active", y === "url"), a.classList.toggle("aw-tab-active", y === "upload"), u.style.display = y === "url" ? "block" : "none", p.style.display = y === "upload" ? "block" : "none");
+    };
+    v(b), c.addEventListener("click", () => v("url")), a.addEventListener("click", () => v("upload"));
+    const k = document.createElement("button");
+    k.type = "button", k.className = "aw-btn aw-btn-ghost", k.textContent = "취소";
+    const T = document.createElement("button");
+    T.type = "button", T.className = "aw-btn aw-btn-primary", T.textContent = "확인", i.appendChild(k), i.appendChild(T), k.addEventListener("click", () => {
+      r(), t({ confirmed: !1 });
+    }), T.addEventListener("click", () => {
+      const y = { confirmed: !0 };
+      if (b === "url") {
+        const L = m.value.trim(), A = f.value.trim();
+        L.length > 0 && (y.src = L), A.length > 0 && (y.name = A);
+      } else h && (y.src = h.src, y.name = h.name, y.size = h.size, h.type && (y.type = h.type));
+      r(), t(y);
+    }), document.body.appendChild(o);
+  });
+}
+function et(n) {
+  return new Promise((e) => {
+    const { overlay: t, body: o, footer: l, close: i } = P("유튜브 임베드", n), r = document.createElement("input");
+    r.type = "url", r.className = "aw-input", r.placeholder = "https://www.youtube.com/watch?v=…", o.appendChild(R("YouTube URL", r));
+    const s = document.createElement("div");
+    s.className = "aw-dialog-hint", s.textContent = "youtu.be / youtube.com/watch / /embed / /shorts 형식 모두 지원", o.appendChild(s);
+    const c = document.createElement("button");
+    c.type = "button", c.className = "aw-btn aw-btn-ghost", c.textContent = "취소";
+    const a = document.createElement("button");
+    a.type = "button", a.className = "aw-btn aw-btn-primary", a.textContent = "확인", l.appendChild(c), l.appendChild(a), c.addEventListener("click", () => {
+      i(), e({ confirmed: !1 });
+    }), a.addEventListener("click", () => {
+      i(), e({ confirmed: !0, url: r.value });
+    }), document.body.appendChild(t), setTimeout(() => r.focus(), 0);
+  });
+}
+const tt = "system", W = [
+  {
+    id: tt,
+    label: "시스템 기본",
+    stack: '-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", "Malgun Gothic", sans-serif'
+  },
+  {
+    id: "pretendard",
+    label: "Pretendard",
+    stack: '"Pretendard", -apple-system, sans-serif',
+    cssUrl: "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.min.css"
+  },
+  {
+    id: "noto-sans-kr",
+    label: "Noto Sans KR",
+    stack: '"Noto Sans KR", sans-serif',
+    googleFonts: "Noto+Sans+KR:wght@400;700"
+  },
+  {
+    id: "noto-serif-kr",
+    label: "Noto Serif KR",
+    stack: '"Noto Serif KR", serif',
+    googleFonts: "Noto+Serif+KR:wght@400;700"
+  },
+  {
+    id: "nanum-gothic",
+    label: "나눔고딕",
+    stack: '"Nanum Gothic", sans-serif',
+    googleFonts: "Nanum+Gothic:wght@400;700"
+  },
+  {
+    id: "nanum-myeongjo",
+    label: "나눔명조",
+    stack: '"Nanum Myeongjo", serif',
+    googleFonts: "Nanum+Myeongjo:wght@400;700"
+  },
+  {
+    id: "nanum-pen",
+    label: "나눔펜",
+    stack: '"Nanum Pen Script", cursive',
+    googleFonts: "Nanum+Pen+Script"
+  },
+  {
+    id: "gowun-dodum",
+    label: "고운 돋움",
+    stack: '"Gowun Dodum", sans-serif',
+    googleFonts: "Gowun+Dodum"
+  },
+  {
+    id: "ibm-plex-sans-kr",
+    label: "IBM Plex Sans KR",
+    stack: '"IBM Plex Sans KR", sans-serif',
+    googleFonts: "IBM+Plex+Sans+KR:wght@400;700"
+  }
+];
+(() => {
+  const n = {};
+  for (const e of W) n[e.id] = e;
+  return n;
+})();
+const nt = [
+  12,
+  13,
+  14,
+  15,
+  16,
+  18,
+  20,
+  24,
+  28,
+  32,
+  40,
+  48
+];
+function ot(n) {
+  if (!n) return null;
+  const e = n.trim(), t = /^(\d+(?:\.\d+)?)px$/i.exec(e);
+  if (t && t[1]) return Math.round(Number(t[1]));
+  const o = /^(\d+(?:\.\d+)?)rem$/i.exec(e);
+  return o && o[1] ? Math.round(Number(o[1]) * 16) : null;
+}
+let fe = !1;
+function lt() {
+  if (fe || (fe = !0, typeof document > "u")) return;
+  const n = W.map((e) => e.googleFonts).filter((e) => typeof e == "string" && e.length > 0);
+  if (n.length > 0) {
+    const e = "https://fonts.googleapis.com/css2?" + n.map((t) => `family=${t}`).join("&") + "&display=swap";
+    ge(e);
+  }
+  for (const e of W)
+    e.cssUrl && ge(e.cssUrl);
+}
+function ge(n) {
+  if (document.querySelector(
+    `link[rel="stylesheet"][href="${n}"]`
+  )) return;
+  const t = document.createElement("link");
+  t.rel = "stylesheet", t.href = n, document.head.appendChild(t);
+}
+function it(n) {
+  var o;
+  if (!n) return null;
+  const e = be(n);
+  if (!e) return null;
+  const t = e.toLowerCase();
+  for (const l of W) {
+    const i = (o = be(l.stack)) == null ? void 0 : o.toLowerCase();
+    if (i && i === t) return l.id;
+  }
+  return null;
+}
+function be(n) {
+  var t;
+  const e = (t = n.split(",")[0]) == null ? void 0 : t.trim();
+  return e ? e.replace(/^["']|["']$/g, "") : null;
+}
+const N = {
+  lineComment: "//",
+  blockComment: { start: "/*", end: "*/" },
+  stringDelims: ['"', "'"]
+}, Te = /* @__PURE__ */ new Set([
+  "abstract",
+  "arguments",
+  "async",
+  "await",
+  "break",
+  "case",
+  "catch",
+  "class",
+  "const",
+  "continue",
+  "debugger",
+  "default",
+  "delete",
+  "do",
+  "else",
+  "enum",
+  "export",
+  "extends",
+  "finally",
+  "for",
+  "from",
+  "function",
+  "get",
+  "if",
+  "implements",
+  "import",
+  "in",
+  "instanceof",
+  "interface",
+  "let",
+  "new",
+  "null",
+  "of",
+  "package",
+  "private",
+  "protected",
+  "public",
+  "return",
+  "set",
+  "static",
+  "super",
+  "switch",
+  "this",
+  "throw",
+  "true",
+  "false",
+  "try",
+  "typeof",
+  "undefined",
+  "var",
+  "void",
+  "while",
+  "with",
+  "yield"
+]), rt = /* @__PURE__ */ new Set([
+  ...Te,
+  "any",
+  "as",
+  "asserts",
+  "boolean",
+  "declare",
+  "infer",
+  "is",
+  "keyof",
+  "module",
+  "namespace",
+  "never",
+  "number",
+  "object",
+  "override",
+  "readonly",
+  "require",
+  "satisfies",
+  "string",
+  "symbol",
+  "type",
+  "unique",
+  "unknown"
+]), st = /* @__PURE__ */ new Set([
+  "False",
+  "None",
+  "True",
+  "and",
+  "as",
+  "assert",
+  "async",
+  "await",
+  "break",
+  "class",
+  "continue",
+  "def",
+  "del",
+  "elif",
+  "else",
+  "except",
+  "finally",
+  "for",
+  "from",
+  "global",
+  "if",
+  "import",
+  "in",
+  "is",
+  "lambda",
+  "nonlocal",
+  "not",
+  "or",
+  "pass",
+  "raise",
+  "return",
+  "try",
+  "while",
+  "with",
+  "yield"
+]), at = /* @__PURE__ */ new Set([
+  "abs",
+  "all",
+  "any",
+  "bool",
+  "dict",
+  "enumerate",
+  "filter",
+  "float",
+  "int",
+  "isinstance",
+  "len",
+  "list",
+  "map",
+  "max",
+  "min",
+  "open",
+  "print",
+  "range",
+  "set",
+  "sorted",
+  "str",
+  "sum",
+  "tuple",
+  "type",
+  "zip",
+  "self",
+  "cls"
+]), Ne = /* @__PURE__ */ new Set([
+  "auto",
+  "break",
+  "case",
+  "char",
+  "const",
+  "continue",
+  "default",
+  "do",
+  "double",
+  "else",
+  "enum",
+  "extern",
+  "float",
+  "for",
+  "goto",
+  "if",
+  "int",
+  "long",
+  "register",
+  "return",
+  "short",
+  "signed",
+  "sizeof",
+  "static",
+  "struct",
+  "switch",
+  "typedef",
+  "union",
+  "unsigned",
+  "void",
+  "volatile",
+  "while",
+  "inline",
+  "restrict",
+  "_Bool",
+  "NULL"
+]), ct = /* @__PURE__ */ new Set([
+  ...Ne,
+  "class",
+  "new",
+  "delete",
+  "try",
+  "catch",
+  "throw",
+  "template",
+  "typename",
+  "namespace",
+  "using",
+  "public",
+  "private",
+  "protected",
+  "virtual",
+  "override",
+  "this",
+  "nullptr",
+  "true",
+  "false",
+  "bool",
+  "explicit",
+  "friend",
+  "mutable",
+  "operator",
+  "reinterpret_cast",
+  "static_cast",
+  "dynamic_cast",
+  "const_cast",
+  "constexpr",
+  "decltype",
+  "noexcept",
+  "final",
+  "auto"
+]), dt = /* @__PURE__ */ new Set([
+  "abstract",
+  "async",
+  "await",
+  "base",
+  "bool",
+  "break",
+  "byte",
+  "case",
+  "catch",
+  "char",
+  "checked",
+  "class",
+  "const",
+  "continue",
+  "decimal",
+  "default",
+  "delegate",
+  "do",
+  "double",
+  "else",
+  "enum",
+  "event",
+  "explicit",
+  "extern",
+  "false",
+  "finally",
+  "fixed",
+  "float",
+  "for",
+  "foreach",
+  "goto",
+  "if",
+  "implicit",
+  "in",
+  "int",
+  "interface",
+  "internal",
+  "is",
+  "lock",
+  "long",
+  "namespace",
+  "new",
+  "null",
+  "object",
+  "operator",
+  "out",
+  "override",
+  "params",
+  "private",
+  "protected",
+  "public",
+  "readonly",
+  "ref",
+  "return",
+  "sbyte",
+  "sealed",
+  "short",
+  "sizeof",
+  "stackalloc",
+  "static",
+  "string",
+  "struct",
+  "switch",
+  "this",
+  "throw",
+  "true",
+  "try",
+  "typeof",
+  "uint",
+  "ulong",
+  "unchecked",
+  "unsafe",
+  "ushort",
+  "using",
+  "var",
+  "virtual",
+  "void",
+  "volatile",
+  "while",
+  "yield",
+  "record",
+  "init",
+  "nameof",
+  "when"
+]), ut = /* @__PURE__ */ new Set([
+  "abstract",
+  "assert",
+  "boolean",
+  "break",
+  "byte",
+  "case",
+  "catch",
+  "char",
+  "class",
+  "const",
+  "continue",
+  "default",
+  "do",
+  "double",
+  "else",
+  "enum",
+  "extends",
+  "final",
+  "finally",
+  "float",
+  "for",
+  "goto",
+  "if",
+  "implements",
+  "import",
+  "instanceof",
+  "int",
+  "interface",
+  "long",
+  "native",
+  "new",
+  "null",
+  "package",
+  "private",
+  "protected",
+  "public",
+  "return",
+  "short",
+  "static",
+  "strictfp",
+  "super",
+  "switch",
+  "synchronized",
+  "this",
+  "throw",
+  "throws",
+  "transient",
+  "true",
+  "false",
+  "try",
+  "void",
+  "volatile",
+  "while",
+  "var",
+  "yield",
+  "record",
+  "sealed",
+  "permits",
+  "non-sealed"
+]), pt = /* @__PURE__ */ new Set([
+  "abstract",
+  "actual",
+  "annotation",
+  "as",
+  "break",
+  "by",
+  "catch",
+  "class",
+  "companion",
+  "const",
+  "constructor",
+  "continue",
+  "crossinline",
+  "data",
+  "do",
+  "dynamic",
+  "else",
+  "enum",
+  "expect",
+  "external",
+  "false",
+  "final",
+  "finally",
+  "for",
+  "fun",
+  "get",
+  "if",
+  "import",
+  "in",
+  "init",
+  "inline",
+  "inner",
+  "interface",
+  "internal",
+  "is",
+  "it",
+  "lateinit",
+  "null",
+  "object",
+  "open",
+  "operator",
+  "out",
+  "override",
+  "package",
+  "private",
+  "protected",
+  "public",
+  "reified",
+  "return",
+  "sealed",
+  "set",
+  "super",
+  "suspend",
+  "tailrec",
+  "this",
+  "throw",
+  "true",
+  "try",
+  "typealias",
+  "typeof",
+  "val",
+  "var",
+  "vararg",
+  "when",
+  "where",
+  "while"
+]), ht = /* @__PURE__ */ new Set([
+  "break",
+  "case",
+  "chan",
+  "const",
+  "continue",
+  "default",
+  "defer",
+  "else",
+  "fallthrough",
+  "for",
+  "func",
+  "go",
+  "goto",
+  "if",
+  "import",
+  "interface",
+  "map",
+  "package",
+  "range",
+  "return",
+  "select",
+  "struct",
+  "switch",
+  "type",
+  "var",
+  "true",
+  "false",
+  "nil",
+  "iota"
+]), mt = /* @__PURE__ */ new Set([
+  "as",
+  "async",
+  "await",
+  "break",
+  "const",
+  "continue",
+  "crate",
+  "dyn",
+  "else",
+  "enum",
+  "extern",
+  "false",
+  "fn",
+  "for",
+  "if",
+  "impl",
+  "in",
+  "let",
+  "loop",
+  "match",
+  "mod",
+  "move",
+  "mut",
+  "pub",
+  "ref",
+  "return",
+  "self",
+  "Self",
+  "static",
+  "struct",
+  "super",
+  "trait",
+  "true",
+  "type",
+  "unsafe",
+  "use",
+  "where",
+  "while",
+  "box",
+  "do",
+  "final",
+  "macro",
+  "override",
+  "priv",
+  "typeof",
+  "unsized",
+  "virtual",
+  "yield"
+]), ft = /* @__PURE__ */ new Set([
+  "if",
+  "then",
+  "else",
+  "elif",
+  "fi",
+  "case",
+  "esac",
+  "for",
+  "while",
+  "until",
+  "do",
+  "done",
+  "function",
+  "return",
+  "select",
+  "break",
+  "continue",
+  "in",
+  "echo",
+  "export",
+  "local",
+  "readonly",
+  "declare",
+  "typeset",
+  "unset",
+  "eval",
+  "exec",
+  "source",
+  "true",
+  "false"
+]), gt = /* @__PURE__ */ new Set([
+  "select",
+  "from",
+  "where",
+  "insert",
+  "update",
+  "delete",
+  "into",
+  "values",
+  "set",
+  "create",
+  "table",
+  "drop",
+  "alter",
+  "index",
+  "view",
+  "join",
+  "inner",
+  "left",
+  "right",
+  "outer",
+  "full",
+  "cross",
+  "on",
+  "group",
+  "by",
+  "order",
+  "having",
+  "limit",
+  "offset",
+  "union",
+  "all",
+  "distinct",
+  "as",
+  "and",
+  "or",
+  "not",
+  "null",
+  "true",
+  "false",
+  "is",
+  "in",
+  "between",
+  "like",
+  "exists",
+  "primary",
+  "key",
+  "foreign",
+  "references",
+  "unique",
+  "default",
+  "check",
+  "constraint",
+  "database",
+  "schema",
+  "with",
+  "case",
+  "when",
+  "then",
+  "else",
+  "end",
+  "cast",
+  "count",
+  "sum",
+  "avg",
+  "min",
+  "max",
+  "asc",
+  "desc"
+]), bt = /* @__PURE__ */ new Set(["true", "false", "null"]), Me = [
+  {
+    id: "plaintext",
+    label: "Plain Text",
+    keywords: /* @__PURE__ */ new Set()
+  },
+  {
+    id: "javascript",
+    label: "JavaScript",
+    keywords: Te,
+    ...N,
+    stringDelims: ['"', "'", "`"]
+  },
+  {
+    id: "typescript",
+    label: "TypeScript",
+    keywords: rt,
+    ...N,
+    stringDelims: ['"', "'", "`"]
+  },
+  {
+    id: "python",
+    label: "Python",
+    keywords: st,
+    builtins: at,
+    lineComment: "#",
+    stringDelims: ['"', "'"]
+  },
+  {
+    id: "json",
+    label: "JSON",
+    keywords: bt,
+    stringDelims: ['"']
+  },
+  {
+    id: "html",
+    label: "HTML",
+    keywords: /* @__PURE__ */ new Set(),
+    custom: (n) => Ct(n)
+  },
+  {
+    id: "css",
+    label: "CSS",
+    keywords: /* @__PURE__ */ new Set(),
+    custom: (n) => Et(n)
+  },
+  {
+    id: "bash",
+    label: "Bash",
+    keywords: ft,
+    lineComment: "#",
+    stringDelims: ['"', "'"]
+  },
+  {
+    id: "sql",
+    label: "SQL",
+    keywords: gt,
+    caseInsensitiveKeywords: !0,
+    lineComment: "--",
+    blockComment: { start: "/*", end: "*/" },
+    stringDelims: ['"', "'"]
+  },
+  {
+    id: "markdown",
+    label: "Markdown",
+    keywords: /* @__PURE__ */ new Set(),
+    custom: (n) => Lt(n)
+  },
+  { id: "c", label: "C", keywords: Ne, ...N },
+  { id: "cpp", label: "C++", keywords: ct, ...N },
+  { id: "csharp", label: "C#", keywords: dt, ...N },
+  { id: "java", label: "Java", keywords: ut, ...N },
+  { id: "kotlin", label: "Kotlin", keywords: pt, ...N },
+  { id: "go", label: "Go", keywords: ht, ...N },
+  { id: "rust", label: "Rust", keywords: mt, ...N }
+], yt = (() => {
+  const n = /* @__PURE__ */ new Map();
+  for (const e of Me) n.set(e.id, e);
+  return n;
+})();
+function wt(n, e) {
+  if (!e) return C(n);
+  const t = yt.get(e);
+  return t ? t.custom ? t.custom(n) : kt(n, t) : C(n);
+}
+function kt(n, e) {
+  var r, s;
+  const t = !!e.caseInsensitiveKeywords;
+  let o = "", l = 0;
+  const i = n.length;
+  for (; l < i; ) {
+    if (e.lineComment && n.startsWith(e.lineComment, l)) {
+      const d = n.indexOf(`
+`, l), u = d === -1 ? i : d;
+      o += `<span class="hl-comment">${C(n.slice(l, u))}</span>`, l = u;
+      continue;
+    }
+    if (e.blockComment && n.startsWith(e.blockComment.start, l)) {
+      const d = n.indexOf(e.blockComment.end, l + e.blockComment.start.length), u = d === -1 ? i : d + e.blockComment.end.length;
+      o += `<span class="hl-comment">${C(n.slice(l, u))}</span>`, l = u;
+      continue;
+    }
+    const c = (r = e.stringDelims) == null ? void 0 : r.find((d) => n.startsWith(d, l));
+    if (c) {
+      let d = l + c.length;
+      for (; d < i; ) {
+        const u = n[d] ?? "";
+        if (u === "\\") {
+          d += 2;
+          continue;
+        }
+        if (n.startsWith(c, d)) {
+          d += c.length;
+          break;
+        }
+        if (u === `
+` && c !== "`") break;
+        d++;
+      }
+      o += `<span class="hl-string">${C(n.slice(l, d))}</span>`, l = d;
+      continue;
+    }
+    const a = n[l] ?? "";
+    if (/[0-9]/.test(a)) {
+      const d = vt.exec(n.slice(l));
+      if (d) {
+        o += `<span class="hl-number">${C(d[0])}</span>`, l += d[0].length;
+        continue;
+      }
+    }
+    if (/[a-zA-Z_$]/.test(a)) {
+      let d = l + 1;
+      for (; d < i && /[a-zA-Z0-9_$]/.test(n[d] ?? ""); ) d++;
+      const u = n.slice(l, d), m = t ? u.toLowerCase() : u;
+      if (e.keywords.has(m))
+        o += `<span class="hl-keyword">${C(u)}</span>`;
+      else if ((s = e.builtins) != null && s.has(m))
+        o += `<span class="hl-builtin">${C(u)}</span>`;
+      else {
+        let f = d;
+        for (; f < i && (n[f] === " " || n[f] === "	"); ) f++;
+        n[f] === "(" ? o += `<span class="hl-fn">${C(u)}</span>` : o += C(u);
+      }
+      l = d;
+      continue;
+    }
+    o += C(a), l++;
+  }
+  return o;
+}
+const vt = /^(0[xX][0-9a-fA-F_]+|0[bB][01_]+|0[oO][0-7_]+|[0-9][0-9_]*(?:\.[0-9_]+)?(?:[eE][-+]?[0-9_]+)?)[a-zA-Z]*/;
+function Ct(n) {
+  let e = "", t = 0;
+  const o = n.length;
+  for (; t < o; ) {
+    if (n.startsWith("<!--", t)) {
+      const l = n.indexOf("-->", t + 4), i = l === -1 ? o : l + 3;
+      e += `<span class="hl-comment">${C(n.slice(t, i))}</span>`, t = i;
+      continue;
+    }
+    if (n[t] === "<") {
+      const l = n.indexOf(">", t);
+      if (l === -1) {
+        e += C(n.slice(t));
+        break;
+      }
+      const i = n.slice(t, l + 1);
+      e += xt(i), t = l + 1;
+      continue;
+    }
+    e += C(n[t] ?? ""), t++;
+  }
+  return e;
+}
+function xt(n) {
+  const e = n.slice(1, -1);
+  let t = '<span class="hl-punct">&lt;</span>';
+  const o = /^\/?[a-zA-Z][a-zA-Z0-9-]*/.exec(e);
+  if (o) {
+    t += `<span class="hl-tag">${C(o[0])}</span>`;
+    let l = e.slice(o[0].length);
+    const i = /\s+([a-zA-Z_:][a-zA-Z0-9_:.-]*)(\s*=\s*("([^"]*)"|'([^']*)'|([^\s>]+)))?/g;
+    let r = 0, s;
+    for (; s = i.exec(l); ) {
+      t += C(l.slice(r, s.index)), t += C(l.slice(s.index, s.index + s[0].indexOf(s[1] ?? ""))), t += `<span class="hl-attr">${C(s[1] ?? "")}</span>`;
+      const c = l.slice(s.index + (s[0].indexOf(s[1] ?? "") + (s[1] ?? "").length), s.index + s[0].length);
+      if (c.includes("=")) {
+        const a = c.indexOf("=");
+        t += C(c.slice(0, a + 1));
+        const d = c.slice(a + 1);
+        t += `<span class="hl-string">${C(d)}</span>`;
+      }
+      r = s.index + s[0].length;
+    }
+    t += C(l.slice(r));
+  } else
+    t += C(e);
+  return t += '<span class="hl-punct">&gt;</span>', t;
+}
+function Et(n) {
+  let e = "", t = 0;
+  const o = n.length;
+  let l = !1;
+  for (; t < o; ) {
+    if (n.startsWith("/*", t)) {
+      const r = n.indexOf("*/", t + 2), s = r === -1 ? o : r + 2;
+      e += `<span class="hl-comment">${C(n.slice(t, s))}</span>`, t = s;
+      continue;
+    }
+    const i = n[t] ?? "";
+    if (i === "{") {
+      l = !0, e += C(i), t++;
+      continue;
+    }
+    if (i === "}") {
+      l = !1, e += C(i), t++;
+      continue;
+    }
+    if (i === '"' || i === "'") {
+      const r = i;
+      let s = t + 1;
+      for (; s < o && n[s] !== r; )
+        n[s] === "\\" ? s += 2 : s++;
+      s = Math.min(s + 1, o), e += `<span class="hl-string">${C(n.slice(t, s))}</span>`, t = s;
+      continue;
+    }
+    if (/[a-zA-Z_-]/.test(i) || i === "@" || i === "#" || i === "." || i === ":") {
+      let r = t + 1;
+      for (; r < o && /[a-zA-Z0-9_-]/.test(n[r] ?? ""); ) r++;
+      const s = n.slice(t, r);
+      if (i === "@")
+        e += `<span class="hl-keyword">${C(s)}</span>`;
+      else if (l && /^[a-zA-Z-]+$/.test(s)) {
+        let c = r;
+        for (; c < o && (n[c] === " " || n[c] === "	"); ) c++;
+        n[c] === ":" ? e += `<span class="hl-prop">${C(s)}</span>` : e += C(s);
+      } else
+        e += `<span class="hl-tag">${C(s)}</span>`;
+      t = r;
+      continue;
+    }
+    if (/[0-9]/.test(i)) {
+      const r = /^[0-9.]+(px|em|rem|%|vh|vw|s|ms|deg|fr)?/.exec(n.slice(t));
+      if (r) {
+        e += `<span class="hl-number">${C(r[0])}</span>`, t += r[0].length;
+        continue;
+      }
+    }
+    e += C(i), t++;
+  }
+  return e;
+}
+function Lt(n) {
+  return n.split(`
+`).map(At).join(`
+`);
+}
+function At(n) {
+  const e = /^(#{1,6})\s+(.*)$/.exec(n);
+  if (e)
+    return `<span class="hl-keyword">${C(e[1] ?? "")}</span> <span class="hl-tag">${ee(e[2] ?? "")}</span>`;
+  if (n.startsWith(">"))
+    return `<span class="hl-comment">${C(n)}</span>`;
+  if (n.startsWith("```"))
+    return `<span class="hl-keyword">${C(n)}</span>`;
+  const t = /^(\s*)([-*+]|\d+\.)\s+(.*)$/.exec(n);
+  return t ? `${t[1] ?? ""}<span class="hl-keyword">${C(t[2] ?? "")}</span> ${ee(t[3] ?? "")}` : ee(n);
+}
+function ee(n) {
+  let e = C(n);
+  return e = e.replace(/\*\*([^*]+)\*\*/g, '<span class="hl-keyword">**$1**</span>'), e = e.replace(new RegExp("(?<!\\*)\\*([^*]+)\\*(?!\\*)", "g"), '<span class="hl-string">*$1*</span>'), e = e.replace(/`([^`]+)`/g, '<span class="hl-builtin">`$1`</span>'), e = e.replace(
+    /\[([^\]]+)\]\(([^)]+)\)/g,
+    '<span class="hl-tag">[$1]</span><span class="hl-string">($2)</span>'
+  ), e;
+}
+function C(n) {
+  return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function S(n) {
+  n.addEventListener("mousedown", (e) => e.preventDefault());
+}
+const ae = [
+  "#000000",
+  "#5c5c5c",
+  "#9c9c9c",
+  "#cfcfcf",
+  "#ffffff",
+  "#e03131",
+  "#f76707",
+  "#f59f00",
+  "#94d82d",
+  "#0ca678",
+  "#1c7ed6",
+  "#7048e8",
+  "#d6336c",
+  "#fab005",
+  "#37b24d",
+  "#1098ad"
+];
+function te(n, e, t = []) {
+  z();
+  const o = document.createElement("div");
+  o.className = "aw-popover aw-color-popover", o.dataset.popover = "true", S(o);
+  const l = (d) => {
+    e(d), o.remove();
+  }, i = (d) => {
+    const u = document.createElement("button");
+    return u.type = "button", u.className = "aw-color-swatch", u.style.backgroundColor = d, u.setAttribute("aria-label", d), u.title = d, S(u), u.addEventListener("click", (m) => {
+      m.stopPropagation(), l(d);
+    }), u;
+  }, r = document.createElement("div");
+  r.className = "aw-color-grid";
+  for (const d of ae)
+    r.appendChild(i(d));
+  o.appendChild(r);
+  const s = document.createElement("button");
+  s.type = "button", s.className = "aw-popover-action", s.textContent = "기본색", S(s), s.addEventListener("click", (d) => {
+    d.stopPropagation(), l(null);
+  });
+  const c = document.createElement("button");
+  c.type = "button", c.className = "aw-popover-action", c.textContent = "사용자 지정", S(c);
+  const a = document.createElement("input");
+  if (a.type = "color", a.tabIndex = -1, a.setAttribute("aria-hidden", "true"), a.style.position = "absolute", a.style.left = "-9999px", a.style.width = "0", a.style.height = "0", a.style.opacity = "0", a.style.pointerEvents = "none", a.addEventListener("change", () => {
+    l(a.value);
+  }), c.addEventListener("click", (d) => {
+    d.stopPropagation(), a.click();
+  }), o.appendChild(s), o.appendChild(c), o.appendChild(a), t.length > 0) {
+    const d = document.createElement("div");
+    d.className = "aw-color-section", d.textContent = "최근 사용", o.appendChild(d);
+    const u = document.createElement("div");
+    u.className = "aw-color-grid";
+    for (const m of t)
+      u.appendChild(i(m));
+    o.appendChild(u);
+  }
+  I(o, n);
+}
+const St = [
+  { label: "본문", kind: "paragraph", attrs: {}, glyph: "¶" },
+  { label: "제목 1", kind: "heading", attrs: { level: 1 }, glyph: "H1", weight: "700" },
+  { label: "제목 2", kind: "heading", attrs: { level: 2 }, glyph: "H2", weight: "700" },
+  { label: "제목 3", kind: "heading", attrs: { level: 3 }, glyph: "H3", weight: "700" },
+  {
+    label: "글머리 목록",
+    kind: "bulletList",
+    attrs: {},
+    glyph: E.bulletList,
+    glyphIsSvg: !0,
+    divider: !0
+  },
+  {
+    label: "번호 매기기 목록",
+    kind: "orderedList",
+    attrs: {},
+    glyph: E.orderedList,
+    glyphIsSvg: !0
+  },
+  {
+    label: "인용구",
+    kind: "blockquote",
+    attrs: {},
+    glyph: E.blockquote,
+    glyphIsSvg: !0,
+    divider: !0
+  },
+  {
+    label: "코드 블록",
+    kind: "codeBlock",
+    attrs: {},
+    glyph: E.codeBlock,
+    glyphIsSvg: !0
+  },
+  // ── 리치 블록 그룹 (링크/이미지/표/유튜브/파일/구분선) ────────────────
+  // 구분선은 단독 행 회피를 위해 리치 그룹 끝에서 파일 첨부와 짝지어 배치.
+  {
+    label: "링크",
+    kind: "linkCard",
+    attrs: {},
+    glyph: E.link,
+    glyphIsSvg: !0,
+    divider: !0
+  },
+  {
+    label: "이미지",
+    kind: "image",
+    attrs: {},
+    glyph: E.image,
+    glyphIsSvg: !0
+  },
+  {
+    label: "표",
+    kind: "table",
+    attrs: {},
+    glyph: E.table,
+    glyphIsSvg: !0
+  },
+  {
+    label: "유튜브",
+    kind: "youtube",
+    attrs: {},
+    glyph: E.youtube,
+    glyphIsSvg: !0
+  },
+  {
+    label: "파일 첨부",
+    kind: "file",
+    attrs: {},
+    glyph: E.attachFile,
+    glyphIsSvg: !0
+  },
+  {
+    label: "구분선",
+    kind: "hr",
+    attrs: {},
+    glyph: E.hr,
+    glyphIsSvg: !0
+  },
+  // ── 외부 소스 가져오기 ─────────────────────────────────────────────
+  {
+    label: "HTML",
+    kind: "importHtml",
+    attrs: {},
+    glyph: E.importHtml,
+    glyphIsSvg: !0,
+    divider: !0
+  },
+  {
+    label: "Markdown",
+    kind: "importMarkdown",
+    attrs: {},
+    glyph: E.importMarkdown,
+    glyphIsSvg: !0
+  }
+];
+function Tt(n, e) {
+  z();
+  const t = document.createElement("div");
+  t.className = "aw-popover aw-block-type-popover", t.dataset.popover = "true", S(t);
+  for (const o of St) {
+    if (o.divider) {
+      const s = document.createElement("div");
+      s.className = "aw-popover-divider", t.appendChild(s);
+    }
+    const l = document.createElement("button");
+    l.type = "button", l.className = "aw-popover-item";
+    const i = document.createElement("span");
+    i.className = "aw-popover-item-glyph", o.glyphIsSvg ? i.innerHTML = o.glyph : i.textContent = o.glyph;
+    const r = document.createElement("span");
+    r.className = "aw-popover-item-label", r.textContent = o.label, o.size && (r.style.fontSize = o.size), o.weight && (r.style.fontWeight = o.weight), l.appendChild(i), l.appendChild(r), S(l), l.addEventListener("click", (s) => {
+      s.stopPropagation(), t.remove(), e({ kind: o.kind, attrs: o.attrs });
+    }), t.appendChild(l);
+  }
+  I(t, n);
+}
+function Nt(n, e) {
+  z();
+  const t = document.createElement("div");
+  t.className = "aw-popover aw-align-popover", t.dataset.popover = "true", S(t);
+  const o = [
+    { icon: "alignLeft", value: "left", label: "왼쪽 정렬" },
+    { icon: "alignCenter", value: "center", label: "가운데 정렬" },
+    { icon: "alignRight", value: "right", label: "오른쪽 정렬" },
+    { icon: "alignJustify", value: "justify", label: "양쪽 정렬" }
+  ];
+  for (const l of o) {
+    const i = document.createElement("button");
+    i.type = "button", i.className = "aw-popover-item aw-popover-item-icon", i.setAttribute("aria-label", l.label), i.title = l.label, i.innerHTML = E[l.icon] ?? "", S(i), i.addEventListener("click", (r) => {
+      r.stopPropagation(), t.remove(), e(l.value);
+    }), t.appendChild(i);
+  }
+  I(t, n);
+}
+function Mt(n, e, t) {
+  lt(), z();
+  const o = document.createElement("div");
+  o.className = "aw-popover aw-font-family-popover", o.dataset.popover = "true", S(o);
+  for (const l of W) {
+    const i = document.createElement("button");
+    i.type = "button", i.className = "aw-popover-item aw-font-family-item", t && t === l.id && i.classList.add("aw-popover-item-active"), i.title = l.label;
+    const r = document.createElement("span");
+    r.className = "aw-font-family-name", r.textContent = l.label;
+    const s = document.createElement("span");
+    s.className = "aw-font-family-preview", s.textContent = "가A", s.style.fontFamily = l.stack, i.appendChild(r), i.appendChild(s), S(i), i.addEventListener("click", (c) => {
+      c.stopPropagation(), o.remove(), e({ id: l.id, label: l.label, stack: l.stack });
+    }), o.appendChild(i);
+  }
+  I(o, n);
+}
+function Bt(n, e, t) {
+  z();
+  const o = document.createElement("div");
+  o.className = "aw-popover aw-code-lang-popover", o.dataset.popover = "true", S(o);
+  for (const l of Me) {
+    const i = document.createElement("button");
+    i.type = "button", i.className = "aw-popover-item aw-code-lang-item", t === l.id && i.classList.add("aw-popover-item-active"), i.title = l.label;
+    const r = document.createElement("span");
+    r.className = "aw-popover-item-label", r.textContent = l.label, i.appendChild(r), S(i), i.addEventListener("click", (s) => {
+      s.stopPropagation(), o.remove(), e({ id: l.id, label: l.label });
+    }), o.appendChild(i);
+  }
+  I(o, n);
+}
+const $t = [
+  { action: "rowAbove", label: "위에 행 추가" },
+  { action: "rowBelow", label: "아래에 행 추가" },
+  { action: "colLeft", label: "왼쪽에 열 추가", divider: !0 },
+  { action: "colRight", label: "오른쪽에 열 추가" },
+  { action: "deleteRow", label: "행 삭제", divider: !0 },
+  { action: "deleteCol", label: "열 삭제" }
+];
+function Rt(n, e) {
+  z();
+  const t = document.createElement("div");
+  t.className = "aw-popover aw-table-menu-popover", t.dataset.popover = "true", S(t);
+  for (const o of $t) {
+    if (o.divider) {
+      const i = document.createElement("div");
+      i.className = "aw-popover-divider", t.appendChild(i);
+    }
+    const l = document.createElement("button");
+    l.type = "button", l.className = "aw-popover-item aw-table-menu-item", l.textContent = o.label, S(l), l.addEventListener("click", (i) => {
+      i.stopPropagation(), t.remove(), e(o.action);
+    }), t.appendChild(l);
+  }
+  I(t, n);
+}
+function It(n, e, t) {
+  z();
+  const o = document.createElement("div");
+  o.className = "aw-popover aw-font-size-popover", o.dataset.popover = "true", S(o);
+  for (const l of nt) {
+    const i = document.createElement("button");
+    i.type = "button", i.className = "aw-popover-item aw-font-size-item", t === l && i.classList.add("aw-popover-item-active"), i.title = `${l}px`;
+    const r = document.createElement("span");
+    r.className = "aw-font-size-label", r.textContent = String(l), i.appendChild(r), S(i), i.addEventListener("click", (s) => {
+      s.stopPropagation(), o.remove(), e({ px: l });
+    }), o.appendChild(i);
+  }
+  I(o, n);
+}
+function zt(n, e) {
+  z();
+  const t = 2, o = 12, l = document.createElement("div");
+  l.className = "aw-popover aw-table-popover", l.dataset.popover = "true";
+  const i = document.createElement("div");
+  i.className = "aw-table-picker-grid";
+  const r = document.createElement("div");
+  r.className = "aw-table-status";
+  let s = t, c = t, a = 0, d = 0;
+  const u = [];
+  function m() {
+    for (let h = 0; h < u.length; h++) {
+      const b = u[h];
+      if (b)
+        for (let v = 0; v < b.length; v++) {
+          const k = b[v];
+          k && k.classList.toggle("aw-table-cell-active", h < a && v < d);
+        }
+    }
+    r.textContent = a > 0 && d > 0 ? `${a} × ${d} 표` : "크기를 선택하세요";
+  }
+  function f() {
+    i.innerHTML = "", i.style.gridTemplateColumns = `repeat(${c}, 18px)`, i.style.gridTemplateRows = `repeat(${s}, 18px)`, u.length = 0;
+    for (let h = 0; h < s; h++) {
+      const b = [];
+      for (let v = 0; v < c; v++) {
+        const k = document.createElement("div");
+        k.className = "aw-table-cell", k.dataset.row = String(h + 1), k.dataset.col = String(v + 1), i.appendChild(k), b.push(k);
+      }
+      u.push(b);
+    }
+    m();
+  }
+  f(), i.addEventListener("mousemove", (h) => {
+    const b = h.target;
+    if (!b.classList.contains("aw-table-cell")) return;
+    const v = parseInt(b.dataset.row ?? "0", 10), k = parseInt(b.dataset.col ?? "0", 10);
+    a = v, d = k;
+    let T = !1;
+    v >= s && s < o && (s = Math.min(o, v + 1), T = !0), k >= c && c < o && (c = Math.min(o, k + 1), T = !0), T ? f() : m();
+  }), i.addEventListener("click", (h) => {
+    const b = h.target;
+    if (!b.classList.contains("aw-table-cell")) return;
+    const v = parseInt(b.dataset.row ?? "0", 10), k = parseInt(b.dataset.col ?? "0", 10);
+    v > 0 && k > 0 && (e({ rows: v, cols: k }), l.remove());
+  });
+  function p(h) {
+    h.key === "Escape" && (l.remove(), document.removeEventListener("keydown", p));
+  }
+  document.addEventListener("keydown", p), l.appendChild(i), l.appendChild(r), I(l, n);
+}
+function I(n, e) {
+  const t = e.closest(".aeriz-wysiwyg"), o = t == null ? void 0 : t.dataset.theme;
+  o && (n.dataset.theme = o), n.style.position = "fixed";
+  const l = () => {
+    const a = e.getBoundingClientRect();
+    n.style.top = `${a.bottom + 4}px`, n.style.left = `${a.left}px`;
+  };
+  l(), document.body.appendChild(n);
+  const i = () => l(), r = () => l();
+  window.addEventListener("scroll", i, !0), window.addEventListener("resize", r);
+  function s(a) {
+    !n.contains(a.target) && !e.contains(a.target) && n.remove();
+  }
+  setTimeout(() => {
+    document.addEventListener("click", s);
+  }, 0);
+  const c = n.remove.bind(n);
+  n.remove = function() {
+    window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", r), document.removeEventListener("click", s), c();
+  };
+}
+function z() {
+  document.querySelectorAll('[data-popover="true"]').forEach((n) => n.remove());
+}
+const Ht = ["script", "noscript", "meta", "link", "style", "base"];
+async function Dt(n, e = {}) {
+  const t = e.settleMs ?? 1e3, o = e.timeoutMs ?? 3e4, l = e.width ?? 1024;
+  return new Promise((i, r) => {
+    const s = document.createElement("iframe");
+    s.setAttribute("aria-hidden", "true"), s.setAttribute("tabindex", "-1"), s.style.position = "fixed", s.style.left = "-99999px", s.style.top = "0", s.style.width = `${l}px`, s.style.height = "768px", s.style.border = "0", s.style.opacity = "0", s.style.pointerEvents = "none";
+    let c = !1;
+    const a = () => {
+      s.parentNode && s.parentNode.removeChild(s);
+    }, d = (p) => {
+      c || (c = !0, a(), r(p));
+    }, u = (p) => {
+      c || (c = !0, a(), i(p));
+    }, m = window.setTimeout(() => {
+      d(new Error("HTML 로드 시간 초과"));
+    }, o), f = () => {
+      var k;
+      const p = s.contentDocument;
+      if (!p || !p.body || p.body.children.length === 0 && (p.body.textContent ?? "").trim() === "")
+        return;
+      const h = s.contentWindow, b = (h == null ? void 0 : h.requestAnimationFrame) ?? window.requestAnimationFrame;
+      (p.fonts && typeof ((k = p.fonts.ready) == null ? void 0 : k.then) == "function" ? p.fonts.ready : Promise.resolve()).then(() => {
+        const T = () => {
+          window.setTimeout(() => {
+            if (!c)
+              try {
+                const y = s.contentWindow, L = s.contentDocument;
+                if (!y || !L || !L.body) {
+                  window.clearTimeout(m), d(new Error("iframe document 접근 실패"));
+                  return;
+                }
+                const A = Ft(L.body, y);
+                window.clearTimeout(m), u(A);
+              } catch (y) {
+                window.clearTimeout(m), d(y instanceof Error ? y : new Error(String(y)));
+              }
+          }, t);
+        };
+        b(() => b(T));
+      });
+    };
+    s.addEventListener("load", f), s.srcdoc = n, document.body.appendChild(s);
+  });
+}
+function Ft(n, e) {
+  var l;
+  const t = document.createElement("div");
+  for (let i = 0; i < n.attributes.length; i++) {
+    const r = n.attributes.item(i);
+    r && r.name !== "style" && t.setAttribute(r.name, r.value);
+  }
+  const o = Be(n, e);
+  o.length > 0 && t.setAttribute("style", o);
+  for (const i of Array.from(n.children)) {
+    const r = document.importNode(i, !0);
+    $e(i, r, e), t.appendChild(r);
+  }
+  for (const i of Ht)
+    for (const r of Array.from(t.querySelectorAll(i)))
+      (l = r.parentNode) == null || l.removeChild(r);
+  return t.style.width = "auto", t.style.maxWidth = "none", t.style.height = "auto", t.style.maxHeight = "none", t.setAttribute("data-imported-html", "true"), [t];
+}
+function Be(n, e) {
+  const t = e.getComputedStyle(n);
+  let o = "";
+  for (let l = 0; l < t.length; l++) {
+    const i = t.item(l);
+    if (!i) continue;
+    const r = t.getPropertyValue(i);
+    r && r.length > 0 && (o += `${i}:${r};`);
+  }
+  return o;
+}
+function $e(n, e, t) {
+  if (n.nodeType === 1 && e.nodeType === 1) {
+    const r = Be(n, t);
+    r.length > 0 && e.setAttribute("style", r);
+  }
+  const o = n.children, l = e.children, i = Math.min(o.length, l.length);
+  for (let r = 0; r < i; r++) {
+    const s = o[r], c = l[r];
+    s && c && $e(s, c, t);
+  }
+}
+function Pt(n) {
+  const e = qt(n), t = document.createElement("div");
+  t.innerHTML = e;
+  const o = [];
+  for (const l of Array.from(t.children))
+    l instanceof HTMLElement && o.push(l);
+  return o;
+}
+function qt(n) {
+  const t = n.replace(/\r\n?/g, `
+`).replace(/\s+$/, "").split(`
+`), o = [];
+  let l = 0;
+  for (; l < t.length; ) {
+    const i = t[l] ?? "";
+    if (i.trim() === "") {
+      l++;
+      continue;
+    }
+    const r = /^```\s*([\w-]*)\s*$/.exec(i);
+    if (r) {
+      const a = r[1] ?? "", d = [];
+      for (l++; l < t.length && !/^```\s*$/.test(t[l] ?? ""); )
+        d.push(t[l] ?? ""), l++;
+      l < t.length && l++;
+      const u = a ? ` data-language="${j(a)}"` : "";
+      o.push(
+        `<pre><code${u}>${X(d.join(`
+`))}</code></pre>`
+      );
+      continue;
+    }
+    const s = /^(#{1,6})\s+(.+?)\s*#*\s*$/.exec(i);
+    if (s) {
+      const a = (s[1] ?? "#").length;
+      o.push(`<h${a}>${D(s[2] ?? "")}</h${a}>`), l++;
+      continue;
+    }
+    if (/^[\s]*([-*_])(\s*\1){2,}[\s]*$/.test(i)) {
+      o.push("<hr>"), l++;
+      continue;
+    }
+    if (Re(i, t[l + 1] ?? "")) {
+      const a = [i];
+      for (l++, a.push(t[l] ?? ""), l++; l < t.length && (t[l] ?? "").includes("|") && (t[l] ?? "").trim() !== ""; )
+        a.push(t[l] ?? ""), l++;
+      o.push(_t(a));
+      continue;
+    }
+    if (i.startsWith(">")) {
+      const a = [];
+      for (; l < t.length && (t[l] ?? "").startsWith(">"); )
+        a.push((t[l] ?? "").replace(/^>\s?/, "")), l++;
+      const d = D(a.join(" ").trim());
+      o.push(`<blockquote><p>${d}</p></blockquote>`);
+      continue;
+    }
+    if (/^[\s]*[-*+]\s+/.test(i)) {
+      const a = ye(t, l, /^[\s]*[-*+]\s+(.*)$/);
+      l = a.next, o.push(`<ul>${a.html}</ul>`);
+      continue;
+    }
+    if (/^[\s]*\d+\.\s+/.test(i)) {
+      const a = ye(t, l, /^[\s]*\d+\.\s+(.*)$/);
+      l = a.next, o.push(`<ol>${a.html}</ol>`);
+      continue;
+    }
+    const c = [];
+    for (; l < t.length && (t[l] ?? "").trim() !== "" && !Ot(t[l] ?? "", t[l + 1] ?? ""); )
+      c.push(t[l] ?? ""), l++;
+    c.length > 0 && o.push(`<p>${D(jt(c))}</p>`);
+  }
+  return o.join(`
+`);
+}
+function Ot(n, e) {
+  return /^#{1,6}\s/.test(n) || /^[\s]*[-*+]\s+/.test(n) || /^[\s]*\d+\.\s+/.test(n) || n.startsWith(">") || /^```/.test(n) || /^[\s]*([-*_])(\s*\1){2,}[\s]*$/.test(n) || Re(n, e);
+}
+function Re(n, e) {
+  return n.includes("|") ? /^\s*\|?\s*:?-+:?\s*(\|\s*:?-+:?\s*)+\|?\s*$/.test(e) : !1;
+}
+function _t(n) {
+  if (n.length < 2) return "";
+  const e = ne(n[0] ?? ""), o = ne(n[1] ?? "").map((s) => {
+    const c = s.trim(), a = c.startsWith(":"), d = c.endsWith(":");
+    return a && d ? "center" : d ? "right" : a ? "left" : null;
+  }), l = n.slice(2).map(ne), i = e.map((s, c) => {
+    const a = o[c];
+    return `<th${a ? ` style="text-align:${a}"` : ""}>${D(s.trim())}</th>`;
+  }).join(""), r = l.map((s) => `<tr>${s.map((a, d) => {
+    const u = o[d];
+    return `<td${u ? ` style="text-align:${u}"` : ""}>${D(a.trim())}</td>`;
+  }).join("")}</tr>`).join("");
+  return `<table><thead><tr>${i}</tr></thead><tbody>${r}</tbody></table>`;
+}
+function ne(n) {
+  return n.trim().replace(/^\|/, "").replace(/\|$/, "").split("|");
+}
+function ye(n, e, t) {
+  const o = [];
+  let l = e;
+  for (; l < n.length; ) {
+    const i = n[l] ?? "";
+    if (i.trim() === "") {
+      const s = n[l + 1] ?? "";
+      if (t.test(s)) {
+        l++;
+        continue;
+      }
+      break;
+    }
+    const r = t.exec(i);
+    if (!r) break;
+    o.push(`<li>${D(r[1] ?? "")}</li>`), l++;
+  }
+  return { html: o.join(""), next: l };
+}
+function jt(n) {
+  const e = [];
+  for (let t = 0; t < n.length; t++) {
+    const o = n[t] ?? "", l = t === n.length - 1;
+    !l && /  +$/.test(o) ? e.push(o.replace(/\s+$/, "") + `
+<br>
+`) : e.push(l ? o : o + " ");
+  }
+  return e.join("");
+}
+function D(n) {
+  const e = [];
+  let t = n.replace(/(`+)([\s\S]+?)\1/g, (o, l, i) => `\0CODE${e.push(`<code>${X(i)}</code>`) - 1}\0`);
+  return t = X(t), t = t.replace(
+    /&lt;(https?:\/\/[^\s&]+)&gt;/g,
+    (o, l) => `<a href="${j(l)}" target="_blank" rel="noopener">${X(l)}</a>`
+  ), t = t.replace(
+    /!\[([^\]]*)\]\(([^)\s]+)(?:\s+"[^"]*")?\)/g,
+    (o, l, i) => `<img src="${j(i)}" alt="${j(l)}">`
+  ), t = t.replace(
+    /\[([^\]]+)\]\(([^)\s]+)(?:\s+"[^"]*")?\)/g,
+    (o, l, i) => `<a href="${j(i)}" target="_blank" rel="noopener">${l}</a>`
+  ), t = t.replace(/\*\*([^*\n]+?)\*\*/g, "<strong>$1</strong>"), t = t.replace(/__([^_\n]+?)__/g, "<strong>$1</strong>"), t = t.replace(/(^|[^*])\*([^*\n]+?)\*(?!\*)/g, "$1<em>$2</em>"), t = t.replace(/(^|[^_])_([^_\n]+?)_(?!_)/g, "$1<em>$2</em>"), t = t.replace(/~~([^~\n]+?)~~/g, "<s>$1</s>"), t = t.replace(/CODE(\d+)/g, (o, l) => {
+    const i = Number(l);
+    return e[i] ?? "";
+  }), t;
+}
+function X(n) {
+  return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function j(n) {
+  return n.replace(/&/g, "&amp;").replace(/"/g, "&quot;");
+}
+const Q = [
+  "bold",
+  "italic",
+  "underline",
+  "strike"
+], Ut = {
+  kind: "paragraph",
+  label: "단락",
+  allowsInlineFormat: !0,
+  allowedMarks: Q,
+  matches: (n) => n.tagName === "P" ? { kind: "paragraph", attrs: {} } : null,
+  create: () => J(document.createElement("p")),
+  isEmpty: (n) => q(n)
+}, Wt = {
+  kind: "heading",
+  label: "제목",
+  allowsInlineFormat: !0,
+  // 사용자 지정 — 제목은 italic 만 허용. (bold 는 heading 자체가 굵으므로
+  // 중복, underline / strike 는 가독성/시맨틱 면에서 부적합.)
+  allowedMarks: ["italic"],
+  matches: (n) => {
+    const e = /^H([1-6])$/.exec(n.tagName);
+    return e ? { kind: "heading", attrs: { level: Number(e[1]) } } : null;
+  },
+  create: (n) => {
+    const e = wn(n == null ? void 0 : n.level);
+    return J(document.createElement(`h${e}`));
+  },
+  isEmpty: (n) => q(n)
+}, Kt = {
+  kind: "bulletList",
+  label: "글머리 목록",
+  allowsInlineFormat: !0,
+  allowedMarks: Q,
+  matches: (n) => n.tagName === "UL" ? { kind: "bulletList", attrs: {} } : null,
+  create: () => _e("ul"),
+  isEmpty: (n) => je(n)
+}, Yt = {
+  kind: "orderedList",
+  label: "번호 매기기 목록",
+  allowsInlineFormat: !0,
+  allowedMarks: Q,
+  matches: (n) => n.tagName === "OL" ? { kind: "orderedList", attrs: {} } : null,
+  create: () => _e("ol"),
+  isEmpty: (n) => je(n)
+}, Vt = {
+  kind: "blockquote",
+  label: "인용구",
+  allowsInlineFormat: !0,
+  // 사용자 지정 — 인용구는 italic 제외(인용 자체가 이미 italic 으로 렌더되어
+  // 중복). bold / underline / strike 만 허용.
+  allowedMarks: ["bold", "underline", "strike"],
+  matches: (n) => n.tagName === "BLOCKQUOTE" ? { kind: "blockquote", attrs: {} } : null,
+  create: () => {
+    const n = document.createElement("blockquote");
+    return n.appendChild(J(document.createElement("p"))), n;
+  },
+  isEmpty: (n) => q(n)
+}, Gt = {
+  kind: "codeBlock",
+  label: "코드 블록",
+  allowsInlineFormat: !1,
+  allowedMarks: [],
+  matches: (n) => {
+    if (n.tagName !== "PRE") return null;
+    const e = n.querySelector(":scope > code"), t = e == null ? void 0 : e.getAttribute("data-language");
+    return { kind: "codeBlock", attrs: t ? { language: t } : {} };
+  },
+  create: (n) => {
+    const e = document.createElement("pre"), t = document.createElement("code");
+    return n != null && n.language && t.setAttribute("data-language", n.language), e.appendChild(t), e;
+  },
+  isEmpty: (n) => q(n)
+}, Zt = {
+  kind: "image",
+  label: "이미지",
+  allowsInlineFormat: !1,
+  allowedMarks: [],
+  matches: (n) => {
+    if (n.tagName === "FIGURE") {
+      const e = n.querySelector(":scope > img"), t = Ce(e), o = n.getAttribute("style");
+      return o && (t.wrapperStyle = o), { kind: "image", attrs: t };
+    }
+    return n.tagName === "IMG" ? { kind: "image", attrs: Ce(n) } : null;
+  },
+  create: (n) => {
+    const e = document.createElement("figure");
+    n != null && n.wrapperStyle && e.setAttribute("style", n.wrapperStyle);
+    const t = document.createElement("img");
+    return n != null && n.src && (t.src = n.src), n != null && n.alt && (t.alt = n.alt), e.appendChild(t), e.appendChild(he()), e.appendChild(pe()), e;
+  },
+  isEmpty: (n) => {
+    const e = n.tagName === "IMG" ? n : n.querySelector(":scope > img");
+    return !e || !e.getAttribute("src");
+  }
+};
+function pe() {
+  const n = document.createElement("span");
+  return n.className = "aw-resize-handle", n.setAttribute("contenteditable", "false"), n.setAttribute("aria-hidden", "true"), n;
+}
+function he() {
+  const n = document.createElement("span");
+  n.className = "aw-block-align-controls", n.setAttribute("contenteditable", "false"), n.setAttribute("aria-hidden", "true");
+  for (const e of ["left", "center", "right"]) {
+    const t = document.createElement("button");
+    t.type = "button", t.className = "aw-block-align-btn", t.dataset.align = e, t.title = e === "left" ? "왼쪽 정렬" : e === "center" ? "가운데 정렬" : "오른쪽 정렬", t.setAttribute("aria-label", t.title), t.innerHTML = Xt[e], n.appendChild(t);
+  }
+  return n;
+}
+const Xt = {
+  left: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="17" y1="10" x2="3" y2="10"/><line x1="21" y1="6" x2="3" y2="6"/><line x1="21" y1="14" x2="3" y2="14"/><line x1="17" y1="18" x2="3" y2="18"/></svg>',
+  center: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="10" x2="6" y2="10"/><line x1="21" y1="6" x2="3" y2="6"/><line x1="21" y1="14" x2="3" y2="14"/><line x1="18" y1="18" x2="6" y2="18"/></svg>',
+  right: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" y1="10" x2="7" y2="10"/><line x1="21" y1="6" x2="3" y2="6"/><line x1="21" y1="14" x2="3" y2="14"/><line x1="21" y1="18" x2="7" y2="18"/></svg>'
+}, Qt = {
+  kind: "table",
+  label: "표",
+  allowsInlineFormat: !0,
+  allowedMarks: Q,
+  matches: (n) => {
+    var l;
+    if (n.tagName !== "TABLE") return null;
+    const e = n.querySelectorAll(":scope > tbody > tr, :scope > tr"), t = e.length, o = ((l = e[0]) == null ? void 0 : l.children.length) ?? 0;
+    return { kind: "table", attrs: { rows: t, cols: o } };
+  },
+  create: (n) => {
+    const e = Math.max(1, (n == null ? void 0 : n.rows) ?? 1), t = Math.max(1, (n == null ? void 0 : n.cols) ?? 1), o = document.createElement("table"), l = document.createElement("tbody");
+    for (let i = 0; i < e; i++) {
+      const r = document.createElement("tr");
+      for (let s = 0; s < t; s++) {
+        const c = document.createElement("td");
+        c.appendChild(document.createElement("br")), r.appendChild(c);
+      }
+      l.appendChild(r);
+    }
+    return o.appendChild(l), o;
+  },
+  isEmpty: (n) => n.querySelectorAll(":scope tr").length === 0
+}, Jt = {
+  kind: "hr",
+  label: "구분선",
+  allowsInlineFormat: !1,
+  allowedMarks: [],
+  matches: (n) => n.tagName === "HR" ? { kind: "hr", attrs: {} } : null,
+  create: () => {
+    const n = document.createElement("hr");
+    return n.setAttribute("contenteditable", "false"), n;
+  },
+  isEmpty: () => !1
+}, en = {
+  kind: "youtube",
+  label: "유튜브",
+  allowsInlineFormat: !1,
+  allowedMarks: [],
+  matches: (n) => {
+    if (n.tagName !== "DIV" || !n.classList.contains("aw-youtube-embed")) return null;
+    const e = n.getAttribute("data-youtube-id") ?? void 0, t = {};
+    e && (t.videoId = e);
+    const o = n.getAttribute("style");
+    return o && (t.wrapperStyle = o), { kind: "youtube", attrs: t };
+  },
+  create: (n) => {
+    const e = (n == null ? void 0 : n.videoId) ?? "", t = document.createElement("div");
+    t.className = "aw-youtube-embed", t.setAttribute("contenteditable", "false"), e && t.setAttribute("data-youtube-id", e), n != null && n.wrapperStyle && t.setAttribute("style", n.wrapperStyle);
+    const o = document.createElement("iframe");
+    return e && (o.src = `https://www.youtube-nocookie.com/embed/${e}`), o.setAttribute(
+      "allow",
+      "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+    ), o.setAttribute("allowfullscreen", ""), o.setAttribute("frameborder", "0"), o.setAttribute("referrerpolicy", "strict-origin-when-cross-origin"), t.appendChild(o), t.appendChild(he()), t.appendChild(pe()), t;
+  },
+  isEmpty: (n) => !n.getAttribute("data-youtube-id")
+}, tn = {
+  kind: "linkCard",
+  label: "링크",
+  allowsInlineFormat: !1,
+  allowedMarks: [],
+  matches: (n) => {
+    var s, c, a, d, u;
+    if (n.tagName !== "A" || !n.classList.contains("aw-link-card")) return null;
+    const e = n.getAttribute("href") ?? void 0, t = ((s = n.querySelector(":scope > .aw-link-card-body > .aw-link-card-title")) == null ? void 0 : s.textContent) ?? ((c = n.querySelector(":scope > .aw-link-card-text")) == null ? void 0 : c.textContent) ?? void 0, o = ((a = n.querySelector(":scope > .aw-link-card-body > .aw-link-card-desc")) == null ? void 0 : a.textContent) ?? void 0, l = ((d = n.querySelector(":scope > .aw-link-card-image")) == null ? void 0 : d.getAttribute("src")) ?? void 0, i = ((u = n.querySelector(":scope .aw-link-card-favicon")) == null ? void 0 : u.getAttribute("src")) ?? void 0, r = {};
+    return e && (r.href = e), t && (r.text = t), o && (r.description = o), l && (r.image = l), i && (r.favicon = i), { kind: "linkCard", attrs: r };
+  },
+  create: (n) => {
+    const e = (n == null ? void 0 : n.href) ?? "#", t = n != null && n.text && n.text.length > 0 ? n.text : Ie(e) || e, o = (n == null ? void 0 : n.description) ?? "", l = (n == null ? void 0 : n.image) ?? "", i = (n == null ? void 0 : n.favicon) ?? nn(e), r = document.createElement("a");
+    if (r.className = "aw-link-card", l && r.classList.add("aw-link-card-with-image"), r.href = e, r.target = "_blank", r.rel = "noopener", r.setAttribute("contenteditable", "false"), l) {
+      const u = document.createElement("img");
+      u.className = "aw-link-card-image", u.src = l, u.alt = "", u.loading = "lazy", r.appendChild(u);
+    }
+    const s = document.createElement("span");
+    s.className = "aw-link-card-body";
+    const c = document.createElement("span");
+    if (c.className = "aw-link-card-title", c.textContent = t, s.appendChild(c), o) {
+      const u = document.createElement("span");
+      u.className = "aw-link-card-desc", u.textContent = o, s.appendChild(u);
+    }
+    const a = document.createElement("span");
+    if (a.className = "aw-link-card-url", i) {
+      const u = document.createElement("img");
+      u.className = "aw-link-card-favicon", u.src = i, u.alt = "", u.loading = "lazy", a.appendChild(u);
+    }
+    const d = document.createElement("span");
+    return d.className = "aw-link-card-url-text", d.textContent = e, a.appendChild(d), s.appendChild(a), r.appendChild(s), r;
+  },
+  isEmpty: (n) => !n.getAttribute("href")
+};
+function Ie(n) {
+  try {
+    return new URL(n).hostname;
+  } catch {
+    return "";
+  }
+}
+function nn(n) {
+  const e = Ie(n);
+  return e ? `https://www.google.com/s2/favicons?domain=${encodeURIComponent(e)}&sz=64` : "";
+}
+const on = {
+  kind: "file",
+  label: "파일",
+  allowsInlineFormat: !1,
+  allowedMarks: [],
+  matches: (n) => {
+    if (n.tagName !== "A" || !n.classList.contains("aw-file-attachment")) return null;
+    const e = n.getAttribute("href") ?? void 0, t = n.getAttribute("data-file-name") ?? void 0, o = n.getAttribute("data-file-size"), l = o ? Number(o) : void 0, i = n.getAttribute("data-file-type") ?? void 0, r = {};
+    return e && (r.fileSrc = e), t && (r.fileName = t), l !== void 0 && !Number.isNaN(l) && (r.fileSize = l), i && (r.fileType = i), { kind: "file", attrs: r };
+  },
+  create: (n) => {
+    const e = document.createElement("a");
+    e.className = "aw-file-attachment", e.setAttribute("contenteditable", "false"), e.setAttribute("target", "_blank"), e.setAttribute("rel", "noopener"), n != null && n.fileSrc && (e.href = n.fileSrc), e.setAttribute("download", (n == null ? void 0 : n.fileName) ?? ""), n != null && n.fileName && e.setAttribute("data-file-name", n.fileName), (n == null ? void 0 : n.fileSize) !== void 0 && e.setAttribute("data-file-size", String(n.fileSize)), n != null && n.fileType && e.setAttribute("data-file-type", n.fileType);
+    const t = document.createElement("span");
+    t.className = "aw-file-icon", t.setAttribute("aria-hidden", "true"), t.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/><path d="M14 3v6h6"/></svg>';
+    const o = document.createElement("span");
+    o.className = "aw-file-meta";
+    const l = document.createElement("span");
+    l.className = "aw-file-name", l.textContent = (n == null ? void 0 : n.fileName) ?? "파일", o.appendChild(l);
+    const i = [], r = rn(n == null ? void 0 : n.fileName, n == null ? void 0 : n.fileType);
+    if (r && i.push(r), (n == null ? void 0 : n.fileSize) !== void 0 && i.push(ln(n.fileSize)), i.length > 0) {
+      const c = document.createElement("span");
+      c.className = "aw-file-info", c.textContent = i.join(" · "), o.appendChild(c);
+    }
+    const s = document.createElement("span");
+    return s.className = "aw-file-action", s.setAttribute("aria-hidden", "true"), s.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>', e.appendChild(t), e.appendChild(o), e.appendChild(s), e;
+  },
+  isEmpty: (n) => !n.getAttribute("href")
+};
+function ln(n) {
+  return n < 1024 ? `${n} B` : n < 1024 * 1024 ? `${(n / 1024).toFixed(1)} KB` : n < 1024 * 1024 * 1024 ? `${(n / 1024 / 1024).toFixed(1)} MB` : `${(n / 1024 / 1024 / 1024).toFixed(1)} GB`;
+}
+function rn(n, e) {
+  if (n) {
+    const t = n.lastIndexOf(".");
+    if (t > 0 && t < n.length - 1)
+      return n.slice(t + 1).toUpperCase();
+  }
+  return e ? (e.split("/").pop() ?? "").toUpperCase() : "";
+}
+const sn = {
+  kind: "importedHtml",
+  label: "HTML",
+  allowsInlineFormat: !1,
+  allowedMarks: [],
+  matches: (n) => {
+    if (n.tagName !== "DIV" || n.getAttribute("data-imported-html") !== "true") return null;
+    const e = {}, t = n.getAttribute("style");
+    t && (e.importedStyle = t);
+    const o = n.getAttribute("class");
+    return o && (e.importedClass = o), { kind: "importedHtml", attrs: e };
+  },
+  create: (n) => {
+    const e = document.createElement("div");
+    return e.setAttribute("data-imported-html", "true"), n != null && n.importedStyle && e.setAttribute("style", n.importedStyle), n != null && n.importedClass && e.setAttribute("class", n.importedClass), e;
+  },
+  isEmpty: () => !1
+}, ze = {
+  kind: "unknown",
+  label: "알 수 없음",
+  allowsInlineFormat: !1,
+  allowedMarks: [],
+  matches: () => null,
+  create: () => J(document.createElement("p")),
+  isEmpty: (n) => q(n)
+}, He = [
+  Ut,
+  Wt,
+  Kt,
+  Yt,
+  Vt,
+  Gt,
+  Zt,
+  Qt,
+  Jt,
+  tn,
+  en,
+  on,
+  sn
+], H = (() => {
+  const n = { unknown: ze };
+  for (const e of He) n[e.kind] = e;
+  return n;
+})();
+function U(n) {
+  for (const e of He) {
+    const t = e.matches(n);
+    if (t) return { type: e, match: t };
+  }
+  return { type: ze, match: { kind: "unknown", attrs: {} } };
+}
+const F = "data-block-id";
+class De {
+  constructor() {
+    w(this, "counter", 0);
+    w(this, "seen", /* @__PURE__ */ new Set());
+  }
+  /** 외부에서 관측된 id (HTML 에 이미 있던 값 등) 를 이후 발급 시 회피하도록 등록. */
+  observe(e) {
+    this.seen.add(e);
+  }
+  /** seen 과 충돌하지 않는 새 id 를 발급해 반환. */
+  generate() {
+    let e;
+    do {
+      const t = (++this.counter).toString(36), o = Math.random().toString(36).slice(2, 6);
+      e = `b${t}_${o}`;
+    } while (this.seen.has(e));
+    return this.seen.add(e), e;
+  }
+  /**
+   * 단일 element 발급기. data-block-id 가 있으면 등록 후 그대로 반환,
+   * 없으면 신규 발급 후 element 에 기록한다. 같은 id 의 중복 element 처리는
+   * 이 함수 단독으로는 못 하므로, 본문 전체 정규화는 {@link assignMissingIds}
+   * 를 사용해야 한다.
+   */
+  ensure(e) {
+    const t = e.getAttribute(F);
+    if (t)
+      return this.seen.add(t), t;
+    const o = this.generate();
+    return e.setAttribute(F, o), o;
+  }
+  get(e) {
+    return e.getAttribute(F);
+  }
+}
+function ce(n, e) {
+  const t = /* @__PURE__ */ new Set();
+  for (const o of Array.from(n.children)) {
+    if (!(o instanceof HTMLElement)) continue;
+    const l = o.getAttribute(F);
+    if (l && !t.has(l)) {
+      t.add(l), e.observe(l);
+      continue;
+    }
+    const i = e.generate();
+    o.setAttribute(F, i), t.add(i);
+  }
+}
+function we(n) {
+  for (const e of Array.from(n.childNodes)) {
+    if (e.nodeType !== Node.TEXT_NODE) continue;
+    if ((e.textContent ?? "").trim().length === 0) {
+      e.remove();
+      continue;
+    }
+    const o = document.createElement("p");
+    n.replaceChild(o, e), o.appendChild(e);
+  }
+  for (const e of Array.from(n.querySelectorAll("hr")))
+    e.getAttribute("contenteditable") !== "false" && e.setAttribute("contenteditable", "false");
+  for (const e of Array.from(n.querySelectorAll("a.aw-link-card")))
+    e.getAttribute("contenteditable") !== "false" && e.setAttribute("contenteditable", "false");
+  for (const e of Array.from(n.querySelectorAll("div.aw-youtube-embed")))
+    e.getAttribute("contenteditable") !== "false" && e.setAttribute("contenteditable", "false");
+  for (const e of Array.from(n.querySelectorAll("a.aw-file-attachment")))
+    e.getAttribute("contenteditable") !== "false" && e.setAttribute("contenteditable", "false");
+  for (const e of Array.from(n.querySelectorAll("figure, div.aw-youtube-embed")))
+    e instanceof HTMLElement && (e.querySelector(":scope > .aw-block-align-controls") || e.appendChild(he()), e.querySelector(":scope > .aw-resize-handle") || e.appendChild(pe()));
+}
+function an(n) {
+  switch (n.kind) {
+    case "paragraph":
+      return "단락";
+    case "heading":
+      return `제목 ${n.attrs.level ?? 1}`;
+    case "bulletList":
+      return "글머리 목록";
+    case "orderedList":
+      return "번호 목록";
+    case "blockquote":
+      return "인용구";
+    case "codeBlock":
+      return "코드";
+    case "image":
+      return "이미지";
+    case "table":
+      return "표";
+    case "hr":
+      return "구분선";
+    case "linkCard":
+      return "링크";
+    case "youtube":
+      return "유튜브";
+    case "file":
+      return "파일";
+    case "importedHtml":
+      return "HTML";
+    default:
+      return "?";
+  }
+}
+function cn(n) {
+  return {
+    id: n.id,
+    kind: n.kind,
+    attrs: { ...n.attrs },
+    html: n.element.innerHTML
+  };
+}
+function Fe(n) {
+  return n.map(cn);
+}
+function dn(n) {
+  const t = (H[n.kind] ?? H.unknown).create(n.attrs);
+  return t.setAttribute(F, n.id), n.html.length > 0 && (t.innerHTML = n.html), t;
+}
+function un(n, e) {
+  for (; n.firstChild; ) n.removeChild(n.firstChild);
+  for (const t of e)
+    n.appendChild(dn(t));
+}
+function de(n, e) {
+  const t = [];
+  for (const o of Array.from(n.children)) {
+    if (!(o instanceof HTMLElement)) continue;
+    const { match: l } = U(o);
+    t.push({
+      id: e(o),
+      kind: l.kind,
+      attrs: l.attrs,
+      element: o
+    });
+  }
+  return t;
+}
+function ue(n, e, t) {
+  let o = n;
+  for (; o && o !== e; ) {
+    if (o.parentNode === e && o.nodeType === Node.ELEMENT_NODE) {
+      const l = o, { match: i } = U(l);
+      return {
+        id: t(l),
+        kind: i.kind,
+        attrs: i.attrs,
+        element: l
+      };
+    }
+    o = o.parentNode;
+  }
+  return null;
+}
+function pn(n) {
+  const e = n.element;
+  switch (n.kind) {
+    case "paragraph":
+    case "heading":
+      return Array.from(e.childNodes);
+    case "bulletList":
+    case "orderedList": {
+      const t = Array.from(e.querySelectorAll(":scope > li"));
+      return ke(t);
+    }
+    case "blockquote": {
+      const t = Array.from(e.querySelectorAll(":scope > p"));
+      return t.length > 0 ? ke(t) : Array.from(e.childNodes);
+    }
+    case "codeBlock": {
+      const t = e.querySelector(":scope > code");
+      return t ? Array.from(t.childNodes) : Array.from(e.childNodes);
+    }
+    default:
+      return [];
+  }
+}
+function ke(n) {
+  const e = [];
+  return n.forEach((t, o) => {
+    o > 0 && e.push(document.createElement("br"));
+    for (const l of Array.from(t.childNodes)) e.push(l);
+  }), e;
+}
+function hn(n, e, t) {
+  if (t.length === 0) return;
+  let o = null;
+  switch (e) {
+    case "paragraph":
+    case "heading":
+      o = n;
+      break;
+    case "bulletList":
+    case "orderedList":
+      o = n.querySelector(":scope > li");
+      break;
+    case "blockquote":
+      o = n.querySelector(":scope > p");
+      break;
+    case "codeBlock":
+      o = n.querySelector(":scope > code");
+      break;
+    default:
+      return;
+  }
+  if (o) {
+    for (; o.firstChild; ) o.removeChild(o.firstChild);
+    for (const l of t) o.appendChild(l);
+  }
+}
+function mn(n = {}) {
+  const e = n.fg || "currentColor", t = n.bg || "transparent", o = n.mode === "dark" ? !0 : n.mode === "light" ? !1 : fn(e, t);
+  return {
+    primary: n.primary || "#64c8ff",
+    fg: e,
+    bg: t,
+    border: n.border || "rgba(127,127,127,0.25)",
+    fgMuted: n.fgMuted || "rgba(127,127,127,0.6)",
+    isDark: o
+  };
+}
+function fn(n, e) {
+  const t = ve(n);
+  if (t !== null) return t > 0.5;
+  const o = ve(e);
+  return o !== null ? o < 0.5 : !0;
+}
+function ve(n) {
+  if (!n) return null;
+  const e = n.trim();
+  let t = -1, o = -1, l = -1;
+  const i = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.exec(e);
+  if (i && i[1]) {
+    const r = i[1];
+    r.length === 3 ? (t = parseInt(r[0] + r[0], 16), o = parseInt(r[1] + r[1], 16), l = parseInt(r[2] + r[2], 16)) : (t = parseInt(r.slice(0, 2), 16), o = parseInt(r.slice(2, 4), 16), l = parseInt(r.slice(4, 6), 16));
+  } else {
+    const r = /rgba?\(\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*(\d+)/.exec(e);
+    r && (t = Number(r[1]), o = Number(r[2]), l = Number(r[3]));
+  }
+  return t < 0 ? null : (0.299 * t + 0.587 * o + 0.114 * l) / 255;
+}
+function Pe(n) {
+  const e = getComputedStyle(n), t = (a) => {
+    const d = e.getPropertyValue(a).trim();
+    return d.length > 0 ? d : void 0;
+  }, o = {}, l = t("--aw-primary"), i = t("--aw-fg"), r = t("--aw-bg"), s = t("--aw-border"), c = t("--aw-fg-muted");
+  return l && (o.primary = l), i && (o.fg = i), r && (o.bg = r), s && (o.border = s), c && (o.fgMuted = c), o;
+}
+function gn(n) {
+  const e = `color-mix(in srgb, ${n.primary} 8%, transparent)`, t = `color-mix(in srgb, ${n.fg} 6%, ${n.bg})`;
+  return `${n.fg}${n.bg}`, {
+    H1: `font-size:1.875rem;font-weight:700;line-height:1.3;margin:.6em 0 .4em;padding-bottom:.25em;border-bottom:1px solid ${n.border};color:${n.fg};`,
+    H2: `font-size:1.5rem;font-weight:700;line-height:1.35;margin:.6em 0 .4em;padding-bottom:.25em;border-bottom:1px solid ${n.border};color:${n.fg};`,
+    H3: `font-size:1.25rem;font-weight:700;line-height:1.4;margin:.6em 0 .4em;padding-bottom:.25em;border-bottom:1px solid ${n.border};color:${n.fg};`,
+    H4: `font-size:1.125rem;font-weight:700;line-height:1.4;margin:.6em 0 .4em;color:${n.fg};`,
+    H5: `font-size:1rem;font-weight:700;margin:.6em 0 .4em;color:${n.fg};`,
+    H6: `font-size:.875rem;font-weight:700;margin:.6em 0 .4em;color:${n.fg};`,
+    P: `margin:0 0 .8em;color:${n.fg};`,
+    UL: `margin:.6em 0;padding-left:1.6em;list-style:disc;color:${n.fg};`,
+    OL: `margin:.6em 0;padding-left:1.6em;list-style:decimal;color:${n.fg};`,
+    BLOCKQUOTE: `margin:1em 0;padding:.5em 1em;border-left:4px solid ${n.primary};background-color:${e};color:${n.fg};font-style:italic;`,
+    PRE: `margin:1em 0;padding:12px 16px;background-color:${t};border:1px solid ${n.border};border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;line-height:1.6;overflow-x:auto;white-space:pre;color:${n.fg};`,
+    HR: `border:none;border-top:1px solid ${n.border};margin:1.5em 0;`,
+    TABLE: `width:100%;border-collapse:collapse;margin:1em 0;color:${n.fg};`,
+    FIGURE: "margin:1em 0;text-align:center;",
+    A: `display:block;text-decoration:none;margin:1em 0;padding:12px 16px;border:1px solid ${n.border};border-radius:8px;background-color:${e};color:${n.fg};`
+  };
+}
+function bn(n) {
+  const e = `color-mix(in srgb, ${n.fg} 5%, ${n.bg})`, t = `color-mix(in srgb, ${n.primary} 12%, transparent)`;
+  return {
+    "pre > code": "background:transparent;padding:0;font:inherit;color:inherit;display:block;",
+    "table td": `border:1px solid ${n.border};padding:6px 10px;`,
+    "table th": `border:1px solid ${n.border};padding:6px 10px;background-color:${e};font-weight:600;text-align:left;`,
+    img: "max-width:100%;height:auto;border-radius:4px;",
+    "a.aw-link-card .aw-link-card-text": `display:block;font-weight:600;font-size:1rem;margin-bottom:4px;color:${n.fg};text-decoration:none;`,
+    "a.aw-link-card .aw-link-card-url": `display:block;font-size:.8rem;color:${n.primary};font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-decoration:none;`,
+    "div.aw-youtube-embed": "position:relative;width:100%;aspect-ratio:16/9;margin:1em 0;border-radius:8px;overflow:hidden;background:#000;",
+    "div.aw-youtube-embed iframe": "position:absolute;inset:0;width:100%;height:100%;border:0;display:block;",
+    "a.aw-file-attachment .aw-file-icon": `flex:0 0 auto;display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:6px;background:${t};color:${n.primary};`,
+    "a.aw-file-attachment .aw-file-icon svg": "width:20px;height:20px;",
+    "a.aw-file-attachment .aw-file-meta": "flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;",
+    "a.aw-file-attachment .aw-file-name": `font-weight:600;font-size:.95rem;color:${n.fg};word-break:break-all;line-height:1.3;`,
+    "a.aw-file-attachment .aw-file-info": `font-size:.75rem;color:${n.fgMuted};font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;`,
+    "a.aw-file-attachment .aw-file-action": `flex:0 0 auto;display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;color:${n.fgMuted};`,
+    "a.aw-file-attachment .aw-file-action svg": "width:18px;height:18px;",
+    // ─── 코드 블록 syntax highlight 토큰 색 — getHTML() 의 portable HTML 에
+    // 인라인 베이크. 에디터 CSS 의 `.aw-content pre code .hl-*` 와 같은
+    // 팔레트(One Dark 다크 / Atom Light 라이트) 를 사용해 외부 컨텍스트에서도
+    // 에디터·뷰어와 동일한 색.
+    "pre > code .hl-keyword": n.isDark ? "color:#c678dd;font-weight:600;" : "color:#a626a4;font-weight:600;",
+    "pre > code .hl-string": n.isDark ? "color:#98c379;" : "color:#50a14f;",
+    "pre > code .hl-number": n.isDark ? "color:#d19a66;" : "color:#986801;",
+    "pre > code .hl-comment": `color:${n.fgMuted};font-style:italic;`,
+    "pre > code .hl-fn": n.isDark ? "color:#61afef;" : "color:#4078f2;",
+    "pre > code .hl-builtin": n.isDark ? "color:#56b6c2;" : "color:#0184bc;",
+    "pre > code .hl-tag": n.isDark ? "color:#e06c75;" : "color:#e45649;",
+    "pre > code .hl-attr": n.isDark ? "color:#d19a66;" : "color:#986801;",
+    "pre > code .hl-prop": n.isDark ? "color:#61afef;" : "color:#4078f2;",
+    "pre > code .hl-punct": `color:${n.fgMuted};`
+  };
+}
+function qe(n, e = {}) {
+  const t = mn(e), o = gn(t), l = bn(t);
+  for (const i of Array.from(n.children)) {
+    if (!(i instanceof HTMLElement) || i.getAttribute("data-imported-html") === "true") continue;
+    if (i.tagName === "A" && i.classList.contains("aw-file-attachment")) {
+      oe(
+        i,
+        `display:flex;align-items:center;gap:12px;margin:1em 0;padding:10px 14px;border:1px solid ${t.border};border-radius:8px;background:${t.bg};color:${t.fg};text-decoration:none;`
+      );
+      continue;
+    }
+    const r = o[i.tagName];
+    r && oe(i, r);
+  }
+  for (const [i, r] of Object.entries(l))
+    for (const s of Array.from(n.querySelectorAll(i)))
+      s instanceof HTMLElement && (s.closest("[data-imported-html]") || oe(s, r));
+}
+function oe(n, e) {
+  const t = (n.getAttribute("style") ?? "").trim();
+  if (!t) {
+    n.setAttribute("style", e);
+    return;
+  }
+  const o = e.replace(/;\s*$/, ""), l = t.replace(/;\s*$/, "");
+  n.setAttribute("style", `${o};${l}`);
+}
+function Oe(n) {
+  for (const e of Array.from(n.querySelectorAll("[data-block-kind]")))
+    e.removeAttribute("data-block-kind");
+  for (const e of Array.from(n.querySelectorAll("[data-block-label]")))
+    e.removeAttribute("data-block-label");
+  for (const e of Array.from(n.querySelectorAll("[data-block-focused]")))
+    e.removeAttribute("data-block-focused");
+  for (const e of Array.from(n.querySelectorAll("[data-block-explicit]")))
+    e.removeAttribute("data-block-explicit");
+}
+function O(n) {
+  const e = document.getSelection();
+  if (!e) return;
+  const t = document.createRange();
+  if (n.tagName === "HR")
+    t.setStartAfter(n);
+  else {
+    const o = yn(n);
+    t.selectNodeContents(o), t.collapse(!0);
+  }
+  e.removeAllRanges(), e.addRange(t);
+}
+function yn(n) {
+  switch (n.tagName) {
+    case "UL":
+    case "OL": {
+      const e = n.querySelector(":scope > li");
+      return e instanceof HTMLElement ? e : n;
+    }
+    case "BLOCKQUOTE": {
+      const e = n.querySelector(":scope > p");
+      return e instanceof HTMLElement ? e : n;
+    }
+    case "PRE": {
+      const e = n.querySelector(":scope > code");
+      return e instanceof HTMLElement ? e : n;
+    }
+    case "TABLE": {
+      const e = n.querySelector(":scope td, :scope th");
+      return e instanceof HTMLElement ? e : n;
+    }
+    default:
+      return n;
+  }
+}
+function J(n) {
+  return n.appendChild(document.createElement("br")), n;
+}
+function _e(n) {
+  const e = document.createElement(n), t = document.createElement("li");
+  return t.appendChild(document.createElement("br")), e.appendChild(t), e;
+}
+function je(n) {
+  const e = n.querySelectorAll(":scope > li");
+  return e.length === 0 ? !0 : e.length === 1 ? q(e[0]) : !1;
+}
+function q(n) {
+  return (n.textContent ?? "").replace(/​/g, "").trim().length === 0;
+}
+function wn(n) {
+  return n === void 0 || n < 1 ? 1 : n > 6 ? 6 : n;
+}
+function Ce(n) {
+  if (!n) return {};
+  const e = {}, t = n.getAttribute("src"), o = n.getAttribute("alt");
+  return t && (e.src = t), o && (e.alt = o), e;
+}
+const xe = {
+  bulletList: "bulletList",
+  orderedList: "orderedList",
+  blockquote: "blockquote",
+  codeBlock: "codeBlock"
+}, le = "application/x-aeriz-block";
+class $n {
+  constructor(e) {
+    w(this, "root");
+    w(this, "content");
+    w(this, "toolbar", null);
+    w(this, "contentWrap");
+    w(this, "handlesLayer");
+    w(this, "dropIndicator");
+    w(this, "handles", /* @__PURE__ */ new Map());
+    w(this, "blockLabelPill");
+    w(this, "statusBar");
+    w(this, "statusBlockEl");
+    w(this, "statusBlocksEl");
+    w(this, "statusCharsEl");
+    w(this, "statusSourceEl");
+    w(this, "options");
+    w(this, "observer");
+    w(this, "blockIds", new De());
+    w(this, "idFor", (e) => this.blockIds.ensure(e));
+    w(this, "listeners", /* @__PURE__ */ new Set());
+    w(this, "handleSelectionChange", () => this.queueSync());
+    w(this, "handleResize", () => this.repositionHandles());
+    w(this, "state", Tn());
+    w(this, "destroyed", !1);
+    w(this, "syncQueued", !1);
+    w(this, "lastSerialized", "");
+    /** 사용자가 색 다이얼로그에서 직접 고른 색상의 LRU. 에디터 인스턴스 메모리에만 유지. */
+    w(this, "recentCustomColors", []);
+    // ── 커스텀 표 셀 드래그-셀렉션 ─────────────────────────────────────
+    w(this, "cellSelStart", null);
+    w(this, "cellSelDrag", !1);
+    /**
+     * 코드 블록 input 마다 호출되는 debounced rehighlight. 활성 블록이 codeBlock
+     * 이고 data-language 가 설정돼 있을 때만 동작 — 타이핑 멈춘 뒤 300ms 후 1 회.
+     */
+    w(this, "codeHighlightTimer", null);
+    w(this, "tableResize", null);
+    if (!(e.element instanceof HTMLElement))
+      throw new TypeError("AerizEditor: options.element must be an HTMLElement");
+    if (this.options = e, e.locale && (e.locale, void 0), this.root = document.createElement("div"), this.root.className = "aeriz-wysiwyg", e.theme && (this.root.dataset.theme = e.theme), e.toolbar !== !1) {
+      const r = e.toolbar ?? Ke;
+      this.toolbar = new Ve(r, {
+        onAction: (s, c) => this.handleToolbarAction(s, c)
+      }), this.root.appendChild(this.toolbar.element);
+    }
+    this.contentWrap = document.createElement("div"), this.contentWrap.className = "aw-content-wrap", this.content = document.createElement("div"), this.content.className = "aw-content", this.content.contentEditable = "true", this.content.setAttribute("role", "textbox"), this.content.setAttribute("aria-multiline", "true"), e.placeholder && (this.content.dataset.placeholder = e.placeholder), this.content.innerHTML = e.initialHTML ?? "<p><br></p>", we(this.content), ce(this.content, this.blockIds), this.lastSerialized = this.content.innerHTML, this.contentWrap.appendChild(this.content), this.handlesLayer = document.createElement("div"), this.handlesLayer.className = "aw-block-handles", this.contentWrap.appendChild(this.handlesLayer), this.dropIndicator = document.createElement("div"), this.dropIndicator.className = "aw-block-drop-indicator", this.dropIndicator.style.display = "none", this.contentWrap.appendChild(this.dropIndicator), this.blockLabelPill = document.createElement("button"), this.blockLabelPill.type = "button", this.blockLabelPill.className = "aw-block-label-pill", this.blockLabelPill.style.display = "none", this.blockLabelPill.title = "블록 유형 변경", this.blockLabelPill.addEventListener("mousedown", (r) => r.preventDefault()), this.blockLabelPill.addEventListener("click", (r) => {
+      r.stopPropagation();
+      const s = this.state.activeBlockId ?? void 0;
+      this.openBlockTypeMenu(this.blockLabelPill, s);
+    }), this.contentWrap.appendChild(this.blockLabelPill), this.root.appendChild(this.contentWrap), this.statusBar = document.createElement("div"), this.statusBar.className = "aw-status-bar";
+    const t = document.createElement("div");
+    t.className = "aw-status-left";
+    const o = Se("되돌리기 (Ctrl+Z)", E.undo, () => {
+      this.content.focus(), document.execCommand("undo");
+    }), l = Se("다시 실행 (Ctrl+Y)", E.redo, () => {
+      this.content.focus(), document.execCommand("redo");
+    });
+    this.statusBlockEl = document.createElement("span"), this.statusBlockEl.className = "aw-status-item", t.appendChild(o), t.appendChild(l), t.appendChild(this.statusBlockEl);
+    const i = document.createElement("div");
+    i.className = "aw-status-right", this.statusBlocksEl = document.createElement("span"), this.statusBlocksEl.className = "aw-status-item", this.statusCharsEl = document.createElement("span"), this.statusCharsEl.className = "aw-status-item", this.statusSourceEl = document.createElement("span"), this.statusSourceEl.className = "aw-status-item", i.appendChild(this.statusBlocksEl), i.appendChild(this.statusCharsEl), i.appendChild(this.statusSourceEl), this.statusBar.appendChild(t), this.statusBar.appendChild(i), this.root.appendChild(this.statusBar), e.element.innerHTML = "", e.element.appendChild(this.root), this.observer = new MutationObserver(() => this.flush()), this.observer.observe(this.content, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0,
+      characterData: !0
+    }), this.content.addEventListener("keyup", this.handleSelectionChange), this.content.addEventListener("mouseup", this.handleSelectionChange), this.content.addEventListener("focus", this.handleSelectionChange), this.content.addEventListener("blur", () => {
+      this.handleSelectionChange(), this.rehighlightAllCodeBlocks();
+    }), this.content.addEventListener("keydown", (r) => this.handleKeyDown(r)), document.addEventListener("selectionchange", this.handleSelectionChange), this.content.addEventListener("mousemove", (r) => this.handleTableCursor(r)), this.content.addEventListener("mousedown", (r) => this.handleTableResizeStart(r)), this.content.addEventListener("click", (r) => this.handleBlockAlignClick(r)), this.content.addEventListener("mousedown", (r) => this.handleCellSelStart(r)), this.content.addEventListener("mousemove", (r) => this.handleCellSelMove(r)), document.addEventListener("mouseup", () => this.handleCellSelEnd()), this.content.addEventListener("input", () => this.scheduleCodeHighlight()), this.content.addEventListener("dragstart", (r) => {
+      const s = r.target;
+      s && (s.closest(".aw-block-handle") || s.closest("table") && r.preventDefault());
+    }), this.content.addEventListener("dragover", (r) => this.handleDragOver(r)), this.content.addEventListener("drop", (r) => this.handleDrop(r)), this.content.addEventListener("dragleave", (r) => this.handleDragLeave(r)), window.addEventListener("resize", this.handleResize), this.sync();
+  }
+  /**
+   * 본문 HTML 을 반환한다. 외부 컨텍스트에서도 에디터에서 보이는 그대로
+   * 동일한 시각으로 렌더되도록, 호출 시점의 테마 변수(--aw-primary 등) 를
+   * 읽어 블록 단위 인라인 스타일에 베이크한다. 에디터 내부 DOM 자체는
+   * 변형되지 않으며(clone 트리에 적용), data-block-kind / data-block-label /
+   * data-block-focused 같은 에디터 전용 속성은 출력에서 제거된다.
+   * data-block-id 는 보존.
+   */
+  getHTML() {
+    const e = this.content.cloneNode(!0), t = Pe(this.root), o = this.currentTheme();
+    return o && (t.mode = o), qe(e, t), Oe(e), e.innerHTML;
+  }
+  /** 가공 없는 원본 innerHTML. 직렬화 검증/디버그 용도. */
+  getRawHTML() {
+    return this.content.innerHTML;
+  }
+  setHTML(e) {
+    this.content.innerHTML = e, this.flush();
+  }
+  focus() {
+    this.content.focus();
+  }
+  setTheme(e) {
+    this.root.dataset.theme = e;
+  }
+  getState() {
+    return this.state;
+  }
+  getBlocks() {
+    return de(this.content, this.idFor);
+  }
+  /**
+   * 본문 블록들을 직렬화 가능한 BlockSnapshot 배열로 반환한다.
+   * AerizViewer.setBlocks(snapshots) 가 받아 동일한 트리를 렌더할 수 있다.
+   */
+  serialize() {
+    return Fe(this.getBlocks());
+  }
+  /**
+   * data-block-id 로 본문에서 블록을 찾아 반환. 없으면 null.
+   */
+  findBlockById(e) {
+    const t = this.content.querySelector(`[data-block-id="${e}"]`);
+    return t ? ue(t, this.content, this.idFor) : null;
+  }
+  getActiveBlock() {
+    const e = document.getSelection();
+    if (!e || e.rangeCount === 0) return null;
+    const t = e.getRangeAt(0).commonAncestorContainer;
+    return this.content.contains(t) ? ue(t, this.content, this.idFor) : null;
+  }
+  /**
+   * 블록 유형을 변경/추가한다.
+   * - `targetBlockId` 지정 시 그 id 의 블록을 강제 대상으로 한다 (다이얼로그
+   *   확인 등으로 선택이 다른 곳으로 넘어간 뒤에도 원래 블록을 정확히 변환).
+   * - 미지정 시 현재 active block 사용. 둘 다 없으면 본문 끝에 새 블록 추가.
+   */
+  setBlockType(e, t, o) {
+    const l = H[e];
+    if (!l) return;
+    const i = o ? this.findBlockById(o) : this.getActiveBlock(), r = i ? this.replaceBlock(i, l, t) : this.appendBlock(l, t);
+    this.flush(), this.content.focus(), O(r);
+  }
+  replaceBlock(e, t, o) {
+    const l = pn(e), i = t.create(o);
+    return hn(i, t.kind, l), i.setAttribute("data-block-explicit", "true"), e.element.replaceWith(i), i;
+  }
+  appendBlock(e, t) {
+    const o = e.create(t);
+    return o.setAttribute("data-block-explicit", "true"), this.content.appendChild(o), o;
+  }
+  onStateChange(e) {
+    return this.listeners.add(e), () => this.listeners.delete(e);
+  }
+  destroy() {
+    this.destroyed || (this.destroyed = !0, this.observer.disconnect(), document.removeEventListener("selectionchange", this.handleSelectionChange), window.removeEventListener("resize", this.handleResize), this.handles.clear(), this.listeners.clear(), this.root.remove());
+  }
+  // ─── 내부 ────────────────────────────────────────────────────────────
+  /**
+   * DOM 변화 후 호출되는 reconcile 진입점.
+   * 누락된 data-block-id 를 채우고, 자기 쓰기로 발생한 옵저버 레코드를
+   * takeRecords 로 흡수한 뒤 onChange + queueSync.
+   */
+  flush() {
+    var t, o;
+    if (this.destroyed) return;
+    we(this.content), ce(this.content, this.blockIds), this.observer.takeRecords();
+    const e = this.content.innerHTML;
+    e !== this.lastSerialized && (this.lastSerialized = e, (o = (t = this.options).onChange) == null || o.call(t, this.getHTML())), this.queueSync();
+  }
+  handleToolbarAction(e, t) {
+    switch (e) {
+      case "blockType": {
+        const o = this.state.activeBlockId ?? void 0;
+        this.openBlockTypeMenu(t, o);
+        break;
+      }
+      case "fontFamily": {
+        if (!Ee(this.getActiveBlock())) return;
+        const o = this.detectActiveFontId();
+        Mt(
+          t,
+          (l) => this.applyFontFamily(l.stack),
+          o ?? void 0
+        );
+        break;
+      }
+      case "fontSize": {
+        if (!Le(this.getActiveBlock())) return;
+        const o = this.detectActiveFontSize();
+        It(
+          t,
+          (l) => this.applyFontSize(l.px),
+          o ?? void 0
+        );
+        break;
+      }
+      case "color": {
+        if (!Y(this.getActiveBlock())) return;
+        te(
+          t,
+          (o) => this.handleColorPick(o, "foreColor"),
+          this.recentCustomColors
+        );
+        break;
+      }
+      case "backgroundColor": {
+        if (!Y(this.getActiveBlock())) return;
+        te(
+          t,
+          (o) => this.handleColorPick(o, "hiliteColor"),
+          this.recentCustomColors
+        );
+        break;
+      }
+      case "align": {
+        if (!ie(this.getActiveBlock())) return;
+        Nt(t, (o) => this.applyAlign(o));
+        break;
+      }
+      case "cellBg": {
+        if (!V(this.getActiveBlock())) return;
+        const o = this.getSelectedTableCells();
+        if (o.length === 0) return;
+        te(
+          t,
+          (l) => this.applyCellBgToCells(o, l),
+          this.recentCustomColors
+        );
+        break;
+      }
+      case "tableMenu": {
+        if (!V(this.getActiveBlock())) return;
+        Rt(t, (o) => this.runTableMenu(o));
+        break;
+      }
+      case "codeLang": {
+        const o = this.getActiveBlock();
+        if (!o || o.kind !== "codeBlock") return;
+        const l = o.element.querySelector(":scope > code"), i = (l == null ? void 0 : l.getAttribute("data-language")) ?? void 0;
+        Bt(
+          t,
+          (r) => this.applyCodeLanguage(o.element, r.id),
+          i
+        );
+        break;
+      }
+      case "bold":
+      case "italic":
+      case "underline":
+      case "strike":
+        this.applyMark(e);
+        break;
+    }
+  }
+  /**
+   * 인라인 마크(bold/italic/underline/strike) 토글. 활성 블록의 allowedMarks
+   * 에 포함되지 않은 마크면 무시. styleWithCSS=true 모드로 deprecated 태그
+   * (<b>/<i>/<u>) 대신 `<span style="font-weight:bold">` 형태가 만들어진다.
+   *
+   * 'strike' 는 execCommand 표준 명령명이 'strikeThrough'.
+   */
+  applyMark(e) {
+    const t = this.getActiveBlock();
+    if (!_(t, e)) return;
+    this.content.focus(), document.execCommand("styleWithCSS", !1, "true");
+    const o = e === "strike" ? "strikeThrough" : e;
+    document.execCommand(o), this.queueSync();
+  }
+  /**
+   * 색상 선택기에서 받은 색을 LRU 에 누적하고 selection 에 적용한다.
+   * `command` 가 'foreColor' 면 글자색, 'hiliteColor' 면 글 배경색.
+   */
+  handleColorPick(e, t) {
+    e && !ae.includes(e) && (this.recentCustomColors = [
+      e,
+      ...this.recentCustomColors.filter((o) => o !== e)
+    ].slice(0, 8)), this.applyColor(t, e), this.queueSync();
+  }
+  /**
+   * selection 에 색상을 적용. styleWithCSS=true 모드로 `<span style="color:…">`
+   * 또는 `<span style="background-color:…">` 형태가 만들어진다.
+   * `null` 은 '기본색' — 'inherit' 으로 부모 색을 따라가도록.
+   */
+  applyColor(e, t) {
+    this.content.focus(), document.execCommand("styleWithCSS", !1, "true"), document.execCommand(e, !1, t ?? "inherit");
+  }
+  /**
+   * 정렬을 활성 블록(또는 표 셀) 에 적용한다.
+   *
+   * execCommand('justify*') 는 일부 브라우저에서 blockquote 안의 <p> 에 적용
+   * 시 blockquote 를 <div style="text-align:..."> 로 바꿔버리는 잘 알려진
+   * 버그가 있어 직접 DOM 조작으로 대체한다.
+   *
+   * 적용 대상:
+   *   paragraph / heading → element 자체
+   *   blockquote          → 안의 <p> (없으면 자기 자신)
+   *   table 단일 셀       → 캐럿이 들어 있는 td/th
+   *   table 다중 셀 마킹  → 각 cell.style.textAlign 일괄
+   */
+  applyAlign(e) {
+    const t = this.getActiveBlock();
+    if (!t || !ie(t)) return;
+    const o = Array.from(
+      this.content.querySelectorAll(
+        "td.aw-cell-selected, th.aw-cell-selected"
+      )
+    );
+    if (o.length > 0) {
+      for (const i of o) i.style.textAlign = e;
+      this.clearCellSelection(), this.queueSync();
+      return;
+    }
+    let l = t.element;
+    if (t.kind === "blockquote") {
+      const i = t.element.querySelector(":scope > p");
+      i instanceof HTMLElement && (l = i);
+    } else if (t.kind === "table") {
+      const i = this.getActiveTableCell();
+      i && (l = i);
+    }
+    l.style.textAlign = e, this.queueSync();
+  }
+  /** 캐럿이 들어 있는 표 셀(td/th) 반환. 표 밖이면 null. */
+  getActiveTableCell() {
+    const e = document.getSelection();
+    if (!e || e.rangeCount === 0) return null;
+    let t = e.getRangeAt(0).startContainer;
+    if (!t || !this.content.contains(t) || (t.nodeType !== Node.ELEMENT_NODE && (t = t.parentElement), !(t instanceof Element))) return null;
+    const o = t.closest("td, th");
+    return o instanceof HTMLTableCellElement ? o : null;
+  }
+  /**
+   * 현재 활성 셀(들) 을 반환한다.
+   *  1순위: 커스텀 드래그-셀렉션으로 마킹된 `.aw-cell-selected` 셀들
+   *  2순위: 브라우저 selection range 가 가리키는 표 셀(들)
+   *  3순위: 캐럿이 들어 있는 단일 셀
+   */
+  getSelectedTableCells() {
+    const e = Array.from(
+      this.content.querySelectorAll("td.aw-cell-selected, th.aw-cell-selected")
+    );
+    if (e.length > 0) return e;
+    const t = this.getActiveBlock();
+    if (!t || t.kind !== "table") return [];
+    const o = t.element, l = document.getSelection();
+    if (!l || l.rangeCount === 0) return [];
+    const i = l.getRangeAt(0), r = G(i.startContainer);
+    if (!r || !o.contains(r)) return [];
+    if (i.collapsed) return [r];
+    const s = G(i.endContainer);
+    return !s || !o.contains(s) || s === r ? [r] : re(o, r, s);
+  }
+  handleCellSelStart(e) {
+    if (e.button !== 0) return;
+    const t = e.target;
+    if (t != null && t.closest(
+      ".aw-resize-handle, .aw-block-align-controls, .aw-file-attachment, .aw-link-card"
+    ))
+      return;
+    this.clearCellSelection();
+    const o = t == null ? void 0 : t.closest("td, th");
+    o instanceof HTMLTableCellElement && this.content.contains(o) && (this.cellSelStart = o, this.cellSelDrag = !1);
+  }
+  handleCellSelMove(e) {
+    if (!this.cellSelStart || !(e.buttons & 1)) return;
+    const t = e.target, o = t == null ? void 0 : t.closest("td, th");
+    if (!(o instanceof HTMLTableCellElement) || o === this.cellSelStart && !this.cellSelDrag) return;
+    const l = o.closest("table");
+    if (!(l instanceof HTMLTableElement)) return;
+    const i = re(l, this.cellSelStart, o);
+    if (!(i.length <= 1)) {
+      this.cellSelDrag = !0, this.clearCellSelection();
+      for (const r of i) r.classList.add("aw-cell-selected");
+    }
+  }
+  handleCellSelEnd() {
+    this.cellSelStart = null, this.cellSelDrag = !1;
+  }
+  /** `.aw-cell-selected` 마킹을 모두 제거. */
+  clearCellSelection() {
+    const e = this.content.querySelectorAll(".aw-cell-selected");
+    for (const t of Array.from(e)) t.classList.remove("aw-cell-selected");
+  }
+  /**
+   * 표 셀 배열 각각에 `cell.style.fontSize` 를 직접 설정. Range API 의 wrap
+   * 경로(셀 중첩 버그 발생) 를 우회하기 위한 안전한 다중 셀 적용 경로.
+   */
+  applyFontSizeToCells(e, t) {
+    let o = 0;
+    for (const l of e)
+      l.isConnected && (l.style.fontSize = `${t}px`, o++);
+    o !== 0 && (this.clearCellSelection(), this.flush());
+  }
+  /**
+   * 캡처해 둔 셀(들) 에 배경색을 일괄 적용. null 이면 inline background-color
+   * 제거. `<th>` 의 stylesheet 배경(0,1,2 specificity) 보다 inline + !important
+   * 가 항상 우선하도록 setProperty('important') 로 박는다.
+   */
+  applyCellBgToCells(e, t) {
+    let o = 0;
+    for (const l of e)
+      l.isConnected && (t ? l.style.setProperty("background-color", t, "important") : l.style.removeProperty("background-color"), o++);
+    o !== 0 && (t && !ae.includes(t) && (this.recentCustomColors = [
+      t,
+      ...this.recentCustomColors.filter((l) => l !== t)
+    ].slice(0, 8)), this.clearCellSelection(), this.flush());
+  }
+  /** 표 편집 드롭다운에서 받은 액션을 분기 실행. */
+  runTableMenu(e) {
+    switch (e) {
+      case "rowAbove":
+        this.insertRow("above");
+        break;
+      case "rowBelow":
+        this.insertRow("below");
+        break;
+      case "colLeft":
+        this.insertColumn("left");
+        break;
+      case "colRight":
+        this.insertColumn("right");
+        break;
+      case "deleteRow":
+        this.deleteRow();
+        break;
+      case "deleteCol":
+        this.deleteColumn();
+        break;
+    }
+  }
+  /** 활성 셀의 행 위/아래에 새 행 삽입. 같은 열 수, 빈 td 로 채움. */
+  insertRow(e) {
+    const t = this.getActiveTableCell();
+    if (!t) return;
+    const o = t.closest("tr");
+    if (!o || !o.parentNode) return;
+    const l = o.children.length, i = document.createElement("tr");
+    for (let r = 0; r < l; r++) {
+      const s = document.createElement("td");
+      s.appendChild(document.createElement("br")), i.appendChild(s);
+    }
+    e === "above" ? o.parentNode.insertBefore(i, o) : o.parentNode.insertBefore(i, o.nextSibling), this.flush();
+  }
+  /** 활성 셀이 속한 열의 좌/우에 새 열 삽입. 모든 행에 빈 td 추가. */
+  insertColumn(e) {
+    const t = this.getActiveTableCell();
+    if (!t) return;
+    const o = t.closest("tr");
+    if (!o) return;
+    const l = Array.from(o.children).indexOf(t);
+    if (l < 0) return;
+    const i = o.closest("table");
+    if (i) {
+      for (const r of Array.from(i.querySelectorAll("tr"))) {
+        const s = r.children[l];
+        if (!s) continue;
+        const c = s.tagName.toLowerCase(), a = document.createElement(c);
+        a.appendChild(document.createElement("br")), e === "left" ? r.insertBefore(a, s) : r.insertBefore(a, s.nextSibling);
+      }
+      this.flush();
+    }
+  }
+  /** 활성 셀의 행 전체 삭제. 마지막 행이면 보존(빈 표 회피). */
+  deleteRow() {
+    const e = this.getActiveTableCell();
+    if (!e) return;
+    const t = e.closest("tr");
+    if (!t) return;
+    const o = t.closest("table");
+    o && (o.querySelectorAll("tr").length <= 1 || (t.remove(), this.flush()));
+  }
+  scheduleCodeHighlight() {
+    this.codeHighlightTimer !== null && window.clearTimeout(this.codeHighlightTimer), this.codeHighlightTimer = window.setTimeout(() => {
+      this.codeHighlightTimer = null;
+      const e = this.getActiveBlock();
+      if ((e == null ? void 0 : e.kind) !== "codeBlock") return;
+      const t = e.element.querySelector(":scope > code");
+      if (!(t instanceof HTMLElement)) return;
+      const o = t.getAttribute("data-language");
+      o && this.rehighlightCode(t, o);
+    }, 300);
+  }
+  /**
+   * code 블록의 언어를 변경하고 즉시 highlight 를 다시 적용. 캐럿 위치는
+   * 텍스트 offset 으로 보존.
+   */
+  applyCodeLanguage(e, t) {
+    const o = e.querySelector(":scope > code");
+    o instanceof HTMLElement && (t === "plaintext" ? o.removeAttribute("data-language") : o.setAttribute("data-language", t), this.rehighlightCode(o, t), this.flush());
+  }
+  /**
+   * `<code>` element 의 텍스트를 highlight 후 innerHTML 로 갱신. 셀렉션이
+   * code 안에 있다면 textContent offset 으로 caret 위치 보존.
+   */
+  rehighlightCode(e, t) {
+    const o = e.textContent ?? "", l = xn(e);
+    e.innerHTML = wt(o, t), l && En(e, l);
+  }
+  /**
+   * 본문에서 모든 codeBlock 을 순회하며 highlight 적용. setHTML / 초기 로드
+   * / 외부 import 후 호출.
+   */
+  rehighlightAllCodeBlocks() {
+    const e = this.content.querySelectorAll(":scope > pre > code");
+    for (const t of Array.from(e)) {
+      const o = t.getAttribute("data-language") ?? void 0;
+      o && this.rehighlightCode(t, o);
+    }
+  }
+  /** 활성 셀의 열 전체 삭제. 마지막 열이면 보존(빈 표 회피). */
+  deleteColumn() {
+    var r;
+    const e = this.getActiveTableCell();
+    if (!e) return;
+    const t = e.closest("tr");
+    if (!t) return;
+    const o = Array.from(t.children).indexOf(e);
+    if (o < 0) return;
+    const l = t.closest("table");
+    if (!l) return;
+    const i = l.querySelector("tr");
+    if (!(i && i.children.length <= 1)) {
+      for (const s of Array.from(l.querySelectorAll("tr")))
+        (r = s.children[o]) == null || r.remove();
+      this.flush();
+    }
+  }
+  /**
+   * 마우스 이동 시 셀 우/하 가장자리에서 col-resize / row-resize 커서 표시.
+   * 드래그 진행 중에는 별도 핸들러가 cursor 를 관리하므로 skip.
+   */
+  handleTableCursor(e) {
+    var l, i;
+    if (this.tableResize) return;
+    const t = (i = (l = e.target) == null ? void 0 : l.closest) == null ? void 0 : i.call(l, "td, th");
+    if (!(t instanceof HTMLTableCellElement)) {
+      this.content.style.cursor = "";
+      return;
+    }
+    const o = Ae(t, e.clientX, e.clientY);
+    this.content.style.cursor = o === "right" ? "col-resize" : o === "bottom" ? "row-resize" : "";
+  }
+  /**
+   * 셀 가장자리 / 이미지·유튜브 리사이즈 핸들 mousedown 진입점.
+   * - 셀: 우(col-resize) / 하(row-resize) 가장자리 6px 영역
+   * - 이미지·유튜브: 우하단 `.aw-resize-handle` element (corner resize)
+   */
+  handleTableResizeStart(e) {
+    var c;
+    if (e.button !== 0) return;
+    const t = e.target, o = t == null ? void 0 : t.closest(".aw-resize-handle");
+    if (o instanceof HTMLElement) {
+      const a = o.parentElement;
+      if (a instanceof HTMLElement && (a.tagName === "FIGURE" || a.tagName === "DIV" && a.classList.contains("aw-youtube-embed"))) {
+        e.preventDefault(), e.stopPropagation(), this.startBlockResize(a, e.clientX);
+        return;
+      }
+    }
+    const l = (c = t == null ? void 0 : t.closest) == null ? void 0 : c.call(t, "td, th");
+    if (!(l instanceof HTMLTableCellElement)) return;
+    const i = Ae(l, e.clientX, e.clientY);
+    if (!i) return;
+    if (e.preventDefault(), e.stopPropagation(), i === "right") {
+      const a = l.closest("tr"), d = a ? Array.from(a.children).indexOf(l) : -1, u = l.closest("table");
+      if (!u || d < 0) return;
+      const m = [];
+      for (const f of Array.from(u.querySelectorAll("tr"))) {
+        const p = f.children[d];
+        p instanceof HTMLTableCellElement && m.push(p);
+      }
+      this.tableResize = {
+        kind: "col",
+        startX: e.clientX,
+        startY: e.clientY,
+        initialSize: l.getBoundingClientRect().width,
+        targetCells: m,
+        targetRow: null
+      }, document.body.style.cursor = "col-resize";
+    } else {
+      const a = l.closest("tr");
+      if (!(a instanceof HTMLTableRowElement)) return;
+      this.tableResize = {
+        kind: "row",
+        startX: e.clientX,
+        startY: e.clientY,
+        initialSize: a.getBoundingClientRect().height,
+        targetCells: [],
+        targetRow: a
+      }, document.body.style.cursor = "row-resize";
+    }
+    const r = (a) => this.handleTableResizeMove(a), s = () => {
+      document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", s), document.body.style.cursor = "", this.tableResize = null, this.flush();
+    };
+    document.addEventListener("mousemove", r), document.addEventListener("mouseup", s);
+  }
+  handleTableResizeMove(e) {
+    const t = this.tableResize;
+    if (t) {
+      if (t.kind === "col") {
+        const o = e.clientX - t.startX, l = Math.max(40, t.initialSize + o), i = `${Math.round(l)}px`;
+        for (const r of t.targetCells) r.style.width = i;
+      } else if (t.targetRow) {
+        const o = e.clientY - t.startY, l = Math.max(20, t.initialSize + o);
+        t.targetRow.style.height = `${Math.round(l)}px`;
+      }
+    }
+  }
+  /**
+   * 이미지/유튜브 좌상단 정렬 컨트롤 클릭 핸들러. data-align 에 따라 wrapper
+   * 의 marginLeft / marginRight 를 조정 — left/center/right.
+   */
+  handleBlockAlignClick(e) {
+    var i, r;
+    const t = (r = (i = e.target) == null ? void 0 : i.closest) == null ? void 0 : r.call(i, ".aw-block-align-btn");
+    if (!(t instanceof HTMLButtonElement)) return;
+    const o = t.dataset.align;
+    if (o !== "left" && o !== "center" && o !== "right") return;
+    const l = t.closest("figure, div.aw-youtube-embed");
+    l instanceof HTMLElement && (e.preventDefault(), e.stopPropagation(), o === "center" ? (l.style.marginLeft = "auto", l.style.marginRight = "auto") : o === "right" ? (l.style.marginLeft = "auto", l.style.marginRight = "0") : (l.style.marginLeft = "0", l.style.marginRight = "auto"), this.flush());
+  }
+  /**
+   * 이미지 / 유튜브 wrapper 의 너비를 드래그로 조정. 높이는 자동 (이미지는
+   * 종횡비 유지, 유튜브는 CSS aspect-ratio 16/9). mouseup 에서 cursor 복귀
+   * + flush.
+   */
+  startBlockResize(e, t) {
+    const o = e.getBoundingClientRect().width;
+    document.body.style.cursor = "nwse-resize", e.classList.add("aw-resizing");
+    const l = (r) => {
+      const s = r.clientX - t, c = Math.max(80, o + s);
+      e.style.width = `${Math.round(c)}px`;
+    }, i = () => {
+      document.removeEventListener("mousemove", l), document.removeEventListener("mouseup", i), document.body.style.cursor = "", e.classList.remove("aw-resizing"), this.flush();
+    };
+    document.addEventListener("mousemove", l), document.addEventListener("mouseup", i);
+  }
+  currentTheme() {
+    const e = this.root.dataset.theme;
+    return e === "dark" || e === "light" ? e : void 0;
+  }
+  /**
+   * 선택 영역에 글꼴을 적용한다.
+   * `styleWithCSS=true` 모드의 execCommand('fontName') 가 `<font face=…>` 대신
+   * `<span style="font-family: …">` 를 생성하도록 강제한다. selection 이
+   * 비어 있으면(캐럿만) 다음 입력 글꼴이 결정된다(브라우저 기본 동작).
+   */
+  applyFontFamily(e) {
+    this.content.focus(), document.execCommand("styleWithCSS", !1, "true"), document.execCommand("fontName", !1, e), this.queueSync();
+  }
+  /**
+   * 현재 selection 의 anchor 노드 기준 computed font-family 를 읽어 알려진
+   * FONT_FAMILIES id 와 매칭. 글꼴 드롭다운의 active 표시에 사용.
+   */
+  detectActiveFontId() {
+    const e = document.getSelection();
+    if (!e || e.rangeCount === 0) return null;
+    let t = e.getRangeAt(0).startContainer;
+    if (!t || !this.content.contains(t) || (t.nodeType !== Node.ELEMENT_NODE && (t = t.parentElement), !(t instanceof Element))) return null;
+    const o = getComputedStyle(t).fontFamily;
+    return it(o);
+  }
+  /**
+   * 선택 영역에 글자 크기를 적용한다. execCommand('fontSize') 는 1~7 만 받기
+   * 때문에 px 적용을 위해 Range API 로 직접 `<span style="font-size: Xpx">`
+   * wrap 한다.
+   *
+   * **다중 셀 선택**(커스텀 마킹 또는 셀 경계를 넘는 browser range) 의 경우엔
+   * Range.extractContents 가 셀들을 묶어 한 셀 안에 끼워넣는 셀 중첩 버그가
+   * 있어 — 셀별로 `cell.style.fontSize` 를 직접 설정하는 안전한 경로를 사용.
+   */
+  applyFontSize(e) {
+    const t = Array.from(
+      this.content.querySelectorAll(
+        "td.aw-cell-selected, th.aw-cell-selected"
+      )
+    );
+    if (t.length > 0) {
+      this.applyFontSizeToCells(t, e);
+      return;
+    }
+    const o = document.getSelection();
+    if (o && o.rangeCount > 0 && !o.getRangeAt(0).collapsed) {
+      const s = o.getRangeAt(0), c = G(s.startContainer), a = G(s.endContainer);
+      if (c && a && c !== a && this.content.contains(c) && this.content.contains(a)) {
+        const d = c.closest("table");
+        if (d instanceof HTMLTableElement) {
+          this.applyFontSizeToCells(re(d, c, a), e);
+          return;
+        }
+      }
+    }
+    this.content.focus();
+    const l = document.getSelection();
+    if (!l || l.rangeCount === 0) return;
+    const i = l.getRangeAt(0);
+    if (!this.content.contains(i.commonAncestorContainer)) return;
+    const r = document.createElement("span");
+    if (r.style.fontSize = `${e}px`, i.collapsed) {
+      r.appendChild(document.createTextNode("​")), i.insertNode(r);
+      const s = document.createRange();
+      s.selectNodeContents(r), s.collapse(!1), l.removeAllRanges(), l.addRange(s);
+    } else {
+      try {
+        i.surroundContents(r);
+      } catch {
+        const c = i.extractContents();
+        r.appendChild(c), i.insertNode(r);
+      }
+      l.removeAllRanges();
+      const s = document.createRange();
+      s.selectNodeContents(r), l.addRange(s);
+    }
+    this.queueSync();
+  }
+  /**
+   * 현재 selection 의 anchor 노드 기준 computed font-size 를 px 정수로 읽어
+   * FONT_SIZES 의 값과 일치할 때만 반환. 글자 크기 드롭다운의 active 표시에
+   * 사용.
+   */
+  detectActiveFontSize() {
+    const e = document.getSelection();
+    if (!e || e.rangeCount === 0) return null;
+    let t = e.getRangeAt(0).startContainer;
+    if (!t || !this.content.contains(t) || (t.nodeType !== Node.ELEMENT_NODE && (t = t.parentElement), !(t instanceof Element))) return null;
+    const o = getComputedStyle(t).fontSize;
+    return ot(o);
+  }
+  /**
+   * 블록 유형 드롭다운을 열어 사용자 선택 결과를 처리한다.
+   * 툴바의 blockType 버튼 / 활성 블록 라벨 pill 양쪽 진입점이 동일한 분기
+   * 로직(리치 블록 다이얼로그 분기 + targetId 보존) 을 공유한다.
+   */
+  openBlockTypeMenu(e, t) {
+    Tt(e, (o) => {
+      if (o.kind === "linkCard") {
+        this.openLinkDialogAndApply(t);
+        return;
+      }
+      if (o.kind === "youtube") {
+        this.openYouTubeDialogAndApply(t);
+        return;
+      }
+      if (o.kind === "image") {
+        this.openImageDialogAndApply(t);
+        return;
+      }
+      if (o.kind === "table") {
+        zt(e, (l) => {
+          this.setBlockType(
+            "table",
+            { rows: l.rows, cols: l.cols },
+            t
+          );
+        });
+        return;
+      }
+      if (o.kind === "importHtml") {
+        this.openImportHtmlDialogAndApply(t);
+        return;
+      }
+      if (o.kind === "importMarkdown") {
+        this.openMarkdownImportDialogAndApply(t);
+        return;
+      }
+      if (o.kind === "file") {
+        this.openFileAttachmentDialogAndApply(t);
+        return;
+      }
+      this.setBlockType(o.kind, o.attrs, t);
+    });
+  }
+  /**
+   * 링크 다이얼로그를 열어 URL/텍스트를 받은 뒤 linkCard 블록으로 변환/추가.
+   * 표시 텍스트가 비어 있으면 URL 을 텍스트로 사용. `targetId` 가 있으면
+   * 그 id 의 블록을 정확히 변환 대상으로 삼는다.
+   */
+  openLinkDialogAndApply(e) {
+    Ge({}, this.currentTheme()).then((t) => {
+      var r;
+      if (!t.confirmed || !t.href) return;
+      const o = t.href, l = ((r = t.text) == null ? void 0 : r.trim()) ?? "", i = l.length > 0 ? l : o;
+      this.setBlockType("linkCard", { href: o, text: i }, e);
+    });
+  }
+  /**
+   * 이미지 다이얼로그(임베드/URL/업로드)를 열어 src 를 받은 뒤 image 블록으로
+   * 변환/추가.
+   */
+  openImageDialogAndApply(e) {
+    const t = this.resolveImageUploadFn();
+    Ze(
+      { ...t ? { onUpload: t } : {} },
+      this.currentTheme()
+    ).then((o) => {
+      o.confirmed && o.src && this.setBlockType("image", { src: o.src }, e), this.queueSync();
+    });
+  }
+  /**
+   * 유튜브 다이얼로그를 열어 URL 을 받고, 영상 ID 를 추출해 youtube 블록으로
+   * 변환/추가. 잘못된 URL 이면 무시.
+   */
+  openYouTubeDialogAndApply(e) {
+    et(this.currentTheme()).then((t) => {
+      if (!t.confirmed || !t.url) return;
+      const o = Ln(t.url);
+      o && this.setBlockType("youtube", { videoId: o }, e);
+    });
+  }
+  /**
+   * HTML 가져오기 다이얼로그를 열어 사용자가 고른 HTML 을 iframe 으로 로드/
+   * 처리한 뒤 본문에 element 들을 삽입한다.
+   *
+   * - `targetId` 가 있으면 그 블록 바로 뒤에 삽입, 없으면 본문 끝에 append.
+   * - 삽입된 element 는 MutationObserver flush 가 새 data-block-id 를 발급.
+   */
+  openImportHtmlDialogAndApply(e) {
+    Xe(this.currentTheme()).then(async (t) => {
+      if (!t.confirmed) return;
+      if (!t.html || t.html.length === 0) {
+        window.alert("가져올 HTML 이 비어 있습니다.");
+        return;
+      }
+      let o;
+      try {
+        o = await Dt(t.html);
+      } catch (s) {
+        console.error("HTML 가져오기 실패:", s);
+        const c = s instanceof Error ? s.message : String(s);
+        window.alert(`HTML 가져오기 실패: ${c}`);
+        return;
+      }
+      if (o.length === 0) {
+        window.alert("HTML 에서 가져올 본문이 없습니다.");
+        return;
+      }
+      const l = e ? this.content.querySelector(`[data-block-id="${e}"]`) : null, i = [];
+      for (const s of o) {
+        const c = Mn(s.tagName) ? s : (() => {
+          const a = document.createElement("p");
+          return a.appendChild(s), a;
+        })();
+        c.setAttribute("data-block-explicit", "true"), i.push(c);
+      }
+      if (l)
+        if (l.tagName === "P" && (l.textContent ?? "").trim().length === 0 && i.length > 0) {
+          const c = i[0];
+          l.replaceWith(c);
+          let a = c;
+          for (let d = 1; d < i.length; d++) {
+            const u = i[d];
+            a.after(u), a = u;
+          }
+        } else {
+          let c = l;
+          for (const a of i)
+            c.after(a), c = a;
+        }
+      else
+        for (const s of i) this.content.appendChild(s);
+      this.flush(), this.content.focus();
+      const r = i[i.length - 1];
+      r && O(r);
+    });
+  }
+  /**
+   * Markdown 가져오기 다이얼로그를 열어 사용자가 입력한 markdown 을 파싱해
+   * 본문에 element 들을 삽입한다. importHtml 과 동일한 삽입 정책을 따른다.
+   */
+  openMarkdownImportDialogAndApply(e) {
+    Qe(this.currentTheme()).then((t) => {
+      if (!t.confirmed) return;
+      if (!t.markdown || t.markdown.length === 0) {
+        window.alert("가져올 Markdown 이 비어 있습니다.");
+        return;
+      }
+      let o;
+      try {
+        o = Pt(t.markdown);
+      } catch (r) {
+        console.error("Markdown 파싱 실패:", r);
+        const s = r instanceof Error ? r.message : String(r);
+        window.alert(`Markdown 가져오기 실패: ${s}`);
+        return;
+      }
+      if (o.length === 0) {
+        window.alert("Markdown 에서 가져올 본문이 없습니다.");
+        return;
+      }
+      for (const r of o) r.setAttribute("data-block-explicit", "true");
+      const l = e ? this.content.querySelector(`[data-block-id="${e}"]`) : null;
+      if (l)
+        if (l.tagName === "P" && (l.textContent ?? "").trim().length === 0 && o.length > 0) {
+          const s = o[0];
+          l.replaceWith(s);
+          let c = s;
+          for (let a = 1; a < o.length; a++) {
+            const d = o[a];
+            c.after(d), c = d;
+          }
+        } else {
+          let s = l;
+          for (const c of o)
+            s.after(c), s = c;
+        }
+      else
+        for (const r of o) this.content.appendChild(r);
+      this.flush(), this.content.focus();
+      const i = o[o.length - 1];
+      i && O(i);
+    });
+  }
+  /**
+   * 파일 첨부 다이얼로그(URL/업로드)를 열어 src 를 받은 뒤 file 블록으로
+   * 변환/추가. src 가 비어 있으면 무시. 파일명이 없으면 URL 의 마지막
+   * segment 를 fallback 으로 사용.
+   */
+  openFileAttachmentDialogAndApply(e) {
+    const t = this.resolveFileUploadFn();
+    Je(
+      { ...t ? { onUpload: t } : {} },
+      this.currentTheme()
+    ).then((o) => {
+      if (!o.confirmed) return;
+      if (!o.src || o.src.length === 0) {
+        window.alert("파일 URL 이 비어 있습니다.");
+        return;
+      }
+      const l = { fileSrc: o.src }, i = o.name && o.name.length > 0 ? o.name : An(o.src);
+      i && (l.fileName = i), o.size !== void 0 && (l.fileSize = o.size), o.type && (l.fileType = o.type), this.setBlockType("file", l, e);
+    });
+  }
+  /**
+   * 파일 업로드 핸들러를 결정. onFileUpload 가 우선, 없으면 fileUploadUrl 에
+   * multipart/form-data POST 후 응답 JSON 의 `url` 필드를 사용. 둘 다 없으면
+   * undefined → 다이얼로그 업로드 탭 비활성.
+   */
+  resolveFileUploadFn() {
+    if (this.options.onFileUpload) return this.options.onFileUpload;
+    const e = this.options.fileUploadUrl;
+    if (e)
+      return async (t) => {
+        const o = new FormData();
+        o.append("file", t);
+        const l = await fetch(e, { method: "POST", body: o });
+        if (!l.ok) throw new Error(`파일 업로드 실패: ${l.status}`);
+        const i = await l.json(), r = typeof i == "object" && i && "url" in i ? i.url : void 0;
+        if (typeof r != "string" || r.length === 0)
+          throw new Error("파일 업로드 응답에 url 필드가 없습니다.");
+        return r;
+      };
+  }
+  /**
+   * 이미지 업로드 핸들러를 결정. options.onImageUpload 가 우선이며, 없으면
+   * options.imageUploadUrl 로 multipart/form-data POST 후 응답 JSON 의
+   * `url` 필드를 사용. 둘 다 없으면 undefined → 다이얼로그 업로드 탭 비활성.
+   */
+  resolveImageUploadFn() {
+    if (this.options.onImageUpload) return this.options.onImageUpload;
+    const e = this.options.imageUploadUrl;
+    if (e)
+      return async (t) => {
+        const o = new FormData();
+        o.append("file", t);
+        const l = await fetch(e, { method: "POST", body: o });
+        if (!l.ok) throw new Error(`이미지 업로드 실패: ${l.status}`);
+        const i = await l.json(), r = typeof i == "object" && i && "url" in i ? i.url : void 0;
+        if (typeof r != "string" || r.length === 0)
+          throw new Error("이미지 업로드 응답에 url 필드가 없습니다.");
+        return r;
+      };
+  }
+  /**
+   * `src` 의 이미지를 figure>img 블록으로 본문에 삽입.
+   * 활성 블록이 있으면 그 블록을 image 로 변환, 없으면 본문 끝에 추가.
+   */
+  insertImageBlock(e) {
+    this.setBlockType("image", { src: e });
+  }
+  queueSync() {
+    this.syncQueued || this.destroyed || (this.syncQueued = !0, queueMicrotask(() => {
+      this.syncQueued = !1, !this.destroyed && this.sync();
+    }));
+  }
+  sync() {
+    const e = de(this.content, this.idFor), t = this.getActiveBlock(), l = t !== null ? {
+      bold: Z("bold"),
+      italic: Z("italic"),
+      underline: Z("underline"),
+      strike: Z("strikeThrough")
+    } : { bold: !1, italic: !1, underline: !1, strike: !1 };
+    this.state = {
+      blocks: e,
+      activeBlockId: (t == null ? void 0 : t.id) ?? null,
+      inline: l
+    }, this.syncBlockMarkers((t == null ? void 0 : t.id) ?? null), this.syncBlockHandles(e), this.syncBlockLabelPill(t), this.syncStatusBar(t, e), this.applyToolbarState(this.state, t);
+    for (const i of this.listeners)
+      i(this.state);
+  }
+  // ─── 키보드 ──────────────────────────────────────────────────────────
+  handleKeyDown(e) {
+    if ((e.metaKey || e.ctrlKey) && !e.altKey && !e.isComposing) {
+      const l = e.key.toLowerCase();
+      let i = null;
+      if (!e.shiftKey && l === "b" ? i = "bold" : !e.shiftKey && l === "i" ? i = "italic" : !e.shiftKey && l === "u" ? i = "underline" : e.shiftKey && l === "x" && (i = "strike"), i) {
+        e.preventDefault(), this.applyMark(i);
+        return;
+      }
+    }
+    if (e.key !== "Enter" || e.shiftKey || e.isComposing) return;
+    const t = document.getSelection();
+    if (!t || t.rangeCount === 0 || !t.isCollapsed) return;
+    const o = this.getActiveBlock();
+    o && (o.kind === "blockquote" || o.kind === "codeBlock") && this.exitBlockOnEnter(e, o.element);
+  }
+  /**
+   * 활성 블록 뒤에 새 빈 단락을 만들고 캐럿을 그 안에 둔다.
+   * 인용구 / 코드 블록의 Enter 탈출 동작에 사용.
+   */
+  exitBlockOnEnter(e, t) {
+    e.preventDefault();
+    const o = document.createElement("p");
+    o.appendChild(document.createElement("br")), t.insertAdjacentElement("afterend", o), O(o), this.flush();
+  }
+  // ─── 드래그 앤 드롭 ──────────────────────────────────────────────────
+  syncBlockHandles(e) {
+    const t = /* @__PURE__ */ new Set();
+    for (const o of e) {
+      t.add(o.id);
+      let l = this.handles.get(o.id);
+      l || (l = this.createBlockHandle(o.id), this.handlesLayer.appendChild(l), this.handles.set(o.id, l)), this.positionHandle(l, o.element);
+    }
+    for (const [o, l] of this.handles)
+      t.has(o) || (l.remove(), this.handles.delete(o));
+  }
+  repositionHandles() {
+    if (this.destroyed) return;
+    for (const o of this.state.blocks) {
+      const l = this.handles.get(o.id);
+      l && this.positionHandle(l, o.element);
+    }
+    const e = this.state.activeBlockId, t = e ? this.state.blocks.find((o) => o.id === e) : null;
+    this.syncBlockLabelPill(t ?? null);
+  }
+  positionHandle(e, t) {
+    const o = t.getBoundingClientRect(), l = this.contentWrap.getBoundingClientRect(), i = 22, r = o.height < i ? (o.height - i) / 2 : 0, s = o.top - l.top + this.contentWrap.scrollTop + r;
+    e.style.top = `${s}px`;
+  }
+  createBlockHandle(e) {
+    const t = document.createElement("div");
+    t.className = "aw-block-controls", t.dataset.blockId = e;
+    const o = document.createElement("div");
+    o.className = "aw-block-handle", o.draggable = !0, o.setAttribute("role", "button"), o.setAttribute("aria-label", "블록 이동"), o.title = "드래그로 블록 이동", o.innerHTML = '<svg viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><circle cx="6" cy="3" r="1.4"/><circle cx="10" cy="3" r="1.4"/><circle cx="6" cy="8" r="1.4"/><circle cx="10" cy="8" r="1.4"/><circle cx="6" cy="13" r="1.4"/><circle cx="10" cy="13" r="1.4"/></svg>', o.addEventListener("dragstart", (i) => {
+      if (!i.dataTransfer) return;
+      i.dataTransfer.setData(le, e), i.dataTransfer.setData("text/plain", e), i.dataTransfer.effectAllowed = "move", o.classList.add("is-dragging");
+      const r = this.content.querySelector(
+        `[data-block-id="${e}"]`
+      );
+      if (r) {
+        r.classList.add("is-block-dragging");
+        try {
+          i.dataTransfer.setDragImage(r, 12, 12);
+        } catch {
+        }
+      }
+    }), o.addEventListener("dragend", () => {
+      o.classList.remove("is-dragging");
+      const i = this.content.querySelector(
+        `[data-block-id="${e}"]`
+      );
+      i && i.classList.remove("is-block-dragging"), this.hideDropIndicator();
+    });
+    const l = document.createElement("button");
+    return l.type = "button", l.className = "aw-block-add", l.title = "아래에 단락 추가", l.setAttribute("aria-label", "아래에 단락 추가"), l.innerHTML = '<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><line x1="8" y1="3" x2="8" y2="13"/><line x1="3" y1="8" x2="13" y2="8"/></svg>', l.addEventListener("mousedown", (i) => i.preventDefault()), l.addEventListener("click", (i) => {
+      i.stopPropagation(), this.insertParagraphAfter(e);
+    }), t.appendChild(o), t.appendChild(l), t;
+  }
+  /**
+   * `blockId` 의 블록 뒤에 빈 단락을 삽입하고 캐럿을 그 단락으로 이동.
+   * MutationObserver flush 가 새 단락에 신규 data-block-id 를 발급한다.
+   */
+  insertParagraphAfter(e) {
+    const t = this.content.querySelector(
+      `[data-block-id="${e}"]`
+    );
+    if (!t) return;
+    const o = document.createElement("p");
+    o.appendChild(document.createElement("br")), t.insertAdjacentElement("afterend", o), this.flush(), this.content.focus(), O(o);
+  }
+  handleDragOver(e) {
+    if (!e.dataTransfer || !Array.from(e.dataTransfer.types).includes(le)) return;
+    e.preventDefault(), e.dataTransfer.dropEffect = "move";
+    const t = this.findDropTarget(e.clientY);
+    t && this.showDropIndicator(t);
+  }
+  handleDrop(e) {
+    if (!e.dataTransfer) return;
+    const t = e.dataTransfer.getData(le);
+    if (!t) return;
+    e.preventDefault();
+    const o = this.findDropTarget(e.clientY);
+    if (this.hideDropIndicator(), !o || o.id === t) return;
+    const l = this.content.querySelector(
+      `[data-block-id="${t}"]`
+    ), i = this.content.querySelector(
+      `[data-block-id="${o.id}"]`
+    );
+    !l || !i || (o.before ? this.content.insertBefore(l, i) : this.content.insertBefore(l, i.nextSibling));
+  }
+  handleDragLeave(e) {
+    this.content.contains(e.relatedTarget) || this.hideDropIndicator();
+  }
+  findDropTarget(e) {
+    for (const o of this.state.blocks) {
+      const l = o.element.getBoundingClientRect(), i = l.top + l.height / 2;
+      if (e < i)
+        return { id: o.id, before: !0 };
+    }
+    const t = this.state.blocks[this.state.blocks.length - 1];
+    return t ? { id: t.id, before: !1 } : null;
+  }
+  showDropIndicator(e) {
+    const t = this.content.querySelector(
+      `[data-block-id="${e.id}"]`
+    );
+    if (!t) return;
+    const o = t.getBoundingClientRect(), l = this.contentWrap.getBoundingClientRect(), i = (e.before ? o.top : o.bottom) - l.top + this.contentWrap.scrollTop;
+    this.dropIndicator.style.top = `${i}px`, this.dropIndicator.style.display = "block";
+  }
+  hideDropIndicator() {
+    this.dropIndicator.style.display = "none";
+  }
+  /**
+   * 본문 블록들에 data-block-kind / data-block-label 을 갱신하고,
+   * 활성 블록에 data-block-focused 를 표기한다. CSS 가 이 속성을 읽어
+   * 포커스 인디케이터와 라벨 태그를 그린다.
+   *
+   * 자기 쓰기로 발생한 attributes 레코드는 takeRecords 로 흡수.
+   */
+  /**
+   * 활성 블록 위쪽에 떠 있는 인터랙티브 라벨 pill 갱신.
+   * - 활성 블록이 없으면 숨김
+   * - 활성 블록의 라벨 텍스트로 갱신, 위치를 블록 상단에 맞춤
+   * - 클릭 시 openBlockTypeDropdown 가 열려 블록 유형을 즉시 변경 가능
+   */
+  syncBlockLabelPill(e) {
+    if (!e) {
+      this.blockLabelPill.style.display = "none";
+      return;
+    }
+    const { type: t, match: o } = U(e.element), l = se(e.element, t, o);
+    this.blockLabelPill.textContent = l, this.blockLabelPill.style.display = "inline-flex";
+    const i = e.element.getBoundingClientRect(), r = this.contentWrap.getBoundingClientRect(), s = Math.max(
+      0,
+      i.top - r.top + this.contentWrap.scrollTop - 12
+    ), c = i.left - r.left + 4;
+    this.blockLabelPill.style.top = `${s}px`, this.blockLabelPill.style.left = `${c}px`;
+  }
+  /**
+   * 하단 Status Bar 갱신.
+   * - 좌측: 활성 블록 라벨 + id (없으면 — )
+   * - 우측: 총 블록 수, 본문 글자 수(공백 제외)
+   */
+  syncStatusBar(e, t) {
+    if (e) {
+      const { type: r, match: s } = U(e.element);
+      let c = se(e.element, r, s);
+      if (e.kind === "codeBlock") {
+        const a = e.element.querySelector(":scope > code"), d = a == null ? void 0 : a.getAttribute("data-language");
+        d && (c += ` · ${d}`);
+      }
+      this.statusBlockEl.textContent = c;
+    } else
+      this.statusBlockEl.textContent = "— 선택된 블록 없음";
+    this.statusBlocksEl.textContent = `${t.length} 블록`;
+    const o = (this.content.textContent ?? "").replace(/\s+/g, ""), l = Array.from(o).length;
+    this.statusCharsEl.textContent = `텍스트 ${l} 자`;
+    const i = this.content.innerHTML.length;
+    this.statusSourceEl.textContent = `소스 ${Sn(i)}`;
+  }
+  syncBlockMarkers(e) {
+    for (const t of Array.from(this.content.children)) {
+      if (!(t instanceof HTMLElement)) continue;
+      const { type: o, match: l } = U(t);
+      t.setAttribute("data-block-kind", l.kind), t.setAttribute("data-block-label", se(t, o, l));
+      const i = this.blockIds.get(t);
+      i && i === e ? t.setAttribute("data-block-focused", "") : t.hasAttribute("data-block-focused") && t.removeAttribute("data-block-focused");
+    }
+    this.observer.takeRecords();
+  }
+  applyToolbarState(e, t) {
+    if (this.toolbar) {
+      this.toolbar.setActive("bold", e.inline.bold), this.toolbar.setActive("italic", e.inline.italic), this.toolbar.setActive("underline", e.inline.underline), this.toolbar.setActive("strike", e.inline.strike);
+      for (const o of Object.keys(xe)) {
+        const l = xe[o];
+        this.toolbar.setActive(o, (t == null ? void 0 : t.kind) === l);
+      }
+      this.toolbar.setVisible("bold", _(t, "bold")), this.toolbar.setVisible("italic", _(t, "italic")), this.toolbar.setVisible("underline", _(t, "underline")), this.toolbar.setVisible("strike", _(t, "strike")), this.toolbar.setVisible("fontFamily", Ee(t)), this.toolbar.setVisible("fontSize", Le(t)), this.toolbar.setVisible("color", Y(t)), this.toolbar.setVisible("backgroundColor", Y(t)), this.toolbar.setVisible("align", ie(t)), this.toolbar.setVisible("cellBg", V(t)), this.toolbar.setVisible("tableMenu", V(t)), this.toolbar.setVisible("codeLang", (t == null ? void 0 : t.kind) === "codeBlock"), this.toolbar.syncGroupVisibility();
+    }
+  }
+}
+function _(n, e) {
+  return n ? (H[n.kind] ?? H.unknown).allowedMarks.includes(e) : !1;
+}
+function Ee(n) {
+  return n ? (H[n.kind] ?? H.unknown).allowsInlineFormat : !1;
+}
+const kn = /* @__PURE__ */ new Set([
+  "paragraph",
+  "bulletList",
+  "orderedList",
+  "blockquote",
+  "codeBlock",
+  "table"
+]);
+function Le(n) {
+  return n ? kn.has(n.kind) : !1;
+}
+const vn = /* @__PURE__ */ new Set([
+  "paragraph",
+  "bulletList",
+  "orderedList",
+  "table"
+]);
+function Y(n) {
+  return n ? vn.has(n.kind) : !1;
+}
+const Cn = /* @__PURE__ */ new Set([
+  "paragraph",
+  "heading",
+  "blockquote",
+  "table"
+]);
+function ie(n) {
+  return n ? Cn.has(n.kind) : !1;
+}
+function V(n) {
+  return (n == null ? void 0 : n.kind) === "table";
+}
+function xn(n) {
+  const e = document.getSelection();
+  if (!e || e.rangeCount === 0) return null;
+  const t = e.getRangeAt(0);
+  if (!n.contains(t.commonAncestorContainer)) return null;
+  const o = document.createRange();
+  o.selectNodeContents(n), o.setEnd(t.startContainer, t.startOffset);
+  const l = o.toString().length;
+  o.setEnd(t.endContainer, t.endOffset);
+  const i = o.toString().length;
+  return { start: l, end: i };
+}
+function En(n, e) {
+  var u;
+  const t = document.createTreeWalker(n, NodeFilter.SHOW_TEXT);
+  let o = 0, l = null, i = 0, r = null, s = 0, c = t.nextNode();
+  for (; c; ) {
+    const m = ((u = c.textContent) == null ? void 0 : u.length) ?? 0;
+    if (!l && o + m >= e.start && (l = c, i = e.start - o), !r && o + m >= e.end) {
+      r = c, s = e.end - o;
+      break;
+    }
+    o += m, c = t.nextNode();
+  }
+  if (!l || !r) return;
+  const a = document.createRange();
+  a.setStart(l, i), a.setEnd(r, s);
+  const d = document.getSelection();
+  d == null || d.removeAllRanges(), d == null || d.addRange(a);
+}
+function G(n) {
+  let e = n;
+  if (e.nodeType !== Node.ELEMENT_NODE && (e = e.parentElement), !(e instanceof Element)) return null;
+  const t = e.closest("td, th");
+  return t instanceof HTMLTableCellElement ? t : null;
+}
+function re(n, e, t) {
+  const o = e.parentElement, l = t.parentElement;
+  if (!(o instanceof HTMLTableRowElement) || !(l instanceof HTMLTableRowElement))
+    return [e];
+  const i = Array.from(n.querySelectorAll("tr")), r = i.indexOf(o), s = i.indexOf(l);
+  if (r < 0 || s < 0) return [e];
+  const c = Math.min(r, s), a = Math.max(r, s), d = Array.from(o.children).indexOf(e), u = Array.from(l.children).indexOf(t);
+  if (d < 0 || u < 0) return [e];
+  const m = Math.min(d, u), f = Math.max(d, u), p = [];
+  for (let h = c; h <= a; h++) {
+    const b = i[h];
+    if (b)
+      for (let v = m; v <= f; v++) {
+        const k = b.children[v];
+        k instanceof HTMLTableCellElement && p.push(k);
+      }
+  }
+  return p;
+}
+function Ae(n, e, t) {
+  const o = n.getBoundingClientRect(), l = 6;
+  return e < o.left - l || e > o.right + l || t < o.top - l || t > o.bottom + l ? null : e >= o.right - l ? "right" : t >= o.bottom - l ? "bottom" : null;
+}
+function se(n, e, t) {
+  return n.getAttribute("data-block-explicit") === "true" || !e.isEmpty(n) ? t.kind === "unknown" ? n.tagName.toLowerCase() : an(t) : "?";
+}
+function Ln(n) {
+  const e = n.trim();
+  if (!e) return null;
+  let t;
+  try {
+    t = new URL(e);
+  } catch {
+    return /^[A-Za-z0-9_-]{11}$/.test(e) ? e : null;
+  }
+  const o = t.hostname.replace(/^www\./, "");
+  if (o === "youtu.be")
+    return t.pathname.slice(1).split("/")[0] || null;
+  if (o === "youtube.com" || o === "m.youtube.com" || o === "youtube-nocookie.com") {
+    if (t.pathname === "/watch") return t.searchParams.get("v");
+    if (t.pathname.startsWith("/embed/") || t.pathname.startsWith("/shorts/") || t.pathname.startsWith("/v/")) return t.pathname.split("/")[2] ?? null;
+  }
+  return null;
+}
+function An(n) {
+  var e;
+  try {
+    const l = new URL(n, "http://localhost").pathname.split("/").filter(Boolean).pop();
+    return l ? decodeURIComponent(l) : "";
+  } catch {
+    return (((e = n.split("?")[0]) == null ? void 0 : e.split("#")[0]) ?? "").split("/").filter(Boolean).pop() ?? "";
+  }
+}
+function Sn(n) {
+  return n >= 1e6 ? `${(n / 1e6).toFixed(1)}M` : n >= 1e3 ? `${(n / 1e3).toFixed(1)}K` : `${n}`;
+}
+function Se(n, e, t) {
+  const o = document.createElement("button");
+  return o.type = "button", o.className = "aw-status-action", o.title = n, o.setAttribute("aria-label", n), o.innerHTML = e, o.addEventListener("mousedown", (l) => l.preventDefault()), o.addEventListener("click", t), o;
+}
+function Tn() {
+  return {
+    blocks: [],
+    activeBlockId: null,
+    inline: { bold: !1, italic: !1, underline: !1, strike: !1 }
+  };
+}
+function Z(n) {
+  try {
+    return document.queryCommandState(n);
+  } catch {
+    return !1;
+  }
+}
+const Nn = /* @__PURE__ */ new Set([
+  "P",
+  "DIV",
+  "SECTION",
+  "ARTICLE",
+  "HEADER",
+  "FOOTER",
+  "NAV",
+  "ASIDE",
+  "MAIN",
+  "H1",
+  "H2",
+  "H3",
+  "H4",
+  "H5",
+  "H6",
+  "UL",
+  "OL",
+  "LI",
+  "DL",
+  "DT",
+  "DD",
+  "BLOCKQUOTE",
+  "PRE",
+  "HR",
+  "TABLE",
+  "FIGURE",
+  "FIGCAPTION",
+  "FORM",
+  "FIELDSET",
+  "ADDRESS"
+]);
+function Mn(n) {
+  return Nn.has(n.toUpperCase());
+}
+class Rn {
+  constructor(e) {
+    w(this, "root");
+    w(this, "content");
+    w(this, "blockIds", new De());
+    w(this, "idFor", (e) => this.blockIds.ensure(e));
+    w(this, "destroyed", !1);
+    if (!(e.element instanceof HTMLElement))
+      throw new TypeError("AerizViewer: options.element must be an HTMLElement");
+    this.root = document.createElement("div"), this.root.className = "aeriz-wysiwyg aeriz-wysiwyg-viewer", e.theme && (this.root.dataset.theme = e.theme);
+    const t = document.createElement("div");
+    t.className = "aw-content-wrap", this.content = document.createElement("div"), this.content.className = "aw-content", this.content.contentEditable = "false", this.content.setAttribute("role", "document"), t.appendChild(this.content), this.root.appendChild(t), e.element.innerHTML = "", e.element.appendChild(this.root), e.initialBlocks && e.initialBlocks.length > 0 && this.setBlocks(e.initialBlocks);
+  }
+  /**
+   * BlockSnapshot 배열로부터 본문을 다시 렌더한다.
+   * 동일한 BlockType 레지스트리로 element 를 만들어 채우므로 외부 HTML 파싱
+   * 경로를 거치지 않는다.
+   */
+  setBlocks(e) {
+    un(this.content, e), ce(this.content, this.blockIds);
+  }
+  /** 현재 본문의 BlockSnapshot 배열을 반환한다. */
+  getBlocks() {
+    return Fe(this.listBlocksInternal());
+  }
+  /** 임의의 노드를 받아 그 노드가 속한 블록을 반환한다. 본문 밖이면 null. */
+  getBlockOf(e) {
+    return this.content.contains(e) ? ue(e, this.content, this.idFor) : null;
+  }
+  /**
+   * 외부 컨텍스트(이메일, 다른 페이지의 HTML 영역 등) 에서도 동일한 시각으로
+   * 보이도록 portable 인라인 스타일을 입힌 자급자족적 HTML 을 반환한다.
+   */
+  getHTML() {
+    const e = this.content.cloneNode(!0), t = Pe(this.root), o = this.root.dataset.theme;
+    return (o === "light" || o === "dark") && (t.mode = o), qe(e, t), Oe(e), e.innerHTML;
+  }
+  setTheme(e) {
+    this.root.dataset.theme = e;
+  }
+  destroy() {
+    this.destroyed || (this.destroyed = !0, this.root.remove());
+  }
+  listBlocksInternal() {
+    return de(this.content, this.idFor);
+  }
+}
+typeof globalThis.AerizWysiwyg == "object" && (globalThis.AerizEditor = globalThis.AerizWysiwyg.AerizEditor, globalThis.AerizViewer = globalThis.AerizWysiwyg.AerizViewer);
+export {
+  Q as ALL_INLINE_MARKS,
+  $n as AerizEditor,
+  Rn as AerizViewer,
+  F as BLOCK_ID_ATTR,
+  He as BLOCK_TYPES,
+  H as BLOCK_TYPE_BY_KIND,
+  De as BlockIdRegistry,
+  Ke as DEFAULT_TOOLBAR,
+  qe as applyBlockInlineStyles,
+  ce as assignMissingIds,
+  U as classifyBlockElement,
+  pn as extractInlineContent,
+  hn as fillInlineContent,
+  ue as findBlockFrom,
+  an as getBlockLabel,
+  q as isElementBlank,
+  de as listBlocks,
+  we as normalizeContent,
+  O as placeCaretAtStart,
+  Pe as readBlockStyleTheme,
+  dn as renderBlock,
+  un as renderBlocks,
+  cn as serializeBlock,
+  Fe as serializeBlocks,
+  Oe as stripEditorOnlyAttrs
+};