@snowcone-app/canvas 0.30.0 → 0.31.0

package/dist/{FontAnalyzer-DKG5JK0x.js → FontAnalyzer-BYhwxDhe.js}

@@ -1,29 +1,29 @@
-function oe(r) {
+function ne(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var Ht = { exports: {} }, O = Ht.exports = {}, X, _;
-function St() {
+var Wt = { exports: {} }, O = Wt.exports = {}, X, N;
+function Ct() {
   throw new Error("setTimeout has not been defined");
 }
-function Ct() {
+function vt() {
   throw new Error("clearTimeout has not been defined");
 }
 (function() {
   try {
-    typeof setTimeout == "function" ? X = setTimeout : X = St;
+    typeof setTimeout == "function" ? X = setTimeout : X = Ct;
   } catch {
-    X = St;
+    X = Ct;
   }
   try {
-    typeof clearTimeout == "function" ? _ = clearTimeout : _ = Ct;
+    typeof clearTimeout == "function" ? N = clearTimeout : N = vt;
   } catch {
-    _ = Ct;
+    N = vt;
   }
 })();
-function Pt(r) {
+function zt(r) {
   if (X === setTimeout)
     return setTimeout(r, 0);
-  if ((X === St || !X) && setTimeout)
+  if ((X === Ct || !X) && setTimeout)
     return X = setTimeout, setTimeout(r, 0);
   try {
     return X(r, 0);
@@ -35,35 +35,35 @@ function Pt(r) {
     }
   }
 }
-function se(r) {
-  if (_ === clearTimeout)
+function ae(r) {
+  if (N === clearTimeout)
     return clearTimeout(r);
-  if ((_ === Ct || !_) && clearTimeout)
-    return _ = clearTimeout, clearTimeout(r);
+  if ((N === vt || !N) && clearTimeout)
+    return N = clearTimeout, clearTimeout(r);
   try {
-    return _(r);
+    return N(r);
   } catch {
     try {
-      return _.call(null, r);
+      return N.call(null, r);
     } catch {
-      return _.call(this, r);
+      return N.call(this, r);
     }
   }
 }
-var Y = [], K = !1, V, dt = -1;
-function re() {
-  !K || !V || (K = !1, V.length ? Y = V.concat(Y) : dt = -1, Y.length && Lt());
+var _ = [], K = !1, V, dt = -1;
+function he() {
+  !K || !V || (K = !1, V.length ? _ = V.concat(_) : dt = -1, _.length && Xt());
 }
-function Lt() {
+function Xt() {
   if (!K) {
-    var r = Pt(re);
+    var r = zt(he);
     K = !0;
-    for (var t = Y.length; t; ) {
-      for (V = Y, Y = []; ++dt < t; )
+    for (var t = _.length; t; ) {
+      for (V = _, _ = []; ++dt < t; )
         V && V[dt].run();
-      dt = -1, t = Y.length;
+      dt = -1, t = _.length;
     }
-    V = null, K = !1, se(r);
+    V = null, K = !1, ae(r);
   }
 }
 O.nextTick = function(r) {
@@ -71,12 +71,12 @@ O.nextTick = function(r) {
   if (arguments.length > 1)
     for (var e = 1; e < arguments.length; e++)
       t[e - 1] = arguments[e];
-  Y.push(new Wt(r, t)), Y.length === 1 && !K && Pt(Lt);
+  _.push(new Nt(r, t)), _.length === 1 && !K && zt(Xt);
 };
-function Wt(r, t) {
+function Nt(r, t) {
   this.fun = r, this.array = t;
 }
-Wt.prototype.run = function() {
+Nt.prototype.run = function() {
   this.fun.apply(null, this.array);
 };
 O.title = "browser";
@@ -85,17 +85,17 @@ O.env = {};
 O.argv = [];
 O.version = "";
 O.versions = {};
-function N() {
-}
-O.on = N;
-O.addListener = N;
-O.once = N;
-O.off = N;
-O.removeListener = N;
-O.removeAllListeners = N;
-O.emit = N;
-O.prependListener = N;
-O.prependOnceListener = N;
+function Y() {
+}
+O.on = Y;
+O.addListener = Y;
+O.once = Y;
+O.off = Y;
+O.removeListener = Y;
+O.removeAllListeners = Y;
+O.emit = Y;
+O.prependListener = Y;
+O.prependOnceListener = Y;
 O.listeners = function(r) {
   return [];
 };
@@ -111,12 +111,12 @@ O.chdir = function(r) {
 O.umask = function() {
   return 0;
 };
-var ne = Ht.exports;
-const ft = /* @__PURE__ */ oe(ne);
-let kt = 1;
+var le = Wt.exports;
+const ft = /* @__PURE__ */ ne(le);
+let Bt = 1;
 class nt {
   constructor(t = {}) {
-    this.transformType = "artboard", this.id = t.id || `artboard-${kt++}`, this.name = t.name || `Artboard ${kt}`, this.x = t.x !== void 0 ? t.x : 0, this.y = t.y !== void 0 ? t.y : 0, this.width = t.width || 1920, this.height = t.height || 1080, this.backgroundColor = t.backgroundColor || "#ffffff", t.backgroundType ? this.backgroundType = t.backgroundType : t.backgroundColor === "transparent" ? this.backgroundType = "transparent" : t.backgroundTexture ? this.backgroundType = "texture" : this.backgroundType = "color", this.backgroundTexture = t.backgroundTexture, this.exportBackground = t.exportBackground ?? !1, this.clipShape = t.clipShape, this.previewBackgroundColor = t.previewBackgroundColor, this.role = t.role, this.distressTexture = t.distressTexture ? { ...t.distressTexture } : void 0, this.imageMask = t.imageMask ? { ...t.imageMask } : void 0, this.elementIds = new Set(t.elementIds || []);
+    this.transformType = "artboard", this.id = t.id || `artboard-${Bt++}`, this.name = t.name || `Artboard ${Bt}`, this.x = t.x !== void 0 ? t.x : 0, this.y = t.y !== void 0 ? t.y : 0, this.width = t.width || 1920, this.height = t.height || 1080, this.backgroundColor = t.backgroundColor || "#ffffff", t.backgroundType ? this.backgroundType = t.backgroundType : t.backgroundColor === "transparent" ? this.backgroundType = "transparent" : t.backgroundTexture ? this.backgroundType = "texture" : this.backgroundType = "color", this.backgroundTexture = t.backgroundTexture, this.exportBackground = t.exportBackground ?? !1, this.clipShape = t.clipShape, this.previewBackgroundColor = t.previewBackgroundColor, this.role = t.role, this.distressTexture = t.distressTexture ? { ...t.distressTexture } : void 0, this.imageMask = t.imageMask ? { ...t.imageMask } : void 0, this.elementIds = new Set(t.elementIds || []);
   }
   /**
    * Get bounding box of the artboard
@@ -192,7 +192,7 @@ class nt {
    * Returns true if point is near the border (within tolerance)
    */
   hitTestBorder(t, e, i = 5) {
-    const o = t >= this.x - i && t <= this.x + this.width + i, s = e >= this.y - i && e <= this.y + this.height + i, a = Math.abs(t - this.x) <= i && s, n = Math.abs(t - (this.x + this.width)) <= i && s, h = Math.abs(e - this.y) <= i && o, l = Math.abs(e - (this.y + this.height)) <= i && o;
+    const s = t >= this.x - i && t <= this.x + this.width + i, o = e >= this.y - i && e <= this.y + this.height + i, a = Math.abs(t - this.x) <= i && o, n = Math.abs(t - (this.x + this.width)) <= i && o, h = Math.abs(e - this.y) <= i && s, l = Math.abs(e - (this.y + this.height)) <= i && s;
     return a || n || h || l;
   }
   /**
@@ -274,7 +274,7 @@ class nt {
     this.x = t, this.y = e;
   }
 }
-class ti {
+class ri {
   constructor() {
     this.artboards = /* @__PURE__ */ new Map(), this.elementToArtboard = /* @__PURE__ */ new Map(), this.activeArtboardId = null;
   }
@@ -302,11 +302,11 @@ class ti {
     if (!e)
       return [];
     const i = e.getElementIds();
-    if (i.forEach((o) => {
-      this.elementToArtboard.delete(o);
+    if (i.forEach((s) => {
+      this.elementToArtboard.delete(s);
     }), this.artboards.delete(t), this.activeArtboardId === t) {
-      const o = Array.from(this.artboards.keys());
-      this.activeArtboardId = o.length > 0 ? o[0] : null;
+      const s = Array.from(this.artboards.keys());
+      this.activeArtboardId = s.length > 0 ? s[0] : null;
     }
     return i;
   }
@@ -353,10 +353,10 @@ class ti {
     const i = this.artboards.get(e);
     if (!i)
       return !1;
-    const o = this.elementToArtboard.get(t);
-    if (o) {
-      const s = this.artboards.get(o);
-      s == null || s.removeElementId(t);
+    const s = this.elementToArtboard.get(t);
+    if (s) {
+      const o = this.artboards.get(s);
+      o == null || o.removeElementId(t);
     }
     return i.addElementId(t), this.elementToArtboard.set(t, e), !0;
   }
@@ -396,19 +396,19 @@ class ti {
    */
   findArtboardAtPoint(t, e) {
     const i = Array.from(this.artboards.values()).reverse();
-    for (const o of i)
-      if (o.containsPoint(t, e))
-        return o;
+    for (const s of i)
+      if (s.containsPoint(t, e))
+        return s;
     return null;
   }
   /**
    * Find artboard border at point (for resize handles)
    */
   findArtboardBorderAtPoint(t, e, i = 5) {
-    const o = Array.from(this.artboards.values()).reverse();
-    for (const s of o)
-      if (s.hitTestBorder(t, e, i))
-        return s;
+    const s = Array.from(this.artboards.values()).reverse();
+    for (const o of s)
+      if (o.hitTestBorder(t, e, i))
+        return o;
     return null;
   }
   /**
@@ -449,8 +449,8 @@ class ti {
   reorderArtboards(t, e) {
     const i = Array.from(this.artboards.entries());
     if (t < 0 || t >= i.length || e < 0 || e >= i.length || t === e) return;
-    const [o] = i.splice(t, 1);
-    i.splice(e, 0, o), this.artboards = new Map(i);
+    const [s] = i.splice(t, 1);
+    i.splice(e, 0, s), this.artboards = new Map(i);
   }
   /**
    * Clear all artboards
@@ -473,8 +473,8 @@ class ti {
   fromJSON(t) {
     this.clear(), t.artboards.forEach((e) => {
       const i = nt.fromJSON(e);
-      this.artboards.set(i.id, i), i.getElementIds().forEach((o) => {
-        this.elementToArtboard.set(o, i.id);
+      this.artboards.set(i.id, i), i.getElementIds().forEach((s) => {
+        this.elementToArtboard.set(s, i.id);
       });
     }), this.activeArtboardId = t.activeArtboardId;
   }
@@ -484,11 +484,11 @@ class ti {
    */
   validateMappings(t) {
     const e = new Set(t.map((i) => i.id));
-    for (const [i, o] of this.elementToArtboard.entries())
+    for (const [i, s] of this.elementToArtboard.entries())
       e.has(i) || this.removeElementFromArtboard(i);
     for (const i of this.artboards.values()) {
-      const o = i.getElementIds().filter((s) => e.has(s));
-      i.clearElementIds(), o.forEach((s) => i.addElementId(s));
+      const s = i.getElementIds().filter((o) => e.has(o));
+      i.clearElementIds(), s.forEach((o) => i.addElementId(o));
     }
   }
 }
@@ -521,7 +521,7 @@ const I = {
     return t > 180 && (t -= 360), t;
   }
 };
-let ae = 1;
+let ce = 1;
 class Q {
   /** Whether this element clips content below it (derived from blendMode === 'clip') */
   get isClipping() {
@@ -531,7 +531,7 @@ class Q {
     t ? (this.blendMode = "clip", this.knockoutParts || (this.knockoutParts = { fill: !0, scope: "group" })) : this.blendMode === "clip" && (this.blendMode = "normal");
   }
   constructor(t = {}) {
-    this.id = t.id || `element-${ae++}`, this.x = t.x !== void 0 ? t.x : 100, this.y = t.y !== void 0 ? t.y : 100, this.rotation = t.rotation !== void 0 ? t.rotation : 0, this.opacity = t.opacity !== void 0 ? t.opacity : 1, this.transformType = t.transformType || "custom", this.transformData = t.transformData || {}, this.blendMode = t.blendMode, this.knockoutParts = t.knockoutParts, this.stroke = t.stroke, this.masks = t.masks, this.distressEffect = t.distressEffect, t.isClipping && !t.blendMode && (this.blendMode = "clip", this.knockoutParts || (this.knockoutParts = { fill: !0, scope: "group" })), this.name = t.name, this.visible = t.visible !== void 0 ? t.visible : !0, this.locked = t.locked !== void 0 ? t.locked : !1;
+    this.id = t.id || `element-${ce++}`, this.x = t.x !== void 0 ? t.x : 100, this.y = t.y !== void 0 ? t.y : 100, this.rotation = t.rotation !== void 0 ? t.rotation : 0, this.opacity = t.opacity !== void 0 ? t.opacity : 1, this.transformType = t.transformType || "custom", this.transformData = t.transformData || {}, this.blendMode = t.blendMode, this.knockoutParts = t.knockoutParts, this.stroke = t.stroke, this.masks = t.masks, this.distressEffect = t.distressEffect, t.isClipping && !t.blendMode && (this.blendMode = "clip", this.knockoutParts || (this.knockoutParts = { fill: !0, scope: "group" })), this.name = t.name, this.visible = t.visible !== void 0 ? t.visible : !0, this.locked = t.locked !== void 0 ? t.locked : !1;
   }
   /**
    * Get visual bounding box (tight fit around actual rendered content)
@@ -554,7 +554,7 @@ class Q {
    * Uses visual bounding box for better user experience
    */
   hitTest(t, e) {
-    const i = this.getVisualBoundingBox(), o = this.getRotationAnchor(), s = I.toRadiansInverse(this.rotation), a = Math.cos(s), n = Math.sin(s), h = t - o.x, l = e - o.y, c = h * a - l * n, g = h * n + l * a, d = o.x + c, f = o.y + g;
+    const i = this.getVisualBoundingBox(), s = this.getRotationAnchor(), o = I.toRadiansInverse(this.rotation), a = Math.cos(o), n = Math.sin(o), h = t - s.x, l = e - s.y, c = h * a - l * n, g = h * n + l * a, d = s.x + c, f = s.y + g;
     return d >= i.x && d <= i.x + i.width && f >= i.y && f <= i.y + i.height;
   }
   /**
@@ -665,10 +665,10 @@ class P {
    * @returns Point in local coordinates
    */
   worldToLocal(t, e) {
-    const i = this.element.rotation * Math.PI / 180, o = Math.cos(i), s = Math.sin(i), a = t - this.element.x, n = e - this.element.y;
+    const i = this.element.rotation * Math.PI / 180, s = Math.cos(i), o = Math.sin(i), a = t - this.element.x, n = e - this.element.y;
     return {
-      x: a * o - n * s,
-      y: a * s + n * o
+      x: a * s - n * o,
+      y: a * o + n * s
     };
   }
   /**
@@ -681,7 +681,7 @@ class P {
    * @returns Point in world coordinates
    */
   localToWorld(t, e) {
-    const i = -this.element.rotation * Math.PI / 180, o = Math.cos(i), s = Math.sin(i), a = t * o - e * s, n = t * s + e * o;
+    const i = -this.element.rotation * Math.PI / 180, s = Math.cos(i), o = Math.sin(i), a = t * s - e * o, n = t * o + e * s;
     return {
       x: this.element.x + a,
       y: this.element.y + n
@@ -697,10 +697,10 @@ class P {
    * @returns Delta in local space
    */
   worldDeltaToLocal(t, e) {
-    const i = this.element.rotation * Math.PI / 180, o = Math.cos(i), s = Math.sin(i);
+    const i = this.element.rotation * Math.PI / 180, s = Math.cos(i), o = Math.sin(i);
     return {
-      dx: t * o - e * s,
-      dy: t * s + e * o
+      dx: t * s - e * o,
+      dy: t * o + e * s
     };
   }
   /**
@@ -712,10 +712,10 @@ class P {
    * @returns Delta in world space
    */
   localDeltaToWorld(t, e) {
-    const i = -this.element.rotation * Math.PI / 180, o = Math.cos(i), s = Math.sin(i);
+    const i = -this.element.rotation * Math.PI / 180, s = Math.cos(i), o = Math.sin(i);
     return {
-      dx: t * o - e * s,
-      dy: t * s + e * o
+      dx: t * s - e * o,
+      dy: t * o + e * s
     };
   }
   /**
@@ -729,11 +729,11 @@ class P {
    * @param angleDegrees - Rotation angle in degrees (positive = clockwise in UI)
    * @returns Rotated point in world space
    */
-  static rotatePointAroundAnchor(t, e, i, o, s) {
-    const a = -s * Math.PI / 180, n = Math.cos(a), h = Math.sin(a), l = t - i, c = e - o, g = l * n - c * h, d = l * h + c * n;
+  static rotatePointAroundAnchor(t, e, i, s, o) {
+    const a = -o * Math.PI / 180, n = Math.cos(a), h = Math.sin(a), l = t - i, c = e - s, g = l * n - c * h, d = l * h + c * n;
     return {
       x: i + g,
-      y: o + d
+      y: s + d
     };
   }
   /**
@@ -791,7 +791,7 @@ class P {
     return new P(t);
   }
 }
-const he = [
+const de = [
   // Bold/Display Fonts - Perfect for statements and headlines (49 fonts)
   {
     name: "Bebas Neue",
@@ -2267,10 +2267,10 @@ const he = [
     description: "Humanist monospace"
   }
 ];
-function le() {
-  return he.map((r) => r.name);
+function ge() {
+  return de.map((r) => r.name);
 }
-const ei = {
+const ni = {
   system: "System Fonts",
   display: "Bold & Display",
   "sans-serif": "Sans Serif",
@@ -2282,99 +2282,99 @@ const ei = {
   decorative: "Decorative & Unique",
   monospace: "Monospace"
 };
-function zt(r) {
+function _t(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0% 0 0)";
   const t = r || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--accent").trim() || "oklch(0% 0 0)";
 }
-function ce(r) {
+function fe(r) {
   return typeof window > "u" || typeof document > "u" ? "light" : document.documentElement.getAttribute("data-theme") || "light";
 }
-function Xt() {
-  return ce().includes("dark") ? "#60a5fa" : "#3b82f6";
+function Yt() {
+  return fe().includes("dark") ? "#60a5fa" : "#3b82f6";
 }
-function ii(r) {
+function ai(r) {
   if (typeof window > "u" || typeof document > "u")
     return "#FF0000";
   const t = r || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--color-spacing-indicator").trim() || "#FF0000";
 }
-function oi(r = 0.1, t) {
-  const e = zt(t);
+function hi(r = 0.1, t) {
+  const e = _t(t);
   if (e.startsWith("oklch("))
     return `${e.slice(0, -1)} / ${r})`;
   if (e.startsWith("#")) {
-    const i = e.replace("#", ""), o = parseInt(i.substring(0, 2), 16), s = parseInt(i.substring(2, 4), 16), a = parseInt(i.substring(4, 6), 16);
-    return `rgba(${o}, ${s}, ${a}, ${r})`;
+    const i = e.replace("#", ""), s = parseInt(i.substring(0, 2), 16), o = parseInt(i.substring(2, 4), 16), a = parseInt(i.substring(4, 6), 16);
+    return `rgba(${s}, ${o}, ${a}, ${r})`;
   }
   return e;
 }
-function si(r) {
+function li(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0% 0 0 / 0.45)";
   const t = r || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--color-text-selection").trim() || "oklch(0% 0 0 / 0.45)";
 }
-function ri(r) {
+function ci(r) {
   if (typeof window > "u" || typeof document > "u")
     return "#b5f747";
   const t = r || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--color-accent-hover").trim() || "#b5f747";
 }
-function de(r) {
+function ue(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0.2103 0.0059 285.89)";
   const t = r || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--foreground").trim() || "oklch(0.2103 0.0059 285.89)";
 }
-function ni(r) {
+function di(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0.9607 0 0)";
   const t = r || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--background").trim() || "oklch(0.9607 0 0)";
 }
-function ai(r) {
-  const t = de(r);
+function gi(r) {
+  const t = ue(r);
   return t.startsWith("oklch(") ? `${t.slice(0, -1)} / 0.2)` : "rgba(0,0,0,0.2)";
 }
-function hi(r) {
+function fi(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0% 0 0 / 0.2)";
   const t = document.documentElement;
   return getComputedStyle(t).getPropertyValue("--divider").trim() || "oklch(0% 0 0 / 0.2)";
 }
-function li(r) {
+function ui(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0% 0 0 / 0.5)";
   const t = document.documentElement, e = getComputedStyle(t).getPropertyValue("--foreground").trim();
   return e.startsWith("oklch(") ? `${e.slice(0, -1)} / 0.5)` : e || "oklch(0% 0 0 / 0.5)";
 }
-function ci(r) {
+function mi(r) {
   if (typeof window > "u" || typeof document > "u")
     return "#b5f747";
   const t = document.documentElement;
   return getComputedStyle(t).getPropertyValue("--color-accent-hover-border").trim() || "#b5f747";
 }
-function di(r) {
+function pi(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0.2103 0.0059 285.89)";
   const t = document.documentElement;
   return getComputedStyle(t).getPropertyValue("--foreground").trim() || "oklch(0.2103 0.0059 285.89)";
 }
-function gi(r) {
+function yi(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(1 0 0)";
   const t = document.documentElement;
   return getComputedStyle(t).getPropertyValue("--background").trim() || "oklch(1 0 0)";
 }
-function fi(r) {
+function wi(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0.2103 0.0059 285.89 / 0.5)";
   const t = document.documentElement, e = getComputedStyle(t).getPropertyValue("--foreground").trim();
   return e.startsWith("oklch(") ? `${e.slice(0, -1)} / 0.5)` : e || "oklch(0.2103 0.0059 285.89 / 0.5)";
 }
-const ui = 1, mi = "#ffffff", ge = 20, pi = 6, yi = 24, fe = 16, ue = 36, me = 24, wi = 4, bi = "#FFFFFF", xi = 2, Si = 0.1, Ci = le(), Ti = [8, 10, 12, 14, 16, 18, 20, 24, 28, 32, 36, 48, 64, 72, 96, 128], j = 0, _t = 1.2, Yt = 50, pe = 8, ye = 999, we = /* @__PURE__ */ new Set([
+const bi = 1, xi = "#ffffff", me = 20, Si = 6, Ci = 24, pe = 16, ye = 36, we = 24, vi = 4, Ti = "#FFFFFF", Fi = 2, Ai = 0.1, Mi = ge(), Di = [8, 10, 12, 14, 16, 18, 20, 24, 28, 32, 36, 48, 64, 72, 96, 128], j = 0, Ut = 1.2, Gt = 50, be = 8, xe = 999, Se = /* @__PURE__ */ new Set([
   "Arial",
   "Arial Black",
   "Verdana",
@@ -2395,9 +2395,9 @@ const ui = 1, mi = "#ffffff", ge = 20, pi = 6, yi = 24, fe = 16, ue = 36, me = 2
   "Monaco",
   "Consolas",
   "Courier"
-]), be = 0.3;
-var xe = /* @__PURE__ */ ((r) => (r[r.DEBUG = 0] = "DEBUG", r[r.INFO = 1] = "INFO", r[r.WARN = 2] = "WARN", r[r.ERROR = 3] = "ERROR", r[r.NONE = 4] = "NONE", r))(xe || {});
-class Se {
+]), Ce = 0.3;
+var ve = /* @__PURE__ */ ((r) => (r[r.DEBUG = 0] = "DEBUG", r[r.INFO = 1] = "INFO", r[r.WARN = 2] = "WARN", r[r.ERROR = 3] = "ERROR", r[r.NONE = 4] = "NONE", r))(ve || {});
+class Te {
   constructor() {
     var t;
     this.level = 0, this.enabled = typeof ft < "u" && ((t = ft.env) == null ? void 0 : t.NODE_ENV) !== "production";
@@ -2454,10 +2454,10 @@ class Se {
    * Create a scoped logger with a prefix for a specific module
    */
   scope(t) {
-    return new Ce(this, t);
+    return new Fe(this, t);
   }
 }
-class Ce {
+class Fe {
   constructor(t, e) {
     this.logger = t, this.scopeName = e;
   }
@@ -2474,8 +2474,8 @@ class Ce {
     this.logger.error(`[${this.scopeName}] ${t}`, ...e);
   }
 }
-const Te = new Se(), pt = (r) => Te.scope(r), ve = pt("ImageLoadEvents"), Tt = /* @__PURE__ */ new Set();
-function vi(r) {
+const Ae = new Te(), pt = (r) => Ae.scope(r), Me = pt("ImageLoadEvents"), Tt = /* @__PURE__ */ new Set();
+function Ii(r) {
   return Tt.add(r), () => {
     Tt.delete(r);
   };
@@ -2485,7 +2485,7 @@ function et(r) {
     try {
       t(r);
     } catch (e) {
-      ve.error("Listener error:", e);
+      Me.error("Listener error:", e);
     }
   });
 }
@@ -2513,16 +2513,16 @@ class J {
       return e.refCount++, e.image;
     const i = new Image();
     i.crossOrigin = "anonymous";
-    const o = {
+    const s = {
       image: i,
       refCount: 1,
       loaded: !1
     };
     return i.onload = () => {
-      o.loaded = !0;
+      s.loaded = !0;
     }, i.onerror = () => {
-      o.loaded = !0;
-    }, this.cache.set(t, o), (!t.includes(":") || /^https?:\/\/|^data:|^blob:/.test(t)) && (i.src = t), i;
+      s.loaded = !0;
+    }, this.cache.set(t, s), (!t.includes(":") || /^https?:\/\/|^data:|^blob:/.test(t)) && (i.src = t), i;
   }
   /**
    * Release a reference to a cached image.
@@ -2571,26 +2571,62 @@ class J {
     this.cache.clear();
   }
 }
-const it = pt("ImageElement"), Et = 3e4, Ot = 3, Fe = 1e3;
+const ki = Object.freeze({
+  brightness: 1,
+  contrast: 1,
+  saturation: 1
+}), xt = 1e-3;
+function Dt(r) {
+  return r ? Math.abs(r.brightness - 1) < xt && Math.abs(r.contrast - 1) < xt && Math.abs(r.saturation - 1) < xt : !0;
+}
+function De(r) {
+  if (Dt(r)) return;
+  const t = (e) => Math.round(e * 100) / 100;
+  return {
+    brightness: t(r.brightness),
+    contrast: t(r.contrast),
+    saturation: t(r.saturation)
+  };
+}
+function Ei(r) {
+  if (Dt(r)) return "neutral";
+  const t = r;
+  return `b${t.brightness}c${t.contrast}s${t.saturation}`;
+}
+let Ft = null;
+function Oi(r) {
+  Ft = r;
+}
+function Ie(r, t) {
+  if (Dt(t)) return r;
+  if (!Ft)
+    throw new Error(
+      "[image-adjustments] no adjusted-source provider registered. Painting an image with non-neutral adjustments requires the rendering engine: import 'src/rendering/image-adjustments.js' (rendering/element-painters does this for every paint driver; a direct element.render() call in a test must import it too)."
+    );
+  return Ft(r, t);
+}
+const it = pt("ImageElement"), Rt = 3e4, Ht = 3, ke = 1e3;
 function x(r) {
   return r.transformData;
 }
 class yt extends Q {
   // Track URL acquired from ImageCache for release on destroy
   constructor(t = {}) {
-    var e, i, o, s, a, n, h, l, c, g;
+    var i, s, o, a, n, h, l, c, g, d, f;
     super(t), this.svgBlobUrl = null, this.loadTimeoutId = null, this.retryAttempt = 0, this.cachedImageUrl = null, this.transformType = "image", this.transformData = {
       type: "image",
-      width: ((e = t.transformData) == null ? void 0 : e.width) || 200,
-      height: ((i = t.transformData) == null ? void 0 : i.height) || 200,
+      width: ((i = t.transformData) == null ? void 0 : i.width) || 200,
+      height: ((s = t.transformData) == null ? void 0 : s.height) || 200,
       cropX: ((o = t.transformData) == null ? void 0 : o.cropX) ?? 0,
-      cropY: ((s = t.transformData) == null ? void 0 : s.cropY) ?? 0,
-      cropWidth: ((a = t.transformData) == null ? void 0 : a.cropWidth) ?? 1,
-      cropHeight: ((n = t.transformData) == null ? void 0 : n.cropHeight) ?? 1,
-      flipHorizontal: ((h = t.transformData) == null ? void 0 : h.flipHorizontal) ?? !1,
-      flipVertical: ((l = t.transformData) == null ? void 0 : l.flipVertical) ?? !1,
-      borderRadius: ((c = t.transformData) == null ? void 0 : c.borderRadius) ?? 0
-    }, this.imageUrl = t.imageUrl || "", this.imageLoaded = !1, this.imageElement = null, this.imageAspectRatio = t.imageAspectRatio || 1, this.isSvg = ((g = t.imageUrl) == null ? void 0 : g.toLowerCase().endsWith(".svg")) || !1, this.preserveDimensions = t.preserveDimensions ?? !1, this.imageLoadState = t.imageUrl ? "loading" : "loaded", this.imageLoadError = null, this.isCropping = !1, this.onLoadCallback = t.onLoadCallback || null, this.imageUrl && this.loadImage(this.imageUrl);
+      cropY: ((a = t.transformData) == null ? void 0 : a.cropY) ?? 0,
+      cropWidth: ((n = t.transformData) == null ? void 0 : n.cropWidth) ?? 1,
+      cropHeight: ((h = t.transformData) == null ? void 0 : h.cropHeight) ?? 1,
+      flipHorizontal: ((l = t.transformData) == null ? void 0 : l.flipHorizontal) ?? !1,
+      flipVertical: ((c = t.transformData) == null ? void 0 : c.flipVertical) ?? !1,
+      borderRadius: ((g = t.transformData) == null ? void 0 : g.borderRadius) ?? 0
+    };
+    const e = De((d = t.transformData) == null ? void 0 : d.adjustments);
+    e && (this.transformData.adjustments = e), this.imageUrl = t.imageUrl || "", this.imageLoaded = !1, this.imageElement = null, this.imageAspectRatio = t.imageAspectRatio || 1, this.isSvg = ((f = t.imageUrl) == null ? void 0 : f.toLowerCase().endsWith(".svg")) || !1, this.preserveDimensions = t.preserveDimensions ?? !1, this.imageLoadState = t.imageUrl ? "loading" : "loaded", this.imageLoadError = null, this.isCropping = !1, this.onLoadCallback = t.onLoadCallback || null, this.imageUrl && this.loadImage(this.imageUrl);
   }
   /**
    * Load image from URL
@@ -2619,40 +2655,40 @@ class yt extends Q {
     this.clearLoadTimeout(), this.releaseImageCache();
     const i = J.getInstance().acquire(t);
     this.cachedImageUrl = t;
-    let o = !1;
-    const s = () => {
-      o = !0, this.clearLoadTimeout();
+    let s = !1;
+    const o = () => {
+      s = !0, this.clearLoadTimeout();
     };
     if (i.complete && i.naturalWidth > 0) {
-      s(), this.imageElement = i, this.imageLoaded = !0, this.imageLoadState = "loaded", this.imageLoadError = null, this.imageAspectRatio = i.naturalWidth / i.naturalHeight, this.preserveDimensions || (this.transformData.height = this.transformData.width / this.imageAspectRatio), this.onLoadCallback && this.onLoadCallback(this.clone()), et(this.id);
+      o(), this.imageElement = i, this.imageLoaded = !0, this.imageLoadState = "loaded", this.imageLoadError = null, this.imageAspectRatio = i.naturalWidth / i.naturalHeight, this.preserveDimensions || (this.transformData.height = this.transformData.width / this.imageAspectRatio), this.onLoadCallback && this.onLoadCallback(this.clone()), et(this.id);
       return;
     }
     const a = i.onload, n = i.onerror;
     i.onload = (l) => {
-      o || (s(), this.imageElement = i, this.imageLoaded = !0, this.imageLoadState = "loaded", this.imageLoadError = null, this.imageAspectRatio = i.naturalWidth / i.naturalHeight, this.preserveDimensions || (this.transformData.height = this.transformData.width / this.imageAspectRatio), this.onLoadCallback && this.onLoadCallback(this.clone()), et(this.id), a && a !== i.onload && a(l));
+      s || (o(), this.imageElement = i, this.imageLoaded = !0, this.imageLoadState = "loaded", this.imageLoadError = null, this.imageAspectRatio = i.naturalWidth / i.naturalHeight, this.preserveDimensions || (this.transformData.height = this.transformData.width / this.imageAspectRatio), this.onLoadCallback && this.onLoadCallback(this.clone()), et(this.id), a && a !== i.onload && a(l));
     }, i.onerror = (l) => {
-      if (o) return;
-      s();
+      if (s) return;
+      o();
       const c = new Error(`Failed to load image: ${t}`);
       this.handleLoadFailure(t, c), n && n !== i.onerror && n(l);
     }, this.loadTimeoutId = setTimeout(() => {
-      if (o) return;
-      s(), i.src = "";
-      const l = new Error(`Image load timed out after ${Et}ms: ${t}`);
+      if (s) return;
+      o(), i.src = "";
+      const l = new Error(`Image load timed out after ${Rt}ms: ${t}`);
       this.handleLoadFailure(t, l);
-    }, Et), (!i.src || i.src !== t) && (i.src = t), !o && i.complete && i.naturalWidth > 0 && ((h = i.onload) == null || h.call(i, new Event("load")));
+    }, Rt), (!i.src || i.src !== t) && (i.src = t), !s && i.complete && i.naturalWidth > 0 && ((h = i.onload) == null || h.call(i, new Event("load")));
   }
   /**
    * Handle a load failure - either retry with backoff or set error state.
    */
   handleLoadFailure(t, e) {
-    if (this.retryAttempt++, this.retryAttempt < Ot) {
-      const i = Fe * Math.pow(2, this.retryAttempt - 1);
+    if (this.retryAttempt++, this.retryAttempt < Ht) {
+      const i = ke * Math.pow(2, this.retryAttempt - 1);
       it.warn(`Image load attempt ${this.retryAttempt} failed, retrying in ${i}ms:`, t), this.imageLoadState = "retrying", this.imageLoadError = e, et(this.id), this.loadTimeoutId = setTimeout(() => {
         this.attemptLoadRegularImage(t);
       }, i);
     } else
-      it.error(`Image load failed after ${Ot} attempts:`, t), this.imageLoaded = !1, this.imageLoadState = "error", this.imageLoadError = e, et(this.id);
+      it.error(`Image load failed after ${Ht} attempts:`, t), this.imageLoaded = !1, this.imageLoadState = "error", this.imageLoadError = e, et(this.id);
   }
   /**
    * Clear any pending load timeout
@@ -2689,10 +2725,10 @@ class yt extends Q {
     this.revokeSvgBlobUrl();
     const e = new Image();
     e.crossOrigin = "anonymous", e.onload = () => {
-      const o = document.createElement("canvas");
-      o.width = e.width * 4, o.height = e.height * 4;
-      const s = o.getContext("2d");
-      s.scale(4, 4), s.drawImage(e, 0, 0), o.toBlob((a) => {
+      const s = document.createElement("canvas");
+      s.width = e.width * 4, s.height = e.height * 4;
+      const o = s.getContext("2d");
+      o.scale(4, 4), o.drawImage(e, 0, 0), s.toBlob((a) => {
         if (!a) {
           it.error("Failed to convert SVG to blob"), this.imageLoaded = !1;
           return;
@@ -2713,10 +2749,10 @@ class yt extends Q {
   getBoundingBox() {
     if (this.isCropping) {
       const t = this.transformData.width * this.transformData.cropWidth, e = this.transformData.height * this.transformData.cropHeight;
-      let i = this.transformData.width / 2 - (this.transformData.cropX * this.transformData.width + t / 2), o = this.transformData.height / 2 - (this.transformData.cropY * this.transformData.height + e / 2);
-      const s = this.transformData.flipHorizontal ? -1 : 1, a = this.transformData.flipVertical ? -1 : 1;
-      i *= s, o *= a;
-      const n = Math.cos(I.toRadians(this.rotation)), h = Math.sin(I.toRadians(this.rotation)), l = i * n - o * h, c = i * h + o * n, g = this.x + l, d = this.y + c;
+      let i = this.transformData.width / 2 - (this.transformData.cropX * this.transformData.width + t / 2), s = this.transformData.height / 2 - (this.transformData.cropY * this.transformData.height + e / 2);
+      const o = this.transformData.flipHorizontal ? -1 : 1, a = this.transformData.flipVertical ? -1 : 1;
+      i *= o, s *= a;
+      const n = Math.cos(I.toRadians(this.rotation)), h = Math.sin(I.toRadians(this.rotation)), l = i * n - s * h, c = i * h + s * n, g = this.x + l, d = this.y + c;
       return {
         x: g - this.transformData.width / 2,
         y: d - this.transformData.height / 2,
@@ -2754,10 +2790,10 @@ class yt extends Q {
   getRotationAnchor() {
     if (this.isCropping) {
       const t = this.transformData.width * this.transformData.cropWidth, e = this.transformData.height * this.transformData.cropHeight;
-      let i = this.transformData.width / 2 - (this.transformData.cropX * this.transformData.width + t / 2), o = this.transformData.height / 2 - (this.transformData.cropY * this.transformData.height + e / 2);
-      const s = this.transformData.flipHorizontal ? -1 : 1, a = this.transformData.flipVertical ? -1 : 1;
-      i *= s, o *= a;
-      const n = Math.cos(I.toRadians(this.rotation)), h = Math.sin(I.toRadians(this.rotation)), l = i * n - o * h, c = i * h + o * n;
+      let i = this.transformData.width / 2 - (this.transformData.cropX * this.transformData.width + t / 2), s = this.transformData.height / 2 - (this.transformData.cropY * this.transformData.height + e / 2);
+      const o = this.transformData.flipHorizontal ? -1 : 1, a = this.transformData.flipVertical ? -1 : 1;
+      i *= o, s *= a;
+      const n = Math.cos(I.toRadians(this.rotation)), h = Math.sin(I.toRadians(this.rotation)), l = i * n - s * h, c = i * h + s * n;
       return {
         x: this.x + l,
         y: this.y + c
@@ -2774,10 +2810,10 @@ class yt extends Q {
   hitTest(t, e) {
     const i = this.worldToLocal(t, e);
     if (this.isCropping) {
-      const o = this.transformData.width * this.transformData.cropWidth, s = this.transformData.height * this.transformData.cropHeight, a = this.transformData.width / 2 - (this.transformData.cropX * this.transformData.width + o / 2), n = this.transformData.height / 2 - (this.transformData.cropY * this.transformData.height + s / 2), h = this.transformData.width / 2, l = this.transformData.height / 2;
+      const s = this.transformData.width * this.transformData.cropWidth, o = this.transformData.height * this.transformData.cropHeight, a = this.transformData.width / 2 - (this.transformData.cropX * this.transformData.width + s / 2), n = this.transformData.height / 2 - (this.transformData.cropY * this.transformData.height + o / 2), h = this.transformData.width / 2, l = this.transformData.height / 2;
       return i.x >= a - h && i.x <= a + h && i.y >= n - l && i.y <= n + l;
     } else {
-      const o = this.transformData.width * this.transformData.cropWidth, s = this.transformData.height * this.transformData.cropHeight, a = o / 2, n = s / 2;
+      const s = this.transformData.width * this.transformData.cropWidth, o = this.transformData.height * this.transformData.cropHeight, a = s / 2, n = o / 2;
       return i.x >= -a && i.x <= a && i.y >= -n && i.y <= n;
     }
   }
@@ -2789,57 +2825,61 @@ class yt extends Q {
       this.renderPlaceholder(t);
       return;
     }
+    const s = Ie(
+      this.imageElement,
+      this.transformData.adjustments
+    ), o = s.width, a = s.height;
     t.save(), this.opacity !== void 0 && this.opacity !== 1 && (t.globalAlpha = this.opacity), t.translate(this.x, this.y), t.rotate(I.toRadians(this.rotation));
-    const o = this.transformData.flipHorizontal ? -1 : 1, s = this.transformData.flipVertical ? -1 : 1;
-    if (t.scale(o, s), this.isCropping) {
-      const a = this.transformData.width * this.transformData.cropWidth, n = this.transformData.height * this.transformData.cropHeight, h = this.transformData.width / 2 - (this.transformData.cropX * this.transformData.width + a / 2), l = this.transformData.height / 2 - (this.transformData.cropY * this.transformData.height + n / 2), c = h - this.transformData.width / 2, g = l - this.transformData.height / 2, d = this.transformData.borderRadius || 0;
-      if (d > 0) {
+    const n = this.transformData.flipHorizontal ? -1 : 1, h = this.transformData.flipVertical ? -1 : 1;
+    if (t.scale(n, h), this.isCropping) {
+      const l = this.transformData.width * this.transformData.cropWidth, c = this.transformData.height * this.transformData.cropHeight, g = this.transformData.width / 2 - (this.transformData.cropX * this.transformData.width + l / 2), d = this.transformData.height / 2 - (this.transformData.cropY * this.transformData.height + c / 2), f = g - this.transformData.width / 2, u = d - this.transformData.height / 2, m = this.transformData.borderRadius || 0;
+      if (m > 0) {
         t.save();
-        const f = Math.min(
-          d / 100 * Math.min(this.transformData.width, this.transformData.height),
+        const p = Math.min(
+          m / 100 * Math.min(this.transformData.width, this.transformData.height),
           this.transformData.width / 2,
           this.transformData.height / 2
         );
-        t.beginPath(), t.roundRect(c, g, this.transformData.width, this.transformData.height, f), t.clip();
+        t.beginPath(), t.roundRect(f, u, this.transformData.width, this.transformData.height, p), t.clip();
       }
       t.drawImage(
-        this.imageElement,
+        s,
         0,
         0,
-        this.imageElement.width,
-        this.imageElement.height,
-        c,
-        g,
+        o,
+        a,
+        f,
+        u,
         this.transformData.width,
         this.transformData.height
-      ), d > 0 && t.restore();
+      ), m > 0 && t.restore();
     } else if (this.masks && this.masks.length > 0) {
-      const a = this.transformData.width * this.transformData.cropWidth, n = this.transformData.height * this.transformData.cropHeight, h = -a / 2, l = -n / 2, c = h - this.transformData.cropX * this.transformData.width, g = l - this.transformData.cropY * this.transformData.height;
+      const l = this.transformData.width * this.transformData.cropWidth, c = this.transformData.height * this.transformData.cropHeight, g = -l / 2, d = -c / 2, f = g - this.transformData.cropX * this.transformData.width, u = d - this.transformData.cropY * this.transformData.height;
       t.drawImage(
-        this.imageElement,
+        s,
         0,
         0,
-        this.imageElement.width,
-        this.imageElement.height,
-        c,
-        g,
+        o,
+        a,
+        f,
+        u,
         this.transformData.width,
         this.transformData.height
       );
     } else {
-      const a = this.transformData.width * this.transformData.cropWidth, n = this.transformData.height * this.transformData.cropHeight, h = -a / 2, l = -n / 2, c = this.transformData.borderRadius || 0;
+      const l = this.transformData.width * this.transformData.cropWidth, c = this.transformData.height * this.transformData.cropHeight, g = -l / 2, d = -c / 2, f = this.transformData.borderRadius || 0;
       t.save();
-      const g = Math.min(c / 100 * Math.min(a, n), a / 2, n / 2);
-      t.beginPath(), t.roundRect(h, l, a, n, g), t.clip();
-      const d = h - this.transformData.cropX * this.transformData.width, f = l - this.transformData.cropY * this.transformData.height;
+      const u = Math.min(f / 100 * Math.min(l, c), l / 2, c / 2);
+      t.beginPath(), t.roundRect(g, d, l, c, u), t.clip();
+      const m = g - this.transformData.cropX * this.transformData.width, p = d - this.transformData.cropY * this.transformData.height;
       t.drawImage(
-        this.imageElement,
+        s,
         0,
         0,
-        this.imageElement.width,
-        this.imageElement.height,
-        d,
-        f,
+        o,
+        a,
+        m,
+        p,
         this.transformData.width,
         this.transformData.height
       ), t.restore();
@@ -2852,51 +2892,51 @@ class yt extends Q {
    */
   renderPlaceholder(t) {
     t.save(), t.translate(this.x, this.y), t.rotate(I.toRadians(this.rotation));
-    const e = this.transformData.width * this.transformData.cropWidth, i = this.transformData.height * this.transformData.cropHeight, o = -e / 2, s = -i / 2;
+    const e = this.transformData.width * this.transformData.cropWidth, i = this.transformData.height * this.transformData.cropHeight, s = -e / 2, o = -i / 2;
     let a, n, h;
-    this.imageLoadState === "error" ? (a = "#f0e0e0", n = "#993333", h = "Image failed to load") : this.imageLoadState === "retrying" ? (a = "#e0e0e0", n = "#666", h = "Retrying...") : this.imageLoadState === "loading" ? (a = "#e0e0e0", n = "#666", h = "Loading...") : (a = "#e0e0e0", n = "#666", h = this.imageUrl ? "Loading..." : "No image"), t.fillStyle = a, t.fillRect(o, s, e, i), t.fillStyle = n, t.font = "14px system-ui, -apple-system, sans-serif", t.textAlign = "center", t.textBaseline = "middle", t.fillText(h, 0, 0), t.restore();
+    this.imageLoadState === "error" ? (a = "#f0e0e0", n = "#993333", h = "Image failed to load") : this.imageLoadState === "retrying" ? (a = "#e0e0e0", n = "#666", h = "Retrying...") : this.imageLoadState === "loading" ? (a = "#e0e0e0", n = "#666", h = "Loading...") : (a = "#e0e0e0", n = "#666", h = this.imageUrl ? "Loading..." : "No image"), t.fillStyle = a, t.fillRect(s, o, e, i), t.fillStyle = n, t.font = "14px system-ui, -apple-system, sans-serif", t.textAlign = "center", t.textBaseline = "middle", t.fillText(h, 0, 0), t.restore();
   }
   /**
    * Handle resize - maintain aspect ratio
    * @returns {boolean} true if resize was applied
    */
-  resize(t, e, i, o) {
-    let s, a;
-    this.isCropping ? (s = e / x(o).width, a = i / x(o).height) : (s = e / (o.width ?? 1), a = i / (o.height ?? 1));
-    const n = (s + a) / 2;
+  resize(t, e, i, s) {
+    let o, a;
+    this.isCropping ? (o = e / x(s).width, a = i / x(s).height) : (o = e / (s.width ?? 1), a = i / (s.height ?? 1));
+    const n = (o + a) / 2;
     let h = t;
-    this.isCropping && (h = this.remapAnchorForFlips(t, o));
+    this.isCropping && (h = this.remapAnchorForFlips(t, s));
     let l = n;
     if (this.isCropping) {
-      const B = this.transformData.width / x(o).width;
+      const B = this.transformData.width / x(s).width;
       n < B && (l = this.calculateMinScaleForCropBounds(
         h,
-        o,
+        s,
         n,
         B
       ));
     }
-    this.transformData.width = x(o).width * l, this.transformData.height = this.transformData.width / this.imageAspectRatio, this.rotation = o.rotation;
+    this.transformData.width = x(s).width * l, this.transformData.height = this.transformData.width / this.imageAspectRatio, this.rotation = s.rotation;
     let c, g;
     if (this.isCropping) {
-      const B = (x(o).cropX + x(o).cropWidth / 2) * x(o).width - x(o).width / 2, A = (x(o).cropY + x(o).cropHeight / 2) * x(o).height - x(o).height / 2, k = B, R = A, E = P.fromSnapshot(o).localDeltaToWorld(k, R), W = E.dx, z = E.dy;
-      c = o.x - W, g = o.y - z;
+      const B = (x(s).cropX + x(s).cropWidth / 2) * x(s).width - x(s).width / 2, A = (x(s).cropY + x(s).cropHeight / 2) * x(s).height - x(s).height / 2, k = B, R = A, E = P.fromSnapshot(s).localDeltaToWorld(k, R), W = E.dx, z = E.dy;
+      c = s.x - W, g = s.y - z;
     } else {
-      const B = (x(o).cropX + x(o).cropWidth / 2) * x(o).width - x(o).width / 2, A = (x(o).cropY + x(o).cropHeight / 2) * x(o).height - x(o).height / 2, k = B, R = A, E = P.fromSnapshot(o).localDeltaToWorld(k, R), W = E.dx, z = E.dy;
-      c = o.x - W, g = o.y - z;
+      const B = (x(s).cropX + x(s).cropWidth / 2) * x(s).width - x(s).width / 2, A = (x(s).cropY + x(s).cropHeight / 2) * x(s).height - x(s).height / 2, k = B, R = A, E = P.fromSnapshot(s).localDeltaToWorld(k, R), W = E.dx, z = E.dy;
+      c = s.x - W, g = s.y - z;
     }
     let d, f, u = 0, m = 0;
-    h === "top-left" ? (u = x(o).width / 2, m = x(o).height / 2) : h === "top-right" ? (u = -x(o).width / 2, m = x(o).height / 2) : h === "bottom-left" ? (u = x(o).width / 2, m = -x(o).height / 2) : h === "bottom-right" ? (u = -x(o).width / 2, m = -x(o).height / 2) : h === "middle-left" ? (u = x(o).width / 2, m = 0) : h === "middle-right" ? (u = -x(o).width / 2, m = 0) : h === "middle-top" ? (u = 0, m = x(o).height / 2) : h === "middle-bottom" && (u = 0, m = -x(o).height / 2);
-    const y = P.fromSnapshot(o).localDeltaToWorld(u, m), w = y.dx, S = y.dy;
+    h === "top-left" ? (u = x(s).width / 2, m = x(s).height / 2) : h === "top-right" ? (u = -x(s).width / 2, m = x(s).height / 2) : h === "bottom-left" ? (u = x(s).width / 2, m = -x(s).height / 2) : h === "bottom-right" ? (u = -x(s).width / 2, m = -x(s).height / 2) : h === "middle-left" ? (u = x(s).width / 2, m = 0) : h === "middle-right" ? (u = -x(s).width / 2, m = 0) : h === "middle-top" ? (u = 0, m = x(s).height / 2) : h === "middle-bottom" && (u = 0, m = -x(s).height / 2);
+    const y = P.fromSnapshot(s).localDeltaToWorld(u, m), w = y.dx, S = y.dy;
     d = c + w, f = g + S;
-    let b = 0, T = 0;
-    h === "top-left" ? (b = this.transformData.width / 2, T = this.transformData.height / 2) : h === "top-right" ? (b = -this.transformData.width / 2, T = this.transformData.height / 2) : h === "bottom-left" ? (b = this.transformData.width / 2, T = -this.transformData.height / 2) : h === "bottom-right" ? (b = -this.transformData.width / 2, T = -this.transformData.height / 2) : h === "middle-left" ? (b = this.transformData.width / 2, T = 0) : h === "middle-right" ? (b = -this.transformData.width / 2, T = 0) : h === "middle-top" ? (b = 0, T = this.transformData.height / 2) : h === "middle-bottom" && (b = 0, T = -this.transformData.height / 2);
-    const M = new P(this).localDeltaToWorld(b, T), F = M.dx, v = M.dy, D = d - F, U = f - v;
+    let b = 0, v = 0;
+    h === "top-left" ? (b = this.transformData.width / 2, v = this.transformData.height / 2) : h === "top-right" ? (b = -this.transformData.width / 2, v = this.transformData.height / 2) : h === "bottom-left" ? (b = this.transformData.width / 2, v = -this.transformData.height / 2) : h === "bottom-right" ? (b = -this.transformData.width / 2, v = -this.transformData.height / 2) : h === "middle-left" ? (b = this.transformData.width / 2, v = 0) : h === "middle-right" ? (b = -this.transformData.width / 2, v = 0) : h === "middle-top" ? (b = 0, v = this.transformData.height / 2) : h === "middle-bottom" && (b = 0, v = -this.transformData.height / 2);
+    const M = new P(this).localDeltaToWorld(b, v), F = M.dx, T = M.dy, D = d - F, U = f - T;
     if (this.isCropping) {
-      const B = o.x, A = o.y, k = x(o).cropWidth * x(o).width, R = x(o).cropHeight * x(o).height;
+      const B = s.x, A = s.y, k = x(s).cropWidth * x(s).width, R = x(s).cropHeight * x(s).height;
       this.x = B, this.y = A;
-      const H = k / this.transformData.width, E = R / this.transformData.height, W = B - D, z = A - U, It = new P(this).worldDeltaToLocal(W, z), Zt = It.dx, Kt = It.dy, Qt = this.transformData.width / 2 + Zt, te = this.transformData.height / 2 + Kt, ee = Qt / this.transformData.width - H / 2, ie = te / this.transformData.height - E / 2;
-      this.transformData.cropX = ee, this.transformData.cropY = ie, this.transformData.cropWidth = H, this.transformData.cropHeight = E;
+      const H = k / this.transformData.width, E = R / this.transformData.height, W = B - D, z = A - U, Ot = new P(this).worldDeltaToLocal(W, z), te = Ot.dx, ee = Ot.dy, ie = this.transformData.width / 2 + te, se = this.transformData.height / 2 + ee, oe = ie / this.transformData.width - H / 2, re = se / this.transformData.height - E / 2;
+      this.transformData.cropX = oe, this.transformData.cropY = re, this.transformData.cropWidth = H, this.transformData.cropHeight = E;
     } else {
       const B = (this.transformData.cropX + this.transformData.cropWidth / 2) * this.transformData.width - this.transformData.width / 2, A = (this.transformData.cropY + this.transformData.cropHeight / 2) * this.transformData.height - this.transformData.height / 2, k = B, R = A, E = new P(this).localDeltaToWorld(k, R), W = E.dx, z = E.dy;
       this.x = D + W, this.y = U + z;
@@ -2955,9 +2995,9 @@ class yt extends Q {
       // bottom-left
       { x: t.x + t.width, y: t.y + t.height }
       // bottom-right
-    ].map((s) => ({
-      x: this.x + s.x * e - s.y * i,
-      y: this.y + s.x * i + s.y * e
+    ].map((o) => ({
+      x: this.x + o.x * e - o.y * i,
+      y: this.y + o.x * i + o.y * e
     }));
   }
   /**
@@ -2965,8 +3005,8 @@ class yt extends Q {
    * Local coordinates are relative to this.x, this.y (the center of the visible area)
    */
   worldToLocal(t, e) {
-    const i = t - this.x, o = e - this.y, s = Math.cos(I.toRadiansInverse(this.rotation)), a = Math.sin(I.toRadiansInverse(this.rotation));
-    let n = i * s - o * a, h = i * a + o * s;
+    const i = t - this.x, s = e - this.y, o = Math.cos(I.toRadiansInverse(this.rotation)), a = Math.sin(I.toRadiansInverse(this.rotation));
+    let n = i * o - s * a, h = i * a + s * o;
     const l = this.transformData.flipHorizontal ? -1 : 1, c = this.transformData.flipVertical ? -1 : 1;
     return n *= l, h *= c, {
       x: n,
@@ -2979,9 +3019,9 @@ class yt extends Q {
    * Canvas transformations are applied in reverse: scale -> rotate -> translate
    */
   localToWorld(t, e) {
-    const i = this.transformData.flipHorizontal ? -1 : 1, o = this.transformData.flipVertical ? -1 : 1;
-    let s = t * i, a = e * o;
-    const n = Math.cos(I.toRadians(this.rotation)), h = Math.sin(I.toRadians(this.rotation)), l = s * n - a * h, c = s * h + a * n;
+    const i = this.transformData.flipHorizontal ? -1 : 1, s = this.transformData.flipVertical ? -1 : 1;
+    let o = t * i, a = e * s;
+    const n = Math.cos(I.toRadians(this.rotation)), h = Math.sin(I.toRadians(this.rotation)), l = o * n - a * h, c = o * h + a * n;
     return {
       x: this.x + l,
       y: this.y + c
@@ -2996,29 +3036,29 @@ class yt extends Q {
    */
   hitTestCropHandle(t, e, i = 1) {
     if (!this.isCropping) return null;
-    const o = this.getCropBoxBounds();
-    if (!o) return null;
-    const s = this.worldToLocal(t, e), a = 1 / i, n = fe * a, h = ue * a, l = me * a, c = [
-      { x: o.x, y: o.y, anchor: "top-left" },
-      { x: o.x + o.width, y: o.y, anchor: "top-right" },
-      { x: o.x, y: o.y + o.height, anchor: "bottom-left" },
-      { x: o.x + o.width, y: o.y + o.height, anchor: "bottom-right" }
+    const s = this.getCropBoxBounds();
+    if (!s) return null;
+    const o = this.worldToLocal(t, e), a = 1 / i, n = pe * a, h = ye * a, l = we * a, c = [
+      { x: s.x, y: s.y, anchor: "top-left" },
+      { x: s.x + s.width, y: s.y, anchor: "top-right" },
+      { x: s.x, y: s.y + s.height, anchor: "bottom-left" },
+      { x: s.x + s.width, y: s.y + s.height, anchor: "bottom-right" }
     ];
     for (const d of c) {
-      const f = s.x - d.x, u = s.y - d.y;
+      const f = o.x - d.x, u = o.y - d.y;
       if (Math.sqrt(f * f + u * u) <= n) {
         const p = this.localToWorld(d.x, d.y);
         return { type: "corner", anchor: d.anchor, worldX: p.x, worldY: p.y };
       }
     }
     const g = [
-      { x: o.x + o.width / 2, y: o.y, anchor: "top", orientation: "horizontal" },
-      { x: o.x + o.width / 2, y: o.y + o.height, anchor: "bottom", orientation: "horizontal" },
-      { x: o.x, y: o.y + o.height / 2, anchor: "left", orientation: "vertical" },
-      { x: o.x + o.width, y: o.y + o.height / 2, anchor: "right", orientation: "vertical" }
+      { x: s.x + s.width / 2, y: s.y, anchor: "top", orientation: "horizontal" },
+      { x: s.x + s.width / 2, y: s.y + s.height, anchor: "bottom", orientation: "horizontal" },
+      { x: s.x, y: s.y + s.height / 2, anchor: "left", orientation: "vertical" },
+      { x: s.x + s.width, y: s.y + s.height / 2, anchor: "right", orientation: "vertical" }
     ];
     for (const d of g) {
-      const f = s.x - d.x, u = s.y - d.y;
+      const f = o.x - d.x, u = o.y - d.y;
       let m, p;
       if (d.orientation === "horizontal" ? (m = h / 2, p = l / 2) : (m = l / 2, p = h / 2), Math.abs(f) <= m && Math.abs(u) <= p) {
         const y = this.localToWorld(d.x, d.y);
@@ -3035,8 +3075,8 @@ class yt extends Q {
     if (!this.isCropping) return !1;
     const i = this.getCropBoxBounds();
     if (!i) return !1;
-    const o = this.worldToLocal(t, e);
-    return o.x >= i.x && o.x <= i.x + i.width && o.y >= i.y && o.y <= i.y + i.height;
+    const s = this.worldToLocal(t, e);
+    return s.x >= i.x && s.x <= i.x + i.width && s.y >= i.y && s.y <= i.y + i.height;
   }
   /**
    * Update crop box (normalized 0-1 coordinates)
@@ -3046,46 +3086,46 @@ class yt extends Q {
    * @param {number} cropHeight - Normalized height (0-1)
    * @param {boolean} adjustPosition - Whether to adjust this.x, this.y to keep visual position stable (default: false)
    */
-  updateCrop(t, e, i, o, s = !1) {
-    let n = Math.max(0.1, Math.min(1, i)), h = Math.max(0.1, Math.min(1, o)), l = Math.max(0, Math.min(1 - n, t)), c = Math.max(0, Math.min(1 - h, e));
+  updateCrop(t, e, i, s, o = !1) {
+    let n = Math.max(0.1, Math.min(1, i)), h = Math.max(0.1, Math.min(1, s)), l = Math.max(0, Math.min(1 - n, t)), c = Math.max(0, Math.min(1 - h, e));
     l + n > 1 && (n = 1 - l), c + h > 1 && (h = 1 - c);
     let g = 0, d = 0;
-    if (s) {
+    if (o) {
       const f = this.transformData.cropX * this.transformData.width + this.transformData.cropWidth * this.transformData.width / 2, u = this.transformData.cropY * this.transformData.height + this.transformData.cropHeight * this.transformData.height / 2, m = l * this.transformData.width + n * this.transformData.width / 2, p = c * this.transformData.height + h * this.transformData.height / 2, y = m - f, w = p - u, S = Math.cos(I.toRadians(this.rotation)), b = Math.sin(I.toRadians(this.rotation));
       g = y * S - w * b, d = y * b + w * S;
     }
-    this.transformData.cropX = l, this.transformData.cropY = c, this.transformData.cropWidth = n, this.transformData.cropHeight = h, s && (this.x += g, this.y += d);
+    this.transformData.cropX = l, this.transformData.cropY = c, this.transformData.cropWidth = n, this.transformData.cropHeight = h, o && (this.x += g, this.y += d);
   }
   /**
    * Get the local position of the corner opposite to the given anchor
    * Corners are relative to frame center
    */
   getOppositeCornerLocalPosition(t, e, i) {
-    const o = e / 2, s = i / 2;
+    const s = e / 2, o = i / 2;
     return {
-      "top-left": { x: o, y: s },
+      "top-left": { x: s, y: o },
       // Opposite is bottom-right
-      "top-right": { x: -o, y: s },
+      "top-right": { x: -s, y: o },
       // Opposite is bottom-left
-      "bottom-left": { x: o, y: -s },
+      "bottom-left": { x: s, y: -o },
       // Opposite is top-right
-      "bottom-right": { x: -o, y: -s },
+      "bottom-right": { x: -s, y: -o },
       // Opposite is top-left
-      top: { x: 0, y: s },
+      top: { x: 0, y: o },
       // Opposite is bottom edge
-      bottom: { x: 0, y: -s },
+      bottom: { x: 0, y: -o },
       // Opposite is top edge
-      left: { x: o, y: 0 },
+      left: { x: s, y: 0 },
       // Opposite is right edge
-      right: { x: -o, y: 0 },
+      right: { x: -s, y: 0 },
       // Opposite is left edge
-      "middle-top": { x: 0, y: s },
+      "middle-top": { x: 0, y: o },
       // Opposite is bottom edge
-      "middle-bottom": { x: 0, y: -s },
+      "middle-bottom": { x: 0, y: -o },
       // Opposite is top edge
-      "middle-left": { x: o, y: 0 },
+      "middle-left": { x: s, y: 0 },
       // Opposite is right edge
-      "middle-right": { x: -o, y: 0 }
+      "middle-right": { x: -s, y: 0 }
       // Opposite is left edge
     }[t];
   }
@@ -3094,7 +3134,7 @@ class yt extends Q {
    * In crop mode, this.x/y is the crop center, not the frame center
    */
   calculateFrameCenterFromCropCenter(t) {
-    const e = x(t).width * x(t).cropWidth, i = x(t).height * x(t).cropHeight, o = x(t).width / 2 - (x(t).cropX * x(t).width + e / 2), s = x(t).height / 2 - (x(t).cropY * x(t).height + i / 2), n = new P(t).localDeltaToWorld(o, s);
+    const e = x(t).width * x(t).cropWidth, i = x(t).height * x(t).cropHeight, s = x(t).width / 2 - (x(t).cropX * x(t).width + e / 2), o = x(t).height / 2 - (x(t).cropY * x(t).height + i / 2), n = new P(t).localDeltaToWorld(s, o);
     return {
       x: t.x + n.dx,
       y: t.y + n.dy
@@ -3108,10 +3148,10 @@ class yt extends Q {
       t,
       x(e).width,
       x(e).height
-    ), o = this.calculateFrameCenterFromCropCenter(e), a = new P(e).localDeltaToWorld(i.x, i.y);
+    ), s = this.calculateFrameCenterFromCropCenter(e), a = new P(e).localDeltaToWorld(i.x, i.y);
     return {
-      x: o.x + a.dx,
-      y: o.y + a.dy
+      x: s.x + a.dx,
+      y: s.y + a.dy
     };
   }
   /**
@@ -3119,15 +3159,15 @@ class yt extends Q {
    * The opposite corner from the anchor stays fixed in world space
    */
   calculateFrameCenterAfterResize(t, e, i) {
-    const o = this.getFixedCornerWorldPosition(e, i), s = x(i).width * t, a = s / this.imageAspectRatio, n = this.getOppositeCornerLocalPosition(e, s, a), l = new P({
+    const s = this.getFixedCornerWorldPosition(e, i), o = x(i).width * t, a = o / this.imageAspectRatio, n = this.getOppositeCornerLocalPosition(e, o, a), l = new P({
       x: 0,
       // Will calculate frame center
       y: 0,
       rotation: i.rotation
     }).localDeltaToWorld(n.x, n.y);
     return {
-      x: o.x - l.dx,
-      y: o.y - l.dy
+      x: s.x - l.dx,
+      y: s.y - l.dy
     };
   }
   /**
@@ -3136,7 +3176,7 @@ class yt extends Q {
    * would be positioned within the frame after resize.
    */
   calculateCropStateAtScale(t, e, i) {
-    const o = x(i).width * t, s = o / this.imageAspectRatio, a = x(i).cropWidth * x(i).width, n = x(i).cropHeight * x(i).height, h = a / o, l = n / s, c = this.calculateFrameCenterAfterResize(t, e, i), g = {
+    const s = x(i).width * t, o = s / this.imageAspectRatio, a = x(i).cropWidth * x(i).width, n = x(i).cropHeight * x(i).height, h = a / s, l = n / o, c = this.calculateFrameCenterAfterResize(t, e, i), g = {
       x: i.x,
       // In crop mode, this.x/y is the crop center
       y: i.y
@@ -3144,7 +3184,7 @@ class yt extends Q {
       x: c.x,
       y: c.y,
       rotation: i.rotation
-    }).worldDeltaToLocal(d, f), p = o / 2 + m.dx, y = s / 2 + m.dy, w = p / o - h / 2, S = y / s - l / 2;
+    }).worldDeltaToLocal(d, f), p = s / 2 + m.dx, y = o / 2 + m.dy, w = p / s - h / 2, S = y / o - l / 2;
     return {
       cropX: w,
       cropY: S,
@@ -3156,20 +3196,20 @@ class yt extends Q {
    * Check if a given scale keeps crop within frame bounds
    */
   isScaleValidForCropBounds(t, e, i) {
-    const s = this.calculateCropStateAtScale(t, e, i);
-    if (s.cropWidth > 1 + 1e-4 || s.cropHeight > 1 + 1e-4)
+    const o = this.calculateCropStateAtScale(t, e, i);
+    if (o.cropWidth > 1 + 1e-4 || o.cropHeight > 1 + 1e-4)
       return !1;
-    const a = s.cropX, n = s.cropX + s.cropWidth, h = s.cropY, l = s.cropY + s.cropHeight;
+    const a = o.cropX, n = o.cropX + o.cropWidth, h = o.cropY, l = o.cropY + o.cropHeight;
     return a >= -1e-4 && h >= -1e-4 && n <= 1 + 1e-4 && l <= 1 + 1e-4;
   }
   /**
    * Calculate minimum scale that keeps crop within frame bounds
    * Uses binary search to find the largest scale >= proposedScale that satisfies constraints
    */
-  calculateMinScaleForCropBounds(t, e, i, o) {
+  calculateMinScaleForCropBounds(t, e, i, s) {
     if (this.isScaleValidForCropBounds(i, t, e))
       return i;
-    let n = i, h = o;
+    let n = i, h = s;
     for (let l = 0; l < 20; l++) {
       const c = (n + h) / 2;
       if (this.isScaleValidForCropBounds(c, t, e) ? h = c : n = c, Math.abs(h - n) < 1e-4)
@@ -3182,15 +3222,15 @@ class yt extends Q {
    */
   remapAnchorForFlips(t, e) {
     let i = t;
-    const o = x(e).flipHorizontal, s = x(e).flipVertical;
-    return o && (i.includes("left") ? i = i.replace("left", "right") : i.includes("right") && (i = i.replace("right", "left"))), s && (i.includes("top") ? i = i.replace("top", "bottom") : i.includes("bottom") && (i = i.replace("bottom", "top"))), i;
+    const s = x(e).flipHorizontal, o = x(e).flipVertical;
+    return s && (i.includes("left") ? i = i.replace("left", "right") : i.includes("right") && (i = i.replace("right", "left"))), o && (i.includes("top") ? i = i.replace("top", "bottom") : i.includes("bottom") && (i = i.replace("bottom", "top"))), i;
   }
   /**
    * Clone this element
    */
   clone() {
-    const t = this.toJSON(), { imageUrl: e, ...i } = t, o = new yt(i);
-    return o.imageUrl = this.imageUrl, o.imageElement = this.imageElement, o.imageLoaded = this.imageLoaded, o.imageAspectRatio = this.imageAspectRatio, o.isCropping = this.isCropping, o.onLoadCallback = this.onLoadCallback, o.isSvg = this.isSvg, o.imageLoadState = this.imageLoadState, o.imageLoadError = this.imageLoadError, o.preserveDimensions = this.preserveDimensions, o;
+    const t = this.toJSON(), { imageUrl: e, ...i } = t, s = new yt(i);
+    return s.imageUrl = this.imageUrl, s.imageElement = this.imageElement, s.imageLoaded = this.imageLoaded, s.imageAspectRatio = this.imageAspectRatio, s.isCropping = this.isCropping, s.onLoadCallback = this.onLoadCallback, s.isSvg = this.isSvg, s.imageLoadState = this.imageLoadState, s.imageLoadError = this.imageLoadError, s.preserveDimensions = this.preserveDimensions, s;
   }
   /**
    * Serialize to JSON
@@ -3212,7 +3252,12 @@ class yt extends Q {
       imageAspectRatio: this.imageAspectRatio,
       preserveDimensions: this.preserveDimensions,
       // dimension lock for cover crop must survive save→load
-      transformData: { ...this.transformData }
+      transformData: {
+        ...this.transformData,
+        // Deep-copy the nested adjustments object so serialized state (and
+        // clones built from it) never alias this element's live state.
+        ...this.transformData.adjustments ? { adjustments: { ...this.transformData.adjustments } } : {}
+      }
     };
   }
   /**
@@ -3224,27 +3269,27 @@ class yt extends Q {
     this.clearLoadTimeout(), this.releaseImageCache(), this.revokeSvgBlobUrl(), this.imageElement = null, this.onLoadCallback = null, this.imageLoadError = null;
   }
 }
-const Nt = /* @__PURE__ */ new Map();
-let vt = null;
-function Ut(r) {
+const $t = /* @__PURE__ */ new Map();
+let At = null;
+function Vt(r) {
   return new Error(
     `[paint-registry] no painter registered for ${r}. Element painting requires the rendering engine: import 'src/rendering/element-painters.js' (every paint driver — CanvasRenderer, ExportManager, ElementPreviewRenderer — does this; a direct element.render() call in a test must import it too).`
   );
 }
-function Fi(r, t) {
-  Nt.set(r, t);
+function Bi(r, t) {
+  $t.set(r, t);
 }
 function gt(r) {
-  const t = Nt.get(r);
-  if (!t) throw Ut(`text transform "${r}"`);
+  const t = $t.get(r);
+  if (!t) throw Vt(`text transform "${r}"`);
   return t;
 }
-function Ai(r) {
-  vt = r;
+function Ri(r) {
+  At = r;
 }
-function Ae() {
-  if (!vt) throw Ut("group clipping");
-  return vt;
+function Ee() {
+  if (!At) throw Vt("group clipping");
+  return At;
 }
 class L {
   constructor(t = []) {
@@ -3293,31 +3338,31 @@ class L {
   applyStyle(t, e, i) {
     if (t >= e || t < 0 || e > this.getLength())
       return;
-    const o = [];
-    let s = 0;
+    const s = [];
+    let o = 0;
     for (const a of this.spans) {
-      const n = s, h = s + a.text.length;
+      const n = o, h = o + a.text.length;
       if (h <= t) {
-        o.push(a), s = h;
+        s.push(a), o = h;
         continue;
       }
       if (n >= e) {
-        o.push(a), s = h;
+        s.push(a), o = h;
         continue;
       }
       const l = Math.max(t, n), c = Math.min(e, h);
-      l > n && o.push({
+      l > n && s.push({
         text: a.text.substring(0, l - n),
         style: a.style
-      }), o.push({
+      }), s.push({
         text: a.text.substring(l - n, c - n),
         style: { ...a.style, ...i }
-      }), c < h && o.push({
+      }), c < h && s.push({
         text: a.text.substring(c - n),
         style: a.style
-      }), s = h;
+      }), o = h;
     }
-    this.spans = o, this.normalize();
+    this.spans = s, this.normalize();
   }
   /**
    * Insert text at a specific position with a given style
@@ -3327,24 +3372,24 @@ class L {
    */
   insert(t, e, i) {
     if (e.length === 0) return;
-    const o = [];
-    let s = 0;
+    const s = [];
+    let o = 0;
     for (const a of this.spans) {
-      const n = s, h = s + a.text.length;
-      if (t <= n && o.length === 0 && o.push({ text: e, style: i }), t > n && t <= h) {
+      const n = o, h = o + a.text.length;
+      if (t <= n && s.length === 0 && s.push({ text: e, style: i }), t > n && t <= h) {
         const l = t - n;
-        o.push({
+        s.push({
           text: a.text.substring(0, l),
           style: a.style
-        }), o.push({ text: e, style: i }), o.push({
+        }), s.push({ text: e, style: i }), s.push({
           text: a.text.substring(l),
           style: a.style
-        }), s = h;
+        }), o = h;
         continue;
       }
-      o.push(a), s = h;
+      s.push(a), o = h;
     }
-    t >= this.getLength() && !o.some((a) => a.text === e) && o.push({ text: e, style: i }), this.spans = o, this.normalize();
+    t >= this.getLength() && !s.some((a) => a.text === e) && s.push({ text: e, style: i }), this.spans = s, this.normalize();
   }
   /**
    * Delete text in a character range
@@ -3355,28 +3400,28 @@ class L {
     const i = this.getLength();
     if (t = Math.max(0, Math.min(t, i)), e = Math.max(0, Math.min(e, i)), t >= e)
       return;
-    const o = [];
-    let s = 0;
+    const s = [];
+    let o = 0;
     for (const a of this.spans) {
-      const n = s, h = s + a.text.length;
+      const n = o, h = o + a.text.length;
       if (h <= t) {
-        o.push(a), s = h;
+        s.push(a), o = h;
         continue;
       }
       if (n >= e) {
-        o.push(a), s = h;
+        s.push(a), o = h;
         continue;
       }
       const l = Math.max(t, n), c = Math.min(e, h);
-      l > n && o.push({
+      l > n && s.push({
         text: a.text.substring(0, l - n),
         style: a.style
-      }), c < h && o.push({
+      }), c < h && s.push({
         text: a.text.substring(c - n),
         style: a.style
-      }), s = h;
+      }), o = h;
     }
-    this.spans = o.length > 0 ? o : [{ text: "", style: {} }], this.normalize();
+    this.spans = s.length > 0 ? s : [{ text: "", style: {} }], this.normalize();
   }
   /**
    * Normalize spans by:
@@ -3393,11 +3438,11 @@ class L {
     const t = [];
     let e = this.spans[0];
     for (let i = 1; i < this.spans.length; i++) {
-      const o = this.spans[i];
-      this.stylesEqual(e.style, o.style) ? e = {
-        text: e.text + o.text,
+      const s = this.spans[i];
+      this.stylesEqual(e.style, s.style) ? e = {
+        text: e.text + s.text,
         style: e.style
-      } : (t.push(e), e = o);
+      } : (t.push(e), e = s);
     }
     t.push(e), this.spans = t;
   }
@@ -3442,65 +3487,65 @@ class L {
     return new L(t.spans);
   }
 }
-function Mi(r) {
+function Hi(r) {
   return r.type === "custom";
 }
-function Di(r) {
+function Pi(r) {
   return r.type === "circle";
 }
-function Ii(r) {
+function Li(r) {
   return r.type === "arch";
 }
-function ki(r) {
+function Wi(r) {
   return r.type === "wave";
 }
-function Ei(r) {
+function zi(r) {
   return r.type === "flag";
 }
-function Oi(r) {
+function Xi(r) {
   return r.type === "image";
 }
-function Bi(r) {
+function Ni(r) {
   return r.type === "group";
 }
-function Ri(r) {
+function _i(r) {
   return r.transformType !== "image" && r.transformType !== "group";
 }
-function Hi(r) {
+function Yi(r) {
   return r.transformType === "image";
 }
-function Pi(r) {
+function Ui(r) {
   return r.transformType === "custom";
 }
-function Li(r) {
+function Gi(r) {
   return r.transformType === "circle";
 }
-function Wi(r) {
+function $i(r) {
   return r.transformType === "group";
 }
-function zi(r) {
+function Vi(r) {
   return r.transformType === "shape";
 }
-function Xi(r) {
+function Ji(r) {
   return r.transformType === "path";
 }
-function _i(r) {
+function qi(r) {
   return r.type === "shape";
 }
-function Yi(r) {
+function ji(r) {
   return r.type === "path";
 }
-function Ni(r) {
+function Zi(r) {
   var t;
   return ((t = r.stroke) == null ? void 0 : t.enabled) === !0;
 }
-function Ui(r) {
+function Ki(r) {
   return Array.isArray(r.masks) && r.masks.length > 0;
 }
-function Gi(r) {
+function Qi(r) {
   return r.blendMode === "knockout" || r.blendMode === "clip";
 }
-function $i(r) {
+function ts(r) {
   var t;
   return ((t = r.distressEffect) == null ? void 0 : t.enabled) === !0;
 }
@@ -3525,8 +3570,8 @@ class q extends Q {
    * handled by SelectionRenderer and HoverRenderer.
    */
   render(t, e = !1, i = !1) {
-    const o = t.globalAlpha;
-    this.opacity !== void 0 && this.opacity !== 1 && (t.globalAlpha = this.opacity), gt(this.transformType)(t, this.toJSON()), t.globalAlpha = o;
+    const s = t.globalAlpha;
+    this.opacity !== void 0 && this.opacity !== 1 && (t.globalAlpha = this.opacity), gt(this.transformType)(t, this.toJSON()), t.globalAlpha = s;
   }
   /**
    * Serialize to JSON
@@ -3605,14 +3650,14 @@ class q extends Q {
    * Apply character-level formatting to a text range
    */
   applyFormatting(t, e, i) {
-    const o = this.getRichText();
-    o.applyStyle(t, e, i), this.text = o.getText();
+    const s = this.getRichText();
+    s.applyStyle(t, e, i), this.text = s.getText();
   }
   /**
    * Update font size
    */
   setFontSize(t) {
-    this.fontSize = Math.max(pe, Math.min(ye, t));
+    this.fontSize = Math.max(be, Math.min(xe, t));
   }
   /**
    * Update color
@@ -3622,15 +3667,15 @@ class q extends Q {
     const e = this.color;
     if (this.color = t, this.richText)
       for (let i = 0; i < this.richText.spans.length; i++) {
-        const o = this.richText.spans[i];
-        (o.style.color === void 0 || o.style.color === e) && (o.style.color = t);
+        const s = this.richText.spans[i];
+        (s.style.color === void 0 || s.style.color === e) && (s.style.color = t);
       }
   }
   /**
    * Handle resize transform
    * Must be implemented by subclasses
    */
-  resize(t, e, i, o) {
+  resize(t, e, i, s) {
     throw new Error("resize() must be implemented by subclass");
   }
   /**
@@ -3646,20 +3691,20 @@ class q extends Q {
     };
   }
 }
-function Me(r) {
+function Oe(r) {
   return Array.from(r).length;
 }
 function wt(r, t, e) {
-  return e ? r + e * Me(t) : r;
+  return e ? r + e * Oe(t) : r;
 }
-function De(r, t, e) {
-  const i = Array.from(t), o = [0];
-  let s = "";
+function Be(r, t, e) {
+  const i = Array.from(t), s = [0];
+  let o = "";
   for (let a = 0; a < i.length; a++)
-    s += i[a], o.push(r.measureText(s).width + e * (a + 1));
-  return o;
+    o += i[a], s.push(r.measureText(o).width + e * (a + 1));
+  return s;
 }
-function Ie(r, t, e) {
+function Re(r, t, e) {
   switch (r.textAlign) {
     case "center":
       return t - e / 2;
@@ -3670,23 +3715,23 @@ function Ie(r, t, e) {
       return t;
   }
 }
-function Gt(r, t, e, i, o, s) {
-  if (!s || e.length === 0) {
-    t[r](e, i, o);
+function Jt(r, t, e, i, s, o) {
+  if (!o || e.length === 0) {
+    t[r](e, i, s);
     return;
   }
-  const a = De(t, e, s), n = a[a.length - 1], h = Ie(t, i, n), l = t.textAlign;
+  const a = Be(t, e, o), n = a[a.length - 1], h = Re(t, i, n), l = t.textAlign;
   t.textAlign = "left";
   const c = Array.from(e);
   for (let g = 0; g < c.length; g++)
-    t[r](c[g], h + a[g], o);
+    t[r](c[g], h + a[g], s);
   t.textAlign = l;
 }
-function Vi(r, t, e, i, o) {
-  Gt("fillText", r, t, e, i, o);
+function es(r, t, e, i, s) {
+  Jt("fillText", r, t, e, i, s);
 }
-function Ji(r, t, e, i, o) {
-  Gt("strokeText", r, t, e, i, o);
+function is(r, t, e, i, s) {
+  Jt("strokeText", r, t, e, i, s);
 }
 let ht = null;
 function bt() {
@@ -3700,12 +3745,12 @@ function bt() {
   return ht;
 }
 function at(r, t, e = !1, i = !1) {
-  const o = [];
-  return i && o.push("italic"), e && o.push("bold"), o.push(`${r}px`), o.push(t), o.join(" ");
+  const s = [];
+  return i && s.push("italic"), e && s.push("bold"), s.push(`${r}px`), s.push(t), s.join(" ");
 }
-function At(r, t, e, i, o = !1, s = !1, a, n = !1, h) {
+function It(r, t, e, i, s = !1, o = !1, a, n = !1, h) {
   const c = bt().getContext("2d");
-  c.font = at(e, i, o, s);
+  c.font = at(e, i, s, o);
   const g = (h == null ? void 0 : h.letterSpacing) ?? 0, d = (A) => wt(c.measureText(A).width, A, g);
   if (r.trim().length === 0)
     return [r];
@@ -3714,7 +3759,7 @@ function At(r, t, e, i, o = !1, s = !1, a, n = !1, h) {
     const A = r.split(`
 `), k = [];
     for (let R = 0; R < A.length; R++) {
-      const H = A[R], E = At(H, t, e, i, o, s, void 0, n, h);
+      const H = A[R], E = It(H, t, e, i, s, o, void 0, n, h);
       k.push(...E);
     }
     return k;
@@ -3730,78 +3775,78 @@ function At(r, t, e, i, o = !1, s = !1, a, n = !1, h) {
     }
     return A.length > 0 && (A[0] = m + A[0], A[A.length - 1] = A[A.length - 1] + p), A;
   }
-  const S = w.join(" "), b = m + S + p, T = d(b), C = t < 200, F = n ? 0 : Math.max(20, t * (n ? 0 : C ? 0.08 : 0.05));
-  if (T <= t + F)
+  const S = w.join(" "), b = m + S + p, v = d(b), C = t < 200, F = n ? 0 : Math.max(20, t * (n ? 0 : C ? 0.08 : 0.05));
+  if (v <= t + F)
     return [b];
-  const v = [];
+  const T = [];
   let D = "";
   const B = n ? 0 : Math.max(15, t * (n ? 0 : C ? 0.05 : 0.03));
   for (let A = 0; A < w.length; A++) {
     const k = w[A];
     if (d(k) > t + B) {
-      D.length > 0 && (v.push(D), D = "");
+      D.length > 0 && (T.push(D), D = "");
       const H = Array.from(k);
       let E = "";
       for (const W of H) {
         const z = E + W;
-        d(z) > t + B && E.length > 0 ? (v.push(E), E = W) : E = z;
+        d(z) > t + B && E.length > 0 ? (T.push(E), E = W) : E = z;
       }
       D = E;
     } else {
       const H = D.length > 0 ? D + " " + k : k;
-      d(H) > t + B && D.length > 0 ? (v.push(D), D = k) : D = H;
+      d(H) > t + B && D.length > 0 ? (T.push(D), D = k) : D = H;
     }
   }
-  if (D.length > 0 && v.push(D), v.length > 0) {
+  if (D.length > 0 && T.push(D), T.length > 0) {
     if (m.length > 0) {
-      const A = m + v[0];
-      d(A) > t + B ? v.unshift(m) : v[0] = A;
+      const A = m + T[0];
+      d(A) > t + B ? T.unshift(m) : T[0] = A;
     }
     if (p.length > 0) {
-      const A = v.length - 1, k = v[A] + p;
-      d(k) > t + B ? v.push(p) : v[A] = k;
+      const A = T.length - 1, k = T[A] + p;
+      d(k) > t + B ? T.push(p) : T[A] = k;
     }
   }
-  return v;
+  return T;
 }
-function Bt(r, t, e, i = !1, o = !1, s = 0) {
+function Pt(r, t, e, i = !1, s = !1, o = 0) {
   const n = bt().getContext("2d");
-  return n.font = at(t, e, i, o), wt(n.measureText(r).width, r, s);
+  return n.font = at(t, e, i, s), wt(n.measureText(r).width, r, o);
 }
-function Ft(r, t, e = !1, i = !1) {
-  const s = bt().getContext("2d");
-  s.font = at(r, t, e, i);
-  const n = s.measureText("ÁÉÍgjpqy"), h = n.actualBoundingBoxAscent || r * 0.8, l = n.actualBoundingBoxDescent || r * 0.2, c = h + l;
+function Mt(r, t, e = !1, i = !1) {
+  const o = bt().getContext("2d");
+  o.font = at(r, t, e, i);
+  const n = o.measureText("ÁÉÍgjpqy"), h = n.actualBoundingBoxAscent || r * 0.8, l = n.actualBoundingBoxDescent || r * 0.2, c = h + l;
   return { ascent: h, descent: l, height: c };
 }
-function Rt(r, t, e, i, o = !1, s = !1, a, n = !1, h) {
-  const l = (h == null ? void 0 : h.letterSpacing) ?? 0, c = At(r, t, e, i, o, s, a, n, h), g = r.includes(`
-`), d = c.map((b, T) => ({
-    isParagraphStart: !g && T === 0,
-    isParagraphEnd: !g && T === c.length - 1
+function Lt(r, t, e, i, s = !1, o = !1, a, n = !1, h) {
+  const l = (h == null ? void 0 : h.letterSpacing) ?? 0, c = It(r, t, e, i, s, o, a, n, h), g = r.includes(`
+`), d = c.map((b, v) => ({
+    isParagraphStart: !g && v === 0,
+    isParagraphEnd: !g && v === c.length - 1
   })), u = bt().getContext("2d");
-  u.font = at(e, i, o, s);
+  u.font = at(e, i, s, o);
   let m = 0;
-  const p = Ft(e, i, o, s);
+  const p = Mt(e, i, s, o);
   let y = 0;
-  c.forEach((b, T) => {
-    const C = d[T].isParagraphStart, M = d[T].isParagraphEnd;
+  c.forEach((b, v) => {
+    const C = d[v].isParagraphStart, M = d[v].isParagraphEnd;
     let F = b;
     if (!C) {
-      const v = b.match(/^ +/), D = v ? v[0].length : 0;
+      const T = b.match(/^ +/), D = T ? T[0].length : 0;
       D > 0 && (F = F.substring(D));
     }
     if (!M) {
-      const v = F.match(/ +$/), D = v ? v[0].length : 0;
+      const T = F.match(/ +$/), D = T ? T[0].length : 0;
       D > 0 && (F = F.substring(0, F.length - D));
     }
     if (y++, F.length > 0) {
-      const v = wt(u.measureText(F).width, F, l);
-      m = Math.max(m, v);
+      const T = wt(u.measureText(F).width, F, l);
+      m = Math.max(m, T);
     }
   });
   let w;
-  const S = (h == null ? void 0 : h.lineHeight) ?? _t;
+  const S = (h == null ? void 0 : h.lineHeight) ?? Ut;
   if (y === 1)
     w = p.height;
   else if (y === 0)
@@ -3817,7 +3862,7 @@ function Rt(r, t, e, i, o = !1, s = !1, a, n = !1, h) {
   };
 }
 let lt = null;
-function ke() {
+function He() {
   if (!lt)
     if (typeof OffscreenCanvas < "u")
       lt = new OffscreenCanvas(1, 1).getContext("2d");
@@ -3827,10 +3872,10 @@ function ke() {
       throw new Error("No canvas context available");
   return lt;
 }
-function Ee(r, t, e) {
-  const i = ke(), o = [], s = (p, y) => {
-    const w = y.fontSize || e.fontSize, S = y.fontFamily || e.fontFamily, b = y.bold !== void 0 ? y.bold : e.bold || !1, T = y.italic !== void 0 ? y.italic : e.italic || !1, C = y.letterSpacing !== void 0 ? y.letterSpacing : e.letterSpacing ?? 0;
-    return i.font = at(w, S, b, T), wt(i.measureText(p).width, p, C);
+function Pe(r, t, e) {
+  const i = He(), s = [], o = (p, y) => {
+    const w = y.fontSize || e.fontSize, S = y.fontFamily || e.fontFamily, b = y.bold !== void 0 ? y.bold : e.bold || !1, v = y.italic !== void 0 ? y.italic : e.italic || !1, C = y.letterSpacing !== void 0 ? y.letterSpacing : e.letterSpacing ?? 0;
+    return i.font = at(w, S, b, v), wt(i.measureText(p).width, p, C);
   }, a = (p, y) => p.fontSize === y.fontSize && p.fontFamily === y.fontFamily && p.color === y.color && p.bold === y.bold && p.italic === y.italic && p.underline === y.underline && p.strikethrough === y.strikethrough && p.letterSpacing === y.letterSpacing, n = [];
   r.forEach((p) => {
     n.length > 0 && a(n[n.length - 1].style, p.style) ? n[n.length - 1].text += p.text : n.push({ text: p.text, style: p.style });
@@ -3850,7 +3895,7 @@ function Ee(r, t, e) {
   g.length > 0 && c.push({ text: g, startIdx: d, endIdx: h.length - 1 });
   let f = [], u = 0;
   const m = () => {
-    f.length > 0 && (o.push(f), f = [], u = 0);
+    f.length > 0 && (s.push(f), f = [], u = 0);
   };
   return c.forEach((p, y) => {
     const w = [];
@@ -3860,21 +3905,21 @@ function Ee(r, t, e) {
       M !== S ? (w.push({ text: b, style: n[S].style }), b = h[C], S = M) : b += h[C];
     }
     b.length > 0 && w.push({ text: b, style: n[S].style });
-    const T = w.reduce((C, M) => C + s(M.text, M.style), 0);
+    const v = w.reduce((C, M) => C + o(M.text, M.style), 0);
     if (p.text === " ") {
       if (f.length > 0) {
         const C = f[f.length - 1];
         a(C.style, w[0].style) ? C.text += " " : f.push({ text: " ", style: w[0].style });
       } else
         f.push({ text: " ", style: w[0].style });
-      u += T;
-    } else if (T > t) {
+      u += v;
+    } else if (v > t) {
       f.length > 0 && m();
       for (const C of w) {
         const M = Array.from(C.text);
         let F = "";
-        for (const v of M) {
-          const D = s(v, C.style);
+        for (const T of M) {
+          const D = o(T, C.style);
           if (u + D > t && u > 0) {
             if (F.length > 0) {
               if (f.length > 0) {
@@ -3886,44 +3931,44 @@ function Ee(r, t, e) {
             }
             m();
           }
-          F += v, u += D;
+          F += T, u += D;
         }
         if (F.length > 0)
           if (f.length > 0) {
-            const v = f[f.length - 1];
-            a(v.style, C.style) ? v.text += F : f.push({ text: F, style: C.style });
+            const T = f[f.length - 1];
+            a(T.style, C.style) ? T.text += F : f.push({ text: F, style: C.style });
           } else
             f.push({ text: F, style: C.style });
       }
     } else
-      u + T > t && f.length > 0 && m(), w.forEach((C) => {
+      u + v > t && f.length > 0 && m(), w.forEach((C) => {
         if (f.length > 0) {
           const M = f[f.length - 1];
           a(M.style, C.style) ? M.text += C.text : f.push({ ...C });
         } else
           f.push({ ...C });
-      }), u += T;
-  }), m(), o.length === 0 && o.push([]), o;
+      }), u += v;
+  }), m(), s.length === 0 && s.push([]), s;
 }
-function Oe(r) {
+function Le(r) {
   const t = [];
   let e = [];
   return r.spans.forEach((i) => {
-    const o = i.text.split(`
+    const s = i.text.split(`
 `);
-    o.forEach((s, a) => {
-      s.length > 0 && e.push({ text: s, style: i.style }), a < o.length - 1 && (t.push(e), e = []);
+    s.forEach((o, a) => {
+      o.length > 0 && e.push({ text: o, style: i.style }), a < s.length - 1 && (t.push(e), e = []);
     });
   }), e.length > 0 && t.push(e), t.length === 0 && t.push([]), t;
 }
-function ot(r) {
+function st(r) {
   return typeof r.width == "number" ? r.width : void 0;
 }
-function $t(r, t) {
+function qt(r, t) {
   r.width = t;
 }
-function Be(r, t, e) {
-  const i = e.transformData, o = ot(i), s = o !== void 0 ? o : e.width ?? 0, a = t / s, n = e.fontSize ?? r.fontSize, h = n * a;
+function We(r, t, e) {
+  const i = e.transformData, s = st(i), o = s !== void 0 ? s : e.width ?? 0, a = t / o, n = e.fontSize ?? r.fontSize, h = n * a;
   let l;
   if (h < 16 ? l = Math.round(h) : l = Math.round(h * 2) / 2, r.setFontSize(l), e.richText && e.richText instanceof L && typeof r.setRichText == "function") {
     const f = e.richText.clone();
@@ -3935,33 +3980,33 @@ function Be(r, t, e) {
     r.setRichText(f);
   }
   const c = r.transformData;
-  if (ot(c) !== void 0 && o !== void 0) {
-    const d = n > 0 ? l / n : a, f = o * d;
-    $t(c, Math.max(20, Math.ceil(f)));
+  if (st(c) !== void 0 && s !== void 0) {
+    const d = n > 0 ? l / n : a, f = s * d;
+    qt(c, Math.max(20, Math.ceil(f)));
   }
 }
-function Re(r, t, e, i) {
+function ze(r, t, e, i) {
   if (t !== "middle-left" && t !== "middle-right")
     return;
   r.fontSize = i.fontSize ?? r.fontSize;
-  const o = r.transformData;
-  if (ot(o) !== void 0) {
-    $t(o, Math.max(Yt, e));
-    const a = I.toRadiansInverse(r.rotation), n = Math.cos(a), h = Math.sin(a), l = i.transformData, g = ot(l) ?? i.width ?? 0, f = (ot(o) ?? 0) - g;
+  const s = r.transformData;
+  if (st(s) !== void 0) {
+    qt(s, Math.max(Gt, e));
+    const a = I.toRadiansInverse(r.rotation), n = Math.cos(a), h = Math.sin(a), l = i.transformData, g = st(l) ?? i.width ?? 0, f = (st(s) ?? 0) - g;
     t === "middle-left" ? (r.x = i.x - f / 2 * n, r.y = i.y - f / 2 * h) : t === "middle-right" && (r.x = i.x + f / 2 * n, r.y = i.y + f / 2 * h);
   }
 }
-function Vt(r, t, e, i, o) {
-  const s = t.includes("top") || t.includes("bottom"), a = t.includes("middle");
-  s ? Be(r, e, o) : a && Re(r, t, e, o);
+function jt(r, t, e, i, s) {
+  const o = t.includes("top") || t.includes("bottom"), a = t.includes("middle");
+  o ? We(r, e, s) : a && ze(r, t, e, s);
 }
-class He extends q {
+class Xe extends q {
   // Temporary property used during resize operations only
   constructor(t = {}) {
     super(t), this.transformType = "custom";
     const e = t.transformData, i = (e == null ? void 0 : e.width) !== void 0 ? e.width : Math.max(
-      Yt,
-      Bt(this.text, this.fontSize, this.fontFamily, this.bold, this.italic, this.letterSpacing ?? 0) + j * 2
+      Gt,
+      Pt(this.text, this.fontSize, this.fontFamily, this.bold, this.italic, this.letterSpacing ?? 0) + j * 2
     );
     this.transformData = {
       type: "custom",
@@ -3974,31 +4019,31 @@ class He extends q {
    * Returns the total height based on the tallest font in each line
    */
   calculateRichTextHeight() {
-    const t = this.getRichText(), e = this.transformData.width - j * 2, i = Oe(t), o = [];
+    const t = this.getRichText(), e = this.transformData.width - j * 2, i = Le(t), s = [];
     if (i.forEach((h) => {
-      Ee(h, e, {
+      Pe(h, e, {
         fontSize: this.fontSize,
         fontFamily: this.fontFamily,
         bold: this.bold,
         italic: this.italic,
         letterSpacing: this.letterSpacing
       }).forEach((c) => {
-        o.push(c);
+        s.push(c);
       });
-    }), o.length === 0)
+    }), s.length === 0)
       return 0;
-    let s = 0, a = 0;
-    o.forEach((h) => {
+    let o = 0, a = 0;
+    s.forEach((h) => {
       h.forEach((l) => {
-        const c = l.style.fontSize !== void 0 ? l.style.fontSize : this.fontSize, g = l.style.fontFamily !== void 0 ? l.style.fontFamily : this.fontFamily, d = l.style.bold !== void 0 ? l.style.bold : this.bold, f = l.style.italic !== void 0 ? l.style.italic : this.italic, u = Ft(c, g, d, f);
-        s = Math.max(s, u.height), a = Math.max(a, u.ascent);
+        const c = l.style.fontSize !== void 0 ? l.style.fontSize : this.fontSize, g = l.style.fontFamily !== void 0 ? l.style.fontFamily : this.fontFamily, d = l.style.bold !== void 0 ? l.style.bold : this.bold, f = l.style.italic !== void 0 ? l.style.italic : this.italic, u = Mt(c, g, d, f);
+        o = Math.max(o, u.height), a = Math.max(a, u.ascent);
       });
     });
-    const n = this.fontSize * (this.lineHeight ?? _t);
-    if (o.length === 1)
-      return s;
+    const n = this.fontSize * (this.lineHeight ?? Ut);
+    if (s.length === 1)
+      return o;
     {
-      const h = Ft(this.fontSize, this.fontFamily, this.bold, this.italic), l = (o.length - 1) * n + h.height, c = Math.max(0, a - h.ascent), g = Math.max(0, s - a - (h.height - h.ascent));
+      const h = Mt(this.fontSize, this.fontFamily, this.bold, this.italic), l = (s.length - 1) * n + h.height, c = Math.max(0, a - h.ascent), g = Math.max(0, o - a - (h.height - h.ascent));
       return l + c + g;
     }
   }
@@ -4020,7 +4065,7 @@ class He extends q {
   getBoundingBox() {
     const t = this.transformData.width - j * 2;
     let e;
-    return this.hasPerCharacterFormatting() ? e = this.calculateRichTextHeight() : e = Rt(
+    return this.hasPerCharacterFormatting() ? e = this.calculateRichTextHeight() : e = Lt(
       this.text,
       t,
       this.fontSize,
@@ -4047,7 +4092,7 @@ class He extends q {
   getVisualBoundingBox() {
     const t = this.transformData.width - j * 2;
     let e;
-    this.hasPerCharacterFormatting() ? e = this.calculateRichTextHeight() : e = Rt(
+    this.hasPerCharacterFormatting() ? e = this.calculateRichTextHeight() : e = Lt(
       this.text,
       t,
       this.fontSize,
@@ -4085,13 +4130,13 @@ class He extends q {
    */
   render(t, e = !1, i = !1) {
     var n;
-    const o = this.opacity ?? 1, s = !!((n = this.stroke) != null && n.enabled);
-    if (o < 1 && s) {
-      this.renderWithOffscreen(t, o);
+    const s = this.opacity ?? 1, o = !!((n = this.stroke) != null && n.enabled);
+    if (s < 1 && o) {
+      this.renderWithOffscreen(t, s);
       return;
     }
     const a = t.globalAlpha;
-    o !== 1 && (t.globalAlpha = o), gt("custom")(t, this.toJSON()), t.globalAlpha = a;
+    s !== 1 && (t.globalAlpha = s), gt("custom")(t, this.toJSON()), t.globalAlpha = a;
   }
   /**
    * Render stroke+fill to an offscreen canvas at full opacity, then composite
@@ -4099,7 +4144,7 @@ class He extends q {
    */
   renderWithOffscreen(t, e) {
     var d;
-    const o = (((d = this.stroke) == null ? void 0 : d.width) || 0) + 20, s = this.getVisualBoundingBox(), a = Math.ceil(s.width + o * 2), n = Math.ceil(s.height + o * 2), h = document.createElement("canvas");
+    const s = (((d = this.stroke) == null ? void 0 : d.width) || 0) + 20, o = this.getVisualBoundingBox(), a = Math.ceil(o.width + s * 2), n = Math.ceil(o.height + s * 2), h = document.createElement("canvas");
     h.width = a, h.height = n;
     const l = h.getContext("2d");
     if (!l) {
@@ -4107,14 +4152,14 @@ class He extends q {
       t.globalAlpha = e, gt("custom")(t, this.toJSON()), t.globalAlpha = f;
       return;
     }
-    const c = s.x + s.width / 2, g = s.y + s.height / 2;
+    const c = o.x + o.width / 2, g = o.y + o.height / 2;
     l.translate(a / 2 - c, n / 2 - g), gt("custom")(l, this.toJSON()), t.save(), t.globalAlpha = e, t.drawImage(h, c - a / 2, g - n / 2), t.restore();
   }
   /**
    * Override getTransformStartData to capture initial line count
    */
   getTransformStartData() {
-    const t = super.getTransformStartData(), e = this.transformData.width - j * 2, i = At(this.text, e, this.fontSize, this.fontFamily, this.bold, this.italic, void 0, !1, {
+    const t = super.getTransformStartData(), e = this.transformData.width - j * 2, i = It(this.text, e, this.fontSize, this.fontFamily, this.bold, this.italic, void 0, !1, {
       letterSpacing: this.letterSpacing
     });
     return t.lineCount = i.length, t;
@@ -4124,9 +4169,9 @@ class He extends q {
    * Corner handles: uniform scale (fontSize and width both change) - line count locked
    * Side handles: only width changes - text re-wraps naturally
    */
-  resize(t, e, i, o) {
-    if (t === "top-left" || t === "top-right" || t === "bottom-left" || t === "bottom-right" || (this._lockedLineCount = void 0), Vt(this, t, e, i, o), this._lockedLineCount !== void 0 && this._lockedLineCount > 0) {
-      const n = Bt(
+  resize(t, e, i, s) {
+    if (t === "top-left" || t === "top-right" || t === "bottom-left" || t === "bottom-right" || (this._lockedLineCount = void 0), jt(this, t, e, i, s), this._lockedLineCount !== void 0 && this._lockedLineCount > 0) {
+      const n = Pt(
         this.text,
         this.fontSize,
         this.fontFamily,
@@ -4178,32 +4223,32 @@ class He extends q {
     };
   }
 }
-function Pe(r, t, e, i) {
-  const o = I.toRadians(i), s = Math.cos(o), a = Math.sin(o);
+function Ne(r, t, e, i) {
+  const s = I.toRadians(i), o = Math.cos(s), a = Math.sin(s);
   let n = 0, h = 0;
   e === "top-left" ? (n = r.width, h = r.height) : e === "top-right" ? (n = 0, h = r.height) : e === "bottom-left" ? (n = r.width, h = 0) : e === "bottom-right" && (n = 0, h = 0);
-  const l = r.x + (n * s - h * a), c = r.y + (n * a + h * s);
+  const l = r.x + (n * o - h * a), c = r.y + (n * a + h * o);
   let g = 0, d = 0;
   e === "top-left" ? (g = t.width, d = t.height) : e === "top-right" ? (g = 0, d = t.height) : e === "bottom-left" ? (g = t.width, d = 0) : e === "bottom-right" && (g = 0, d = 0);
-  const f = l - (g * s - d * a), u = c - (g * a + d * s);
+  const f = l - (g * o - d * a), u = c - (g * a + d * o);
   return { x: f, y: u };
 }
-function qi(r, t, e, i = 1) {
-  const o = r.width / 2, s = r.height + ge / i, a = r.x + o, n = r.y + s, h = I.toRadians(t), l = Math.cos(h), c = Math.sin(h), g = a - e.x, d = n - e.y, f = g * l - d * c, u = g * c + d * l;
+function ss(r, t, e, i = 1) {
+  const s = r.width / 2, o = r.height + me / i, a = r.x + s, n = r.y + o, h = I.toRadians(t), l = Math.cos(h), c = Math.sin(h), g = a - e.x, d = n - e.y, f = g * l - d * c, u = g * c + d * l;
   return {
     x: e.x + f,
     y: e.y + u
   };
 }
-function ji(r, t, e) {
-  const i = I.toRadians(t), o = Math.cos(i), s = Math.sin(i), a = (c, g) => {
-    const d = r.x + c, f = r.y + g, u = d - e.x, m = f - e.y, p = u * o - m * s, y = u * s + m * o;
+function os(r, t, e) {
+  const i = I.toRadians(t), s = Math.cos(i), o = Math.sin(i), a = (c, g) => {
+    const d = r.x + c, f = r.y + g, u = d - e.x, m = f - e.y, p = u * s - m * o, y = u * o + m * s;
     return {
       x: e.x + p,
       y: e.y + y
     };
   }, { width: n, height: h } = r, l = (c, g, d, f) => {
-    const u = a(d, f), m = Le(
+    const u = a(d, f), m = _e(
       u.x,
       u.y,
       e.x,
@@ -4232,35 +4277,35 @@ function ji(r, t, e) {
     l("edge", "middle-bottom", n / 2, h)
   ];
 }
-function Zi(r, t, e, i, o) {
-  const s = r - e, a = t - i;
-  return s * s + a * a <= o * o;
+function rs(r, t, e, i, s) {
+  const o = r - e, a = t - i;
+  return o * o + a * a <= s * s;
 }
-function Ki(r, t, e, i) {
-  const o = I.toRadiansInverse(i), s = Math.cos(o), a = Math.sin(o), n = r - e.x, h = t - e.y, l = n * s - h * a, c = n * a + h * s;
+function ns(r, t, e, i) {
+  const s = I.toRadiansInverse(i), o = Math.cos(s), a = Math.sin(s), n = r - e.x, h = t - e.y, l = n * o - h * a, c = n * a + h * o;
   return l >= 0 && l <= e.width && c >= 0 && c <= e.height;
 }
-function tt(r, t, e = "Arial", i = !1, o = !1) {
-  const a = document.createElement("canvas").getContext("2d"), n = i ? "bold" : "normal", h = o ? "italic" : "normal";
+function tt(r, t, e = "Arial", i = !1, s = !1) {
+  const a = document.createElement("canvas").getContext("2d"), n = i ? "bold" : "normal", h = s ? "italic" : "normal";
   return a.font = `${h} ${n} ${t}px ${e}`, a.measureText(r).width;
 }
-function Qi(r) {
+function as(r) {
   return {
     x: r.x + r.width / 2,
     y: r.y + r.height / 2
   };
 }
-function to(r, t, e, i) {
+function hs(r, t, e, i) {
   return Math.atan2(i - t, e - r);
 }
-function eo(r, t, e) {
+function ls(r, t, e) {
   return Math.abs(r - t) <= e;
 }
-function Le(r, t, e, i, o, s = 0, a = "") {
+function _e(r, t, e, i, s, o = 0, a = "") {
   const n = r - e, h = t - i;
   let l = Math.atan2(h, n) * (180 / Math.PI);
-  if (l = (l % 360 + 360) % 360, o === "corner") {
-    if (Math.abs(s) < 0.1) {
+  if (l = (l % 360 + 360) % 360, s === "corner") {
+    if (Math.abs(o) < 0.1) {
       if (a === "top-left" || a === "bottom-right")
         return "nwse-resize";
       if (a === "top-right" || a === "bottom-left")
@@ -4273,17 +4318,17 @@ function Le(r, t, e, i, o, s = 0, a = "") {
     return c >= 45 && c < 135 ? "ns-resize" : "ew-resize";
   }
 }
-function We(r) {
+function Ye(r) {
   if (!r.getTransform)
     return 1;
   const t = r.getTransform();
   return Math.sqrt(t.a * t.a + t.b * t.b);
 }
-function io(r, t, e = []) {
-  const i = We(r);
-  r.lineWidth = i > 0 ? t / i : t, e.length > 0 && r.setLineDash(i > 0 ? e.map((o) => o / i) : e);
+function cs(r, t, e = []) {
+  const i = Ye(r);
+  r.lineWidth = i > 0 ? t / i : t, e.length > 0 && r.setLineDash(i > 0 ? e.map((s) => s / i) : e);
 }
-class ze extends q {
+class Ue extends q {
   constructor(t = {}) {
     super(t), this.transformType = "circle";
     const e = t.transformData;
@@ -4313,11 +4358,11 @@ class ze extends q {
    * For circular text, calculate the arc bounds where text actually appears
    */
   getVisualBoundingBox() {
-    const t = this.transformData.radius * this.transformData.scale, e = this.fontSize * this.transformData.scale, o = tt(this.text, e, this.fontFamily, this.bold, this.italic) / t, s = -Math.PI / 2 - o / 2, a = -Math.PI / 2 + o / 2, n = t > e / 2 ? t - e / 2 : t * 0.1, h = t + e / 2;
+    const t = this.transformData.radius * this.transformData.scale, e = this.fontSize * this.transformData.scale, s = tt(this.text, e, this.fontFamily, this.bold, this.italic) / t, o = -Math.PI / 2 - s / 2, a = -Math.PI / 2 + s / 2, n = t > e / 2 ? t - e / 2 : t * 0.1, h = t + e / 2;
     let l = 1 / 0, c = -1 / 0, g = 1 / 0, d = -1 / 0;
     const f = 10;
     for (let u = 0; u <= f; u++) {
-      const m = s + (a - s) * (u / f), p = this.x + Math.cos(m) * n, y = this.y + Math.sin(m) * n, w = this.x + Math.cos(m) * h, S = this.y + Math.sin(m) * h;
+      const m = o + (a - o) * (u / f), p = this.x + Math.cos(m) * n, y = this.y + Math.sin(m) * n, w = this.x + Math.cos(m) * h, S = this.y + Math.sin(m) * h;
       l = Math.min(l, p, w), c = Math.max(c, p, w), g = Math.min(g, y, S), d = Math.max(d, y, S);
     }
     return {
@@ -4336,15 +4381,15 @@ class ze extends q {
    * Handle resize
    * For circle, we maintain uniform scale and keep scale on the transform
    */
-  resize(t, e, i, o) {
-    const s = o.transformData, a = (e + i) / 2, n = (o.width + o.height) / 2, h = a / n, l = s.scale * h, c = Math.max(0.1, Math.min(10, l));
+  resize(t, e, i, s) {
+    const o = s.transformData, a = (e + i) / 2, n = (s.width + s.height) / 2, h = a / n, l = o.scale * h, c = Math.max(0.1, Math.min(10, l));
     this.transformData.scale = c;
-    const g = this.getBoundingBox(), d = Pe(
+    const g = this.getBoundingBox(), d = Ne(
       {
-        x: o.x - s.radius * s.scale,
-        y: o.y - s.radius * s.scale,
-        width: s.radius * 2 * s.scale,
-        height: s.radius * 2 * s.scale
+        x: s.x - o.radius * o.scale,
+        y: s.y - o.radius * o.scale,
+        width: o.radius * 2 * o.scale,
+        height: o.radius * 2 * o.scale
       },
       { width: g.width, height: g.height },
       t,
@@ -4413,7 +4458,7 @@ class ze extends q {
     };
   }
 }
-class Xe extends q {
+class Ge extends q {
   constructor(t = {}) {
     super(t), this.transformType = "arch";
     const e = t.transformData;
@@ -4433,10 +4478,10 @@ class Xe extends q {
     };
   }
   getVisualBoundingBox() {
-    const t = this.text.split(""), e = t.map((u) => tt(u, this.fontSize, this.fontFamily)), i = e.reduce((u, m) => u + m, 0), o = this.transformData.width / 2, s = 0.3, n = this.fontSize / 2;
+    const t = this.text.split(""), e = t.map((u) => tt(u, this.fontSize, this.fontFamily)), i = e.reduce((u, m) => u + m, 0), s = this.transformData.width / 2, o = 0.3, n = this.fontSize / 2;
     let h = 1 / 0, l = -1 / 0, c = 1 / 0, g = -1 / 0, d = -i / 2;
     t.forEach((u, m) => {
-      const p = e[m], y = d + p / 2, w = y / o, S = (Math.pow(w, 2) - 1) * this.transformData.archHeight * this.fontSize, b = 2 * w * this.transformData.archHeight;
+      const p = e[m], y = d + p / 2, w = y / s, S = (Math.pow(w, 2) - 1) * this.transformData.archHeight * this.fontSize, b = 2 * w * this.transformData.archHeight;
       [
         { x: -p / 2, y: -n },
         // top-left
@@ -4447,8 +4492,8 @@ class Xe extends q {
         { x: p / 2, y: n }
         // bottom-right
       ].forEach((C) => {
-        const M = C.x, F = C.y + b * s * C.x, v = y + M, D = S + F;
-        h = Math.min(h, v), l = Math.max(l, v), c = Math.min(c, D), g = Math.max(g, D);
+        const M = C.x, F = C.y + b * o * C.x, T = y + M, D = S + F;
+        h = Math.min(h, T), l = Math.max(l, T), c = Math.min(c, D), g = Math.max(g, D);
       }), d += p;
     });
     const f = 2;
@@ -4459,22 +4504,22 @@ class Xe extends q {
       height: g - c
     };
   }
-  resize(t, e, i, o) {
-    const s = t.includes("top") || t.includes("bottom"), a = t.includes("middle"), n = o.transformData;
-    if (s) {
-      const h = e / o.width, l = o.fontSize * h;
+  resize(t, e, i, s) {
+    const o = t.includes("top") || t.includes("bottom"), a = t.includes("middle"), n = s.transformData;
+    if (o) {
+      const h = e / s.width, l = s.fontSize * h;
       this.setFontSize(l);
       const c = n.width * h;
       this.transformData.width = Math.max(50, c);
     } else if (a && (t === "middle-left" || t === "middle-right")) {
-      this.fontSize = o.fontSize, this.transformData.width = Math.max(50, e);
-      const h = e - o.width, l = this.rotation * Math.PI / 180, c = Math.cos(l), g = Math.sin(l);
+      this.fontSize = s.fontSize, this.transformData.width = Math.max(50, e);
+      const h = e - s.width, l = this.rotation * Math.PI / 180, c = Math.cos(l), g = Math.sin(l);
       if (t === "middle-left") {
         const d = -h / 2;
-        this.x = o.x + d * c, this.y = o.y + d * g;
+        this.x = s.x + d * c, this.y = s.y + d * g;
       } else if (t === "middle-right") {
         const d = h / 2;
-        this.x = o.x + d * c, this.y = o.y + d * g;
+        this.x = s.x + d * c, this.y = s.y + d * g;
       }
     }
   }
@@ -4506,7 +4551,7 @@ class Xe extends q {
     };
   }
 }
-const st = {
+const ot = {
   amplitude: 0.2,
   // 20% - subtle wave effect
   frequency: 1.2,
@@ -4518,22 +4563,22 @@ const st = {
   frequency: 2,
   // Standard flag frequency
   width: 200
-}, _e = {
+}, $e = {
   archHeight: 0.5
-}, Ye = {
+}, Ve = {
   leanAmount: 0
-}, Ne = {
+}, Je = {
   ascendAngle: -15
 };
-class Ue extends q {
+class qe extends q {
   constructor(t = {}) {
     super(t), this.transformType = "wave";
     const e = t.transformData;
     this.transformData = {
       type: "wave",
-      amplitude: (e == null ? void 0 : e.amplitude) ?? st.amplitude,
-      frequency: (e == null ? void 0 : e.frequency) ?? st.frequency,
-      width: (e == null ? void 0 : e.width) ?? st.width
+      amplitude: (e == null ? void 0 : e.amplitude) ?? ot.amplitude,
+      frequency: (e == null ? void 0 : e.frequency) ?? ot.frequency,
+      width: (e == null ? void 0 : e.width) ?? ot.width
     };
   }
   getBoundingBox() {
@@ -4546,21 +4591,21 @@ class Ue extends q {
     };
   }
   getVisualBoundingBox() {
-    const t = this.text.split(""), e = t.map((d) => tt(d, this.fontSize, this.fontFamily)), i = e.reduce((d, f) => d + f, 0), s = this.fontSize / 2;
+    const t = this.text.split(""), e = t.map((d) => tt(d, this.fontSize, this.fontFamily)), i = e.reduce((d, f) => d + f, 0), o = this.fontSize / 2;
     let a = 1 / 0, n = -1 / 0, h = 1 / 0, l = -1 / 0, c = -i / 2;
     t.forEach((d, f) => {
       const u = e[f], m = c + u / 2, p = m / (this.transformData.width / 2), y = this.transformData.amplitude * this.fontSize * Math.sin(this.transformData.frequency * Math.PI * p), w = this.transformData.amplitude * this.transformData.frequency * Math.PI * Math.cos(this.transformData.frequency * Math.PI * p);
       [
-        { x: -u / 2, y: -s },
+        { x: -u / 2, y: -o },
         // top-left
-        { x: u / 2, y: -s },
+        { x: u / 2, y: -o },
         // top-right
-        { x: -u / 2, y: s },
+        { x: -u / 2, y: o },
         // bottom-left
-        { x: u / 2, y: s }
+        { x: u / 2, y: o }
         // bottom-right
       ].forEach((b) => {
-        const T = b.x, C = b.y + w * be * b.x, M = m + T, F = y + C;
+        const v = b.x, C = b.y + w * Ce * b.x, M = m + v, F = y + C;
         a = Math.min(a, M), n = Math.max(n, M), h = Math.min(h, F), l = Math.max(l, F);
       }), c += u;
     });
@@ -4572,8 +4617,8 @@ class Ue extends q {
       height: l - h
     };
   }
-  resize(t, e, i, o) {
-    Vt(this, t, e, i, o);
+  resize(t, e, i, s) {
+    jt(this, t, e, i, s);
   }
   getEnabledAnchors() {
     return ["top-left", "top-right", "bottom-left", "bottom-right"];
@@ -4594,7 +4639,7 @@ class Ue extends q {
     };
   }
 }
-class Ge extends q {
+class je extends q {
   constructor(t = {}) {
     super(t), this.transformType = "flag";
     const e = t.transformData;
@@ -4615,10 +4660,10 @@ class Ge extends q {
     };
   }
   getVisualBoundingBox() {
-    const t = this.text.split(""), e = t.map((f) => tt(f, this.fontSize, this.fontFamily)), i = e.reduce((f, u) => f + u, 0), o = 0.3, a = this.fontSize / 2;
+    const t = this.text.split(""), e = t.map((f) => tt(f, this.fontSize, this.fontFamily)), i = e.reduce((f, u) => f + u, 0), s = 0.3, a = this.fontSize / 2;
     let n = 1 / 0, h = -1 / 0, l = 1 / 0, c = -1 / 0, g = -i / 2;
     t.forEach((f, u) => {
-      const m = e[u], p = g + m / 2, y = p / (this.transformData.width / 2), w = Math.abs(y), S = this.transformData.amplitude * w, b = S * this.fontSize * Math.sin(this.transformData.frequency * Math.PI * y), T = S * this.transformData.frequency * Math.PI * Math.cos(this.transformData.frequency * Math.PI * y), C = this.transformData.amplitude * Math.sign(y) * Math.sin(this.transformData.frequency * Math.PI * y), M = T + C;
+      const m = e[u], p = g + m / 2, y = p / (this.transformData.width / 2), w = Math.abs(y), S = this.transformData.amplitude * w, b = S * this.fontSize * Math.sin(this.transformData.frequency * Math.PI * y), v = S * this.transformData.frequency * Math.PI * Math.cos(this.transformData.frequency * Math.PI * y), C = this.transformData.amplitude * Math.sign(y) * Math.sin(this.transformData.frequency * Math.PI * y), M = v + C;
       [
         { x: -m / 2, y: -a },
         // top-left
@@ -4628,8 +4673,8 @@ class Ge extends q {
         // bottom-left
         { x: m / 2, y: a }
         // bottom-right
-      ].forEach((v) => {
-        const D = v.x, U = v.y + M * o * v.x, B = p + D, A = b + U;
+      ].forEach((T) => {
+        const D = T.x, U = T.y + M * s * T.x, B = p + D, A = b + U;
         n = Math.min(n, B), h = Math.max(h, B), l = Math.min(l, A), c = Math.max(c, A);
       }), g += m;
     });
@@ -4641,22 +4686,22 @@ class Ge extends q {
       height: c - l
     };
   }
-  resize(t, e, i, o) {
-    const s = t.includes("top") || t.includes("bottom"), a = t.includes("middle"), n = o.transformData;
-    if (s) {
-      const h = e / o.width, l = o.fontSize * h;
+  resize(t, e, i, s) {
+    const o = t.includes("top") || t.includes("bottom"), a = t.includes("middle"), n = s.transformData;
+    if (o) {
+      const h = e / s.width, l = s.fontSize * h;
       this.setFontSize(l);
       const c = n.width * h;
       this.transformData.width = Math.max(50, c);
     } else if (a && (t === "middle-left" || t === "middle-right")) {
-      this.fontSize = o.fontSize, this.transformData.width = Math.max(50, e);
-      const h = e - o.width, l = this.rotation * Math.PI / 180, c = Math.cos(l), g = Math.sin(l);
+      this.fontSize = s.fontSize, this.transformData.width = Math.max(50, e);
+      const h = e - s.width, l = this.rotation * Math.PI / 180, c = Math.cos(l), g = Math.sin(l);
       if (t === "middle-left") {
         const d = -h / 2;
-        this.x = o.x + d * c, this.y = o.y + d * g;
+        this.x = s.x + d * c, this.y = s.y + d * g;
       } else if (t === "middle-right") {
         const d = h / 2;
-        this.x = o.x + d * c, this.y = o.y + d * g;
+        this.x = s.x + d * c, this.y = s.y + d * g;
       }
     }
   }
@@ -4690,7 +4735,7 @@ class Ge extends q {
     };
   }
 }
-class $e extends q {
+class Ze extends q {
   constructor(t = {}) {
     super(t), this.transformType = "lean";
     const e = t.transformData;
@@ -4710,7 +4755,7 @@ class $e extends q {
     };
   }
   getVisualBoundingBox() {
-    const e = tt(this.text, this.fontSize, this.fontFamily), i = this.fontSize * 1.2, o = -this.transformData.leanAmount * Math.PI / 4, s = Math.tan(o), a = [
+    const e = tt(this.text, this.fontSize, this.fontFamily), i = this.fontSize * 1.2, s = -this.transformData.leanAmount * Math.PI / 4, o = Math.tan(s), a = [
       { x: -e / 2, y: -i / 2 },
       // top-left
       { x: e / 2, y: -i / 2 },
@@ -4722,7 +4767,7 @@ class $e extends q {
     ];
     let n = 1 / 0, h = -1 / 0, l = 1 / 0, c = -1 / 0;
     a.forEach((d) => {
-      const f = d.x + s * d.y, u = d.y;
+      const f = d.x + o * d.y, u = d.y;
       n = Math.min(n, f), h = Math.max(h, f), l = Math.min(l, u), c = Math.max(c, u);
     });
     const g = 2;
@@ -4733,22 +4778,22 @@ class $e extends q {
       height: c - l
     };
   }
-  resize(t, e, i, o) {
-    const s = t.includes("top") || t.includes("bottom"), a = t.includes("middle"), n = o.transformData;
-    if (s) {
-      const h = e / o.width, l = o.fontSize * h;
+  resize(t, e, i, s) {
+    const o = t.includes("top") || t.includes("bottom"), a = t.includes("middle"), n = s.transformData;
+    if (o) {
+      const h = e / s.width, l = s.fontSize * h;
       this.setFontSize(l);
       const c = n.width * h;
       this.transformData.width = Math.max(50, c);
     } else if (a && (t === "middle-left" || t === "middle-right")) {
-      this.fontSize = o.fontSize, this.transformData.width = Math.max(50, e);
+      this.fontSize = s.fontSize, this.transformData.width = Math.max(50, e);
       const h = e - n.width, l = this.rotation * Math.PI / 180, c = Math.cos(l), g = Math.sin(l);
       if (t === "middle-left") {
         const d = -h / 2;
-        this.x = o.x + d * c, this.y = o.y + d * g;
+        this.x = s.x + d * c, this.y = s.y + d * g;
       } else if (t === "middle-right") {
         const d = h / 2;
-        this.x = o.x + d * c, this.y = o.y + d * g;
+        this.x = s.x + d * c, this.y = s.y + d * g;
       }
     }
   }
@@ -4780,7 +4825,7 @@ class $e extends q {
     };
   }
 }
-class Ve extends q {
+class Ke extends q {
   constructor(t = {}) {
     super(t), this.transformType = "ascend";
     const e = t.transformData;
@@ -4791,19 +4836,19 @@ class Ve extends q {
     };
   }
   getBoundingBox() {
-    const t = this.transformData.ascendAngle * Math.PI / 180, e = this.transformData.width, i = e * Math.tan(t), o = Math.abs(i) + this.fontSize * 1.2, s = i > 0 ? -o : 0;
+    const t = this.transformData.ascendAngle * Math.PI / 180, e = this.transformData.width, i = e * Math.tan(t), s = Math.abs(i) + this.fontSize * 1.2, o = i > 0 ? -s : 0;
     return {
       x: this.x - e / 2,
-      y: this.y + s,
+      y: this.y + o,
       width: e,
-      height: o
+      height: s
     };
   }
   getVisualBoundingBox() {
-    const t = this.text.split(""), e = t.map((m) => tt(m, this.fontSize, this.fontFamily)), i = e.reduce((m, p) => m + p, 0), o = this.transformData.ascendAngle * Math.PI / 180, s = Math.tan(o), a = 1, h = this.fontSize / 2;
+    const t = this.text.split(""), e = t.map((m) => tt(m, this.fontSize, this.fontFamily)), i = e.reduce((m, p) => m + p, 0), s = this.transformData.ascendAngle * Math.PI / 180, o = Math.tan(s), a = 1, h = this.fontSize / 2;
     let l = 1 / 0, c = -1 / 0, g = 1 / 0, d = -1 / 0, f = -i / 2;
     t.forEach((m, p) => {
-      const y = e[p], w = f + y / 2, S = w * s;
+      const y = e[p], w = f + y / 2, S = w * o;
       [
         { x: -y / 2, y: -h },
         // top-left
@@ -4813,9 +4858,9 @@ class Ve extends q {
         // bottom-left
         { x: y / 2, y: h }
         // bottom-right
-      ].forEach((T) => {
-        const C = T.x, M = T.y + s * a * T.x, F = w + C, v = S + M;
-        l = Math.min(l, F), c = Math.max(c, F), g = Math.min(g, v), d = Math.max(d, v);
+      ].forEach((v) => {
+        const C = v.x, M = v.y + o * a * v.x, F = w + C, T = S + M;
+        l = Math.min(l, F), c = Math.max(c, F), g = Math.min(g, T), d = Math.max(d, T);
       }), f += y;
     });
     const u = 2;
@@ -4826,22 +4871,22 @@ class Ve extends q {
       height: d - g
     };
   }
-  resize(t, e, i, o) {
-    const s = t.includes("top") || t.includes("bottom"), a = t.includes("middle"), n = o.transformData;
-    if (s) {
-      const h = e / o.width, l = o.fontSize * h;
+  resize(t, e, i, s) {
+    const o = t.includes("top") || t.includes("bottom"), a = t.includes("middle"), n = s.transformData;
+    if (o) {
+      const h = e / s.width, l = s.fontSize * h;
       this.setFontSize(l);
       const c = n.width * h;
       this.transformData.width = Math.max(50, c);
     } else if (a && (t === "middle-left" || t === "middle-right")) {
-      this.fontSize = o.fontSize, this.transformData.width = Math.max(50, e);
-      const h = e - o.width, l = this.rotation * Math.PI / 180, c = Math.cos(l), g = Math.sin(l);
+      this.fontSize = s.fontSize, this.transformData.width = Math.max(50, e);
+      const h = e - s.width, l = this.rotation * Math.PI / 180, c = Math.cos(l), g = Math.sin(l);
       if (t === "middle-left") {
         const d = -h / 2;
-        this.x = o.x + d * c, this.y = o.y + d * g;
+        this.x = s.x + d * c, this.y = s.y + d * g;
       } else if (t === "middle-right") {
         const d = h / 2;
-        this.x = o.x + d * c, this.y = o.y + d * g;
+        this.x = s.x + d * c, this.y = s.y + d * g;
       }
     }
   }
@@ -4873,16 +4918,16 @@ class Ve extends q {
     };
   }
 }
-class Mt extends Q {
+class kt extends Q {
   constructor(t = {}) {
-    var i, o, s, a, n, h, l, c, g, d, f;
+    var i, s, o, a, n, h, l, c, g, d, f;
     super(t), this.transformType = "shape";
     const e = "rectangle";
     this.transformData = {
       type: "shape",
       shapeType: ((i = t.transformData) == null ? void 0 : i.shapeType) || e,
-      width: ((o = t.transformData) == null ? void 0 : o.width) || 200,
-      height: ((s = t.transformData) == null ? void 0 : s.height) || 200,
+      width: ((s = t.transformData) == null ? void 0 : s.width) || 200,
+      height: ((o = t.transformData) == null ? void 0 : o.height) || 200,
       borderRadius: ((a = t.transformData) == null ? void 0 : a.borderRadius) ?? 3,
       // Default 3% radius (~6px on 200x200 shape, matches hover border)
       radiusX: (n = t.transformData) == null ? void 0 : n.radiusX,
@@ -4890,7 +4935,7 @@ class Mt extends Q {
       sides: ((l = t.transformData) == null ? void 0 : l.sides) ?? 5,
       points: ((c = t.transformData) == null ? void 0 : c.points) ?? 5,
       innerRadius: ((g = t.transformData) == null ? void 0 : g.innerRadius) ?? 0.4,
-      fillColor: ((d = t.transformData) == null ? void 0 : d.fillColor) || Xt(),
+      fillColor: ((d = t.transformData) == null ? void 0 : d.fillColor) || Yt(),
       fillOpacity: ((f = t.transformData) == null ? void 0 : f.fillOpacity) ?? 1
     };
   }
@@ -4925,34 +4970,34 @@ class Mt extends Q {
   getVisualBoundingBox() {
     const { shapeType: t, width: e, height: i } = this.transformData;
     if (t === "circle") {
-      const o = Math.min(e, i) / 2;
+      const s = Math.min(e, i) / 2;
       return {
-        x: this.x - o,
-        y: this.y - o,
-        width: o * 2,
-        height: o * 2
+        x: this.x - s,
+        y: this.y - s,
+        width: s * 2,
+        height: s * 2
       };
     }
     if (t === "polygon" || t === "star") {
-      const o = Math.min(e, i) / 2;
-      let s = 1 / 0, a = 1 / 0, n = -1 / 0, h = -1 / 0;
+      const s = Math.min(e, i) / 2;
+      let o = 1 / 0, a = 1 / 0, n = -1 / 0, h = -1 / 0;
       if (t === "polygon") {
         const l = this.transformData.sides || 5;
         for (let c = 0; c < l; c++) {
-          const g = c * 2 * Math.PI / l - Math.PI / 2, d = o * Math.cos(g), f = o * Math.sin(g);
-          d < s && (s = d), d > n && (n = d), f < a && (a = f), f > h && (h = f);
+          const g = c * 2 * Math.PI / l - Math.PI / 2, d = s * Math.cos(g), f = s * Math.sin(g);
+          d < o && (o = d), d > n && (n = d), f < a && (a = f), f > h && (h = f);
         }
       } else {
-        const l = this.transformData.points || 5, c = o, g = c * (this.transformData.innerRadius ?? 0.4);
+        const l = this.transformData.points || 5, c = s, g = c * (this.transformData.innerRadius ?? 0.4);
         for (let d = 0; d < l * 2; d++) {
           const f = d * Math.PI / l - Math.PI / 2, u = d % 2 === 0 ? c : g, m = u * Math.cos(f), p = u * Math.sin(f);
-          m < s && (s = m), m > n && (n = m), p < a && (a = p), p > h && (h = p);
+          m < o && (o = m), m > n && (n = m), p < a && (a = p), p > h && (h = p);
         }
       }
       return {
-        x: this.x + s,
+        x: this.x + o,
         y: this.y + a,
-        width: n - s,
+        width: n - o,
         height: h - a
       };
     }
@@ -4969,14 +5014,14 @@ class Mt extends Q {
    */
   render(t, e = !1, i = !1) {
     var n;
-    const o = this.opacity ?? 1, s = !!((n = this.stroke) != null && n.enabled);
-    if (o < 1 && s) {
-      this.renderWithOffscreen(t, o);
+    const s = this.opacity ?? 1, o = !!((n = this.stroke) != null && n.enabled);
+    if (s < 1 && o) {
+      this.renderWithOffscreen(t, s);
       return;
     }
     t.save(), t.translate(this.x, this.y), t.rotate(I.toRadians(this.rotation)), t.fillStyle = this.transformData.fillColor || "#3b82f6";
     const a = this.transformData.fillOpacity ?? 1;
-    t.globalAlpha = o * a, this.renderShape(t), t.restore(), s && this.renderStroke(t, o);
+    t.globalAlpha = s * a, this.renderShape(t), t.restore(), o && this.renderStroke(t, s);
   }
   /**
    * Render fill+stroke to a temporary canvas at full opacity, then composite
@@ -4984,7 +5029,7 @@ class Mt extends Q {
    */
   renderWithOffscreen(t, e) {
     var f;
-    const { width: i, height: o } = this.transformData, a = (((f = this.stroke) == null ? void 0 : f.width) || 2) + 2, n = Math.ceil(i + a * 2), h = Math.ceil(o + a * 2), l = document.createElement("canvas");
+    const { width: i, height: s } = this.transformData, a = (((f = this.stroke) == null ? void 0 : f.width) || 2) + 2, n = Math.ceil(i + a * 2), h = Math.ceil(s + a * 2), l = document.createElement("canvas");
     l.width = n, l.height = h;
     const c = l.getContext("2d");
     if (!c) {
@@ -5008,55 +5053,55 @@ class Mt extends Q {
    * Trace the shape path without filling or stroking — used by offscreen render
    */
   traceShapePath(t) {
-    const { shapeType: e, width: i, height: o } = this.transformData;
+    const { shapeType: e, width: i, height: s } = this.transformData;
     switch (e) {
       case "rectangle": {
-        const s = this.transformData.borderRadius || 0, a = -i / 2, n = -o / 2;
-        if (s > 0) {
-          const h = Math.min(s / 100 * Math.min(i, o), i / 2, o / 2);
-          t.roundRect(a, n, i, o, h);
+        const o = this.transformData.borderRadius || 0, a = -i / 2, n = -s / 2;
+        if (o > 0) {
+          const h = Math.min(o / 100 * Math.min(i, s), i / 2, s / 2);
+          t.roundRect(a, n, i, s, h);
         } else
-          t.rect(a, n, i, o);
+          t.rect(a, n, i, s);
         break;
       }
       case "circle": {
-        const s = Math.min(i, o) / 2;
-        t.arc(0, 0, s, 0, Math.PI * 2);
+        const o = Math.min(i, s) / 2;
+        t.arc(0, 0, o, 0, Math.PI * 2);
         break;
       }
       case "ellipse":
-        t.ellipse(0, 0, i / 2, o / 2, 0, 0, Math.PI * 2);
+        t.ellipse(0, 0, i / 2, s / 2, 0, 0, Math.PI * 2);
         break;
       case "triangle": {
-        const s = i / 2, a = o / 2;
-        t.moveTo(0, -a), t.lineTo(s, a), t.lineTo(-s, a), t.closePath();
+        const o = i / 2, a = s / 2;
+        t.moveTo(0, -a), t.lineTo(o, a), t.lineTo(-o, a), t.closePath();
         break;
       }
       case "polygon": {
-        const s = this.transformData.sides || 5, a = Math.min(i, o) / 2;
-        for (let n = 0; n < s; n++) {
-          const h = n * 2 * Math.PI / s - Math.PI / 2, l = a * Math.cos(h), c = a * Math.sin(h);
+        const o = this.transformData.sides || 5, a = Math.min(i, s) / 2;
+        for (let n = 0; n < o; n++) {
+          const h = n * 2 * Math.PI / o - Math.PI / 2, l = a * Math.cos(h), c = a * Math.sin(h);
           n === 0 ? t.moveTo(l, c) : t.lineTo(l, c);
         }
         t.closePath();
         break;
       }
       case "star": {
-        const s = this.transformData.points || 5, a = Math.min(i, o) / 2, n = a * (this.transformData.innerRadius || 0.4);
-        for (let h = 0; h < s * 2; h++) {
-          const l = h * Math.PI / s - Math.PI / 2, c = h % 2 === 0 ? a : n, g = c * Math.cos(l), d = c * Math.sin(l);
+        const o = this.transformData.points || 5, a = Math.min(i, s) / 2, n = a * (this.transformData.innerRadius || 0.4);
+        for (let h = 0; h < o * 2; h++) {
+          const l = h * Math.PI / o - Math.PI / 2, c = h % 2 === 0 ? a : n, g = c * Math.cos(l), d = c * Math.sin(l);
           h === 0 ? t.moveTo(g, d) : t.lineTo(g, d);
         }
         t.closePath();
         break;
       }
       case "line": {
-        const s = i / 2, a = o / 2;
-        t.rect(-s, -a, i, o);
+        const o = i / 2, a = s / 2;
+        t.rect(-o, -a, i, s);
         break;
       }
       default:
-        t.rect(-i / 2, -o / 2, i, o);
+        t.rect(-i / 2, -s / 2, i, s);
     }
   }
   /**
@@ -5066,32 +5111,32 @@ class Mt extends Q {
     t.save(), t.translate(this.x, this.y), t.rotate(I.toRadians(this.rotation));
     const i = this.stroke;
     t.strokeStyle = i.color || "#000000", t.lineWidth = i.width || 2, t.lineCap = i.lineCap || "round", t.lineJoin = i.lineJoin || "round", t.globalAlpha = e * (i.opacity ?? 1), i.dashArray && i.dashArray.length > 0 && t.setLineDash(i.dashArray);
-    const { shapeType: o, width: s, height: a } = this.transformData;
-    switch (t.beginPath(), o) {
+    const { shapeType: s, width: o, height: a } = this.transformData;
+    switch (t.beginPath(), s) {
       case "rectangle": {
-        const n = this.transformData.borderRadius || 0, h = -s / 2, l = -a / 2;
+        const n = this.transformData.borderRadius || 0, h = -o / 2, l = -a / 2;
         if (n > 0) {
-          const c = Math.min(n / 100 * Math.min(s, a), s / 2, a / 2);
-          t.roundRect(h, l, s, a, c);
+          const c = Math.min(n / 100 * Math.min(o, a), o / 2, a / 2);
+          t.roundRect(h, l, o, a, c);
         } else
-          t.rect(h, l, s, a);
+          t.rect(h, l, o, a);
         break;
       }
       case "circle": {
-        const n = Math.min(s, a) / 2;
+        const n = Math.min(o, a) / 2;
         t.arc(0, 0, n, 0, Math.PI * 2);
         break;
       }
       case "ellipse":
-        t.ellipse(0, 0, s / 2, a / 2, 0, 0, Math.PI * 2);
+        t.ellipse(0, 0, o / 2, a / 2, 0, 0, Math.PI * 2);
         break;
       case "triangle": {
-        const n = s / 2, h = a / 2;
+        const n = o / 2, h = a / 2;
         t.moveTo(0, -h), t.lineTo(n, h), t.lineTo(-n, h), t.closePath();
         break;
       }
       case "polygon": {
-        const n = this.transformData.sides || 5, h = Math.min(s, a) / 2;
+        const n = this.transformData.sides || 5, h = Math.min(o, a) / 2;
         for (let l = 0; l < n; l++) {
           const c = l * 2 * Math.PI / n - Math.PI / 2, g = h * Math.cos(c), d = h * Math.sin(c);
           l === 0 ? t.moveTo(g, d) : t.lineTo(g, d);
@@ -5100,7 +5145,7 @@ class Mt extends Q {
         break;
       }
       case "star": {
-        const n = this.transformData.points || 5, h = Math.min(s, a) / 2, l = h * (this.transformData.innerRadius || 0.4);
+        const n = this.transformData.points || 5, h = Math.min(o, a) / 2, l = h * (this.transformData.innerRadius || 0.4);
         for (let c = 0; c < n * 2; c++) {
           const g = c * Math.PI / n - Math.PI / 2, d = c % 2 === 0 ? h : l, f = d * Math.cos(g), u = d * Math.sin(g);
           c === 0 ? t.moveTo(f, u) : t.lineTo(f, u);
@@ -5109,12 +5154,12 @@ class Mt extends Q {
         break;
       }
       case "line": {
-        const n = s / 2, h = a / 2;
-        t.rect(-n, -h, s, a);
+        const n = o / 2, h = a / 2;
+        t.rect(-n, -h, o, a);
         break;
       }
       default:
-        t.rect(-s / 2, -a / 2, s, a);
+        t.rect(-o / 2, -a / 2, o, a);
     }
     t.stroke(), t.restore();
   }
@@ -5122,32 +5167,32 @@ class Mt extends Q {
    * Render the specific shape based on shapeType
    */
   renderShape(t) {
-    const { shapeType: e, width: i, height: o } = this.transformData;
+    const { shapeType: e, width: i, height: s } = this.transformData;
     switch (t.beginPath(), e) {
       case "rectangle":
-        this.renderRectangle(t, i, o);
+        this.renderRectangle(t, i, s);
         break;
       case "circle":
-        this.renderCircle(t, Math.min(i, o) / 2);
+        this.renderCircle(t, Math.min(i, s) / 2);
         break;
       case "ellipse":
-        this.renderEllipse(t, i / 2, o / 2);
+        this.renderEllipse(t, i / 2, s / 2);
         break;
       case "triangle":
-        this.renderTriangle(t, i, o);
+        this.renderTriangle(t, i, s);
         break;
       case "polygon":
-        this.renderPolygon(t, Math.min(i, o) / 2);
+        this.renderPolygon(t, Math.min(i, s) / 2);
         break;
       case "star":
-        this.renderStar(t, Math.min(i, o) / 2);
+        this.renderStar(t, Math.min(i, s) / 2);
         break;
       case "line":
-        this.renderLine(t, i, o);
+        this.renderLine(t, i, s);
         return;
       // Line uses stroke, not fill
       default:
-        this.renderRectangle(t, i, o);
+        this.renderRectangle(t, i, s);
     }
     t.fill();
   }
@@ -5155,12 +5200,12 @@ class Mt extends Q {
    * Render a rectangle (with optional border radius)
    */
   renderRectangle(t, e, i) {
-    const o = this.transformData.borderRadius || 0, s = -e / 2, a = -i / 2;
-    if (o > 0) {
-      const n = Math.min(o / 100 * Math.min(e, i), e / 2, i / 2);
-      t.roundRect(s, a, e, i, n);
+    const s = this.transformData.borderRadius || 0, o = -e / 2, a = -i / 2;
+    if (s > 0) {
+      const n = Math.min(s / 100 * Math.min(e, i), e / 2, i / 2);
+      t.roundRect(o, a, e, i, n);
     } else
-      t.rect(s, a, e, i);
+      t.rect(o, a, e, i);
   }
   /**
    * Render a circle
@@ -5178,16 +5223,16 @@ class Mt extends Q {
    * Render a triangle (isosceles, pointing up)
    */
   renderTriangle(t, e, i) {
-    const o = e / 2, s = i / 2;
-    t.moveTo(0, -s), t.lineTo(o, s), t.lineTo(-o, s), t.closePath();
+    const s = e / 2, o = i / 2;
+    t.moveTo(0, -o), t.lineTo(s, o), t.lineTo(-s, o), t.closePath();
   }
   /**
    * Render a regular polygon
    */
   renderPolygon(t, e) {
-    const i = Math.max(3, Math.min(20, this.transformData.sides || 5)), o = Math.PI * 2 / i, s = -Math.PI / 2;
+    const i = Math.max(3, Math.min(20, this.transformData.sides || 5)), s = Math.PI * 2 / i, o = -Math.PI / 2;
     for (let a = 0; a <= i; a++) {
-      const n = s + o * a, h = Math.cos(n) * e, l = Math.sin(n) * e;
+      const n = o + s * a, h = Math.cos(n) * e, l = Math.sin(n) * e;
       a === 0 ? t.moveTo(h, l) : t.lineTo(h, l);
     }
     t.closePath();
@@ -5196,9 +5241,9 @@ class Mt extends Q {
    * Render a star
    */
   renderStar(t, e) {
-    const i = Math.max(3, Math.min(20, this.transformData.points || 5)), o = Math.max(0.1, Math.min(0.9, this.transformData.innerRadius || 0.4)), s = e * o, a = Math.PI / i, n = -Math.PI / 2;
+    const i = Math.max(3, Math.min(20, this.transformData.points || 5)), s = Math.max(0.1, Math.min(0.9, this.transformData.innerRadius || 0.4)), o = e * s, a = Math.PI / i, n = -Math.PI / 2;
     for (let h = 0; h < i * 2; h++) {
-      const l = n + a * h, c = h % 2 === 0 ? e : s, g = Math.cos(l) * c, d = Math.sin(l) * c;
+      const l = n + a * h, c = h % 2 === 0 ? e : o, g = Math.cos(l) * c, d = Math.sin(l) * c;
       h === 0 ? t.moveTo(g, d) : t.lineTo(g, d);
     }
     t.closePath();
@@ -5207,20 +5252,20 @@ class Mt extends Q {
    * Render a line
    */
   renderLine(t, e, i) {
-    const o = e / 2, s = i;
-    t.moveTo(-o, 0), t.lineTo(o, 0), t.strokeStyle = this.transformData.fillColor || "#3b82f6", t.lineWidth = s, t.lineCap = "round", t.stroke();
+    const s = e / 2, o = i;
+    t.moveTo(-s, 0), t.lineTo(s, 0), t.strokeStyle = this.transformData.fillColor || "#3b82f6", t.lineWidth = o, t.lineCap = "round", t.stroke();
   }
   /**
    * Handle resize - maintain aspect ratio for circles, free resize for others
    */
-  resize(t, e, i, o) {
-    const { shapeType: s } = this.transformData;
-    if (s === "circle" || s === "polygon" || s === "star") {
-      const c = Math.max(e / o.transformData.width, i / o.transformData.height);
-      this.transformData.width = o.transformData.width * c, this.transformData.height = o.transformData.height * c;
-    } else s === "line" ? (this.transformData.width = e, this.transformData.height = o.transformData.height) : (this.transformData.width = e, this.transformData.height = i);
-    this.rotation = o.rotation;
-    const a = this.getFixedCorner(t, o), n = this.getOppositeAnchor(t), h = this.getBoundingBox(), l = this.getCornerOffset(n, h);
+  resize(t, e, i, s) {
+    const { shapeType: o } = this.transformData;
+    if (o === "circle" || o === "polygon" || o === "star") {
+      const c = Math.max(e / s.transformData.width, i / s.transformData.height);
+      this.transformData.width = s.transformData.width * c, this.transformData.height = s.transformData.height * c;
+    } else o === "line" ? (this.transformData.width = e, this.transformData.height = s.transformData.height) : (this.transformData.width = e, this.transformData.height = i);
+    this.rotation = s.rotation;
+    const a = this.getFixedCorner(t, s), n = this.getOppositeAnchor(t), h = this.getBoundingBox(), l = this.getCornerOffset(n, h);
     return this.x = a.x - l.x, this.y = a.y - l.y, !0;
   }
   /**
@@ -5252,71 +5297,71 @@ class Mt extends Q {
       width: e.transformData.width,
       height: e.transformData.height
     };
-    let o, s;
+    let s, o;
     switch (t) {
       case "top-left":
-        o = i.x + i.width, s = i.y + i.height;
+        s = i.x + i.width, o = i.y + i.height;
         break;
       case "top-right":
-        o = i.x, s = i.y + i.height;
+        s = i.x, o = i.y + i.height;
         break;
       case "bottom-left":
-        o = i.x + i.width, s = i.y;
+        s = i.x + i.width, o = i.y;
         break;
       case "bottom-right":
-        o = i.x, s = i.y;
+        s = i.x, o = i.y;
         break;
       case "middle-left":
-        o = i.x + i.width, s = i.y + i.height / 2;
+        s = i.x + i.width, o = i.y + i.height / 2;
         break;
       case "middle-right":
-        o = i.x, s = i.y + i.height / 2;
+        s = i.x, o = i.y + i.height / 2;
         break;
       case "middle-top":
-        o = i.x + i.width / 2, s = i.y + i.height;
+        s = i.x + i.width / 2, o = i.y + i.height;
         break;
       case "middle-bottom":
-        o = i.x + i.width / 2, s = i.y;
+        s = i.x + i.width / 2, o = i.y;
         break;
       default:
-        o = i.x + i.width / 2, s = i.y + i.height / 2;
+        s = i.x + i.width / 2, o = i.y + i.height / 2;
     }
-    return { x: o, y: s };
+    return { x: s, y: o };
   }
   /**
    * Get the offset of a corner from the center
    */
   getCornerOffset(t, e) {
-    let i, o;
+    let i, s;
     switch (t) {
       case "top-left":
-        i = -e.width / 2, o = -e.height / 2;
+        i = -e.width / 2, s = -e.height / 2;
         break;
       case "top-right":
-        i = e.width / 2, o = -e.height / 2;
+        i = e.width / 2, s = -e.height / 2;
         break;
       case "bottom-left":
-        i = -e.width / 2, o = e.height / 2;
+        i = -e.width / 2, s = e.height / 2;
         break;
       case "bottom-right":
-        i = e.width / 2, o = e.height / 2;
+        i = e.width / 2, s = e.height / 2;
         break;
       case "middle-left":
-        i = -e.width / 2, o = 0;
+        i = -e.width / 2, s = 0;
         break;
       case "middle-right":
-        i = e.width / 2, o = 0;
+        i = e.width / 2, s = 0;
         break;
       case "middle-top":
-        i = 0, o = -e.height / 2;
+        i = 0, s = -e.height / 2;
         break;
       case "middle-bottom":
-        i = 0, o = e.height / 2;
+        i = 0, s = e.height / 2;
         break;
       default:
-        i = 0, o = 0;
+        i = 0, s = 0;
     }
-    return { x: i, y: o };
+    return { x: i, y: s };
   }
   /**
    * Get enabled anchors - all 8 anchors for most shapes, only corners for circles/polygons
@@ -5338,7 +5383,7 @@ class Mt extends Q {
    * Clone this element
    */
   clone() {
-    return new Mt(this.toJSON());
+    return new kt(this.toJSON());
   }
   /**
    * Serialize to JSON
@@ -5360,17 +5405,17 @@ class Mt extends Q {
     };
   }
 }
-class Dt extends Q {
+class Et extends Q {
   constructor(t = {}) {
-    var e, i, o, s, a, n, h, l, c, g;
+    var e, i, s, o, a, n, h, l, c, g;
     super(t), this.transformType = "path", this.transformData = {
       type: "path",
       points: ((e = t.transformData) == null ? void 0 : e.points) || [],
       closed: ((i = t.transformData) == null ? void 0 : i.closed) ?? !1,
-      width: ((o = t.transformData) == null ? void 0 : o.width) || 200,
-      height: ((s = t.transformData) == null ? void 0 : s.height) || 200,
+      width: ((s = t.transformData) == null ? void 0 : s.width) || 200,
+      height: ((o = t.transformData) == null ? void 0 : o.height) || 200,
       fillEnabled: ((a = t.transformData) == null ? void 0 : a.fillEnabled) ?? !1,
-      fillColor: ((n = t.transformData) == null ? void 0 : n.fillColor) || Xt(),
+      fillColor: ((n = t.transformData) == null ? void 0 : n.fillColor) || Yt(),
       fillOpacity: ((h = t.transformData) == null ? void 0 : h.fillOpacity) ?? 1,
       strokeEnabled: ((l = t.transformData) == null ? void 0 : l.strokeEnabled) ?? !0,
       strokeColor: ((c = t.transformData) == null ? void 0 : c.strokeColor) || "#000000",
@@ -5416,11 +5461,11 @@ class Dt extends Q {
    * @param p3 End point
    * @param t Parameter from 0 to 1
    */
-  bezierPoint(t, e, i, o, s) {
-    const a = 1 - s, n = a * a, h = n * a, l = s * s, c = l * s;
+  bezierPoint(t, e, i, s, o) {
+    const a = 1 - o, n = a * a, h = n * a, l = o * o, c = l * o;
     return {
-      x: h * t.x + 3 * n * s * e.x + 3 * a * l * i.x + c * o.x,
-      y: h * t.y + 3 * n * s * e.y + 3 * a * l * i.y + c * o.y
+      x: h * t.x + 3 * n * o * e.x + 3 * a * l * i.x + c * s.x,
+      y: h * t.y + 3 * n * o * e.y + 3 * a * l * i.y + c * s.y
     };
   }
   /**
@@ -5432,14 +5477,14 @@ class Dt extends Q {
     const { points: t } = this.transformData;
     if (t.length === 0)
       return { x: 0, y: 0, width: 0, height: 0 };
-    let e = 1 / 0, i = 1 / 0, o = -1 / 0, s = -1 / 0;
+    let e = 1 / 0, i = 1 / 0, s = -1 / 0, o = -1 / 0;
     for (let d = 0; d < t.length; d++) {
       const f = t[d], u = t[(d + 1) % t.length];
       if (d === t.length - 1 && !this.transformData.closed) {
-        e = Math.min(e, f.x), i = Math.min(i, f.y), o = Math.max(o, f.x), s = Math.max(s, f.y);
+        e = Math.min(e, f.x), i = Math.min(i, f.y), s = Math.max(s, f.x), o = Math.max(o, f.y);
         break;
       }
-      if (e = Math.min(e, f.x), i = Math.min(i, f.y), o = Math.max(o, f.x), s = Math.max(s, f.y), f.handleOut || u.handleIn) {
+      if (e = Math.min(e, f.x), i = Math.min(i, f.y), s = Math.max(s, f.x), o = Math.max(o, f.y), f.handleOut || u.handleIn) {
         const p = { x: f.x, y: f.y }, y = {
           x: f.x + (((h = f.handleOut) == null ? void 0 : h.x) || 0),
           y: f.y + (((l = f.handleOut) == null ? void 0 : l.y) || 0)
@@ -5447,9 +5492,9 @@ class Dt extends Q {
           x: u.x + (((c = u.handleIn) == null ? void 0 : c.x) || 0),
           y: u.y + (((g = u.handleIn) == null ? void 0 : g.y) || 0)
         }, S = { x: u.x, y: u.y }, b = 20;
-        for (let T = 0; T <= b; T++) {
-          const C = T / b, M = this.bezierPoint(p, y, w, S, C);
-          e = Math.min(e, M.x), i = Math.min(i, M.y), o = Math.max(o, M.x), s = Math.max(s, M.y);
+        for (let v = 0; v <= b; v++) {
+          const C = v / b, M = this.bezierPoint(p, y, w, S, C);
+          e = Math.min(e, M.x), i = Math.min(i, M.y), s = Math.max(s, M.x), o = Math.max(o, M.y);
         }
       }
     }
@@ -5457,8 +5502,8 @@ class Dt extends Q {
     return {
       x: e - n,
       y: i - n,
-      width: o - e + a,
-      height: s - i + a
+      width: s - e + a,
+      height: o - i + a
     };
   }
   /**
@@ -5472,28 +5517,28 @@ class Dt extends Q {
    * Render the path
    */
   render(t, e = !1, i = !1) {
-    const { points: o, closed: s, fillEnabled: a, fillColor: n, fillOpacity: h, strokeEnabled: l, strokeColor: c, strokeWidth: g } = this.transformData;
-    if (o.length === 0)
+    const { points: s, closed: o, fillEnabled: a, fillColor: n, fillOpacity: h, strokeEnabled: l, strokeColor: c, strokeWidth: g } = this.transformData;
+    if (s.length === 0)
       return;
     t.save(), t.translate(this.x, this.y), t.rotate(I.toRadians(this.rotation));
     const d = this.calculatePathBounds(), f = d.x + d.width / 2, u = d.y + d.height / 2;
-    t.translate(-f, -u), t.beginPath(), this.renderPath(t), a && s && n && (t.fillStyle = n, t.globalAlpha = h ?? 1, t.fill()), l && c && g && (t.strokeStyle = c, t.lineWidth = g, t.lineCap = "round", t.lineJoin = "round", t.globalAlpha = 1, t.stroke()), t.restore();
+    t.translate(-f, -u), t.beginPath(), this.renderPath(t), a && o && n && (t.fillStyle = n, t.globalAlpha = h ?? 1, t.fill()), l && c && g && (t.strokeStyle = c, t.lineWidth = g, t.lineCap = "round", t.lineJoin = "round", t.globalAlpha = 1, t.stroke()), t.restore();
   }
   /**
    * Render the path using Canvas API bezier curves
    */
   renderPath(t) {
-    var s, a, n, h;
+    var o, a, n, h;
     const { points: e, closed: i } = this.transformData;
     if (e.length === 0) return;
-    const o = e[0];
-    t.moveTo(o.x, o.y);
+    const s = e[0];
+    t.moveTo(s.x, s.y);
     for (let l = 0; l < e.length; l++) {
       const c = e[l], g = e[(l + 1) % e.length];
       if (l === e.length - 1 && !i)
         break;
       if (c.handleOut || g.handleIn) {
-        const f = c.x + (((s = c.handleOut) == null ? void 0 : s.x) || 0), u = c.y + (((a = c.handleOut) == null ? void 0 : a.y) || 0), m = g.x + (((n = g.handleIn) == null ? void 0 : n.x) || 0), p = g.y + (((h = g.handleIn) == null ? void 0 : h.y) || 0);
+        const f = c.x + (((o = c.handleOut) == null ? void 0 : o.x) || 0), u = c.y + (((a = c.handleOut) == null ? void 0 : a.y) || 0), m = g.x + (((n = g.handleIn) == null ? void 0 : n.x) || 0), p = g.y + (((h = g.handleIn) == null ? void 0 : h.y) || 0);
         t.bezierCurveTo(f, u, m, p, g.x, g.y);
       } else
         t.lineTo(g.x, g.y);
@@ -5503,11 +5548,11 @@ class Dt extends Q {
   /**
    * Handle resize - scale all points relative to center
    */
-  resize(t, e, i, o) {
-    const s = o.transformData.width, a = o.transformData.height;
-    if (s === 0 || a === 0)
+  resize(t, e, i, s) {
+    const o = s.transformData.width, a = s.transformData.height;
+    if (o === 0 || a === 0)
       return !1;
-    const n = e / s, h = i / a, l = o.transformData.points;
+    const n = e / o, h = i / a, l = s.transformData.points;
     let c = 1 / 0, g = 1 / 0, d = -1 / 0, f = -1 / 0;
     for (const b of l)
       c = Math.min(c, b.x), g = Math.min(g, b.y), d = Math.max(d, b.x), f = Math.max(f, b.y);
@@ -5518,8 +5563,8 @@ class Dt extends Q {
       y: m + (b.y - m) * h,
       handleIn: b.handleIn ? { x: b.handleIn.x * n, y: b.handleIn.y * h } : void 0,
       handleOut: b.handleOut ? { x: b.handleOut.x * n, y: b.handleOut.y * h } : void 0
-    })), this.transformData.width = e, this.transformData.height = i, this.rotation = o.rotation;
-    const p = this.getFixedCorner(t, o), y = this.getOppositeAnchor(t), w = this.getBoundingBox(), S = this.getCornerOffset(y, w);
+    })), this.transformData.width = e, this.transformData.height = i, this.rotation = s.rotation;
+    const p = this.getFixedCorner(t, s), y = this.getOppositeAnchor(t), w = this.getBoundingBox(), S = this.getCornerOffset(y, w);
     return this.x = p.x - S.x, this.y = p.y - S.y, !0;
   }
   /**
@@ -5551,71 +5596,71 @@ class Dt extends Q {
       width: e.transformData.width,
       height: e.transformData.height
     };
-    let o, s;
+    let s, o;
     switch (t) {
       case "top-left":
-        o = i.x + i.width, s = i.y + i.height;
+        s = i.x + i.width, o = i.y + i.height;
         break;
       case "top-right":
-        o = i.x, s = i.y + i.height;
+        s = i.x, o = i.y + i.height;
         break;
       case "bottom-left":
-        o = i.x + i.width, s = i.y;
+        s = i.x + i.width, o = i.y;
         break;
       case "bottom-right":
-        o = i.x, s = i.y;
+        s = i.x, o = i.y;
         break;
       case "middle-left":
-        o = i.x + i.width, s = i.y + i.height / 2;
+        s = i.x + i.width, o = i.y + i.height / 2;
         break;
       case "middle-right":
-        o = i.x, s = i.y + i.height / 2;
+        s = i.x, o = i.y + i.height / 2;
         break;
       case "middle-top":
-        o = i.x + i.width / 2, s = i.y + i.height;
+        s = i.x + i.width / 2, o = i.y + i.height;
         break;
       case "middle-bottom":
-        o = i.x + i.width / 2, s = i.y;
+        s = i.x + i.width / 2, o = i.y;
         break;
       default:
-        o = i.x + i.width / 2, s = i.y + i.height / 2;
+        s = i.x + i.width / 2, o = i.y + i.height / 2;
     }
-    return { x: o, y: s };
+    return { x: s, y: o };
   }
   /**
    * Get the offset of a corner from the center
    */
   getCornerOffset(t, e) {
-    let i, o;
+    let i, s;
     switch (t) {
       case "top-left":
-        i = -e.width / 2, o = -e.height / 2;
+        i = -e.width / 2, s = -e.height / 2;
         break;
       case "top-right":
-        i = e.width / 2, o = -e.height / 2;
+        i = e.width / 2, s = -e.height / 2;
         break;
       case "bottom-left":
-        i = -e.width / 2, o = e.height / 2;
+        i = -e.width / 2, s = e.height / 2;
         break;
       case "bottom-right":
-        i = e.width / 2, o = e.height / 2;
+        i = e.width / 2, s = e.height / 2;
         break;
       case "middle-left":
-        i = -e.width / 2, o = 0;
+        i = -e.width / 2, s = 0;
         break;
       case "middle-right":
-        i = e.width / 2, o = 0;
+        i = e.width / 2, s = 0;
         break;
       case "middle-top":
-        i = 0, o = -e.height / 2;
+        i = 0, s = -e.height / 2;
         break;
       case "middle-bottom":
-        i = 0, o = e.height / 2;
+        i = 0, s = e.height / 2;
         break;
       default:
-        i = 0, o = 0;
+        i = 0, s = 0;
     }
-    return { x: i, y: o };
+    return { x: i, y: s };
   }
   /**
    * Get enabled anchors - all 8 anchors for free resize
@@ -5636,7 +5681,7 @@ class Dt extends Q {
    * Clone this element
    */
   clone() {
-    return new Dt(this.toJSON());
+    return new Et(this.toJSON());
   }
   /**
    * Serialize to JSON
@@ -5666,7 +5711,7 @@ class Dt extends Q {
     };
   }
 }
-const Je = {
+const Qe = {
   circle: [
     {
       key: "reverse",
@@ -5679,7 +5724,7 @@ const Je = {
     {
       key: "archHeight",
       label: "Arch Height",
-      defaultInternalValue: _e.archHeight,
+      defaultInternalValue: $e.archHeight,
       // Slider 0-100 maps to internal -1 to 1
       toSlider: (r) => (r + 1) / 2 * 100,
       fromSlider: (r) => r / 100 * 2 - 1,
@@ -5690,7 +5735,7 @@ const Je = {
     {
       key: "amplitude",
       label: "Wave Amplitude",
-      defaultInternalValue: st.amplitude,
+      defaultInternalValue: ot.amplitude,
       // Slider 0-100 maps to internal -0.5 to 0.5 (-50% to +50%)
       toSlider: (r) => (r + 0.5) * 100,
       fromSlider: (r) => r / 100 - 0.5,
@@ -5699,7 +5744,7 @@ const Je = {
     {
       key: "frequency",
       label: "Wave Frequency",
-      defaultInternalValue: st.frequency,
+      defaultInternalValue: ot.frequency,
       step: 5,
       // 5% steps for smoother control
       // Slider 0-100 maps to internal 1 to 5
@@ -5732,7 +5777,7 @@ const Je = {
     {
       key: "leanAmount",
       label: "Lean Amount",
-      defaultInternalValue: Ye.leanAmount,
+      defaultInternalValue: Ve.leanAmount,
       // Slider 0-100 maps to internal -0.5 to 0.5
       // Display as -100% to 100%
       toSlider: (r) => (r + 0.5) * 100,
@@ -5744,7 +5789,7 @@ const Je = {
     {
       key: "ascendAngle",
       label: "Ascend Amount",
-      defaultInternalValue: Ne.ascendAngle,
+      defaultInternalValue: Je.ascendAngle,
       // Slider 0-100 maps to internal angle +30° to -30°
       // Display: slider 0 = -100% (down), slider 50 = 0%, slider 100 = +100% (up)
       toSlider: (r) => (30 - r) / 60 * 100,
@@ -5820,19 +5865,19 @@ const Je = {
       toDisplay: (r) => `${(r * 100).toFixed(0)}%`
     }
   ]
-}, Jt = [
-  { id: "custom", label: "CUSTOM", Component: He },
+}, Zt = [
+  { id: "custom", label: "CUSTOM", Component: Xe },
   // NOTE: distort transform is not yet implemented. Removed from registry
   // to prevent it from appearing in UI that iterates over registered transforms.
   // Re-add with a valid Component when implementation is ready.
-  { id: "circle", label: "CIRCLE", Component: ze },
-  { id: "lean", label: "LEAN", Component: $e },
-  { id: "arch", label: "ARCH", Component: Xe },
-  { id: "ascend", label: "ASCEND", Component: Ve },
-  { id: "wave", label: "WAVE", Component: Ue },
-  { id: "flag", label: "FLAG", Component: Ge },
-  { id: "shape", label: "SHAPE", Component: Mt },
-  { id: "path", label: "PATH", Component: Dt },
+  { id: "circle", label: "CIRCLE", Component: Ue },
+  { id: "lean", label: "LEAN", Component: Ze },
+  { id: "arch", label: "ARCH", Component: Ge },
+  { id: "ascend", label: "ASCEND", Component: Ke },
+  { id: "wave", label: "WAVE", Component: qe },
+  { id: "flag", label: "FLAG", Component: je },
+  { id: "shape", label: "SHAPE", Component: kt },
+  { id: "path", label: "PATH", Component: Et },
   { id: "image", label: "IMAGE", Component: yt },
   // Use a getter to break circular dependency: GroupElement imports getTransformById
   // from this module, so GroupElement may be in the TDZ during module evaluation.
@@ -5840,9 +5885,9 @@ const Je = {
   { id: "group", label: "GROUP", get Component() {
     return mt;
   } }
-], qt = new Set(Jt.map((r) => r.id)), ut = /* @__PURE__ */ new Map();
-function oo(r, t) {
-  if (qt.has(r))
+], Kt = new Set(Zt.map((r) => r.id)), ut = /* @__PURE__ */ new Map();
+function ds(r, t) {
+  if (Kt.has(r))
     throw new Error(
       `Cannot register transform type "${r}": conflicts with built-in type`
     );
@@ -5852,19 +5897,19 @@ function oo(r, t) {
     );
   ut.set(r, t);
 }
-function so(r) {
-  if (qt.has(r))
+function gs(r) {
+  if (Kt.has(r))
     throw new Error(
       `Cannot unregister transform type "${r}": built-in types cannot be removed`
     );
   return ut.delete(r);
 }
-function qe(r) {
-  const t = Jt.find((e) => e.id === r);
+function ti(r) {
+  const t = Zt.find((e) => e.id === r);
   return t || ut.get(r);
 }
-function ro(r) {
-  return Je[r] || [];
+function fs(r) {
+  return Qe[r] || [];
 }
 class mt extends Q {
   constructor(t = {}) {
@@ -5881,7 +5926,7 @@ class mt extends Q {
    */
   // eslint-disable-next-line @typescript-eslint/no-explicit-any -- JSON deserialization: config comes from toJSON() and constructors accept Partial<Config> with varying signatures
   _reconstructChildFromJSON(t) {
-    const e = t.transformType || t.type, i = qe(e);
+    const e = t.transformType || t.type, i = ti(e);
     if (!i || !i.Component)
       throw new Error(`Unknown transform type: ${e}`);
     return new i.Component(t);
@@ -5893,17 +5938,17 @@ class mt extends Q {
   getBoundingBox() {
     if (this.children.length === 0)
       return { x: this.x - 50, y: this.y - 50, width: 100, height: 100 };
-    let t = 1 / 0, e = 1 / 0, i = -1 / 0, o = -1 / 0;
-    return this.children.forEach((s) => {
-      const a = s.getVisualBoundingBox();
-      this._getRotatedCorners(s, a).forEach((h) => {
-        t = Math.min(t, h.x), e = Math.min(e, h.y), i = Math.max(i, h.x), o = Math.max(o, h.y);
+    let t = 1 / 0, e = 1 / 0, i = -1 / 0, s = -1 / 0;
+    return this.children.forEach((o) => {
+      const a = o.getVisualBoundingBox();
+      this._getRotatedCorners(o, a).forEach((h) => {
+        t = Math.min(t, h.x), e = Math.min(e, h.y), i = Math.max(i, h.x), s = Math.max(s, h.y);
       });
     }), {
       x: t,
       y: e,
       width: i - t,
-      height: o - e
+      height: s - e
     };
   }
   /**
@@ -5927,7 +5972,7 @@ class mt extends Q {
    * Get the four corners of an element's bounding box in world space
    */
   _getRotatedCorners(t, e) {
-    const i = new P(t), o = e.x + e.width / 2, s = e.y + e.height / 2, a = o - t.x, n = s - t.y;
+    const i = new P(t), s = e.x + e.width / 2, o = e.y + e.height / 2, a = s - t.x, n = o - t.y;
     return [
       { localX: a - e.width / 2, localY: n - e.height / 2 },
       { localX: a + e.width / 2, localY: n - e.height / 2 },
@@ -5967,8 +6012,8 @@ class mt extends Q {
    * Elements with isClipping=true clip all elements below them in the group
    */
   render(t, e = !1, i = !1) {
-    const o = this.children.filter((a) => a.visible !== !1);
-    o.some((a) => a.isClipping) ? Ae()(t, o) : o.forEach((a) => {
+    const s = this.children.filter((a) => a.visible !== !1);
+    s.some((a) => a.isClipping) ? Ee()(t, s) : s.forEach((a) => {
       a.render(t, !1);
     }), e ? this._renderGroupOutline(t, 1) : i && this._renderGroupOutline(t, 0.3);
   }
@@ -5978,9 +6023,9 @@ class mt extends Q {
    */
   _renderGroupOutline(t, e = 1) {
     const i = this.getOrientedBoundingBox();
-    t.save(), t.globalAlpha = e, t.strokeStyle = zt(), t.lineWidth = 2, t.setLineDash([5, 5]);
-    const o = this._rotationCenterX || this.x, s = this._rotationCenterY || this.y;
-    this.rotation !== 0 && (t.translate(o, s), t.rotate(-this.rotation * Math.PI / 180), t.translate(-o, -s)), t.strokeRect(i.x, i.y, i.width, i.height), t.setLineDash([]), t.restore();
+    t.save(), t.globalAlpha = e, t.strokeStyle = _t(), t.lineWidth = 2, t.setLineDash([5, 5]);
+    const s = this._rotationCenterX || this.x, o = this._rotationCenterY || this.y;
+    this.rotation !== 0 && (t.translate(s, o), t.rotate(-this.rotation * Math.PI / 180), t.translate(-s, -o)), t.strokeRect(i.x, i.y, i.width, i.height), t.setLineDash([]), t.restore();
   }
   /**
    * Get oriented bounding box (uses cached base dimensions for stability during rotation)
@@ -5997,13 +6042,13 @@ class mt extends Q {
     if (this._baseBBoxWidth > 0 && this._baseBBoxHeight > 0)
       t = this._baseBBoxWidth, e = this._baseBBoxHeight;
     else {
-      const s = this.getBoundingBox();
-      t = s.width, e = s.height, this._baseBBoxWidth = t, this._baseBBoxHeight = e;
+      const o = this.getBoundingBox();
+      t = o.width, e = o.height, this._baseBBoxWidth = t, this._baseBBoxHeight = e;
     }
-    const i = this._rotationCenterX || this.x, o = this._rotationCenterY || this.y;
+    const i = this._rotationCenterX || this.x, s = this._rotationCenterY || this.y;
     return {
       x: i - t / 2,
-      y: o - e / 2,
+      y: s - e / 2,
       width: t,
       height: e
     };
@@ -6022,52 +6067,52 @@ class mt extends Q {
   setRotation(t) {
     const e = t - this.rotation;
     this.rotation = t;
-    const i = this._rotationCenterX || this.x, o = this._rotationCenterY || this.y;
-    this.children.forEach((s) => {
-      const a = P.rotatePointAroundAnchor(s.x, s.y, i, o, e);
-      s.x = a.x, s.y = a.y, s.setRotation(s.rotation + e);
-    }), this.x = i, this.y = o;
+    const i = this._rotationCenterX || this.x, s = this._rotationCenterY || this.y;
+    this.children.forEach((o) => {
+      const a = P.rotatePointAroundAnchor(o.x, o.y, i, s, e);
+      o.x = a.x, o.y = a.y, o.setRotation(o.rotation + e);
+    }), this.x = i, this.y = s;
   }
   /**
    * Resize the group (scales all children proportionally)
    * Uses the same fixed-corner approach as multi-selection resize
    */
-  resize(t, e, i, o) {
-    if (!o.childrenStartData || !o.width || !o.height)
+  resize(t, e, i, s) {
+    if (!s.childrenStartData || !s.width || !s.height)
       return;
-    const s = e / o.width, a = i / o.height, n = (s + a) / 2;
+    const o = e / s.width, a = i / s.height, n = (o + a) / 2;
     let h, l;
     switch (t) {
       case "top-left":
-        h = o.width / 2, l = o.height / 2;
+        h = s.width / 2, l = s.height / 2;
         break;
       case "top-right":
-        h = -o.width / 2, l = o.height / 2;
+        h = -s.width / 2, l = s.height / 2;
         break;
       case "bottom-left":
-        h = o.width / 2, l = -o.height / 2;
+        h = s.width / 2, l = -s.height / 2;
         break;
       case "bottom-right":
-        h = -o.width / 2, l = -o.height / 2;
+        h = -s.width / 2, l = -s.height / 2;
         break;
       default:
         h = 0, l = 0;
     }
-    const c = -o.rotation * Math.PI / 180, g = Math.cos(c), d = Math.sin(c), f = o.x + (h * g - l * d), u = o.y + (h * d + l * g);
+    const c = -s.rotation * Math.PI / 180, g = Math.cos(c), d = Math.sin(c), f = s.x + (h * g - l * d), u = s.y + (h * d + l * g);
     this.children.forEach((y, w) => {
-      const S = o.childrenStartData[w], b = S.x - f, T = S.y - u, C = f + b * n, M = u + T * n;
+      const S = s.childrenStartData[w], b = S.x - f, v = S.y - u, C = f + b * n, M = u + v * n;
       if (y.x = C, y.y = M, y instanceof yt) {
-        const F = S.transformData, v = F.width * n, D = F.height * n;
-        y.transformData.width = v, y.transformData.height = D;
+        const F = S.transformData, T = F.width * n, D = F.height * n;
+        y.transformData.width = T, y.transformData.height = D;
       } else if (y instanceof mt) {
-        const F = (S.width ?? 0) * n, v = (S.height ?? 0) * n;
-        y.resize(t, F, v, S);
+        const F = (S.width ?? 0) * n, T = (S.height ?? 0) * n;
+        y.resize(t, F, T, S);
       } else {
-        const F = (S.width ?? 0) * n, v = (S.height ?? 0) * n;
-        y.resize(t, F, v, S);
+        const F = (S.width ?? 0) * n, T = (S.height ?? 0) * n;
+        y.resize(t, F, T, S);
       }
-    }), this._baseBBoxWidth = o.width * n, this._baseBBoxHeight = o.height * n;
-    const m = o.x - f, p = o.y - u;
+    }), this._baseBBoxWidth = s.width * n, this._baseBBoxHeight = s.height * n;
+    const m = s.x - f, p = s.y - u;
     this.x = f + m * n, this.y = u + p * n, this._rotationCenterX = this.x, this._rotationCenterY = this.y;
   }
   /**
@@ -6075,16 +6120,16 @@ class mt extends Q {
    * Use cached base dimensions instead of axis-aligned bbox for consistency with visual border
    */
   getTransformStartData() {
-    const t = this._baseBBoxWidth > 0 ? this._baseBBoxWidth : this.getBoundingBox().width, e = this._baseBBoxHeight > 0 ? this._baseBBoxHeight : this.getBoundingBox().height, i = this._rotationCenterX || this.x, o = this._rotationCenterY || this.y;
+    const t = this._baseBBoxWidth > 0 ? this._baseBBoxWidth : this.getBoundingBox().width, e = this._baseBBoxHeight > 0 ? this._baseBBoxHeight : this.getBoundingBox().height, i = this._rotationCenterX || this.x, s = this._rotationCenterY || this.y;
     return {
       id: this.id,
       x: i,
-      y: o,
+      y: s,
       width: t,
       height: e,
       rotation: this.rotation,
       transformData: this.transformData,
-      childrenStartData: this.children.map((s) => s.getTransformStartData())
+      childrenStartData: this.children.map((o) => o.getTransformStartData())
     };
   }
   /**
@@ -6092,10 +6137,10 @@ class mt extends Q {
    * This allows clicking anywhere within the selection border to drag the group
    */
   hitTest(t, e) {
-    const i = this.getOrientedBoundingBox(), o = this._rotationCenterX || this.x, s = this._rotationCenterY || this.y;
+    const i = this.getOrientedBoundingBox(), s = this._rotationCenterX || this.x, o = this._rotationCenterY || this.y;
     if (this.rotation === 0)
       return t >= i.x && t <= i.x + i.width && e >= i.y && e <= i.y + i.height;
-    const a = this.rotation * Math.PI / 180, n = Math.cos(a), h = Math.sin(a), l = t - o, c = e - s, g = o + (l * n - c * h), d = s + (l * h + c * n);
+    const a = this.rotation * Math.PI / 180, n = Math.cos(a), h = Math.sin(a), l = t - s, c = e - o, g = s + (l * n - c * h), d = o + (l * h + c * n);
     return g >= i.x && g <= i.x + i.width && d >= i.y && d <= i.y + i.height;
   }
   /**
@@ -6162,9 +6207,9 @@ class mt extends Q {
    */
   hitTestChild(t, e) {
     for (let i = this.children.length - 1; i >= 0; i--) {
-      const o = this.children[i];
-      if (o.hitTest(t, e))
-        return o;
+      const s = this.children[i];
+      if (s.hitTest(t, e))
+        return s;
     }
     return null;
   }
@@ -6209,8 +6254,8 @@ class Z {
   getAllByName(t) {
     const e = [];
     for (const i of this.order) {
-      const o = this.byId.get(i);
-      o && o.name === t && e.push(o);
+      const s = this.byId.get(i);
+      s && s.name === t && e.push(s);
     }
     return e;
   }
@@ -6231,8 +6276,8 @@ class Z {
     const i = this.clone();
     if (t !== e.id) {
       i.byId.delete(t);
-      const o = i.order.indexOf(t);
-      o !== -1 && (i.order[o] = e.id);
+      const s = i.order.indexOf(t);
+      s !== -1 && (i.order[s] = e.id);
     }
     return i.byId.set(e.id, e), i;
   }
@@ -6245,8 +6290,8 @@ class Z {
   insertAfter(t, e) {
     const i = this.clone();
     i.byId.set(t.id, t);
-    const o = i.order.indexOf(e);
-    return o !== -1 ? i.order.splice(o + 1, 0, t.id) : i.order.push(t.id), i;
+    const s = i.order.indexOf(e);
+    return s !== -1 ? i.order.splice(s + 1, 0, t.id) : i.order.push(t.id), i;
   }
   /** Remove an element by ID. */
   remove(t) {
@@ -6257,7 +6302,7 @@ class Z {
   /** Reorder element to a new index in the render order. */
   reorder(t, e) {
     const i = this.clone();
-    return i.order = i.order.filter((o) => o !== t), i.order.splice(e, 0, t), i;
+    return i.order = i.order.filter((s) => s !== t), i.order.splice(e, 0, t), i;
   }
   /**
    * Apply a batch update: replace elements whose IDs match.
@@ -6311,15 +6356,15 @@ class Z {
     return t.byId = new Map(this.byId), t.order = [...this.order], t;
   }
 }
-class no extends Error {
+class us extends Error {
   constructor(t, e, i = {}) {
     super(`[Editor] ${t}: ${e}`), this.name = "EditorError", this.code = t, this.data = { code: t, ...i };
   }
 }
-function ao(r) {
+function ms(r) {
   return r instanceof Error && r.name === "EditorError" && "code" in r;
 }
-function ho() {
+function ps() {
   var r;
   return typeof ft < "u" && ((r = ft.env) == null ? void 0 : r.NODE_ENV) !== "production";
 }
@@ -6337,9 +6382,9 @@ class $ {
     throw new Error("Command.undo() must be implemented");
   }
 }
-class lo extends $ {
-  constructor(t, e, i, o) {
-    super(), this.elementId = t, this.oldElement = e ? e.clone() : null, this.newElement = i ? i.clone() : null, this.onUpdate = o;
+class ys extends $ {
+  constructor(t, e, i, s) {
+    super(), this.elementId = t, this.oldElement = e ? e.clone() : null, this.newElement = i ? i.clone() : null, this.onUpdate = s;
   }
   execute() {
     this.newElement && this.onUpdate(this.newElement);
@@ -6348,7 +6393,7 @@ class lo extends $ {
     this.oldElement && this.onUpdate(this.oldElement);
   }
 }
-class co extends $ {
+class ws extends $ {
   constructor(t, e, i) {
     super(), this.element = t.clone(), this.onAdd = e, this.onRemove = i;
   }
@@ -6359,7 +6404,7 @@ class co extends $ {
     this.onRemove(this.element.id);
   }
 }
-class go extends $ {
+class bs extends $ {
   constructor(t, e, i) {
     super(), this.element = t.clone(), this.onAdd = e, this.onRemove = i;
   }
@@ -6370,7 +6415,7 @@ class go extends $ {
     this.onAdd(this.element);
   }
 }
-class je extends $ {
+class ei extends $ {
   constructor(t) {
     super(), this.commands = t;
   }
@@ -6402,7 +6447,7 @@ class ct {
   executeBatch(t) {
     if (t.length === 0)
       return;
-    const e = new je(t);
+    const e = new ei(t);
     this.execute(e);
   }
   /**
@@ -6447,7 +6492,7 @@ class ct {
     };
   }
 }
-class fo extends $ {
+class xs extends $ {
   constructor(t, e) {
     super(), this.artboard = t.clone(), this.artboardManager = e;
   }
@@ -6467,7 +6512,7 @@ class fo extends $ {
     this.artboardManager.deleteArtboard(this.artboard.id);
   }
 }
-class uo extends $ {
+class Ss extends $ {
   constructor(t, e) {
     super(), this.artboard = t.clone(), this.artboardManager = e, this.elementsOnArtboard = t.getElementIds();
   }
@@ -6490,9 +6535,9 @@ class uo extends $ {
     });
   }
 }
-class mo extends $ {
-  constructor(t, e, i, o) {
-    super(), this.artboardId = t, this.oldProperties = { ...e }, this.newProperties = { ...i }, this.artboardManager = o;
+class Cs extends $ {
+  constructor(t, e, i, s) {
+    super(), this.artboardId = t, this.oldProperties = { ...e }, this.newProperties = { ...i }, this.artboardManager = s;
   }
   execute() {
     this.artboardManager.updateArtboard(this.artboardId, this.newProperties);
@@ -6501,9 +6546,9 @@ class mo extends $ {
     this.artboardManager.updateArtboard(this.artboardId, this.oldProperties);
   }
 }
-class po extends $ {
-  constructor(t, e, i, o, s) {
-    super(), this.draggedId = t, this.targetId = e, this.position = i, this.oldOrder = [...o], this.onReorder = s, this.newOrder = this.calculateNewOrder();
+class vs extends $ {
+  constructor(t, e, i, s, o) {
+    super(), this.draggedId = t, this.targetId = e, this.position = i, this.oldOrder = [...s], this.onReorder = o, this.newOrder = this.calculateNewOrder();
   }
   calculateNewOrder() {
     const t = [...this.oldOrder], e = t.indexOf(this.draggedId);
@@ -6511,8 +6556,8 @@ class po extends $ {
     t.splice(e, 1);
     const i = t.indexOf(this.targetId);
     if (i === -1) return t;
-    const o = this.position === "before" ? i : i + 1;
-    return t.splice(o, 0, this.draggedId), t;
+    const s = this.position === "before" ? i : i + 1;
+    return t.splice(s, 0, this.draggedId), t;
   }
   execute() {
     this.onReorder(this.newOrder);
@@ -6521,8 +6566,8 @@ class po extends $ {
     this.onReorder(this.oldOrder);
   }
 }
-const Ze = pt("HybridHistoryManager");
-class yo {
+const ii = pt("HybridHistoryManager");
+class Ts {
   constructor(t, e = 50) {
     this.commandExecutedCallbacks = [], this.globalHistory = new ct(e), this.artboardHistories = /* @__PURE__ */ new Map(), this.lastOperation = null, this.artboardManager = t, this.maxHistorySize = e;
   }
@@ -6540,11 +6585,11 @@ class yo {
    * Notify all callbacks that a command was executed
    */
   notifyCommandExecuted(t, e, i) {
-    for (const o of this.commandExecutedCallbacks)
+    for (const s of this.commandExecutedCallbacks)
       try {
-        o(t, e, i);
-      } catch (s) {
-        Ze.error("Error in command executed callback:", s);
+        s(t, e, i);
+      } catch (o) {
+        ii.error("Error in command executed callback:", o);
       }
   }
   /**
@@ -6583,8 +6628,8 @@ class yo {
       artboardId: t,
       timestamp: Date.now()
     };
-    const o = i.history[i.currentIndex];
-    this.notifyCommandExecuted(o, "artboard", t);
+    const s = i.history[i.currentIndex];
+    this.notifyCommandExecuted(s, "artboard", t);
   }
   /**
    * Execute a command on a specific artboard
@@ -6750,12 +6795,12 @@ class yo {
    */
   getState() {
     const t = this.globalHistory.getState(), e = /* @__PURE__ */ new Map();
-    return this.artboardHistories.forEach((i, o) => {
-      const s = i.getState();
-      e.set(o, {
-        canUndo: s.canUndo,
-        canRedo: s.canRedo,
-        historySize: s.historySize
+    return this.artboardHistories.forEach((i, s) => {
+      const o = i.getState();
+      e.set(s, {
+        canUndo: o.canUndo,
+        canRedo: o.canRedo,
+        historySize: o.historySize
       });
     }), {
       global: {
@@ -6817,11 +6862,11 @@ class yo {
   }
 }
 const G = pt("FontAnalyzer");
-let xt = null;
-async function Ke() {
-  return xt || (xt = await import("./browser-module-DFvKXBUE.js")), xt;
+let St = null;
+async function si() {
+  return St || (St = await import("./browser-module-DFvKXBUE.js")), St;
 }
-class Qe {
+class oi {
   constructor() {
     this.fontCache = /* @__PURE__ */ new Map(), this.failedFonts = /* @__PURE__ */ new Set(), this.CACHE_DURATION = 1e3 * 60 * 30, this.MAX_CACHE_SIZE = 5;
   }
@@ -6833,15 +6878,15 @@ class Qe {
   evictOldestFont() {
     if (this.fontCache.size <= this.MAX_CACHE_SIZE) return;
     let t = null, e = Date.now();
-    this.fontCache.forEach((i, o) => {
-      i.timestamp < e && (e = i.timestamp, t = o);
+    this.fontCache.forEach((i, s) => {
+      i.timestamp < e && (e = i.timestamp, t = s);
     }), t && this.fontCache.delete(t);
   }
   /**
    * Check if a font is a system font
    */
   isSystemFont(t) {
-    return we.has(t);
+    return Se.has(t);
   }
   /**
    * Get Google Fonts API URL for a specific font family
@@ -6854,7 +6899,7 @@ class Qe {
    */
   async extractFontFileUrl(t, e = 400) {
     try {
-      const i = this.getGoogleFontUrl(t, e), s = await (await fetch(i)).text(), a = /@font-face\s*{([^}]*)}/g, n = Array.from(s.matchAll(a));
+      const i = this.getGoogleFontUrl(t, e), o = await (await fetch(i)).text(), a = /@font-face\s*{([^}]*)}/g, n = Array.from(o.matchAll(a));
       if (n.length === 0)
         return G.warn("No @font-face found in CSS"), null;
       let h = null, l = -1;
@@ -6879,24 +6924,24 @@ class Qe {
     const i = `${t}-${e}`;
     if (this.failedFonts.has(i))
       return null;
-    const o = this.fontCache.get(i);
-    if (o && Date.now() - o.timestamp < this.CACHE_DURATION)
-      return o.timestamp = Date.now(), o.font;
+    const s = this.fontCache.get(i);
+    if (s && Date.now() - s.timestamp < this.CACHE_DURATION)
+      return s.timestamp = Date.now(), s.font;
     try {
-      const s = await this.extractFontFileUrl(t, e);
-      if (!s)
+      const o = await this.extractFontFileUrl(t, e);
+      if (!o)
         return this.failedFonts.add(i), null;
-      const a = await fetch(s);
+      const a = await fetch(o);
       if (!a.ok)
         return G.error(`Font fetch failed: ${a.status} ${a.statusText}`), this.failedFonts.add(i), null;
-      const n = await a.arrayBuffer(), h = new Uint8Array(n), c = (await Ke()).create(h), g = "fonts" in c ? c.fonts[0] : c;
+      const n = await a.arrayBuffer(), h = new Uint8Array(n), c = (await si()).create(h), g = "fonts" in c ? c.fonts[0] : c;
       return this.fontCache.set(i, {
         font: g,
-        url: s,
+        url: o,
         timestamp: Date.now()
       }), this.evictOldestFont(), g;
-    } catch (s) {
-      return G.error(`Error loading font ${t}:`, s), this.failedFonts.add(i), null;
+    } catch (o) {
+      return G.error(`Error loading font ${t}:`, o), this.failedFonts.add(i), null;
     }
   }
   /**
@@ -6904,8 +6949,8 @@ class Qe {
    * Returns null if font is not cached - font should be pre-loaded before rendering
    */
   getFontSync(t, e = 400) {
-    const i = `${t}-${e}`, o = this.fontCache.get(i);
-    return o && Date.now() - o.timestamp < this.CACHE_DURATION ? (o.timestamp = Date.now(), o.font) : null;
+    const i = `${t}-${e}`, s = this.fontCache.get(i);
+    return s && Date.now() - s.timestamp < this.CACHE_DURATION ? (s.timestamp = Date.now(), s.font) : null;
   }
   /**
    * Clear font cache (useful for debugging or forcing reload)
@@ -6925,13 +6970,13 @@ class Qe {
     var n, h;
     if (this.isSystemFont(t))
       return [];
-    const o = await this.loadFont(t, e);
-    if (!o)
+    const s = await this.loadFont(t, e);
+    if (!s)
       return [];
-    const s = [], a = Math.min(o.numGlyphs, i);
+    const o = [], a = Math.min(s.numGlyphs, i);
     for (let l = 0; l < a; l++)
       try {
-        const c = o.getGlyph(l);
+        const c = s.getGlyph(l);
         if (!c || !c.name || c.name === ".notdef" || c.name.startsWith(".null"))
           continue;
         const g = c.codePoints || [];
@@ -6956,42 +7001,42 @@ class Qe {
         const m = c.name.toLowerCase();
         if (m.includes("swash") || m.includes("cswh") ? u = "swash" : c.name.match(/\.(alt|ss\d+|cv\d+|salt|ornament)/) || c.name.match(/_\d+$/) ? u = "stylistic" : m.match(/liga|dlig/) && (u = "ligature"), u === "default")
           continue;
-        d && d.length > 0 && s.push({
+        d && d.length > 0 && o.push({
           glyphIndex: c.id,
           unicode: d,
           name: f,
           category: u,
-          previewDataUrl: this.generateGlyphPreview(o, c.id, 80)
+          previewDataUrl: this.generateGlyphPreview(s, c.id, 80)
         });
       } catch {
       }
-    return s;
+    return o;
   }
   /**
    * Get glyph alternates for a specific character
    */
   async getGlyphAlternates(t, e, i = 400) {
     var l, c, g, d;
-    const o = await this.loadFont(t, i);
-    if (!o)
+    const s = await this.loadFont(t, i);
+    if (!s)
       return [];
-    const s = [], a = e.codePointAt(0);
+    const o = [], a = e.codePointAt(0);
     if (a === void 0)
       return [];
-    const n = o.glyphForCodePoint(a);
-    n && s.push({
+    const n = s.glyphForCodePoint(a);
+    n && o.push({
       glyphIndex: n.id,
       unicode: e,
       name: n.name || "Default",
       category: "default",
-      previewDataUrl: this.generateGlyphPreview(o, n.id, 80)
+      previewDataUrl: this.generateGlyphPreview(s, n.id, 80)
     });
     const h = n == null ? void 0 : n.name;
     if (h) {
       let f = 0;
-      for (let u = 0; u < o.numGlyphs; u++)
+      for (let u = 0; u < s.numGlyphs; u++)
         try {
-          const m = o.getGlyph(u);
+          const m = s.getGlyph(u);
           if (!m || !m.name) continue;
           if ([
             new RegExp(`^${h}\\.(swash|alt|ss\\d+|salt|ornament)`, "i"),
@@ -7009,19 +7054,19 @@ class Qe {
               const S = (c = m.name.match(/\.ss(\d+)/)) == null ? void 0 : c[1];
               w = `${e} Stylistic Set ${S}`;
             }
-            s.push({
+            o.push({
               glyphIndex: m.id,
               unicode: e,
               name: w,
               category: "stylistic",
-              previewDataUrl: this.generateGlyphPreview(o, m.id, 80)
+              previewDataUrl: this.generateGlyphPreview(s, m.id, 80)
             });
           }
         } catch {
         }
     }
-    if (o.GSUB) {
-      const f = o.GSUB;
+    if (s.GSUB) {
+      const f = s.GSUB;
       if (f.featureList)
         for (const u of f.featureList) {
           const m = u.tag;
@@ -7034,13 +7079,13 @@ class Qe {
                     const S = w.coverage;
                     if (!S) continue;
                     if (this.getCoverageIndex(S, n.id) !== -1) {
-                      const T = this.getSubstituteGlyph(w, n.id);
-                      T !== null && s.push({
-                        glyphIndex: T,
+                      const v = this.getSubstituteGlyph(w, n.id);
+                      v !== null && o.push({
+                        glyphIndex: v,
                         unicode: e,
                         name: `${e} (${m})`,
                         category: this.categorizeFeature(m),
-                        previewDataUrl: this.generateGlyphPreview(o, T, 80)
+                        previewDataUrl: this.generateGlyphPreview(s, v, 80)
                       });
                     }
                   }
@@ -7048,17 +7093,17 @@ class Qe {
                   for (const w of y.subtables || []) {
                     const S = w.coverage;
                     if (!S) continue;
-                    const b = this.getCoverageIndex(S, n.id), T = w;
-                    if (b !== -1 && T.alternateSets) {
-                      const C = T.alternateSets[b];
+                    const b = this.getCoverageIndex(S, n.id), v = w;
+                    if (b !== -1 && v.alternateSets) {
+                      const C = v.alternateSets[b];
                       if (C)
                         for (const M of C)
-                          s.push({
+                          o.push({
                             glyphIndex: M,
                             unicode: e,
                             name: `${e} (${m} alt)`,
                             category: this.categorizeFeature(m),
-                            previewDataUrl: this.generateGlyphPreview(o, M, 80)
+                            previewDataUrl: this.generateGlyphPreview(s, M, 80)
                           });
                     }
                   }
@@ -7066,7 +7111,7 @@ class Qe {
             }
         }
     }
-    return s;
+    return o;
   }
   /**
    * Get available OpenType features for a font
@@ -7076,38 +7121,38 @@ class Qe {
     if (!i)
       return G.warn(`Font ${t} failed to load`), [];
     try {
-      const o = [];
+      const s = [];
       if (i.GSUB && i.GSUB.featureList) {
-        const s = /* @__PURE__ */ new Set();
+        const o = /* @__PURE__ */ new Set();
         for (const a of i.GSUB.featureList)
-          a.tag && s.add(a.tag);
-        o.push(...Array.from(s));
+          a.tag && o.add(a.tag);
+        s.push(...Array.from(o));
       }
       if (i.GPOS && i.GPOS.featureList) {
-        const s = /* @__PURE__ */ new Set();
+        const o = /* @__PURE__ */ new Set();
         for (const a of i.GPOS.featureList)
-          a.tag && s.add(a.tag);
-        o.push(...Array.from(s));
+          a.tag && o.add(a.tag);
+        s.push(...Array.from(o));
       }
-      return o;
-    } catch (o) {
-      return G.error(`Error getting features for ${t}:`, o), [];
+      return s;
+    } catch (s) {
+      return G.error(`Error getting features for ${t}:`, s), [];
     }
   }
   /**
    * Generate a preview image for a glyph
    */
   generateGlyphPreview(t, e, i = 80) {
-    const o = document.createElement("canvas");
-    o.width = i, o.height = i;
-    const s = o.getContext("2d");
-    if (!s)
+    const s = document.createElement("canvas");
+    s.width = i, s.height = i;
+    const o = s.getContext("2d");
+    if (!o)
       return "";
     try {
       const a = t.getGlyph(e);
       if (!a)
         return "";
-      s.clearRect(0, 0, i, i);
+      o.clearRect(0, 0, i, i);
       const n = a.bbox;
       if (!n)
         return "";
@@ -7118,7 +7163,7 @@ class Qe {
       if (!p)
         return "";
       const y = new Path2D(p);
-      return s.save(), s.translate(u, m), s.scale(g, -g), s.translate(-d, -f), s.fillStyle = "#000000", s.fill(y), s.restore(), o.toDataURL("image/png");
+      return o.save(), o.translate(u, m), o.scale(g, -g), o.translate(-d, -f), o.fillStyle = "#000000", o.fill(y), o.restore(), s.toDataURL("image/png");
     } catch (a) {
       return G.error("Error generating glyph preview:", a), "";
     }
@@ -7181,10 +7226,10 @@ class Qe {
       return t.glyphs.indexOf(e);
     if (t.format === 2 && t.ranges) {
       const i = t.ranges;
-      for (let o = 0; o < i.length; o++) {
-        const s = i[o];
-        if (e >= s.start && e <= s.end)
-          return s.index + (e - s.start);
+      for (let s = 0; s < i.length; s++) {
+        const o = i[s];
+        if (e >= o.start && e <= o.end)
+          return o.index + (e - o.start);
       }
     }
     return -1;
@@ -7197,9 +7242,9 @@ class Qe {
     if (t.substFormat === 1 && typeof t.deltaGlyphId == "number")
       return e + t.deltaGlyphId;
     if (t.substFormat === 2 && t.substitute) {
-      const i = this.getCoverageIndex(t.coverage, e), o = t.substitute;
-      if (i !== -1 && o[i] !== void 0)
-        return o[i];
+      const i = this.getCoverageIndex(t.coverage, e), s = t.substitute;
+      if (i !== -1 && s[i] !== void 0)
+        return s[i];
     }
     return null;
   }
@@ -7210,9 +7255,9 @@ class Qe {
     const i = await this.loadFont(t, e);
     if (!i)
       return 0;
-    let o = 0;
-    const s = Math.min(i.numGlyphs, 1500);
-    for (let a = 0; a < s; a++)
+    let s = 0;
+    const o = Math.min(i.numGlyphs, 1500);
+    for (let a = 0; a < o; a++)
       try {
         const n = i.getGlyph(a);
         if (!n || !n.name || n.name === ".notdef" || n.name.startsWith(".null"))
@@ -7225,10 +7270,10 @@ class Qe {
         }
         let c = "default";
         const g = n.name.toLowerCase();
-        g.includes("swash") || g.includes("cswh") ? c = "swash" : n.name.match(/\.(alt|ss\d+|cv\d+|salt|ornament)/) || n.name.match(/_\d+$/) ? c = "stylistic" : g.match(/liga|dlig/) && (c = "ligature"), c !== "default" && l && l.length > 0 && o++;
+        g.includes("swash") || g.includes("cswh") ? c = "swash" : n.name.match(/\.(alt|ss\d+|cv\d+|salt|ornament)/) || n.name.match(/_\d+$/) ? c = "stylistic" : g.match(/liga|dlig/) && (c = "ligature"), c !== "default" && l && l.length > 0 && s++;
       } catch {
       }
-    return o;
+    return s;
   }
   /**
    * Get cache statistics
@@ -7240,129 +7285,134 @@ class Qe {
     };
   }
 }
-const wo = new Qe();
+const Fs = new oi();
 export {
-  qi as $,
+  ve as $,
   nt as A,
   Q as B,
-  wo as C,
-  ho as D,
-  no as E,
-  Ti as F,
+  Fs as C,
+  ps as D,
+  us as E,
+  Di as F,
   mt as G,
-  he as H,
+  de as H,
   yt as I,
-  Xe as J,
-  ti as K,
-  Ve as L,
-  ze as M,
-  He as N,
-  Z as O,
-  Dt as P,
-  Ge as Q,
+  De as J,
+  Dt as K,
+  Ei as L,
+  Oi as M,
+  Ge as N,
+  ri as O,
+  Et as P,
+  Ke as Q,
   L as R,
-  Mt as S,
+  kt as S,
   q as T,
-  lo as U,
-  yo as V,
-  $e as W,
-  xe as X,
-  Ue as Y,
-  Pe as Z,
-  ji as _,
-  Ui as a,
-  Jt as a$,
-  Zi as a0,
-  Ki as a1,
-  Te as a2,
-  Oe as a3,
-  Ee as a4,
-  at as a5,
-  Bt as a6,
-  Ft as a7,
-  Rt as a8,
-  _t as a9,
-  I as aA,
-  P as aB,
-  Si as aC,
-  io as aD,
-  ge as aE,
-  oi as aF,
-  ci as aG,
-  to as aH,
-  fe as aI,
-  Qi as aJ,
-  Le as aK,
-  eo as aL,
-  wi as aM,
-  hi as aN,
-  li as aO,
-  ai as aP,
-  de as aQ,
-  ni as aR,
-  ri as aS,
-  ii as aT,
-  xi as aU,
-  bi as aV,
-  si as aW,
-  pi as aX,
-  yi as aY,
-  ui as aZ,
-  ei as a_,
-  Ji as aa,
-  j as ab,
-  wt as ac,
-  Vi as ad,
-  be as ae,
-  Fi as af,
-  Ai as ag,
-  J as ah,
-  co as ai,
-  go as aj,
-  fo as ak,
-  uo as al,
-  mo as am,
-  po as an,
-  pe as ao,
-  ye as ap,
-  mi as aq,
-  _e as ar,
-  st as as,
-  vi as at,
-  At as au,
-  Xt as av,
-  di as aw,
-  zt as ax,
-  gi as ay,
-  fi as az,
-  Ni as b,
-  ro as b0,
-  Ci as b1,
-  Ye as b2,
-  rt as b3,
+  ys as U,
+  Ue as V,
+  Xe as W,
+  Z as X,
+  je as Y,
+  Ts as Z,
+  Ze as _,
+  Ki as a,
+  Si as a$,
+  qe as a0,
+  Ne as a1,
+  os as a2,
+  ss as a3,
+  rs as a4,
+  ns as a5,
+  Ae as a6,
+  Le as a7,
+  Pe as a8,
+  at as a9,
+  pi as aA,
+  _t as aB,
+  yi as aC,
+  wi as aD,
+  I as aE,
+  P as aF,
+  Ai as aG,
+  cs as aH,
+  me as aI,
+  hi as aJ,
+  mi as aK,
+  hs as aL,
+  pe as aM,
+  as as aN,
+  _e as aO,
+  ls as aP,
+  vi as aQ,
+  fi as aR,
+  ui as aS,
+  gi as aT,
+  ue as aU,
+  di as aV,
+  ci as aW,
+  ai as aX,
+  Fi as aY,
+  Ti as aZ,
+  li as a_,
+  Pt as aa,
+  Mt as ab,
+  Lt as ac,
+  Ut as ad,
+  is as ae,
+  j as af,
+  wt as ag,
+  es as ah,
+  Ce as ai,
+  Bi as aj,
+  Ri as ak,
+  J as al,
+  ws as am,
+  bs as an,
+  xs as ao,
+  Ss as ap,
+  Cs as aq,
+  vs as ar,
+  be as as,
+  xe as at,
+  xi as au,
+  $e as av,
+  ot as aw,
+  Ii as ax,
+  It as ay,
+  Yt as az,
+  Zi as b,
+  Ci as b0,
+  bi as b1,
+  ni as b2,
+  Zt as b3,
+  fs as b4,
+  Mi as b5,
+  Ve as b6,
+  rt as b7,
+  ki as b8,
   pt as c,
-  Li as d,
-  Di as e,
-  Pi as f,
-  qe as g,
-  $i as h,
-  Ii as i,
-  Mi as j,
-  Ei as k,
-  Wi as l,
-  Bi as m,
-  Hi as n,
-  Oi as o,
-  Gi as p,
-  Xi as q,
-  oo as r,
-  Yi as s,
-  zi as t,
-  so as u,
-  _i as v,
-  Ri as w,
-  ki as x,
-  ao as y,
+  Gi as d,
+  Pi as e,
+  Ui as f,
+  ti as g,
+  ts as h,
+  Li as i,
+  Hi as j,
+  zi as k,
+  $i as l,
+  Ni as m,
+  Yi as n,
+  Xi as o,
+  Qi as p,
+  Ji as q,
+  ds as r,
+  ji as s,
+  Vi as t,
+  gs as u,
+  qi as v,
+  _i as w,
+  Wi as x,
+  ms as y,
   ft as z
 };
-//# sourceMappingURL=FontAnalyzer-DKG5JK0x.js.map
+//# sourceMappingURL=FontAnalyzer-BYhwxDhe.js.map