@snowcone-app/canvas 0.17.1 → 0.17.3

package/dist/{ElementFactory-C05JJkRp.js → ElementFactory-CuHSAPfg.js}

@@ -1,5 +1,744 @@
-import { c as q, af as Vn, ae as jn, D as qn, aj as Q, I as rn, P as Xn, S as Yn, G as Kn, N as Jn, W as Zn, J as Qn, E as ne, Q as ee, K as te, L as ae } from "./HybridHistoryManager-Bht98XRv.js";
-const re = q("TextureManager"), W = class W {
+import { a1 as me, a2 as ye, a3 as $e, a4 as ae, a5 as Y, a6 as Fn, c as V, $ as xe, a0 as ve, z as Bn, R as we, a7 as Se, a8 as bn, I as vn, P as Ce, S as ke, G as Te, M as _e, W as Ee, H as Ae, D as Pe, O as Ie, J as De, K as Fe } from "./FontAnalyzer-CLv7_msL.js";
+function ta(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 = me(r, o, s, c);
+  const i = a.text || "";
+  if (n.transformType === "custom") {
+    const u = ((l = n.transformData) == null ? void 0 : l.width) || 200, p = ye(i, r, o, s, c), f = Math.min(p, u), m = r * 1.2;
+    e.rect(-f / 2, -m / 2, f, m);
+  } 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 Me(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) {
+    const o = Math.min(a, r) / 2, s = Math.min(t, o), c = -a / 2, i = -r / 2;
+    e.moveTo(c + s, i), e.lineTo(c + a - s, i), e.arcTo(c + a, i, c + a, i + s, s), e.lineTo(c + a, i + r - s), e.arcTo(c + a, i + r, c + a - s, i + r, s), e.lineTo(c + s, i + r), e.arcTo(c, i + r, c, i + r - s, s), e.lineTo(c, i + s), e.arcTo(c, i, c + s, i, s), e.closePath();
+  } else
+    e.rect(-a / 2, -r / 2, a, r);
+}
+function aa(e, n, t, a) {
+  e.beginPath(), e.arc(n, t, a, 0, Math.PI * 2), e.closePath();
+}
+function ra(e, n, t, a, r) {
+  e.beginPath(), e.rect(n, t, a, r), e.closePath();
+}
+function re(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 Oe(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 se(e, n, t) {
+  var i;
+  if (!((i = n.stroke) != null && i.enabled)) return;
+  const a = n;
+  if (!(a.text || "")) return;
+  const o = (t == null ? void 0 : t.isKnockout) === !0, s = n.stroke.opacity ?? 1;
+  if (!o && s < 1)
+    try {
+      Re(e, n, a, t, s);
+    } catch {
+      tn(e, n, a, t, !1);
+    }
+  else
+    tn(e, n, a, t, o);
+}
+function Re(e, n, t, a, r) {
+  var C, _;
+  const o = t.text || "", s = t.fontSize || 24, c = n.stroke.width, i = n.stroke.feather || 0, l = n.transformType === "custom" && ((C = n.transformData) == null ? void 0 : C.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(), m = Math.max(Math.abs(f.a), Math.abs(f.d), 1), b = Math.ceil(u * m / 2) * 2, h = Math.ceil(p * m / 2) * 2;
+  if (b <= 0 || h <= 0) {
+    tn(e, n, t, a, !1);
+    return;
+  }
+  const S = Oe(b, h), $ = S.getContext("2d");
+  if (!$) {
+    tn(e, n, t, a, !1);
+    return;
+  }
+  const v = n.x || 0, g = n.y || 0, y = f.a * v + f.c * g + f.e, k = f.b * v + f.d * g + f.f;
+  $.setTransform(
+    f.a,
+    f.b,
+    f.c,
+    f.d,
+    b / 2 - y + f.e,
+    h / 2 - k + f.f
+  );
+  const T = n.stroke.opacity;
+  n.stroke.opacity = 1, tn($, n, t, a, !1), n.stroke.opacity = T, e.save(), e.resetTransform(), e.globalAlpha = r, e.drawImage(
+    S,
+    Math.round(y - b / 2),
+    Math.round(k - h / 2)
+  ), e.restore();
+}
+function tn(e, n, t, a, r) {
+  var f;
+  const o = t.text || "";
+  e.save(), a != null && a.positionApplied || (e.translate(n.x || 0, n.y || 0), e.rotate(-(n.rotation || 0) * Math.PI / 180));
+  const s = t.fontSize || 24, c = t.fontFamily || "Arial", i = t.bold || !1, l = t.italic || !1, d = t.textAlign || "center";
+  e.font = `${l ? "italic " : ""}${i ? "bold " : ""}${s}px ${c}`, e.textAlign = d, e.textBaseline = "alphabetic", r ? (e.strokeStyle = "#000000", e.globalAlpha = 1) : (e.strokeStyle = n.stroke.color, n.stroke.opacity !== void 0 && (e.globalAlpha = n.stroke.opacity)), e.lineWidth = n.stroke.width, e.lineCap = n.stroke.lineCap || "round", e.lineJoin = n.stroke.lineJoin || "round", n.stroke.miterLimit !== void 0 && (e.miterLimit = n.stroke.miterLimit), !r && n.stroke.feather && n.stroke.feather > 0 && "filter" in e && (e.filter = `blur(${n.stroke.feather}px)`);
+  const u = $e(s, c, i, l);
+  if (n.transformType === "custom" && ((f = n.transformData) == null ? void 0 : f.width)) {
+    const m = n.transformData, b = (m == null ? void 0 : m.width) ?? 200, h = b - Y * 2, { lines: S, height: $ } = ae(
+      o,
+      h,
+      s,
+      c,
+      i,
+      l,
+      void 0,
+      // No locked line count for stroke
+      !0
+      // strict: wrap exactly at maxWidth
+    ), v = -b / 2, g = -$ / 2, y = s * Fn;
+    S.forEach((k, T) => {
+      const C = T === 0, _ = T === S.length - 1;
+      let w = k;
+      if (!C) {
+        const P = k.match(/^ +/), A = P ? P[0].length : 0;
+        A > 0 && (w = w.substring(A));
+      }
+      if (!_) {
+        const P = w.match(/ +$/), A = P ? P[0].length : 0;
+        A > 0 && (w = w.substring(0, w.length - A));
+      }
+      let E = v + Y;
+      d === "center" ? E = v + b / 2 : d === "right" && (E = v + b - Y);
+      const x = g + u.ascent + T * y;
+      e.strokeText(w, E, x);
+    });
+  } else {
+    const h = -u.height / 2 + u.ascent;
+    e.strokeText(o, 0, h);
+  }
+  e.restore();
+}
+function Be(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)) : re(e, n.stroke), !a && n.stroke.feather && n.stroke.feather > 0 && "filter" in e && (e.filter = `blur(${n.stroke.feather}px)`), Me(e, n), e.stroke(), e.restore();
+}
+function sa(e, n, t) {
+  n.enabled && (e.save(), re(e, n), n.feather && n.feather > 0 && "filter" in e && (e.filter = `blur(${n.feather}px)`), e.beginPath(), t(), e.stroke(), e.restore());
+}
+const Ln = V("GlyphRenderer");
+function Le(e, n, t, a, r, o, s, c = {}) {
+  try {
+    const i = [];
+    Object.entries(s).forEach(([h, S]) => {
+      S && i.push(h);
+    });
+    const l = [];
+    n.GSUB && n.GSUB.featureList && n.GSUB.featureList.forEach((h) => {
+      l.push(h.tag);
+    });
+    const d = {};
+    d.ccmp = !0, d.locl = !0, d.kern = !0, i.forEach((h) => {
+      d[h] = !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((h) => {
+      f += h.advanceWidth * p;
+    });
+    let m = a;
+    c.align === "center" ? m = a - f / 2 : c.align === "right" && (m = a - f), e.save(), e.fillStyle = c.color || "#000000";
+    let b = m;
+    u.glyphs.forEach((h, S) => {
+      const $ = u.positions[S];
+      let v = null;
+      try {
+        if (h.path && typeof h.path.toPath == "function")
+          v = h.path.toPath();
+        else if (h.path && typeof h.path.toSVG == "function") {
+          const g = h.path.toSVG();
+          if (g && /^[MmLlHhVvCcSsQqTtAaZz]/.test(g))
+            v = g;
+          else {
+            const y = g == null ? void 0 : g.match(/\bd=["']([^"']+)["']/);
+            v = y ? y[1] : null;
+          }
+        }
+      } catch (g) {
+        Ln.warn("Error getting path for glyph:", h.name, g);
+      }
+      if (v) {
+        const g = new Path2D(v);
+        e.save(), e.translate(b + $.xOffset * p, r + $.yOffset * p), e.scale(p, -p), e.fill(g), e.restore();
+      }
+      b += h.advanceWidth * p;
+    }), e.restore();
+  } catch (i) {
+    Ln.error("Error rendering with fontkit:", i), e.fillStyle = c.color || "#000000", e.textAlign = c.align || "left", e.fillText(t, a, r);
+  }
+}
+function Ne(e, n, t, a, r, o, s, c = {}) {
+  const l = ((h) => {
+    for (const S of h) {
+      const $ = S.codePointAt(0);
+      if ($ && $ >= 983040 && $ <= 1048573) return !0;
+    }
+    return !1;
+  })(t);
+  if ((!s || s.length === 0) && !l) {
+    e.fillStyle = c.color || "#000000", e.textAlign = c.align || "left", e.fillText(t, a, r);
+    return;
+  }
+  const d = /* @__PURE__ */ new Map();
+  s && s.forEach((h) => {
+    d.set(h.charIndex, h.glyphIndex);
+  });
+  const u = o / n.unitsPerEm, p = Array.from(t);
+  let f = 0;
+  p.forEach((h, S) => {
+    const $ = h.codePointAt(0) || 0;
+    let v;
+    if ($ >= 983040 && $ <= 1048573)
+      v = $ - 983040;
+    else if (v = d.get(S), v === void 0) {
+      const y = n.glyphForCodePoint($);
+      v = y ? y.id : 0;
+    }
+    const g = n.getGlyph(v);
+    g && (f += g.advanceWidth * u);
+  });
+  let m = a;
+  c.align === "center" ? m = a - f / 2 : c.align === "right" && (m = a - f), e.save(), e.fillStyle = c.color || "#000000";
+  let b = m;
+  p.forEach((h, S) => {
+    const $ = h.codePointAt(0) || 0;
+    let v;
+    if ($ >= 983040 && $ <= 1048573)
+      v = $ - 983040;
+    else if (v = d.get(S), v === void 0) {
+      const y = n.glyphForCodePoint($);
+      v = y ? y.id : 0;
+    }
+    const g = n.getGlyph(v);
+    if (g) {
+      const y = g.path.toSVG();
+      if (y) {
+        const k = new Path2D(y);
+        e.save(), e.translate(b, r), e.scale(u, -u), e.fill(k), e.restore();
+      }
+      b += g.advanceWidth * u;
+    }
+  }), e.restore();
+}
+function Ue(e, n, t, a, r) {
+  e.fillStyle = t.color;
+  const o = t.textAlign || "center", s = xe(n);
+  let c, i;
+  a !== void 0 && a > 0 && !r ? (c = [], i = [], s.forEach((m) => {
+    const b = ve(m, a, t);
+    b.forEach((h, S) => {
+      c.push(h), i.push({
+        isParagraphStart: S === 0,
+        isParagraphEnd: S === b.length - 1
+      });
+    });
+  })) : (c = s, i = s.map(() => ({
+    isParagraphStart: !0,
+    isParagraphEnd: !0
+  })));
+  const l = [];
+  c.forEach((m, b) => {
+    const h = [];
+    let S = 0, $ = 0;
+    const v = i[b].isParagraphStart, g = i[b].isParagraphEnd;
+    m.forEach((x) => {
+      const P = x.style.fontSize !== void 0 ? x.style.fontSize : t.fontSize, A = x.style.fontFamily !== void 0 ? x.style.fontFamily : t.fontFamily, F = x.style.bold !== void 0 ? x.style.bold : t.bold || !1, D = x.style.italic !== void 0 ? x.style.italic : t.italic || !1;
+      e.font = R(P, A, F, D);
+      const I = e.measureText(x.text).width;
+      h.push(I);
+      const M = sn(P, A, F, D);
+      S = Math.max(S, M.height), $ = Math.max($, M.ascent);
+    });
+    const y = m.map((x) => x.text).join(""), k = y.match(/^ +/), T = y.match(/ +$/), C = k ? k[0].length : 0, _ = T ? T[0].length : 0;
+    let w = 0, E = 0;
+    m.forEach((x) => {
+      const P = x.style.fontSize !== void 0 ? x.style.fontSize : t.fontSize, A = x.style.fontFamily !== void 0 ? x.style.fontFamily : t.fontFamily, F = x.style.bold !== void 0 ? x.style.bold : t.bold || !1, D = x.style.italic !== void 0 ? x.style.italic : t.italic || !1;
+      let I = x.text;
+      const M = E, Q = E + x.text.length;
+      if (!v && C > 0 && M < C) {
+        const B = Math.min(C - M, x.text.length);
+        I = I.substring(B);
+      }
+      if (!g && _ > 0) {
+        const B = y.length - _;
+        if (Q > B) {
+          const G = !v && C > 0 && M < C ? Math.min(C - M, x.text.length) : 0, yn = Math.max(0, B - M - G);
+          I = I.substring(0, yn);
+        }
+      }
+      E += x.text.length, I.length > 0 && (e.save(), e.font = R(P, A, F, D), w += e.measureText(I).width, e.restore());
+    }), l.push({
+      spans: m,
+      width: w,
+      // Use adjusted width for alignment (may be 0 for empty lines)
+      height: S,
+      ascent: $,
+      spanWidths: h,
+      isParagraphStart: v,
+      // Store metadata with line
+      isParagraphEnd: g
+    });
+  });
+  const d = sn(t.fontSize, t.fontFamily, t.bold, t.italic), u = t.fontSize * Fn;
+  let p;
+  l.length === 0 ? p = 0 : l.length === 1 ? p = d.height : p = (l.length - 1) * u + d.height;
+  const f = -p / 2;
+  l.forEach((m, b) => {
+    const { spans: h, width: S, isParagraphStart: $, isParagraphEnd: v } = m;
+    let g;
+    o === "center" ? g = -S / 2 : o === "right" ? g = a !== void 0 ? a / 2 - S : -S : g = a !== void 0 ? -a / 2 : 0;
+    const y = f + d.ascent + b * u, k = h.map((x) => x.text).join(""), T = k.match(/^ +/), C = k.match(/ +$/), _ = T ? T[0].length : 0, w = C ? C[0].length : 0;
+    let E = 0;
+    h.forEach((x) => {
+      const P = x.style.fontSize !== void 0 ? x.style.fontSize : t.fontSize, A = x.style.fontFamily !== void 0 ? x.style.fontFamily : t.fontFamily, F = x.style.color !== void 0 ? x.style.color : t.color, D = x.style.bold !== void 0 ? x.style.bold : t.bold || !1, I = x.style.italic !== void 0 ? x.style.italic : t.italic || !1, M = x.style.underline !== void 0 ? x.style.underline : t.underline || !1, Q = x.style.strikethrough !== void 0 ? x.style.strikethrough : t.strikethrough || !1;
+      let B = x.text, G = E, yn = E + x.text.length;
+      if (!$ && _ > 0 && G < _) {
+        const N = Math.min(_ - G, x.text.length);
+        B = B.substring(N);
+      }
+      if (!v && w > 0) {
+        const N = k.length - w;
+        if (yn > N) {
+          const H = !$ && _ > 0 && G < _ ? Math.min(_ - G, x.text.length) : 0, ge = Math.max(0, N - G - H);
+          B = B.substring(0, ge);
+        }
+      }
+      if (E += x.text.length, B.length > 0) {
+        e.font = R(P, A, D, I), e.fillStyle = F, e.textBaseline = "alphabetic", e.textAlign = "left", e.fillText(B, g, y);
+        const N = e.measureText(B).width;
+        if (M) {
+          const H = y + P * 0.1;
+          e.beginPath(), e.moveTo(g, H), e.lineTo(g + N, H), e.lineWidth = Math.max(1, P * 0.05), e.strokeStyle = F, e.stroke();
+        }
+        if (Q) {
+          const H = y - P * 0.25;
+          e.beginPath(), e.moveTo(g, H), e.lineTo(g + N, H), e.lineWidth = Math.max(1, P * 0.05), e.strokeStyle = F, e.stroke();
+        }
+        g += N;
+      }
+    });
+  });
+}
+const wn = V("canvas-renderer");
+let ln = null;
+function Mn() {
+  if (!ln)
+    if (typeof OffscreenCanvas < "u")
+      ln = new OffscreenCanvas(1, 1).getContext("2d");
+    else if (typeof document < "u")
+      ln = document.createElement("canvas").getContext("2d");
+    else
+      throw new Error("No canvas context available");
+  return ln;
+}
+function R(e, n, t = !1, a = !1) {
+  const r = [];
+  return a && r.push("italic"), t && r.push("bold"), r.push(`${e}px`), r.push(n), r.join(" ");
+}
+function Nn(e, n, t, a = !1, r = !1) {
+  const o = Mn();
+  return o.font = R(n, t, a, r), o.measureText(e).width;
+}
+function sn(e, n, t = !1, a = !1) {
+  const r = Mn();
+  r.font = R(e, n, t, a);
+  const s = r.measureText("ÁÉÍgjpqy"), c = s.actualBoundingBoxAscent || e * 0.8, i = s.actualBoundingBoxDescent || e * 0.2, l = c + i;
+  return { ascent: c, descent: i, height: l };
+}
+function ia(e, n) {
+  const t = e.map((r, o) => ({
+    isParagraphStart: !n && o === 0,
+    isParagraphEnd: !n && o === e.length - 1
+  }));
+  return e.map((r, o) => {
+    if (r.trim().length === 0)
+      return "";
+    const s = t[o].isParagraphStart, c = t[o].isParagraphEnd;
+    let i = r;
+    return s || (i = i.replace(/^ +/, "")), c || (i = i.replace(/ +$/, "")), i;
+  }).filter((r) => r.length > 0);
+}
+function ze(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 = R(t, a, r, o), e.textAlign = s, e.textBaseline = "alphabetic", e.fillStyle = n.color;
+  const i = sn(t, a, r, o), u = -i.height / 2 + i.ascent;
+  e.fillText(c, 0, u);
+}
+function We(e, n, t, a, r = !1, o = !1, s) {
+  const c = Mn();
+  if (c.font = R(t, a, r, o), e.trim().length === 0)
+    return [e];
+  if (e.includes(`
+`)) {
+    const C = e.split(`
+`), _ = [];
+    for (let w = 0; w < C.length; w++) {
+      const E = C[w], x = We(E, n, t, a, r, o);
+      _.push(...x);
+    }
+    return _;
+  }
+  const i = e.match(/^\s*/), l = e.match(/\s*$/), d = i ? i[0] : "", u = l ? l[0] : "", f = e.substring(d.length, e.length - u.length).split(" ");
+  if (s !== void 0 && s > 0) {
+    if (s === 1)
+      return [d + f.join(" ") + u];
+    const C = [], _ = Math.ceil(f.length / s);
+    for (let w = 0; w < f.length; w += _) {
+      const x = f.slice(w, w + _).join(" ");
+      w === 0 && w + _ >= f.length ? C.push(d + x + u) : w === 0 ? C.push(d + x) : w + _ >= f.length ? C.push(x + u) : C.push(x);
+    }
+    return C;
+  }
+  const m = f.join(" "), b = d + m + u, h = c.measureText(b).width, S = n < 200, v = Math.max(20, n * (S ? 0.08 : 0.05));
+  if (h <= n + v)
+    return [b];
+  const g = [];
+  let y = f[0];
+  const T = Math.max(15, n * (S ? 0.05 : 0.03));
+  for (let C = 1; C < f.length; C++) {
+    const _ = f[C], w = y + " " + _;
+    c.measureText(w).width > n + T ? (g.push(y), y = _) : y = w;
+  }
+  return g.push(y), g.length > 0 && (g[0] = d + g[0], g[g.length - 1] = g[g.length - 1] + u), g;
+}
+function oa(e, n, t, a, r, o, s = "left", c = 0, i = 0, l = 1.2, d = !1, u = !1, p = !1, f = !1, m, b) {
+  e.font = R(r, o, d, u), e.textBaseline = "alphabetic", e.textAlign = s;
+  const h = (w) => {
+    for (const E of w) {
+      const x = E.codePointAt(0);
+      if (x && x >= 983040 && x <= 1048573)
+        return !0;
+    }
+    return !1;
+  }, S = m && Object.values(m).some((w) => w), $ = b && b.length > 0, v = n.join(" "), g = h(v), y = S || $ || g, k = y ? Bn.getFontSync(o, d ? 700 : 400) : null;
+  y && !k && (wn.warn(
+    `[renderMultilineText] Font ${o} not loaded for fontkit rendering. Text may not render correctly. Has PUA: ${g}, Text: "${v}"`
+  ), Bn.loadFont(o, d ? 700 : 400).catch((w) => {
+    wn.error("[renderMultilineText] Error loading font:", w);
+  }));
+  const T = sn(r, o, d, u), C = r * l;
+  let _ = 0;
+  n.forEach((w, E) => {
+    let x = t + i;
+    s === "center" ? x = t + c / 2 : s === "right" && (x = t + c - i);
+    const P = a + T.ascent + E * C, A = Array.from(w).length, F = $ ? b.filter((D) => {
+      const I = D.charIndex - _;
+      return I >= 0 && I < A;
+    }).map((D) => ({
+      ...D,
+      charIndex: D.charIndex - _
+      // Adjust to line-relative index
+    })) : [];
+    if (k && (S || F.length > 0 || g) ? F.length > 0 || h(w) ? Ne(e, k, w, x, P, r, F, {
+      color: e.fillStyle,
+      align: s === "start" || s === "end" ? "left" : s
+    }) : m && Le(e, k, w, x, P, r, m, {
+      color: e.fillStyle,
+      align: s === "start" || s === "end" ? "left" : s
+    }) : e.fillText(w, x, P), _ += A + 1, p) {
+      const D = Nn(w, r, o, d, u);
+      let I = x;
+      s === "center" ? I = x - D / 2 : s === "right" && (I = x - D);
+      const M = P + r * 0.1;
+      e.beginPath(), e.moveTo(I, M), e.lineTo(I + D, M), e.lineWidth = Math.max(1, r * 0.05), e.strokeStyle = e.fillStyle, e.stroke();
+    }
+    if (f) {
+      const D = Nn(w, r, o, d, u);
+      let I = x;
+      s === "center" ? I = x - D / 2 : s === "right" && (I = x - D);
+      const M = P - r * 0.25;
+      e.beginPath(), e.moveTo(I, M), e.lineTo(I + D, M), e.lineWidth = Math.max(1, r * 0.05), e.strokeStyle = e.fillStyle, e.stroke();
+    }
+  });
+}
+function Un(e, n) {
+  Ge(e, n);
+}
+function Ge(e, n) {
+  var r;
+  (r = n.stroke) != null && r.enabled && se(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) - Y * 2;
+  if (n.richText) {
+    const o = we.fromJSON(n.richText);
+    e.save(), e.translate(0, 0);
+    const s = n._lockedLineCount;
+    Ue(
+      e,
+      o,
+      {
+        fontSize: n.fontSize,
+        fontFamily: n.fontFamily,
+        color: n.color,
+        bold: n.bold,
+        italic: n.italic,
+        underline: n.underline,
+        strikethrough: n.strikethrough,
+        textAlign: n.textAlign
+      },
+      a,
+      s
+    ), e.restore();
+  } else if (n.text) {
+    e.fillStyle = n.color;
+    const o = n._lockedLineCount, { lines: s, height: c } = ae(
+      n.text,
+      a,
+      n.fontSize,
+      n.fontFamily,
+      n.bold,
+      n.italic,
+      o,
+      !0
+      // strict: true
+    ), i = sn(
+      n.fontSize,
+      n.fontFamily,
+      n.bold,
+      n.italic
+    ), l = -((t == null ? void 0 : t.width) ?? 100) / 2, d = -c / 2, u = n.fontSize * Fn;
+    e.font = `${n.italic ? "italic " : ""}${n.bold ? "bold " : ""}${n.fontSize}px ${n.fontFamily}`, e.textBaseline = "alphabetic", e.textAlign = n.textAlign, s.forEach((p, f) => {
+      const m = f === 0, b = f === s.length - 1;
+      let h = p;
+      if (!m) {
+        const v = p.match(/^ +/), g = v ? v[0].length : 0;
+        g > 0 && (h = h.substring(g));
+      }
+      if (!b) {
+        const v = h.match(/ +$/), g = v ? v[0].length : 0;
+        g > 0 && (h = h.substring(0, h.length - g));
+      }
+      let S = l + Y;
+      n.textAlign === "center" ? S = l + ((t == null ? void 0 : t.width) ?? 100) / 2 : n.textAlign === "right" && (S = l + ((t == null ? void 0 : t.width) ?? 100) - Y);
+      const $ = d + i.ascent + f * u;
+      if (e.fillText(h, S, $), h.length > 0) {
+        const v = e.measureText(h).width;
+        let g = S;
+        if (n.textAlign === "center" ? g -= v / 2 : n.textAlign === "right" && (g -= v), n.underline) {
+          const y = $ + n.fontSize * 0.1;
+          e.fillRect(g, y, v, Math.max(1, n.fontSize * 0.05));
+        }
+        if (n.strikethrough) {
+          const y = $ - i.ascent * 0.4;
+          e.fillRect(g, y, v, Math.max(1, n.fontSize * 0.05));
+        }
+      }
+    });
+  }
+  e.restore();
+}
+function ca(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) {
+    He(e, n, t);
+    return;
+  }
+  const o = e.globalAlpha;
+  t !== 1 && (e.globalAlpha = t), Sn(e, n), e.globalAlpha = o;
+}
+function He(e, n, t) {
+  var h;
+  const a = n.transformData, r = n.fontSize || 24, o = ((h = n.stroke) == null ? void 0 : h.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");
+  if (!f) {
+    const S = e.globalAlpha;
+    e.globalAlpha = t, Sn(e, n), e.globalAlpha = S;
+    return;
+  }
+  const m = i.a * n.x + i.e, b = i.d * n.y + i.f;
+  f.setTransform(
+    i.a,
+    i.b,
+    i.c,
+    i.d,
+    i.e - m + d / 2,
+    i.f - b + u / 2
+  ), Sn(f, n), e.save(), e.setTransform(1, 0, 0, 1, 0, 0), e.globalAlpha = t, e.drawImage(p, m - d / 2, b - u / 2), e.restore();
+}
+function Sn(e, n) {
+  switch (n.type) {
+    case "custom":
+      Un(e, n);
+      break;
+    case "circle":
+      je(e, n);
+      break;
+    case "wave":
+      Xe(e, n);
+      break;
+    case "arch":
+      Ke(e, n);
+      break;
+    case "ascend":
+      Ze(e, n);
+      break;
+    case "lean":
+      nt(e, n);
+      break;
+    case "flag":
+      tt(e, n);
+      break;
+    default:
+      wn.warn(`[canvas-renderer] Unsupported transform type: ${n.type}`), Un(e, n);
+  }
+}
+function Ve(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 J(e, n, t) {
+  if (t != null && t.enabled)
+    if (e.strokeStyle = t.color, e.lineWidth = t.width, e.lineCap = t.lineCap || "round", e.lineJoin = t.lineJoin || "round", t.miterLimit !== void 0 && (e.miterLimit = t.miterLimit), t.opacity !== void 0) {
+      const a = e.globalAlpha;
+      e.globalAlpha = t.opacity, e.strokeText(n, 0, 0), e.globalAlpha = a;
+    } else
+      e.strokeText(n, 0, 0);
+}
+function Z(e, n, t) {
+  const a = n.stroke, r = (a == null ? void 0 : a.opacity) ?? 1, o = e.globalAlpha, s = (a == null ? void 0 : a.enabled) && r < 1, c = (a == null ? void 0 : a.enabled) && o < 1;
+  if (!(s || c)) {
+    t(e, n);
+    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), m = Math.max(f, p), b = (a.feather || 0) * 2, h = d * 4 + b + l + 40, S = m + h, $ = u.archHeight ? Math.abs(u.archHeight) * l * 2 : 0, v = u.radius ? u.radius : 0, g = l * 3 + h + $ + v, y = e.getTransform(), k = Math.max(Math.abs(y.a), Math.abs(y.d), 1), T = Math.ceil(S * k / 2) * 2, C = Math.ceil(g * k / 2) * 2;
+  if (T <= 0 || C <= 0) {
+    t(e, n);
+    return;
+  }
+  const _ = Ve(T, C), w = _.getContext("2d");
+  if (!w) {
+    t(e, n);
+    return;
+  }
+  const E = n.x || 0, x = n.y || 0, P = y.a * E + y.c * x + y.e, A = y.b * E + y.d * x + y.f, F = Math.round(P - T / 2), D = Math.round(A - C / 2);
+  if (w.setTransform(
+    y.a,
+    y.b,
+    y.c,
+    y.d,
+    T / 2 - P + y.e,
+    C / 2 - A + y.f
+  ), c) {
+    w.globalAlpha = 1;
+    const Q = a.opacity;
+    s && (a.opacity = 1), t(w, n), s && (a.opacity = Q), e.save(), e.resetTransform(), e.globalAlpha = o, e.drawImage(_, F, D), e.restore();
+    return;
+  }
+  const I = a.opacity;
+  a.opacity = 1, t(w, n), a.opacity = I;
+  const M = a.enabled;
+  a.enabled = !1, t(e, n), a.enabled = M, e.save(), e.resetTransform(), e.globalAlpha = r, e.drawImage(
+    _,
+    F,
+    D
+  ), e.restore();
+}
+function je(e, n) {
+  Z(e, n, qe);
+}
+function qe(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";
+  e.font = `${r} ${a} ${n.fontSize}px ${n.fontFamily}`, e.fillStyle = n.color, e.textAlign = "center", e.textBaseline = "middle";
+  const o = n.text.split(""), s = o.map((i) => e.measureText(i).width), c = s.reduce((i, l) => i + l, 0);
+  if (t.reverse) {
+    let i = Math.PI / 2 + c / (2 * t.radius);
+    o.forEach((l, d) => {
+      const p = s[d] / t.radius, f = Math.cos(i - p / 2) * t.radius, m = Math.sin(i - p / 2) * t.radius;
+      e.save(), e.translate(f, m), e.rotate(i - p / 2 - Math.PI / 2), J(e, l, n.stroke), e.fillText(l, 0, 0), e.restore(), i -= p;
+    });
+  } else {
+    let i = -Math.PI / 2 - c / (2 * t.radius);
+    o.forEach((l, d) => {
+      const p = s[d] / t.radius, f = Math.cos(i + p / 2) * t.radius, m = Math.sin(i + p / 2) * t.radius;
+      e.save(), e.translate(f, m), e.rotate(i + p / 2 + Math.PI / 2), J(e, l, n.stroke), e.fillText(l, 0, 0), e.restore(), i += p;
+    });
+  }
+  e.restore();
+}
+function Xe(e, n) {
+  Z(e, n, Ye);
+}
+function Ye(e, n) {
+  const t = n.transformData;
+  e.save(), e.translate(n.x, n.y), e.rotate(-n.rotation * Math.PI / 180), e.font = R(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 * Se, 0, 1, 0, 0), J(e, s, n.stroke), e.fillText(s, 0, 0), e.restore(), o += c;
+  }), e.restore();
+}
+function Ke(e, n) {
+  Z(e, n, Je);
+}
+function Je(e, n) {
+  const t = n.transformData;
+  e.save(), e.translate(n.x, n.y), e.rotate(-n.rotation * Math.PI / 180), e.font = R(n.fontSize, n.fontFamily, n.bold, n.italic), e.fillStyle = n.color, e.textAlign = "center", e.textBaseline = "middle";
+  const a = n.text.split(""), r = a.reduce((c, i) => c + e.measureText(i).width, 0), o = t.width / 2;
+  let s = -r / 2;
+  a.forEach((c) => {
+    const i = e.measureText(c).width, l = s + i / 2, d = l / o, u = (Math.pow(d, 2) - 1) * t.archHeight * n.fontSize, p = 2 * d * t.archHeight;
+    e.save(), e.translate(l, u), e.transform(1, p * 0.3, 0, 1, 0, 0), J(e, c, n.stroke), e.fillText(c, 0, 0), e.restore(), s += i;
+  }), e.restore();
+}
+function Ze(e, n) {
+  Z(e, n, Qe);
+}
+function Qe(e, n) {
+  const t = n.transformData;
+  e.save(), e.translate(n.x, n.y), e.rotate(-n.rotation * Math.PI / 180), e.font = R(n.fontSize, n.fontFamily, n.bold, n.italic), e.fillStyle = n.color, e.textAlign = "center", e.textBaseline = "middle";
+  const a = n.text.split(""), r = a.reduce((c, i) => c + e.measureText(i).width, 0), o = t.ascendAngle * Math.PI / 180;
+  let s = -r / 2;
+  a.forEach((c) => {
+    const i = e.measureText(c).width, l = s + i / 2, d = l * Math.tan(o), u = Math.tan(o);
+    e.save(), e.translate(l, d), e.transform(1, u * 1, 0, 1, 0, 0), J(e, c, n.stroke), e.fillText(c, 0, 0), e.restore(), s += i;
+  }), e.restore();
+}
+function nt(e, n) {
+  Z(e, n, et);
+}
+function et(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 = R(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 tt(e, n) {
+  Z(e, n, at);
+}
+function at(e, n) {
+  const t = n.transformData;
+  e.save(), e.translate(n.x, n.y), e.rotate(-n.rotation * Math.PI / 180), e.font = R(n.fontSize, n.fontFamily, n.bold, n.italic), e.fillStyle = n.color, e.textAlign = "center", e.textBaseline = "middle";
+  const a = n.text.split("");
+  let o = -a.reduce((s, c) => s + e.measureText(c).width, 0) / 2;
+  a.forEach((s) => {
+    const c = e.measureText(s).width, i = o + c / 2, l = i / (t.width / 2), d = Math.abs(l), u = t.amplitude * d, p = u * n.fontSize * Math.sin(t.frequency * Math.PI * l), f = u * t.frequency * Math.PI * Math.cos(t.frequency * Math.PI * l), m = t.amplitude * Math.sign(l) * Math.sin(t.frequency * Math.PI * l), b = f + m;
+    e.save(), e.translate(i, p), e.transform(1, b * 0.3, 0, 1, 0, 0), J(e, s, n.stroke), e.fillText(s, 0, 0), e.restore(), o += c;
+  }), e.restore();
+}
+const rt = V("TextureManager"), an = class an {
   /**
    * Load a texture by ID or URL
    */
@@ -8,12 +747,12 @@ const re = q("TextureManager"), W = class W {
       return this.cache.get(n);
     if (this.loading.has(n))
       return this.loading.get(n);
-    const t = this.resolveTextureUrl(n), a = new Promise((r, i) => {
+    const t = this.resolveTextureUrl(n), a = new Promise((r, o) => {
       const s = new Image();
       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 = () => {
-        re.error("Failed to load texture:", t), this.loading.delete(n), this.loading.delete(t), i(new Error(`Failed to load texture: ${t}`));
+        rt.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;
@@ -79,7 +818,7 @@ const re = q("TextureManager"), W = class W {
     return (t == null ? void 0 : t.presetColor) || "#ffffff";
   }
 };
-W.cache = /* @__PURE__ */ new Map(), W.loading = /* @__PURE__ */ new Map(), W.TEXTURES = [
+an.cache = /* @__PURE__ */ new Map(), an.loading = /* @__PURE__ */ new Map(), an.TEXTURES = [
   {
     id: "glass-frame",
     name: "Glass Frame",
@@ -89,29 +828,29 @@ W.cache = /* @__PURE__ */ new Map(), W.loading = /* @__PURE__ */ new Map(), W.TE
     // Light gray
   }
 ];
-let N = W;
-function bn(e, n, t = {}) {
+let X = an;
+function On(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":
-      ie(e, n, a, t);
+      it(e, n, a, t);
       break;
     case "shape":
-      oe(e, n, a, t);
+      ot(e, n, a, t);
       break;
     case "group":
       break;
     default:
-      se(e, n, a, t);
+      st(e, n, a, t);
       break;
   }
   e.restore();
 }
-function se(e, n, t, a) {
+function st(e, n, t, a) {
   var s;
-  const r = n, i = r.text || "";
-  i && ((t === "stroke" || t === "both") && ((s = n.stroke) != null && s.enabled) && (e.save(), Vn(e, n, { ...a.renderingContext, positionApplied: !0 }), e.restore()), (t === "fill" || t === "both") && (e.save(), jn(e, {
-    text: i,
+  const r = n, o = r.text || "";
+  o && ((t === "stroke" || t === "both") && ((s = n.stroke) != null && s.enabled) && (e.save(), se(e, n, { ...a.renderingContext, positionApplied: !0 }), e.restore()), (t === "fill" || t === "both") && (e.save(), ze(e, {
+    text: o,
     fontSize: r.fontSize || 24,
     fontFamily: r.fontFamily || "Arial",
     bold: r.bold || !1,
@@ -120,172 +859,172 @@ function se(e, n, t, a) {
     color: r.color || "#000000"
   }), e.restore()));
 }
-function ie(e, n, t, a) {
-  var i;
+function it(e, n, t, a) {
+  var o;
   if (!n.transformData) return;
   const r = n.transformData;
   if (t === "fill" || t === "both")
-    if (ue(e, n), a.loadedImage) {
+    if (ut(e, n), a.loadedImage) {
       e.save(), e.clip();
       const s = r.flipHorizontal ? -1 : 1, c = r.flipVertical ? -1 : 1;
       e.scale(s, c);
-      const o = r.width ?? 100, l = r.height ?? 100;
-      e.drawImage(a.loadedImage, -o / 2, -l / 2, o, l), e.restore();
+      const i = r.width ?? 100, l = r.height ?? 100;
+      e.drawImage(a.loadedImage, -i / 2, -l / 2, i, l), e.restore();
     } else
       e.fillStyle = "#cccccc", e.fill();
-  (t === "stroke" || t === "both") && ((i = n.stroke) != null && i.enabled) && (e.save(), qn(e, n, a.renderingContext), e.restore());
+  (t === "stroke" || t === "both") && ((o = n.stroke) != null && o.enabled) && (e.save(), Be(e, n, a.renderingContext), e.restore());
 }
-function oe(e, n, t, a) {
+function ot(e, n, t, a) {
   var s, c;
   if (!n.transformData) return;
-  const r = n.transformData, i = ((s = a.renderingContext) == null ? void 0 : s.isKnockout) === !0;
-  e.beginPath(), On(e, r), (t === "fill" || t === "both") && (e.fillStyle = i ? "#000000" : r.fillColor || "#3b82f6", e.globalAlpha = i ? 1 : r.fillOpacity ?? 1, e.fill()), (t === "stroke" || t === "both") && ((c = n.stroke) != null && c.enabled) && (e.save(), fe(e, n, a.renderingContext), e.restore());
+  const r = n.transformData, o = ((s = a.renderingContext) == null ? void 0 : s.isKnockout) === !0;
+  e.beginPath(), ie(e, r), (t === "fill" || t === "both") && (e.fillStyle = o ? "#000000" : r.fillColor || "#3b82f6", e.globalAlpha = o ? 1 : r.fillOpacity ?? 1, e.fill()), (t === "stroke" || t === "both") && ((c = n.stroke) != null && c.enabled) && (e.save(), ft(e, n, a.renderingContext), e.restore());
 }
-function On(e, n) {
+function ie(e, n) {
   const { shapeType: t } = n, a = n.width ?? 100, r = n.height ?? 100;
   switch (t) {
     case "rectangle":
-      yn(e, n, a, r);
+      zn(e, n, a, r);
       break;
     case "circle":
-      ce(e, Math.min(a, r) / 2);
+      ct(e, Math.min(a, r) / 2);
       break;
     case "ellipse":
-      le(e, a / 2, r / 2);
+      lt(e, a / 2, r / 2);
       break;
     case "star":
-      de(e, n, Math.min(a, r) / 2);
+      dt(e, n, Math.min(a, r) / 2);
       break;
     default:
-      yn(e, n, a, r);
+      zn(e, n, a, r);
   }
 }
-function yn(e, n, t, a) {
-  const r = n.borderRadius || 0, i = -t / 2, s = -a / 2;
+function zn(e, n, t, a) {
+  const r = n.borderRadius || 0, o = -t / 2, s = -a / 2;
   if (r > 0) {
     const c = Math.min(r / 100 * Math.min(t, a), t / 2, a / 2);
-    e.roundRect(i, s, t, a, c);
+    e.roundRect(o, s, t, a, c);
   } else
-    e.rect(i, s, t, a);
+    e.rect(o, s, t, a);
 }
-function ce(e, n) {
+function ct(e, n) {
   e.arc(0, 0, n, 0, Math.PI * 2);
 }
-function le(e, n, t) {
+function lt(e, n, t) {
   e.ellipse(0, 0, n, t, 0, 0, Math.PI * 2);
 }
-function de(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)), i = t * r, s = Math.PI / a, c = -Math.PI / 2;
-  for (let o = 0; o < a * 2; o++) {
-    const l = c + s * o, d = o % 2 === 0 ? t : i, u = Math.cos(l) * d, p = Math.sin(l) * d;
-    o === 0 ? e.moveTo(u, p) : e.lineTo(u, p);
+function dt(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;
+    i === 0 ? e.moveTo(u, p) : e.lineTo(u, p);
   }
   e.closePath();
 }
-function fe(e, n, t) {
+function ft(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(), On(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(), ie(e, n.transformData), e.stroke(), e.restore();
 }
-function ue(e, n) {
+function ut(e, n) {
   if (!n.transformData) return;
-  const { borderRadius: t } = n.transformData, a = n.transformData.width ?? 100, r = n.transformData.height ?? 100, i = -a / 2, s = -r / 2;
+  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) {
     const c = Math.min(t / 100 * Math.min(a, r), a / 2, r / 2);
-    e.roundRect(i, s, a, r, c);
+    e.roundRect(o, s, a, r, c);
   } else
-    e.rect(i, s, a, r);
+    e.rect(o, s, a, r);
 }
-function sn(e, n, t, a, r, i, s = "destination-out") {
-  var x;
+function Cn(e, n, t, a, r, o, s = "destination-out") {
+  var v;
   if (!n.knockoutParts) return;
   if (!(n.knockoutParts.fill || n.knockoutParts.stroke)) {
     a(e, n);
     return;
   }
-  const o = e.getTransform();
+  const i = e.getTransform();
   e.save();
-  const l = n.knockoutParts.scope || "group", d = pe(n, l, t);
+  const l = n.knockoutParts.scope || "group", d = pt(n, l, t);
   if (d.length === 0 && l === "artboard") {
-    be(e, n, a), e.restore();
+    bt(e, n, a), e.restore();
     return;
   }
   if (d.length === 0) {
     a(e, n), e.restore();
     return;
   }
-  const u = e.canvas, f = e.getTransform().a, m = ge(u.width, u.height), h = m.getContext("2d");
-  if (!h) return;
-  h.scale(f, f), r && i && (h.fillStyle = r, h.fillRect(i.x, i.y, i.width, i.height));
-  for (const y of d)
-    a(h, y);
-  n.knockoutParts.fill && !n.knockoutParts.stroke && ((x = n.stroke) != null && x.enabled) && (h.save(), cn(h, n), h.restore()), h.save(), h.globalCompositeOperation = s, n.knockoutParts.fill && on(h, n), n.knockoutParts.stroke && cn(h, n), h.restore(), n.knockoutParts.fill || (h.save(), on(h, n), h.restore());
-  const b = u.width / f, C = u.height / f;
-  e.drawImage(m, 0, 0, b, C), e.restore();
-  const g = e.getTransform();
-  (Math.abs(g.a - o.a) > 1e-3 || Math.abs(g.d - o.d) > 1e-3 || Math.abs(g.e - o.e) > 1e-3 || Math.abs(g.f - o.f) > 1e-3) && e.setTransform(
-    o.a,
-    o.b,
-    o.c,
-    o.d,
-    o.e,
-    o.f
+  const u = e.canvas, f = e.getTransform().a, m = gt(u.width, u.height), b = m.getContext("2d");
+  if (!b) return;
+  b.scale(f, f), r && o && (b.fillStyle = r, b.fillRect(o.x, o.y, o.width, o.height));
+  for (const g of d)
+    a(b, g);
+  n.knockoutParts.fill && !n.knockoutParts.stroke && ((v = n.stroke) != null && v.enabled) && (b.save(), Tn(b, n), b.restore()), b.save(), b.globalCompositeOperation = s, n.knockoutParts.fill && kn(b, n), n.knockoutParts.stroke && Tn(b, n), b.restore(), n.knockoutParts.fill || (b.save(), kn(b, n), b.restore());
+  const h = u.width / f, S = u.height / f;
+  e.drawImage(m, 0, 0, h, S), e.restore();
+  const $ = e.getTransform();
+  (Math.abs($.a - i.a) > 1e-3 || Math.abs($.d - i.d) > 1e-3 || Math.abs($.e - i.e) > 1e-3 || Math.abs($.f - i.f) > 1e-3) && e.setTransform(
+    i.a,
+    i.b,
+    i.c,
+    i.d,
+    i.e,
+    i.f
   );
 }
-function tt(e, n, t, a, r, i) {
-  sn(e, n, t, a, r, i, "destination-out");
+function la(e, n, t, a, r, o) {
+  Cn(e, n, t, a, r, o, "destination-out");
 }
-function pe(e, n, t) {
-  return n === "artboard" ? Rn(e, t) : he(e, t);
+function pt(e, n, t) {
+  return n === "artboard" ? oe(e, t) : ht(e, t);
 }
-function Rn(e, n) {
+function oe(e, n) {
   const t = n.findIndex((a) => a.id === e.id);
   return t === -1 ? [] : n.slice(0, t);
 }
-function he(e, n) {
-  const t = Mn(e, n);
+function ht(e, n) {
+  const t = ce(e, n);
   if (!t)
-    return Rn(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 Mn(e, n) {
+function ce(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 = Mn(e, t.children);
+      const a = ce(e, t.children);
       if (a)
         return a;
     }
   return null;
 }
-function on(e, n, t) {
-  bn(e, n, {
+function kn(e, n, t) {
+  On(e, n, {
     mode: "fill",
     renderingContext: { isKnockout: !0 }
   });
 }
-function cn(e, n) {
+function Tn(e, n) {
   var t;
-  (t = n.stroke) != null && t.enabled && bn(e, n, {
+  (t = n.stroke) != null && t.enabled && On(e, n, {
     mode: "stroke",
     renderingContext: { isKnockout: !0 }
   });
 }
-function be(e, n, t) {
+function bt(e, n, t) {
   var r;
   const a = n.knockoutParts;
   if (!a) {
     t(e, n);
     return;
   }
-  a.fill || (e.save(), on(e, n), e.restore()), !a.stroke && ((r = n.stroke) != null && r.enabled) && (e.save(), cn(e, n), e.restore());
+  a.fill || (e.save(), kn(e, n), e.restore()), !a.stroke && ((r = n.stroke) != null && r.enabled) && (e.save(), Tn(e, n), e.restore());
 }
-function ge(e, n) {
+function gt(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   if (typeof document < "u") {
@@ -294,257 +1033,257 @@ function ge(e, n) {
   }
   throw new Error("No canvas context available");
 }
-function $n(e, n, t, a, r = 0) {
+function Wn(e, n, t, a, r = 0) {
   if (t <= 0 || a <= 0 || e <= 0 || n <= 0)
     return { width: e + r, height: n + r };
-  const i = t / a, s = e / n;
-  let c, o;
-  return s > i ? (o = n, c = n * i) : (c = e, o = e / i), {
+  const o = t / a, s = e / n;
+  let c, i;
+  return s > o ? (i = n, c = n * o) : (c = e, i = e / o), {
     width: c + r,
-    height: o + r
+    height: i + r
   };
 }
-const z = 64, tn = 512;
-function me(e, n) {
+const nn = 64, $n = 512;
+function mt(e, n) {
   e.beginPath(), e.arc(n / 2, n / 2, n * 0.45, 0, Math.PI * 2), e.fill();
 }
-function ye(e, n) {
-  const t = n / 2, a = n / 2, r = n * 0.45, i = r * 0.4, s = 5;
+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++) {
-    const o = -Math.PI / 2 + Math.PI / s * c, l = c % 2 === 0 ? r : i, d = t + Math.cos(o) * l, u = a + Math.sin(o) * l;
+    const i = -Math.PI / 2 + Math.PI / s * c, l = c % 2 === 0 ? r : o, d = t + Math.cos(i) * l, u = a + Math.sin(i) * l;
     c === 0 ? e.moveTo(d, u) : e.lineTo(d, u);
   }
   e.closePath(), e.fill();
 }
-function $e(e, n) {
+function $t(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 xe(e, n) {
-  const t = n / 2, a = n / 2, r = n * 0.4, i = n * 0.48;
-  e.beginPath(), e.moveTo(t, a - i), e.lineTo(t + r, a), e.lineTo(t, a + i), e.lineTo(t - r, a), e.closePath(), e.fill();
+function xt(e, n) {
+  const t = n / 2, a = n / 2, r = n * 0.4, o = n * 0.48;
+  e.beginPath(), e.moveTo(t, a - o), e.lineTo(t + r, a), e.lineTo(t, a + o), e.lineTo(t - r, a), e.closePath(), e.fill();
 }
-function ve(e, n) {
+function vt(e, n) {
   const t = n / 2, a = n / 2, r = n * 0.44;
   e.beginPath();
-  for (let i = 0; i < 6; i++) {
-    const s = -Math.PI / 2 + Math.PI / 3 * i, c = t + Math.cos(s) * r, o = a + Math.sin(s) * r;
-    i === 0 ? e.moveTo(c, o) : e.lineTo(c, o);
+  for (let o = 0; o < 6; o++) {
+    const s = -Math.PI / 2 + Math.PI / 3 * o, c = t + Math.cos(s) * r, i = a + Math.sin(s) * r;
+    o === 0 ? e.moveTo(c, i) : e.lineTo(c, i);
   }
   e.closePath(), e.fill();
 }
-function we(e, n) {
+function wt(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 Ce(e, n) {
+function St(e, n) {
   const t = n / 2, a = n / 2;
   let r = 42;
-  const i = () => (r = (r * 16807 + 0) % 2147483647, r / 2147483647);
+  const o = () => (r = (r * 16807 + 0) % 2147483647, r / 2147483647);
   e.beginPath(), e.arc(t, a, n * 0.28, 0, Math.PI * 2), e.fill();
   for (let s = 0; s < 30; s++) {
-    const c = i() * Math.PI * 2, o = n * 0.15 + i() * n * 0.3, l = n * 0.02 + i() * n * 0.06;
-    e.beginPath(), e.arc(t + Math.cos(c) * o, a + Math.sin(c) * o, l, 0, Math.PI * 2), e.fill();
+    const c = o() * Math.PI * 2, i = n * 0.15 + o() * n * 0.3, l = n * 0.02 + o() * n * 0.06;
+    e.beginPath(), e.arc(t + Math.cos(c) * i, a + Math.sin(c) * i, l, 0, Math.PI * 2), e.fill();
   }
 }
-function Se(e, n) {
+function Ct(e, n) {
   let t = 123;
-  const a = () => (t = (t * 16807 + 0) % 2147483647, t / 2147483647), r = n * 0.08, i = 40;
+  const a = () => (t = (t * 16807 + 0) % 2147483647, t / 2147483647), r = n * 0.08, o = 40;
   e.beginPath(), e.moveTo(r, r);
-  for (let s = 1; s <= i; s++) {
-    const c = r + (n - 2 * r) * (s / i), o = r + (a() - 0.5) * n * 0.08;
-    e.lineTo(c, o);
+  for (let s = 1; s <= o; s++) {
+    const c = r + (n - 2 * r) * (s / o), i = r + (a() - 0.5) * n * 0.08;
+    e.lineTo(c, i);
   }
-  for (let s = 1; s <= i; s++) {
-    const c = n - r + (a() - 0.5) * n * 0.08, o = r + (n - 2 * r) * (s / i);
-    e.lineTo(c, o);
+  for (let s = 1; s <= o; s++) {
+    const c = n - r + (a() - 0.5) * n * 0.08, i = r + (n - 2 * r) * (s / o);
+    e.lineTo(c, i);
   }
-  for (let s = i; s >= 0; s--) {
-    const c = r + (n - 2 * r) * (s / i), o = n - r + (a() - 0.5) * n * 0.08;
-    e.lineTo(c, o);
+  for (let s = o; s >= 0; s--) {
+    const c = r + (n - 2 * r) * (s / o), i = n - r + (a() - 0.5) * n * 0.08;
+    e.lineTo(c, i);
   }
-  for (let s = i; s >= 0; s--) {
-    const c = r + (a() - 0.5) * n * 0.08, o = r + (n - 2 * r) * (s / i);
-    e.lineTo(c, o);
+  for (let s = o; s >= 0; s--) {
+    const c = r + (a() - 0.5) * n * 0.08, i = r + (n - 2 * r) * (s / o);
+    e.lineTo(c, i);
   }
   e.closePath(), e.fill();
 }
-function ke(e, n) {
+function kt(e, n) {
   let t = 77;
-  const a = () => (t = (t * 16807 + 0) % 2147483647, t / 2147483647), r = n * 0.25, i = n * 0.75, s = n * 0.1;
+  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);
   for (let c = 1; c <= 10; c++) {
-    const o = s + (n - 2 * s) * (c / 10), l = r + (a() - 0.5) * n * 0.1;
-    e.lineTo(o, l);
+    const i = s + (n - 2 * s) * (c / 10), l = r + (a() - 0.5) * n * 0.1;
+    e.lineTo(i, l);
   }
   for (let c = 10; c >= 0; c--) {
-    const o = s + (n - 2 * s) * (c / 10), l = i + (a() - 0.5) * n * 0.1;
-    e.lineTo(o, l);
+    const i = s + (n - 2 * s) * (c / 10), l = o + (a() - 0.5) * n * 0.1;
+    e.lineTo(i, l);
   }
   e.closePath(), e.fill();
 }
-function Te(e, n) {
+function Tt(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 _e = [
+const _t = [
   // Geometric
-  { id: "circle", name: "Circle", description: "Perfect circle", imageUrl: "builtin-mask:circle", thumbnailUrl: "", category: "geometric", draw: me },
-  { id: "star", name: "Star", description: "5-pointed star", imageUrl: "builtin-mask:star", thumbnailUrl: "", category: "geometric", draw: ye },
-  { id: "heart", name: "Heart", description: "Heart shape", imageUrl: "builtin-mask:heart", thumbnailUrl: "", category: "geometric", draw: $e },
-  { id: "diamond", name: "Diamond", description: "Diamond/rhombus", imageUrl: "builtin-mask:diamond", thumbnailUrl: "", category: "geometric", draw: xe },
-  { id: "hexagon", name: "Hexagon", description: "Regular hexagon", imageUrl: "builtin-mask:hexagon", thumbnailUrl: "", category: "geometric", draw: ve },
-  { id: "shield", name: "Shield", description: "Shield/crest shape", imageUrl: "builtin-mask:shield", thumbnailUrl: "", category: "geometric", draw: we },
+  { id: "circle", name: "Circle", description: "Perfect circle", imageUrl: "builtin-mask:circle", thumbnailUrl: "", category: "geometric", draw: mt },
+  { 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: $t },
+  { id: "diamond", name: "Diamond", description: "Diamond/rhombus", imageUrl: "builtin-mask:diamond", thumbnailUrl: "", category: "geometric", draw: xt },
+  { id: "hexagon", name: "Hexagon", description: "Regular hexagon", imageUrl: "builtin-mask:hexagon", thumbnailUrl: "", category: "geometric", draw: vt },
+  { id: "shield", name: "Shield", description: "Shield/crest shape", imageUrl: "builtin-mask:shield", thumbnailUrl: "", category: "geometric", draw: wt },
   // Organic
-  { id: "splatter", name: "Splatter", description: "Ink splatter", imageUrl: "builtin-mask:splatter", thumbnailUrl: "", category: "organic", draw: Ce },
-  { id: "torn-edge", name: "Torn Edge", description: "Rough torn paper edge", imageUrl: "builtin-mask:torn-edge", thumbnailUrl: "", category: "organic", draw: Se },
-  { id: "paint-stroke", name: "Paint Stroke", description: "Horizontal brush stroke", imageUrl: "builtin-mask:paint-stroke", thumbnailUrl: "", category: "organic", draw: ke },
-  { id: "cloud", name: "Cloud", description: "Soft cloud shape", imageUrl: "builtin-mask:cloud", thumbnailUrl: "", category: "organic", draw: Te }
+  { id: "splatter", name: "Splatter", description: "Ink splatter", imageUrl: "builtin-mask:splatter", thumbnailUrl: "", category: "organic", draw: St },
+  { id: "torn-edge", name: "Torn Edge", description: "Rough torn paper edge", imageUrl: "builtin-mask:torn-edge", thumbnailUrl: "", category: "organic", draw: Ct },
+  { id: "paint-stroke", name: "Paint Stroke", description: "Horizontal brush stroke", imageUrl: "builtin-mask:paint-stroke", thumbnailUrl: "", category: "organic", draw: kt },
+  { id: "cloud", name: "Cloud", description: "Soft cloud shape", imageUrl: "builtin-mask:cloud", thumbnailUrl: "", category: "organic", draw: Tt }
 ];
-let xn = !1;
-function vn(e, n) {
+let Gn = !1;
+function Hn(e, n) {
   if (typeof document > "u") return null;
   const t = document.createElement("canvas");
   return t.width = e, t.height = n, t;
 }
-function Ee() {
-  if (typeof document > "u" || xn) return;
-  xn = !0;
-  const e = Q.getInstance();
-  for (const n of _e) {
-    const t = vn(tn, tn);
+function Et() {
+  if (typeof document > "u" || Gn) return;
+  Gn = !0;
+  const e = bn.getInstance();
+  for (const n of _t) {
+    const t = Hn($n, $n);
     if (!t) continue;
     const a = t.getContext("2d");
     if (!a) continue;
-    a.fillStyle = "white", n.draw(a, tn);
-    const r = t.toDataURL("image/png"), i = e.acquire(n.imageUrl);
-    i.crossOrigin = "anonymous", i.src = r;
-    const s = vn(z, z);
+    a.fillStyle = "white", n.draw(a, $n);
+    const r = t.toDataURL("image/png"), o = e.acquire(n.imageUrl);
+    o.crossOrigin = "anonymous", o.src = r;
+    const s = Hn(nn, nn);
     if (s) {
       const c = s.getContext("2d");
-      c && (c.fillStyle = "#1a1a2e", c.fillRect(0, 0, z, z), c.fillStyle = "white", n.draw(c, z), n.thumbnailUrl = s.toDataURL("image/png"));
+      c && (c.fillStyle = "#1a1a2e", c.fillRect(0, 0, nn, nn), c.fillStyle = "white", n.draw(c, nn), n.thumbnailUrl = s.toDataURL("image/png"));
     }
   }
 }
-const Ae = q("MaskRenderer"), ln = /* @__PURE__ */ new Map(), Pe = /* @__PURE__ */ new Map();
-function at(e) {
+const At = V("MaskRenderer"), _n = /* @__PURE__ */ new Map(), Pt = /* @__PURE__ */ new Map();
+function da(e) {
   const n = [];
-  ln.forEach((t, a) => {
+  _n.forEach((t, a) => {
     a.startsWith(e) && n.push(a);
-  }), n.forEach((t) => ln.delete(t));
+  }), n.forEach((t) => _n.delete(t));
 }
-function rt() {
-  ln.clear();
+function fa() {
+  _n.clear();
 }
-function wn(e, n, t) {
+function Vn(e, n, t) {
   if (!n.masks || n.masks.length === 0) {
     t(e);
     return;
   }
-  const a = e.canvas, r = Y(a.width, a.height), i = r.getContext("2d");
-  if (!i) {
-    Ae.error("[renderWithMasks] Failed to get offscreen context");
+  const a = e.canvas, r = fn(a.width, a.height), o = r.getContext("2d");
+  if (!o) {
+    At.error("[renderWithMasks] Failed to get offscreen context");
     return;
   }
   const s = e.getTransform();
-  i.setTransform(s), t(i);
+  o.setTransform(s), t(o);
   for (const c of n.masks)
-    Ie(i, c, n);
+    It(o, c, n);
   e.save(), e.setTransform(1, 0, 0, 1, 0, 0), e.drawImage(r, 0, 0), e.restore();
 }
-function Ie(e, n, t) {
+function It(e, n, t) {
   switch (n.type) {
     case "clip":
-      De(e, n, t);
+      Dt(e, n, t);
       break;
     case "alpha":
-      Fe(e, n, t);
+      Ft(e, n, t);
       break;
     case "luma":
-      Oe(e, n, t);
+      Mt(e, n, t);
       break;
     case "distress":
-      Re(e, n, t);
+      Ot(e, n, t);
       break;
   }
 }
-function De(e, n, t) {
-  e.save(), e.globalCompositeOperation = n.inverted ? "destination-out" : "destination-in", n.opacity !== void 0 && (e.globalAlpha = n.opacity), nn(e, n.maskElement, t), e.restore();
+function Dt(e, n, t) {
+  e.save(), e.globalCompositeOperation = n.inverted ? "destination-out" : "destination-in", n.opacity !== void 0 && (e.globalAlpha = n.opacity), gn(e, n.maskElement, t), e.restore();
 }
-function Fe(e, n, t) {
-  e.save(), e.globalCompositeOperation = n.inverted ? "destination-out" : "destination-in", n.opacity !== void 0 && (e.globalAlpha = n.opacity), nn(e, n.maskElement, t), n.feather && n.feather > 0 && Bn(e, n.feather), e.restore();
+function Ft(e, n, t) {
+  e.save(), e.globalCompositeOperation = n.inverted ? "destination-out" : "destination-in", n.opacity !== void 0 && (e.globalAlpha = n.opacity), gn(e, n.maskElement, t), n.feather && n.feather > 0 && le(e, n.feather), e.restore();
 }
-function Oe(e, n, t) {
-  const a = Y(e.canvas.width, e.canvas.height), r = a.getContext("2d");
+function Mt(e, n, t) {
+  const a = fn(e.canvas.width, e.canvas.height), r = a.getContext("2d");
   if (!r) return;
-  nn(r, n.maskElement, t);
-  const i = r.getImageData(0, 0, a.width, a.height), s = i.data;
+  gn(r, n.maskElement, t);
+  const o = r.getImageData(0, 0, a.width, a.height), s = o.data;
   for (let c = 0; c < s.length; c += 4) {
-    const o = s[c], l = s[c + 1], d = s[c + 2], u = 0.299 * o + 0.587 * l + 0.114 * d;
+    const i = s[c], l = s[c + 1], d = s[c + 2], u = 0.299 * i + 0.587 * l + 0.114 * d;
     s[c + 3] = n.inverted ? 255 - u : u;
   }
-  r.putImageData(i, 0, 0), e.save(), e.globalCompositeOperation = "destination-in", n.opacity !== void 0 && (e.globalAlpha = n.opacity), e.drawImage(a, 0, 0), e.restore();
+  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 Re(e, n, t) {
-  e.save(), e.globalCompositeOperation = n.inverted ? "destination-in" : "destination-out", n.opacity !== void 0 && (e.globalAlpha = n.opacity), nn(e, n.maskElement, t), n.feather && n.feather > 0 && Bn(e, n.feather), e.restore();
+function Ot(e, n, t) {
+  e.save(), e.globalCompositeOperation = n.inverted ? "destination-in" : "destination-out", n.opacity !== void 0 && (e.globalAlpha = n.opacity), gn(e, n.maskElement, t), n.feather && n.feather > 0 && le(e, n.feather), e.restore();
 }
-function nn(e, n, t) {
-  const a = t.x || 0, r = t.y || 0, i = n.x || 0, s = n.y || 0, c = {
+function gn(e, n, t) {
+  const a = t.x || 0, r = t.y || 0, o = n.x || 0, s = n.y || 0, c = {
     ...n,
-    x: a + i,
+    x: a + o,
     y: r + s,
     // Inherit parent rotation so mask rotates with the element
     rotation: (n.rotation || 0) + (t.rotation || 0)
-  }, o = 4, l = t.transformData, d = t, u = (l == null ? void 0 : l.width) || d.width || 0, p = (l == null ? void 0 : l.height) || d.height || 0, f = n.transformData;
+  }, i = 4, l = t.transformData, d = t, u = (l == null ? void 0 : l.width) || d.width || 0, p = (l == null ? void 0 : l.height) || d.height || 0, f = n.transformData;
   u && p && f && (c.transformData = {
     ...f,
-    width: u + o,
-    height: p + o
+    width: u + i,
+    height: p + i
   });
-  let m, h;
+  let m, b;
   if (n.transformType === "image") {
-    const y = n;
-    if (y.imageUrl)
+    const g = n;
+    if (g.imageUrl)
       if (typeof document < "u") {
-        y.imageUrl.startsWith("builtin-mask:") && Ee();
-        const $ = Q.getInstance(), w = $.acquire(y.imageUrl);
-        w.complete && w.naturalWidth > 0 && (m = w), $.release(y.imageUrl);
+        g.imageUrl.startsWith("builtin-mask:") && Et();
+        const y = bn.getInstance(), k = y.acquire(g.imageUrl);
+        k.complete && k.naturalWidth > 0 && (m = k), y.release(g.imageUrl);
       } else
-        h = Pe.get(y.imageUrl);
+        b = Pt.get(g.imageUrl);
   }
-  const b = c.transformData, C = (f == null ? void 0 : f.width) || 0, g = (f == null ? void 0 : f.height) || 0, x = C > 0 && g > 0 && u > 0 && p > 0 && Math.abs(C / g - u / p) > 1e-3;
-  if (h) {
+  const h = c.transformData, S = (f == null ? void 0 : f.width) || 0, $ = (f == null ? void 0 : f.height) || 0, v = S > 0 && $ > 0 && u > 0 && p > 0 && Math.abs(S / $ - u / p) > 1e-3;
+  if (b) {
     e.save();
-    const y = (b == null ? void 0 : b.width) || h.width, $ = (b == null ? void 0 : b.height) || h.height;
-    if (e.translate(c.x || 0, c.y || 0), e.rotate(-(c.rotation || 0) * Math.PI / 180), x) {
-      const w = $n(
+    const g = (h == null ? void 0 : h.width) || b.width, y = (h == null ? void 0 : h.height) || b.height;
+    if (e.translate(c.x || 0, c.y || 0), e.rotate(-(c.rotation || 0) * Math.PI / 180), v) {
+      const k = Wn(
+        g,
         y,
+        S,
         $,
-        C,
-        g,
         0
       );
-      e.drawImage(h, -w.width / 2, -w.height / 2, w.width, w.height);
+      e.drawImage(b, -k.width / 2, -k.height / 2, k.width, k.height);
     } else
-      e.drawImage(h, -y / 2, -$ / 2, y, $);
+      e.drawImage(b, -g / 2, -y / 2, g, y);
     e.restore();
-  } else if (x && m) {
-    const y = (b == null ? void 0 : b.width) || u, $ = (b == null ? void 0 : b.height) || p, w = $n(
+  } else if (v && m) {
+    const g = (h == null ? void 0 : h.width) || u, y = (h == null ? void 0 : h.height) || p, k = Wn(
+      g,
       y,
+      S,
       $,
-      C,
-      g,
       0
     );
-    e.save(), e.translate(c.x || 0, c.y || 0), e.rotate(-(c.rotation || 0) * Math.PI / 180), e.drawImage(m, -w.width / 2, -w.height / 2, w.width, w.height), e.restore();
+    e.save(), e.translate(c.x || 0, c.y || 0), e.rotate(-(c.rotation || 0) * Math.PI / 180), e.drawImage(m, -k.width / 2, -k.height / 2, k.width, k.height), e.restore();
   } else
-    bn(e, c, { mode: "both", loadedImage: m });
+    On(e, c, { mode: "both", loadedImage: m });
 }
-function Bn(e, n) {
+function le(e, n) {
   "filter" in e && (e.filter = `blur(${n}px)`);
 }
-function Y(e, n) {
+function fn(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   if (typeof document < "u") {
@@ -553,24 +1292,24 @@ function Y(e, n) {
   }
   throw new Error("No canvas context available");
 }
-function Me(e, n, t, a) {
+function Rt(e, n, t, a) {
   if (!n.enabled || !n.imageUrl || n.opacity <= 0) return;
-  const r = Q.getInstance(), i = r.acquire(n.imageUrl);
-  if (!i.complete || i.naturalWidth === 0) {
+  const r = bn.getInstance(), o = r.acquire(n.imageUrl);
+  if (!o.complete || o.naturalWidth === 0) {
     r.release(n.imageUrl);
     return;
   }
-  const { x: s, y: c, width: o, height: l } = t, d = e.getTransform(), u = d.a * s + d.e, p = d.d * c + d.f, f = d.a * o, m = d.d * l, h = Math.ceil(f), b = Math.ceil(m);
-  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, m = d.d * l, b = Math.ceil(f), h = Math.ceil(m);
+  if (b <= 0 || h <= 0) {
     r.release(n.imageUrl);
     return;
   }
-  const C = Y(h, b), g = C.getContext("2d");
-  if (!g) {
+  const S = fn(b, h), $ = S.getContext("2d");
+  if (!$) {
     r.release(n.imageUrl);
     return;
   }
-  g.drawImage(
+  $.drawImage(
     e.canvas,
     u,
     p,
@@ -578,26 +1317,26 @@ function Me(e, n, t, a) {
     m,
     0,
     0,
-    h,
-    b
+    b,
+    h
   );
-  let x;
-  if (n.maskType === "luma" ? x = "destination-in" : x = n.inverted ? "destination-out" : "destination-in", n.maskType === "luma") {
-    const y = Y(h, b), $ = y.getContext("2d");
-    if ($) {
-      $.drawImage(i, 0, 0, h, b);
-      const w = $.getImageData(0, 0, h, b), v = w.data;
-      for (let S = 0; S < v.length; S += 4) {
-        const T = 0.299 * v[S] + 0.587 * v[S + 1] + 0.114 * v[S + 2];
-        v[S + 3] = n.inverted ? 255 - T : T;
+  let v;
+  if (n.maskType === "luma" ? v = "destination-in" : v = n.inverted ? "destination-out" : "destination-in", n.maskType === "luma") {
+    const g = fn(b, h), y = g.getContext("2d");
+    if (y) {
+      y.drawImage(o, 0, 0, b, h);
+      const k = y.getImageData(0, 0, b, h), T = k.data;
+      for (let C = 0; C < T.length; C += 4) {
+        const _ = 0.299 * T[C] + 0.587 * T[C + 1] + 0.114 * T[C + 2];
+        T[C + 3] = n.inverted ? 255 - _ : _;
       }
-      $.putImageData(w, 0, 0), g.globalCompositeOperation = "destination-in", g.globalAlpha = n.opacity / 100, g.drawImage(y, 0, 0);
+      y.putImageData(k, 0, 0), $.globalCompositeOperation = "destination-in", $.globalAlpha = n.opacity / 100, $.drawImage(g, 0, 0);
     }
   } else
-    g.globalCompositeOperation = x, g.globalAlpha = n.opacity / 100, g.drawImage(i, 0, 0, h, b);
-  g.globalCompositeOperation = "source-over", g.globalAlpha = 1, e.save(), e.setTransform(1, 0, 0, 1, 0, 0), e.clearRect(u, p, f, m), a && (e.fillStyle = a, e.fillRect(u, p, f, m)), e.drawImage(C, u, p), e.restore(), r.release(n.imageUrl);
+    $.globalCompositeOperation = v, $.globalAlpha = n.opacity / 100, $.drawImage(o, 0, 0, b, h);
+  $.globalCompositeOperation = "source-over", $.globalAlpha = 1, e.save(), e.setTransform(1, 0, 0, 1, 0, 0), e.clearRect(u, p, f, m), a && (e.fillStyle = a, e.fillRect(u, p, f, m)), e.drawImage(S, u, p), e.restore(), r.release(n.imageUrl);
 }
-class Be {
+class Bt {
   constructor(n = Math.random()) {
     this.perm = [];
     for (let a = 0; a < 256; a++)
@@ -621,78 +1360,78 @@ class Be {
     return t + n * (a - t);
   }
   grad(n, t, a) {
-    const r = n & 15, i = r < 8 ? t : a, s = r < 4 ? a : r === 12 || r === 14 ? t : 0;
-    return ((r & 1) === 0 ? i : -i) + ((r & 2) === 0 ? s : -s);
+    const r = n & 15, o = r < 8 ? t : a, s = r < 4 ? a : r === 12 || r === 14 ? t : 0;
+    return ((r & 1) === 0 ? o : -o) + ((r & 2) === 0 ? s : -s);
   }
   noise(n, t) {
     const a = Math.floor(n) & 255, r = Math.floor(t) & 255;
     n -= Math.floor(n), t -= Math.floor(t);
-    const i = this.fade(n), s = this.fade(t), c = this.perm[a] + r, o = this.perm[a + 1] + r;
+    const o = this.fade(n), s = this.fade(t), c = this.perm[a] + r, i = this.perm[a + 1] + r;
     return this.lerp(
       s,
-      this.lerp(i, this.grad(this.perm[c], n, t), this.grad(this.perm[o], n - 1, t)),
-      this.lerp(i, this.grad(this.perm[c + 1], n, t - 1), this.grad(this.perm[o + 1], n - 1, t - 1))
+      this.lerp(o, this.grad(this.perm[c], n, t), this.grad(this.perm[i], n - 1, t)),
+      this.lerp(o, this.grad(this.perm[c + 1], n, t - 1), this.grad(this.perm[i + 1], n - 1, t - 1))
     );
   }
 }
-function an(e, n, t, a = Date.now()) {
-  const s = en(e, n).getContext("2d").createImageData(e, n), c = s.data, o = new Be(a), l = 0.02, d = 1 - t / 100;
+function xn(e, n, t, a = Date.now()) {
+  const s = mn(e, n).getContext("2d").createImageData(e, n), c = s.data, i = new Bt(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 m = 0;
-      m += o.noise(p * l, u * l) * 0.5, m += o.noise(p * l * 2, u * l * 2) * 0.25, m += o.noise(p * l * 4, u * l * 4) * 0.125, m = (m + 1) / 2;
-      const h = Math.min(p / e, (e - p) / e) * 2, b = Math.min(u / n, (n - u) / n) * 2, C = Math.min(h, b);
-      m *= 0.7 + C * 0.3;
-      const g = m > d ? 255 : 0;
-      c[f] = 255, c[f + 1] = 255, c[f + 2] = 255, c[f + 3] = g;
+      m += i.noise(p * l, u * l) * 0.5, m += i.noise(p * l * 2, u * l * 2) * 0.25, m += i.noise(p * l * 4, u * l * 4) * 0.125, m = (m + 1) / 2;
+      const b = Math.min(p / e, (e - p) / e) * 2, h = Math.min(u / n, (n - u) / n) * 2, S = Math.min(b, h);
+      m *= 0.7 + S * 0.3;
+      const $ = m > d ? 255 : 0;
+      c[f] = 255, c[f + 1] = 255, c[f + 2] = 255, c[f + 3] = $;
     }
   return s;
 }
-function Le(e, n, t, a = Date.now()) {
-  const i = en(e, n).getContext("2d");
-  i.clearRect(0, 0, e, n), i.strokeStyle = "#000000", i.lineWidth = 1 + t / 50, i.lineCap = "round";
-  const s = gn(a), c = Math.floor(t / 100 * 30 + 5);
-  for (let o = 0; o < c; o++) {
+function Lt(e, n, t, a = Date.now()) {
+  const o = mn(e, n).getContext("2d");
+  o.clearRect(0, 0, e, n), o.strokeStyle = "#000000", o.lineWidth = 1 + t / 50, o.lineCap = "round";
+  const s = Rn(a), c = Math.floor(t / 100 * 30 + 5);
+  for (let i = 0; i < c; i++) {
     const l = s() * e, d = s() * n;
-    dn(i, l, d, s() * Math.PI * 2, 50 + s() * 100, s, 0);
+    En(o, l, d, s() * Math.PI * 2, 50 + s() * 100, s, 0);
   }
-  return i.getImageData(0, 0, e, n);
+  return o.getImageData(0, 0, e, n);
 }
-function dn(e, n, t, a, r, i, s) {
+function En(e, n, t, a, r, o, s) {
   if (s > 3 || r < 10) return;
-  const c = n + Math.cos(a) * r, o = t + Math.sin(a) * r;
-  if (e.beginPath(), e.moveTo(n, t), e.lineTo(c, o), e.stroke(), i() > 0.5) {
-    const l = a + (i() - 0.5) * Math.PI / 2;
-    dn(e, c, o, l, r * 0.6, i, s + 1);
+  const c = n + Math.cos(a) * r, i = t + Math.sin(a) * r;
+  if (e.beginPath(), e.moveTo(n, t), e.lineTo(c, i), e.stroke(), o() > 0.5) {
+    const l = a + (o() - 0.5) * Math.PI / 2;
+    En(e, c, i, l, r * 0.6, o, s + 1);
   }
-  if (i() > 0.7) {
-    const l = a - (i() - 0.5) * Math.PI / 2;
-    dn(e, c, o, l, r * 0.6, i, s + 1);
+  if (o() > 0.7) {
+    const l = a - (o() - 0.5) * Math.PI / 2;
+    En(e, c, i, l, r * 0.6, o, s + 1);
   }
 }
-function X(e, n, t, a = Date.now()) {
-  const s = en(e, n).getContext("2d").createImageData(e, n), c = s.data, o = gn(a), l = t / 100 * 0.5;
+function dn(e, n, t, a = Date.now()) {
+  const s = mn(e, n).getContext("2d").createImageData(e, n), c = s.data, i = Rn(a), l = t / 100 * 0.5;
   for (let d = 0; d < n; d++)
     for (let u = 0; u < e; u++) {
-      const p = (d * e + u) * 4, m = o() < l ? 255 : 0;
+      const p = (d * e + u) * 4, m = i() < l ? 255 : 0;
       c[p] = 0, c[p + 1] = 0, c[p + 2] = 0, c[p + 3] = m;
     }
   return s;
 }
-function Ne(e, n, t, a = Date.now()) {
-  const i = en(e, n).getContext("2d");
-  i.fillStyle = "#000000";
-  const s = gn(a), c = 4 + t / 100 * 6, o = c * 2;
-  for (let l = 0; l < n; l += o)
-    for (let d = 0; d < e; d += o)
+function Nt(e, n, t, a = Date.now()) {
+  const o = mn(e, n).getContext("2d");
+  o.fillStyle = "#000000";
+  const s = Rn(a), c = 4 + t / 100 * 6, i = c * 2;
+  for (let l = 0; l < n; l += i)
+    for (let d = 0; d < e; d += i)
       if (s() < t / 100) {
         const u = c * (0.5 + s() * 0.5);
-        i.beginPath(), i.arc(d, l, u / 2, 0, Math.PI * 2), i.fill();
+        o.beginPath(), o.arc(d, l, u / 2, 0, Math.PI * 2), o.fill();
       }
-  return i.getImageData(0, 0, e, n);
+  return o.getImageData(0, 0, e, n);
 }
-function en(e, n) {
+function mn(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   if (typeof document < "u") {
@@ -701,31 +1440,31 @@ function en(e, n) {
   }
   throw new Error("No canvas context available");
 }
-function gn(e) {
+function Rn(e) {
   let n = Math.sin(e++) * 1e4;
   return () => (n = Math.sin(e++) * 1e4, n - Math.floor(n));
 }
-const D = 42, B = 512, L = 64;
-function fn(e) {
+const L = 42, j = 512, q = 64;
+function An(e) {
   const n = e.data;
   for (let t = 0; t < n.length; t += 4)
     n[t] = 255, n[t + 1] = 255, n[t + 2] = 255;
   return e;
 }
-function Ue(e, n) {
+function Ut(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 ze = [
+const zt = [
   {
     id: "grunge-heavy",
     name: "Heavy Grunge",
     textureUrl: "builtin:grunge-heavy",
     thumbnailUrl: "",
     description: "Dense random splatters",
-    generate: (e, n) => X(e, n, 80, D)
+    generate: (e, n) => dn(e, n, 80, L)
   },
   {
     id: "grunge-fine",
@@ -733,7 +1472,7 @@ const ze = [
     textureUrl: "builtin:grunge-fine",
     thumbnailUrl: "",
     description: "Sparse fine grain",
-    generate: (e, n) => X(e, n, 25, D + 1)
+    generate: (e, n) => dn(e, n, 25, L + 1)
   },
   {
     id: "concrete",
@@ -741,7 +1480,7 @@ const ze = [
     textureUrl: "builtin:concrete",
     thumbnailUrl: "",
     description: "Rough surface via Perlin noise",
-    generate: (e, n) => an(e, n, 55, D + 2)
+    generate: (e, n) => xn(e, n, 55, L + 2)
   },
   {
     id: "paper",
@@ -749,7 +1488,7 @@ const ze = [
     textureUrl: "builtin:paper",
     thumbnailUrl: "",
     description: "Subtle aging",
-    generate: (e, n) => an(e, n, 20, D + 3)
+    generate: (e, n) => xn(e, n, 20, L + 3)
   },
   {
     id: "rust",
@@ -758,8 +1497,8 @@ const ze = [
     thumbnailUrl: "",
     description: "Noise + splatter combined",
     generate: (e, n) => {
-      const t = an(e, n, 45, D + 4), a = X(e, n, 35, D + 5);
-      return Ue(fn(t), fn(a));
+      const t = xn(e, n, 45, L + 4), a = dn(e, n, 35, L + 5);
+      return Ut(An(t), An(a));
     }
   },
   {
@@ -768,7 +1507,7 @@ const ze = [
     textureUrl: "builtin:scratches",
     thumbnailUrl: "",
     description: "Branching crack lines",
-    generate: (e, n) => Le(e, n, 55, D + 6)
+    generate: (e, n) => Lt(e, n, 55, L + 6)
   },
   {
     id: "halftone",
@@ -776,7 +1515,7 @@ const ze = [
     textureUrl: "builtin:halftone",
     thumbnailUrl: "",
     description: "Dot grid pattern",
-    generate: (e, n) => Ne(e, n, 55, D + 7)
+    generate: (e, n) => Nt(e, n, 55, L + 7)
   },
   {
     id: "spray",
@@ -784,132 +1523,132 @@ const ze = [
     textureUrl: "builtin:spray",
     thumbnailUrl: "",
     description: "Medium random splatter",
-    generate: (e, n) => X(e, n, 55, D + 8)
+    generate: (e, n) => dn(e, n, 55, L + 8)
   }
 ];
-let Cn = !1;
-function Ge(e, n) {
+let jn = !1;
+function Wt(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 Sn(e, n) {
+function qn(e, n) {
   if (typeof document > "u") return null;
   const t = document.createElement("canvas");
   return t.width = e, t.height = n, t;
 }
-function We(e) {
-  const n = Sn(e.width, e.height);
+function Gt(e) {
+  const n = qn(e.width, e.height);
   if (!n) return "";
   const t = n.getContext("2d");
   if (!t) return "";
   t.putImageData(e, 0, 0);
-  const a = Sn(L, L);
+  const a = qn(q, q);
   if (!a) return "";
   const r = a.getContext("2d");
   if (!r) return "";
-  r.drawImage(n, 0, 0, e.width, e.height, 0, 0, L, L);
-  const i = r.getImageData(0, 0, L, L), s = i.data;
+  r.drawImage(n, 0, 0, e.width, e.height, 0, 0, q, q);
+  const o = r.getImageData(0, 0, q, q), s = o.data;
   for (let c = 0; c < s.length; c += 4) {
-    const o = s[c + 3], l = 255 - Math.round(o / 255 * 195);
+    const i = s[c + 3], l = 255 - Math.round(i / 255 * 195);
     s[c] = l, s[c + 1] = l, s[c + 2] = l, s[c + 3] = 255;
   }
-  return r.putImageData(i, 0, 0), a.toDataURL("image/png");
+  return r.putImageData(o, 0, 0), a.toDataURL("image/png");
 }
-function He() {
-  if (!Cn) {
-    Cn = !0;
-    for (const e of ze) {
-      const n = e.generate(B, B);
-      fn(n);
-      const t = Ge(B, B), a = t.getContext("2d");
-      a && (a.putImageData(n, 0, 0), Ve(e.textureUrl, t, B, B)), typeof document < "u" && (e.thumbnailUrl = We(n));
+function Ht() {
+  if (!jn) {
+    jn = !0;
+    for (const e of zt) {
+      const n = e.generate(j, j);
+      An(n);
+      const t = Wt(j, j), a = t.getContext("2d");
+      a && (a.putImageData(n, 0, 0), Vt(e.textureUrl, t, j, j)), typeof document < "u" && (e.thumbnailUrl = Gt(n));
     }
   }
 }
-const O = /* @__PURE__ */ new Set(), R = /* @__PURE__ */ new Map(), K = /* @__PURE__ */ new Map();
-function kn(e, n) {
+const z = /* @__PURE__ */ new Set(), W = /* @__PURE__ */ new Map(), un = /* @__PURE__ */ new Map();
+function Xn(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 Tn(e) {
+function Yn(e) {
   return e.getContext("2d");
 }
-function _n(e) {
-  const { width: n, height: t } = e, a = kn(n, t), r = Tn(a);
+function Kn(e) {
+  const { width: n, height: t } = e, a = Xn(n, t), r = Yn(a);
   if (!r) throw new Error("Failed to get 2d context for temp canvas");
   r.drawImage(e, 0, 0);
-  const i = r.getImageData(0, 0, n, t), s = i.data;
+  const o = r.getImageData(0, 0, n, t), s = o.data;
   for (let l = 0; l < s.length; l += 4) {
     const d = s[l], u = s[l + 1], p = s[l + 2], m = 255 - (0.299 * d + 0.587 * u + 0.114 * p);
     s[l] = 255, s[l + 1] = 255, s[l + 2] = 255, s[l + 3] = m;
   }
-  const c = kn(n, t), o = Tn(c);
-  if (!o) throw new Error("Failed to get 2d context for mask canvas");
-  return o.putImageData(i, 0, 0), { alphaMask: c, width: n, height: t };
+  const c = Xn(n, t), i = Yn(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 Ln(e) {
-  const n = R.get(e);
+function de(e) {
+  const n = W.get(e);
   if (n) return n;
   if (e.startsWith("builtin:")) {
-    He();
-    const t = R.get(e);
+    Ht();
+    const t = W.get(e);
     return t || null;
   }
-  return O.has(e) || (O.add(e), Nn(e)), null;
+  return z.has(e) || (z.add(e), fe(e)), null;
 }
-function st(e) {
-  return R.has(e) ? Promise.resolve() : new Promise((n) => {
-    if (R.has(e)) {
+function ua(e) {
+  return W.has(e) ? Promise.resolve() : new Promise((n) => {
+    if (W.has(e)) {
       n();
       return;
     }
-    const t = K.get(e) || [];
-    t.push(n), K.set(e, t), O.has(e) || (O.add(e), Nn(e));
+    const t = un.get(e) || [];
+    t.push(n), un.set(e, t), z.has(e) || (z.add(e), fe(e));
   });
 }
-function Ve(e, n, t, a) {
-  R.has(e) || (R.set(e, { alphaMask: n, width: t, height: a }), G(e));
+function Vt(e, n, t, a) {
+  W.has(e) || (W.set(e, { alphaMask: n, width: t, height: a }), en(e));
 }
-function G(e) {
-  const n = K.get(e);
-  n && (n.forEach((t) => t()), K.delete(e));
+function en(e) {
+  const n = un.get(e);
+  n && (n.forEach((t) => t()), un.delete(e));
 }
-function Nn(e) {
+function fe(e) {
   if (typeof document < "u") {
     const n = new Image();
     n.crossOrigin = "anonymous", n.onload = () => {
-      const t = _n(n);
-      R.set(e, t), O.delete(e), G(e);
+      const t = Kn(n);
+      W.set(e, t), z.delete(e), en(e);
     }, n.onerror = () => {
-      O.delete(e), G(e);
+      z.delete(e), en(e);
     }, n.src = e;
   } else
     fetch(e).then((n) => n.blob()).then((n) => createImageBitmap(n)).then((n) => {
-      const t = _n(n);
-      R.set(e, t), O.delete(e), G(e);
+      const t = Kn(n);
+      W.set(e, t), z.delete(e), en(e);
     }).catch(() => {
-      O.delete(e), G(e);
+      z.delete(e), en(e);
     });
 }
-function Un(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 je(e, n, t, a) {
+function jt(e, n, t, a) {
   if (!n.enabled || !n.textureUrl || n.intensity <= 0) return;
-  const r = Ln(n.textureUrl);
+  const r = de(n.textureUrl);
   if (!r) return;
-  const { x: i, y: s, width: c, height: o } = t, l = e.getTransform(), d = l.a * i + l.e, u = l.d * s + l.f, p = l.a * c, f = l.d * o, m = Math.ceil(p), h = Math.ceil(f);
-  if (m <= 0 || h <= 0) return;
-  const b = Un(m, h), C = b.getContext("2d");
-  if (!C) return;
-  C.drawImage(
+  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, m = Math.ceil(p), b = Math.ceil(f);
+  if (m <= 0 || b <= 0) return;
+  const h = ue(m, b), S = h.getContext("2d");
+  if (!S) return;
+  S.drawImage(
     e.canvas,
     d,
     u,
@@ -918,74 +1657,74 @@ function je(e, n, t, a) {
     0,
     0,
     m,
-    h
+    b
   );
-  const g = r.alphaMask.getContext("2d");
-  if (g) {
-    const x = n.intensity / 100, y = g.getImageData(0, 0, r.width, r.height).data, $ = r.width, w = r.height, v = C.getImageData(0, 0, m, h), S = v.data;
-    for (let T = 0; T < h; T++) {
-      const k = Math.floor(T / h * w);
+  const $ = r.alphaMask.getContext("2d");
+  if ($) {
+    const v = n.intensity / 100, g = $.getImageData(0, 0, r.width, r.height).data, y = r.width, k = r.height, T = S.getImageData(0, 0, m, b), C = T.data;
+    for (let _ = 0; _ < b; _++) {
+      const w = Math.floor(_ / b * k);
       for (let E = 0; E < m; E++) {
-        const P = Math.floor(E / m * $), I = y[(k * $ + P) * 4 + 3] / 255, _ = (T * m + E) * 4;
-        S[_ + 3] = Math.round(S[_ + 3] * (1 - I * x));
+        const x = Math.floor(E / m * y), P = g[(w * y + x) * 4 + 3] / 255, A = (_ * m + E) * 4;
+        C[A + 3] = Math.round(C[A + 3] * (1 - P * v));
       }
     }
-    C.putImageData(v, 0, 0);
+    S.putImageData(T, 0, 0);
   } else
-    C.globalCompositeOperation = "destination-out", C.globalAlpha = n.intensity / 100, C.drawImage(r.alphaMask, 0, 0, m, h), C.globalCompositeOperation = "source-over";
-  C.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();
+    S.globalCompositeOperation = "destination-out", S.globalAlpha = n.intensity / 100, S.drawImage(r.alphaMask, 0, 0, m, b), S.globalCompositeOperation = "source-over";
+  S.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(h, d, u), e.restore();
 }
-function En(e, n, t, a) {
+function Jn(e, n, t, a) {
   if (!n.enabled || n.style !== "custom" || !n.textureUrl) return;
-  const r = Ln(n.textureUrl);
+  const r = de(n.textureUrl);
   if (!r) {
     a(e);
     return;
   }
-  const i = n.textureOpacity ?? n.intensity / 100, s = e.getTransform(), c = Math.sqrt(t.width ** 2 + t.height ** 2), o = (c - t.width) / 2, l = (c - t.height) / 2, d = 20, u = o + d, p = l + d, f = {
+  const o = n.textureOpacity ?? n.intensity / 100, s = e.getTransform(), c = Math.sqrt(t.width ** 2 + t.height ** 2), i = (c - t.width) / 2, l = (c - t.height) / 2, d = 20, u = i + d, p = l + d, f = {
     x: t.x - u,
     y: t.y - p,
     width: t.width + u * 2,
     height: t.height + p * 2
-  }, m = s.a * f.x + s.e, h = s.d * f.y + s.f, b = s.a * f.width, C = s.d * f.height, g = Math.ceil(b), x = Math.ceil(C);
-  if (g <= 0 || x <= 0) {
+  }, m = s.a * f.x + s.e, b = s.d * f.y + s.f, h = s.a * f.width, S = s.d * f.height, $ = Math.ceil(h), v = Math.ceil(S);
+  if ($ <= 0 || v <= 0) {
     a(e);
     return;
   }
-  const y = Un(g, x), $ = y.getContext("2d");
-  if (!$) {
+  const g = ue($, v), y = g.getContext("2d");
+  if (!y) {
     a(e);
     return;
   }
-  $.setTransform(
+  y.setTransform(
     s.a,
     s.b,
     s.c,
     s.d,
     s.e - m,
-    s.f - h
-  ), a($), $.setTransform(1, 0, 0, 1, 0, 0);
-  const w = r.alphaMask.getContext("2d");
-  if (w) {
-    const v = w.getImageData(0, 0, r.width, r.height).data, S = r.width, T = r.height, k = $.getImageData(0, 0, g, x), E = k.data;
-    for (let P = 0; P < x; P++) {
-      const I = Math.floor(P / x * T);
-      for (let _ = 0; _ < g; _++) {
-        const M = Math.floor(_ / g * S), Hn = v[(I * S + M) * 4 + 3] / 255, mn = (P * g + _) * 4;
-        E[mn + 3] = Math.round(E[mn + 3] * (1 - Hn * i));
+    s.f - b
+  ), a(y), y.setTransform(1, 0, 0, 1, 0, 0);
+  const k = r.alphaMask.getContext("2d");
+  if (k) {
+    const T = k.getImageData(0, 0, r.width, r.height).data, C = r.width, _ = r.height, w = y.getImageData(0, 0, $, v), E = w.data;
+    for (let x = 0; x < v; x++) {
+      const P = Math.floor(x / v * _);
+      for (let A = 0; A < $; A++) {
+        const F = Math.floor(A / $ * C), D = T[(P * C + F) * 4 + 3] / 255, I = (x * $ + A) * 4;
+        E[I + 3] = Math.round(E[I + 3] * (1 - D * o));
       }
     }
-    $.putImageData(k, 0, 0);
+    y.putImageData(w, 0, 0);
   } else
-    $.globalCompositeOperation = "destination-out", $.globalAlpha = i, $.drawImage(r.alphaMask, 0, 0, g, x), $.globalCompositeOperation = "source-over", $.globalAlpha = 1;
-  e.save(), e.setTransform(1, 0, 0, 1, 0, 0), e.drawImage(y, m, h), e.restore();
+    y.globalCompositeOperation = "destination-out", y.globalAlpha = o, y.drawImage(r.alphaMask, 0, 0, $, v), y.globalCompositeOperation = "source-over", y.globalAlpha = 1;
+  e.save(), e.setTransform(1, 0, 0, 1, 0, 0), e.drawImage(g, m, b), e.restore();
 }
-const An = q("element-serializer"), zn = 4e3, V = /* @__PURE__ */ new Set();
-function qe(e, n) {
-  const t = n ? Xe(n) : "no-src";
+const Zn = V("element-serializer"), pe = 4e3, on = /* @__PURE__ */ new Set();
+function qt(e, n) {
+  const t = n ? Xt(n) : "no-src";
   return `${e}:${t}`;
 }
-function Xe(e) {
+function Xt(e) {
   let n = 0;
   for (let t = 0; t < e.length; t++) {
     const a = e.charCodeAt(t);
@@ -993,66 +1732,66 @@ function Xe(e) {
   }
   return n.toString(36);
 }
-function un() {
-  V.clear();
+function Pn() {
+  on.clear();
 }
-function Gn(e) {
-  for (const n of V)
-    n.startsWith(`${e}:`) && V.delete(n);
+function he(e) {
+  for (const n of on)
+    n.startsWith(`${e}:`) && on.delete(n);
 }
-function Ye(e) {
-  V.add(e);
+function Yt(e) {
+  on.add(e);
 }
-function Ke(e) {
-  return V.has(e);
+function Kt(e) {
+  return on.has(e);
 }
-async function Je(e, n = zn) {
+async function Jt(e, n = pe) {
   const { naturalWidth: t, naturalHeight: a } = e;
   if (t <= n && a <= n)
     return createImageBitmap(e);
-  const r = n / Math.max(t, a), i = Math.round(t * r), s = Math.round(a * r);
+  const r = n / Math.max(t, a), o = Math.round(t * r), s = Math.round(a * r);
   return createImageBitmap(e, {
-    resizeWidth: i,
+    resizeWidth: o,
     resizeHeight: s,
     resizeQuality: "high"
   });
 }
-let J = null, Z = null;
-function Ze(e, n) {
-  J = e, Z = n;
+let pn = null, hn = null;
+function Zt(e, n) {
+  pn = e, hn = n;
 }
-function Qe() {
-  J = null, Z = null;
+function Qt() {
+  pn = null, hn = null;
 }
-function it() {
-  un(), J && J();
+function pa() {
+  Pn(), pn && pn();
 }
-function ot(e) {
-  Gn(e), Z && Z(e);
+function ha(e) {
+  he(e), hn && hn(e);
 }
-function pn(e, n) {
+function In(e, n) {
   const t = e;
   if (typeof t.fontFamily == "string" && n.add(t.fontFamily), t.richText && typeof t.richText == "object") {
     const a = t.richText;
     if (a.spans && Array.isArray(a.spans))
       for (const r of a.spans) {
-        const i = r;
-        if (i.style && typeof i.style == "object") {
-          const s = i.style;
+        const o = r;
+        if (o.style && typeof o.style == "object") {
+          const s = o.style;
           typeof s.fontFamily == "string" && n.add(s.fontFamily);
         }
       }
   }
   if (t.children && Array.isArray(t.children))
     for (const a of t.children)
-      pn(a, n);
+      In(a, n);
   if (e.masks && Array.isArray(e.masks))
     for (const a of e.masks)
-      a.maskElement && pn(a.maskElement, n);
+      a.maskElement && In(a.maskElement, n);
 }
-function Pn(e) {
+function Qn(e) {
   if (typeof document > "u") return e;
-  const n = Q.getInstance();
+  const n = bn.getInstance();
   return e.map((t) => {
     if (!(t != null && t.maskElement) || t.maskElement.transformType !== "image") return t;
     const a = t.maskElement.imageUrl;
@@ -1068,41 +1807,41 @@ function Pn(e) {
     } : t;
   });
 }
-async function In(e, n, t = zn) {
-  const a = n.filter((o) => e.hasElementId(o.id)), r = [], i = [], s = /* @__PURE__ */ new Set();
-  for (const o of a) {
-    const l = o.toJSON();
-    if (pn(l, s), o instanceof rn && !o.imageElement) {
-      An.warn(`[element-serializer] Skipping image ${o.id}: image not loaded (state: ${o.imageLoadState})`);
+async function ne(e, n, t = pe) {
+  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 (In(l, s), i instanceof vn && !i.imageElement) {
+      Zn.warn(`[element-serializer] Skipping image ${i.id}: image not loaded (state: ${i.imageLoadState})`);
       continue;
     }
-    if (o instanceof rn && o.imageElement)
+    if (i instanceof vn && i.imageElement)
       try {
-        const d = qe(o.id, o.imageUrl);
-        if (!Ke(d)) {
-          const x = await Je(o.imageElement, t);
-          i.push({ cacheKey: d, bitmap: x }), Ye(d);
+        const d = qt(i.id, i.imageUrl);
+        if (!Kt(d)) {
+          const v = await Jt(i.imageElement, t);
+          o.push({ cacheKey: d, bitmap: v }), Yt(d);
         }
-        const p = o.transformData || {}, f = l.masks && l.masks.length > 0, m = f ? p.width : p.width * (p.cropWidth ?? 1), h = f ? p.height : p.height * (p.cropHeight ?? 1), b = {
-          id: o.id,
+        const p = i.transformData || {}, f = l.masks && l.masks.length > 0, m = f ? p.width : p.width * (p.cropWidth ?? 1), b = f ? p.height : p.height * (p.cropHeight ?? 1), h = {
+          id: i.id,
           type: "image",
-          x: o.x,
-          y: o.y,
+          x: i.x,
+          y: i.y,
           width: m,
-          height: h,
-          rotation: o.rotation || 0,
+          height: b,
+          rotation: i.rotation || 0,
           bitmapCacheKey: d
         };
         if (!f && (p.cropX !== 0 || p.cropY !== 0 || p.cropWidth !== 1 || p.cropHeight !== 1)) {
-          const x = o.imageElement.naturalWidth, y = o.imageElement.naturalHeight;
-          let $ = 1;
-          (x > t || y > t) && ($ = t / Math.max(x, y)), b.cropX = p.cropX * x * $, b.cropY = p.cropY * y * $, b.cropWidth = p.cropWidth * x * $, b.cropHeight = p.cropHeight * y * $;
+          const v = i.imageElement.naturalWidth, g = i.imageElement.naturalHeight;
+          let y = 1;
+          (v > t || g > t) && (y = t / Math.max(v, g)), h.cropX = p.cropX * v * y, h.cropY = p.cropY * g * y, h.cropWidth = p.cropWidth * v * y, h.cropHeight = p.cropHeight * g * y;
         }
-        p.flipHorizontal && (b.flipHorizontal = p.flipHorizontal), p.flipVertical && (b.flipVertical = p.flipVertical), p.borderRadius && (b.borderRadius = p.borderRadius), o.opacity !== void 0 && (b.opacity = o.opacity);
-        const g = b;
-        o.distressEffect && (g.distressEffect = { ...o.distressEffect }), l.masks && l.masks.length > 0 && (g.masks = Pn(l.masks)), l.blendMode && (g.blendMode = l.blendMode), l.knockoutParts && (g.knockoutParts = l.knockoutParts), "getVisualBoundingBox" in o && typeof o.getVisualBoundingBox == "function" ? g._boundingBox = o.getVisualBoundingBox() : "getBoundingBox" in o && typeof o.getBoundingBox == "function" && (g._boundingBox = o.getBoundingBox()), r.push(g);
+        p.flipHorizontal && (h.flipHorizontal = p.flipHorizontal), p.flipVertical && (h.flipVertical = p.flipVertical), p.borderRadius && (h.borderRadius = p.borderRadius), i.opacity !== void 0 && (h.opacity = i.opacity);
+        const $ = h;
+        i.distressEffect && ($.distressEffect = { ...i.distressEffect }), l.masks && l.masks.length > 0 && ($.masks = Qn(l.masks)), l.blendMode && ($.blendMode = l.blendMode), l.knockoutParts && ($.knockoutParts = l.knockoutParts), "getVisualBoundingBox" in i && typeof i.getVisualBoundingBox == "function" ? $._boundingBox = i.getVisualBoundingBox() : "getBoundingBox" in i && typeof i.getBoundingBox == "function" && ($._boundingBox = i.getBoundingBox()), r.push($);
       } catch (d) {
-        An.error(`[element-serializer] Failed to create ImageBitmap for ${l.id}:`, d);
+        Zn.error(`[element-serializer] Failed to create ImageBitmap for ${l.id}:`, d);
       }
     else {
       const d = {
@@ -1110,7 +1849,7 @@ async function In(e, n, t = zn) {
         type: l.transformType
         // Map transformType to type for worker compatibility
       };
-      d.masks && Array.isArray(d.masks) && d.masks.length > 0 && (d.masks = Pn(d.masks)), "getVisualBoundingBox" in o && typeof o.getVisualBoundingBox == "function" ? d._boundingBox = o.getVisualBoundingBox() : "getBoundingBox" in o && typeof o.getBoundingBox == "function" && (d._boundingBox = o.getBoundingBox()), r.push(d);
+      d.masks && Array.isArray(d.masks) && d.masks.length > 0 && (d.masks = Qn(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);
@@ -1132,10 +1871,10 @@ async function In(e, n, t = zn) {
       elements: r,
       fonts: c
     },
-    newBitmaps: i
+    newBitmaps: o
   };
 }
-const nt = `"use strict";
+const na = `"use strict";
 (() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
@@ -22012,7 +22751,22 @@ const nt = `"use strict";
   };
   var FontAnalyzer = new FontAnalyzerService();
 
-  // src/rendering/rich-text-renderer.ts
+  // src/core/rich-text-layout.ts
+  var _measureCtx = null;
+  function getMeasureContext() {
+    if (!_measureCtx) {
+      if (typeof OffscreenCanvas !== "undefined") {
+        const canvas = new OffscreenCanvas(1, 1);
+        _measureCtx = canvas.getContext("2d");
+      } else if (typeof document !== "undefined") {
+        const canvas = document.createElement("canvas");
+        _measureCtx = canvas.getContext("2d");
+      } else {
+        throw new Error("No canvas context available");
+      }
+    }
+    return _measureCtx;
+  }
   function wrapRichTextSpans(spans, maxWidth, element) {
     const ctx = getMeasureContext();
     const lines = [];
@@ -22021,7 +22775,7 @@ const nt = `"use strict";
       const fontFamily = style.fontFamily || element.fontFamily;
       const bold = style.bold !== void 0 ? style.bold : element.bold || false;
       const italic = style.italic !== void 0 ? style.italic : element.italic || false;
-      ctx.font = buildFontString(fontSize, fontFamily, bold, italic);
+      ctx.font = buildFontString2(fontSize, fontFamily, bold, italic);
       return ctx.measureText(text).width;
     };
     const stylesMatch = (s1, s2) => {
@@ -22194,6 +22948,8 @@ const nt = `"use strict";
     }
     return lines;
   }
+
+  // src/rendering/rich-text-renderer.ts
   function renderRichTextFillOnly(ctx, richText, element, maxWidth, lockedLineCount) {
     ctx.fillStyle = element.color;
     const textAlign = element.textAlign || "center";
@@ -22372,21 +23128,6 @@ const nt = `"use strict";
       });
     });
   }
-  var _measureCtx = null;
-  function getMeasureContext() {
-    if (!_measureCtx) {
-      if (typeof OffscreenCanvas !== "undefined") {
-        const canvas = new OffscreenCanvas(1, 1);
-        _measureCtx = canvas.getContext("2d");
-      } else if (typeof document !== "undefined") {
-        const canvas = document.createElement("canvas");
-        _measureCtx = canvas.getContext("2d");
-      } else {
-        throw new Error("No canvas context available");
-      }
-    }
-    return _measureCtx;
-  }
 
   // src/rendering/text-renderer.ts
   var logger2 = createLogger("canvas-renderer");
@@ -25003,8 +25744,8 @@ const nt = `"use strict";
     console.error("[Export Worker] Unhandled promise rejection:", event.reason);
   };
 })();
-`, A = q("WorkerExport");
-class j {
+`, O = V("WorkerExport");
+class cn {
   constructor() {
     this.worker = null, this.workerBlobUrl = null, this.pendingRequests = /* @__PURE__ */ new Map(), this.requestQueue = [], this.blobRequestQueue = [], this.isProcessingQueue = !1, this.isReady = !1, this.readyPromise = null, this.requestIdCounter = 0, this.workerCrashCount = 0, this.MAX_CRASHES_BEFORE_FALLBACK = 3, this.lastCrashTime = 0, this.CRASH_RESET_TIMEOUT = 6e4, this.progressListeners = /* @__PURE__ */ new Set(), this.idleTimeout = null, this.IDLE_TIMEOUT_MS = 3e4;
   }
@@ -25031,7 +25772,7 @@ class j {
       try {
         t(n);
       } catch (a) {
-        A.error("Error in progress listener:", a);
+        O.error("Error in progress listener:", a);
       }
   }
   /**
@@ -25066,7 +25807,7 @@ class j {
    * Call this when exiting editor mode to free memory.
    */
   clearWorkerBitmapCache() {
-    if (un(), this.worker && this.isReady) {
+    if (Pn(), this.worker && this.isReady) {
       const n = {
         type: "clear-all-bitmaps"
       };
@@ -25078,7 +25819,7 @@ class j {
    * Call this when an element is removed or its image source changes.
    */
   clearWorkerBitmap(n) {
-    if (Gn(n), this.worker && this.isReady) {
+    if (he(n), this.worker && this.isReady) {
       const t = {
         type: "clear-bitmap",
         elementId: n
@@ -25091,9 +25832,9 @@ class j {
    */
   static supportsWorkerExport() {
     try {
-      return typeof OffscreenCanvas > "u" ? (A.warn("OffscreenCanvas not supported"), !1) : typeof Worker > "u" ? (A.warn("Web Workers not supported"), !1) : new OffscreenCanvas(1, 1).getContext("2d") ? !0 : (A.warn("OffscreenCanvas 2D context not supported"), !1);
+      return typeof OffscreenCanvas > "u" ? (O.warn("OffscreenCanvas not supported"), !1) : typeof Worker > "u" ? (O.warn("Web Workers not supported"), !1) : new OffscreenCanvas(1, 1).getContext("2d") ? !0 : (O.warn("OffscreenCanvas 2D context not supported"), !1);
     } catch (n) {
-      return A.warn("Feature detection failed:", n), !1;
+      return O.warn("Feature detection failed:", n), !1;
     }
   }
   /**
@@ -25102,34 +25843,34 @@ class j {
   async initialize() {
     if (this.worker)
       return this.readyPromise || Promise.resolve();
-    if (!j.supportsWorkerExport())
+    if (!cn.supportsWorkerExport())
       throw new Error("Browser does not support OffscreenCanvas or Web Workers");
     return this.readyPromise = new Promise((n, t) => {
       try {
         let a;
         try {
-          const s = new Blob([nt], { type: "application/javascript" });
+          const s = new Blob([na], { type: "application/javascript" });
           a = URL.createObjectURL(s), this.workerBlobUrl = a;
         } catch (s) {
-          A.error("Failed to create worker blob:", s), t(new Error(`Worker creation failed: ${s instanceof Error ? s.message : String(s)}`));
+          O.error("Failed to create worker blob:", s), t(new Error(`Worker creation failed: ${s instanceof Error ? s.message : String(s)}`));
           return;
         }
         this.worker = new Worker(a, { type: "classic" }), this.worker.onmessage = (s) => {
           this.handleWorkerMessage(s.data);
         }, this.worker.onerror = (s) => {
-          A.error("Worker error:", s), this.handleWorkerError(s);
+          O.error("Worker error:", s), this.handleWorkerError(s);
         };
         const r = setTimeout(() => {
           t(new Error("Worker initialization timeout"));
-        }, 15e3), i = (s) => {
-          s.data.type === "ready" && (clearTimeout(r), this.isReady = !0, Ze(
+        }, 15e3), o = (s) => {
+          s.data.type === "ready" && (clearTimeout(r), this.isReady = !0, Zt(
             () => this.clearWorkerBitmapCache(),
             (c) => this.clearWorkerBitmap(c)
           ), n());
         };
-        this.worker.addEventListener("message", i, { once: !0 });
+        this.worker.addEventListener("message", o, { once: !0 });
       } catch (a) {
-        A.error("Failed to create worker:", a), t(a);
+        O.error("Failed to create worker:", a), t(a);
       }
     }), this.readyPromise;
   }
@@ -25138,8 +25879,8 @@ class j {
    */
   async restartWorker() {
     const n = Date.now();
-    if (n - this.lastCrashTime > this.CRASH_RESET_TIMEOUT && (this.workerCrashCount = 0), this.workerCrashCount++, this.lastCrashTime = n, A.warn(`Worker crashed (${this.workerCrashCount}/${this.MAX_CRASHES_BEFORE_FALLBACK})`), this.workerCrashCount >= this.MAX_CRASHES_BEFORE_FALLBACK)
-      throw A.error("Worker crashed too many times, giving up"), new Error("Worker has crashed too many times. Please refresh the page or use main thread export.");
+    if (n - this.lastCrashTime > this.CRASH_RESET_TIMEOUT && (this.workerCrashCount = 0), this.workerCrashCount++, this.lastCrashTime = n, O.warn(`Worker crashed (${this.workerCrashCount}/${this.MAX_CRASHES_BEFORE_FALLBACK})`), this.workerCrashCount >= this.MAX_CRASHES_BEFORE_FALLBACK)
+      throw O.error("Worker crashed too many times, giving up"), new Error("Worker has crashed too many times. Please refresh the page or use main thread export.");
     this.worker && (this.worker.terminate(), this.worker = null, this.isReady = !1, this.readyPromise = null, this.workerBlobUrl && (URL.revokeObjectURL(this.workerBlobUrl), this.workerBlobUrl = null));
     const t = Math.min(1e3 * Math.pow(2, this.workerCrashCount - 1), 5e3);
     await new Promise((a) => setTimeout(a, t)), await this.initialize();
@@ -25149,13 +25890,13 @@ class j {
    * Uses request queue for concurrent exports
    */
   async exportArtboardToDataURL(n, t, a = {}) {
-    return this.resetIdleTimer(), new Promise((r, i) => {
+    return this.resetIdleTimer(), new Promise((r, o) => {
       this.requestQueue.push({
         artboard: n,
         elements: t,
         config: { ...a, returnFormat: "dataUrl" },
         resolve: r,
-        reject: i
+        reject: o
       }), this.processQueue();
     });
   }
@@ -25165,13 +25906,13 @@ class j {
    * Uses request queue for concurrent exports
    */
   async exportArtboardToBlob(n, t, a = {}) {
-    return this.resetIdleTimer(), new Promise((r, i) => {
+    return this.resetIdleTimer(), new Promise((r, o) => {
       this.blobRequestQueue.push({
         artboard: n,
         elements: t,
         config: { ...a, returnFormat: "blob" },
         resolve: r,
-        reject: i
+        reject: o
       }), this.processBlobQueue();
     });
   }
@@ -25199,26 +25940,26 @@ class j {
     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 i = `export-${++this.requestIdCounter}-${Date.now()}`, s = performance.now(), { data: c, newBitmaps: o } = await In(t, a);
-    o.length > 0 && this.registerBitmapsWithWorker(o);
+    const o = `export-${++this.requestIdCounter}-${Date.now()}`, s = performance.now(), { data: c, newBitmaps: i } = await ne(t, a);
+    i.length > 0 && this.registerBitmapsWithWorker(i);
     const l = {
       type: "export",
-      requestId: i,
+      requestId: o,
       artboardData: c.artboard,
       elements: c.elements,
       fonts: c.fonts,
       scale: r.scale || 1,
       format: r.format || "png",
       quality: r.quality || 0.95
-    }, d = new Promise((m, h) => {
-      this.pendingRequests.set(i, {
-        requestId: i,
+    }, d = new Promise((m, b) => {
+      this.pendingRequests.set(o, {
+        requestId: o,
         resolve: m,
-        reject: h,
+        reject: b,
         startTime: s,
         returnFormat: "dataUrl"
       }), setTimeout(() => {
-        this.pendingRequests.has(i) && (this.pendingRequests.delete(i), h(new Error("Export request timeout")));
+        this.pendingRequests.has(o) && (this.pendingRequests.delete(o), b(new Error("Export request timeout")));
       }, 3e4);
     });
     this.worker.postMessage(l);
@@ -25256,11 +25997,11 @@ class j {
     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 i = `export-blob-${++this.requestIdCounter}-${Date.now()}`, s = performance.now(), { data: c, newBitmaps: o } = await In(t, a);
-    o.length > 0 && this.registerBitmapsWithWorker(o);
+    const o = `export-blob-${++this.requestIdCounter}-${Date.now()}`, s = performance.now(), { data: c, newBitmaps: i } = await ne(t, a);
+    i.length > 0 && this.registerBitmapsWithWorker(i);
     const l = {
       type: "export",
-      requestId: i,
+      requestId: o,
       artboardData: c.artboard,
       elements: c.elements,
       fonts: c.fonts,
@@ -25268,15 +26009,15 @@ class j {
       format: r.format || "png",
       quality: r.quality || 0.95,
       returnFormat: "blob"
-    }, d = new Promise((h, b) => {
-      this.pendingRequests.set(i, {
-        requestId: i,
-        resolve: h,
-        reject: b,
+    }, d = new Promise((b, h) => {
+      this.pendingRequests.set(o, {
+        requestId: o,
+        resolve: b,
+        reject: h,
         startTime: s,
         returnFormat: "blob"
       }), setTimeout(() => {
-        this.pendingRequests.has(i) && (this.pendingRequests.delete(i), b(new Error("Export request timeout")));
+        this.pendingRequests.has(o) && (this.pendingRequests.delete(o), h(new Error("Export request timeout")));
       }, 3e4);
     });
     this.worker.postMessage(l);
@@ -25314,7 +26055,7 @@ class j {
       case "ready":
         break;
       default:
-        A.warn("Unknown message type:", n);
+        O.warn("Unknown message type:", n);
     }
   }
   /**
@@ -25322,14 +26063,14 @@ class j {
    */
   handleExportComplete(n) {
     const t = this.pendingRequests.get(n.requestId);
-    t && t.returnFormat === "dataUrl" ? (t.resolve(n), this.pendingRequests.delete(n.requestId)) : t ? (A.warn("Received dataUrl response for blob request:", n.requestId), t.reject(new Error("Received dataUrl response when expecting blob")), this.pendingRequests.delete(n.requestId)) : A.warn("Received response for unknown request:", n.requestId);
+    t && t.returnFormat === "dataUrl" ? (t.resolve(n), this.pendingRequests.delete(n.requestId)) : t ? (O.warn("Received dataUrl response for blob request:", n.requestId), t.reject(new Error("Received dataUrl response when expecting blob")), this.pendingRequests.delete(n.requestId)) : O.warn("Received response for unknown request:", n.requestId);
   }
   /**
    * Handle successful blob export completion
    */
   handleBlobExportComplete(n) {
     const t = this.pendingRequests.get(n.requestId);
-    t && t.returnFormat === "blob" ? (t.resolve(n), this.pendingRequests.delete(n.requestId)) : t ? (A.warn("Received blob response for dataUrl request:", n.requestId), t.reject(new Error("Received blob response when expecting dataUrl")), this.pendingRequests.delete(n.requestId)) : A.warn("Received blob response for unknown request:", n.requestId);
+    t && t.returnFormat === "blob" ? (t.resolve(n), this.pendingRequests.delete(n.requestId)) : t ? (O.warn("Received blob response for dataUrl request:", n.requestId), t.reject(new Error("Received blob response when expecting dataUrl")), this.pendingRequests.delete(n.requestId)) : O.warn("Received blob response for unknown request:", n.requestId);
   }
   /**
    * Handle export error
@@ -25340,13 +26081,13 @@ class j {
       const a = new Error(n.error);
       n.stack && (a.stack = n.stack), t.reject(a), this.pendingRequests.delete(n.requestId);
     } else
-      A.warn("Received error for unknown request:", n.requestId);
+      O.warn("Received error for unknown request:", n.requestId);
   }
   /**
    * Handle worker errors
    */
   async handleWorkerError(n) {
-    A.error("Worker error:", n);
+    O.error("Worker error:", n);
     const t = Array.from(this.pendingRequests.values());
     for (const [a, r] of this.pendingRequests.entries())
       this.pendingRequests.delete(a);
@@ -25354,7 +26095,7 @@ class j {
     try {
       await this.restartWorker();
     } catch (a) {
-      A.error("Failed to restart worker:", a);
+      O.error("Failed to restart worker:", a);
       for (const r of t)
         r.reject(new Error(`Worker crashed and could not be restarted: ${n.message}`));
       for (; this.requestQueue.length > 0; )
@@ -25370,7 +26111,7 @@ class j {
         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, un(), Qe(), this.workerBlobUrl && (URL.revokeObjectURL(this.workerBlobUrl), this.workerBlobUrl = null);
+      this.worker.terminate(), this.worker = null, this.isReady = !1, this.readyPromise = null, Pn(), Qt(), this.workerBlobUrl && (URL.revokeObjectURL(this.workerBlobUrl), this.workerBlobUrl = null);
     }
   }
   /**
@@ -25385,31 +26126,31 @@ class j {
     };
   }
 }
-let U = null;
-function ct() {
-  return U || (U = new j()), U;
+let K = null;
+function ba() {
+  return K || (K = new cn()), K;
 }
-function lt() {
-  U && (U.terminate(), U = null);
+function ga() {
+  K && (K.terminate(), K = null);
 }
-const F = q("Export");
-function hn(e, n) {
+const U = V("Export");
+function Dn(e, n) {
   var t;
   if (!(!e || typeof e != "object")) {
     if (typeof e.fontFamily == "string" && e.fontFamily.trim() && n.add(e.fontFamily), e.richText && Array.isArray(e.richText.spans))
       for (const a of e.richText.spans)
         (t = a == null ? void 0 : a.style) != null && t.fontFamily && typeof a.style.fontFamily == "string" && n.add(a.style.fontFamily);
     if (Array.isArray(e.children))
-      for (const a of e.children) hn(a, n);
+      for (const a of e.children) Dn(a, n);
     if (Array.isArray(e.masks))
       for (const a of e.masks)
-        a != null && a.maskElement && hn(a.maskElement, n);
+        a != null && a.maskElement && Dn(a.maskElement, n);
   }
 }
-async function Dn(e) {
+async function ee(e) {
   if (typeof document > "u" || !document.fonts) return;
   const n = /* @__PURE__ */ new Set();
-  for (const a of e) hn(a, n);
+  for (const a of e) Dn(a, n);
   if (n.size === 0) return;
   const t = [];
   for (const a of n)
@@ -25417,12 +26158,12 @@ async function Dn(e) {
     }));
   await Promise.all(t), document.fonts.ready && await document.fonts.ready;
 }
-const H = class H {
+const rn = class rn {
   /**
    * Check if worker export is supported in this browser
    */
   static supportsWorkerExport() {
-    return j.supportsWorkerExport();
+    return cn.supportsWorkerExport();
   }
   /**
    * Get or initialize the worker manager
@@ -25430,9 +26171,9 @@ const H = class H {
   static async getWorkerManager() {
     return this.supportsWorkerExport() ? this.workerManager ? this.workerManager : this.workerInitPromise ? (await this.workerInitPromise, this.workerManager) : (this.workerInitPromise = (async () => {
       try {
-        this.workerManager = new j(), await this.workerManager.initialize();
+        this.workerManager = new cn(), await this.workerManager.initialize();
       } catch (n) {
-        F.error("Failed to initialize worker:", n), this.workerManager = null;
+        U.error("Failed to initialize worker:", n), this.workerManager = null;
       }
     })(), await this.workerInitPromise, this.workerInitPromise = null, this.workerManager) : null;
   }
@@ -25446,7 +26187,7 @@ const H = class H {
    * Export entire workspace to JSON
    */
   static exportToJSON(n, t, a, r) {
-    const i = {
+    const o = {
       metadata: {
         version: this.CURRENT_VERSION,
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
@@ -25466,7 +26207,7 @@ const H = class H {
         };
       }),
       activeArtboardId: a.getActiveArtboardId()
-    }, s = JSON.stringify(i, null, 2), c = new Blob([s], { type: "application/json" }), o = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").split("T")[0], l = r || `canvas-${o}.json`;
+    }, s = JSON.stringify(o, null, 2), c = new Blob([s], { type: "application/json" }), i = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").split("T")[0], l = r || `canvas-${i}.json`;
     this.downloadBlob(c, l);
   }
   /**
@@ -25475,22 +26216,22 @@ const H = class H {
    */
   static async exportArtboardToImage(n, t, a, r = {}) {
     const {
-      format: i = "png",
+      format: o = "png",
       quality: s = 0.95,
       scale: c = 1,
-      transparentBackground: o = !1,
+      transparentBackground: i = !1,
       backgroundColor: l = n.backgroundColor,
       filename: d,
       forceMainThread: u = !1
     } = r, p = await this.exportArtboardToDataURL(n, t, a, {
-      format: i,
+      format: o,
       quality: s,
       scale: c,
-      transparentBackground: o,
+      transparentBackground: i,
       backgroundColor: l,
       forceMainThread: u
-    }), f = await this.dataUrlToBlob(p), m = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").split("T")[0], h = d || `${n.name}-${m}.${i}`;
-    this.downloadBlob(f, h);
+    }), f = await this.dataUrlToBlob(p), m = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").split("T")[0], b = d || `${n.name}-${m}.${o}`;
+    this.downloadBlob(f, b);
   }
   /**
    * Export artboard to data URL (for preview/testing)
@@ -25498,10 +26239,10 @@ const H = class H {
    */
   static async exportArtboardToDataURL(n, t, a, r = {}) {
     const {
-      format: i = "png",
+      format: o = "png",
       quality: s = 0.95,
       scale: c = 1,
-      transparentBackground: o = !1,
+      transparentBackground: i = !1,
       backgroundColor: l = n.backgroundColor,
       forceMainThread: d = !1
     } = r;
@@ -25509,21 +26250,21 @@ const H = class H {
       try {
         const u = await this.getWorkerManager();
         if (u) {
-          const p = new Set(n.getElementIds()), f = t.filter((h) => p.has(h.id));
+          const p = new Set(n.getElementIds()), f = t.filter((b) => p.has(b.id));
           return (await u.exportArtboardToDataURL(n, f, {
             scale: c,
-            format: i === "jpg" ? "jpeg" : i,
+            format: o === "jpg" ? "jpeg" : o,
             quality: s
           })).dataUrl;
         }
       } catch (u) {
-        F.warn("Worker export failed, falling back to main thread:", u);
+        U.warn("Worker export failed, falling back to main thread:", u);
       }
     return this.mainThreadExportToDataURL(n, t, a, {
-      format: i,
+      format: o,
       quality: s,
       scale: c,
-      transparentBackground: o,
+      transparentBackground: i,
       backgroundColor: l
     });
   }
@@ -25534,10 +26275,10 @@ const H = class H {
    */
   static async exportArtboardToBlob(n, t, a, r = {}) {
     const {
-      format: i = "png",
+      format: o = "png",
       quality: s = 0.95,
       scale: c = 1,
-      transparentBackground: o = !1,
+      transparentBackground: i = !1,
       backgroundColor: l = n.backgroundColor,
       forceMainThread: d = !1
     } = r;
@@ -25545,21 +26286,21 @@ const H = class H {
       try {
         const u = await this.getWorkerManager();
         if (u) {
-          const p = new Set(n.getElementIds()), f = t.filter((h) => p.has(h.id));
+          const p = new Set(n.getElementIds()), f = t.filter((b) => p.has(b.id));
           return (await u.exportArtboardToBlob(n, f, {
             scale: c,
-            format: i === "jpg" ? "jpeg" : i,
+            format: o === "jpg" ? "jpeg" : o,
             quality: s
           })).blob;
         }
       } catch (u) {
-        F.warn("Worker blob export failed, falling back to main thread:", u);
+        U.warn("Worker blob export failed, falling back to main thread:", u);
       }
     return this.mainThreadExportToBlob(n, t, a, {
-      format: i,
+      format: o,
       quality: s,
       scale: c,
-      transparentBackground: o,
+      transparentBackground: i,
       backgroundColor: l
     });
   }
@@ -25571,61 +26312,61 @@ const H = class H {
    */
   static async mainThreadExportToBlob(n, t, a, r = {}) {
     const {
-      format: i = "png",
+      format: o = "png",
       quality: s = 0.95,
       scale: c = 1,
-      transparentBackground: o = !1,
+      transparentBackground: i = !1,
       backgroundColor: l = n.backgroundColor
     } = r;
-    await Dn(t);
+    await ee(t);
     const d = document.createElement("canvas"), u = n.width * c, p = n.height * c;
     d.width = u, d.height = p;
     const f = d.getContext("2d");
-    if (f.scale(c, c), !o && n.exportBackground) {
+    if (f.scale(c, c), !i && n.exportBackground) {
       if (f.save(), this.applyExportBackgroundClipPath(f, n), n.backgroundType === "texture" && n.backgroundTexture) {
-        const y = N.getTexturePresetColor(n.backgroundTexture);
-        f.fillStyle = y, f.fillRect(0, 0, n.width, n.height);
-        const $ = N.getTexture(n.backgroundTexture);
-        $ && $.complete && f.drawImage($, 0, 0, n.width, n.height);
+        const g = X.getTexturePresetColor(n.backgroundTexture);
+        f.fillStyle = g, f.fillRect(0, 0, n.width, n.height);
+        const y = X.getTexture(n.backgroundTexture);
+        y && y.complete && f.drawImage(y, 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 m = new Set(n.getElementIds()), h = t.filter((y) => m.has(y.id)), b = /* @__PURE__ */ new Map();
-    h.forEach((y) => b.set(y.id, y));
-    const C = (y, $) => {
-      if (!$.id) return;
-      const w = b.get($.id);
-      w && w.render(y, !1);
-    }, g = h.map((y) => y.toJSON()), x = /* @__PURE__ */ new Set();
-    return h.forEach((y, $) => {
-      var w;
-      if (y.blendMode === "knockout" || y.blendMode === "clip") {
-        const v = g[$], S = y.blendMode === "knockout" ? "destination-out" : "destination-in", T = ((w = v.knockoutParts) == null ? void 0 : w.scope) || "group", k = g.findIndex((E) => E.id === v.id);
-        if (k !== -1 && T === "artboard")
-          for (let E = 0; E < k; E++) {
-            const P = g[E].id;
-            P && x.add(P);
-          }
-        sn(
+    const m = new Set(n.getElementIds()), b = t.filter((g) => m.has(g.id)), h = /* @__PURE__ */ new Map();
+    b.forEach((g) => h.set(g.id, g));
+    const S = (g, y) => {
+      if (!y.id) return;
+      const k = h.get(y.id);
+      k && k.render(g, !1);
+    }, $ = b.map((g) => g.toJSON()), v = /* @__PURE__ */ new Set();
+    return b.forEach((g, y) => {
+      var k;
+      if (g.blendMode === "knockout" || g.blendMode === "clip") {
+        const T = $[y], C = g.blendMode === "knockout" ? "destination-out" : "destination-in", _ = ((k = T.knockoutParts) == null ? void 0 : k.scope) || "group", w = $.findIndex((E) => E.id === T.id);
+        if (w !== -1 && _ === "artboard")
+          for (let E = 0; E < w; E++) {
+            const x = $[E].id;
+            x && v.add(x);
+          }
+        Cn(
           f,
-          v,
-          g,
-          C,
-          o || !n.exportBackground ? void 0 : l,
+          T,
+          $,
+          S,
+          i || !n.exportBackground ? void 0 : l,
           n,
-          S
-        ), x.add(y.id);
+          C
+        ), v.add(g.id);
       }
-    }), h.forEach((y) => {
-      x.has(y.id) || y.render(f, !1);
-    }), f.restore(), new Promise((y, $) => {
+    }), b.forEach((g) => {
+      v.has(g.id) || g.render(f, !1);
+    }), f.restore(), new Promise((g, y) => {
       d.toBlob(
-        (w) => {
-          w ? y(w) : $(new Error("Failed to create blob from canvas"));
+        (k) => {
+          k ? g(k) : y(new Error("Failed to create blob from canvas"));
         },
-        i === "jpg" || i === "jpeg" ? "image/jpeg" : i === "webp" ? "image/webp" : "image/png",
+        o === "jpg" || o === "jpeg" ? "image/jpeg" : o === "webp" ? "image/webp" : "image/png",
         s
       );
     });
@@ -25637,108 +26378,108 @@ const H = class H {
    * worker), so font readiness matters here even when no fallback occurred.
    */
   static async mainThreadExportToDataURL(n, t, a, r = {}) {
-    var $, w;
+    var y, k;
     const {
-      format: i = "png",
+      format: o = "png",
       quality: s = 0.95,
       scale: c = 1,
-      transparentBackground: o = !1,
+      transparentBackground: i = !1,
       backgroundColor: l = n.backgroundColor
     } = r;
-    await Dn(t);
+    await ee(t);
     const d = document.createElement("canvas"), u = n.width * c, p = n.height * c;
     d.width = u, d.height = p;
     const f = d.getContext("2d");
-    if (f.scale(c, c), !o && n.exportBackground) {
+    if (f.scale(c, c), !i && n.exportBackground) {
       if (f.save(), this.applyExportBackgroundClipPath(f, n), n.backgroundType === "texture" && n.backgroundTexture) {
-        const v = N.getTexturePresetColor(n.backgroundTexture);
-        f.fillStyle = v, f.fillRect(0, 0, n.width, n.height);
-        const S = N.getTexture(n.backgroundTexture);
-        S && S.complete ? f.drawImage(S, 0, 0, n.width, n.height) : F.warn("Texture not loaded for export:", n.backgroundTexture);
+        const T = X.getTexturePresetColor(n.backgroundTexture);
+        f.fillStyle = T, f.fillRect(0, 0, n.width, n.height);
+        const C = X.getTexture(n.backgroundTexture);
+        C && C.complete ? f.drawImage(C, 0, 0, n.width, n.height) : U.warn("Texture not loaded for export:", n.backgroundTexture);
       } else
         f.fillStyle = l, f.fillRect(0, 0, n.width, n.height);
       f.restore();
     }
     f.save(), f.translate(-n.x, -n.y), this.applyExportClipPath(f, n);
-    const m = new Set(n.getElementIds()), h = t.filter((v) => m.has(v.id)), b = /* @__PURE__ */ new Map();
-    h.forEach((v) => b.set(v.id, v));
-    const C = (v, S) => {
-      if (!S.id) return;
-      const T = b.get(S.id);
-      T ? T.render(v, !1) : F.warn("Element not found in map:", S.id);
-    }, g = h.map((v) => v.toJSON()), x = /* @__PURE__ */ new Set();
-    h.forEach((v, S) => {
-      var T;
-      if (v.blendMode === "knockout" || v.blendMode === "clip") {
-        const k = g[S], E = v.blendMode === "knockout" ? "destination-out" : "destination-in", P = ((T = k.knockoutParts) == null ? void 0 : T.scope) || "group", I = g.findIndex((_) => _.id === k.id);
-        if (I !== -1 && P === "artboard")
-          for (let _ = 0; _ < I; _++) {
-            const M = g[_].id;
-            M && x.add(M);
-          }
-        sn(
+    const m = new Set(n.getElementIds()), b = t.filter((T) => m.has(T.id)), h = /* @__PURE__ */ new Map();
+    b.forEach((T) => h.set(T.id, T));
+    const S = (T, C) => {
+      if (!C.id) return;
+      const _ = h.get(C.id);
+      _ ? _.render(T, !1) : U.warn("Element not found in map:", C.id);
+    }, $ = b.map((T) => T.toJSON()), v = /* @__PURE__ */ new Set();
+    b.forEach((T, C) => {
+      var _;
+      if (T.blendMode === "knockout" || T.blendMode === "clip") {
+        const w = $[C], E = T.blendMode === "knockout" ? "destination-out" : "destination-in", x = ((_ = w.knockoutParts) == null ? void 0 : _.scope) || "group", P = $.findIndex((A) => A.id === w.id);
+        if (P !== -1 && x === "artboard")
+          for (let A = 0; A < P; A++) {
+            const F = $[A].id;
+            F && v.add(F);
+          }
+        Cn(
           f,
-          k,
-          g,
-          C,
-          o || !n.exportBackground ? void 0 : l,
+          w,
+          $,
+          S,
+          i || !n.exportBackground ? void 0 : l,
           n,
           E
-        ), x.add(v.id);
+        ), v.add(T.id);
       }
-    }), h.forEach((v, S) => {
-      var T;
-      if (!x.has(v.id)) {
-        const k = g[S], E = ((T = k == null ? void 0 : k.distressEffect) == null ? void 0 : T.enabled) && k.distressEffect.style === "custom" && k.distressEffect.textureUrl, P = (k == null ? void 0 : k.masks) && k.masks.length > 0, I = (_) => {
-          v.render(_, !1);
+    }), b.forEach((T, C) => {
+      var _;
+      if (!v.has(T.id)) {
+        const w = $[C], E = ((_ = w == null ? void 0 : w.distressEffect) == null ? void 0 : _.enabled) && w.distressEffect.style === "custom" && w.distressEffect.textureUrl, x = (w == null ? void 0 : w.masks) && w.masks.length > 0, P = (A) => {
+          T.render(A, !1);
         };
-        if (P && E)
-          wn(f, k, (_) => {
-            const M = v.getVisualBoundingBox();
-            En(_, k.distressEffect, M, I);
+        if (x && E)
+          Vn(f, w, (A) => {
+            const F = T.getVisualBoundingBox();
+            Jn(A, w.distressEffect, F, P);
           });
-        else if (P)
-          wn(f, k, I);
+        else if (x)
+          Vn(f, w, P);
         else if (E) {
-          const _ = v.getVisualBoundingBox();
-          En(f, k.distressEffect, _, I);
+          const A = T.getVisualBoundingBox();
+          Jn(f, w.distressEffect, A, P);
         } else
-          v.render(f, !1);
+          T.render(f, !1);
       }
-    }), ($ = n.distressTexture) != null && $.enabled && je(f, n.distressTexture, {
+    }), (y = n.distressTexture) != null && y.enabled && jt(f, n.distressTexture, {
       x: n.x,
       y: n.y,
       width: n.width,
       height: n.height
-    }), (w = n.imageMask) != null && w.enabled && Me(f, n.imageMask, {
+    }), (k = n.imageMask) != null && k.enabled && Rt(f, n.imageMask, {
       x: n.x,
       y: n.y,
       width: n.width,
       height: n.height
     }), f.restore();
-    const y = i === "png" ? "image/png" : i === "webp" ? "image/webp" : "image/jpeg";
-    return d.toDataURL(y, s);
+    const g = o === "png" ? "image/png" : o === "webp" ? "image/webp" : "image/jpeg";
+    return d.toDataURL(g, s);
   }
   /**
    * Apply clip path for export background (uses 0,0 as origin since background is drawn before translate)
    */
   static applyExportBackgroundClipPath(n, t) {
-    const { width: a, height: r, clipShape: i } = t, s = 0, c = 0;
-    if (n.beginPath(), !i || i === "rectangle")
+    const { width: a, height: r, clipShape: o } = t, s = 0, c = 0;
+    if (n.beginPath(), !o || o === "rectangle")
       n.rect(s, c, a, r);
-    else if (i === "circle") {
-      const o = s + a / 2, l = c + r / 2, d = Math.min(a, r) / 2;
-      n.arc(o, l, d, 0, Math.PI * 2);
-    } else if (typeof i == "object" && i.type === "rounded") {
-      const o = Math.min(i.radius, Math.min(a, r) / 2);
-      typeof n.roundRect == "function" ? n.roundRect(s, c, a, r, o) : (n.moveTo(s + o, c), n.lineTo(s + a - o, c), n.arcTo(s + a, c, s + a, c + o, o), n.lineTo(s + a, c + r - o), n.arcTo(s + a, c + r, s + a - o, c + r, o), n.lineTo(s + o, c + r), n.arcTo(s, c + r, s, c + r - o, o), n.lineTo(s, c + o), n.arcTo(s, c, s + o, c, o));
-    } else if (typeof i == "object" && i.type === "path")
+    else if (o === "circle") {
+      const i = s + a / 2, l = c + r / 2, d = Math.min(a, r) / 2;
+      n.arc(i, l, d, 0, Math.PI * 2);
+    } else if (typeof o == "object" && o.type === "rounded") {
+      const i = Math.min(o.radius, Math.min(a, r) / 2);
+      typeof n.roundRect == "function" ? n.roundRect(s, c, a, r, i) : (n.moveTo(s + i, c), n.lineTo(s + a - i, c), n.arcTo(s + a, c, s + a, c + i, i), n.lineTo(s + a, c + r - i), n.arcTo(s + a, c + r, s + a - i, c + r, i), n.lineTo(s + i, c + r), n.arcTo(s, c + r, s, c + r - i, i), n.lineTo(s, c + i), n.arcTo(s, c, s + i, c, i));
+    } else if (typeof o == "object" && o.type === "path")
       try {
-        const o = new Path2D(i.d);
-        n.clip(o);
+        const i = new Path2D(o.d);
+        n.clip(i);
         return;
-      } catch (o) {
-        F.warn("Invalid SVG path, falling back to rectangle:", o), n.rect(s, c, a, r);
+      } catch (i) {
+        U.warn("Invalid SVG path, falling back to rectangle:", i), n.rect(s, c, a, r);
       }
     n.clip();
   }
@@ -25747,22 +26488,22 @@ const H = class H {
    * This creates the clip region for the given artboard during export
    */
   static applyExportClipPath(n, t) {
-    const { x: a, y: r, width: i, height: s, clipShape: c } = t;
+    const { x: a, y: r, width: o, height: s, clipShape: c } = t;
     if (n.beginPath(), !c || c === "rectangle")
-      n.rect(a, r, i, s);
+      n.rect(a, r, o, s);
     else if (c === "circle") {
-      const o = a + i / 2, l = r + s / 2, d = Math.min(i, s) / 2;
-      n.arc(o, l, d, 0, Math.PI * 2);
+      const i = a + o / 2, l = r + s / 2, d = Math.min(o, s) / 2;
+      n.arc(i, l, d, 0, Math.PI * 2);
     } else if (typeof c == "object" && c.type === "rounded") {
-      const o = Math.min(c.radius, Math.min(i, s) / 2);
-      typeof n.roundRect == "function" ? n.roundRect(a, r, i, s, o) : (n.moveTo(a + o, r), n.lineTo(a + i - o, r), n.arcTo(a + i, r, a + i, r + o, o), n.lineTo(a + i, r + s - o), n.arcTo(a + i, r + s, a + i - o, r + s, o), n.lineTo(a + o, r + s), n.arcTo(a, r + s, a, r + s - o, o), n.lineTo(a, r + o), n.arcTo(a, r, a + o, r, o));
+      const i = Math.min(c.radius, Math.min(o, s) / 2);
+      typeof n.roundRect == "function" ? n.roundRect(a, r, o, s, i) : (n.moveTo(a + i, r), n.lineTo(a + o - i, r), n.arcTo(a + o, r, a + o, r + i, i), n.lineTo(a + o, r + s - i), n.arcTo(a + o, r + s, a + o - i, r + s, i), n.lineTo(a + i, r + s), n.arcTo(a, r + s, a, r + s - i, i), n.lineTo(a, r + i), n.arcTo(a, r, a + i, r, i));
     } else if (typeof c == "object" && c.type === "path")
       try {
-        const o = new Path2D(c.d);
-        n.translate(a, r), n.clip(o), n.translate(-a, -r);
+        const i = new Path2D(c.d);
+        n.translate(a, r), n.clip(i), n.translate(-a, -r);
         return;
-      } catch (o) {
-        F.warn("Invalid SVG path, falling back to rectangle:", o), n.rect(a, r, i, s);
+      } catch (i) {
+        U.warn("Invalid SVG path, falling back to rectangle:", i), n.rect(a, r, o, s);
       }
     n.clip();
   }
@@ -25770,13 +26511,13 @@ const H = class H {
    * Export all artboards as separate images (HIGH PERFORMANCE - parallel rendering)
    */
   static async exportAllArtboardsToImages(n, t, a, r = {}) {
-    const i = n.map(
+    const o = n.map(
       (s) => this.exportArtboardToImage(s, t, a, {
         ...r,
         filename: r.filename ? `${r.filename}-${s.name}.${r.format || "png"}` : void 0
       })
     );
-    await Promise.all(i);
+    await Promise.all(o);
   }
   /**
    * Download a blob as a file
@@ -25795,11 +26536,11 @@ const H = class H {
    * Get export summary (for UI display)
    */
   static getExportSummary(n, t) {
-    const a = n.length, r = t.length, c = a * 200 + r * 500, o = Math.ceil(c / 1024);
+    const a = n.length, r = t.length, c = a * 200 + r * 500, i = Math.ceil(c / 1024);
     return {
       artboardCount: a,
       totalElementCount: r,
-      estimatedFileSize: o < 1024 ? `${o} KB` : `${(o / 1024).toFixed(1)} MB`
+      estimatedFileSize: i < 1024 ? `${i} KB` : `${(i / 1024).toFixed(1)} MB`
     };
   }
   /**
@@ -25807,10 +26548,10 @@ const H = class H {
    * Returns timing data for both methods
    */
   static async benchmarkExport(n, t, a, r = {}) {
-    const i = performance.now(), s = await this.exportArtboardToDataURL(n, t, a, {
+    const o = performance.now(), s = await this.exportArtboardToDataURL(n, t, a, {
       ...r,
       forceMainThread: !0
-    }), c = performance.now() - i, o = {
+    }), c = performance.now() - o, i = {
       workerSupported: this.supportsWorkerExport(),
       mainThread: {
         time: c,
@@ -25822,28 +26563,28 @@ const H = class H {
       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((h) => u.has(h.id)), f = await d.exportArtboardToDataURL(n, p, {
             scale: r.scale || 1,
             format: (r.format === "jpg" ? "jpeg" : r.format) || "png",
             quality: r.quality || 0.95
-          }), m = performance.now() - l, h = c / m;
+          }), m = performance.now() - l, b = c / m;
           return {
-            ...o,
+            ...i,
             worker: {
               time: m,
               dataUrl: f.dataUrl,
               mainThreadBlockTime: f.mainThreadBlockTime
             },
-            speedup: h,
-            recommendation: h > 1.2 ? `Worker export is ${h.toFixed(2)}x faster - recommended for continuous export` : h < 0.8 ? `Main thread export is ${(1 / h).toFixed(2)}x faster - worker overhead not worth it for single exports` : "Performance is similar, but worker keeps UI responsive during export"
+            speedup: b,
+            recommendation: b > 1.2 ? `Worker export is ${b.toFixed(2)}x faster - recommended for continuous export` : b < 0.8 ? `Main thread export is ${(1 / b).toFixed(2)}x faster - worker overhead not worth it for single exports` : "Performance is similar, but worker keeps UI responsive during export"
           };
         }
       } catch (l) {
-        F.error("Worker benchmark failed:", l), o.recommendation = "Worker export not available - using main thread export";
+        U.error("Worker benchmark failed:", l), i.recommendation = "Worker export not available - using main thread export";
       }
     else
-      o.recommendation = "Worker export not supported in this browser - using main thread export";
-    return o;
+      i.recommendation = "Worker export not supported in this browser - using main thread export";
+    return i;
   }
   /**
    * Performance benchmark: Test continuous exports to measure UI impact
@@ -25851,33 +26592,33 @@ const H = class H {
    */
   static async benchmarkContinuousExport(n, t, a, r = {}) {
     const {
-      duration: i = 5e3,
+      duration: o = 5e3,
       // 5 seconds
       interval: s = 500,
       // Every 500ms
       useWorker: c = this.supportsWorkerExport()
-    } = r, o = [];
+    } = r, i = [];
     let l = 0, d = !0;
     for (setTimeout(() => {
       d = !1;
-    }, i); d; ) {
-      const g = performance.now();
+    }, o); d; ) {
+      const $ = performance.now();
       await this.exportArtboardToDataURL(n, t, a, {
         forceMainThread: !c
       });
-      const x = performance.now() - g;
-      o.push(x), c || (l += x), await new Promise((y) => setTimeout(y, Math.max(0, s - x)));
+      const v = performance.now() - $;
+      i.push(v), c || (l += v), await new Promise((g) => setTimeout(g, Math.max(0, s - v)));
     }
-    const u = o.length, p = o.reduce((g, x) => g + x, 0) / u, f = Math.min(...o), m = Math.max(...o), h = u / i * 1e3, b = l / i * 100, C = 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(($, v) => $ + v, 0) / u, f = Math.min(...i), m = Math.max(...i), b = u / o * 1e3, h = l / o * 100, S = h > 20 ? `Main thread blocked ${h.toFixed(1)}% of the time - STRONGLY recommend worker export` : h > 10 ? `Main thread blocked ${h.toFixed(1)}% of the time - consider worker export` : `Main thread blocked ${h.toFixed(1)}% of the time - performance is acceptable`;
     return {
       totalExports: u,
-      duration: i,
+      duration: o,
       averageTime: p,
       minTime: f,
       maxTime: m,
       totalMainThreadBlockTime: l,
-      exportsPerSecond: h,
-      recommendation: C
+      exportsPerSecond: b,
+      recommendation: S
     };
   }
   /**
@@ -25949,9 +26690,9 @@ const H = class H {
     return "previewBackgroundColor" in t && delete t.previewBackgroundColor, t;
   }
 };
-H.CURRENT_VERSION = "2.0.0", H.workerManager = null, H.workerInitPromise = null;
-let Fn = H;
-class Wn {
+rn.CURRENT_VERSION = "2.0.0", rn.workerManager = null, rn.workerInitPromise = null;
+let te = rn;
+class be {
   /**
    * Create an element instance from a JSON configuration
    * TypeScript ensures all transform types are handled
@@ -25964,27 +26705,27 @@ class Wn {
     const { transformType: t } = n;
     switch (t) {
       case "custom":
-        return new ae(n);
+        return new Fe(n);
       case "distort":
         throw new Error("DistortTransform is not yet implemented");
       case "circle":
-        return new te(n);
+        return new De(n);
       case "lean":
-        return new ee(n);
+        return new Ie(n);
       case "arch":
-        return new ne(n);
+        return new Pe(n);
       case "ascend":
-        return new Qn(n);
+        return new Ae(n);
       case "wave":
-        return new Zn(n);
+        return new Ee(n);
       case "flag":
-        return new Jn(n);
+        return new _e(n);
       case "image":
-        return new rn(n);
+        return new vn(n);
       case "group":
         const a = (n.children || []).map(
-          (s) => Wn.createFromJSON(s)
-        ), r = new Kn({
+          (s) => be.createFromJSON(s)
+        ), r = new Te({
           id: n.id,
           x: n.x,
           y: n.y,
@@ -25992,12 +26733,12 @@ class Wn {
         });
         return a.forEach((s) => r.addChild(s)), r;
       case "shape":
-        return new Yn(n);
+        return new ke(n);
       case "path":
-        return new Xn(n);
+        return new Ce(n);
       default:
-        const i = t;
-        throw new Error(`Unknown transform type: ${i}`);
+        const o = t;
+        throw new Error(`Unknown transform type: ${o}`);
     }
   }
   /**
@@ -26209,29 +26950,47 @@ class Wn {
   }
 }
 export {
-  zn as D,
-  Fn as E,
-  _e as M,
-  N as T,
-  j as W,
-  rt as a,
-  un as b,
-  it as c,
-  tt as d,
-  wn as e,
-  Wn as f,
-  ct as g,
-  He as h,
-  at as i,
-  ze as j,
-  Ee as k,
-  sn as l,
-  En as m,
-  je as n,
-  Me as o,
-  st as p,
-  ot as r,
-  lt as t,
-  Gn as u
+  he as A,
+  We as B,
+  be as C,
+  pe as D,
+  te as E,
+  Ht as F,
+  zt as G,
+  ua as H,
+  Et as I,
+  Cn as J,
+  Jn as K,
+  jt as L,
+  _t as M,
+  Rt as N,
+  X as T,
+  cn as W,
+  ia as a,
+  re as b,
+  R as c,
+  pa as d,
+  fa as e,
+  Pn as f,
+  aa as g,
+  Me as h,
+  ra as i,
+  ta as j,
+  sn as k,
+  ba as l,
+  da as m,
+  Nn as n,
+  ha as o,
+  Un as p,
+  oa as q,
+  Be as r,
+  sa as s,
+  Ue as t,
+  ca as u,
+  ze as v,
+  se as w,
+  la as x,
+  Vn as y,
+  ga as z
 };
-//# sourceMappingURL=ElementFactory-C05JJkRp.js.map
+//# sourceMappingURL=ElementFactory-CuHSAPfg.js.map