@snowcone-app/canvas 0.31.0 → 0.33.0

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

@@ -1,12 +1,12 @@
-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;
+import { c as U, G as ve, ac as He, ad as Ve, ae as je, af as we, ag as Gn, ah as qe, ai as Q, aa as Xe, ab as Ye, aj as on, ak as Hn, C as Jn, R as Ke, al as Je, am as q, an as Ze, Q as Qe, ao as wn, ap as Se, P as nt, S as et, I as An, $ as tt, a3 as at, X as rt, V as st, a1 as it, Y as ot, Z as ct, A as Zn, M as lt, E as Ce } from "./FontAnalyzer-BrKY6XYn.js";
+let ke = null;
+function dt(e) {
+  ke = e;
 }
-function Oa() {
-  return Se;
+function Ua() {
+  return ke;
 }
-const ct = U("TextureManager"), ln = class ln {
+const ft = U("TextureManager"), ln = class ln {
   /**
    * Load a texture by ID or URL
    */
@@ -20,7 +20,7 @@ const ct = U("TextureManager"), ln = class ln {
       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 = () => {
-        ct.error("Failed to load texture:", t), this.loading.delete(n), this.loading.delete(t), o(new Error(`Failed to load texture: ${t}`));
+        ft.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;
@@ -97,28 +97,28 @@ ln.cache = /* @__PURE__ */ new Map(), ln.loading = /* @__PURE__ */ new Map(), ln
   }
 ];
 let Z = ln;
-const lt = U("ElementPreviewRenderer"), dt = {
+const ut = U("ElementPreviewRenderer"), pt = {
   width: 40,
   height: 40,
   padding: 4,
   backgroundColor: "transparent"
 };
-function ft(e, n = {}) {
+function ht(e, n = {}) {
   jn();
-  const t = { ...dt, ...n }, a = document.createElement("canvas");
+  const t = { ...pt, ...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 xe ? pt(r, e, t) : ut(r, e, t);
+    e instanceof ve ? gt(r, e, t) : bt(r, e, t);
   } catch (o) {
-    lt.warn("Failed to generate preview:", o);
+    ut.warn("Failed to generate preview:", o);
   }
   return r.restore(), a.toDataURL("image/png");
 }
-function ut(e, n, t) {
+function bt(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) {
@@ -138,7 +138,7 @@ function Qn(e, n, t) {
   const a = n.transformType || "Element";
   e.fillText(a, t.width / 2, t.height / 2);
 }
-function pt(e, n, t) {
+function gt(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 pt(e, n, t) {
     i + c / 2
   ));
 }
-function Ma(e, n, t) {
+function Wa(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 = ze(r, o, s, c);
+  e.font = He(r, o, s, c);
   const i = a.text || "";
   if (n.transformType === "custom") {
-    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;
+    const u = ((l = n.transformData) == null ? void 0 : l.width) || 200, p = Ve(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 ht(e, n) {
+function mt(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 ht(e, n) {
   } else
     e.rect(-a / 2, -r / 2, a, r);
 }
-function Ra(e, n, t, a) {
+function za(e, n, t, a) {
   e.beginPath(), e.arc(n, t, a, 0, Math.PI * 2), e.closePath();
 }
-function Ba(e, n, t, a, r) {
+function Ga(e, n, t, a, r) {
   e.beginPath(), e.rect(n, t, a, r), e.closePath();
 }
-function Ce(e, n) {
+function Te(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 bt(e, n) {
+function yt(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 ke(e, n, t) {
+function _e(e, n, t) {
   var i;
   if (!((i = n.stroke) != null && i.enabled)) return;
   const a = n;
@@ -194,39 +194,39 @@ function ke(e, n, t) {
   const o = (t == null ? void 0 : t.isKnockout) === !0, s = n.stroke.opacity ?? 1;
   if (!o && s < 1)
     try {
-      gt(e, n, a, t, s);
+      $t(e, n, a, t, s);
     } catch {
       cn(e, n, a, t, !1);
     }
   else
     cn(e, n, a, t, o);
 }
-function gt(e, n, t, a, r) {
+function $t(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) {
+  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, g = Math.ceil(p * $ / 2) * 2;
+  if (h <= 0 || g <= 0) {
     cn(e, n, t, a, !1);
     return;
   }
-  const v = bt(h, b), y = v.getContext("2d");
+  const v = yt(h, g), y = v.getContext("2d");
   if (!y) {
     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;
+  const x = n.x || 0, m = n.y || 0, b = f.a * x + f.c * m + f.e, C = f.b * x + f.d * m + f.f;
   y.setTransform(
     f.a,
     f.b,
     f.c,
     f.d,
-    h / 2 - g + f.e,
-    b / 2 - C + f.f
+    h / 2 - b + f.e,
+    g / 2 - C + f.f
   );
   const T = n.stroke.opacity;
   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)
+    Math.round(b - h / 2),
+    Math.round(C - g / 2)
   ), e.restore();
 }
 function cn(e, n, t, a, r) {
@@ -235,11 +235,11 @@ function cn(e, n, t, a, r) {
   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 = He(s, c, i, l);
+  const u = je(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 - Q * 2, v = t.letterSpacing ?? 0, { lines: y, height: x } = ve(
+    const $ = n.transformData, h = ($ == null ? void 0 : $.width) ?? 200, g = h - Q * 2, v = t.letterSpacing ?? 0, { lines: y, height: x } = we(
       o,
-      b,
+      g,
       s,
       c,
       i,
@@ -249,7 +249,7 @@ function cn(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 ?? Gn);
+    ), m = -h / 2, b = -x / 2, C = s * (t.lineHeight ?? Gn);
     y.forEach((T, k) => {
       const _ = k === 0, w = k === y.length - 1;
       let A = T;
@@ -263,78 +263,78 @@ function cn(e, n, t, a, r) {
       }
       let E = m + Q;
       d === "center" ? E = m + h / 2 : d === "right" && (E = m + h - Q);
-      const S = g + u.ascent + k * C;
-      Ve(e, A, E, S, v);
+      const S = b + u.ascent + k * C;
+      qe(e, A, E, S, v);
     });
   } else {
-    const b = -u.height / 2 + u.ascent;
-    e.strokeText(o, 0, b);
+    const g = -u.height / 2 + u.ascent;
+    e.strokeText(o, 0, g);
   }
   e.restore();
 }
-function mt(e, n, t) {
+function xt(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)) : 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();
+  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)) : Te(e, n.stroke), !a && n.stroke.feather && n.stroke.feather > 0 && "filter" in e && (e.filter = `blur(${n.stroke.feather}px)`), mt(e, n), 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());
+function Ha(e, n, t) {
+  n.enabled && (e.save(), Te(e, n), n.feather && n.feather > 0 && "filter" in e && (e.filter = `blur(${n.feather}px)`), e.beginPath(), t(), e.stroke(), e.restore());
 }
 const ne = U("GlyphRenderer");
-function yt(e, n, t, a, r, o, s, c = {}) {
+function vt(e, n, t, a, r, o, s, c = {}) {
   try {
     const i = [];
-    Object.entries(s).forEach(([b, v]) => {
-      v && i.push(b);
+    Object.entries(s).forEach(([g, v]) => {
+      v && i.push(g);
     });
     const l = [];
-    n.GSUB && n.GSUB.featureList && n.GSUB.featureList.forEach((b) => {
-      l.push(b.tag);
+    n.GSUB && n.GSUB.featureList && n.GSUB.featureList.forEach((g) => {
+      l.push(g.tag);
     });
     const d = {};
-    d.ccmp = !0, d.locl = !0, d.kern = !0, i.forEach((b) => {
-      d[b] = !0;
+    d.ccmp = !0, d.locl = !0, d.kern = !0, i.forEach((g) => {
+      d[g] = !0;
     }), d.calt && (d.liga = !0, d.init = !0, d.fina = !0);
     const u = n.layout(t, d, "latn"), p = o / n.unitsPerEm;
     let f = 0;
-    u.glyphs.forEach((b) => {
-      f += b.advanceWidth * p;
+    u.glyphs.forEach((g) => {
+      f += g.advanceWidth * p;
     });
     let $ = a;
     c.align === "center" ? $ = a - f / 2 : c.align === "right" && ($ = a - f), e.save(), e.fillStyle = c.color || "#000000";
     let h = $;
-    u.glyphs.forEach((b, v) => {
+    u.glyphs.forEach((g, v) => {
       const y = u.positions[v];
       let x = null;
       try {
-        if (b.path && typeof b.path.toPath == "function")
-          x = b.path.toPath();
-        else if (b.path && typeof b.path.toSVG == "function") {
-          const m = b.path.toSVG();
+        if (g.path && typeof g.path.toPath == "function")
+          x = g.path.toPath();
+        else if (g.path && typeof g.path.toSVG == "function") {
+          const m = g.path.toSVG();
           if (m && /^[MmLlHhVvCcSsQqTtAaZz]/.test(m))
             x = m;
           else {
-            const g = m == null ? void 0 : m.match(/\bd=["']([^"']+)["']/);
-            x = g ? g[1] : null;
+            const b = m == null ? void 0 : m.match(/\bd=["']([^"']+)["']/);
+            x = b ? b[1] : null;
           }
         }
       } catch (m) {
-        ne.warn("Error getting path for glyph:", b.name, m);
+        ne.warn("Error getting path for glyph:", g.name, m);
       }
       if (x) {
         const m = new Path2D(x);
         e.save(), e.translate(h + y.xOffset * p, r + y.yOffset * p), e.scale(p, -p), e.fill(m), e.restore();
       }
-      h += b.advanceWidth * p;
+      h += g.advanceWidth * p;
     }), e.restore();
   } catch (i) {
     ne.error("Error rendering with fontkit:", i), e.fillStyle = c.color || "#000000", e.textAlign = c.align || "left", e.fillText(t, a, r);
   }
 }
-function $t(e, n, t, a, r, o, s, c = {}) {
-  const l = ((b) => {
-    for (const v of b) {
+function wt(e, n, t, a, r, o, s, c = {}) {
+  const l = ((g) => {
+    for (const v of g) {
       const y = v.codePointAt(0);
       if (y && y >= 983040 && y <= 1048573) return !0;
     }
@@ -345,19 +345,19 @@ function $t(e, n, t, a, r, o, s, c = {}) {
     return;
   }
   const d = /* @__PURE__ */ new Map();
-  s && s.forEach((b) => {
-    d.set(b.charIndex, b.glyphIndex);
+  s && s.forEach((g) => {
+    d.set(g.charIndex, g.glyphIndex);
   });
   const u = o / n.unitsPerEm, p = Array.from(t);
   let f = 0;
-  p.forEach((b, v) => {
-    const y = b.codePointAt(0) || 0;
+  p.forEach((g, v) => {
+    const y = g.codePointAt(0) || 0;
     let x;
     if (y >= 983040 && y <= 1048573)
       x = y - 983040;
     else if (x = d.get(v), x === void 0) {
-      const g = n.glyphForCodePoint(y);
-      x = g ? g.id : 0;
+      const b = n.glyphForCodePoint(y);
+      x = b ? b.id : 0;
     }
     const m = n.getGlyph(x);
     m && (f += m.advanceWidth * u);
@@ -365,36 +365,36 @@ function $t(e, n, t, a, r, o, s, c = {}) {
   let $ = a;
   c.align === "center" ? $ = a - f / 2 : c.align === "right" && ($ = a - f), e.save(), e.fillStyle = c.color || "#000000";
   let h = $;
-  p.forEach((b, v) => {
-    const y = b.codePointAt(0) || 0;
+  p.forEach((g, v) => {
+    const y = g.codePointAt(0) || 0;
     let x;
     if (y >= 983040 && y <= 1048573)
       x = y - 983040;
     else if (x = d.get(v), x === void 0) {
-      const g = n.glyphForCodePoint(y);
-      x = g ? g.id : 0;
+      const b = n.glyphForCodePoint(y);
+      x = b ? b.id : 0;
     }
     const m = n.getGlyph(x);
     if (m) {
-      const g = m.path.toSVG();
-      if (g) {
-        const C = new Path2D(g);
+      const b = m.path.toSVG();
+      if (b) {
+        const C = new Path2D(b);
         e.save(), e.translate(h, r), e.scale(u, -u), e.fill(C), e.restore();
       }
       h += m.advanceWidth * u;
     }
   }), e.restore();
 }
-function xt(e, n, t, a, r) {
+function St(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 = je(n);
+  const o = t.textAlign || "center", s = (h) => h.letterSpacing !== void 0 ? h.letterSpacing : t.letterSpacing ?? 0, c = Xe(n);
   let i, l;
   a !== void 0 && a > 0 && !r ? (i = [], l = [], c.forEach((h) => {
-    const b = qe(h, a, t);
-    b.forEach((v, y) => {
+    const g = Ye(h, a, t);
+    g.forEach((v, y) => {
       i.push(v), l.push({
         isParagraphStart: y === 0,
-        isParagraphEnd: y === b.length - 1
+        isParagraphEnd: y === g.length - 1
       });
     });
   })) : (i = c, l = c.map(() => ({
@@ -402,15 +402,15 @@ function xt(e, n, t, a, r) {
     isParagraphEnd: !0
   })));
   const d = [];
-  i.forEach((h, b) => {
+  i.forEach((h, g) => {
     const v = [];
     let y = 0, x = 0;
-    const m = l[b].isParagraphStart, g = l[b].isParagraphEnd;
+    const m = l[g].isParagraphStart, b = l[g].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, 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 M = on(e.measureText(S.text).width, S.text, s(S.style));
+      v.push(M);
       const L = fn(P, I, F, D);
       y = Math.max(y, L.height), x = Math.max(x, L.ascent);
     });
@@ -418,22 +418,22 @@ function xt(e, n, t, a, r) {
     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, 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;
+      let M = S.text;
       const L = E, kn = E + S.text.length;
       if (!m && _ > 0 && L < _) {
         const R = Math.min(_ - L, S.text.length);
-        O = O.substring(R);
+        M = M.substring(R);
       }
-      if (!g && w > 0) {
+      if (!b && w > 0) {
         const R = C.length - w;
         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);
+          M = M.substring(0, Tn);
         }
       }
-      E += S.text.length, O.length > 0 && (e.save(), e.font = B(P, I, F, D), A += on(
-        e.measureText(O).width,
-        O,
+      E += S.text.length, M.length > 0 && (e.save(), e.font = B(P, I, F, D), A += on(
+        e.measureText(M).width,
+        M,
         s(S.style)
       ), e.restore());
     }), d.push({
@@ -445,21 +445,21 @@ function xt(e, n, t, a, r) {
       spanWidths: v,
       isParagraphStart: m,
       // Store metadata with line
-      isParagraphEnd: g
+      isParagraphEnd: b
     });
   });
   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;
-  d.forEach((h, b) => {
+  d.forEach((h, g) => {
     const { spans: v, width: y, isParagraphStart: x, isParagraphEnd: m } = h;
-    let g;
-    o === "center" ? g = -y / 2 : o === "right" ? g = a !== void 0 ? a / 2 - y : -y : g = a !== void 0 ? -a / 2 : 0;
-    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 b;
+    o === "center" ? b = -y / 2 : o === "right" ? b = a !== void 0 ? a / 2 - y : -y : b = a !== void 0 ? -a / 2 : 0;
+    const C = $ + u.ascent + g * 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, 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;
+      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, M = 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);
@@ -474,17 +474,17 @@ function xt(e, n, t, a, r) {
       }
       if (E += S.text.length, R.length > 0) {
         const V = s(S.style);
-        e.font = B(P, I, D, O), e.fillStyle = F, e.textBaseline = "alphabetic", e.textAlign = "left", Hn(e, R, g, C, V);
+        e.font = B(P, I, D, M), e.fillStyle = F, e.textBaseline = "alphabetic", e.textAlign = "left", Hn(e, R, b, 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 + an, j), e.lineWidth = Math.max(1, P * 0.05), e.strokeStyle = F, e.stroke();
+          e.beginPath(), e.moveTo(b, j), e.lineTo(b + an, j), e.lineWidth = Math.max(1, P * 0.05), e.strokeStyle = F, e.stroke();
         }
         if (kn) {
           const j = C - P * 0.25;
-          e.beginPath(), e.moveTo(g, j), e.lineTo(g + an, j), e.lineWidth = Math.max(1, P * 0.05), e.strokeStyle = F, e.stroke();
+          e.beginPath(), e.moveTo(b, j), e.lineTo(b + an, j), e.lineWidth = Math.max(1, P * 0.05), e.strokeStyle = F, e.stroke();
         }
-        g += an;
+        b += an;
       }
     });
   });
@@ -515,7 +515,7 @@ function fn(e, n, t = !1, a = !1) {
   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 Na(e, n) {
+function Va(e, n) {
   const t = e.map((r, o) => ({
     isParagraphStart: !n && o === 0,
     isParagraphEnd: !n && o === e.length - 1
@@ -528,13 +528,13 @@ function Na(e, n) {
     return s || (i = i.replace(/^ +/, "")), c || (i = i.replace(/ +$/, "")), i;
   }).filter((r) => r.length > 0);
 }
-function vt(e, n) {
+function Ct(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 = fn(t, a, r, o), u = -i.height / 2 + i.ascent;
   Hn(e, c, 0, u, n.letterSpacing);
 }
-function wt(e, n, t, a, r = !1, o = !1, s) {
+function kt(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];
@@ -543,7 +543,7 @@ function wt(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 = wt(A, n, t, a, r, o);
+      const A = k[w], E = kt(A, n, t, a, r, o);
       _.push(...E);
     }
     return _;
@@ -559,29 +559,29 @@ function wt(e, n, t, a, r = !1, o = !1, s) {
     }
     return k;
   }
-  const $ = f.join(" "), h = d + $ + u, b = c.measureText(h).width, v = n < 200, x = Math.max(20, n * (v ? 0.08 : 0.05));
-  if (b <= n + x)
+  const $ = f.join(" "), h = d + $ + u, g = c.measureText(h).width, v = n < 200, x = Math.max(20, n * (v ? 0.08 : 0.05));
+  if (g <= n + x)
     return [h];
   const m = [];
-  let g = f[0];
+  let b = f[0];
   const T = Math.max(15, n * (v ? 0.05 : 0.03));
   for (let k = 1; k < f.length; k++) {
-    const _ = f[k], w = g + " " + _;
-    c.measureText(w).width > n + T ? (m.push(g), g = _) : g = w;
+    const _ = f[k], w = b + " " + _;
+    c.measureText(w).width > n + T ? (m.push(b), b = _) : b = w;
   }
-  return m.push(g), m.length > 0 && (m[0] = d + m[0], m[m.length - 1] = m[m.length - 1] + u), m;
+  return m.push(b), m.length > 0 && (m[0] = d + m[0], m[m.length - 1] = m[m.length - 1] + u), m;
 }
-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) {
+function ja(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) => {
+  const g = (w) => {
     for (const A of w) {
       const E = A.codePointAt(0);
       if (E && E >= 983040 && E <= 1048573)
         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 ? Jn.getFontSync(o, d ? 700 : 400) : null;
-  g && !C && (Pn.warn(
+  }, v = $ && Object.values($).some((w) => w), y = h && h.length > 0, x = n.join(" "), m = g(x), b = v || y || m, C = b ? Jn.getFontSync(o, d ? 700 : 400) : null;
+  b && !C && (Pn.warn(
     `[renderMultilineText] Font ${o} not loaded for fontkit rendering. Text may not render correctly. Has PUA: ${m}, Text: "${x}"`
   ), Jn.loadFont(o, d ? 700 : 400).catch((w) => {
     Pn.error("[renderMultilineText] Error loading font:", w);
@@ -599,40 +599,40 @@ function Ua(e, n, t, a, r, o, s = "left", c = 0, i = 0, l = 1.2, d = !1, u = !1,
       charIndex: F.charIndex - _
       // Adjust to line-relative index
     })) : [];
-    if (C && (v || I.length > 0 || m) ? I.length > 0 || b(w) ? $t(e, C, w, E, S, r, I, {
+    if (C && (v || I.length > 0 || m) ? I.length > 0 || g(w) ? wt(e, C, w, E, S, r, I, {
       color: e.fillStyle,
       align: s === "start" || s === "end" ? "left" : s
-    }) : $ && yt(e, C, w, E, S, r, $, {
+    }) : $ && vt(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 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();
+      const M = S + r * 0.1;
+      e.beginPath(), e.moveTo(D, M), e.lineTo(D + F, M), e.lineWidth = Math.max(1, r * 0.05), e.strokeStyle = e.fillStyle, e.stroke();
     }
     if (f) {
       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();
+      const M = S - r * 0.25;
+      e.beginPath(), e.moveTo(D, M), e.lineTo(D + F, M), e.lineWidth = Math.max(1, r * 0.05), e.strokeStyle = e.fillStyle, e.stroke();
     }
   });
 }
 function In(e, n) {
-  St(e, n);
+  Tt(e, n);
 }
-function St(e, n) {
+function Tt(e, n) {
   var r;
-  (r = n.stroke) != null && r.enabled && ke(e, n), e.save(), e.translate(n.x, n.y), e.rotate(-n.rotation * Math.PI / 180);
+  (r = n.stroke) != null && r.enabled && _e(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 = Xe.fromJSON(n.richText);
+    const o = Ke.fromJSON(n.richText);
     e.save(), e.translate(0, 0);
     const s = n._lockedLineCount;
-    xt(
+    St(
       e,
       o,
       {
@@ -652,7 +652,7 @@ function St(e, n) {
     ), e.restore();
   } else if (n.text) {
     e.fillStyle = n.color;
-    const o = n._lockedLineCount, s = n.letterSpacing ?? 0, { lines: c, height: i } = ve(
+    const o = n._lockedLineCount, s = n.letterSpacing ?? 0, { lines: c, height: i } = we(
       n.text,
       a,
       n.fontSize,
@@ -670,48 +670,48 @@ function St(e, n) {
       n.italic
     ), 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;
+      const h = $ === 0, g = $ === c.length - 1;
       let v = f;
       if (!h) {
-        const m = f.match(/^ +/), g = m ? m[0].length : 0;
-        g > 0 && (v = v.substring(g));
+        const m = f.match(/^ +/), b = m ? m[0].length : 0;
+        b > 0 && (v = v.substring(b));
       }
-      if (!b) {
-        const m = v.match(/ +$/), g = m ? m[0].length : 0;
-        g > 0 && (v = v.substring(0, v.length - g));
+      if (!g) {
+        const m = v.match(/ +$/), b = m ? m[0].length : 0;
+        b > 0 && (v = v.substring(0, v.length - b));
       }
       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 (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) {
+        let b = y;
+        if (n.textAlign === "center" ? b -= m / 2 : n.textAlign === "right" && (b -= m), n.underline) {
           const C = x + n.fontSize * 0.1;
-          e.fillRect(g, C, m, Math.max(1, n.fontSize * 0.05));
+          e.fillRect(b, C, m, Math.max(1, n.fontSize * 0.05));
         }
         if (n.strikethrough) {
           const C = x - l.ascent * 0.4;
-          e.fillRect(g, C, m, Math.max(1, n.fontSize * 0.05));
+          e.fillRect(b, C, m, Math.max(1, n.fontSize * 0.05));
         }
       }
     });
   }
   e.restore();
 }
-function Wa(e, n) {
+function qa(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) {
-    Ct(e, n, t);
+    _t(e, n, t);
     return;
   }
   const o = e.globalAlpha;
   t !== 1 && (e.globalAlpha = t), Fn(e, n), e.globalAlpha = o;
 }
-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);
+function _t(e, n, t) {
+  var g;
+  const a = n.transformData, r = n.fontSize || 24, o = ((g = n.stroke) == null ? void 0 : g.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;
   typeof OffscreenCanvas < "u" ? p = new OffscreenCanvas(d, u) : (p = document.createElement("canvas"), p.width = d, p.height = u);
   const f = p.getContext("2d");
@@ -736,28 +736,28 @@ function Fn(e, n) {
       In(e, n);
       break;
     case "circle":
-      Te(e, n);
+      Ee(e, n);
       break;
     case "wave":
-      _e(e, n);
+      Ae(e, n);
       break;
     case "arch":
-      Ee(e, n);
+      Pe(e, n);
       break;
     case "ascend":
-      Ae(e, n);
+      Ie(e, n);
       break;
     case "lean":
-      Pe(e, n);
+      Fe(e, n);
       break;
     case "flag":
-      Ie(e, n);
+      De(e, n);
       break;
     default:
       Pn.warn(`[canvas-renderer] Unsupported transform type: ${n.type}`), In(e, n);
   }
 }
-function kt(e, n) {
+function Et(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   const t = document.createElement("canvas");
@@ -777,24 +777,24 @@ function tn(e, n, t) {
     t(e, n);
     return;
   }
-  const l = n.fontSize || 24, d = a.width || 0, u = n.transformData, p = l * n.text.length * 0.7, f = u.width ?? (u.radius ? u.radius * 2 : 0), $ = Math.max(f, p), h = (a.feather || 0) * 2, b = d * 4 + h + l + 40, v = $ + b, y = u.archHeight ? Math.abs(u.archHeight) * l * 2 : 0, x = u.radius ? u.radius : 0, m = l * 3 + b + y + x, g = e.getTransform(), C = Math.max(Math.abs(g.a), Math.abs(g.d), 1), T = Math.ceil(v * C / 2) * 2, k = Math.ceil(m * C / 2) * 2;
+  const l = n.fontSize || 24, d = a.width || 0, u = n.transformData, p = l * n.text.length * 0.7, f = u.width ?? (u.radius ? u.radius * 2 : 0), $ = Math.max(f, p), h = (a.feather || 0) * 2, g = d * 4 + h + l + 40, v = $ + g, y = u.archHeight ? Math.abs(u.archHeight) * l * 2 : 0, x = u.radius ? u.radius : 0, m = l * 3 + g + y + x, b = e.getTransform(), C = Math.max(Math.abs(b.a), Math.abs(b.d), 1), T = Math.ceil(v * C / 2) * 2, k = Math.ceil(m * C / 2) * 2;
   if (T <= 0 || k <= 0) {
     t(e, n);
     return;
   }
-  const _ = kt(T, k), w = _.getContext("2d");
+  const _ = Et(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), F = Math.round(P - k / 2);
+  const A = n.x || 0, E = n.y || 0, S = b.a * A + b.c * E + b.e, P = b.b * A + b.d * E + b.f, I = Math.round(S - T / 2), F = Math.round(P - k / 2);
   if (w.setTransform(
-    g.a,
-    g.b,
-    g.c,
-    g.d,
-    T / 2 - S + g.e,
-    k / 2 - P + g.f
+    b.a,
+    b.b,
+    b.c,
+    b.d,
+    T / 2 - S + b.e,
+    k / 2 - P + b.f
   ), c) {
     w.globalAlpha = 1;
     const L = a.opacity;
@@ -803,17 +803,17 @@ function tn(e, n, t) {
   }
   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(
+  const M = a.enabled;
+  a.enabled = !1, t(e, n), a.enabled = M, e.save(), e.resetTransform(), e.globalAlpha = r, e.drawImage(
     _,
     I,
     F
   ), e.restore();
 }
-function Te(e, n) {
-  tn(e, n, Tt);
+function Ee(e, n) {
+  tn(e, n, At);
 }
-function Tt(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.scale(t.scale, t.scale);
   const a = n.bold ? "bold" : "normal", r = n.italic ? "italic" : "normal";
@@ -834,23 +834,23 @@ function Tt(e, n) {
   }
   e.restore();
 }
-function _e(e, n) {
-  tn(e, n, _t);
+function Ae(e, n) {
+  tn(e, n, Pt);
 }
-function _t(e, n) {
+function Pt(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 * Ye, 0, 1, 0, 0), en(e, s, n.stroke), e.fillText(s, 0, 0), e.restore(), o += c;
+    e.save(), e.translate(i, d), e.transform(1, u * Je, 0, 1, 0, 0), en(e, s, n.stroke), e.fillText(s, 0, 0), e.restore(), o += c;
   }), e.restore();
 }
-function Ee(e, n) {
-  tn(e, n, Et);
+function Pe(e, n) {
+  tn(e, n, It);
 }
-function Et(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(""), r = a.reduce((c, i) => c + e.measureText(i).width, 0), o = t.width / 2;
@@ -860,10 +860,10 @@ function Et(e, n) {
     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 Ae(e, n) {
-  tn(e, n, At);
+function Ie(e, n) {
+  tn(e, n, Ft);
 }
-function At(e, n) {
+function Ft(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;
@@ -873,20 +873,20 @@ function At(e, n) {
     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 Pe(e, n) {
-  tn(e, n, Pt);
+function Fe(e, n) {
+  tn(e, n, Dt);
 }
-function Pt(e, n) {
+function Dt(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 Ie(e, n) {
-  tn(e, n, It);
+function De(e, n) {
+  tn(e, n, Mt);
 }
-function It(e, n) {
+function Mt(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("");
@@ -899,7 +899,7 @@ function It(e, n) {
 function Y(e) {
   return (n, t) => e(n, t);
 }
-function Ft(e, n) {
+function Ot(e, n) {
   e.save();
   const t = e.canvas, a = t.width, r = t.height, o = e.getTransform(), s = [];
   let c = [];
@@ -931,11 +931,11 @@ function Ft(e, n) {
 }
 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(
+  te || (te = !0, q("arch", Y(Pe)), q("ascend", Y(Ie)), q("circle", Y(Ee)), q("flag", Y(De)), q("lean", Y(Fe)), q("wave", Y(Ae)), q(
     "custom",
     (e, n) => In(e, n)
-  ), Ke(Ft), ot(
-    (e, n) => ft(e, n)
+  ), Ze(Ot), dt(
+    (e, n) => ht(e, n)
   ), globalThis.__scElementPaintersInstalled = !0);
 }
 jn();
@@ -943,23 +943,23 @@ 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":
-      Ot(e, n, a, t);
+      Bt(e, n, a, t);
       break;
     case "shape":
-      Mt(e, n, a, t);
+      Lt(e, n, a, t);
       break;
     case "group":
       break;
     default:
-      Dt(e, n, a, t);
+      Rt(e, n, a, t);
       break;
   }
   e.restore();
 }
-function Dt(e, n, t, a) {
+function Rt(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(), ke(e, n, { ...a.renderingContext, positionApplied: !0 }), e.restore()), (t === "fill" || t === "both") && (e.save(), vt(e, {
+  o && ((t === "stroke" || t === "both") && ((s = n.stroke) != null && s.enabled) && (e.save(), _e(e, n, { ...a.renderingContext, positionApplied: !0 }), e.restore()), (t === "fill" || t === "both") && (e.save(), Ct(e, {
     text: o,
     fontSize: r.fontSize || 24,
     fontFamily: r.fontFamily || "Arial",
@@ -970,12 +970,12 @@ function Dt(e, n, t, a) {
     letterSpacing: r.letterSpacing
   }), e.restore()));
 }
-function Ot(e, n, t, a) {
+function Bt(e, n, t, a) {
   var o;
   if (!n.transformData) return;
   const r = n.transformData;
   if (t === "fill" || t === "both")
-    if (Ut(e, n), a.loadedImage) {
+    if (Gt(e, n), a.loadedImage) {
       e.save(), e.clip();
       const s = r.flipHorizontal ? -1 : 1, c = r.flipVertical ? -1 : 1;
       e.scale(s, c);
@@ -983,28 +983,28 @@ function Ot(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(), mt(e, n, a.renderingContext), e.restore());
+  (t === "stroke" || t === "both") && ((o = n.stroke) != null && o.enabled) && (e.save(), xt(e, n, a.renderingContext), e.restore());
 }
-function Mt(e, n, t, a) {
+function Lt(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(), 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());
+  e.beginPath(), Me(e, r), (t === "fill" || t === "both") && (e.fillStyle = o ? "#000000" : Qe(e, r), e.globalAlpha = o ? 1 : r.fillOpacity ?? 1, e.fill()), (t === "stroke" || t === "both") && ((c = n.stroke) != null && c.enabled) && (e.save(), zt(e, n, a.renderingContext), e.restore());
 }
-function Fe(e, n) {
+function Me(e, n) {
   const { shapeType: t } = n, a = n.width ?? 100, r = n.height ?? 100;
   switch (t) {
     case "rectangle":
       ae(e, n, a, r);
       break;
     case "circle":
-      Rt(e, Math.min(a, r) / 2);
+      Nt(e, Math.min(a, r) / 2);
       break;
     case "ellipse":
-      Bt(e, a / 2, r / 2);
+      Ut(e, a / 2, r / 2);
       break;
     case "star":
-      Lt(e, n, Math.min(a, r) / 2);
+      Wt(e, n, Math.min(a, r) / 2);
       break;
     default:
       ae(e, n, a, r);
@@ -1018,13 +1018,13 @@ function ae(e, n, t, a) {
   } else
     e.rect(o, s, t, a);
 }
-function Rt(e, n) {
+function Nt(e, n) {
   e.arc(0, 0, n, 0, Math.PI * 2);
 }
-function Bt(e, n, t) {
+function Ut(e, n, t) {
   e.ellipse(0, 0, n, t, 0, 0, Math.PI * 2);
 }
-function Lt(e, n, t) {
+function Wt(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 Lt(e, n, t) {
   }
   e.closePath();
 }
-function Nt(e, n, t) {
+function zt(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(), Fe(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(), Me(e, n.transformData), e.stroke(), e.restore();
 }
-function Ut(e, n) {
+function Gt(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,23 +1056,23 @@ function Dn(e, n, t, a, r, o, s = "destination-out") {
   }
   const i = e.getTransform();
   e.save();
-  const l = n.knockoutParts.scope || "group", d = Wt(n, l, t);
+  const l = n.knockoutParts.scope || "group", d = Ht(n, l, t);
   if (d.length === 0 && l === "artboard") {
-    Gt(e, n, a), e.restore();
+    jt(e, n, a), e.restore();
     return;
   }
   if (d.length === 0) {
     a(e, n), e.restore();
     return;
   }
-  const u = e.canvas, f = e.getTransform().a, $ = Ht(u.width, u.height), h = $.getContext("2d");
+  const u = e.canvas, f = e.getTransform().a, $ = qt(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 && 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();
+  n.knockoutParts.fill && !n.knockoutParts.stroke && ((x = n.stroke) != null && x.enabled) && (h.save(), On(h, n), h.restore()), h.save(), h.globalCompositeOperation = s, n.knockoutParts.fill && Mn(h, n), n.knockoutParts.stroke && On(h, n), h.restore(), n.knockoutParts.fill || (h.save(), Mn(h, n), h.restore());
+  const g = u.width / f, v = u.height / f;
+  e.drawImage($, 0, 0, g, v), e.restore();
   const y = e.getTransform();
   (Math.abs(y.a - i.a) > 1e-3 || Math.abs(y.d - i.d) > 1e-3 || Math.abs(y.e - i.e) > 1e-3 || Math.abs(y.f - i.f) > 1e-3) && e.setTransform(
     i.a,
@@ -1083,59 +1083,59 @@ function Dn(e, n, t, a, r, o, s = "destination-out") {
     i.f
   );
 }
-function za(e, n, t, a, r, o) {
+function Xa(e, n, t, a, r, o) {
   Dn(e, n, t, a, r, o, "destination-out");
 }
-function Wt(e, n, t) {
-  return n === "artboard" ? De(e, t) : zt(e, t);
+function Ht(e, n, t) {
+  return n === "artboard" ? Oe(e, t) : Vt(e, t);
 }
-function De(e, n) {
+function Oe(e, n) {
   const t = n.findIndex((a) => a.id === e.id);
   return t === -1 ? [] : n.slice(0, t);
 }
-function zt(e, n) {
-  const t = Oe(e, n);
+function Vt(e, n) {
+  const t = Re(e, n);
   if (!t)
-    return De(e, n);
+    return Oe(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 Oe(e, n) {
+function Re(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 = Oe(e, t.children);
+      const a = Re(e, t.children);
       if (a)
         return a;
     }
   return null;
 }
-function On(e, n, t) {
+function Mn(e, n, t) {
   qn(e, n, {
     mode: "fill",
     renderingContext: { isKnockout: !0 }
   });
 }
-function Mn(e, n) {
+function On(e, n) {
   var t;
   (t = n.stroke) != null && t.enabled && qn(e, n, {
     mode: "stroke",
     renderingContext: { isKnockout: !0 }
   });
 }
-function Gt(e, n, t) {
+function jt(e, n, t) {
   var r;
   const a = n.knockoutParts;
   if (!a) {
     t(e, n);
     return;
   }
-  a.fill || (e.save(), On(e, n), e.restore()), !a.stroke && ((r = n.stroke) != null && r.enabled) && (e.save(), Mn(e, n), e.restore());
+  a.fill || (e.save(), Mn(e, n), e.restore()), !a.stroke && ((r = n.stroke) != null && r.enabled) && (e.save(), On(e, n), e.restore());
 }
-function Ht(e, n) {
+function qt(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   if (typeof document < "u") {
@@ -1155,10 +1155,10 @@ function re(e, n, t, a, r = 0) {
   };
 }
 const rn = 64, _n = 512;
-function Vt(e, n) {
+function Xt(e, n) {
   e.beginPath(), e.arc(n / 2, n / 2, n * 0.45, 0, Math.PI * 2), e.fill();
 }
-function jt(e, n) {
+function Yt(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 jt(e, n) {
   }
   e.closePath(), e.fill();
 }
-function qt(e, n) {
+function Kt(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 Xt(e, n) {
+function Jt(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 Yt(e, n) {
+function Zt(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 Yt(e, n) {
   }
   e.closePath(), e.fill();
 }
-function Kt(e, n) {
+function Qt(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 Jt(e, n) {
+function na(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 Jt(e, n) {
     e.beginPath(), e.arc(t + Math.cos(c) * i, a + Math.sin(c) * i, l, 0, Math.PI * 2), e.fill();
   }
 }
-function Zt(e, n) {
+function ea(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 Zt(e, n) {
   }
   e.closePath(), e.fill();
 }
-function Qt(e, n) {
+function ta(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,23 +1234,23 @@ function Qt(e, n) {
   }
   e.closePath(), e.fill();
 }
-function na(e, n) {
+function aa(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 ea = [
+const ra = [
   // Geometric
-  { 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 },
+  { id: "circle", name: "Circle", description: "Perfect circle", imageUrl: "builtin-mask:circle", thumbnailUrl: "", category: "geometric", draw: Xt },
+  { id: "star", name: "Star", description: "5-pointed star", imageUrl: "builtin-mask:star", thumbnailUrl: "", category: "geometric", draw: Yt },
+  { id: "heart", name: "Heart", description: "Heart shape", imageUrl: "builtin-mask:heart", thumbnailUrl: "", category: "geometric", draw: Kt },
+  { id: "diamond", name: "Diamond", description: "Diamond/rhombus", imageUrl: "builtin-mask:diamond", thumbnailUrl: "", category: "geometric", draw: Jt },
+  { id: "hexagon", name: "Hexagon", description: "Regular hexagon", imageUrl: "builtin-mask:hexagon", thumbnailUrl: "", category: "geometric", draw: Zt },
+  { id: "shield", name: "Shield", description: "Shield/crest shape", imageUrl: "builtin-mask:shield", thumbnailUrl: "", category: "geometric", draw: Qt },
   // Organic
-  { 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 }
+  { id: "splatter", name: "Splatter", description: "Ink splatter", imageUrl: "builtin-mask:splatter", thumbnailUrl: "", category: "organic", draw: na },
+  { id: "torn-edge", name: "Torn Edge", description: "Rough torn paper edge", imageUrl: "builtin-mask:torn-edge", thumbnailUrl: "", category: "organic", draw: ea },
+  { id: "paint-stroke", name: "Paint Stroke", description: "Horizontal brush stroke", imageUrl: "builtin-mask:paint-stroke", thumbnailUrl: "", category: "organic", draw: ta },
+  { id: "cloud", name: "Cloud", description: "Soft cloud shape", imageUrl: "builtin-mask:cloud", thumbnailUrl: "", category: "organic", draw: aa }
 ];
 let se = !1;
 function ie(e, n) {
@@ -1258,11 +1258,11 @@ function ie(e, n) {
   const t = document.createElement("canvas");
   return t.width = e, t.height = n, t;
 }
-function ta() {
+function sa() {
   if (typeof document > "u" || se) return;
   se = !0;
   const e = wn.getInstance();
-  for (const n of ea) {
+  for (const n of ra) {
     const t = ie(_n, _n);
     if (!t) continue;
     const a = t.getContext("2d");
@@ -1277,14 +1277,14 @@ function ta() {
     }
   }
 }
-const aa = U("MaskRenderer"), Rn = /* @__PURE__ */ new Map(), ra = /* @__PURE__ */ new Map();
-function Ga(e) {
+const ia = U("MaskRenderer"), Rn = /* @__PURE__ */ new Map(), oa = /* @__PURE__ */ new Map();
+function Ya(e) {
   const n = [];
   Rn.forEach((t, a) => {
     a.startsWith(e) && n.push(a);
   }), n.forEach((t) => Rn.delete(t));
 }
-function Ha() {
+function Ka() {
   Rn.clear();
 }
 function oe(e, n, t) {
@@ -1294,38 +1294,38 @@ function oe(e, n, t) {
   }
   const a = e.canvas, r = gn(a.width, a.height), o = r.getContext("2d");
   if (!o) {
-    aa.error("[renderWithMasks] Failed to get offscreen context");
+    ia.error("[renderWithMasks] Failed to get offscreen context");
     return;
   }
   const s = e.getTransform();
   o.setTransform(s), t(o);
   for (const c of n.masks)
-    sa(o, c, n);
+    ca(o, c, n);
   e.save(), e.setTransform(1, 0, 0, 1, 0, 0), e.drawImage(r, 0, 0), e.restore();
 }
-function sa(e, n, t) {
+function ca(e, n, t) {
   switch (n.type) {
     case "clip":
-      ia(e, n, t);
+      la(e, n, t);
       break;
     case "alpha":
-      oa(e, n, t);
+      da(e, n, t);
       break;
     case "luma":
-      ca(e, n, t);
+      fa(e, n, t);
       break;
     case "distress":
-      la(e, n, t);
+      ua(e, n, t);
       break;
   }
 }
-function ia(e, n, t) {
+function la(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 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 da(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 && Be(e, n.feather), e.restore();
 }
-function ca(e, n, t) {
+function fa(e, n, t) {
   const a = gn(e.canvas.width, e.canvas.height), r = a.getContext("2d");
   if (!r) return;
   Sn(r, n.maskElement, t);
@@ -1336,8 +1336,8 @@ function ca(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 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 ua(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 && Be(e, n.feather), e.restore();
 }
 function Sn(e, n, t) {
   const a = t.x || 0, r = t.y || 0, o = n.x || 0, s = n.y || 0, c = {
@@ -1357,32 +1357,32 @@ function Sn(e, n, t) {
     const m = n;
     if (m.imageUrl)
       if (typeof document < "u") {
-        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);
+        m.imageUrl.startsWith("builtin-mask:") && sa();
+        const b = wn.getInstance(), C = b.acquire(m.imageUrl);
+        C.complete && C.naturalWidth > 0 && ($ = C), b.release(m.imageUrl);
       } else
-        h = ra.get(m.imageUrl);
+        h = oa.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;
+  const g = 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;
+    const m = (g == null ? void 0 : g.width) || h.width, b = (g == null ? void 0 : g.height) || h.height;
     if (e.translate(c.x || 0, c.y || 0), e.rotate(-(c.rotation || 0) * Math.PI / 180), x) {
       const C = re(
         m,
-        g,
+        b,
         v,
         y,
         0
       );
       e.drawImage(h, -C.width / 2, -C.height / 2, C.width, C.height);
     } else
-      e.drawImage(h, -m / 2, -g / 2, m, g);
+      e.drawImage(h, -m / 2, -b / 2, m, b);
     e.restore();
   } else if (x && $) {
-    const m = (b == null ? void 0 : b.width) || u, g = (b == null ? void 0 : b.height) || p, C = re(
+    const m = (g == null ? void 0 : g.width) || u, b = (g == null ? void 0 : g.height) || p, C = re(
       m,
-      g,
+      b,
       v,
       y,
       0
@@ -1391,7 +1391,7 @@ function Sn(e, n, t) {
   } else
     qn(e, c, { mode: "both", loadedImage: $ });
 }
-function Me(e, n) {
+function Be(e, n) {
   "filter" in e && (e.filter = `blur(${n}px)`);
 }
 function gn(e, n) {
@@ -1403,19 +1403,19 @@ function gn(e, n) {
   }
   throw new Error("No canvas context available");
 }
-function da(e, n, t, a) {
+function pa(e, n, t, a) {
   if (!n.enabled || !n.imageUrl || n.opacity <= 0) return;
   const r = wn.getInstance(), o = r.acquire(n.imageUrl);
   if (!o.complete || o.naturalWidth === 0) {
     r.release(n.imageUrl);
     return;
   }
-  const { x: s, y: c, width: i, height: l } = t, d = e.getTransform(), u = d.a * s + d.e, p = d.d * c + d.f, f = d.a * i, $ = d.d * l, h = Math.ceil(f), b = Math.ceil($);
-  if (h <= 0 || b <= 0) {
+  const { x: s, y: c, width: i, height: l } = t, d = e.getTransform(), u = d.a * s + d.e, p = d.d * c + d.f, f = d.a * i, $ = d.d * l, h = Math.ceil(f), g = Math.ceil($);
+  if (h <= 0 || g <= 0) {
     r.release(n.imageUrl);
     return;
   }
-  const v = gn(h, b), y = v.getContext("2d");
+  const v = gn(h, g), y = v.getContext("2d");
   if (!y) {
     r.release(n.imageUrl);
     return;
@@ -1429,25 +1429,58 @@ function da(e, n, t, a) {
     0,
     0,
     h,
-    b
+    g
   );
   let x;
   if (n.maskType === "luma" ? x = "destination-in" : x = n.inverted ? "destination-out" : "destination-in", n.maskType === "luma") {
-    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;
+    const m = gn(h, g), b = m.getContext("2d");
+    if (b) {
+      b.drawImage(o, 0, 0, h, g);
+      const C = b.getImageData(0, 0, h, g), T = C.data;
       for (let k = 0; k < T.length; k += 4) {
         const _ = 0.299 * T[k] + 0.587 * T[k + 1] + 0.114 * T[k + 2];
         T[k + 3] = n.inverted ? 255 - _ : _;
       }
-      g.putImageData(C, 0, 0), y.globalCompositeOperation = "destination-in", y.globalAlpha = n.opacity / 100, y.drawImage(m, 0, 0);
+      b.putImageData(C, 0, 0), y.globalCompositeOperation = "destination-in", y.globalAlpha = n.opacity / 100, y.drawImage(m, 0, 0);
     }
   } else
-    y.globalCompositeOperation = x, y.globalAlpha = n.opacity / 100, y.drawImage(o, 0, 0, h, b);
+    y.globalCompositeOperation = x, y.globalAlpha = n.opacity / 100, y.drawImage(o, 0, 0, h, g);
   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 fa {
+function ha(e) {
+  var n;
+  return e ? ((n = e.shadow) == null ? void 0 : n.enabled) === !0 || Se(e.blendMode) : !1;
+}
+function ce(e, n, t) {
+  var l;
+  if (!ha(n)) {
+    t(e);
+    return;
+  }
+  const a = (l = n.shadow) != null && l.enabled ? n.shadow : void 0, r = Se(n.blendMode) ? n.blendMode : void 0, o = e.canvas, s = e.getTransform(), c = ga(o.width, o.height), i = c.getContext("2d");
+  if (!i)
+    throw new Error(
+      "[canvas] renderWithLayerEffects: could not acquire a 2D context for the layer-effects raster"
+    );
+  if (i.setTransform(s), t(i), e.save(), e.setTransform(1, 0, 0, 1, 0, 0), r && (e.globalCompositeOperation = r), a) {
+    const d = Math.hypot(s.a, s.b) || 1, u = o.width + 1;
+    e.save(), e.globalAlpha = e.globalAlpha * ba(a.opacity ?? 1), e.shadowColor = a.color, e.shadowBlur = a.blur * d, e.shadowOffsetX = a.offsetX * d + u, e.shadowOffsetY = a.offsetY * d, e.drawImage(c, -u, 0), e.restore();
+  }
+  e.drawImage(c, 0, 0), e.restore();
+}
+function ba(e) {
+  return Math.min(1, Math.max(0, e));
+}
+function ga(e, n) {
+  if (typeof OffscreenCanvas < "u")
+    return new OffscreenCanvas(e, n);
+  if (typeof document < "u") {
+    const t = document.createElement("canvas");
+    return t.width = e, t.height = n, t;
+  }
+  throw new Error("No canvas context available");
+}
+class ma {
   constructor(n = Math.random()) {
     this.perm = [];
     for (let a = 0; a < 256; a++)
@@ -1486,20 +1519,20 @@ class fa {
   }
 }
 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;
+  const s = Cn(e, n).getContext("2d").createImageData(e, n), c = s.data, i = new ma(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;
       let $ = 0;
       $ += i.noise(p * l, u * l) * 0.5, $ += i.noise(p * l * 2, u * l * 2) * 0.25, $ += i.noise(p * l * 4, u * l * 4) * 0.125, $ = ($ + 1) / 2;
-      const h = Math.min(p / e, (e - p) / e) * 2, b = Math.min(u / n, (n - u) / n) * 2, v = Math.min(h, b);
+      const h = Math.min(p / e, (e - p) / e) * 2, g = Math.min(u / n, (n - u) / n) * 2, v = Math.min(h, g);
       $ *= 0.7 + v * 0.3;
       const y = $ > d ? 255 : 0;
       c[f] = 255, c[f + 1] = 255, c[f + 2] = 255, c[f + 3] = y;
     }
   return s;
 }
-function ua(e, n, t, a = Date.now()) {
+function ya(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 = Xn(a), c = Math.floor(t / 100 * 30 + 5);
@@ -1530,7 +1563,7 @@ function bn(e, n, t, a = Date.now()) {
     }
   return s;
 }
-function pa(e, n, t, a = Date.now()) {
+function $a(e, n, t, a = Date.now()) {
   const o = Cn(e, n).getContext("2d");
   o.fillStyle = "#000000";
   const s = Xn(a), c = 4 + t / 100 * 6, i = c * 2;
@@ -1562,13 +1595,13 @@ function Ln(e) {
     n[t] = 255, n[t + 1] = 255, n[t + 2] = 255;
   return e;
 }
-function ha(e, n) {
+function xa(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 ba = [
+const va = [
   {
     id: "grunge-heavy",
     name: "Heavy Grunge",
@@ -1609,7 +1642,7 @@ const ba = [
     description: "Noise + splatter combined",
     generate: (e, n) => {
       const t = En(e, n, 45, N + 4), a = bn(e, n, 35, N + 5);
-      return ha(Ln(t), Ln(a));
+      return xa(Ln(t), Ln(a));
     }
   },
   {
@@ -1618,7 +1651,7 @@ const ba = [
     textureUrl: "builtin:scratches",
     thumbnailUrl: "",
     description: "Branching crack lines",
-    generate: (e, n) => ua(e, n, 55, N + 6)
+    generate: (e, n) => ya(e, n, 55, N + 6)
   },
   {
     id: "halftone",
@@ -1626,7 +1659,7 @@ const ba = [
     textureUrl: "builtin:halftone",
     thumbnailUrl: "",
     description: "Dot grid pattern",
-    generate: (e, n) => pa(e, n, 55, N + 7)
+    generate: (e, n) => $a(e, n, 55, N + 7)
   },
   {
     id: "spray",
@@ -1637,25 +1670,25 @@ const ba = [
     generate: (e, n) => bn(e, n, 55, N + 8)
   }
 ];
-let ce = !1;
-function ga(e, n) {
+let le = !1;
+function wa(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 le(e, n) {
+function de(e, n) {
   if (typeof document > "u") return null;
   const t = document.createElement("canvas");
   return t.width = e, t.height = n, t;
 }
-function ma(e) {
-  const n = le(e.width, e.height);
+function Sa(e) {
+  const n = de(e.width, e.height);
   if (!n) return "";
   const t = n.getContext("2d");
   if (!t) return "";
   t.putImageData(e, 0, 0);
-  const a = le(J, J);
+  const a = de(J, J);
   if (!a) return "";
   const r = a.getContext("2d");
   if (!r) return "";
@@ -1667,29 +1700,29 @@ function ma(e) {
   }
   return r.putImageData(o, 0, 0), a.toDataURL("image/png");
 }
-function ya() {
-  if (!ce) {
-    ce = !0;
-    for (const e of ba) {
+function Ca() {
+  if (!le) {
+    le = !0;
+    for (const e of va) {
       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 t = wa(K, K), a = t.getContext("2d");
+      a && (a.putImageData(n, 0, 0), ka(e.textureUrl, t, K, K)), typeof document < "u" && (e.thumbnailUrl = Sa(n));
     }
   }
 }
 const z = /* @__PURE__ */ new Set(), G = /* @__PURE__ */ new Map(), mn = /* @__PURE__ */ new Map();
-function de(e, n) {
+function fe(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 fe(e) {
+function ue(e) {
   return e.getContext("2d");
 }
-function ue(e) {
-  const { width: n, height: t } = e, a = de(n, t), r = fe(a);
+function pe(e) {
+  const { width: n, height: t } = e, a = fe(n, t), r = ue(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 +1730,67 @@ function ue(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 = de(n, t), i = fe(c);
+  const c = fe(n, t), i = ue(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 Re(e) {
+function Le(e) {
   const n = G.get(e);
   if (n) return n;
   if (e.startsWith("builtin:")) {
-    ya();
+    Ca();
     const t = G.get(e);
     return t || null;
   }
-  return z.has(e) || (z.add(e), Be(e)), null;
+  return z.has(e) || (z.add(e), Ne(e)), null;
 }
-function Va(e) {
+function Ja(e) {
   return G.has(e) ? Promise.resolve() : new Promise((n) => {
     if (G.has(e)) {
       n();
       return;
     }
     const t = mn.get(e) || [];
-    t.push(n), mn.set(e, t), z.has(e) || (z.add(e), Be(e));
+    t.push(n), mn.set(e, t), z.has(e) || (z.add(e), Ne(e));
   });
 }
-function $a(e, n, t, a) {
+function ka(e, n, t, a) {
   G.has(e) || (G.set(e, { alphaMask: n, width: t, height: a }), sn(e));
 }
 function sn(e) {
   const n = mn.get(e);
   n && (n.forEach((t) => t()), mn.delete(e));
 }
-function Be(e) {
+function Ne(e) {
   if (typeof document < "u") {
     const n = new Image();
     n.crossOrigin = "anonymous", n.onload = () => {
-      const t = ue(n);
+      const t = pe(n);
       G.set(e, t), z.delete(e), sn(e);
     }, n.onerror = () => {
       z.delete(e), sn(e);
     }, n.src = e;
   } else
     fetch(e).then((n) => n.blob()).then((n) => createImageBitmap(n)).then((n) => {
-      const t = ue(n);
+      const t = pe(n);
       G.set(e, t), z.delete(e), sn(e);
     }).catch(() => {
       z.delete(e), sn(e);
     });
 }
-function Le(e, n) {
+function Ue(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 xa(e, n, t, a) {
+function Ta(e, n, t, a) {
   if (!n.enabled || !n.textureUrl || n.intensity <= 0) return;
-  const r = Re(n.textureUrl);
+  const r = Le(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 = Le($, h), v = b.getContext("2d");
+  const g = Ue($, h), v = g.getContext("2d");
   if (!v) return;
   v.drawImage(
     e.canvas,
@@ -1772,22 +1805,22 @@ function xa(e, n, t, a) {
   );
   const y = r.alphaMask.getContext("2d");
   if (y) {
-    const x = n.intensity / 100, m = y.getImageData(0, 0, r.width, r.height).data, g = r.width, C = r.height, T = v.getImageData(0, 0, $, h), k = T.data;
+    const x = n.intensity / 100, m = y.getImageData(0, 0, r.width, r.height).data, b = r.width, C = r.height, T = v.getImageData(0, 0, $, h), k = T.data;
     for (let _ = 0; _ < h; _++) {
       const w = Math.floor(_ / h * C);
       for (let A = 0; A < $; A++) {
-        const E = Math.floor(A / $ * g), S = m[(w * g + E) * 4 + 3] / 255, P = (_ * $ + A) * 4;
+        const E = Math.floor(A / $ * b), S = m[(w * b + E) * 4 + 3] / 255, P = (_ * $ + A) * 4;
         k[P + 3] = Math.round(k[P + 3] * (1 - S * x));
       }
     }
     v.putImageData(T, 0, 0);
   } else
     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();
+  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(g, d, u), e.restore();
 }
-function pe(e, n, t, a) {
+function he(e, n, t, a) {
   if (!n.enabled || n.style !== "custom" || !n.textureUrl) return;
-  const r = Re(n.textureUrl);
+  const r = Le(n.textureUrl);
   if (!r) {
     a(e);
     return;
@@ -1797,27 +1830,27 @@ function pe(e, n, t, a) {
     y: t.y - p,
     width: t.width + u * 2,
     height: t.height + p * 2
-  }, $ = s.a * f.x + s.e, h = s.d * f.y + s.f, b = s.a * f.width, v = s.d * f.height, y = Math.ceil(b), x = Math.ceil(v);
+  }, $ = s.a * f.x + s.e, h = s.d * f.y + s.f, g = s.a * f.width, v = s.d * f.height, y = Math.ceil(g), x = Math.ceil(v);
   if (y <= 0 || x <= 0) {
     a(e);
     return;
   }
-  const m = Le(y, x), g = m.getContext("2d");
-  if (!g) {
+  const m = Ue(y, x), b = m.getContext("2d");
+  if (!b) {
     a(e);
     return;
   }
-  g.setTransform(
+  b.setTransform(
     s.a,
     s.b,
     s.c,
     s.d,
     s.e - $,
     s.f - h
-  ), a(g), g.setTransform(1, 0, 0, 1, 0, 0);
+  ), a(b), b.setTransform(1, 0, 0, 1, 0, 0);
   const C = r.alphaMask.getContext("2d");
   if (C) {
-    const T = C.getImageData(0, 0, r.width, r.height).data, k = r.width, _ = r.height, w = g.getImageData(0, 0, y, x), A = w.data;
+    const T = C.getImageData(0, 0, r.width, r.height).data, k = r.width, _ = r.height, w = b.getImageData(0, 0, y, x), A = w.data;
     for (let E = 0; E < x; E++) {
       const S = Math.floor(E / x * _);
       for (let P = 0; P < y; P++) {
@@ -1825,9 +1858,9 @@ function pe(e, n, t, a) {
         A[D + 3] = Math.round(A[D + 3] * (1 - F * o));
       }
     }
-    g.putImageData(w, 0, 0);
+    b.putImageData(w, 0, 0);
   } else
-    g.globalCompositeOperation = "destination-out", g.globalAlpha = o, g.drawImage(r.alphaMask, 0, 0, y, x), g.globalCompositeOperation = "source-over", g.globalAlpha = 1;
+    b.globalCompositeOperation = "destination-out", b.globalAlpha = o, b.drawImage(r.alphaMask, 0, 0, y, x), b.globalCompositeOperation = "source-over", b.globalAlpha = 1;
   e.save(), e.setTransform(1, 0, 0, 1, 0, 0), e.drawImage(m, $, h), e.restore();
 }
 class yn {
@@ -1843,33 +1876,33 @@ class yn {
     const { transformType: t } = n;
     switch (t) {
       case "custom":
-        return new st(n);
+        return new ct(n);
       case "distort":
         throw new Error("DistortTransform is not yet implemented");
       case "circle":
-        return new rt(n);
+        return new ot(n);
       case "lean":
-        return new at(n);
+        return new it(n);
       case "arch":
-        return new tt(n);
+        return new st(n);
       case "ascend":
-        return new et(n);
+        return new rt(n);
       case "wave":
-        return new nt(n);
+        return new at(n);
       case "flag":
-        return new Qe(n);
+        return new tt(n);
       case "image":
         return new An(n);
       case "group": {
         const r = (n.children || []).map(
           (i) => yn.createFromJSON(i)
-        ), { children: o, ...s } = n, c = new xe(s);
+        ), { children: o, ...s } = n, c = new ve(s);
         return r.forEach((i) => c.addChild(i)), c;
       }
       case "shape":
-        return new Ze(n);
+        return new et(n);
       case "path":
-        return new Je(n);
+        return new nt(n);
       default:
         const a = t;
         throw new Error(`Unknown transform type: ${a}`);
@@ -2083,7 +2116,7 @@ class yn {
     return this.createFromJSON(t);
   }
 }
-const he = U("ImportManager"), Kn = class Kn {
+const be = U("ImportManager"), Kn = class Kn {
   /**
    * Import workspace from JSON file
    */
@@ -2111,7 +2144,7 @@ const he = U("ImportManager"), Kn = class Kn {
           try {
             return yn.createFromJSON(l);
           } catch (d) {
-            return he.error("Failed to create element:", l, d), null;
+            return be.error("Failed to create element:", l, d), null;
           }
         }).filter((l) => l !== null);
         r.push(c), o.push(...i);
@@ -2146,7 +2179,7 @@ const he = U("ImportManager"), Kn = class Kn {
         try {
           return yn.createFromJSON(i);
         } catch (l) {
-          return he.error("Failed to create element:", i, l), null;
+          return be.error("Failed to create element:", i, l), null;
         }
       }).filter((i) => i !== null);
       return c.forEach((i) => {
@@ -2298,13 +2331,13 @@ const he = U("ImportManager"), Kn = class Kn {
   }
 };
 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";
+let ge = Kn;
+const me = U("element-serializer"), We = 4e3, un = /* @__PURE__ */ new Set();
+function _a(e, n) {
+  const t = n ? Ea(n) : "no-src";
   return `${e}:${t}`;
 }
-function wa(e) {
+function Ea(e) {
   let n = 0;
   for (let t = 0; t < e.length; t++) {
     const a = e.charCodeAt(t);
@@ -2315,17 +2348,17 @@ function wa(e) {
 function Nn() {
   un.clear();
 }
-function Ue(e) {
+function ze(e) {
   for (const n of un)
     n.startsWith(`${e}:`) && un.delete(n);
 }
-function Sa(e) {
+function Aa(e) {
   un.add(e);
 }
-function Ca(e) {
+function Pa(e) {
   return un.has(e);
 }
-async function ka(e, n = Ne) {
+async function Ia(e, n = We) {
   const { naturalWidth: t, naturalHeight: a } = e;
   if (t <= n && a <= n)
     return createImageBitmap(e);
@@ -2337,17 +2370,17 @@ async function ka(e, n = Ne) {
   });
 }
 let $n = null, xn = null;
-function Ta(e, n) {
+function Fa(e, n) {
   $n = e, xn = n;
 }
-function _a() {
+function Da() {
   $n = null, xn = null;
 }
-function ja() {
+function Za() {
   Nn(), $n && $n();
 }
-function qa(e) {
-  Ue(e), xn && xn(e);
+function Qa(e) {
+  ze(e), xn && xn(e);
 }
 function Un(e, n) {
   const t = e;
@@ -2369,7 +2402,7 @@ function Un(e, n) {
     for (const a of e.masks)
       a.maskElement && Un(a.maskElement, n);
 }
-function me(e) {
+function ye(e) {
   if (typeof document > "u") return e;
   const n = wn.getInstance();
   return e.map((t) => {
@@ -2387,22 +2420,22 @@ function me(e) {
     } : t;
   });
 }
-async function ye(e, n, t = Ne) {
+async function $e(e, n, t = We) {
   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 (Un(l, s), i instanceof An && !i.imageElement) {
-      ge.warn(`[element-serializer] Skipping image ${i.id}: image not loaded (state: ${i.imageLoadState})`);
+      me.warn(`[element-serializer] Skipping image ${i.id}: image not loaded (state: ${i.imageLoadState})`);
       continue;
     }
     if (i instanceof An && i.imageElement)
       try {
-        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 d = _a(i.id, i.imageUrl);
+        if (!Pa(d)) {
+          const x = await Ia(i.imageElement, t);
+          o.push({ cacheKey: d, bitmap: x }), Aa(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 = {
+        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), g = {
           id: i.id,
           type: "image",
           x: i.x,
@@ -2414,14 +2447,14 @@ async function ye(e, n, t = Ne) {
         };
         if (!f && (p.cropX !== 0 || p.cropY !== 0 || p.cropWidth !== 1 || p.cropHeight !== 1)) {
           const x = i.imageElement.naturalWidth, m = i.imageElement.naturalHeight;
-          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;
+          let b = 1;
+          (x > t || m > t) && (b = t / Math.max(x, m)), g.cropX = p.cropX * x * b, g.cropY = p.cropY * m * b, g.cropWidth = p.cropWidth * x * b, g.cropHeight = p.cropHeight * m * b;
         }
-        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 = 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);
+        p.flipHorizontal && (g.flipHorizontal = p.flipHorizontal), p.flipVertical && (g.flipVertical = p.flipVertical), p.borderRadius && (g.borderRadius = p.borderRadius), lt(p.adjustments) || (g.adjustments = { ...p.adjustments }), i.opacity !== void 0 && (g.opacity = i.opacity);
+        const y = g;
+        i.distressEffect && (y.distressEffect = { ...i.distressEffect }), l.masks && l.masks.length > 0 && (y.masks = ye(l.masks)), l.blendMode && (y.blendMode = l.blendMode), l.knockoutParts && (y.knockoutParts = l.knockoutParts), l.shadow && (y.shadow = { ...l.shadow }), "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) {
-        ge.error(`[element-serializer] Failed to create ImageBitmap for ${l.id}:`, d);
+        me.error(`[element-serializer] Failed to create ImageBitmap for ${l.id}:`, d);
       }
     else {
       const d = {
@@ -2429,7 +2462,7 @@ async function ye(e, n, t = Ne) {
         type: l.transformType
         // Map transformType to type for worker compatibility
       };
-      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);
+      d.masks && Array.isArray(d.masks) && d.masks.length > 0 && (d.masks = ye(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 +2487,7 @@ async function ye(e, n, t = Ne) {
     newBitmaps: o
   };
 }
-const Ea = `"use strict";
+const Ma = `"use strict";
 (() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
@@ -21642,6 +21675,13 @@ const Ea = `"use strict";
   var WAVE_SKEW_FACTOR = 0.3;
 
   // src/types/index.ts
+  var STANDARD_BLEND_MODES = [
+    "multiply",
+    "screen",
+    "overlay",
+    "darken",
+    "lighten"
+  ];
   var RichText = class _RichText {
     constructor(spans = []) {
       this.spans = spans.length > 0 ? spans.map((s) => ({ ...s, style: { ...s.style } })) : [{ text: "", style: {} }];
@@ -21889,6 +21929,9 @@ const Ea = `"use strict";
       return new _RichText(json.spans);
     }
   };
+  function isStandardBlendMode(mode) {
+    return STANDARD_BLEND_MODES.includes(mode);
+  }
 
   // src/rendering/transform-renderer.ts
   function createOffscreenCanvas(width, height) {
@@ -24277,6 +24320,44 @@ const Ea = `"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/core/shape-fill.ts
+  var DEFAULT_SHAPE_FILL_COLOR = "#3b82f6";
+  function addStops(gradient, stops) {
+    for (const stop of stops) {
+      gradient.addColorStop(Math.min(1, Math.max(0, stop.offset)), stop.color);
+    }
+    return gradient;
+  }
+  function createShapeFillStyle(ctx, transformData) {
+    const { fill } = transformData;
+    if (!fill) return transformData.fillColor || DEFAULT_SHAPE_FILL_COLOR;
+    if (fill.type === "solid") return fill.color;
+    const width = transformData.width ?? 100;
+    const height = transformData.height ?? 100;
+    if (fill.type === "linear") {
+      const theta = fill.angle * Math.PI / 180;
+      const dx = Math.sin(theta);
+      const dy = -Math.cos(theta);
+      const halfLength = (Math.abs(width * dx) + Math.abs(height * dy)) / 2;
+      return addStops(
+        ctx.createLinearGradient(-dx * halfLength, -dy * halfLength, dx * halfLength, dy * halfLength),
+        fill.stops
+      );
+    }
+    const radius = Math.sqrt(width * width + height * height) / 2;
+    return addStops(ctx.createRadialGradient(0, 0, 0, 0, 0, radius), fill.stops);
+  }
+
   // src/rendering/shape-renderer.ts
   function createTempCanvas(width, height) {
     if (typeof OffscreenCanvas !== "undefined") {
@@ -24334,7 +24415,7 @@ const Ea = `"use strict";
       ctx.rotate(-elementData.rotation * Math.PI / 180);
     }
     ctx.globalAlpha = elementOpacity * fillOpacity;
-    ctx.fillStyle = transformData.fillColor || "#3b82f6";
+    ctx.fillStyle = createShapeFillStyle(ctx, transformData);
     ctx.beginPath();
     traceShapePath(ctx, transformData);
     ctx.fill();
@@ -24513,7 +24594,7 @@ const Ea = `"use strict";
     ctx.beginPath();
     renderShapePath(ctx, transformData);
     if (mode === "fill" || mode === "both") {
-      ctx.fillStyle = isKnockoutRender ? "#000000" : transformData.fillColor || "#3b82f6";
+      ctx.fillStyle = isKnockoutRender ? "#000000" : createShapeFillStyle(ctx, transformData);
       ctx.globalAlpha = isKnockoutRender ? 1 : transformData.fillOpacity ?? 1;
       ctx.fill();
     }
@@ -24782,6 +24863,64 @@ const Ea = `"use strict";
     throw new Error("No canvas context available");
   }
 
+  // src/rendering/LayerEffectsRenderer.ts
+  function hasLayerEffects(config) {
+    if (!config) return false;
+    return config.shadow?.enabled === true || isStandardBlendMode(config.blendMode);
+  }
+  function renderWithLayerEffects(ctx, config, paint) {
+    if (!hasLayerEffects(config)) {
+      paint(ctx);
+      return;
+    }
+    const shadow = config.shadow?.enabled ? config.shadow : void 0;
+    const blend = isStandardBlendMode(config.blendMode) ? config.blendMode : void 0;
+    const canvas = ctx.canvas;
+    const transform = ctx.getTransform();
+    const offscreen = createOffscreenCanvas4(canvas.width, canvas.height);
+    const offCtx = offscreen.getContext("2d");
+    if (!offCtx) {
+      throw new Error(
+        "[canvas] renderWithLayerEffects: could not acquire a 2D context for the layer-effects raster"
+      );
+    }
+    offCtx.setTransform(transform);
+    paint(offCtx);
+    ctx.save();
+    ctx.setTransform(1, 0, 0, 1, 0, 0);
+    if (blend) {
+      ctx.globalCompositeOperation = blend;
+    }
+    if (shadow) {
+      const scale = Math.hypot(transform.a, transform.b) || 1;
+      const lift = canvas.width + 1;
+      ctx.save();
+      ctx.globalAlpha = ctx.globalAlpha * clamp01(shadow.opacity ?? 1);
+      ctx.shadowColor = shadow.color;
+      ctx.shadowBlur = shadow.blur * scale;
+      ctx.shadowOffsetX = shadow.offsetX * scale + lift;
+      ctx.shadowOffsetY = shadow.offsetY * scale;
+      ctx.drawImage(offscreen, -lift, 0);
+      ctx.restore();
+    }
+    ctx.drawImage(offscreen, 0, 0);
+    ctx.restore();
+  }
+  function clamp01(value) {
+    return Math.min(1, Math.max(0, value));
+  }
+  function createOffscreenCanvas4(width, height) {
+    if (typeof OffscreenCanvas !== "undefined") {
+      return new OffscreenCanvas(width, height);
+    } else if (typeof document !== "undefined") {
+      const canvas = document.createElement("canvas");
+      canvas.width = width;
+      canvas.height = height;
+      return canvas;
+    }
+    throw new Error("No canvas context available");
+  }
+
   // src/effects/DistressGenerator.ts
   var SimplexNoise = class {
     constructor(seed = Math.random()) {
@@ -25218,7 +25357,7 @@ const Ea = `"use strict";
   }
 
   // src/rendering/DistressTextureRenderer.ts
-  function createOffscreenCanvas4(width, height) {
+  function createOffscreenCanvas5(width, height) {
     if (typeof OffscreenCanvas !== "undefined") {
       return new OffscreenCanvas(width, height);
     }
@@ -25240,7 +25379,7 @@ const Ea = `"use strict";
     const offWidth = Math.ceil(pixelWidth);
     const offHeight = Math.ceil(pixelHeight);
     if (offWidth <= 0 || offHeight <= 0) return;
-    const offCanvas = createOffscreenCanvas4(offWidth, offHeight);
+    const offCanvas = createOffscreenCanvas5(offWidth, offHeight);
     const offCtx = offCanvas.getContext("2d");
     if (!offCtx) return;
     offCtx.drawImage(
@@ -25320,7 +25459,7 @@ const Ea = `"use strict";
       renderFn(ctx);
       return;
     }
-    const offCanvas = createOffscreenCanvas4(offWidth, offHeight);
+    const offCanvas = createOffscreenCanvas5(offWidth, offHeight);
     const offCtx = offCanvas.getContext("2d");
     if (!offCtx) {
       renderFn(ctx);
@@ -25729,7 +25868,7 @@ const Ea = `"use strict";
       return;
     }
     const canvas = ctx.canvas;
-    const offscreen = createOffscreenCanvas5(canvas.width, canvas.height);
+    const offscreen = createOffscreenCanvas6(canvas.width, canvas.height);
     const offCtx = offscreen.getContext("2d");
     if (!offCtx) {
       logger4.error("[renderWithMasks] Failed to get offscreen context");
@@ -25784,7 +25923,7 @@ const Ea = `"use strict";
     ctx.restore();
   }
   function applyLumaMask(ctx, mask, parentElement) {
-    const maskCanvas = createOffscreenCanvas5(ctx.canvas.width, ctx.canvas.height);
+    const maskCanvas = createOffscreenCanvas6(ctx.canvas.width, ctx.canvas.height);
     const maskCtx = maskCanvas.getContext("2d");
     if (!maskCtx) return;
     renderMaskElement(maskCtx, mask.maskElement, parentElement);
@@ -25910,7 +26049,7 @@ const Ea = `"use strict";
       ctx.filter = \`blur(\${featherRadius}px)\`;
     }
   }
-  function createOffscreenCanvas5(width, height) {
+  function createOffscreenCanvas6(width, height) {
     if (typeof OffscreenCanvas !== "undefined") {
       return new OffscreenCanvas(width, height);
     } else if (typeof document !== "undefined") {
@@ -25979,16 +26118,6 @@ const Ea = `"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();
@@ -26394,6 +26523,16 @@ const Ea = `"use strict";
     }
   }
   function renderSingleElementWithEffects(ctx, element, artboardX, artboardY) {
+    renderWithLayerEffects(ctx, element, (layerCtx) => {
+      renderSingleElementWithMasksAndDistress(
+        layerCtx,
+        element,
+        artboardX,
+        artboardY
+      );
+    });
+  }
+  function renderSingleElementWithMasksAndDistress(ctx, element, artboardX, artboardY) {
     const hasDistress = element.distressEffect?.enabled && element.distressEffect.style === "custom" && element.distressEffect.textureUrl;
     const hasMasks = element.masks && element.masks.length > 0;
     if (!hasDistress && !hasMasks) {
@@ -26669,7 +26808,7 @@ const Ea = `"use strict";
   };
 })();
 `;
-async function Aa(e, n, t = fetch) {
+async function Oa(e, n, t = fetch) {
   try {
     const a = await t(n.fontFileUrl, { mode: "cors" });
     if (!a.ok) return null;
@@ -26685,7 +26824,7 @@ function X(e) {
 function Yn(e) {
   return `${X(e.family)}|${e.weight ?? 400}|${e.style ?? "normal"}`;
 }
-class Pa {
+class Ra {
   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);
@@ -26731,13 +26870,13 @@ class Pa {
     for (const n of this.listeners) n();
   }
 }
-const Wn = new Pa();
-function Ia(e) {
+const Wn = new Ra();
+function Ba(e) {
   Wn.register(e);
 }
-const We = /* @__PURE__ */ new Set();
-async function Fa(e, n = {}) {
-  const t = await Aa(
+const Ge = /* @__PURE__ */ new Set();
+async function La(e, n = {}) {
+  const t = await Oa(
     e.family,
     {
       fontFileUrl: e.url,
@@ -26749,7 +26888,7 @@ async function Fa(e, n = {}) {
     n.fetchImpl ?? fetch
   );
   if (!t)
-    throw new we(
+    throw new Ce(
       "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.`,
       {
@@ -26760,18 +26899,18 @@ async function Fa(e, n = {}) {
       }
     );
   const a = n.fonts ?? (typeof document < "u" ? document.fonts : void 0);
-  return a == null || a.add(t), We.add(Yn(e)), t;
+  return a == null || a.add(t), Ge.add(Yn(e)), t;
 }
-async function Xa(e, n = {}) {
-  Ia(e);
+async function nr(e, n = {}) {
+  Ba(e);
   const { onLoadError: t, ...a } = n;
   await Promise.all(
     e.map(async (r) => {
-      if (!We.has(Yn(r)))
+      if (!Ge.has(Yn(r)))
         try {
-          await Fa(r, a);
+          await La(r, a);
         } catch (o) {
-          if (t && o instanceof we) {
+          if (t && o instanceof Ce) {
             t(o, r);
             return;
           }
@@ -26780,7 +26919,7 @@ async function Xa(e, n = {}) {
     })
   );
 }
-const M = U("WorkerExport");
+const O = 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;
@@ -26808,7 +26947,7 @@ class pn {
       try {
         t(n);
       } catch (a) {
-        M.error("Error in progress listener:", a);
+        O.error("Error in progress listener:", a);
       }
   }
   /**
@@ -26855,7 +26994,7 @@ class pn {
    * Call this when an element is removed or its image source changes.
    */
   clearWorkerBitmap(n) {
-    if (Ue(n), this.worker && this.isReady) {
+    if (ze(n), this.worker && this.isReady) {
       const t = {
         type: "clear-bitmap",
         elementId: n
@@ -26868,9 +27007,9 @@ class pn {
    */
   static supportsWorkerExport() {
     try {
-      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);
+      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);
     } catch (n) {
-      return M.warn("Feature detection failed:", n), !1;
+      return O.warn("Feature detection failed:", n), !1;
     }
   }
   /**
@@ -26885,28 +27024,28 @@ class pn {
       try {
         let a;
         try {
-          const s = new Blob([Ea], { type: "application/javascript" });
+          const s = new Blob([Ma], { type: "application/javascript" });
           a = URL.createObjectURL(s), this.workerBlobUrl = a;
         } catch (s) {
-          M.error("Failed to create worker blob:", s), t(new Error(`Worker creation failed: ${s instanceof Error ? s.message : String(s)}`));
+          O.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) => {
-          M.error("Worker error:", s), this.handleWorkerError(s);
+          O.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, Ta(
+          s.data.type === "ready" && (clearTimeout(r), this.isReady = !0, Fa(
             () => this.clearWorkerBitmapCache(),
             (c) => this.clearWorkerBitmap(c)
           ), n());
         };
         this.worker.addEventListener("message", o, { once: !0 });
       } catch (a) {
-        M.error("Failed to create worker:", a), t(a);
+        O.error("Failed to create worker:", a), t(a);
       }
     }), this.readyPromise;
   }
@@ -26915,8 +27054,8 @@ class pn {
    */
   async restartWorker() {
     const n = Date.now();
-    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.");
+    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.");
     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();
@@ -26976,7 +27115,7 @@ class pn {
     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 ye(t, a);
+    const o = `export-${++this.requestIdCounter}-${Date.now()}`, s = performance.now(), { data: c, newBitmaps: i } = await $e(t, a);
     i.length > 0 && this.registerBitmapsWithWorker(i);
     const l = {
       type: "export",
@@ -27037,7 +27176,7 @@ class pn {
     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 ye(t, a);
+    const o = `export-blob-${++this.requestIdCounter}-${Date.now()}`, s = performance.now(), { data: c, newBitmaps: i } = await $e(t, a);
     i.length > 0 && this.registerBitmapsWithWorker(i);
     const l = {
       type: "export",
@@ -27051,15 +27190,15 @@ class pn {
       format: r.format || "png",
       quality: r.quality || 0.95,
       returnFormat: "blob"
-    }, d = new Promise((h, b) => {
+    }, d = new Promise((h, g) => {
       this.pendingRequests.set(o, {
         requestId: o,
         resolve: h,
-        reject: b,
+        reject: g,
         startTime: s,
         returnFormat: "blob"
       }), setTimeout(() => {
-        this.pendingRequests.has(o) && (this.pendingRequests.delete(o), b(new Error("Export request timeout")));
+        this.pendingRequests.has(o) && (this.pendingRequests.delete(o), g(new Error("Export request timeout")));
       }, 3e4);
     });
     this.worker.postMessage(l);
@@ -27097,7 +27236,7 @@ class pn {
       case "ready":
         break;
       default:
-        M.warn("Unknown message type:", n);
+        O.warn("Unknown message type:", n);
     }
   }
   /**
@@ -27105,14 +27244,14 @@ class pn {
    */
   handleExportComplete(n) {
     const t = this.pendingRequests.get(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);
+    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);
   }
   /**
    * 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 ? (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);
+    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);
   }
   /**
    * Handle export error
@@ -27123,13 +27262,13 @@ class pn {
       const a = new Error(n.error);
       n.stack && (a.stack = n.stack), t.reject(a), this.pendingRequests.delete(n.requestId);
     } else
-      M.warn("Received error for unknown request:", n.requestId);
+      O.warn("Received error for unknown request:", n.requestId);
   }
   /**
    * Handle worker errors
    */
   async handleWorkerError(n) {
-    M.error("Worker error:", n);
+    O.error("Worker error:", n);
     const t = Array.from(this.pendingRequests.values());
     for (const [a, r] of this.pendingRequests.entries())
       this.pendingRequests.delete(a);
@@ -27137,7 +27276,7 @@ class pn {
     try {
       await this.restartWorker();
     } catch (a) {
-      M.error("Failed to restart worker:", a);
+      O.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; )
@@ -27153,7 +27292,7 @@ class pn {
         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, Nn(), _a(), this.workerBlobUrl && (URL.revokeObjectURL(this.workerBlobUrl), this.workerBlobUrl = null);
+      this.worker.terminate(), this.worker = null, this.isReady = !1, this.readyPromise = null, Nn(), Da(), this.workerBlobUrl && (URL.revokeObjectURL(this.workerBlobUrl), this.workerBlobUrl = null);
     }
   }
   /**
@@ -27169,10 +27308,10 @@ class pn {
   }
 }
 let nn = null;
-function Ya() {
+function er() {
   return nn || (nn = new pn()), nn;
 }
-function Ka() {
+function tr() {
   nn && (nn.terminate(), nn = null);
 }
 jn();
@@ -27190,7 +27329,7 @@ function zn(e, n) {
         a != null && a.maskElement && zn(a.maskElement, n);
   }
 }
-async function $e(e) {
+async function xe(e) {
   if (typeof document > "u" || !document.fonts) return;
   const n = /* @__PURE__ */ new Set();
   for (const a of e) zn(a, n);
@@ -27361,7 +27500,7 @@ const dn = class dn {
       transparentBackground: i = !1,
       backgroundColor: l = n.backgroundColor
     } = r;
-    await $e(t);
+    await xe(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");
@@ -27369,24 +27508,24 @@ const dn = class dn {
       if (f.save(), this.applyExportBackgroundClipPath(f, n), n.backgroundType === "texture" && n.backgroundTexture) {
         const m = Z.getTexturePresetColor(n.backgroundTexture);
         f.fillStyle = m, f.fillRect(0, 0, n.width, n.height);
-        const g = Z.getTexture(n.backgroundTexture);
-        g && g.complete && f.drawImage(g, 0, 0, n.width, n.height);
+        const b = Z.getTexture(n.backgroundTexture);
+        b && b.complete && f.drawImage(b, 0, 0, n.width, n.height);
       } else
         f.fillStyle = l || n.backgroundColor, f.fillRect(0, 0, n.width, n.height);
       f.restore();
     }
     f.save(), f.translate(-n.x, -n.y), this.applyExportClipPath(f, n);
-    const $ = new Set(n.getElementIds()), h = t.filter((m) => $.has(m.id)), b = /* @__PURE__ */ new Map();
-    h.forEach((m) => b.set(m.id, m));
-    const v = (m, g) => {
-      if (!g.id) return;
-      const C = b.get(g.id);
+    const $ = new Set(n.getElementIds()), h = t.filter((m) => $.has(m.id)), g = /* @__PURE__ */ new Map();
+    h.forEach((m) => g.set(m.id, m));
+    const v = (m, b) => {
+      if (!b.id) return;
+      const C = g.get(b.id);
       C && C.render(m, !1);
     }, y = h.map((m) => m.toJSON()), x = /* @__PURE__ */ new Set();
-    return h.forEach((m, g) => {
+    return h.forEach((m, b) => {
       var C;
       if (m.blendMode === "knockout" || m.blendMode === "clip") {
-        const T = y[g], k = m.blendMode === "knockout" ? "destination-out" : "destination-in", _ = ((C = T.knockoutParts) == null ? void 0 : C.scope) || "group", w = y.findIndex((A) => A.id === T.id);
+        const T = y[b], k = m.blendMode === "knockout" ? "destination-out" : "destination-in", _ = ((C = T.knockoutParts) == null ? void 0 : C.scope) || "group", w = y.findIndex((A) => A.id === T.id);
         if (w !== -1 && _ === "artboard")
           for (let A = 0; A < w; A++) {
             const E = y[A].id;
@@ -27402,12 +27541,14 @@ const dn = class dn {
           k
         ), x.add(m.id);
       }
-    }), h.forEach((m) => {
-      x.has(m.id) || m.render(f, !1);
-    }), f.restore(), new Promise((m, g) => {
+    }), h.forEach((m, b) => {
+      x.has(m.id) || ce(f, y[b], (C) => {
+        m.render(C, !1);
+      });
+    }), f.restore(), new Promise((m, b) => {
       d.toBlob(
         (C) => {
-          C ? m(C) : g(new Error("Failed to create blob from canvas"));
+          C ? m(C) : b(new Error("Failed to create blob from canvas"));
         },
         o === "jpg" || o === "jpeg" ? "image/jpeg" : o === "webp" ? "image/webp" : "image/png",
         s
@@ -27421,7 +27562,7 @@ const dn = class dn {
    * worker), so font readiness matters here even when no fallback occurred.
    */
   static async mainThreadExportToDataURL(n, t, a, r = {}) {
-    var g, C;
+    var b, C;
     const {
       format: o = "png",
       quality: s = 0.95,
@@ -27429,7 +27570,7 @@ const dn = class dn {
       transparentBackground: i = !1,
       backgroundColor: l = n.backgroundColor
     } = r;
-    await $e(t);
+    await xe(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");
@@ -27444,11 +27585,11 @@ const dn = class dn {
       f.restore();
     }
     f.save(), f.translate(-n.x, -n.y), this.applyExportClipPath(f, n);
-    const $ = new Set(n.getElementIds()), h = t.filter((T) => $.has(T.id)), b = /* @__PURE__ */ new Map();
-    h.forEach((T) => b.set(T.id, T));
+    const $ = new Set(n.getElementIds()), h = t.filter((T) => $.has(T.id)), g = /* @__PURE__ */ new Map();
+    h.forEach((T) => g.set(T.id, T));
     const v = (T, k) => {
       if (!k.id) return;
-      const _ = b.get(k.id);
+      const _ = g.get(k.id);
       _ ? _.render(T, !1) : W.warn("Element not found in map:", k.id);
     }, y = h.map((T) => T.toJSON()), x = /* @__PURE__ */ new Set();
     h.forEach((T, k) => {
@@ -27476,25 +27617,27 @@ const dn = class dn {
         const w = y[k], A = ((_ = w == null ? void 0 : w.distressEffect) == null ? void 0 : _.enabled) && w.distressEffect.style === "custom" && w.distressEffect.textureUrl, E = (w == null ? void 0 : w.masks) && w.masks.length > 0, S = (P) => {
           T.render(P, !1);
         };
-        if (E && A)
-          oe(f, w, (P) => {
+        ce(f, w, (P) => {
+          if (E && A)
+            oe(P, w, (I) => {
+              const F = T.getVisualBoundingBox();
+              he(I, w.distressEffect, F, S);
+            });
+          else if (E)
+            oe(P, w, S);
+          else if (A) {
             const I = T.getVisualBoundingBox();
-            pe(P, w.distressEffect, I, S);
-          });
-        else if (E)
-          oe(f, w, S);
-        else if (A) {
-          const P = T.getVisualBoundingBox();
-          pe(f, w.distressEffect, P, S);
-        } else
-          T.render(f, !1);
+            he(P, w.distressEffect, I, S);
+          } else
+            T.render(P, !1);
+        });
       }
-    }), (g = n.distressTexture) != null && g.enabled && xa(f, n.distressTexture, {
+    }), (b = n.distressTexture) != null && b.enabled && Ta(f, n.distressTexture, {
       x: n.x,
       y: n.y,
       width: n.width,
       height: n.height
-    }), (C = n.imageMask) != null && C.enabled && da(f, n.imageMask, {
+    }), (C = n.imageMask) != null && C.enabled && pa(f, n.imageMask, {
       x: n.x,
       y: n.y,
       width: n.width,
@@ -27606,7 +27749,7 @@ const dn = class dn {
       try {
         const l = performance.now(), d = await this.getWorkerManager();
         if (d) {
-          const u = new Set(n.getElementIds()), p = t.filter((b) => u.has(b.id)), f = await d.exportArtboardToDataURL(n, p, {
+          const u = new Set(n.getElementIds()), p = t.filter((g) => u.has(g.id)), f = await d.exportArtboardToDataURL(n, p, {
             scale: r.scale || 1,
             format: (r.format === "jpg" ? "jpeg" : r.format) || "png",
             quality: r.quality || 0.95
@@ -27652,7 +27795,7 @@ const dn = class dn {
       const x = performance.now() - y;
       i.push(x), c || (l += x), await new Promise((m) => setTimeout(m, Math.max(0, s - x)));
     }
-    const u = i.length, p = i.reduce((y, x) => y + x, 0) / u, f = Math.min(...i), $ = Math.max(...i), h = u / o * 1e3, b = l / o * 100, v = b > 20 ? `Main thread blocked ${b.toFixed(1)}% of the time - STRONGLY recommend worker export` : b > 10 ? `Main thread blocked ${b.toFixed(1)}% of the time - consider worker export` : `Main thread blocked ${b.toFixed(1)}% of the time - performance is acceptable`;
+    const u = i.length, p = i.reduce((y, x) => y + x, 0) / u, f = Math.min(...i), $ = Math.max(...i), h = u / o * 1e3, g = l / o * 100, v = g > 20 ? `Main thread blocked ${g.toFixed(1)}% of the time - STRONGLY recommend worker export` : g > 10 ? `Main thread blocked ${g.toFixed(1)}% of the time - consider worker export` : `Main thread blocked ${g.toFixed(1)}% of the time - performance is acceptable`;
     return {
       totalExports: u,
       duration: o,
@@ -27735,62 +27878,63 @@ const dn = class dn {
 };
 dn.CURRENT_VERSION = "2.0.0", dn.workerManager = null, dn.workerInitPromise = null;
 let vn = dn;
-const Ja = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ExportManager: vn,
   default: vn
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  vt as A,
-  ke as B,
-  za as C,
-  Ne as D,
+  Ct as A,
+  _e as B,
+  Xa as C,
+  We as D,
   vn as E,
   oe as F,
-  Ka as G,
-  Ue as H,
-  be as I,
-  wt as J,
+  tr as G,
+  ze as H,
+  ge as I,
+  kt as J,
   yn as K,
-  ya as L,
-  ba as M,
-  Va as N,
+  Ca as L,
+  va as M,
+  Ja as N,
   Dn as O,
-  pe as P,
-  xa as Q,
-  da as R,
+  ce as P,
+  Ta as Q,
+  pa as R,
   jn as S,
   Z as T,
-  ta as U,
-  ea as V,
+  he as U,
+  sa as V,
   pn as W,
-  ft as X,
-  Ja as Y,
-  mt as a,
-  Na as b,
+  ra as X,
+  ht as Y,
+  ar as Z,
+  xt as a,
+  Va as b,
   Wn as c,
-  Ce as d,
-  Xa as e,
+  Te as d,
+  nr as e,
   B as f,
-  Oa as g,
-  ja as h,
-  Ha as i,
+  Ua as g,
+  Za as h,
+  Ka as i,
   Nn as j,
-  Ra as k,
-  Fa as l,
-  ht as m,
-  Ba as n,
-  Ma as o,
+  za as k,
+  La as l,
+  mt as m,
+  Ga as n,
+  Wa as o,
   fn as p,
-  Ya as q,
-  Ia as r,
-  Ga as s,
+  er as q,
+  Ba as r,
+  Ya as s,
   ee as t,
-  qa as u,
+  Qa as u,
   In as v,
-  Ua as w,
-  La as x,
-  xt as y,
-  Wa as z
+  ja as w,
+  Ha as x,
+  St as y,
+  qa as z
 };
-//# sourceMappingURL=ExportManager-Bkzzyxgw.js.map
+//# sourceMappingURL=ExportManager-Ci81K6xA.js.map