@aeriz/wysiwyg 1.0.0 → 1.0.1

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

@@ -1,7 +1,7 @@
-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 = {
+var We = Object.defineProperty;
+var Ke = (n, e, t) => e in n ? We(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var w = (n, e, t) => Ke(n, typeof e != "symbol" ? e + "" : e, t);
+const Ve = {
   items: [
     // undo / redo 는 브라우저 네이티브 (Ctrl+Z / Ctrl+Y) 가 처리하므로 기본
     // 툴바에서 제외. ToolbarItemName 멤버는 유지 — 커스텀 toolbar 에서
@@ -96,7 +96,7 @@ const Ke = {
   hr: { name: "hr", label: "구분선", icon: "hr" },
   clearFormat: { name: "clearFormat", label: "서식 지우기", icon: "clearFormat", shortcut: "Ctrl+\\" }
 };
-class Ve {
+class Ge {
   constructor(e, t) {
     w(this, "element");
     w(this, "buttons", /* @__PURE__ */ new Map());
@@ -170,17 +170,17 @@ function P(n, e) {
   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();
+  const a = document.createElement("div");
+  a.className = "aw-dialog-footer", o.appendChild(l), o.appendChild(s), o.appendChild(a), t.appendChild(o);
+  const c = () => t.remove();
+  return r.addEventListener("click", c), t.addEventListener("click", (d) => {
+    d.target === t && c();
   }), document.addEventListener(
     "keydown",
     function d(u) {
-      u.key === "Escape" && (a(), document.removeEventListener("keydown", d));
+      u.key === "Escape" && (c(), document.removeEventListener("keydown", d));
     }
-  ), { overlay: t, body: s, footer: c, close: a };
+  ), { overlay: t, body: s, footer: a, close: c };
 }
 function R(n, e) {
   const t = document.createElement("div");
@@ -188,88 +188,88 @@ function R(n, e) {
   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) {
+function Ze(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 a = document.createElement("input");
+    a.type = "url", a.className = "aw-input", a.placeholder = "https://example.com", a.value = n.href ?? "";
+    const c = document.createElement("label");
+    c.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);
+    u.textContent = "새 창에서 열기", c.appendChild(d), c.appendChild(u), l.appendChild(R("표시할 텍스트", s)), l.appendChild(R("URL", a)), l.appendChild(c);
     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", () => {
+    const h = document.createElement("button");
+    h.type = "button", h.className = "aw-btn aw-btn-primary", h.textContent = "확인", i.appendChild(m), i.appendChild(h), m.addEventListener("click", () => {
       r(), t({ confirmed: !1 });
-    }), f.addEventListener("click", () => {
+    }), h.addEventListener("click", () => {
       r(), t({
         confirmed: !0,
         text: s.value,
-        href: c.value,
+        href: a.value,
         newWindow: d.checked
       });
-    }), document.body.appendChild(o), setTimeout(() => c.focus(), 0);
+    }), document.body.appendChild(o), setTimeout(() => a.focus(), 0);
   });
 }
-function Ze(n = {}, e) {
+function Xe(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 입력";
+    a.type = "button", a.className = "aw-tab", a.textContent = "임베드", a.title = "base64 데이터로 본문에 직접 삽입";
+    const c = document.createElement("button");
+    c.type = "button", c.className = "aw-tab", c.textContent = "URL", c.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);
+    u ? d.title = "서버 API 로 업로드 후 결과 URL 사용" : (d.disabled = !0, d.classList.add("aw-tab-disabled"), d.title = "개체 생성시 등록된 API 주소가 없습니다."), s.appendChild(a), s.appendChild(c), 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))
+    const h = me("이미지 파일 선택 (base64 임베드)"), f = document.createElement("div");
+    f.className = "aw-preview", f.style.display = "none", m.appendChild(h.dropzone), m.appendChild(f);
+    const p = document.createElement("div");
+    p.className = "aw-pane";
+    const g = document.createElement("input");
+    g.type = "url", g.className = "aw-input", g.placeholder = "https://example.com/image.jpg", p.appendChild(R("이미지 URL", g));
+    const b = document.createElement("div");
+    if (b.className = "aw-pane", u) {
+      const y = me("서버 업로드용 이미지 선택"), x = document.createElement("div");
+      x.className = "aw-preview", x.style.display = "none", b.appendChild(y.dropzone), b.appendChild(x), y.input.addEventListener("change", async () => {
+        var z;
+        const $ = (z = y.input.files) == null ? void 0 : z[0];
+        if (!(!$ || !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";
+            y.dropzone.classList.add("aw-dropzone-loading");
+            const K = await n.onUpload($);
+            C = 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 = "";
+            y.dropzone.classList.remove("aw-dropzone-loading"), y.input.value = "";
           }
       });
     } else {
-      const g = document.createElement("div");
-      g.className = "aw-pane-notice", g.textContent = "개체 생성시 등록된 API 주소가 없습니다.", v.appendChild(g);
+      const y = document.createElement("div");
+      y.className = "aw-pane-notice", y.textContent = "개체 생성시 등록된 API 주소가 없습니다.", b.appendChild(y);
     }
-    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.appendChild(m), l.appendChild(p), l.appendChild(b);
+    let v = "embed", T, C;
+    const L = (y) => {
+      y === "upload" && !u || (v = y, a.classList.toggle("aw-tab-active", y === "embed"), c.classList.toggle("aw-tab-active", y === "url"), d.classList.toggle("aw-tab-active", y === "upload"), m.style.display = y === "embed" ? "block" : "none", p.style.display = y === "url" ? "block" : "none", b.style.display = y === "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;
+    L(v), a.addEventListener("click", () => L("embed")), c.addEventListener("click", () => L("url")), d.addEventListener("click", () => L("upload")), h.input.addEventListener("change", () => {
+      var $;
+      const y = ($ = h.input.files) == null ? void 0 : $[0];
+      if (!y) 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 z = String(x.result ?? "");
+        T = z, f.style.backgroundImage = `url(${JSON.stringify(z)})`, f.style.display = "block", h.input.value = "";
+      }, x.readAsDataURL(y);
     });
     const A = document.createElement("button");
     A.type = "button", A.className = "aw-btn aw-btn-ghost", A.textContent = "취소";
@@ -277,10 +277,10 @@ function Ze(n = {}, e) {
     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();
+      let y;
+      v === "embed" ? y = T : v === "url" ? y = g.value || void 0 : v === "upload" && (y = C), r();
       const x = { confirmed: !0 };
-      g && (x.src = g), t(x);
+      y && (x.src = y), t(x);
     }), document.body.appendChild(o);
   });
 }
@@ -293,7 +293,7 @@ function me(n) {
   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) {
+function Qe(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";
@@ -302,49 +302,49 @@ function Xe(n) {
       ${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 a = document.createElement("div");
+    a.className = "aw-dialog-hint", a.textContent = "선택된 파일 없음";
+    const c = document.createElement("textarea");
+    c.className = "aw-input aw-textarea", c.placeholder = "또는 HTML 을 직접 붙여넣기…", c.rows = 8, o.appendChild(s), o.appendChild(a), o.appendChild(R("직접 붙여넣기", c));
     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");
+      var g;
+      const f = (g = r.files) == null ? void 0 : g[0];
+      if (!f) return;
+      const p = new FileReader();
+      p.onload = () => {
+        u = String(p.result ?? ""), c.value = u, a.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", (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);
+    }), 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 g = new FileReader();
+      g.onload = () => {
+        u = String(g.result ?? ""), c.value = u, a.textContent = `${p.name} (${p.size.toLocaleString()} bytes)`;
+      }, g.readAsText(p);
     });
     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", () => {
+    const h = document.createElement("button");
+    h.type = "button", h.className = "aw-btn aw-btn-primary", h.textContent = "가져오기", l.appendChild(m), l.appendChild(h), m.addEventListener("click", () => {
       i(), e({ confirmed: !1 });
-    }), f.addEventListener("click", () => {
-      const p = a.value.trim();
+    }), h.addEventListener("click", () => {
+      const f = c.value.trim();
       i();
-      const h = { confirmed: !0 };
-      p.length > 0 && (h.html = p), e(h);
+      const p = { confirmed: !0 };
+      f.length > 0 && (p.html = f), e(p);
     }), document.body.appendChild(t);
   });
 }
-function Qe(n) {
+function Je(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";
@@ -353,34 +353,34 @@ function Qe(n) {
       ${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 a = document.createElement("div");
+    a.className = "aw-dialog-hint", a.textContent = "선택된 파일 없음";
+    const c = document.createElement("textarea");
+    c.className = "aw-input aw-textarea", c.placeholder = "또는 Markdown 을 직접 붙여넣기…", c.rows = 8, o.appendChild(s), o.appendChild(a), o.appendChild(R("직접 붙여넣기", c));
     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];
+      var p;
+      const h = (p = r.files) == null ? void 0 : p[0];
+      if (!h) return;
+      const f = new FileReader();
+      f.onload = () => {
+        const g = String(f.result ?? "");
+        c.value = g, a.textContent = `${h.name} (${h.size.toLocaleString()} bytes)`, r.value = "";
+      }, f.readAsText(h);
+    }), s.addEventListener("dragover", (h) => {
+      h.preventDefault(), s.classList.add("aw-dropzone-loading");
+    }), s.addEventListener("dragleave", () => {
+      s.classList.remove("aw-dropzone-loading");
+    }), s.addEventListener("drop", (h) => {
+      var g, b;
+      h.preventDefault(), s.classList.remove("aw-dropzone-loading");
+      const f = (b = (g = h.dataTransfer) == null ? void 0 : g.files) == null ? void 0 : b[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 = "";
+        const v = String(p.result ?? "");
+        c.value = v, a.textContent = `${f.name} (${f.size.toLocaleString()} bytes)`;
       }, 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 = "취소";
@@ -388,115 +388,115 @@ function Qe(n) {
     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();
+      const h = c.value.trim();
       i();
-      const p = { confirmed: !0 };
-      f.length > 0 && (p.markdown = f), e(p);
+      const f = { confirmed: !0 };
+      h.length > 0 && (f.markdown = h), e(f);
     }), document.body.appendChild(t);
   });
 }
