layershift 0.2.1 → 0.2.2

package/dist/npm/layershift.es.js

@@ -15,27 +15,27 @@ class st {
    * and should not be accessed.
    */
   static async create(t, e, i) {
-    const r = new Worker(
+    const o = new Worker(
       new URL(
         /* @vite-ignore */
         "/assets/depth-worker-CMcEa805.js",
         import.meta.url
       ),
       { type: "module" }
-    ), o = e * i, s = new st(r, o), a = t.frames.map((h) => {
-      const l = new Uint8Array(h.length);
-      return l.set(h), l.buffer;
+    ), n = e * i, s = new st(o, n), h = t.frames.map((a) => {
+      const l = new Uint8Array(a.length);
+      return l.set(a), l.buffer;
     });
-    return await new Promise((h, l) => {
+    return await new Promise((a, l) => {
       const u = setTimeout(() => l(new Error("Worker init timeout")), 1e4);
-      r.onmessage = (f) => {
-        f.data.type === "ready" && (clearTimeout(u), h());
-      }, r.onerror = (f) => {
+      o.onmessage = (f) => {
+        f.data.type === "ready" && (clearTimeout(u), a());
+      }, o.onerror = (f) => {
         clearTimeout(u), l(f);
-      }, r.postMessage(
+      }, o.postMessage(
         {
           type: "init",
-          frames: a,
+          frames: h,
           meta: {
             frameCount: t.meta.frameCount,
             fps: t.meta.fps,
@@ -45,11 +45,11 @@ class st {
           targetWidth: e,
           targetHeight: i
         },
-        a
+        h
         // Transfer list
       );
-    }), r.onmessage = (h) => {
-      if (h.data.type === "result" && (s.currentBuffer = h.data.data, s.workerBusy = !1, s.pendingTimeSec !== null)) {
+    }), o.onmessage = (a) => {
+      if (a.data.type === "result" && (s.currentBuffer = a.data.data, s.workerBusy = !1, s.pendingTimeSec !== null)) {
         const l = s.pendingTimeSec;
         s.pendingTimeSec = null, s.requestSample(l);
       }
@@ -85,8 +85,8 @@ class st {
 class bt {
   constructor(t, e, i) {
     this.depthData = t, this.targetWidth = e, this.targetHeight = i;
-    const r = t.meta.width * t.meta.height, o = e * i;
-    this.interpolatedDepth = new Float32Array(r), this.bilateralOutput = new Float32Array(r), this.resizedDepth = new Float32Array(o), this.uint8Output = new Uint8Array(o);
+    const o = t.meta.width * t.meta.height, n = e * i;
+    this.interpolatedDepth = new Float32Array(o), this.bilateralOutput = new Float32Array(o), this.resizedDepth = new Float32Array(n), this.uint8Output = new Uint8Array(n);
   }
   interpolatedDepth;
   resizedDepth;
@@ -100,21 +100,21 @@ class bt {
   lastNextFrameIndex = -1;
   lastLerpFactor = -1;
   sample(t) {
-    const e = Z(t * this.depthData.meta.fps, 0, this.depthData.meta.frameCount - 1), i = Math.floor(e), r = Math.min(i + 1, this.depthData.meta.frameCount - 1), o = e - i, s = i !== this.lastFrameIndex || r !== this.lastNextFrameIndex, a = Math.abs(o - this.lastLerpFactor) > 1e-3;
-    if (!s && !a)
+    const e = Z(t * this.depthData.meta.fps, 0, this.depthData.meta.frameCount - 1), i = Math.floor(e), o = Math.min(i + 1, this.depthData.meta.frameCount - 1), n = e - i, s = i !== this.lastFrameIndex || o !== this.lastNextFrameIndex, h = Math.abs(n - this.lastLerpFactor) > 1e-3;
+    if (!s && !h)
       return this.uint8Output;
-    this.lastFrameIndex = i, this.lastNextFrameIndex = r, this.lastLerpFactor = o;
-    const h = 1 - o, l = this.depthData.frames[i], u = this.depthData.frames[r];
-    for (let d = 0; d < this.interpolatedDepth.length; d += 1)
-      this.interpolatedDepth[d] = (l[d] * h + u[d] * o) / 255;
-    Ot(
+    this.lastFrameIndex = i, this.lastNextFrameIndex = o, this.lastLerpFactor = n;
+    const a = 1 - n, l = this.depthData.frames[i], u = this.depthData.frames[o];
+    for (let g = 0; g < this.interpolatedDepth.length; g += 1)
+      this.interpolatedDepth[g] = (l[g] * a + u[g] * n) / 255;
+    kt(
       this.interpolatedDepth,
       this.depthData.meta.width,
       this.depthData.meta.height,
       this.bilateralOutput
     );
     const f = this.targetWidth !== this.depthData.meta.width || this.targetHeight !== this.depthData.meta.height;
-    f && Vt(
+    f && Ot(
       this.bilateralOutput,
       this.depthData.meta.width,
       this.depthData.meta.height,
@@ -123,24 +123,24 @@ class bt {
       this.resizedDepth
     );
     const c = f ? this.resizedDepth : this.bilateralOutput;
-    for (let d = 0; d < this.uint8Output.length; d += 1)
-      this.uint8Output[d] = c[d] * 255 + 0.5 | 0;
+    for (let g = 0; g < this.uint8Output.length; g += 1)
+      this.uint8Output[g] = c[g] * 255 + 0.5 | 0;
     return this.uint8Output;
   }
 }
-async function At(n, t, e) {
-  const [i, r] = await Promise.all([
-    Ct(t),
-    Mt(n)
+async function yt(r, t, e) {
+  const [i, o] = await Promise.all([
+    Mt(t),
+    _t(r)
   ]);
-  return _t(r, i);
+  return It(o, i);
 }
-async function Ct(n) {
-  const t = await fetch(n);
+async function Mt(r) {
+  const t = await fetch(r);
   if (!t.ok)
     throw new Error(`Failed to fetch depth metadata (${t.status} ${t.statusText}).`);
   const e = await t.json();
-  return It(e), {
+  return Vt(e), {
     frameCount: e.frameCount,
     fps: e.fps,
     width: e.width,
@@ -148,87 +148,87 @@ async function Ct(n) {
     sourceFps: e.sourceFps
   };
 }
-async function Mt(n, t) {
-  const e = await fetch(n);
+async function _t(r, t) {
+  const e = await fetch(r);
   if (!e.ok)
     throw new Error(`Failed to fetch depth data (${e.status} ${e.statusText}).`);
   e.headers.get("content-length");
   const i = e.body;
   if (!i)
     return new Uint8Array(await e.arrayBuffer());
-  const r = [];
-  let o = 0;
+  const o = [];
+  let n = 0;
   const s = i.getReader();
   for (; ; ) {
     const { done: l, value: u } = await s.read();
     if (l)
       break;
-    u && (r.push(u), o += u.byteLength);
+    u && (o.push(u), n += u.byteLength);
   }
-  const a = new Uint8Array(o);
-  let h = 0;
-  for (const l of r)
-    a.set(l, h), h += l.byteLength;
-  return a;
+  const h = new Uint8Array(n);
+  let a = 0;
+  for (const l of o)
+    h.set(l, a), a += l.byteLength;
+  return h;
 }
-function _t(n, t) {
-  if (n.byteLength < 4)
+function It(r, t) {
+  if (r.byteLength < 4)
     throw new Error("Depth data binary is missing the frame-count header.");
-  const i = new DataView(n.buffer, n.byteOffset, n.byteLength).getUint32(0, !0), r = t.width * t.height, o = 4 + i * r;
-  if (n.byteLength !== o)
+  const i = new DataView(r.buffer, r.byteOffset, r.byteLength).getUint32(0, !0), o = t.width * t.height, n = 4 + i * o;
+  if (r.byteLength !== n)
     throw new Error(
-      `Depth data byte length mismatch. Expected ${o} bytes, received ${n.byteLength}.`
+      `Depth data byte length mismatch. Expected ${n} bytes, received ${r.byteLength}.`
     );
   if (i !== t.frameCount)
     throw new Error(
       `Depth frame count mismatch between metadata (${t.frameCount}) and binary header (${i}).`
     );
-  const s = n.subarray(4), a = new Array(i);
-  for (let h = 0; h < i; h += 1) {
-    const l = h * r;
-    a[h] = s.subarray(l, l + r);
+  const s = r.subarray(4), h = new Array(i);
+  for (let a = 0; a < i; a += 1) {
+    const l = a * o;
+    h[a] = s.subarray(l, l + o);
   }
-  return { meta: t, frames: a };
+  return { meta: t, frames: h };
 }
-function It(n) {
-  if (!n || typeof n.frameCount != "number" || typeof n.fps != "number" || typeof n.width != "number" || typeof n.height != "number" || typeof n.sourceFps != "number")
+function Vt(r) {
+  if (!r || typeof r.frameCount != "number" || typeof r.fps != "number" || typeof r.width != "number" || typeof r.height != "number" || typeof r.sourceFps != "number")
     throw new Error("Depth metadata is malformed.");
-  if (!Number.isFinite(n.frameCount) || !Number.isFinite(n.fps) || !Number.isFinite(n.width) || !Number.isFinite(n.height) || !Number.isFinite(n.sourceFps) || n.frameCount <= 0 || n.fps <= 0 || n.width <= 0 || n.height <= 0 || n.sourceFps <= 0)
+  if (!Number.isFinite(r.frameCount) || !Number.isFinite(r.fps) || !Number.isFinite(r.width) || !Number.isFinite(r.height) || !Number.isFinite(r.sourceFps) || r.frameCount <= 0 || r.fps <= 0 || r.width <= 0 || r.height <= 0 || r.sourceFps <= 0)
     throw new Error("Depth metadata contains invalid numeric values.");
 }
-function Vt(n, t, e, i, r, o) {
-  const s = t / i, a = e / r;
-  for (let h = 0; h < r; h += 1) {
-    const l = (h + 0.5) * a - 0.5, u = Z(Math.floor(l), 0, e - 1), f = Z(u + 1, 0, e - 1), c = l - u;
-    for (let d = 0; d < i; d += 1) {
-      const m = (d + 0.5) * s - 0.5, g = Z(Math.floor(m), 0, t - 1), U = Z(g + 1, 0, t - 1), b = m - g, E = n[u * t + g], p = n[u * t + U], v = n[f * t + g], T = n[f * t + U], x = E + (p - E) * b, y = v + (T - v) * b;
-      o[h * i + d] = x + (y - x) * c;
+function Ot(r, t, e, i, o, n) {
+  const s = t / i, h = e / o;
+  for (let a = 0; a < o; a += 1) {
+    const l = (a + 0.5) * h - 0.5, u = Z(Math.floor(l), 0, e - 1), f = Z(u + 1, 0, e - 1), c = l - u;
+    for (let g = 0; g < i; g += 1) {
+      const d = (g + 0.5) * s - 0.5, m = Z(Math.floor(d), 0, t - 1), U = Z(m + 1, 0, t - 1), b = d - m, E = r[u * t + m], p = r[u * t + U], v = r[f * t + m], T = r[f * t + U], x = E + (p - E) * b, A = v + (T - v) * b;
+      n[a * i + g] = x + (A - x) * c;
     }
   }
 }
-function Ot(n, t, e, i) {
+function kt(r, t, e, i) {
   for (let s = 0; s < e; s += 1)
-    for (let a = 0; a < t; a += 1) {
-      const h = s * t + a, l = n[h];
+    for (let h = 0; h < t; h += 1) {
+      const a = s * t + h, l = r[a];
       let u = 1, f = l;
       for (let c = -2; c <= 2; c += 1) {
-        const d = s + c;
-        if (!(d < 0 || d >= e))
-          for (let m = -2; m <= 2; m += 1) {
-            if (m === 0 && c === 0) continue;
-            const g = a + m;
-            if (g < 0 || g >= t) continue;
-            const U = n[d * t + g], b = m * m + c * c, E = U - l, p = Math.exp(-b / 2.25 - E * E / 0.01);
+        const g = s + c;
+        if (!(g < 0 || g >= e))
+          for (let d = -2; d <= 2; d += 1) {
+            if (d === 0 && c === 0) continue;
+            const m = h + d;
+            if (m < 0 || m >= t) continue;
+            const U = r[g * t + m], b = d * d + c * c, E = U - l, p = Math.exp(-b / 2.25 - E * E / 0.01);
             u += p, f += U * p;
           }
       }
-      i[h] = f / u;
+      i[a] = f / u;
     }
 }
-function Z(n, t, e) {
-  return Math.min(e, Math.max(t, n));
+function Z(r, t, e) {
+  return Math.min(e, Math.max(t, r));
 }
-const kt = {
+const Bt = {
   parallaxStrength: 0.05,
   contrastLow: 0.05,
   contrastHigh: 0.95,
@@ -238,123 +238,123 @@ const kt = {
   pomSteps: 16,
   overscanPadding: 0.08
 };
-function Ht(n, t, e) {
+function Ht(r, t, e) {
   const i = new Float32Array(256);
-  if (n.length === 0 || t <= 0 || e <= 0)
+  if (r.length === 0 || t <= 0 || e <= 0)
     return pt(i);
-  const r = Xt(n.length), o = t * e;
+  const o = Nt(r.length), n = t * e;
   let s = 0;
-  const a = new Uint32Array(256);
-  for (const T of r) {
-    const x = n[T], y = Math.min(x.length, o);
-    for (let S = 0; S < y; S += 1)
-      a[x[S]] += 1;
-    s += y;
+  const h = new Uint32Array(256);
+  for (const T of o) {
+    const x = r[T], A = Math.min(x.length, n);
+    for (let S = 0; S < A; S += 1)
+      h[x[S]] += 1;
+    s += A;
   }
   if (s === 0)
     return pt(i);
-  const h = 1 / s;
+  const a = 1 / s;
   for (let T = 0; T < 256; T += 1)
-    i[T] = a[T] * h;
+    i[T] = h[T] * a;
   const l = new Float32Array(256);
   l[0] = i[0];
   for (let T = 1; T < 256; T += 1)
     l[T] = l[T - 1] + i[T];
-  const u = Y(l, 0.05), f = Y(l, 0.25), c = Y(l, 0.5), d = Y(l, 0.75), m = Y(l, 0.95);
-  let g = 0;
+  const u = Y(l, 0.05), f = Y(l, 0.25), c = Y(l, 0.5), g = Y(l, 0.75), d = Y(l, 0.95);
+  let m = 0;
   for (let T = 0; T < 256; T += 1)
-    g += T / 255 * i[T];
+    m += T / 255 * i[T];
   let U = 0;
   for (let T = 0; T < 256; T += 1) {
-    const x = T / 255 - g;
+    const x = T / 255 - m;
     U += i[T] * x * x;
   }
-  const b = Math.sqrt(U), E = m - u, p = d - f, v = Nt(i);
+  const b = Math.sqrt(U), E = d - u, p = g - f, v = zt(i);
   return {
-    mean: g,
+    mean: m,
     stdDev: b,
     p5: u,
     p25: f,
     median: c,
-    p75: d,
-    p95: m,
+    p75: g,
+    p95: d,
     effectiveRange: E,
     iqr: p,
     bimodality: v,
     histogram: i
   };
 }
-function Bt(n) {
-  if (n.effectiveRange < 0.05 || n.stdDev < 0.02)
-    return { ...kt };
-  const t = n.effectiveRange - 0.5, e = n.bimodality - 0.4, i = O(
+function Xt(r) {
+  if (r.effectiveRange < 0.05 || r.stdDev < 0.02)
+    return { ...Bt };
+  const t = r.effectiveRange - 0.5, e = r.bimodality - 0.4, i = O(
     0.05 - t * 0.03 + e * 0.01,
     0.035,
     0.065
-  ), r = O(n.p5 - 0.03, 0, 0.25), o = O(n.p95 + 0.03, 0.75, 1), s = O((i - 0.03) / 0.05, 0, 1), a = O(0.6 - s * 0.25, 0.35, 0.6), h = O(0.6 - t * 0.2, 0.5, 0.7), l = O(0.4 + t * 0.2, 0.25, 0.5), u = 16, f = O(i + 0.03, 0.06, 0.1);
+  ), o = O(r.p5 - 0.03, 0, 0.25), n = O(r.p95 + 0.03, 0.75, 1), s = O((i - 0.03) / 0.05, 0, 1), h = O(0.6 - s * 0.25, 0.35, 0.6), a = O(0.6 - t * 0.2, 0.5, 0.7), l = O(0.4 + t * 0.2, 0.25, 0.5), u = 16, f = O(i + 0.03, 0.06, 0.1);
   return {
     parallaxStrength: i,
-    contrastLow: r,
-    contrastHigh: o,
-    verticalReduction: a,
-    dofStart: h,
+    contrastLow: o,
+    contrastHigh: n,
+    verticalReduction: h,
+    dofStart: a,
     dofStrength: l,
     pomSteps: u,
     overscanPadding: f
   };
 }
-function Xt(n) {
-  if (n <= 0) return [];
-  if (n === 1) return [0];
-  const t = n - 1, e = [
+function Nt(r) {
+  if (r <= 0) return [];
+  if (r === 1) return [0];
+  const t = r - 1, e = [
     0,
-    Math.floor(n / 4),
-    Math.floor(n / 2),
-    Math.floor(3 * n / 4),
+    Math.floor(r / 4),
+    Math.floor(r / 2),
+    Math.floor(3 * r / 4),
     t
-  ], i = /* @__PURE__ */ new Set(), r = [];
-  for (const o of e)
-    i.has(o) || (i.add(o), r.push(o));
-  return r;
+  ], i = /* @__PURE__ */ new Set(), o = [];
+  for (const n of e)
+    i.has(n) || (i.add(n), o.push(n));
+  return o;
 }
-function Y(n, t) {
+function Y(r, t) {
   for (let e = 0; e < 256; e += 1)
-    if (n[e] >= t)
+    if (r[e] >= t)
       return e / 255;
   return 1;
 }
-function Nt(n) {
+function zt(r) {
   const t = new Float32Array(256);
   for (let c = 0; c < 256; c += 1) {
-    let d = 0, m = 0;
-    for (let g = c - 2; g <= c + 2; g += 1)
-      g >= 0 && g < 256 && (d += n[g], m += 1);
-    t[c] = d / m;
+    let g = 0, d = 0;
+    for (let m = c - 2; m <= c + 2; m += 1)
+      m >= 0 && m < 256 && (g += r[m], d += 1);
+    t[c] = g / d;
   }
   let e = 0;
   for (let c = 0; c < 256; c += 1)
     e += t[c];
   e /= 256;
-  const i = e * 2, r = 25, o = [];
+  const i = e * 2, o = 25, n = [];
   for (let c = 1; c < 255; c += 1)
-    t[c] > t[c - 1] && t[c] > t[c + 1] && t[c] >= i && o.push({ bin: c, height: t[c] });
-  if (t[0] > t[1] && t[0] >= i && o.push({ bin: 0, height: t[0] }), t[255] > t[254] && t[255] >= i && o.push({ bin: 255, height: t[255] }), o.sort((c, d) => d.height - c.height), o.length < 2) return 0;
-  const s = o[0];
-  let a = null;
-  for (let c = 1; c < o.length; c += 1)
-    if (Math.abs(o[c].bin - s.bin) >= r) {
-      a = o[c];
+    t[c] > t[c - 1] && t[c] > t[c + 1] && t[c] >= i && n.push({ bin: c, height: t[c] });
+  if (t[0] > t[1] && t[0] >= i && n.push({ bin: 0, height: t[0] }), t[255] > t[254] && t[255] >= i && n.push({ bin: 255, height: t[255] }), n.sort((c, g) => g.height - c.height), n.length < 2) return 0;
+  const s = n[0];
+  let h = null;
+  for (let c = 1; c < n.length; c += 1)
+    if (Math.abs(n[c].bin - s.bin) >= o) {
+      h = n[c];
       break;
     }
-  if (!a) return 0;
-  const h = Math.min(s.bin, a.bin), l = Math.max(s.bin, a.bin);
+  if (!h) return 0;
+  const a = Math.min(s.bin, h.bin), l = Math.max(s.bin, h.bin);
   let u = 1 / 0;
-  for (let c = h; c <= l; c += 1)
+  for (let c = a; c <= l; c += 1)
     t[c] < u && (u = t[c]);
-  const f = Math.min(s.height, a.height);
+  const f = Math.min(s.height, h.height);
   return f <= 0 ? 0 : O(1 - u / f, 0, 1);
 }
-function pt(n) {
+function pt(r) {
   return {
     mean: 0,
     stdDev: 0,
@@ -366,13 +366,13 @@ function pt(n) {
     effectiveRange: 0,
     iqr: 0,
     bimodality: 0,
-    histogram: n
+    histogram: r
   };
 }
-function O(n, t, e) {
-  return Math.min(e, Math.max(t, n));
+function O(r, t, e) {
+  return Math.min(e, Math.max(t, r));
 }
-const zt = (
+const Wt = (
   /* glsl */
   `#version 300 es
   in vec2 aPosition;
@@ -396,7 +396,7 @@ const zt = (
     gl_Position = vec4(aPosition, 0.0, 1.0);
   }
 `
-), Wt = (
+), Gt = (
   /* glsl */
   `#version 300 es
   precision highp float;
@@ -574,42 +574,42 @@ const zt = (
   dofStart: 0.6,
   dofStrength: 0.4
 };
-function gt(n, t, e) {
-  const i = n.createShader(t);
+function gt(r, t, e) {
+  const i = r.createShader(t);
   if (!i) throw new Error("Failed to create shader.");
-  if (n.shaderSource(i, e), n.compileShader(i), !n.getShaderParameter(i, n.COMPILE_STATUS)) {
-    const r = n.getShaderInfoLog(i) ?? "";
-    throw n.deleteShader(i), new Error(`Shader compilation failed:
-${r}`);
+  if (r.shaderSource(i, e), r.compileShader(i), !r.getShaderParameter(i, r.COMPILE_STATUS)) {
+    const o = r.getShaderInfoLog(i) ?? "";
+    throw r.deleteShader(i), new Error(`Shader compilation failed:
+${o}`);
   }
   return i;
 }
-function Gt(n, t, e) {
-  const i = n.createProgram();
+function jt(r, t, e) {
+  const i = r.createProgram();
   if (!i) throw new Error("Failed to create program.");
-  if (n.attachShader(i, t), n.attachShader(i, e), n.linkProgram(i), !n.getProgramParameter(i, n.LINK_STATUS)) {
-    const r = n.getProgramInfoLog(i) ?? "";
-    throw n.deleteProgram(i), new Error(`Program linking failed:
-${r}`);
+  if (r.attachShader(i, t), r.attachShader(i, e), r.linkProgram(i), !r.getProgramParameter(i, r.LINK_STATUS)) {
+    const o = r.getProgramInfoLog(i) ?? "";
+    throw r.deleteProgram(i), new Error(`Program linking failed:
+${o}`);
   }
-  return n.detachShader(i, t), n.detachShader(i, e), n.deleteShader(t), n.deleteShader(e), i;
+  return r.detachShader(i, t), r.detachShader(i, e), r.deleteShader(t), r.deleteShader(e), i;
 }
-function jt(n, t) {
+function Yt(r, t) {
   return {
-    uImage: n.getUniformLocation(t, "uImage"),
-    uDepth: n.getUniformLocation(t, "uDepth"),
-    uOffset: n.getUniformLocation(t, "uOffset"),
-    uStrength: n.getUniformLocation(t, "uStrength"),
-    uPomEnabled: n.getUniformLocation(t, "uPomEnabled"),
-    uPomSteps: n.getUniformLocation(t, "uPomSteps"),
-    uContrastLow: n.getUniformLocation(t, "uContrastLow"),
-    uContrastHigh: n.getUniformLocation(t, "uContrastHigh"),
-    uVerticalReduction: n.getUniformLocation(t, "uVerticalReduction"),
-    uDofStart: n.getUniformLocation(t, "uDofStart"),
-    uDofStrength: n.getUniformLocation(t, "uDofStrength"),
-    uImageTexelSize: n.getUniformLocation(t, "uImageTexelSize"),
-    uUvOffset: n.getUniformLocation(t, "uUvOffset"),
-    uUvScale: n.getUniformLocation(t, "uUvScale")
+    uImage: r.getUniformLocation(t, "uImage"),
+    uDepth: r.getUniformLocation(t, "uDepth"),
+    uOffset: r.getUniformLocation(t, "uOffset"),
+    uStrength: r.getUniformLocation(t, "uStrength"),
+    uPomEnabled: r.getUniformLocation(t, "uPomEnabled"),
+    uPomSteps: r.getUniformLocation(t, "uPomSteps"),
+    uContrastLow: r.getUniformLocation(t, "uContrastLow"),
+    uContrastHigh: r.getUniformLocation(t, "uContrastHigh"),
+    uVerticalReduction: r.getUniformLocation(t, "uVerticalReduction"),
+    uDofStart: r.getUniformLocation(t, "uDofStart"),
+    uDofStrength: r.getUniformLocation(t, "uDofStrength"),
+    uImageTexelSize: r.getUniformLocation(t, "uImageTexelSize"),
+    uUvOffset: r.getUniformLocation(t, "uUvOffset"),
+    uUvScale: r.getUniformLocation(t, "uUvScale")
   };
 }
 class $ {
@@ -694,8 +694,8 @@ class $ {
    * @param depthHeight - Height of the precomputed depth map (e.g. 512).
    */
   initialize(t, e, i) {
-    const r = this.gl;
-    r && (this.disposeTextures(), this.videoAspect = t.videoWidth / t.videoHeight, this.depthWidth = e, this.depthHeight = i, this.videoTexture = r.createTexture(), r.activeTexture(r.TEXTURE0), r.bindTexture(r.TEXTURE_2D, this.videoTexture), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MIN_FILTER, r.LINEAR), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MAG_FILTER, r.LINEAR), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_S, r.CLAMP_TO_EDGE), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_T, r.CLAMP_TO_EDGE), this.depthTexture = r.createTexture(), r.activeTexture(r.TEXTURE1), r.bindTexture(r.TEXTURE_2D, this.depthTexture), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MIN_FILTER, r.LINEAR), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MAG_FILTER, r.LINEAR), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_S, r.CLAMP_TO_EDGE), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_T, r.CLAMP_TO_EDGE), r.texStorage2D(r.TEXTURE_2D, 1, r.R8, e, i), this.program && this.uniforms && (r.useProgram(this.program), r.uniform1i(this.uniforms.uImage, 0), r.uniform1i(this.uniforms.uDepth, 1), r.uniform1f(this.uniforms.uStrength, this.config.parallaxStrength), r.uniform1i(this.uniforms.uPomEnabled, this.config.pomEnabled ? 1 : 0), r.uniform1i(this.uniforms.uPomSteps, this.config.pomSteps), r.uniform1f(this.uniforms.uContrastLow, this.config.contrastLow), r.uniform1f(this.uniforms.uContrastHigh, this.config.contrastHigh), r.uniform1f(this.uniforms.uVerticalReduction, this.config.verticalReduction), r.uniform1f(this.uniforms.uDofStart, this.config.dofStart), r.uniform1f(this.uniforms.uDofStrength, this.config.dofStrength), r.uniform2f(this.uniforms.uImageTexelSize, 1 / t.videoWidth, 1 / t.videoHeight)), this.recalculateViewportLayout());
+    const o = this.gl;
+    o && (this.disposeTextures(), this.videoAspect = t.videoWidth / t.videoHeight, this.depthWidth = e, this.depthHeight = i, this.videoTexture = o.createTexture(), o.activeTexture(o.TEXTURE0), o.bindTexture(o.TEXTURE_2D, this.videoTexture), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_MIN_FILTER, o.LINEAR), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_MAG_FILTER, o.LINEAR), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_WRAP_S, o.CLAMP_TO_EDGE), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_WRAP_T, o.CLAMP_TO_EDGE), this.depthTexture = o.createTexture(), o.activeTexture(o.TEXTURE1), o.bindTexture(o.TEXTURE_2D, this.depthTexture), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_MIN_FILTER, o.LINEAR), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_MAG_FILTER, o.LINEAR), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_WRAP_S, o.CLAMP_TO_EDGE), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_WRAP_T, o.CLAMP_TO_EDGE), o.texStorage2D(o.TEXTURE_2D, 1, o.R8, e, i), this.program && this.uniforms && (o.useProgram(this.program), o.uniform1i(this.uniforms.uImage, 0), o.uniform1i(this.uniforms.uDepth, 1), o.uniform1f(this.uniforms.uStrength, this.config.parallaxStrength), o.uniform1i(this.uniforms.uPomEnabled, this.config.pomEnabled ? 1 : 0), o.uniform1i(this.uniforms.uPomSteps, this.config.pomSteps), o.uniform1f(this.uniforms.uContrastLow, this.config.contrastLow), o.uniform1f(this.uniforms.uContrastHigh, this.config.contrastHigh), o.uniform1f(this.uniforms.uVerticalReduction, this.config.verticalReduction), o.uniform1f(this.uniforms.uDofStart, this.config.dofStart), o.uniform1f(this.uniforms.uDofStrength, this.config.dofStrength), o.uniform2f(this.uniforms.uImageTexelSize, 1 / t.videoWidth, 1 / t.videoHeight)), this.recalculateViewportLayout());
   }
   /**
    * Begin the render loop.
@@ -707,8 +707,8 @@ class $ {
    * When RVFC is not available, falls back to a single RAF loop that
    * does everything (the pre-RVFC behavior).
    */
-  start(t, e, i, r) {
-    this.stop(), this.playbackVideo = t, this.readDepth = e, this.readInput = i, this.onVideoFrame = r ?? null, this.rvfcSupported = $.isRVFCSupported(), this.rvfcSupported && (this.rvfcHandle = t.requestVideoFrameCallback(this.videoFrameLoop)), this.animationFrameHandle = window.requestAnimationFrame(this.renderLoop);
+  start(t, e, i, o) {
+    this.stop(), this.playbackVideo = t, this.readDepth = e, this.readInput = i, this.onVideoFrame = o ?? null, this.rvfcSupported = $.isRVFCSupported(), this.rvfcSupported && (this.rvfcHandle = t.requestVideoFrameCallback(this.videoFrameLoop)), this.animationFrameHandle = window.requestAnimationFrame(this.renderLoop);
   }
   /** Stop both render loops and release callbacks. */
   stop() {
@@ -716,7 +716,7 @@ class $ {
   }
   /** Stop rendering and release all GPU resources. */
   dispose() {
-    this.stop(), this.disposeTextures(), this.disposeGPUResources(), this.canvas.removeEventListener("webglcontextlost", this.handleContextLost), this.canvas.removeEventListener("webglcontextrestored", this.handleContextRestored), this.resizeObserver && (this.resizeObserver.disconnect(), this.resizeObserver = null), window.removeEventListener("resize", this.scheduleResizeRecalculate), this.resizeTimer !== null && (window.clearTimeout(this.resizeTimer), this.resizeTimer = null);
+    this.stop(), this.disposeTextures(), this.disposeGPUResources(), this.canvas.removeEventListener("webglcontextlost", this.handleContextLost), this.canvas.removeEventListener("webglcontextrestored", this.handleContextRestored), this.gl && (this.gl.getExtension("WEBGL_lose_context")?.loseContext(), this.gl = null), this.canvas.remove(), this.resizeObserver && (this.resizeObserver.disconnect(), this.resizeObserver = null), window.removeEventListener("resize", this.scheduleResizeRecalculate), this.resizeTimer !== null && (window.clearTimeout(this.resizeTimer), this.resizeTimer = null);
   }
   // -----------------------------------------------------------------------
   // GPU resource initialization
@@ -725,13 +725,13 @@ class $ {
   initGPUResources() {
     const t = this.gl;
     if (!t) return;
-    const e = Wt.replace(
+    const e = Gt.replace(
       "#version 300 es",
       `#version 300 es
 #define MAX_POM_STEPS ${$.MAX_POM_STEPS}`
-    ), i = gt(t, t.VERTEX_SHADER, zt), r = gt(t, t.FRAGMENT_SHADER, e);
-    this.program = Gt(t, i, r), this.uniforms = jt(t, this.program);
-    const o = new Float32Array([
+    ), i = gt(t, t.VERTEX_SHADER, Wt), o = gt(t, t.FRAGMENT_SHADER, e);
+    this.program = jt(t, i, o), this.uniforms = Yt(t, this.program);
+    const n = new Float32Array([
       -1,
       -1,
       // bottom-left
@@ -747,9 +747,9 @@ class $ {
     ]);
     this.vao = t.createVertexArray(), t.bindVertexArray(this.vao);
     const s = t.createBuffer();
-    t.bindBuffer(t.ARRAY_BUFFER, s), t.bufferData(t.ARRAY_BUFFER, o, t.STATIC_DRAW);
-    const a = t.getAttribLocation(this.program, "aPosition");
-    t.enableVertexAttribArray(a), t.vertexAttribPointer(a, 2, t.FLOAT, !1, 0, 0), t.bindVertexArray(null), t.disable(t.DEPTH_TEST);
+    t.bindBuffer(t.ARRAY_BUFFER, s), t.bufferData(t.ARRAY_BUFFER, n, t.STATIC_DRAW);
+    const h = t.getAttribLocation(this.program, "aPosition");
+    t.enableVertexAttribArray(h), t.vertexAttribPointer(h, 2, t.FLOAT, !1, 0, 0), t.bindVertexArray(null), t.disable(t.DEPTH_TEST);
   }
   // -----------------------------------------------------------------------
   // RVFC feature detection
@@ -771,8 +771,8 @@ class $ {
     const i = this.playbackVideo;
     if (!i) return;
     this.rvfcHandle = i.requestVideoFrameCallback(this.videoFrameLoop);
-    const r = e.mediaTime ?? i.currentTime;
-    this.updateDepthTexture(r), this.onVideoFrame && this.onVideoFrame(r, e.presentedFrames ?? 0);
+    const o = e.mediaTime ?? i.currentTime;
+    this.updateDepthTexture(o), this.onVideoFrame && this.onVideoFrame(o, e.presentedFrames ?? 0);
   };
   // -----------------------------------------------------------------------
   // Render loop (RAF) — input + render at display refresh rate
@@ -844,12 +844,12 @@ class $ {
   recalculateViewportLayout() {
     const t = this.gl;
     if (!t) return;
-    const { width: e, height: i } = this.getViewportSize(), r = Math.min(window.devicePixelRatio, 2), o = Math.round(e * r), s = Math.round(i * r);
-    (this.canvas.width !== o || this.canvas.height !== s) && (this.canvas.width = o, this.canvas.height = s, t.viewport(0, 0, o, s));
-    const a = e / i, h = this.config.parallaxStrength + this.config.overscanPadding;
+    const { width: e, height: i } = this.getViewportSize(), o = Math.min(window.devicePixelRatio, 2), n = Math.round(e * o), s = Math.round(i * o);
+    (this.canvas.width !== n || this.canvas.height !== s) && (this.canvas.width = n, this.canvas.height = s, t.viewport(0, 0, n, s));
+    const h = e / i, a = this.config.parallaxStrength + this.config.overscanPadding;
     let l = 1, u = 1;
-    a > this.videoAspect ? u = this.videoAspect / a : l = a / this.videoAspect;
-    const f = 1 + h * 2;
+    h > this.videoAspect ? u = this.videoAspect / h : l = h / this.videoAspect;
+    const f = 1 + a * 2;
     l /= f, u /= f, this.uvOffset = [(1 - l) / 2, (1 - u) / 2], this.uvScale = [l, u], this.program && this.uniforms && (t.useProgram(this.program), t.uniform2f(this.uniforms.uUvOffset, this.uvOffset[0], this.uvOffset[1]), t.uniform2f(this.uniforms.uUvScale, this.uvScale[0], this.uvScale[1]));
   }
   /** Read the container's pixel dimensions, with a minimum of 1x1. */
@@ -881,7 +881,54 @@ class $ {
     t && (this.program && (t.deleteProgram(this.program), this.program = null), this.vao && (t.deleteVertexArray(this.vao), this.vao = null), this.uniforms = null);
   }
 }
-const B = {
+class At {
+  abortController = null;
+  initialized = !1;
+  initializing = !1;
+  element;
+  constructor(t) {
+    this.element = t;
+  }
+  // --- Public API (called from lifecycle callbacks) ---
+  onConnected() {
+    this.element.setupShadowDOM(), this.tryInit();
+  }
+  onDisconnected() {
+    this.cancelInit(), this.element.doDispose(), this.initialized = !1;
+  }
+  onAttributeChanged(t, e, i) {
+    this.element.reinitAttributes.includes(t) && e !== i && (this.initialized ? (this.cancelInit(), this.element.doDispose(), this.initialized = !1, this.element.setupShadowDOM(), this.tryInit()) : this.initializing || this.tryInit());
+  }
+  get isInitialized() {
+    return this.initialized;
+  }
+  markInitialized() {
+    this.initialized = !0, this.initializing = !1;
+  }
+  // --- Internal ---
+  async tryInit() {
+    if (this.initializing) return;
+    const t = this.element;
+    if (!t.isConnected) return;
+    for (const i of t.reinitAttributes)
+      if (!t.getAttribute(i)) return;
+    this.cancelInit();
+    const e = new AbortController();
+    this.abortController = e, this.initializing = !0;
+    try {
+      if (await t.doInit(e.signal), e.signal.aborted) {
+        this.initializing = !1;
+        return;
+      }
+    } catch {
+      this.initializing = !1;
+    }
+  }
+  cancelInit() {
+    this.abortController?.abort(), this.abortController = null, this.initializing = !1;
+  }
+}
+const H = {
   parallaxX: 0.4,
   parallaxY: 1,
   parallaxMax: 30,
@@ -890,7 +937,7 @@ const B = {
   loop: !0,
   muted: !0
 };
-let Yt = class yt {
+let qt = class St {
   constructor(t, e = 0.08, i = 0.06) {
     this.host = t, this.lerpFactor = e, this.motionLerpFactor = i, this.host.addEventListener("mousemove", this.handleMouseMove), this.host.addEventListener("mouseleave", this.resetPointerTarget), this.host.addEventListener("touchstart", this.handleTouchStart, { passive: !0 }), this.host.addEventListener("touchmove", this.handleTouchMove, { passive: !0 }), this.host.addEventListener("touchend", this.handleTouchEnd, { passive: !0 }), this.host.addEventListener("touchcancel", this.handleTouchEnd, { passive: !0 });
   }
@@ -915,8 +962,8 @@ let Yt = class yt {
     this.host.removeEventListener("mousemove", this.handleMouseMove), this.host.removeEventListener("mouseleave", this.resetPointerTarget), this.host.removeEventListener("touchstart", this.handleTouchStart), this.host.removeEventListener("touchmove", this.handleTouchMove), this.host.removeEventListener("touchend", this.handleTouchEnd), this.host.removeEventListener("touchcancel", this.handleTouchEnd), this.motionListenerAttached && (window.removeEventListener("deviceorientation", this.handleDeviceOrientation), this.motionListenerAttached = !1);
   }
   handleMouseMove = (t) => {
-    const e = this.host.getBoundingClientRect(), i = (t.clientX - e.left) / e.width * 2 - 1, r = (t.clientY - e.top) / e.height * 2 - 1;
-    this.pointerTarget.x = z(i, -1, 1), this.pointerTarget.y = z(r, -1, 1);
+    const e = this.host.getBoundingClientRect(), i = (t.clientX - e.left) / e.width * 2 - 1, o = (t.clientY - e.top) / e.height * 2 - 1;
+    this.pointerTarget.x = z(i, -1, 1), this.pointerTarget.y = z(o, -1, 1);
   };
   resetPointerTarget = () => {
     this.pointerTarget.x = 0, this.pointerTarget.y = 0;
@@ -928,8 +975,8 @@ let Yt = class yt {
   handleTouchMove = (t) => {
     const e = t.touches[0];
     if (!e) return;
-    const i = e.clientX - this.touchAnchorX, r = e.clientY - this.touchAnchorY, o = yt.TOUCH_DRAG_RANGE;
-    this.pointerTarget.x = z(i / o, -1, 1), this.pointerTarget.y = z(r / o, -1, 1);
+    const i = e.clientX - this.touchAnchorX, o = e.clientY - this.touchAnchorY, n = St.TOUCH_DRAG_RANGE;
+    this.pointerTarget.x = z(i / n, -1, 1), this.pointerTarget.y = z(o / n, -1, 1);
   };
   handleTouchEnd = () => {
     this.touchActive = !1, this.pointerTarget.x = 0, this.pointerTarget.y = 0;
@@ -967,24 +1014,24 @@ class ht extends HTMLElement {
       "muted"
     ];
   }
+  reinitAttributes = ["src", "depth-src", "depth-meta"];
   shadow;
   container = null;
   renderer = null;
   inputHandler = null;
   depthWorker = null;
   video = null;
-  initialized = !1;
-  abortController = null;
   loopCount = 0;
+  lifecycle;
   constructor() {
-    super(), this.shadow = this.attachShadow({ mode: "open" });
+    super(), this.shadow = this.attachShadow({ mode: "open" }), this.lifecycle = new At(this);
   }
   // --- Attribute helpers ---
   getAttrFloat(t, e) {
     const i = this.getAttribute(t);
     if (i === null) return e;
-    const r = parseFloat(i);
-    return Number.isFinite(r) ? r : e;
+    const o = parseFloat(i);
+    return Number.isFinite(o) ? o : e;
   }
   getAttrBool(t, e) {
     if (!this.hasAttribute(t)) return e;
@@ -992,25 +1039,25 @@ class ht extends HTMLElement {
     return !(i === "false" || i === "0");
   }
   get parallaxX() {
-    return this.getAttrFloat("parallax-x", B.parallaxX);
+    return this.getAttrFloat("parallax-x", H.parallaxX);
   }
   get parallaxY() {
-    return this.getAttrFloat("parallax-y", B.parallaxY);
+    return this.getAttrFloat("parallax-y", H.parallaxY);
   }
   get parallaxMax() {
-    return this.getAttrFloat("parallax-max", B.parallaxMax);
+    return this.getAttrFloat("parallax-max", H.parallaxMax);
   }
   get overscan() {
-    return this.getAttrFloat("overscan", B.overscan);
+    return this.getAttrFloat("overscan", H.overscan);
   }
   get shouldAutoplay() {
-    return this.getAttrBool("autoplay", B.autoplay);
+    return this.getAttrBool("autoplay", H.autoplay);
   }
   get shouldLoop() {
-    return this.getAttrBool("loop", B.loop);
+    return this.getAttrBool("loop", H.loop);
   }
   get shouldMute() {
-    return this.getAttrBool("muted", B.muted);
+    return this.getAttrBool("muted", H.muted);
   }
   // --- Event dispatching ---
   /**
@@ -1048,13 +1095,13 @@ class ht extends HTMLElement {
   }
   // --- Lifecycle ---
   connectedCallback() {
-    this.setupShadowDOM(), this.init();
+    this.lifecycle.onConnected();
   }
   disconnectedCallback() {
-    this.dispose();
+    this.lifecycle.onDisconnected();
   }
   attributeChangedCallback(t, e, i) {
-    ["src", "depth-src", "depth-meta"].includes(t) && (this.initialized ? (this.dispose(), this.setupShadowDOM(), this.init()) : this.isConnected && this.getAttribute("src") && this.getAttribute("depth-src") && this.getAttribute("depth-meta") && this.init());
+    this.lifecycle.onAttributeChanged(t, e, i);
   }
   // --- Shadow DOM setup ---
   setupShadowDOM() {
@@ -1083,70 +1130,65 @@ class ht extends HTMLElement {
     `, this.shadow.appendChild(t), this.container = document.createElement("div"), this.container.className = "container", this.shadow.appendChild(this.container);
   }
   // --- Initialization ---
-  async init() {
-    const t = this.getAttribute("src"), e = this.getAttribute("depth-src"), i = this.getAttribute("depth-meta");
-    if (!t || !e || !i) {
-      const r = "src, depth-src, and depth-meta attributes are required.";
-      console.warn(`<layershift-parallax>: ${r}`), this.emit("layershift-parallax:error", { message: r });
-      return;
-    }
-    if (this.container) {
-      this.abortController = new AbortController();
+  async doInit(t) {
+    const e = this.getAttribute("src"), i = this.getAttribute("depth-src"), o = this.getAttribute("depth-meta");
+    if (this.container)
       try {
-        const [r, o] = await Promise.all([
-          this.createVideoElement(t),
-          At(e, i)
+        const [n, s] = await Promise.all([
+          this.createVideoElement(e),
+          yt(i, o)
         ]);
-        if (this.abortController.signal.aborted) {
-          r.remove();
+        if (t.aborted) {
+          n.remove();
           return;
         }
-        this.video = r, this.loopCount = 0, this.attachVideoEventListeners(r);
-        const s = Ht(
-          o.frames,
-          o.meta.width,
-          o.meta.height
-        ), a = Bt(s), h = this.hasAttribute("parallax-max") ? this.parallaxMax / Math.max(r.videoWidth, 1) : a.parallaxStrength, l = this.hasAttribute("overscan") ? this.overscan : a.overscanPadding;
-        let u;
+        this.video = n, this.loopCount = 0, this.attachVideoEventListeners(n);
+        const h = Ht(
+          s.frames,
+          s.meta.width,
+          s.meta.height
+        ), a = Xt(h), l = this.hasAttribute("parallax-max") ? this.parallaxMax / Math.max(n.videoWidth, 1) : a.parallaxStrength, u = this.hasAttribute("overscan") ? this.overscan : a.overscanPadding;
+        let f;
         try {
           const d = await st.create(
-            o,
-            o.meta.width,
-            o.meta.height
+            s,
+            s.meta.width,
+            s.meta.height
           );
-          this.depthWorker = d, u = (m) => d.sample(m);
+          this.depthWorker = d, f = (m) => d.sample(m);
         } catch {
           const d = new bt(
-            o,
-            o.meta.width,
-            o.meta.height
+            s,
+            s.meta.width,
+            s.meta.height
           );
-          u = (m) => d.sample(m);
+          f = (m) => d.sample(m);
         }
-        if (this.abortController.signal.aborted) {
-          r.remove(), this.depthWorker?.dispose(), this.depthWorker = null;
+        if (t.aborted) {
+          n.remove(), this.depthWorker?.dispose(), this.depthWorker = null;
           return;
         }
         this.renderer = new $(this.container, {
-          parallaxStrength: h,
+          parallaxStrength: l,
           pomEnabled: !0,
           pomSteps: a.pomSteps,
-          overscanPadding: l,
+          overscanPadding: u,
           contrastLow: a.contrastLow,
           contrastHigh: a.contrastHigh,
           verticalReduction: a.verticalReduction,
           dofStart: a.dofStart,
           dofStrength: a.dofStrength
-        }), this.renderer.initialize(r, o.meta.width, o.meta.height), this.inputHandler = new Yt(this);
-        const f = this.parallaxX, c = this.parallaxY;
+        }), this.renderer.initialize(n, s.meta.width, s.meta.height), this.inputHandler = new qt(this);
+        const c = this.parallaxX, g = this.parallaxY;
         if (this.renderer.start(
-          r,
-          u,
+          n,
+          f,
           () => {
+            if (!this.inputHandler) return { x: 0, y: 0 };
             const d = this.inputHandler.update();
             return {
-              x: d.x * f,
-              y: d.y * c
+              x: d.x * c,
+              y: d.y * g
             };
           },
           // RVFC callback: dispatch 'frame' event on each new video frame
@@ -1157,55 +1199,55 @@ class ht extends HTMLElement {
             });
           }
         ), this.shouldAutoplay) {
-          r.currentTime = 0;
+          n.currentTime = 0;
           try {
-            await r.play();
+            await n.play();
           } catch {
           }
         }
-        this.initialized = !0, this.emit("layershift-parallax:ready", {
-          videoWidth: r.videoWidth,
-          videoHeight: r.videoHeight,
-          duration: r.duration,
-          depthProfile: s,
+        if (t.aborted) return;
+        this.lifecycle.markInitialized(), this.emit("layershift-parallax:ready", {
+          videoWidth: n.videoWidth,
+          videoHeight: n.videoHeight,
+          duration: n.duration,
+          depthProfile: h,
           derivedParams: a
         });
-      } catch (r) {
-        const o = r instanceof Error ? r.message : "Failed to initialize.";
-        console.error("<layershift-parallax>: Failed to initialize.", r), this.emit("layershift-parallax:error", { message: o });
+      } catch (n) {
+        const s = n instanceof Error ? n.message : "Failed to initialize.";
+        console.error("<layershift-parallax>: Failed to initialize.", n), this.emit("layershift-parallax:error", { message: s });
       }
-    }
   }
   // --- Video element ---
   async createVideoElement(t) {
     const e = document.createElement("video");
-    return e.crossOrigin = "anonymous", e.setAttribute("crossorigin", "anonymous"), e.playsInline = !0, e.setAttribute("playsinline", ""), e.setAttribute("webkit-playsinline", "true"), e.muted = this.shouldMute, e.defaultMuted = this.shouldMute, this.shouldMute && e.setAttribute("muted", ""), e.loop = this.shouldLoop, e.preload = "auto", e.style.display = "none", e.src = t, this.shadow.appendChild(e), await new Promise((i, r) => {
+    return e.crossOrigin = "anonymous", e.setAttribute("crossorigin", "anonymous"), e.playsInline = !0, e.setAttribute("playsinline", ""), e.setAttribute("webkit-playsinline", "true"), e.muted = this.shouldMute, e.defaultMuted = this.shouldMute, this.shouldMute && e.setAttribute("muted", ""), e.loop = this.shouldLoop, e.preload = "auto", e.style.display = "none", e.src = t, this.shadow.appendChild(e), await new Promise((i, o) => {
       if (e.readyState >= HTMLMediaElement.HAVE_METADATA) {
         i();
         return;
       }
-      const o = () => {
-        a(), i();
+      const n = () => {
+        h(), i();
       }, s = () => {
-        a(), r(new Error("Failed to load video metadata."));
-      }, a = () => {
-        e.removeEventListener("loadedmetadata", o), e.removeEventListener("error", s);
+        h(), o(new Error("Failed to load video metadata."));
+      }, h = () => {
+        e.removeEventListener("loadedmetadata", n), e.removeEventListener("error", s);
       };
-      e.addEventListener("loadedmetadata", o), e.addEventListener("error", s), e.load();
+      e.addEventListener("loadedmetadata", n), e.addEventListener("error", s), e.load();
     }), e;
   }
   // --- Cleanup ---
-  dispose() {
-    this.abortController?.abort(), this.abortController = null, this.renderer?.dispose(), this.renderer = null, this.inputHandler?.dispose(), this.inputHandler = null, this.depthWorker?.dispose(), this.depthWorker = null, this.video && (this.video.pause(), this.video.removeAttribute("src"), this.video.load(), this.video.remove(), this.video = null), this.initialized = !1, this.loopCount = 0, this.container = null;
+  doDispose() {
+    this.renderer?.dispose(), this.renderer = null, this.inputHandler?.dispose(), this.inputHandler = null, this.depthWorker?.dispose(), this.depthWorker = null, this.video && (this.video.pause(), this.video.removeAttribute("src"), this.video.load(), this.video.remove(), this.video = null), this.loopCount = 0, this.container = null;
   }
 }
-function z(n, t, e) {
-  return Math.min(e, Math.max(t, n));
+function z(r, t, e) {
+  return Math.min(e, Math.max(t, r));
 }
-function it(n, t, e) {
-  return n + (t - n) * e;
+function it(r, t, e) {
+  return r + (t - r) * e;
 }
-const qt = (
+const Zt = (
   /* glsl */
   `#version 300 es
   in vec2 aPosition;
@@ -1214,14 +1256,14 @@ const qt = (
     gl_Position = vec4(aPosition * uMeshScale, 0.0, 1.0);
   }
 `
-), Zt = (
+), $t = (
   /* glsl */
   `#version 300 es
   precision lowp float;
   out vec4 fragColor;
   void main() { fragColor = vec4(0.0); }
 `
-), $t = (
+), Jt = (
   /* glsl */
   `#version 300 es
   in vec2 aPosition;
@@ -1230,14 +1272,14 @@ const qt = (
     gl_Position = vec4(aPosition * uMeshScale, 0.0, 1.0);
   }
 `
-), Jt = (
+), Kt = (
   /* glsl */
   `#version 300 es
   precision lowp float;
   out vec4 fragColor;
   void main() { fragColor = vec4(1.0); }
 `
-), Kt = (
+), Qt = (
   /* glsl */
   `#version 300 es
   in vec2 aPosition;
@@ -1247,7 +1289,7 @@ const qt = (
     gl_Position = vec4(aPosition, 0.0, 1.0);
   }
 `
-), Qt = (
+), te = (
   /* glsl */
   `#version 300 es
   precision highp float;
@@ -1275,7 +1317,7 @@ const qt = (
     }
   }
 `
-), te = (
+), ee = (
   /* glsl */
   `#version 300 es
   in vec2 aPosition;
@@ -1285,7 +1327,7 @@ const qt = (
     gl_Position = vec4(aPosition, 0.0, 1.0);
   }
 `
-), ee = (
+), ie = (
   /* glsl */
   `#version 300 es
   precision highp float;
@@ -1317,7 +1359,7 @@ const qt = (
     fragSeed = bestSeed;
   }
 `
-), ie = (
+), re = (
   /* glsl */
   `#version 300 es
   in vec2 aPosition;
@@ -1327,7 +1369,7 @@ const qt = (
     gl_Position = vec4(aPosition, 0.0, 1.0);
   }
 `
-), re = (
+), oe = (
   /* glsl */
   `#version 300 es
   precision highp float;
@@ -1355,7 +1397,7 @@ const qt = (
     fragDist = vec4(normalized, 0.0, 0.0, 1.0);
   }
 `
-), oe = (
+), ne = (
   /* glsl */
   `#version 300 es
   in vec2 aPosition;
@@ -1370,7 +1412,7 @@ const qt = (
     gl_Position = vec4(aPosition, 0.0, 1.0);
   }
 `
-), ne = (
+), se = (
   /* glsl */
   `#version 300 es
   precision highp float;
@@ -1504,7 +1546,7 @@ const qt = (
     fragDepth = vec4(lensD, 0.0, 0.0, 1.0);
   }
 `
-), se = (
+), ae = (
   /* glsl */
   `#version 300 es
   in vec2 aPosition;
@@ -1514,7 +1556,7 @@ const qt = (
     gl_Position = vec4(aPosition, 0.0, 1.0);
   }
 `
-), ae = (
+), he = (
   /* glsl */
   `#version 300 es
   precision highp float;
@@ -1547,7 +1589,7 @@ const qt = (
     fragColor = vec4(toSRGB(linear), color.a);
   }
 `
-), he = (
+), le = (
   /* glsl */
   `#version 300 es
   in vec2 aPosition;
@@ -1573,7 +1615,7 @@ const qt = (
     gl_Position = vec4(pos, 0.0, 1.0);
   }
 `
-), le = (
+), ce = (
   /* glsl */
   `#version 300 es
   precision highp float;
@@ -1678,7 +1720,7 @@ const qt = (
     fragColor = vec4(color * alpha, alpha);
   }
 `
-), ce = (
+), ue = (
   /* glsl */
   `#version 300 es
   in vec2 aPosition;
@@ -1697,7 +1739,7 @@ const qt = (
     gl_Position = vec4(sp, 0.0, 1.0);
   }
 `
-), ue = (
+), fe = (
   /* glsl */
   `#version 300 es
   precision highp float;
@@ -1768,56 +1810,56 @@ const qt = (
   }
 `
 );
-function L(n, t, e) {
-  const i = n.createShader(t);
+function L(r, t, e) {
+  const i = r.createShader(t);
   if (!i) throw new Error("Failed to create shader.");
-  if (n.shaderSource(i, e), n.compileShader(i), !n.getShaderParameter(i, n.COMPILE_STATUS)) {
-    const r = n.getShaderInfoLog(i) ?? "";
-    throw n.deleteShader(i), new Error(`Shader compilation failed:
-${r}`);
+  if (r.shaderSource(i, e), r.compileShader(i), !r.getShaderParameter(i, r.COMPILE_STATUS)) {
+    const o = r.getShaderInfoLog(i) ?? "";
+    throw r.deleteShader(i), new Error(`Shader compilation failed:
+${o}`);
   }
   return i;
 }
-function V(n, t, e) {
-  const i = n.createProgram();
+function V(r, t, e) {
+  const i = r.createProgram();
   if (!i) throw new Error("Failed to create program.");
-  if (n.attachShader(i, t), n.attachShader(i, e), n.linkProgram(i), !n.getProgramParameter(i, n.LINK_STATUS)) {
-    const r = n.getProgramInfoLog(i) ?? "";
-    throw n.deleteProgram(i), new Error(`Program linking failed:
-${r}`);
+  if (r.attachShader(i, t), r.attachShader(i, e), r.linkProgram(i), !r.getProgramParameter(i, r.LINK_STATUS)) {
+    const o = r.getProgramInfoLog(i) ?? "";
+    throw r.deleteProgram(i), new Error(`Program linking failed:
+${o}`);
   }
-  return n.detachShader(i, t), n.detachShader(i, e), n.deleteShader(t), n.deleteShader(e), i;
+  return r.detachShader(i, t), r.detachShader(i, e), r.deleteShader(t), r.deleteShader(e), i;
 }
-function fe(n) {
+function de(r) {
   const t = [];
   let e = 0;
-  for (let i = 0; i < n.length - 2; i += 2) {
-    const r = n[i], o = n[i + 1], s = n[i + 2], a = n[i + 3], h = s - r, l = a - o, u = Math.sqrt(h * h + l * l);
+  for (let i = 0; i < r.length - 2; i += 2) {
+    const o = r[i], n = r[i + 1], s = r[i + 2], h = r[i + 3], a = s - o, l = h - n, u = Math.sqrt(a * a + l * l);
     if (u < 1e-6) continue;
-    const f = -l / u, c = h / u;
+    const f = -l / u, c = a / u;
     t.push(
-      r,
       o,
+      n,
       f,
       c,
-      r,
       o,
+      n,
       -f,
       -c,
       s,
-      a,
+      h,
       f,
       c,
       s,
-      a,
+      h,
       f,
       c,
-      r,
       o,
+      n,
       -f,
       -c,
       s,
-      a,
+      h,
       -f,
       -c
     ), e += 6;
@@ -1827,39 +1869,39 @@ function fe(n) {
     count: e
   };
 }
-function de(n, t, e, i, r) {
+function me(r, t, e, i, o) {
   if (i <= 0)
     return { vertices: new Float32Array(0), count: 0 };
-  const o = r * Math.PI / 180, s = -Math.cos(o), a = Math.sin(o), h = [];
+  const n = o * Math.PI / 180, s = -Math.cos(n), h = Math.sin(n), a = [];
   let l = 0;
   for (let u = 0; u < t.length; u++) {
-    const f = t[u], m = ((u + 1 < t.length ? t[u + 1] : n.length) - f) / 2;
-    if (m < 3) continue;
-    const g = m - 1;
+    const f = t[u], d = ((u + 1 < t.length ? t[u + 1] : r.length) - f) / 2;
+    if (d < 3) continue;
+    const m = d - 1;
     let U = 0;
-    for (let x = 0; x < g; x++) {
-      const y = f + x * 2, S = n[y], F = n[y + 1], P = n[y + 2], _ = n[y + 3];
-      U += S * _ - P * F;
+    for (let x = 0; x < m; x++) {
+      const A = f + x * 2, S = r[A], D = r[A + 1], P = r[A + 2], _ = r[A + 3];
+      U += S * _ - P * D;
     }
     const b = U >= 0 ? 1 : -1, E = [], p = [];
-    for (let x = 0; x < g; x++) {
-      const y = f + x * 2, S = n[y + 2] - n[y], F = n[y + 3] - n[y + 1], P = Math.sqrt(S * S + F * F);
-      P < 1e-8 ? (E.push(x > 0 ? E[x - 1] : 0), p.push(x > 0 ? p[x - 1] : 0)) : (E.push(-F / P * b), p.push(S / P * b));
+    for (let x = 0; x < m; x++) {
+      const A = f + x * 2, S = r[A + 2] - r[A], D = r[A + 3] - r[A + 1], P = Math.sqrt(S * S + D * D);
+      P < 1e-8 ? (E.push(x > 0 ? E[x - 1] : 0), p.push(x > 0 ? p[x - 1] : 0)) : (E.push(-D / P * b), p.push(S / P * b));
     }
     const v = [], T = [];
-    for (let x = 0; x < g; x++) {
-      const y = (x - 1 + g) % g;
-      let S = E[y] + E[x], F = p[y] + p[x];
-      const P = Math.sqrt(S * S + F * F);
-      P > 1e-8 ? (S /= P, F /= P) : (S = E[x], F = p[x]), v.push(S), T.push(F);
+    for (let x = 0; x < m; x++) {
+      const A = (x - 1 + m) % m;
+      let S = E[A] + E[x], D = p[A] + p[x];
+      const P = Math.sqrt(S * S + D * D);
+      P > 1e-8 ? (S /= P, D /= P) : (S = E[x], D = p[x]), v.push(S), T.push(D);
     }
-    for (let x = 0; x < g; x++) {
-      const y = x, S = (x + 1) % g, F = f + x * 2, P = f + (x + 1) % g * 2, _ = n[F], k = n[F + 1], D = n[P], R = n[P + 1], C = v[y] * a, M = T[y] * a, H = s, I = v[S] * a, N = T[S] * a, j = s, et = _ + v[y] * i, mt = k + T[y] * i, wt = D + v[S] * i, Lt = R + T[S] * i;
-      h.push(_, k, C, M, H, 0), h.push(et, mt, C, M, H, 1), h.push(D, R, I, N, j, 0), h.push(D, R, I, N, j, 0), h.push(et, mt, C, M, H, 1), h.push(wt, Lt, I, N, j, 1), l += 6;
+    for (let x = 0; x < m; x++) {
+      const A = x, S = (x + 1) % m, D = f + x * 2, P = f + (x + 1) % m * 2, _ = r[D], k = r[D + 1], F = r[P], R = r[P + 1], C = v[A] * h, M = T[A] * h, B = s, I = v[S] * h, N = T[S] * h, j = s, et = _ + v[A] * i, mt = k + T[A] * i, Lt = F + v[S] * i, Ct = R + T[S] * i;
+      a.push(_, k, C, M, B, 0), a.push(et, mt, C, M, B, 1), a.push(F, R, I, N, j, 0), a.push(F, R, I, N, j, 0), a.push(et, mt, C, M, B, 1), a.push(Lt, Ct, I, N, j, 1), l += 6;
     }
   }
   return {
-    vertices: new Float32Array(h),
+    vertices: new Float32Array(a),
     count: l
   };
 }
@@ -1918,6 +1960,7 @@ class ft {
   jfaWidth = 0;
   jfaHeight = 0;
   distFieldDirty = !0;
+  hasColorBufferFloat = !1;
   // Dimensions
   depthWidth = 0;
   depthHeight = 0;
@@ -1948,8 +1991,8 @@ class ft {
     this.container = t, this.config = { ...e };
     const i = this.config.bevelLightAngle * Math.PI / 180;
     this.lightDirX = Math.cos(i), this.lightDirY = Math.sin(i);
-    const r = this.config.lightDirection, o = Math.sqrt(r[0] * r[0] + r[1] * r[1] + r[2] * r[2]);
-    o > 1e-6 && (this.lightDir3 = [r[0] / o, r[1] / o, r[2] / o]), this.canvas = document.createElement("canvas");
+    const o = this.config.lightDirection, n = Math.sqrt(o[0] * o[0] + o[1] * o[1] + o[2] * o[2]);
+    n > 1e-6 && (this.lightDir3 = [o[0] / n, o[1] / n, o[2] / n]), this.canvas = document.createElement("canvas");
     const s = this.canvas.getContext("webgl2", {
       antialias: !0,
       alpha: !0,
@@ -1959,11 +2002,11 @@ class ft {
       powerPreference: "high-performance"
     });
     if (!s) throw new Error("WebGL 2 is not supported.");
-    this.gl = s, "drawingBufferColorSpace" in s && (s.drawingBufferColorSpace = "srgb"), s.clearColor(0, 0, 0, 0), s.pixelStorei(s.UNPACK_FLIP_Y_WEBGL, !0), this.container.appendChild(this.canvas), this.initGPUResources(), this.setupResizeHandling(), this.canvas.addEventListener("webglcontextlost", this.handleContextLost), this.canvas.addEventListener("webglcontextrestored", this.handleContextRestored);
+    this.gl = s, "drawingBufferColorSpace" in s && (s.drawingBufferColorSpace = "srgb"), this.hasColorBufferFloat = !!s.getExtension("EXT_color_buffer_float"), s.clearColor(0, 0, 0, 0), s.pixelStorei(s.UNPACK_FLIP_Y_WEBGL, !0), this.container.appendChild(this.canvas), this.initGPUResources(), this.setupResizeHandling(), this.canvas.addEventListener("webglcontextlost", this.handleContextLost), this.canvas.addEventListener("webglcontextrestored", this.handleContextRestored);
   }
-  initialize(t, e, i, r) {
-    const o = this.gl;
-    o && (this.disposeTextures(), this.disposeFBO(), this.disposeJFA(), this.disposeStencilGeometry(), this.disposeBoundaryGeometry(), this.disposeChamferGeometry(), this.videoAspect = t.videoWidth / t.videoHeight, this.meshAspect = r.aspect, this.depthWidth = e, this.depthHeight = i, this.videoTexture = o.createTexture(), o.activeTexture(o.TEXTURE0), o.bindTexture(o.TEXTURE_2D, this.videoTexture), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_MIN_FILTER, o.LINEAR), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_MAG_FILTER, o.LINEAR), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_WRAP_S, o.CLAMP_TO_EDGE), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_WRAP_T, o.CLAMP_TO_EDGE), this.depthTexture = o.createTexture(), o.activeTexture(o.TEXTURE1), o.bindTexture(o.TEXTURE_2D, this.depthTexture), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_MIN_FILTER, o.LINEAR), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_MAG_FILTER, o.LINEAR), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_WRAP_S, o.CLAMP_TO_EDGE), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_WRAP_T, o.CLAMP_TO_EDGE), o.texStorage2D(o.TEXTURE_2D, 1, o.R8, e, i), this.uploadStencilMesh(r), this.uploadMaskMesh(r), this.uploadBoundaryMesh(r), this.uploadChamferMesh(r), this.interiorProgram && (o.useProgram(this.interiorProgram), o.uniform1i(this.interiorUniforms.uImage, 0), o.uniform1i(this.interiorUniforms.uDepth, 1), o.uniform1f(this.interiorUniforms.uStrength, this.config.parallaxStrength), o.uniform1i(this.interiorUniforms.uPomSteps, this.config.pomSteps), o.uniform1f(this.interiorUniforms.uDepthPower, this.config.depthPower), o.uniform1f(this.interiorUniforms.uDepthScale, this.config.depthScale), o.uniform1f(this.interiorUniforms.uDepthBias, this.config.depthBias), o.uniform1f(this.interiorUniforms.uContrastLow, this.config.contrastLow), o.uniform1f(this.interiorUniforms.uContrastHigh, this.config.contrastHigh), o.uniform1f(this.interiorUniforms.uVerticalReduction, this.config.verticalReduction), o.uniform1f(this.interiorUniforms.uDofStart, this.config.dofStart), o.uniform1f(this.interiorUniforms.uDofStrength, this.config.dofStrength), o.uniform2f(this.interiorUniforms.uImageTexelSize, 1 / t.videoWidth, 1 / t.videoHeight), o.uniform1f(this.interiorUniforms.uFogDensity, this.config.fogDensity), o.uniform3f(this.interiorUniforms.uFogColor, ...this.config.fogColor), o.uniform1f(this.interiorUniforms.uColorShift, this.config.colorShift), o.uniform1f(this.interiorUniforms.uBrightnessBias, this.config.brightnessBias)), this.compositeProgram && (o.useProgram(this.compositeProgram), o.uniform1i(this.compositeUniforms.uInteriorColor, 2), o.uniform1i(this.compositeUniforms.uDistField, 4), o.uniform1f(this.compositeUniforms.uEdgeOcclusionWidth, this.config.edgeOcclusionWidth), o.uniform1f(this.compositeUniforms.uEdgeOcclusionStrength, this.config.edgeOcclusionStrength)), this.chamferProgram && (o.useProgram(this.chamferProgram), o.uniform3f(this.chamferUniforms.uLightDir3, ...this.lightDir3), o.uniform3f(this.chamferUniforms.uChamferColor, ...this.config.chamferColor), o.uniform1f(this.chamferUniforms.uChamferAmbient, this.config.chamferAmbient), o.uniform1f(this.chamferUniforms.uChamferSpecular, this.config.chamferSpecular), o.uniform1f(this.chamferUniforms.uChamferShininess, this.config.chamferShininess), o.uniform1i(this.chamferUniforms.uInteriorColor, 2)), this.boundaryProgram && (o.useProgram(this.boundaryProgram), o.uniform1i(this.boundaryUniforms.uInteriorColor, 2), o.uniform1i(this.boundaryUniforms.uInteriorDepth, 3), o.uniform1i(this.boundaryUniforms.uDistField, 4), o.uniform1f(this.boundaryUniforms.uRimIntensity, this.config.rimLightIntensity), o.uniform3f(this.boundaryUniforms.uRimColor, ...this.config.rimLightColor), o.uniform1f(this.boundaryUniforms.uRefractionStrength, this.config.refractionStrength), o.uniform1f(this.boundaryUniforms.uChromaticStrength, this.config.chromaticStrength), o.uniform1f(this.boundaryUniforms.uOcclusionIntensity, this.config.occlusionIntensity), o.uniform1f(this.boundaryUniforms.uEdgeThickness, this.config.edgeThickness), o.uniform1f(this.boundaryUniforms.uEdgeSpecular, this.config.edgeSpecular), o.uniform3f(this.boundaryUniforms.uEdgeColor, ...this.config.edgeColor), o.uniform2f(this.boundaryUniforms.uLightDir, this.lightDirX, this.lightDirY), o.uniform1f(this.boundaryUniforms.uBevelIntensity, this.config.bevelIntensity)), this.recalculateViewportLayout());
+  initialize(t, e, i, o) {
+    const n = this.gl;
+    n && (this.disposeTextures(), this.disposeFBO(), this.disposeJFA(), this.disposeStencilGeometry(), this.disposeBoundaryGeometry(), this.disposeChamferGeometry(), this.videoAspect = t.videoWidth / t.videoHeight, this.meshAspect = o.aspect, this.depthWidth = e, this.depthHeight = i, this.videoTexture = n.createTexture(), n.activeTexture(n.TEXTURE0), n.bindTexture(n.TEXTURE_2D, this.videoTexture), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_MIN_FILTER, n.LINEAR), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_MAG_FILTER, n.LINEAR), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_WRAP_S, n.CLAMP_TO_EDGE), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_WRAP_T, n.CLAMP_TO_EDGE), this.depthTexture = n.createTexture(), n.activeTexture(n.TEXTURE1), n.bindTexture(n.TEXTURE_2D, this.depthTexture), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_MIN_FILTER, n.LINEAR), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_MAG_FILTER, n.LINEAR), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_WRAP_S, n.CLAMP_TO_EDGE), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_WRAP_T, n.CLAMP_TO_EDGE), n.texStorage2D(n.TEXTURE_2D, 1, n.R8, e, i), this.uploadStencilMesh(o), this.uploadMaskMesh(o), this.uploadBoundaryMesh(o), this.uploadChamferMesh(o), this.interiorProgram && (n.useProgram(this.interiorProgram), n.uniform1i(this.interiorUniforms.uImage, 0), n.uniform1i(this.interiorUniforms.uDepth, 1), n.uniform1f(this.interiorUniforms.uStrength, this.config.parallaxStrength), n.uniform1i(this.interiorUniforms.uPomSteps, this.config.pomSteps), n.uniform1f(this.interiorUniforms.uDepthPower, this.config.depthPower), n.uniform1f(this.interiorUniforms.uDepthScale, this.config.depthScale), n.uniform1f(this.interiorUniforms.uDepthBias, this.config.depthBias), n.uniform1f(this.interiorUniforms.uContrastLow, this.config.contrastLow), n.uniform1f(this.interiorUniforms.uContrastHigh, this.config.contrastHigh), n.uniform1f(this.interiorUniforms.uVerticalReduction, this.config.verticalReduction), n.uniform1f(this.interiorUniforms.uDofStart, this.config.dofStart), n.uniform1f(this.interiorUniforms.uDofStrength, this.config.dofStrength), n.uniform2f(this.interiorUniforms.uImageTexelSize, 1 / t.videoWidth, 1 / t.videoHeight), n.uniform1f(this.interiorUniforms.uFogDensity, this.config.fogDensity), n.uniform3f(this.interiorUniforms.uFogColor, ...this.config.fogColor), n.uniform1f(this.interiorUniforms.uColorShift, this.config.colorShift), n.uniform1f(this.interiorUniforms.uBrightnessBias, this.config.brightnessBias)), this.compositeProgram && (n.useProgram(this.compositeProgram), n.uniform1i(this.compositeUniforms.uInteriorColor, 2), n.uniform1i(this.compositeUniforms.uDistField, 4), n.uniform1f(this.compositeUniforms.uEdgeOcclusionWidth, this.config.edgeOcclusionWidth), n.uniform1f(this.compositeUniforms.uEdgeOcclusionStrength, this.config.edgeOcclusionStrength)), this.chamferProgram && (n.useProgram(this.chamferProgram), n.uniform3f(this.chamferUniforms.uLightDir3, ...this.lightDir3), n.uniform3f(this.chamferUniforms.uChamferColor, ...this.config.chamferColor), n.uniform1f(this.chamferUniforms.uChamferAmbient, this.config.chamferAmbient), n.uniform1f(this.chamferUniforms.uChamferSpecular, this.config.chamferSpecular), n.uniform1f(this.chamferUniforms.uChamferShininess, this.config.chamferShininess), n.uniform1i(this.chamferUniforms.uInteriorColor, 2)), this.boundaryProgram && (n.useProgram(this.boundaryProgram), n.uniform1i(this.boundaryUniforms.uInteriorColor, 2), n.uniform1i(this.boundaryUniforms.uInteriorDepth, 3), n.uniform1i(this.boundaryUniforms.uDistField, 4), n.uniform1f(this.boundaryUniforms.uRimIntensity, this.config.rimLightIntensity), n.uniform3f(this.boundaryUniforms.uRimColor, ...this.config.rimLightColor), n.uniform1f(this.boundaryUniforms.uRefractionStrength, this.config.refractionStrength), n.uniform1f(this.boundaryUniforms.uChromaticStrength, this.config.chromaticStrength), n.uniform1f(this.boundaryUniforms.uOcclusionIntensity, this.config.occlusionIntensity), n.uniform1f(this.boundaryUniforms.uEdgeThickness, this.config.edgeThickness), n.uniform1f(this.boundaryUniforms.uEdgeSpecular, this.config.edgeSpecular), n.uniform3f(this.boundaryUniforms.uEdgeColor, ...this.config.edgeColor), n.uniform2f(this.boundaryUniforms.uLightDir, this.lightDirX, this.lightDirY), n.uniform1f(this.boundaryUniforms.uBevelIntensity, this.config.bevelIntensity)), this.recalculateViewportLayout());
   }
   // -----------------------------------------------------------------------
   // Geometry upload
@@ -1974,10 +2017,10 @@ class ft {
     this.stencilVao = e.createVertexArray(), e.bindVertexArray(this.stencilVao);
     const i = e.createBuffer();
     e.bindBuffer(e.ARRAY_BUFFER, i), e.bufferData(e.ARRAY_BUFFER, t.vertices, e.STATIC_DRAW);
-    const r = e.getAttribLocation(this.stencilProgram, "aPosition");
-    e.enableVertexAttribArray(r), e.vertexAttribPointer(r, 2, e.FLOAT, !1, 0, 0);
-    const o = e.createBuffer();
-    e.bindBuffer(e.ELEMENT_ARRAY_BUFFER, o), e.bufferData(e.ELEMENT_ARRAY_BUFFER, t.indices, e.STATIC_DRAW), this.stencilIndexCount = t.indices.length, e.bindVertexArray(null);
+    const o = e.getAttribLocation(this.stencilProgram, "aPosition");
+    e.enableVertexAttribArray(o), e.vertexAttribPointer(o, 2, e.FLOAT, !1, 0, 0);
+    const n = e.createBuffer();
+    e.bindBuffer(e.ELEMENT_ARRAY_BUFFER, n), e.bufferData(e.ELEMENT_ARRAY_BUFFER, t.indices, e.STATIC_DRAW), this.stencilIndexCount = t.indices.length, e.bindVertexArray(null);
   }
   uploadMaskMesh(t) {
     const e = this.gl;
@@ -1985,28 +2028,28 @@ class ft {
     this.maskVao = e.createVertexArray(), e.bindVertexArray(this.maskVao);
     const i = e.createBuffer();
     e.bindBuffer(e.ARRAY_BUFFER, i), e.bufferData(e.ARRAY_BUFFER, t.vertices, e.STATIC_DRAW);
-    const r = e.getAttribLocation(this.maskProgram, "aPosition");
-    e.enableVertexAttribArray(r), e.vertexAttribPointer(r, 2, e.FLOAT, !1, 0, 0);
-    const o = e.createBuffer();
-    e.bindBuffer(e.ELEMENT_ARRAY_BUFFER, o), e.bufferData(e.ELEMENT_ARRAY_BUFFER, t.indices, e.STATIC_DRAW), e.bindVertexArray(null);
+    const o = e.getAttribLocation(this.maskProgram, "aPosition");
+    e.enableVertexAttribArray(o), e.vertexAttribPointer(o, 2, e.FLOAT, !1, 0, 0);
+    const n = e.createBuffer();
+    e.bindBuffer(e.ELEMENT_ARRAY_BUFFER, n), e.bufferData(e.ELEMENT_ARRAY_BUFFER, t.indices, e.STATIC_DRAW), e.bindVertexArray(null);
   }
   uploadBoundaryMesh(t) {
     const e = this.gl;
     if (!e || !this.boundaryProgram) return;
-    const i = fe(t.edgeVertices);
+    const i = de(t.edgeVertices);
     if (i.count === 0) return;
     this.boundaryVao = e.createVertexArray(), e.bindVertexArray(this.boundaryVao);
-    const r = e.createBuffer();
-    e.bindBuffer(e.ARRAY_BUFFER, r), e.bufferData(e.ARRAY_BUFFER, i.vertices, e.STATIC_DRAW);
-    const o = 16, s = e.getAttribLocation(this.boundaryProgram, "aPosition");
-    e.enableVertexAttribArray(s), e.vertexAttribPointer(s, 2, e.FLOAT, !1, o, 0);
-    const a = e.getAttribLocation(this.boundaryProgram, "aNormal");
-    a >= 0 && (e.enableVertexAttribArray(a), e.vertexAttribPointer(a, 2, e.FLOAT, !1, o, 8)), this.boundaryVertexCount = i.count, e.bindVertexArray(null);
+    const o = e.createBuffer();
+    e.bindBuffer(e.ARRAY_BUFFER, o), e.bufferData(e.ARRAY_BUFFER, i.vertices, e.STATIC_DRAW);
+    const n = 16, s = e.getAttribLocation(this.boundaryProgram, "aPosition");
+    e.enableVertexAttribArray(s), e.vertexAttribPointer(s, 2, e.FLOAT, !1, n, 0);
+    const h = e.getAttribLocation(this.boundaryProgram, "aNormal");
+    h >= 0 && (e.enableVertexAttribArray(h), e.vertexAttribPointer(h, 2, e.FLOAT, !1, n, 8)), this.boundaryVertexCount = i.count, e.bindVertexArray(null);
   }
   uploadChamferMesh(t) {
     const e = this.gl;
     if (!e || !this.chamferProgram || this.config.chamferWidth <= 0) return;
-    const i = de(
+    const i = me(
       t.edgeVertices,
       t.contourOffsets,
       t.contourIsHole,
@@ -2015,14 +2058,14 @@ class ft {
     );
     if (i.count === 0) return;
     this.chamferVao = e.createVertexArray(), e.bindVertexArray(this.chamferVao);
-    const r = e.createBuffer();
-    e.bindBuffer(e.ARRAY_BUFFER, r), e.bufferData(e.ARRAY_BUFFER, i.vertices, e.STATIC_DRAW);
-    const o = 24, s = e.getAttribLocation(this.chamferProgram, "aPosition");
-    e.enableVertexAttribArray(s), e.vertexAttribPointer(s, 2, e.FLOAT, !1, o, 0);
-    const a = e.getAttribLocation(this.chamferProgram, "aNormal3");
-    a >= 0 && (e.enableVertexAttribArray(a), e.vertexAttribPointer(a, 3, e.FLOAT, !1, o, 8));
-    const h = e.getAttribLocation(this.chamferProgram, "aLerpT");
-    h >= 0 && (e.enableVertexAttribArray(h), e.vertexAttribPointer(h, 1, e.FLOAT, !1, o, 20)), this.chamferVertexCount = i.count, e.bindVertexArray(null);
+    const o = e.createBuffer();
+    e.bindBuffer(e.ARRAY_BUFFER, o), e.bufferData(e.ARRAY_BUFFER, i.vertices, e.STATIC_DRAW);
+    const n = 24, s = e.getAttribLocation(this.chamferProgram, "aPosition");
+    e.enableVertexAttribArray(s), e.vertexAttribPointer(s, 2, e.FLOAT, !1, n, 0);
+    const h = e.getAttribLocation(this.chamferProgram, "aNormal3");
+    h >= 0 && (e.enableVertexAttribArray(h), e.vertexAttribPointer(h, 3, e.FLOAT, !1, n, 8));
+    const a = e.getAttribLocation(this.chamferProgram, "aLerpT");
+    a >= 0 && (e.enableVertexAttribArray(a), e.vertexAttribPointer(a, 1, e.FLOAT, !1, n, 20)), this.chamferVertexCount = i.count, e.bindVertexArray(null);
   }
   disposeChamferGeometry() {
     const t = this.gl;
@@ -2035,8 +2078,8 @@ class ft {
     const i = this.gl;
     if (!i) return;
     this.disposeFBO(), this.fboWidth = t, this.fboHeight = e, this.interiorFbo = i.createFramebuffer(), i.bindFramebuffer(i.FRAMEBUFFER, this.interiorFbo), this.interiorColorTex = i.createTexture(), i.activeTexture(i.TEXTURE2), i.bindTexture(i.TEXTURE_2D, this.interiorColorTex), i.texStorage2D(i.TEXTURE_2D, 1, i.RGBA8, t, e), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_MIN_FILTER, i.LINEAR), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_MAG_FILTER, i.LINEAR), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_WRAP_S, i.CLAMP_TO_EDGE), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_WRAP_T, i.CLAMP_TO_EDGE), i.framebufferTexture2D(i.FRAMEBUFFER, i.COLOR_ATTACHMENT0, i.TEXTURE_2D, this.interiorColorTex, 0), this.interiorDepthTex = i.createTexture(), i.activeTexture(i.TEXTURE3), i.bindTexture(i.TEXTURE_2D, this.interiorDepthTex), i.texStorage2D(i.TEXTURE_2D, 1, i.RGBA8, t, e), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_MIN_FILTER, i.LINEAR), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_MAG_FILTER, i.LINEAR), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_WRAP_S, i.CLAMP_TO_EDGE), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_WRAP_T, i.CLAMP_TO_EDGE), i.framebufferTexture2D(i.FRAMEBUFFER, i.COLOR_ATTACHMENT1, i.TEXTURE_2D, this.interiorDepthTex, 0), i.drawBuffers([i.COLOR_ATTACHMENT0, i.COLOR_ATTACHMENT1]);
-    const r = i.checkFramebufferStatus(i.FRAMEBUFFER);
-    r !== i.FRAMEBUFFER_COMPLETE && console.error("Interior FBO incomplete:", r), i.bindFramebuffer(i.FRAMEBUFFER, null);
+    const o = i.checkFramebufferStatus(i.FRAMEBUFFER);
+    o !== i.FRAMEBUFFER_COMPLETE && console.error("Interior FBO incomplete:", o), i.bindFramebuffer(i.FRAMEBUFFER, null);
   }
   // -----------------------------------------------------------------------
   // JFA Distance Field
@@ -2045,13 +2088,15 @@ class ft {
     const i = this.gl;
     if (!i) return;
     this.disposeJFA();
-    const r = Math.max(1, Math.round(t / 2)), o = Math.max(1, Math.round(e / 2));
-    this.jfaWidth = r, this.jfaHeight = o;
-    const s = (a, h, l, u) => {
-      const f = i.createFramebuffer();
-      return i.bindFramebuffer(i.FRAMEBUFFER, f), i.bindTexture(i.TEXTURE_2D, a), i.texStorage2D(i.TEXTURE_2D, 1, h, l, u), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_MIN_FILTER, i.LINEAR), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_MAG_FILTER, i.LINEAR), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_WRAP_S, i.CLAMP_TO_EDGE), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_WRAP_T, i.CLAMP_TO_EDGE), i.framebufferTexture2D(i.FRAMEBUFFER, i.COLOR_ATTACHMENT0, i.TEXTURE_2D, a, 0), i.bindFramebuffer(i.FRAMEBUFFER, null), f;
+    const o = Math.max(1, Math.round(t / 2)), n = Math.max(1, Math.round(e / 2));
+    this.jfaWidth = o, this.jfaHeight = n;
+    const s = (a, l, u, f) => {
+      const c = i.createFramebuffer();
+      return i.bindFramebuffer(i.FRAMEBUFFER, c), i.bindTexture(i.TEXTURE_2D, a), i.texStorage2D(i.TEXTURE_2D, 1, l, u, f), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_MIN_FILTER, i.LINEAR), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_MAG_FILTER, i.LINEAR), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_WRAP_S, i.CLAMP_TO_EDGE), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_WRAP_T, i.CLAMP_TO_EDGE), i.framebufferTexture2D(i.FRAMEBUFFER, i.COLOR_ATTACHMENT0, i.TEXTURE_2D, a, 0), i.bindFramebuffer(i.FRAMEBUFFER, null), c;
     };
-    this.maskTex = i.createTexture(), this.maskFbo = s(this.maskTex, i.R8, r, o), this.jfaPingTex = i.createTexture(), this.jfaPingFbo = s(this.jfaPingTex, i.RG16F, r, o), this.jfaPongTex = i.createTexture(), this.jfaPongFbo = s(this.jfaPongTex, i.RG16F, r, o), this.distTex = i.createTexture(), this.distFbo = s(this.distTex, i.RGBA8, r, o), this.distFieldDirty = !0;
+    this.maskTex = i.createTexture(), this.maskFbo = s(this.maskTex, i.R8, o, n);
+    const h = this.hasColorBufferFloat ? i.RG16F : i.RGBA8;
+    this.jfaPingTex = i.createTexture(), this.jfaPingFbo = s(this.jfaPingTex, h, o, n), this.jfaPongTex = i.createTexture(), this.jfaPongFbo = s(this.jfaPongTex, h, o, n), this.distTex = i.createTexture(), this.distFbo = s(this.distTex, i.RGBA8, o, n), this.distFieldDirty = !0;
   }
   computeDistanceField() {
     const t = this.gl;
@@ -2059,33 +2104,33 @@ class ft {
     const e = this.jfaWidth, i = this.jfaHeight;
     if (e === 0 || i === 0) return;
     t.viewport(0, 0, e, i), t.disable(t.STENCIL_TEST), t.disable(t.BLEND), t.bindFramebuffer(t.FRAMEBUFFER, this.maskFbo), t.clearColor(0, 0, 0, 1), t.clear(t.COLOR_BUFFER_BIT), t.useProgram(this.maskProgram), t.uniform2f(this.maskUniforms.uMeshScale, this.meshScaleX, this.meshScaleY), t.bindVertexArray(this.maskVao), t.drawElements(t.TRIANGLES, this.stencilIndexCount, t.UNSIGNED_SHORT, 0), t.bindFramebuffer(t.FRAMEBUFFER, this.jfaPingFbo), t.clearColor(-1, -1, 0, 0), t.clear(t.COLOR_BUFFER_BIT), t.useProgram(this.jfaSeedProgram), t.activeTexture(t.TEXTURE5), t.bindTexture(t.TEXTURE_2D, this.maskTex), t.uniform1i(this.jfaSeedUniforms.uMask, 5), t.uniform2f(this.jfaSeedUniforms.uTexelSize, 1 / e, 1 / i), t.bindVertexArray(this.quadVao), t.drawArrays(t.TRIANGLE_STRIP, 0, 4);
-    const r = Math.max(e, i), o = [];
-    let s = Math.ceil(r / 2);
+    const o = Math.max(e, i), n = [];
+    let s = Math.ceil(o / 2);
     for (; s >= 1; )
-      o.push(s), s = Math.floor(s / 2);
+      n.push(s), s = Math.floor(s / 2);
     t.useProgram(this.jfaFloodProgram);
-    let a = this.jfaPingTex, h = this.jfaPongFbo, l = this.jfaPongTex;
-    for (let f = 0; f < o.length; f++) {
-      const c = o[f] / Math.max(e, i);
-      t.bindFramebuffer(t.FRAMEBUFFER, h), t.activeTexture(t.TEXTURE5), t.bindTexture(t.TEXTURE_2D, a), t.uniform1i(this.jfaFloodUniforms.uSeedTex, 5), t.uniform1f(this.jfaFloodUniforms.uStepSize, c), t.bindVertexArray(this.quadVao), t.drawArrays(t.TRIANGLE_STRIP, 0, 4);
-      const d = a, m = h;
-      a = l, h = m === this.jfaPongFbo ? this.jfaPingFbo : this.jfaPongFbo, l = d;
+    let h = this.jfaPingTex, a = this.jfaPongFbo, l = this.jfaPongTex;
+    for (let f = 0; f < n.length; f++) {
+      const c = n[f] / Math.max(e, i);
+      t.bindFramebuffer(t.FRAMEBUFFER, a), t.activeTexture(t.TEXTURE5), t.bindTexture(t.TEXTURE_2D, h), t.uniform1i(this.jfaFloodUniforms.uSeedTex, 5), t.uniform1f(this.jfaFloodUniforms.uStepSize, c), t.bindVertexArray(this.quadVao), t.drawArrays(t.TRIANGLE_STRIP, 0, 4);
+      const g = h, d = a;
+      h = l, a = d === this.jfaPongFbo ? this.jfaPingFbo : this.jfaPongFbo, l = g;
     }
-    t.bindFramebuffer(t.FRAMEBUFFER, this.distFbo), t.clearColor(0, 0, 0, 1), t.clear(t.COLOR_BUFFER_BIT), t.useProgram(this.jfaDistProgram), t.activeTexture(t.TEXTURE5), t.bindTexture(t.TEXTURE_2D, a), t.uniform1i(this.jfaDistUniforms.uSeedTex, 5), t.activeTexture(t.TEXTURE6), t.bindTexture(t.TEXTURE_2D, this.maskTex), t.uniform1i(this.jfaDistUniforms.uMask, 6);
+    t.bindFramebuffer(t.FRAMEBUFFER, this.distFbo), t.clearColor(0, 0, 0, 1), t.clear(t.COLOR_BUFFER_BIT), t.useProgram(this.jfaDistProgram), t.activeTexture(t.TEXTURE5), t.bindTexture(t.TEXTURE_2D, h), t.uniform1i(this.jfaDistUniforms.uSeedTex, 5), t.activeTexture(t.TEXTURE6), t.bindTexture(t.TEXTURE_2D, this.maskTex), t.uniform1i(this.jfaDistUniforms.uMask, 6);
     const u = Math.max(this.config.bevelWidth, this.config.edgeOcclusionWidth);
     t.uniform1f(this.jfaDistUniforms.uBevelWidth, u), t.bindVertexArray(this.quadVao), t.drawArrays(t.TRIANGLE_STRIP, 0, 4), t.activeTexture(t.TEXTURE4), t.bindTexture(t.TEXTURE_2D, this.distTex), t.bindFramebuffer(t.FRAMEBUFFER, null), this.distFieldDirty = !1;
   }
   // -----------------------------------------------------------------------
   // Render loop control
   // -----------------------------------------------------------------------
-  start(t, e, i, r) {
-    this.stop(), this.playbackVideo = t, this.readDepth = e, this.readInput = i, this.onVideoFrame = r ?? null, this.rvfcSupported = "requestVideoFrameCallback" in HTMLVideoElement.prototype, this.rvfcSupported && (this.rvfcHandle = t.requestVideoFrameCallback(this.videoFrameLoop)), this.animationFrameHandle = window.requestAnimationFrame(this.renderLoop);
+  start(t, e, i, o) {
+    this.stop(), this.playbackVideo = t, this.readDepth = e, this.readInput = i, this.onVideoFrame = o ?? null, this.rvfcSupported = "requestVideoFrameCallback" in HTMLVideoElement.prototype, this.rvfcSupported && (this.rvfcHandle = t.requestVideoFrameCallback(this.videoFrameLoop)), this.animationFrameHandle = window.requestAnimationFrame(this.renderLoop);
   }
   stop() {
     this.animationFrameHandle && (window.cancelAnimationFrame(this.animationFrameHandle), this.animationFrameHandle = 0), this.rvfcHandle && this.playbackVideo && (this.playbackVideo.cancelVideoFrameCallback(this.rvfcHandle), this.rvfcHandle = 0), this.playbackVideo = null, this.readDepth = null, this.readInput = null, this.onVideoFrame = null, this.rvfcSupported = !1;
   }
   dispose() {
-    this.stop(), this.disposeTextures(), this.disposeFBO(), this.disposeJFA(), this.disposeStencilGeometry(), this.disposeBoundaryGeometry(), this.disposeChamferGeometry(), this.disposeGPUResources(), this.canvas.removeEventListener("webglcontextlost", this.handleContextLost), this.canvas.removeEventListener("webglcontextrestored", this.handleContextRestored), this.resizeObserver && (this.resizeObserver.disconnect(), this.resizeObserver = null), window.removeEventListener("resize", this.scheduleResizeRecalculate), this.resizeTimer !== null && (window.clearTimeout(this.resizeTimer), this.resizeTimer = null);
+    this.stop(), this.disposeTextures(), this.disposeFBO(), this.disposeJFA(), this.disposeStencilGeometry(), this.disposeBoundaryGeometry(), this.disposeChamferGeometry(), this.disposeGPUResources(), this.canvas.removeEventListener("webglcontextlost", this.handleContextLost), this.canvas.removeEventListener("webglcontextrestored", this.handleContextRestored), this.gl && (this.gl.getExtension("WEBGL_lose_context")?.loseContext(), this.gl = null), this.canvas.remove(), this.resizeObserver && (this.resizeObserver.disconnect(), this.resizeObserver = null), window.removeEventListener("resize", this.scheduleResizeRecalculate), this.resizeTimer !== null && (window.clearTimeout(this.resizeTimer), this.resizeTimer = null);
   }
   // -----------------------------------------------------------------------
   // GPU resource initialization
@@ -2095,32 +2140,32 @@ class ft {
     if (!t) return;
     this.stencilProgram = V(
       t,
-      L(t, t.VERTEX_SHADER, qt),
-      L(t, t.FRAGMENT_SHADER, Zt)
+      L(t, t.VERTEX_SHADER, Zt),
+      L(t, t.FRAGMENT_SHADER, $t)
     ), this.stencilUniforms = {
       uMeshScale: t.getUniformLocation(this.stencilProgram, "uMeshScale")
     }, this.maskProgram = V(
       t,
-      L(t, t.VERTEX_SHADER, $t),
-      L(t, t.FRAGMENT_SHADER, Jt)
+      L(t, t.VERTEX_SHADER, Jt),
+      L(t, t.FRAGMENT_SHADER, Kt)
     ), this.maskUniforms = {
       uMeshScale: t.getUniformLocation(this.maskProgram, "uMeshScale")
     }, this.jfaSeedProgram = V(
       t,
-      L(t, t.VERTEX_SHADER, Kt),
-      L(t, t.FRAGMENT_SHADER, Qt)
+      L(t, t.VERTEX_SHADER, Qt),
+      L(t, t.FRAGMENT_SHADER, te)
     ), this.jfaSeedUniforms = this.getUniforms(this.jfaSeedProgram, ["uMask", "uTexelSize"]), this.jfaFloodProgram = V(
       t,
-      L(t, t.VERTEX_SHADER, te),
-      L(t, t.FRAGMENT_SHADER, ee)
+      L(t, t.VERTEX_SHADER, ee),
+      L(t, t.FRAGMENT_SHADER, ie)
     ), this.jfaFloodUniforms = this.getUniforms(this.jfaFloodProgram, ["uSeedTex", "uStepSize"]), this.jfaDistProgram = V(
       t,
-      L(t, t.VERTEX_SHADER, ie),
-      L(t, t.FRAGMENT_SHADER, re)
+      L(t, t.VERTEX_SHADER, re),
+      L(t, t.FRAGMENT_SHADER, oe)
     ), this.jfaDistUniforms = this.getUniforms(this.jfaDistProgram, ["uSeedTex", "uMask", "uBevelWidth"]), this.interiorProgram = V(
       t,
-      L(t, t.VERTEX_SHADER, oe),
-      L(t, t.FRAGMENT_SHADER, ne)
+      L(t, t.VERTEX_SHADER, ne),
+      L(t, t.FRAGMENT_SHADER, se)
     ), this.interiorUniforms = this.getUniforms(this.interiorProgram, [
       "uImage",
       "uDepth",
@@ -2144,8 +2189,8 @@ class ft {
       "uUvScale"
     ]), this.compositeProgram = V(
       t,
-      L(t, t.VERTEX_SHADER, se),
-      L(t, t.FRAGMENT_SHADER, ae)
+      L(t, t.VERTEX_SHADER, ae),
+      L(t, t.FRAGMENT_SHADER, he)
     ), this.compositeUniforms = this.getUniforms(this.compositeProgram, [
       "uInteriorColor",
       "uDistField",
@@ -2153,8 +2198,8 @@ class ft {
       "uEdgeOcclusionStrength"
     ]), this.boundaryProgram = V(
       t,
-      L(t, t.VERTEX_SHADER, he),
-      L(t, t.FRAGMENT_SHADER, le)
+      L(t, t.VERTEX_SHADER, le),
+      L(t, t.FRAGMENT_SHADER, ce)
     ), this.boundaryUniforms = this.getUniforms(this.boundaryProgram, [
       "uInteriorColor",
       "uInteriorDepth",
@@ -2174,8 +2219,8 @@ class ft {
       "uBevelIntensity"
     ]), this.chamferProgram = V(
       t,
-      L(t, t.VERTEX_SHADER, ce),
-      L(t, t.FRAGMENT_SHADER, ue)
+      L(t, t.VERTEX_SHADER, ue),
+      L(t, t.FRAGMENT_SHADER, fe)
     ), this.chamferUniforms = this.getUniforms(this.chamferProgram, [
       "uMeshScale",
       "uLightDir3",
@@ -2190,14 +2235,14 @@ class ft {
     this.quadVao = t.createVertexArray(), t.bindVertexArray(this.quadVao);
     const i = t.createBuffer();
     t.bindBuffer(t.ARRAY_BUFFER, i), t.bufferData(t.ARRAY_BUFFER, e, t.STATIC_DRAW);
-    const r = t.getAttribLocation(this.interiorProgram, "aPosition");
-    t.enableVertexAttribArray(r), t.vertexAttribPointer(r, 2, t.FLOAT, !1, 0, 0), t.bindVertexArray(null), t.disable(t.DEPTH_TEST);
+    const o = t.getAttribLocation(this.interiorProgram, "aPosition");
+    t.enableVertexAttribArray(o), t.vertexAttribPointer(o, 2, t.FLOAT, !1, 0, 0), t.bindVertexArray(null), t.disable(t.DEPTH_TEST);
   }
   getUniforms(t, e) {
-    const i = this.gl, r = {};
-    for (const o of e)
-      r[o] = i.getUniformLocation(t, o);
-    return r;
+    const i = this.gl, o = {};
+    for (const n of e)
+      o[n] = i.getUniformLocation(t, n);
+    return o;
   }
   // -----------------------------------------------------------------------
   // RVFC loop
@@ -2206,8 +2251,8 @@ class ft {
     const i = this.playbackVideo;
     if (!i) return;
     this.rvfcHandle = i.requestVideoFrameCallback(this.videoFrameLoop);
-    const r = e.mediaTime ?? i.currentTime;
-    this.updateDepthTexture(r), this.onVideoFrame && this.onVideoFrame(r, e.presentedFrames ?? 0);
+    const o = e.mediaTime ?? i.currentTime;
+    this.updateDepthTexture(o), this.onVideoFrame && this.onVideoFrame(o, e.presentedFrames ?? 0);
   };
   // -----------------------------------------------------------------------
   // Main render loop
@@ -2217,12 +2262,16 @@ class ft {
     const t = this.gl, e = this.playbackVideo;
     if (!t || !this.interiorProgram || !this.quadVao || !e || e.readyState < HTMLMediaElement.HAVE_CURRENT_DATA || !this.interiorFbo || !this.interiorColorTex || !this.interiorDepthTex) return;
     this.distFieldDirty && this.maskVao && this.distFbo && (this.computeDistanceField(), t.viewport(0, 0, this.canvas.width, this.canvas.height)), t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, this.videoTexture), t.texImage2D(t.TEXTURE_2D, 0, t.RGBA, t.RGBA, t.UNSIGNED_BYTE, e), this.rvfcSupported || this.updateDepthTexture(e.currentTime);
-    let i = 0, r = 0;
+    let i = 0, o = 0;
     if (this.readInput) {
-      const o = this.readInput();
-      i = -o.x, r = o.y;
+      const n = this.readInput();
+      i = -n.x, o = n.y;
+    }
+    if (t.bindFramebuffer(t.FRAMEBUFFER, this.interiorFbo), t.checkFramebufferStatus(t.FRAMEBUFFER) !== t.FRAMEBUFFER_COMPLETE) {
+      t.bindFramebuffer(t.FRAMEBUFFER, null);
+      return;
     }
-    t.bindFramebuffer(t.FRAMEBUFFER, this.interiorFbo), t.viewport(0, 0, this.fboWidth, this.fboHeight), t.clearColor(0, 0, 0, 1), t.clear(t.COLOR_BUFFER_BIT), t.useProgram(this.interiorProgram), t.uniform2f(this.interiorUniforms.uOffset, i, r), t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, this.videoTexture), t.activeTexture(t.TEXTURE1), t.bindTexture(t.TEXTURE_2D, this.depthTexture), t.bindVertexArray(this.quadVao), t.drawArrays(t.TRIANGLE_STRIP, 0, 4), t.bindFramebuffer(t.FRAMEBUFFER, null), t.clearColor(0, 0, 0, 0), t.viewport(0, 0, this.canvas.width, this.canvas.height), t.clear(t.COLOR_BUFFER_BIT | t.STENCIL_BUFFER_BIT), this.stencilVao && this.stencilProgram && this.stencilIndexCount > 0 && (t.enable(t.STENCIL_TEST), t.stencilFunc(t.ALWAYS, 1, 255), t.stencilOp(t.KEEP, t.KEEP, t.REPLACE), t.stencilMask(255), t.colorMask(!1, !1, !1, !1), t.useProgram(this.stencilProgram), t.bindVertexArray(this.stencilVao), t.drawElements(t.TRIANGLES, this.stencilIndexCount, t.UNSIGNED_SHORT, 0), t.colorMask(!0, !0, !0, !0)), t.stencilFunc(t.EQUAL, 1, 255), t.stencilMask(0), t.activeTexture(t.TEXTURE2), t.bindTexture(t.TEXTURE_2D, this.interiorColorTex), t.activeTexture(t.TEXTURE3), t.bindTexture(t.TEXTURE_2D, this.interiorDepthTex), t.activeTexture(t.TEXTURE4), t.bindTexture(t.TEXTURE_2D, this.distTex), t.useProgram(this.compositeProgram), t.bindVertexArray(this.quadVao), t.drawArrays(t.TRIANGLE_STRIP, 0, 4), t.disable(t.STENCIL_TEST), this.chamferVao && this.chamferProgram && this.chamferVertexCount > 0 && (t.useProgram(this.chamferProgram), t.uniform2f(this.chamferUniforms.uMeshScale, this.meshScaleX, this.meshScaleY), t.uniform2f(this.chamferUniforms.uTexelSize, 1 / this.canvas.width, 1 / this.canvas.height), t.bindVertexArray(this.chamferVao), t.drawArrays(t.TRIANGLES, 0, this.chamferVertexCount)), this.boundaryVao && this.boundaryProgram && this.boundaryVertexCount > 0 && this.config.rimLightIntensity > 0 && (t.enable(t.BLEND), t.blendFunc(t.SRC_ALPHA, t.ONE_MINUS_SRC_ALPHA), t.useProgram(this.boundaryProgram), t.bindVertexArray(this.boundaryVao), t.drawArrays(t.TRIANGLES, 0, this.boundaryVertexCount), t.disable(t.BLEND));
+    t.viewport(0, 0, this.fboWidth, this.fboHeight), t.clearColor(0, 0, 0, 1), t.clear(t.COLOR_BUFFER_BIT), t.useProgram(this.interiorProgram), t.uniform2f(this.interiorUniforms.uOffset, i, o), t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, this.videoTexture), t.activeTexture(t.TEXTURE1), t.bindTexture(t.TEXTURE_2D, this.depthTexture), t.bindVertexArray(this.quadVao), t.drawArrays(t.TRIANGLE_STRIP, 0, 4), t.bindFramebuffer(t.FRAMEBUFFER, null), t.clearColor(0, 0, 0, 0), t.viewport(0, 0, this.canvas.width, this.canvas.height), t.clear(t.COLOR_BUFFER_BIT | t.STENCIL_BUFFER_BIT), this.stencilVao && this.stencilProgram && this.stencilIndexCount > 0 && (t.enable(t.STENCIL_TEST), t.stencilFunc(t.ALWAYS, 1, 255), t.stencilOp(t.KEEP, t.KEEP, t.REPLACE), t.stencilMask(255), t.colorMask(!1, !1, !1, !1), t.useProgram(this.stencilProgram), t.bindVertexArray(this.stencilVao), t.drawElements(t.TRIANGLES, this.stencilIndexCount, t.UNSIGNED_SHORT, 0), t.colorMask(!0, !0, !0, !0)), t.stencilFunc(t.EQUAL, 1, 255), t.stencilMask(0), t.activeTexture(t.TEXTURE2), t.bindTexture(t.TEXTURE_2D, this.interiorColorTex), t.activeTexture(t.TEXTURE3), t.bindTexture(t.TEXTURE_2D, this.interiorDepthTex), t.activeTexture(t.TEXTURE4), t.bindTexture(t.TEXTURE_2D, this.distTex), t.useProgram(this.compositeProgram), t.bindVertexArray(this.quadVao), t.drawArrays(t.TRIANGLE_STRIP, 0, 4), t.disable(t.STENCIL_TEST), this.chamferVao && this.chamferProgram && this.chamferVertexCount > 0 && (t.useProgram(this.chamferProgram), t.uniform2f(this.chamferUniforms.uMeshScale, this.meshScaleX, this.meshScaleY), t.uniform2f(this.chamferUniforms.uTexelSize, 1 / this.canvas.width, 1 / this.canvas.height), t.bindVertexArray(this.chamferVao), t.drawArrays(t.TRIANGLES, 0, this.chamferVertexCount)), this.boundaryVao && this.boundaryProgram && this.boundaryVertexCount > 0 && this.config.rimLightIntensity > 0 && (t.enable(t.BLEND), t.blendFunc(t.SRC_ALPHA, t.ONE_MINUS_SRC_ALPHA), t.useProgram(this.boundaryProgram), t.bindVertexArray(this.boundaryVao), t.drawArrays(t.TRIANGLES, 0, this.boundaryVertexCount), t.disable(t.BLEND));
   };
   updateDepthTexture(t) {
     const e = this.gl;
@@ -2256,17 +2305,17 @@ class ft {
   recalculateViewportLayout() {
     const t = this.gl;
     if (!t) return;
-    const { width: e, height: i } = this.getViewportSize(), r = Math.min(window.devicePixelRatio, 2), o = Math.round(e * r), s = Math.round(i * r);
-    (this.canvas.width !== o || this.canvas.height !== s) && (this.canvas.width = o, this.canvas.height = s, t.viewport(0, 0, o, s)), (this.fboWidth !== o || this.fboHeight !== s) && this.createFBO(o, s);
-    const a = Math.max(1, Math.round(o / 2)), h = Math.max(1, Math.round(s / 2));
-    (this.jfaWidth !== a || this.jfaHeight !== h) && this.createJFAResources(o, s);
+    const { width: e, height: i } = this.getViewportSize(), o = Math.min(window.devicePixelRatio, 2), n = Math.round(e * o), s = Math.round(i * o);
+    (this.canvas.width !== n || this.canvas.height !== s) && (this.canvas.width = n, this.canvas.height = s, t.viewport(0, 0, n, s)), (this.fboWidth !== n || this.fboHeight !== s) && this.createFBO(n, s);
+    const h = Math.max(1, Math.round(n / 2)), a = Math.max(1, Math.round(s / 2));
+    (this.jfaWidth !== h || this.jfaHeight !== a) && this.createJFAResources(n, s);
     const l = e / i, u = this.config.parallaxStrength + this.config.overscanPadding;
     let f = 1, c = 1;
     l > this.videoAspect ? c = this.videoAspect / l : f = l / this.videoAspect;
-    const d = 1 + u * 2;
-    f /= d, c /= d, this.uvOffset = [(1 - f) / 2, (1 - c) / 2], this.uvScale = [f, c], this.interiorProgram && (t.useProgram(this.interiorProgram), t.uniform2f(this.interiorUniforms.uUvOffset, this.uvOffset[0], this.uvOffset[1]), t.uniform2f(this.interiorUniforms.uUvScale, this.uvScale[0], this.uvScale[1]));
-    const m = 0.65;
-    this.meshScaleX = m, this.meshScaleY = m, l > this.meshAspect ? this.meshScaleX = m * (this.meshAspect / l) : this.meshScaleY = m * (l / this.meshAspect), this.stencilProgram && (t.useProgram(this.stencilProgram), t.uniform2f(this.stencilUniforms.uMeshScale, this.meshScaleX, this.meshScaleY)), this.boundaryProgram && (t.useProgram(this.boundaryProgram), t.uniform2f(this.boundaryUniforms.uMeshScale, this.meshScaleX, this.meshScaleY), t.uniform1f(this.boundaryUniforms.uRimWidth, this.config.rimLightWidth), t.uniform2f(this.boundaryUniforms.uTexelSize, 1 / o, 1 / s)), this.chamferProgram && (t.useProgram(this.chamferProgram), t.uniform2f(this.chamferUniforms.uMeshScale, this.meshScaleX, this.meshScaleY)), this.distFieldDirty = !0;
+    const g = 1 + u * 2;
+    f /= g, c /= g, this.uvOffset = [(1 - f) / 2, (1 - c) / 2], this.uvScale = [f, c], this.interiorProgram && (t.useProgram(this.interiorProgram), t.uniform2f(this.interiorUniforms.uUvOffset, this.uvOffset[0], this.uvOffset[1]), t.uniform2f(this.interiorUniforms.uUvScale, this.uvScale[0], this.uvScale[1]));
+    const d = 0.65;
+    this.meshScaleX = d, this.meshScaleY = d, l > this.meshAspect ? this.meshScaleX = d * (this.meshAspect / l) : this.meshScaleY = d * (l / this.meshAspect), this.stencilProgram && (t.useProgram(this.stencilProgram), t.uniform2f(this.stencilUniforms.uMeshScale, this.meshScaleX, this.meshScaleY)), this.boundaryProgram && (t.useProgram(this.boundaryProgram), t.uniform2f(this.boundaryUniforms.uMeshScale, this.meshScaleX, this.meshScaleY), t.uniform1f(this.boundaryUniforms.uRimWidth, this.config.rimLightWidth), t.uniform2f(this.boundaryUniforms.uTexelSize, 1 / n, 1 / s)), this.chamferProgram && (t.useProgram(this.chamferProgram), t.uniform2f(this.chamferUniforms.uMeshScale, this.meshScaleX, this.meshScaleY)), this.distFieldDirty = !0;
   }
   getViewportSize() {
     const t = Math.max(1, Math.round(this.container.clientWidth || window.innerWidth)), e = Math.max(1, Math.round(this.container.clientHeight || window.innerHeight));
@@ -2284,7 +2333,7 @@ class ft {
       premultipliedAlpha: !0,
       stencil: !0
     });
-    t && (this.gl = t, t.clearColor(0, 0, 0, 0), t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL, !0), this.initGPUResources(), this.playbackVideo && (this.animationFrameHandle = window.requestAnimationFrame(this.renderLoop)));
+    t && (this.gl = t, this.hasColorBufferFloat = !!t.getExtension("EXT_color_buffer_float"), t.clearColor(0, 0, 0, 0), t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL, !0), this.initGPUResources(), this.recalculateViewportLayout(), this.playbackVideo && (this.animationFrameHandle = window.requestAnimationFrame(this.renderLoop)));
   };
   // -----------------------------------------------------------------------
   // Cleanup
@@ -2314,334 +2363,334 @@ class ft {
     t && (this.stencilProgram && (t.deleteProgram(this.stencilProgram), this.stencilProgram = null), this.maskProgram && (t.deleteProgram(this.maskProgram), this.maskProgram = null), this.jfaSeedProgram && (t.deleteProgram(this.jfaSeedProgram), this.jfaSeedProgram = null), this.jfaFloodProgram && (t.deleteProgram(this.jfaFloodProgram), this.jfaFloodProgram = null), this.jfaDistProgram && (t.deleteProgram(this.jfaDistProgram), this.jfaDistProgram = null), this.interiorProgram && (t.deleteProgram(this.interiorProgram), this.interiorProgram = null), this.compositeProgram && (t.deleteProgram(this.compositeProgram), this.compositeProgram = null), this.boundaryProgram && (t.deleteProgram(this.boundaryProgram), this.boundaryProgram = null), this.chamferProgram && (t.deleteProgram(this.chamferProgram), this.chamferProgram = null), this.quadVao && (t.deleteVertexArray(this.quadVao), this.quadVao = null), this.stencilUniforms = {}, this.maskUniforms = {}, this.jfaSeedUniforms = {}, this.jfaFloodUniforms = {}, this.jfaDistUniforms = {}, this.interiorUniforms = {}, this.compositeUniforms = {}, this.boundaryUniforms = {}, this.chamferUniforms = {});
   }
 }
-async function me(n) {
-  const t = await fetch(n);
+async function pe(r) {
+  const t = await fetch(r);
   if (!t.ok)
     throw new Error(`Failed to fetch SVG: ${t.status} ${t.statusText}`);
   const e = await t.text();
-  return pe(e);
+  return ge(e);
 }
-function pe(n) {
-  const i = new DOMParser().parseFromString(n, "image/svg+xml").querySelector("svg");
+function ge(r) {
+  const i = new DOMParser().parseFromString(r, "image/svg+xml").querySelector("svg");
   if (!i)
     throw new Error("No <svg> element found in document.");
-  const r = ge(i);
-  if (r.length === 0)
+  const o = ve(i);
+  if (o.length === 0)
     throw new Error("No path data found in SVG.");
-  let o = 1 / 0, s = 1 / 0, a = -1 / 0, h = -1 / 0;
-  for (const D of r)
-    for (let R = 0; R < D.length; R += 2)
-      o = Math.min(o, D[R]), a = Math.max(a, D[R]), s = Math.min(s, D[R + 1]), h = Math.max(h, D[R + 1]);
-  const l = a - o, u = h - s, f = (o + a) / 2, c = (s + h) / 2, d = 2 / Math.max(l, u), m = l / u, g = r.map((D) => {
+  let n = 1 / 0, s = 1 / 0, h = -1 / 0, a = -1 / 0;
+  for (const F of o)
+    for (let R = 0; R < F.length; R += 2)
+      n = Math.min(n, F[R]), h = Math.max(h, F[R]), s = Math.min(s, F[R + 1]), a = Math.max(a, F[R + 1]);
+  const l = h - n, u = a - s, f = (n + h) / 2, c = (s + a) / 2, g = 2 / Math.max(l, u), d = l / u, m = o.map((F) => {
     const R = [];
-    for (let C = 0; C < D.length; C += 2)
-      R.push((D[C] - f) * d), R.push(-((D[C + 1] - c) * d));
+    for (let C = 0; C < F.length; C += 2)
+      R.push((F[C] - f) * g), R.push(-((F[C + 1] - c) * g));
     return R;
-  }), U = Se(g), b = [], E = [];
-  for (const D of U) {
-    const { flatCoords: R, holeIndices: C } = ye(D), M = Re(R, C), H = b.length / 2;
+  }), U = Re(m), b = [], E = [];
+  for (const F of U) {
+    const { flatCoords: R, holeIndices: C } = Se(F), M = Fe(R, C), B = b.length / 2;
     for (const I of M)
-      E.push(I + H);
+      E.push(I + B);
     for (const I of R)
       b.push(I);
   }
-  const p = b, v = E, T = [], x = [], y = [], S = St(g);
-  for (let D = 0; D < g.length; D++) {
-    const R = g[D];
-    x.push(T.length), y.push(S[D]);
+  const p = b, v = E, T = [], x = [], A = [], S = Rt(m);
+  for (let F = 0; F < m.length; F++) {
+    const R = m[F];
+    x.push(T.length), A.push(S[F]);
     for (let C = 0; C < R.length; C++)
       T.push(R[C]);
     R.length >= 2 && T.push(R[0], R[1]);
   }
-  let F = 1 / 0, P = 1 / 0, _ = -1 / 0, k = -1 / 0;
-  for (let D = 0; D < p.length; D += 2)
-    F = Math.min(F, p[D]), _ = Math.max(_, p[D]), P = Math.min(P, p[D + 1]), k = Math.max(k, p[D + 1]);
+  let D = 1 / 0, P = 1 / 0, _ = -1 / 0, k = -1 / 0;
+  for (let F = 0; F < p.length; F += 2)
+    D = Math.min(D, p[F]), _ = Math.max(_, p[F]), P = Math.min(P, p[F + 1]), k = Math.max(k, p[F + 1]);
   return {
     vertices: new Float32Array(p),
     indices: new Uint16Array(v),
     edgeVertices: new Float32Array(T),
     contourOffsets: x,
-    contourIsHole: y,
-    bounds: { minX: F, maxX: _, minY: P, maxY: k },
-    aspect: m
+    contourIsHole: A,
+    bounds: { minX: D, maxX: _, minY: P, maxY: k },
+    aspect: d
   };
 }
-function ge(n) {
+function ve(r) {
   const t = [];
-  return n.querySelectorAll("path").forEach((h) => {
-    const l = h.getAttribute("d");
+  return r.querySelectorAll("path").forEach((a) => {
+    const l = a.getAttribute("d");
     if (!l) return;
-    const u = Te(l);
+    const u = Ee(l);
     t.push(...u);
-  }), n.querySelectorAll("polygon").forEach((h) => {
-    const l = h.getAttribute("points");
+  }), r.querySelectorAll("polygon").forEach((a) => {
+    const l = a.getAttribute("points");
     if (!l) return;
     const u = vt(l);
     u.length >= 6 && t.push(u);
-  }), n.querySelectorAll("polyline").forEach((h) => {
-    const l = h.getAttribute("points");
+  }), r.querySelectorAll("polyline").forEach((a) => {
+    const l = a.getAttribute("points");
     if (!l) return;
     const u = vt(l);
     u.length >= 6 && t.push(u);
-  }), n.querySelectorAll("rect").forEach((h) => {
-    const l = parseFloat(h.getAttribute("x") || "0"), u = parseFloat(h.getAttribute("y") || "0"), f = parseFloat(h.getAttribute("width") || "0"), c = parseFloat(h.getAttribute("height") || "0");
+  }), r.querySelectorAll("rect").forEach((a) => {
+    const l = parseFloat(a.getAttribute("x") || "0"), u = parseFloat(a.getAttribute("y") || "0"), f = parseFloat(a.getAttribute("width") || "0"), c = parseFloat(a.getAttribute("height") || "0");
     f > 0 && c > 0 && t.push([l, u, l + f, u, l + f, u + c, l, u + c]);
-  }), n.querySelectorAll("circle").forEach((h) => {
-    const l = parseFloat(h.getAttribute("cx") || "0"), u = parseFloat(h.getAttribute("cy") || "0"), f = parseFloat(h.getAttribute("r") || "0");
-    f > 0 && t.push(ve(l, u, f));
-  }), n.querySelectorAll("ellipse").forEach((h) => {
-    const l = parseFloat(h.getAttribute("cx") || "0"), u = parseFloat(h.getAttribute("cy") || "0"), f = parseFloat(h.getAttribute("rx") || "0"), c = parseFloat(h.getAttribute("ry") || "0");
-    f > 0 && c > 0 && t.push(xe(l, u, f, c));
+  }), r.querySelectorAll("circle").forEach((a) => {
+    const l = parseFloat(a.getAttribute("cx") || "0"), u = parseFloat(a.getAttribute("cy") || "0"), f = parseFloat(a.getAttribute("r") || "0");
+    f > 0 && t.push(xe(l, u, f));
+  }), r.querySelectorAll("ellipse").forEach((a) => {
+    const l = parseFloat(a.getAttribute("cx") || "0"), u = parseFloat(a.getAttribute("cy") || "0"), f = parseFloat(a.getAttribute("rx") || "0"), c = parseFloat(a.getAttribute("ry") || "0");
+    f > 0 && c > 0 && t.push(Te(l, u, f, c));
   }), t;
 }
-function vt(n) {
-  const t = [], e = n.trim().split(/[\s,]+/);
+function vt(r) {
+  const t = [], e = r.trim().split(/[\s,]+/);
   for (let i = 0; i < e.length - 1; i += 2) {
-    const r = parseFloat(e[i]), o = parseFloat(e[i + 1]);
-    Number.isFinite(r) && Number.isFinite(o) && t.push(r, o);
+    const o = parseFloat(e[i]), n = parseFloat(e[i + 1]);
+    Number.isFinite(o) && Number.isFinite(n) && t.push(o, n);
   }
   return t;
 }
-function ve(n, t, e, i = 64) {
-  const r = [];
-  for (let o = 0; o < i; o++) {
-    const s = 2 * Math.PI * o / i;
-    r.push(n + e * Math.cos(s), t + e * Math.sin(s));
-  }
-  return r;
-}
-function xe(n, t, e, i, r = 64) {
+function xe(r, t, e, i = 64) {
   const o = [];
-  for (let s = 0; s < r; s++) {
-    const a = 2 * Math.PI * s / r;
-    o.push(n + e * Math.cos(a), t + i * Math.sin(a));
+  for (let n = 0; n < i; n++) {
+    const s = 2 * Math.PI * n / i;
+    o.push(r + e * Math.cos(s), t + e * Math.sin(s));
   }
   return o;
 }
-function Te(n) {
+function Te(r, t, e, i, o = 64) {
+  const n = [];
+  for (let s = 0; s < o; s++) {
+    const h = 2 * Math.PI * s / o;
+    n.push(r + e * Math.cos(h), t + i * Math.sin(h));
+  }
+  return n;
+}
+function Ee(r) {
   const t = [];
-  let e = [], i = 0, r = 0, o = 0, s = 0, a = 0, h = 0, l = "";
-  const u = Ee(n);
+  let e = [], i = 0, o = 0, n = 0, s = 0, h = 0, a = 0, l = "";
+  const u = be(r);
   let f = 0;
   function c() {
     return f >= u.length ? 0 : parseFloat(u[f++]);
   }
   for (; f < u.length; ) {
-    const d = u[f];
-    let m;
-    /^[a-zA-Z]$/.test(d) ? (m = d, f++) : m = l === "M" ? "L" : l === "m" ? "l" : l;
-    const g = m === m.toLowerCase();
-    switch (m.toUpperCase()) {
+    const g = u[f];
+    let d;
+    /^[a-zA-Z]$/.test(g) ? (d = g, f++) : d = l === "M" ? "L" : l === "m" ? "l" : l;
+    const m = d === d.toLowerCase();
+    switch (d.toUpperCase()) {
       case "M": {
         e.length > 0 && t.push(e), e = [];
-        const b = c() + (g ? i : 0), E = c() + (g ? r : 0);
-        i = b, r = E, o = b, s = E, e.push(i, r), a = i, h = r;
+        const b = c() + (m ? i : 0), E = c() + (m ? o : 0);
+        i = b, o = E, n = b, s = E, e.push(i, o), h = i, a = o;
         break;
       }
       case "L": {
-        i = c() + (g ? i : 0), r = c() + (g ? r : 0), e.push(i, r), a = i, h = r;
+        i = c() + (m ? i : 0), o = c() + (m ? o : 0), e.push(i, o), h = i, a = o;
         break;
       }
       case "H": {
-        i = c() + (g ? i : 0), e.push(i, r), a = i, h = r;
+        i = c() + (m ? i : 0), e.push(i, o), h = i, a = o;
         break;
       }
       case "V": {
-        r = c() + (g ? r : 0), e.push(i, r), a = i, h = r;
+        o = c() + (m ? o : 0), e.push(i, o), h = i, a = o;
         break;
       }
       case "C": {
-        const b = c() + (g ? i : 0), E = c() + (g ? r : 0), p = c() + (g ? i : 0), v = c() + (g ? r : 0), T = c() + (g ? i : 0), x = c() + (g ? r : 0);
-        J(e, i, r, b, E, p, v, T, x), i = T, r = x, a = p, h = v;
+        const b = c() + (m ? i : 0), E = c() + (m ? o : 0), p = c() + (m ? i : 0), v = c() + (m ? o : 0), T = c() + (m ? i : 0), x = c() + (m ? o : 0);
+        J(e, i, o, b, E, p, v, T, x), i = T, o = x, h = p, a = v;
         break;
       }
       case "S": {
-        const b = 2 * i - a, E = 2 * r - h, p = c() + (g ? i : 0), v = c() + (g ? r : 0), T = c() + (g ? i : 0), x = c() + (g ? r : 0);
-        J(e, i, r, b, E, p, v, T, x), i = T, r = x, a = p, h = v;
+        const b = 2 * i - h, E = 2 * o - a, p = c() + (m ? i : 0), v = c() + (m ? o : 0), T = c() + (m ? i : 0), x = c() + (m ? o : 0);
+        J(e, i, o, b, E, p, v, T, x), i = T, o = x, h = p, a = v;
         break;
       }
       case "Q": {
-        const b = c() + (g ? i : 0), E = c() + (g ? r : 0), p = c() + (g ? i : 0), v = c() + (g ? r : 0);
-        xt(e, i, r, b, E, p, v), i = p, r = v, a = b, h = E;
+        const b = c() + (m ? i : 0), E = c() + (m ? o : 0), p = c() + (m ? i : 0), v = c() + (m ? o : 0);
+        xt(e, i, o, b, E, p, v), i = p, o = v, h = b, a = E;
         break;
       }
       case "T": {
-        const b = 2 * i - a, E = 2 * r - h, p = c() + (g ? i : 0), v = c() + (g ? r : 0);
-        xt(e, i, r, b, E, p, v), i = p, r = v, a = b, h = E;
+        const b = 2 * i - h, E = 2 * o - a, p = c() + (m ? i : 0), v = c() + (m ? o : 0);
+        xt(e, i, o, b, E, p, v), i = p, o = v, h = b, a = E;
         break;
       }
       case "A": {
-        const b = c(), E = c(), p = c(), v = c(), T = c(), x = c() + (g ? i : 0), y = c() + (g ? r : 0);
-        Ae(e, i, r, b, E, p, !!v, !!T, x, y), i = x, r = y, a = i, h = r;
+        const b = c(), E = c(), p = c(), v = c(), T = c(), x = c() + (m ? i : 0), A = c() + (m ? o : 0);
+        Ae(e, i, o, b, E, p, !!v, !!T, x, A), i = x, o = A, h = i, a = o;
         break;
       }
       case "Z": {
-        i = o, r = s, e.length > 0 && t.push(e), e = [], a = i, h = r;
+        i = n, o = s, e.length > 0 && t.push(e), e = [], h = i, a = o;
         break;
       }
       default:
         f++;
         break;
     }
-    l = m;
+    l = d;
   }
   return e.length >= 6 && t.push(e), t;
 }
-function Ee(n) {
+function be(r) {
   const t = [], e = /([a-zA-Z])|([+-]?(?:\d+\.?\d*|\.\d+)(?:[eE][+-]?\d+)?)/g;
   let i;
-  for (; (i = e.exec(n)) !== null; )
+  for (; (i = e.exec(r)) !== null; )
     t.push(i[0]);
   return t;
 }
-const be = 0.5;
-function J(n, t, e, i, r, o, s, a, h, l = 0) {
+const ye = 0.5;
+function J(r, t, e, i, o, n, s, h, a, l = 0) {
   if (l > 12) {
-    n.push(a, h);
+    r.push(h, a);
     return;
   }
-  const u = a - t, f = h - e, c = Math.sqrt(u * u + f * f);
+  const u = h - t, f = a - e, c = Math.sqrt(u * u + f * f);
   if (c < 1e-6) {
-    n.push(a, h);
+    r.push(h, a);
     return;
   }
-  const d = Math.abs((i - a) * f - (r - h) * u) / c, m = Math.abs((o - a) * f - (s - h) * u) / c;
-  if (d + m < be) {
-    n.push(a, h);
+  const g = Math.abs((i - h) * f - (o - a) * u) / c, d = Math.abs((n - h) * f - (s - a) * u) / c;
+  if (g + d < ye) {
+    r.push(h, a);
     return;
   }
-  const g = (t + i) / 2, U = (e + r) / 2, b = (i + o) / 2, E = (r + s) / 2, p = (o + a) / 2, v = (s + h) / 2, T = (g + b) / 2, x = (U + E) / 2, y = (b + p) / 2, S = (E + v) / 2, F = (T + y) / 2, P = (x + S) / 2;
-  J(n, t, e, g, U, T, x, F, P, l + 1), J(n, F, P, y, S, p, v, a, h, l + 1);
+  const m = (t + i) / 2, U = (e + o) / 2, b = (i + n) / 2, E = (o + s) / 2, p = (n + h) / 2, v = (s + a) / 2, T = (m + b) / 2, x = (U + E) / 2, A = (b + p) / 2, S = (E + v) / 2, D = (T + A) / 2, P = (x + S) / 2;
+  J(r, t, e, m, U, T, x, D, P, l + 1), J(r, D, P, A, S, p, v, h, a, l + 1);
 }
-function xt(n, t, e, i, r, o, s) {
-  const a = t + 0.6666666666666666 * (i - t), h = e + 2 / 3 * (r - e), l = o + 2 / 3 * (i - o), u = s + 2 / 3 * (r - s);
-  J(n, t, e, a, h, l, u, o, s);
+function xt(r, t, e, i, o, n, s) {
+  const h = t + 0.6666666666666666 * (i - t), a = e + 2 / 3 * (o - e), l = n + 2 / 3 * (i - n), u = s + 2 / 3 * (o - s);
+  J(r, t, e, h, a, l, u, n, s);
 }
-function Ae(n, t, e, i, r, o, s, a, h, l) {
-  if (i === 0 || r === 0) {
-    n.push(h, l);
+function Ae(r, t, e, i, o, n, s, h, a, l) {
+  if (i === 0 || o === 0) {
+    r.push(a, l);
     return;
   }
-  let u = Math.abs(i), f = Math.abs(r);
-  const c = o * Math.PI / 180, d = Math.cos(c), m = Math.sin(c), g = (t - h) / 2, U = (e - l) / 2, b = d * g + m * U, E = -m * g + d * U;
+  let u = Math.abs(i), f = Math.abs(o);
+  const c = n * Math.PI / 180, g = Math.cos(c), d = Math.sin(c), m = (t - a) / 2, U = (e - l) / 2, b = g * m + d * U, E = -d * m + g * U;
   let p = b * b / (u * u) + E * E / (f * f);
   if (p > 1) {
     const M = Math.sqrt(p);
     u *= M, f *= M, p = 1;
   }
-  const v = u * u, T = f * f, x = b * b, y = E * E;
-  let S = Math.max(0, (v * T - v * y - T * x) / (v * y + T * x));
-  S = Math.sqrt(S), s === a && (S = -S);
-  const F = S * (u * E) / f, P = S * -(f * b) / u, _ = d * F - m * P + (t + h) / 2, k = m * F + d * P + (e + l) / 2, D = Tt(1, 0, (b - F) / u, (E - P) / f);
+  const v = u * u, T = f * f, x = b * b, A = E * E;
+  let S = Math.max(0, (v * T - v * A - T * x) / (v * A + T * x));
+  S = Math.sqrt(S), s === h && (S = -S);
+  const D = S * (u * E) / f, P = S * -(f * b) / u, _ = g * D - d * P + (t + a) / 2, k = d * D + g * P + (e + l) / 2, F = Tt(1, 0, (b - D) / u, (E - P) / f);
   let R = Tt(
-    (b - F) / u,
+    (b - D) / u,
     (E - P) / f,
-    (-b - F) / u,
+    (-b - D) / u,
     (-E - P) / f
   );
-  !a && R > 0 && (R -= 2 * Math.PI), a && R < 0 && (R += 2 * Math.PI);
+  !h && R > 0 && (R -= 2 * Math.PI), h && R < 0 && (R += 2 * Math.PI);
   const C = Math.max(4, Math.ceil(Math.abs(R) / (Math.PI / 16)));
   for (let M = 1; M <= C; M++) {
-    const H = D + M / C * R, I = Math.cos(H), N = Math.sin(H), j = d * u * I - m * f * N + _, et = m * u * I + d * f * N + k;
-    n.push(j, et);
+    const B = F + M / C * R, I = Math.cos(B), N = Math.sin(B), j = g * u * I - d * f * N + _, et = d * u * I + g * f * N + k;
+    r.push(j, et);
   }
 }
-function Tt(n, t, e, i) {
-  const r = n * i - t * e < 0 ? -1 : 1, o = n * e + t * i, s = Math.sqrt(n * n + t * t), a = Math.sqrt(e * e + i * i), h = o / (s * a);
-  return r * Math.acos(Math.max(-1, Math.min(1, h)));
+function Tt(r, t, e, i) {
+  const o = r * i - t * e < 0 ? -1 : 1, n = r * e + t * i, s = Math.sqrt(r * r + t * t), h = Math.sqrt(e * e + i * i), a = n / (s * h);
+  return o * Math.acos(Math.max(-1, Math.min(1, a)));
 }
-function ye(n) {
+function Se(r) {
   const t = [], e = [];
-  for (let i = 0; i < n.length; i++) {
+  for (let i = 0; i < r.length; i++) {
     i > 0 && e.push(t.length / 2);
-    for (const r of n[i])
-      t.push(r);
+    for (const o of r[i])
+      t.push(o);
   }
   return { flatCoords: t, holeIndices: e };
 }
-function St(n) {
-  const t = n.length, e = n.map((r) => Math.abs(Rt(r))), i = new Array(t).fill(!1);
-  for (let r = 0; r < t; r++) {
-    let o = 0;
-    const s = n[r][0], a = n[r][1];
-    for (let h = 0; h < t; h++)
-      r !== h && e[h] > e[r] && Dt(s, a, n[h]) && o++;
-    i[r] = o % 2 === 1;
+function Rt(r) {
+  const t = r.length, e = r.map((o) => Math.abs(Ft(o))), i = new Array(t).fill(!1);
+  for (let o = 0; o < t; o++) {
+    let n = 0;
+    const s = r[o][0], h = r[o][1];
+    for (let a = 0; a < t; a++)
+      o !== a && e[a] > e[o] && Dt(s, h, r[a]) && n++;
+    i[o] = n % 2 === 1;
   }
   return i;
 }
-function Se(n) {
-  if (n.length <= 1)
-    return [n];
-  const t = St(n), e = n.map((s, a) => {
-    const h = Rt(s);
-    return { index: a, contour: s, area: h, isOuter: !t[a] };
-  }), i = e.filter((s) => s.isOuter), r = e.filter((s) => !s.isOuter);
+function Re(r) {
+  if (r.length <= 1)
+    return [r];
+  const t = Rt(r), e = r.map((s, h) => {
+    const a = Ft(s);
+    return { index: h, contour: s, area: a, isOuter: !t[h] };
+  }), i = e.filter((s) => s.isOuter), o = e.filter((s) => !s.isOuter);
   if (i.length === 0)
-    return n.map((s) => [s]);
-  const o = i.map((s) => ({
+    return r.map((s) => [s]);
+  const n = i.map((s) => ({
     outer: s.contour,
     holes: []
   }));
-  for (const s of r) {
-    const a = s.contour[0], h = s.contour[1];
+  for (const s of o) {
+    const h = s.contour[0], a = s.contour[1];
     let l = -1, u = 1 / 0;
     for (let f = 0; f < i.length; f++)
-      if (Dt(a, h, i[f].contour)) {
+      if (Dt(h, a, i[f].contour)) {
         const c = Math.abs(i[f].area);
         c < u && (u = c, l = f);
       }
-    l >= 0 ? o[l].holes.push(s.contour) : o.push({ outer: s.contour, holes: [] });
+    l >= 0 ? n[l].holes.push(s.contour) : n.push({ outer: s.contour, holes: [] });
   }
-  return o.map((s) => [s.outer, ...s.holes]);
+  return n.map((s) => [s.outer, ...s.holes]);
 }
-function Rt(n) {
+function Ft(r) {
   let t = 0;
-  const e = n.length;
+  const e = r.length;
   for (let i = 0; i < e; i += 2) {
-    const r = n[i], o = n[i + 1], s = n[(i + 2) % e], a = n[(i + 3) % e];
-    t += r * a - s * o;
+    const o = r[i], n = r[i + 1], s = r[(i + 2) % e], h = r[(i + 3) % e];
+    t += o * h - s * n;
   }
   return t / 2;
 }
-function Dt(n, t, e) {
+function Dt(r, t, e) {
   let i = !1;
-  const r = e.length;
-  for (let o = 0, s = r - 2; o < r; s = o, o += 2) {
-    const a = e[o], h = e[o + 1], l = e[s], u = e[s + 1];
-    h > t != u > t && n < (l - a) * (t - h) / (u - h) + a && (i = !i);
+  const o = e.length;
+  for (let n = 0, s = o - 2; n < o; s = n, n += 2) {
+    const h = e[n], a = e[n + 1], l = e[s], u = e[s + 1];
+    a > t != u > t && r < (l - h) * (t - a) / (u - a) + h && (i = !i);
   }
   return i;
 }
-function Re(n, t, e = 2) {
-  const i = t && t.length > 0, r = i ? t[0] * e : n.length;
-  let o = Ft(n, 0, r, e, !0);
+function Fe(r, t, e = 2) {
+  const i = t && t.length > 0, o = i ? t[0] * e : r.length;
+  let n = Ut(r, 0, o, e, !0);
   const s = [];
-  if (!o || o.next === o.prev) return s;
-  i && (o = we(n, t, o, e));
-  let a = 1 / 0, h = 1 / 0, l = -1 / 0, u = -1 / 0, f = 0;
-  if (n.length > 80 * e) {
-    for (let c = 0; c < r; c += e) {
-      const d = n[c], m = n[c + 1];
-      d < a && (a = d), m < h && (h = m), d > l && (l = d), m > u && (u = m);
+  if (!n || n.next === n.prev) return s;
+  i && (n = Le(r, t, n, e));
+  let h = 1 / 0, a = 1 / 0, l = -1 / 0, u = -1 / 0, f = 0;
+  if (r.length > 80 * e) {
+    for (let c = 0; c < o; c += e) {
+      const g = r[c], d = r[c + 1];
+      g < h && (h = g), d < a && (a = d), g > l && (l = g), d > u && (u = d);
     }
-    f = Math.max(l - a, u - h), f = f !== 0 ? 32767 / f : 0;
+    f = Math.max(l - h, u - a), f = f !== 0 ? 32767 / f : 0;
   }
-  return K(o, s, e, a, h, f, 0), s;
+  return K(n, s, e, h, a, f, 0), s;
 }
-function Ft(n, t, e, i, r) {
-  let o = null;
-  if (r === Be(n, t, e, i) > 0)
+function Ut(r, t, e, i, o) {
+  let n = null;
+  if (o === Xe(r, t, e, i) > 0)
     for (let s = t; s < e; s += i)
-      o = Et(s, n[s], n[s + 1], o);
+      n = Et(s, r[s], r[s + 1], n);
   else
     for (let s = e - i; s >= t; s -= i)
-      o = Et(s, n[s], n[s + 1], o);
-  return o && at(o, o.next) && (tt(o), o = o.next), o ? (o.next.prev = o, o.prev.next = o, o.next) : null;
+      n = Et(s, r[s], r[s + 1], n);
+  return n && at(n, n.next) && (tt(n), n = n.next), n ? (n.next.prev = n, n.prev.next = n, n.next) : null;
 }
-function X(n, t) {
-  t || (t = n);
-  let e = n, i;
+function X(r, t) {
+  t || (t = r);
+  let e = r, i;
   do
     if (i = !1, !e.steiner && (at(e, e.next) || w(e.prev, e, e.next) === 0)) {
       if (tt(e), e = t = e.prev, e === e.next) break;
@@ -2651,215 +2700,215 @@ function X(n, t) {
   while (i || e !== t);
   return t;
 }
-function K(n, t, e, i, r, o, s) {
-  if (!n) return;
-  !s && o && _e(n, i, r, o);
-  let a = n, h, l;
-  for (; n.prev !== n.next; ) {
-    if (h = n.prev, l = n.next, o ? Fe(n, i, r, o) : De(n)) {
-      t.push(h.i / e, n.i / e, l.i / e), tt(n), n = l.next, a = l.next;
+function K(r, t, e, i, o, n, s) {
+  if (!r) return;
+  !s && n && Ie(r, i, o, n);
+  let h = r, a, l;
+  for (; r.prev !== r.next; ) {
+    if (a = r.prev, l = r.next, n ? Ue(r, i, o, n) : De(r)) {
+      t.push(a.i / e, r.i / e, l.i / e), tt(r), r = l.next, h = l.next;
       continue;
     }
-    if (n = l, n === a) {
-      s ? s === 1 ? (n = Ue(X(n), t, e), K(n, t, e, i, r, o, 2)) : s === 2 && Pe(n, t, e, i, r, o) : K(X(n), t, e, i, r, o, 1);
+    if (r = l, r === h) {
+      s ? s === 1 ? (r = Pe(X(r), t, e), K(r, t, e, i, o, n, 2)) : s === 2 && we(r, t, e, i, o, n) : K(X(r), t, e, i, o, n, 1);
       break;
     }
   }
 }
-function De(n) {
-  const t = n.prev, e = n, i = n.next;
+function De(r) {
+  const t = r.prev, e = r, i = r.next;
   if (w(t, e, i) >= 0) return !1;
-  const r = t.x, o = e.x, s = i.x, a = t.y, h = e.y, l = i.y, u = r < o ? r < s ? r : s : o < s ? o : s, f = a < h ? a < l ? a : l : h < l ? h : l, c = r > o ? r > s ? r : s : o > s ? o : s, d = a > h ? a > l ? a : l : h > l ? h : l;
-  let m = i.next;
-  for (; m !== t; ) {
-    if (m.x >= u && m.x <= c && m.y >= f && m.y <= d && G(r, a, o, h, s, l, m.x, m.y) && w(m.prev, m, m.next) >= 0)
+  const o = t.x, n = e.x, s = i.x, h = t.y, a = e.y, l = i.y, u = o < n ? o < s ? o : s : n < s ? n : s, f = h < a ? h < l ? h : l : a < l ? a : l, c = o > n ? o > s ? o : s : n > s ? n : s, g = h > a ? h > l ? h : l : a > l ? a : l;
+  let d = i.next;
+  for (; d !== t; ) {
+    if (d.x >= u && d.x <= c && d.y >= f && d.y <= g && G(o, h, n, a, s, l, d.x, d.y) && w(d.prev, d, d.next) >= 0)
       return !1;
-    m = m.next;
+    d = d.next;
   }
   return !0;
 }
-function Fe(n, t, e, i) {
-  const r = n.prev, o = n, s = n.next;
-  if (w(r, o, s) >= 0) return !1;
-  const a = r.x, h = o.x, l = s.x, u = r.y, f = o.y, c = s.y, d = a < h ? a < l ? a : l : h < l ? h : l, m = u < f ? u < c ? u : c : f < c ? f : c, g = a > h ? a > l ? a : l : h > l ? h : l, U = u > f ? u > c ? u : c : f > c ? f : c, b = ct(d, m, t, e, i), E = ct(g, U, t, e, i);
-  let p = n.prevZ, v = n.nextZ;
+function Ue(r, t, e, i) {
+  const o = r.prev, n = r, s = r.next;
+  if (w(o, n, s) >= 0) return !1;
+  const h = o.x, a = n.x, l = s.x, u = o.y, f = n.y, c = s.y, g = h < a ? h < l ? h : l : a < l ? a : l, d = u < f ? u < c ? u : c : f < c ? f : c, m = h > a ? h > l ? h : l : a > l ? a : l, U = u > f ? u > c ? u : c : f > c ? f : c, b = ct(g, d, t, e, i), E = ct(m, U, t, e, i);
+  let p = r.prevZ, v = r.nextZ;
   for (; p && p.z >= b && v && v.z <= E; ) {
-    if (p.x >= d && p.x <= g && p.y >= m && p.y <= U && p !== r && p !== s && G(a, u, h, f, l, c, p.x, p.y) && w(p.prev, p, p.next) >= 0 || (p = p.prevZ, v.x >= d && v.x <= g && v.y >= m && v.y <= U && v !== r && v !== s && G(a, u, h, f, l, c, v.x, v.y) && w(v.prev, v, v.next) >= 0)) return !1;
+    if (p.x >= g && p.x <= m && p.y >= d && p.y <= U && p !== o && p !== s && G(h, u, a, f, l, c, p.x, p.y) && w(p.prev, p, p.next) >= 0 || (p = p.prevZ, v.x >= g && v.x <= m && v.y >= d && v.y <= U && v !== o && v !== s && G(h, u, a, f, l, c, v.x, v.y) && w(v.prev, v, v.next) >= 0)) return !1;
     v = v.nextZ;
   }
   for (; p && p.z >= b; ) {
-    if (p.x >= d && p.x <= g && p.y >= m && p.y <= U && p !== r && p !== s && G(a, u, h, f, l, c, p.x, p.y) && w(p.prev, p, p.next) >= 0) return !1;
+    if (p.x >= g && p.x <= m && p.y >= d && p.y <= U && p !== o && p !== s && G(h, u, a, f, l, c, p.x, p.y) && w(p.prev, p, p.next) >= 0) return !1;
     p = p.prevZ;
   }
   for (; v && v.z <= E; ) {
-    if (v.x >= d && v.x <= g && v.y >= m && v.y <= U && v !== r && v !== s && G(a, u, h, f, l, c, v.x, v.y) && w(v.prev, v, v.next) >= 0) return !1;
+    if (v.x >= g && v.x <= m && v.y >= d && v.y <= U && v !== o && v !== s && G(h, u, a, f, l, c, v.x, v.y) && w(v.prev, v, v.next) >= 0) return !1;
     v = v.nextZ;
   }
   return !0;
 }
-function Ue(n, t, e) {
-  let i = n;
+function Pe(r, t, e) {
+  let i = r;
   do {
-    const r = i.prev, o = i.next.next;
-    !at(r, o) && Ut(r, i, i.next, o) && Q(r, o) && Q(o, r) && (t.push(r.i / e, i.i / e, o.i / e), tt(i), tt(i.next), i = n = o), i = i.next;
-  } while (i !== n);
+    const o = i.prev, n = i.next.next;
+    !at(o, n) && Pt(o, i, i.next, n) && Q(o, n) && Q(n, o) && (t.push(o.i / e, i.i / e, n.i / e), tt(i), tt(i.next), i = r = n), i = i.next;
+  } while (i !== r);
   return X(i);
 }
-function Pe(n, t, e, i, r, o) {
-  let s = n;
+function we(r, t, e, i, o, n) {
+  let s = r;
   do {
-    let a = s.next.next;
-    for (; a !== s.prev; ) {
-      if (s.i !== a.i && Oe(s, a)) {
-        let h = Pt(s, a);
-        s = X(s, s.next), h = X(h, h.next), K(s, t, e, i, r, o, 0), K(h, t, e, i, r, o, 0);
+    let h = s.next.next;
+    for (; h !== s.prev; ) {
+      if (s.i !== h.i && ke(s, h)) {
+        let a = wt(s, h);
+        s = X(s, s.next), a = X(a, a.next), K(s, t, e, i, o, n, 0), K(a, t, e, i, o, n, 0);
         return;
       }
-      a = a.next;
+      h = h.next;
     }
     s = s.next;
-  } while (s !== n);
+  } while (s !== r);
 }
-function we(n, t, e, i) {
-  const r = [];
-  for (let o = 0; o < t.length; o++) {
-    const s = t[o] * i, a = o < t.length - 1 ? t[o + 1] * i : n.length, h = Ft(n, s, a, i, !1);
-    h && (h === h.next && (h.steiner = !0), r.push(Ve(h)));
+function Le(r, t, e, i) {
+  const o = [];
+  for (let n = 0; n < t.length; n++) {
+    const s = t[n] * i, h = n < t.length - 1 ? t[n + 1] * i : r.length, a = Ut(r, s, h, i, !1);
+    a && (a === a.next && (a.steiner = !0), o.push(Oe(a)));
   }
-  r.sort((o, s) => o.x - s.x);
-  for (const o of r)
-    e = Le(o, e);
+  o.sort((n, s) => n.x - s.x);
+  for (const n of o)
+    e = Ce(n, e);
   return e;
 }
-function Le(n, t) {
-  const e = Ce(n, t);
+function Ce(r, t) {
+  const e = Me(r, t);
   if (!e) return t;
-  const i = Pt(e, n);
+  const i = wt(e, r);
   return X(i, i.next), X(e, e.next);
 }
-function Ce(n, t) {
+function Me(r, t) {
   let e = t;
-  const i = n.x, r = n.y;
-  let o = -1 / 0, s = null;
+  const i = r.x, o = r.y;
+  let n = -1 / 0, s = null;
   do {
-    if (r <= e.y && r >= e.next.y && e.next.y !== e.y) {
-      const f = e.x + (r - e.y) / (e.next.y - e.y) * (e.next.x - e.x);
-      if (f <= i && f > o && (o = f, s = e.x < e.next.x ? e : e.next, f === i))
+    if (o <= e.y && o >= e.next.y && e.next.y !== e.y) {
+      const f = e.x + (o - e.y) / (e.next.y - e.y) * (e.next.x - e.x);
+      if (f <= i && f > n && (n = f, s = e.x < e.next.x ? e : e.next, f === i))
         return s;
     }
     e = e.next;
   } while (e !== t);
   if (!s) return null;
-  const a = s, h = s.x, l = s.y;
+  const h = s, a = s.x, l = s.y;
   let u = 1 / 0;
   e = s;
   do {
-    if (i >= e.x && e.x >= h && i !== e.x && G(r < l ? i : o, r, h, l, r < l ? o : i, r, e.x, e.y)) {
-      const f = Math.abs(r - e.y) / (i - e.x);
-      Q(e, n) && (f < u || f === u && (e.x > s.x || Me(s, e))) && (s = e, u = f);
+    if (i >= e.x && e.x >= a && i !== e.x && G(o < l ? i : n, o, a, l, o < l ? n : i, o, e.x, e.y)) {
+      const f = Math.abs(o - e.y) / (i - e.x);
+      Q(e, r) && (f < u || f === u && (e.x > s.x || _e(s, e))) && (s = e, u = f);
     }
     e = e.next;
-  } while (e !== a);
+  } while (e !== h);
   return s;
 }
-function Me(n, t) {
-  return w(n.prev, n, t.prev) < 0 && w(t.next, n, n.next) < 0;
+function _e(r, t) {
+  return w(r.prev, r, t.prev) < 0 && w(t.next, r, r.next) < 0;
 }
-function _e(n, t, e, i) {
-  let r = n;
+function Ie(r, t, e, i) {
+  let o = r;
   do
-    r.z === 0 && (r.z = ct(r.x, r.y, t, e, i)), r.prevZ = r.prev, r.nextZ = r.next, r = r.next;
-  while (r !== n);
-  r.prevZ.nextZ = null, r.prevZ = null, Ie(r);
+    o.z === 0 && (o.z = ct(o.x, o.y, t, e, i)), o.prevZ = o.prev, o.nextZ = o.next, o = o.next;
+  while (o !== r);
+  o.prevZ.nextZ = null, o.prevZ = null, Ve(o);
 }
-function Ie(n) {
+function Ve(r) {
   let t = 1, e;
   do {
-    let i = n;
-    n = null;
-    let r = null;
+    let i = r;
+    r = null;
+    let o = null;
     for (e = 0; i; ) {
       e++;
-      let o = i, s = 0;
-      for (let h = 0; h < t && (s++, o = o.nextZ, !!o); h++)
+      let n = i, s = 0;
+      for (let a = 0; a < t && (s++, n = n.nextZ, !!n); a++)
         ;
-      let a = t;
-      for (; s > 0 || a > 0 && o; ) {
-        let h;
-        s !== 0 && (a === 0 || !o || i.z <= o.z) ? (h = i, i = i.nextZ, s--) : (h = o, o = o.nextZ, a--), r ? r.nextZ = h : n = h, h.prevZ = r, r = h;
+      let h = t;
+      for (; s > 0 || h > 0 && n; ) {
+        let a;
+        s !== 0 && (h === 0 || !n || i.z <= n.z) ? (a = i, i = i.nextZ, s--) : (a = n, n = n.nextZ, h--), o ? o.nextZ = a : r = a, a.prevZ = o, o = a;
       }
-      i = o;
+      i = n;
     }
-    r.nextZ = null, t *= 2;
+    o.nextZ = null, t *= 2;
   } while (e > 1);
-  return n;
+  return r;
 }
-function ct(n, t, e, i, r) {
-  let o = (n - e) * r | 0, s = (t - i) * r | 0;
-  return o = (o | o << 8) & 16711935, o = (o | o << 4) & 252645135, o = (o | o << 2) & 858993459, o = (o | o << 1) & 1431655765, s = (s | s << 8) & 16711935, s = (s | s << 4) & 252645135, s = (s | s << 2) & 858993459, s = (s | s << 1) & 1431655765, o | s << 1;
+function ct(r, t, e, i, o) {
+  let n = (r - e) * o | 0, s = (t - i) * o | 0;
+  return n = (n | n << 8) & 16711935, n = (n | n << 4) & 252645135, n = (n | n << 2) & 858993459, n = (n | n << 1) & 1431655765, s = (s | s << 8) & 16711935, s = (s | s << 4) & 252645135, s = (s | s << 2) & 858993459, s = (s | s << 1) & 1431655765, n | s << 1;
 }
-function Ve(n) {
-  let t = n, e = n;
+function Oe(r) {
+  let t = r, e = r;
   do
     (t.x < e.x || t.x === e.x && t.y < e.y) && (e = t), t = t.next;
-  while (t !== n);
+  while (t !== r);
   return e;
 }
-function G(n, t, e, i, r, o, s, a) {
-  return (r - s) * (t - a) - (n - s) * (o - a) >= 0 && (n - s) * (i - a) - (e - s) * (t - a) >= 0 && (e - s) * (o - a) - (r - s) * (i - a) >= 0;
+function G(r, t, e, i, o, n, s, h) {
+  return (o - s) * (t - h) - (r - s) * (n - h) >= 0 && (r - s) * (i - h) - (e - s) * (t - h) >= 0 && (e - s) * (n - h) - (o - s) * (i - h) >= 0;
 }
-function Oe(n, t) {
-  return n.next.i !== t.i && n.prev.i !== t.i && !ke(n, t) && (Q(n, t) && Q(t, n) && He(n, t) && (w(n.prev, n, t.prev) !== 0 || w(n, t.prev, t) !== 0) || at(n, t) && w(n.prev, n, n.next) > 0 && w(t.prev, t, t.next) > 0);
+function ke(r, t) {
+  return r.next.i !== t.i && r.prev.i !== t.i && !Be(r, t) && (Q(r, t) && Q(t, r) && He(r, t) && (w(r.prev, r, t.prev) !== 0 || w(r, t.prev, t) !== 0) || at(r, t) && w(r.prev, r, r.next) > 0 && w(t.prev, t, t.next) > 0);
 }
-function w(n, t, e) {
-  return (t.y - n.y) * (e.x - t.x) - (t.x - n.x) * (e.y - t.y);
+function w(r, t, e) {
+  return (t.y - r.y) * (e.x - t.x) - (t.x - r.x) * (e.y - t.y);
 }
-function at(n, t) {
-  return n.x === t.x && n.y === t.y;
+function at(r, t) {
+  return r.x === t.x && r.y === t.y;
 }
-function Ut(n, t, e, i) {
-  const r = ot(w(n, t, e)), o = ot(w(n, t, i)), s = ot(w(e, i, n)), a = ot(w(e, i, t));
-  return !!(r !== o && s !== a || r === 0 && rt(n, e, t) || o === 0 && rt(n, i, t) || s === 0 && rt(e, n, i) || a === 0 && rt(e, t, i));
+function Pt(r, t, e, i) {
+  const o = ot(w(r, t, e)), n = ot(w(r, t, i)), s = ot(w(e, i, r)), h = ot(w(e, i, t));
+  return !!(o !== n && s !== h || o === 0 && rt(r, e, t) || n === 0 && rt(r, i, t) || s === 0 && rt(e, r, i) || h === 0 && rt(e, t, i));
 }
-function rt(n, t, e) {
-  return t.x <= Math.max(n.x, e.x) && t.x >= Math.min(n.x, e.x) && t.y <= Math.max(n.y, e.y) && t.y >= Math.min(n.y, e.y);
+function rt(r, t, e) {
+  return t.x <= Math.max(r.x, e.x) && t.x >= Math.min(r.x, e.x) && t.y <= Math.max(r.y, e.y) && t.y >= Math.min(r.y, e.y);
 }
-function ot(n) {
-  return n > 0 ? 1 : n < 0 ? -1 : 0;
+function ot(r) {
+  return r > 0 ? 1 : r < 0 ? -1 : 0;
 }
-function ke(n, t) {
-  let e = n;
+function Be(r, t) {
+  let e = r;
   do {
-    if (e.i !== n.i && e.next.i !== n.i && e.i !== t.i && e.next.i !== t.i && Ut(e, e.next, n, t)) return !0;
+    if (e.i !== r.i && e.next.i !== r.i && e.i !== t.i && e.next.i !== t.i && Pt(e, e.next, r, t)) return !0;
     e = e.next;
-  } while (e !== n);
+  } while (e !== r);
   return !1;
 }
-function Q(n, t) {
-  return w(n.prev, n, n.next) < 0 ? w(n, t, n.next) >= 0 && w(n, n.prev, t) >= 0 : w(n, t, n.prev) < 0 || w(n, n.next, t) < 0;
+function Q(r, t) {
+  return w(r.prev, r, r.next) < 0 ? w(r, t, r.next) >= 0 && w(r, r.prev, t) >= 0 : w(r, t, r.prev) < 0 || w(r, r.next, t) < 0;
 }
-function He(n, t) {
-  let e = n, i = !1;
-  const r = (n.x + t.x) / 2, o = (n.y + t.y) / 2;
+function He(r, t) {
+  let e = r, i = !1;
+  const o = (r.x + t.x) / 2, n = (r.y + t.y) / 2;
   do
-    e.y > o != e.next.y > o && e.next.y !== e.y && r < (e.next.x - e.x) * (o - e.y) / (e.next.y - e.y) + e.x && (i = !i), e = e.next;
-  while (e !== n);
+    e.y > n != e.next.y > n && e.next.y !== e.y && o < (e.next.x - e.x) * (n - e.y) / (e.next.y - e.y) + e.x && (i = !i), e = e.next;
+  while (e !== r);
   return i;
 }
-function Pt(n, t) {
-  const e = ut(n.i, n.x, n.y), i = ut(t.i, t.x, t.y), r = n.next, o = t.prev;
-  return n.next = t, t.prev = n, e.next = r, r.prev = e, i.next = e, e.prev = i, o.next = i, i.prev = o, i;
+function wt(r, t) {
+  const e = ut(r.i, r.x, r.y), i = ut(t.i, t.x, t.y), o = r.next, n = t.prev;
+  return r.next = t, t.prev = r, e.next = o, o.prev = e, i.next = e, e.prev = i, n.next = i, i.prev = n, i;
 }
-function Et(n, t, e, i) {
-  const r = ut(n, t, e);
-  return i ? (r.next = i.next, r.prev = i, i.next.prev = r, i.next = r) : (r.prev = r, r.next = r), r;
+function Et(r, t, e, i) {
+  const o = ut(r, t, e);
+  return i ? (o.next = i.next, o.prev = i, i.next.prev = o, i.next = o) : (o.prev = o, o.next = o), o;
 }
-function tt(n) {
-  n.next.prev = n.prev, n.prev.next = n.next, n.prevZ && (n.prevZ.nextZ = n.nextZ), n.nextZ && (n.nextZ.prevZ = n.prevZ);
+function tt(r) {
+  r.next.prev = r.prev, r.prev.next = r.next, r.prevZ && (r.prevZ.nextZ = r.nextZ), r.nextZ && (r.nextZ.prevZ = r.prevZ);
 }
-function ut(n, t, e) {
+function ut(r, t, e) {
   return {
-    i: n,
+    i: r,
     x: t,
     y: e,
     prev: null,
@@ -2870,13 +2919,13 @@ function ut(n, t, e) {
     steiner: !1
   };
 }
-function Be(n, t, e, i) {
-  let r = 0;
-  for (let o = t, s = e - i; o < e; o += i)
-    r += (n[s] - n[o]) * (n[o + 1] + n[s + 1]), s = o;
-  return r;
+function Xe(r, t, e, i) {
+  let o = 0;
+  for (let n = t, s = e - i; n < e; n += i)
+    o += (r[s] - r[n]) * (r[n + 1] + r[s + 1]), s = n;
+  return o;
 }
-const A = {
+const y = {
   parallaxX: 0.4,
   parallaxY: 0.8,
   parallaxMax: 30,
@@ -2956,8 +3005,8 @@ class dt {
     this.host.removeEventListener("mousemove", this.handleMouseMove), this.host.removeEventListener("mouseleave", this.resetPointerTarget), this.host.removeEventListener("touchstart", this.handleTouchStart), this.host.removeEventListener("touchmove", this.handleTouchMove), this.host.removeEventListener("touchend", this.handleTouchEnd), this.host.removeEventListener("touchcancel", this.handleTouchEnd), this.motionListenerAttached && (window.removeEventListener("deviceorientation", this.handleDeviceOrientation), this.motionListenerAttached = !1);
   }
   handleMouseMove = (t) => {
-    const e = this.host.getBoundingClientRect(), i = (t.clientX - e.left) / e.width * 2 - 1, r = (t.clientY - e.top) / e.height * 2 - 1;
-    this.pointerTarget.x = W(i, -1, 1), this.pointerTarget.y = W(r, -1, 1);
+    const e = this.host.getBoundingClientRect(), i = (t.clientX - e.left) / e.width * 2 - 1, o = (t.clientY - e.top) / e.height * 2 - 1;
+    this.pointerTarget.x = W(i, -1, 1), this.pointerTarget.y = W(o, -1, 1);
   };
   resetPointerTarget = () => {
     this.pointerTarget.x = 0, this.pointerTarget.y = 0;
@@ -2969,8 +3018,8 @@ class dt {
   handleTouchMove = (t) => {
     const e = t.touches[0];
     if (!e) return;
-    const i = e.clientX - this.touchAnchorX, r = e.clientY - this.touchAnchorY, o = dt.TOUCH_DRAG_RANGE;
-    this.pointerTarget.x = W(i / o, -1, 1), this.pointerTarget.y = W(r / o, -1, 1);
+    const i = e.clientX - this.touchAnchorX, o = e.clientY - this.touchAnchorY, n = dt.TOUCH_DRAG_RANGE;
+    this.pointerTarget.x = W(i / n, -1, 1), this.pointerTarget.y = W(o / n, -1, 1);
   };
   handleTouchEnd = () => {
     this.touchActive = !1, this.pointerTarget.x = 0, this.pointerTarget.y = 0;
@@ -3044,6 +3093,7 @@ class lt extends HTMLElement {
       "muted"
     ];
   }
+  reinitAttributes = ["src", "depth-src", "depth-meta", "logo-src"];
   shadow;
   container = null;
   renderer = null;
@@ -3051,18 +3101,17 @@ class lt extends HTMLElement {
   depthWorker = null;
   video = null;
   mesh = null;
-  initialized = !1;
-  abortController = null;
   loopCount = 0;
+  lifecycle;
   constructor() {
-    super(), this.shadow = this.attachShadow({ mode: "open" });
+    super(), this.shadow = this.attachShadow({ mode: "open" }), this.lifecycle = new At(this);
   }
   // --- Attribute helpers ---
   getAttrFloat(t, e) {
     const i = this.getAttribute(t);
     if (i === null) return e;
-    const r = parseFloat(i);
-    return Number.isFinite(r) ? r : e;
+    const o = parseFloat(i);
+    return Number.isFinite(o) ? o : e;
   }
   getAttrBool(t, e) {
     if (!this.hasAttribute(t)) return e;
@@ -3071,151 +3120,151 @@ class lt extends HTMLElement {
   }
   getAttrColor(t, e) {
     const i = this.getAttribute(t) ?? e;
-    return Xe(i);
+    return Ne(i);
   }
   getAttrVec3(t, e) {
-    const r = (this.getAttribute(t) ?? e).split(",").map((s) => parseFloat(s.trim()));
-    if (r.length >= 3 && r.every(Number.isFinite))
-      return [r[0], r[1], r[2]];
-    const o = e.split(",").map((s) => parseFloat(s.trim()));
-    return [o[0], o[1], o[2]];
+    const o = (this.getAttribute(t) ?? e).split(",").map((s) => parseFloat(s.trim()));
+    if (o.length >= 3 && o.every(Number.isFinite))
+      return [o[0], o[1], o[2]];
+    const n = e.split(",").map((s) => parseFloat(s.trim()));
+    return [n[0], n[1], n[2]];
   }
   get parallaxX() {
-    return this.getAttrFloat("parallax-x", A.parallaxX);
+    return this.getAttrFloat("parallax-x", y.parallaxX);
   }
   get parallaxY() {
-    return this.getAttrFloat("parallax-y", A.parallaxY);
+    return this.getAttrFloat("parallax-y", y.parallaxY);
   }
   get parallaxMax() {
-    return this.getAttrFloat("parallax-max", A.parallaxMax);
+    return this.getAttrFloat("parallax-max", y.parallaxMax);
   }
   get overscan() {
-    return this.getAttrFloat("overscan", A.overscan);
+    return this.getAttrFloat("overscan", y.overscan);
   }
   get pomSteps() {
-    return this.getAttrFloat("pom-steps", A.pomSteps);
+    return this.getAttrFloat("pom-steps", y.pomSteps);
   }
   // Boundary
   get rimIntensity() {
-    return this.getAttrFloat("rim-intensity", A.rimIntensity);
+    return this.getAttrFloat("rim-intensity", y.rimIntensity);
   }
   get rimWidth() {
-    return this.getAttrFloat("rim-width", A.rimWidth);
+    return this.getAttrFloat("rim-width", y.rimWidth);
   }
   get rimColor() {
-    return this.getAttrColor("rim-color", A.rimColor);
+    return this.getAttrColor("rim-color", y.rimColor);
   }
   get refractionStrength() {
-    return this.getAttrFloat("refraction-strength", A.refractionStrength);
+    return this.getAttrFloat("refraction-strength", y.refractionStrength);
   }
   get chromaticStrength() {
-    return this.getAttrFloat("chromatic-strength", A.chromaticStrength);
+    return this.getAttrFloat("chromatic-strength", y.chromaticStrength);
   }
   get occlusionIntensity() {
-    return this.getAttrFloat("occlusion-intensity", A.occlusionIntensity);
+    return this.getAttrFloat("occlusion-intensity", y.occlusionIntensity);
   }
   // Lens transform
   get depthPower() {
-    return this.getAttrFloat("depth-power", A.depthPower);
+    return this.getAttrFloat("depth-power", y.depthPower);
   }
   get depthScale() {
-    return this.getAttrFloat("depth-scale", A.depthScale);
+    return this.getAttrFloat("depth-scale", y.depthScale);
   }
   get depthBias() {
-    return this.getAttrFloat("depth-bias", A.depthBias);
+    return this.getAttrFloat("depth-bias", y.depthBias);
   }
   // Interior mood
   get fogDensity() {
-    return this.getAttrFloat("fog-density", A.fogDensity);
+    return this.getAttrFloat("fog-density", y.fogDensity);
   }
   get fogColor() {
-    return this.getAttrColor("fog-color", A.fogColor);
+    return this.getAttrColor("fog-color", y.fogColor);
   }
   get colorShift() {
-    return this.getAttrFloat("color-shift", A.colorShift);
+    return this.getAttrFloat("color-shift", y.colorShift);
   }
   get brightnessBias() {
-    return this.getAttrFloat("brightness-bias", A.brightnessBias);
+    return this.getAttrFloat("brightness-bias", y.brightnessBias);
   }
   // Depth-adaptive
   get contrastLow() {
-    return this.getAttrFloat("contrast-low", A.contrastLow);
+    return this.getAttrFloat("contrast-low", y.contrastLow);
   }
   get contrastHigh() {
-    return this.getAttrFloat("contrast-high", A.contrastHigh);
+    return this.getAttrFloat("contrast-high", y.contrastHigh);
   }
   get verticalReduction() {
-    return this.getAttrFloat("vertical-reduction", A.verticalReduction);
+    return this.getAttrFloat("vertical-reduction", y.verticalReduction);
   }
   get dofStart() {
-    return this.getAttrFloat("dof-start", A.dofStart);
+    return this.getAttrFloat("dof-start", y.dofStart);
   }
   get dofStrength() {
-    return this.getAttrFloat("dof-strength", A.dofStrength);
+    return this.getAttrFloat("dof-strength", y.dofStrength);
   }
   // Bevel / dimensional typography
   get bevelIntensity() {
-    return this.getAttrFloat("bevel-intensity", A.bevelIntensity);
+    return this.getAttrFloat("bevel-intensity", y.bevelIntensity);
   }
   get bevelWidth() {
-    return this.getAttrFloat("bevel-width", A.bevelWidth);
+    return this.getAttrFloat("bevel-width", y.bevelWidth);
   }
   get bevelDarkening() {
-    return this.getAttrFloat("bevel-darkening", A.bevelDarkening);
+    return this.getAttrFloat("bevel-darkening", y.bevelDarkening);
   }
   get bevelDesaturation() {
-    return this.getAttrFloat("bevel-desaturation", A.bevelDesaturation);
+    return this.getAttrFloat("bevel-desaturation", y.bevelDesaturation);
   }
   get bevelLightAngle() {
-    return this.getAttrFloat("bevel-light-angle", A.bevelLightAngle);
+    return this.getAttrFloat("bevel-light-angle", y.bevelLightAngle);
   }
   // Volumetric edge wall
   get edgeThickness() {
-    return this.getAttrFloat("edge-thickness", A.edgeThickness);
+    return this.getAttrFloat("edge-thickness", y.edgeThickness);
   }
   get edgeSpecular() {
-    return this.getAttrFloat("edge-specular", A.edgeSpecular);
+    return this.getAttrFloat("edge-specular", y.edgeSpecular);
   }
   get edgeColor() {
-    return this.getAttrColor("edge-color", A.edgeColor);
+    return this.getAttrColor("edge-color", y.edgeColor);
   }
   // Chamfer geometry
   get chamferWidth() {
-    return this.getAttrFloat("chamfer-width", A.chamferWidth);
+    return this.getAttrFloat("chamfer-width", y.chamferWidth);
   }
   get chamferAngle() {
-    return this.getAttrFloat("chamfer-angle", A.chamferAngle);
+    return this.getAttrFloat("chamfer-angle", y.chamferAngle);
   }
   get chamferColor() {
-    return this.getAttrColor("chamfer-color", A.chamferColor);
+    return this.getAttrColor("chamfer-color", y.chamferColor);
   }
   get chamferAmbient() {
-    return this.getAttrFloat("chamfer-ambient", A.chamferAmbient);
+    return this.getAttrFloat("chamfer-ambient", y.chamferAmbient);
   }
   get chamferSpecular() {
-    return this.getAttrFloat("chamfer-specular", A.chamferSpecular);
+    return this.getAttrFloat("chamfer-specular", y.chamferSpecular);
   }
   get chamferShininess() {
-    return this.getAttrFloat("chamfer-shininess", A.chamferShininess);
+    return this.getAttrFloat("chamfer-shininess", y.chamferShininess);
   }
   // Edge occlusion
   get edgeOcclusionWidth() {
-    return this.getAttrFloat("edge-occlusion-width", A.edgeOcclusionWidth);
+    return this.getAttrFloat("edge-occlusion-width", y.edgeOcclusionWidth);
   }
   get edgeOcclusionStrength() {
-    return this.getAttrFloat("edge-occlusion-strength", A.edgeOcclusionStrength);
+    return this.getAttrFloat("edge-occlusion-strength", y.edgeOcclusionStrength);
   }
   get lightDirection3() {
-    return this.getAttrVec3("light-direction", A.lightDirection);
+    return this.getAttrVec3("light-direction", y.lightDirection);
   }
   get shouldAutoplay() {
-    return this.getAttrBool("autoplay", A.autoplay);
+    return this.getAttrBool("autoplay", y.autoplay);
   }
   get shouldLoop() {
-    return this.getAttrBool("loop", A.loop);
+    return this.getAttrBool("loop", y.loop);
   }
   get shouldMute() {
-    return this.getAttrBool("muted", A.muted);
+    return this.getAttrBool("muted", y.muted);
   }
   // --- Event dispatching ---
   emit(t, e) {
@@ -3242,17 +3291,17 @@ class lt extends HTMLElement {
       }));
     });
   }
-  // --- Lifecycle ---
+  // --- Lifecycle (delegated to LifecycleManager) ---
   connectedCallback() {
-    this.setupShadowDOM(), this.init();
+    this.lifecycle.onConnected();
   }
   disconnectedCallback() {
-    this.dispose();
+    this.lifecycle.onDisconnected();
   }
   attributeChangedCallback(t, e, i) {
-    ["src", "depth-src", "depth-meta", "logo-src"].includes(t) && (this.initialized ? (this.dispose(), this.setupShadowDOM(), this.init()) : this.isConnected && this.getAttribute("src") && this.getAttribute("depth-src") && this.getAttribute("depth-meta") && this.getAttribute("logo-src") && this.init());
+    this.lifecycle.onAttributeChanged(t, e, i);
   }
-  // --- Shadow DOM ---
+  // --- Shadow DOM setup ---
   setupShadowDOM() {
     this.shadow.innerHTML = "";
     const t = document.createElement("style");
@@ -3279,49 +3328,43 @@ class lt extends HTMLElement {
     `, this.shadow.appendChild(t), this.container = document.createElement("div"), this.container.className = "container", this.shadow.appendChild(this.container);
   }
   // --- Initialization ---
-  async init() {
-    const t = this.getAttribute("src"), e = this.getAttribute("depth-src"), i = this.getAttribute("depth-meta"), r = this.getAttribute("logo-src");
-    if (!t || !e || !i || !r) {
-      const o = "src, depth-src, depth-meta, and logo-src attributes are required.";
-      console.warn(`<layershift-portal>: ${o}`), this.emit("layershift-portal:error", { message: o });
-      return;
-    }
-    if (this.container) {
-      this.abortController = new AbortController();
+  async doInit(t) {
+    const e = this.getAttribute("src"), i = this.getAttribute("depth-src"), o = this.getAttribute("depth-meta"), n = this.getAttribute("logo-src");
+    if (this.container)
       try {
-        const [o, s, a] = await Promise.all([
-          this.createVideoElement(t),
-          At(e, i),
-          me(r)
+        const [s, h, a] = await Promise.all([
+          this.createVideoElement(e),
+          yt(i, o),
+          pe(n)
         ]);
-        if (this.abortController.signal.aborted) {
-          o.remove();
+        if (t.aborted) {
+          s.remove();
           return;
         }
-        this.video = o, this.mesh = a, this.loopCount = 0, this.attachVideoEventListeners(o);
-        const h = this.parallaxMax / Math.max(o.videoWidth, 1);
-        let l;
+        this.video = s, this.mesh = a, this.loopCount = 0, this.attachVideoEventListeners(s);
+        const l = this.parallaxMax / Math.max(s.videoWidth, 1);
+        let u;
         try {
           const d = await st.create(
-            s,
-            s.meta.width,
-            s.meta.height
+            h,
+            h.meta.width,
+            h.meta.height
           );
-          this.depthWorker = d, l = (m) => d.sample(m);
+          this.depthWorker = d, u = (m) => d.sample(m);
         } catch {
           const d = new bt(
-            s,
-            s.meta.width,
-            s.meta.height
+            h,
+            h.meta.width,
+            h.meta.height
           );
-          l = (m) => d.sample(m);
+          u = (m) => d.sample(m);
         }
-        if (this.abortController.signal.aborted) {
-          o.remove(), this.depthWorker?.dispose(), this.depthWorker = null;
+        if (t.aborted) {
+          s.remove(), this.depthWorker?.dispose(), this.depthWorker = null;
           return;
         }
-        const u = {
-          parallaxStrength: h,
+        const f = {
+          parallaxStrength: l,
           overscanPadding: this.overscan,
           pomSteps: this.pomSteps,
           // Boundary
@@ -3368,14 +3411,15 @@ class lt extends HTMLElement {
           edgeOcclusionStrength: this.edgeOcclusionStrength,
           lightDirection: this.lightDirection3
         };
-        this.renderer = new ft(this.container, u), this.renderer.initialize(o, s.meta.width, s.meta.height, a), this.inputHandler = new dt(this);
-        const f = this.parallaxX, c = this.parallaxY;
+        this.renderer = new ft(this.container, f), this.renderer.initialize(s, h.meta.width, h.meta.height, a), this.inputHandler = new dt(this);
+        const c = this.parallaxX, g = this.parallaxY;
         if (this.renderer.start(
-          o,
-          l,
+          s,
+          u,
           () => {
+            if (!this.inputHandler) return { x: 0, y: 0 };
             const d = this.inputHandler.update();
-            return { x: d.x * f, y: d.y * c };
+            return { x: d.x * c, y: d.y * g };
           },
           (d, m) => {
             this.emit("layershift-portal:frame", {
@@ -3384,61 +3428,61 @@ class lt extends HTMLElement {
             });
           }
         ), this.shouldAutoplay) {
-          o.currentTime = 0;
+          s.currentTime = 0;
           try {
-            await o.play();
+            await s.play();
           } catch {
           }
         }
-        this.initialized = !0, this.emit("layershift-portal:ready", {
-          videoWidth: o.videoWidth,
-          videoHeight: o.videoHeight,
-          duration: o.duration
+        if (t.aborted) return;
+        this.lifecycle.markInitialized(), this.emit("layershift-portal:ready", {
+          videoWidth: s.videoWidth,
+          videoHeight: s.videoHeight,
+          duration: s.duration
         });
-      } catch (o) {
-        const s = o instanceof Error ? o.message : "Failed to initialize.";
-        console.error("<layershift-portal>: Failed to initialize.", o), this.emit("layershift-portal:error", { message: s });
+      } catch (s) {
+        const h = s instanceof Error ? s.message : "Failed to initialize.";
+        console.error("<layershift-portal>: Failed to initialize.", s), this.emit("layershift-portal:error", { message: h });
       }
-    }
   }
   // --- Video element ---
   async createVideoElement(t) {
     const e = document.createElement("video");
-    return e.crossOrigin = "anonymous", e.setAttribute("crossorigin", "anonymous"), e.playsInline = !0, e.setAttribute("playsinline", ""), e.setAttribute("webkit-playsinline", "true"), e.muted = this.shouldMute, e.defaultMuted = this.shouldMute, this.shouldMute && e.setAttribute("muted", ""), e.loop = this.shouldLoop, e.preload = "auto", e.style.display = "none", e.src = t, this.shadow.appendChild(e), await new Promise((i, r) => {
+    return e.crossOrigin = "anonymous", e.setAttribute("crossorigin", "anonymous"), e.playsInline = !0, e.setAttribute("playsinline", ""), e.setAttribute("webkit-playsinline", "true"), e.muted = this.shouldMute, e.defaultMuted = this.shouldMute, this.shouldMute && e.setAttribute("muted", ""), e.loop = this.shouldLoop, e.preload = "auto", e.style.display = "none", e.src = t, this.shadow.appendChild(e), await new Promise((i, o) => {
       if (e.readyState >= HTMLMediaElement.HAVE_METADATA) {
         i();
         return;
       }
-      const o = () => {
-        a(), i();
+      const n = () => {
+        h(), i();
       }, s = () => {
-        a(), r(new Error("Failed to load video metadata."));
-      }, a = () => {
-        e.removeEventListener("loadedmetadata", o), e.removeEventListener("error", s);
+        h(), o(new Error("Failed to load video metadata."));
+      }, h = () => {
+        e.removeEventListener("loadedmetadata", n), e.removeEventListener("error", s);
       };
-      e.addEventListener("loadedmetadata", o), e.addEventListener("error", s), e.load();
+      e.addEventListener("loadedmetadata", n), e.addEventListener("error", s), e.load();
     }), e;
   }
   // --- Cleanup ---
-  dispose() {
-    this.abortController?.abort(), this.abortController = null, this.renderer?.dispose(), this.renderer = null, this.inputHandler?.dispose(), this.inputHandler = null, this.depthWorker?.dispose(), this.depthWorker = null, this.video && (this.video.pause(), this.video.removeAttribute("src"), this.video.load(), this.video.remove(), this.video = null), this.mesh = null, this.initialized = !1, this.loopCount = 0, this.container = null;
+  doDispose() {
+    this.renderer?.dispose(), this.renderer = null, this.inputHandler?.dispose(), this.inputHandler = null, this.depthWorker?.dispose(), this.depthWorker = null, this.video && (this.video.pause(), this.video.removeAttribute("src"), this.video.load(), this.video.remove(), this.video = null), this.mesh = null, this.loopCount = 0, this.container = null;
   }
 }
-function W(n, t, e) {
-  return Math.min(e, Math.max(t, n));
+function W(r, t, e) {
+  return Math.min(e, Math.max(t, r));
 }
-function nt(n, t, e) {
-  return n + (t - n) * e;
+function nt(r, t, e) {
+  return r + (t - r) * e;
 }
-function Xe(n) {
-  const t = n.replace("#", "");
+function Ne(r) {
+  const t = r.replace("#", "");
   if (t.length === 3) {
-    const e = parseInt(t[0] + t[0], 16) / 255, i = parseInt(t[1] + t[1], 16) / 255, r = parseInt(t[2] + t[2], 16) / 255;
-    return [e, i, r];
+    const e = parseInt(t[0] + t[0], 16) / 255, i = parseInt(t[1] + t[1], 16) / 255, o = parseInt(t[2] + t[2], 16) / 255;
+    return [e, i, o];
   }
   if (t.length === 6) {
-    const e = parseInt(t.substring(0, 2), 16) / 255, i = parseInt(t.substring(2, 4), 16) / 255, r = parseInt(t.substring(4, 6), 16) / 255;
-    return [e, i, r];
+    const e = parseInt(t.substring(0, 2), 16) / 255, i = parseInt(t.substring(2, 4), 16) / 255, o = parseInt(t.substring(4, 6), 16) / 255;
+    return [e, i, o];
   }
   return [0, 0, 0];
 }