layershift 0.6.0 → 0.7.0

package/dist/npm/layershift.es.js

@@ -10,57 +10,57 @@ class Vt {
   lastNextFrameIndex = -1;
   lastLerpFactor = -1;
   sample(t) {
-    const e = ne(t * this.depthData.fps, 0, this.depthData.frameCount - 1), n = Math.floor(e), i = Math.min(n + 1, this.depthData.frameCount - 1), r = e - n, o = n !== this.lastFrameIndex || i !== this.lastNextFrameIndex, l = Math.abs(r - this.lastLerpFactor) > 1e-3;
+    const e = ie(t * this.depthData.fps, 0, this.depthData.frameCount - 1), i = Math.floor(e), n = Math.min(i + 1, this.depthData.frameCount - 1), r = e - i, o = i !== this.lastFrameIndex || n !== this.lastNextFrameIndex, l = Math.abs(r - this.lastLerpFactor) > 1e-3;
     if (!o && !l)
       return this.uint8Output;
-    this.lastFrameIndex = n, this.lastNextFrameIndex = i, this.lastLerpFactor = r;
-    const a = 1 - r, h = this.depthData.frames[n], c = this.depthData.frames[i];
+    this.lastFrameIndex = i, this.lastNextFrameIndex = n, this.lastLerpFactor = r;
+    const a = 1 - r, h = this.depthData.frames[i], c = this.depthData.frames[n];
     for (let f = 0; f < this.uint8Output.length; f += 1)
       this.uint8Output[f] = h[f] * a + c[f] * r + 0.5 | 0;
     return this.uint8Output;
   }
 }
