@snowcone-app/canvas 0.30.0 → 0.32.0

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

@@ -1,12 +1,12 @@
-import { c as U, G as xe, a5 as ze, a6 as Ge, a7 as He, a8 as ve, a9 as Gn, aa as Ve, ab as Q, a3 as je, a4 as qe, ac as on, ad as Hn, C as Jn, R as Xe, ae as Ye, af as q, ag as Ke, ah as wn, P as Je, S as Ze, I as An, Q as Qe, Y as nt, L as et, J as tt, W as at, M as rt, N as st, A as Zn, E as we } from "./FontAnalyzer-DKG5JK0x.js";
-let Se = null;
-function it(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 Da() {
-  return Se;
+function Ua() {
+  return ke;
 }
-const ot = U("TextureManager"), ln = class ln {
+const ft = U("TextureManager"), ln = class ln {
   /**
    * Load a texture by ID or URL
    */
@@ -20,7 +20,7 @@ const ot = 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 = () => {
-        ot.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 ct = U("ElementPreviewRenderer"), lt = {
+const ut = U("ElementPreviewRenderer"), pt = {
   width: 40,
   height: 40,
   padding: 4,
   backgroundColor: "transparent"
 };
-function dt(e, n = {}) {
+function ht(e, n = {}) {
   jn();
-  const t = { ...lt, ...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 ? ut(r, e, t) : ft(r, e, t);
+    e instanceof ve ? gt(r, e, t) : bt(r, e, t);
   } catch (o) {
-    ct.warn("Failed to generate preview:", o);
+    ut.warn("Failed to generate preview:", o);
   }
   return r.restore(), a.toDataURL("image/png");
 }
-function ft(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 ut(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 ut(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 pt(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 pt(e, n) {
   } else
     e.rect(-a / 2, -r / 2, a, r);
 }
-function Oa(e, n, t, a) {
+function za(e, n, t, a) {
   e.beginPath(), e.arc(n, t, a, 0, Math.PI * 2), e.closePath();
 }
-function Ra(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 ht(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 {
-      bt(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 bt(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 = ht(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 gt(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)`), pt(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 Ba(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 mt(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 yt(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 yt(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 yt(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 $t(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,10 +402,10 @@ function $t(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);
@@ -424,7 +424,7 @@ function $t(e, n, t, a, r) {
         const R = Math.min(_ - L, S.text.length);
         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);
@@ -445,18 +445,18 @@ function $t(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, 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;
@@ -474,17 +474,17 @@ function $t(e, n, t, a, r) {
       }
       if (E += S.text.length, R.length > 0) {
         const V = s(S.style);
-        e.font = B(P, I, D, M), 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 La(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 La(e, n) {
     return s || (i = i.replace(/^ +/, "")), c || (i = i.replace(/ +$/, "")), i;
   }).filter((r) => r.length > 0);
 }
-function xt(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 vt(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 vt(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 = vt(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 vt(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 Na(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,10 +599,10 @@ function Na(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) ? yt(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
-    }) : $ && mt(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) {
@@ -622,17 +622,17 @@ function Na(e, n, t, a, r, o, s = "left", c = 0, i = 0, l = 1.2, d = !1, u = !1,
   });
 }
 function In(e, n) {
-  wt(e, n);
+  Tt(e, n);
 }
-function wt(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;
-    $t(
+    St(
       e,
       o,
       {
@@ -652,7 +652,7 @@ function wt(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 wt(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 Ua(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) {
-    St(e, n, t);
+    _t(e, n, t);
     return;
   }
   const o = e.globalAlpha;
   t !== 1 && (e.globalAlpha = t), Fn(e, n), e.globalAlpha = o;
 }
-function St(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 Ct(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 _ = Ct(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;
@@ -810,10 +810,10 @@ function tn(e, n, t) {
     F
   ), e.restore();
 }
-function Te(e, n) {
-  tn(e, n, kt);
+function Ee(e, n) {
+  tn(e, n, At);
 }
-function kt(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 kt(e, n) {
   }
   e.restore();
 }
-function _e(e, n) {
-  tn(e, n, Tt);
+function Ae(e, n) {
+  tn(e, n, Pt);
 }
-function Tt(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, _t);
+function Pe(e, n) {
+  tn(e, n, It);
 }
-function _t(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 _t(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, Et);
+function Ie(e, n) {
+  tn(e, n, Ft);
 }
-function Et(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 Et(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, At);
+function Fe(e, n) {
+  tn(e, n, Dt);
 }
-function At(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, Pt);
+function De(e, n) {
+  tn(e, n, Mt);
 }
-function Pt(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 Pt(e, n) {
 function Y(e) {
   return (n, t) => e(n, t);
 }
-function It(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 It(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(It), it(
-    (e, n) => dt(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":
-      Dt(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:
-      Ft(e, n, a, t);
+      Rt(e, n, a, t);
       break;
   }
   e.restore();
 }
-function Ft(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(), xt(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 Ft(e, n, t, a) {
     letterSpacing: r.letterSpacing
   }), e.restore()));
 }
-function Dt(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 (Nt(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 Dt(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(), gt(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(), Lt(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":
-      Ot(e, Math.min(a, r) / 2);
+      Nt(e, Math.min(a, r) / 2);
       break;
     case "ellipse":
-      Rt(e, a / 2, r / 2);
+      Ut(e, a / 2, r / 2);
       break;
     case "star":
-      Bt(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 Ot(e, n) {
+function Nt(e, n) {
   e.arc(0, 0, n, 0, Math.PI * 2);
 }
-function Rt(e, n, t) {
+function Ut(e, n, t) {
   e.ellipse(0, 0, n, t, 0, 0, Math.PI * 2);
 }
-function Bt(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 Bt(e, n, t) {
   }
   e.closePath();
 }
-function Lt(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 Nt(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 = Ut(n, l, t);
+  const l = n.knockoutParts.scope || "group", d = Ht(n, l, t);
   if (d.length === 0 && l === "artboard") {
-    zt(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, $ = Gt(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(), 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 b = u.width / f, v = u.height / f;
-  e.drawImage($, 0, 0, b, v), e.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,31 +1083,31 @@ function Dn(e, n, t, a, r, o, s = "destination-out") {
     i.f
   );
 }
-function Wa(e, n, t, a, r, o) {
+function Xa(e, n, t, a, r, o) {
   Dn(e, n, t, a, r, o, "destination-out");
 }
-function Ut(e, n, t) {
-  return n === "artboard" ? De(e, t) : Wt(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 Wt(e, n) {
-  const t = Me(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 Me(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 = Me(e, t.children);
+      const a = Re(e, t.children);
       if (a)
         return a;
     }
@@ -1126,7 +1126,7 @@ function On(e, n) {
     renderingContext: { isKnockout: !0 }
   });
 }
-function zt(e, n, t) {
+function jt(e, n, t) {
   var r;
   const a = n.knockoutParts;
   if (!a) {
@@ -1135,7 +1135,7 @@ function zt(e, n, t) {
   }
   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 Gt(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 Ht(e, n) {
+function Xt(e, n) {
   e.beginPath(), e.arc(n / 2, n / 2, n * 0.45, 0, Math.PI * 2), e.fill();
 }
-function Vt(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 Vt(e, n) {
   }
   e.closePath(), e.fill();
 }
-function jt(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 qt(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 Xt(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 Xt(e, n) {
   }
   e.closePath(), e.fill();
 }
-function Yt(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 Kt(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 Kt(e, n) {
     e.beginPath(), e.arc(t + Math.cos(c) * i, a + Math.sin(c) * i, l, 0, Math.PI * 2), e.fill();
   }
 }
-function Jt(e, n) {
+function 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 Jt(e, n) {
   }
   e.closePath(), e.fill();
 }
-function Zt(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 Zt(e, n) {
   }
   e.closePath(), e.fill();
 }
-function Qt(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 na = [
+const ra = [
   // Geometric
-  { id: "circle", name: "Circle", description: "Perfect circle", imageUrl: "builtin-mask:circle", thumbnailUrl: "", category: "geometric", draw: Ht },
-  { id: "star", name: "Star", description: "5-pointed star", imageUrl: "builtin-mask:star", thumbnailUrl: "", category: "geometric", draw: Vt },
-  { id: "heart", name: "Heart", description: "Heart shape", imageUrl: "builtin-mask:heart", thumbnailUrl: "", category: "geometric", draw: jt },
-  { id: "diamond", name: "Diamond", description: "Diamond/rhombus", imageUrl: "builtin-mask:diamond", thumbnailUrl: "", category: "geometric", draw: qt },
-  { id: "hexagon", name: "Hexagon", description: "Regular hexagon", imageUrl: "builtin-mask:hexagon", thumbnailUrl: "", category: "geometric", draw: Xt },
-  { id: "shield", name: "Shield", description: "Shield/crest shape", imageUrl: "builtin-mask:shield", thumbnailUrl: "", category: "geometric", draw: Yt },
+  { 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: Kt },
-  { id: "torn-edge", name: "Torn Edge", description: "Rough torn paper edge", imageUrl: "builtin-mask:torn-edge", thumbnailUrl: "", category: "organic", draw: Jt },
-  { id: "paint-stroke", name: "Paint Stroke", description: "Horizontal brush stroke", imageUrl: "builtin-mask:paint-stroke", thumbnailUrl: "", category: "organic", draw: Zt },
-  { id: "cloud", name: "Cloud", description: "Soft cloud shape", imageUrl: "builtin-mask:cloud", thumbnailUrl: "", category: "organic", draw: Qt }
+  { 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 ea() {
+function sa() {
   if (typeof document > "u" || se) return;
   se = !0;
   const e = wn.getInstance();
-  for (const n of na) {
+  for (const n of ra) {
     const t = ie(_n, _n);
     if (!t) continue;
     const a = t.getContext("2d");
@@ -1277,14 +1277,14 @@ function ea() {
     }
   }
 }
-const ta = U("MaskRenderer"), Rn = /* @__PURE__ */ new Map(), aa = /* @__PURE__ */ new Map();
-function za(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 Ga() {
+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) {
-    ta.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)
-    ra(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 ra(e, n, t) {
+function ca(e, n, t) {
   switch (n.type) {
     case "clip":
-      sa(e, n, t);
+      la(e, n, t);
       break;
     case "alpha":
-      ia(e, n, t);
+      da(e, n, t);
       break;
     case "luma":
-      oa(e, n, t);
+      fa(e, n, t);
       break;
     case "distress":
-      ca(e, n, t);
+      ua(e, n, t);
       break;
   }
 }
-function sa(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 ia(e, n, t) {
-  e.save(), e.globalCompositeOperation = n.inverted ? "destination-out" : "destination-in", n.opacity !== void 0 && (e.globalAlpha = n.opacity), Sn(e, n.maskElement, t), n.feather && n.feather > 0 && Oe(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 oa(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 oa(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 ca(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 && Oe(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:") && ea();
-        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 = aa.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 Oe(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 la(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 la(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 da {
+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 da {
   }
 }
 function En(e, n, t, a = Date.now()) {
-  const s = Cn(e, n).getContext("2d").createImageData(e, n), c = s.data, i = new da(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 fa(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 ua(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 pa(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 ha = [
+const va = [
   {
     id: "grunge-heavy",
     name: "Heavy Grunge",
@@ -1609,7 +1642,7 @@ const ha = [
     description: "Noise + splatter combined",
     generate: (e, n) => {
       const t = En(e, n, 45, N + 4), a = bn(e, n, 35, N + 5);
-      return pa(Ln(t), Ln(a));
+      return xa(Ln(t), Ln(a));
     }
   },
   {
@@ -1618,7 +1651,7 @@ const ha = [
     textureUrl: "builtin:scratches",
     thumbnailUrl: "",
     description: "Branching crack lines",
-    generate: (e, n) => fa(e, n, 55, N + 6)
+    generate: (e, n) => ya(e, n, 55, N + 6)
   },
   {
     id: "halftone",
@@ -1626,7 +1659,7 @@ const ha = [
     textureUrl: "builtin:halftone",
     thumbnailUrl: "",
     description: "Dot grid pattern",
-    generate: (e, n) => ua(e, n, 55, N + 7)
+    generate: (e, n) => $a(e, n, 55, N + 7)
   },
   {
     id: "spray",
@@ -1637,25 +1670,25 @@ const ha = [
     generate: (e, n) => bn(e, n, 55, N + 8)
   }
 ];
-let ce = !1;
-function ba(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 ga(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 ga(e) {
   }
   return r.putImageData(o, 0, 0), a.toDataURL("image/png");
 }
-function ma() {
-  if (!ce) {
-    ce = !0;
-    for (const e of ha) {
+function Ca() {
+  if (!le) {
+    le = !0;
+    for (const e of va) {
       const n = e.generate(K, K);
       Ln(n);
-      const t = ba(K, K), a = t.getContext("2d");
-      a && (a.putImageData(n, 0, 0), ya(e.textureUrl, t, K, K)), typeof document < "u" && (e.thumbnailUrl = ga(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:")) {
-    ma();
+    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 Ha(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 ya(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 $a(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 $a(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 xa(e, n) {
-  const t = n ? va(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 va(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 va(e) {
 function Nn() {
   un.clear();
 }
-function Ue(e) {
+function ze(e) {
   for (const n of un)
     n.startsWith(`${e}:`) && un.delete(n);
 }
-function wa(e) {
+function Aa(e) {
   un.add(e);
 }
-function Sa(e) {
+function Pa(e) {
   return un.has(e);
 }
-async function Ca(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 Ca(e, n = Ne) {
   });
 }
 let $n = null, xn = null;
-function ka(e, n) {
+function Fa(e, n) {
   $n = e, xn = n;
 }
-function Ta() {
+function Da() {
   $n = null, xn = null;
 }
-function Va() {
+function Za() {
   Nn(), $n && $n();
 }
-function ja(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 = xa(i.id, i.imageUrl);
-        if (!Sa(d)) {
-          const x = await Ca(i.imageElement, t);
-          o.push({ cacheKey: d, bitmap: x }), wa(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), 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 _a = `"use strict";
+const Ma = `"use strict";
 (() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
@@ -21642,6 +21675,13 @@ const _a = `"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 _a = `"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) {
@@ -22778,8 +22821,8 @@ const _a = `"use strict";
     }
   };
   var ScopedLogger = class {
-    constructor(logger4, scopeName) {
-      this.logger = logger4;
+    constructor(logger5, scopeName) {
+      this.logger = logger5;
       this.scopeName = scopeName;
     }
     debug(message, ...args) {
@@ -24026,6 +24069,141 @@ const _a = `"use strict";
     }
   }
 
+  // src/core/image-adjustments.ts
+  var NEUTRAL_ADJUSTMENTS = Object.freeze({
+    brightness: 1,
+    contrast: 1,
+    saturation: 1
+  });
+  var EPSILON = 1e-3;
+  function isNeutralAdjustments(adjustments) {
+    if (!adjustments) return true;
+    return Math.abs(adjustments.brightness - 1) < EPSILON && Math.abs(adjustments.contrast - 1) < EPSILON && Math.abs(adjustments.saturation - 1) < EPSILON;
+  }
+  function adjustmentsCacheKey(adjustments) {
+    if (isNeutralAdjustments(adjustments)) return "neutral";
+    const a = adjustments;
+    return \`b\${a.brightness}c\${a.contrast}s\${a.saturation}\`;
+  }
+  var adjustedImageSourceProvider = null;
+  function registerAdjustedImageSourceProvider(provider) {
+    adjustedImageSourceProvider = provider;
+  }
+
+  // src/rendering/image-adjustments.ts
+  var logger3 = createLogger("image-adjustments");
+  var EPSILON2 = 1e-3;
+  function applyAdjustmentsToPixels(data, adjustments) {
+    const { brightness, contrast, saturation } = adjustments;
+    const slope = brightness * contrast;
+    const intercept = 127.5 * (1 - contrast);
+    const applyLut = Math.abs(slope - 1) > EPSILON2 || Math.abs(intercept) > EPSILON2;
+    const lut = new Uint8ClampedArray(256);
+    if (applyLut) {
+      for (let v = 0; v < 256; v++) lut[v] = v * slope + intercept;
+    }
+    const applySaturation = Math.abs(saturation - 1) > EPSILON2;
+    const s = saturation;
+    const rr = 0.213 + 0.787 * s;
+    const rg = 0.715 - 0.715 * s;
+    const rb = 0.072 - 0.072 * s;
+    const gr = 0.213 - 0.213 * s;
+    const gg = 0.715 + 0.285 * s;
+    const gb = 0.072 - 0.072 * s;
+    const br = 0.213 - 0.213 * s;
+    const bg = 0.715 - 0.715 * s;
+    const bb = 0.072 + 0.928 * s;
+    for (let i = 0; i < data.length; i += 4) {
+      let r = data[i];
+      let g = data[i + 1];
+      let b = data[i + 2];
+      if (applyLut) {
+        r = lut[r];
+        g = lut[g];
+        b = lut[b];
+      }
+      if (applySaturation) {
+        const r2 = rr * r + rg * g + rb * b;
+        const g2 = gr * r + gg * g + gb * b;
+        const b2 = br * r + bg * g + bb * b;
+        r = r2;
+        g = g2;
+        b = b2;
+      }
+      data[i] = r;
+      data[i + 1] = g;
+      data[i + 2] = b;
+    }
+  }
+  var adjustedSourceCache = /* @__PURE__ */ new WeakMap();
+  var MAX_VARIANTS_PER_SOURCE = 4;
+  function sourcePixelWidth(source) {
+    const natural = source.naturalWidth;
+    return typeof natural === "number" && natural > 0 ? natural : source.width;
+  }
+  function sourcePixelHeight(source) {
+    const natural = source.naturalHeight;
+    return typeof natural === "number" && natural > 0 ? natural : source.height;
+  }
+  function createCanvas(width, height) {
+    if (typeof OffscreenCanvas !== "undefined") {
+      return new OffscreenCanvas(width, height);
+    }
+    if (typeof document !== "undefined") {
+      const canvas = document.createElement("canvas");
+      canvas.width = width;
+      canvas.height = height;
+      return canvas;
+    }
+    throw new Error("image-adjustments: no canvas implementation available (no OffscreenCanvas, no DOM)");
+  }
+  function renderAdjustedSource(source, adjustments) {
+    const width = sourcePixelWidth(source);
+    const height = sourcePixelHeight(source);
+    if (width <= 0 || height <= 0) {
+      throw new Error("image-adjustments: source has no pixels (width/height is 0)");
+    }
+    const canvas = createCanvas(width, height);
+    const ctx = canvas.getContext("2d");
+    if (!ctx) {
+      throw new Error("image-adjustments: could not acquire a 2d context");
+    }
+    ctx.drawImage(source, 0, 0, width, height);
+    const imageData = ctx.getImageData(0, 0, width, height);
+    applyAdjustmentsToPixels(imageData.data, adjustments);
+    ctx.putImageData(imageData, 0, 0);
+    return canvas;
+  }
+  function getAdjustedImageSource(source, adjustments) {
+    if (isNeutralAdjustments(adjustments)) return source;
+    const key = adjustmentsCacheKey(adjustments);
+    let variants = adjustedSourceCache.get(source);
+    const cached = variants?.get(key);
+    if (cached) {
+      variants.delete(key);
+      variants.set(key, cached);
+      return cached;
+    }
+    let result;
+    try {
+      result = renderAdjustedSource(source, adjustments);
+    } catch (error) {
+      logger3.error("adjustment pixel pass failed \\u2014 rendering UNADJUSTED source:", error);
+      result = source;
+    }
+    if (!variants) {
+      variants = /* @__PURE__ */ new Map();
+      adjustedSourceCache.set(source, variants);
+    }
+    variants.set(key, result);
+    while (variants.size > MAX_VARIANTS_PER_SOURCE) {
+      const oldest = variants.keys().next().value;
+      variants.delete(oldest);
+    }
+    return result;
+  }
+  registerAdjustedImageSourceProvider(getAdjustedImageSource);
+
   // src/rendering/image-renderer.ts
   function resolveServerCrop(el, bitmap) {
     if (!el.needsCropPixelConversion || el.cropWidth === void 0) return el;
@@ -24039,6 +24217,10 @@ const _a = `"use strict";
     };
   }
   function renderImageElement(ctx, elementData, imageBitmap) {
+    const source = getAdjustedImageSource(
+      imageBitmap,
+      elementData.adjustments
+    );
     ctx.save();
     ctx.translate(elementData.x, elementData.y);
     if (elementData.rotation) {
@@ -24079,7 +24261,7 @@ const _a = `"use strict";
     }
     if (elementData.cropX !== void 0 && elementData.cropWidth !== void 0) {
       ctx.drawImage(
-        imageBitmap,
+        source,
         elementData.cropX,
         elementData.cropY || 0,
         elementData.cropWidth,
@@ -24090,7 +24272,7 @@ const _a = `"use strict";
         elementData.height
       );
     } else {
-      ctx.drawImage(imageBitmap, -elementData.width / 2, -elementData.height / 2, elementData.width, elementData.height);
+      ctx.drawImage(source, -elementData.width / 2, -elementData.height / 2, elementData.width, elementData.height);
     }
     ctx.restore();
     if (elementData.stroke?.enabled) {
@@ -24138,6 +24320,44 @@ const _a = `"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") {
@@ -24195,7 +24415,7 @@ const _a = `"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();
@@ -24374,7 +24594,7 @@ const _a = `"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();
     }
@@ -24643,6 +24863,64 @@ const _a = `"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()) {
@@ -24695,7 +24973,7 @@ const _a = `"use strict";
     }
   };
   function generateWornEffect(width, height, intensity, seed = Date.now()) {
-    const canvas = createCanvas(width, height);
+    const canvas = createCanvas2(width, height);
     const ctx = canvas.getContext("2d");
     const imageData = ctx.createImageData(width, height);
     const data = imageData.data;
@@ -24724,7 +25002,7 @@ const _a = `"use strict";
     return imageData;
   }
   function generateCrackedEffect(width, height, intensity, seed = Date.now()) {
-    const canvas = createCanvas(width, height);
+    const canvas = createCanvas2(width, height);
     const ctx = canvas.getContext("2d");
     ctx.clearRect(0, 0, width, height);
     ctx.strokeStyle = "#000000";
@@ -24757,7 +25035,7 @@ const _a = `"use strict";
     }
   }
   function generateGrungeEffect(width, height, intensity, seed = Date.now()) {
-    const canvas = createCanvas(width, height);
+    const canvas = createCanvas2(width, height);
     const ctx = canvas.getContext("2d");
     const imageData = ctx.createImageData(width, height);
     const data = imageData.data;
@@ -24777,7 +25055,7 @@ const _a = `"use strict";
     return imageData;
   }
   function generateRetroEffect(width, height, intensity, seed = Date.now()) {
-    const canvas = createCanvas(width, height);
+    const canvas = createCanvas2(width, height);
     const ctx = canvas.getContext("2d");
     ctx.fillStyle = "#000000";
     const random = seededRandom(seed);
@@ -24795,7 +25073,7 @@ const _a = `"use strict";
     }
     return ctx.getImageData(0, 0, width, height);
   }
-  function createCanvas(width, height) {
+  function createCanvas2(width, height) {
     if (typeof OffscreenCanvas !== "undefined") {
       return new OffscreenCanvas(width, height);
     } else if (typeof document !== "undefined") {
@@ -24909,7 +25187,7 @@ const _a = `"use strict";
     }
   ];
   var initialized = false;
-  function createCanvas2(width, height) {
+  function createCanvas3(width, height) {
     if (typeof OffscreenCanvas !== "undefined") {
       return new OffscreenCanvas(width, height);
     }
@@ -24955,7 +25233,7 @@ const _a = `"use strict";
     for (const preset of DISTRESS_TEXTURE_PRESETS) {
       const imageData = preset.generate(TEX_SIZE, TEX_SIZE);
       toAlphaMask(imageData);
-      const maskCanvas = createCanvas2(TEX_SIZE, TEX_SIZE);
+      const maskCanvas = createCanvas3(TEX_SIZE, TEX_SIZE);
       const maskCtx = maskCanvas.getContext("2d");
       if (maskCtx) {
         maskCtx.putImageData(imageData, 0, 0);
@@ -24971,7 +25249,7 @@ const _a = `"use strict";
   var loadingUrls = /* @__PURE__ */ new Set();
   var cache = /* @__PURE__ */ new Map();
   var pendingCallbacks = /* @__PURE__ */ new Map();
-  function createCanvas3(width, height) {
+  function createCanvas4(width, height) {
     if (typeof OffscreenCanvas !== "undefined") {
       return new OffscreenCanvas(width, height);
     }
@@ -24985,7 +25263,7 @@ const _a = `"use strict";
   }
   function convertToAlphaMask(source) {
     const { width, height } = source;
-    const tempCanvas = createCanvas3(width, height);
+    const tempCanvas = createCanvas4(width, height);
     const tempCtx = getContext(tempCanvas);
     if (!tempCtx) throw new Error("Failed to get 2d context for temp canvas");
     tempCtx.drawImage(source, 0, 0);
@@ -25002,7 +25280,7 @@ const _a = `"use strict";
       data[i + 2] = 255;
       data[i + 3] = alpha;
     }
-    const maskCanvas = createCanvas3(width, height);
+    const maskCanvas = createCanvas4(width, height);
     const maskCtx = getContext(maskCanvas);
     if (!maskCtx) throw new Error("Failed to get 2d context for mask canvas");
     maskCtx.putImageData(imageData, 0, 0);
@@ -25079,7 +25357,7 @@ const _a = `"use strict";
   }
 
   // src/rendering/DistressTextureRenderer.ts
-  function createOffscreenCanvas4(width, height) {
+  function createOffscreenCanvas5(width, height) {
     if (typeof OffscreenCanvas !== "undefined") {
       return new OffscreenCanvas(width, height);
     }
@@ -25101,7 +25379,7 @@ const _a = `"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(
@@ -25181,7 +25459,7 @@ const _a = `"use strict";
       renderFn(ctx);
       return;
     }
-    const offCanvas = createOffscreenCanvas4(offWidth, offHeight);
+    const offCanvas = createOffscreenCanvas5(offWidth, offHeight);
     const offCtx = offCanvas.getContext("2d");
     if (!offCtx) {
       renderFn(ctx);
@@ -25576,7 +25854,7 @@ const _a = `"use strict";
   }
 
   // src/rendering/MaskRenderer.ts
-  var logger3 = createLogger("MaskRenderer");
+  var logger4 = createLogger("MaskRenderer");
   var workerMaskBitmaps = /* @__PURE__ */ new Map();
   function registerMaskBitmap(imageUrl, bitmap) {
     workerMaskBitmaps.set(imageUrl, bitmap);
@@ -25590,10 +25868,10 @@ const _a = `"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) {
-      logger3.error("[renderWithMasks] Failed to get offscreen context");
+      logger4.error("[renderWithMasks] Failed to get offscreen context");
       return;
     }
     const transform = ctx.getTransform();
@@ -25645,7 +25923,7 @@ const _a = `"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);
@@ -25771,7 +26049,7 @@ const _a = `"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") {
@@ -25840,16 +26118,6 @@ const _a = `"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();
@@ -26255,6 +26523,16 @@ const _a = `"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) {
@@ -26530,7 +26808,7 @@ const _a = `"use strict";
   };
 })();
 `;
-async function Ea(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;
@@ -26546,7 +26824,7 @@ function X(e) {
 function Yn(e) {
   return `${X(e.family)}|${e.weight ?? 400}|${e.style ?? "normal"}`;
 }
-class Aa {
+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);
@@ -26592,13 +26870,13 @@ class Aa {
     for (const n of this.listeners) n();
   }
 }
-const Wn = new Aa();
-function Pa(e) {
+const Wn = new Ra();
+function Ba(e) {
   Wn.register(e);
 }
-const We = /* @__PURE__ */ new Set();
-async function Ia(e, n = {}) {
-  const t = await Ea(
+const Ge = /* @__PURE__ */ new Set();
+async function La(e, n = {}) {
+  const t = await Oa(
     e.family,
     {
       fontFileUrl: e.url,
@@ -26610,7 +26888,7 @@ async function Ia(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.`,
       {
@@ -26621,18 +26899,18 @@ async function Ia(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 qa(e, n = {}) {
-  Pa(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 Ia(r, a);
+          await La(r, a);
         } catch (o) {
-          if (t && o instanceof we) {
+          if (t && o instanceof Ce) {
             t(o, r);
             return;
           }
@@ -26716,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
@@ -26746,7 +27024,7 @@ class pn {
       try {
         let a;
         try {
-          const s = new Blob([_a], { type: "application/javascript" });
+          const s = new Blob([Ma], { type: "application/javascript" });
           a = URL.createObjectURL(s), this.workerBlobUrl = a;
         } catch (s) {
           O.error("Failed to create worker blob:", s), t(new Error(`Worker creation failed: ${s instanceof Error ? s.message : String(s)}`));
@@ -26760,7 +27038,7 @@ class pn {
         const r = setTimeout(() => {
           t(new Error("Worker initialization timeout"));
         }, 15e3), o = (s) => {
-          s.data.type === "ready" && (clearTimeout(r), this.isReady = !0, ka(
+          s.data.type === "ready" && (clearTimeout(r), this.isReady = !0, Fa(
             () => this.clearWorkerBitmapCache(),
             (c) => this.clearWorkerBitmap(c)
           ), n());
@@ -26837,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",
@@ -26898,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",
@@ -26912,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);
@@ -27014,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(), Ta(), 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);
     }
   }
   /**
@@ -27030,10 +27308,10 @@ class pn {
   }
 }
 let nn = null;
-function Xa() {
+function er() {
   return nn || (nn = new pn()), nn;
 }
-function Ya() {
+function tr() {
   nn && (nn.terminate(), nn = null);
 }
 jn();
@@ -27051,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);
@@ -27222,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");
@@ -27230,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;
@@ -27263,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
@@ -27282,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,
@@ -27290,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");
@@ -27305,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) => {
@@ -27337,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 && $a(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 && la(f, n.imageMask, {
+    }), (C = n.imageMask) != null && C.enabled && pa(f, n.imageMask, {
       x: n.x,
       y: n.y,
       width: n.width,
@@ -27467,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
@@ -27513,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,
@@ -27596,62 +27878,63 @@ const dn = class dn {
 };
 dn.CURRENT_VERSION = "2.0.0", dn.workerManager = null, dn.workerInitPromise = null;
 let vn = dn;
-const Ka = /* @__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 {
-  xt as A,
-  ke as B,
-  Wa as C,
-  Ne as D,
+  Ct as A,
+  _e as B,
+  Xa as C,
+  We as D,
   vn as E,
   oe as F,
-  Ya as G,
-  Ue as H,
-  be as I,
-  vt as J,
+  tr as G,
+  ze as H,
+  ge as I,
+  kt as J,
   yn as K,
-  ma as L,
-  ha as M,
-  Ha as N,
+  Ca as L,
+  va as M,
+  Ja as N,
   Dn as O,
-  pe as P,
-  $a as Q,
-  la as R,
+  ce as P,
+  Ta as Q,
+  pa as R,
   jn as S,
   Z as T,
-  ea as U,
-  na as V,
+  he as U,
+  sa as V,
   pn as W,
-  dt as X,
-  Ka as Y,
-  gt as a,
-  La as b,
+  ra as X,
+  ht as Y,
+  ar as Z,
+  xt as a,
+  Va as b,
   Wn as c,
-  Ce as d,
-  qa as e,
+  Te as d,
+  nr as e,
   B as f,
-  Da as g,
-  Va as h,
-  Ga as i,
+  Ua as g,
+  Za as h,
+  Ka as i,
   Nn as j,
-  Oa as k,
-  Ia as l,
-  pt as m,
-  Ra as n,
-  Ma as o,
+  za as k,
+  La as l,
+  mt as m,
+  Ga as n,
+  Wa as o,
   fn as p,
-  Xa as q,
-  Pa as r,
-  za as s,
+  er as q,
+  Ba as r,
+  Ya as s,
   ee as t,
-  ja as u,
+  Qa as u,
   In as v,
-  Na as w,
-  Ba as x,
-  $t as y,
-  Ua as z
+  ja as w,
+  Ha as x,
+  St as y,
+  qa as z
 };
-//# sourceMappingURL=ExportManager-DUdis6se.js.map
+//# sourceMappingURL=ExportManager-Ci81K6xA.js.map