-function Je(n = {}, e) {
+function et(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 = "업로드";
+    a.type = "button", a.className = "aw-tab", a.textContent = "URL", a.title = "이미 호스팅된 파일의 URL 직접 입력";
+    const c = document.createElement("button");
+    c.type = "button", c.className = "aw-tab", c.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);
+    d ? c.title = "서버 API 로 업로드 후 응답 URL 사용" : (c.disabled = !0, c.classList.add("aw-tab-disabled"), c.title = "개체 생성시 등록된 파일 업로드 API 가 없습니다."), s.appendChild(a), s.appendChild(c), 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;
+    const h = document.createElement("input");
+    h.type = "text", h.className = "aw-input", h.placeholder = "표시할 파일명 (예: report.pdf)", u.appendChild(R("파일명", h));
+    const f = document.createElement("div");
+    f.className = "aw-pane";
+    let p;
     if (d) {
-      const y = document.createElement("label");
-      y.className = "aw-dropzone", y.innerHTML = `
+      const C = document.createElement("label");
+      C.className = "aw-dropzone", C.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);
+      L.type = "file", L.style.display = "none", C.appendChild(L);
       const A = document.createElement("div");
-      A.className = "aw-dialog-hint", A.textContent = "선택된 파일 없음", p.appendChild(y), p.appendChild(A);
-      const M = async (g) => {
+      A.className = "aw-dialog-hint", A.textContent = "선택된 파일 없음", f.appendChild(C), f.appendChild(A);
+      const M = async (y) => {
         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) — 업로드 완료`;
+            C.classList.add("aw-dropzone-loading"), p = {
+              src: await n.onUpload(y),
+              name: y.name,
+              size: y.size,
+              type: y.type || ""
+            }, A.textContent = `${y.name} (${y.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 = "";
+            C.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];
+        const y = (x = L.files) == null ? void 0 : x[0];
+        y && M(y);
+      }), C.addEventListener("dragover", (y) => {
+        y.preventDefault(), C.classList.add("aw-dropzone-loading");
+      }), C.addEventListener("dragleave", () => {
+        C.classList.remove("aw-dropzone-loading");
+      }), C.addEventListener("drop", (y) => {
+        var $, z;
+        y.preventDefault();
+        const x = (z = ($ = y.dataTransfer) == null ? void 0 : $.files) == null ? void 0 : z[0];
         x && M(x);
       });
     } else {
-      const y = document.createElement("div");
-      y.className = "aw-pane-notice", y.textContent = "개체 생성시 등록된 파일 업로드 API 가 없습니다.", p.appendChild(y);
+      const C = document.createElement("div");
+      C.className = "aw-pane-notice", C.textContent = "개체 생성시 등록된 파일 업로드 API 가 없습니다.", f.appendChild(C);
     }
-    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");
+    l.appendChild(u), l.appendChild(f);
+    let g = "url";
+    const b = (C) => {
+      C === "upload" && !d || (g = C, a.classList.toggle("aw-tab-active", C === "url"), c.classList.toggle("aw-tab-active", C === "upload"), u.style.display = C === "url" ? "block" : "none", f.style.display = C === "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 = "취소";
+    b(g), a.addEventListener("click", () => b("url")), c.addEventListener("click", () => b("upload"));
+    const v = document.createElement("button");
+    v.type = "button", v.className = "aw-btn aw-btn-ghost", v.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", () => {
+    T.type = "button", T.className = "aw-btn aw-btn-primary", T.textContent = "확인", i.appendChild(v), i.appendChild(T), v.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);
+      const C = { confirmed: !0 };
+      if (g === "url") {
+        const L = m.value.trim(), A = h.value.trim();
+        L.length > 0 && (C.src = L), A.length > 0 && (C.name = A);
+      } else p && (C.src = p.src, C.name = p.name, C.size = p.size, p.type && (C.type = p.type));
+      r(), t(C);
     }), document.body.appendChild(o);
   });
 }
-function et(n) {
+function tt(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", () => {
+    a.type = "button", a.className = "aw-btn aw-btn-ghost", a.textContent = "취소";
+    const c = document.createElement("button");
+    c.type = "button", c.className = "aw-btn aw-btn-primary", c.textContent = "확인", l.appendChild(a), l.appendChild(c), a.addEventListener("click", () => {
       i(), e({ confirmed: !1 });
-    }), a.addEventListener("click", () => {
+    }), c.addEventListener("click", () => {
       i(), e({ confirmed: !0, url: r.value });
     }), document.body.appendChild(t), setTimeout(() => r.focus(), 0);
   });
 }
-const tt = "system", W = [
+const nt = "system", W = [
   {
-    id: tt,
+    id: nt,
     label: "시스템 기본",
     stack: '-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", "Malgun Gothic", sans-serif'
   },
@@ -554,7 +554,7 @@ const tt = "system", W = [
   for (const e of W) n[e.id] = e;
   return n;
 })();
-const nt = [
+const ot = [
   12,
   13,
   14,
@@ -568,7 +568,7 @@ const nt = [
   40,
   48
 ];
-function ot(n) {
+function lt(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]));
@@ -576,7 +576,7 @@ function ot(n) {
   return o && o[1] ? Math.round(Number(o[1]) * 16) : null;
 }
 let fe = !1;
-function lt() {
+function it() {
   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) {
@@ -593,7 +593,7 @@ function ge(n) {
   const t = document.createElement("link");
   t.rel = "stylesheet", t.href = n, document.head.appendChild(t);
 }
-function it(n) {
+function rt(n) {
   var o;
   if (!n) return null;
   const e = be(n);
@@ -610,11 +610,11 @@ function be(n) {
   const e = (t = n.split(",")[0]) == null ? void 0 : t.trim();
   return e ? e.replace(/^["']|["']$/g, "") : null;
 }
-const N = {
+const B = {
   lineComment: "//",
   blockComment: { start: "/*", end: "*/" },
   stringDelims: ['"', "'"]
-}, Te = /* @__PURE__ */ new Set([
+}, Ne = /* @__PURE__ */ new Set([
   "abstract",
   "arguments",
   "async",
@@ -669,8 +669,8 @@ const N = {
   "while",
   "with",
   "yield"
-]), rt = /* @__PURE__ */ new Set([
-  ...Te,
+]), st = /* @__PURE__ */ new Set([
+  ...Ne,
   "any",
   "as",
   "asserts",
@@ -693,7 +693,7 @@ const N = {
   "type",
   "unique",
   "unknown"
-]), st = /* @__PURE__ */ new Set([
+]), at = /* @__PURE__ */ new Set([
   "False",
   "None",
   "True",
@@ -729,7 +729,7 @@ const N = {
   "while",
   "with",
   "yield"
-]), at = /* @__PURE__ */ new Set([
+]), ct = /* @__PURE__ */ new Set([
   "abs",
   "all",
   "any",
@@ -757,7 +757,7 @@ const N = {
   "zip",
   "self",
   "cls"
-]), Ne = /* @__PURE__ */ new Set([
+]), Me = /* @__PURE__ */ new Set([
   "auto",
   "break",
   "case",
@@ -794,8 +794,8 @@ const N = {
   "restrict",
   "_Bool",
   "NULL"
-]), ct = /* @__PURE__ */ new Set([
-  ...Ne,
+]), dt = /* @__PURE__ */ new Set([
+  ...Me,
   "class",
   "new",
   "delete",
@@ -829,7 +829,7 @@ const N = {
   "noexcept",
   "final",
   "auto"
-]), dt = /* @__PURE__ */ new Set([
+]), ut = /* @__PURE__ */ new Set([
   "abstract",
   "async",
   "await",
@@ -914,7 +914,7 @@ const N = {
   "init",
   "nameof",
   "when"
-]), ut = /* @__PURE__ */ new Set([
+]), pt = /* @__PURE__ */ new Set([
   "abstract",
   "assert",
   "boolean",
@@ -974,7 +974,7 @@ const N = {
   "sealed",
   "permits",
   "non-sealed"
-]), pt = /* @__PURE__ */ new Set([
+]), ht = /* @__PURE__ */ new Set([
   "abstract",
   "actual",
   "annotation",
@@ -1041,7 +1041,7 @@ const N = {
   "when",
   "where",
   "while"
-]), ht = /* @__PURE__ */ new Set([
+]), mt = /* @__PURE__ */ new Set([
   "break",
   "case",
   "chan",
@@ -1071,7 +1071,7 @@ const N = {
   "false",
   "nil",
   "iota"
-]), mt = /* @__PURE__ */ new Set([
+]), ft = /* @__PURE__ */ new Set([
   "as",
   "async",
   "await",
@@ -1120,7 +1120,7 @@ const N = {
   "unsized",
   "virtual",
   "yield"
-]), ft = /* @__PURE__ */ new Set([
+]), gt = /* @__PURE__ */ new Set([
   "if",
   "then",
   "else",
@@ -1151,7 +1151,7 @@ const N = {
   "source",
   "true",
   "false"
-]), gt = /* @__PURE__ */ new Set([
+]), bt = /* @__PURE__ */ new Set([
   "select",
   "from",
   "where",
@@ -1220,7 +1220,7 @@ const N = {
   "max",
   "asc",
   "desc"
-]), bt = /* @__PURE__ */ new Set(["true", "false", "null"]), Me = [
+]), yt = /* @__PURE__ */ new Set(["true", "false", "null"]), Be = [
   {
     id: "plaintext",
     label: "Plain Text",
@@ -1229,54 +1229,54 @@ const N = {
   {
     id: "javascript",
     label: "JavaScript",
-    keywords: Te,
-    ...N,
+    keywords: Ne,
+    ...B,
     stringDelims: ['"', "'", "`"]
   },
   {
     id: "typescript",
     label: "TypeScript",
-    keywords: rt,
-    ...N,
+    keywords: st,
+    ...B,
     stringDelims: ['"', "'", "`"]
   },
   {
     id: "python",
     label: "Python",
-    keywords: st,
-    builtins: at,
+    keywords: at,
+    builtins: ct,
     lineComment: "#",
     stringDelims: ['"', "'"]
   },
   {
     id: "json",
     label: "JSON",
-    keywords: bt,
+    keywords: yt,
     stringDelims: ['"']
   },
   {
     id: "html",
     label: "HTML",
     keywords: /* @__PURE__ */ new Set(),
-    custom: (n) => Ct(n)
+    custom: (n) => xt(n)
   },
   {
     id: "css",
     label: "CSS",
     keywords: /* @__PURE__ */ new Set(),
-    custom: (n) => Et(n)
+    custom: (n) => Lt(n)
   },
   {
     id: "bash",
     label: "Bash",
-    keywords: ft,
+    keywords: gt,
     lineComment: "#",
     stringDelims: ['"', "'"]
   },
   {
     id: "sql",
     label: "SQL",
-    keywords: gt,
+    keywords: bt,
     caseInsensitiveKeywords: !0,
     lineComment: "--",
     blockComment: { start: "/*", end: "*/" },
@@ -1286,26 +1286,26 @@ const N = {
     id: "markdown",
     label: "Markdown",
     keywords: /* @__PURE__ */ new Set(),
-    custom: (n) => Lt(n)
+    custom: (n) => At(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 = (() => {
+  { id: "c", label: "C", keywords: Me, ...B },
+  { id: "cpp", label: "C++", keywords: dt, ...B },
+  { id: "csharp", label: "C#", keywords: ut, ...B },
+  { id: "java", label: "Java", keywords: pt, ...B },
+  { id: "kotlin", label: "Kotlin", keywords: ht, ...B },
+  { id: "go", label: "Go", keywords: mt, ...B },
+  { id: "rust", label: "Rust", keywords: ft, ...B }
+], wt = (() => {
   const n = /* @__PURE__ */ new Map();
-  for (const e of Me) n.set(e.id, e);
+  for (const e of Be) 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) {
+  if (!e) return k(n);
+  const t = wt.get(e);
+  return t ? t.custom ? t.custom(n) : vt(n, t) : k(n);
+}
+function vt(n, e) {
   var r, s;
   const t = !!e.caseInsensitiveKeywords;
   let o = "", l = 0;
@@ -1314,128 +1314,128 @@ function kt(n, e) {
     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;
+      o += `<span class="hl-comment">${k(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;
+      o += `<span class="hl-comment">${k(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;
+    const a = (r = e.stringDelims) == null ? void 0 : r.find((d) => n.startsWith(d, l));
+    if (a) {
+      let d = l + a.length;
       for (; d < i; ) {
         const u = n[d] ?? "";
         if (u === "\\") {
           d += 2;
           continue;
         }
-        if (n.startsWith(c, d)) {
-          d += c.length;
+        if (n.startsWith(a, d)) {
+          d += a.length;
           break;
         }
         if (u === `
-` && c !== "`") break;
+` && a !== "`") break;
         d++;
       }
-      o += `<span class="hl-string">${C(n.slice(l, d))}</span>`, l = d;
+      o += `<span class="hl-string">${k(n.slice(l, d))}</span>`, l = d;
       continue;
     }
-    const a = n[l] ?? "";
-    if (/[0-9]/.test(a)) {
-      const d = vt.exec(n.slice(l));
+    const c = n[l] ?? "";
+    if (/[0-9]/.test(c)) {
+      const d = Ct.exec(n.slice(l));
       if (d) {
-        o += `<span class="hl-number">${C(d[0])}</span>`, l += d[0].length;
+        o += `<span class="hl-number">${k(d[0])}</span>`, l += d[0].length;
         continue;
       }
     }
-    if (/[a-zA-Z_$]/.test(a)) {
+    if (/[a-zA-Z_$]/.test(c)) {
       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>`;
+        o += `<span class="hl-keyword">${k(u)}</span>`;
       else if ((s = e.builtins) != null && s.has(m))
-        o += `<span class="hl-builtin">${C(u)}</span>`;
+        o += `<span class="hl-builtin">${k(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);
+        let h = d;
+        for (; h < i && (n[h] === " " || n[h] === "	"); ) h++;
+        n[h] === "(" ? o += `<span class="hl-fn">${k(u)}</span>` : o += k(u);
       }
       l = d;
       continue;
     }
-    o += C(a), l++;
+    o += k(c), 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) {
+const Ct = /^(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 xt(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;
+      e += `<span class="hl-comment">${k(n.slice(t, i))}</span>`, t = i;
       continue;
     }
     if (n[t] === "<") {
       const l = n.indexOf(">", t);
       if (l === -1) {
-        e += C(n.slice(t));
+        e += k(n.slice(t));
         break;
       }
       const i = n.slice(t, l + 1);
-      e += xt(i), t = l + 1;
+      e += Et(i), t = l + 1;
       continue;
     }
-    e += C(n[t] ?? ""), t++;
+    e += k(n[t] ?? ""), t++;
   }
   return e;
 }
-function xt(n) {
+function Et(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>`;
+    t += `<span class="hl-tag">${k(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>`;
+      t += k(l.slice(r, s.index)), t += k(l.slice(s.index, s.index + s[0].indexOf(s[1] ?? ""))), t += `<span class="hl-attr">${k(s[1] ?? "")}</span>`;
+      const a = l.slice(s.index + (s[0].indexOf(s[1] ?? "") + (s[1] ?? "").length), s.index + s[0].length);
+      if (a.includes("=")) {
+        const c = a.indexOf("=");
+        t += k(a.slice(0, c + 1));
+        const d = a.slice(c + 1);
+        t += `<span class="hl-string">${k(d)}</span>`;
       }
       r = s.index + s[0].length;
     }
-    t += C(l.slice(r));
+    t += k(l.slice(r));
   } else
-    t += C(e);
+    t += k(e);
   return t += '<span class="hl-punct">&gt;</span>', t;
 }
-function Et(n) {
+function Lt(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;
+      e += `<span class="hl-comment">${k(n.slice(t, s))}</span>`, t = s;
       continue;
     }
     const i = n[t] ?? "";
     if (i === "{") {
-      l = !0, e += C(i), t++;
+      l = !0, e += k(i), t++;
       continue;
     }
     if (i === "}") {
-      l = !1, e += C(i), t++;
+      l = !1, e += k(i), t++;
       continue;
     }
     if (i === '"' || i === "'") {
@@ -1443,7 +1443,7 @@ function Et(n) {
       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;
+      s = Math.min(s + 1, o), e += `<span class="hl-string">${k(n.slice(t, s))}</span>`, t = s;
       continue;
     }
     if (/[a-zA-Z_-]/.test(i) || i === "@" || i === "#" || i === "." || i === ":") {
@@ -1451,51 +1451,51 @@ function Et(n) {
       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>`;
+        e += `<span class="hl-keyword">${k(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);
+        let a = r;
+        for (; a < o && (n[a] === " " || n[a] === "	"); ) a++;
+        n[a] === ":" ? e += `<span class="hl-prop">${k(s)}</span>` : e += k(s);
       } else
-        e += `<span class="hl-tag">${C(s)}</span>`;
+        e += `<span class="hl-tag">${k(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;
+        e += `<span class="hl-number">${k(r[0])}</span>`, t += r[0].length;
         continue;
       }
     }
-    e += C(i), t++;
+    e += k(i), t++;
   }
   return e;
 }
-function Lt(n) {
+function At(n) {
   return n.split(`
-`).map(At).join(`
+`).map(St).join(`
 `);
 }
-function At(n) {
+function St(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>`;
+    return `<span class="hl-keyword">${k(e[1] ?? "")}</span> <span class="hl-tag">${ee(e[2] ?? "")}</span>`;
   if (n.startsWith(">"))
-    return `<span class="hl-comment">${C(n)}</span>`;
+    return `<span class="hl-comment">${k(n)}</span>`;
   if (n.startsWith("```"))
-    return `<span class="hl-keyword">${C(n)}</span>`;
+    return `<span class="hl-keyword">${k(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);
+  return t ? `${t[1] ?? ""}<span class="hl-keyword">${k(t[2] ?? "")}</span> ${ee(t[3] ?? "")}` : ee(n);
 }
 function ee(n) {
-  let e = C(n);
+  let e = k(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) {
+function k(n) {
   return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
 function S(n) {
@@ -1520,7 +1520,7 @@ const ae = [
   "#1098ad"
 ];
 function te(n, e, t = []) {
-  z();
+  D();
   const o = document.createElement("div");
   o.className = "aw-popover aw-color-popover", o.dataset.popover = "true", S(o);
   const l = (d) => {
@@ -1539,14 +1539,14 @@ function te(n, e, t = []) {
   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 a = document.createElement("button");
+  a.type = "button", a.className = "aw-popover-action", a.textContent = "사용자 지정", S(a);
+  const c = document.createElement("input");
+  if (c.type = "color", c.tabIndex = -1, c.setAttribute("aria-hidden", "true"), c.style.position = "absolute", c.style.left = "-9999px", c.style.width = "0", c.style.height = "0", c.style.opacity = "0", c.style.pointerEvents = "none", c.addEventListener("change", () => {
+    l(c.value);
+  }), a.addEventListener("click", (d) => {
+    d.stopPropagation(), c.click();
+  }), o.appendChild(s), o.appendChild(a), o.appendChild(c), t.length > 0) {
     const d = document.createElement("div");
     d.className = "aw-color-section", d.textContent = "최근 사용", o.appendChild(d);
     const u = document.createElement("div");
@@ -1557,7 +1557,7 @@ function te(n, e, t = []) {
   }
   I(o, n);
 }
-const St = [
+const Tt = [
   { 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" },
@@ -1654,11 +1654,11 @@ const St = [
     glyphIsSvg: !0
   }
 ];
-function Tt(n, e) {
-  z();
+function Nt(n, e) {
+  D();
   const t = document.createElement("div");
   t.className = "aw-popover aw-block-type-popover", t.dataset.popover = "true", S(t);
-  for (const o of St) {
+  for (const o of Tt) {
     if (o.divider) {
       const s = document.createElement("div");
       s.className = "aw-popover-divider", t.appendChild(s);
@@ -1674,8 +1674,8 @@ function Tt(n, e) {
   }
   I(t, n);
 }
-function Nt(n, e) {
-  z();
+function Mt(n, e) {
+  D();
   const t = document.createElement("div");
   t.className = "aw-popover aw-align-popover", t.dataset.popover = "true", S(t);
   const o = [
@@ -1692,8 +1692,8 @@ function Nt(n, e) {
   }
   I(t, n);
 }
-function Mt(n, e, t) {
-  lt(), z();
+function Bt(n, e, t) {
+  it(), D();
   const o = document.createElement("div");
   o.className = "aw-popover aw-font-family-popover", o.dataset.popover = "true", S(o);
   for (const l of W) {
@@ -1702,17 +1702,17 @@ function Mt(n, e, t) {
     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 });
+    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", (a) => {
+      a.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();
+function $t(n, e, t) {
+  D();
   const o = document.createElement("div");
   o.className = "aw-popover aw-code-lang-popover", o.dataset.popover = "true", S(o);
-  for (const l of Me) {
+  for (const l of Be) {
     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");
@@ -1722,7 +1722,7 @@ function Bt(n, e, t) {
   }
   I(o, n);
 }
-const $t = [
+const zt = [
   { action: "rowAbove", label: "위에 행 추가" },
   { action: "rowBelow", label: "아래에 행 추가" },
   { action: "colLeft", label: "왼쪽에 열 추가", divider: !0 },
@@ -1731,10 +1731,10 @@ const $t = [
   { action: "deleteCol", label: "열 삭제" }
 ];
 function Rt(n, e) {
-  z();
+  D();
   const t = document.createElement("div");
   t.className = "aw-popover aw-table-menu-popover", t.dataset.popover = "true", S(t);
-  for (const o of $t) {
+  for (const o of zt) {
     if (o.divider) {
       const i = document.createElement("div");
       i.className = "aw-popover-divider", t.appendChild(i);
@@ -1747,10 +1747,10 @@ function Rt(n, e) {
   I(t, n);
 }
 function It(n, e, t) {
-  z();
+  D();
   const o = document.createElement("div");
   o.className = "aw-popover aw-font-size-popover", o.dataset.popover = "true", S(o);
-  for (const l of nt) {
+  for (const l of ot) {
     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");
@@ -1760,174 +1760,332 @@ function It(n, e, t) {
   }
   I(o, n);
 }
-function zt(n, e) {
-  z();
+function Dt(n, e) {
+  D();
   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;
+  let s = t, a = t, c = 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);
+    for (let p = 0; p < u.length; p++) {
+      const g = u[p];
+      if (g)
+        for (let b = 0; b < g.length; b++) {
+          const v = g[b];
+          v && v.classList.toggle("aw-table-cell-active", p < c && b < 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);
+    r.textContent = c > 0 && d > 0 ? `${c} × ${d} 표` : "크기를 선택하세요";
+  }
+  function h() {
+    i.innerHTML = "", i.style.gridTemplateColumns = `repeat(${a}, 18px)`, i.style.gridTemplateRows = `repeat(${s}, 18px)`, u.length = 0;
+    for (let p = 0; p < s; p++) {
+      const g = [];
+      for (let b = 0; b < a; b++) {
+        const v = document.createElement("div");
+        v.className = "aw-table-cell", v.dataset.row = String(p + 1), v.dataset.col = String(b + 1), i.appendChild(v), g.push(v);
       }
-      u.push(b);
+      u.push(g);
     }
     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;
+  h(), i.addEventListener("mousemove", (p) => {
+    const g = p.target;
+    if (!g.classList.contains("aw-table-cell")) return;
+    const b = parseInt(g.dataset.row ?? "0", 10), v = parseInt(g.dataset.col ?? "0", 10);
+    c = b, d = v;
     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());
+    b >= s && s < o && (s = Math.min(o, b + 1), T = !0), v >= a && a < o && (a = Math.min(o, v + 1), T = !0), T ? h() : m();
+  }), i.addEventListener("click", (p) => {
+    const g = p.target;
+    if (!g.classList.contains("aw-table-cell")) return;
+    const b = parseInt(g.dataset.row ?? "0", 10), v = parseInt(g.dataset.col ?? "0", 10);
+    b > 0 && v > 0 && (e({ rows: b, cols: v }), l.remove());
   });
-  function p(h) {
-    h.key === "Escape" && (l.remove(), document.removeEventListener("keydown", p));
+  function f(p) {
+    p.key === "Escape" && (l.remove(), document.removeEventListener("keydown", f));
   }
-  document.addEventListener("keydown", p), l.appendChild(i), l.appendChild(r), I(l, n);
+  document.addEventListener("keydown", f), 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`;
+    const c = e.getBoundingClientRect();
+    n.style.top = `${c.bottom + 4}px`, n.style.left = `${c.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();
+  function s(c) {
+    !n.contains(c.target) && !e.contains(c.target) && n.remove();
   }
   setTimeout(() => {
     document.addEventListener("click", s);
   }, 0);
-  const c = n.remove.bind(n);
+  const a = n.remove.bind(n);
   n.remove = function() {
-    window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", r), document.removeEventListener("click", s), c();
+    window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", r), document.removeEventListener("click", s), a();
   };
 }
-function z() {
+function D() {
   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";
+const Ht = ["script", "noscript", "meta", "link", "style", "base"], Ft = /* @__PURE__ */ new Set([
+  // CSS 2.1
+  "border-collapse",
+  "border-spacing",
+  "caption-side",
+  "color",
+  "cursor",
+  "direction",
+  "empty-cells",
+  "font-family",
+  "font-size",
+  "font-style",
+  "font-variant",
+  "font-weight",
+  "letter-spacing",
+  "line-height",
+  "list-style",
+  "list-style-image",
+  "list-style-position",
+  "list-style-type",
+  "orphans",
+  "quotes",
+  "text-align",
+  "text-indent",
+  "text-transform",
+  "visibility",
+  "white-space",
+  "widows",
+  "word-spacing",
+  // CSS 3+
+  "caret-color",
+  "font",
+  "font-feature-settings",
+  "font-kerning",
+  "font-language-override",
+  "font-optical-sizing",
+  "font-palette",
+  "font-size-adjust",
+  "font-stretch",
+  "font-synthesis",
+  "font-synthesis-weight",
+  "font-synthesis-style",
+  "font-synthesis-small-caps",
+  "font-variant-alternates",
+  "font-variant-caps",
+  "font-variant-east-asian",
+  "font-variant-emoji",
+  "font-variant-ligatures",
+  "font-variant-numeric",
+  "font-variant-position",
+  "font-variation-settings",
+  "hanging-punctuation",
+  "hyphens",
+  "image-rendering",
+  "line-break",
+  "overflow-wrap",
+  "pointer-events",
+  "ruby-align",
+  "ruby-position",
+  "tab-size",
+  "text-align-last",
+  "text-combine-upright",
+  "text-decoration-color",
+  "text-emphasis",
+  "text-emphasis-color",
+  "text-emphasis-position",
+  "text-emphasis-style",
+  "text-justify",
+  "text-orientation",
+  "text-rendering",
+  "text-shadow",
+  "text-size-adjust",
+  "text-underline-offset",
+  "text-underline-position",
+  "white-space-collapse",
+  "word-break",
+  "word-wrap",
+  "writing-mode",
+  "color-scheme",
+  "print-color-adjust",
+  // Vendor
+  "-webkit-font-smoothing",
+  "-moz-osx-font-smoothing",
+  "-webkit-locale",
+  "-webkit-text-fill-color",
+  "-webkit-text-stroke",
+  "-webkit-text-stroke-color",
+  "-webkit-text-stroke-width",
+  "-webkit-print-color-adjust",
+  // SVG
+  "clip-rule",
+  "color-interpolation",
+  "color-interpolation-filters",
+  "color-rendering",
+  "fill",
+  "fill-opacity",
+  "fill-rule",
+  "marker",
+  "marker-end",
+  "marker-mid",
+  "marker-start",
+  "paint-order",
+  "shape-rendering",
+  "stroke",
+  "stroke-dasharray",
+  "stroke-dashoffset",
+  "stroke-linecap",
+  "stroke-linejoin",
+  "stroke-miterlimit",
+  "stroke-opacity",
+  "stroke-width",
+  "text-anchor"
+]);
+async function Pt(n, e = {}) {
+  const t = e.settleMs ?? 1e3, o = e.timeoutMs ?? 3e4, l = e.width ?? 1024, i = e.mountTarget ?? null;
+  return new Promise((r, s) => {
+    const a = document.createElement("iframe");
+    a.setAttribute("aria-hidden", "true"), a.setAttribute("tabindex", "-1"), a.style.position = "fixed", a.style.left = "-99999px", a.style.top = "0", a.style.width = `${l}px`, a.style.height = "768px", a.style.border = "0", a.style.opacity = "0", a.style.pointerEvents = "none";
     let c = !1;
-    const a = () => {
-      s.parentNode && s.parentNode.removeChild(s);
-    }, d = (p) => {
-      c || (c = !0, a(), r(p));
+    const d = () => {
+      a.parentNode && a.parentNode.removeChild(a);
     }, u = (p) => {
-      c || (c = !0, a(), i(p));
-    }, m = window.setTimeout(() => {
-      d(new Error("HTML 로드 시간 초과"));
+      c || (c = !0, d(), s(p));
+    }, m = (p) => {
+      c || (c = !0, d(), r(p));
+    }, h = window.setTimeout(() => {
+      u(new Error("HTML 로드 시간 초과"));
     }, o), f = () => {
-      var k;
-      const p = s.contentDocument;
+      var T;
+      const p = a.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 = () => {
+      const g = a.contentWindow, b = (g == null ? void 0 : g.requestAnimationFrame) ?? window.requestAnimationFrame;
+      (p.fonts && typeof ((T = p.fonts.ready) == null ? void 0 : T.then) == "function" ? p.fonts.ready : Promise.resolve()).then(() => {
+        const C = () => {
           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 접근 실패"));
+                const L = a.contentWindow, A = a.contentDocument;
+                if (!L || !A || !A.body) {
+                  window.clearTimeout(h), u(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)));
+                const M = qt(A.body, L, i);
+                window.clearTimeout(h), m(M);
+              } catch (L) {
+                window.clearTimeout(h), u(L instanceof Error ? L : new Error(String(L)));
               }
           }, t);
         };
-        b(() => b(T));
+        b(() => b(C));
       });
     };
-    s.addEventListener("load", f), s.srcdoc = n, document.body.appendChild(s);
+    a.addEventListener("load", f), a.srcdoc = n, document.body.appendChild(a);
   });
 }
-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);
+function qt(n, e, t) {
+  var r;
+  const o = n.ownerDocument;
+  if (!o) throw new Error("body has no ownerDocument");
+  const l = document.createElement("div"), i = Ot(o, e, t);
+  try {
+    for (let a = 0; a < n.attributes.length; a++) {
+      const c = n.attributes.item(a);
+      c && c.name !== "style" && l.setAttribute(c.name, c.value);
+    }
+    const s = $e(n, null, "div", i.get, e);
+    s.length > 0 && l.setAttribute("style", s);
+    for (const a of Array.from(n.children)) {
+      const c = document.importNode(a, !0);
+      ze(a, c, n, i.get, e), l.appendChild(c);
+    }
+  } finally {
+    i.cleanup();
   }
-  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];
+  for (const s of Ht)
+    for (const a of Array.from(l.querySelectorAll(s)))
+      (r = a.parentNode) == null || r.removeChild(a);
+  return l.style.width = "auto", l.style.maxWidth = "none", l.style.height = "auto", l.style.maxHeight = "none", l.setAttribute("data-imported-html", "true"), [l];
+}
+function Ot(n, e, t) {
+  var d;
+  let o, l, i;
+  const r = ((d = t == null ? void 0 : t.ownerDocument) == null ? void 0 : d.defaultView) ?? null;
+  if (t && r) {
+    o = t.ownerDocument, l = r;
+    const u = o.createElement("div");
+    u.setAttribute("data-imported-html", "true"), u.setAttribute("aria-hidden", "true"), u.style.cssText = "position:absolute;left:-99999px;top:0;visibility:hidden;pointer-events:none;", t.appendChild(u), i = u;
+  } else {
+    o = n, l = e;
+    const u = o.createElement("div");
+    u.setAttribute("aria-hidden", "true"), u.style.cssText = "position:absolute;left:-99999px;top:0;width:0;height:0;overflow:hidden;visibility:hidden;", o.body.appendChild(u), i = u;
+  }
+  const s = /* @__PURE__ */ new Map();
+  return { get: (u) => {
+    const m = s.get(u);
+    if (m) return m;
+    const h = o.createElement(u);
+    i.appendChild(h);
+    const f = l.getComputedStyle(h), p = /* @__PURE__ */ new Map();
+    for (let g = 0; g < f.length; g++) {
+      const b = f.item(g);
+      b && p.set(b, f.getPropertyValue(b));
+    }
+    return i.removeChild(h), s.set(u, p), p;
+  }, cleanup: () => {
+    i.parentNode && i.parentNode.removeChild(i);
+  } };
 }
-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};`);
+function $e(n, e, t, o, l) {
+  const i = l.getComputedStyle(n), r = e ? l.getComputedStyle(e) : null, s = o(t);
+  let a = "";
+  for (let c = 0; c < i.length; c++) {
+    const d = i.item(c);
+    if (!d) continue;
+    const u = i.getPropertyValue(d);
+    if (u) {
+      if (Ft.has(d)) {
+        if (r && r.getPropertyValue(d) === u) continue;
+      } else if (s.get(d) === u) continue;
+      a += `${d}:${u};`;
+    }
   }
-  return o;
+  return a;
 }
-function $e(n, e, t) {
+function ze(n, e, t, o, l) {
   if (n.nodeType === 1 && e.nodeType === 1) {
-    const r = Be(n, t);
-    r.length > 0 && e.setAttribute("style", r);
+    const a = $e(
+      n,
+      t,
+      n.tagName.toLowerCase(),
+      o,
+      l
+    );
+    a.length > 0 ? e.setAttribute("style", a) : e.hasAttribute("style") && e.removeAttribute("style");
   }
-  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);
+  const i = n.children, r = e.children, s = Math.min(i.length, r.length);
+  for (let a = 0; a < s; a++) {
+    const c = i[a], d = r[a];
+    c && d && ze(c, d, n, o, l);
   }
 }
-function Pt(n) {
-  const e = qt(n), t = document.createElement("div");
+function _t(n) {
+  const e = jt(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) {
+function jt(n) {
   const t = n.replace(/\r\n?/g, `
 `).replace(/\s+$/, "").split(`
 `), o = [];
@@ -1940,11 +2098,11 @@ function qt(n) {
     }
     const r = /^```\s*([\w-]*)\s*$/.exec(i);
     if (r) {
-      const a = r[1] ?? "", d = [];
+      const c = 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)}"` : "";
+      const u = c ? ` data-language="${j(c)}"` : "";
       o.push(
         `<pre><code${u}>${X(d.join(`
 `))}</code></pre>`
@@ -1953,8 +2111,8 @@ function qt(n) {
     }
     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++;
+      const c = (s[1] ?? "#").length;
+      o.push(`<h${c}>${H(s[2] ?? "")}</h${c}>`), l++;
       continue;
     }
     if (/^[\s]*([-*_])(\s*\1){2,}[\s]*$/.test(i)) {
@@ -1962,55 +2120,55 @@ function qt(n) {
       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));
+      const c = [i];
+      for (l++, c.push(t[l] ?? ""), l++; l < t.length && (t[l] ?? "").includes("|") && (t[l] ?? "").trim() !== ""; )
+        c.push(t[l] ?? ""), l++;
+      o.push(Wt(c));
       continue;
     }
     if (i.startsWith(">")) {
-      const a = [];
+      const c = [];
       for (; l < t.length && (t[l] ?? "").startsWith(">"); )
-        a.push((t[l] ?? "").replace(/^>\s?/, "")), l++;
-      const d = D(a.join(" ").trim());
+        c.push((t[l] ?? "").replace(/^>\s?/, "")), l++;
+      const d = H(c.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>`);
+      const c = ye(t, l, /^[\s]*[-*+]\s+(.*)$/);
+      l = c.next, o.push(`<ul>${c.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>`);
+      const c = ye(t, l, /^[\s]*\d+\.\s+(.*)$/);
+      l = c.next, o.push(`<ol>${c.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>`);
+    const a = [];
+    for (; l < t.length && (t[l] ?? "").trim() !== "" && !Ut(t[l] ?? "", t[l + 1] ?? ""); )
+      a.push(t[l] ?? ""), l++;
+    a.length > 0 && o.push(`<p>${H(Kt(a))}</p>`);
   }
   return o.join(`
 `);
 }
-function Ot(n, e) {
+function Ut(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) {
+function Wt(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 a = s.trim(), c = a.startsWith(":"), d = a.endsWith(":");
+    return c && d ? "center" : d ? "right" : c ? "left" : null;
+  }), l = n.slice(2).map(ne), i = e.map((s, a) => {
+    const c = o[a];
+    return `<th${c ? ` style="text-align:${c}"` : ""}>${H(s.trim())}</th>`;
+  }).join(""), r = l.map((s) => `<tr>${s.map((c, d) => {
     const u = o[d];
-    return `<td${u ? ` style="text-align:${u}"` : ""}>${D(a.trim())}</td>`;
+    return `<td${u ? ` style="text-align:${u}"` : ""}>${H(c.trim())}</td>`;
   }).join("")}</tr>`).join("");
   return `<table><thead><tr>${i}</tr></thead><tbody>${r}</tbody></table>`;
 }
@@ -2032,11 +2190,11 @@ function ye(n, e, t) {
     }
     const r = t.exec(i);
     if (!r) break;
-    o.push(`<li>${D(r[1] ?? "")}</li>`), l++;
+    o.push(`<li>${H(r[1] ?? "")}</li>`), l++;
   }
   return { html: o.join(""), next: l };
 }
-function jt(n) {
+function Kt(n) {
   const e = [];
   for (let t = 0; t < n.length; t++) {
     const o = n[t] ?? "", l = t === n.length - 1;
@@ -2046,7 +2204,7 @@ function jt(n) {
   }
   return e.join("");
 }
-function D(n) {
+function H(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(
@@ -2074,64 +2232,81 @@ const Q = [
   "italic",
   "underline",
   "strike"
-], Ut = {
+], Vt = {
   kind: "paragraph",
   label: "단락",
   allowsInlineFormat: !0,
   allowedMarks: Q,
+  allowsColor: !0,
+  allowsFontSize: !0,
   matches: (n) => n.tagName === "P" ? { kind: "paragraph", attrs: {} } : null,
   create: () => J(document.createElement("p")),
   isEmpty: (n) => q(n)
-}, Wt = {
+}, Yt = {
   kind: "heading",
   label: "제목",
   allowsInlineFormat: !0,
   // 사용자 지정 — 제목은 italic 만 허용. (bold 는 heading 자체가 굵으므로
   // 중복, underline / strike 는 가독성/시맨틱 면에서 부적합.)
   allowedMarks: ["italic"],
+  // 글자색/배경색은 시맨틱 헤딩 톤 보존을 위해 X.
+  allowsColor: !1,
+  // 글자 크기는 heading level (h1~h6) 로 결정되므로 X.
+  allowsFontSize: !1,
   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);
+    const e = xn(n == null ? void 0 : n.level);
     return J(document.createElement(`h${e}`));
   },
   isEmpty: (n) => q(n)
-}, Kt = {
+}, Gt = {
   kind: "bulletList",
   label: "글머리 목록",
   allowsInlineFormat: !0,
   allowedMarks: Q,
+  allowsColor: !0,
+  allowsFontSize: !0,
   matches: (n) => n.tagName === "UL" ? { kind: "bulletList", attrs: {} } : null,
-  create: () => _e("ul"),
-  isEmpty: (n) => je(n)
-}, Yt = {
+  create: () => je("ul"),
+  isEmpty: (n) => Ue(n)
+}, Zt = {
   kind: "orderedList",
   label: "번호 매기기 목록",
   allowsInlineFormat: !0,
   allowedMarks: Q,
+  allowsColor: !0,
+  allowsFontSize: !0,
   matches: (n) => n.tagName === "OL" ? { kind: "orderedList", attrs: {} } : null,
-  create: () => _e("ol"),
-  isEmpty: (n) => je(n)
-}, Vt = {
+  create: () => je("ol"),
+  isEmpty: (n) => Ue(n)
+}, Xt = {
   kind: "blockquote",
   label: "인용구",
   allowsInlineFormat: !0,
   // 사용자 지정 — 인용구는 italic 제외(인용 자체가 이미 italic 으로 렌더되어
   // 중복). bold / underline / strike 만 허용.
   allowedMarks: ["bold", "underline", "strike"],
+  // 인용구 자체의 톤(이탤릭/주변 색조) 을 보존.
+  allowsColor: !1,
+  allowsFontSize: !0,
   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 = {
+}, Qt = {
   kind: "codeBlock",
   label: "코드 블록",
   allowsInlineFormat: !1,
   allowedMarks: [],
+  // 코드 블록은 인라인 서식은 막혀 있지만 글자 크기 조정은 (가독성) 의미가
+  // 있어 예외적으로 허용. 색은 syntax highlight 와 충돌하므로 X.
+  allowsColor: !1,
+  allowsFontSize: !0,
   matches: (n) => {
     if (n.tagName !== "PRE") return null;
     const e = n.querySelector(":scope > code"), t = e == null ? void 0 : e.getAttribute("data-language");
@@ -2142,17 +2317,19 @@ const Q = [
     return n != null && n.language && t.setAttribute("data-language", n.language), e.appendChild(t), e;
   },
   isEmpty: (n) => q(n)
-}, Zt = {
+}, Jt = {
   kind: "image",
   label: "이미지",
   allowsInlineFormat: !1,
   allowedMarks: [],
+  allowsColor: !1,
+  allowsFontSize: !1,
   matches: (n) => {
     if (n.tagName === "FIGURE") {
-      const e = n.querySelector(":scope > img"), t = Ce(e), o = n.getAttribute("style");
+      const e = n.querySelector(":scope > img"), t = xe(e), o = n.getAttribute("style");
       return o && (t.wrapperStyle = o), { kind: "image", attrs: t };
     }
-    return n.tagName === "IMG" ? { kind: "image", attrs: Ce(n) } : null;
+    return n.tagName === "IMG" ? { kind: "image", attrs: xe(n) } : null;
   },
   create: (n) => {
     const e = document.createElement("figure");
@@ -2174,19 +2351,21 @@ function he() {
   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);
+    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 = en[e], n.appendChild(t);
   }
   return n;
 }
-const Xt = {
+const en = {
   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 = {
+}, tn = {
   kind: "table",
   label: "표",
   allowsInlineFormat: !0,
   allowedMarks: Q,
+  allowsColor: !0,
+  allowsFontSize: !0,
   matches: (n) => {
     var l;
     if (n.tagName !== "TABLE") return null;
@@ -2198,30 +2377,34 @@ const Xt = {
     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);
+        const a = document.createElement("td");
+        a.appendChild(document.createElement("br")), r.appendChild(a);
       }
       l.appendChild(r);
     }
     return o.appendChild(l), o;
   },
   isEmpty: (n) => n.querySelectorAll(":scope tr").length === 0
-}, Jt = {
+}, nn = {
   kind: "hr",
   label: "구분선",
   allowsInlineFormat: !1,
   allowedMarks: [],
+  allowsColor: !1,
+  allowsFontSize: !1,
   matches: (n) => n.tagName === "HR" ? { kind: "hr", attrs: {} } : null,
   create: () => {
     const n = document.createElement("hr");
     return n.setAttribute("contenteditable", "false"), n;
   },
   isEmpty: () => !1
-}, en = {
+}, on = {
   kind: "youtube",
   label: "유튜브",
   allowsInlineFormat: !1,
   allowedMarks: [],
+  allowsColor: !1,
+  allowsFontSize: !1,
   matches: (n) => {
     if (n.tagName !== "DIV" || !n.classList.contains("aw-youtube-embed")) return null;
     const e = n.getAttribute("data-youtube-id") ?? void 0, t = {};
@@ -2239,37 +2422,39 @@ const Xt = {
     ), 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 = {
+}, ln = {
   kind: "linkCard",
   label: "링크",
   allowsInlineFormat: !1,
   allowedMarks: [],
+  allowsColor: !1,
+  allowsFontSize: !1,
   matches: (n) => {
-    var s, c, a, d, u;
+    var s, a, c, 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 = {};
+    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) ?? ((a = n.querySelector(":scope > .aw-link-card-text")) == null ? void 0 : a.textContent) ?? void 0, o = ((c = n.querySelector(":scope > .aw-link-card-body > .aw-link-card-desc")) == null ? void 0 : c.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");
+    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) ?? rn(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 a = document.createElement("span");
+    if (a.className = "aw-link-card-title", a.textContent = t, s.appendChild(a), 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 c = document.createElement("span");
+    if (c.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);
+      u.className = "aw-link-card-favicon", u.src = i, u.alt = "", u.loading = "lazy", c.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;
+    return d.className = "aw-link-card-url-text", d.textContent = e, c.appendChild(d), s.appendChild(c), r.appendChild(s), r;
   },
   isEmpty: (n) => !n.getAttribute("href")
 };
@@ -2280,15 +2465,17 @@ function Ie(n) {
     return "";
   }
 }
-function nn(n) {
+function rn(n) {
   const e = Ie(n);
   return e ? `https://www.google.com/s2/favicons?domain=${encodeURIComponent(e)}&sz=64` : "";
 }
-const on = {
+const sn = {
   kind: "file",
   label: "파일",
   allowsInlineFormat: !1,
   allowedMarks: [],
+  allowsColor: !1,
+  allowsFontSize: !1,
   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 = {};
@@ -2303,20 +2490,20 @@ const on = {
     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 i = [], r = cn(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(an(n.fileSize)), i.length > 0) {
+      const a = document.createElement("span");
+      a.className = "aw-file-info", a.textContent = i.join(" · "), o.appendChild(a);
     }
     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) {
+function an(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) {
+function cn(n, e) {
   if (n) {
     const t = n.lastIndexOf(".");
     if (t > 0 && t < n.length - 1)
@@ -2324,11 +2511,13 @@ function rn(n, e) {
   }
   return e ? (e.split("/").pop() ?? "").toUpperCase() : "";
 }
-const sn = {
+const dn = {
   kind: "importedHtml",
   label: "HTML",
   allowsInlineFormat: !1,
   allowedMarks: [],
+  allowsColor: !1,
+  allowsFontSize: !1,
   matches: (n) => {
     if (n.tagName !== "DIV" || n.getAttribute("data-imported-html") !== "true") return null;
     const e = {}, t = n.getAttribute("style");
@@ -2341,30 +2530,32 @@ const sn = {
     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 = {
+}, De = {
   kind: "unknown",
   label: "알 수 없음",
   allowsInlineFormat: !1,
   allowedMarks: [],
+  allowsColor: !1,
+  allowsFontSize: !1,
   matches: () => null,
   create: () => J(document.createElement("p")),
   isEmpty: (n) => q(n)
 }, He = [
-  Ut,
-  Wt,
-  Kt,
-  Yt,
   Vt,
+  Yt,
   Gt,
   Zt,
+  Xt,
   Qt,
   Jt,
   tn,
-  en,
+  nn,
+  ln,
   on,
-  sn
-], H = (() => {
-  const n = { unknown: ze };
+  sn,
+  dn
+], N = (() => {
+  const n = { unknown: De };
   for (const e of He) n[e.kind] = e;
   return n;
 })();
@@ -2373,10 +2564,10 @@ function U(n) {
     const t = e.matches(n);
     if (t) return { type: e, match: t };
   }
-  return { type: ze, match: { kind: "unknown", attrs: {} } };
+  return { type: De, match: { kind: "unknown", attrs: {} } };
 }
 const F = "data-block-id";
-class De {
+class Fe {
   constructor() {
     w(this, "counter", 0);
     w(this, "seen", /* @__PURE__ */ new Set());
@@ -2445,7 +2636,7 @@ function we(n) {
   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) {
+function un(n) {
   switch (n.kind) {
     case "paragraph":
       return "단락";
@@ -2477,7 +2668,7 @@ function an(n) {
       return "?";
   }
 }
-function cn(n) {
+function pn(n) {
   return {
     id: n.id,
     kind: n.kind,
@@ -2485,17 +2676,17 @@ function cn(n) {
     html: n.element.innerHTML
   };
 }
-function Fe(n) {
-  return n.map(cn);
+function Pe(n) {
+  return n.map(pn);
 }
-function dn(n) {
-  const t = (H[n.kind] ?? H.unknown).create(n.attrs);
+function hn(n) {
+  const t = (N[n.kind] ?? N.unknown).create(n.attrs);
   return t.setAttribute(F, n.id), n.html.length > 0 && (t.innerHTML = n.html), t;
 }
-function un(n, e) {
+function mn(n, e) {
   for (; n.firstChild; ) n.removeChild(n.firstChild);
   for (const t of e)
-    n.appendChild(dn(t));
+    n.appendChild(hn(t));
 }
 function de(n, e) {
   const t = [];
@@ -2527,7 +2718,7 @@ function ue(n, e, t) {
   }
   return null;
 }
-function pn(n) {
+function fn(n) {
   const e = n.element;
   switch (n.kind) {
     case "paragraph":
@@ -2557,7 +2748,7 @@ function ke(n) {
     for (const l of Array.from(t.childNodes)) e.push(l);
   }), e;
 }
-function hn(n, e, t) {
+function gn(n, e, t) {
   if (t.length === 0) return;
   let o = null;
   switch (e) {
@@ -2578,13 +2769,50 @@ function hn(n, e, t) {
     default:
       return;
   }
-  if (o) {
-    for (; o.firstChild; ) o.removeChild(o.firstChild);
-    for (const l of t) o.appendChild(l);
+  if (!o) return;
+  for (; o.firstChild; ) o.removeChild(o.firstChild);
+  for (const i of t) o.appendChild(i);
+  const l = N[e];
+  l && bn(o, l);
+}
+function bn(n, e) {
+  const t = new Set(e.allowedMarks);
+  for (const o of Array.from(n.querySelectorAll("*"))) {
+    if (!(o instanceof HTMLElement) || !o.parentNode) continue;
+    const l = o.tagName.toLowerCase();
+    if ((l === "b" || l === "strong") && !t.has("bold") || (l === "i" || l === "em") && !t.has("italic") || l === "u" && !t.has("underline") || (l === "s" || l === "strike" || l === "del") && !t.has("strike")) {
+      ve(o);
+      continue;
+    }
+    if (l === "span" || l === "font") {
+      const i = o.style;
+      if (!t.has("bold")) {
+        const c = i.fontWeight;
+        (c === "bold" || c === "bolder" || /^[7-9]\d{2}$|^1000$/.test(c)) && i.removeProperty("font-weight");
+      }
+      !t.has("italic") && i.fontStyle === "italic" && i.removeProperty("font-style");
+      const r = i.textDecorationLine || i.textDecoration || "";
+      if (r) {
+        const c = r.split(/\s+/), d = c.filter((u) => !(u === "underline" && !t.has("underline") || u === "line-through" && !t.has("strike")));
+        d.length !== c.length && (i.removeProperty("text-decoration"), i.removeProperty("text-decoration-line"), d.length > 0 && (i.textDecoration = d.join(" ")));
+      }
+      e.allowsColor || (i.removeProperty("color"), i.removeProperty("background-color"), l === "font" && o.removeAttribute("color")), e.allowsFontSize || (i.removeProperty("font-size"), l === "font" && o.removeAttribute("size")), e.allowsInlineFormat || (i.removeProperty("font-family"), l === "font" && o.removeAttribute("face"));
+      const s = i.cssText.trim().length > 0, a = Array.from(o.attributes).some(
+        (c) => c.name !== "style"
+      );
+      !s && !a && ve(o);
+    }
   }
 }
-function mn(n = {}) {
-  const e = n.fg || "currentColor", t = n.bg || "transparent", o = n.mode === "dark" ? !0 : n.mode === "light" ? !1 : fn(e, t);
+function ve(n) {
+  const e = n.parentNode;
+  if (e) {
+    for (; n.firstChild; ) e.insertBefore(n.firstChild, n);
+    e.removeChild(n);
+  }
+}
+function yn(n = {}) {
+  const e = n.fg || "currentColor", t = n.bg || "transparent", o = n.mode === "dark" ? !0 : n.mode === "light" ? !1 : wn(e, t);
   return {
     primary: n.primary || "#64c8ff",
     fg: e,
@@ -2594,13 +2822,13 @@ function mn(n = {}) {
     isDark: o
   };
 }
-function fn(n, e) {
-  const t = ve(n);
+function wn(n, e) {
+  const t = Ce(n);
   if (t !== null) return t > 0.5;
-  const o = ve(e);
+  const o = Ce(e);
   return o !== null ? o < 0.5 : !0;
 }
-function ve(n) {
+function Ce(n) {
   if (!n) return null;
   const e = n.trim();
   let t = -1, o = -1, l = -1;
@@ -2614,14 +2842,14 @@ function ve(n) {
   }
   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();
+function qe(n) {
+  const e = getComputedStyle(n), t = (c) => {
+    const d = e.getPropertyValue(c).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;
+  }, o = {}, l = t("--aw-primary"), i = t("--aw-fg"), r = t("--aw-bg"), s = t("--aw-border"), a = t("--aw-fg-muted");
+  return l && (o.primary = l), i && (o.fg = i), r && (o.bg = r), s && (o.border = s), a && (o.fgMuted = a), o;
 }
-function gn(n) {
+function kn(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};`,
@@ -2641,7 +2869,7 @@ function gn(n) {
     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) {
+function vn(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;",
@@ -2675,8 +2903,8 @@ function bn(n) {
     "pre > code .hl-punct": `color:${n.fgMuted};`
   };
 }
-function qe(n, e = {}) {
-  const t = mn(e), o = gn(t), l = bn(t);
+function Oe(n, e = {}) {
+  const t = yn(e), o = kn(t), l = vn(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")) {
@@ -2702,7 +2930,7 @@ function oe(n, e) {
   const o = e.replace(/;\s*$/, ""), l = t.replace(/;\s*$/, "");
   n.setAttribute("style", `${o};${l}`);
 }
-function Oe(n) {
+function _e(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]")))
@@ -2719,12 +2947,12 @@ function O(n) {
   if (n.tagName === "HR")
     t.setStartAfter(n);
   else {
-    const o = yn(n);
+    const o = Cn(n);
     t.selectNodeContents(o), t.collapse(!0);
   }
   e.removeAllRanges(), e.addRange(t);
 }
-function yn(n) {
+function Cn(n) {
   switch (n.tagName) {
     case "UL":
     case "OL": {
@@ -2750,32 +2978,32 @@ function yn(n) {
 function J(n) {
   return n.appendChild(document.createElement("br")), n;
 }
-function _e(n) {
+function je(n) {
   const e = document.createElement(n), t = document.createElement("li");
   return t.appendChild(document.createElement("br")), e.appendChild(t), e;
 }
-function je(n) {
+function Ue(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) {
+function xn(n) {
   return n === void 0 || n < 1 ? 1 : n > 6 ? 6 : n;
 }
-function Ce(n) {
+function xe(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 = {
+const Ee = {
   bulletList: "bulletList",
   orderedList: "orderedList",
   blockquote: "blockquote",
   codeBlock: "codeBlock"
 }, le = "application/x-aeriz-block";
-class $n {
+class Rn {
   constructor(e) {
     w(this, "root");
     w(this, "content");
@@ -2792,12 +3020,12 @@ class $n {
     w(this, "statusSourceEl");
     w(this, "options");
     w(this, "observer");
-    w(this, "blockIds", new De());
+    w(this, "blockIds", new Fe());
     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, "state", Mn());
     w(this, "destroyed", !1);
     w(this, "syncQueued", !1);
     w(this, "lastSerialized", "");
@@ -2815,9 +3043,9 @@ class $n {
     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)
+      const r = e.toolbar ?? Ve;
+      this.toolbar = new Ge(r, {
+        onAction: (s, a) => this.handleToolbarAction(s, a)
       }), 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) => {
@@ -2827,9 +3055,9 @@ class $n {
     }), 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, () => {
+    const o = Te("되돌리기 (Ctrl+Z)", E.undo, () => {
       this.content.focus(), document.execCommand("undo");
-    }), l = Se("다시 실행 (Ctrl+Y)", E.redo, () => {
+    }), l = Te("다시 실행 (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);
@@ -2855,8 +3083,8 @@ class $n {
    * 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;
+    const e = this.content.cloneNode(!0), t = qe(this.root), o = this.currentTheme();
+    return o && (t.mode = o), Oe(e, t), _e(e), e.innerHTML;
   }
   /** 가공 없는 원본 innerHTML. 직렬화 검증/디버그 용도. */
   getRawHTML() {
@@ -2882,7 +3110,7 @@ class $n {
    * AerizViewer.setBlocks(snapshots) 가 받아 동일한 트리를 렌더할 수 있다.
    */
   serialize() {
-    return Fe(this.getBlocks());
+    return Pe(this.getBlocks());
   }
   /**
    * data-block-id 로 본문에서 블록을 찾아 반환. 없으면 null.
@@ -2904,14 +3132,14 @@ class $n {
    * - 미지정 시 현재 active block 사용. 둘 다 없으면 본문 끝에 새 블록 추가.
    */
   setBlockType(e, t, o) {
-    const l = H[e];
+    const l = N[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;
+    const l = fn(e), i = t.create(o);
+    return gn(i, t.kind, l), i.setAttribute("data-block-explicit", "true"), e.element.replaceWith(i), i;
   }
   appendBlock(e, t) {
     const o = e.create(t);
@@ -2944,9 +3172,9 @@ class $n {
         break;
       }
       case "fontFamily": {
-        if (!Ee(this.getActiveBlock())) return;
+        if (!Le(this.getActiveBlock())) return;
         const o = this.detectActiveFontId();
-        Mt(
+        Bt(
           t,
           (l) => this.applyFontFamily(l.stack),
           o ?? void 0
@@ -2954,7 +3182,7 @@ class $n {
         break;
       }
       case "fontSize": {
-        if (!Le(this.getActiveBlock())) return;
+        if (!Ae(this.getActiveBlock())) return;
         const o = this.detectActiveFontSize();
         It(
           t,
@@ -2964,7 +3192,7 @@ class $n {
         break;
       }
       case "color": {
-        if (!Y(this.getActiveBlock())) return;
+        if (!V(this.getActiveBlock())) return;
         te(
           t,
           (o) => this.handleColorPick(o, "foreColor"),
@@ -2973,7 +3201,7 @@ class $n {
         break;
       }
       case "backgroundColor": {
-        if (!Y(this.getActiveBlock())) return;
+        if (!V(this.getActiveBlock())) return;
         te(
           t,
           (o) => this.handleColorPick(o, "hiliteColor"),
@@ -2983,11 +3211,11 @@ class $n {
       }
       case "align": {
         if (!ie(this.getActiveBlock())) return;
-        Nt(t, (o) => this.applyAlign(o));
+        Mt(t, (o) => this.applyAlign(o));
         break;
       }
       case "cellBg": {
-        if (!V(this.getActiveBlock())) return;
+        if (!Y(this.getActiveBlock())) return;
         const o = this.getSelectedTableCells();
         if (o.length === 0) return;
         te(
@@ -2998,7 +3226,7 @@ class $n {
         break;
       }
       case "tableMenu": {
-        if (!V(this.getActiveBlock())) return;
+        if (!Y(this.getActiveBlock())) return;
         Rt(t, (o) => this.runTableMenu(o));
         break;
       }
@@ -3006,7 +3234,7 @@ class $n {
         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(
           t,
           (r) => this.applyCodeLanguage(o.element, r.id),
           i
@@ -3223,8 +3451,8 @@ class $n {
       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);
+        const a = s.tagName.toLowerCase(), c = document.createElement(a);
+        c.appendChild(document.createElement("br")), e === "left" ? r.insertBefore(c, s) : r.insertBefore(c, s.nextSibling);
       }
       this.flush();
     }
@@ -3262,8 +3490,8 @@ class $n {
    * code 안에 있다면 textContent offset 으로 caret 위치 보존.
    */
   rehighlightCode(e, t) {
-    const o = e.textContent ?? "", l = xn(e);
-    e.innerHTML = wt(o, t), l && En(e, l);
+    const o = e.textContent ?? "", l = Ln(e);
+    e.innerHTML = kt(o, t), l && An(e, l);
   }
   /**
    * 본문에서 모든 codeBlock 을 순회하며 highlight 적용. setHTML / 초기 로드
@@ -3306,7 +3534,7 @@ class $n {
       this.content.style.cursor = "";
       return;
     }
-    const o = Ae(t, e.clientX, e.clientY);
+    const o = Se(t, e.clientX, e.clientY);
     this.content.style.cursor = o === "right" ? "col-resize" : o === "bottom" ? "row-resize" : "";
   }
   /**
@@ -3315,27 +3543,27 @@ class $n {
    * - 이미지·유튜브: 우하단 `.aw-resize-handle` element (corner resize)
    */
   handleTableResizeStart(e) {
-    var c;
+    var a;
     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);
+      const c = o.parentElement;
+      if (c instanceof HTMLElement && (c.tagName === "FIGURE" || c.tagName === "DIV" && c.classList.contains("aw-youtube-embed"))) {
+        e.preventDefault(), e.stopPropagation(), this.startBlockResize(c, e.clientX);
         return;
       }
     }
-    const l = (c = t == null ? void 0 : t.closest) == null ? void 0 : c.call(t, "td, th");
+    const l = (a = t == null ? void 0 : t.closest) == null ? void 0 : a.call(t, "td, th");
     if (!(l instanceof HTMLTableCellElement)) return;
-    const i = Ae(l, e.clientX, e.clientY);
+    const i = Se(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");
+      const c = l.closest("tr"), d = c ? Array.from(c.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);
+      for (const h of Array.from(u.querySelectorAll("tr"))) {
+        const f = h.children[d];
+        f instanceof HTMLTableCellElement && m.push(f);
       }
       this.tableResize = {
         kind: "col",
@@ -3346,18 +3574,18 @@ class $n {
         targetRow: null
       }, document.body.style.cursor = "col-resize";
     } else {
-      const a = l.closest("tr");
-      if (!(a instanceof HTMLTableRowElement)) return;
+      const c = l.closest("tr");
+      if (!(c instanceof HTMLTableRowElement)) return;
       this.tableResize = {
         kind: "row",
         startX: e.clientX,
         startY: e.clientY,
-        initialSize: a.getBoundingClientRect().height,
+        initialSize: c.getBoundingClientRect().height,
         targetCells: [],
-        targetRow: a
+        targetRow: c
       }, document.body.style.cursor = "row-resize";
     }
-    const r = (a) => this.handleTableResizeMove(a), s = () => {
+    const r = (c) => this.handleTableResizeMove(c), 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);
@@ -3396,8 +3624,8 @@ class $n {
     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`;
+      const s = r.clientX - t, a = Math.max(80, o + s);
+      e.style.width = `${Math.round(a)}px`;
     }, i = () => {
       document.removeEventListener("mousemove", l), document.removeEventListener("mouseup", i), document.body.style.cursor = "", e.classList.remove("aw-resizing"), this.flush();
     };
@@ -3426,7 +3654,7 @@ class $n {
     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);
+    return rt(o);
   }
   /**
    * 선택 영역에 글자 크기를 적용한다. execCommand('fontSize') 는 1~7 만 받기
@@ -3449,11 +3677,11 @@ class $n {
     }
     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");
+      const s = o.getRangeAt(0), a = G(s.startContainer), c = G(s.endContainer);
+      if (a && c && a !== c && this.content.contains(a) && this.content.contains(c)) {
+        const d = a.closest("table");
         if (d instanceof HTMLTableElement) {
-          this.applyFontSizeToCells(re(d, c, a), e);
+          this.applyFontSizeToCells(re(d, a, c), e);
           return;
         }
       }
@@ -3472,8 +3700,8 @@ class $n {
       try {
         i.surroundContents(r);
       } catch {
-        const c = i.extractContents();
-        r.appendChild(c), i.insertNode(r);
+        const a = i.extractContents();
+        r.appendChild(a), i.insertNode(r);
       }
       l.removeAllRanges();
       const s = document.createRange();
@@ -3492,7 +3720,7 @@ class $n {
     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);
+    return lt(o);
   }
   /**
    * 블록 유형 드롭다운을 열어 사용자 선택 결과를 처리한다.
@@ -3500,7 +3728,7 @@ class $n {
    * 로직(리치 블록 다이얼로그 분기 + targetId 보존) 을 공유한다.
    */
   openBlockTypeMenu(e, t) {
-    Tt(e, (o) => {
+    Nt(e, (o) => {
       if (o.kind === "linkCard") {
         this.openLinkDialogAndApply(t);
         return;
@@ -3514,7 +3742,7 @@ class $n {
         return;
       }
       if (o.kind === "table") {
-        zt(e, (l) => {
+        Dt(e, (l) => {
           this.setBlockType(
             "table",
             { rows: l.rows, cols: l.cols },
@@ -3544,7 +3772,7 @@ class $n {
    * 그 id 의 블록을 정확히 변환 대상으로 삼는다.
    */
   openLinkDialogAndApply(e) {
-    Ge({}, this.currentTheme()).then((t) => {
+    Ze({}, 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;
@@ -3557,7 +3785,7 @@ class $n {
    */
   openImageDialogAndApply(e) {
     const t = this.resolveImageUploadFn();
-    Ze(
+    Xe(
       { ...t ? { onUpload: t } : {} },
       this.currentTheme()
     ).then((o) => {
@@ -3569,9 +3797,9 @@ class $n {
    * 변환/추가. 잘못된 URL 이면 무시.
    */
   openYouTubeDialogAndApply(e) {
-    et(this.currentTheme()).then((t) => {
+    tt(this.currentTheme()).then((t) => {
       if (!t.confirmed || !t.url) return;
-      const o = Ln(t.url);
+      const o = Sn(t.url);
       o && this.setBlockType("youtube", { videoId: o }, e);
     });
   }
@@ -3583,7 +3811,7 @@ class $n {
    * - 삽입된 element 는 MutationObserver flush 가 새 data-block-id 를 발급.
    */
   openImportHtmlDialogAndApply(e) {
-    Xe(this.currentTheme()).then(async (t) => {
+    Qe(this.currentTheme()).then(async (t) => {
       if (!t.confirmed) return;
       if (!t.html || t.html.length === 0) {
         window.alert("가져올 HTML 이 비어 있습니다.");
@@ -3591,11 +3819,13 @@ class $n {
       }
       let o;
       try {
-        o = await Dt(t.html);
+        o = await Pt(t.html, {
+          mountTarget: this.content
+        });
       } catch (s) {
         console.error("HTML 가져오기 실패:", s);
-        const c = s instanceof Error ? s.message : String(s);
-        window.alert(`HTML 가져오기 실패: ${c}`);
+        const a = s instanceof Error ? s.message : String(s);
+        window.alert(`HTML 가져오기 실패: ${a}`);
         return;
       }
       if (o.length === 0) {
@@ -3604,25 +3834,25 @@ class $n {
       }
       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;
+        const a = $n(s.tagName) ? s : (() => {
+          const c = document.createElement("p");
+          return c.appendChild(s), c;
         })();
-        c.setAttribute("data-block-explicit", "true"), i.push(c);
+        a.setAttribute("data-block-explicit", "true"), i.push(a);
       }
       if (l)
         if (l.tagName === "P" && (l.textContent ?? "").trim().length === 0 && i.length > 0) {
-          const c = i[0];
-          l.replaceWith(c);
-          let a = c;
+          const a = i[0];
+          l.replaceWith(a);
+          let c = a;
           for (let d = 1; d < i.length; d++) {
             const u = i[d];
-            a.after(u), a = u;
+            c.after(u), c = u;
           }
         } else {
-          let c = l;
-          for (const a of i)
-            c.after(a), c = a;
+          let a = l;
+          for (const c of i)
+            a.after(c), a = c;
         }
       else
         for (const s of i) this.content.appendChild(s);
@@ -3636,7 +3866,7 @@ class $n {
    * 본문에 element 들을 삽입한다. importHtml 과 동일한 삽입 정책을 따른다.
    */
   openMarkdownImportDialogAndApply(e) {
-    Qe(this.currentTheme()).then((t) => {
+    Je(this.currentTheme()).then((t) => {
       if (!t.confirmed) return;
       if (!t.markdown || t.markdown.length === 0) {
         window.alert("가져올 Markdown 이 비어 있습니다.");
@@ -3644,7 +3874,7 @@ class $n {
       }
       let o;
       try {
-        o = Pt(t.markdown);
+        o = _t(t.markdown);
       } catch (r) {
         console.error("Markdown 파싱 실패:", r);
         const s = r instanceof Error ? r.message : String(r);
@@ -3661,15 +3891,15 @@ class $n {
         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;
+          let a = s;
+          for (let c = 1; c < o.length; c++) {
+            const d = o[c];
+            a.after(d), a = d;
           }
         } else {
           let s = l;
-          for (const c of o)
-            s.after(c), s = c;
+          for (const a of o)
+            s.after(a), s = a;
         }
       else
         for (const r of o) this.content.appendChild(r);
@@ -3685,7 +3915,7 @@ class $n {
    */
   openFileAttachmentDialogAndApply(e) {
     const t = this.resolveFileUploadFn();
-    Je(
+    et(
       { ...t ? { onUpload: t } : {} },
       this.currentTheme()
     ).then((o) => {
@@ -3694,7 +3924,7 @@ class $n {
         window.alert("파일 URL 이 비어 있습니다.");
         return;
       }
-      const l = { fileSrc: o.src }, i = o.name && o.name.length > 0 ? o.name : An(o.src);
+      const l = { fileSrc: o.src }, i = o.name && o.name.length > 0 ? o.name : Tn(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);
     });
   }
@@ -3921,8 +4151,8 @@ class $n {
     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`;
+    ), a = i.left - r.left + 4;
+    this.blockLabelPill.style.top = `${s}px`, this.blockLabelPill.style.left = `${a}px`;
   }
   /**
    * 하단 Status Bar 갱신.
@@ -3932,19 +4162,19 @@ class $n {
   syncStatusBar(e, t) {
     if (e) {
       const { type: r, match: s } = U(e.element);
-      let c = se(e.element, r, s);
+      let a = 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}`);
+        const c = e.element.querySelector(":scope > code"), d = c == null ? void 0 : c.getAttribute("data-language");
+        d && (a += ` · ${d}`);
       }
-      this.statusBlockEl.textContent = c;
+      this.statusBlockEl.textContent = a;
     } 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)}`;
+    this.statusSourceEl.textContent = `소스 ${Nn(i)}`;
   }
   syncBlockMarkers(e) {
     for (const t of Array.from(this.content.children)) {
@@ -3959,53 +4189,39 @@ class $n {
   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];
+      for (const o of Object.keys(Ee)) {
+        const l = Ee[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();
+      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", Le(t)), this.toolbar.setVisible("fontSize", Ae(t)), this.toolbar.setVisible("color", V(t)), this.toolbar.setVisible("backgroundColor", V(t)), this.toolbar.setVisible("align", ie(t)), this.toolbar.setVisible("cellBg", Y(t)), this.toolbar.setVisible("tableMenu", Y(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;
+  return n ? (N[n.kind] ?? N.unknown).allowedMarks.includes(e) : !1;
 }
-const kn = /* @__PURE__ */ new Set([
-  "paragraph",
-  "bulletList",
-  "orderedList",
-  "blockquote",
-  "codeBlock",
-  "table"
-]);
 function Le(n) {
-  return n ? kn.has(n.kind) : !1;
+  return n ? (N[n.kind] ?? N.unknown).allowsInlineFormat : !1;
 }
-const vn = /* @__PURE__ */ new Set([
-  "paragraph",
-  "bulletList",
-  "orderedList",
-  "table"
-]);
-function Y(n) {
-  return n ? vn.has(n.kind) : !1;
+function Ae(n) {
+  return n ? (N[n.kind] ?? N.unknown).allowsFontSize : !1;
 }
-const Cn = /* @__PURE__ */ new Set([
+function V(n) {
+  return n ? (N[n.kind] ?? N.unknown).allowsColor : !1;
+}
+const En = /* @__PURE__ */ new Set([
   "paragraph",
   "heading",
   "blockquote",
   "table"
 ]);
 function ie(n) {
-  return n ? Cn.has(n.kind) : !1;
+  return n ? En.has(n.kind) : !1;
 }
-function V(n) {
+function Y(n) {
   return (n == null ? void 0 : n.kind) === "table";
 }
-function xn(n) {
+function Ln(n) {
   const e = document.getSelection();
   if (!e || e.rangeCount === 0) return null;
   const t = e.getRangeAt(0);
@@ -4017,23 +4233,23 @@ function xn(n) {
   const i = o.toString().length;
   return { start: l, end: i };
 }
-function En(n, e) {
+function An(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;
+  let o = 0, l = null, i = 0, r = null, s = 0, a = t.nextNode();
+  for (; a; ) {
+    const m = ((u = a.textContent) == null ? void 0 : u.length) ?? 0;
+    if (!l && o + m >= e.start && (l = a, i = e.start - o), !r && o + m >= e.end) {
+      r = a, s = e.end - o;
       break;
     }
-    o += m, c = t.nextNode();
+    o += m, a = t.nextNode();
   }
   if (!l || !r) return;
-  const a = document.createRange();
-  a.setStart(l, i), a.setEnd(r, s);
+  const c = document.createRange();
+  c.setStart(l, i), c.setEnd(r, s);
   const d = document.getSelection();
-  d == null || d.removeAllRanges(), d == null || d.addRange(a);
+  d == null || d.removeAllRanges(), d == null || d.addRange(c);
 }
 function G(n) {
   let e = n;
@@ -4047,27 +4263,27 @@ function re(n, e, t) {
     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);
+  const a = Math.min(r, s), c = 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);
+  const m = Math.min(d, u), h = Math.max(d, u), f = [];
+  for (let p = a; p <= c; p++) {
+    const g = i[p];
+    if (g)
+      for (let b = m; b <= h; b++) {
+        const v = g.children[b];
+        v instanceof HTMLTableCellElement && f.push(v);
       }
   }
-  return p;
+  return f;
 }
-function Ae(n, e, t) {
+function Se(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) : "?";
+  return n.getAttribute("data-block-explicit") === "true" || !e.isEmpty(n) ? t.kind === "unknown" ? n.tagName.toLowerCase() : un(t) : "?";
 }
-function Ln(n) {
+function Sn(n) {
   const e = n.trim();
   if (!e) return null;
   let t;
@@ -4085,7 +4301,7 @@ function Ln(n) {
   }
   return null;
 }
-function An(n) {
+function Tn(n) {
   var e;
   try {
     const l = new URL(n, "http://localhost").pathname.split("/").filter(Boolean).pop();
@@ -4094,14 +4310,14 @@ function An(n) {
     return (((e = n.split("?")[0]) == null ? void 0 : e.split("#")[0]) ?? "").split("/").filter(Boolean).pop() ?? "";
   }
 }
-function Sn(n) {
+function Nn(n) {
   return n >= 1e6 ? `${(n / 1e6).toFixed(1)}M` : n >= 1e3 ? `${(n / 1e3).toFixed(1)}K` : `${n}`;
 }
-function Se(n, e, t) {
+function Te(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() {
+function Mn() {
   return {
     blocks: [],
     activeBlockId: null,
@@ -4115,7 +4331,7 @@ function Z(n) {
     return !1;
   }
 }
-const Nn = /* @__PURE__ */ new Set([
+const Bn = /* @__PURE__ */ new Set([
   "P",
   "DIV",
   "SECTION",
@@ -4147,14 +4363,14 @@ const Nn = /* @__PURE__ */ new Set([
   "FIELDSET",
   "ADDRESS"
 ]);
-function Mn(n) {
-  return Nn.has(n.toUpperCase());
+function $n(n) {
+  return Bn.has(n.toUpperCase());
 }
-class Rn {
+class In {
   constructor(e) {
     w(this, "root");
     w(this, "content");
-    w(this, "blockIds", new De());
+    w(this, "blockIds", new Fe());
     w(this, "idFor", (e) => this.blockIds.ensure(e));
     w(this, "destroyed", !1);
     if (!(e.element instanceof HTMLElement))
@@ -4169,11 +4385,11 @@ class Rn {
    * 경로를 거치지 않는다.
    */
   setBlocks(e) {
-    un(this.content, e), ce(this.content, this.blockIds);
+    mn(this.content, e), ce(this.content, this.blockIds);
   }
   /** 현재 본문의 BlockSnapshot 배열을 반환한다. */
   getBlocks() {
-    return Fe(this.listBlocksInternal());
+    return Pe(this.listBlocksInternal());
   }
   /** 임의의 노드를 받아 그 노드가 속한 블록을 반환한다. 본문 밖이면 null. */
   getBlockOf(e) {
@@ -4184,8 +4400,8 @@ class Rn {
    * 보이도록 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;
+    const e = this.content.cloneNode(!0), t = qe(this.root), o = this.root.dataset.theme;
+    return (o === "light" || o === "dark") && (t.mode = o), Oe(e, t), _e(e), e.innerHTML;
   }
   setTheme(e) {
     this.root.dataset.theme = e;
@@ -4200,28 +4416,28 @@ class Rn {
 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,
+  Rn as AerizEditor,
+  In 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,
+  N as BLOCK_TYPE_BY_KIND,
+  Fe as BlockIdRegistry,
+  Ve as DEFAULT_TOOLBAR,
+  Oe as applyBlockInlineStyles,
   ce as assignMissingIds,
   U as classifyBlockElement,
-  pn as extractInlineContent,
-  hn as fillInlineContent,
+  fn as extractInlineContent,
+  gn as fillInlineContent,
   ue as findBlockFrom,
-  an as getBlockLabel,
+  un 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
+  qe as readBlockStyleTheme,
+  hn as renderBlock,
+  mn as renderBlocks,
+  pn as serializeBlock,
+  Pe as serializeBlocks,
+  _e as stripEditorOnlyAttrs
 };