@s25studio/sinth 1.0.2 → 1.0.4

package/dist/esm/sinth.js

@@ -1,6 +1,6 @@
-/*! Sinth 1.0.2 (v50) · @s25studio/sinth@1.0.2 · https://unpkg.com/@s25studio/sinth@1.0.2
+/*! Sinth 1.0.4 (v53) · @s25studio/sinth@1.0.4 · https://unpkg.com/@s25studio/sinth@1.0.4
  * Copyright (c) 2026 S25 Studio. Licensed, not sold — see LICENSE.md in the
- * package or https://unpkg.com/@s25studio/sinth@1.0.2/LICENSE.md
+ * package or https://unpkg.com/@s25studio/sinth@1.0.4/LICENSE.md
  *
  * Bundles three.js addons and, via TTFLoader, opentype.js — both MIT. The
  * script build three.min.js inlines three.js itself.
@@ -235,19 +235,19 @@ var E = class extends ee {
 	set alphaToCoverage(e) {
 		this.defines && (e === !0 !== this.alphaToCoverage && (this.needsUpdate = !0), e === !0 ? this.defines.USE_ALPHA_TO_COVERAGE = "" : delete this.defines.USE_ALPHA_TO_COVERAGE);
 	}
-}, D = new ne(), se = new T(), ce = new T(), O = new ne(), k = new ne(), A = new ne(), le = new T(), ue = new y(), j = new _(), de = new T(), fe = new d(), pe = new S(), M = new ne(), N, P;
+}, D = new ne(), se = new T(), ce = new T(), O = new ne(), k = new ne(), A = new ne(), j = new T(), le = new y(), M = new _(), ue = new T(), de = new d(), fe = new S(), N = new ne(), P, pe;
 function me(e, t, n) {
-	return M.set(0, 0, -t, 1).applyMatrix4(e.projectionMatrix), M.multiplyScalar(1 / M.w), M.x = P / n.width, M.y = P / n.height, M.applyMatrix4(e.projectionMatrixInverse), M.multiplyScalar(1 / M.w), Math.abs(Math.max(M.x, M.y));
+	return N.set(0, 0, -t, 1).applyMatrix4(e.projectionMatrix), N.multiplyScalar(1 / N.w), N.x = pe / n.width, N.y = pe / n.height, N.applyMatrix4(e.projectionMatrixInverse), N.multiplyScalar(1 / N.w), Math.abs(Math.max(N.x, N.y));
 }
 function he(e, t) {
 	let n = e.matrixWorld, r = e.geometry, i = r.attributes.instanceStart, a = r.attributes.instanceEnd, o = Math.min(r.instanceCount, i.count);
 	for (let r = 0, s = o; r < s; r++) {
-		j.start.fromBufferAttribute(i, r), j.end.fromBufferAttribute(a, r), j.applyMatrix4(n);
+		M.start.fromBufferAttribute(i, r), M.end.fromBufferAttribute(a, r), M.applyMatrix4(n);
 		let o = new T(), s = new T();
-		N.distanceSqToSegment(j.start, j.end, s, o), s.distanceTo(o) < P * .5 && t.push({
+		P.distanceSqToSegment(M.start, M.end, s, o), s.distanceTo(o) < pe * .5 && t.push({
 			point: s,
 			pointOnLine: o,
-			distance: N.origin.distanceTo(s),
+			distance: P.origin.distanceTo(s),
 			object: e,
 			face: null,
 			faceIndex: r,
@@ -258,9 +258,9 @@ function he(e, t) {
 }
 function ge(e, t, n) {
 	let r = t.projectionMatrix, i = e.material.resolution, a = e.matrixWorld, o = e.geometry, s = o.attributes.instanceStart, c = o.attributes.instanceEnd, l = Math.min(o.instanceCount, s.count), u = -t.near;
-	N.at(1, A), A.w = 1, A.applyMatrix4(t.matrixWorldInverse), A.applyMatrix4(r), A.multiplyScalar(1 / A.w), A.x *= i.x / 2, A.y *= i.y / 2, A.z = 0, le.copy(A), ue.multiplyMatrices(t.matrixWorldInverse, a);
+	P.at(1, A), A.w = 1, A.applyMatrix4(t.matrixWorldInverse), A.applyMatrix4(r), A.multiplyScalar(1 / A.w), A.x *= i.x / 2, A.y *= i.y / 2, A.z = 0, j.copy(A), le.multiplyMatrices(t.matrixWorldInverse, a);
 	for (let t = 0, o = l; t < o; t++) {
-		if (O.fromBufferAttribute(s, t), k.fromBufferAttribute(c, t), O.w = 1, k.w = 1, O.applyMatrix4(ue), k.applyMatrix4(ue), O.z > u && k.z > u) continue;
+		if (O.fromBufferAttribute(s, t), k.fromBufferAttribute(c, t), O.w = 1, k.w = 1, O.applyMatrix4(le), k.applyMatrix4(le), O.z > u && k.z > u) continue;
 		if (O.z > u) {
 			let e = O.z - k.z, t = (O.z - u) / e;
 			O.lerp(k, t);
@@ -268,17 +268,17 @@ function ge(e, t, n) {
 			let e = k.z - O.z, t = (k.z - u) / e;
 			k.lerp(O, t);
 		}
-		O.applyMatrix4(r), k.applyMatrix4(r), O.multiplyScalar(1 / O.w), k.multiplyScalar(1 / k.w), O.x *= i.x / 2, O.y *= i.y / 2, k.x *= i.x / 2, k.y *= i.y / 2, j.start.copy(O), j.start.z = 0, j.end.copy(k), j.end.z = 0;
-		let o = j.closestPointToPointParameter(le, !0);
-		j.at(o, de);
-		let l = v.lerp(O.z, k.z, o), d = l >= -1 && l <= 1, f = le.distanceTo(de) < P * .5;
+		O.applyMatrix4(r), k.applyMatrix4(r), O.multiplyScalar(1 / O.w), k.multiplyScalar(1 / k.w), O.x *= i.x / 2, O.y *= i.y / 2, k.x *= i.x / 2, k.y *= i.y / 2, M.start.copy(O), M.start.z = 0, M.end.copy(k), M.end.z = 0;
+		let o = M.closestPointToPointParameter(j, !0);
+		M.at(o, ue);
+		let l = v.lerp(O.z, k.z, o), d = l >= -1 && l <= 1, f = j.distanceTo(ue) < pe * .5;
 		if (d && f) {
-			j.start.fromBufferAttribute(s, t), j.end.fromBufferAttribute(c, t), j.start.applyMatrix4(a), j.end.applyMatrix4(a);
+			M.start.fromBufferAttribute(s, t), M.end.fromBufferAttribute(c, t), M.start.applyMatrix4(a), M.end.applyMatrix4(a);
 			let r = new T(), i = new T();
-			N.distanceSqToSegment(j.start, j.end, i, r), n.push({
+			P.distanceSqToSegment(M.start, M.end, i, r), n.push({
 				point: i,
 				pointOnLine: r,
-				distance: N.origin.distanceTo(i),
+				distance: P.origin.distanceTo(i),
 				object: e,
 				face: null,
 				faceIndex: t,
@@ -302,14 +302,14 @@ var _e = class extends b {
 		let n = this.material.worldUnits, r = e.camera;
 		r === null && !n && console.error("LineSegments2: \"Raycaster.camera\" needs to be set in order to raycast against LineSegments2 while worldUnits is set to false.");
 		let i = e.params.Line2 === void 0 ? 0 : e.params.Line2.threshold || 0;
-		N = e.ray;
+		P = e.ray;
 		let a = this.matrixWorld, o = this.geometry, s = this.material;
-		P = s.linewidth + i, o.boundingSphere === null && o.computeBoundingSphere(), pe.copy(o.boundingSphere).applyMatrix4(a);
+		pe = s.linewidth + i, o.boundingSphere === null && o.computeBoundingSphere(), fe.copy(o.boundingSphere).applyMatrix4(a);
 		let c;
-		if (c = n ? P * .5 : me(r, Math.max(r.near, pe.distanceToPoint(N.origin)), s.resolution), pe.radius += c, N.intersectsSphere(pe) === !1) return;
-		o.boundingBox === null && o.computeBoundingBox(), fe.copy(o.boundingBox).applyMatrix4(a);
+		if (c = n ? pe * .5 : me(r, Math.max(r.near, fe.distanceToPoint(P.origin)), s.resolution), fe.radius += c, P.intersectsSphere(fe) === !1) return;
+		o.boundingBox === null && o.computeBoundingBox(), de.copy(o.boundingBox).applyMatrix4(a);
 		let l;
-		l = n ? P * .5 : me(r, Math.max(r.near, fe.distanceToPoint(N.origin)), s.resolution), fe.expandByScalar(l), N.intersectsBox(fe) !== !1 && (n ? he(this, t) : ge(this, r, t));
+		l = n ? pe * .5 : me(r, Math.max(r.near, de.distanceToPoint(P.origin)), s.resolution), de.expandByScalar(l), P.intersectsBox(de) !== !1 && (n ? he(this, t) : ge(this, r, t));
 	}
 	onBeforeRender(e) {
 		let t = this.material.uniforms;
@@ -761,8 +761,8 @@ function qe(e) {
 		ringIndex: 0,
 		pathProgress: 0,
 		spinProgress: 0,
-		alignDir: G(e, Math.PI / Math.max(1, Math.round(r)) + Math.PI / 2, !1),
-		alignUp: K(e, !1)
+		alignDir: K(e, Math.PI / Math.max(1, Math.round(r)) + Math.PI / 2, !1),
+		alignUp: q(e, !1)
 	}], a = Math.max(0, Math.round(t));
 	for (let t = 1; t <= a; t += 1) {
 		let a = t * n, o = Math.max(1, Math.round(t * r)), s = t % 2 == 0 ? 0 : Math.PI / o;
@@ -779,8 +779,8 @@ function qe(e) {
 				ringIndex: t,
 				pathProgress: o === 1 ? 0 : n / o,
 				spinProgress: o === 1 ? 0 : n / o,
-				alignDir: G(e, r + Math.PI / 2, !1),
-				alignUp: K(e, !1)
+				alignDir: K(e, r + Math.PI / 2, !1),
+				alignUp: q(e, !1)
 			});
 		}
 	}
@@ -791,7 +791,7 @@ function Je(e) {
 	for (let t = 0; t < o; t += 1) {
 		let c = U(e, t, o);
 		for (let o = 0; o < a; o += 1) {
-			let l = at(e, t), u = a === 1 ? 0 : ot(o / a + l), d = u * Math.PI * 2, f = ct(e, Math.cos(d) * n, c, Math.sin(d) * n), p = r ? d + Math.PI / 2 : 0, m = t * a + o;
+			let l = at(e, t), u = a === 1 ? 0 : ot(o / a + l), d = u * Math.PI * 2, f = G(e, Math.cos(d) * n, c, Math.sin(d) * n), p = r ? d + Math.PI / 2 : 0, m = t * a + o;
 			i.push({
 				x: f.x,
 				z: f.z,
@@ -803,8 +803,8 @@ function Je(e) {
 				ringIndex: t,
 				pathProgress: u,
 				spinProgress: s === 1 ? 0 : m / s,
-				alignDir: G(e, d + Math.PI / 2, !0),
-				alignUp: K(e, !0)
+				alignDir: K(e, d + Math.PI / 2, !0),
+				alignUp: q(e, !0)
 			});
 		}
 	}
@@ -815,7 +815,7 @@ function Ye(e) {
 	for (let t = 0; t < o; t += 1) {
 		let c = U(e, t, o), l = at(e, t);
 		for (let o = 0; o < a; o += 1) {
-			let u = a === 1 ? 0 : W(o / (a - 1) + l), d = tt(e, u), f = ct(e, d.x, c, d.z), p = Math.sqrt(d.x * d.x + d.z * d.z), m = r ? n + d.tangentAngle : 0, h = t * a + o;
+			let u = a === 1 ? 0 : W(o / (a - 1) + l), d = tt(e, u), f = G(e, d.x, c, d.z), p = Math.sqrt(d.x * d.x + d.z * d.z), m = r ? n + d.tangentAngle : 0, h = t * a + o;
 			i.push({
 				x: f.x,
 				z: f.z,
@@ -827,8 +827,8 @@ function Ye(e) {
 				ringIndex: t,
 				pathProgress: u,
 				spinProgress: s === 1 ? 0 : h / s,
-				alignDir: G(e, n + d.tangentAngle, !0),
-				alignUp: K(e, !0)
+				alignDir: K(e, n + d.tangentAngle, !0),
+				alignUp: q(e, !0)
 			});
 		}
 	}
@@ -839,7 +839,7 @@ function Xe(e) {
 	for (let t = 0; t < a; t += 1) {
 		let s = U(e, t, a), c = at(e, t);
 		for (let a = 0; a < i; a += 1) {
-			let l = i === 1 ? 0 : W(a / (i - 1) + c), u = nt(e, l), d = ct(e, u.x, s, u.z), f = t * i + a;
+			let l = i === 1 ? 0 : W(a / (i - 1) + c), u = nt(e, l), d = G(e, u.x, s, u.z), f = t * i + a;
 			r.push({
 				x: d.x,
 				z: d.z,
@@ -851,8 +851,8 @@ function Xe(e) {
 				ringIndex: t,
 				pathProgress: l,
 				spinProgress: o === 1 ? 0 : f / (o - 1),
-				alignDir: G(e, u.tangentAngle, !0),
-				alignUp: K(e, !0)
+				alignDir: K(e, u.tangentAngle, !0),
+				alignUp: q(e, !0)
 			});
 		}
 	}
@@ -873,7 +873,7 @@ function Ze(e) {
 			ringIndex: 0,
 			pathProgress: t,
 			spinProgress: t,
-			alignDir: lt(p, m, h)
+			alignDir: ct(p, m, h)
 		});
 	}
 	return a;
@@ -881,7 +881,7 @@ function Ze(e) {
 function Qe(e) {
 	let { pathInstanceCount: t, pathRadius: n, pathLength: r } = e, i = [], a = Math.max(1, Math.round(t)), o = Math.max(1e-4, r), s = o * .35, c = -o, l = s - c;
 	for (let t = 0; t < a; t += 1) {
-		let r = a === 1 ? 0 : t / a, o = Math.sqrt(st(t, 1)) * n, s = st(t, 2) * Math.PI * 2, u = st(t, 3), d = ct(e, Math.cos(s) * o, (st(t, 4) * 2 - 1) * n, c + u * l), f = Math.sqrt(d.x * d.x + d.y * d.y + d.z * d.z);
+		let r = a === 1 ? 0 : t / a, o = Math.sqrt(st(t, 1)) * n, s = st(t, 2) * Math.PI * 2, u = st(t, 3), d = G(e, Math.cos(s) * o, (st(t, 4) * 2 - 1) * n, c + u * l), f = Math.sqrt(d.x * d.x + d.y * d.y + d.z * d.z);
 		i.push({
 			x: d.x,
 			z: d.z,
@@ -903,7 +903,7 @@ function $e(e) {
 	for (let t = 0; t < a; t += 1) {
 		let s = U(e, t, a), c = at(e, t);
 		for (let a = 0; a < i; a += 1) {
-			let l = i === 1 ? 0 : W(a / (i - 1) + c), u = it(e, l), d = ct(e, u.x, s, u.z), f = t * i + a;
+			let l = i === 1 ? 0 : W(a / (i - 1) + c), u = it(e, l), d = G(e, u.x, s, u.z), f = t * i + a;
 			r.push({
 				x: d.x,
 				z: d.z,
@@ -915,8 +915,8 @@ function $e(e) {
 				ringIndex: t,
 				pathProgress: l,
 				spinProgress: o === 1 ? 0 : f / (o - 1),
-				alignDir: G(e, u.tangentAngle, !0),
-				alignUp: K(e, !0)
+				alignDir: K(e, u.tangentAngle, !0),
+				alignUp: q(e, !0)
 			});
 		}
 	}
@@ -989,24 +989,24 @@ function st(e, t) {
 	let n = Math.sin((e + 1) * 12.9898 + t * 78.233) * 43758.5453;
 	return n - Math.floor(n);
 }
-function ct(e, t, n, r) {
+function G(e, t, n, r) {
 	return new u.Vector3(t, n, r).applyEuler(new u.Euler(e.pathOrientationX, e.pathOrientationY, e.pathOrientationZ));
 }
-function G(e, t, n) {
+function K(e, t, n) {
 	let r = Math.cos(t), i = Math.sin(t);
 	if (!n) return {
 		x: r,
 		y: 0,
 		z: i
 	};
-	let a = ct(e, r, 0, i);
+	let a = G(e, r, 0, i);
 	return {
 		x: a.x,
 		y: a.y,
 		z: a.z
 	};
 }
-function lt(e, t, n) {
+function ct(e, t, n) {
 	let r = Math.hypot(e, t, n);
 	return r < 1e-6 ? null : {
 		x: e / r,
@@ -1014,13 +1014,13 @@ function lt(e, t, n) {
 		z: n / r
 	};
 }
-function K(e, t) {
+function q(e, t) {
 	if (!t) return {
 		x: 0,
 		y: 1,
 		z: 0
 	};
-	let n = ct(e, 0, 1, 0);
+	let n = G(e, 0, 1, 0);
 	return {
 		x: n.x,
 		y: n.y,
@@ -1029,7 +1029,7 @@ function K(e, t) {
 }
 //#endregion
 //#region src/motion/easing.ts
-var q = "0.00, 1.00, 0.00, 1.00", ut = "ease-out", dt = {
+var J = "0.00, 1.00, 0.00, 1.00", lt = "ease-out", ut = {
 	"ease-in": {
 		x1: .42,
 		y1: 0,
@@ -1049,67 +1049,67 @@ var q = "0.00, 1.00, 0.00, 1.00", ut = "ease-out", dt = {
 		y2: 1
 	}
 };
-function J(e, t = ut) {
+function dt(e, t = lt) {
 	return e === "linear" || e === "ease-in" || e === "ease-out" || e === "ease-in-out" || e === "custom-bezier" ? e : t;
 }
-function Y(e, t = q) {
-	return typeof e == "string" && ft(e) ? e.trim() : t;
+function ft(e, t = J) {
+	return typeof e == "string" && pt(e) ? e.trim() : t;
 }
-function ft(e) {
+function pt(e) {
 	let t = e.trim().replace(/^cubic-bezier\(/i, "").replace(/^\(/, "").replace(/\)$/, "").split(",").map((e) => Number(e.trim()));
 	if (t.length !== 4 || t.some((e) => !Number.isFinite(e))) return null;
 	let [n, r, i, a] = t;
 	return {
-		x1: vt(n),
+		x1: yt(n),
 		y1: r,
-		x2: vt(i),
+		x2: yt(i),
 		y2: a
 	};
 }
-function pt(e, t, n = q) {
-	let r = vt(e);
+function mt(e, t, n = J) {
+	let r = yt(e);
 	if (t === "linear") return r;
 	if (t === "custom-bezier") {
-		let e = ft(n);
-		if (e) return ht(e.x1, e.y1, e.x2, e.y2, r);
+		let e = pt(n);
+		if (e) return gt(e.x1, e.y1, e.x2, e.y2, r);
 	}
-	let i = t === "ease-in" || t === "ease-in-out" ? dt[t] : dt["ease-out"];
-	return ht(i.x1, i.y1, i.x2, i.y2, r);
+	let i = t === "ease-in" || t === "ease-in-out" ? ut[t] : ut["ease-out"];
+	return gt(i.x1, i.y1, i.x2, i.y2, r);
 }
-function mt(e, t, n = q) {
-	return yt(pt((yt(e) + 1) / 2, t, n) * 2 - 1);
+function ht(e, t, n = J) {
+	return bt(mt((bt(e) + 1) / 2, t, n) * 2 - 1);
 }
-function ht(e, t, n, r, i) {
+function gt(e, t, n, r, i) {
 	let a = i;
 	for (let t = 0; t < 5; t += 1) {
-		let t = gt(a, e, n), r = _t(a, e, n);
+		let t = _t(a, e, n), r = vt(a, e, n);
 		if (Math.abs(r) < 1e-4) break;
-		a = vt(a - (t - i) / r);
+		a = yt(a - (t - i) / r);
 	}
-	return vt(gt(a, t, r));
+	return yt(_t(a, t, r));
 }
-function gt(e, t, n) {
+function _t(e, t, n) {
 	let r = 1 - e;
 	return 3 * r * r * e * t + 3 * r * e * e * n + e * e * e;
 }
-function _t(e, t, n) {
+function vt(e, t, n) {
 	let r = 1 - e;
 	return 3 * r * r * t + 6 * r * e * (n - t) + 3 * e * e * (1 - n);
 }
-function vt(e) {
+function yt(e) {
 	return Math.min(1, Math.max(0, e));
 }
-function yt(e) {
+function bt(e) {
 	return Math.min(1, Math.max(-1, e));
 }
 //#endregion
 //#region src/distribution/animateLayouts.ts
-function bt({ layout: e, settings: t, pathTravelProgress: n, ringOrbitProgress: r }) {
-	return St(xt(e, t, n), t, r);
+function xt({ layout: e, settings: t, pathTravelProgress: n, ringOrbitProgress: r }) {
+	return Ct(St(e, t, n), t, r);
 }
-function xt(e, t, n) {
+function St(e, t, n) {
 	if (t.distributionMode === "starfield") {
-		let r = Math.max(1e-4, t.pathLength), i = r * .35, a = -r, o = i - a, s = Tt(e, t, n, e.pathProgress), c = a + s * o, l = t.starfieldCenter ?? new u.Vector3(0, 0, 0), d = t.starfieldRight ?? Et(t, 1, 0, 0).normalize(), f = t.starfieldUp ?? Et(t, 0, 1, 0).normalize(), p = t.starfieldForward ?? Et(t, 0, 0, 1).normalize(), m = Math.max(0, Math.round(e.gridX)), h = Math.sqrt(Dt(m, 1)) * t.pathRadius, g = Dt(m, 2) * Math.PI * 2, _ = Math.cos(g) * h, v = (Dt(m, 4) * 2 - 1) * t.pathRadius, y = l.clone().addScaledVector(d, _).addScaledVector(f, v).addScaledVector(p, c);
+		let r = Math.max(1e-4, t.pathLength), i = r * .35, a = -r, o = i - a, s = Et(e, t, n, e.pathProgress), c = a + s * o, l = t.starfieldCenter ?? new u.Vector3(0, 0, 0), d = t.starfieldRight ?? Dt(t, 1, 0, 0).normalize(), f = t.starfieldUp ?? Dt(t, 0, 1, 0).normalize(), p = t.starfieldForward ?? Dt(t, 0, 0, 1).normalize(), m = Math.max(0, Math.round(e.gridX)), h = Math.sqrt(Ot(m, 1)) * t.pathRadius, g = Ot(m, 2) * Math.PI * 2, _ = Math.cos(g) * h, v = (Ot(m, 4) * 2 - 1) * t.pathRadius, y = l.clone().addScaledVector(d, _).addScaledVector(f, v).addScaledVector(p, c);
 		return {
 			...e,
 			x: y.x,
@@ -1121,7 +1121,7 @@ function xt(e, t, n) {
 	}
 	if (n === 0) return e;
 	if (t.distributionMode === "ring-path") {
-		let r = Tt(e, t, n, e.pathProgress), i = r * Math.PI * 2, a = Math.cos(i) * t.pathRadius, o = Math.sin(i) * t.pathRadius, s = Et(t, a, U(t, e.gridZ, H(t)), o), c = t.alignToPath ? i + Math.PI / 2 : 0;
+		let r = Et(e, t, n, e.pathProgress), i = r * Math.PI * 2, a = Math.cos(i) * t.pathRadius, o = Math.sin(i) * t.pathRadius, s = Dt(t, a, U(t, e.gridZ, H(t)), o), c = t.alignToPath ? i + Math.PI / 2 : 0;
 		return {
 			...e,
 			x: s.x,
@@ -1129,12 +1129,12 @@ function xt(e, t, n) {
 			z: s.z,
 			angle: c,
 			pathProgress: r,
-			alignDir: G(t, i + Math.PI / 2, !0),
-			alignUp: K(t, !0)
+			alignDir: K(t, i + Math.PI / 2, !0),
+			alignUp: q(t, !0)
 		};
 	}
 	if (t.distributionMode === "line-path") {
-		let r = Tt(e, t, n, e.pathProgress), i = tt(t, r), a = U(t, e.gridZ, H(t)), o = Et(t, i.x, a, i.z), s = t.alignToPath ? t.pathAngle + i.tangentAngle : 0;
+		let r = Et(e, t, n, e.pathProgress), i = tt(t, r), a = U(t, e.gridZ, H(t)), o = Dt(t, i.x, a, i.z), s = t.alignToPath ? t.pathAngle + i.tangentAngle : 0;
 		return {
 			...e,
 			x: o.x,
@@ -1142,12 +1142,12 @@ function xt(e, t, n) {
 			z: o.z,
 			angle: s,
 			pathProgress: r,
-			alignDir: G(t, t.pathAngle + i.tangentAngle, !0),
-			alignUp: K(t, !0)
+			alignDir: K(t, t.pathAngle + i.tangentAngle, !0),
+			alignUp: q(t, !0)
 		};
 	}
 	if (t.distributionMode === "spiral-path") {
-		let r = Tt(e, t, n, e.pathProgress), i = nt(t, r), a = U(t, e.gridZ, H(t)), o = Et(t, i.x, a, i.z), s = t.alignToPath ? i.tangentAngle : 0;
+		let r = Et(e, t, n, e.pathProgress), i = nt(t, r), a = U(t, e.gridZ, H(t)), o = Dt(t, i.x, a, i.z), s = t.alignToPath ? i.tangentAngle : 0;
 		return {
 			...e,
 			x: o.x,
@@ -1155,12 +1155,12 @@ function xt(e, t, n) {
 			z: o.z,
 			angle: s,
 			pathProgress: r,
-			alignDir: G(t, i.tangentAngle, !0),
-			alignUp: K(t, !0)
+			alignDir: K(t, i.tangentAngle, !0),
+			alignUp: q(t, !0)
 		};
 	}
 	if (t.distributionMode === "spline-path") {
-		let r = Tt(e, t, n, e.pathProgress), i = it(t, r), a = U(t, e.gridZ, H(t)), o = Et(t, i.x, a, i.z), s = t.alignToPath ? i.tangentAngle : 0;
+		let r = Et(e, t, n, e.pathProgress), i = it(t, r), a = U(t, e.gridZ, H(t)), o = Dt(t, i.x, a, i.z), s = t.alignToPath ? i.tangentAngle : 0;
 		return {
 			...e,
 			x: o.x,
@@ -1168,60 +1168,60 @@ function xt(e, t, n) {
 			z: o.z,
 			angle: s,
 			pathProgress: r,
-			alignDir: G(t, i.tangentAngle, !0),
-			alignUp: K(t, !0)
+			alignDir: K(t, i.tangentAngle, !0),
+			alignUp: q(t, !0)
 		};
 	}
 	return e;
 }
-function St(e, t, n) {
+function Ct(e, t, n) {
 	if (t.distributionMode !== "rings" || e.ringIndex === 0 || n === 0) return e;
-	let r = Math.max(1, Math.round(t.ringCount)), i = Math.max(1, r), a = e.ringIndex / i, o = Tt(e, t, n * (1 - u.MathUtils.clamp(t.ringOrbitFriction, 0, 4) * a), e.pathProgress) * Math.PI * 2, s = e.ringIndex * t.ringSpacing;
+	let r = Math.max(1, Math.round(t.ringCount)), i = Math.max(1, r), a = e.ringIndex / i, o = Et(e, t, n * (1 - u.MathUtils.clamp(t.ringOrbitFriction, 0, 4) * a), e.pathProgress) * Math.PI * 2, s = e.ringIndex * t.ringSpacing;
 	return {
 		...e,
 		x: Math.cos(o) * s,
 		z: Math.sin(o) * s,
 		angle: o,
-		alignDir: G(t, o + Math.PI / 2, !1),
-		alignUp: K(t, !1)
+		alignDir: K(t, o + Math.PI / 2, !1),
+		alignUp: q(t, !1)
 	};
 }
-var Ct = new Set([
+var wt = new Set([
 	"line-path",
 	"spiral-path",
 	"spline-path"
 ]);
-function wt(e, t) {
-	if (!Ct.has(e.distributionMode)) return t;
+function Tt(e, t) {
+	if (!wt.has(e.distributionMode)) return t;
 	let n = Math.max(1, Math.round(e.pathInstanceCount));
 	return n <= 1 ? t : t * ((n - 1) / n);
 }
-function Tt(e, t, n, r) {
-	let i = wt(t, r);
-	if (t.pathTravelMode !== "stepped") return Ot(i + n);
+function Et(e, t, n, r) {
+	let i = Tt(t, r);
+	if (t.pathTravelMode !== "stepped") return kt(i + n);
 	let a = Math.max(.001, t.pathTravelStepInterval ?? 1), o = Math.max(0, Math.min(a, t.pathTravelStepDuration ?? .25)), s = t.pathTravelStepDistance ?? .1, c = Math.max(0, t.pathTravelStepStagger ?? 0), l = n - (Number.isFinite(e.spinProgress) ? e.spinProgress : r) * c, d = Math.floor(l / a), f = l - d * a;
-	return Ot(i + (d + pt(o <= 0 ? 1 : u.MathUtils.clamp(f / o, 0, 1), t.pathTravelStepEasing ?? "ease-out", t.pathTravelStepCustomBezier ?? "0.00, 1.00, 0.00, 1.00")) * s);
+	return kt(i + (d + mt(o <= 0 ? 1 : u.MathUtils.clamp(f / o, 0, 1), t.pathTravelStepEasing ?? "ease-out", t.pathTravelStepCustomBezier ?? "0.00, 1.00, 0.00, 1.00")) * s);
 }
-function Et(e, t, n, r) {
+function Dt(e, t, n, r) {
 	return new u.Vector3(t, n, r).applyEuler(new u.Euler(e.pathOrientationX, e.pathOrientationY, e.pathOrientationZ));
 }
-function Dt(e, t) {
+function Ot(e, t) {
 	let n = Math.sin((e + 1) * 12.9898 + t * 78.233) * 43758.5453;
 	return n - Math.floor(n);
 }
-function Ot(e) {
+function kt(e) {
 	return (e % 1 + 1) % 1;
 }
 //#endregion
 //#region node_modules/three/examples/jsm/geometries/RoundedBoxGeometry.js
-var kt = new T();
-function X(e, t, n, r, i, a) {
+var At = new T();
+function Y(e, t, n, r, i, a) {
 	let o = 2 * Math.PI * i / 4, s = Math.max(a - 2 * i, 0), c = Math.PI / 4;
-	kt.copy(t), kt[r] = 0, kt.normalize();
-	let l = .5 * o / (o + s), u = 1 - kt.angleTo(e) / c;
-	return Math.sign(kt[n]) === 1 ? u * l : s / (o + s) + l + l * (1 - u);
+	At.copy(t), At[r] = 0, At.normalize();
+	let l = .5 * o / (o + s), u = 1 - At.angleTo(e) / c;
+	return Math.sign(At[n]) === 1 ? u * l : s / (o + s) + l + l * (1 - u);
 }
-var At = class e extends f {
+var jt = class e extends f {
 	constructor(e = 1, t = 1, n = 1, r = 2, i = .1) {
 		let a = r * 2 + 1;
 		if (i = Math.min(e / 2, t / 2, n / 2, i), super(1, 1, 1, a, a, a), this.type = "RoundedBoxGeometry", this.parameters = {
@@ -1236,22 +1236,22 @@ var At = class e extends f {
 		let s = new T(), c = new T(), l = new T(e, t, n).divideScalar(2).subScalar(i), u = this.attributes.position.array, d = this.attributes.normal.array, f = this.attributes.uv.array, p = u.length / 6, m = new T(), h = .5 / a;
 		for (let r = 0, a = 0; r < u.length; r += 3, a += 2) switch (s.fromArray(u, r), c.copy(s), c.x -= Math.sign(c.x) * h, c.y -= Math.sign(c.y) * h, c.z -= Math.sign(c.z) * h, c.normalize(), u[r + 0] = l.x * Math.sign(s.x) + c.x * i, u[r + 1] = l.y * Math.sign(s.y) + c.y * i, u[r + 2] = l.z * Math.sign(s.z) + c.z * i, d[r + 0] = c.x, d[r + 1] = c.y, d[r + 2] = c.z, Math.floor(r / p)) {
 			case 0:
-				m.set(1, 0, 0), f[a + 0] = X(m, c, "z", "y", i, n), f[a + 1] = 1 - X(m, c, "y", "z", i, t);
+				m.set(1, 0, 0), f[a + 0] = Y(m, c, "z", "y", i, n), f[a + 1] = 1 - Y(m, c, "y", "z", i, t);
 				break;
 			case 1:
-				m.set(-1, 0, 0), f[a + 0] = 1 - X(m, c, "z", "y", i, n), f[a + 1] = 1 - X(m, c, "y", "z", i, t);
+				m.set(-1, 0, 0), f[a + 0] = 1 - Y(m, c, "z", "y", i, n), f[a + 1] = 1 - Y(m, c, "y", "z", i, t);
 				break;
 			case 2:
-				m.set(0, 1, 0), f[a + 0] = 1 - X(m, c, "x", "z", i, e), f[a + 1] = X(m, c, "z", "x", i, n);
+				m.set(0, 1, 0), f[a + 0] = 1 - Y(m, c, "x", "z", i, e), f[a + 1] = Y(m, c, "z", "x", i, n);
 				break;
 			case 3:
-				m.set(0, -1, 0), f[a + 0] = 1 - X(m, c, "x", "z", i, e), f[a + 1] = 1 - X(m, c, "z", "x", i, n);
+				m.set(0, -1, 0), f[a + 0] = 1 - Y(m, c, "x", "z", i, e), f[a + 1] = 1 - Y(m, c, "z", "x", i, n);
 				break;
 			case 4:
-				m.set(0, 0, 1), f[a + 0] = 1 - X(m, c, "x", "y", i, e), f[a + 1] = 1 - X(m, c, "y", "x", i, t);
+				m.set(0, 0, 1), f[a + 0] = 1 - Y(m, c, "x", "y", i, e), f[a + 1] = 1 - Y(m, c, "y", "x", i, t);
 				break;
 			case 5:
-				m.set(0, 0, -1), f[a + 0] = X(m, c, "x", "y", i, e), f[a + 1] = 1 - X(m, c, "y", "x", i, t);
+				m.set(0, 0, -1), f[a + 0] = Y(m, c, "x", "y", i, e), f[a + 1] = 1 - Y(m, c, "y", "x", i, t);
 				break;
 		}
 	}
@@ -1261,7 +1261,7 @@ var At = class e extends f {
 };
 //#endregion
 //#region src/instance/createInstanceGeometry.ts
-function jt(e) {
+function Mt(e) {
 	return e === "low" ? {
 		radial: 12,
 		sphereWidth: 16,
@@ -1291,9 +1291,9 @@ function jt(e) {
 		roundedCardCurve: 12
 	};
 }
-function Mt({ settings: t, customObjGeometry: n, customSvgGeometry: r, textGeometry: i }) {
-	let { instanceShape: a } = t, { scaleX: o, scaleY: s, scaleZ: c } = e(t), l = jt(t.geometryDetail);
-	if (a === "custom-obj") return n ? Pt(n.clone(), o, s, c) : new u.BoxGeometry(o, s, c);
+function Nt({ settings: t, customObjGeometry: n, customSvgGeometry: r, textGeometry: i }) {
+	let { instanceShape: a } = t, { scaleX: o, scaleY: s, scaleZ: c } = e(t), l = Mt(t.geometryDetail);
+	if (a === "custom-obj") return n ? Ft(n.clone(), o, s, c) : new u.BoxGeometry(o, s, c);
 	if (a === "svg") {
 		let e = r?.clone() ?? new u.BoxGeometry(o, s, c);
 		return r && (e.scale(o, c, t.svgSolidify ? s : 1), e.rotateX(-Math.PI / 2), e.computeVertexNormals(), e.computeBoundingBox(), e.computeBoundingSphere()), e;
@@ -1302,19 +1302,19 @@ function Mt({ settings: t, customObjGeometry: n, customSvgGeometry: r, textGeome
 		let e = new u.PlaneGeometry(o, c);
 		return e.rotateX(-Math.PI / 2), e;
 	}
-	if (a === "cylinder") return Pt(new u.CylinderGeometry(.5, .5, 1, l.radial, 1), o, s, c);
-	if (a === "sphere") return Pt(new u.SphereGeometry(.5, l.sphereWidth, l.sphereHeight), o, s, c);
+	if (a === "cylinder") return Ft(new u.CylinderGeometry(.5, .5, 1, l.radial, 1), o, s, c);
+	if (a === "sphere") return Ft(new u.SphereGeometry(.5, l.sphereWidth, l.sphereHeight), o, s, c);
 	if (a === "pill") {
 		let e = Math.max(.01, Math.min(o, c)), t = Math.max(.01, s - e) / e;
-		return Pt(new u.CapsuleGeometry(.5, t, l.capsuleCap, l.radial), o, e, c);
+		return Ft(new u.CapsuleGeometry(.5, t, l.capsuleCap, l.radial), o, e, c);
 	}
 	if (a === "rounded-cube") {
 		let e = Math.min(o, s, c) * Math.min(.5, Math.max(0, t.roundedCardRadius));
-		return new At(o, s, c, l.roundedBoxSegments, e);
+		return new jt(o, s, c, l.roundedBoxSegments, e);
 	}
-	return a === "text" ? i ? i.createTextGeometry(t, i.textFonts, l) : new u.BoxGeometry(o, s, c) : a === "cone" ? Pt(new u.ConeGeometry(.5, 1, l.radial, 1), o, s, c) : a === "torus" ? Pt(new u.TorusGeometry(.38, .12, l.torusRadial, l.torusTubular), o, s, c) : a === "rounded-card" ? Nt(t, l) : new u.BoxGeometry(o, s, c);
+	return a === "text" ? i ? i.createTextGeometry(t, i.textFonts, l) : new u.BoxGeometry(o, s, c) : a === "cone" ? Ft(new u.ConeGeometry(.5, 1, l.radial, 1), o, s, c) : a === "torus" ? Ft(new u.TorusGeometry(.38, .12, l.torusRadial, l.torusTubular), o, s, c) : a === "rounded-card" ? Pt(t, l) : new u.BoxGeometry(o, s, c);
 }
-function Nt(t, n) {
+function Pt(t, n) {
 	let { scaleX: r, scaleY: i, scaleZ: a } = e(t), o = t.roundedCardAxis, s, c, l;
 	o === "z" ? (s = r, c = i, l = a) : o === "x" ? (s = a, c = i, l = r) : (s = r, c = a, l = i);
 	let d = Math.min(s, c) * Math.min(.5, Math.max(0, t.roundedCardRadius)), f = s * .5, p = c * .5, m = new u.Shape();
@@ -1326,16 +1326,16 @@ function Nt(t, n) {
 	});
 	return h.center(), o === "y" ? h.rotateX(Math.PI / 2) : o === "x" && h.rotateY(Math.PI / 2), h;
 }
-function Pt(e, t, n, r) {
+function Ft(e, t, n, r) {
 	return e.scale(t, n, r), e;
 }
 //#endregion
 //#region src/engine/Sinth.ts
-var Ft = class extends Error {
+var It = class extends Error {
 	constructor() {
 		super("Custom asset load was superseded by a newer load."), this.name = "StaleCustomAssetLoadError";
 	}
-}, It = 20, Lt = It / Math.sqrt(3), Z = 1e-4, Rt = new u.Vector3(0, 1, 0), Q = 6, zt = Q * 2, Bt = 3, Vt = "#FAFAFA", Ht = "#EBEBEB", Ut = 20, Wt = [
+}, Lt = 20, Rt = Lt / Math.sqrt(3), X = 1e-4, zt = new u.Vector3(0, 1, 0), Z = 6, Bt = Z * 2, Vt = 3, Ht = "#FAFAFA", Ut = "#EBEBEB", Wt = 20, Gt = [
 	"gridSize",
 	"gridSpacing",
 	"gridLayers",
@@ -1360,7 +1360,7 @@ var Ft = class extends Error {
 	"pathOrientationZ",
 	"alignToPath",
 	"alignToPattern"
-], $ = {
+], Q = {
 	gridSize: B.gridSize,
 	instanceLimit: 2,
 	gridSpacing: B.gridSpacing,
@@ -1403,13 +1403,13 @@ var Ft = class extends Error {
 	orthographicView: "custom",
 	orthoScale: 150,
 	cameraFocalLength: 50,
-	cameraDistance: It,
-	cameraHeight: Lt,
+	cameraDistance: Lt,
+	cameraHeight: Rt,
 	cameraOrbitAngle: Math.PI / 4,
-	cameraElevation: Math.asin(Lt / It),
-	cameraPositionX: Lt,
-	cameraPositionY: Lt,
-	cameraPositionZ: Lt,
+	cameraElevation: Math.asin(Rt / Lt),
+	cameraPositionX: Rt,
+	cameraPositionY: Rt,
+	cameraPositionZ: Rt,
 	cameraTargetX: 0,
 	cameraTargetY: 0,
 	cameraTargetZ: 0,
@@ -1429,8 +1429,8 @@ var Ft = class extends Error {
 	pathTravelStepDistance: .1,
 	pathTravelStepInterval: 1,
 	pathTravelStepDuration: .25,
-	pathTravelStepEasing: ut,
-	pathTravelStepCustomBezier: q,
+	pathTravelStepEasing: lt,
+	pathTravelStepCustomBezier: J,
 	pathTravelStepStagger: 0,
 	ringOrbitSpeed: 0,
 	ringOrbitFriction: 0,
@@ -1439,13 +1439,13 @@ var Ft = class extends Error {
 	waveSpeed: 0,
 	easingMode: "linear",
 	easingStrength: 1,
-	easingCustomBezier: q,
+	easingCustomBezier: J,
 	fadeDuration: .3,
-	fadeEasing: ut,
-	fadeCustomBezier: q,
+	fadeEasing: lt,
+	fadeCustomBezier: J,
 	pathEdgeFadeDuration: .3,
-	pathEdgeFadeEasing: ut,
-	pathEdgeFadeCustomBezier: q,
+	pathEdgeFadeEasing: lt,
+	pathEdgeFadeCustomBezier: J,
 	buildFadeEnabled: !1,
 	buildSceneZoomEnabled: !1,
 	buildSceneZoomStartScale: .2,
@@ -1458,8 +1458,8 @@ var Ft = class extends Error {
 	buildRotateOffset: Math.PI,
 	buildDuration: 1,
 	buildDelay: 0,
-	buildEasing: ut,
-	buildCustomBezier: q,
+	buildEasing: lt,
+	buildCustomBezier: J,
 	staggerAmount: 0,
 	scaleMode: "constant",
 	scaleAmount: 0,
@@ -1488,7 +1488,7 @@ var Ft = class extends Error {
 	backgroundGradientDirection: "y",
 	backgroundGradientMidpoint: .5,
 	backgroundGradientEasing: "linear",
-	backgroundGradientCustomBezier: q,
+	backgroundGradientCustomBezier: J,
 	backgroundGradientColorA: "#050505",
 	backgroundGradientColorB: "#3fc6ff",
 	backgroundImageUrl: "",
@@ -1499,7 +1499,7 @@ var Ft = class extends Error {
 	gradientDirection: "x",
 	gradientMidpoint: .5,
 	gradientEasing: "linear",
-	gradientCustomBezier: q,
+	gradientCustomBezier: J,
 	gradientColorA: "#3fc6ff",
 	gradientColorB: "#f26df9",
 	materialTextureUrl: "",
@@ -1526,8 +1526,8 @@ var Ft = class extends Error {
 	renderPixelRatio: F.renderer.maxPixelRatio,
 	roughness: .72,
 	metalness: .02
-}, Gt = 26, Kt = 26;
-function qt(e) {
+}, Kt = 26, qt = 26;
+function Jt(e) {
 	return {
 		instance: {
 			shape: e.instanceShape,
@@ -1706,40 +1706,40 @@ function qt(e) {
 		}
 	};
 }
-function Jt(e) {
-	return e === "surface" ? "surface" : $.edgeCompositing;
-}
 function Yt(e) {
-	return e === "gradient" || e === "texture" ? e : $.colorMode;
+	return e === "surface" ? "surface" : Q.edgeCompositing;
 }
-function Xt(e, t) {
-	return e === "transparent" ? "transparent" : e === "gradient" || e === "image" || e === "solid" ? e === "image" && !t ? $.backgroundMode : e : t ? "image" : $.backgroundMode;
+function Xt(e) {
+	return e === "gradient" || e === "texture" ? e : Q.colorMode;
 }
-function Zt(e) {
-	return e === "object" ? "object" : $.gradientScope;
+function Zt(e, t) {
+	return e === "transparent" ? "transparent" : e === "gradient" || e === "image" || e === "solid" ? e === "image" && !t ? Q.backgroundMode : e : t ? "image" : Q.backgroundMode;
 }
 function Qt(e) {
-	return e === "x" || e === "radial" ? e : $.backgroundGradientDirection;
+	return e === "object" ? "object" : Q.gradientScope;
 }
 function $t(e) {
-	return e === "fit" ? "fit" : $.backgroundImageFit;
+	return e === "x" || e === "radial" ? e : Q.backgroundGradientDirection;
 }
 function en(e) {
-	return e === "y" || e === "z" || e === "radial" || e === "path" ? e : $.gradientDirection;
+	return e === "fit" ? "fit" : Q.backgroundImageFit;
 }
 function tn(e) {
-	return e === "stretch" || e === "fit" || e === "repeat" ? e : $.materialTextureFit;
+	return e === "y" || e === "z" || e === "radial" || e === "path" ? e : Q.gradientDirection;
 }
 function nn(e) {
-	return e === "triplanar" ? e : $.materialTextureProjection;
+	return e === "stretch" || e === "fit" || e === "repeat" ? e : Q.materialTextureFit;
 }
 function rn(e) {
-	return e === "pattern" ? "pattern" : $.materialTextureScope;
+	return e === "triplanar" ? e : Q.materialTextureProjection;
 }
 function an(e) {
-	return e === "stepped" ? "stepped" : $.pathTravelMode;
+	return e === "pattern" ? "pattern" : Q.materialTextureScope;
+}
+function on(e) {
+	return e === "stepped" ? "stepped" : Q.pathTravelMode;
 }
-var on = new Set([
+var sn = new Set([
 	"cube",
 	"cylinder",
 	"sphere",
@@ -1753,43 +1753,43 @@ var on = new Set([
 	"image",
 	"custom-obj"
 ]);
-function sn(e) {
-	return typeof e == "string" && on.has(e) ? e : $.instanceShape;
-}
 function cn(e) {
-	return typeof e == "number" && Number.isFinite(e) ? u.MathUtils.clamp(e, .01, .99) : $.gradientMidpoint;
+	return typeof e == "string" && sn.has(e) ? e : Q.instanceShape;
+}
+function ln(e) {
+	return typeof e == "number" && Number.isFinite(e) ? u.MathUtils.clamp(e, .01, .99) : Q.gradientMidpoint;
 }
-function ln(e, t) {
+function un(e, t) {
 	if (typeof e != "string") return t;
 	let n = e.trim();
 	return /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i.test(n) ? n : t;
 }
-function un(e) {
-	return e === "x" || e === "z" ? e : $.roundedCardAxis;
-}
 function dn(e) {
-	return e === "x" || e === "y" || e === "z" ? e : $.buildRotateAxis;
+	return e === "x" || e === "z" ? e : Q.roundedCardAxis;
 }
 function fn(e) {
+	return e === "x" || e === "y" || e === "z" ? e : Q.buildRotateAxis;
+}
+function pn(e) {
 	return e === "ring-path" || e === "line-path" || e === "spiral-path" || e === "spline-path";
 }
-function pn(e, t, n) {
+function mn(e, t, n) {
 	let r = e / 2, i = t / 2, a = Math.min(n, r, i), o = new u.Shape();
 	o.moveTo(-r + a, -i), o.lineTo(r - a, -i), o.quadraticCurveTo(r, -i, r, -i + a), o.lineTo(r, i - a), o.quadraticCurveTo(r, i, r - a, i), o.lineTo(-r + a, i), o.quadraticCurveTo(-r, i, -r, i - a), o.lineTo(-r, -i + a), o.quadraticCurveTo(-r, -i, -r + a, -i);
 	let s = new u.ShapeGeometry(o, 12), c = s.attributes.position, l = s.attributes.uv;
 	for (let n = 0; n < c.count; n += 1) l.setXY(n, (c.getX(n) + r) / e, (c.getY(n) + i) / t);
 	return l.needsUpdate = !0, s;
 }
-function mn(e) {
-	return e === "perspective" ? "perspective" : $.viewMode;
-}
 function hn(e) {
-	return e ? e.orthographicView ?? $.orthographicView : $.orthographicView;
+	return e === "perspective" ? "perspective" : Q.viewMode;
 }
 function gn(e) {
-	return Array.isArray(e) ? e.map((e) => typeof e == "string" ? e.trim() : "").filter(Boolean).slice(0, Ut) : [];
+	return e ? e.orthographicView ?? Q.orthographicView : Q.orthographicView;
 }
 function _n(e) {
+	return Array.isArray(e) ? e.map((e) => typeof e == "string" ? e.trim() : "").filter(Boolean).slice(0, Wt) : [];
+}
+function vn(e) {
 	return /^[a-z][a-z\d+.-]*:/i.test(e) ? e : e.split("/").map((e) => {
 		if (!e) return e;
 		try {
@@ -1799,9 +1799,9 @@ function _n(e) {
 		}
 	}).join("/");
 }
-function vn(e) {
-	let t = qt($), n = e.instance ?? t.instance, i = e.distribution ?? t.distribution, o = e.motion ?? t.motion, c = e.view ?? t.view, l = c.camera ?? t.view.camera, u = Ne({
-		distance: L(l?.distance, $.cameraDistance, F.camera.distance),
+function yn(e) {
+	let t = Jt(Q), n = e.instance ?? t.instance, i = e.distribution ?? t.distribution, o = e.motion ?? t.motion, c = e.view ?? t.view, l = c.camera ?? t.view.camera, u = Ne({
+		distance: L(l?.distance, Q.cameraDistance, F.camera.distance),
 		azimuth: l?.azimuth,
 		elevation: l?.elevation,
 		target: l?.target ?? {}
@@ -1832,51 +1832,51 @@ function vn(e) {
 		pathOrientationZ: i.pathOrientationZ,
 		alignToPath: i.alignToPath
 	}), p = {
-		scaleX: L(n.scaleX, $.scaleX, F.instance.dimension),
-		scaleY: L(n.scaleY, $.scaleY, F.instance.dimension),
-		scaleZ: L(n.scaleZ, $.scaleZ, F.instance.dimension)
-	}, m = r(n.textFontSource), h = L(n.roundedCardRadius, $.roundedCardRadius, F.instance.cornerRadius), g = L(n.imageCornerRadius, $.imageCornerRadius, F.instance.cornerRadius), _ = L(n.textLineHeight, $.textLineHeight, F.text.lineHeight), v = Math.round(L(n.textMaxLineLength, $.textMaxLineLength, F.text.maxLineLength)), y = L(n.assetScale, $.assetScale, F.instance.assetScale), b = L(n.imageAspectRatio, $.imageAspectRatio, F.instance.aspectRatio), x = gn(n.imageSetUrls), ee = typeof c.backgroundImageUrl == "string" ? c.backgroundImageUrl.trim() : $.backgroundImageUrl, S = typeof n.materialTextureUrl == "string" ? n.materialTextureUrl.trim() : $.materialTextureUrl, C = L(c.orthoScale, $.orthoScale, F.camera.orthographicScale), w = L(c.cameraFocalLength, $.cameraFocalLength, F.camera.focalLength);
+		scaleX: L(n.scaleX, Q.scaleX, F.instance.dimension),
+		scaleY: L(n.scaleY, Q.scaleY, F.instance.dimension),
+		scaleZ: L(n.scaleZ, Q.scaleZ, F.instance.dimension)
+	}, m = r(n.textFontSource), h = L(n.roundedCardRadius, Q.roundedCardRadius, F.instance.cornerRadius), g = L(n.imageCornerRadius, Q.imageCornerRadius, F.instance.cornerRadius), _ = L(n.textLineHeight, Q.textLineHeight, F.text.lineHeight), v = Math.round(L(n.textMaxLineLength, Q.textMaxLineLength, F.text.maxLineLength)), y = L(n.assetScale, Q.assetScale, F.instance.assetScale), b = L(n.imageAspectRatio, Q.imageAspectRatio, F.instance.aspectRatio), x = _n(n.imageSetUrls), ee = typeof c.backgroundImageUrl == "string" ? c.backgroundImageUrl.trim() : Q.backgroundImageUrl, S = typeof n.materialTextureUrl == "string" ? n.materialTextureUrl.trim() : Q.materialTextureUrl, C = L(c.orthoScale, Q.orthoScale, F.camera.orthographicScale), w = L(c.cameraFocalLength, Q.cameraFocalLength, F.camera.focalLength);
 	return {
 		gridSize: f.gridSize,
-		instanceLimit: Math.round(L(i.instanceLimit, $.instanceLimit, F.distribution.instanceLimit)),
+		instanceLimit: Math.round(L(i.instanceLimit, Q.instanceLimit, F.distribution.instanceLimit)),
 		gridSpacing: f.gridSpacing,
 		gridLayers: f.gridLayers,
 		gridLayerSpacing: f.gridLayerSpacing,
 		ringSpacing: f.ringSpacing,
 		ringCount: f.ringCount,
 		ringDensity: f.ringDensity,
-		instanceShape: sn(n.shape),
+		instanceShape: cn(n.shape),
 		scaleX: p.scaleX,
 		scaleY: p.scaleY,
 		scaleZ: p.scaleZ,
-		geometryDetail: n.detail ?? $.geometryDetail,
-		roundedCardRatio: I(n.roundedCardRatio, $.roundedCardRatio),
+		geometryDetail: n.detail ?? Q.geometryDetail,
+		roundedCardRatio: I(n.roundedCardRatio, Q.roundedCardRatio),
 		roundedCardRadius: h,
-		roundedCardAxis: un(n.roundedCardAxis),
+		roundedCardAxis: dn(n.roundedCardAxis),
 		imageCornerRadius: g,
-		textValue: n.textValue ?? $.textValue,
+		textValue: n.textValue ?? Q.textValue,
 		textFont: s(m),
 		textFontSource: m,
 		textCustomFontUrl: a(m),
-		textSolidify: n.textSolidify ?? $.textSolidify,
-		svgSolidify: n.svgSolidify ?? $.svgSolidify,
-		textLetterSpacing: I(n.textLetterSpacing, $.textLetterSpacing),
+		textSolidify: n.textSolidify ?? Q.textSolidify,
+		svgSolidify: n.svgSolidify ?? Q.svgSolidify,
+		textLetterSpacing: I(n.textLetterSpacing, Q.textLetterSpacing),
 		textLineHeight: _,
 		textMaxLineLength: v,
-		assetUrl: n.assetUrl ?? $.assetUrl,
+		assetUrl: n.assetUrl ?? Q.assetUrl,
 		assetScale: y,
-		assetNormalize: n.assetNormalize ?? $.assetNormalize,
-		assetDoubleSided: n.assetDoubleSided ?? $.assetDoubleSided,
+		assetNormalize: n.assetNormalize ?? Q.assetNormalize,
+		assetDoubleSided: n.assetDoubleSided ?? Q.assetDoubleSided,
 		imageSetUrls: x,
 		imageAspectRatio: b,
-		imagePreserveAspectRatio: n.imagePreserveAspectRatio ?? $.imagePreserveAspectRatio,
-		baseY: I(n.baseY, $.baseY),
-		groundAlign: n.groundAlign ?? $.groundAlign,
-		instanceRotationX: I(n.rotation?.x, $.instanceRotationX),
-		instanceRotationY: I(n.rotation?.y, $.instanceRotationY),
-		instanceRotationZ: I(n.rotation?.z, $.instanceRotationZ),
-		viewMode: mn(c.viewMode),
-		orthographicView: hn(c),
+		imagePreserveAspectRatio: n.imagePreserveAspectRatio ?? Q.imagePreserveAspectRatio,
+		baseY: I(n.baseY, Q.baseY),
+		groundAlign: n.groundAlign ?? Q.groundAlign,
+		instanceRotationX: I(n.rotation?.x, Q.instanceRotationX),
+		instanceRotationY: I(n.rotation?.y, Q.instanceRotationY),
+		instanceRotationZ: I(n.rotation?.z, Q.instanceRotationZ),
+		viewMode: hn(c.viewMode),
+		orthographicView: gn(c),
 		orthoScale: C,
 		cameraFocalLength: w,
 		cameraDistance: d.cameraDistance,
@@ -1890,65 +1890,65 @@ function vn(e) {
 		cameraTargetY: d.cameraTargetY,
 		cameraTargetZ: d.cameraTargetZ,
 		distributionMode: f.distributionMode,
-		animationMode: o.mode ?? $.animationMode,
-		instanceSpinX: I(o.instanceSpinX, $.instanceSpinX),
-		instanceSpinY: I(o.instanceSpinY, $.instanceSpinY),
-		instanceSpinZ: I(o.instanceSpinZ, $.instanceSpinZ),
-		instanceSpinStagger: I(o.instanceSpinStagger, $.instanceSpinStagger),
-		instanceSpinStaggerMode: o.instanceSpinStaggerMode ?? $.instanceSpinStaggerMode,
-		instanceSpinPhaseStagger: I(o.instanceSpinPhaseStagger, $.instanceSpinPhaseStagger),
-		pathRotationX: I(o.pathRotationX, $.pathRotationX),
-		pathRotationY: I(o.pathRotationY, $.pathRotationY),
-		pathRotationZ: I(o.pathRotationZ, $.pathRotationZ),
-		pathTravelMode: an(o.pathTravelMode),
-		pathTravelSpeed: I(o.pathTravelSpeed, $.pathTravelSpeed),
-		pathTravelStepDistance: I(o.pathTravelStepDistance, $.pathTravelStepDistance),
-		pathTravelStepInterval: L(o.pathTravelStepInterval, $.pathTravelStepInterval, {
+		animationMode: o.mode ?? Q.animationMode,
+		instanceSpinX: I(o.instanceSpinX, Q.instanceSpinX),
+		instanceSpinY: I(o.instanceSpinY, Q.instanceSpinY),
+		instanceSpinZ: I(o.instanceSpinZ, Q.instanceSpinZ),
+		instanceSpinStagger: I(o.instanceSpinStagger, Q.instanceSpinStagger),
+		instanceSpinStaggerMode: o.instanceSpinStaggerMode ?? Q.instanceSpinStaggerMode,
+		instanceSpinPhaseStagger: I(o.instanceSpinPhaseStagger, Q.instanceSpinPhaseStagger),
+		pathRotationX: I(o.pathRotationX, Q.pathRotationX),
+		pathRotationY: I(o.pathRotationY, Q.pathRotationY),
+		pathRotationZ: I(o.pathRotationZ, Q.pathRotationZ),
+		pathTravelMode: on(o.pathTravelMode),
+		pathTravelSpeed: I(o.pathTravelSpeed, Q.pathTravelSpeed),
+		pathTravelStepDistance: I(o.pathTravelStepDistance, Q.pathTravelStepDistance),
+		pathTravelStepInterval: L(o.pathTravelStepInterval, Q.pathTravelStepInterval, {
 			min: .001,
 			max: 60
 		}),
-		pathTravelStepDuration: L(o.pathTravelStepDuration, $.pathTravelStepDuration, {
+		pathTravelStepDuration: L(o.pathTravelStepDuration, Q.pathTravelStepDuration, {
 			min: 0,
 			max: 60
 		}),
-		pathTravelStepEasing: J(o.pathTravelStepEasing, $.pathTravelStepEasing),
-		pathTravelStepCustomBezier: Y(o.pathTravelStepCustomBezier, $.pathTravelStepCustomBezier),
-		pathTravelStepStagger: L(o.pathTravelStepStagger, $.pathTravelStepStagger, {
+		pathTravelStepEasing: dt(o.pathTravelStepEasing, Q.pathTravelStepEasing),
+		pathTravelStepCustomBezier: ft(o.pathTravelStepCustomBezier, Q.pathTravelStepCustomBezier),
+		pathTravelStepStagger: L(o.pathTravelStepStagger, Q.pathTravelStepStagger, {
 			min: 0,
 			max: 60
 		}),
-		ringOrbitSpeed: I(o.ringOrbitSpeed, $.ringOrbitSpeed),
-		ringOrbitFriction: L(o.ringOrbitFriction, $.ringOrbitFriction, F.motion.ringOrbitFriction),
-		waveAmplitude: I(o.waveAmplitude, $.waveAmplitude),
-		waveFrequency: I(o.waveFrequency, $.waveFrequency),
-		waveSpeed: I(o.waveSpeed, $.waveSpeed),
-		easingMode: J(o.easingMode, $.easingMode),
-		easingStrength: L(o.easingStrength, $.easingStrength, F.motion.easingStrength),
-		easingCustomBezier: Y(o.easingCustomBezier, $.easingCustomBezier),
-		fadeDuration: L(o.fadeDuration, $.fadeDuration, F.motion.fadeDuration),
-		fadeEasing: J(o.fadeEasing, $.fadeEasing),
-		fadeCustomBezier: Y(o.fadeCustomBezier, $.fadeCustomBezier),
-		pathEdgeFadeDuration: L(o.pathEdgeFadeDuration, $.pathEdgeFadeDuration, F.motion.fadeDuration),
-		pathEdgeFadeEasing: J(o.pathEdgeFadeEasing, $.pathEdgeFadeEasing),
-		pathEdgeFadeCustomBezier: Y(o.pathEdgeFadeCustomBezier, $.pathEdgeFadeCustomBezier),
-		buildFadeEnabled: o.buildFadeEnabled ?? $.buildFadeEnabled,
-		buildSceneZoomEnabled: o.buildSceneZoomEnabled ?? $.buildSceneZoomEnabled,
-		buildSceneZoomStartScale: L(o.buildSceneZoomStartScale, $.buildSceneZoomStartScale, F.motion.buildZoomStartScale),
-		buildZoomEnabled: o.buildZoomEnabled ?? $.buildZoomEnabled,
-		buildZoomStartScale: L(o.buildZoomStartScale, $.buildZoomStartScale, F.motion.buildZoomStartScale),
-		buildDropEnabled: o.buildDropEnabled ?? $.buildDropEnabled,
-		buildDropOffsetY: I(o.buildDropOffsetY, $.buildDropOffsetY),
-		buildRotateEnabled: o.buildRotateEnabled ?? $.buildRotateEnabled,
-		buildRotateAxis: dn(o.buildRotateAxis),
-		buildRotateOffset: I(o.buildRotateOffset, $.buildRotateOffset),
-		buildDuration: L(o.buildDuration, $.buildDuration, F.motion.fadeDuration),
-		buildDelay: L(o.buildDelay, $.buildDelay, F.motion.fadeDuration),
-		buildEasing: J(o.buildEasing, $.buildEasing),
-		buildCustomBezier: Y(o.buildCustomBezier, $.buildCustomBezier),
-		staggerAmount: I(o.staggerAmount, $.staggerAmount),
-		scaleMode: o.scaleMode ?? $.scaleMode,
-		scaleAmount: I(o.scaleAmount, $.scaleAmount),
-		ringSpacingFactor: I(i.ringSpacingFactor, $.ringSpacingFactor),
+		ringOrbitSpeed: I(o.ringOrbitSpeed, Q.ringOrbitSpeed),
+		ringOrbitFriction: L(o.ringOrbitFriction, Q.ringOrbitFriction, F.motion.ringOrbitFriction),
+		waveAmplitude: I(o.waveAmplitude, Q.waveAmplitude),
+		waveFrequency: I(o.waveFrequency, Q.waveFrequency),
+		waveSpeed: I(o.waveSpeed, Q.waveSpeed),
+		easingMode: dt(o.easingMode, Q.easingMode),
+		easingStrength: L(o.easingStrength, Q.easingStrength, F.motion.easingStrength),
+		easingCustomBezier: ft(o.easingCustomBezier, Q.easingCustomBezier),
+		fadeDuration: L(o.fadeDuration, Q.fadeDuration, F.motion.fadeDuration),
+		fadeEasing: dt(o.fadeEasing, Q.fadeEasing),
+		fadeCustomBezier: ft(o.fadeCustomBezier, Q.fadeCustomBezier),
+		pathEdgeFadeDuration: L(o.pathEdgeFadeDuration, Q.pathEdgeFadeDuration, F.motion.fadeDuration),
+		pathEdgeFadeEasing: dt(o.pathEdgeFadeEasing, Q.pathEdgeFadeEasing),
+		pathEdgeFadeCustomBezier: ft(o.pathEdgeFadeCustomBezier, Q.pathEdgeFadeCustomBezier),
+		buildFadeEnabled: o.buildFadeEnabled ?? Q.buildFadeEnabled,
+		buildSceneZoomEnabled: o.buildSceneZoomEnabled ?? Q.buildSceneZoomEnabled,
+		buildSceneZoomStartScale: L(o.buildSceneZoomStartScale, Q.buildSceneZoomStartScale, F.motion.buildZoomStartScale),
+		buildZoomEnabled: o.buildZoomEnabled ?? Q.buildZoomEnabled,
+		buildZoomStartScale: L(o.buildZoomStartScale, Q.buildZoomStartScale, F.motion.buildZoomStartScale),
+		buildDropEnabled: o.buildDropEnabled ?? Q.buildDropEnabled,
+		buildDropOffsetY: I(o.buildDropOffsetY, Q.buildDropOffsetY),
+		buildRotateEnabled: o.buildRotateEnabled ?? Q.buildRotateEnabled,
+		buildRotateAxis: fn(o.buildRotateAxis),
+		buildRotateOffset: I(o.buildRotateOffset, Q.buildRotateOffset),
+		buildDuration: L(o.buildDuration, Q.buildDuration, F.motion.fadeDuration),
+		buildDelay: L(o.buildDelay, Q.buildDelay, F.motion.fadeDuration),
+		buildEasing: dt(o.buildEasing, Q.buildEasing),
+		buildCustomBezier: ft(o.buildCustomBezier, Q.buildCustomBezier),
+		staggerAmount: I(o.staggerAmount, Q.staggerAmount),
+		scaleMode: o.scaleMode ?? Q.scaleMode,
+		scaleAmount: I(o.scaleAmount, Q.scaleAmount),
+		ringSpacingFactor: I(i.ringSpacingFactor, Q.ringSpacingFactor),
 		pathInstanceCount: f.pathInstanceCount,
 		pathRadius: f.pathRadius,
 		pathLength: f.pathLength,
@@ -1966,61 +1966,61 @@ function vn(e) {
 		pathOrientationY: f.pathOrientationY,
 		pathOrientationZ: f.pathOrientationZ,
 		alignToPath: f.alignToPath,
-		alignToPattern: i.alignToPattern ?? $.alignToPattern,
-		starfieldFaceCamera: i.starfieldFaceCamera ?? $.starfieldFaceCamera,
-		backgroundColor: ln(c.backgroundColor, $.backgroundColor),
-		backgroundMode: Xt(c.backgroundMode, !!ee),
-		backgroundGradientDirection: Qt(c.backgroundGradientDirection),
-		backgroundGradientMidpoint: cn(c.backgroundGradientMidpoint),
-		backgroundGradientEasing: J(c.backgroundGradientEasing, $.backgroundGradientEasing),
-		backgroundGradientCustomBezier: Y(c.backgroundGradientCustomBezier, $.backgroundGradientCustomBezier),
-		backgroundGradientColorA: ln(c.backgroundGradientColorA, $.backgroundGradientColorA),
-		backgroundGradientColorB: ln(c.backgroundGradientColorB, $.backgroundGradientColorB),
+		alignToPattern: i.alignToPattern ?? Q.alignToPattern,
+		starfieldFaceCamera: i.starfieldFaceCamera ?? Q.starfieldFaceCamera,
+		backgroundColor: un(c.backgroundColor, Q.backgroundColor),
+		backgroundMode: Zt(c.backgroundMode, !!ee),
+		backgroundGradientDirection: $t(c.backgroundGradientDirection),
+		backgroundGradientMidpoint: ln(c.backgroundGradientMidpoint),
+		backgroundGradientEasing: dt(c.backgroundGradientEasing, Q.backgroundGradientEasing),
+		backgroundGradientCustomBezier: ft(c.backgroundGradientCustomBezier, Q.backgroundGradientCustomBezier),
+		backgroundGradientColorA: un(c.backgroundGradientColorA, Q.backgroundGradientColorA),
+		backgroundGradientColorB: un(c.backgroundGradientColorB, Q.backgroundGradientColorB),
 		backgroundImageUrl: ee,
-		backgroundImageFit: $t(c.backgroundImageFit),
-		objectColor: ln(n.color, $.objectColor),
-		colorMode: S ? Yt(n.colorMode) : n.colorMode === "texture" ? $.colorMode : Yt(n.colorMode),
-		gradientScope: Zt(n.gradientScope),
-		gradientDirection: en(n.gradientDirection),
-		gradientMidpoint: cn(n.gradientMidpoint),
-		gradientEasing: J(n.gradientEasing, $.gradientEasing),
-		gradientCustomBezier: Y(n.gradientCustomBezier, $.gradientCustomBezier),
-		gradientColorA: ln(n.gradientColorA, $.gradientColorA),
-		gradientColorB: ln(n.gradientColorB, $.gradientColorB),
+		backgroundImageFit: en(c.backgroundImageFit),
+		objectColor: un(n.color, Q.objectColor),
+		colorMode: S ? Xt(n.colorMode) : n.colorMode === "texture" ? Q.colorMode : Xt(n.colorMode),
+		gradientScope: Qt(n.gradientScope),
+		gradientDirection: tn(n.gradientDirection),
+		gradientMidpoint: ln(n.gradientMidpoint),
+		gradientEasing: dt(n.gradientEasing, Q.gradientEasing),
+		gradientCustomBezier: ft(n.gradientCustomBezier, Q.gradientCustomBezier),
+		gradientColorA: un(n.gradientColorA, Q.gradientColorA),
+		gradientColorB: un(n.gradientColorB, Q.gradientColorB),
 		materialTextureUrl: S,
-		materialTextureScope: rn(n.materialTextureScope),
-		materialTextureProjection: nn(n.materialTextureProjection),
-		materialTextureFit: tn(n.materialTextureFit),
-		materialTextureRepeatX: I(n.materialTextureRepeatX, $.materialTextureRepeatX),
-		materialTextureRepeatY: I(n.materialTextureRepeatY, $.materialTextureRepeatY),
-		materialTextureOffsetX: I(n.materialTextureOffsetX, $.materialTextureOffsetX),
-		materialTextureOffsetY: I(n.materialTextureOffsetY, $.materialTextureOffsetY),
-		materialTextureRotation: I(n.materialTextureRotation, $.materialTextureRotation),
-		shadingMode: c.shadingMode ?? $.shadingMode,
-		silhouetteColor: c.silhouetteColor ?? c.outlineColor ?? $.silhouetteColor,
-		edgeColor: c.edgeColor ?? c.outlineColor ?? $.edgeColor,
-		outlineThickness: L(c.outlineThickness, $.outlineThickness, F.render.thickness),
-		edgeThickness: L(c.edgeThickness, $.edgeThickness, F.render.thickness),
-		outlineOpacity: L(c.outlineOpacity, $.outlineOpacity, F.render.opacity),
-		outlineSeeThrough: c.outlineSeeThrough ?? $.outlineSeeThrough,
-		edgeCompositing: Jt(c.edgeCompositing),
-		ambientIntensity: L(c.ambientIntensity, $.ambientIntensity, F.render.nonNegativeIntensity),
-		lightIntensity: L(c.lightIntensity, $.lightIntensity, F.render.nonNegativeIntensity),
-		lightAzimuth: I(c.lightAzimuth, $.lightAzimuth),
-		lightElevation: L(c.lightElevation, $.lightElevation, F.render.lightElevation),
-		renderPixelRatio: L(c.renderPixelRatio, $.renderPixelRatio, F.renderer.pixelRatio),
-		roughness: L(c.roughness, $.roughness, F.render.materialFactor),
-		metalness: L(c.metalness, $.metalness, F.render.materialFactor)
+		materialTextureScope: an(n.materialTextureScope),
+		materialTextureProjection: rn(n.materialTextureProjection),
+		materialTextureFit: nn(n.materialTextureFit),
+		materialTextureRepeatX: I(n.materialTextureRepeatX, Q.materialTextureRepeatX),
+		materialTextureRepeatY: I(n.materialTextureRepeatY, Q.materialTextureRepeatY),
+		materialTextureOffsetX: I(n.materialTextureOffsetX, Q.materialTextureOffsetX),
+		materialTextureOffsetY: I(n.materialTextureOffsetY, Q.materialTextureOffsetY),
+		materialTextureRotation: I(n.materialTextureRotation, Q.materialTextureRotation),
+		shadingMode: c.shadingMode ?? Q.shadingMode,
+		silhouetteColor: c.silhouetteColor ?? c.outlineColor ?? Q.silhouetteColor,
+		edgeColor: c.edgeColor ?? c.outlineColor ?? Q.edgeColor,
+		outlineThickness: L(c.outlineThickness, Q.outlineThickness, F.render.thickness),
+		edgeThickness: L(c.edgeThickness, Q.edgeThickness, F.render.thickness),
+		outlineOpacity: L(c.outlineOpacity, Q.outlineOpacity, F.render.opacity),
+		outlineSeeThrough: c.outlineSeeThrough ?? Q.outlineSeeThrough,
+		edgeCompositing: Yt(c.edgeCompositing),
+		ambientIntensity: L(c.ambientIntensity, Q.ambientIntensity, F.render.nonNegativeIntensity),
+		lightIntensity: L(c.lightIntensity, Q.lightIntensity, F.render.nonNegativeIntensity),
+		lightAzimuth: I(c.lightAzimuth, Q.lightAzimuth),
+		lightElevation: L(c.lightElevation, Q.lightElevation, F.render.lightElevation),
+		renderPixelRatio: L(c.renderPixelRatio, Q.renderPixelRatio, F.renderer.pixelRatio),
+		roughness: L(c.roughness, Q.roughness, F.render.materialFactor),
+		metalness: L(c.metalness, Q.metalness, F.render.materialFactor)
 	};
 }
-function yn(e) {
-	return qt(vn(e));
+function bn(e) {
+	return Jt(yn(e));
 }
-var bn = class {
-	settings = { ...$ };
+var xn = class {
+	settings = { ...Q };
 	assetUrlAliases = /* @__PURE__ */ new Map();
 	getConfig() {
-		return this.applyAssetUrlAliases(), qt(this.settings);
+		return this.applyAssetUrlAliases(), Jt(this.settings);
 	}
 	replaceAssetUrl(e, t) {
 		return !e || !t || e === t ? !1 : (this.assetUrlAliases.set(e, t), this.applyAssetUrlAliases(), !0);
@@ -2038,7 +2038,7 @@ var bn = class {
 			x: !1,
 			y: !1,
 			z: !1
-		}, this.customAssetLoadId += 1, this.customObjGeometry?.dispose(), this.customObjGeometry = null, this.customSvgGeometry?.dispose(), this.customSvgGeometry = null, this.imageTexture?.dispose(), this.imageTexture = null, this.materialTexture?.dispose(), this.materialTexture = null, this.materialTextureDisplayTexture?.dispose(), this.materialTextureDisplayTexture = null, this.checkerTexture?.dispose(), this.checkerTexture = null, this.backgroundTexture?.dispose(), this.backgroundTexture = null, this.backgroundImageDisplayTexture?.dispose(), this.backgroundImageDisplayTexture = null, this.backgroundGradientTexture?.dispose(), this.backgroundGradientTexture = null, this.transparentBackgroundPreviewTexture?.dispose(), this.transparentBackgroundPreviewTexture = null, Object.assign(this.settings, vn(e)), this.modeMemory = new Map([[this.settings.distributionMode, this.snapshotModeSettings()]]), this.settings.assetUrl.startsWith("blob:") && (this.settings.assetUrl = ""), this.settings.imageSetUrls.some((e) => e.startsWith("blob:")) && (this.settings.imageSetUrls = this.settings.imageSetUrls.filter((e) => !e.startsWith("blob:"))), this.settings.backgroundImageUrl.startsWith("blob:") && (this.settings.backgroundImageUrl = ""), this.settings.materialTextureUrl.startsWith("blob:") && (this.settings.materialTextureUrl = ""), this.applySettings(), this.settings.instanceShape === "custom-obj" && this.settings.assetUrl && !this.settings.assetUrl.startsWith("blob:") && this.loadCustomObj().catch((e) => {
+		}, this.customAssetLoadId += 1, this.customObjGeometry?.dispose(), this.customObjGeometry = null, this.customSvgGeometry?.dispose(), this.customSvgGeometry = null, this.imageTexture?.dispose(), this.imageTexture = null, this.materialTexture?.dispose(), this.materialTexture = null, this.materialTextureDisplayTexture?.dispose(), this.materialTextureDisplayTexture = null, this.checkerTexture?.dispose(), this.checkerTexture = null, this.backgroundTexture?.dispose(), this.backgroundTexture = null, this.backgroundImageDisplayTexture?.dispose(), this.backgroundImageDisplayTexture = null, this.backgroundGradientTexture?.dispose(), this.backgroundGradientTexture = null, this.transparentBackgroundPreviewTexture?.dispose(), this.transparentBackgroundPreviewTexture = null, Object.assign(this.settings, yn(e)), this.modeMemory = new Map([[this.settings.distributionMode, this.snapshotModeSettings()]]), this.settings.assetUrl.startsWith("blob:") && (this.settings.assetUrl = ""), this.settings.imageSetUrls.some((e) => e.startsWith("blob:")) && (this.settings.imageSetUrls = this.settings.imageSetUrls.filter((e) => !e.startsWith("blob:"))), this.settings.backgroundImageUrl.startsWith("blob:") && (this.settings.backgroundImageUrl = ""), this.settings.materialTextureUrl.startsWith("blob:") && (this.settings.materialTextureUrl = ""), this.applySettings(), this.settings.instanceShape === "custom-obj" && this.settings.assetUrl && !this.settings.assetUrl.startsWith("blob:") && this.loadCustomObj().catch((e) => {
 			console.warn("Unable to load custom OBJ asset.", e);
 		}), this.settings.instanceShape === "svg" && this.settings.assetUrl && !this.settings.assetUrl.startsWith("blob:") && this.loadSvgAsset().catch((e) => {
 			console.warn("Unable to load SVG asset.", e);
@@ -2131,7 +2131,7 @@ var bn = class {
 	observedHeight = 0;
 	disposed = !1;
 	constructor(e, n = {}) {
-		this.container = e, this.enableCameraControls = n.enableCameraControls ?? !1, this.previewTransparentBackground = n.previewTransparentBackground ?? !1, n.config && Object.assign(this.settings, vn(n.config)), this.settings.assetUrl.startsWith("blob:") && (this.settings.assetUrl = ""), this.settings.imageSetUrls.some((e) => e.startsWith("blob:")) && (this.settings.imageSetUrls = this.settings.imageSetUrls.filter((e) => !e.startsWith("blob:"))), this.settings.backgroundImageUrl.startsWith("blob:") && (this.settings.backgroundImageUrl = "");
+		this.container = e, this.enableCameraControls = n.enableCameraControls ?? !1, this.previewTransparentBackground = n.previewTransparentBackground ?? !1, n.config && Object.assign(this.settings, yn(n.config)), this.settings.assetUrl.startsWith("blob:") && (this.settings.assetUrl = ""), this.settings.imageSetUrls.some((e) => e.startsWith("blob:")) && (this.settings.imageSetUrls = this.settings.imageSetUrls.filter((e) => !e.startsWith("blob:"))), this.settings.backgroundImageUrl.startsWith("blob:") && (this.settings.backgroundImageUrl = "");
 		let r = this.settings.instanceShape === "custom-obj" && !!this.settings.assetUrl && !this.settings.assetUrl.startsWith("blob:"), i = this.settings.instanceShape === "image" && (this.settings.imageSetUrls.length > 0 || !!this.settings.assetUrl) && !this.settings.assetUrl.startsWith("blob:"), a = this.settings.instanceShape === "svg" && !!this.settings.assetUrl && !this.settings.assetUrl.startsWith("blob:"), o = !!this.settings.backgroundImageUrl && !this.settings.backgroundImageUrl.startsWith("blob:"), s = !!this.settings.materialTextureUrl && !this.settings.materialTextureUrl.startsWith("blob:");
 		this.scene = new u.Scene(), this.scene.background = new u.Color(this.settings.backgroundColor), this.viewportGrid = n.enableViewportGrid ? this.createViewportGrid() : null, this.viewportGrid && this.scene.add(this.viewportGrid), this.camera = this.createCamera(), this.updateCamera(), this.renderer = new u.WebGLRenderer({
 			antialias: !0,
@@ -2335,7 +2335,7 @@ var bn = class {
 	}
 	snapshotModeSettings() {
 		let e = {};
-		for (let t of Wt) e[t] = this.settings[t];
+		for (let t of Gt) e[t] = this.settings[t];
 		return e;
 	}
 	applyDistributionModeDefaults(e) {
@@ -2382,7 +2382,7 @@ var bn = class {
 	}
 	resetSettings(e) {
 		e.forEach((e) => {
-			this.settings[e] = $[e];
+			this.settings[e] = Q[e];
 		}), this.updatePattern();
 	}
 	resetSpin() {
@@ -2442,8 +2442,8 @@ var bn = class {
 			cameraDistance: this.settings.cameraDistance,
 			cameraHeight: this.settings.cameraHeight,
 			cameraFocalLength: this.settings.cameraFocalLength,
-			referenceZoom: Gt,
-			referenceFrustumSize: Kt
+			referenceZoom: Kt,
+			referenceFrustumSize: qt
 		})), this.settings.viewMode = e, e === "orthographic" && (this.settings.orthographicView = "custom"), this.camera = this.createCamera(), this.updateCamera(), this.renderIdleFrame();
 	}
 	setViewportGridVisible(e) {
@@ -2497,7 +2497,7 @@ var bn = class {
 		let e = this.getSubjectBounds(), t = new u.Vector3(), n = new u.Vector3();
 		e.getCenter(t), e.getSize(n);
 		let r = Math.max(.5, n.length() * .5) * 2 * 1.25;
-		if (this.settings.cameraTargetX = t.x, this.settings.cameraTargetY = t.y, this.settings.cameraTargetZ = t.z, this.settings.viewMode === "orthographic") this.settings.orthographicView = "custom", this.settings.orthoScale = u.MathUtils.clamp(Kt * Gt / r, F.camera.orthographicScale.min, F.camera.orthographicScale.max);
+		if (this.settings.cameraTargetX = t.x, this.settings.cameraTargetY = t.y, this.settings.cameraTargetZ = t.z, this.settings.viewMode === "orthographic") this.settings.orthographicView = "custom", this.settings.orthoScale = u.MathUtils.clamp(qt * Kt / r, F.camera.orthographicScale.min, F.camera.orthographicScale.max);
 		else {
 			let e = this.getPerspectiveFovFromFocalLength() * (Math.PI / 180), t = r / (2 * Math.tan(e / 2));
 			this.settings.cameraDistance = u.MathUtils.clamp(t, F.camera.distance.min, F.camera.distance.max), this.settings.cameraHeight = z(this.settings.cameraDistance, this.settings.cameraElevation);
@@ -2514,7 +2514,7 @@ var bn = class {
 		};
 	}
 	setRenderPixelRatio(e) {
-		this.settings.renderPixelRatio = L(e, $.renderPixelRatio, F.renderer.pixelRatio), this.applyRendererPixelRatio();
+		this.settings.renderPixelRatio = L(e, Q.renderPixelRatio, F.renderer.pixelRatio), this.applyRendererPixelRatio();
 		let { width: t, height: n } = this.getContainerSize();
 		this.renderer.setSize(t, n), this.updateEdgeResolution(t, n), this.renderIdleFrame();
 	}
@@ -2541,7 +2541,7 @@ var bn = class {
 		this.adaptiveQualityLowSamples = 0, this.adaptiveQualityHighSamples = 0;
 	}
 	pauseMotion() {
-		this.pausedMotionSnapshot ||= this.getMotionPauseSnapshot(), this.settings.instanceSpinX = 0, this.settings.instanceSpinY = 0, this.settings.instanceSpinZ = 0, this.settings.pathRotationX = 0, this.settings.pathRotationY = 0, this.settings.pathRotationZ = 0, this.settings.pathTravelSpeed = 0, this.settings.pathTravelStepDistance = 0, this.settings.ringOrbitSpeed = 0, this.settings.waveAmplitude = $.waveAmplitude, this.settings.waveSpeed = 0, this.stop(), this.updatePattern();
+		this.pausedMotionSnapshot ||= this.getMotionPauseSnapshot(), this.settings.instanceSpinX = 0, this.settings.instanceSpinY = 0, this.settings.instanceSpinZ = 0, this.settings.pathRotationX = 0, this.settings.pathRotationY = 0, this.settings.pathRotationZ = 0, this.settings.pathTravelSpeed = 0, this.settings.pathTravelStepDistance = 0, this.settings.ringOrbitSpeed = 0, this.settings.waveAmplitude = Q.waveAmplitude, this.settings.waveSpeed = 0, this.stop(), this.updatePattern();
 	}
 	resumeMotion() {
 		this.pausedMotionSnapshot && (Object.assign(this.settings, this.pausedMotionSnapshot), this.pausedMotionSnapshot = null, this.updatePattern(), this.start());
@@ -2566,10 +2566,10 @@ var bn = class {
 		};
 	}
 	setCameraDistance(e) {
-		this.settings.cameraDistance = L(Math.abs(e), $.cameraDistance, F.camera.distance), this.settings.cameraHeight = z(this.settings.cameraDistance, this.settings.cameraElevation), this.updateCamera(), this.notifyCameraChange(), this.renderIdleFrame();
+		this.settings.cameraDistance = L(Math.abs(e), Q.cameraDistance, F.camera.distance), this.settings.cameraHeight = z(this.settings.cameraDistance, this.settings.cameraElevation), this.updateCamera(), this.notifyCameraChange(), this.renderIdleFrame();
 	}
 	getInstancePresetSnapshot() {
-		return { ...qt(this.settings).instance };
+		return { ...Jt(this.settings).instance };
 	}
 	applyInstancePresetSnapshot(e) {
 		let t = this.getConfig();
@@ -2615,7 +2615,7 @@ var bn = class {
 		this.settings.pathRows = e, this.updatePatternAndUseGeneratedLimit();
 	}
 	updateCameraOrbit() {
-		let e = L(Number.isFinite(this.settings.cameraDistance) ? Math.abs(this.settings.cameraDistance) : $.cameraDistance, $.cameraDistance, F.camera.distance), t = Number.isFinite(this.settings.cameraElevation) ? this.settings.cameraElevation : Me(e, $.cameraHeight), n = Number.isFinite(this.settings.cameraOrbitAngle) ? this.settings.cameraOrbitAngle : $.cameraOrbitAngle, r = this.settings.cameraTargetX, i = this.settings.cameraTargetY, a = this.settings.cameraTargetZ;
+		let e = L(Number.isFinite(this.settings.cameraDistance) ? Math.abs(this.settings.cameraDistance) : Q.cameraDistance, Q.cameraDistance, F.camera.distance), t = Number.isFinite(this.settings.cameraElevation) ? this.settings.cameraElevation : Me(e, Q.cameraHeight), n = Number.isFinite(this.settings.cameraOrbitAngle) ? this.settings.cameraOrbitAngle : Q.cameraOrbitAngle, r = this.settings.cameraTargetX, i = this.settings.cameraTargetY, a = this.settings.cameraTargetZ;
 		this.settings.cameraDistance = e, this.settings.cameraHeight = z(e, t), this.settings.cameraOrbitAngle = Ae(n), this.settings.cameraElevation = t;
 		let o = Pe({
 			distance: e,
@@ -2709,7 +2709,7 @@ var bn = class {
 		let n = this.settings.distributionMode;
 		if (n === "starfield") return this.settings.starfieldFaceCamera ? this.starfieldBillboardQuaternion(t) : t.identity();
 		if (!(n === "grid" || n === "cube-grid" || n === "rings" ? this.settings.alignToPattern : this.settings.alignToPath)) return t.identity();
-		if (n === "grid" || n === "cube-grid") return t.setFromAxisAngle(Rt, e.angle);
+		if (n === "grid" || n === "cube-grid") return t.setFromAxisAngle(zt, e.angle);
 		let r = e.alignDir;
 		if (!r) return t.identity();
 		let i = this.alignVecScratch.set(r.x, r.y, r.z);
@@ -2728,7 +2728,7 @@ var bn = class {
 		return r.lengthSq() < 1e-8 ? e.setFromUnitVectors(this.faceAlignAxis(), t) : (r.normalize(), this.alignMatrixScratch.makeBasis(r, t, n), e.setFromRotationMatrix(this.alignMatrixScratch));
 	}
 	faceAlignAxis() {
-		return Rt;
+		return zt;
 	}
 	updatePatternFromLayouts(e) {
 		this.layouts = this.applyInstanceLimit(e);
@@ -2749,16 +2749,16 @@ var bn = class {
 		}), this.finishSurfaceWrites(i), this.outlineMesh.instanceMatrix.needsUpdate = !0, this.renderIdleFrame(), this.animationFrameId === null && (r || this.hasTimeVaryingMotion()) && this.start();
 	}
 	getInstanceOpacity(e, t) {
-		let n = performance.now() - (this.instanceBirthTimes[e] ?? performance.now()), r = this.getFadeDurationMs(), i = pt(r === 0 ? 1 : u.MathUtils.clamp(n / r, 0, 1), this.settings.fadeEasing, this.settings.fadeCustomBezier);
+		let n = performance.now() - (this.instanceBirthTimes[e] ?? performance.now()), r = this.getFadeDurationMs(), i = mt(r === 0 ? 1 : u.MathUtils.clamp(n / r, 0, 1), this.settings.fadeEasing, this.settings.fadeCustomBezier);
 		if (!this.shouldFadePathEdges()) return i;
-		let a = t.pathProgress, o = this.getPathEdgeFadeZone(), s = pt(this.getOpenPathEdgeOpacity(a, o), this.settings.pathEdgeFadeEasing, this.settings.pathEdgeFadeCustomBezier);
+		let a = t.pathProgress, o = this.getPathEdgeFadeZone(), s = mt(this.getOpenPathEdgeOpacity(a, o), this.settings.pathEdgeFadeEasing, this.settings.pathEdgeFadeCustomBezier);
 		return Math.min(i, Math.max(0, s));
 	}
 	getOpenPathEdgeOpacity(e, t) {
 		return Math.min(1, u.MathUtils.clamp(e / t, 0, 1), u.MathUtils.clamp((1 - e) / t, 0, 1));
 	}
 	shouldFadePathEdges() {
-		return (this.settings.distributionMode === "line-path" || this.settings.distributionMode === "spiral-path" || this.settings.distributionMode === "spline-path" || this.settings.distributionMode === "starfield") && (this.settings.pathTravelMode === "stepped" ? Math.abs(this.settings.pathTravelStepDistance) > Z : Math.abs(this.settings.pathTravelSpeed) > Z);
+		return (this.settings.distributionMode === "line-path" || this.settings.distributionMode === "spiral-path" || this.settings.distributionMode === "spline-path" || this.settings.distributionMode === "starfield") && (this.settings.pathTravelMode === "stepped" ? Math.abs(this.settings.pathTravelStepDistance) > X : Math.abs(this.settings.pathTravelSpeed) > X);
 	}
 	getPathEdgeFadeZone() {
 		let e = this.settings.pathEdgeFadeDuration, t = (this.settings.pathTravelMode === "stepped" ? Math.abs(this.settings.pathTravelStepDistance) / Math.max(.001, this.settings.pathTravelStepInterval) : Math.abs(this.settings.pathTravelSpeed)) * e;
@@ -2776,7 +2776,7 @@ var bn = class {
 	getBuildProgress(e) {
 		if (!this.hasBuildInMotion()) return 1;
 		let t = Math.max(0, this.settings.buildDuration), n = Math.max(0, this.settings.buildDelay);
-		return e < n ? 0 : t === 0 ? 1 : pt(u.MathUtils.clamp((e - n) / t, 0, 1), this.settings.buildEasing, this.settings.buildCustomBezier);
+		return e < n ? 0 : t === 0 ? 1 : mt(u.MathUtils.clamp((e - n) / t, 0, 1), this.settings.buildEasing, this.settings.buildCustomBezier);
 	}
 	getBuildTransform(e) {
 		let t = 1 - e;
@@ -2792,11 +2792,11 @@ var bn = class {
 	}
 	hasTimeVaryingMotion() {
 		let e = (performance.now() - this.startTime) / 1e3;
-		return Math.abs(this.settings.instanceSpinX) > Z || Math.abs(this.settings.instanceSpinY) > Z || Math.abs(this.settings.instanceSpinZ) > Z || Math.abs(this.settings.pathRotationX) > Z || Math.abs(this.settings.pathRotationY) > Z || Math.abs(this.settings.pathRotationZ) > Z || Math.abs(this.settings.pathTravelSpeed) > Z || this.settings.pathTravelMode === "stepped" && Math.abs(this.settings.pathTravelStepDistance) > Z || Math.abs(this.settings.ringOrbitSpeed) > Z || performance.now() < this.fadeUntil || this.hasBuildInMotion() && this.getBuildProgress(e) < 1 || Math.abs(this.settings.waveAmplitude) > Z && Math.abs(this.settings.waveSpeed) > Z;
+		return Math.abs(this.settings.instanceSpinX) > X || Math.abs(this.settings.instanceSpinY) > X || Math.abs(this.settings.instanceSpinZ) > X || Math.abs(this.settings.pathRotationX) > X || Math.abs(this.settings.pathRotationY) > X || Math.abs(this.settings.pathRotationZ) > X || Math.abs(this.settings.pathTravelSpeed) > X || this.settings.pathTravelMode === "stepped" && Math.abs(this.settings.pathTravelStepDistance) > X || Math.abs(this.settings.ringOrbitSpeed) > X || performance.now() < this.fadeUntil || this.hasBuildInMotion() && this.getBuildProgress(e) < 1 || Math.abs(this.settings.waveAmplitude) > X && Math.abs(this.settings.waveSpeed) > X;
 	}
 	applyInstanceLimit(e) {
 		let t = Math.max(1, Math.min(this.settings.instanceLimit, e.length));
-		return t >= e.length ? e : fn(this.settings.distributionMode) ? this.pickEvenPathLayouts(e, t) : [...e].sort((e, t) => e.distance === t.distance ? e.ringIndex === t.ringIndex ? e.angle - t.angle : e.ringIndex - t.ringIndex : e.distance - t.distance).slice(0, t);
+		return t >= e.length ? e : pn(this.settings.distributionMode) ? this.pickEvenPathLayouts(e, t) : [...e].sort((e, t) => e.distance === t.distance ? e.ringIndex === t.ringIndex ? e.angle - t.angle : e.ringIndex - t.ringIndex : e.distance - t.distance).slice(0, t);
 	}
 	pickEvenPathLayouts(e, t) {
 		let n = [...e].sort((e, t) => e.ringIndex === t.ringIndex ? e.pathProgress - t.pathProgress : e.ringIndex - t.ringIndex), r = [];
@@ -2902,13 +2902,13 @@ var bn = class {
 		return n <= r ? n / r * .5 : .5 + .5 * ((n - r) / (1 - r));
 	}
 	shapeGradientProgress(e) {
-		return pt(this.remapGradientProgress(e), this.settings.gradientEasing, this.settings.gradientCustomBezier);
+		return mt(this.remapGradientProgress(e), this.settings.gradientEasing, this.settings.gradientCustomBezier);
 	}
 	getGradientEasingModeIndex() {
 		return this.settings.gradientEasing === "ease-in" ? 1 : this.settings.gradientEasing === "ease-out" ? 2 : this.settings.gradientEasing === "ease-in-out" ? 3 : this.settings.gradientEasing === "custom-bezier" ? 4 : 0;
 	}
 	getGradientBezierVector() {
-		let e = (this.settings.gradientEasing === "custom-bezier" ? ft(this.settings.gradientCustomBezier) : null) ?? {
+		let e = (this.settings.gradientEasing === "custom-bezier" ? pt(this.settings.gradientCustomBezier) : null) ?? {
 			x1: 0,
 			y1: 0,
 			x2: 1,
@@ -3029,11 +3029,11 @@ ${t.materialTexture ? "vec4 speMaterialTextureColor = getSpeMaterialTextureColor
 	}
 	setInstanceDimension(e, t) {
 		this.shapeAutoModified[e] = !1;
-		let n = L(t, $.scaleX, F.instance.dimension);
-		e === "x" ? (this.settings.scaleX = n, this.shouldLockImageAspectRatio() && (this.settings.scaleZ = L(n / this.settings.imageAspectRatio, $.scaleZ, F.instance.dimension))) : e === "y" ? this.settings.scaleY = n : (this.settings.scaleZ = n, this.shouldLockImageAspectRatio() && (this.settings.scaleX = L(n * this.settings.imageAspectRatio, $.scaleX, F.instance.dimension))), this.syncRoundedCardRatio(), this.rebuildGeometry();
+		let n = L(t, Q.scaleX, F.instance.dimension);
+		e === "x" ? (this.settings.scaleX = n, this.shouldLockImageAspectRatio() && (this.settings.scaleZ = L(n / this.settings.imageAspectRatio, Q.scaleZ, F.instance.dimension))) : e === "y" ? this.settings.scaleY = n : (this.settings.scaleZ = n, this.shouldLockImageAspectRatio() && (this.settings.scaleX = L(n * this.settings.imageAspectRatio, Q.scaleX, F.instance.dimension))), this.syncRoundedCardRatio(), this.rebuildGeometry();
 	}
 	setImagePreserveAspectRatio(e) {
-		this.settings.imagePreserveAspectRatio = e, this.shouldLockImageAspectRatio() && (this.settings.scaleX = L(this.settings.scaleZ * this.settings.imageAspectRatio, $.scaleX, F.instance.dimension)), this.rebuildGeometry();
+		this.settings.imagePreserveAspectRatio = e, this.shouldLockImageAspectRatio() && (this.settings.scaleX = L(this.settings.scaleZ * this.settings.imageAspectRatio, Q.scaleX, F.instance.dimension)), this.rebuildGeometry();
 	}
 	shouldLockImageAspectRatio() {
 		return this.settings.instanceShape === "image" && this.settings.imagePreserveAspectRatio && this.settings.imageAspectRatio > 0;
@@ -3094,7 +3094,7 @@ ${t.materialTexture ? "vec4 speMaterialTextureColor = getSpeMaterialTextureColor
 	}
 	async loadCustomAsset(e = this.settings.assetUrl, { showPlaceholder: t = !1, source: n = "background" } = {}) {
 		let r = e.trim();
-		if (n === "background" && this.activeUserCustomAssetLoadId > 0) throw new Ft();
+		if (n === "background" && this.activeUserCustomAssetLoadId > 0) throw new It();
 		let i = ++this.customAssetLoadId;
 		if (n === "user" && (this.activeUserCustomAssetLoadId = i), this.settings.assetUrl = r, !r) {
 			this.customObjGeometry?.dispose(), this.customObjGeometry = null, this.activeUserCustomAssetLoadId === i && (this.activeUserCustomAssetLoadId = 0), this.rebuildGeometry();
@@ -3102,7 +3102,7 @@ ${t.materialTexture ? "vec4 speMaterialTextureColor = getSpeMaterialTextureColor
 		}
 		t && (this.customObjGeometry?.dispose(), this.customObjGeometry = null, this.settings.instanceShape = "custom-obj", this.rebuildGeometry());
 		try {
-			let e = await import("./customAssetGeometry-MXHVov4w.js"), t = await e.loadCustomAssetGeometry(_n(r));
+			let e = await import("./customAssetGeometry-MXHVov4w.js"), t = await e.loadCustomAssetGeometry(vn(r));
 			this.completeCustomAssetLoad(i, t, e.prepareCustomAssetGeometry);
 		} catch (e) {
 			throw this.activeUserCustomAssetLoadId === i && (this.activeUserCustomAssetLoadId = 0), e;
@@ -3128,7 +3128,7 @@ ${t.materialTexture ? "vec4 speMaterialTextureColor = getSpeMaterialTextureColor
 				this.clearSvgAssetLoad(r);
 				return;
 			}
-			let e = await (await import("./svgAssetGeometry-CSnPWwR1.js")).loadSvgAssetGeometry(_n(n), this.settings.svgSolidify);
+			let e = await (await import("./svgAssetGeometry-CSnPWwR1.js")).loadSvgAssetGeometry(vn(n), this.settings.svgSolidify);
 			this.completeSvgAssetLoad(r, e);
 		} catch (e) {
 			throw this.activeUserCustomAssetLoadId === r && (this.activeUserCustomAssetLoadId = 0), e;
@@ -3154,7 +3154,7 @@ ${t.materialTexture ? "vec4 speMaterialTextureColor = getSpeMaterialTextureColor
 				this.clearImageAssetLoad(r);
 				return;
 			}
-			let e = await this.textureLoader.loadAsync(_n(n));
+			let e = await this.textureLoader.loadAsync(vn(n));
 			this.completeImageAssetLoad(r, e);
 		} catch (e) {
 			throw this.activeUserCustomAssetLoadId === r && (this.activeUserCustomAssetLoadId = 0), e;
@@ -3164,13 +3164,13 @@ ${t.materialTexture ? "vec4 speMaterialTextureColor = getSpeMaterialTextureColor
 		await this.loadImageAsset(t, n);
 	}
 	async loadImageSet(e = this.settings.imageSetUrls, t = {}) {
-		let n = gn(e), r = this.beginCustomAssetLoad(n[0] ?? "", t);
+		let n = _n(e), r = this.beginCustomAssetLoad(n[0] ?? "", t);
 		try {
 			if (n.length === 0) {
 				this.clearImageAssetLoad(r);
 				return;
 			}
-			let e = await Promise.all(n.map((e) => this.textureLoader.loadAsync(_n(e))));
+			let e = await Promise.all(n.map((e) => this.textureLoader.loadAsync(vn(e))));
 			this.completeImageSetAssetLoad(r, n, e);
 		} catch (e) {
 			throw this.activeUserCustomAssetLoadId === r && (this.activeUserCustomAssetLoadId = 0), e;
@@ -3182,7 +3182,7 @@ ${t.materialTexture ? "vec4 speMaterialTextureColor = getSpeMaterialTextureColor
 			this.clearBackgroundImage();
 			return;
 		}
-		let n = await this.textureLoader.loadAsync(_n(t));
+		let n = await this.textureLoader.loadAsync(vn(t));
 		this.backgroundTexture?.dispose(), this.backgroundImageDisplayTexture?.dispose(), this.backgroundImageDisplayTexture = null, this.backgroundTexture = n, this.configureImageTexture(n), this.settings.backgroundMode = "image", this.updateSceneBackground(), this.renderIdleFrame();
 	}
 	async loadBackgroundImageFile(e, t) {
@@ -3194,7 +3194,7 @@ ${t.materialTexture ? "vec4 speMaterialTextureColor = getSpeMaterialTextureColor
 			this.clearMaterialTexture();
 			return;
 		}
-		let n = await this.textureLoader.loadAsync(_n(t));
+		let n = await this.textureLoader.loadAsync(vn(t));
 		this.materialTexture?.dispose(), this.materialTextureDisplayTexture?.dispose(), this.materialTextureDisplayTexture = null, this.materialTexture = n, this.configureImageTexture(n), n.wrapS = u.RepeatWrapping, n.wrapT = u.RepeatWrapping, this.settings.colorMode = "texture", this.updateMaterial(), this.renderIdleFrame();
 	}
 	async loadMaterialTextureFile(e, t) {
@@ -3207,13 +3207,13 @@ ${t.materialTexture ? "vec4 speMaterialTextureColor = getSpeMaterialTextureColor
 		this.settings.backgroundImageUrl = "", this.backgroundTexture?.dispose(), this.backgroundTexture = null, this.backgroundImageDisplayTexture?.dispose(), this.backgroundImageDisplayTexture = null, this.updateSceneBackground(), this.renderIdleFrame();
 	}
 	clearCustomAsset() {
-		this.customAssetLoadId += 1, this.activeUserCustomAssetLoadId = 0, this.settings.assetUrl = "", this.settings.imageSetUrls = [], this.settings.imageAspectRatio = $.imageAspectRatio, this.customObjGeometry?.dispose(), this.customObjGeometry = null, this.customSvgGeometry?.dispose(), this.customSvgGeometry = null, this.imageTexture?.dispose(), this.imageTexture = null, this.disposeImageSetTextures(), this.updateMaterial(), this.rebuildGeometry();
+		this.customAssetLoadId += 1, this.activeUserCustomAssetLoadId = 0, this.settings.assetUrl = "", this.settings.imageSetUrls = [], this.settings.imageAspectRatio = Q.imageAspectRatio, this.customObjGeometry?.dispose(), this.customObjGeometry = null, this.customSvgGeometry?.dispose(), this.customSvgGeometry = null, this.imageTexture?.dispose(), this.imageTexture = null, this.disposeImageSetTextures(), this.updateMaterial(), this.rebuildGeometry();
 	}
 	clearSvgAssetLoad(e) {
 		this.customSvgGeometry?.dispose(), this.customSvgGeometry = null, this.activeUserCustomAssetLoadId === e && (this.activeUserCustomAssetLoadId = 0), this.rebuildGeometry();
 	}
 	beginCustomAssetLoad(e, { showPlaceholder: t = !1, source: n = "background" }) {
-		if (n === "background" && this.activeUserCustomAssetLoadId > 0) throw new Ft();
+		if (n === "background" && this.activeUserCustomAssetLoadId > 0) throw new It();
 		let r = ++this.customAssetLoadId;
 		return n === "user" && (this.activeUserCustomAssetLoadId = r), this.settings.assetUrl = e, t && (this.customObjGeometry?.dispose(), this.customObjGeometry = null, this.settings.instanceShape = "custom-obj", this.rebuildGeometry()), r;
 	}
@@ -3221,11 +3221,11 @@ ${t.materialTexture ? "vec4 speMaterialTextureColor = getSpeMaterialTextureColor
 		this.customObjGeometry?.dispose(), this.customObjGeometry = null, this.activeUserCustomAssetLoadId === e && (this.activeUserCustomAssetLoadId = 0), this.rebuildGeometry();
 	}
 	clearImageAssetLoad(e) {
-		this.imageTexture?.dispose(), this.imageTexture = null, this.disposeImageSetTextures(), this.settings.imageAspectRatio = $.imageAspectRatio, this.activeUserCustomAssetLoadId === e && (this.activeUserCustomAssetLoadId = 0), this.updateMaterial(), this.rebuildGeometry();
+		this.imageTexture?.dispose(), this.imageTexture = null, this.disposeImageSetTextures(), this.settings.imageAspectRatio = Q.imageAspectRatio, this.activeUserCustomAssetLoadId === e && (this.activeUserCustomAssetLoadId = 0), this.updateMaterial(), this.rebuildGeometry();
 	}
 	completeCustomAssetLoad(e, t, n) {
 		let r = this.activeUserCustomAssetLoadId === e;
-		if (e !== this.customAssetLoadId && !r) throw t.dispose(), new Ft();
+		if (e !== this.customAssetLoadId && !r) throw t.dispose(), new It();
 		this.customAssetLoadId = e, n(t, {
 			assetScale: this.settings.assetScale,
 			assetNormalize: this.settings.assetNormalize
@@ -3233,22 +3233,22 @@ ${t.materialTexture ? "vec4 speMaterialTextureColor = getSpeMaterialTextureColor
 	}
 	completeSvgAssetLoad(e, t) {
 		let n = this.activeUserCustomAssetLoadId === e;
-		if (e !== this.customAssetLoadId && !n) throw t.dispose(), new Ft();
+		if (e !== this.customAssetLoadId && !n) throw t.dispose(), new It();
 		this.customAssetLoadId = e, this.customSvgGeometry?.dispose(), this.customSvgGeometry = t, this.customObjGeometry?.dispose(), this.customObjGeometry = null, this.disposeImageSetTextures(), this.imageTexture?.dispose(), this.imageTexture = null, this.settings.imageSetUrls = [], this.settings.instanceShape = "svg", n && (this.activeUserCustomAssetLoadId = 0), this.updateMaterial(), this.rebuildGeometry();
 	}
 	completeImageAssetLoad(e, t) {
 		let n = this.activeUserCustomAssetLoadId === e;
-		if (e !== this.customAssetLoadId && !n) throw t.dispose(), new Ft();
+		if (e !== this.customAssetLoadId && !n) throw t.dispose(), new It();
 		this.customAssetLoadId = e, this.imageTexture?.dispose(), this.disposeImageSetTextures(), this.customSvgGeometry?.dispose(), this.customSvgGeometry = null, this.customObjGeometry?.dispose(), this.customObjGeometry = null, this.configureImageTexture(t), this.imageTexture = t, this.imageSetTextures = [t], this.settings.imageSetUrls = [];
-		let r = t.image, i = r?.width ?? $.imageAspectRatio, a = r?.height ?? 1;
-		this.settings.imageAspectRatio = a > 0 ? Math.max(.01, i / a) : $.imageAspectRatio, this.settings.instanceShape = "image", n && (this.settings.imagePreserveAspectRatio && (this.settings.scaleX = this.settings.scaleZ * this.settings.imageAspectRatio), this.activeUserCustomAssetLoadId = 0), this.updateMaterial(), this.rebuildGeometry();
+		let r = t.image, i = r?.width ?? Q.imageAspectRatio, a = r?.height ?? 1;
+		this.settings.imageAspectRatio = a > 0 ? Math.max(.01, i / a) : Q.imageAspectRatio, this.settings.instanceShape = "image", n && (this.settings.imagePreserveAspectRatio && (this.settings.scaleX = this.settings.scaleZ * this.settings.imageAspectRatio), this.activeUserCustomAssetLoadId = 0), this.updateMaterial(), this.rebuildGeometry();
 	}
 	completeImageSetAssetLoad(e, t, n) {
 		let r = this.activeUserCustomAssetLoadId === e;
-		if (e !== this.customAssetLoadId && !r) throw n.forEach((e) => e.dispose()), new Ft();
+		if (e !== this.customAssetLoadId && !r) throw n.forEach((e) => e.dispose()), new It();
 		this.customAssetLoadId = e, this.imageTexture?.dispose(), this.disposeImageSetTextures(), this.customSvgGeometry?.dispose(), this.customSvgGeometry = null, this.customObjGeometry?.dispose(), this.customObjGeometry = null, n.forEach((e) => this.configureImageTexture(e)), this.imageSetTextures = n, this.imageTexture = n[0] ?? null, this.settings.assetUrl = t[0] ?? "", this.settings.imageSetUrls = t;
-		let i = this.imageTexture?.image, a = i?.width ?? $.imageAspectRatio, o = i?.height ?? 1;
-		this.settings.imageAspectRatio = o > 0 ? Math.max(.01, a / o) : $.imageAspectRatio, this.settings.instanceShape = "image", r && (this.settings.imagePreserveAspectRatio && (this.settings.scaleX = this.settings.scaleZ * this.settings.imageAspectRatio), this.activeUserCustomAssetLoadId = 0), this.updateMaterial(), this.rebuildGeometry();
+		let i = this.imageTexture?.image, a = i?.width ?? Q.imageAspectRatio, o = i?.height ?? 1;
+		this.settings.imageAspectRatio = o > 0 ? Math.max(.01, a / o) : Q.imageAspectRatio, this.settings.instanceShape = "image", r && (this.settings.imagePreserveAspectRatio && (this.settings.scaleX = this.settings.scaleZ * this.settings.imageAspectRatio), this.activeUserCustomAssetLoadId = 0), this.updateMaterial(), this.rebuildGeometry();
 	}
 	configureImageTexture(e) {
 		e.colorSpace = u.SRGBColorSpace, e.needsUpdate = !0;
@@ -3297,17 +3297,17 @@ ${t.materialTexture ? "vec4 speMaterialTextureColor = getSpeMaterialTextureColor
 		return this.backgroundImageDisplayTexture || (this.backgroundImageDisplayTexture = new u.CanvasTexture(o), this.backgroundImageDisplayTexture.colorSpace = u.SRGBColorSpace, this.backgroundImageDisplayTexture.wrapS = u.ClampToEdgeWrapping, this.backgroundImageDisplayTexture.wrapT = u.ClampToEdgeWrapping), this.backgroundImageDisplayTexture.needsUpdate = !0, this.backgroundImageDisplayTexture;
 	}
 	drawCheckerBackground(e, t, n) {
-		e.fillStyle = Vt, e.fillRect(0, 0, t, n), e.fillStyle = Ht;
-		for (let r = 0; r < n; r += zt) for (let n = r / zt % 2 == 0 ? zt : 0; n < t; n += zt * 2) e.fillRect(n, r, zt, zt);
+		e.fillStyle = Ht, e.fillRect(0, 0, t, n), e.fillStyle = Ut;
+		for (let r = 0; r < n; r += Bt) for (let n = r / Bt % 2 == 0 ? Bt : 0; n < t; n += Bt * 2) e.fillRect(n, r, Bt, Bt);
 	}
 	updateBackgroundGradientTexture() {
 		let e = this.backgroundGradientTexture?.image instanceof HTMLCanvasElement ? this.backgroundGradientTexture.image : document.createElement("canvas");
 		e.width = 512, e.height = 512;
 		let t = e.getContext("2d");
 		if (!t) return new u.Color(this.settings.backgroundColor);
-		let n = t.createImageData(512, 512), r = new u.Color(this.settings.backgroundGradientColorA), i = new u.Color(this.settings.backgroundGradientColorB), a = new u.Color(), o = cn(this.settings.backgroundGradientMidpoint), s = 511 * .5, c = Math.max(1e-4, Math.hypot(s, s));
+		let n = t.createImageData(512, 512), r = new u.Color(this.settings.backgroundGradientColorA), i = new u.Color(this.settings.backgroundGradientColorB), a = new u.Color(), o = ln(this.settings.backgroundGradientMidpoint), s = 511 * .5, c = Math.max(1e-4, Math.hypot(s, s));
 		for (let e = 0; e < 512; e += 1) for (let t = 0; t < 512; t += 1) {
-			let l = this.getBackgroundGradientProgress(t, e, 512, s, c), u = pt(this.remapGradientProgressWithMidpoint(l, o), this.settings.backgroundGradientEasing, this.settings.backgroundGradientCustomBezier);
+			let l = this.getBackgroundGradientProgress(t, e, 512, s, c), u = mt(this.remapGradientProgressWithMidpoint(l, o), this.settings.backgroundGradientEasing, this.settings.backgroundGradientCustomBezier);
 			a.copy(r).lerp(i, u);
 			let d = (e * 512 + t) * 4;
 			n.data[d] = Math.round(a.r * 255), n.data[d + 1] = Math.round(a.g * 255), n.data[d + 2] = Math.round(a.b * 255), n.data[d + 3] = 255;
@@ -3335,7 +3335,7 @@ ${t.materialTexture ? "vec4 speMaterialTextureColor = getSpeMaterialTextureColor
 		}), this.imageSetTextures = [];
 	}
 	createGeometry() {
-		return this.settings.instanceShape === "text" && (!this.textGeometryRuntime || !this.textFonts) && this.scheduleTextRuntimeLoad(), this.settings.instanceShape === "image" && this.imageTexture ? this.createImageGeometryForTexture(this.imageTexture) : this.settings.instanceShape === "image" && !this.imageTexture || this.settings.instanceShape === "svg" && !this.customSvgGeometry ? this.createImagePlaceholderGeometry() : Mt({
+		return this.settings.instanceShape === "text" && (!this.textGeometryRuntime || !this.textFonts) && this.scheduleTextRuntimeLoad(), this.settings.instanceShape === "image" && this.imageTexture ? this.createImageGeometryForTexture(this.imageTexture) : this.settings.instanceShape === "image" && !this.imageTexture || this.settings.instanceShape === "svg" && !this.customSvgGeometry ? this.createImagePlaceholderGeometry() : Nt({
 			settings: this.settings,
 			customObjGeometry: this.customObjGeometry,
 			customSvgGeometry: this.customSvgGeometry,
@@ -3411,21 +3411,21 @@ ${t.materialTexture ? "vec4 speMaterialTextureColor = getSpeMaterialTextureColor
 		return this.materialTexture ?? this.getCheckerTexture();
 	}
 	getMaterialTextureRepeat(e) {
-		return this.materialTexture ? Math.max(.001, e) : Bt;
+		return this.materialTexture ? Math.max(.001, e) : Vt;
 	}
 	getCheckerTexture() {
 		if (this.checkerTexture) return this.checkerTexture;
 		let e = document.createElement("canvas");
-		e.width = Q * 2, e.height = Q * 2;
+		e.width = Z * 2, e.height = Z * 2;
 		let t = e.getContext("2d");
-		return t && (t.fillStyle = Vt, t.fillRect(0, 0, e.width, e.height), t.fillStyle = Ht, t.fillRect(Q, 0, Q, Q), t.fillRect(0, Q, Q, Q)), this.checkerTexture = new u.CanvasTexture(e), this.checkerTexture.colorSpace = u.SRGBColorSpace, this.checkerTexture.wrapS = u.RepeatWrapping, this.checkerTexture.wrapT = u.RepeatWrapping, this.checkerTexture.magFilter = u.NearestFilter, this.checkerTexture.minFilter = u.NearestFilter, this.checkerTexture.repeat.set(Bt, Bt), this.checkerTexture.needsUpdate = !0, this.checkerTexture;
+		return t && (t.fillStyle = Ht, t.fillRect(0, 0, e.width, e.height), t.fillStyle = Ut, t.fillRect(Z, 0, Z, Z), t.fillRect(0, Z, Z, Z)), this.checkerTexture = new u.CanvasTexture(e), this.checkerTexture.colorSpace = u.SRGBColorSpace, this.checkerTexture.wrapS = u.RepeatWrapping, this.checkerTexture.wrapT = u.RepeatWrapping, this.checkerTexture.magFilter = u.NearestFilter, this.checkerTexture.minFilter = u.NearestFilter, this.checkerTexture.repeat.set(Vt, Vt), this.checkerTexture.needsUpdate = !0, this.checkerTexture;
 	}
 	getTextureAspectRatio(e) {
-		let t = e.image, n = t?.width ?? $.imageAspectRatio, r = t?.height ?? 1;
-		return r > 0 ? Math.max(.01, n / r) : $.imageAspectRatio;
+		let t = e.image, n = t?.width ?? Q.imageAspectRatio, r = t?.height ?? 1;
+		return r > 0 ? Math.max(.01, n / r) : Q.imageAspectRatio;
 	}
 	createImageGeometryForTexture(e) {
-		let { scaleX: t, scaleZ: n } = this.getInstanceDimensions(), r = this.settings.imagePreserveAspectRatio ? n * this.getTextureAspectRatio(e) : t, i = Math.min(.5, Math.max(0, this.settings.imageCornerRadius)), a = i > 0 ? pn(r, n, Math.min(r, n) * i) : new u.PlaneGeometry(r, n);
+		let { scaleX: t, scaleZ: n } = this.getInstanceDimensions(), r = this.settings.imagePreserveAspectRatio ? n * this.getTextureAspectRatio(e) : t, i = Math.min(.5, Math.max(0, this.settings.imageCornerRadius)), a = i > 0 ? mn(r, n, Math.min(r, n) * i) : new u.PlaneGeometry(r, n);
 		return a.rotateX(-Math.PI / 2), a;
 	}
 	createImagePlaceholderGeometry() {
@@ -3588,7 +3588,7 @@ ${t.materialTexture ? "vec4 speMaterialTextureColor = getSpeMaterialTextureColor
 		}
 	}
 	getOrthographicFrustumSize() {
-		return Kt * (Gt / L(this.settings.orthoScale, $.orthoScale, F.camera.orthographicFrustumScale));
+		return qt * (Kt / L(this.settings.orthoScale, Q.orthoScale, F.camera.orthographicFrustumScale));
 	}
 	createCamera() {
 		let { width: e, height: t } = this.getContainerSize(), n = e / t;
@@ -3668,7 +3668,7 @@ ${t.materialTexture ? "vec4 speMaterialTextureColor = getSpeMaterialTextureColor
 	getSpinStaggerFactor(e, t) {
 		let n = this.settings.instanceSpinStagger;
 		if (n === 0) return 1;
-		let r = fn(this.settings.distributionMode) ? e.spinProgress : this.getLayoutProgress(e, t);
+		let r = pn(this.settings.distributionMode) ? e.spinProgress : this.getLayoutProgress(e, t);
 		if (this.settings.instanceSpinStaggerMode === "alternating") {
 			let t = e.gridX % 2 == 0 ? 1 : -1;
 			return Math.max(-4, 1 + t * n * r);
@@ -3678,7 +3678,7 @@ ${t.materialTexture ? "vec4 speMaterialTextureColor = getSpeMaterialTextureColor
 	getSpinPhaseOffset(e, t) {
 		let n = this.settings.instanceSpinPhaseStagger;
 		if (n === 0) return 0;
-		let r = fn(this.settings.distributionMode) ? e.spinProgress : this.getLayoutProgress(e, t);
+		let r = pn(this.settings.distributionMode) ? e.spinProgress : this.getLayoutProgress(e, t);
 		return this.settings.instanceSpinStaggerMode === "alternating" ? (e.gridX % 2 == 0 ? 1 : -1) * n * r : n * r;
 	}
 	getLayoutProgress(e, t) {
@@ -3723,7 +3723,7 @@ ${t.materialTexture ? "vec4 speMaterialTextureColor = getSpeMaterialTextureColor
 		this.clearInstanceColorsForImageSurfaces(), this.ensureInstanceOpacityAttribute(this.mesh), this.ensureInstanceOpacityAttribute(this.outlineMesh), this.imageSetMeshes.forEach((e) => this.ensureInstanceOpacityAttribute(e));
 		let ae = this.createSurfaceWriteState(), oe = this.getLayoutBounds(this.layouts), E = this.getBuildTransform(this.getBuildProgress(e));
 		this.layouts.forEach((r, u) => {
-			let d = bt({
+			let d = xt({
 				layout: r,
 				settings: T,
 				pathTravelProgress: t,
@@ -3731,8 +3731,8 @@ ${t.materialTexture ? "vec4 speMaterialTextureColor = getSpeMaterialTextureColor
 			}), f = (d.gridX + d.gridZ) % 2 == 0 ? 1 : -1, p = d.distance;
 			S === "linear-wave" && (p = d.x + d.z), S === "checker-wave" && (p = d.distance * f), S === "ring-wave" && (p = d.ringIndex);
 			let m = (d.distance + d.ringIndex) * b, C = e * _ - m, w = Math.sin(p * g - C);
-			w = mt(w, v, y), S === "cross-field" && (w = mt(Math.sin(d.x * g - C) * Math.sin(d.z * g + C), v, y));
-			let te = Math.abs(_) <= Z ? 0 : w * h;
+			w = ht(w, v, y), S === "cross-field" && (w = ht(Math.sin(d.x * g - C) * Math.sin(d.z * g + C), v, y));
+			let te = Math.abs(_) <= X ? 0 : w * h;
 			this.dummy.position.set(d.x * E.sceneScale, (re + d.y + te) * E.sceneScale + E.offsetY, d.z * E.sceneScale);
 			let D = this.getInstanceScale(d, x, ee) * E.scale * E.sceneScale;
 			this.dummy.scale.set(D, D, D);
@@ -3740,8 +3740,8 @@ ${t.materialTexture ? "vec4 speMaterialTextureColor = getSpeMaterialTextureColor
 			this.manualQuatScratch.setFromEuler(this.orientationEulerScratch.set(i + E.rotationX, a + E.rotationY, o + E.rotationZ)), this.spinQuatScratch.setFromEuler(this.orientationEulerScratch.set(e * s * se + (Math.abs(s) > 1e-4 ? ce : 0), e * c * se + (Math.abs(c) > 1e-4 ? ce : 0), e * l * se + (Math.abs(l) > 1e-4 ? ce : 0))), this.dummy.quaternion.copy(O).multiply(this.manualQuatScratch).multiply(this.spinQuatScratch), this.dummy.updateMatrix();
 			let k = this.getInstanceOpacity(u, d) * E.opacity, A = this.setSurfaceMatrixAt(u, this.dummy.matrix, ae);
 			this.setInstanceOpacityAt(A.mesh, A.index, k), this.setInstanceColorAt(A.mesh, A.index, this.getInstanceColor(d, oe)), this.dummy.scale.setScalar(D * ne), this.dummy.updateMatrix();
-			let le = this.edgeLines[u];
-			le && (le.matrix.copy(this.dummy.matrix), le.matrixWorldNeedsUpdate = !0, this.setEdgeLineOpacity(le, k)), this.dummy.scale.setScalar(D * (1 + this.settings.outlineThickness)), this.dummy.updateMatrix(), this.outlineMesh.setMatrixAt(u, this.dummy.matrix), this.setInstanceOpacityAt(this.outlineMesh, u, k);
+			let j = this.edgeLines[u];
+			j && (j.matrix.copy(this.dummy.matrix), j.matrixWorldNeedsUpdate = !0, this.setEdgeLineOpacity(j, k)), this.dummy.scale.setScalar(D * (1 + this.settings.outlineThickness)), this.dummy.updateMatrix(), this.outlineMesh.setMatrixAt(u, this.dummy.matrix), this.setInstanceOpacityAt(this.outlineMesh, u, k);
 		}), this.finishSurfaceWrites(ae), this.outlineMesh.instanceMatrix.needsUpdate = !0, this.renderScene(r);
 	}
 	getInstanceScale(e, t, n) {
@@ -3796,116 +3796,116 @@ ${t.materialTexture ? "vec4 speMaterialTextureColor = getSpeMaterialTextureColor
 		let { width: e, height: t } = this.getContainerSize();
 		this.applyRendererPixelRatio(), this.renderer.setSize(e, t), this.invalidateBackgroundImageDisplayTexture(), this.invalidateTransparentBackgroundPreviewTexture(), this.updateSceneBackground(), this.updateEdgeResolution(e, t), this.renderIdleFrame();
 	};
-}, xn = 8, Sn = "300px", Cn = /* @__PURE__ */ new Set(), wn = /* @__PURE__ */ new WeakMap(), Tn = /* @__PURE__ */ new WeakSet(), En = /* @__PURE__ */ new Map(), Dn = null, On = xn, kn = 0, An = !1, jn = !1, Mn = () => typeof IntersectionObserver < "u", Nn = () => typeof document > "u" || document.visibilityState !== "hidden", Pn = () => {
+}, Sn = 8, Cn = "300px", wn = /* @__PURE__ */ new Set(), Tn = /* @__PURE__ */ new WeakMap(), En = /* @__PURE__ */ new WeakSet(), Dn = /* @__PURE__ */ new Map(), On = null, kn = Sn, An = 0, jn = !1, Mn = !1, Nn = () => typeof IntersectionObserver < "u", Pn = () => typeof document > "u" || document.visibilityState !== "hidden", Fn = () => {
 	let e = 0;
-	for (let t of Cn) t.isMounted() && (e += 1);
+	for (let t of wn) t.isMounted() && (e += 1);
 	return e;
-}, Fn = (e) => {
+}, In = (e) => {
 	let t = null;
-	for (let n of Cn) n === e || !n.isMounted() || !n.evictable || n.visible || (!t || n.lastUsed < t.lastUsed) && (t = n);
+	for (let n of wn) n === e || !n.isMounted() || !n.evictable || n.visible || (!t || n.lastUsed < t.lastUsed) && (t = n);
 	return t;
-}, In = () => {
-	An || (An = !0, console.warn(`Sinth: more than ${On} embeds are on screen at once, so the WebGL context budget cannot be honoured. The browser may drop the oldest context. Show fewer patterns at a time, or raise \`maxLiveContexts\` if the page can afford it.`));
-}, Ln = (e) => {
-	for (; Pn() >= On;) {
-		let t = Fn(e);
+}, Ln = () => {
+	jn || (jn = !0, console.warn(`Sinth: more than ${kn} embeds are on screen at once, so the WebGL context budget cannot be honoured. The browser may drop the oldest context. Show fewer patterns at a time, or raise \`maxLiveContexts\` if the page can afford it.`));
+}, Rn = (e) => {
+	for (; Fn() >= kn;) {
+		let t = In(e);
 		if (!t) {
-			In();
+			Ln();
 			return;
 		}
 		t.unmount();
 	}
-}, Rn = (e) => {
-	kn += 1, e.lastUsed = kn, !e.isMounted() && (Ln(e), e.mount());
-}, zn = (e, t) => {
+}, zn = (e) => {
+	An += 1, e.lastUsed = An, !e.isMounted() && (Rn(e), e.mount());
+}, Bn = (e, t) => {
 	if (e.visible = t, !t) {
 		e.suspend();
 		return;
 	}
-	Rn(e), Nn() && e.resume();
-}, Bn = () => {
-	let e = Nn();
-	for (let t of Cn) t.isMounted() && (e ? t.visible && t.resume() : t.suspend());
+	zn(e), Pn() && e.resume();
 }, Vn = () => {
-	jn || typeof document > "u" || (jn = !0, document.addEventListener("visibilitychange", Bn));
-}, Hn = (e) => {
-	let t = En.get(e);
+	let e = Pn();
+	for (let t of wn) t.isMounted() && (e ? t.visible && t.resume() : t.suspend());
+}, Hn = () => {
+	Mn || typeof document > "u" || (Mn = !0, document.addEventListener("visibilitychange", Vn));
+}, Un = (e) => {
+	let t = Dn.get(e);
 	return t || (t = new IntersectionObserver((e) => {
 		for (let t of e) {
-			let e = wn.get(t.target);
-			if (e) for (let n of e) zn(n, t.isIntersecting);
+			let e = Tn.get(t.target);
+			if (e) for (let n of e) Bn(n, t.isIntersecting);
 		}
-	}, { rootMargin: e }), En.set(e, t)), t;
-}, Un = (e) => {
-	if (Tn.has(e)) return;
-	Tn.add(e);
+	}, { rootMargin: e }), Dn.set(e, t)), t;
+}, Wn = (e) => {
+	if (En.has(e)) return;
+	En.add(e);
 	let t = e.id ? `id="${e.id}"` : e.className ? `class="${e.className}"` : "the same element";
 	console.warn(`Sinth: more than one embed is pointed at ${t}, so they render on top of one another and only the topmost is visible. Each embed needs its own container. This is usually older embed code that looks the container up by name — re-copy the block from the editor (Embed → Copy embed code) and paste it again. The current code finds the container next to its own <script> tag, so it is safe to paste any number of times.`);
 };
-function Wn(e, t) {
+function Gn(e, t) {
 	if (typeof t.maxLiveContexts == "number" && Number.isFinite(t.maxLiveContexts)) {
 		let e = Math.max(1, Math.floor(t.maxLiveContexts));
-		Dn = Dn === null ? e : Math.min(Dn, e), On = Dn;
+		On = On === null ? e : Math.min(On, e), kn = On;
 	}
-	let n = Mn(), r = t.lazy && n, i = {
+	let n = Nn(), r = t.lazy && n, i = {
 		...e,
 		evictable: r,
 		visible: !r,
 		lastUsed: 0,
 		rootMargin: t.rootMargin
 	};
-	if (Cn.add(i), Vn(), n) {
-		let t = wn.get(e.container);
-		t ? t.size > 0 && Un(e.container) : (t = /* @__PURE__ */ new Set(), wn.set(e.container, t)), t.add(i), Hn(i.rootMargin).observe(e.container);
+	if (wn.add(i), Hn(), n) {
+		let t = Tn.get(e.container);
+		t ? t.size > 0 && Wn(e.container) : (t = /* @__PURE__ */ new Set(), Tn.set(e.container, t)), t.add(i), Un(i.rootMargin).observe(e.container);
 	}
-	return r || (Rn(i), Nn() && i.resume()), {
+	return r || (zn(i), Pn() && i.resume()), {
 		claim: () => {
-			Rn(i);
+			zn(i);
 		},
 		release: () => {
-			if (Cn.delete(i), !n) return;
-			let t = wn.get(e.container);
-			t?.delete(i), (!t || t.size === 0) && (Hn(i.rootMargin).unobserve(e.container), wn.delete(e.container));
+			if (wn.delete(i), !n) return;
+			let t = Tn.get(e.container);
+			t?.delete(i), (!t || t.size === 0) && (Un(i.rootMargin).unobserve(e.container), Tn.delete(e.container));
 		}
 	};
 }
 //#endregion
 //#region src/embed/resolveContainer.ts
-var Gn = "sinth", Kn = `.${Gn}`, qn = /* @__PURE__ */ new WeakSet(), Jn = (e) => {
-	qn.add(e);
-}, Yn = (e) => qn.has(e), Xn = (e) => e instanceof HTMLElement && e.matches(Kn) && !qn.has(e), Zn = (e) => {
+var Kn = "sinth", qn = `.${Kn}`, Jn = /* @__PURE__ */ new WeakSet(), Yn = (e) => {
+	Jn.add(e);
+}, Xn = (e) => Jn.has(e), Zn = (e) => e instanceof HTMLElement && e.matches(qn) && !Jn.has(e), Qn = (e) => {
 	if (!e) return null;
-	for (let t of e.querySelectorAll(Kn)) if (Xn(t)) return t;
+	for (let t of e.querySelectorAll(qn)) if (Zn(t)) return t;
 	return null;
 };
-function Qn(e) {
-	if (Xn(e ?? null)) return e;
+function $n(e) {
+	if (Zn(e ?? null)) return e;
 	if (e) {
-		for (let t = e.previousElementSibling; t; t = t.previousElementSibling) if (Xn(t)) return t;
-		let t = Zn(e.parentElement);
+		for (let t = e.previousElementSibling; t; t = t.previousElementSibling) if (Zn(t)) return t;
+		let t = Qn(e.parentElement);
 		if (t) return t;
 	}
-	let t = Zn(typeof document > "u" ? null : document);
+	let t = Qn(typeof document > "u" ? null : document);
 	if (t) return t;
-	throw Error(`Sinth: no free container found for this embed. Every block needs its own element with class "${Gn}" — the copied embed code brings one with it, so this usually means the <div> was deleted, or its class was renamed, or another embed has already taken it.`);
+	throw Error(`Sinth: no free container found for this embed. Every block needs its own element with class "${Kn}" — the copied embed code brings one with it, so this usually means the <div> was deleted, or its class was renamed, or another embed has already taken it.`);
 }
 //#endregion
 //#region src/embed/createSinthEmbed.ts
-var $n = 1e3, er = async (e) => {
+var er = 1e3, tr = async (e) => {
 	e.rebuildGeometry(), e.updateMaterial(), e.updateColors(), e.updateLights(), e.updateCamera(), e.updatePattern();
 };
-function tr({ container: e, preset: t, autoStart: n = !0, lazy: r = !0, rootMargin: i = Sn, maxLiveContexts: a }) {
+function nr({ container: e, preset: t, autoStart: n = !0, lazy: r = !0, rootMargin: i = Cn, maxLiveContexts: a }) {
 	let o = null, s = t, c = n, l = !1, u = !1, d = !1, f = null, p = !1, m = null, h = () => {
 		let t = e.getBoundingClientRect();
 		return t.width > 0 && t.height > 0;
 	};
-	Jn(e);
+	Yn(e);
 	let g = () => {
-		let t = new bn(e, {
+		let t = new xn(e, {
 			config: s,
 			autoStart: c && !u
 		});
-		o = t, s && er(t).catch((e) => {
+		o = t, s && tr(t).catch((e) => {
 			console.error("Unable to initialise the Sinth embed.", e);
 		});
 	}, _ = () => {
@@ -3914,7 +3914,7 @@ function tr({ container: e, preset: t, autoStart: n = !0, lazy: r = !0, rootMarg
 			p = !0;
 			let t = e.getBoundingClientRect().height === 0 ? "height" : "width";
 			console.warn(`Sinth: this container has no ${t}, so there is nothing to render into and the embed is waiting. Sinth fills the box it is given — if the container is sized \`${t}: 100%\`, give its parent a ${t} (or set a ${t} on the container itself). It will start on its own the moment the container has one.`, e);
-		}, $n));
+		}, er));
 	}, v = () => {
 		if (d = !0, _(), !f) {
 			if (typeof ResizeObserver > "u") {
@@ -3941,7 +3941,7 @@ function tr({ container: e, preset: t, autoStart: n = !0, lazy: r = !0, rootMarg
 		}
 	}, b = () => {
 		d = !1, o &&= (o.dispose(), null);
-	}, x = Wn({
+	}, x = Gn({
 		container: e,
 		mount: y,
 		unmount: b,
@@ -3962,7 +3962,7 @@ function tr({ container: e, preset: t, autoStart: n = !0, lazy: r = !0, rootMarg
 			return o;
 		},
 		updatePreset: (e) => {
-			s = e, o && (o.setConfig(e), er(o).catch((e) => {
+			s = e, o && (o.setConfig(e), tr(o).catch((e) => {
 				console.error("Unable to update the Sinth embed preset.", e);
 			}));
 		},
@@ -3977,76 +3977,101 @@ function tr({ container: e, preset: t, autoStart: n = !0, lazy: r = !0, rootMarg
 		}
 	};
 }
+var rr = (e) => e.startsWith("s1:"), ir = (e) => {
+	try {
+		return e(), !0;
+	} catch {
+		return !1;
+	}
+}, ar, or = () => ar ??= typeof DecompressionStream < "u" && ir(() => new DecompressionStream("deflate-raw")), sr = (e) => {
+	let t = atob(e), n = new Uint8Array(t.length);
+	for (let e = 0; e < t.length; e += 1) n[e] = t.charCodeAt(e);
+	return n;
+}, cr = async (e, t) => {
+	let n = new Blob([e]).stream().pipeThrough(t);
+	return new Uint8Array(await new Response(n).arrayBuffer());
+};
+async function lr(e) {
+	let t = await cr(sr(e.slice(3)), new DecompressionStream("deflate-raw"));
+	return new TextDecoder().decode(t);
+}
 //#endregion
 //#region src/embed/autoMount.ts
-var nr = `.${Gn}, [data-sinth-preset]`, rr = ":scope > script[type=\"application/json\"]", ir = /* @__PURE__ */ new WeakSet(), ar = !1, or = (e, t) => {
+var ur = `.${Kn}, [data-sinth-preset]`, dr = ":scope > script[type=\"application/json\"]", $ = /* @__PURE__ */ new WeakSet(), fr = !1, pr = (e, t) => {
 	try {
 		return JSON.parse(e);
 	} catch (e) {
 		return console.error("Sinth: this embed’s preset is not valid JSON, so it was skipped.", t, e), null;
 	}
-}, sr = (e) => {
+}, mr = (e) => {
 	if (e === null || e.trim() === "") return;
 	let t = Number(e);
 	return Number.isFinite(t) ? t : void 0;
-}, cr = (e) => {
+}, hr = (e) => {
 	let t = {};
 	e.dataset.sinthLazy === "false" && (t.lazy = !1), e.dataset.sinthAutostart === "false" && (t.autoStart = !1), e.dataset.sinthRootMargin && (t.rootMargin = e.dataset.sinthRootMargin);
-	let n = sr(e.dataset.sinthMaxContexts ?? null);
+	let n = mr(e.dataset.sinthMaxContexts ?? null);
 	return n !== void 0 && (t.maxLiveContexts = n), t;
-}, lr = (e, t) => {
-	if (Yn(e)) return null;
+}, gr = (e, t) => {
+	if (Xn(e)) return null;
 	try {
-		return tr({
+		return nr({
 			container: e,
 			preset: t,
-			...cr(e)
+			...hr(e)
 		});
 	} catch (t) {
 		return console.error("Sinth: this embed could not be created.", e, t), null;
 	}
-}, ur = (e) => {
-	if (Yn(e) || ir.has(e)) return null;
-	let t = e.querySelector(rr);
+}, _r = (e) => {
+	if (Xn(e) || $.has(e)) return null;
+	let t = e.querySelector(dr);
 	if (t) {
-		let n = or(t.textContent ?? "", e);
-		return n ? lr(e, n) : null;
+		let n = pr(t.textContent ?? "", e);
+		return n ? gr(e, n) : null;
 	}
 	let n = e.dataset.sinthPreset?.trim();
 	if (!n) return null;
+	if (rr(n)) return or() ? ($.add(e), lr(n).then((t) => {
+		$.delete(e);
+		let n = pr(t, e);
+		n && gr(e, n);
+	}).catch((t) => {
+		$.delete(e), console.error("Sinth: this embed’s preset could not be expanded, so it was skipped.", e, t);
+	}), null) : (console.error("Sinth: this browser cannot expand a compact preset (DecompressionStream with \"deflate-raw\"), so this embed was skipped.", e), null);
 	if (n.startsWith("{")) {
-		let t = or(n, e);
-		return t ? lr(e, t) : null;
+		let t = pr(n, e);
+		return t ? gr(e, t) : null;
 	}
-	return ir.add(e), fetch(n, { credentials: "omit" }).then((e) => {
+	return $.add(e), fetch(n, { credentials: "omit" }).then((e) => {
 		if (!e.ok) throw Error(`${e.status} ${e.statusText}`);
 		return e.json();
 	}).then((t) => {
-		ir.delete(e), lr(e, t);
+		$.delete(e), gr(e, t);
 	}).catch((t) => {
-		ir.delete(e), console.error(`Sinth: could not load the preset at "${n}".`, e, t);
+		$.delete(e), console.error(`Sinth: could not load the preset at "${n}".`, e, t);
 	}), null;
 };
-function dr(e = document) {
+function vr(e = document) {
 	let t = [];
-	for (let n of e.querySelectorAll(nr)) {
-		let e = ur(n);
+	for (let n of e.querySelectorAll(ur)) {
+		let e = _r(n);
 		e && t.push(e);
 	}
 	return t;
 }
-var fr = (e) => e instanceof Element ? e.matches(nr) || e.querySelector(nr) !== null : !1;
-function pr() {
-	if (ar || typeof document > "u" || window.SINTH_AUTO_MOUNT === !1) return;
-	ar = !0;
+var yr = (e) => e instanceof Element ? e.matches(ur) || e.querySelector(ur) !== null : !1;
+function br() {
+	if (fr || typeof document > "u" || window.SINTH_AUTO_MOUNT === !1) return;
+	fr = !0;
 	let e = () => {
-		if (dr(document), typeof MutationObserver > "u") return;
+		if (vr(document), typeof MutationObserver > "u") return;
 		let e = !1;
 		new MutationObserver((t) => {
 			if (!e) {
-				for (let n of t) for (let t of n.addedNodes) if (fr(t)) {
+				for (let n of t) for (let t of n.addedNodes) if (yr(t)) {
 					e = !0, requestAnimationFrame(() => {
-						e = !1, dr(document);
+						e = !1, vr(document);
 					});
 					return;
 				}
@@ -4064,6 +4089,6 @@ function pr() {
 }
 //#endregion
 //#region src/version.ts
-var mr = "1.0.2", hr = "v50", gr = `${mr} · v50`;
+var xr = "1.0.4", Sr = "v53", Cr = `${xr} · v53`;
 //#endregion
-export { Gn as SINTH_CONTAINER_CLASS, hr as SNAPSHOT, mr as VERSION, gr as VERSION_LABEL, tr as createSinthEmbed, n as fontBaseUrl, dr as mountAll, yn as normalizeSinthConfig, Qn as resolveContainer, l as setFontBaseUrl, pr as startAutoMount };
+export { Kn as SINTH_CONTAINER_CLASS, Sr as SNAPSHOT, xr as VERSION, Cr as VERSION_LABEL, nr as createSinthEmbed, n as fontBaseUrl, vr as mountAll, bn as normalizeSinthConfig, $n as resolveContainer, l as setFontBaseUrl, br as startAutoMount };