-async function kt(s, t = 512, e = 512, n = 5, i) {
+async function kt(s, t = 512, e = 512, i = 5, n) {
   const r = await te(s);
-  return ee(r, t, e, n);
+  return ee(r, t, e, i);
 }
 async function te(s, t) {
   const e = await fetch(s);
   if (!e.ok)
     throw new Error(`Failed to fetch depth data (${e.status} ${e.statusText}).`);
   e.headers.get("content-length");
-  const n = e.body;
-  if (!n)
+  const i = e.body;
+  if (!i)
     return new Uint8Array(await e.arrayBuffer());
-  const i = [];
+  const n = [];
   let r = 0;
-  const o = n.getReader();
+  const o = i.getReader();
   for (; ; ) {
     const { done: h, value: c } = await o.read();
     if (h)
       break;
-    c && (i.push(c), r += c.byteLength);
+    c && (n.push(c), r += c.byteLength);
   }
   const l = new Uint8Array(r);
   let a = 0;
-  for (const h of i)
+  for (const h of n)
     l.set(h, a), a += h.byteLength;
   return l;
 }
-function ee(s, t, e, n) {
-  const i = t * e;
-  if (i === 0)
+function ee(s, t, e, i) {
+  const n = t * e;
+  if (n === 0)
     throw new Error("Depth frame dimensions must be non-zero.");
-  if (s.byteLength % i !== 0)
+  if (s.byteLength % n !== 0)
     throw new Error(
-      `Depth data byte length (${s.byteLength}) is not evenly divisible by frame size (${i} = ${t}×${e}).`
+      `Depth data byte length (${s.byteLength}) is not evenly divisible by frame size (${n} = ${t}×${e}).`
     );
-  const r = s.byteLength / i, o = new Array(r);
+  const r = s.byteLength / n, o = new Array(r);
   for (let l = 0; l < r; l += 1) {
-    const a = l * i;
-    o[l] = s.subarray(a, a + i);
+    const a = l * n;
+    o[l] = s.subarray(a, a + n);
   }
-  return { width: t, height: e, fps: n, frameCount: r, frames: o };
+  return { width: t, height: e, fps: i, frameCount: r, frames: o };
 }
 function X(s, t) {
   const e = new Uint8Array(s * t);
@@ -72,10 +72,10 @@ function X(s, t) {
     frames: [e]
   };
 }
-function ne(s, t, e) {
+function ie(s, t, e) {
   return Math.min(e, Math.max(t, s));
 }
-const ie = {
+const ne = {
   parallaxStrength: 0.05,
   contrastLow: 0.05,
   contrastHigh: 0.95,
@@ -86,37 +86,37 @@ const ie = {
   overscanPadding: 0.08
 };
 function re(s, t, e) {
-  const n = new Float32Array(256);
+  const i = new Float32Array(256);
   if (s.length === 0 || t <= 0 || e <= 0)
-    return Pt(n);
-  const i = oe(s.length), r = t * e;
+    return Pt(i);
+  const n = oe(s.length), r = t * e;
   let o = 0;
   const l = new Uint32Array(256);
-  for (const m of i) {
+  for (const m of n) {
     const T = s[m], w = Math.min(T.length, r);
     for (let A = 0; A < w; A += 1)
       l[T[A]] += 1;
     o += w;
   }
   if (o === 0)
-    return Pt(n);
+    return Pt(i);
   const a = 1 / o;
   for (let m = 0; m < 256; m += 1)
-    n[m] = l[m] * a;
+    i[m] = l[m] * a;
   const h = new Float32Array(256);
-  h[0] = n[0];
+  h[0] = i[0];
   for (let m = 1; m < 256; m += 1)
-    h[m] = h[m - 1] + n[m];
-  const c = nt(h, 0.05), f = nt(h, 0.25), u = nt(h, 0.5), x = nt(h, 0.75), p = nt(h, 0.95);
+    h[m] = h[m - 1] + i[m];
+  const c = it(h, 0.05), f = it(h, 0.25), u = it(h, 0.5), x = it(h, 0.75), p = it(h, 0.95);
   let d = 0;
   for (let m = 0; m < 256; m += 1)
-    d += m / 255 * n[m];
+    d += m / 255 * i[m];
   let y = 0;
   for (let m = 0; m < 256; m += 1) {
     const T = m / 255 - d;
-    y += n[m] * T * T;
+    y += i[m] * T * T;
   }
-  const b = Math.sqrt(y), E = p - c, g = x - f, v = ae(n);
+  const b = Math.sqrt(y), E = p - c, g = x - f, v = ae(i);
   return {
     mean: d,
     stdDev: b,
@@ -128,20 +128,20 @@ function re(s, t, e) {
     effectiveRange: E,
     iqr: g,
     bimodality: v,
-    histogram: n
+    histogram: i
   };
 }
 function se(s) {
   if (s.effectiveRange < 0.05 || s.stdDev < 0.02)
-    return { ...ie };
-  const t = s.effectiveRange - 0.5, e = s.bimodality - 0.4, n = H(
+    return { ...ne };
+  const t = s.effectiveRange - 0.5, e = s.bimodality - 0.4, i = H(
     0.05 - t * 0.03 + e * 0.01,
     0.035,
     0.065
-  ), i = H(s.p5 - 0.03, 0, 0.25), r = H(s.p95 + 0.03, 0.75, 1), o = H((n - 0.03) / 0.05, 0, 1), l = H(0.6 - o * 0.25, 0.35, 0.6), a = H(0.6 - t * 0.2, 0.5, 0.7), h = H(0.4 + t * 0.2, 0.25, 0.5), c = 16, f = H(n + 0.03, 0.06, 0.1);
+  ), n = H(s.p5 - 0.03, 0, 0.25), r = H(s.p95 + 0.03, 0.75, 1), o = H((i - 0.03) / 0.05, 0, 1), l = H(0.6 - o * 0.25, 0.35, 0.6), a = H(0.6 - t * 0.2, 0.5, 0.7), h = H(0.4 + t * 0.2, 0.25, 0.5), c = 16, f = H(i + 0.03, 0.06, 0.1);
   return {
-    parallaxStrength: n,
-    contrastLow: i,
+    parallaxStrength: i,
+    contrastLow: n,
     contrastHigh: r,
     verticalReduction: l,
     dofStart: a,
@@ -159,12 +159,12 @@ function oe(s) {
     Math.floor(s / 2),
     Math.floor(3 * s / 4),
     t
-  ], n = /* @__PURE__ */ new Set(), i = [];
+  ], i = /* @__PURE__ */ new Set(), n = [];
   for (const r of e)
-    n.has(r) || (n.add(r), i.push(r));
-  return i;
+    i.has(r) || (i.add(r), n.push(r));
+  return n;
 }
-function nt(s, t) {
+function it(s, t) {
   for (let e = 0; e < 256; e += 1)
     if (s[e] >= t)
       return e / 255;
@@ -182,14 +182,14 @@ function ae(s) {
   for (let u = 0; u < 256; u += 1)
     e += t[u];
   e /= 256;
-  const n = e * 2, i = 25, r = [];
+  const i = e * 2, n = 25, r = [];
   for (let u = 1; u < 255; u += 1)
-    t[u] > t[u - 1] && t[u] > t[u + 1] && t[u] >= n && r.push({ bin: u, height: t[u] });
-  if (t[0] > t[1] && t[0] >= n && r.push({ bin: 0, height: t[0] }), t[255] > t[254] && t[255] >= n && r.push({ bin: 255, height: t[255] }), r.sort((u, x) => x.height - u.height), r.length < 2) return 0;
+    t[u] > t[u - 1] && t[u] > t[u + 1] && t[u] >= i && r.push({ bin: u, height: t[u] });
+  if (t[0] > t[1] && t[0] >= i && r.push({ bin: 0, height: t[0] }), t[255] > t[254] && t[255] >= i && r.push({ bin: 255, height: t[255] }), r.sort((u, x) => x.height - u.height), r.length < 2) return 0;
   const o = r[0];
   let l = null;
   for (let u = 1; u < r.length; u += 1)
-    if (Math.abs(r[u].bin - o.bin) >= i) {
+    if (Math.abs(r[u].bin - o.bin) >= n) {
       l = r[u];
       break;
     }
@@ -220,30 +220,30 @@ function H(s, t, e) {
   return Math.min(e, Math.max(t, s));
 }
 function G(s, t, e) {
-  const n = s.createShader(t);
-  if (!n) throw new Error("Failed to create shader.");
-  if (s.shaderSource(n, e), s.compileShader(n), !s.getShaderParameter(n, s.COMPILE_STATUS)) {
-    const i = s.getShaderInfoLog(n) ?? "";
-    throw s.deleteShader(n), new Error(`Shader compilation failed:
-${i}`);
+  const i = s.createShader(t);
+  if (!i) throw new Error("Failed to create shader.");
+  if (s.shaderSource(i, e), s.compileShader(i), !s.getShaderParameter(i, s.COMPILE_STATUS)) {
+    const n = s.getShaderInfoLog(i) ?? "";
+    throw s.deleteShader(i), new Error(`Shader compilation failed:
+${n}`);
   }
-  return n;
+  return i;
 }
 function mt(s, t, e) {
-  const n = s.createProgram();
-  if (!n) throw new Error("Failed to create program.");
-  if (s.attachShader(n, t), s.attachShader(n, e), s.linkProgram(n), !s.getProgramParameter(n, s.LINK_STATUS)) {
-    const i = s.getProgramInfoLog(n) ?? "";
-    throw s.deleteProgram(n), new Error(`Program linking failed:
-${i}`);
+  const i = s.createProgram();
+  if (!i) throw new Error("Failed to create program.");
+  if (s.attachShader(i, t), s.attachShader(i, e), s.linkProgram(i), !s.getProgramParameter(i, s.LINK_STATUS)) {
+    const n = s.getProgramInfoLog(i) ?? "";
+    throw s.deleteProgram(i), new Error(`Program linking failed:
+${n}`);
   }
-  return s.detachShader(n, t), s.detachShader(n, e), s.deleteShader(t), s.deleteShader(e), n;
+  return s.detachShader(i, t), s.detachShader(i, e), s.deleteShader(t), s.deleteShader(e), i;
 }
 function pt(s, t, e) {
-  const n = {};
-  for (const i of e)
-    n[i] = s.getUniformLocation(t, i);
-  return n;
+  const i = {};
+  for (const n of e)
+    i[n] = s.getUniformLocation(t, n);
+  return i;
 }
 const le = new Float32Array([
   -1,
@@ -259,10 +259,10 @@ function Ot(s, t) {
   const e = s.createVertexArray();
   if (!e) throw new Error("Failed to create VAO.");
   s.bindVertexArray(e);
-  const n = s.createBuffer();
-  s.bindBuffer(s.ARRAY_BUFFER, n), s.bufferData(s.ARRAY_BUFFER, le, s.STATIC_DRAW);
-  const i = s.getAttribLocation(t, "aPosition");
-  return s.enableVertexAttribArray(i), s.vertexAttribPointer(i, 2, s.FLOAT, !1, 0, 0), s.bindVertexArray(null), e;
+  const i = s.createBuffer();
+  s.bindBuffer(s.ARRAY_BUFFER, i), s.bufferData(s.ARRAY_BUFFER, le, s.STATIC_DRAW);
+  const n = s.getAttribLocation(t, "aPosition");
+  return s.enableVertexAttribArray(n), s.vertexAttribPointer(n, 2, s.FLOAT, !1, 0, 0), s.bindVertexArray(null), e;
 }
 class Ht {
   slots = /* @__PURE__ */ new Map();
@@ -300,8 +300,8 @@ class Ht {
     return this.slots.size;
   }
 }
-function O(s, t, e, n, i) {
-  const r = G(s, s.VERTEX_SHADER, e), o = G(s, s.FRAGMENT_SHADER, n), l = mt(s, r, o), a = pt(s, l, i);
+function O(s, t, e, i, n) {
+  const r = G(s, s.VERTEX_SHADER, e), o = G(s, s.FRAGMENT_SHADER, i), l = mt(s, r, o), a = pt(s, l, n);
   return {
     name: t,
     program: l,
@@ -311,8 +311,8 @@ function O(s, t, e, n, i) {
     }
   };
 }
-function Dt(s, t, e, n, i, r) {
-  const o = G(s, s.VERTEX_SHADER, e), l = G(s, s.FRAGMENT_SHADER, n), a = mt(s, o, l), h = pt(s, a, i), c = {
+function Dt(s, t, e, i, n, r) {
+  const o = G(s, s.VERTEX_SHADER, e), l = G(s, s.FRAGMENT_SHADER, i), a = mt(s, o, l), h = pt(s, a, n), c = {
     texture: null,
     unit: r.textureUnit,
     attachment: s.COLOR_ATTACHMENT0
@@ -376,11 +376,11 @@ function ce(s) {
   let t = "unknown";
   const e = s.getExtension("WEBGL_debug_renderer_info");
   e && (t = s.getParameter(e.UNMASKED_RENDERER_WEBGL) || "unknown");
-  const n = s.getParameter(s.MAX_TEXTURE_SIZE), i = typeof navigator < "u" && navigator.hardwareConcurrency || 0, r = typeof navigator < "u" && navigator.deviceMemory || 0, o = typeof window < "u" && window.devicePixelRatio || 1, l = typeof screen < "u" ? (screen.width || 0) * (screen.height || 0) : 0, a = typeof navigator < "u" && ("ontouchstart" in window || navigator.maxTouchPoints > 0), h = l > 0 && l < 1920 * 1080;
+  const i = s.getParameter(s.MAX_TEXTURE_SIZE), n = typeof navigator < "u" && navigator.hardwareConcurrency || 0, r = typeof navigator < "u" && navigator.deviceMemory || 0, o = typeof window < "u" && window.devicePixelRatio || 1, l = typeof screen < "u" ? (screen.width || 0) * (screen.height || 0) : 0, a = typeof navigator < "u" && ("ontouchstart" in window || navigator.maxTouchPoints > 0), h = l > 0 && l < 1920 * 1080;
   return {
     gpuRenderer: t,
-    maxTextureSize: n,
-    hardwareConcurrency: i,
+    maxTextureSize: i,
+    hardwareConcurrency: n,
     deviceMemory: r,
     devicePixelRatio: o,
     screenPixels: l,
@@ -414,8 +414,8 @@ const he = [
 ];
 function de(s) {
   let t = 0;
-  const e = s.gpuRenderer.toLowerCase(), n = he.some((r) => e.includes(r)), i = fe.some((r) => e.includes(r));
-  return n && (t -= 30), i && (t += 20), s.maxTextureSize >= 16384 ? t += 10 : s.maxTextureSize >= 8192 ? t += 5 : s.maxTextureSize <= 4096 && (t -= 15), s.hardwareConcurrency >= 8 ? t += 5 : s.hardwareConcurrency >= 4 ? t += 0 : s.hardwareConcurrency > 0 && s.hardwareConcurrency < 4 && (t -= 10), s.deviceMemory >= 8 ? t += 5 : s.deviceMemory >= 4 ? t += 0 : s.deviceMemory > 0 && s.deviceMemory < 4 && (t -= 15), s.isMobile && (t -= 10), t >= 0 ? "high" : t >= -25 ? "medium" : "low";
+  const e = s.gpuRenderer.toLowerCase(), i = he.some((r) => e.includes(r)), n = fe.some((r) => e.includes(r));
+  return i && (t -= 30), n && (t += 20), s.maxTextureSize >= 16384 ? t += 10 : s.maxTextureSize >= 8192 ? t += 5 : s.maxTextureSize <= 4096 && (t -= 15), s.hardwareConcurrency >= 8 ? t += 5 : s.hardwareConcurrency >= 4 ? t += 0 : s.hardwareConcurrency > 0 && s.hardwareConcurrency < 4 && (t -= 10), s.deviceMemory >= 8 ? t += 5 : s.deviceMemory >= 4 ? t += 0 : s.deviceMemory > 0 && s.deviceMemory < 4 && (t -= 15), s.isMobile && (t -= 10), t >= 0 ? "high" : t >= -25 ? "medium" : "low";
 }
 function Xt(s, t) {
   const e = t && t !== "auto" ? t : de(ce(s));
@@ -482,12 +482,31 @@ class gt {
    *
    * For static sources (image) or when RVFC is unavailable, RAF-only.
    */
-  start(t, e, n, i) {
-    this.stop(), this.mediaSource = t, this.readDepth = e, this.readInput = n, this.onVideoFrame = i ?? null, this.rvfcSupported = t.isLive && typeof t.requestVideoFrameCallback == "function", this.rvfcSupported ? this.rvfcHandle = t.requestVideoFrameCallback(this._videoFrameLoop) : t.isLive || this.onDepthUpdate(t.currentTime), this.animationFrameHandle = window.requestAnimationFrame(this._rafLoop);
+  start(t, e, i, n) {
+    this.stop(), this.mediaSource = t, this.readDepth = e, this.readInput = i, this.onVideoFrame = n ?? null, this.rvfcSupported = t.isLive && typeof t.requestVideoFrameCallback == "function", this.rvfcSupported ? this.rvfcHandle = t.requestVideoFrameCallback(this._videoFrameLoop) : t.isLive || this.onDepthUpdate(t.currentTime), this.animationFrameHandle = window.requestAnimationFrame(this._rafLoop);
   }
   /** Stop both render loops and release callbacks. */
   stop() {
-    this.animationFrameHandle && (window.cancelAnimationFrame(this.animationFrameHandle), this.animationFrameHandle = 0), this.rvfcHandle && this.mediaSource?.cancelVideoFrameCallback && (this.mediaSource.cancelVideoFrameCallback(this.rvfcHandle), this.rvfcHandle = 0), this.mediaSource = null, this.readDepth = null, this.readInput = null, this.onVideoFrame = null, this.rvfcSupported = !1;
+    this.stopLoops(), this.mediaSource = null, this.readDepth = null, this.readInput = null, this.onVideoFrame = null, this.rvfcSupported = !1;
+  }
+  /**
+   * Pause the render loops without releasing callbacks.
+   * The loops can be resumed with `resume()`.
+   */
+  pause() {
+    this.stopLoops();
+  }
+  /** Resume render loops previously paused with `pause()`. */
+  resume() {
+    this.readInput && (this.animationFrameHandle || (this.rvfcSupported && this.mediaSource?.requestVideoFrameCallback && (this.rvfcHandle = this.mediaSource.requestVideoFrameCallback(this._videoFrameLoop)), this.animationFrameHandle = window.requestAnimationFrame(this._rafLoop)));
+  }
+  /** Whether the render loops are currently paused. */
+  get isPaused() {
+    return this.animationFrameHandle === 0 && this.readInput !== null;
+  }
+  /** Cancel animation loops without clearing callbacks. */
+  stopLoops() {
+    this.animationFrameHandle && (window.cancelAnimationFrame(this.animationFrameHandle), this.animationFrameHandle = 0), this.rvfcHandle && this.mediaSource?.cancelVideoFrameCallback && (this.mediaSource.cancelVideoFrameCallback(this.rvfcHandle), this.rvfcHandle = 0);
   }
   /** Stop rendering and release all GPU resources. */
   dispose() {
@@ -515,11 +534,11 @@ class gt {
    * Delegates to subclass `onDepthUpdate()` for depth texture upload.
    */
   _videoFrameLoop = (t, e) => {
-    const n = this.mediaSource;
-    if (!n || !n.requestVideoFrameCallback) return;
-    this.rvfcHandle = n.requestVideoFrameCallback(this._videoFrameLoop);
-    const i = e.mediaTime ?? n.currentTime;
-    this.onDepthUpdate(i), this.onVideoFrame && this.onVideoFrame(i, e.presentedFrames ?? 0);
+    const i = this.mediaSource;
+    if (!i || !i.requestVideoFrameCallback) return;
+    this.rvfcHandle = i.requestVideoFrameCallback(this._videoFrameLoop);
+    const n = e.mediaTime ?? i.currentTime;
+    this.onDepthUpdate(n), this.onVideoFrame && this.onVideoFrame(n, e.presentedFrames ?? 0);
   };
   // -----------------------------------------------------------------------
   // Context loss handling
@@ -560,14 +579,14 @@ class gt {
    * Clamp depth dimensions to the quality tier's maximum and allocate
    * the subsample buffer if needed. Called during `initialize()`.
    */
-  clampDepthDimensions(t, e, n) {
+  clampDepthDimensions(t, e, i) {
     this.sourceDepthWidth = t, this.sourceDepthHeight = e;
-    let i = t, r = e;
-    if (i > n || r > n) {
-      const o = n / Math.max(i, r);
-      i = Math.max(1, Math.round(i * o)), r = Math.max(1, Math.round(r * o));
+    let n = t, r = e;
+    if (n > i || r > i) {
+      const o = i / Math.max(n, r);
+      n = Math.max(1, Math.round(n * o)), r = Math.max(1, Math.round(r * o));
     }
-    this.depthWidth = i, this.depthHeight = r, i !== t || r !== e ? this.depthSubsampleBuffer = new Uint8Array(i * r) : this.depthSubsampleBuffer = null;
+    this.depthWidth = n, this.depthHeight = r, n !== t || r !== e ? this.depthSubsampleBuffer = new Uint8Array(n * r) : this.depthSubsampleBuffer = null;
   }
   /**
    * CPU nearest-neighbor depth subsampling.
@@ -577,11 +596,11 @@ class gt {
    */
   subsampleDepth(t) {
     if (!this.depthSubsampleBuffer) return t;
-    const e = this.depthSubsampleBuffer, n = this.sourceDepthWidth, i = this.depthWidth, r = this.depthHeight;
+    const e = this.depthSubsampleBuffer, i = this.sourceDepthWidth, n = this.depthWidth, r = this.depthHeight;
     for (let o = 0; o < r; o++) {
-      const a = Math.min(Math.round(o * this.sourceDepthHeight / r), this.sourceDepthHeight - 1) * n, h = o * i;
-      for (let c = 0; c < i; c++) {
-        const f = Math.min(Math.round(c * n / i), n - 1);
+      const a = Math.min(Math.round(o * this.sourceDepthHeight / r), this.sourceDepthHeight - 1) * i, h = o * n;
+      for (let c = 0; c < n; c++) {
+        const f = Math.min(Math.round(c * i / n), i - 1);
         e[h + c] = t[a + f];
       }
     }
@@ -598,7 +617,7 @@ class gt {
    * Updates `this.uvOffset` and `this.uvScale`.
    */
   computeCoverFitUV(t, e) {
-    const { width: n, height: i } = this.getViewportSize(), r = n / i, o = t + e;
+    const { width: i, height: n } = this.getViewportSize(), r = i / n, o = t + e;
     let l = 1, a = 1;
     r > this.videoAspect ? a = this.videoAspect / r : l = r / this.videoAspect;
     const h = 1 + o * 2;
@@ -1135,7 +1154,7 @@ function Te(s, t) {
     "#version 300 es",
     `#version 300 es
 #define BILATERAL_RADIUS ${t}`
-  ), n = G(s, s.VERTEX_SHADER, bt), i = G(s, s.FRAGMENT_SHADER, e), r = mt(s, n, i), o = pt(s, r, ve), l = xe[t] ?? 2.25;
+  ), i = G(s, s.VERTEX_SHADER, bt), n = G(s, s.FRAGMENT_SHADER, e), r = mt(s, i, n), o = pt(s, r, ve), l = xe[t] ?? 2.25;
   let a = null;
   const h = {
     name: "bilateral-filter",
@@ -1220,19 +1239,19 @@ function Se(s) {
     "#version 300 es",
     `#version 300 es
 #define MAX_POM_STEPS ${be}`
-  ), e = G(s, s.VERTEX_SHADER, me), n = G(s, s.FRAGMENT_SHADER, t), i = mt(s, e, n), r = pt(s, i, Ee);
+  ), e = G(s, s.VERTEX_SHADER, me), i = G(s, s.FRAGMENT_SHADER, t), n = mt(s, e, i), r = pt(s, n, Ee);
   return {
     name: "depth-effect",
-    program: i,
+    program: n,
     uniforms: r,
     setStaticUniforms(o, l, a, h) {
-      o.useProgram(i), o.uniform1i(r.uImage, 0), o.uniform1i(r.uDepth, 1), o.uniform1f(r.uStrength, l.parallaxStrength), o.uniform1i(r.uPomEnabled, l.pomEnabled ? 1 : 0), o.uniform1i(r.uPomSteps, l.pomSteps), o.uniform1f(r.uContrastLow, l.contrastLow), o.uniform1f(r.uContrastHigh, l.contrastHigh), o.uniform1f(r.uVerticalReduction, l.verticalReduction), o.uniform1f(r.uDofStart, l.dofStart), o.uniform1f(r.uDofStrength, l.dofStrength), o.uniform2f(r.uImageTexelSize, 1 / a, 1 / h), o.uniform1i(r.uDisplacementCurve, 3), o.uniform1i(r.uBlurCurve, 4), o.uniform1i(r.uCurvesEnabled, 0), o.uniform1f(r.uBlurRadius, l.blurRadius), o.uniform1f(r.uFocalBandOffset, 0), o.uniform1i(r.uGlowCurve, 5), o.uniform1i(r.uGlowEnabled, 0), o.uniform3f(r.uGlowColor, l.glowColor[0], l.glowColor[1], l.glowColor[2]), o.uniform1f(r.uGlowRadius, l.glowRadius), o.uniform1f(r.uGlowSoftness, l.glowSoftness), o.uniform1i(r.uGlowBlurred, 8), o.uniform1i(r.uColorShiftCurve, 6), o.uniform1i(r.uColorShiftEnabled, 0), o.uniform1f(r.uColorShiftHue, 0), o.uniform1f(r.uColorShiftSaturation, 1), o.uniform1f(r.uColorShiftBrightness, 1), o.uniform1f(r.uColorShiftTintStrength, 0), o.uniform3f(r.uColorShiftTintColor, 0.7, 0.8, 0.9), o.uniform1i(r.uTiltEnabled, l.tiltEnabled ? 1 : 0), o.uniform1f(r.uTiltHalfTanFov, l.tiltHalfTanFov), o.uniform1f(r.uTiltTransitionWidth, l.tiltTransitionWidth), o.uniform1f(r.uTiltPeakIntensity, l.tiltPeakIntensity), o.uniform3f(r.uTiltPlaneNormal, 0, 0, 1), o.uniform1f(r.uTiltPlaneD, 2.75);
+      o.useProgram(n), o.uniform1i(r.uImage, 0), o.uniform1i(r.uDepth, 1), o.uniform1f(r.uStrength, l.parallaxStrength), o.uniform1i(r.uPomEnabled, l.pomEnabled ? 1 : 0), o.uniform1i(r.uPomSteps, l.pomSteps), o.uniform1f(r.uContrastLow, l.contrastLow), o.uniform1f(r.uContrastHigh, l.contrastHigh), o.uniform1f(r.uVerticalReduction, l.verticalReduction), o.uniform1f(r.uDofStart, l.dofStart), o.uniform1f(r.uDofStrength, l.dofStrength), o.uniform2f(r.uImageTexelSize, 1 / a, 1 / h), o.uniform1i(r.uDisplacementCurve, 3), o.uniform1i(r.uBlurCurve, 4), o.uniform1i(r.uCurvesEnabled, 0), o.uniform1f(r.uBlurRadius, l.blurRadius), o.uniform1f(r.uFocalBandOffset, 0), o.uniform1i(r.uGlowCurve, 5), o.uniform1i(r.uGlowEnabled, 0), o.uniform3f(r.uGlowColor, l.glowColor[0], l.glowColor[1], l.glowColor[2]), o.uniform1f(r.uGlowRadius, l.glowRadius), o.uniform1f(r.uGlowSoftness, l.glowSoftness), o.uniform1i(r.uGlowBlurred, 8), o.uniform1i(r.uColorShiftCurve, 6), o.uniform1i(r.uColorShiftEnabled, 0), o.uniform1f(r.uColorShiftHue, 0), o.uniform1f(r.uColorShiftSaturation, 1), o.uniform1f(r.uColorShiftBrightness, 1), o.uniform1f(r.uColorShiftTintStrength, 0), o.uniform3f(r.uColorShiftTintColor, 0.7, 0.8, 0.9), o.uniform1i(r.uTiltEnabled, l.tiltEnabled ? 1 : 0), o.uniform1f(r.uTiltHalfTanFov, l.tiltHalfTanFov), o.uniform1f(r.uTiltTransitionWidth, l.tiltTransitionWidth), o.uniform1f(r.uTiltPeakIntensity, l.tiltPeakIntensity), o.uniform3f(r.uTiltPlaneNormal, 0, 0, 1), o.uniform1f(r.uTiltPlaneD, 2.75);
     },
     updateUvTransform(o, l, a) {
-      o.useProgram(i), o.uniform2f(r.uUvOffset, l[0], l[1]), o.uniform2f(r.uUvScale, a[0], a[1]);
+      o.useProgram(n), o.uniform2f(r.uUvOffset, l[0], l[1]), o.uniform2f(r.uUvScale, a[0], a[1]);
     },
     dispose(o) {
-      o.deleteProgram(i);
+      o.deleteProgram(n);
     }
   };
 }
@@ -1288,14 +1307,14 @@ class ye extends gt {
       tiltTransitionWidth: e.tiltTransitionWidth ?? B.tiltTransitionWidth,
       tiltPeakIntensity: e.tiltPeakIntensity ?? B.tiltPeakIntensity
     };
-    const n = this.canvas.getContext("webgl2", {
+    const i = this.canvas.getContext("webgl2", {
       antialias: !1,
       alpha: !1,
       desynchronized: !0,
       powerPreference: "high-performance"
     });
-    if (!n) throw new Error("WebGL 2 is not supported.");
-    this.gl = n, this.qualityParams = Xt(n, e.quality), "drawingBufferColorSpace" in n && (n.drawingBufferColorSpace = "srgb"), n.clearColor(0, 0, 0, 1), n.pixelStorei(n.UNPACK_FLIP_Y_WEBGL, !0), this.initGPUResources(), this.setupResizeHandling();
+    if (!i) throw new Error("WebGL 2 is not supported.");
+    this.gl = i, this.qualityParams = Xt(i, e.quality), "drawingBufferColorSpace" in i && (i.drawingBufferColorSpace = "srgb"), i.clearColor(0, 0, 0, 1), i.pixelStorei(i.UNPACK_FLIP_Y_WEBGL, !0), this.initGPUResources(), this.setupResizeHandling();
   }
   /**
    * Set up the scene: create video texture, depth textures + FBO, and
@@ -1308,14 +1327,14 @@ class ye extends gt {
    * @param depthWidth - Width of the precomputed depth map (e.g. 512).
    * @param depthHeight - Height of the precomputed depth map (e.g. 512).
    */
-  initialize(t, e, n) {
-    const i = this.gl;
-    if (i) {
-      if (this.disposeTextures(), this.isCameraSource = t.type === "camera", this.videoAspect = t.width / t.height, this.clampDepthDimensions(e, n, this.qualityParams.depthMaxDim), this.videoSlot.texture = i.createTexture(), i.activeTexture(i.TEXTURE0 + this.videoSlot.unit), i.bindTexture(i.TEXTURE_2D, this.videoSlot.texture), 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), this.rawDepthSlot.texture = i.createTexture(), i.activeTexture(i.TEXTURE0 + this.rawDepthSlot.unit), i.bindTexture(i.TEXTURE_2D, this.rawDepthSlot.texture), 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.texStorage2D(i.TEXTURE_2D, 1, i.R8, e, n), this.filteredDepthSlot.texture = i.createTexture(), i.activeTexture(i.TEXTURE0 + this.filteredDepthSlot.unit), i.bindTexture(i.TEXTURE_2D, this.filteredDepthSlot.texture), 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.texStorage2D(i.TEXTURE_2D, 1, i.R8, e, n), this.bilateralPass && this.filteredDepthSlot.texture && this.bilateralPass.initFBO(i, this.filteredDepthSlot.texture, e, n), this.glowBlurHPass && this.glowBlurVPass) {
+  initialize(t, e, i) {
+    const n = this.gl;
+    if (n) {
+      if (this.disposeTextures(), this.isCameraSource = t.type === "camera", this.videoAspect = t.width / t.height, this.clampDepthDimensions(e, i, this.qualityParams.depthMaxDim), this.videoSlot.texture = n.createTexture(), n.activeTexture(n.TEXTURE0 + this.videoSlot.unit), n.bindTexture(n.TEXTURE_2D, this.videoSlot.texture), 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.rawDepthSlot.texture = n.createTexture(), n.activeTexture(n.TEXTURE0 + this.rawDepthSlot.unit), n.bindTexture(n.TEXTURE_2D, this.rawDepthSlot.texture), 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.filteredDepthSlot.texture = n.createTexture(), n.activeTexture(n.TEXTURE0 + this.filteredDepthSlot.unit), n.bindTexture(n.TEXTURE_2D, this.filteredDepthSlot.texture), 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.bilateralPass && this.filteredDepthSlot.texture && this.bilateralPass.initFBO(n, this.filteredDepthSlot.texture, e, i), this.glowBlurHPass && this.glowBlurVPass) {
         const r = this.depthWidth, o = this.depthHeight;
-        this.glowBlurHPass.resize(i, r, o), this.glowBlurVPass.resize(i, r, o), this.glowBlurHorizSlot.texture = this.glowBlurHPass.outputs[0].texture, this.glowBlurResultSlot.texture = this.glowBlurVPass.outputs[0].texture, i.useProgram(this.glowBlurHPass.program), i.uniform1i(this.glowBlurHPass.uniforms.uDepth, this.filteredDepthSlot.unit), i.uniform1i(this.glowBlurHPass.uniforms.uGlowCurve, this.glowLutSlot.unit), i.uniform2f(this.glowBlurHPass.uniforms.uBlurDir, 1, 0), i.uniform2f(this.glowBlurHPass.uniforms.uTexelSize, 1 / r, 1 / o), i.uniform1f(this.glowBlurHPass.uniforms.uGlowRadius, this.config.glowRadius), i.useProgram(this.glowBlurVPass.program), i.uniform1i(this.glowBlurVPass.uniforms.uHorizResult, this.glowBlurHorizSlot.unit), i.uniform2f(this.glowBlurVPass.uniforms.uBlurDir, 0, 1), i.uniform2f(this.glowBlurVPass.uniforms.uTexelSize, 1 / r, 1 / o), i.uniform1f(this.glowBlurVPass.uniforms.uGlowRadius, this.config.glowRadius);
+        this.glowBlurHPass.resize(n, r, o), this.glowBlurVPass.resize(n, r, o), this.glowBlurHorizSlot.texture = this.glowBlurHPass.outputs[0].texture, this.glowBlurResultSlot.texture = this.glowBlurVPass.outputs[0].texture, n.useProgram(this.glowBlurHPass.program), n.uniform1i(this.glowBlurHPass.uniforms.uDepth, this.filteredDepthSlot.unit), n.uniform1i(this.glowBlurHPass.uniforms.uGlowCurve, this.glowLutSlot.unit), n.uniform2f(this.glowBlurHPass.uniforms.uBlurDir, 1, 0), n.uniform2f(this.glowBlurHPass.uniforms.uTexelSize, 1 / r, 1 / o), n.uniform1f(this.glowBlurHPass.uniforms.uGlowRadius, this.config.glowRadius), n.useProgram(this.glowBlurVPass.program), n.uniform1i(this.glowBlurVPass.uniforms.uHorizResult, this.glowBlurHorizSlot.unit), n.uniform2f(this.glowBlurVPass.uniforms.uBlurDir, 0, 1), n.uniform2f(this.glowBlurVPass.uniforms.uTexelSize, 1 / r, 1 / o), n.uniform1f(this.glowBlurVPass.uniforms.uGlowRadius, this.config.glowRadius);
       }
-      this.effectPass && this.effectPass.setStaticUniforms(i, this.config, t.width, t.height), this.recalculateViewportLayout();
+      this.effectPass && this.effectPass.setStaticUniforms(n, this.config, t.width, t.height), this.recalculateViewportLayout();
     }
   }
   /**
@@ -1330,18 +1349,18 @@ class ye extends gt {
     const e = this.gl;
     if (!e || !this.effectPass) return;
     t.parallaxStrength !== void 0 && (this.config.parallaxStrength = t.parallaxStrength), t.pomEnabled !== void 0 && (this.config.pomEnabled = t.pomEnabled), t.pomSteps !== void 0 && (this.config.pomSteps = t.pomSteps), t.overscanPadding !== void 0 && (this.config.overscanPadding = t.overscanPadding), t.contrastLow !== void 0 && (this.config.contrastLow = t.contrastLow), t.contrastHigh !== void 0 && (this.config.contrastHigh = t.contrastHigh), t.verticalReduction !== void 0 && (this.config.verticalReduction = t.verticalReduction), t.dofStart !== void 0 && (this.config.dofStart = t.dofStart), t.dofStrength !== void 0 && (this.config.dofStrength = t.dofStrength), t.blurRadius !== void 0 && (this.config.blurRadius = t.blurRadius), t.glowColor !== void 0 && (this.config.glowColor = t.glowColor), t.glowRadius !== void 0 && (this.config.glowRadius = t.glowRadius), t.glowSoftness !== void 0 && (this.config.glowSoftness = t.glowSoftness), t.tiltEnabled !== void 0 && (this.config.tiltEnabled = t.tiltEnabled), t.tiltHalfTanFov !== void 0 && (this.config.tiltHalfTanFov = t.tiltHalfTanFov), t.tiltTransitionWidth !== void 0 && (this.config.tiltTransitionWidth = t.tiltTransitionWidth), t.tiltPeakIntensity !== void 0 && (this.config.tiltPeakIntensity = t.tiltPeakIntensity);
-    const { uniforms: n, program: i } = this.effectPass;
-    e.useProgram(i), e.uniform1f(n.uStrength, this.config.parallaxStrength), e.uniform1i(n.uPomEnabled, this.config.pomEnabled ? 1 : 0), e.uniform1i(n.uPomSteps, this.config.pomSteps), e.uniform1f(n.uContrastLow, this.config.contrastLow), e.uniform1f(n.uContrastHigh, this.config.contrastHigh), e.uniform1f(n.uVerticalReduction, this.config.verticalReduction), e.uniform1f(n.uDofStart, this.config.dofStart), e.uniform1f(n.uDofStrength, this.config.dofStrength), e.uniform1f(n.uBlurRadius, this.config.blurRadius), e.uniform3f(n.uGlowColor, this.config.glowColor[0], this.config.glowColor[1], this.config.glowColor[2]), e.uniform1f(n.uGlowRadius, this.config.glowRadius), e.uniform1f(n.uGlowSoftness, this.config.glowSoftness), e.uniform1i(n.uTiltEnabled, this.config.tiltEnabled ? 1 : 0), e.uniform1f(n.uTiltHalfTanFov, this.config.tiltHalfTanFov), e.uniform1f(n.uTiltTransitionWidth, this.config.tiltTransitionWidth), e.uniform1f(n.uTiltPeakIntensity, this.config.tiltPeakIntensity), t.glowRadius !== void 0 && (this.glowBlurHPass && (e.useProgram(this.glowBlurHPass.program), e.uniform1f(this.glowBlurHPass.uniforms.uGlowRadius, this.config.glowRadius)), this.glowBlurVPass && (e.useProgram(this.glowBlurVPass.program), e.uniform1f(this.glowBlurVPass.uniforms.uGlowRadius, this.config.glowRadius)), this.refreshGlowBlur()), (t.parallaxStrength !== void 0 || t.overscanPadding !== void 0) && this.recalculateViewportLayout();
+    const { uniforms: i, program: n } = this.effectPass;
+    e.useProgram(n), e.uniform1f(i.uStrength, this.config.parallaxStrength), e.uniform1i(i.uPomEnabled, this.config.pomEnabled ? 1 : 0), e.uniform1i(i.uPomSteps, this.config.pomSteps), e.uniform1f(i.uContrastLow, this.config.contrastLow), e.uniform1f(i.uContrastHigh, this.config.contrastHigh), e.uniform1f(i.uVerticalReduction, this.config.verticalReduction), e.uniform1f(i.uDofStart, this.config.dofStart), e.uniform1f(i.uDofStrength, this.config.dofStrength), e.uniform1f(i.uBlurRadius, this.config.blurRadius), e.uniform3f(i.uGlowColor, this.config.glowColor[0], this.config.glowColor[1], this.config.glowColor[2]), e.uniform1f(i.uGlowRadius, this.config.glowRadius), e.uniform1f(i.uGlowSoftness, this.config.glowSoftness), e.uniform1i(i.uTiltEnabled, this.config.tiltEnabled ? 1 : 0), e.uniform1f(i.uTiltHalfTanFov, this.config.tiltHalfTanFov), e.uniform1f(i.uTiltTransitionWidth, this.config.tiltTransitionWidth), e.uniform1f(i.uTiltPeakIntensity, this.config.tiltPeakIntensity), t.glowRadius !== void 0 && (this.glowBlurHPass && (e.useProgram(this.glowBlurHPass.program), e.uniform1f(this.glowBlurHPass.uniforms.uGlowRadius, this.config.glowRadius)), this.glowBlurVPass && (e.useProgram(this.glowBlurVPass.program), e.uniform1f(this.glowBlurVPass.uniforms.uGlowRadius, this.config.glowRadius)), this.refreshGlowBlur()), (t.parallaxStrength !== void 0 || t.overscanPadding !== void 0) && this.recalculateViewportLayout();
   }
   /**
    * Upload new curve LUT data to the GPU.
    * Call this whenever the curve editor changes.
    */
-  updateCurveLUTs(t, e, n, i, r) {
+  updateCurveLUTs(t, e, i, n, r) {
     const o = this.gl;
     if (!o || !this.effectPass) return;
-    const l = !!(t || e), a = !!n, h = !!i;
-    t && this.uploadLUT(this.displacementLutSlot, t), e && this.uploadLUT(this.blurLutSlot, e), n && this.uploadLUT(this.glowLutSlot, n), i && this.uploadLUT(this.colorShiftLutSlot, i), o.useProgram(this.effectPass.program), o.uniform1i(
+    const l = !!(t || e), a = !!i, h = !!n;
+    t && this.uploadLUT(this.displacementLutSlot, t), e && this.uploadLUT(this.blurLutSlot, e), i && this.uploadLUT(this.glowLutSlot, i), n && this.uploadLUT(this.colorShiftLutSlot, n), o.useProgram(this.effectPass.program), o.uniform1i(
       this.effectPass.uniforms.uCurvesEnabled,
       l ? 1 : 0
     ), o.uniform1i(
@@ -1352,7 +1371,7 @@ class ye extends gt {
       h ? 1 : 0
     );
     const c = this.glowEnabled !== a;
-    if (this.glowEnabled = a, a && (c || n) && this.refreshGlowBlur(), h && r) {
+    if (this.glowEnabled = a, a && (c || i) && this.refreshGlowBlur(), h && r) {
       const f = this.effectPass.uniforms;
       o.uniform1f(f.uColorShiftHue, r.hueShift * (Math.PI / 180)), o.uniform1f(f.uColorShiftSaturation, r.saturation), o.uniform1f(f.uColorShiftBrightness, r.brightness), o.uniform1f(f.uColorShiftTintStrength, r.tintStrength), o.uniform3f(
         f.uColorShiftTintColor,
@@ -1379,7 +1398,7 @@ class ye extends gt {
       "#version 300 es",
       `#version 300 es
 #define PASS_HORIZONTAL`
-    ), n = [
+    ), i = [
       "uDepth",
       "uGlowCurve",
       "uHorizResult",
@@ -1392,7 +1411,7 @@ class ye extends gt {
       "glow-blur-h",
       bt,
       e,
-      n,
+      i,
       {
         internalFormat: t.R8,
         format: t.RED,
@@ -1406,7 +1425,7 @@ class ye extends gt {
       "glow-blur-v",
       bt,
       Ft,
-      n,
+      i,
       {
         internalFormat: t.R8,
         format: t.RED,
@@ -1425,8 +1444,8 @@ class ye extends gt {
    * Creates the texture on first call, updates via texSubImage2D thereafter.
    */
   uploadLUT(t, e) {
-    const n = this.gl;
-    n && (n.activeTexture(n.TEXTURE0 + t.unit), t.texture ? n.bindTexture(n.TEXTURE_2D, t.texture) : (t.texture = n.createTexture(), n.bindTexture(n.TEXTURE_2D, t.texture), 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, 256, 1)), n.texSubImage2D(n.TEXTURE_2D, 0, 0, 0, 256, 1, n.RED, n.UNSIGNED_BYTE, e));
+    const i = this.gl;
+    i && (i.activeTexture(i.TEXTURE0 + t.unit), t.texture ? i.bindTexture(i.TEXTURE_2D, t.texture) : (t.texture = i.createTexture(), i.bindTexture(i.TEXTURE_2D, t.texture), 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.texStorage2D(i.TEXTURE_2D, 1, i.R8, 256, 1)), i.texSubImage2D(i.TEXTURE_2D, 0, 0, 0, 256, 1, i.RED, i.UNSIGNED_BYTE, e));
   }
   // -----------------------------------------------------------------------
   // Abstract method implementations
@@ -1446,16 +1465,16 @@ class ye extends gt {
     const t = this.gl, e = this.mediaSource;
     if (!t || !this.effectPass || !this.quadVao)
       return;
-    const n = e?.getImageSource();
-    if (n) {
-      if (!this.rvfcSupported && e.isLive && this.onDepthUpdate(e.currentTime), t.useProgram(this.effectPass.program), t.activeTexture(t.TEXTURE0 + this.videoSlot.unit), t.bindTexture(t.TEXTURE_2D, this.videoSlot.texture), t.texImage2D(t.TEXTURE_2D, 0, t.RGBA, t.RGBA, t.UNSIGNED_BYTE, n), this.readInput) {
-        const i = this.readInput();
-        t.uniform2f(this.effectPass.uniforms.uOffset, -i.x, i.y), i.focalBandOffset !== void 0 && t.uniform1f(this.effectPass.uniforms.uFocalBandOffset, i.focalBandOffset), i.tiltPlaneNormal !== void 0 && t.uniform3f(
+    const i = e?.getImageSource();
+    if (i) {
+      if (!this.rvfcSupported && e.isLive && this.onDepthUpdate(e.currentTime), t.useProgram(this.effectPass.program), t.activeTexture(t.TEXTURE0 + this.videoSlot.unit), t.bindTexture(t.TEXTURE_2D, this.videoSlot.texture), t.texImage2D(t.TEXTURE_2D, 0, t.RGBA, t.RGBA, t.UNSIGNED_BYTE, i), this.readInput) {
+        const n = this.readInput();
+        t.uniform2f(this.effectPass.uniforms.uOffset, -n.x, n.y), n.focalBandOffset !== void 0 && t.uniform1f(this.effectPass.uniforms.uFocalBandOffset, n.focalBandOffset), n.tiltPlaneNormal !== void 0 && t.uniform3f(
           this.effectPass.uniforms.uTiltPlaneNormal,
-          i.tiltPlaneNormal[0],
-          i.tiltPlaneNormal[1],
-          i.tiltPlaneNormal[2]
-        ), i.tiltPlaneD !== void 0 && t.uniform1f(this.effectPass.uniforms.uTiltPlaneD, i.tiltPlaneD);
+          n.tiltPlaneNormal[0],
+          n.tiltPlaneNormal[1],
+          n.tiltPlaneNormal[2]
+        ), n.tiltPlaneD !== void 0 && t.uniform1f(this.effectPass.uniforms.uTiltPlaneD, n.tiltPlaneD);
       }
       t.bindVertexArray(this.quadVao), t.drawArrays(t.TRIANGLE_STRIP, 0, 4);
     }
@@ -1471,12 +1490,12 @@ class ye extends gt {
   onDepthUpdate(t) {
     const e = this.gl;
     if (!e || !this.readDepth || !this.rawDepthSlot.texture || !this.bilateralPass) return;
-    const n = this.subsampleDepth(this.readDepth(t));
+    const i = this.subsampleDepth(this.readDepth(t));
     this.bilateralPass.execute(
       e,
       this.quadVao,
       this.rawDepthSlot.texture,
-      n,
+      i,
       this.depthWidth,
       this.depthHeight,
       this.canvas.width,
@@ -1489,8 +1508,8 @@ class ye extends gt {
    */
   executeGlowBlur(t) {
     if (!this.glowBlurHPass?.fbo || !this.glowBlurVPass?.fbo || !this.quadVao) return;
-    const e = this.depthWidth, n = this.depthHeight;
-    t.bindFramebuffer(t.FRAMEBUFFER, this.glowBlurHPass.fbo), t.viewport(0, 0, e, n), t.useProgram(this.glowBlurHPass.program), t.bindVertexArray(this.quadVao), t.drawArrays(t.TRIANGLE_STRIP, 0, 4), t.bindFramebuffer(t.FRAMEBUFFER, this.glowBlurVPass.fbo), t.useProgram(this.glowBlurVPass.program), t.drawArrays(t.TRIANGLE_STRIP, 0, 4), t.bindFramebuffer(t.FRAMEBUFFER, null), t.viewport(0, 0, this.canvas.width, this.canvas.height);
+    const e = this.depthWidth, i = this.depthHeight;
+    t.bindFramebuffer(t.FRAMEBUFFER, this.glowBlurHPass.fbo), t.viewport(0, 0, e, i), t.useProgram(this.glowBlurHPass.program), t.bindVertexArray(this.quadVao), t.drawArrays(t.TRIANGLE_STRIP, 0, 4), t.bindFramebuffer(t.FRAMEBUFFER, this.glowBlurVPass.fbo), t.useProgram(this.glowBlurVPass.program), t.drawArrays(t.TRIANGLE_STRIP, 0, 4), t.bindFramebuffer(t.FRAMEBUFFER, null), t.viewport(0, 0, this.canvas.width, this.canvas.height);
   }
   /**
    * Re-execute glow blur on demand (when glow LUT or radius changes).
@@ -1510,7 +1529,7 @@ class ye extends gt {
   recalculateViewportLayout() {
     const t = this.gl;
     if (!t) return;
-    const { width: e, height: n } = this.getViewportSize(), i = Math.min(window.devicePixelRatio, this.qualityParams.dprCap), r = Math.round(e * i), o = Math.round(n * i);
+    const { width: e, height: i } = this.getViewportSize(), n = Math.min(window.devicePixelRatio, this.qualityParams.dprCap), r = Math.round(e * n), o = Math.round(i * n);
     (this.canvas.width !== r || this.canvas.height !== o) && (this.canvas.width = r, this.canvas.height = o, t.viewport(0, 0, r, o)), this.computeCoverFitUV(this.config.parallaxStrength, this.config.overscanPadding), this.effectPass && this.effectPass.updateUvTransform(t, this.uvOffset, this.uvScale);
   }
   /** Release all GPU resources. */
@@ -1539,10 +1558,10 @@ class ye extends gt {
 async function ht(s, t = {}) {
   const {
     parent: e = document.body,
-    loop: n = !0,
-    muted: i = !0
+    loop: i = !0,
+    muted: n = !0
   } = t, r = document.createElement("video");
-  return r.crossOrigin = "anonymous", r.setAttribute("crossorigin", "anonymous"), r.playsInline = !0, r.setAttribute("playsinline", ""), r.setAttribute("webkit-playsinline", "true"), r.muted = i, r.defaultMuted = i, i && r.setAttribute("muted", ""), r.loop = n, r.preload = "auto", r.style.display = "none", r.src = s, e.appendChild(r), await Gt(r), new we(r);
+  return r.crossOrigin = "anonymous", r.setAttribute("crossorigin", "anonymous"), r.playsInline = !0, r.setAttribute("playsinline", ""), r.setAttribute("webkit-playsinline", "true"), r.muted = n, r.defaultMuted = n, n && r.setAttribute("muted", ""), r.loop = i, r.preload = "auto", r.style.display = "none", r.src = s, e.appendChild(r), await Gt(r), new we(r);
 }
 class we {
   constructor(t) {
@@ -1592,12 +1611,12 @@ class we {
 }
 async function ft(s, t = {}) {
   const e = new Image();
-  return e.crossOrigin = "anonymous", e.src = s, await new Promise((n, i) => {
+  return e.crossOrigin = "anonymous", e.src = s, await new Promise((i, n) => {
     if (e.complete && e.naturalWidth > 0) {
-      n();
+      i();
       return;
     }
-    e.addEventListener("load", () => n(), { once: !0 }), e.addEventListener("error", () => i(new Error(`Failed to load image: ${s}`)), { once: !0 });
+    e.addEventListener("load", () => i(), { once: !0 }), e.addEventListener("error", () => n(new Error(`Failed to load image: ${s}`)), { once: !0 });
   }), new Re(e);
 }
 class Re {
@@ -1623,8 +1642,8 @@ class Re {
   }
 }
 async function Nt(s = { video: !0 }, t = {}) {
-  const { parent: e = document.body } = t, n = await navigator.mediaDevices.getUserMedia(s), i = document.createElement("video");
-  return i.playsInline = !0, i.setAttribute("playsinline", ""), i.muted = !0, i.defaultMuted = !0, i.style.display = "none", i.srcObject = n, e.appendChild(i), await Gt(i), await i.play(), new Ae(i, n);
+  const { parent: e = document.body } = t, i = await navigator.mediaDevices.getUserMedia(s), n = document.createElement("video");
+  return n.playsInline = !0, n.setAttribute("playsinline", ""), n.muted = !0, n.defaultMuted = !0, n.style.display = "none", n.srcObject = i, e.appendChild(n), await Gt(n), await n.play(), new Ae(n, i);
 }
 class Ae {
   constructor(t, e) {
@@ -1674,14 +1693,14 @@ class Ae {
 }
 async function Gt(s) {
   s.readyState >= HTMLMediaElement.HAVE_METADATA || await new Promise((t, e) => {
-    const n = () => {
+    const i = () => {
       r(), t();
-    }, i = () => {
+    }, n = () => {
       r(), e(new Error("Failed to load video metadata."));
     }, r = () => {
-      s.removeEventListener("loadedmetadata", n), s.removeEventListener("error", i);
+      s.removeEventListener("loadedmetadata", i), s.removeEventListener("error", n);
     };
-    s.addEventListener("loadedmetadata", n), s.addEventListener("error", i), s.load();
+    s.addEventListener("loadedmetadata", i), s.addEventListener("error", n), s.load();
   });
 }
 const Z = 518;
@@ -1691,9 +1710,9 @@ async function Pe() {
 class De {
   constructor(t, e) {
     this.depthWidth = t, this.depthHeight = e;
-    const n = t * e;
-    this.frontBuffer = new Uint8Array(n), this.frontBuffer.fill(128), this.backBuffer = new Uint8Array(n), this.backBuffer.fill(128), this.readyPromise = new Promise((i) => {
-      this.readyResolve = i;
+    const i = t * e;
+    this.frontBuffer = new Uint8Array(i), this.frontBuffer.fill(128), this.backBuffer = new Uint8Array(i), this.backBuffer.fill(128), this.readyPromise = new Promise((n) => {
+      this.readyResolve = n;
     });
   }
   // ONNX session + module (set after init)
@@ -1727,21 +1746,21 @@ class De {
    * (GPU-accelerated on main thread), falls back to WASM EP.
    */
   async init(t, e) {
-    const n = await Pe();
-    if (this.ort = n, this.captureCanvas = document.createElement("canvas"), this.captureCanvas.width = Z, this.captureCanvas.height = Z, this.captureCtx = this.captureCanvas.getContext("2d", {
+    const i = await Pe();
+    if (this.ort = i, this.captureCanvas = document.createElement("canvas"), this.captureCanvas.width = Z, this.captureCanvas.height = Z, this.captureCtx = this.captureCanvas.getContext("2d", {
       willReadFrequently: !0
     }), !this.captureCtx)
       throw new Error("[DepthEstimator] Failed to create 2D canvas context.");
     e?.({ receivedBytes: 0, totalBytes: null, fraction: 0, label: "Downloading depth model…" });
-    const i = await Fe(t, e);
-    e?.({ receivedBytes: i.byteLength, totalBytes: i.byteLength, fraction: 1, label: "Initialising depth model…" });
+    const n = await Fe(t, e);
+    e?.({ receivedBytes: n.byteLength, totalBytes: n.byteLength, fraction: 1, label: "Initialising depth model…" });
     let r;
     try {
-      r = await n.InferenceSession.create(i, {
+      r = await i.InferenceSession.create(n, {
         executionProviders: ["webgpu"]
       }), console.log("[DepthEstimator] Using WebGPU execution provider");
     } catch (o) {
-      console.warn("[DepthEstimator] WebGPU EP unavailable, falling back to WASM:", o), n.env.wasm.proxy = !0, r = await n.InferenceSession.create(i, {
+      console.warn("[DepthEstimator] WebGPU EP unavailable, falling back to WASM:", o), i.env.wasm.proxy = !0, r = await i.InferenceSession.create(n, {
         executionProviders: ["wasm"]
       }), console.log("[DepthEstimator] Using WASM execution provider (proxy worker)");
     }
@@ -1810,7 +1829,7 @@ class De {
         0,
         Z,
         Z
-      ), n = await this.workerPreprocess(e.data.buffer, e.width, e.height), i = new this.ort.Tensor("float32", new Float32Array(n), [1, 3, e.height, e.width]), o = (await this.session.run({ [this.inputName]: i }))[this.outputName], l = o.data, a = o.dims, h = a.length === 3 ? a[1] : a[2], c = a.length === 3 ? a[2] : a[3], f = await this.workerPostprocess(l.slice(0).buffer, c, h);
+      ), i = await this.workerPreprocess(e.data.buffer, e.width, e.height), n = new this.ort.Tensor("float32", new Float32Array(i), [1, 3, e.height, e.width]), o = (await this.session.run({ [this.inputName]: n }))[this.outputName], l = o.data, a = o.dims, h = a.length === 3 ? a[1] : a[2], c = a.length === 3 ? a[2] : a[3], f = await this.workerPostprocess(l.slice(0).buffer, c, h);
       this.backBuffer.set(new Uint8Array(f));
       const u = this.frontBuffer;
       this.frontBuffer = this.backBuffer, this.backBuffer = u;
@@ -1820,50 +1839,50 @@ class De {
       this.inferenceInFlight = !1;
     }
   }
-  workerPreprocess(t, e, n) {
-    return new Promise((i, r) => {
+  workerPreprocess(t, e, i) {
+    return new Promise((n, r) => {
       if (!this.preprocessWorker) {
         r(new Error("Worker not ready"));
         return;
       }
       const o = (a) => {
-        this.preprocessWorker?.removeEventListener("message", o), a.data.type === "preprocessed" ? i(a.data.float32) : a.data.type === "error" && r(new Error(a.data.message));
+        this.preprocessWorker?.removeEventListener("message", o), a.data.type === "preprocessed" ? n(a.data.float32) : a.data.type === "error" && r(new Error(a.data.message));
       };
       this.preprocessWorker.addEventListener("message", o);
       const l = t.slice(0);
       this.preprocessWorker.postMessage(
-        { type: "preprocess", pixels: l, width: e, height: n },
+        { type: "preprocess", pixels: l, width: e, height: i },
         [l]
       );
     });
   }
-  workerPostprocess(t, e, n) {
-    return new Promise((i, r) => {
+  workerPostprocess(t, e, i) {
+    return new Promise((n, r) => {
       if (!this.preprocessWorker) {
         r(new Error("Worker not ready"));
         return;
       }
       const o = (a) => {
-        this.preprocessWorker?.removeEventListener("message", o), a.data.type === "postprocessed" ? i(a.data.depth) : a.data.type === "error" && r(new Error(a.data.message));
+        this.preprocessWorker?.removeEventListener("message", o), a.data.type === "postprocessed" ? n(a.data.depth) : a.data.type === "error" && r(new Error(a.data.message));
       };
       this.preprocessWorker.addEventListener("message", o);
       const l = t.slice(0);
       this.preprocessWorker.postMessage(
-        { type: "postprocess", depthFloat: l, srcW: e, srcH: n, dstW: this.depthWidth, dstH: this.depthHeight },
+        { type: "postprocess", depthFloat: l, srcW: e, srcH: i, dstW: this.depthWidth, dstH: this.depthHeight },
         [l]
       );
     });
   }
 }
-async function dt(s, t, e, n) {
-  const i = new De(t, e);
-  return await i.init(s, n), i;
+async function dt(s, t, e, i) {
+  const n = new De(t, e);
+  return await n.init(s, i), n;
 }
 async function Fe(s, t) {
   const e = await fetch(s);
   if (!e.ok)
     throw new Error(`[DepthEstimator] Failed to fetch model (${e.status} ${e.statusText}).`);
-  const n = e.headers.get("content-length"), i = n ? Number(n) : null, r = e.body;
+  const i = e.headers.get("content-length"), n = i ? Number(i) : null, r = e.body;
   if (!r) {
     const f = await e.arrayBuffer();
     return t?.({
@@ -1881,8 +1900,8 @@ async function Fe(s, t) {
     if (f) break;
     u && (o.push(u), l += u.byteLength, t?.({
       receivedBytes: l,
-      totalBytes: i,
-      fraction: i ? Math.min(l / i, 1) : 0,
+      totalBytes: n,
+      fraction: n ? Math.min(l / n, 1) : 0,
       label: "Downloading depth model…"
     }));
   }
@@ -1902,27 +1921,27 @@ function St(s, t) {
   if (e.length === 0) return 0;
   if (e.length === 1 || t <= e[0].x) return e[0].y;
   if (t >= e[e.length - 1].x) return e[e.length - 1].y;
-  let n = 0;
-  for (; n < e.length - 1 && e[n + 1].x < t; ) n++;
-  const i = e[n], r = e[n + 1], o = (t - i.x) / (r.x - i.x);
+  let i = 0;
+  for (; i < e.length - 1 && e[i + 1].x < t; ) i++;
+  const n = e[i], r = e[i + 1], o = (t - n.x) / (r.x - n.x);
   switch (s.interpolation) {
     case "step":
-      return i.y;
+      return n.y;
     case "linear":
-      return i.y + (r.y - i.y) * o;
+      return n.y + (r.y - n.y) * o;
     case "smooth": {
       const l = o * o * (3 - 2 * o);
-      return i.y + (r.y - i.y) * l;
+      return n.y + (r.y - n.y) * l;
     }
     default:
-      return i.y + (r.y - i.y) * o;
+      return n.y + (r.y - n.y) * o;
   }
 }
 function lt(s, t = 256) {
   const e = new Uint8Array(t);
-  for (let n = 0; n < t; n++) {
-    const i = n / (t - 1);
-    e[n] = Math.round(St(s, i) * 255);
+  for (let i = 0; i < t; i++) {
+    const n = i / (t - 1);
+    e[i] = Math.round(St(s, n) * 255);
   }
   return e;
 }
@@ -1930,10 +1949,10 @@ function q(s, t) {
   return s.find((e) => e.channel === t && e.enabled);
 }
 function Ut(s, t) {
-  const e = q(s, "displacement"), n = q(s, "blur"), i = q(s, "glow"), r = e?.params;
+  const e = q(s, "displacement"), i = q(s, "blur"), n = q(s, "glow"), r = e?.params;
   let o = 0.6, l = 0;
-  if (n) {
-    const a = n.curve;
+  if (i) {
+    const a = i.curve;
     for (let h = 0; h <= 1; h += 0.01)
       if (St(a, h) > 0.01) {
         o = h;
@@ -1950,23 +1969,23 @@ function Ut(s, t) {
     verticalReduction: t.verticalReduction,
     dofStart: o,
     dofStrength: l,
-    blurRadius: n?.params?.maxRadius ?? 0.01,
-    glowColor: i?.params?.color ?? [1, 0.95, 0.85],
-    glowRadius: i?.params?.radius ?? 0.02,
-    glowSoftness: i?.params?.softness ?? 0.6,
-    tiltEnabled: n?.params?.tiltEnabled ?? !1,
-    tiltHalfTanFov: Math.tan((n?.params?.tiltFov ?? 50) * Math.PI / 360),
-    tiltTransitionWidth: (n?.params?.focalWidth ?? 0.3) * 4.5,
-    tiltPeakIntensity: n?.params?.peakIntensity ?? 0.8
+    blurRadius: i?.params?.maxRadius ?? 0.01,
+    glowColor: n?.params?.color ?? [1, 0.95, 0.85],
+    glowRadius: n?.params?.radius ?? 0.02,
+    glowSoftness: n?.params?.softness ?? 0.6,
+    tiltEnabled: i?.params?.tiltEnabled ?? !1,
+    tiltHalfTanFov: Math.tan((i?.params?.tiltFov ?? 50) * Math.PI / 360),
+    tiltTransitionWidth: (i?.params?.focalWidth ?? 0.3) * 4.5,
+    tiltPeakIntensity: i?.params?.peakIntensity ?? 0.8
   };
 }
 function Lt(s) {
-  const t = q(s, "displacement"), e = q(s, "blur"), n = q(s, "glow"), i = q(s, "color-shift"), r = i?.params;
+  const t = q(s, "displacement"), e = q(s, "blur"), i = q(s, "glow"), n = q(s, "color-shift"), r = n?.params;
   return {
     displacementLUT: t ? lt(t.curve) : null,
     blurLUT: e ? lt(e.curve) : null,
-    glowLUT: n ? lt(n.curve) : null,
-    colorShiftLUT: i ? lt(i.curve) : null,
+    glowLUT: i ? lt(i.curve) : null,
+    colorShiftLUT: n ? lt(n.curve) : null,
     colorShiftParams: r ? {
       hueShift: r.hueShift ?? 0,
       saturation: r.saturation ?? 1,
@@ -1991,8 +2010,8 @@ class Wt {
   onDisconnected() {
     this.cancelInit(), this.element.doDispose(), this.initialized = !1;
   }
-  onAttributeChanged(t, e, n) {
-    this.element.reinitAttributes.includes(t) && e !== n && (this.initialized ? (this.cancelInit(), this.element.doDispose(), this.initialized = !1, this.element.setupShadowDOM(), this.tryInit()) : this.initializing || this.tryInit());
+  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;
@@ -2008,8 +2027,8 @@ class Wt {
     if (t.canInit) {
       if (!t.canInit()) return;
     } else
-      for (const n of t.reinitAttributes)
-        if (!t.getAttribute(n)) return;
+      for (const i of t.reinitAttributes)
+        if (!t.getAttribute(i)) return;
     this.cancelInit();
     const e = new AbortController();
     this.abortController = e, this.initializing = !0;
@@ -2040,10 +2059,10 @@ class xt extends HTMLElement {
   static get observedAttributes() {
     return [
       "src",
-      "depth-src",
-      "depth-width",
-      "depth-height",
-      "depth-fps",
+      "map-src",
+      "map-width",
+      "map-height",
+      "map-fps",
       "depth-model",
       "source-type",
       "config",
@@ -2059,11 +2078,11 @@ class xt extends HTMLElement {
       "muted"
     ];
   }
-  reinitAttributes = ["src", "depth-src", "depth-width", "depth-height", "depth-fps", "depth-model", "source-type", "config"];
+  reinitAttributes = ["src", "map-src", "map-width", "map-height", "map-fps", "depth-model", "source-type", "config"];
   canInit() {
     if (this.sourceType === "camera") return !0;
-    const t = !!this.getAttribute("src"), e = !!this.getAttribute("depth-src"), n = !!this.getAttribute("depth-model");
-    return t && (e || n);
+    const t = !!this.getAttribute("src"), e = !!this.getAttribute("map-src"), i = !!this.getAttribute("depth-model");
+    return t && (e || i);
   }
   shadow;
   container = null;
@@ -2091,15 +2110,15 @@ class xt extends HTMLElement {
   }
   // --- Attribute helpers ---
   getAttrFloat(t, e) {
-    const n = this.getAttribute(t);
-    if (n === null) return e;
-    const i = parseFloat(n);
-    return Number.isFinite(i) ? i : e;
+    const i = this.getAttribute(t);
+    if (i === null) return e;
+    const n = parseFloat(i);
+    return Number.isFinite(n) ? n : e;
   }
   getAttrBool(t, e) {
     if (!this.hasAttribute(t)) return e;
-    const n = this.getAttribute(t);
-    return !(n === "false" || n === "0");
+    const i = this.getAttribute(t);
+    return !(i === "false" || i === "0");
   }
   get parallaxX() {
     return this.getAttrFloat("parallax-x", z.parallaxX);
@@ -2178,8 +2197,8 @@ class xt extends HTMLElement {
   disconnectedCallback() {
     this.lifecycle.onDisconnected();
   }
-  attributeChangedCallback(t, e, n) {
-    this.lifecycle.onAttributeChanged(t, e, n);
+  attributeChangedCallback(t, e, i) {
+    this.lifecycle.onAttributeChanged(t, e, i);
   }
   // --- Shadow DOM setup ---
   setupShadowDOM() {
@@ -2216,27 +2235,27 @@ class xt extends HTMLElement {
     const e = this.getAttribute("config");
     if (!e) return null;
     try {
-      const n = await fetch(e, { signal: t });
-      if (!n.ok)
-        return console.warn(`<layershift-effect>: Failed to fetch config from "${e}" (${n.status})`), null;
-      const i = await n.json();
+      const i = await fetch(e, { signal: t });
+      if (!i.ok)
+        return console.warn(`<layershift-effect>: Failed to fetch config from "${e}" (${i.status})`), null;
+      const n = await i.json();
       return {
-        channels: i.channels ?? [],
-        motion: i.motion ?? Ct,
-        overscanPadding: i.overscanPadding ?? 0.05,
-        quality: i.quality ?? "auto"
+        channels: n.channels ?? [],
+        motion: n.motion ?? Ct,
+        overscanPadding: n.overscanPadding ?? 0.05,
+        quality: n.quality ?? "auto"
       };
-    } catch (n) {
-      return n.name === "AbortError" || console.warn("<layershift-effect>: Failed to parse config.", n), null;
+    } catch (i) {
+      return i.name === "AbortError" || console.warn("<layershift-effect>: Failed to parse config.", i), null;
     }
   }
   /**
    * Build renderer config from HTML attributes (legacy parallax-only path).
    */
   buildLegacyConfig(t, e) {
-    const n = this.container?.clientWidth || e, i = this.hasAttribute("parallax-max") ? this.parallaxMax / Math.max(n, 1) : t.parallaxStrength, r = this.hasAttribute("overscan") ? this.overscan : t.overscanPadding;
+    const i = this.container?.clientWidth || e, n = this.hasAttribute("parallax-max") ? this.parallaxMax / Math.max(i, 1) : t.parallaxStrength, r = this.hasAttribute("overscan") ? this.overscan : t.overscanPadding;
     return {
-      parallaxStrength: i,
+      parallaxStrength: n,
       pomEnabled: !0,
       pomSteps: t.pomSteps,
       overscanPadding: r,
@@ -2251,30 +2270,30 @@ class xt extends HTMLElement {
   // --- Initialization ---
   async doInit(t) {
     if (!this.container) return;
-    const e = this.sourceType === "camera", n = this.depthModel;
+    const e = this.sourceType === "camera", i = this.depthModel;
     try {
-      let i, r, o = null;
+      let n, r, o = null;
       const l = (m) => {
         this.emit("layershift-effect:model-progress", m);
       };
       if (e) {
-        if (i = await Nt(
+        if (n = await Nt(
           { video: { facingMode: "user" } },
           { parent: this.shadow }
         ), t.aborted) {
-          i.dispose();
+          n.dispose();
           return;
         }
-        if (n) {
-          if (o = await dt(n, $, K, l), t.aborted) {
-            o.dispose(), i.dispose();
+        if (i) {
+          if (o = await dt(i, $, K, l), t.aborted) {
+            o.dispose(), n.dispose();
             return;
           }
           r = X($, K);
         } else
-          r = X(i.width, i.height);
+          r = X(n.width, n.height);
       } else {
-        const m = this.getAttribute("src"), T = this.getAttribute("depth-src"), w = !!T, A = this.sourceType === "image" || /\.(jpe?g|png|webp|gif|avif|bmp)(\?|$)/i.test(m);
+        const m = this.getAttribute("src"), T = this.getAttribute("map-src"), w = !!T, A = this.sourceType === "image" || /\.(jpe?g|png|webp|gif|avif|bmp)(\?|$)/i.test(m);
         if (w) {
           const [P, F] = await Promise.all([
             A ? ft(m) : ht(m, {
@@ -2284,31 +2303,31 @@ class xt extends HTMLElement {
             }),
             kt(
               T,
-              this.getAttrFloat("depth-width", 512),
-              this.getAttrFloat("depth-height", 512),
-              this.getAttrFloat("depth-fps", 5)
+              this.getAttrFloat("map-width", 512),
+              this.getAttrFloat("map-height", 512),
+              this.getAttrFloat("map-fps", 5)
             )
           ]);
           if (t.aborted) {
             P.dispose();
             return;
           }
-          i = P, r = F;
-        } else if (n) {
+          n = P, r = F;
+        } else if (i) {
           const [P, F] = await Promise.all([
             A ? ft(m) : ht(m, {
               parent: this.shadow,
               loop: this.shouldLoop,
               muted: this.shouldMute
             }),
-            dt(n, $, K, l)
+            dt(i, $, K, l)
           ]);
           if (t.aborted) {
             P.dispose(), F.dispose();
             return;
           }
-          if (i = P, o = F, A || !i.isLive) {
-            const _ = i.getImageSource();
+          if (n = P, o = F, A || !n.isLive) {
+            const _ = n.getImageSource();
             if (_) {
               const I = await o.submitFrameAndWait(_);
               r = {
@@ -2323,9 +2342,9 @@ class xt extends HTMLElement {
           } else
             r = X($, K);
         } else
-          throw new Error("Either depth-src or depth-model must be provided.");
+          throw new Error("Either map-src or depth-model must be provided.");
       }
-      this.source = i, this.depthEstimator = o, this.loopCount = 0, this.attachSourceEventListeners(i);
+      this.source = n, this.depthEstimator = o, this.loopCount = 0, this.attachSourceEventListeners(n);
       const a = re(
         r.frames,
         r.width,
@@ -2374,8 +2393,8 @@ class xt extends HTMLElement {
           tiltPeakIntensity: m.tiltPeakIntensity
         }, u = Lt(p.channels), x = p.motion;
       } else
-        f = this.buildLegacyConfig(h, i.width);
-      this.renderer = new ye(this.container, f), this.renderer.initialize(i, r.width, r.height), u && this.renderer.updateCurveLUTs(
+        f = this.buildLegacyConfig(h, n.width);
+      this.renderer = new ye(this.container, f), this.renderer.initialize(n, r.width, r.height), u && this.renderer.updateCurveLUTs(
         u.displacementLUT,
         u.blurLUT,
         u.glowLUT,
@@ -2384,7 +2403,7 @@ class xt extends HTMLElement {
       );
       const d = x.tiltPlaneInput ?? !1, y = x.tiltPitchSensitivity ?? 0.35, b = x.tiltYawSensitivity ?? 0.15, g = p?.channels.find((m) => m.channel === "blur" && m.enabled)?.params?.focalCenter ?? 0.5, v = o;
       if (this.renderer.start(
-        i,
+        n,
         c,
         () => {
           const m = this._input;
@@ -2401,7 +2420,7 @@ class xt extends HTMLElement {
         },
         (m, T) => {
           if (v) {
-            const w = i.getImageSource();
+            const w = n.getImageSource();
             w && v.submitFrame(w);
           }
           this.emit("layershift-effect:frame", {
@@ -2409,23 +2428,53 @@ class xt extends HTMLElement {
             frameNumber: T
           });
         }
-      ), !e && i.isLive && this.shouldAutoplay && i.play)
+      ), !e && n.isLive && this.shouldAutoplay && n.play)
         try {
-          await i.play();
+          await n.play();
         } catch {
         }
       if (t.aborted) return;
       this.lifecycle.markInitialized(), this.emit("layershift-effect:ready", {
-        videoWidth: i.width,
-        videoHeight: i.height,
-        duration: i.duration,
+        videoWidth: n.width,
+        videoHeight: n.height,
+        duration: n.duration,
         depthProfile: a,
         derivedParams: h,
         motionConfig: x
       });
-    } catch (i) {
-      const r = i instanceof Error ? i.message : "Failed to initialize.";
-      console.error("<layershift-effect>: Failed to initialize.", i), this.emit("layershift-effect:error", { message: r });
+    } catch (n) {
+      const r = n instanceof Error ? n.message : "Failed to initialize.";
+      console.error("<layershift-effect>: Failed to initialize.", n), this.emit("layershift-effect:error", { message: r });
+    }
+  }
+  // --- Playback control ---
+  /** Whether the effect is currently paused. */
+  get paused() {
+    return this.renderer ? this.renderer.isPaused : this.source?.paused ?? !0;
+  }
+  /**
+   * Pause the effect: stops the renderer animation loop and pauses the
+   * underlying media source. Dispatches a `layershift-effect:pause` event.
+   */
+  pause() {
+    !this.renderer || this.paused || (this.renderer.pause(), this.source?.pause?.(), this.emit("layershift-effect:pause", {
+      currentTime: this.source?.currentTime ?? 0
+    }));
+  }
+  /**
+   * Resume the effect: restarts the renderer animation loop and plays the
+   * underlying media source. Dispatches a `layershift-effect:play` event.
+   */
+  async play() {
+    if (!(!this.renderer || !this.paused)) {
+      if (this.renderer.resume(), this.source?.play)
+        try {
+          await this.source.play();
+        } catch {
+        }
+      this.emit("layershift-effect:play", {
+        currentTime: this.source?.currentTime ?? 0
+      });
     }
   }
   // --- Live config updates ---
@@ -2444,15 +2493,15 @@ class xt extends HTMLElement {
       contrastLow: 0.05,
       contrastHigh: 0.95,
       verticalReduction: 0.5
-    }, n = Ut(t, e);
-    this.renderer.updateConfig(n);
-    const i = Lt(t);
+    }, i = Ut(t, e);
+    this.renderer.updateConfig(i);
+    const n = Lt(t);
     this.renderer.updateCurveLUTs(
-      i.displacementLUT,
-      i.blurLUT,
-      i.glowLUT,
-      i.colorShiftLUT,
-      i.colorShiftParams ?? void 0
+      n.displacementLUT,
+      n.blurLUT,
+      n.glowLUT,
+      n.colorShiftLUT,
+      n.colorShiftParams ?? void 0
     );
   }
   // --- Cleanup ---
@@ -2505,18 +2554,18 @@ class Rt {
    * Create (or recreate) all JFA FBO/texture resources at the given canvas
    * dimensions, divided by the quality tier's JFA divisor.
    */
-  createResources(t, e, n) {
-    const i = this.gl;
+  createResources(t, e, i) {
+    const n = this.gl;
     this.dispose();
-    const r = Math.max(1, Math.round(t / n)), o = Math.max(1, Math.round(e / n));
+    const r = Math.max(1, Math.round(t / i)), o = Math.max(1, Math.round(e / i));
     this._width = r, this._height = o;
     const l = (h, c, f, u) => {
-      const x = i.createFramebuffer();
-      return i.bindFramebuffer(i.FRAMEBUFFER, x), i.bindTexture(i.TEXTURE_2D, h), i.texStorage2D(i.TEXTURE_2D, 1, c, f, 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, h, 0), i.bindFramebuffer(i.FRAMEBUFFER, null), x;
+      const x = n.createFramebuffer();
+      return n.bindFramebuffer(n.FRAMEBUFFER, x), n.bindTexture(n.TEXTURE_2D, h), n.texStorage2D(n.TEXTURE_2D, 1, c, f, u), 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.framebufferTexture2D(n.FRAMEBUFFER, n.COLOR_ATTACHMENT0, n.TEXTURE_2D, h, 0), n.bindFramebuffer(n.FRAMEBUFFER, null), x;
     };
-    this.maskTex = i.createTexture(), this.maskFbo = l(this.maskTex, i.R8, r, o);
-    const a = this.hasColorBufferFloat ? i.RG16F : i.RGBA8;
-    this.pingTex = i.createTexture(), this.pingFbo = l(this.pingTex, a, r, o), this.pongTex = i.createTexture(), this.pongFbo = l(this.pongTex, a, r, o), this.distTex = i.createTexture(), this.distFbo = l(this.distTex, i.RGBA8, r, o), this._dirty = !0;
+    this.maskTex = n.createTexture(), this.maskFbo = l(this.maskTex, n.R8, r, o);
+    const a = this.hasColorBufferFloat ? n.RG16F : n.RGBA8;
+    this.pingTex = n.createTexture(), this.pingFbo = l(this.pingTex, a, r, o), this.pongTex = n.createTexture(), this.pongFbo = l(this.pongTex, a, r, o), this.distTex = n.createTexture(), this.distFbo = l(this.distTex, n.RGBA8, r, o), this._dirty = !0;
   }
   // -----------------------------------------------------------------------
   // Distance field computation
@@ -2532,14 +2581,14 @@ class Rt {
   compute(t) {
     const e = this.gl;
     if (!this.maskFbo || !this.pingFbo || !this.pongFbo || !this.distFbo) return;
-    const n = this._width, i = this._height;
-    if (n === 0 || i === 0) return;
-    e.viewport(0, 0, n, i), e.disable(e.STENCIL_TEST), e.disable(e.BLEND), e.bindFramebuffer(e.FRAMEBUFFER, this.maskFbo), e.clearColor(0, 0, 0, 1), e.clear(e.COLOR_BUFFER_BIT), e.useProgram(t.maskPass.program), e.uniform2f(t.maskPass.uniforms.uMeshScale, t.meshScaleX, t.meshScaleY), e.bindVertexArray(t.maskVao), e.drawElements(e.TRIANGLES, t.stencilIndexCount, e.UNSIGNED_SHORT, 0), e.bindFramebuffer(e.FRAMEBUFFER, this.pingFbo), e.clearColor(-1, -1, 0, 0), e.clear(e.COLOR_BUFFER_BIT), e.useProgram(t.seedPass.program), e.activeTexture(e.TEXTURE5), e.bindTexture(e.TEXTURE_2D, this.maskTex), e.uniform1i(t.seedPass.uniforms.uMask, 5), e.uniform2f(t.seedPass.uniforms.uTexelSize, 1 / n, 1 / i), e.bindVertexArray(t.quadVao), e.drawArrays(e.TRIANGLE_STRIP, 0, 4);
-    const r = Rt.computeFloodIterations(n, i);
+    const i = this._width, n = this._height;
+    if (i === 0 || n === 0) return;
+    e.viewport(0, 0, i, n), e.disable(e.STENCIL_TEST), e.disable(e.BLEND), e.bindFramebuffer(e.FRAMEBUFFER, this.maskFbo), e.clearColor(0, 0, 0, 1), e.clear(e.COLOR_BUFFER_BIT), e.useProgram(t.maskPass.program), e.uniform2f(t.maskPass.uniforms.uMeshScale, t.meshScaleX, t.meshScaleY), e.bindVertexArray(t.maskVao), e.drawElements(e.TRIANGLES, t.stencilIndexCount, e.UNSIGNED_SHORT, 0), e.bindFramebuffer(e.FRAMEBUFFER, this.pingFbo), e.clearColor(-1, -1, 0, 0), e.clear(e.COLOR_BUFFER_BIT), e.useProgram(t.seedPass.program), e.activeTexture(e.TEXTURE5), e.bindTexture(e.TEXTURE_2D, this.maskTex), e.uniform1i(t.seedPass.uniforms.uMask, 5), e.uniform2f(t.seedPass.uniforms.uTexelSize, 1 / i, 1 / n), e.bindVertexArray(t.quadVao), e.drawArrays(e.TRIANGLE_STRIP, 0, 4);
+    const r = Rt.computeFloodIterations(i, n);
     e.useProgram(t.floodPass.program);
     let o = this.pingTex, l = this.pongFbo, a = this.pongTex;
     for (let h = 0; h < r.length; h++) {
-      const c = r[h] / Math.max(n, i);
+      const c = r[h] / Math.max(i, n);
       e.bindFramebuffer(e.FRAMEBUFFER, l), e.activeTexture(e.TEXTURE5), e.bindTexture(e.TEXTURE_2D, o), e.uniform1i(t.floodPass.uniforms.uSeedTex, 5), e.uniform1f(t.floodPass.uniforms.uStepSize, c), e.bindVertexArray(t.quadVao), e.drawArrays(e.TRIANGLE_STRIP, 0, 4);
       const f = o, u = l;
       o = a, l = u === this.pongFbo ? this.pingFbo : this.pongFbo, a = f;
@@ -2554,11 +2603,11 @@ class Rt {
    * Steps halve from ceil(maxDim/2) down to 1.
    */
   static computeFloodIterations(t, e) {
-    const n = Math.max(t, e), i = [];
-    let r = Math.ceil(n / 2);
+    const i = Math.max(t, e), n = [];
+    let r = Math.ceil(i / 2);
     for (; r >= 1; )
-      i.push(r), r = Math.floor(r / 2);
-    return i;
+      n.push(r), r = Math.floor(r / 2);
+    return n;
   }
   // -----------------------------------------------------------------------
   // Cleanup
@@ -3080,16 +3129,16 @@ void main() {
 function je(s) {
   const t = [];
   let e = 0;
-  for (let n = 0; n < s.length - 2; n += 2) {
-    const i = s[n], r = s[n + 1], o = s[n + 2], l = s[n + 3], a = o - i, h = l - r, c = Math.sqrt(a * a + h * h);
+  for (let i = 0; i < s.length - 2; i += 2) {
+    const n = s[i], r = s[i + 1], o = s[i + 2], l = s[i + 3], a = o - n, h = l - r, c = Math.sqrt(a * a + h * h);
     if (c < 1e-6) continue;
     const f = -h / c, u = a / c;
     t.push(
-      i,
+      n,
       r,
       f,
       u,
-      i,
+      n,
       r,
       -f,
       -u,
@@ -3101,7 +3150,7 @@ function je(s) {
       l,
       f,
       u,
-      i,
+      n,
       r,
       -f,
       -u,
@@ -3116,10 +3165,10 @@ function je(s) {
     count: e
   };
 }
-function Ze(s, t, e, n, i) {
-  if (n <= 0)
+function Ze(s, t, e, i, n) {
+  if (i <= 0)
     return { vertices: new Float32Array(0), count: 0 };
-  const r = i * Math.PI / 180, o = -Math.cos(r), l = Math.sin(r), a = [];
+  const r = n * Math.PI / 180, o = -Math.cos(r), l = Math.sin(r), a = [];
   let h = 0;
   for (let c = 0; c < t.length; c++) {
     const f = t[c], p = ((c + 1 < t.length ? t[c + 1] : s.length) - f) / 2;
@@ -3143,7 +3192,7 @@ function Ze(s, t, e, n, i) {
       F > 1e-8 ? (A /= F, P /= F) : (A = E[T], P = g[T]), v.push(A), m.push(P);
     }
     for (let T = 0; T < d; T++) {
-      const w = T, A = (T + 1) % d, P = f + T * 2, F = f + (T + 1) % d * 2, _ = s[P], I = s[P + 1], C = s[F], S = s[F + 1], D = v[w] * l, U = m[w] * l, M = o, k = v[A] * l, j = m[A] * l, et = o, at = _ + v[w] * n, At = I + m[w] * n, Jt = C + v[A] * n, Qt = S + m[A] * n;
+      const w = T, A = (T + 1) % d, P = f + T * 2, F = f + (T + 1) % d * 2, _ = s[P], I = s[P + 1], C = s[F], S = s[F + 1], D = v[w] * l, U = m[w] * l, M = o, k = v[A] * l, j = m[A] * l, et = o, at = _ + v[w] * i, At = I + m[w] * i, Jt = C + v[A] * i, Qt = S + m[A] * i;
       a.push(_, I, D, U, M, 0), a.push(at, At, D, U, M, 1), a.push(C, S, k, j, et, 0), a.push(C, S, k, j, et, 0), a.push(at, At, D, U, M, 1), a.push(Jt, Qt, k, j, et, 1), h += 6;
     }
   }
@@ -3197,10 +3246,10 @@ class $e extends gt {
   config;
   constructor(t, e) {
     super(t), this.config = { ...e }, this.videoSlot = this.textures.register("video"), this.depthSlot = this.textures.register("depth");
-    const n = this.config.bevelLightAngle * Math.PI / 180;
-    this.lightDirX = Math.cos(n), this.lightDirY = Math.sin(n);
-    const i = this.config.lightDirection, r = Math.sqrt(i[0] * i[0] + i[1] * i[1] + i[2] * i[2]);
-    r > 1e-6 && (this.lightDir3 = [i[0] / r, i[1] / r, i[2] / r]);
+    const i = this.config.bevelLightAngle * Math.PI / 180;
+    this.lightDirX = Math.cos(i), this.lightDirY = Math.sin(i);
+    const n = this.config.lightDirection, r = Math.sqrt(n[0] * n[0] + n[1] * n[1] + n[2] * n[2]);
+    r > 1e-6 && (this.lightDir3 = [n[0] / r, n[1] / r, n[2] / r]);
     const o = this.canvas.getContext("webgl2", {
       antialias: !0,
       alpha: !0,
@@ -3212,9 +3261,9 @@ class $e extends gt {
     if (!o) throw new Error("WebGL 2 is not supported.");
     this.gl = o, this.qualityParams = Xt(o, e.quality), "drawingBufferColorSpace" in o && (o.drawingBufferColorSpace = "srgb"), this.hasColorBufferFloat = !!o.getExtension("EXT_color_buffer_float"), o.clearColor(0, 0, 0, 0), o.pixelStorei(o.UNPACK_FLIP_Y_WEBGL, !0), this.initGPUResources(), this.setupResizeHandling();
   }
-  initialize(t, e, n, i) {
+  initialize(t, e, i, n) {
     const r = this.gl;
-    r && (this.disposeTextures(), this.disposeFBO(), this.jfa && (this.jfa.dispose(), this.jfa = null), this.disposeStencilGeometry(), this.disposeBoundaryGeometry(), this.disposeChamferGeometry(), this.isCameraSource = t.type === "camera", this.videoAspect = t.width / t.height, this.meshAspect = i.aspect, this.clampDepthDimensions(e, n, this.qualityParams.depthMaxDim), this.videoSlot.texture = r.createTexture(), r.activeTexture(r.TEXTURE0 + this.videoSlot.unit), r.bindTexture(r.TEXTURE_2D, this.videoSlot.texture), 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.depthSlot.texture = r.createTexture(), r.activeTexture(r.TEXTURE0 + this.depthSlot.unit), r.bindTexture(r.TEXTURE_2D, this.depthSlot.texture), 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, this.depthWidth, this.depthHeight), this.uploadStencilMesh(i), this.uploadMaskMesh(i), this.uploadBoundaryMesh(i), this.uploadChamferMesh(i), this.interiorPass && (r.useProgram(this.interiorPass.program), r.uniform1i(this.interiorPass.uniforms.uImage, 0), r.uniform1i(this.interiorPass.uniforms.uDepth, 1), r.uniform1f(this.interiorPass.uniforms.uStrength, this.config.parallaxStrength), r.uniform1i(this.interiorPass.uniforms.uPomSteps, this.config.pomSteps), r.uniform1f(this.interiorPass.uniforms.uDepthPower, this.config.depthPower), r.uniform1f(this.interiorPass.uniforms.uDepthScale, this.config.depthScale), r.uniform1f(this.interiorPass.uniforms.uDepthBias, this.config.depthBias), r.uniform1f(this.interiorPass.uniforms.uContrastLow, this.config.contrastLow), r.uniform1f(this.interiorPass.uniforms.uContrastHigh, this.config.contrastHigh), r.uniform1f(this.interiorPass.uniforms.uVerticalReduction, this.config.verticalReduction), r.uniform1f(this.interiorPass.uniforms.uDofStart, this.config.dofStart), r.uniform1f(this.interiorPass.uniforms.uDofStrength, this.config.dofStrength), r.uniform2f(this.interiorPass.uniforms.uImageTexelSize, 1 / t.width, 1 / t.height), r.uniform1f(this.interiorPass.uniforms.uFogDensity, this.config.fogDensity), r.uniform3f(this.interiorPass.uniforms.uFogColor, ...this.config.fogColor), r.uniform1f(this.interiorPass.uniforms.uColorShift, this.config.colorShift), r.uniform1f(this.interiorPass.uniforms.uBrightnessBias, this.config.brightnessBias)), this.compositePass && (r.useProgram(this.compositePass.program), r.uniform1i(this.compositePass.uniforms.uInteriorColor, 2), r.uniform1i(this.compositePass.uniforms.uDistField, 4), r.uniform1f(this.compositePass.uniforms.uEdgeOcclusionWidth, this.config.edgeOcclusionWidth), r.uniform1f(this.compositePass.uniforms.uEdgeOcclusionStrength, this.config.edgeOcclusionStrength)), this.chamferPass && (r.useProgram(this.chamferPass.program), r.uniform3f(this.chamferPass.uniforms.uLightDir3, ...this.lightDir3), r.uniform3f(this.chamferPass.uniforms.uChamferColor, ...this.config.chamferColor), r.uniform1f(this.chamferPass.uniforms.uChamferAmbient, this.config.chamferAmbient), r.uniform1f(this.chamferPass.uniforms.uChamferSpecular, this.config.chamferSpecular), r.uniform1f(this.chamferPass.uniforms.uChamferShininess, this.config.chamferShininess), r.uniform1i(this.chamferPass.uniforms.uInteriorColor, 2)), this.boundaryPass && (r.useProgram(this.boundaryPass.program), r.uniform1i(this.boundaryPass.uniforms.uInteriorColor, 2), r.uniform1i(this.boundaryPass.uniforms.uInteriorDepth, 3), r.uniform1i(this.boundaryPass.uniforms.uDistField, 4), r.uniform1f(this.boundaryPass.uniforms.uRimIntensity, this.config.rimLightIntensity), r.uniform3f(this.boundaryPass.uniforms.uRimColor, ...this.config.rimLightColor), r.uniform1f(this.boundaryPass.uniforms.uRefractionStrength, this.config.refractionStrength), r.uniform1f(this.boundaryPass.uniforms.uChromaticStrength, this.config.chromaticStrength), r.uniform1f(this.boundaryPass.uniforms.uOcclusionIntensity, this.config.occlusionIntensity), r.uniform1f(this.boundaryPass.uniforms.uEdgeThickness, this.config.edgeThickness), r.uniform1f(this.boundaryPass.uniforms.uEdgeSpecular, this.config.edgeSpecular), r.uniform3f(this.boundaryPass.uniforms.uEdgeColor, ...this.config.edgeColor), r.uniform2f(this.boundaryPass.uniforms.uLightDir, this.lightDirX, this.lightDirY), r.uniform1f(this.boundaryPass.uniforms.uBevelIntensity, this.config.bevelIntensity)), this.recalculateViewportLayout());
+    r && (this.disposeTextures(), this.disposeFBO(), this.jfa && (this.jfa.dispose(), this.jfa = null), this.disposeStencilGeometry(), this.disposeBoundaryGeometry(), this.disposeChamferGeometry(), this.isCameraSource = t.type === "camera", this.videoAspect = t.width / t.height, this.meshAspect = n.aspect, this.clampDepthDimensions(e, i, this.qualityParams.depthMaxDim), this.videoSlot.texture = r.createTexture(), r.activeTexture(r.TEXTURE0 + this.videoSlot.unit), r.bindTexture(r.TEXTURE_2D, this.videoSlot.texture), 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.depthSlot.texture = r.createTexture(), r.activeTexture(r.TEXTURE0 + this.depthSlot.unit), r.bindTexture(r.TEXTURE_2D, this.depthSlot.texture), 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, this.depthWidth, this.depthHeight), this.uploadStencilMesh(n), this.uploadMaskMesh(n), this.uploadBoundaryMesh(n), this.uploadChamferMesh(n), this.interiorPass && (r.useProgram(this.interiorPass.program), r.uniform1i(this.interiorPass.uniforms.uImage, 0), r.uniform1i(this.interiorPass.uniforms.uDepth, 1), r.uniform1f(this.interiorPass.uniforms.uStrength, this.config.parallaxStrength), r.uniform1i(this.interiorPass.uniforms.uPomSteps, this.config.pomSteps), r.uniform1f(this.interiorPass.uniforms.uDepthPower, this.config.depthPower), r.uniform1f(this.interiorPass.uniforms.uDepthScale, this.config.depthScale), r.uniform1f(this.interiorPass.uniforms.uDepthBias, this.config.depthBias), r.uniform1f(this.interiorPass.uniforms.uContrastLow, this.config.contrastLow), r.uniform1f(this.interiorPass.uniforms.uContrastHigh, this.config.contrastHigh), r.uniform1f(this.interiorPass.uniforms.uVerticalReduction, this.config.verticalReduction), r.uniform1f(this.interiorPass.uniforms.uDofStart, this.config.dofStart), r.uniform1f(this.interiorPass.uniforms.uDofStrength, this.config.dofStrength), r.uniform2f(this.interiorPass.uniforms.uImageTexelSize, 1 / t.width, 1 / t.height), r.uniform1f(this.interiorPass.uniforms.uFogDensity, this.config.fogDensity), r.uniform3f(this.interiorPass.uniforms.uFogColor, ...this.config.fogColor), r.uniform1f(this.interiorPass.uniforms.uColorShift, this.config.colorShift), r.uniform1f(this.interiorPass.uniforms.uBrightnessBias, this.config.brightnessBias)), this.compositePass && (r.useProgram(this.compositePass.program), r.uniform1i(this.compositePass.uniforms.uInteriorColor, 2), r.uniform1i(this.compositePass.uniforms.uDistField, 4), r.uniform1f(this.compositePass.uniforms.uEdgeOcclusionWidth, this.config.edgeOcclusionWidth), r.uniform1f(this.compositePass.uniforms.uEdgeOcclusionStrength, this.config.edgeOcclusionStrength)), this.chamferPass && (r.useProgram(this.chamferPass.program), r.uniform3f(this.chamferPass.uniforms.uLightDir3, ...this.lightDir3), r.uniform3f(this.chamferPass.uniforms.uChamferColor, ...this.config.chamferColor), r.uniform1f(this.chamferPass.uniforms.uChamferAmbient, this.config.chamferAmbient), r.uniform1f(this.chamferPass.uniforms.uChamferSpecular, this.config.chamferSpecular), r.uniform1f(this.chamferPass.uniforms.uChamferShininess, this.config.chamferShininess), r.uniform1i(this.chamferPass.uniforms.uInteriorColor, 2)), this.boundaryPass && (r.useProgram(this.boundaryPass.program), r.uniform1i(this.boundaryPass.uniforms.uInteriorColor, 2), r.uniform1i(this.boundaryPass.uniforms.uInteriorDepth, 3), r.uniform1i(this.boundaryPass.uniforms.uDistField, 4), r.uniform1f(this.boundaryPass.uniforms.uRimIntensity, this.config.rimLightIntensity), r.uniform3f(this.boundaryPass.uniforms.uRimColor, ...this.config.rimLightColor), r.uniform1f(this.boundaryPass.uniforms.uRefractionStrength, this.config.refractionStrength), r.uniform1f(this.boundaryPass.uniforms.uChromaticStrength, this.config.chromaticStrength), r.uniform1f(this.boundaryPass.uniforms.uOcclusionIntensity, this.config.occlusionIntensity), r.uniform1f(this.boundaryPass.uniforms.uEdgeThickness, this.config.edgeThickness), r.uniform1f(this.boundaryPass.uniforms.uEdgeSpecular, this.config.edgeSpecular), r.uniform3f(this.boundaryPass.uniforms.uEdgeColor, ...this.config.edgeColor), r.uniform2f(this.boundaryPass.uniforms.uLightDir, this.lightDirX, this.lightDirY), r.uniform1f(this.boundaryPass.uniforms.uBevelIntensity, this.config.bevelIntensity)), this.recalculateViewportLayout());
   }
   // -----------------------------------------------------------------------
   // Geometry upload
@@ -3223,10 +3272,10 @@ class $e extends gt {
     const e = this.gl;
     if (!e || !this.stencilPass) return;
     this.stencilVao = e.createVertexArray(), e.bindVertexArray(this.stencilVao);
-    const n = e.createBuffer();
-    e.bindBuffer(e.ARRAY_BUFFER, n), e.bufferData(e.ARRAY_BUFFER, t.vertices, e.STATIC_DRAW);
-    const i = e.getAttribLocation(this.stencilPass.program, "aPosition");
-    e.enableVertexAttribArray(i), e.vertexAttribPointer(i, 2, e.FLOAT, !1, 0, 0);
+    const i = e.createBuffer();
+    e.bindBuffer(e.ARRAY_BUFFER, i), e.bufferData(e.ARRAY_BUFFER, t.vertices, e.STATIC_DRAW);
+    const n = e.getAttribLocation(this.stencilPass.program, "aPosition");
+    e.enableVertexAttribArray(n), e.vertexAttribPointer(n, 2, e.FLOAT, !1, 0, 0);
     const r = e.createBuffer();
     e.bindBuffer(e.ELEMENT_ARRAY_BUFFER, r), e.bufferData(e.ELEMENT_ARRAY_BUFFER, t.indices, e.STATIC_DRAW), this.stencilIndexCount = t.indices.length, e.bindVertexArray(null);
   }
@@ -3234,46 +3283,46 @@ class $e extends gt {
     const e = this.gl;
     if (!e || !this.maskPass) return;
     this.maskVao = e.createVertexArray(), e.bindVertexArray(this.maskVao);
-    const n = e.createBuffer();
-    e.bindBuffer(e.ARRAY_BUFFER, n), e.bufferData(e.ARRAY_BUFFER, t.vertices, e.STATIC_DRAW);
-    const i = e.getAttribLocation(this.maskPass.program, "aPosition");
-    e.enableVertexAttribArray(i), e.vertexAttribPointer(i, 2, e.FLOAT, !1, 0, 0);
+    const i = e.createBuffer();
+    e.bindBuffer(e.ARRAY_BUFFER, i), e.bufferData(e.ARRAY_BUFFER, t.vertices, e.STATIC_DRAW);
+    const n = e.getAttribLocation(this.maskPass.program, "aPosition");
+    e.enableVertexAttribArray(n), e.vertexAttribPointer(n, 2, e.FLOAT, !1, 0, 0);
     const r = e.createBuffer();
     e.bindBuffer(e.ELEMENT_ARRAY_BUFFER, r), e.bufferData(e.ELEMENT_ARRAY_BUFFER, t.indices, e.STATIC_DRAW), e.bindVertexArray(null);
   }
   uploadBoundaryMesh(t) {
     const e = this.gl;
     if (!e || !this.boundaryPass) return;
-    const n = je(t.edgeVertices);
-    if (n.count === 0) return;
+    const i = je(t.edgeVertices);
+    if (i.count === 0) return;
     this.boundaryVao = e.createVertexArray(), e.bindVertexArray(this.boundaryVao);
-    const i = e.createBuffer();
-    e.bindBuffer(e.ARRAY_BUFFER, i), e.bufferData(e.ARRAY_BUFFER, n.vertices, e.STATIC_DRAW);
+    const n = e.createBuffer();
+    e.bindBuffer(e.ARRAY_BUFFER, n), e.bufferData(e.ARRAY_BUFFER, i.vertices, e.STATIC_DRAW);
     const r = 16, o = e.getAttribLocation(this.boundaryPass.program, "aPosition");
     e.enableVertexAttribArray(o), e.vertexAttribPointer(o, 2, e.FLOAT, !1, r, 0);
     const l = e.getAttribLocation(this.boundaryPass.program, "aNormal");
-    l >= 0 && (e.enableVertexAttribArray(l), e.vertexAttribPointer(l, 2, e.FLOAT, !1, r, 8)), this.boundaryVertexCount = n.count, e.bindVertexArray(null);
+    l >= 0 && (e.enableVertexAttribArray(l), e.vertexAttribPointer(l, 2, e.FLOAT, !1, r, 8)), this.boundaryVertexCount = i.count, e.bindVertexArray(null);
   }
   uploadChamferMesh(t) {
     const e = this.gl;
     if (!e || !this.chamferPass || this.config.chamferWidth <= 0) return;
-    const n = Ze(
+    const i = Ze(
       t.edgeVertices,
       t.contourOffsets,
       t.contourIsHole,
       this.config.chamferWidth,
       this.config.chamferAngle
     );
-    if (n.count === 0) return;
+    if (i.count === 0) return;
     this.chamferVao = e.createVertexArray(), e.bindVertexArray(this.chamferVao);
-    const i = e.createBuffer();
-    e.bindBuffer(e.ARRAY_BUFFER, i), e.bufferData(e.ARRAY_BUFFER, n.vertices, e.STATIC_DRAW);
+    const n = e.createBuffer();
+    e.bindBuffer(e.ARRAY_BUFFER, n), e.bufferData(e.ARRAY_BUFFER, i.vertices, e.STATIC_DRAW);
     const r = 24, o = e.getAttribLocation(this.chamferPass.program, "aPosition");
     e.enableVertexAttribArray(o), e.vertexAttribPointer(o, 2, e.FLOAT, !1, r, 0);
     const l = e.getAttribLocation(this.chamferPass.program, "aNormal3");
     l >= 0 && (e.enableVertexAttribArray(l), e.vertexAttribPointer(l, 3, e.FLOAT, !1, r, 8));
     const a = e.getAttribLocation(this.chamferPass.program, "aLerpT");
-    a >= 0 && (e.enableVertexAttribArray(a), e.vertexAttribPointer(a, 1, e.FLOAT, !1, r, 20)), this.chamferVertexCount = n.count, e.bindVertexArray(null);
+    a >= 0 && (e.enableVertexAttribArray(a), e.vertexAttribPointer(a, 1, e.FLOAT, !1, r, 20)), this.chamferVertexCount = i.count, e.bindVertexArray(null);
   }
   disposeChamferGeometry() {
     const t = this.gl;
@@ -3283,18 +3332,18 @@ class $e extends gt {
   // FBO management
   // -----------------------------------------------------------------------
   createFBO(t, e) {
-    const n = this.gl;
-    if (!n) return;
-    this.disposeFBO(), this.fboWidth = t, this.fboHeight = e, this.interiorFbo = n.createFramebuffer(), n.bindFramebuffer(n.FRAMEBUFFER, this.interiorFbo), this.interiorColorTex = n.createTexture(), n.activeTexture(n.TEXTURE2), n.bindTexture(n.TEXTURE_2D, this.interiorColorTex), n.texStorage2D(n.TEXTURE_2D, 1, n.RGBA8, t, e), 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.framebufferTexture2D(n.FRAMEBUFFER, n.COLOR_ATTACHMENT0, n.TEXTURE_2D, this.interiorColorTex, 0), this.interiorDepthTex = n.createTexture(), n.activeTexture(n.TEXTURE3), n.bindTexture(n.TEXTURE_2D, this.interiorDepthTex), n.texStorage2D(n.TEXTURE_2D, 1, n.RGBA8, t, e), 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.framebufferTexture2D(n.FRAMEBUFFER, n.COLOR_ATTACHMENT1, n.TEXTURE_2D, this.interiorDepthTex, 0), n.drawBuffers([n.COLOR_ATTACHMENT0, n.COLOR_ATTACHMENT1]);
-    const i = n.checkFramebufferStatus(n.FRAMEBUFFER);
-    i !== n.FRAMEBUFFER_COMPLETE && console.error("Interior FBO incomplete:", i), n.bindFramebuffer(n.FRAMEBUFFER, null);
+    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 n = i.checkFramebufferStatus(i.FRAMEBUFFER);
+    n !== i.FRAMEBUFFER_COMPLETE && console.error("Interior FBO incomplete:", n), i.bindFramebuffer(i.FRAMEBUFFER, null);
   }
   // -----------------------------------------------------------------------
   // JFA Distance Field
   // -----------------------------------------------------------------------
   createJFAResources(t, e) {
-    const n = this.gl;
-    n && (this.jfa || (this.jfa = new Rt(n, this.hasColorBufferFloat)), this.jfa.createResources(t, e, this.qualityParams.jfaDivisor));
+    const i = this.gl;
+    i && (this.jfa || (this.jfa = new Rt(i, this.hasColorBufferFloat)), this.jfa.createResources(t, e, this.qualityParams.jfaDivisor));
   }
   computeDistanceField() {
     !this.jfa || !this.maskPass || !this.jfaSeedPass || !this.jfaFloodPass || !this.jfaDistPass || !this.maskVao || !this.quadVao || this.jfa.compute({
@@ -3381,23 +3430,23 @@ class $e extends gt {
   onRenderFrame() {
     const t = this.gl, e = this.mediaSource;
     if (!t || !this.interiorPass || !this.quadVao) return;
-    const n = e?.getImageSource();
-    if (!n || !this.interiorFbo || !this.interiorColorTex || !this.interiorDepthTex) return;
+    const i = e?.getImageSource();
+    if (!i || !this.interiorFbo || !this.interiorColorTex || !this.interiorDepthTex) return;
     if (this.jfa?.isDirty && this.maskVao) {
       const o = this.qualityParams.jfaDivisor, l = Math.max(1, Math.round(this.canvas.width / o)), a = Math.max(1, Math.round(this.canvas.height / o));
       (this.jfa.width !== l || this.jfa.height !== a) && this.createJFAResources(this.canvas.width, this.canvas.height), this.computeDistanceField(), t.viewport(0, 0, this.canvas.width, this.canvas.height);
     }
-    t.activeTexture(t.TEXTURE0 + this.videoSlot.unit), t.bindTexture(t.TEXTURE_2D, this.videoSlot.texture), t.texImage2D(t.TEXTURE_2D, 0, t.RGBA, t.RGBA, t.UNSIGNED_BYTE, n), this.rvfcSupported || this.onDepthUpdate(e.currentTime);
-    let i = 0, r = 0;
+    t.activeTexture(t.TEXTURE0 + this.videoSlot.unit), t.bindTexture(t.TEXTURE_2D, this.videoSlot.texture), t.texImage2D(t.TEXTURE_2D, 0, t.RGBA, t.RGBA, t.UNSIGNED_BYTE, i), this.rvfcSupported || this.onDepthUpdate(e.currentTime);
+    let n = 0, r = 0;
     if (this.readInput) {
       const o = this.readInput();
-      i = -o.x, r = o.y;
+      n = -o.x, r = o.y;
     }
     if (t.bindFramebuffer(t.FRAMEBUFFER, this.interiorFbo), t.checkFramebufferStatus(t.FRAMEBUFFER) !== t.FRAMEBUFFER_COMPLETE) {
       t.bindFramebuffer(t.FRAMEBUFFER, null);
       return;
     }
-    t.viewport(0, 0, this.fboWidth, this.fboHeight), t.clearColor(0, 0, 0, 1), t.clear(t.COLOR_BUFFER_BIT), t.useProgram(this.interiorPass.program), t.uniform2f(this.interiorPass.uniforms.uOffset, i, r), t.activeTexture(t.TEXTURE0 + this.videoSlot.unit), t.bindTexture(t.TEXTURE_2D, this.videoSlot.texture), t.activeTexture(t.TEXTURE0 + this.depthSlot.unit), t.bindTexture(t.TEXTURE_2D, this.depthSlot.texture), 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.stencilPass && 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.stencilPass.program), 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.jfa?.distanceTexture ?? null), t.useProgram(this.compositePass.program), t.bindVertexArray(this.quadVao), t.drawArrays(t.TRIANGLE_STRIP, 0, 4), t.disable(t.STENCIL_TEST), this.chamferVao && this.chamferPass && this.chamferVertexCount > 0 && (t.useProgram(this.chamferPass.program), t.uniform2f(this.chamferPass.uniforms.uMeshScale, this.meshScaleX, this.meshScaleY), t.uniform2f(this.chamferPass.uniforms.uTexelSize, 1 / this.canvas.width, 1 / this.canvas.height), t.bindVertexArray(this.chamferVao), t.drawArrays(t.TRIANGLES, 0, this.chamferVertexCount)), this.boundaryVao && this.boundaryPass && this.boundaryVertexCount > 0 && this.config.rimLightIntensity > 0 && (t.enable(t.BLEND), t.blendFunc(t.SRC_ALPHA, t.ONE_MINUS_SRC_ALPHA), t.useProgram(this.boundaryPass.program), 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.interiorPass.program), t.uniform2f(this.interiorPass.uniforms.uOffset, n, r), t.activeTexture(t.TEXTURE0 + this.videoSlot.unit), t.bindTexture(t.TEXTURE_2D, this.videoSlot.texture), t.activeTexture(t.TEXTURE0 + this.depthSlot.unit), t.bindTexture(t.TEXTURE_2D, this.depthSlot.texture), 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.stencilPass && 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.stencilPass.program), 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.jfa?.distanceTexture ?? null), t.useProgram(this.compositePass.program), t.bindVertexArray(this.quadVao), t.drawArrays(t.TRIANGLE_STRIP, 0, 4), t.disable(t.STENCIL_TEST), this.chamferVao && this.chamferPass && this.chamferVertexCount > 0 && (t.useProgram(this.chamferPass.program), t.uniform2f(this.chamferPass.uniforms.uMeshScale, this.meshScaleX, this.meshScaleY), t.uniform2f(this.chamferPass.uniforms.uTexelSize, 1 / this.canvas.width, 1 / this.canvas.height), t.bindVertexArray(this.chamferVao), t.drawArrays(t.TRIANGLES, 0, this.chamferVertexCount)), this.boundaryVao && this.boundaryPass && this.boundaryVertexCount > 0 && this.config.rimLightIntensity > 0 && (t.enable(t.BLEND), t.blendFunc(t.SRC_ALPHA, t.ONE_MINUS_SRC_ALPHA), t.useProgram(this.boundaryPass.program), t.bindVertexArray(this.boundaryVao), t.drawArrays(t.TRIANGLES, 0, this.boundaryVertexCount), t.disable(t.BLEND));
   }
   /**
    * Upload depth data to the GPU texture.
@@ -3406,7 +3455,7 @@ class $e extends gt {
   onDepthUpdate(t) {
     const e = this.gl;
     if (!e || !this.readDepth || !this.depthSlot.texture) return;
-    const n = this.subsampleDepth(this.readDepth(t));
+    const i = this.subsampleDepth(this.readDepth(t));
     e.activeTexture(e.TEXTURE0 + this.depthSlot.unit), e.bindTexture(e.TEXTURE_2D, this.depthSlot.texture), e.texSubImage2D(
       e.TEXTURE_2D,
       0,
@@ -3416,7 +3465,7 @@ class $e extends gt {
       this.depthHeight,
       e.RED,
       e.UNSIGNED_BYTE,
-      n
+      i
     ), this.jfa && this.jfa.markDirty();
   }
   // -----------------------------------------------------------------------
@@ -3425,9 +3474,9 @@ class $e extends gt {
   recalculateViewportLayout() {
     const t = this.gl;
     if (!t) return;
-    const { width: e, height: n } = this.getViewportSize(), i = Math.min(window.devicePixelRatio, this.qualityParams.dprCap), r = Math.round(e * i), o = Math.round(n * i);
+    const { width: e, height: i } = this.getViewportSize(), n = Math.min(window.devicePixelRatio, this.qualityParams.dprCap), r = Math.round(e * n), o = Math.round(i * n);
     (this.canvas.width !== r || this.canvas.height !== o) && (this.canvas.width = r, this.canvas.height = o, t.viewport(0, 0, r, o)), (this.fboWidth !== r || this.fboHeight !== o) && this.createFBO(r, o), this.jfa || this.createJFAResources(r, o), this.computeCoverFitUV(this.config.parallaxStrength, this.config.overscanPadding), this.interiorPass && (t.useProgram(this.interiorPass.program), t.uniform2f(this.interiorPass.uniforms.uUvOffset, this.uvOffset[0], this.uvOffset[1]), t.uniform2f(this.interiorPass.uniforms.uUvScale, this.uvScale[0], this.uvScale[1]));
-    const l = e / n, a = 0.65;
+    const l = e / i, a = 0.65;
     this.meshScaleX = a, this.meshScaleY = a, l > this.meshAspect ? this.meshScaleX = a * (this.meshAspect / l) : this.meshScaleY = a * (l / this.meshAspect), this.stencilPass && (t.useProgram(this.stencilPass.program), t.uniform2f(this.stencilPass.uniforms.uMeshScale, this.meshScaleX, this.meshScaleY)), this.boundaryPass && (t.useProgram(this.boundaryPass.program), t.uniform2f(this.boundaryPass.uniforms.uMeshScale, this.meshScaleX, this.meshScaleY), t.uniform1f(this.boundaryPass.uniforms.uRimWidth, this.config.rimLightWidth), t.uniform2f(this.boundaryPass.uniforms.uTexelSize, 1 / r, 1 / o)), this.chamferPass && (t.useProgram(this.chamferPass.program), t.uniform2f(this.chamferPass.uniforms.uMeshScale, this.meshScaleX, this.meshScaleY));
   }
   // -----------------------------------------------------------------------
@@ -3481,8 +3530,8 @@ class $e extends gt {
       this.boundaryPass,
       this.chamferPass
     ];
-    for (const n of e)
-      n && n.dispose(t);
+    for (const i of e)
+      i && i.dispose(t);
     this.stencilPass = null, this.maskPass = null, this.jfaSeedPass = null, this.jfaFloodPass = null, this.jfaDistPass = null, this.interiorPass = null, this.compositePass = null, this.boundaryPass = null, this.chamferPass = null, this.quadVao && (t.deleteVertexArray(this.quadVao), this.quadVao = null);
   }
 }
@@ -3494,24 +3543,24 @@ async function Tt(s) {
   return Ke(e);
 }
 function Ke(s) {
-  const n = new DOMParser().parseFromString(s, "image/svg+xml").querySelector("svg");
-  if (!n)
+  const i = new DOMParser().parseFromString(s, "image/svg+xml").querySelector("svg");
+  if (!i)
     throw new Error("No <svg> element found in document.");
-  const i = Je(n);
-  if (i.length === 0)
+  const n = Je(i);
+  if (n.length === 0)
     throw new Error("No path data found in SVG.");
   let r = 1 / 0, o = 1 / 0, l = -1 / 0, a = -1 / 0;
-  for (const C of i)
+  for (const C of n)
     for (let S = 0; S < C.length; S += 2)
       r = Math.min(r, C[S]), l = Math.max(l, C[S]), o = Math.min(o, C[S + 1]), a = Math.max(a, C[S + 1]);
-  const h = l - r, c = a - o, f = (r + l) / 2, u = (o + a) / 2, x = 2 / Math.max(h, c), p = h / c, d = i.map((C) => {
+  const h = l - r, c = a - o, f = (r + l) / 2, u = (o + a) / 2, x = 2 / Math.max(h, c), p = h / c, d = n.map((C) => {
     const S = [];
     for (let D = 0; D < C.length; D += 2)
       S.push((C[D] - f) * x), S.push(-((C[D + 1] - u) * x));
     return S;
-  }), y = an(d), b = [], E = [];
+  }), y = oi(d), b = [], E = [];
   for (const C of y) {
-    const { flatCoords: S, holeIndices: D } = on(C), U = ln(S, D), M = b.length / 2;
+    const { flatCoords: S, holeIndices: D } = si(C), U = ai(S, D), M = b.length / 2;
     for (const k of U)
       E.push(k + M);
     for (const k of S)
@@ -3543,7 +3592,7 @@ function Je(s) {
   return s.querySelectorAll("path").forEach((a) => {
     const h = a.getAttribute("d");
     if (!h) return;
-    const c = en(h);
+    const c = ei(h);
     t.push(...c);
   }), s.querySelectorAll("polygon").forEach((a) => {
     const h = a.getAttribute("points");
@@ -3563,37 +3612,37 @@ function Je(s) {
     f > 0 && t.push(Qe(h, c, f));
   }), s.querySelectorAll("ellipse").forEach((a) => {
     const h = parseFloat(a.getAttribute("cx") || "0"), c = parseFloat(a.getAttribute("cy") || "0"), f = parseFloat(a.getAttribute("rx") || "0"), u = parseFloat(a.getAttribute("ry") || "0");
-    f > 0 && u > 0 && t.push(tn(h, c, f, u));
+    f > 0 && u > 0 && t.push(ti(h, c, f, u));
   }), t;
 }
 function _t(s) {
   const t = [], e = s.trim().split(/[\s,]+/);
-  for (let n = 0; n < e.length - 1; n += 2) {
-    const i = parseFloat(e[n]), r = parseFloat(e[n + 1]);
-    Number.isFinite(i) && Number.isFinite(r) && t.push(i, r);
+  for (let i = 0; i < e.length - 1; i += 2) {
+    const n = parseFloat(e[i]), r = parseFloat(e[i + 1]);
+    Number.isFinite(n) && Number.isFinite(r) && t.push(n, r);
   }
   return t;
 }
-function Qe(s, t, e, n = 64) {
-  const i = [];
-  for (let r = 0; r < n; r++) {
-    const o = 2 * Math.PI * r / n;
-    i.push(s + e * Math.cos(o), t + e * Math.sin(o));
+function Qe(s, t, e, i = 64) {
+  const n = [];
+  for (let r = 0; r < i; r++) {
+    const o = 2 * Math.PI * r / i;
+    n.push(s + e * Math.cos(o), t + e * Math.sin(o));
   }
-  return i;
+  return n;
 }
-function tn(s, t, e, n, i = 64) {
+function ti(s, t, e, i, n = 64) {
   const r = [];
-  for (let o = 0; o < i; o++) {
-    const l = 2 * Math.PI * o / i;
-    r.push(s + e * Math.cos(l), t + n * Math.sin(l));
+  for (let o = 0; o < n; o++) {
+    const l = 2 * Math.PI * o / n;
+    r.push(s + e * Math.cos(l), t + i * Math.sin(l));
   }
   return r;
 }
-function en(s) {
+function ei(s) {
   const t = [];
-  let e = [], n = 0, i = 0, r = 0, o = 0, l = 0, a = 0, h = "";
-  const c = nn(s);
+  let e = [], i = 0, n = 0, r = 0, o = 0, l = 0, a = 0, h = "";
+  const c = ii(s);
   let f = 0;
   function u() {
     return f >= c.length ? 0 : parseFloat(c[f++]);
@@ -3606,49 +3655,49 @@ function en(s) {
     switch (p.toUpperCase()) {
       case "M": {
         e.length > 0 && t.push(e), e = [];
-        const b = u() + (d ? n : 0), E = u() + (d ? i : 0);
-        n = b, i = E, r = b, o = E, e.push(n, i), l = n, a = i;
+        const b = u() + (d ? i : 0), E = u() + (d ? n : 0);
+        i = b, n = E, r = b, o = E, e.push(i, n), l = i, a = n;
         break;
       }
       case "L": {
-        n = u() + (d ? n : 0), i = u() + (d ? i : 0), e.push(n, i), l = n, a = i;
+        i = u() + (d ? i : 0), n = u() + (d ? n : 0), e.push(i, n), l = i, a = n;
         break;
       }
       case "H": {
-        n = u() + (d ? n : 0), e.push(n, i), l = n, a = i;
+        i = u() + (d ? i : 0), e.push(i, n), l = i, a = n;
         break;
       }
       case "V": {
-        i = u() + (d ? i : 0), e.push(n, i), l = n, a = i;
+        n = u() + (d ? n : 0), e.push(i, n), l = i, a = n;
         break;
       }
       case "C": {
-        const b = u() + (d ? n : 0), E = u() + (d ? i : 0), g = u() + (d ? n : 0), v = u() + (d ? i : 0), m = u() + (d ? n : 0), T = u() + (d ? i : 0);
-        it(e, n, i, b, E, g, v, m, T), n = m, i = T, l = g, a = v;
+        const b = u() + (d ? i : 0), E = u() + (d ? n : 0), g = u() + (d ? i : 0), v = u() + (d ? n : 0), m = u() + (d ? i : 0), T = u() + (d ? n : 0);
+        nt(e, i, n, b, E, g, v, m, T), i = m, n = T, l = g, a = v;
         break;
       }
       case "S": {
-        const b = 2 * n - l, E = 2 * i - a, g = u() + (d ? n : 0), v = u() + (d ? i : 0), m = u() + (d ? n : 0), T = u() + (d ? i : 0);
-        it(e, n, i, b, E, g, v, m, T), n = m, i = T, l = g, a = v;
+        const b = 2 * i - l, E = 2 * n - a, g = u() + (d ? i : 0), v = u() + (d ? n : 0), m = u() + (d ? i : 0), T = u() + (d ? n : 0);
+        nt(e, i, n, b, E, g, v, m, T), i = m, n = T, l = g, a = v;
         break;
       }
       case "Q": {
-        const b = u() + (d ? n : 0), E = u() + (d ? i : 0), g = u() + (d ? n : 0), v = u() + (d ? i : 0);
-        It(e, n, i, b, E, g, v), n = g, i = v, l = b, a = E;
+        const b = u() + (d ? i : 0), E = u() + (d ? n : 0), g = u() + (d ? i : 0), v = u() + (d ? n : 0);
+        It(e, i, n, b, E, g, v), i = g, n = v, l = b, a = E;
         break;
       }
       case "T": {
-        const b = 2 * n - l, E = 2 * i - a, g = u() + (d ? n : 0), v = u() + (d ? i : 0);
-        It(e, n, i, b, E, g, v), n = g, i = v, l = b, a = E;
+        const b = 2 * i - l, E = 2 * n - a, g = u() + (d ? i : 0), v = u() + (d ? n : 0);
+        It(e, i, n, b, E, g, v), i = g, n = v, l = b, a = E;
         break;
       }
       case "A": {
-        const b = u(), E = u(), g = u(), v = u(), m = u(), T = u() + (d ? n : 0), w = u() + (d ? i : 0);
-        sn(e, n, i, b, E, g, !!v, !!m, T, w), n = T, i = w, l = n, a = i;
+        const b = u(), E = u(), g = u(), v = u(), m = u(), T = u() + (d ? i : 0), w = u() + (d ? n : 0);
+        ri(e, i, n, b, E, g, !!v, !!m, T, w), i = T, n = w, l = i, a = n;
         break;
       }
       case "Z": {
-        n = r, i = o, e.length > 0 && t.push(e), e = [], l = n, a = i;
+        i = r, n = o, e.length > 0 && t.push(e), e = [], l = i, a = n;
         break;
       }
       default:
@@ -3659,15 +3708,15 @@ function en(s) {
   }
   return e.length >= 6 && t.push(e), t;
 }
-function nn(s) {
+function ii(s) {
   const t = [], e = /([a-zA-Z])|([+-]?(?:\d+\.?\d*|\.\d+)(?:[eE][+-]?\d+)?)/g;
-  let n;
-  for (; (n = e.exec(s)) !== null; )
-    t.push(n[0]);
+  let i;
+  for (; (i = e.exec(s)) !== null; )
+    t.push(i[0]);
   return t;
 }
-const rn = 0.5;
-function it(s, t, e, n, i, r, o, l, a, h = 0) {
+const ni = 0.5;
+function nt(s, t, e, i, n, r, o, l, a, h = 0) {
   if (h > 12) {
     s.push(l, a);
     return;
@@ -3677,24 +3726,24 @@ function it(s, t, e, n, i, r, o, l, a, h = 0) {
     s.push(l, a);
     return;
   }
-  const x = Math.abs((n - l) * f - (i - a) * c) / u, p = Math.abs((r - l) * f - (o - a) * c) / u;
-  if (x + p < rn) {
+  const x = Math.abs((i - l) * f - (n - a) * c) / u, p = Math.abs((r - l) * f - (o - a) * c) / u;
+  if (x + p < ni) {
     s.push(l, a);
     return;
   }
-  const d = (t + n) / 2, y = (e + i) / 2, b = (n + r) / 2, E = (i + o) / 2, g = (r + l) / 2, v = (o + a) / 2, m = (d + b) / 2, T = (y + E) / 2, w = (b + g) / 2, A = (E + v) / 2, P = (m + w) / 2, F = (T + A) / 2;
-  it(s, t, e, d, y, m, T, P, F, h + 1), it(s, P, F, w, A, g, v, l, a, h + 1);
+  const d = (t + i) / 2, y = (e + n) / 2, b = (i + r) / 2, E = (n + o) / 2, g = (r + l) / 2, v = (o + a) / 2, m = (d + b) / 2, T = (y + E) / 2, w = (b + g) / 2, A = (E + v) / 2, P = (m + w) / 2, F = (T + A) / 2;
+  nt(s, t, e, d, y, m, T, P, F, h + 1), nt(s, P, F, w, A, g, v, l, a, h + 1);
 }
-function It(s, t, e, n, i, r, o) {
-  const l = t + 0.6666666666666666 * (n - t), a = e + 2 / 3 * (i - e), h = r + 2 / 3 * (n - r), c = o + 2 / 3 * (i - o);
-  it(s, t, e, l, a, h, c, r, o);
+function It(s, t, e, i, n, r, o) {
+  const l = t + 0.6666666666666666 * (i - t), a = e + 2 / 3 * (n - e), h = r + 2 / 3 * (i - r), c = o + 2 / 3 * (n - o);
+  nt(s, t, e, l, a, h, c, r, o);
 }
-function sn(s, t, e, n, i, r, o, l, a, h) {
-  if (n === 0 || i === 0) {
+function ri(s, t, e, i, n, r, o, l, a, h) {
+  if (i === 0 || n === 0) {
     s.push(a, h);
     return;
   }
-  let c = Math.abs(n), f = Math.abs(i);
+  let c = Math.abs(i), f = Math.abs(n);
   const u = r * Math.PI / 180, x = Math.cos(u), p = Math.sin(u), d = (t - a) / 2, y = (e - h) / 2, b = x * d + p * y, E = -p * d + x * y;
   let g = b * b / (c * c) + E * E / (f * f);
   if (g > 1) {
@@ -3718,49 +3767,49 @@ function sn(s, t, e, n, i, r, o, l, a, h) {
     s.push(et, at);
   }
 }
-function Mt(s, t, e, n) {
-  const i = s * n - t * e < 0 ? -1 : 1, r = s * e + t * n, o = Math.sqrt(s * s + t * t), l = Math.sqrt(e * e + n * n), a = r / (o * l);
-  return i * Math.acos(Math.max(-1, Math.min(1, a)));
+function Mt(s, t, e, i) {
+  const n = s * i - t * e < 0 ? -1 : 1, r = s * e + t * i, o = Math.sqrt(s * s + t * t), l = Math.sqrt(e * e + i * i), a = r / (o * l);
+  return n * Math.acos(Math.max(-1, Math.min(1, a)));
 }
-function on(s) {
+function si(s) {
   const t = [], e = [];
-  for (let n = 0; n < s.length; n++) {
-    n > 0 && e.push(t.length / 2);
-    for (const i of s[n])
-      t.push(i);
+  for (let i = 0; i < s.length; i++) {
+    i > 0 && e.push(t.length / 2);
+    for (const n of s[i])
+      t.push(n);
   }
   return { flatCoords: t, holeIndices: e };
 }
 function zt(s) {
-  const t = s.length, e = s.map((i) => Math.abs(qt(i))), n = new Array(t).fill(!1);
-  for (let i = 0; i < t; i++) {
+  const t = s.length, e = s.map((n) => Math.abs(qt(n))), i = new Array(t).fill(!1);
+  for (let n = 0; n < t; n++) {
     let r = 0;
-    const o = s[i][0], l = s[i][1];
+    const o = s[n][0], l = s[n][1];
     for (let a = 0; a < t; a++)
-      i !== a && e[a] > e[i] && Yt(o, l, s[a]) && r++;
-    n[i] = r % 2 === 1;
+      n !== a && e[a] > e[n] && Yt(o, l, s[a]) && r++;
+    i[n] = r % 2 === 1;
   }
-  return n;
+  return i;
 }
-function an(s) {
+function oi(s) {
   if (s.length <= 1)
     return [s];
   const t = zt(s), e = s.map((o, l) => {
     const a = qt(o);
     return { index: l, contour: o, area: a, isOuter: !t[l] };
-  }), n = e.filter((o) => o.isOuter), i = e.filter((o) => !o.isOuter);
-  if (n.length === 0)
+  }), i = e.filter((o) => o.isOuter), n = e.filter((o) => !o.isOuter);
+  if (i.length === 0)
     return s.map((o) => [o]);
-  const r = n.map((o) => ({
+  const r = i.map((o) => ({
     outer: o.contour,
     holes: []
   }));
-  for (const o of i) {
+  for (const o of n) {
     const l = o.contour[0], a = o.contour[1];
     let h = -1, c = 1 / 0;
-    for (let f = 0; f < n.length; f++)
-      if (Yt(l, a, n[f].contour)) {
-        const u = Math.abs(n[f].area);
+    for (let f = 0; f < i.length; f++)
+      if (Yt(l, a, i[f].contour)) {
+        const u = Math.abs(i[f].area);
         u < c && (c = u, h = f);
       }
     h >= 0 ? r[h].holes.push(o.contour) : r.push({ outer: o.contour, holes: [] });
@@ -3770,30 +3819,30 @@ function an(s) {
 function qt(s) {
   let t = 0;
   const e = s.length;
-  for (let n = 0; n < e; n += 2) {
-    const i = s[n], r = s[n + 1], o = s[(n + 2) % e], l = s[(n + 3) % e];
-    t += i * l - o * r;
+  for (let i = 0; i < e; i += 2) {
+    const n = s[i], r = s[i + 1], o = s[(i + 2) % e], l = s[(i + 3) % e];
+    t += n * l - o * r;
   }
   return t / 2;
 }
 function Yt(s, t, e) {
-  let n = !1;
-  const i = e.length;
-  for (let r = 0, o = i - 2; r < i; o = r, r += 2) {
+  let i = !1;
+  const n = e.length;
+  for (let r = 0, o = n - 2; r < n; o = r, r += 2) {
     const l = e[r], a = e[r + 1], h = e[o], c = e[o + 1];
-    a > t != c > t && s < (h - l) * (t - a) / (c - a) + l && (n = !n);
+    a > t != c > t && s < (h - l) * (t - a) / (c - a) + l && (i = !i);
   }
-  return n;
+  return i;
 }
-function ln(s, t, e = 2) {
-  const n = t && t.length > 0, i = n ? t[0] * e : s.length;
-  let r = jt(s, 0, i, e, !0);
+function ai(s, t, e = 2) {
+  const i = t && t.length > 0, n = i ? t[0] * e : s.length;
+  let r = jt(s, 0, n, e, !0);
   const o = [];
   if (!r || r.next === r.prev) return o;
-  n && (r = dn(s, t, r, e));
+  i && (r = fi(s, t, r, e));
   let l = 1 / 0, a = 1 / 0, h = -1 / 0, c = -1 / 0, f = 0;
   if (s.length > 80 * e) {
-    for (let u = 0; u < i; u += e) {
+    for (let u = 0; u < n; u += e) {
       const x = s[u], p = s[u + 1];
       x < l && (l = x), p < a && (a = p), x > h && (h = x), p > c && (c = p);
     }
@@ -3801,90 +3850,90 @@ function ln(s, t, e = 2) {
   }
   return rt(r, o, e, l, a, f, 0), o;
 }
-function jt(s, t, e, n, i) {
+function jt(s, t, e, i, n) {
   let r = null;
-  if (i === yn(s, t, e, n) > 0)
-    for (let o = t; o < e; o += n)
+  if (n === Si(s, t, e, i) > 0)
+    for (let o = t; o < e; o += i)
       r = Bt(o, s[o], s[o + 1], r);
   else
-    for (let o = e - n; o >= t; o -= n)
+    for (let o = e - i; o >= t; o -= i)
       r = Bt(o, s[o], s[o + 1], r);
   return r && vt(r, r.next) && (ot(r), r = r.next), r ? (r.next.prev = r, r.prev.next = r, r.next) : null;
 }
 function Y(s, t) {
   t || (t = s);
-  let e = s, n;
+  let e = s, i;
   do
-    if (n = !1, !e.steiner && (vt(e, e.next) || L(e.prev, e, e.next) === 0)) {
+    if (i = !1, !e.steiner && (vt(e, e.next) || L(e.prev, e, e.next) === 0)) {
       if (ot(e), e = t = e.prev, e === e.next) break;
-      n = !0;
+      i = !0;
     } else
       e = e.next;
-  while (n || e !== t);
+  while (i || e !== t);
   return t;
 }
-function rt(s, t, e, n, i, r, o) {
+function rt(s, t, e, i, n, r, o) {
   if (!s) return;
-  !o && r && vn(s, n, i, r);
+  !o && r && gi(s, i, n, r);
   let l = s, a, h;
   for (; s.prev !== s.next; ) {
-    if (a = s.prev, h = s.next, r ? cn(s, n, i, r) : un(s)) {
+    if (a = s.prev, h = s.next, r ? ui(s, i, n, r) : li(s)) {
       t.push(a.i / e, s.i / e, h.i / e), ot(s), s = h.next, l = h.next;
       continue;
     }
     if (s = h, s === l) {
-      o ? o === 1 ? (s = hn(Y(s), t, e), rt(s, t, e, n, i, r, 2)) : o === 2 && fn(s, t, e, n, i, r) : rt(Y(s), t, e, n, i, r, 1);
+      o ? o === 1 ? (s = ci(Y(s), t, e), rt(s, t, e, i, n, r, 2)) : o === 2 && hi(s, t, e, i, n, r) : rt(Y(s), t, e, i, n, r, 1);
       break;
     }
   }
 }
-function un(s) {
-  const t = s.prev, e = s, n = s.next;
-  if (L(t, e, n) >= 0) return !1;
-  const i = t.x, r = e.x, o = n.x, l = t.y, a = e.y, h = n.y, c = i < r ? i < o ? i : o : r < o ? r : o, f = l < a ? l < h ? l : h : a < h ? a : h, u = i > r ? i > o ? i : o : r > o ? r : o, x = l > a ? l > h ? l : h : a > h ? a : h;
-  let p = n.next;
+function li(s) {
+  const t = s.prev, e = s, i = s.next;
+  if (L(t, e, i) >= 0) return !1;
+  const n = t.x, r = e.x, o = i.x, l = t.y, a = e.y, h = i.y, c = n < r ? n < o ? n : o : r < o ? r : o, f = l < a ? l < h ? l : h : a < h ? a : h, u = n > r ? n > o ? n : o : r > o ? r : o, x = l > a ? l > h ? l : h : a > h ? a : h;
+  let p = i.next;
   for (; p !== t; ) {
-    if (p.x >= c && p.x <= u && p.y >= f && p.y <= x && tt(i, l, r, a, o, h, p.x, p.y) && L(p.prev, p, p.next) >= 0)
+    if (p.x >= c && p.x <= u && p.y >= f && p.y <= x && tt(n, l, r, a, o, h, p.x, p.y) && L(p.prev, p, p.next) >= 0)
       return !1;
     p = p.next;
   }
   return !0;
 }
-function cn(s, t, e, n) {
-  const i = s.prev, r = s, o = s.next;
-  if (L(i, r, o) >= 0) return !1;
-  const l = i.x, a = r.x, h = o.x, c = i.y, f = r.y, u = o.y, x = l < a ? l < h ? l : h : a < h ? a : h, p = c < f ? c < u ? c : u : f < u ? f : u, d = l > a ? l > h ? l : h : a > h ? a : h, y = c > f ? c > u ? c : u : f > u ? f : u, b = yt(x, p, t, e, n), E = yt(d, y, t, e, n);
+function ui(s, t, e, i) {
+  const n = s.prev, r = s, o = s.next;
+  if (L(n, r, o) >= 0) return !1;
+  const l = n.x, a = r.x, h = o.x, c = n.y, f = r.y, u = o.y, x = l < a ? l < h ? l : h : a < h ? a : h, p = c < f ? c < u ? c : u : f < u ? f : u, d = l > a ? l > h ? l : h : a > h ? a : h, y = c > f ? c > u ? c : u : f > u ? f : u, b = yt(x, p, t, e, i), E = yt(d, y, t, e, i);
   let g = s.prevZ, v = s.nextZ;
   for (; g && g.z >= b && v && v.z <= E; ) {
-    if (g.x >= x && g.x <= d && g.y >= p && g.y <= y && g !== i && g !== o && tt(l, c, a, f, h, u, g.x, g.y) && L(g.prev, g, g.next) >= 0 || (g = g.prevZ, v.x >= x && v.x <= d && v.y >= p && v.y <= y && v !== i && v !== o && tt(l, c, a, f, h, u, v.x, v.y) && L(v.prev, v, v.next) >= 0)) return !1;
+    if (g.x >= x && g.x <= d && g.y >= p && g.y <= y && g !== n && g !== o && tt(l, c, a, f, h, u, g.x, g.y) && L(g.prev, g, g.next) >= 0 || (g = g.prevZ, v.x >= x && v.x <= d && v.y >= p && v.y <= y && v !== n && v !== o && tt(l, c, a, f, h, u, v.x, v.y) && L(v.prev, v, v.next) >= 0)) return !1;
     v = v.nextZ;
   }
   for (; g && g.z >= b; ) {
-    if (g.x >= x && g.x <= d && g.y >= p && g.y <= y && g !== i && g !== o && tt(l, c, a, f, h, u, g.x, g.y) && L(g.prev, g, g.next) >= 0) return !1;
+    if (g.x >= x && g.x <= d && g.y >= p && g.y <= y && g !== n && g !== o && tt(l, c, a, f, h, u, g.x, g.y) && L(g.prev, g, g.next) >= 0) return !1;
     g = g.prevZ;
   }
   for (; v && v.z <= E; ) {
-    if (v.x >= x && v.x <= d && v.y >= p && v.y <= y && v !== i && v !== o && tt(l, c, a, f, h, u, v.x, v.y) && L(v.prev, v, v.next) >= 0) return !1;
+    if (v.x >= x && v.x <= d && v.y >= p && v.y <= y && v !== n && v !== o && tt(l, c, a, f, h, u, v.x, v.y) && L(v.prev, v, v.next) >= 0) return !1;
     v = v.nextZ;
   }
   return !0;
 }
-function hn(s, t, e) {
-  let n = s;
+function ci(s, t, e) {
+  let i = s;
   do {
-    const i = n.prev, r = n.next.next;
-    !vt(i, r) && Zt(i, n, n.next, r) && st(i, r) && st(r, i) && (t.push(i.i / e, n.i / e, r.i / e), ot(n), ot(n.next), n = s = r), n = n.next;
-  } while (n !== s);
-  return Y(n);
+    const n = i.prev, r = i.next.next;
+    !vt(n, r) && Zt(n, i, i.next, r) && st(n, r) && st(r, n) && (t.push(n.i / e, i.i / e, r.i / e), ot(i), ot(i.next), i = s = r), i = i.next;
+  } while (i !== s);
+  return Y(i);
 }
-function fn(s, t, e, n, i, r) {
+function hi(s, t, e, i, n, r) {
   let o = s;
   do {
     let l = o.next.next;
     for (; l !== o.prev; ) {
-      if (o.i !== l.i && En(o, l)) {
+      if (o.i !== l.i && Ti(o, l)) {
         let a = $t(o, l);
-        o = Y(o, o.next), a = Y(a, a.next), rt(o, t, e, n, i, r, 0), rt(a, t, e, n, i, r, 0);
+        o = Y(o, o.next), a = Y(a, a.next), rt(o, t, e, i, n, r, 0), rt(a, t, e, i, n, r, 0);
         return;
       }
       l = l.next;
@@ -3892,31 +3941,31 @@ function fn(s, t, e, n, i, r) {
     o = o.next;
   } while (o !== s);
 }
-function dn(s, t, e, n) {
-  const i = [];
+function fi(s, t, e, i) {
+  const n = [];
   for (let r = 0; r < t.length; r++) {
-    const o = t[r] * n, l = r < t.length - 1 ? t[r + 1] * n : s.length, a = jt(s, o, l, n, !1);
-    a && (a === a.next && (a.steiner = !0), i.push(Tn(a)));
+    const o = t[r] * i, l = r < t.length - 1 ? t[r + 1] * i : s.length, a = jt(s, o, l, i, !1);
+    a && (a === a.next && (a.steiner = !0), n.push(xi(a)));
   }
-  i.sort((r, o) => r.x - o.x);
-  for (const r of i)
-    e = mn(r, e);
+  n.sort((r, o) => r.x - o.x);
+  for (const r of n)
+    e = di(r, e);
   return e;
 }
-function mn(s, t) {
-  const e = pn(s, t);
+function di(s, t) {
+  const e = mi(s, t);
   if (!e) return t;
-  const n = $t(e, s);
-  return Y(n, n.next), Y(e, e.next);
+  const i = $t(e, s);
+  return Y(i, i.next), Y(e, e.next);
 }
-function pn(s, t) {
+function mi(s, t) {
   let e = t;
-  const n = s.x, i = s.y;
+  const i = s.x, n = s.y;
   let r = -1 / 0, o = null;
   do {
-    if (i <= e.y && i >= e.next.y && e.next.y !== e.y) {
-      const f = e.x + (i - e.y) / (e.next.y - e.y) * (e.next.x - e.x);
-      if (f <= n && f > r && (r = f, o = e.x < e.next.x ? e : e.next, f === n))
+    if (n <= e.y && n >= e.next.y && e.next.y !== e.y) {
+      const f = e.x + (n - e.y) / (e.next.y - e.y) * (e.next.x - e.x);
+      if (f <= i && f > r && (r = f, o = e.x < e.next.x ? e : e.next, f === i))
         return o;
     }
     e = e.next;
@@ -3926,62 +3975,62 @@ function pn(s, t) {
   let c = 1 / 0;
   e = o;
   do {
-    if (n >= e.x && e.x >= a && n !== e.x && tt(i < h ? n : r, i, a, h, i < h ? r : n, i, e.x, e.y)) {
-      const f = Math.abs(i - e.y) / (n - e.x);
-      st(e, s) && (f < c || f === c && (e.x > o.x || gn(o, e))) && (o = e, c = f);
+    if (i >= e.x && e.x >= a && i !== e.x && tt(n < h ? i : r, n, a, h, n < h ? r : i, n, e.x, e.y)) {
+      const f = Math.abs(n - e.y) / (i - e.x);
+      st(e, s) && (f < c || f === c && (e.x > o.x || pi(o, e))) && (o = e, c = f);
     }
     e = e.next;
   } while (e !== l);
   return o;
 }
-function gn(s, t) {
+function pi(s, t) {
   return L(s.prev, s, t.prev) < 0 && L(t.next, s, s.next) < 0;
 }
-function vn(s, t, e, n) {
-  let i = s;
+function gi(s, t, e, i) {
+  let n = s;
   do
-    i.z === 0 && (i.z = yt(i.x, i.y, t, e, n)), i.prevZ = i.prev, i.nextZ = i.next, i = i.next;
-  while (i !== s);
-  i.prevZ.nextZ = null, i.prevZ = null, xn(i);
+    n.z === 0 && (n.z = yt(n.x, n.y, t, e, i)), n.prevZ = n.prev, n.nextZ = n.next, n = n.next;
+  while (n !== s);
+  n.prevZ.nextZ = null, n.prevZ = null, vi(n);
 }
-function xn(s) {
+function vi(s) {
   let t = 1, e;
   do {
-    let n = s;
+    let i = s;
     s = null;
-    let i = null;
-    for (e = 0; n; ) {
+    let n = null;
+    for (e = 0; i; ) {
       e++;
-      let r = n, o = 0;
+      let r = i, o = 0;
       for (let a = 0; a < t && (o++, r = r.nextZ, !!r); a++)
         ;
       let l = t;
       for (; o > 0 || l > 0 && r; ) {
         let a;
-        o !== 0 && (l === 0 || !r || n.z <= r.z) ? (a = n, n = n.nextZ, o--) : (a = r, r = r.nextZ, l--), i ? i.nextZ = a : s = a, a.prevZ = i, i = a;
+        o !== 0 && (l === 0 || !r || i.z <= r.z) ? (a = i, i = i.nextZ, o--) : (a = r, r = r.nextZ, l--), n ? n.nextZ = a : s = a, a.prevZ = n, n = a;
       }
-      n = r;
+      i = r;
     }
-    i.nextZ = null, t *= 2;
+    n.nextZ = null, t *= 2;
   } while (e > 1);
   return s;
 }
-function yt(s, t, e, n, i) {
-  let r = (s - e) * i | 0, o = (t - n) * i | 0;
+function yt(s, t, e, i, n) {
+  let r = (s - e) * n | 0, o = (t - i) * n | 0;
   return r = (r | r << 8) & 16711935, r = (r | r << 4) & 252645135, r = (r | r << 2) & 858993459, r = (r | r << 1) & 1431655765, o = (o | o << 8) & 16711935, o = (o | o << 4) & 252645135, o = (o | o << 2) & 858993459, o = (o | o << 1) & 1431655765, r | o << 1;
 }
-function Tn(s) {
+function xi(s) {
   let t = s, e = s;
   do
     (t.x < e.x || t.x === e.x && t.y < e.y) && (e = t), t = t.next;
   while (t !== s);
   return e;
 }
-function tt(s, t, e, n, i, r, o, l) {
-  return (i - o) * (t - l) - (s - o) * (r - l) >= 0 && (s - o) * (n - l) - (e - o) * (t - l) >= 0 && (e - o) * (r - l) - (i - o) * (n - l) >= 0;
+function tt(s, t, e, i, n, r, o, l) {
+  return (n - o) * (t - l) - (s - o) * (r - l) >= 0 && (s - o) * (i - l) - (e - o) * (t - l) >= 0 && (e - o) * (r - l) - (n - o) * (i - l) >= 0;
 }
-function En(s, t) {
-  return s.next.i !== t.i && s.prev.i !== t.i && !bn(s, t) && (st(s, t) && st(t, s) && Sn(s, t) && (L(s.prev, s, t.prev) !== 0 || L(s, t.prev, t) !== 0) || vt(s, t) && L(s.prev, s, s.next) > 0 && L(t.prev, t, t.next) > 0);
+function Ti(s, t) {
+  return s.next.i !== t.i && s.prev.i !== t.i && !Ei(s, t) && (st(s, t) && st(t, s) && bi(s, t) && (L(s.prev, s, t.prev) !== 0 || L(s, t.prev, t) !== 0) || vt(s, t) && L(s.prev, s, s.next) > 0 && L(t.prev, t, t.next) > 0);
 }
 function L(s, t, e) {
   return (t.y - s.y) * (e.x - t.x) - (t.x - s.x) * (e.y - t.y);
@@ -3989,9 +4038,9 @@ function L(s, t, e) {
 function vt(s, t) {
   return s.x === t.x && s.y === t.y;
 }
-function Zt(s, t, e, n) {
-  const i = ct(L(s, t, e)), r = ct(L(s, t, n)), o = ct(L(e, n, s)), l = ct(L(e, n, t));
-  return !!(i !== r && o !== l || i === 0 && ut(s, e, t) || r === 0 && ut(s, n, t) || o === 0 && ut(e, s, n) || l === 0 && ut(e, t, n));
+function Zt(s, t, e, i) {
+  const n = ct(L(s, t, e)), r = ct(L(s, t, i)), o = ct(L(e, i, s)), l = ct(L(e, i, t));
+  return !!(n !== r && o !== l || n === 0 && ut(s, e, t) || r === 0 && ut(s, i, t) || o === 0 && ut(e, s, i) || l === 0 && ut(e, t, i));
 }
 function ut(s, t, e) {
   return t.x <= Math.max(s.x, e.x) && t.x >= Math.min(s.x, e.x) && t.y <= Math.max(s.y, e.y) && t.y >= Math.min(s.y, e.y);
@@ -3999,7 +4048,7 @@ function ut(s, t, e) {
 function ct(s) {
   return s > 0 ? 1 : s < 0 ? -1 : 0;
 }
-function bn(s, t) {
+function Ei(s, t) {
   let e = s;
   do {
     if (e.i !== s.i && e.next.i !== s.i && e.i !== t.i && e.next.i !== t.i && Zt(e, e.next, s, t)) return !0;
@@ -4010,21 +4059,21 @@ function bn(s, t) {
 function st(s, t) {
   return L(s.prev, s, s.next) < 0 ? L(s, t, s.next) >= 0 && L(s, s.prev, t) >= 0 : L(s, t, s.prev) < 0 || L(s, s.next, t) < 0;
 }
-function Sn(s, t) {
-  let e = s, n = !1;
-  const i = (s.x + t.x) / 2, r = (s.y + t.y) / 2;
+function bi(s, t) {
+  let e = s, i = !1;
+  const n = (s.x + t.x) / 2, r = (s.y + t.y) / 2;
   do
-    e.y > r != e.next.y > r && e.next.y !== e.y && i < (e.next.x - e.x) * (r - e.y) / (e.next.y - e.y) + e.x && (n = !n), e = e.next;
+    e.y > r != e.next.y > r && e.next.y !== e.y && n < (e.next.x - e.x) * (r - e.y) / (e.next.y - e.y) + e.x && (i = !i), e = e.next;
   while (e !== s);
-  return n;
+  return i;
 }
 function $t(s, t) {
-  const e = wt(s.i, s.x, s.y), n = wt(t.i, t.x, t.y), i = s.next, r = t.prev;
-  return s.next = t, t.prev = s, e.next = i, i.prev = e, n.next = e, e.prev = n, r.next = n, n.prev = r, n;
+  const e = wt(s.i, s.x, s.y), i = wt(t.i, t.x, t.y), n = s.next, r = t.prev;
+  return s.next = t, t.prev = s, e.next = n, n.prev = e, i.next = e, e.prev = i, r.next = i, i.prev = r, i;
 }
-function Bt(s, t, e, n) {
-  const i = wt(s, t, e);
-  return n ? (i.next = n.next, i.prev = n, n.next.prev = i, n.next = i) : (i.prev = i, i.next = i), i;
+function Bt(s, t, e, i) {
+  const n = wt(s, t, e);
+  return i ? (n.next = i.next, n.prev = i, i.next.prev = n, i.next = n) : (n.prev = n, n.next = n), n;
 }
 function ot(s) {
   s.next.prev = s.prev, s.prev.next = s.next, s.prevZ && (s.prevZ.nextZ = s.nextZ), s.nextZ && (s.nextZ.prevZ = s.prevZ);
@@ -4042,11 +4091,11 @@ function wt(s, t, e) {
     steiner: !1
   };
 }
-function yn(s, t, e, n) {
-  let i = 0;
-  for (let r = t, o = e - n; r < e; r += n)
-    i += (s[o] - s[r]) * (s[r + 1] + s[o + 1]), o = r;
-  return i;
+function Si(s, t, e, i) {
+  let n = 0;
+  for (let r = t, o = e - i; r < e; r += i)
+    n += (s[o] - s[r]) * (s[r + 1] + s[o + 1]), o = r;
+  return n;
 }
 const R = {
   parallaxX: 0.4,
@@ -4109,10 +4158,10 @@ class Et extends HTMLElement {
   static get observedAttributes() {
     return [
       "src",
-      "depth-src",
-      "depth-width",
-      "depth-height",
-      "depth-fps",
+      "map-src",
+      "map-width",
+      "map-height",
+      "map-fps",
       "depth-model",
       "logo-src",
       "source-type",
@@ -4163,12 +4212,12 @@ class Et extends HTMLElement {
       "muted"
     ];
   }
-  reinitAttributes = ["src", "depth-src", "depth-width", "depth-height", "depth-fps", "depth-model", "logo-src", "source-type"];
+  reinitAttributes = ["src", "map-src", "map-width", "map-height", "map-fps", "depth-model", "logo-src", "source-type"];
   canInit() {
     const t = !!this.getAttribute("logo-src");
     if (this.sourceType === "camera") return t;
-    const e = !!this.getAttribute("src"), n = !!this.getAttribute("depth-src"), i = !!this.getAttribute("depth-model");
-    return e && t && (n || i);
+    const e = !!this.getAttribute("src"), i = !!this.getAttribute("map-src"), n = !!this.getAttribute("depth-model");
+    return e && t && (i || n);
   }
   _input = { x: 0, y: 0 };
   /** The current input offset. Set this externally to drive the effect. */
@@ -4191,24 +4240,24 @@ class Et extends HTMLElement {
   }
   // --- Attribute helpers ---
   getAttrFloat(t, e) {
-    const n = this.getAttribute(t);
-    if (n === null) return e;
-    const i = parseFloat(n);
-    return Number.isFinite(i) ? i : e;
+    const i = this.getAttribute(t);
+    if (i === null) return e;
+    const n = parseFloat(i);
+    return Number.isFinite(n) ? n : e;
   }
   getAttrBool(t, e) {
     if (!this.hasAttribute(t)) return e;
-    const n = this.getAttribute(t);
-    return !(n === "false" || n === "0");
+    const i = this.getAttribute(t);
+    return !(i === "false" || i === "0");
   }
   getAttrColor(t, e) {
-    const n = this.getAttribute(t) ?? e;
-    return wn(n);
+    const i = this.getAttribute(t) ?? e;
+    return yi(i);
   }
   getAttrVec3(t, e) {
-    const i = (this.getAttribute(t) ?? e).split(",").map((o) => parseFloat(o.trim()));
-    if (i.length >= 3 && i.every(Number.isFinite))
-      return [i[0], i[1], i[2]];
+    const n = (this.getAttribute(t) ?? e).split(",").map((o) => parseFloat(o.trim()));
+    if (n.length >= 3 && n.every(Number.isFinite))
+      return [n[0], n[1], n[2]];
     const r = e.split(",").map((o) => parseFloat(o.trim()));
     return [r[0], r[1], r[2]];
   }
@@ -4398,8 +4447,8 @@ class Et extends HTMLElement {
   disconnectedCallback() {
     this.lifecycle.onDisconnected();
   }
-  attributeChangedCallback(t, e, n) {
-    this.lifecycle.onAttributeChanged(t, e, n);
+  attributeChangedCallback(t, e, i) {
+    this.lifecycle.onAttributeChanged(t, e, i);
   }
   // --- Shadow DOM setup ---
   setupShadowDOM() {
@@ -4431,13 +4480,13 @@ class Et extends HTMLElement {
   async doInit(t) {
     const e = this.getAttribute("logo-src");
     if (!this.container) return;
-    const n = this.sourceType === "camera", i = this.depthModel;
+    const i = this.sourceType === "camera", n = this.depthModel;
     try {
       let r, o, l, a = null;
       const h = (d) => {
         this.emit("layershift-portal:model-progress", d);
       };
-      if (n) {
+      if (i) {
         const [d, y] = await Promise.all([
           Nt(
             { video: { facingMode: "user" } },
@@ -4449,8 +4498,8 @@ class Et extends HTMLElement {
           d.dispose();
           return;
         }
-        if (r = d, l = y, i) {
-          if (a = await dt(i, J, Q, h), t.aborted) {
+        if (r = d, l = y, n) {
+          if (a = await dt(n, J, Q, h), t.aborted) {
             a.dispose(), r.dispose();
             return;
           }
@@ -4458,7 +4507,7 @@ class Et extends HTMLElement {
         } else
           o = X(r.width, r.height);
       } else {
-        const d = this.getAttribute("src"), y = this.getAttribute("depth-src"), b = !!y, E = this.sourceType === "image" || /\.(jpe?g|png|webp|gif|avif|bmp)(\?|$)/i.test(d);
+        const d = this.getAttribute("src"), y = this.getAttribute("map-src"), b = !!y, E = this.sourceType === "image" || /\.(jpe?g|png|webp|gif|avif|bmp)(\?|$)/i.test(d);
         if (b) {
           const [g, v, m] = await Promise.all([
             E ? ft(d) : ht(d, {
@@ -4468,9 +4517,9 @@ class Et extends HTMLElement {
             }),
             kt(
               y,
-              this.getAttrFloat("depth-width", 512),
-              this.getAttrFloat("depth-height", 512),
-              this.getAttrFloat("depth-fps", 5)
+              this.getAttrFloat("map-width", 512),
+              this.getAttrFloat("map-height", 512),
+              this.getAttrFloat("map-fps", 5)
             ),
             Tt(e)
           ]);
@@ -4479,14 +4528,14 @@ class Et extends HTMLElement {
             return;
           }
           r = g, o = v, l = m;
-        } else if (i) {
+        } else if (n) {
           const [g, v, m] = await Promise.all([
             E ? ft(d) : ht(d, {
               parent: this.shadow,
               loop: this.shouldLoop,
               muted: this.shouldMute
             }),
-            dt(i, J, Q, h),
+            dt(n, J, Q, h),
             Tt(e)
           ]);
           if (t.aborted) {
@@ -4509,7 +4558,7 @@ class Et extends HTMLElement {
           } else
             o = X(J, Q);
         } else
-          throw new Error("Either depth-src or depth-model must be provided.");
+          throw new Error("Either map-src or depth-model must be provided.");
       }
       this.source = r, this.depthEstimator = a, this.mesh = l, this.loopCount = 0, this.attachSourceEventListeners(r);
       const c = this.container?.clientWidth || r.width, f = this.parallaxMax / Math.max(c, 1);
@@ -4578,7 +4627,7 @@ class Et extends HTMLElement {
             frameNumber: y
           });
         }
-      ), !n && r.isLive && this.shouldAutoplay && r.play)
+      ), !i && r.isLive && this.shouldAutoplay && r.play)
         try {
           await r.play();
         } catch {
@@ -4599,15 +4648,15 @@ class Et extends HTMLElement {
     this.renderer?.dispose(), this.renderer = null, this.depthEstimator?.dispose(), this.depthEstimator = null, this.source?.dispose(), this.source = null, this.mesh = null, this.loopCount = 0, this.container = null;
   }
 }
-function wn(s) {
+function yi(s) {
   const t = s.replace("#", "");
   if (t.length === 3) {
-    const e = parseInt(t[0] + t[0], 16) / 255, n = parseInt(t[1] + t[1], 16) / 255, i = parseInt(t[2] + t[2], 16) / 255;
-    return [e, n, i];
+    const e = parseInt(t[0] + t[0], 16) / 255, i = parseInt(t[1] + t[1], 16) / 255, n = parseInt(t[2] + t[2], 16) / 255;
+    return [e, i, n];
   }
   if (t.length === 6) {
-    const e = parseInt(t.substring(0, 2), 16) / 255, n = parseInt(t.substring(2, 4), 16) / 255, i = parseInt(t.substring(4, 6), 16) / 255;
-    return [e, n, i];
+    const e = parseInt(t.substring(0, 2), 16) / 255, i = parseInt(t.substring(2, 4), 16) / 255, n = parseInt(t.substring(4, 6), 16) / 255;
+    return [e, i, n];
   }
   return [0, 0, 0];
 }
@@ -4618,8 +4667,8 @@ function W(s, t, e) {
   return s + (t - s) * e;
 }
 const N = 100, Kt = 0.06;
-function Rn(s, t) {
-  const e = t?.sensitivityX ?? 1, n = t?.sensitivityY ?? 1, i = t?.lerpFactor ?? 0.08;
+function wi(s, t) {
+  const e = t?.sensitivityX ?? 1, i = t?.sensitivityY ?? 1, n = t?.lerpFactor ?? 0.08;
   let r = 0, o = 0, l = 0, a = 0, h = 0, c = !0;
   const f = (p) => {
     const d = s.getBoundingClientRect(), y = (p.clientX - d.left) / d.width * 2 - 1, b = (p.clientY - d.top) / d.height * 2 - 1;
@@ -4627,14 +4676,14 @@ function Rn(s, t) {
   }, u = () => {
     r = 0, o = 0;
   }, x = () => {
-    c && (l = W(l, r, i), a = W(a, o, i), s.input = { x: l * e, y: a * n }, h = requestAnimationFrame(x));
+    c && (l = W(l, r, n), a = W(a, o, n), s.input = { x: l * e, y: a * i }, h = requestAnimationFrame(x));
   };
   return s.addEventListener("mousemove", f), s.addEventListener("mouseleave", u), h = requestAnimationFrame(x), () => {
     c = !1, cancelAnimationFrame(h), s.removeEventListener("mousemove", f), s.removeEventListener("mouseleave", u);
   };
 }
-function An(s, t) {
-  const e = t?.sensitivityX ?? 1, n = t?.sensitivityY ?? 1, i = t?.lerpFactor ?? 0.08;
+function Ri(s, t) {
+  const e = t?.sensitivityX ?? 1, i = t?.sensitivityY ?? 1, n = t?.lerpFactor ?? 0.08;
   let r = 0, o = 0, l = 0, a = 0, h = 0, c = 0, f = 0, u = !0;
   const x = (b) => {
     const E = b.touches[0];
@@ -4647,19 +4696,19 @@ function An(s, t) {
   }, d = () => {
     r = 0, o = 0;
   }, y = () => {
-    u && (l = W(l, r, i), a = W(a, o, i), s.input = { x: l * e, y: a * n }, f = requestAnimationFrame(y));
+    u && (l = W(l, r, n), a = W(a, o, n), s.input = { x: l * e, y: a * i }, f = requestAnimationFrame(y));
   };
   return s.addEventListener("touchstart", x, { passive: !0 }), s.addEventListener("touchmove", p, { passive: !0 }), s.addEventListener("touchend", d, { passive: !0 }), s.addEventListener("touchcancel", d, { passive: !0 }), f = requestAnimationFrame(y), () => {
     u = !1, cancelAnimationFrame(f), s.removeEventListener("touchstart", x), s.removeEventListener("touchmove", p), s.removeEventListener("touchend", d), s.removeEventListener("touchcancel", d);
   };
 }
-function Pn(s, t) {
-  const e = t?.sensitivityX ?? 1, n = t?.sensitivityY ?? 1, i = t?.lerpFactor ?? Kt;
+function Ai(s, t) {
+  const e = t?.sensitivityX ?? 1, i = t?.sensitivityY ?? 1, n = t?.lerpFactor ?? Kt;
   let r = 0, o = 0, l = 0, a = 0, h = 0, c = !0, f = !1;
   const u = (y) => {
     r = V((y.gamma ?? 0) / 45, -1, 1), o = V((y.beta ?? 0) / 45, -1, 1);
   }, x = () => {
-    c && (l = W(l, r, i), a = W(a, o, i), s.input = { x: l * e, y: a * n }, h = requestAnimationFrame(x));
+    c && (l = W(l, r, n), a = W(a, o, n), s.input = { x: l * e, y: a * i }, h = requestAnimationFrame(x));
   }, p = () => {
     c && !f && (window.addEventListener("deviceorientation", u), f = !0);
   }, d = DeviceOrientationEvent;
@@ -4670,8 +4719,8 @@ function Pn(s, t) {
     c = !1, cancelAnimationFrame(h), f && (window.removeEventListener("deviceorientation", u), f = !1);
   };
 }
-function Dn(s, t) {
-  const e = t?.sensitivityX ?? 1, n = t?.sensitivityY ?? 1, i = t?.lerpFactor ?? 0.08, r = t?.lerpFactor ?? Kt;
+function Pi(s, t) {
+  const e = t?.sensitivityX ?? 1, i = t?.sensitivityY ?? 1, n = t?.lerpFactor ?? 0.08, r = t?.lerpFactor ?? Kt;
   let o = 0, l = 0, a = 0, h = 0, c = 0, f = 0, u = 0, x = 0, p = !1, d = !1, y = !1, b = 0, E = 0, g = 0, v = !0;
   const m = (S) => {
     const D = s.getBoundingClientRect(), U = (S.clientX - D.left) / D.width * 2 - 1, M = (S.clientY - D.top) / D.height * 2 - 1;
@@ -4702,7 +4751,7 @@ function Dn(s, t) {
   }, C = () => {
     if (!v) return;
     let S, D, U;
-    p ? (S = a, D = h, U = i) : d ? (S = c, D = f, U = r) : (S = o, D = l, U = i), u = W(u, S, U), x = W(x, D, U), s.input = { x: u * e, y: x * n }, g = requestAnimationFrame(C);
+    p ? (S = a, D = h, U = n) : d ? (S = c, D = f, U = r) : (S = o, D = l, U = n), u = W(u, S, U), x = W(x, D, U), s.input = { x: u * e, y: x * i }, g = requestAnimationFrame(C);
   };
   return s.addEventListener("mousemove", m), s.addEventListener("mouseleave", T), s.addEventListener("touchstart", w, { passive: !0 }), s.addEventListener("touchmove", A, { passive: !0 }), s.addEventListener("touchend", P, { passive: !0 }), s.addEventListener("touchcancel", P, { passive: !0 }), g = requestAnimationFrame(C), () => {
     v = !1, cancelAnimationFrame(g), s.removeEventListener("mousemove", m), s.removeEventListener("mouseleave", T), s.removeEventListener("touchstart", w), s.removeEventListener("touchmove", A), s.removeEventListener("touchend", P), s.removeEventListener("touchcancel", P), y && (window.removeEventListener("deviceorientation", F), y = !1);
@@ -4713,8 +4762,8 @@ customElements.get(Et.TAG_NAME) || customElements.define(Et.TAG_NAME, Et);
 export {
   xt as LayershiftElement,
   Et as LayershiftPortalElement,
-  Pn as connectGyro,
-  Rn as connectMouse,
-  Dn as connectPointer,
-  An as connectTouch
+  Ai as connectGyro,
+  wi as connectMouse,
+  Pi as connectPointer,
+  Ri as connectTouch
 };