@snowcone-app/canvas 0.29.0 → 0.31.0

package/dist/{ExportManager-B8Td7uR5.js → ExportManager-Bkzzyxgw.js}

@@ -1,12 +1,12 @@
-import { c as U, G as me, a2 as Be, a3 as Le, a4 as Ne, a5 as ye, a6 as Wn, a7 as Ue, a8 as Z, a0 as We, a1 as ze, a9 as sn, aa as zn, z as Xn, R as Ge, ab as He, ac as q, ad as Ve, ae as vn, P as je, S as qe, I as En, M as Xe, W as Ye, H as Ke, D as Je, O as Ze, J as Qe, K as nt, A as Yn } from "./FontAnalyzer-D4Sg-P6_.js";
-let $e = null;
-function et(e) {
-  $e = e;
+import { c as U, G as xe, a9 as ze, aa as Ge, ab as He, ac as ve, ad as Gn, ae as Ve, af as Q, a7 as je, a8 as qe, ag as on, ah as Hn, C as Jn, R as Xe, ai as Ye, aj as q, ak as Ke, al as wn, P as Je, S as Ze, I as An, Y as Qe, a0 as nt, Q as et, N as tt, _ as at, V as rt, W as st, A as Zn, K as it, E as we } from "./FontAnalyzer-BYhwxDhe.js";
+let Se = null;
+function ot(e) {
+  Se = e;
 }
-function Ca() {
-  return $e;
+function Oa() {
+  return Se;
 }
-const tt = U("TextureManager"), cn = class cn {
+const ct = U("TextureManager"), ln = class ln {
   /**
    * Load a texture by ID or URL
    */
@@ -20,7 +20,7 @@ const tt = U("TextureManager"), cn = class cn {
       s.crossOrigin = "anonymous", s.onload = () => {
         this.cache.set(n, s), this.cache.set(t, s), this.loading.delete(n), this.loading.delete(t), r(s);
       }, s.onerror = () => {
-        tt.error("Failed to load texture:", t), this.loading.delete(n), this.loading.delete(t), o(new Error(`Failed to load texture: ${t}`));
+        ct.error("Failed to load texture:", t), this.loading.delete(n), this.loading.delete(t), o(new Error(`Failed to load texture: ${t}`));
       }, s.src = t;
     });
     return this.loading.set(n, a), t !== n && this.loading.set(t, a), a;
@@ -86,7 +86,7 @@ const tt = U("TextureManager"), cn = class cn {
     return (t == null ? void 0 : t.presetColor) || "#ffffff";
   }
 };
-cn.cache = /* @__PURE__ */ new Map(), cn.loading = /* @__PURE__ */ new Map(), cn.TEXTURES = [
+ln.cache = /* @__PURE__ */ new Map(), ln.loading = /* @__PURE__ */ new Map(), ln.TEXTURES = [
   {
     id: "glass-frame",
     name: "Glass Frame",
@@ -96,33 +96,33 @@ cn.cache = /* @__PURE__ */ new Map(), cn.loading = /* @__PURE__ */ new Map(), cn
     // Light gray
   }
 ];
-let J = cn;
-const at = U("ElementPreviewRenderer"), rt = {
+let Z = ln;
+const lt = U("ElementPreviewRenderer"), dt = {
   width: 40,
   height: 40,
   padding: 4,
   backgroundColor: "transparent"
 };
-function st(e, n = {}) {
-  Hn();
-  const t = { ...rt, ...n }, a = document.createElement("canvas");
+function ft(e, n = {}) {
+  jn();
+  const t = { ...dt, ...n }, a = document.createElement("canvas");
   a.width = t.width, a.height = t.height;
   const r = a.getContext("2d");
   if (!r)
     return "";
   t.backgroundColor !== "transparent" && (r.fillStyle = t.backgroundColor, r.fillRect(0, 0, t.width, t.height)), r.save();
   try {
-    e instanceof me ? ot(r, e, t) : it(r, e, t);
+    e instanceof xe ? pt(r, e, t) : ut(r, e, t);
   } catch (o) {
-    at.warn("Failed to generate preview:", o);
+    lt.warn("Failed to generate preview:", o);
   }
   return r.restore(), a.toDataURL("image/png");
 }
-function it(e, n, t) {
+function ut(e, n, t) {
   var f;
   const a = ((f = n.getBoundingBox) == null ? void 0 : f.call(n)) || { x: 0, y: 0, width: 100, height: 100 }, r = a.width, o = a.height;
   if (r === 0 || o === 0) {
-    Kn(e, n, t);
+    Qn(e, n, t);
     return;
   }
   const s = t.width - t.padding * 2, c = t.height - t.padding * 2, i = Math.min(
@@ -131,14 +131,14 @@ function it(e, n, t) {
     1
     // Don't scale up, only down
   ), l = r * i, d = o * i, u = t.padding + (s - l) / 2, p = t.padding + (c - d) / 2;
-  e.save(), e.translate(u - a.x * i, p - a.y * i), e.scale(i, i), typeof n.render == "function" ? n.render(e, !1, !1) : Kn(e, n, t), e.restore();
+  e.save(), e.translate(u - a.x * i, p - a.y * i), e.scale(i, i), typeof n.render == "function" ? n.render(e, !1, !1) : Qn(e, n, t), e.restore();
 }
-function Kn(e, n, t) {
+function Qn(e, n, t) {
   e.fillStyle = "#888888", e.font = "10px Arial", e.textAlign = "center", e.textBaseline = "middle";
   const a = n.transformType || "Element";
   e.fillText(a, t.width / 2, t.height / 2);
 }
-function ot(e, n, t) {
+function pt(e, n, t) {
   const a = t.width - t.padding * 2, r = t.height - t.padding * 2, o = t.padding, s = t.padding;
   e.fillStyle = "#888888", e.strokeStyle = "#666666", e.lineWidth = 1;
   const c = r * 0.7, i = s + r * 0.3, l = a * 0.4, d = r * 0.2;
@@ -148,21 +148,21 @@ function ot(e, n, t) {
     i + c / 2
   ));
 }
-function ka(e, n, t) {
+function Ma(e, n, t) {
   var l;
   e.translate(n.x || 0, n.y || 0), e.rotate(-(n.rotation || 0) * Math.PI / 180);
   const a = n, r = a.fontSize || 24, o = a.fontFamily || "Arial", s = a.bold || !1, c = a.italic || !1;
-  e.font = Be(r, o, s, c);
+  e.font = ze(r, o, s, c);
   const i = a.text || "";
   if (n.transformType === "custom") {
-    const u = ((l = n.transformData) == null ? void 0 : l.width) || 200, p = Le(i, r, o, s, c), f = Math.min(p, u), $ = r * 1.2;
+    const u = ((l = n.transformData) == null ? void 0 : l.width) || 200, p = Ge(i, r, o, s, c), f = Math.min(p, u), $ = r * 1.2;
     e.rect(-f / 2, -$ / 2, f, $);
   } else {
     const d = e.measureText(i).width;
     e.beginPath(), e.moveTo(-d / 2, 0), e.lineTo(d / 2, 0), e.moveTo(-d / 2, -r), e.lineTo(d / 2, -r), e.moveTo(-d / 2, r * 0.2), e.lineTo(d / 2, r * 0.2);
   }
 }
-function ct(e, n) {
+function ht(e, n) {
   if (!n.transformData) return;
   const { borderRadius: t = 0 } = n.transformData, a = n.transformData.width ?? 100, r = n.transformData.height ?? 100;
   if (e.translate(n.x || 0, n.y || 0), e.rotate(-(n.rotation || 0) * Math.PI / 180), e.beginPath(), t > 0) {
@@ -171,22 +171,22 @@ function ct(e, n) {
   } else
     e.rect(-a / 2, -r / 2, a, r);
 }
-function Ta(e, n, t, a) {
+function Ra(e, n, t, a) {
   e.beginPath(), e.arc(n, t, a, 0, Math.PI * 2), e.closePath();
 }
-function _a(e, n, t, a, r) {
+function Ba(e, n, t, a, r) {
   e.beginPath(), e.rect(n, t, a, r), e.closePath();
 }
-function xe(e, n) {
+function Ce(e, n) {
   e.strokeStyle = n.color, e.lineWidth = n.width, e.lineCap = n.lineCap || "butt", e.lineJoin = n.lineJoin || "miter", n.miterLimit !== void 0 && (e.miterLimit = n.miterLimit), n.dashArray && n.dashArray.length > 0 ? e.setLineDash(n.dashArray) : e.setLineDash([]), n.opacity !== void 0 && (e.globalAlpha = n.opacity);
 }
-function lt(e, n) {
+function bt(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   const t = document.createElement("canvas");
   return t.width = e, t.height = n, t;
 }
-function ve(e, n, t) {
+function ke(e, n, t) {
   var i;
   if (!((i = n.stroke) != null && i.enabled)) return;
   const a = n;
@@ -194,23 +194,23 @@ function ve(e, n, t) {
   const o = (t == null ? void 0 : t.isKnockout) === !0, s = n.stroke.opacity ?? 1;
   if (!o && s < 1)
     try {
-      dt(e, n, a, t, s);
+      gt(e, n, a, t, s);
     } catch {
-      on(e, n, a, t, !1);
+      cn(e, n, a, t, !1);
     }
   else
-    on(e, n, a, t, o);
+    cn(e, n, a, t, o);
 }
-function dt(e, n, t, a, r) {
+function gt(e, n, t, a, r) {
   var k, _;
   const o = t.text || "", s = t.fontSize || 24, c = n.stroke.width, i = n.stroke.feather || 0, l = n.transformType === "custom" && ((k = n.transformData) == null ? void 0 : k.width), d = l ? ((_ = n.transformData) == null ? void 0 : _.width) ?? 200 : 0, u = l ? d + c * 2 + i * 2 + 40 : s * o.length * 0.7 + c * 2 + i * 2 + 40, p = s * 3 + c * 2 + i * 2 + 40, f = e.getTransform(), $ = Math.max(Math.abs(f.a), Math.abs(f.d), 1), h = Math.ceil(u * $ / 2) * 2, b = Math.ceil(p * $ / 2) * 2;
   if (h <= 0 || b <= 0) {
-    on(e, n, t, a, !1);
+    cn(e, n, t, a, !1);
     return;
   }
-  const v = lt(h, b), y = v.getContext("2d");
+  const v = bt(h, b), y = v.getContext("2d");
   if (!y) {
-    on(e, n, t, a, !1);
+    cn(e, n, t, a, !1);
     return;
   }
   const x = n.x || 0, m = n.y || 0, g = f.a * x + f.c * m + f.e, C = f.b * x + f.d * m + f.f;
@@ -223,21 +223,21 @@ function dt(e, n, t, a, r) {
     b / 2 - C + f.f
   );
   const T = n.stroke.opacity;
-  n.stroke.opacity = 1, on(y, n, t, a, !1), n.stroke.opacity = T, e.save(), e.resetTransform(), e.globalAlpha = r, e.drawImage(
+  n.stroke.opacity = 1, cn(y, n, t, a, !1), n.stroke.opacity = T, e.save(), e.resetTransform(), e.globalAlpha = r, e.drawImage(
     v,
     Math.round(g - h / 2),
     Math.round(C - b / 2)
   ), e.restore();
 }
-function on(e, n, t, a, r) {
+function cn(e, n, t, a, r) {
   var f;
   const o = t.text || "";
   e.save(), a != null && a.positionApplied || (e.translate(n.x || 0, n.y || 0), e.rotate(-(n.rotation || 0) * Math.PI / 180));
   const s = t.fontSize || 24, c = t.fontFamily || "Arial", i = t.bold || !1, l = t.italic || !1, d = t.textAlign || "center";
   e.font = `${l ? "italic " : ""}${i ? "bold " : ""}${s}px ${c}`, e.textAlign = d, e.textBaseline = "alphabetic", r ? (e.strokeStyle = "#000000", e.globalAlpha = 1) : (e.strokeStyle = n.stroke.color, n.stroke.opacity !== void 0 && (e.globalAlpha = n.stroke.opacity)), e.lineWidth = n.stroke.width, e.lineCap = n.stroke.lineCap || "round", e.lineJoin = n.stroke.lineJoin || "round", n.stroke.miterLimit !== void 0 && (e.miterLimit = n.stroke.miterLimit), !r && n.stroke.feather && n.stroke.feather > 0 && "filter" in e && (e.filter = `blur(${n.stroke.feather}px)`);
-  const u = Ne(s, c, i, l);
+  const u = He(s, c, i, l);
   if (n.transformType === "custom" && ((f = n.transformData) == null ? void 0 : f.width)) {
-    const $ = n.transformData, h = ($ == null ? void 0 : $.width) ?? 200, b = h - Z * 2, v = t.letterSpacing ?? 0, { lines: y, height: x } = ye(
+    const $ = n.transformData, h = ($ == null ? void 0 : $.width) ?? 200, b = h - Q * 2, v = t.letterSpacing ?? 0, { lines: y, height: x } = ve(
       o,
       b,
       s,
@@ -249,7 +249,7 @@ function on(e, n, t, a, r) {
       !0,
       // strict: wrap exactly at maxWidth
       { letterSpacing: v, lineHeight: t.lineHeight }
-    ), m = -h / 2, g = -x / 2, C = s * (t.lineHeight ?? Wn);
+    ), m = -h / 2, g = -x / 2, C = s * (t.lineHeight ?? Gn);
     y.forEach((T, k) => {
       const _ = k === 0, w = k === y.length - 1;
       let A = T;
@@ -261,10 +261,10 @@ function on(e, n, t, a, r) {
         const P = A.match(/ +$/), I = P ? P[0].length : 0;
         I > 0 && (A = A.substring(0, A.length - I));
       }
-      let E = m + Z;
-      d === "center" ? E = m + h / 2 : d === "right" && (E = m + h - Z);
+      let E = m + Q;
+      d === "center" ? E = m + h / 2 : d === "right" && (E = m + h - Q);
       const S = g + u.ascent + k * C;
-      Ue(e, A, E, S, v);
+      Ve(e, A, E, S, v);
     });
   } else {
     const b = -u.height / 2 + u.ascent;
@@ -272,17 +272,17 @@ function on(e, n, t, a, r) {
   }
   e.restore();
 }
-function ft(e, n, t) {
+function mt(e, n, t) {
   var r;
   if (!((r = n.stroke) != null && r.enabled) || !n.transformData) return;
   const a = (t == null ? void 0 : t.isKnockout) === !0;
-  e.save(), a ? (e.strokeStyle = "#000000", e.lineWidth = n.stroke.width, e.lineCap = n.stroke.lineCap || "butt", e.lineJoin = n.stroke.lineJoin || "miter", e.globalAlpha = 1, n.stroke.miterLimit !== void 0 && (e.miterLimit = n.stroke.miterLimit)) : xe(e, n.stroke), !a && n.stroke.feather && n.stroke.feather > 0 && "filter" in e && (e.filter = `blur(${n.stroke.feather}px)`), ct(e, n), e.stroke(), e.restore();
+  e.save(), a ? (e.strokeStyle = "#000000", e.lineWidth = n.stroke.width, e.lineCap = n.stroke.lineCap || "butt", e.lineJoin = n.stroke.lineJoin || "miter", e.globalAlpha = 1, n.stroke.miterLimit !== void 0 && (e.miterLimit = n.stroke.miterLimit)) : Ce(e, n.stroke), !a && n.stroke.feather && n.stroke.feather > 0 && "filter" in e && (e.filter = `blur(${n.stroke.feather}px)`), ht(e, n), e.stroke(), e.restore();
 }
-function Ea(e, n, t) {
-  n.enabled && (e.save(), xe(e, n), n.feather && n.feather > 0 && "filter" in e && (e.filter = `blur(${n.feather}px)`), e.beginPath(), t(), e.stroke(), e.restore());
+function La(e, n, t) {
+  n.enabled && (e.save(), Ce(e, n), n.feather && n.feather > 0 && "filter" in e && (e.filter = `blur(${n.feather}px)`), e.beginPath(), t(), e.stroke(), e.restore());
 }
-const Jn = U("GlyphRenderer");
-function ut(e, n, t, a, r, o, s, c = {}) {
+const ne = U("GlyphRenderer");
+function yt(e, n, t, a, r, o, s, c = {}) {
   try {
     const i = [];
     Object.entries(s).forEach(([b, v]) => {
@@ -320,7 +320,7 @@ function ut(e, n, t, a, r, o, s, c = {}) {
           }
         }
       } catch (m) {
-        Jn.warn("Error getting path for glyph:", b.name, m);
+        ne.warn("Error getting path for glyph:", b.name, m);
       }
       if (x) {
         const m = new Path2D(x);
@@ -329,10 +329,10 @@ function ut(e, n, t, a, r, o, s, c = {}) {
       h += b.advanceWidth * p;
     }), e.restore();
   } catch (i) {
-    Jn.error("Error rendering with fontkit:", i), e.fillStyle = c.color || "#000000", e.textAlign = c.align || "left", e.fillText(t, a, r);
+    ne.error("Error rendering with fontkit:", i), e.fillStyle = c.color || "#000000", e.textAlign = c.align || "left", e.fillText(t, a, r);
   }
 }
-function pt(e, n, t, a, r, o, s, c = {}) {
+function $t(e, n, t, a, r, o, s, c = {}) {
   const l = ((b) => {
     for (const v of b) {
       const y = v.codePointAt(0);
@@ -385,12 +385,12 @@ function pt(e, n, t, a, r, o, s, c = {}) {
     }
   }), e.restore();
 }
-function ht(e, n, t, a, r) {
+function xt(e, n, t, a, r) {
   e.fillStyle = t.color;
-  const o = t.textAlign || "center", s = (h) => h.letterSpacing !== void 0 ? h.letterSpacing : t.letterSpacing ?? 0, c = We(n);
+  const o = t.textAlign || "center", s = (h) => h.letterSpacing !== void 0 ? h.letterSpacing : t.letterSpacing ?? 0, c = je(n);
   let i, l;
   a !== void 0 && a > 0 && !r ? (i = [], l = [], c.forEach((h) => {
-    const b = ze(h, a, t);
+    const b = qe(h, a, t);
     b.forEach((v, y) => {
       i.push(v), l.push({
         isParagraphStart: y === 0,
@@ -407,33 +407,33 @@ function ht(e, n, t, a, r) {
     let y = 0, x = 0;
     const m = l[b].isParagraphStart, g = l[b].isParagraphEnd;
     h.forEach((S) => {
-      const P = S.style.fontSize !== void 0 ? S.style.fontSize : t.fontSize, I = S.style.fontFamily !== void 0 ? S.style.fontFamily : t.fontFamily, D = S.style.bold !== void 0 ? S.style.bold : t.bold || !1, F = S.style.italic !== void 0 ? S.style.italic : t.italic || !1;
-      e.font = B(P, I, D, F);
-      const M = sn(e.measureText(S.text).width, S.text, s(S.style));
-      v.push(M);
-      const L = dn(P, I, D, F);
+      const P = S.style.fontSize !== void 0 ? S.style.fontSize : t.fontSize, I = S.style.fontFamily !== void 0 ? S.style.fontFamily : t.fontFamily, F = S.style.bold !== void 0 ? S.style.bold : t.bold || !1, D = S.style.italic !== void 0 ? S.style.italic : t.italic || !1;
+      e.font = B(P, I, F, D);
+      const O = on(e.measureText(S.text).width, S.text, s(S.style));
+      v.push(O);
+      const L = fn(P, I, F, D);
       y = Math.max(y, L.height), x = Math.max(x, L.ascent);
     });
     const C = h.map((S) => S.text).join(""), T = C.match(/^ +/), k = C.match(/ +$/), _ = T ? T[0].length : 0, w = k ? k[0].length : 0;
     let A = 0, E = 0;
     h.forEach((S) => {
-      const P = S.style.fontSize !== void 0 ? S.style.fontSize : t.fontSize, I = S.style.fontFamily !== void 0 ? S.style.fontFamily : t.fontFamily, D = S.style.bold !== void 0 ? S.style.bold : t.bold || !1, F = S.style.italic !== void 0 ? S.style.italic : t.italic || !1;
-      let M = S.text;
-      const L = E, Cn = E + S.text.length;
+      const P = S.style.fontSize !== void 0 ? S.style.fontSize : t.fontSize, I = S.style.fontFamily !== void 0 ? S.style.fontFamily : t.fontFamily, F = S.style.bold !== void 0 ? S.style.bold : t.bold || !1, D = S.style.italic !== void 0 ? S.style.italic : t.italic || !1;
+      let O = S.text;
+      const L = E, kn = E + S.text.length;
       if (!m && _ > 0 && L < _) {
         const R = Math.min(_ - L, S.text.length);
-        M = M.substring(R);
+        O = O.substring(R);
       }
       if (!g && w > 0) {
         const R = C.length - w;
-        if (Cn > R) {
-          const H = !m && _ > 0 && L < _ ? Math.min(_ - L, S.text.length) : 0, kn = Math.max(0, R - L - H);
-          M = M.substring(0, kn);
+        if (kn > R) {
+          const H = !m && _ > 0 && L < _ ? Math.min(_ - L, S.text.length) : 0, Tn = Math.max(0, R - L - H);
+          O = O.substring(0, Tn);
         }
       }
-      E += S.text.length, M.length > 0 && (e.save(), e.font = B(P, I, D, F), A += sn(
-        e.measureText(M).width,
-        M,
+      E += S.text.length, O.length > 0 && (e.save(), e.font = B(P, I, F, D), A += on(
+        e.measureText(O).width,
+        O,
         s(S.style)
       ), e.restore());
     }), d.push({
@@ -448,7 +448,7 @@ function ht(e, n, t, a, r) {
       isParagraphEnd: g
     });
   });
-  const u = dn(t.fontSize, t.fontFamily, t.bold, t.italic), p = t.fontSize * (t.lineHeight ?? Wn);
+  const u = fn(t.fontSize, t.fontFamily, t.bold, t.italic), p = t.fontSize * (t.lineHeight ?? Gn);
   let f;
   d.length === 0 ? f = 0 : d.length === 1 ? f = u.height : f = (d.length - 1) * p + u.height;
   const $ = -f / 2;
@@ -459,63 +459,63 @@ function ht(e, n, t, a, r) {
     const C = $ + u.ascent + b * p, T = v.map((S) => S.text).join(""), k = T.match(/^ +/), _ = T.match(/ +$/), w = k ? k[0].length : 0, A = _ ? _[0].length : 0;
     let E = 0;
     v.forEach((S) => {
-      const P = S.style.fontSize !== void 0 ? S.style.fontSize : t.fontSize, I = S.style.fontFamily !== void 0 ? S.style.fontFamily : t.fontFamily, D = S.style.color !== void 0 ? S.style.color : t.color, F = S.style.bold !== void 0 ? S.style.bold : t.bold || !1, M = S.style.italic !== void 0 ? S.style.italic : t.italic || !1, L = S.style.underline !== void 0 ? S.style.underline : t.underline || !1, Cn = S.style.strikethrough !== void 0 ? S.style.strikethrough : t.strikethrough || !1;
-      let R = S.text, H = E, kn = E + S.text.length;
+      const P = S.style.fontSize !== void 0 ? S.style.fontSize : t.fontSize, I = S.style.fontFamily !== void 0 ? S.style.fontFamily : t.fontFamily, F = S.style.color !== void 0 ? S.style.color : t.color, D = S.style.bold !== void 0 ? S.style.bold : t.bold || !1, O = S.style.italic !== void 0 ? S.style.italic : t.italic || !1, L = S.style.underline !== void 0 ? S.style.underline : t.underline || !1, kn = S.style.strikethrough !== void 0 ? S.style.strikethrough : t.strikethrough || !1;
+      let R = S.text, H = E, Tn = E + S.text.length;
       if (!x && w > 0 && H < w) {
         const V = Math.min(w - H, S.text.length);
         R = R.substring(V);
       }
       if (!m && A > 0) {
         const V = T.length - A;
-        if (kn > V) {
-          const tn = !x && w > 0 && H < w ? Math.min(w - H, S.text.length) : 0, j = Math.max(0, V - H - tn);
+        if (Tn > V) {
+          const an = !x && w > 0 && H < w ? Math.min(w - H, S.text.length) : 0, j = Math.max(0, V - H - an);
           R = R.substring(0, j);
         }
       }
       if (E += S.text.length, R.length > 0) {
         const V = s(S.style);
-        e.font = B(P, I, F, M), e.fillStyle = D, e.textBaseline = "alphabetic", e.textAlign = "left", zn(e, R, g, C, V);
-        const tn = sn(e.measureText(R).width, R, V);
+        e.font = B(P, I, D, O), e.fillStyle = F, e.textBaseline = "alphabetic", e.textAlign = "left", Hn(e, R, g, C, V);
+        const an = on(e.measureText(R).width, R, V);
         if (L) {
           const j = C + P * 0.1;
-          e.beginPath(), e.moveTo(g, j), e.lineTo(g + tn, j), e.lineWidth = Math.max(1, P * 0.05), e.strokeStyle = D, e.stroke();
+          e.beginPath(), e.moveTo(g, j), e.lineTo(g + an, j), e.lineWidth = Math.max(1, P * 0.05), e.strokeStyle = F, e.stroke();
         }
-        if (Cn) {
+        if (kn) {
           const j = C - P * 0.25;
-          e.beginPath(), e.moveTo(g, j), e.lineTo(g + tn, j), e.lineWidth = Math.max(1, P * 0.05), e.strokeStyle = D, e.stroke();
+          e.beginPath(), e.moveTo(g, j), e.lineTo(g + an, j), e.lineWidth = Math.max(1, P * 0.05), e.strokeStyle = F, e.stroke();
         }
-        g += tn;
+        g += an;
       }
     });
   });
 }
-const An = U("canvas-renderer");
-let pn = null;
-function Gn() {
-  if (!pn)
+const Pn = U("canvas-renderer");
+let hn = null;
+function Vn() {
+  if (!hn)
     if (typeof OffscreenCanvas < "u")
-      pn = new OffscreenCanvas(1, 1).getContext("2d");
+      hn = new OffscreenCanvas(1, 1).getContext("2d");
     else if (typeof document < "u")
-      pn = document.createElement("canvas").getContext("2d");
+      hn = document.createElement("canvas").getContext("2d");
     else
       throw new Error("No canvas context available");
-  return pn;
+  return hn;
 }
 function B(e, n, t = !1, a = !1) {
   const r = [];
   return a && r.push("italic"), t && r.push("bold"), r.push(`${e}px`), r.push(n), r.join(" ");
 }
-function Zn(e, n, t, a = !1, r = !1, o = 0) {
-  const s = Gn();
-  return s.font = B(n, t, a, r), sn(s.measureText(e).width, e, o);
+function ee(e, n, t, a = !1, r = !1, o = 0) {
+  const s = Vn();
+  return s.font = B(n, t, a, r), on(s.measureText(e).width, e, o);
 }
-function dn(e, n, t = !1, a = !1) {
-  const r = Gn();
+function fn(e, n, t = !1, a = !1) {
+  const r = Vn();
   r.font = B(e, n, t, a);
   const s = r.measureText("ÁÉÍgjpqy"), c = s.actualBoundingBoxAscent || e * 0.8, i = s.actualBoundingBoxDescent || e * 0.2, l = c + i;
   return { ascent: c, descent: i, height: l };
 }
-function Aa(e, n) {
+function Na(e, n) {
   const t = e.map((r, o) => ({
     isParagraphStart: !n && o === 0,
     isParagraphEnd: !n && o === e.length - 1
@@ -528,14 +528,14 @@ function Aa(e, n) {
     return s || (i = i.replace(/^ +/, "")), c || (i = i.replace(/ +$/, "")), i;
   }).filter((r) => r.length > 0);
 }
-function bt(e, n) {
+function vt(e, n) {
   const t = n.fontSize, a = n.fontFamily, r = n.bold || !1, o = n.italic || !1, s = n.textAlign || "center", c = n.text;
   e.font = B(t, a, r, o), e.textAlign = s, e.textBaseline = "alphabetic", e.fillStyle = n.color;
-  const i = dn(t, a, r, o), u = -i.height / 2 + i.ascent;
-  zn(e, c, 0, u, n.letterSpacing);
+  const i = fn(t, a, r, o), u = -i.height / 2 + i.ascent;
+  Hn(e, c, 0, u, n.letterSpacing);
 }
-function gt(e, n, t, a, r = !1, o = !1, s) {
-  const c = Gn();
+function wt(e, n, t, a, r = !1, o = !1, s) {
+  const c = Vn();
   if (c.font = B(t, a, r, o), e.trim().length === 0)
     return [e];
   if (e.includes(`
@@ -543,7 +543,7 @@ function gt(e, n, t, a, r = !1, o = !1, s) {
     const k = e.split(`
 `), _ = [];
     for (let w = 0; w < k.length; w++) {
-      const A = k[w], E = gt(A, n, t, a, r, o);
+      const A = k[w], E = wt(A, n, t, a, r, o);
       _.push(...E);
     }
     return _;
@@ -571,7 +571,7 @@ function gt(e, n, t, a, r = !1, o = !1, s) {
   }
   return m.push(g), m.length > 0 && (m[0] = d + m[0], m[m.length - 1] = m[m.length - 1] + u), m;
 }
-function Pa(e, n, t, a, r, o, s = "left", c = 0, i = 0, l = 1.2, d = !1, u = !1, p = !1, f = !1, $, h) {
+function Ua(e, n, t, a, r, o, s = "left", c = 0, i = 0, l = 1.2, d = !1, u = !1, p = !1, f = !1, $, h) {
   e.font = B(r, o, d, u), e.textBaseline = "alphabetic", e.textAlign = s;
   const b = (w) => {
     for (const A of w) {
@@ -580,59 +580,59 @@ function Pa(e, n, t, a, r, o, s = "left", c = 0, i = 0, l = 1.2, d = !1, u = !1,
         return !0;
     }
     return !1;
-  }, v = $ && Object.values($).some((w) => w), y = h && h.length > 0, x = n.join(" "), m = b(x), g = v || y || m, C = g ? Xn.getFontSync(o, d ? 700 : 400) : null;
-  g && !C && (An.warn(
+  }, v = $ && Object.values($).some((w) => w), y = h && h.length > 0, x = n.join(" "), m = b(x), g = v || y || m, C = g ? Jn.getFontSync(o, d ? 700 : 400) : null;
+  g && !C && (Pn.warn(
     `[renderMultilineText] Font ${o} not loaded for fontkit rendering. Text may not render correctly. Has PUA: ${m}, Text: "${x}"`
-  ), Xn.loadFont(o, d ? 700 : 400).catch((w) => {
-    An.error("[renderMultilineText] Error loading font:", w);
+  ), Jn.loadFont(o, d ? 700 : 400).catch((w) => {
+    Pn.error("[renderMultilineText] Error loading font:", w);
   }));
-  const T = dn(r, o, d, u), k = r * l;
+  const T = fn(r, o, d, u), k = r * l;
   let _ = 0;
   n.forEach((w, A) => {
     let E = t + i;
     s === "center" ? E = t + c / 2 : s === "right" && (E = t + c - i);
-    const S = a + T.ascent + A * k, P = Array.from(w).length, I = y ? h.filter((D) => {
-      const F = D.charIndex - _;
-      return F >= 0 && F < P;
-    }).map((D) => ({
-      ...D,
-      charIndex: D.charIndex - _
+    const S = a + T.ascent + A * k, P = Array.from(w).length, I = y ? h.filter((F) => {
+      const D = F.charIndex - _;
+      return D >= 0 && D < P;
+    }).map((F) => ({
+      ...F,
+      charIndex: F.charIndex - _
       // Adjust to line-relative index
     })) : [];
-    if (C && (v || I.length > 0 || m) ? I.length > 0 || b(w) ? pt(e, C, w, E, S, r, I, {
+    if (C && (v || I.length > 0 || m) ? I.length > 0 || b(w) ? $t(e, C, w, E, S, r, I, {
       color: e.fillStyle,
       align: s === "start" || s === "end" ? "left" : s
-    }) : $ && ut(e, C, w, E, S, r, $, {
+    }) : $ && yt(e, C, w, E, S, r, $, {
       color: e.fillStyle,
       align: s === "start" || s === "end" ? "left" : s
     }) : e.fillText(w, E, S), _ += P + 1, p) {
-      const D = Zn(w, r, o, d, u);
-      let F = E;
-      s === "center" ? F = E - D / 2 : s === "right" && (F = E - D);
-      const M = S + r * 0.1;
-      e.beginPath(), e.moveTo(F, M), e.lineTo(F + D, M), e.lineWidth = Math.max(1, r * 0.05), e.strokeStyle = e.fillStyle, e.stroke();
+      const F = ee(w, r, o, d, u);
+      let D = E;
+      s === "center" ? D = E - F / 2 : s === "right" && (D = E - F);
+      const O = S + r * 0.1;
+      e.beginPath(), e.moveTo(D, O), e.lineTo(D + F, O), e.lineWidth = Math.max(1, r * 0.05), e.strokeStyle = e.fillStyle, e.stroke();
     }
     if (f) {
-      const D = Zn(w, r, o, d, u);
-      let F = E;
-      s === "center" ? F = E - D / 2 : s === "right" && (F = E - D);
-      const M = S - r * 0.25;
-      e.beginPath(), e.moveTo(F, M), e.lineTo(F + D, M), e.lineWidth = Math.max(1, r * 0.05), e.strokeStyle = e.fillStyle, e.stroke();
+      const F = ee(w, r, o, d, u);
+      let D = E;
+      s === "center" ? D = E - F / 2 : s === "right" && (D = E - F);
+      const O = S - r * 0.25;
+      e.beginPath(), e.moveTo(D, O), e.lineTo(D + F, O), e.lineWidth = Math.max(1, r * 0.05), e.strokeStyle = e.fillStyle, e.stroke();
     }
   });
 }
-function Pn(e, n) {
-  mt(e, n);
+function In(e, n) {
+  St(e, n);
 }
-function mt(e, n) {
+function St(e, n) {
   var r;
-  (r = n.stroke) != null && r.enabled && ve(e, n), e.save(), e.translate(n.x, n.y), e.rotate(-n.rotation * Math.PI / 180);
-  const t = n.transformData, a = ((t == null ? void 0 : t.width) ?? 100) - Z * 2;
+  (r = n.stroke) != null && r.enabled && ke(e, n), e.save(), e.translate(n.x, n.y), e.rotate(-n.rotation * Math.PI / 180);
+  const t = n.transformData, a = ((t == null ? void 0 : t.width) ?? 100) - Q * 2;
   if (n.richText) {
-    const o = Ge.fromJSON(n.richText);
+    const o = Xe.fromJSON(n.richText);
     e.save(), e.translate(0, 0);
     const s = n._lockedLineCount;
-    ht(
+    xt(
       e,
       o,
       {
@@ -652,7 +652,7 @@ function mt(e, n) {
     ), e.restore();
   } else if (n.text) {
     e.fillStyle = n.color;
-    const o = n._lockedLineCount, s = n.letterSpacing ?? 0, { lines: c, height: i } = ye(
+    const o = n._lockedLineCount, s = n.letterSpacing ?? 0, { lines: c, height: i } = ve(
       n.text,
       a,
       n.fontSize,
@@ -663,12 +663,12 @@ function mt(e, n) {
       !0,
       // strict: true
       { letterSpacing: s, lineHeight: n.lineHeight }
-    ), l = dn(
+    ), l = fn(
       n.fontSize,
       n.fontFamily,
       n.bold,
       n.italic
-    ), d = -((t == null ? void 0 : t.width) ?? 100) / 2, u = -i / 2, p = n.fontSize * (n.lineHeight ?? Wn);
+    ), d = -((t == null ? void 0 : t.width) ?? 100) / 2, u = -i / 2, p = n.fontSize * (n.lineHeight ?? Gn);
     e.font = `${n.italic ? "italic " : ""}${n.bold ? "bold " : ""}${n.fontSize}px ${n.fontFamily}`, e.textBaseline = "alphabetic", e.textAlign = n.textAlign, c.forEach((f, $) => {
       const h = $ === 0, b = $ === c.length - 1;
       let v = f;
@@ -680,11 +680,11 @@ function mt(e, n) {
         const m = v.match(/ +$/), g = m ? m[0].length : 0;
         g > 0 && (v = v.substring(0, v.length - g));
       }
-      let y = d + Z;
-      n.textAlign === "center" ? y = d + ((t == null ? void 0 : t.width) ?? 100) / 2 : n.textAlign === "right" && (y = d + ((t == null ? void 0 : t.width) ?? 100) - Z);
+      let y = d + Q;
+      n.textAlign === "center" ? y = d + ((t == null ? void 0 : t.width) ?? 100) / 2 : n.textAlign === "right" && (y = d + ((t == null ? void 0 : t.width) ?? 100) - Q);
       const x = u + l.ascent + $ * p;
-      if (zn(e, v, y, x, s), v.length > 0) {
-        const m = sn(e.measureText(v).width, v, s);
+      if (Hn(e, v, y, x, s), v.length > 0) {
+        const m = on(e.measureText(v).width, v, s);
         let g = y;
         if (n.textAlign === "center" ? g -= m / 2 : n.textAlign === "right" && (g -= m), n.underline) {
           const C = x + n.fontSize * 0.1;
@@ -699,17 +699,17 @@ function mt(e, n) {
   }
   e.restore();
 }
-function Ia(e, n) {
+function Wa(e, n) {
   var s;
   const t = n.opacity ?? 1, a = !!((s = n.stroke) != null && s.enabled), r = n.type === "custom";
   if (t < 1 && a && r) {
-    yt(e, n, t);
+    Ct(e, n, t);
     return;
   }
   const o = e.globalAlpha;
-  t !== 1 && (e.globalAlpha = t), In(e, n), e.globalAlpha = o;
+  t !== 1 && (e.globalAlpha = t), Fn(e, n), e.globalAlpha = o;
 }
-function yt(e, n, t) {
+function Ct(e, n, t) {
   var b;
   const a = n.transformData, r = n.fontSize || 24, o = ((b = n.stroke) == null ? void 0 : b.width) || 0, s = ((a == null ? void 0 : a.width) ?? r * n.text.length * 0.7) + o * 2 + 40, c = r * 3 + o * 2 + 40, i = e.getTransform(), l = Math.max(Math.abs(i.a), Math.abs(i.d), 1), d = Math.ceil(s * l), u = Math.ceil(c * l);
   let p;
@@ -717,7 +717,7 @@ function yt(e, n, t) {
   const f = p.getContext("2d");
   if (!f) {
     const v = e.globalAlpha;
-    e.globalAlpha = t, In(e, n), e.globalAlpha = v;
+    e.globalAlpha = t, Fn(e, n), e.globalAlpha = v;
     return;
   }
   const $ = i.a * n.x + i.e, h = i.d * n.y + i.f;
@@ -728,42 +728,42 @@ function yt(e, n, t) {
     i.d,
     i.e - $ + d / 2,
     i.f - h + u / 2
-  ), In(f, n), e.save(), e.setTransform(1, 0, 0, 1, 0, 0), e.globalAlpha = t, e.drawImage(p, $ - d / 2, h - u / 2), e.restore();
+  ), Fn(f, n), e.save(), e.setTransform(1, 0, 0, 1, 0, 0), e.globalAlpha = t, e.drawImage(p, $ - d / 2, h - u / 2), e.restore();
 }
-function In(e, n) {
+function Fn(e, n) {
   switch (n.type) {
     case "custom":
-      Pn(e, n);
+      In(e, n);
       break;
     case "circle":
-      we(e, n);
+      Te(e, n);
       break;
     case "wave":
-      Se(e, n);
+      _e(e, n);
       break;
     case "arch":
-      Ce(e, n);
+      Ee(e, n);
       break;
     case "ascend":
-      ke(e, n);
+      Ae(e, n);
       break;
     case "lean":
-      Te(e, n);
+      Pe(e, n);
       break;
     case "flag":
-      _e(e, n);
+      Ie(e, n);
       break;
     default:
-      An.warn(`[canvas-renderer] Unsupported transform type: ${n.type}`), Pn(e, n);
+      Pn.warn(`[canvas-renderer] Unsupported transform type: ${n.type}`), In(e, n);
   }
 }
-function $t(e, n) {
+function kt(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   const t = document.createElement("canvas");
   return t.width = e, t.height = n, t;
 }
-function nn(e, n, t) {
+function en(e, n, t) {
   if (t != null && t.enabled)
     if (e.strokeStyle = t.color, e.lineWidth = t.width, e.lineCap = t.lineCap || "round", e.lineJoin = t.lineJoin || "round", t.miterLimit !== void 0 && (e.miterLimit = t.miterLimit), t.opacity !== void 0) {
       const a = e.globalAlpha;
@@ -771,7 +771,7 @@ function nn(e, n, t) {
     } else
       e.strokeText(n, 0, 0);
 }
-function en(e, n, t) {
+function tn(e, n, t) {
   const a = n.stroke, r = (a == null ? void 0 : a.opacity) ?? 1, o = e.globalAlpha, s = (a == null ? void 0 : a.enabled) && r < 1, c = (a == null ? void 0 : a.enabled) && o < 1;
   if (!(s || c)) {
     t(e, n);
@@ -782,12 +782,12 @@ function en(e, n, t) {
     t(e, n);
     return;
   }
-  const _ = $t(T, k), w = _.getContext("2d");
+  const _ = kt(T, k), w = _.getContext("2d");
   if (!w) {
     t(e, n);
     return;
   }
-  const A = n.x || 0, E = n.y || 0, S = g.a * A + g.c * E + g.e, P = g.b * A + g.d * E + g.f, I = Math.round(S - T / 2), D = Math.round(P - k / 2);
+  const A = n.x || 0, E = n.y || 0, S = g.a * A + g.c * E + g.e, P = g.b * A + g.d * E + g.f, I = Math.round(S - T / 2), F = Math.round(P - k / 2);
   if (w.setTransform(
     g.a,
     g.b,
@@ -798,22 +798,22 @@ function en(e, n, t) {
   ), c) {
     w.globalAlpha = 1;
     const L = a.opacity;
-    s && (a.opacity = 1), t(w, n), s && (a.opacity = L), e.save(), e.resetTransform(), e.globalAlpha = o, e.drawImage(_, I, D), e.restore();
+    s && (a.opacity = 1), t(w, n), s && (a.opacity = L), e.save(), e.resetTransform(), e.globalAlpha = o, e.drawImage(_, I, F), e.restore();
     return;
   }
-  const F = a.opacity;
-  a.opacity = 1, t(w, n), a.opacity = F;
-  const M = a.enabled;
-  a.enabled = !1, t(e, n), a.enabled = M, e.save(), e.resetTransform(), e.globalAlpha = r, e.drawImage(
+  const D = a.opacity;
+  a.opacity = 1, t(w, n), a.opacity = D;
+  const O = a.enabled;
+  a.enabled = !1, t(e, n), a.enabled = O, e.save(), e.resetTransform(), e.globalAlpha = r, e.drawImage(
     _,
     I,
-    D
+    F
   ), e.restore();
 }
-function we(e, n) {
-  en(e, n, xt);
+function Te(e, n) {
+  tn(e, n, Tt);
 }
-function xt(e, n) {
+function Tt(e, n) {
   const t = n.transformData;
   e.save(), e.translate(n.x, n.y), e.rotate(-n.rotation * Math.PI / 180), e.scale(t.scale, t.scale);
   const a = n.bold ? "bold" : "normal", r = n.italic ? "italic" : "normal";
@@ -823,83 +823,83 @@ function xt(e, n) {
     let i = Math.PI / 2 + c / (2 * t.radius);
     o.forEach((l, d) => {
       const p = s[d] / t.radius, f = Math.cos(i - p / 2) * t.radius, $ = Math.sin(i - p / 2) * t.radius;
-      e.save(), e.translate(f, $), e.rotate(i - p / 2 - Math.PI / 2), nn(e, l, n.stroke), e.fillText(l, 0, 0), e.restore(), i -= p;
+      e.save(), e.translate(f, $), e.rotate(i - p / 2 - Math.PI / 2), en(e, l, n.stroke), e.fillText(l, 0, 0), e.restore(), i -= p;
     });
   } else {
     let i = -Math.PI / 2 - c / (2 * t.radius);
     o.forEach((l, d) => {
       const p = s[d] / t.radius, f = Math.cos(i + p / 2) * t.radius, $ = Math.sin(i + p / 2) * t.radius;
-      e.save(), e.translate(f, $), e.rotate(i + p / 2 + Math.PI / 2), nn(e, l, n.stroke), e.fillText(l, 0, 0), e.restore(), i += p;
+      e.save(), e.translate(f, $), e.rotate(i + p / 2 + Math.PI / 2), en(e, l, n.stroke), e.fillText(l, 0, 0), e.restore(), i += p;
     });
   }
   e.restore();
 }
-function Se(e, n) {
-  en(e, n, vt);
+function _e(e, n) {
+  tn(e, n, _t);
 }
-function vt(e, n) {
+function _t(e, n) {
   const t = n.transformData;
   e.save(), e.translate(n.x, n.y), e.rotate(-n.rotation * Math.PI / 180), e.font = B(n.fontSize, n.fontFamily, n.bold, n.italic), e.fillStyle = n.color, e.textAlign = "center", e.textBaseline = "middle";
   const a = n.text.split("");
   let o = -a.reduce((s, c) => s + e.measureText(c).width, 0) / 2;
   a.forEach((s) => {
     const c = e.measureText(s).width, i = o + c / 2, l = i / (t.width / 2), d = t.amplitude * n.fontSize * Math.sin(t.frequency * Math.PI * l), u = t.amplitude * t.frequency * Math.PI * Math.cos(t.frequency * Math.PI * l);
-    e.save(), e.translate(i, d), e.transform(1, u * He, 0, 1, 0, 0), nn(e, s, n.stroke), e.fillText(s, 0, 0), e.restore(), o += c;
+    e.save(), e.translate(i, d), e.transform(1, u * Ye, 0, 1, 0, 0), en(e, s, n.stroke), e.fillText(s, 0, 0), e.restore(), o += c;
   }), e.restore();
 }
-function Ce(e, n) {
-  en(e, n, wt);
+function Ee(e, n) {
+  tn(e, n, Et);
 }
-function wt(e, n) {
+function Et(e, n) {
   const t = n.transformData;
   e.save(), e.translate(n.x, n.y), e.rotate(-n.rotation * Math.PI / 180), e.font = B(n.fontSize, n.fontFamily, n.bold, n.italic), e.fillStyle = n.color, e.textAlign = "center", e.textBaseline = "middle";
   const a = n.text.split(""), r = a.reduce((c, i) => c + e.measureText(i).width, 0), o = t.width / 2;
   let s = -r / 2;
   a.forEach((c) => {
     const i = e.measureText(c).width, l = s + i / 2, d = l / o, u = (Math.pow(d, 2) - 1) * t.archHeight * n.fontSize, p = 2 * d * t.archHeight;
-    e.save(), e.translate(l, u), e.transform(1, p * 0.3, 0, 1, 0, 0), nn(e, c, n.stroke), e.fillText(c, 0, 0), e.restore(), s += i;
+    e.save(), e.translate(l, u), e.transform(1, p * 0.3, 0, 1, 0, 0), en(e, c, n.stroke), e.fillText(c, 0, 0), e.restore(), s += i;
   }), e.restore();
 }
-function ke(e, n) {
-  en(e, n, St);
+function Ae(e, n) {
+  tn(e, n, At);
 }
-function St(e, n) {
+function At(e, n) {
   const t = n.transformData;
   e.save(), e.translate(n.x, n.y), e.rotate(-n.rotation * Math.PI / 180), e.font = B(n.fontSize, n.fontFamily, n.bold, n.italic), e.fillStyle = n.color, e.textAlign = "center", e.textBaseline = "middle";
   const a = n.text.split(""), r = a.reduce((c, i) => c + e.measureText(i).width, 0), o = t.ascendAngle * Math.PI / 180;
   let s = -r / 2;
   a.forEach((c) => {
     const i = e.measureText(c).width, l = s + i / 2, d = l * Math.tan(o), u = Math.tan(o);
-    e.save(), e.translate(l, d), e.transform(1, u * 1, 0, 1, 0, 0), nn(e, c, n.stroke), e.fillText(c, 0, 0), e.restore(), s += i;
+    e.save(), e.translate(l, d), e.transform(1, u * 1, 0, 1, 0, 0), en(e, c, n.stroke), e.fillText(c, 0, 0), e.restore(), s += i;
   }), e.restore();
 }
-function Te(e, n) {
-  en(e, n, Ct);
+function Pe(e, n) {
+  tn(e, n, Pt);
 }
-function Ct(e, n) {
+function Pt(e, n) {
   var r;
   const t = n.transformData;
   e.save(), e.translate(n.x, n.y), e.rotate(-n.rotation * Math.PI / 180);
   const a = -t.leanAmount * Math.PI / 4;
   e.transform(1, 0, Math.tan(a), 1, 0, 0), e.font = B(n.fontSize, n.fontFamily, n.bold, n.italic), e.fillStyle = n.color, e.textAlign = "center", e.textBaseline = "middle", (r = n.stroke) != null && r.enabled && (e.save(), e.strokeStyle = n.stroke.color, e.lineWidth = n.stroke.width, e.lineCap = n.stroke.lineCap || "round", e.lineJoin = n.stroke.lineJoin || "round", n.stroke.opacity !== void 0 && (e.globalAlpha = n.stroke.opacity), e.strokeText(n.text, 0, 0), e.restore()), e.fillText(n.text, 0, 0), e.restore();
 }
-function _e(e, n) {
-  en(e, n, kt);
+function Ie(e, n) {
+  tn(e, n, It);
 }
-function kt(e, n) {
+function It(e, n) {
   const t = n.transformData;
   e.save(), e.translate(n.x, n.y), e.rotate(-n.rotation * Math.PI / 180), e.font = B(n.fontSize, n.fontFamily, n.bold, n.italic), e.fillStyle = n.color, e.textAlign = "center", e.textBaseline = "middle";
   const a = n.text.split("");
   let o = -a.reduce((s, c) => s + e.measureText(c).width, 0) / 2;
   a.forEach((s) => {
     const c = e.measureText(s).width, i = o + c / 2, l = i / (t.width / 2), d = Math.abs(l), u = t.amplitude * d, p = u * n.fontSize * Math.sin(t.frequency * Math.PI * l), f = u * t.frequency * Math.PI * Math.cos(t.frequency * Math.PI * l), $ = t.amplitude * Math.sign(l) * Math.sin(t.frequency * Math.PI * l), h = f + $;
-    e.save(), e.translate(i, p), e.transform(1, h * 0.3, 0, 1, 0, 0), nn(e, s, n.stroke), e.fillText(s, 0, 0), e.restore(), o += c;
+    e.save(), e.translate(i, p), e.transform(1, h * 0.3, 0, 1, 0, 0), en(e, s, n.stroke), e.fillText(s, 0, 0), e.restore(), o += c;
   }), e.restore();
 }
-function X(e) {
+function Y(e) {
   return (n, t) => e(n, t);
 }
-function Tt(e, n) {
+function Ft(e, n) {
   e.save();
   const t = e.canvas, a = t.width, r = t.height, o = e.getTransform(), s = [];
   let c = [];
@@ -929,37 +929,37 @@ function Tt(e, n) {
     }
   e.restore();
 }
-var Qn = !1;
-function Hn() {
-  Qn || (Qn = !0, q("arch", X(Ce)), q("ascend", X(ke)), q("circle", X(we)), q("flag", X(_e)), q("lean", X(Te)), q("wave", X(Se)), q(
+var te = !1;
+function jn() {
+  te || (te = !0, q("arch", Y(Ee)), q("ascend", Y(Ae)), q("circle", Y(Te)), q("flag", Y(Ie)), q("lean", Y(Pe)), q("wave", Y(_e)), q(
     "custom",
-    (e, n) => Pn(e, n)
-  ), Ve(Tt), et(
-    (e, n) => st(e, n)
+    (e, n) => In(e, n)
+  ), Ke(Ft), ot(
+    (e, n) => ft(e, n)
   ), globalThis.__scElementPaintersInstalled = !0);
 }
-Hn();
-function Vn(e, n, t = {}) {
+jn();
+function qn(e, n, t = {}) {
   const a = t.mode || "both";
   switch (e.save(), e.translate(n.x || 0, n.y || 0), e.rotate(-(n.rotation || 0) * Math.PI / 180), n.transformType) {
     case "image":
-      Et(e, n, a, t);
+      Ot(e, n, a, t);
       break;
     case "shape":
-      At(e, n, a, t);
+      Mt(e, n, a, t);
       break;
     case "group":
       break;
     default:
-      _t(e, n, a, t);
+      Dt(e, n, a, t);
       break;
   }
   e.restore();
 }
-function _t(e, n, t, a) {
+function Dt(e, n, t, a) {
   var s;
   const r = n, o = r.text || "";
-  o && ((t === "stroke" || t === "both") && ((s = n.stroke) != null && s.enabled) && (e.save(), ve(e, n, { ...a.renderingContext, positionApplied: !0 }), e.restore()), (t === "fill" || t === "both") && (e.save(), bt(e, {
+  o && ((t === "stroke" || t === "both") && ((s = n.stroke) != null && s.enabled) && (e.save(), ke(e, n, { ...a.renderingContext, positionApplied: !0 }), e.restore()), (t === "fill" || t === "both") && (e.save(), vt(e, {
     text: o,
     fontSize: r.fontSize || 24,
     fontFamily: r.fontFamily || "Arial",
@@ -970,12 +970,12 @@ function _t(e, n, t, a) {
     letterSpacing: r.letterSpacing
   }), e.restore()));
 }
-function Et(e, n, t, a) {
+function Ot(e, n, t, a) {
   var o;
   if (!n.transformData) return;
   const r = n.transformData;
   if (t === "fill" || t === "both")
-    if (Mt(e, n), a.loadedImage) {
+    if (Ut(e, n), a.loadedImage) {
       e.save(), e.clip();
       const s = r.flipHorizontal ? -1 : 1, c = r.flipVertical ? -1 : 1;
       e.scale(s, c);
@@ -983,34 +983,34 @@ function Et(e, n, t, a) {
       e.drawImage(a.loadedImage, -i / 2, -l / 2, i, l), e.restore();
     } else
       e.fillStyle = "#cccccc", e.fill();
-  (t === "stroke" || t === "both") && ((o = n.stroke) != null && o.enabled) && (e.save(), ft(e, n, a.renderingContext), e.restore());
+  (t === "stroke" || t === "both") && ((o = n.stroke) != null && o.enabled) && (e.save(), mt(e, n, a.renderingContext), e.restore());
 }
-function At(e, n, t, a) {
+function Mt(e, n, t, a) {
   var s, c;
   if (!n.transformData) return;
   const r = n.transformData, o = ((s = a.renderingContext) == null ? void 0 : s.isKnockout) === !0;
-  e.beginPath(), Ee(e, r), (t === "fill" || t === "both") && (e.fillStyle = o ? "#000000" : r.fillColor || "#3b82f6", e.globalAlpha = o ? 1 : r.fillOpacity ?? 1, e.fill()), (t === "stroke" || t === "both") && ((c = n.stroke) != null && c.enabled) && (e.save(), Ft(e, n, a.renderingContext), e.restore());
+  e.beginPath(), Fe(e, r), (t === "fill" || t === "both") && (e.fillStyle = o ? "#000000" : r.fillColor || "#3b82f6", e.globalAlpha = o ? 1 : r.fillOpacity ?? 1, e.fill()), (t === "stroke" || t === "both") && ((c = n.stroke) != null && c.enabled) && (e.save(), Nt(e, n, a.renderingContext), e.restore());
 }
-function Ee(e, n) {
+function Fe(e, n) {
   const { shapeType: t } = n, a = n.width ?? 100, r = n.height ?? 100;
   switch (t) {
     case "rectangle":
-      ne(e, n, a, r);
+      ae(e, n, a, r);
       break;
     case "circle":
-      Pt(e, Math.min(a, r) / 2);
+      Rt(e, Math.min(a, r) / 2);
       break;
     case "ellipse":
-      It(e, a / 2, r / 2);
+      Bt(e, a / 2, r / 2);
       break;
     case "star":
-      Dt(e, n, Math.min(a, r) / 2);
+      Lt(e, n, Math.min(a, r) / 2);
       break;
     default:
-      ne(e, n, a, r);
+      ae(e, n, a, r);
   }
 }
-function ne(e, n, t, a) {
+function ae(e, n, t, a) {
   const r = n.borderRadius || 0, o = -t / 2, s = -a / 2;
   if (r > 0) {
     const c = Math.min(r / 100 * Math.min(t, a), t / 2, a / 2);
@@ -1018,13 +1018,13 @@ function ne(e, n, t, a) {
   } else
     e.rect(o, s, t, a);
 }
-function Pt(e, n) {
+function Rt(e, n) {
   e.arc(0, 0, n, 0, Math.PI * 2);
 }
-function It(e, n, t) {
+function Bt(e, n, t) {
   e.ellipse(0, 0, n, t, 0, 0, Math.PI * 2);
 }
-function Dt(e, n, t) {
+function Lt(e, n, t) {
   const a = Math.max(3, Math.min(20, n.points || 5)), r = Math.max(0.1, Math.min(0.9, n.innerRadius || 0.4)), o = t * r, s = Math.PI / a, c = -Math.PI / 2;
   for (let i = 0; i < a * 2; i++) {
     const l = c + s * i, d = i % 2 === 0 ? t : o, u = Math.cos(l) * d, p = Math.sin(l) * d;
@@ -1032,13 +1032,13 @@ function Dt(e, n, t) {
   }
   e.closePath();
 }
-function Ft(e, n, t) {
+function Nt(e, n, t) {
   var r;
   if (!((r = n.stroke) != null && r.enabled) || !n.transformData) return;
   const a = (t == null ? void 0 : t.isKnockout) === !0;
-  e.save(), a ? (e.strokeStyle = "#000000", e.lineWidth = n.stroke.width, e.lineCap = n.stroke.lineCap || "butt", e.lineJoin = n.stroke.lineJoin || "miter", e.globalAlpha = 1) : (e.strokeStyle = n.stroke.color, e.lineWidth = n.stroke.width, e.lineCap = n.stroke.lineCap || "butt", e.lineJoin = n.stroke.lineJoin || "miter", n.stroke.opacity !== void 0 && (e.globalAlpha = n.stroke.opacity)), n.stroke.miterLimit !== void 0 && (e.miterLimit = n.stroke.miterLimit), n.stroke.dashArray && n.stroke.dashArray.length > 0 && e.setLineDash(n.stroke.dashArray), !a && n.stroke.feather && n.stroke.feather > 0 && "filter" in e && (e.filter = `blur(${n.stroke.feather}px)`), e.beginPath(), Ee(e, n.transformData), e.stroke(), e.restore();
+  e.save(), a ? (e.strokeStyle = "#000000", e.lineWidth = n.stroke.width, e.lineCap = n.stroke.lineCap || "butt", e.lineJoin = n.stroke.lineJoin || "miter", e.globalAlpha = 1) : (e.strokeStyle = n.stroke.color, e.lineWidth = n.stroke.width, e.lineCap = n.stroke.lineCap || "butt", e.lineJoin = n.stroke.lineJoin || "miter", n.stroke.opacity !== void 0 && (e.globalAlpha = n.stroke.opacity)), n.stroke.miterLimit !== void 0 && (e.miterLimit = n.stroke.miterLimit), n.stroke.dashArray && n.stroke.dashArray.length > 0 && e.setLineDash(n.stroke.dashArray), !a && n.stroke.feather && n.stroke.feather > 0 && "filter" in e && (e.filter = `blur(${n.stroke.feather}px)`), e.beginPath(), Fe(e, n.transformData), e.stroke(), e.restore();
 }
-function Mt(e, n) {
+function Ut(e, n) {
   if (!n.transformData) return;
   const { borderRadius: t } = n.transformData, a = n.transformData.width ?? 100, r = n.transformData.height ?? 100, o = -a / 2, s = -r / 2;
   if (e.beginPath(), t && t > 0) {
@@ -1056,21 +1056,21 @@ function Dn(e, n, t, a, r, o, s = "destination-out") {
   }
   const i = e.getTransform();
   e.save();
-  const l = n.knockoutParts.scope || "group", d = Ot(n, l, t);
+  const l = n.knockoutParts.scope || "group", d = Wt(n, l, t);
   if (d.length === 0 && l === "artboard") {
-    Bt(e, n, a), e.restore();
+    Gt(e, n, a), e.restore();
     return;
   }
   if (d.length === 0) {
     a(e, n), e.restore();
     return;
   }
-  const u = e.canvas, f = e.getTransform().a, $ = Lt(u.width, u.height), h = $.getContext("2d");
+  const u = e.canvas, f = e.getTransform().a, $ = Ht(u.width, u.height), h = $.getContext("2d");
   if (!h) return;
   h.scale(f, f), r && o && (h.fillStyle = r, h.fillRect(o.x, o.y, o.width, o.height));
   for (const m of d)
     a(h, m);
-  n.knockoutParts.fill && !n.knockoutParts.stroke && ((x = n.stroke) != null && x.enabled) && (h.save(), Mn(h, n), h.restore()), h.save(), h.globalCompositeOperation = s, n.knockoutParts.fill && Fn(h, n), n.knockoutParts.stroke && Mn(h, n), h.restore(), n.knockoutParts.fill || (h.save(), Fn(h, n), h.restore());
+  n.knockoutParts.fill && !n.knockoutParts.stroke && ((x = n.stroke) != null && x.enabled) && (h.save(), Mn(h, n), h.restore()), h.save(), h.globalCompositeOperation = s, n.knockoutParts.fill && On(h, n), n.knockoutParts.stroke && Mn(h, n), h.restore(), n.knockoutParts.fill || (h.save(), On(h, n), h.restore());
   const b = u.width / f, v = u.height / f;
   e.drawImage($, 0, 0, b, v), e.restore();
   const y = e.getTransform();
@@ -1083,59 +1083,59 @@ function Dn(e, n, t, a, r, o, s = "destination-out") {
     i.f
   );
 }
-function Da(e, n, t, a, r, o) {
+function za(e, n, t, a, r, o) {
   Dn(e, n, t, a, r, o, "destination-out");
 }
-function Ot(e, n, t) {
-  return n === "artboard" ? Ae(e, t) : Rt(e, t);
+function Wt(e, n, t) {
+  return n === "artboard" ? De(e, t) : zt(e, t);
 }
-function Ae(e, n) {
+function De(e, n) {
   const t = n.findIndex((a) => a.id === e.id);
   return t === -1 ? [] : n.slice(0, t);
 }
-function Rt(e, n) {
-  const t = Pe(e, n);
+function zt(e, n) {
+  const t = Oe(e, n);
   if (!t)
-    return Ae(e, n);
+    return De(e, n);
   if (t.transformType !== "group" || !t.children)
     return [];
   const a = t.children.findIndex((r) => r.id === e.id);
   return a === -1 ? [] : t.children.slice(0, a);
 }
-function Pe(e, n) {
+function Oe(e, n) {
   for (const t of n)
     if (t.transformType === "group" && t.children) {
       if (t.children.some((r) => r.id === e.id))
         return t;
-      const a = Pe(e, t.children);
+      const a = Oe(e, t.children);
       if (a)
         return a;
     }
   return null;
 }
-function Fn(e, n, t) {
-  Vn(e, n, {
+function On(e, n, t) {
+  qn(e, n, {
     mode: "fill",
     renderingContext: { isKnockout: !0 }
   });
 }
 function Mn(e, n) {
   var t;
-  (t = n.stroke) != null && t.enabled && Vn(e, n, {
+  (t = n.stroke) != null && t.enabled && qn(e, n, {
     mode: "stroke",
     renderingContext: { isKnockout: !0 }
   });
 }
-function Bt(e, n, t) {
+function Gt(e, n, t) {
   var r;
   const a = n.knockoutParts;
   if (!a) {
     t(e, n);
     return;
   }
-  a.fill || (e.save(), Fn(e, n), e.restore()), !a.stroke && ((r = n.stroke) != null && r.enabled) && (e.save(), Mn(e, n), e.restore());
+  a.fill || (e.save(), On(e, n), e.restore()), !a.stroke && ((r = n.stroke) != null && r.enabled) && (e.save(), Mn(e, n), e.restore());
 }
-function Lt(e, n) {
+function Ht(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   if (typeof document < "u") {
@@ -1144,7 +1144,7 @@ function Lt(e, n) {
   }
   throw new Error("No canvas context available");
 }
-function ee(e, n, t, a, r = 0) {
+function re(e, n, t, a, r = 0) {
   if (t <= 0 || a <= 0 || e <= 0 || n <= 0)
     return { width: e + r, height: n + r };
   const o = t / a, s = e / n;
@@ -1154,11 +1154,11 @@ function ee(e, n, t, a, r = 0) {
     height: i + r
   };
 }
-const an = 64, Tn = 512;
-function Nt(e, n) {
+const rn = 64, _n = 512;
+function Vt(e, n) {
   e.beginPath(), e.arc(n / 2, n / 2, n * 0.45, 0, Math.PI * 2), e.fill();
 }
-function Ut(e, n) {
+function jt(e, n) {
   const t = n / 2, a = n / 2, r = n * 0.45, o = r * 0.4, s = 5;
   e.beginPath();
   for (let c = 0; c < s * 2; c++) {
@@ -1167,15 +1167,15 @@ function Ut(e, n) {
   }
   e.closePath(), e.fill();
 }
-function Wt(e, n) {
+function qt(e, n) {
   const t = n / 2, a = n * 0.42;
   e.beginPath(), e.moveTo(t, n * 0.82), e.bezierCurveTo(t - a * 1.1, n * 0.6, t - a * 1.3, n * 0.2, t, n * 0.35), e.bezierCurveTo(t + a * 1.3, n * 0.2, t + a * 1.1, n * 0.6, t, n * 0.82), e.closePath(), e.fill();
 }
-function zt(e, n) {
+function Xt(e, n) {
   const t = n / 2, a = n / 2, r = n * 0.4, o = n * 0.48;
   e.beginPath(), e.moveTo(t, a - o), e.lineTo(t + r, a), e.lineTo(t, a + o), e.lineTo(t - r, a), e.closePath(), e.fill();
 }
-function Gt(e, n) {
+function Yt(e, n) {
   const t = n / 2, a = n / 2, r = n * 0.44;
   e.beginPath();
   for (let o = 0; o < 6; o++) {
@@ -1184,11 +1184,11 @@ function Gt(e, n) {
   }
   e.closePath(), e.fill();
 }
-function Ht(e, n) {
+function Kt(e, n) {
   const t = n / 2, a = n * 0.4, r = n * 0.12;
   e.beginPath(), e.moveTo(t, r), e.lineTo(t + a, n * 0.25), e.lineTo(t + a, n * 0.55), e.quadraticCurveTo(t + a * 0.3, n * 0.8, t, n * 0.9), e.quadraticCurveTo(t - a * 0.3, n * 0.8, t - a, n * 0.55), e.lineTo(t - a, n * 0.25), e.closePath(), e.fill();
 }
-function Vt(e, n) {
+function Jt(e, n) {
   const t = n / 2, a = n / 2;
   let r = 42;
   const o = () => (r = (r * 16807 + 0) % 2147483647, r / 2147483647);
@@ -1198,7 +1198,7 @@ function Vt(e, n) {
     e.beginPath(), e.arc(t + Math.cos(c) * i, a + Math.sin(c) * i, l, 0, Math.PI * 2), e.fill();
   }
 }
-function jt(e, n) {
+function Zt(e, n) {
   let t = 123;
   const a = () => (t = (t * 16807 + 0) % 2147483647, t / 2147483647), r = n * 0.08, o = 40;
   e.beginPath(), e.moveTo(r, r);
@@ -1220,7 +1220,7 @@ function jt(e, n) {
   }
   e.closePath(), e.fill();
 }
-function qt(e, n) {
+function Qt(e, n) {
   let t = 77;
   const a = () => (t = (t * 16807 + 0) % 2147483647, t / 2147483647), r = n * 0.25, o = n * 0.75, s = n * 0.1;
   e.beginPath(), e.moveTo(s, r + a() * n * 0.05);
@@ -1234,101 +1234,101 @@ function qt(e, n) {
   }
   e.closePath(), e.fill();
 }
-function Xt(e, n) {
+function na(e, n) {
   const t = n / 2, a = n * 0.55;
   e.beginPath(), e.arc(t, a, n * 0.2, 0, Math.PI * 2), e.fill(), e.beginPath(), e.arc(t - n * 0.18, a + n * 0.02, n * 0.15, 0, Math.PI * 2), e.fill(), e.beginPath(), e.arc(t + n * 0.18, a + n * 0.02, n * 0.16, 0, Math.PI * 2), e.fill(), e.beginPath(), e.arc(t - n * 0.06, a - n * 0.14, n * 0.14, 0, Math.PI * 2), e.fill(), e.beginPath(), e.arc(t + n * 0.1, a - n * 0.12, n * 0.12, 0, Math.PI * 2), e.fill();
 }
-const Yt = [
+const ea = [
   // Geometric
-  { id: "circle", name: "Circle", description: "Perfect circle", imageUrl: "builtin-mask:circle", thumbnailUrl: "", category: "geometric", draw: Nt },
-  { id: "star", name: "Star", description: "5-pointed star", imageUrl: "builtin-mask:star", thumbnailUrl: "", category: "geometric", draw: Ut },
-  { id: "heart", name: "Heart", description: "Heart shape", imageUrl: "builtin-mask:heart", thumbnailUrl: "", category: "geometric", draw: Wt },
-  { id: "diamond", name: "Diamond", description: "Diamond/rhombus", imageUrl: "builtin-mask:diamond", thumbnailUrl: "", category: "geometric", draw: zt },
-  { id: "hexagon", name: "Hexagon", description: "Regular hexagon", imageUrl: "builtin-mask:hexagon", thumbnailUrl: "", category: "geometric", draw: Gt },
-  { id: "shield", name: "Shield", description: "Shield/crest shape", imageUrl: "builtin-mask:shield", thumbnailUrl: "", category: "geometric", draw: Ht },
+  { id: "circle", name: "Circle", description: "Perfect circle", imageUrl: "builtin-mask:circle", thumbnailUrl: "", category: "geometric", draw: Vt },
+  { id: "star", name: "Star", description: "5-pointed star", imageUrl: "builtin-mask:star", thumbnailUrl: "", category: "geometric", draw: jt },
+  { id: "heart", name: "Heart", description: "Heart shape", imageUrl: "builtin-mask:heart", thumbnailUrl: "", category: "geometric", draw: qt },
+  { id: "diamond", name: "Diamond", description: "Diamond/rhombus", imageUrl: "builtin-mask:diamond", thumbnailUrl: "", category: "geometric", draw: Xt },
+  { id: "hexagon", name: "Hexagon", description: "Regular hexagon", imageUrl: "builtin-mask:hexagon", thumbnailUrl: "", category: "geometric", draw: Yt },
+  { id: "shield", name: "Shield", description: "Shield/crest shape", imageUrl: "builtin-mask:shield", thumbnailUrl: "", category: "geometric", draw: Kt },
   // Organic
-  { id: "splatter", name: "Splatter", description: "Ink splatter", imageUrl: "builtin-mask:splatter", thumbnailUrl: "", category: "organic", draw: Vt },
-  { id: "torn-edge", name: "Torn Edge", description: "Rough torn paper edge", imageUrl: "builtin-mask:torn-edge", thumbnailUrl: "", category: "organic", draw: jt },
-  { id: "paint-stroke", name: "Paint Stroke", description: "Horizontal brush stroke", imageUrl: "builtin-mask:paint-stroke", thumbnailUrl: "", category: "organic", draw: qt },
-  { id: "cloud", name: "Cloud", description: "Soft cloud shape", imageUrl: "builtin-mask:cloud", thumbnailUrl: "", category: "organic", draw: Xt }
+  { id: "splatter", name: "Splatter", description: "Ink splatter", imageUrl: "builtin-mask:splatter", thumbnailUrl: "", category: "organic", draw: Jt },
+  { id: "torn-edge", name: "Torn Edge", description: "Rough torn paper edge", imageUrl: "builtin-mask:torn-edge", thumbnailUrl: "", category: "organic", draw: Zt },
+  { id: "paint-stroke", name: "Paint Stroke", description: "Horizontal brush stroke", imageUrl: "builtin-mask:paint-stroke", thumbnailUrl: "", category: "organic", draw: Qt },
+  { id: "cloud", name: "Cloud", description: "Soft cloud shape", imageUrl: "builtin-mask:cloud", thumbnailUrl: "", category: "organic", draw: na }
 ];
-let te = !1;
-function ae(e, n) {
+let se = !1;
+function ie(e, n) {
   if (typeof document > "u") return null;
   const t = document.createElement("canvas");
   return t.width = e, t.height = n, t;
 }
-function Kt() {
-  if (typeof document > "u" || te) return;
-  te = !0;
-  const e = vn.getInstance();
-  for (const n of Yt) {
-    const t = ae(Tn, Tn);
+function ta() {
+  if (typeof document > "u" || se) return;
+  se = !0;
+  const e = wn.getInstance();
+  for (const n of ea) {
+    const t = ie(_n, _n);
     if (!t) continue;
     const a = t.getContext("2d");
     if (!a) continue;
-    a.fillStyle = "white", n.draw(a, Tn);
+    a.fillStyle = "white", n.draw(a, _n);
     const r = t.toDataURL("image/png"), o = e.acquire(n.imageUrl);
     o.crossOrigin = "anonymous", o.src = r;
-    const s = ae(an, an);
+    const s = ie(rn, rn);
     if (s) {
       const c = s.getContext("2d");
-      c && (c.fillStyle = "#1a1a2e", c.fillRect(0, 0, an, an), c.fillStyle = "white", n.draw(c, an), n.thumbnailUrl = s.toDataURL("image/png"));
+      c && (c.fillStyle = "#1a1a2e", c.fillRect(0, 0, rn, rn), c.fillStyle = "white", n.draw(c, rn), n.thumbnailUrl = s.toDataURL("image/png"));
     }
   }
 }
-const Jt = U("MaskRenderer"), On = /* @__PURE__ */ new Map(), Zt = /* @__PURE__ */ new Map();
-function Fa(e) {
+const aa = U("MaskRenderer"), Rn = /* @__PURE__ */ new Map(), ra = /* @__PURE__ */ new Map();
+function Ga(e) {
   const n = [];
-  On.forEach((t, a) => {
+  Rn.forEach((t, a) => {
     a.startsWith(e) && n.push(a);
-  }), n.forEach((t) => On.delete(t));
+  }), n.forEach((t) => Rn.delete(t));
 }
-function Ma() {
-  On.clear();
+function Ha() {
+  Rn.clear();
 }
-function re(e, n, t) {
+function oe(e, n, t) {
   if (!n.masks || n.masks.length === 0) {
     t(e);
     return;
   }
-  const a = e.canvas, r = bn(a.width, a.height), o = r.getContext("2d");
+  const a = e.canvas, r = gn(a.width, a.height), o = r.getContext("2d");
   if (!o) {
-    Jt.error("[renderWithMasks] Failed to get offscreen context");
+    aa.error("[renderWithMasks] Failed to get offscreen context");
     return;
   }
   const s = e.getTransform();
   o.setTransform(s), t(o);
   for (const c of n.masks)
-    Qt(o, c, n);
+    sa(o, c, n);
   e.save(), e.setTransform(1, 0, 0, 1, 0, 0), e.drawImage(r, 0, 0), e.restore();
 }
-function Qt(e, n, t) {
+function sa(e, n, t) {
   switch (n.type) {
     case "clip":
-      na(e, n, t);
+      ia(e, n, t);
       break;
     case "alpha":
-      ea(e, n, t);
+      oa(e, n, t);
       break;
     case "luma":
-      ta(e, n, t);
+      ca(e, n, t);
       break;
     case "distress":
-      aa(e, n, t);
+      la(e, n, t);
       break;
   }
 }
-function na(e, n, t) {
-  e.save(), e.globalCompositeOperation = n.inverted ? "destination-out" : "destination-in", n.opacity !== void 0 && (e.globalAlpha = n.opacity), wn(e, n.maskElement, t), e.restore();
+function ia(e, n, t) {
+  e.save(), e.globalCompositeOperation = n.inverted ? "destination-out" : "destination-in", n.opacity !== void 0 && (e.globalAlpha = n.opacity), Sn(e, n.maskElement, t), e.restore();
 }
-function ea(e, n, t) {
-  e.save(), e.globalCompositeOperation = n.inverted ? "destination-out" : "destination-in", n.opacity !== void 0 && (e.globalAlpha = n.opacity), wn(e, n.maskElement, t), n.feather && n.feather > 0 && Ie(e, n.feather), e.restore();
+function oa(e, n, t) {
+  e.save(), e.globalCompositeOperation = n.inverted ? "destination-out" : "destination-in", n.opacity !== void 0 && (e.globalAlpha = n.opacity), Sn(e, n.maskElement, t), n.feather && n.feather > 0 && Me(e, n.feather), e.restore();
 }
-function ta(e, n, t) {
-  const a = bn(e.canvas.width, e.canvas.height), r = a.getContext("2d");
+function ca(e, n, t) {
+  const a = gn(e.canvas.width, e.canvas.height), r = a.getContext("2d");
   if (!r) return;
-  wn(r, n.maskElement, t);
+  Sn(r, n.maskElement, t);
   const o = r.getImageData(0, 0, a.width, a.height), s = o.data;
   for (let c = 0; c < s.length; c += 4) {
     const i = s[c], l = s[c + 1], d = s[c + 2], u = 0.299 * i + 0.587 * l + 0.114 * d;
@@ -1336,10 +1336,10 @@ function ta(e, n, t) {
   }
   r.putImageData(o, 0, 0), e.save(), e.globalCompositeOperation = "destination-in", n.opacity !== void 0 && (e.globalAlpha = n.opacity), e.drawImage(a, 0, 0), e.restore();
 }
-function aa(e, n, t) {
-  e.save(), e.globalCompositeOperation = n.inverted ? "destination-in" : "destination-out", n.opacity !== void 0 && (e.globalAlpha = n.opacity), wn(e, n.maskElement, t), n.feather && n.feather > 0 && Ie(e, n.feather), e.restore();
+function la(e, n, t) {
+  e.save(), e.globalCompositeOperation = n.inverted ? "destination-in" : "destination-out", n.opacity !== void 0 && (e.globalAlpha = n.opacity), Sn(e, n.maskElement, t), n.feather && n.feather > 0 && Me(e, n.feather), e.restore();
 }
-function wn(e, n, t) {
+function Sn(e, n, t) {
   const a = t.x || 0, r = t.y || 0, o = n.x || 0, s = n.y || 0, c = {
     ...n,
     x: a + o,
@@ -1357,18 +1357,18 @@ function wn(e, n, t) {
     const m = n;
     if (m.imageUrl)
       if (typeof document < "u") {
-        m.imageUrl.startsWith("builtin-mask:") && Kt();
-        const g = vn.getInstance(), C = g.acquire(m.imageUrl);
+        m.imageUrl.startsWith("builtin-mask:") && ta();
+        const g = wn.getInstance(), C = g.acquire(m.imageUrl);
         C.complete && C.naturalWidth > 0 && ($ = C), g.release(m.imageUrl);
       } else
-        h = Zt.get(m.imageUrl);
+        h = ra.get(m.imageUrl);
   }
   const b = c.transformData, v = (f == null ? void 0 : f.width) || 0, y = (f == null ? void 0 : f.height) || 0, x = v > 0 && y > 0 && u > 0 && p > 0 && Math.abs(v / y - u / p) > 1e-3;
   if (h) {
     e.save();
     const m = (b == null ? void 0 : b.width) || h.width, g = (b == null ? void 0 : b.height) || h.height;
     if (e.translate(c.x || 0, c.y || 0), e.rotate(-(c.rotation || 0) * Math.PI / 180), x) {
-      const C = ee(
+      const C = re(
         m,
         g,
         v,
@@ -1380,7 +1380,7 @@ function wn(e, n, t) {
       e.drawImage(h, -m / 2, -g / 2, m, g);
     e.restore();
   } else if (x && $) {
-    const m = (b == null ? void 0 : b.width) || u, g = (b == null ? void 0 : b.height) || p, C = ee(
+    const m = (b == null ? void 0 : b.width) || u, g = (b == null ? void 0 : b.height) || p, C = re(
       m,
       g,
       v,
@@ -1389,12 +1389,12 @@ function wn(e, n, t) {
     );
     e.save(), e.translate(c.x || 0, c.y || 0), e.rotate(-(c.rotation || 0) * Math.PI / 180), e.drawImage($, -C.width / 2, -C.height / 2, C.width, C.height), e.restore();
   } else
-    Vn(e, c, { mode: "both", loadedImage: $ });
+    qn(e, c, { mode: "both", loadedImage: $ });
 }
-function Ie(e, n) {
+function Me(e, n) {
   "filter" in e && (e.filter = `blur(${n}px)`);
 }
-function bn(e, n) {
+function gn(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   if (typeof document < "u") {
@@ -1403,9 +1403,9 @@ function bn(e, n) {
   }
   throw new Error("No canvas context available");
 }
-function ra(e, n, t, a) {
+function da(e, n, t, a) {
   if (!n.enabled || !n.imageUrl || n.opacity <= 0) return;
-  const r = vn.getInstance(), o = r.acquire(n.imageUrl);
+  const r = wn.getInstance(), o = r.acquire(n.imageUrl);
   if (!o.complete || o.naturalWidth === 0) {
     r.release(n.imageUrl);
     return;
@@ -1415,7 +1415,7 @@ function ra(e, n, t, a) {
     r.release(n.imageUrl);
     return;
   }
-  const v = bn(h, b), y = v.getContext("2d");
+  const v = gn(h, b), y = v.getContext("2d");
   if (!y) {
     r.release(n.imageUrl);
     return;
@@ -1433,7 +1433,7 @@ function ra(e, n, t, a) {
   );
   let x;
   if (n.maskType === "luma" ? x = "destination-in" : x = n.inverted ? "destination-out" : "destination-in", n.maskType === "luma") {
-    const m = bn(h, b), g = m.getContext("2d");
+    const m = gn(h, b), g = m.getContext("2d");
     if (g) {
       g.drawImage(o, 0, 0, h, b);
       const C = g.getImageData(0, 0, h, b), T = C.data;
@@ -1447,7 +1447,7 @@ function ra(e, n, t, a) {
     y.globalCompositeOperation = x, y.globalAlpha = n.opacity / 100, y.drawImage(o, 0, 0, h, b);
   y.globalCompositeOperation = "source-over", y.globalAlpha = 1, e.save(), e.setTransform(1, 0, 0, 1, 0, 0), e.clearRect(u, p, f, $), a && (e.fillStyle = a, e.fillRect(u, p, f, $)), e.drawImage(v, u, p), e.restore(), r.release(n.imageUrl);
 }
-class sa {
+class fa {
   constructor(n = Math.random()) {
     this.perm = [];
     for (let a = 0; a < 256; a++)
@@ -1485,8 +1485,8 @@ class sa {
     );
   }
 }
-function _n(e, n, t, a = Date.now()) {
-  const s = Sn(e, n).getContext("2d").createImageData(e, n), c = s.data, i = new sa(a), l = 0.02, d = 1 - t / 100;
+function En(e, n, t, a = Date.now()) {
+  const s = Cn(e, n).getContext("2d").createImageData(e, n), c = s.data, i = new fa(a), l = 0.02, d = 1 - t / 100;
   for (let u = 0; u < n; u++)
     for (let p = 0; p < e; p++) {
       const f = (u * e + p) * 4;
@@ -1499,30 +1499,30 @@ function _n(e, n, t, a = Date.now()) {
     }
   return s;
 }
-function ia(e, n, t, a = Date.now()) {
-  const o = Sn(e, n).getContext("2d");
+function ua(e, n, t, a = Date.now()) {
+  const o = Cn(e, n).getContext("2d");
   o.clearRect(0, 0, e, n), o.strokeStyle = "#000000", o.lineWidth = 1 + t / 50, o.lineCap = "round";
-  const s = jn(a), c = Math.floor(t / 100 * 30 + 5);
+  const s = Xn(a), c = Math.floor(t / 100 * 30 + 5);
   for (let i = 0; i < c; i++) {
     const l = s() * e, d = s() * n;
-    Rn(o, l, d, s() * Math.PI * 2, 50 + s() * 100, s, 0);
+    Bn(o, l, d, s() * Math.PI * 2, 50 + s() * 100, s, 0);
   }
   return o.getImageData(0, 0, e, n);
 }
-function Rn(e, n, t, a, r, o, s) {
+function Bn(e, n, t, a, r, o, s) {
   if (s > 3 || r < 10) return;
   const c = n + Math.cos(a) * r, i = t + Math.sin(a) * r;
   if (e.beginPath(), e.moveTo(n, t), e.lineTo(c, i), e.stroke(), o() > 0.5) {
     const l = a + (o() - 0.5) * Math.PI / 2;
-    Rn(e, c, i, l, r * 0.6, o, s + 1);
+    Bn(e, c, i, l, r * 0.6, o, s + 1);
   }
   if (o() > 0.7) {
     const l = a - (o() - 0.5) * Math.PI / 2;
-    Rn(e, c, i, l, r * 0.6, o, s + 1);
+    Bn(e, c, i, l, r * 0.6, o, s + 1);
   }
 }
-function hn(e, n, t, a = Date.now()) {
-  const s = Sn(e, n).getContext("2d").createImageData(e, n), c = s.data, i = jn(a), l = t / 100 * 0.5;
+function bn(e, n, t, a = Date.now()) {
+  const s = Cn(e, n).getContext("2d").createImageData(e, n), c = s.data, i = Xn(a), l = t / 100 * 0.5;
   for (let d = 0; d < n; d++)
     for (let u = 0; u < e; u++) {
       const p = (d * e + u) * 4, $ = i() < l ? 255 : 0;
@@ -1530,10 +1530,10 @@ function hn(e, n, t, a = Date.now()) {
     }
   return s;
 }
-function oa(e, n, t, a = Date.now()) {
-  const o = Sn(e, n).getContext("2d");
+function pa(e, n, t, a = Date.now()) {
+  const o = Cn(e, n).getContext("2d");
   o.fillStyle = "#000000";
-  const s = jn(a), c = 4 + t / 100 * 6, i = c * 2;
+  const s = Xn(a), c = 4 + t / 100 * 6, i = c * 2;
   for (let l = 0; l < n; l += i)
     for (let d = 0; d < e; d += i)
       if (s() < t / 100) {
@@ -1542,7 +1542,7 @@ function oa(e, n, t, a = Date.now()) {
       }
   return o.getImageData(0, 0, e, n);
 }
-function Sn(e, n) {
+function Cn(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   if (typeof document < "u") {
@@ -1551,31 +1551,31 @@ function Sn(e, n) {
   }
   throw new Error("No canvas context available");
 }
-function jn(e) {
+function Xn(e) {
   let n = Math.sin(e++) * 1e4;
   return () => (n = Math.sin(e++) * 1e4, n - Math.floor(n));
 }
-const N = 42, Y = 512, K = 64;
-function Bn(e) {
+const N = 42, K = 512, J = 64;
+function Ln(e) {
   const n = e.data;
   for (let t = 0; t < n.length; t += 4)
     n[t] = 255, n[t + 1] = 255, n[t + 2] = 255;
   return e;
 }
-function ca(e, n) {
+function ha(e, n) {
   const t = e.data, a = n.data;
   for (let r = 0; r < t.length; r += 4)
     t[r] = 255, t[r + 1] = 255, t[r + 2] = 255, t[r + 3] = Math.min(255, t[r + 3] + a[r + 3]);
   return e;
 }
-const la = [
+const ba = [
   {
     id: "grunge-heavy",
     name: "Heavy Grunge",
     textureUrl: "builtin:grunge-heavy",
     thumbnailUrl: "",
     description: "Dense random splatters",
-    generate: (e, n) => hn(e, n, 80, N)
+    generate: (e, n) => bn(e, n, 80, N)
   },
   {
     id: "grunge-fine",
@@ -1583,7 +1583,7 @@ const la = [
     textureUrl: "builtin:grunge-fine",
     thumbnailUrl: "",
     description: "Sparse fine grain",
-    generate: (e, n) => hn(e, n, 25, N + 1)
+    generate: (e, n) => bn(e, n, 25, N + 1)
   },
   {
     id: "concrete",
@@ -1591,7 +1591,7 @@ const la = [
     textureUrl: "builtin:concrete",
     thumbnailUrl: "",
     description: "Rough surface via Perlin noise",
-    generate: (e, n) => _n(e, n, 55, N + 2)
+    generate: (e, n) => En(e, n, 55, N + 2)
   },
   {
     id: "paper",
@@ -1599,7 +1599,7 @@ const la = [
     textureUrl: "builtin:paper",
     thumbnailUrl: "",
     description: "Subtle aging",
-    generate: (e, n) => _n(e, n, 20, N + 3)
+    generate: (e, n) => En(e, n, 20, N + 3)
   },
   {
     id: "rust",
@@ -1608,8 +1608,8 @@ const la = [
     thumbnailUrl: "",
     description: "Noise + splatter combined",
     generate: (e, n) => {
-      const t = _n(e, n, 45, N + 4), a = hn(e, n, 35, N + 5);
-      return ca(Bn(t), Bn(a));
+      const t = En(e, n, 45, N + 4), a = bn(e, n, 35, N + 5);
+      return ha(Ln(t), Ln(a));
     }
   },
   {
@@ -1618,7 +1618,7 @@ const la = [
     textureUrl: "builtin:scratches",
     thumbnailUrl: "",
     description: "Branching crack lines",
-    generate: (e, n) => ia(e, n, 55, N + 6)
+    generate: (e, n) => ua(e, n, 55, N + 6)
   },
   {
     id: "halftone",
@@ -1626,7 +1626,7 @@ const la = [
     textureUrl: "builtin:halftone",
     thumbnailUrl: "",
     description: "Dot grid pattern",
-    generate: (e, n) => oa(e, n, 55, N + 7)
+    generate: (e, n) => pa(e, n, 55, N + 7)
   },
   {
     id: "spray",
@@ -1634,62 +1634,62 @@ const la = [
     textureUrl: "builtin:spray",
     thumbnailUrl: "",
     description: "Medium random splatter",
-    generate: (e, n) => hn(e, n, 55, N + 8)
+    generate: (e, n) => bn(e, n, 55, N + 8)
   }
 ];
-let se = !1;
-function da(e, n) {
+let ce = !1;
+function ga(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   const t = document.createElement("canvas");
   return t.width = e, t.height = n, t;
 }
-function ie(e, n) {
+function le(e, n) {
   if (typeof document > "u") return null;
   const t = document.createElement("canvas");
   return t.width = e, t.height = n, t;
 }
-function fa(e) {
-  const n = ie(e.width, e.height);
+function ma(e) {
+  const n = le(e.width, e.height);
   if (!n) return "";
   const t = n.getContext("2d");
   if (!t) return "";
   t.putImageData(e, 0, 0);
-  const a = ie(K, K);
+  const a = le(J, J);
   if (!a) return "";
   const r = a.getContext("2d");
   if (!r) return "";
-  r.drawImage(n, 0, 0, e.width, e.height, 0, 0, K, K);
-  const o = r.getImageData(0, 0, K, K), s = o.data;
+  r.drawImage(n, 0, 0, e.width, e.height, 0, 0, J, J);
+  const o = r.getImageData(0, 0, J, J), s = o.data;
   for (let c = 0; c < s.length; c += 4) {
     const i = s[c + 3], l = 255 - Math.round(i / 255 * 195);
     s[c] = l, s[c + 1] = l, s[c + 2] = l, s[c + 3] = 255;
   }
   return r.putImageData(o, 0, 0), a.toDataURL("image/png");
 }
-function ua() {
-  if (!se) {
-    se = !0;
-    for (const e of la) {
-      const n = e.generate(Y, Y);
-      Bn(n);
-      const t = da(Y, Y), a = t.getContext("2d");
-      a && (a.putImageData(n, 0, 0), pa(e.textureUrl, t, Y, Y)), typeof document < "u" && (e.thumbnailUrl = fa(n));
+function ya() {
+  if (!ce) {
+    ce = !0;
+    for (const e of ba) {
+      const n = e.generate(K, K);
+      Ln(n);
+      const t = ga(K, K), a = t.getContext("2d");
+      a && (a.putImageData(n, 0, 0), $a(e.textureUrl, t, K, K)), typeof document < "u" && (e.thumbnailUrl = ma(n));
     }
   }
 }
-const z = /* @__PURE__ */ new Set(), G = /* @__PURE__ */ new Map(), gn = /* @__PURE__ */ new Map();
-function oe(e, n) {
+const z = /* @__PURE__ */ new Set(), G = /* @__PURE__ */ new Map(), mn = /* @__PURE__ */ new Map();
+function de(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   const t = document.createElement("canvas");
   return t.width = e, t.height = n, t;
 }
-function ce(e) {
+function fe(e) {
   return e.getContext("2d");
 }
-function le(e) {
-  const { width: n, height: t } = e, a = oe(n, t), r = ce(a);
+function ue(e) {
+  const { width: n, height: t } = e, a = de(n, t), r = fe(a);
   if (!r) throw new Error("Failed to get 2d context for temp canvas");
   r.drawImage(e, 0, 0);
   const o = r.getImageData(0, 0, n, t), s = o.data;
@@ -1697,67 +1697,67 @@ function le(e) {
     const d = s[l], u = s[l + 1], p = s[l + 2], $ = 255 - (0.299 * d + 0.587 * u + 0.114 * p);
     s[l] = 255, s[l + 1] = 255, s[l + 2] = 255, s[l + 3] = $;
   }
-  const c = oe(n, t), i = ce(c);
+  const c = de(n, t), i = fe(c);
   if (!i) throw new Error("Failed to get 2d context for mask canvas");
   return i.putImageData(o, 0, 0), { alphaMask: c, width: n, height: t };
 }
-function De(e) {
+function Re(e) {
   const n = G.get(e);
   if (n) return n;
   if (e.startsWith("builtin:")) {
-    ua();
+    ya();
     const t = G.get(e);
     return t || null;
   }
-  return z.has(e) || (z.add(e), Fe(e)), null;
+  return z.has(e) || (z.add(e), Be(e)), null;
 }
-function Oa(e) {
+function Va(e) {
   return G.has(e) ? Promise.resolve() : new Promise((n) => {
     if (G.has(e)) {
       n();
       return;
     }
-    const t = gn.get(e) || [];
-    t.push(n), gn.set(e, t), z.has(e) || (z.add(e), Fe(e));
+    const t = mn.get(e) || [];
+    t.push(n), mn.set(e, t), z.has(e) || (z.add(e), Be(e));
   });
 }
-function pa(e, n, t, a) {
-  G.has(e) || (G.set(e, { alphaMask: n, width: t, height: a }), rn(e));
+function $a(e, n, t, a) {
+  G.has(e) || (G.set(e, { alphaMask: n, width: t, height: a }), sn(e));
 }
-function rn(e) {
-  const n = gn.get(e);
-  n && (n.forEach((t) => t()), gn.delete(e));
+function sn(e) {
+  const n = mn.get(e);
+  n && (n.forEach((t) => t()), mn.delete(e));
 }
-function Fe(e) {
+function Be(e) {
   if (typeof document < "u") {
     const n = new Image();
     n.crossOrigin = "anonymous", n.onload = () => {
-      const t = le(n);
-      G.set(e, t), z.delete(e), rn(e);
+      const t = ue(n);
+      G.set(e, t), z.delete(e), sn(e);
     }, n.onerror = () => {
-      z.delete(e), rn(e);
+      z.delete(e), sn(e);
     }, n.src = e;
   } else
     fetch(e).then((n) => n.blob()).then((n) => createImageBitmap(n)).then((n) => {
-      const t = le(n);
-      G.set(e, t), z.delete(e), rn(e);
+      const t = ue(n);
+      G.set(e, t), z.delete(e), sn(e);
     }).catch(() => {
-      z.delete(e), rn(e);
+      z.delete(e), sn(e);
     });
 }
-function Me(e, n) {
+function Le(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   const t = document.createElement("canvas");
   return t.width = e, t.height = n, t;
 }
-function ha(e, n, t, a) {
+function xa(e, n, t, a) {
   if (!n.enabled || !n.textureUrl || n.intensity <= 0) return;
-  const r = De(n.textureUrl);
+  const r = Re(n.textureUrl);
   if (!r) return;
   const { x: o, y: s, width: c, height: i } = t, l = e.getTransform(), d = l.a * o + l.e, u = l.d * s + l.f, p = l.a * c, f = l.d * i, $ = Math.ceil(p), h = Math.ceil(f);
   if ($ <= 0 || h <= 0) return;
-  const b = Me($, h), v = b.getContext("2d");
+  const b = Le($, h), v = b.getContext("2d");
   if (!v) return;
   v.drawImage(
     e.canvas,
@@ -1785,9 +1785,9 @@ function ha(e, n, t, a) {
     v.globalCompositeOperation = "destination-out", v.globalAlpha = n.intensity / 100, v.drawImage(r.alphaMask, 0, 0, $, h), v.globalCompositeOperation = "source-over";
   v.globalAlpha = 1, e.save(), e.setTransform(1, 0, 0, 1, 0, 0), e.clearRect(d, u, p, f), a && (e.fillStyle = a, e.fillRect(d, u, p, f)), e.drawImage(b, d, u), e.restore();
 }
-function de(e, n, t, a) {
+function pe(e, n, t, a) {
   if (!n.enabled || n.style !== "custom" || !n.textureUrl) return;
-  const r = De(n.textureUrl);
+  const r = Re(n.textureUrl);
   if (!r) {
     a(e);
     return;
@@ -1802,7 +1802,7 @@ function de(e, n, t, a) {
     a(e);
     return;
   }
-  const m = Me(y, x), g = m.getContext("2d");
+  const m = Le(y, x), g = m.getContext("2d");
   if (!g) {
     a(e);
     return;
@@ -1821,8 +1821,8 @@ function de(e, n, t, a) {
     for (let E = 0; E < x; E++) {
       const S = Math.floor(E / x * _);
       for (let P = 0; P < y; P++) {
-        const I = Math.floor(P / y * k), D = T[(S * k + I) * 4 + 3] / 255, F = (E * y + P) * 4;
-        A[F + 3] = Math.round(A[F + 3] * (1 - D * o));
+        const I = Math.floor(P / y * k), F = T[(S * k + I) * 4 + 3] / 255, D = (E * y + P) * 4;
+        A[D + 3] = Math.round(A[D + 3] * (1 - F * o));
       }
     }
     g.putImageData(w, 0, 0);
@@ -1830,7 +1830,7 @@ function de(e, n, t, a) {
     g.globalCompositeOperation = "destination-out", g.globalAlpha = o, g.drawImage(r.alphaMask, 0, 0, y, x), g.globalCompositeOperation = "source-over", g.globalAlpha = 1;
   e.save(), e.setTransform(1, 0, 0, 1, 0, 0), e.drawImage(m, $, h), e.restore();
 }
-class mn {
+class yn {
   /**
    * Create an element instance from a JSON configuration
    * TypeScript ensures all transform types are handled
@@ -1843,33 +1843,33 @@ class mn {
     const { transformType: t } = n;
     switch (t) {
       case "custom":
-        return new nt(n);
+        return new st(n);
       case "distort":
         throw new Error("DistortTransform is not yet implemented");
       case "circle":
-        return new Qe(n);
+        return new rt(n);
       case "lean":
-        return new Ze(n);
+        return new at(n);
       case "arch":
-        return new Je(n);
+        return new tt(n);
       case "ascend":
-        return new Ke(n);
+        return new et(n);
       case "wave":
-        return new Ye(n);
+        return new nt(n);
       case "flag":
-        return new Xe(n);
+        return new Qe(n);
       case "image":
-        return new En(n);
+        return new An(n);
       case "group": {
         const r = (n.children || []).map(
-          (i) => mn.createFromJSON(i)
-        ), { children: o, ...s } = n, c = new me(s);
+          (i) => yn.createFromJSON(i)
+        ), { children: o, ...s } = n, c = new xe(s);
         return r.forEach((i) => c.addChild(i)), c;
       }
       case "shape":
-        return new qe(n);
+        return new Ze(n);
       case "path":
-        return new je(n);
+        return new Je(n);
       default:
         const a = t;
         throw new Error(`Unknown transform type: ${a}`);
@@ -2083,7 +2083,7 @@ class mn {
     return this.createFromJSON(t);
   }
 }
-const fe = U("ImportManager"), qn = class qn {
+const he = U("ImportManager"), Kn = class Kn {
   /**
    * Import workspace from JSON file
    */
@@ -2098,7 +2098,7 @@ const fe = U("ImportManager"), qn = class qn {
         return this.migrateV1Document(a);
       const r = [], o = [];
       return a.artboards.forEach((s) => {
-        const c = Yn.fromJSON({
+        const c = Zn.fromJSON({
           id: s.id,
           name: s.name,
           x: s.x,
@@ -2109,9 +2109,9 @@ const fe = U("ImportManager"), qn = class qn {
           elementIds: s.elements.map((l) => l.id || "")
         }), i = s.elements.map((l) => {
           try {
-            return mn.createFromJSON(l);
+            return yn.createFromJSON(l);
           } catch (d) {
-            return fe.error("Failed to create element:", l, d), null;
+            return he.error("Failed to create element:", l, d), null;
           }
         }).filter((l) => l !== null);
         r.push(c), o.push(...i);
@@ -2134,7 +2134,7 @@ const fe = U("ImportManager"), qn = class qn {
   static async migrateV1Document(n) {
     var t, a, r;
     try {
-      const o = n.elements || [], s = new Yn({
+      const o = n.elements || [], s = new Zn({
         id: "artboard-migrated",
         name: "Artboard 1",
         x: 0,
@@ -2144,9 +2144,9 @@ const fe = U("ImportManager"), qn = class qn {
         backgroundColor: ((r = n.canvas) == null ? void 0 : r.backgroundColor) || "#ffffff"
       }), c = o.map((i) => {
         try {
-          return mn.createFromJSON(i);
+          return yn.createFromJSON(i);
         } catch (l) {
-          return fe.error("Failed to create element:", i, l), null;
+          return he.error("Failed to create element:", i, l), null;
         }
       }).filter((i) => i !== null);
       return c.forEach((i) => {
@@ -2297,14 +2297,14 @@ const fe = U("ImportManager"), qn = class qn {
     await Promise.all(r);
   }
 };
-qn.SUPPORTED_VERSIONS = ["1.0.0", "2.0.0"];
-let ue = qn;
-const pe = U("element-serializer"), Oe = 4e3, fn = /* @__PURE__ */ new Set();
-function ba(e, n) {
-  const t = n ? ga(n) : "no-src";
+Kn.SUPPORTED_VERSIONS = ["1.0.0", "2.0.0"];
+let be = Kn;
+const ge = U("element-serializer"), Ne = 4e3, un = /* @__PURE__ */ new Set();
+function va(e, n) {
+  const t = n ? wa(n) : "no-src";
   return `${e}:${t}`;
 }
-function ga(e) {
+function wa(e) {
   let n = 0;
   for (let t = 0; t < e.length; t++) {
     const a = e.charCodeAt(t);
@@ -2312,20 +2312,20 @@ function ga(e) {
   }
   return n.toString(36);
 }
-function Ln() {
-  fn.clear();
+function Nn() {
+  un.clear();
 }
-function Re(e) {
-  for (const n of fn)
-    n.startsWith(`${e}:`) && fn.delete(n);
+function Ue(e) {
+  for (const n of un)
+    n.startsWith(`${e}:`) && un.delete(n);
 }
-function ma(e) {
-  fn.add(e);
+function Sa(e) {
+  un.add(e);
 }
-function ya(e) {
-  return fn.has(e);
+function Ca(e) {
+  return un.has(e);
 }
-async function $a(e, n = Oe) {
+async function ka(e, n = Ne) {
   const { naturalWidth: t, naturalHeight: a } = e;
   if (t <= n && a <= n)
     return createImageBitmap(e);
@@ -2336,20 +2336,20 @@ async function $a(e, n = Oe) {
     resizeQuality: "high"
   });
 }
-let yn = null, $n = null;
-function xa(e, n) {
-  yn = e, $n = n;
+let $n = null, xn = null;
+function Ta(e, n) {
+  $n = e, xn = n;
 }
-function va() {
-  yn = null, $n = null;
+function _a() {
+  $n = null, xn = null;
 }
-function Ra() {
-  Ln(), yn && yn();
+function ja() {
+  Nn(), $n && $n();
 }
-function Ba(e) {
-  Re(e), $n && $n(e);
+function qa(e) {
+  Ue(e), xn && xn(e);
 }
-function Nn(e, n) {
+function Un(e, n) {
   const t = e;
   if (typeof t.fontFamily == "string" && n.add(t.fontFamily), t.richText && typeof t.richText == "object") {
     const a = t.richText;
@@ -2364,14 +2364,14 @@ function Nn(e, n) {
   }
   if (t.children && Array.isArray(t.children))
     for (const a of t.children)
-      Nn(a, n);
+      Un(a, n);
   if (e.masks && Array.isArray(e.masks))
     for (const a of e.masks)
-      a.maskElement && Nn(a.maskElement, n);
+      a.maskElement && Un(a.maskElement, n);
 }
-function he(e) {
+function me(e) {
   if (typeof document > "u") return e;
-  const n = vn.getInstance();
+  const n = wn.getInstance();
   return e.map((t) => {
     if (!(t != null && t.maskElement) || t.maskElement.transformType !== "image") return t;
     const a = t.maskElement.imageUrl;
@@ -2387,20 +2387,20 @@ function he(e) {
     } : t;
   });
 }
-async function be(e, n, t = Oe) {
+async function ye(e, n, t = Ne) {
   const a = n.filter((i) => e.hasElementId(i.id)), r = [], o = [], s = /* @__PURE__ */ new Set();
   for (const i of a) {
     const l = i.toJSON();
-    if (Nn(l, s), i instanceof En && !i.imageElement) {
-      pe.warn(`[element-serializer] Skipping image ${i.id}: image not loaded (state: ${i.imageLoadState})`);
+    if (Un(l, s), i instanceof An && !i.imageElement) {
+      ge.warn(`[element-serializer] Skipping image ${i.id}: image not loaded (state: ${i.imageLoadState})`);
       continue;
     }
-    if (i instanceof En && i.imageElement)
+    if (i instanceof An && i.imageElement)
       try {
-        const d = ba(i.id, i.imageUrl);
-        if (!ya(d)) {
-          const x = await $a(i.imageElement, t);
-          o.push({ cacheKey: d, bitmap: x }), ma(d);
+        const d = va(i.id, i.imageUrl);
+        if (!Ca(d)) {
+          const x = await ka(i.imageElement, t);
+          o.push({ cacheKey: d, bitmap: x }), Sa(d);
         }
         const p = i.transformData || {}, f = l.masks && l.masks.length > 0, $ = f ? p.width : p.width * (p.cropWidth ?? 1), h = f ? p.height : p.height * (p.cropHeight ?? 1), b = {
           id: i.id,
@@ -2417,11 +2417,11 @@ async function be(e, n, t = Oe) {
           let g = 1;
           (x > t || m > t) && (g = t / Math.max(x, m)), b.cropX = p.cropX * x * g, b.cropY = p.cropY * m * g, b.cropWidth = p.cropWidth * x * g, b.cropHeight = p.cropHeight * m * g;
         }
-        p.flipHorizontal && (b.flipHorizontal = p.flipHorizontal), p.flipVertical && (b.flipVertical = p.flipVertical), p.borderRadius && (b.borderRadius = p.borderRadius), i.opacity !== void 0 && (b.opacity = i.opacity);
+        p.flipHorizontal && (b.flipHorizontal = p.flipHorizontal), p.flipVertical && (b.flipVertical = p.flipVertical), p.borderRadius && (b.borderRadius = p.borderRadius), it(p.adjustments) || (b.adjustments = { ...p.adjustments }), i.opacity !== void 0 && (b.opacity = i.opacity);
         const y = b;
-        i.distressEffect && (y.distressEffect = { ...i.distressEffect }), l.masks && l.masks.length > 0 && (y.masks = he(l.masks)), l.blendMode && (y.blendMode = l.blendMode), l.knockoutParts && (y.knockoutParts = l.knockoutParts), "getVisualBoundingBox" in i && typeof i.getVisualBoundingBox == "function" ? y._boundingBox = i.getVisualBoundingBox() : "getBoundingBox" in i && typeof i.getBoundingBox == "function" && (y._boundingBox = i.getBoundingBox()), r.push(y);
+        i.distressEffect && (y.distressEffect = { ...i.distressEffect }), l.masks && l.masks.length > 0 && (y.masks = me(l.masks)), l.blendMode && (y.blendMode = l.blendMode), l.knockoutParts && (y.knockoutParts = l.knockoutParts), "getVisualBoundingBox" in i && typeof i.getVisualBoundingBox == "function" ? y._boundingBox = i.getVisualBoundingBox() : "getBoundingBox" in i && typeof i.getBoundingBox == "function" && (y._boundingBox = i.getBoundingBox()), r.push(y);
       } catch (d) {
-        pe.error(`[element-serializer] Failed to create ImageBitmap for ${l.id}:`, d);
+        ge.error(`[element-serializer] Failed to create ImageBitmap for ${l.id}:`, d);
       }
     else {
       const d = {
@@ -2429,7 +2429,7 @@ async function be(e, n, t = Oe) {
         type: l.transformType
         // Map transformType to type for worker compatibility
       };
-      d.masks && Array.isArray(d.masks) && d.masks.length > 0 && (d.masks = he(d.masks)), "getVisualBoundingBox" in i && typeof i.getVisualBoundingBox == "function" ? d._boundingBox = i.getVisualBoundingBox() : "getBoundingBox" in i && typeof i.getBoundingBox == "function" && (d._boundingBox = i.getBoundingBox()), r.push(d);
+      d.masks && Array.isArray(d.masks) && d.masks.length > 0 && (d.masks = me(d.masks)), "getVisualBoundingBox" in i && typeof i.getVisualBoundingBox == "function" ? d._boundingBox = i.getVisualBoundingBox() : "getBoundingBox" in i && typeof i.getBoundingBox == "function" && (d._boundingBox = i.getBoundingBox()), r.push(d);
     }
   }
   const c = Array.from(s);
@@ -2454,7 +2454,7 @@ async function be(e, n, t = Oe) {
     newBitmaps: o
   };
 }
-const wa = `"use strict";
+const Ea = `"use strict";
 (() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
@@ -22778,8 +22778,8 @@ const wa = `"use strict";
     }
   };
   var ScopedLogger = class {
-    constructor(logger4, scopeName) {
-      this.logger = logger4;
+    constructor(logger5, scopeName) {
+      this.logger = logger5;
       this.scopeName = scopeName;
     }
     debug(message, ...args) {
@@ -24026,6 +24026,141 @@ const wa = `"use strict";
     }
   }
 
+  // src/core/image-adjustments.ts
+  var NEUTRAL_ADJUSTMENTS = Object.freeze({
+    brightness: 1,
+    contrast: 1,
+    saturation: 1
+  });
+  var EPSILON = 1e-3;
+  function isNeutralAdjustments(adjustments) {
+    if (!adjustments) return true;
+    return Math.abs(adjustments.brightness - 1) < EPSILON && Math.abs(adjustments.contrast - 1) < EPSILON && Math.abs(adjustments.saturation - 1) < EPSILON;
+  }
+  function adjustmentsCacheKey(adjustments) {
+    if (isNeutralAdjustments(adjustments)) return "neutral";
+    const a = adjustments;
+    return \`b\${a.brightness}c\${a.contrast}s\${a.saturation}\`;
+  }
+  var adjustedImageSourceProvider = null;
+  function registerAdjustedImageSourceProvider(provider) {
+    adjustedImageSourceProvider = provider;
+  }
+
+  // src/rendering/image-adjustments.ts
+  var logger3 = createLogger("image-adjustments");
+  var EPSILON2 = 1e-3;
+  function applyAdjustmentsToPixels(data, adjustments) {
+    const { brightness, contrast, saturation } = adjustments;
+    const slope = brightness * contrast;
+    const intercept = 127.5 * (1 - contrast);
+    const applyLut = Math.abs(slope - 1) > EPSILON2 || Math.abs(intercept) > EPSILON2;
+    const lut = new Uint8ClampedArray(256);
+    if (applyLut) {
+      for (let v = 0; v < 256; v++) lut[v] = v * slope + intercept;
+    }
+    const applySaturation = Math.abs(saturation - 1) > EPSILON2;
+    const s = saturation;
+    const rr = 0.213 + 0.787 * s;
+    const rg = 0.715 - 0.715 * s;
+    const rb = 0.072 - 0.072 * s;
+    const gr = 0.213 - 0.213 * s;
+    const gg = 0.715 + 0.285 * s;
+    const gb = 0.072 - 0.072 * s;
+    const br = 0.213 - 0.213 * s;
+    const bg = 0.715 - 0.715 * s;
+    const bb = 0.072 + 0.928 * s;
+    for (let i = 0; i < data.length; i += 4) {
+      let r = data[i];
+      let g = data[i + 1];
+      let b = data[i + 2];
+      if (applyLut) {
+        r = lut[r];
+        g = lut[g];
+        b = lut[b];
+      }
+      if (applySaturation) {
+        const r2 = rr * r + rg * g + rb * b;
+        const g2 = gr * r + gg * g + gb * b;
+        const b2 = br * r + bg * g + bb * b;
+        r = r2;
+        g = g2;
+        b = b2;
+      }
+      data[i] = r;
+      data[i + 1] = g;
+      data[i + 2] = b;
+    }
+  }
+  var adjustedSourceCache = /* @__PURE__ */ new WeakMap();
+  var MAX_VARIANTS_PER_SOURCE = 4;
+  function sourcePixelWidth(source) {
+    const natural = source.naturalWidth;
+    return typeof natural === "number" && natural > 0 ? natural : source.width;
+  }
+  function sourcePixelHeight(source) {
+    const natural = source.naturalHeight;
+    return typeof natural === "number" && natural > 0 ? natural : source.height;
+  }
+  function createCanvas(width, height) {
+    if (typeof OffscreenCanvas !== "undefined") {
+      return new OffscreenCanvas(width, height);
+    }
+    if (typeof document !== "undefined") {
+      const canvas = document.createElement("canvas");
+      canvas.width = width;
+      canvas.height = height;
+      return canvas;
+    }
+    throw new Error("image-adjustments: no canvas implementation available (no OffscreenCanvas, no DOM)");
+  }
+  function renderAdjustedSource(source, adjustments) {
+    const width = sourcePixelWidth(source);
+    const height = sourcePixelHeight(source);
+    if (width <= 0 || height <= 0) {
+      throw new Error("image-adjustments: source has no pixels (width/height is 0)");
+    }
+    const canvas = createCanvas(width, height);
+    const ctx = canvas.getContext("2d");
+    if (!ctx) {
+      throw new Error("image-adjustments: could not acquire a 2d context");
+    }
+    ctx.drawImage(source, 0, 0, width, height);
+    const imageData = ctx.getImageData(0, 0, width, height);
+    applyAdjustmentsToPixels(imageData.data, adjustments);
+    ctx.putImageData(imageData, 0, 0);
+    return canvas;
+  }
+  function getAdjustedImageSource(source, adjustments) {
+    if (isNeutralAdjustments(adjustments)) return source;
+    const key = adjustmentsCacheKey(adjustments);
+    let variants = adjustedSourceCache.get(source);
+    const cached = variants?.get(key);
+    if (cached) {
+      variants.delete(key);
+      variants.set(key, cached);
+      return cached;
+    }
+    let result;
+    try {
+      result = renderAdjustedSource(source, adjustments);
+    } catch (error) {
+      logger3.error("adjustment pixel pass failed \\u2014 rendering UNADJUSTED source:", error);
+      result = source;
+    }
+    if (!variants) {
+      variants = /* @__PURE__ */ new Map();
+      adjustedSourceCache.set(source, variants);
+    }
+    variants.set(key, result);
+    while (variants.size > MAX_VARIANTS_PER_SOURCE) {
+      const oldest = variants.keys().next().value;
+      variants.delete(oldest);
+    }
+    return result;
+  }
+  registerAdjustedImageSourceProvider(getAdjustedImageSource);
+
   // src/rendering/image-renderer.ts
   function resolveServerCrop(el, bitmap) {
     if (!el.needsCropPixelConversion || el.cropWidth === void 0) return el;
@@ -24039,6 +24174,10 @@ const wa = `"use strict";
     };
   }
   function renderImageElement(ctx, elementData, imageBitmap) {
+    const source = getAdjustedImageSource(
+      imageBitmap,
+      elementData.adjustments
+    );
     ctx.save();
     ctx.translate(elementData.x, elementData.y);
     if (elementData.rotation) {
@@ -24079,7 +24218,7 @@ const wa = `"use strict";
     }
     if (elementData.cropX !== void 0 && elementData.cropWidth !== void 0) {
       ctx.drawImage(
-        imageBitmap,
+        source,
         elementData.cropX,
         elementData.cropY || 0,
         elementData.cropWidth,
@@ -24090,7 +24229,7 @@ const wa = `"use strict";
         elementData.height
       );
     } else {
-      ctx.drawImage(imageBitmap, -elementData.width / 2, -elementData.height / 2, elementData.width, elementData.height);
+      ctx.drawImage(source, -elementData.width / 2, -elementData.height / 2, elementData.width, elementData.height);
     }
     ctx.restore();
     if (elementData.stroke?.enabled) {
@@ -24695,7 +24834,7 @@ const wa = `"use strict";
     }
   };
   function generateWornEffect(width, height, intensity, seed = Date.now()) {
-    const canvas = createCanvas(width, height);
+    const canvas = createCanvas2(width, height);
     const ctx = canvas.getContext("2d");
     const imageData = ctx.createImageData(width, height);
     const data = imageData.data;
@@ -24724,7 +24863,7 @@ const wa = `"use strict";
     return imageData;
   }
   function generateCrackedEffect(width, height, intensity, seed = Date.now()) {
-    const canvas = createCanvas(width, height);
+    const canvas = createCanvas2(width, height);
     const ctx = canvas.getContext("2d");
     ctx.clearRect(0, 0, width, height);
     ctx.strokeStyle = "#000000";
@@ -24757,7 +24896,7 @@ const wa = `"use strict";
     }
   }
   function generateGrungeEffect(width, height, intensity, seed = Date.now()) {
-    const canvas = createCanvas(width, height);
+    const canvas = createCanvas2(width, height);
     const ctx = canvas.getContext("2d");
     const imageData = ctx.createImageData(width, height);
     const data = imageData.data;
@@ -24777,7 +24916,7 @@ const wa = `"use strict";
     return imageData;
   }
   function generateRetroEffect(width, height, intensity, seed = Date.now()) {
-    const canvas = createCanvas(width, height);
+    const canvas = createCanvas2(width, height);
     const ctx = canvas.getContext("2d");
     ctx.fillStyle = "#000000";
     const random = seededRandom(seed);
@@ -24795,7 +24934,7 @@ const wa = `"use strict";
     }
     return ctx.getImageData(0, 0, width, height);
   }
-  function createCanvas(width, height) {
+  function createCanvas2(width, height) {
     if (typeof OffscreenCanvas !== "undefined") {
       return new OffscreenCanvas(width, height);
     } else if (typeof document !== "undefined") {
@@ -24909,7 +25048,7 @@ const wa = `"use strict";
     }
   ];
   var initialized = false;
-  function createCanvas2(width, height) {
+  function createCanvas3(width, height) {
     if (typeof OffscreenCanvas !== "undefined") {
       return new OffscreenCanvas(width, height);
     }
@@ -24955,7 +25094,7 @@ const wa = `"use strict";
     for (const preset of DISTRESS_TEXTURE_PRESETS) {
       const imageData = preset.generate(TEX_SIZE, TEX_SIZE);
       toAlphaMask(imageData);
-      const maskCanvas = createCanvas2(TEX_SIZE, TEX_SIZE);
+      const maskCanvas = createCanvas3(TEX_SIZE, TEX_SIZE);
       const maskCtx = maskCanvas.getContext("2d");
       if (maskCtx) {
         maskCtx.putImageData(imageData, 0, 0);
@@ -24971,7 +25110,7 @@ const wa = `"use strict";
   var loadingUrls = /* @__PURE__ */ new Set();
   var cache = /* @__PURE__ */ new Map();
   var pendingCallbacks = /* @__PURE__ */ new Map();
-  function createCanvas3(width, height) {
+  function createCanvas4(width, height) {
     if (typeof OffscreenCanvas !== "undefined") {
       return new OffscreenCanvas(width, height);
     }
@@ -24985,7 +25124,7 @@ const wa = `"use strict";
   }
   function convertToAlphaMask(source) {
     const { width, height } = source;
-    const tempCanvas = createCanvas3(width, height);
+    const tempCanvas = createCanvas4(width, height);
     const tempCtx = getContext(tempCanvas);
     if (!tempCtx) throw new Error("Failed to get 2d context for temp canvas");
     tempCtx.drawImage(source, 0, 0);
@@ -25002,7 +25141,7 @@ const wa = `"use strict";
       data[i + 2] = 255;
       data[i + 3] = alpha;
     }
-    const maskCanvas = createCanvas3(width, height);
+    const maskCanvas = createCanvas4(width, height);
     const maskCtx = getContext(maskCanvas);
     if (!maskCtx) throw new Error("Failed to get 2d context for mask canvas");
     maskCtx.putImageData(imageData, 0, 0);
@@ -25576,7 +25715,7 @@ const wa = `"use strict";
   }
 
   // src/rendering/MaskRenderer.ts
-  var logger3 = createLogger("MaskRenderer");
+  var logger4 = createLogger("MaskRenderer");
   var workerMaskBitmaps = /* @__PURE__ */ new Map();
   function registerMaskBitmap(imageUrl, bitmap) {
     workerMaskBitmaps.set(imageUrl, bitmap);
@@ -25593,7 +25732,7 @@ const wa = `"use strict";
     const offscreen = createOffscreenCanvas5(canvas.width, canvas.height);
     const offCtx = offscreen.getContext("2d");
     if (!offCtx) {
-      logger3.error("[renderWithMasks] Failed to get offscreen context");
+      logger4.error("[renderWithMasks] Failed to get offscreen context");
       return;
     }
     const transform = ctx.getTransform();
@@ -25840,6 +25979,122 @@ const wa = `"use strict";
     }
   }
 
+  // src/errors/editorError.ts
+  var EditorError = class extends Error {
+    constructor(code, message, data = {}) {
+      super(\`[Editor] \${code}: \${message}\`);
+      this.name = "EditorError";
+      this.code = code;
+      this.data = { code, ...data };
+    }
+  };
+
+  // src/utils/custom-fonts.ts
+  function familyKey(family) {
+    return family.trim().toLowerCase();
+  }
+  function faceKey(font) {
+    return \`\${familyKey(font.family)}|\${font.weight ?? 400}|\${font.style ?? "normal"}\`;
+  }
+  var CustomFontRegistryClass = class {
+    constructor() {
+      this.fonts = /* @__PURE__ */ new Map();
+      this.listeners = /* @__PURE__ */ new Set();
+      /** Stable snapshot for \`useSyncExternalStore\` — replaced only on change. */
+      this.snapshot = [];
+      /** All registered custom fonts (stable reference until a change). */
+      this.list = () => {
+        return this.snapshot;
+      };
+      this.subscribe = (listener) => {
+        this.listeners.add(listener);
+        return () => {
+          this.listeners.delete(listener);
+        };
+      };
+    }
+    /**
+     * Register fonts (idempotent; re-registering the same family/weight/style
+     * replaces the URL). Returns true when anything changed.
+     */
+    register(fonts) {
+      let changed = false;
+      for (const font of fonts) {
+        const key = faceKey(font);
+        const existing = this.fonts.get(key);
+        if (existing && existing.url === font.url && existing.family === font.family) continue;
+        this.fonts.set(key, { ...font });
+        changed = true;
+      }
+      if (changed) {
+        this.snapshot = Object.freeze([...this.fonts.values()]);
+        for (const listener of this.listeners) listener();
+      }
+      return changed;
+    }
+    /** Is this family registered as a custom font? (Shadowing check.) */
+    has(family) {
+      const key = familyKey(family);
+      for (const font of this.fonts.values()) {
+        if (familyKey(font.family) === key) return true;
+      }
+      return false;
+    }
+    /** All registered faces of one family (possibly several weights/styles). */
+    facesOf(family) {
+      const key = familyKey(family);
+      return [...this.fonts.values()].filter((f) => familyKey(f.family) === key);
+    }
+    /** Registered faces whose family appears in \`families\` — what the export
+     *  path sends to the worker alongside the used-font list. */
+    forFamilies(families) {
+      const keys = new Set(families.map(familyKey));
+      return [...this.fonts.values()].filter((f) => keys.has(familyKey(f.family)));
+    }
+    /** @internal Test helper — wipe registry state between tests. */
+    clear() {
+      this.fonts.clear();
+      this.snapshot = Object.freeze([]);
+      for (const listener of this.listeners) listener();
+    }
+  };
+  var customFontRegistry = new CustomFontRegistryClass();
+  var loadedFaceKeys = /* @__PURE__ */ new Set();
+  async function loadCustomFont(font, options = {}) {
+    const face = await loadFontFaceFromUrl(
+      font.family,
+      {
+        fontFileUrl: font.url,
+        descriptors: {
+          weight: String(font.weight ?? 400),
+          style: font.style ?? "normal"
+        }
+      },
+      options.fetchImpl ?? fetch
+    );
+    if (!face) {
+      throw new EditorError(
+        "E_FONT_LOAD_FAILED",
+        \`Custom font "\${font.family}" failed to load from \${font.url}. The URL must serve the font binary over a plain cross-origin GET (CORS). Verify the URL is reachable and sends Access-Control-Allow-Origin, then re-register the font. Custom fonts never fall back silently \\u2014 the design would render with the wrong typeface.\`,
+        {
+          family: font.family,
+          url: font.url,
+          weight: font.weight ?? 400,
+          style: font.style ?? "normal"
+        }
+      );
+    }
+    const target = options.fonts ?? (typeof document !== "undefined" ? document.fonts : void 0);
+    target?.add(face);
+    loadedFaceKeys.add(faceKey(font));
+    return face;
+  }
+  async function loadCustomFontFaces(fonts, fontFaceSet, fetchImpl = fetch) {
+    await Promise.all(
+      fonts.map((font) => loadCustomFont(font, { fonts: fontFaceSet, fetchImpl }))
+    );
+  }
+
   // src/workers/export-worker.ts
   var MAX_BITMAP_CACHE_SIZE = 50;
   var workerBitmapCache = /* @__PURE__ */ new Map();
@@ -25898,10 +26153,29 @@ const wa = `"use strict";
   }
   var loadedFonts = /* @__PURE__ */ new Set();
   var failedFonts = /* @__PURE__ */ new Set();
-  async function loadFonts(fontFamilies) {
+  async function loadFonts(fontFamilies, customFonts = []) {
     if (!fontFamilies || fontFamilies.length === 0) return;
+    const customByFamily = /* @__PURE__ */ new Map();
+    for (const font of customFonts) {
+      const key = font.family.trim().toLowerCase();
+      const faces = customByFamily.get(key) ?? [];
+      faces.push(font);
+      customByFamily.set(key, faces);
+    }
     const loadPromises = fontFamilies.map(async (fontFamily) => {
       if (loadedFonts.has(fontFamily) || failedFonts.has(fontFamily)) return;
+      const customFaces = customByFamily.get(fontFamily.trim().toLowerCase());
+      if (customFaces) {
+        await loadCustomFontFaces(customFaces, self.fonts);
+        if (self.fonts && self.fonts.ready) {
+          await Promise.race([
+            self.fonts.ready,
+            new Promise((resolve) => setTimeout(resolve, 250))
+          ]);
+        }
+        loadedFonts.add(fontFamily);
+        return;
+      }
       if (SYSTEM_FONTS.has(fontFamily)) {
         loadedFonts.add(fontFamily);
         return;
@@ -25987,6 +26261,7 @@ const wa = `"use strict";
       artboardData,
       elements = [],
       fonts = [],
+      customFonts = [],
       scale = 1,
       format = "png",
       quality = 0.95,
@@ -25994,7 +26269,7 @@ const wa = `"use strict";
     } = request;
     try {
       if (fonts && fonts.length > 0) {
-        await loadFonts(fonts);
+        await loadFonts(fonts, customFonts);
       }
       const width = artboardData.width * scale;
       const height = artboardData.height * scale;
@@ -26393,8 +26668,120 @@ const wa = `"use strict";
     console.error("[Export Worker] Unhandled promise rejection:", event.reason);
   };
 })();
-`, O = U("WorkerExport");
-class un {
+`;
+async function Aa(e, n, t = fetch) {
+  try {
+    const a = await t(n.fontFileUrl, { mode: "cors" });
+    if (!a.ok) return null;
+    const r = await a.arrayBuffer(), o = new FontFace(e, r, n.descriptors);
+    return await o.load(), o;
+  } catch {
+    return null;
+  }
+}
+function X(e) {
+  return e.trim().toLowerCase();
+}
+function Yn(e) {
+  return `${X(e.family)}|${e.weight ?? 400}|${e.style ?? "normal"}`;
+}
+class Pa {
+  constructor() {
+    this.fonts = /* @__PURE__ */ new Map(), this.listeners = /* @__PURE__ */ new Set(), this.snapshot = [], this.list = () => this.snapshot, this.subscribe = (n) => (this.listeners.add(n), () => {
+      this.listeners.delete(n);
+    });
+  }
+  /**
+   * Register fonts (idempotent; re-registering the same family/weight/style
+   * replaces the URL). Returns true when anything changed.
+   */
+  register(n) {
+    let t = !1;
+    for (const a of n) {
+      const r = Yn(a), o = this.fonts.get(r);
+      o && o.url === a.url && o.family === a.family || (this.fonts.set(r, { ...a }), t = !0);
+    }
+    if (t) {
+      this.snapshot = Object.freeze([...this.fonts.values()]);
+      for (const a of this.listeners) a();
+    }
+    return t;
+  }
+  /** Is this family registered as a custom font? (Shadowing check.) */
+  has(n) {
+    const t = X(n);
+    for (const a of this.fonts.values())
+      if (X(a.family) === t) return !0;
+    return !1;
+  }
+  /** All registered faces of one family (possibly several weights/styles). */
+  facesOf(n) {
+    const t = X(n);
+    return [...this.fonts.values()].filter((a) => X(a.family) === t);
+  }
+  /** Registered faces whose family appears in `families` — what the export
+   *  path sends to the worker alongside the used-font list. */
+  forFamilies(n) {
+    const t = new Set(n.map(X));
+    return [...this.fonts.values()].filter((a) => t.has(X(a.family)));
+  }
+  /** @internal Test helper — wipe registry state between tests. */
+  clear() {
+    this.fonts.clear(), this.snapshot = Object.freeze([]);
+    for (const n of this.listeners) n();
+  }
+}
+const Wn = new Pa();
+function Ia(e) {
+  Wn.register(e);
+}
+const We = /* @__PURE__ */ new Set();
+async function Fa(e, n = {}) {
+  const t = await Aa(
+    e.family,
+    {
+      fontFileUrl: e.url,
+      descriptors: {
+        weight: String(e.weight ?? 400),
+        style: e.style ?? "normal"
+      }
+    },
+    n.fetchImpl ?? fetch
+  );
+  if (!t)
+    throw new we(
+      "E_FONT_LOAD_FAILED",
+      `Custom font "${e.family}" failed to load from ${e.url}. The URL must serve the font binary over a plain cross-origin GET (CORS). Verify the URL is reachable and sends Access-Control-Allow-Origin, then re-register the font. Custom fonts never fall back silently — the design would render with the wrong typeface.`,
+      {
+        family: e.family,
+        url: e.url,
+        weight: e.weight ?? 400,
+        style: e.style ?? "normal"
+      }
+    );
+  const a = n.fonts ?? (typeof document < "u" ? document.fonts : void 0);
+  return a == null || a.add(t), We.add(Yn(e)), t;
+}
+async function Xa(e, n = {}) {
+  Ia(e);
+  const { onLoadError: t, ...a } = n;
+  await Promise.all(
+    e.map(async (r) => {
+      if (!We.has(Yn(r)))
+        try {
+          await Fa(r, a);
+        } catch (o) {
+          if (t && o instanceof we) {
+            t(o, r);
+            return;
+          }
+          throw o;
+        }
+    })
+  );
+}
+const M = U("WorkerExport");
+class pn {
   constructor() {
     this.worker = null, this.workerBlobUrl = null, this.pendingRequests = /* @__PURE__ */ new Map(), this.requestQueue = [], this.blobRequestQueue = [], this.isProcessingQueue = !1, this.isReady = !1, this.readyPromise = null, this.requestIdCounter = 0, this.workerCrashCount = 0, this.MAX_CRASHES_BEFORE_FALLBACK = 3, this.lastCrashTime = 0, this.CRASH_RESET_TIMEOUT = 6e4, this.progressListeners = /* @__PURE__ */ new Set(), this.idleTimeout = null, this.IDLE_TIMEOUT_MS = 3e4;
   }
@@ -26421,7 +26808,7 @@ class un {
       try {
         t(n);
       } catch (a) {
-        O.error("Error in progress listener:", a);
+        M.error("Error in progress listener:", a);
       }
   }
   /**
@@ -26456,7 +26843,7 @@ class un {
    * Call this when exiting editor mode to free memory.
    */
   clearWorkerBitmapCache() {
-    if (Ln(), this.worker && this.isReady) {
+    if (Nn(), this.worker && this.isReady) {
       const n = {
         type: "clear-all-bitmaps"
       };
@@ -26468,7 +26855,7 @@ class un {
    * Call this when an element is removed or its image source changes.
    */
   clearWorkerBitmap(n) {
-    if (Re(n), this.worker && this.isReady) {
+    if (Ue(n), this.worker && this.isReady) {
       const t = {
         type: "clear-bitmap",
         elementId: n
@@ -26481,9 +26868,9 @@ class un {
    */
   static supportsWorkerExport() {
     try {
-      return typeof OffscreenCanvas > "u" ? (O.warn("OffscreenCanvas not supported"), !1) : typeof Worker > "u" ? (O.warn("Web Workers not supported"), !1) : new OffscreenCanvas(1, 1).getContext("2d") ? !0 : (O.warn("OffscreenCanvas 2D context not supported"), !1);
+      return typeof OffscreenCanvas > "u" ? (M.warn("OffscreenCanvas not supported"), !1) : typeof Worker > "u" ? (M.warn("Web Workers not supported"), !1) : new OffscreenCanvas(1, 1).getContext("2d") ? !0 : (M.warn("OffscreenCanvas 2D context not supported"), !1);
     } catch (n) {
-      return O.warn("Feature detection failed:", n), !1;
+      return M.warn("Feature detection failed:", n), !1;
     }
   }
   /**
@@ -26492,34 +26879,34 @@ class un {
   async initialize() {
     if (this.worker)
       return this.readyPromise || Promise.resolve();
-    if (!un.supportsWorkerExport())
+    if (!pn.supportsWorkerExport())
       throw new Error("Browser does not support OffscreenCanvas or Web Workers");
     return this.readyPromise = new Promise((n, t) => {
       try {
         let a;
         try {
-          const s = new Blob([wa], { type: "application/javascript" });
+          const s = new Blob([Ea], { type: "application/javascript" });
           a = URL.createObjectURL(s), this.workerBlobUrl = a;
         } catch (s) {
-          O.error("Failed to create worker blob:", s), t(new Error(`Worker creation failed: ${s instanceof Error ? s.message : String(s)}`));
+          M.error("Failed to create worker blob:", s), t(new Error(`Worker creation failed: ${s instanceof Error ? s.message : String(s)}`));
           return;
         }
         this.worker = new Worker(a, { type: "classic" }), this.worker.onmessage = (s) => {
           this.handleWorkerMessage(s.data);
         }, this.worker.onerror = (s) => {
-          O.error("Worker error:", s), this.handleWorkerError(s);
+          M.error("Worker error:", s), this.handleWorkerError(s);
         };
         const r = setTimeout(() => {
           t(new Error("Worker initialization timeout"));
         }, 15e3), o = (s) => {
-          s.data.type === "ready" && (clearTimeout(r), this.isReady = !0, xa(
+          s.data.type === "ready" && (clearTimeout(r), this.isReady = !0, Ta(
             () => this.clearWorkerBitmapCache(),
             (c) => this.clearWorkerBitmap(c)
           ), n());
         };
         this.worker.addEventListener("message", o, { once: !0 });
       } catch (a) {
-        O.error("Failed to create worker:", a), t(a);
+        M.error("Failed to create worker:", a), t(a);
       }
     }), this.readyPromise;
   }
@@ -26528,8 +26915,8 @@ class un {
    */
   async restartWorker() {
     const n = Date.now();
-    if (n - this.lastCrashTime > this.CRASH_RESET_TIMEOUT && (this.workerCrashCount = 0), this.workerCrashCount++, this.lastCrashTime = n, O.warn(`Worker crashed (${this.workerCrashCount}/${this.MAX_CRASHES_BEFORE_FALLBACK})`), this.workerCrashCount >= this.MAX_CRASHES_BEFORE_FALLBACK)
-      throw O.error("Worker crashed too many times, giving up"), new Error("Worker has crashed too many times. Please refresh the page or use main thread export.");
+    if (n - this.lastCrashTime > this.CRASH_RESET_TIMEOUT && (this.workerCrashCount = 0), this.workerCrashCount++, this.lastCrashTime = n, M.warn(`Worker crashed (${this.workerCrashCount}/${this.MAX_CRASHES_BEFORE_FALLBACK})`), this.workerCrashCount >= this.MAX_CRASHES_BEFORE_FALLBACK)
+      throw M.error("Worker crashed too many times, giving up"), new Error("Worker has crashed too many times. Please refresh the page or use main thread export.");
     this.worker && (this.worker.terminate(), this.worker = null, this.isReady = !1, this.readyPromise = null, this.workerBlobUrl && (URL.revokeObjectURL(this.workerBlobUrl), this.workerBlobUrl = null));
     const t = Math.min(1e3 * Math.pow(2, this.workerCrashCount - 1), 5e3);
     await new Promise((a) => setTimeout(a, t)), await this.initialize();
@@ -26589,7 +26976,7 @@ class un {
     const { artboard: t, elements: a, config: r } = n;
     if ((!this.worker || !this.isReady) && await this.initialize(), !this.worker)
       throw new Error("Worker is not initialized");
-    const o = `export-${++this.requestIdCounter}-${Date.now()}`, s = performance.now(), { data: c, newBitmaps: i } = await be(t, a);
+    const o = `export-${++this.requestIdCounter}-${Date.now()}`, s = performance.now(), { data: c, newBitmaps: i } = await ye(t, a);
     i.length > 0 && this.registerBitmapsWithWorker(i);
     const l = {
       type: "export",
@@ -26597,6 +26984,10 @@ class un {
       artboardData: c.artboard,
       elements: c.elements,
       fonts: c.fonts,
+      // Custom (brand) fonts among the used families — the worker loads
+      // these from their hosted URL instead of Google Fonts (deterministic
+      // shadowing; see utils/custom-fonts.ts).
+      customFonts: Wn.forFamilies(c.fonts ?? []),
       scale: r.scale || 1,
       format: r.format || "png",
       quality: r.quality || 0.95
@@ -26646,7 +27037,7 @@ class un {
     const { artboard: t, elements: a, config: r } = n;
     if ((!this.worker || !this.isReady) && await this.initialize(), !this.worker)
       throw new Error("Worker is not initialized");
-    const o = `export-blob-${++this.requestIdCounter}-${Date.now()}`, s = performance.now(), { data: c, newBitmaps: i } = await be(t, a);
+    const o = `export-blob-${++this.requestIdCounter}-${Date.now()}`, s = performance.now(), { data: c, newBitmaps: i } = await ye(t, a);
     i.length > 0 && this.registerBitmapsWithWorker(i);
     const l = {
       type: "export",
@@ -26654,6 +27045,8 @@ class un {
       artboardData: c.artboard,
       elements: c.elements,
       fonts: c.fonts,
+      // Same custom-font threading as the dataUrl path above.
+      customFonts: Wn.forFamilies(c.fonts ?? []),
       scale: r.scale || 1,
       format: r.format || "png",
       quality: r.quality || 0.95,
@@ -26704,7 +27097,7 @@ class un {
       case "ready":
         break;
       default:
-        O.warn("Unknown message type:", n);
+        M.warn("Unknown message type:", n);
     }
   }
   /**
@@ -26712,14 +27105,14 @@ class un {
    */
   handleExportComplete(n) {
     const t = this.pendingRequests.get(n.requestId);
-    t && t.returnFormat === "dataUrl" ? (t.resolve(n), this.pendingRequests.delete(n.requestId)) : t ? (O.warn("Received dataUrl response for blob request:", n.requestId), t.reject(new Error("Received dataUrl response when expecting blob")), this.pendingRequests.delete(n.requestId)) : O.warn("Received response for unknown request:", n.requestId);
+    t && t.returnFormat === "dataUrl" ? (t.resolve(n), this.pendingRequests.delete(n.requestId)) : t ? (M.warn("Received dataUrl response for blob request:", n.requestId), t.reject(new Error("Received dataUrl response when expecting blob")), this.pendingRequests.delete(n.requestId)) : M.warn("Received response for unknown request:", n.requestId);
   }
   /**
    * Handle successful blob export completion
    */
   handleBlobExportComplete(n) {
     const t = this.pendingRequests.get(n.requestId);
-    t && t.returnFormat === "blob" ? (t.resolve(n), this.pendingRequests.delete(n.requestId)) : t ? (O.warn("Received blob response for dataUrl request:", n.requestId), t.reject(new Error("Received blob response when expecting dataUrl")), this.pendingRequests.delete(n.requestId)) : O.warn("Received blob response for unknown request:", n.requestId);
+    t && t.returnFormat === "blob" ? (t.resolve(n), this.pendingRequests.delete(n.requestId)) : t ? (M.warn("Received blob response for dataUrl request:", n.requestId), t.reject(new Error("Received blob response when expecting dataUrl")), this.pendingRequests.delete(n.requestId)) : M.warn("Received blob response for unknown request:", n.requestId);
   }
   /**
    * Handle export error
@@ -26730,13 +27123,13 @@ class un {
       const a = new Error(n.error);
       n.stack && (a.stack = n.stack), t.reject(a), this.pendingRequests.delete(n.requestId);
     } else
-      O.warn("Received error for unknown request:", n.requestId);
+      M.warn("Received error for unknown request:", n.requestId);
   }
   /**
    * Handle worker errors
    */
   async handleWorkerError(n) {
-    O.error("Worker error:", n);
+    M.error("Worker error:", n);
     const t = Array.from(this.pendingRequests.values());
     for (const [a, r] of this.pendingRequests.entries())
       this.pendingRequests.delete(a);
@@ -26744,7 +27137,7 @@ class un {
     try {
       await this.restartWorker();
     } catch (a) {
-      O.error("Failed to restart worker:", a);
+      M.error("Failed to restart worker:", a);
       for (const r of t)
         r.reject(new Error(`Worker crashed and could not be restarted: ${n.message}`));
       for (; this.requestQueue.length > 0; )
@@ -26760,7 +27153,7 @@ class un {
         t.reject(new Error("Worker terminated")), this.pendingRequests.delete(n);
       for (; this.requestQueue.length > 0; )
         this.requestQueue.shift().reject(new Error("Worker terminated"));
-      this.worker.terminate(), this.worker = null, this.isReady = !1, this.readyPromise = null, Ln(), va(), this.workerBlobUrl && (URL.revokeObjectURL(this.workerBlobUrl), this.workerBlobUrl = null);
+      this.worker.terminate(), this.worker = null, this.isReady = !1, this.readyPromise = null, Nn(), _a(), this.workerBlobUrl && (URL.revokeObjectURL(this.workerBlobUrl), this.workerBlobUrl = null);
     }
   }
   /**
@@ -26775,32 +27168,32 @@ class un {
     };
   }
 }
-let Q = null;
-function La() {
-  return Q || (Q = new un()), Q;
+let nn = null;
+function Ya() {
+  return nn || (nn = new pn()), nn;
 }
-function Na() {
-  Q && (Q.terminate(), Q = null);
+function Ka() {
+  nn && (nn.terminate(), nn = null);
 }
-Hn();
+jn();
 const W = U("Export");
-function Un(e, n) {
+function zn(e, n) {
   var t;
   if (!(!e || typeof e != "object")) {
     if (typeof e.fontFamily == "string" && e.fontFamily.trim() && n.add(e.fontFamily), e.richText && Array.isArray(e.richText.spans))
       for (const a of e.richText.spans)
         (t = a == null ? void 0 : a.style) != null && t.fontFamily && typeof a.style.fontFamily == "string" && n.add(a.style.fontFamily);
     if (Array.isArray(e.children))
-      for (const a of e.children) Un(a, n);
+      for (const a of e.children) zn(a, n);
     if (Array.isArray(e.masks))
       for (const a of e.masks)
-        a != null && a.maskElement && Un(a.maskElement, n);
+        a != null && a.maskElement && zn(a.maskElement, n);
   }
 }
-async function ge(e) {
+async function $e(e) {
   if (typeof document > "u" || !document.fonts) return;
   const n = /* @__PURE__ */ new Set();
-  for (const a of e) Un(a, n);
+  for (const a of e) zn(a, n);
   if (n.size === 0) return;
   const t = [];
   for (const a of n)
@@ -26808,12 +27201,12 @@ async function ge(e) {
     }));
   await Promise.all(t), document.fonts.ready && await document.fonts.ready;
 }
-const ln = class ln {
+const dn = class dn {
   /**
    * Check if worker export is supported in this browser
    */
   static supportsWorkerExport() {
-    return un.supportsWorkerExport();
+    return pn.supportsWorkerExport();
   }
   /**
    * Get or initialize the worker manager
@@ -26821,7 +27214,7 @@ const ln = class ln {
   static async getWorkerManager() {
     return this.supportsWorkerExport() ? this.workerManager ? this.workerManager : this.workerInitPromise ? (await this.workerInitPromise, this.workerManager) : (this.workerInitPromise = (async () => {
       try {
-        this.workerManager = new un(), await this.workerManager.initialize();
+        this.workerManager = new pn(), await this.workerManager.initialize();
       } catch (n) {
         W.error("Failed to initialize worker:", n), this.workerManager = null;
       }
@@ -26968,15 +27361,15 @@ const ln = class ln {
       transparentBackground: i = !1,
       backgroundColor: l = n.backgroundColor
     } = r;
-    await ge(t);
+    await $e(t);
     const d = document.createElement("canvas"), u = n.width * c, p = n.height * c;
     d.width = u, d.height = p;
     const f = d.getContext("2d");
     if (f.scale(c, c), !i && n.exportBackground) {
       if (f.save(), this.applyExportBackgroundClipPath(f, n), n.backgroundType === "texture" && n.backgroundTexture) {
-        const m = J.getTexturePresetColor(n.backgroundTexture);
+        const m = Z.getTexturePresetColor(n.backgroundTexture);
         f.fillStyle = m, f.fillRect(0, 0, n.width, n.height);
-        const g = J.getTexture(n.backgroundTexture);
+        const g = Z.getTexture(n.backgroundTexture);
         g && g.complete && f.drawImage(g, 0, 0, n.width, n.height);
       } else
         f.fillStyle = l || n.backgroundColor, f.fillRect(0, 0, n.width, n.height);
@@ -27036,15 +27429,15 @@ const ln = class ln {
       transparentBackground: i = !1,
       backgroundColor: l = n.backgroundColor
     } = r;
-    await ge(t);
+    await $e(t);
     const d = document.createElement("canvas"), u = n.width * c, p = n.height * c;
     d.width = u, d.height = p;
     const f = d.getContext("2d");
     if (f.scale(c, c), !i && n.exportBackground) {
       if (f.save(), this.applyExportBackgroundClipPath(f, n), n.backgroundType === "texture" && n.backgroundTexture) {
-        const T = J.getTexturePresetColor(n.backgroundTexture);
+        const T = Z.getTexturePresetColor(n.backgroundTexture);
         f.fillStyle = T, f.fillRect(0, 0, n.width, n.height);
-        const k = J.getTexture(n.backgroundTexture);
+        const k = Z.getTexture(n.backgroundTexture);
         k && k.complete ? f.drawImage(k, 0, 0, n.width, n.height) : W.warn("Texture not loaded for export:", n.backgroundTexture);
       } else
         f.fillStyle = l, f.fillRect(0, 0, n.width, n.height);
@@ -27084,24 +27477,24 @@ const ln = class ln {
           T.render(P, !1);
         };
         if (E && A)
-          re(f, w, (P) => {
+          oe(f, w, (P) => {
             const I = T.getVisualBoundingBox();
-            de(P, w.distressEffect, I, S);
+            pe(P, w.distressEffect, I, S);
           });
         else if (E)
-          re(f, w, S);
+          oe(f, w, S);
         else if (A) {
           const P = T.getVisualBoundingBox();
-          de(f, w.distressEffect, P, S);
+          pe(f, w.distressEffect, P, S);
         } else
           T.render(f, !1);
       }
-    }), (g = n.distressTexture) != null && g.enabled && ha(f, n.distressTexture, {
+    }), (g = n.distressTexture) != null && g.enabled && xa(f, n.distressTexture, {
       x: n.x,
       y: n.y,
       width: n.width,
       height: n.height
-    }), (C = n.imageMask) != null && C.enabled && ra(f, n.imageMask, {
+    }), (C = n.imageMask) != null && C.enabled && da(f, n.imageMask, {
       x: n.x,
       y: n.y,
       width: n.width,
@@ -27340,60 +27733,64 @@ const ln = class ln {
     return "previewBackgroundColor" in t && delete t.previewBackgroundColor, t;
   }
 };
-ln.CURRENT_VERSION = "2.0.0", ln.workerManager = null, ln.workerInitPromise = null;
-let xn = ln;
-const Ua = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+dn.CURRENT_VERSION = "2.0.0", dn.workerManager = null, dn.workerInitPromise = null;
+let vn = dn;
+const Ja = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ExportManager: xn,
-  default: xn
+  ExportManager: vn,
+  default: vn
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Na as A,
-  Re as B,
-  gt as C,
-  Oe as D,
-  xn as E,
-  mn as F,
-  ua as G,
-  la as H,
-  ue as I,
-  Oa as J,
-  Dn as K,
-  de as L,
-  ha as M,
-  ra as N,
-  Hn as O,
-  Kt as P,
-  Yt as Q,
-  st as R,
-  Ua as S,
-  J as T,
-  un as W,
-  Aa as a,
-  xe as b,
-  B as c,
-  Ra as d,
-  Ma as e,
-  Ln as f,
-  Ca as g,
-  Ta as h,
-  ct as i,
-  _a as j,
-  ka as k,
-  dn as l,
-  La as m,
-  Fa as n,
-  Zn as o,
-  Ba as p,
-  Pn as q,
-  ft as r,
-  Pa as s,
-  Ea as t,
-  ht as u,
-  Ia as v,
-  bt as w,
-  ve as x,
-  Da as y,
-  re as z
+  vt as A,
+  ke as B,
+  za as C,
+  Ne as D,
+  vn as E,
+  oe as F,
+  Ka as G,
+  Ue as H,
+  be as I,
+  wt as J,
+  yn as K,
+  ya as L,
+  ba as M,
+  Va as N,
+  Dn as O,
+  pe as P,
+  xa as Q,
+  da as R,
+  jn as S,
+  Z as T,
+  ta as U,
+  ea as V,
+  pn as W,
+  ft as X,
+  Ja as Y,
+  mt as a,
+  Na as b,
+  Wn as c,
+  Ce as d,
+  Xa as e,
+  B as f,
+  Oa as g,
+  ja as h,
+  Ha as i,
+  Nn as j,
+  Ra as k,
+  Fa as l,
+  ht as m,
+  Ba as n,
+  Ma as o,
+  fn as p,
+  Ya as q,
+  Ia as r,
+  Ga as s,
+  ee as t,
+  qa as u,
+  In as v,
+  Ua as w,
+  La as x,
+  xt as y,
+  Wa as z
 };
-//# sourceMappingURL=ExportManager-B8Td7uR5.js.map
+//# sourceMappingURL=ExportManager-Bkzzyxgw.js.map