layershift 0.4.3 → 0.5.1

package/dist/npm/layershift.es.js

@@ -1,4 +1,4 @@
-class Ot {
+class Vt {
   constructor(t) {
     this.depthData = t;
     const e = t.meta.width * t.meta.height;
@@ -10,29 +10,29 @@ class Ot {
   lastNextFrameIndex = -1;
   lastLerpFactor = -1;
   sample(t) {
-    const e = oe(t * this.depthData.meta.fps, 0, this.depthData.meta.frameCount - 1), n = Math.floor(e), i = Math.min(n + 1, this.depthData.meta.frameCount - 1), r = e - n, s = n !== this.lastFrameIndex || i !== this.lastNextFrameIndex, a = Math.abs(r - this.lastLerpFactor) > 1e-3;
-    if (!s && !a)
+    const e = re(t * this.depthData.meta.fps, 0, this.depthData.meta.frameCount - 1), n = Math.floor(e), i = Math.min(n + 1, this.depthData.meta.frameCount - 1), r = e - n, o = n !== this.lastFrameIndex || i !== 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 l = 1 - r, u = this.depthData.frames[n], h = this.depthData.frames[i];
+    const a = 1 - r, h = this.depthData.frames[n], c = this.depthData.frames[i];
     for (let f = 0; f < this.uint8Output.length; f += 1)
-      this.uint8Output[f] = u[f] * l + h[f] * r + 0.5 | 0;
+      this.uint8Output[f] = h[f] * a + c[f] * r + 0.5 | 0;
     return this.uint8Output;
   }
 }
-async function kt(o, t, e) {
+async function kt(s, t, e) {
   const [n, i] = await Promise.all([
-    ee(t),
-    ne(o)
+    te(t),
+    ee(s)
   ]);
-  return ie(i, n);
+  return ne(i, n);
 }
-async function ee(o) {
-  const t = await fetch(o);
+async function te(s) {
+  const t = await fetch(s);
   if (!t.ok)
     throw new Error(`Failed to fetch depth metadata (${t.status} ${t.statusText}).`);
   const e = await t.json();
-  return re(e), {
+  return ie(e), {
     frameCount: e.frameCount,
     fps: e.fps,
     width: e.width,
@@ -40,8 +40,8 @@ async function ee(o) {
     sourceFps: e.sourceFps
   };
 }
-async function ne(o, t) {
-  const e = await fetch(o);
+async function ee(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");
@@ -50,53 +50,53 @@ async function ne(o, t) {
     return new Uint8Array(await e.arrayBuffer());
   const i = [];
   let r = 0;
-  const s = n.getReader();
+  const o = n.getReader();
   for (; ; ) {
-    const { done: u, value: h } = await s.read();
-    if (u)
+    const { done: h, value: c } = await o.read();
+    if (h)
       break;
-    h && (i.push(h), r += h.byteLength);
+    c && (i.push(c), r += c.byteLength);
   }
-  const a = new Uint8Array(r);
-  let l = 0;
-  for (const u of i)
-    a.set(u, l), l += u.byteLength;
-  return a;
+  const l = new Uint8Array(r);
+  let a = 0;
+  for (const h of i)
+    l.set(h, a), a += h.byteLength;
+  return l;
 }
-function ie(o, t) {
-  if (o.byteLength < 4)
+function ne(s, t) {
+  if (s.byteLength < 4)
     throw new Error("Depth data binary is missing the frame-count header.");
-  const n = new DataView(o.buffer, o.byteOffset, o.byteLength).getUint32(0, !0), i = t.width * t.height, r = 4 + n * i;
-  if (o.byteLength !== r)
+  const n = new DataView(s.buffer, s.byteOffset, s.byteLength).getUint32(0, !0), i = t.width * t.height, r = 4 + n * i;
+  if (s.byteLength !== r)
     throw new Error(
-      `Depth data byte length mismatch. Expected ${r} bytes, received ${o.byteLength}.`
+      `Depth data byte length mismatch. Expected ${r} bytes, received ${s.byteLength}.`
     );
   if (n !== t.frameCount)
     throw new Error(
       `Depth frame count mismatch between metadata (${t.frameCount}) and binary header (${n}).`
     );
-  const s = o.subarray(4), a = new Array(n);
-  for (let l = 0; l < n; l += 1) {
-    const u = l * i;
-    a[l] = s.subarray(u, u + i);
+  const o = s.subarray(4), l = new Array(n);
+  for (let a = 0; a < n; a += 1) {
+    const h = a * i;
+    l[a] = o.subarray(h, h + i);
   }
-  return { meta: t, frames: a };
+  return { meta: t, frames: l };
 }
-function re(o) {
-  if (!o || typeof o.frameCount != "number" || typeof o.fps != "number" || typeof o.width != "number" || typeof o.height != "number" || typeof o.sourceFps != "number")
+function ie(s) {
+  if (!s || typeof s.frameCount != "number" || typeof s.fps != "number" || typeof s.width != "number" || typeof s.height != "number" || typeof s.sourceFps != "number")
     throw new Error("Depth metadata is malformed.");
-  if (!Number.isFinite(o.frameCount) || !Number.isFinite(o.fps) || !Number.isFinite(o.width) || !Number.isFinite(o.height) || !Number.isFinite(o.sourceFps) || o.frameCount <= 0 || o.fps <= 0 || o.width <= 0 || o.height <= 0 || o.sourceFps <= 0)
+  if (!Number.isFinite(s.frameCount) || !Number.isFinite(s.fps) || !Number.isFinite(s.width) || !Number.isFinite(s.height) || !Number.isFinite(s.sourceFps) || s.frameCount <= 0 || s.fps <= 0 || s.width <= 0 || s.height <= 0 || s.sourceFps <= 0)
     throw new Error("Depth metadata contains invalid numeric values.");
 }
-function H(o, t) {
-  const e = new Uint8Array(o * t);
+function N(s, t) {
+  const e = new Uint8Array(s * t);
   return e.fill(128), {
-    meta: { frameCount: 1, fps: 1, width: o, height: t, sourceFps: 1 },
+    meta: { frameCount: 1, fps: 1, width: s, height: t, sourceFps: 1 },
     frames: [e]
   };
 }
-function oe(o, t, e) {
-  return Math.min(e, Math.max(t, o));
+function re(s, t, e) {
+  return Math.min(e, Math.max(t, s));
 }
 const se = {
   parallaxStrength: 0.05,
@@ -108,123 +108,123 @@ const se = {
   pomSteps: 16,
   overscanPadding: 0.08
 };
-function ae(o, t, e) {
+function oe(s, t, e) {
   const n = new Float32Array(256);
-  if (o.length === 0 || t <= 0 || e <= 0)
-    return Ct(n);
-  const i = he(o.length), r = t * e;
-  let s = 0;
-  const a = new Uint32Array(256);
-  for (const b of i) {
-    const T = o[b], m = Math.min(T.length, r);
-    for (let S = 0; S < m; S += 1)
-      a[T[S]] += 1;
-    s += m;
-  }
-  if (s === 0)
-    return Ct(n);
-  const l = 1 / s;
-  for (let b = 0; b < 256; b += 1)
-    n[b] = a[b] * l;
-  const u = new Float32Array(256);
-  u[0] = n[0];
-  for (let b = 1; b < 256; b += 1)
-    u[b] = u[b - 1] + n[b];
-  const h = et(u, 0.05), f = et(u, 0.25), c = et(u, 0.5), E = et(u, 0.75), v = et(u, 0.95);
-  let p = 0;
-  for (let b = 0; b < 256; b += 1)
-    p += b / 255 * n[b];
-  let P = 0;
-  for (let b = 0; b < 256; b += 1) {
-    const T = b / 255 - p;
-    P += n[b] * T * T;
-  }
-  const x = Math.sqrt(P), y = v - h, d = E - f, g = ue(n);
+  if (s.length === 0 || t <= 0 || e <= 0)
+    return Pt(n);
+  const i = le(s.length), r = t * e;
+  let o = 0;
+  const l = new Uint32Array(256);
+  for (const m of i) {
+    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);
+  const a = 1 / o;
+  for (let m = 0; m < 256; m += 1)
+    n[m] = l[m] * a;
+  const h = new Float32Array(256);
+  h[0] = n[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);
+  let d = 0;
+  for (let m = 0; m < 256; m += 1)
+    d += m / 255 * n[m];
+  let y = 0;
+  for (let m = 0; m < 256; m += 1) {
+    const T = m / 255 - d;
+    y += n[m] * T * T;
+  }
+  const E = Math.sqrt(y), b = p - c, g = x - f, v = ue(n);
   return {
-    mean: p,
-    stdDev: x,
-    p5: h,
+    mean: d,
+    stdDev: E,
+    p5: c,
     p25: f,
-    median: c,
-    p75: E,
-    p95: v,
-    effectiveRange: y,
-    iqr: d,
-    bimodality: g,
+    median: u,
+    p75: x,
+    p95: p,
+    effectiveRange: b,
+    iqr: g,
+    bimodality: v,
     histogram: n
   };
 }
-function le(o) {
-  if (o.effectiveRange < 0.05 || o.stdDev < 0.02)
+function ae(s) {
+  if (s.effectiveRange < 0.05 || s.stdDev < 0.02)
     return { ...se };
-  const t = o.effectiveRange - 0.5, e = o.bimodality - 0.4, n = k(
+  const t = s.effectiveRange - 0.5, e = s.bimodality - 0.4, n = H(
     0.05 - t * 0.03 + e * 0.01,
     0.035,
     0.065
-  ), i = k(o.p5 - 0.03, 0, 0.25), r = k(o.p95 + 0.03, 0.75, 1), s = k((n - 0.03) / 0.05, 0, 1), a = k(0.6 - s * 0.25, 0.35, 0.6), l = k(0.6 - t * 0.2, 0.5, 0.7), u = k(0.4 + t * 0.2, 0.25, 0.5), h = 16, f = k(n + 0.03, 0.06, 0.1);
+  ), 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);
   return {
     parallaxStrength: n,
     contrastLow: i,
     contrastHigh: r,
-    verticalReduction: a,
-    dofStart: l,
-    dofStrength: u,
-    pomSteps: h,
+    verticalReduction: l,
+    dofStart: a,
+    dofStrength: h,
+    pomSteps: c,
     overscanPadding: f
   };
 }
-function he(o) {
-  if (o <= 0) return [];
-  if (o === 1) return [0];
-  const t = o - 1, e = [
+function le(s) {
+  if (s <= 0) return [];
+  if (s === 1) return [0];
+  const t = s - 1, e = [
     0,
-    Math.floor(o / 4),
-    Math.floor(o / 2),
-    Math.floor(3 * o / 4),
+    Math.floor(s / 4),
+    Math.floor(s / 2),
+    Math.floor(3 * s / 4),
     t
   ], n = /* @__PURE__ */ new Set(), i = [];
   for (const r of e)
     n.has(r) || (n.add(r), i.push(r));
   return i;
 }
-function et(o, t) {
+function nt(s, t) {
   for (let e = 0; e < 256; e += 1)
-    if (o[e] >= t)
+    if (s[e] >= t)
       return e / 255;
   return 1;
 }
-function ue(o) {
+function ue(s) {
   const t = new Float32Array(256);
-  for (let c = 0; c < 256; c += 1) {
-    let E = 0, v = 0;
-    for (let p = c - 2; p <= c + 2; p += 1)
-      p >= 0 && p < 256 && (E += o[p], v += 1);
-    t[c] = E / v;
+  for (let u = 0; u < 256; u += 1) {
+    let x = 0, p = 0;
+    for (let d = u - 2; d <= u + 2; d += 1)
+      d >= 0 && d < 256 && (x += s[d], p += 1);
+    t[u] = x / p;
   }
   let e = 0;
-  for (let c = 0; c < 256; c += 1)
-    e += t[c];
+  for (let u = 0; u < 256; u += 1)
+    e += t[u];
   e /= 256;
   const n = e * 2, i = 25, r = [];
-  for (let c = 1; c < 255; c += 1)
-    t[c] > t[c - 1] && t[c] > t[c + 1] && t[c] >= n && r.push({ bin: c, height: t[c] });
-  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((c, E) => E.height - c.height), r.length < 2) return 0;
-  const s = r[0];
-  let a = null;
-  for (let c = 1; c < r.length; c += 1)
-    if (Math.abs(r[c].bin - s.bin) >= i) {
-      a = r[c];
+  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;
+  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) {
+      l = r[u];
       break;
     }
-  if (!a) return 0;
-  const l = Math.min(s.bin, a.bin), u = Math.max(s.bin, a.bin);
-  let h = 1 / 0;
-  for (let c = l; c <= u; c += 1)
-    t[c] < h && (h = t[c]);
-  const f = Math.min(s.height, a.height);
-  return f <= 0 ? 0 : k(1 - h / f, 0, 1);
-}
-function Ct(o) {
+  if (!l) return 0;
+  const a = Math.min(o.bin, l.bin), h = Math.max(o.bin, l.bin);
+  let c = 1 / 0;
+  for (let u = a; u <= h; u += 1)
+    t[u] < c && (c = t[u]);
+  const f = Math.min(o.height, l.height);
+  return f <= 0 ? 0 : H(1 - c / f, 0, 1);
+}
+function Pt(s) {
   return {
     mean: 0,
     stdDev: 0,
@@ -236,36 +236,36 @@ function Ct(o) {
     effectiveRange: 0,
     iqr: 0,
     bimodality: 0,
-    histogram: o
+    histogram: s
   };
 }
-function k(o, t, e) {
-  return Math.min(e, Math.max(t, o));
+function H(s, t, e) {
+  return Math.min(e, Math.max(t, s));
 }
-function Q(o, t, e) {
-  const n = o.createShader(t);
+function G(s, t, e) {
+  const n = s.createShader(t);
   if (!n) throw new Error("Failed to create shader.");
-  if (o.shaderSource(n, e), o.compileShader(n), !o.getShaderParameter(n, o.COMPILE_STATUS)) {
-    const i = o.getShaderInfoLog(n) ?? "";
-    throw o.deleteShader(n), new Error(`Shader compilation failed:
+  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}`);
   }
   return n;
 }
-function wt(o, t, e) {
-  const n = o.createProgram();
+function mt(s, t, e) {
+  const n = s.createProgram();
   if (!n) throw new Error("Failed to create program.");
-  if (o.attachShader(n, t), o.attachShader(n, e), o.linkProgram(n), !o.getProgramParameter(n, o.LINK_STATUS)) {
-    const i = o.getProgramInfoLog(n) ?? "";
-    throw o.deleteProgram(n), new Error(`Program linking failed:
+  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}`);
   }
-  return o.detachShader(n, t), o.detachShader(n, e), o.deleteShader(t), o.deleteShader(e), n;
+  return s.detachShader(n, t), s.detachShader(n, e), s.deleteShader(t), s.deleteShader(e), n;
 }
-function Rt(o, t, e) {
+function pt(s, t, e) {
   const n = {};
   for (const i of e)
-    n[i] = o.getUniformLocation(t, i);
+    n[i] = s.getUniformLocation(t, i);
   return n;
 }
 const ce = new Float32Array([
@@ -278,14 +278,14 @@ const ce = new Float32Array([
   1,
   1
 ]);
-function Nt(o, t) {
-  const e = o.createVertexArray();
+function Ot(s, t) {
+  const e = s.createVertexArray();
   if (!e) throw new Error("Failed to create VAO.");
-  o.bindVertexArray(e);
-  const n = o.createBuffer();
-  o.bindBuffer(o.ARRAY_BUFFER, n), o.bufferData(o.ARRAY_BUFFER, ce, o.STATIC_DRAW);
-  const i = o.getAttribLocation(t, "aPosition");
-  return o.enableVertexAttribArray(i), o.vertexAttribPointer(i, 2, o.FLOAT, !1, 0, 0), o.bindVertexArray(null), e;
+  s.bindVertexArray(e);
+  const n = s.createBuffer();
+  s.bindBuffer(s.ARRAY_BUFFER, n), s.bufferData(s.ARRAY_BUFFER, ce, 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;
 }
 class Ht {
   slots = /* @__PURE__ */ new Map();
@@ -323,18 +323,56 @@ class Ht {
     return this.slots.size;
   }
 }
-function O(o, t, e, n, i) {
-  const r = Q(o, o.VERTEX_SHADER, e), s = Q(o, o.FRAGMENT_SHADER, n), a = wt(o, r, s), l = Rt(o, a, i);
+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);
   return {
+    name: t,
+    program: l,
+    uniforms: a,
+    dispose(h) {
+      h.deleteProgram(l);
+    }
+  };
+}
+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 = {
+    texture: null,
+    unit: r.textureUnit,
+    attachment: s.COLOR_ATTACHMENT0
+  }, f = {
     name: t,
     program: a,
-    uniforms: l,
+    uniforms: h,
+    fbo: null,
+    outputs: [c],
+    width: 0,
+    height: 0,
+    resize(u, x, p) {
+      f.fbo && u.deleteFramebuffer(f.fbo), c.texture && u.deleteTexture(c.texture), f.width = x, f.height = p, c.texture = u.createTexture(), u.activeTexture(u.TEXTURE0 + c.unit), u.bindTexture(u.TEXTURE_2D, c.texture), u.texParameteri(u.TEXTURE_2D, u.TEXTURE_MIN_FILTER, u.LINEAR), u.texParameteri(u.TEXTURE_2D, u.TEXTURE_MAG_FILTER, u.LINEAR), u.texParameteri(u.TEXTURE_2D, u.TEXTURE_WRAP_S, u.CLAMP_TO_EDGE), u.texParameteri(u.TEXTURE_2D, u.TEXTURE_WRAP_T, u.CLAMP_TO_EDGE), u.texImage2D(
+        u.TEXTURE_2D,
+        0,
+        r.internalFormat,
+        x,
+        p,
+        0,
+        r.format,
+        r.type,
+        null
+      ), f.fbo = u.createFramebuffer(), u.bindFramebuffer(u.FRAMEBUFFER, f.fbo), u.framebufferTexture2D(
+        u.FRAMEBUFFER,
+        u.COLOR_ATTACHMENT0,
+        u.TEXTURE_2D,
+        c.texture,
+        0
+      ), u.bindFramebuffer(u.FRAMEBUFFER, null);
+    },
     dispose(u) {
-      u.deleteProgram(a);
+      f.fbo && (u.deleteFramebuffer(f.fbo), f.fbo = null), c.texture && (u.deleteTexture(c.texture), c.texture = null), u.deleteProgram(a);
     }
   };
+  return r.width > 0 && r.height > 0 && f.resize(s, r.width, r.height), f;
 }
-const fe = {
+const he = {
   high: {
     dprCap: 2,
     depthMaxDim: 512,
@@ -344,8 +382,8 @@ const fe = {
   },
   medium: {
     dprCap: 1.5,
-    depthMaxDim: 512,
-    pomSteps: 16,
+    depthMaxDim: 384,
+    pomSteps: 12,
     bilateralRadius: 2,
     jfaDivisor: 2
   },
@@ -357,22 +395,22 @@ const fe = {
     jfaDivisor: 4
   }
 };
-function de(o) {
+function fe(s) {
   let t = "unknown";
-  const e = o.getExtension("WEBGL_debug_renderer_info");
-  e && (t = o.getParameter(e.UNMASKED_RENDERER_WEBGL) || "unknown");
-  const n = o.getParameter(o.MAX_TEXTURE_SIZE), i = typeof navigator < "u" && navigator.hardwareConcurrency || 0, r = typeof navigator < "u" && navigator.deviceMemory || 0, s = typeof window < "u" && window.devicePixelRatio || 1, a = typeof screen < "u" ? (screen.width || 0) * (screen.height || 0) : 0, l = typeof navigator < "u" && ("ontouchstart" in window || navigator.maxTouchPoints > 0), u = a > 0 && a < 1920 * 1080;
+  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;
   return {
     gpuRenderer: t,
     maxTextureSize: n,
     hardwareConcurrency: i,
     deviceMemory: r,
-    devicePixelRatio: s,
-    screenPixels: a,
-    isMobile: l && u
+    devicePixelRatio: o,
+    screenPixels: l,
+    isMobile: a && h
   };
 }
-const me = [
+const de = [
   "mali-4",
   "mali-t",
   "adreno 3",
@@ -385,7 +423,7 @@ const me = [
   "llvmpipe",
   "swiftshader",
   "software"
-], pe = [
+], me = [
   "nvidia",
   "geforce",
   "radeon rx",
@@ -397,16 +435,16 @@ const me = [
   "mali-g7",
   "mali-g6"
 ];
-function ge(o) {
+function pe(s) {
   let t = 0;
-  const e = o.gpuRenderer.toLowerCase(), n = me.some((r) => e.includes(r)), i = pe.some((r) => e.includes(r));
-  return n && (t -= 30), i && (t += 20), o.maxTextureSize >= 16384 ? t += 10 : o.maxTextureSize >= 8192 ? t += 5 : o.maxTextureSize <= 4096 && (t -= 15), o.hardwareConcurrency >= 8 ? t += 5 : o.hardwareConcurrency >= 4 ? t += 0 : o.hardwareConcurrency > 0 && o.hardwareConcurrency < 4 && (t -= 10), o.deviceMemory >= 8 ? t += 5 : o.deviceMemory >= 4 ? t += 0 : o.deviceMemory > 0 && o.deviceMemory < 4 && (t -= 15), o.isMobile && (t -= 10), t >= 0 ? "high" : t >= -25 ? "medium" : "low";
+  const e = s.gpuRenderer.toLowerCase(), n = de.some((r) => e.includes(r)), i = me.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";
 }
-function Xt(o, t) {
-  const e = t && t !== "auto" ? t : ge(de(o));
-  return { tier: e, ...fe[e] };
+function Nt(s, t) {
+  const e = t && t !== "auto" ? t : pe(fe(s));
+  return { tier: e, ...he[e] };
 }
-class pt {
+class gt {
   static RESIZE_DEBOUNCE_MS = 100;
   // ---- Canvas + container ----
   canvas;
@@ -449,7 +487,7 @@ class pt {
   /** Adaptive quality parameters. Set by subclass constructor after GL init. */
   qualityParams;
   constructor(t) {
-    this.container = t, this.canvas = document.createElement("canvas"), this.container.appendChild(this.canvas), this.canvas.addEventListener("webglcontextlost", this._handleContextLost), this.canvas.addEventListener("webglcontextrestored", this._handleContextRestored);
+    this.container = t, this.canvas = document.createElement("canvas"), this.canvas.style.display = "block", this.canvas.style.width = "100%", this.canvas.style.height = "100%", this.container.appendChild(this.canvas), this.canvas.addEventListener("webglcontextlost", this._handleContextLost), this.canvas.addEventListener("webglcontextrestored", this._handleContextRestored);
   }
   /** The underlying canvas element. */
   get canvasElement() {
@@ -531,7 +569,7 @@ class pt {
   scheduleResizeRecalculate = () => {
     this.resizeTimer !== null && window.clearTimeout(this.resizeTimer), this.resizeTimer = window.setTimeout(() => {
       this.resizeTimer = null, this.recalculateViewportLayout();
-    }, pt.RESIZE_DEBOUNCE_MS);
+    }, gt.RESIZE_DEBOUNCE_MS);
   };
   /** Read the container's pixel dimensions, with a minimum of 1x1. */
   getViewportSize() {
@@ -549,8 +587,8 @@ class pt {
     this.sourceDepthWidth = t, this.sourceDepthHeight = e;
     let i = t, r = e;
     if (i > n || r > n) {
-      const s = n / Math.max(i, r);
-      i = Math.max(1, Math.round(i * s)), r = Math.max(1, Math.round(r * s));
+      const o = n / Math.max(i, r);
+      i = Math.max(1, Math.round(i * 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;
   }
@@ -563,11 +601,11 @@ class pt {
   subsampleDepth(t) {
     if (!this.depthSubsampleBuffer) return t;
     const e = this.depthSubsampleBuffer, n = this.sourceDepthWidth, i = this.depthWidth, r = this.depthHeight;
-    for (let s = 0; s < r; s++) {
-      const l = Math.min(Math.round(s * n / i), this.sourceDepthHeight - 1) * n, u = s * i;
-      for (let h = 0; h < i; h++) {
-        const f = Math.min(Math.round(h * n / i), n - 1);
-        e[u + h] = t[l + f];
+    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);
+        e[h + c] = t[a + f];
       }
     }
     return e;
@@ -583,14 +621,14 @@ class pt {
    * Updates `this.uvOffset` and `this.uvScale`.
    */
   computeCoverFitUV(t, e) {
-    const { width: n, height: i } = this.getViewportSize(), r = n / i, s = t + e;
-    let a = 1, l = 1;
-    r > this.videoAspect ? l = this.videoAspect / r : a = r / this.videoAspect;
-    const u = 1 + s * 2;
-    a /= u, l /= u, this.uvOffset = [(1 - a) / 2, (1 - l) / 2], this.uvScale = [a, l], this.isCameraSource && (this.uvOffset[0] += this.uvScale[0], this.uvScale[0] = -this.uvScale[0]);
+    const { width: n, height: i } = this.getViewportSize(), r = n / i, o = t + e;
+    let l = 1, a = 1;
+    r > this.videoAspect ? a = this.videoAspect / r : l = r / this.videoAspect;
+    const h = 1 + o * 2;
+    l /= h, a /= h, this.uvOffset = [(1 - l) / 2, (1 - a) / 2], this.uvScale = [l, a], this.isCameraSource && (this.uvOffset[0] += this.uvScale[0], this.uvScale[0] = -this.uvScale[0]);
   }
 }
-const ve = `#version 300 es
+const ge = `#version 300 es
 in vec2 aPosition;
 
 // UV coordinates for cover-fit + overscan.
@@ -611,7 +649,7 @@ void main() {
   vScreenUv = baseUv;
   gl_Position = vec4(aPosition, 0.0, 1.0);
 }
-`, xe = `#version 300 es
+`, bt = `#version 300 es
 in vec2 aPosition;
 out vec2 vUv;
 
@@ -619,7 +657,7 @@ void main() {
   vUv = aPosition * 0.5 + 0.5;
   gl_Position = vec4(aPosition, 0.0, 1.0);
 }
-`, Te = `#version 300 es
+`, ve = `#version 300 es
 precision highp float;
 
 // BILATERAL_RADIUS is injected as a #define at compile time.
@@ -657,7 +695,7 @@ void main() {
 
   fragColor = vec4(totalDepth / totalWeight, 0.0, 0.0, 1.0);
 }
-`, Ee = `#version 300 es
+`, xe = `#version 300 es
 precision highp float;
 
 // ---- Uniforms ----
@@ -773,6 +811,9 @@ uniform float uGlowRadius;
 /** Glow edge softness — controls blending of the glow mask. */
 uniform float uGlowSoftness;
 
+/** Pre-blurred glow mask from separable blur passes (R channel). */
+uniform sampler2D uGlowBlurred;
+
 /**
  * Color-shift curve LUT — 256×1 R8 texture.
  * Maps depth → color-shift intensity [0,1].
@@ -921,6 +962,8 @@ vec2 pomDisplace(vec2 uv) {
       return mix(uv, hitUV, fade);
     }
 
+    if (abs(currentLayerDepth - depthAtUV) < 0.001) break;
+
     currentUV += deltaUV;
     currentLayerDepth += layerDepth;
   }
@@ -994,27 +1037,12 @@ void main() {
   }
 
   // ---- Glow pass ----
-  // Samples a glow curve LUT to determine per-pixel glow intensity,
-  // then spreads the glow to neighboring pixels via a small blur kernel.
-  // The glow is additive: it brightens pixels without replacing color.
+  // Reads the pre-blurred glow mask (computed via separable blur at RVFC rate)
+  // and the direct glow curve. Blending via softness controls sharp vs spread.
   if (uGlowEnabled) {
     float glowDepth = texture(uDepth, displaced).r;
     float glowMask = texture(uGlowCurve, vec2(glowDepth, 0.5)).r;
-
-    // Spread glow to neighbors for a soft halo effect
-    float spreadMask = 0.0;
-    float spreadSamples = 0.0;
-    for (int x = -3; x <= 3; x++) {
-      for (int y = -3; y <= 3; y++) {
-        vec2 sampleOffset = vec2(float(x), float(y)) * uImageTexelSize * uGlowRadius * 100.0;
-        float d = texture(uDepth, displaced + sampleOffset).r;
-        spreadMask += texture(uGlowCurve, vec2(d, 0.5)).r;
-        spreadSamples += 1.0;
-      }
-    }
-    spreadMask /= spreadSamples;
-
-    // Combine direct glow mask with spread, apply softness
+    float spreadMask = texture(uGlowBlurred, displaced).r;
     float finalGlow = mix(spreadMask * 0.5, glowMask, uGlowSoftness);
     color.rgb += uGlowColor * finalGlow;
   }
@@ -1054,6 +1082,57 @@ void main() {
 
   fragColor = color;
 }
+`, Ft = `#version 300 es
+precision highp float;
+
+// Separable glow blur — 7-tap box filter.
+// Compile with #define PASS_HORIZONTAL for the H pass;
+// without it, runs as the vertical pass reading from the H result.
+
+in vec2 vUv;
+out vec4 fragColor;
+
+#ifdef PASS_HORIZONTAL
+/** Single-channel depth map (filtered, unit 1). */
+uniform sampler2D uDepth;
+
+/** Glow curve LUT — maps depth → glow intensity (unit 5). */
+uniform sampler2D uGlowCurve;
+#else
+/** Horizontal pass output (unit 7). */
+uniform sampler2D uHorizResult;
+#endif
+
+/** Texel size of the depth texture (1.0 / depthDimension). */
+uniform vec2 uTexelSize;
+
+/** Glow spread radius multiplier. */
+uniform float uGlowRadius;
+
+/** Blur direction: (1,0) for horizontal, (0,1) for vertical. */
+uniform vec2 uBlurDir;
+
+void main() {
+  float accum = 0.0;
+  vec2 step = uBlurDir * uTexelSize * uGlowRadius * 100.0;
+
+  for (int i = -3; i <= 3; i++) {
+    vec2 sampleUV = vUv + float(i) * step;
+    sampleUV = clamp(sampleUV, vec2(0.0), vec2(1.0));
+
+#ifdef PASS_HORIZONTAL
+    // Sample depth → look up glow curve
+    float d = texture(uDepth, sampleUV).r;
+    accum += texture(uGlowCurve, vec2(d, 0.5)).r;
+#else
+    // Sample the horizontal blur result
+    accum += texture(uHorizResult, sampleUV).r;
+#endif
+  }
+
+  accum /= 7.0;
+  fragColor = vec4(accum, 0.0, 0.0, 1.0);
+}
 `, B = {
   contrastLow: 0.05,
   contrastHigh: 0.95,
@@ -1068,58 +1147,58 @@ void main() {
   tiltHalfTanFov: Math.tan(50 * Math.PI / 360),
   tiltTransitionWidth: 0.3 * 4.5,
   tiltPeakIntensity: 0.8
-}, be = ["uRawDepth", "uTexelSize", "uSpatialSigma2"], ye = {
+}, Te = ["uRawDepth", "uTexelSize", "uSpatialSigma2"], Ee = {
   2: 2.25,
   // 1.5²
   1: 0.5625
   // 0.75²
 };
-function Se(o, t) {
-  const e = Te.replace(
+function be(s, t) {
+  const e = ve.replace(
     "#version 300 es",
     `#version 300 es
 #define BILATERAL_RADIUS ${t}`
-  ), n = Q(o, o.VERTEX_SHADER, xe), i = Q(o, o.FRAGMENT_SHADER, e), r = wt(o, n, i), s = Rt(o, r, be), a = ye[t] ?? 2.25;
-  let l = null;
-  const u = {
+  ), n = G(s, s.VERTEX_SHADER, bt), i = G(s, s.FRAGMENT_SHADER, e), r = mt(s, n, i), o = pt(s, r, Te), l = Ee[t] ?? 2.25;
+  let a = null;
+  const h = {
     name: "bilateral-filter",
     program: r,
-    uniforms: s,
+    uniforms: o,
     fbo: null,
     outputs: [],
     width: 0,
     height: 0,
-    resize(h, f, c) {
+    resize(c, f, u) {
     },
-    initFBO(h, f, c, E) {
-      l && h.deleteFramebuffer(l), u.width = c, u.height = E, l = h.createFramebuffer(), u.fbo = l, h.bindFramebuffer(h.FRAMEBUFFER, l), h.framebufferTexture2D(
-        h.FRAMEBUFFER,
-        h.COLOR_ATTACHMENT0,
-        h.TEXTURE_2D,
+    initFBO(c, f, u, x) {
+      a && c.deleteFramebuffer(a), h.width = u, h.height = x, a = c.createFramebuffer(), h.fbo = a, c.bindFramebuffer(c.FRAMEBUFFER, a), c.framebufferTexture2D(
+        c.FRAMEBUFFER,
+        c.COLOR_ATTACHMENT0,
+        c.TEXTURE_2D,
         f,
         0
-      ), h.bindFramebuffer(h.FRAMEBUFFER, null), h.useProgram(r), h.uniform1i(s.uRawDepth, 2), h.uniform2f(s.uTexelSize, 1 / c, 1 / E), h.uniform1f(s.uSpatialSigma2, a);
+      ), c.bindFramebuffer(c.FRAMEBUFFER, null), c.useProgram(r), c.uniform1i(o.uRawDepth, 2), c.uniform2f(o.uTexelSize, 1 / u, 1 / x), c.uniform1f(o.uSpatialSigma2, l);
     },
-    execute(h, f, c, E, v, p, P, x) {
-      l && (h.activeTexture(h.TEXTURE2), h.bindTexture(h.TEXTURE_2D, c), h.texSubImage2D(
-        h.TEXTURE_2D,
+    execute(c, f, u, x, p, d, y, E) {
+      a && (c.activeTexture(c.TEXTURE2), c.bindTexture(c.TEXTURE_2D, u), c.texSubImage2D(
+        c.TEXTURE_2D,
         0,
         0,
         0,
-        v,
         p,
-        h.RED,
-        h.UNSIGNED_BYTE,
-        E
-      ), h.bindFramebuffer(h.FRAMEBUFFER, l), h.viewport(0, 0, v, p), h.useProgram(r), h.bindVertexArray(f), h.drawArrays(h.TRIANGLE_STRIP, 0, 4), h.bindFramebuffer(h.FRAMEBUFFER, null), h.viewport(0, 0, P, x));
+        d,
+        c.RED,
+        c.UNSIGNED_BYTE,
+        x
+      ), c.bindFramebuffer(c.FRAMEBUFFER, a), c.viewport(0, 0, p, d), c.useProgram(r), c.bindVertexArray(f), c.drawArrays(c.TRIANGLE_STRIP, 0, 4), c.bindFramebuffer(c.FRAMEBUFFER, null), c.viewport(0, 0, y, E));
     },
-    dispose(h) {
-      l && (h.deleteFramebuffer(l), l = null, u.fbo = null), h.deleteProgram(r);
+    dispose(c) {
+      a && (c.deleteFramebuffer(a), a = null, h.fbo = null), c.deleteProgram(r);
     }
   };
-  return u;
+  return h;
 }
-const Ae = [
+const Se = [
   "uImage",
   "uDepth",
   "uOffset",
@@ -1144,6 +1223,7 @@ const Ae = [
   "uGlowColor",
   "uGlowRadius",
   "uGlowSoftness",
+  "uGlowBlurred",
   "uColorShiftCurve",
   "uColorShiftEnabled",
   "uColorShiftHue",
@@ -1157,29 +1237,29 @@ const Ae = [
   "uTiltPeakIntensity",
   "uTiltPlaneNormal",
   "uTiltPlaneD"
-], we = 64;
-function Re(o) {
-  const t = Ee.replace(
+], ye = 64;
+function we(s) {
+  const t = xe.replace(
     "#version 300 es",
     `#version 300 es
-#define MAX_POM_STEPS ${we}`
-  ), e = Q(o, o.VERTEX_SHADER, ve), n = Q(o, o.FRAGMENT_SHADER, t), i = wt(o, e, n), r = Rt(o, i, Ae);
+#define MAX_POM_STEPS ${ye}`
+  ), e = G(s, s.VERTEX_SHADER, ge), n = G(s, s.FRAGMENT_SHADER, t), i = mt(s, e, n), r = pt(s, i, Se);
   return {
     name: "depth-effect",
     program: i,
     uniforms: r,
-    setStaticUniforms(s, a, l, u) {
-      s.useProgram(i), s.uniform1i(r.uImage, 0), s.uniform1i(r.uDepth, 1), s.uniform1f(r.uStrength, a.parallaxStrength), s.uniform1i(r.uPomEnabled, a.pomEnabled ? 1 : 0), s.uniform1i(r.uPomSteps, a.pomSteps), s.uniform1f(r.uContrastLow, a.contrastLow), s.uniform1f(r.uContrastHigh, a.contrastHigh), s.uniform1f(r.uVerticalReduction, a.verticalReduction), s.uniform1f(r.uDofStart, a.dofStart), s.uniform1f(r.uDofStrength, a.dofStrength), s.uniform2f(r.uImageTexelSize, 1 / l, 1 / u), s.uniform1i(r.uDisplacementCurve, 3), s.uniform1i(r.uBlurCurve, 4), s.uniform1i(r.uCurvesEnabled, 0), s.uniform1f(r.uBlurRadius, a.blurRadius), s.uniform1f(r.uFocalBandOffset, 0), s.uniform1i(r.uGlowCurve, 5), s.uniform1i(r.uGlowEnabled, 0), s.uniform3f(r.uGlowColor, a.glowColor[0], a.glowColor[1], a.glowColor[2]), s.uniform1f(r.uGlowRadius, a.glowRadius), s.uniform1f(r.uGlowSoftness, a.glowSoftness), s.uniform1i(r.uColorShiftCurve, 6), s.uniform1i(r.uColorShiftEnabled, 0), s.uniform1f(r.uColorShiftHue, 0), s.uniform1f(r.uColorShiftSaturation, 1), s.uniform1f(r.uColorShiftBrightness, 1), s.uniform1f(r.uColorShiftTintStrength, 0), s.uniform3f(r.uColorShiftTintColor, 0.7, 0.8, 0.9), s.uniform1i(r.uTiltEnabled, a.tiltEnabled ? 1 : 0), s.uniform1f(r.uTiltHalfTanFov, a.tiltHalfTanFov), s.uniform1f(r.uTiltTransitionWidth, a.tiltTransitionWidth), s.uniform1f(r.uTiltPeakIntensity, a.tiltPeakIntensity), s.uniform3f(r.uTiltPlaneNormal, 0, 0, 1), s.uniform1f(r.uTiltPlaneD, 2.75);
+    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);
     },
-    updateUvTransform(s, a, l) {
-      s.useProgram(i), s.uniform2f(r.uUvOffset, a[0], a[1]), s.uniform2f(r.uUvScale, l[0], l[1]);
+    updateUvTransform(o, l, a) {
+      o.useProgram(i), o.uniform2f(r.uUvOffset, l[0], l[1]), o.uniform2f(r.uUvScale, a[0], a[1]);
     },
-    dispose(s) {
-      s.deleteProgram(i);
+    dispose(o) {
+      o.deleteProgram(i);
     }
   };
 }
-class De extends pt {
+class Re extends gt {
   // ---- Shared GPU resources ----
   gl = null;
   quadVao = null;
@@ -1195,6 +1275,12 @@ class De extends pt {
   blurLutSlot;
   glowLutSlot;
   colorShiftLutSlot;
+  glowBlurHorizSlot;
+  glowBlurResultSlot;
+  // ---- Glow blur passes ----
+  glowBlurHPass = null;
+  glowBlurVPass = null;
+  glowEnabled = !1;
   /** Resolved config with all optional shader params filled from defaults. */
   config;
   /**
@@ -1206,7 +1292,7 @@ class De extends pt {
    *   Optional shader parameters are merged with calibrated defaults.
    */
   constructor(t, e) {
-    super(t), this.videoSlot = this.textures.register("video"), this.filteredDepthSlot = this.textures.register("filteredDepth"), this.rawDepthSlot = this.textures.register("rawDepth"), this.displacementLutSlot = this.textures.register("displacementLut"), this.blurLutSlot = this.textures.register("blurLut"), this.glowLutSlot = this.textures.register("glowLut"), this.colorShiftLutSlot = this.textures.register("colorShiftLut"), this.config = {
+    super(t), this.videoSlot = this.textures.register("video"), this.filteredDepthSlot = this.textures.register("filteredDepth"), this.rawDepthSlot = this.textures.register("rawDepth"), this.displacementLutSlot = this.textures.register("displacementLut"), this.blurLutSlot = this.textures.register("blurLut"), this.glowLutSlot = this.textures.register("glowLut"), this.colorShiftLutSlot = this.textures.register("colorShiftLut"), this.glowBlurHorizSlot = this.textures.register("glowBlurHoriz"), this.glowBlurResultSlot = this.textures.register("glowBlurResult"), this.config = {
       parallaxStrength: e.parallaxStrength,
       pomEnabled: e.pomEnabled,
       pomSteps: e.pomSteps,
@@ -1232,7 +1318,7 @@ class De extends pt {
       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();
+    this.gl = n, this.qualityParams = Nt(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();
   }
   /**
    * Set up the scene: create video texture, depth textures + FBO, and
@@ -1247,7 +1333,13 @@ class De extends pt {
    */
   initialize(t, e, n) {
     const i = this.gl;
-    i && (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.effectPass && this.effectPass.setStaticUniforms(i, this.config, t.width, t.height), this.recalculateViewportLayout());
+    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) {
+        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.effectPass && this.effectPass.setStaticUniforms(i, this.config, t.width, t.height), this.recalculateViewportLayout();
+    }
   }
   /**
    * Update shader parameters at runtime without re-creating the renderer.
@@ -1262,29 +1354,31 @@ class De extends pt {
     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.parallaxStrength !== void 0 || t.overscanPadding !== void 0) && this.recalculateViewportLayout();
+    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();
   }
   /**
    * Upload new curve LUT data to the GPU.
    * Call this whenever the curve editor changes.
    */
   updateCurveLUTs(t, e, n, i, r) {
-    const s = this.gl;
-    if (!s || !this.effectPass) return;
-    const a = !!(t || e), l = !!n, u = !!i;
-    if (t && this.uploadLUT(this.displacementLutSlot, t), e && this.uploadLUT(this.blurLutSlot, e), n && this.uploadLUT(this.glowLutSlot, n), i && this.uploadLUT(this.colorShiftLutSlot, i), s.useProgram(this.effectPass.program), s.uniform1i(
+    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(
       this.effectPass.uniforms.uCurvesEnabled,
-      a ? 1 : 0
-    ), s.uniform1i(
-      this.effectPass.uniforms.uGlowEnabled,
       l ? 1 : 0
-    ), s.uniform1i(
+    ), o.uniform1i(
+      this.effectPass.uniforms.uGlowEnabled,
+      a ? 1 : 0
+    ), o.uniform1i(
       this.effectPass.uniforms.uColorShiftEnabled,
-      u ? 1 : 0
-    ), u && r) {
-      const h = this.effectPass.uniforms;
-      s.uniform1f(h.uColorShiftHue, r.hueShift * (Math.PI / 180)), s.uniform1f(h.uColorShiftSaturation, r.saturation), s.uniform1f(h.uColorShiftBrightness, r.brightness), s.uniform1f(h.uColorShiftTintStrength, r.tintStrength), s.uniform3f(
-        h.uColorShiftTintColor,
+      h ? 1 : 0
+    );
+    const c = this.glowEnabled !== a;
+    if (this.glowEnabled = a, a && (c || n) && 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,
         r.tintColor[0],
         r.tintColor[1],
         r.tintColor[2]
@@ -1302,7 +1396,49 @@ class De extends pt {
    */
   initGPUResources() {
     const t = this.gl;
-    t && (this.bilateralPass = Se(t, this.qualityParams.bilateralRadius), this.effectPass = Re(t), this.quadVao = Nt(t, this.effectPass.program), t.disable(t.DEPTH_TEST));
+    if (!t) return;
+    this.bilateralPass = be(t, this.qualityParams.bilateralRadius), this.effectPass = we(t);
+    const e = Ft.replace(
+      "#version 300 es",
+      `#version 300 es
+#define PASS_HORIZONTAL`
+    ), n = [
+      "uDepth",
+      "uGlowCurve",
+      "uHorizResult",
+      "uTexelSize",
+      "uGlowRadius",
+      "uBlurDir"
+    ];
+    this.glowBlurHPass = Dt(
+      t,
+      "glow-blur-h",
+      bt,
+      e,
+      n,
+      {
+        internalFormat: t.R8,
+        format: t.RED,
+        type: t.UNSIGNED_BYTE,
+        textureUnit: this.glowBlurHorizSlot.unit,
+        width: 0,
+        height: 0
+      }
+    ), this.glowBlurVPass = Dt(
+      t,
+      "glow-blur-v",
+      bt,
+      Ft,
+      n,
+      {
+        internalFormat: t.R8,
+        format: t.RED,
+        type: t.UNSIGNED_BYTE,
+        textureUnit: this.glowBlurResultSlot.unit,
+        width: 0,
+        height: 0
+      }
+    ), this.quadVao = Ot(t, this.effectPass.program), t.disable(t.DEPTH_TEST);
   }
   // -----------------------------------------------------------------------
   // Curve LUT texture management
@@ -1368,7 +1504,24 @@ class De extends pt {
       this.depthHeight,
       this.canvas.width,
       this.canvas.height
-    );
+    ), this.glowEnabled && this.executeGlowBlur(e);
+  }
+  /**
+   * Execute the 2-pass separable glow blur (H then V).
+   * Runs at depth resolution into R8 FBOs.
+   */
+  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);
+  }
+  /**
+   * Re-execute glow blur on demand (when glow LUT or radius changes).
+   * Only runs if depth data has been uploaded at least once.
+   */
+  refreshGlowBlur() {
+    const t = this.gl;
+    !t || !this.glowEnabled || this.depthWidth === 0 || this.executeGlowBlur(t);
   }
   /**
    * Recalculate the WebGL canvas size and UV transform to match the
@@ -1380,8 +1533,8 @@ class De extends pt {
   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), s = Math.round(n * i);
-    (this.canvas.width !== r || this.canvas.height !== s) && (this.canvas.width = r, this.canvas.height = s, t.viewport(0, 0, r, s)), this.computeCoverFitUV(this.config.parallaxStrength, this.config.overscanPadding), this.effectPass && this.effectPass.updateUvTransform(t, this.uvOffset, this.uvScale);
+    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);
+    (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. */
   disposeRenderer() {
@@ -1403,18 +1556,18 @@ class De extends pt {
   /** Dispose render passes and shared VAO. */
   disposeGPUResources() {
     const t = this.gl;
-    t && (this.bilateralPass && (this.bilateralPass.dispose(t), this.bilateralPass = null), this.effectPass && (this.effectPass.dispose(t), this.effectPass = null), this.quadVao && (t.deleteVertexArray(this.quadVao), this.quadVao = null));
+    t && (this.bilateralPass && (this.bilateralPass.dispose(t), this.bilateralPass = null), this.effectPass && (this.effectPass.dispose(t), this.effectPass = null), this.glowBlurHPass && (this.glowBlurHPass.dispose(t), this.glowBlurHPass = null), this.glowBlurVPass && (this.glowBlurVPass.dispose(t), this.glowBlurVPass = null), this.quadVao && (t.deleteVertexArray(this.quadVao), this.quadVao = null));
   }
 }
-async function ft(o, t = {}) {
+async function ht(s, t = {}) {
   const {
     parent: e = document.body,
     loop: n = !0,
     muted: i = !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 = o, e.appendChild(r), await Wt(r), new Pe(r);
+  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 Ae(r);
 }
-class Pe {
+class Ae {
   constructor(t) {
     this.video = t;
   }
@@ -1460,17 +1613,17 @@ class Pe {
     this.video.pause(), this.video.removeAttribute("src"), this.video.load(), this.video.remove();
   }
 }
-async function dt(o, t = {}) {
+async function ft(s, t = {}) {
   const e = new Image();
-  return e.crossOrigin = "anonymous", e.src = o, await new Promise((n, i) => {
+  return e.crossOrigin = "anonymous", e.src = s, await new Promise((n, i) => {
     if (e.complete && e.naturalWidth > 0) {
       n();
       return;
     }
-    e.addEventListener("load", () => n(), { once: !0 }), e.addEventListener("error", () => i(new Error(`Failed to load image: ${o}`)), { once: !0 });
-  }), new Fe(e);
+    e.addEventListener("load", () => n(), { once: !0 }), e.addEventListener("error", () => i(new Error(`Failed to load image: ${s}`)), { once: !0 });
+  }), new Pe(e);
 }
-class Fe {
+class Pe {
   constructor(t) {
     this.img = t;
   }
@@ -1492,11 +1645,11 @@ class Fe {
     this.img.removeAttribute("src");
   }
 }
-async function Gt(o = { video: !0 }, t = {}) {
-  const { parent: e = document.body } = t, n = await navigator.mediaDevices.getUserMedia(o), 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 Wt(i), await i.play(), new Ce(i, n);
+async function Xt(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 De(i, n);
 }
-class Ce {
+class De {
   constructor(t, e) {
     this.video = t, this.stream = e;
   }
@@ -1542,23 +1695,23 @@ class Ce {
       t.stop();
   }
 }
-async function Wt(o) {
-  o.readyState >= HTMLMediaElement.HAVE_METADATA || await new Promise((t, e) => {
+async function Gt(s) {
+  s.readyState >= HTMLMediaElement.HAVE_METADATA || await new Promise((t, e) => {
     const n = () => {
       r(), t();
     }, i = () => {
       r(), e(new Error("Failed to load video metadata."));
     }, r = () => {
-      o.removeEventListener("loadedmetadata", n), o.removeEventListener("error", i);
+      s.removeEventListener("loadedmetadata", n), s.removeEventListener("error", i);
     };
-    o.addEventListener("loadedmetadata", n), o.addEventListener("error", i), o.load();
+    s.addEventListener("loadedmetadata", n), s.addEventListener("error", i), s.load();
   });
 }
-const vt = [0.485, 0.456, 0.406], xt = [0.229, 0.224, 0.225], z = 518;
-async function Le() {
+const Z = 518;
+async function Fe() {
   return await import("onnxruntime-web/webgpu");
 }
-class Ue {
+class Ce {
   constructor(t, e) {
     this.depthWidth = t, this.depthHeight = e;
     const n = t * e;
@@ -1583,6 +1736,8 @@ class Ue {
   // Frame capture canvas (reused)
   captureCanvas = null;
   captureCtx = null;
+  // Preprocessing worker (offloads ImageNet norm + depth quantisation)
+  preprocessWorker = null;
   disposed = !1;
   // -----------------------------------------------------------------------
   // Initialisation
@@ -1595,25 +1750,32 @@ class Ue {
    * (GPU-accelerated on main thread), falls back to WASM EP.
    */
   async init(t, e) {
-    const n = await Le();
-    if (this.ort = n, this.captureCanvas = document.createElement("canvas"), this.captureCanvas.width = z, this.captureCanvas.height = z, this.captureCtx = this.captureCanvas.getContext("2d", {
+    const n = await Fe();
+    if (this.ort = n, 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 _e(t, e);
+    const i = await Ue(t, e);
     e?.({ receivedBytes: i.byteLength, totalBytes: i.byteLength, fraction: 1, label: "Initialising depth model…" });
     let r;
     try {
       r = await n.InferenceSession.create(i, {
         executionProviders: ["webgpu"]
       }), console.log("[DepthEstimator] Using WebGPU execution provider");
-    } catch (s) {
-      console.warn("[DepthEstimator] WebGPU EP unavailable, falling back to WASM:", s), n.env.wasm.proxy = !0, r = await n.InferenceSession.create(i, {
+    } catch (o) {
+      console.warn("[DepthEstimator] WebGPU EP unavailable, falling back to WASM:", o), n.env.wasm.proxy = !0, r = await n.InferenceSession.create(i, {
         executionProviders: ["wasm"]
       }), console.log("[DepthEstimator] Using WASM execution provider (proxy worker)");
     }
-    this.session = r, this.inputName = r.inputNames[0], this.outputName = r.outputNames[0], this.readyResolve?.(), this.readyResolve = null;
+    this.session = r, this.inputName = r.inputNames[0], this.outputName = r.outputNames[0], this.preprocessWorker = new Worker(
+      new URL(
+        /* @vite-ignore */
+        "/assets/preprocess-worker-wra-uI6w.js",
+        import.meta.url
+      ),
+      { type: "module" }
+    ), this.readyResolve?.(), this.readyResolve = null;
   }
   /** Wait for model loading and session creation to complete. */
   waitUntilReady() {
@@ -1651,77 +1813,77 @@ class Ue {
   // Cleanup
   // -----------------------------------------------------------------------
   dispose() {
-    this.disposed = !0, this.session?.release(), this.session = null, this.ort = null, this.captureCanvas = null, this.captureCtx = null;
+    this.disposed = !0, this.session?.release(), this.session = null, this.ort = null, this.captureCanvas = null, this.captureCtx = null, this.preprocessWorker?.terminate(), this.preprocessWorker = null;
   }
   // -----------------------------------------------------------------------
   // Internal inference pipeline
   // -----------------------------------------------------------------------
   async runInference(t) {
     try {
-      if (!this.session || !this.captureCtx || !this.ort) return;
+      if (!this.session || !this.captureCtx || !this.ort || !this.preprocessWorker) return;
       this.captureCtx.drawImage(
         t,
         0,
         0,
-        z,
-        z
+        Z,
+        Z
       );
       const e = this.captureCtx.getImageData(
         0,
         0,
-        z,
-        z
-      ), n = this.preprocess(e), r = (await this.session.run({ [this.inputName]: n }))[this.outputName], s = r.data, a = r.dims, l = a.length === 3 ? a[1] : a[2], u = a.length === 3 ? a[2] : a[3];
-      this.postProcess(s, u, l);
-      const h = this.frontBuffer;
-      this.frontBuffer = this.backBuffer, this.backBuffer = h;
+        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);
+      this.backBuffer.set(new Uint8Array(f));
+      const u = this.frontBuffer;
+      this.frontBuffer = this.backBuffer, this.backBuffer = u;
     } catch (e) {
       console.error("[DepthEstimator] Inference failed:", e);
     } finally {
       this.inferenceInFlight = !1;
     }
   }
-  /**
-   * Convert RGBA ImageData → NCHW float32 tensor with ImageNet normalisation.
-   */
-  preprocess(t) {
-    const { data: e, width: n, height: i } = t, r = n * i, s = new Float32Array(3 * r);
-    for (let a = 0; a < r; a++) {
-      const l = a * 4;
-      s[a] = (e[l] / 255 - vt[0]) / xt[0], s[r + a] = (e[l + 1] / 255 - vt[1]) / xt[1], s[2 * r + a] = (e[l + 2] / 255 - vt[2]) / xt[2];
-    }
-    return new this.ort.Tensor("float32", s, [1, 3, i, n]);
+  workerPreprocess(t, e, n) {
+    return new Promise((i, 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.addEventListener("message", o);
+      const l = t.slice(0);
+      this.preprocessWorker.postMessage(
+        { type: "preprocess", pixels: l, width: e, height: n },
+        [l]
+      );
+    });
   }
-  /**
-   * Bilinear resize from model output dimensions → depth texture dimensions,
-   * normalise to full [0, 255] range, and write into `backBuffer`.
-   *
-   * Depth Anything v2 (like v1) outputs inverse depth (disparity-like):
-   * higher raw values = closer to camera. This matches the convention used
-   * by the precompute pipeline (`normalizeToUint8` in scripts/precompute-depth.ts),
-   * so no inversion is applied: 255 = nearest, 0 = farthest.
-   */
-  postProcess(t, e, n) {
-    const { depthWidth: i, depthHeight: r } = this;
-    let s = 1 / 0, a = -1 / 0;
-    for (let f = 0; f < t.length; f++) {
-      const c = t[f];
-      c < s && (s = c), c > a && (a = c);
-    }
-    const l = a - s || 1, u = e / i, h = n / r;
-    for (let f = 0; f < r; f++)
-      for (let c = 0; c < i; c++) {
-        const E = c * u, v = f * h, p = Math.floor(E), P = Math.floor(v), x = Math.min(p + 1, e - 1), y = Math.min(P + 1, n - 1), d = E - p, g = v - P, b = t[P * e + p], T = t[P * e + x], m = t[y * e + p], S = t[y * e + x], F = (b * (1 - d) * (1 - g) + T * d * (1 - g) + m * (1 - d) * g + S * d * g - s) / l;
-        this.backBuffer[f * i + c] = F * 255 + 0.5 | 0;
+  workerPostprocess(t, e, n) {
+    return new Promise((i, 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.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 },
+        [l]
+      );
+    });
   }
 }
-async function mt(o, t, e, n) {
-  const i = new Ue(t, e);
-  return await i.init(o, n), i;
+async function dt(s, t, e, n) {
+  const i = new Ce(t, e);
+  return await i.init(s, n), i;
 }
-async function _e(o, t) {
-  const e = await fetch(o);
+async function Ue(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;
@@ -1734,73 +1896,73 @@ async function _e(o, t) {
       label: "Downloading depth model…"
     }), f;
   }
-  const s = [];
-  let a = 0;
-  const l = r.getReader();
+  const o = [];
+  let l = 0;
+  const a = r.getReader();
   for (; ; ) {
-    const { done: f, value: c } = await l.read();
+    const { done: f, value: u } = await a.read();
     if (f) break;
-    c && (s.push(c), a += c.byteLength, t?.({
-      receivedBytes: a,
+    u && (o.push(u), l += u.byteLength, t?.({
+      receivedBytes: l,
       totalBytes: i,
-      fraction: i ? Math.min(a / i, 1) : 0,
+      fraction: i ? Math.min(l / i, 1) : 0,
       label: "Downloading depth model…"
     }));
   }
-  const u = new Uint8Array(a);
-  let h = 0;
-  for (const f of s)
-    u.set(f, h), h += f.byteLength;
-  return u.buffer;
+  const h = new Uint8Array(l);
+  let c = 0;
+  for (const f of o)
+    h.set(f, c), c += f.byteLength;
+  return h.buffer;
 }
-const Lt = {
+const Ct = {
   sensitivityX: 0.4,
   sensitivityY: 1,
   lerpFactor: 0.08
 };
-function yt(o, t) {
-  const e = o.points;
+function St(s, t) {
+  const e = s.points;
   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], s = (t - i.x) / (r.x - i.x);
-  switch (o.interpolation) {
+  const i = e[n], r = e[n + 1], o = (t - i.x) / (r.x - i.x);
+  switch (s.interpolation) {
     case "step":
       return i.y;
     case "linear":
-      return i.y + (r.y - i.y) * s;
+      return i.y + (r.y - i.y) * o;
     case "smooth": {
-      const a = s * s * (3 - 2 * s);
-      return i.y + (r.y - i.y) * a;
+      const l = o * o * (3 - 2 * o);
+      return i.y + (r.y - i.y) * l;
     }
     default:
-      return i.y + (r.y - i.y) * s;
+      return i.y + (r.y - i.y) * o;
   }
 }
-function at(o, t = 256) {
+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(yt(o, i) * 255);
+    e[n] = Math.round(St(s, i) * 255);
   }
   return e;
 }
-function G(o, t) {
-  return o.find((e) => e.channel === t && e.enabled);
+function q(s, t) {
+  return s.find((e) => e.channel === t && e.enabled);
 }
-function Ut(o, t) {
-  const e = G(o, "displacement"), n = G(o, "blur"), i = G(o, "glow"), r = e?.params;
-  let s = 0.6, a = 0;
+function Ut(s, t) {
+  const e = q(s, "displacement"), n = q(s, "blur"), i = q(s, "glow"), r = e?.params;
+  let o = 0.6, l = 0;
   if (n) {
-    const l = n.curve;
-    for (let u = 0; u <= 1; u += 0.01)
-      if (yt(l, u) > 0.01) {
-        s = u;
+    const a = n.curve;
+    for (let h = 0; h <= 1; h += 0.01)
+      if (St(a, h) > 0.01) {
+        o = h;
         break;
       }
-    a = yt(l, 1);
+    l = St(a, 1);
   }
   return {
     parallaxStrength: r?.strength ?? 0.05,
@@ -1809,8 +1971,8 @@ function Ut(o, t) {
     contrastLow: t.contrastLow,
     contrastHigh: t.contrastHigh,
     verticalReduction: t.verticalReduction,
-    dofStart: s,
-    dofStrength: a,
+    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,
@@ -1821,13 +1983,13 @@ function Ut(o, t) {
     tiltPeakIntensity: n?.params?.peakIntensity ?? 0.8
   };
 }
-function _t(o) {
-  const t = G(o, "displacement"), e = G(o, "blur"), n = G(o, "glow"), i = G(o, "color-shift"), r = i?.params;
+function Lt(s) {
+  const t = q(s, "displacement"), e = q(s, "blur"), n = q(s, "glow"), i = q(s, "color-shift"), r = i?.params;
   return {
-    displacementLUT: t ? at(t.curve) : null,
-    blurLUT: e ? at(e.curve) : null,
-    glowLUT: n ? at(n.curve) : null,
-    colorShiftLUT: i ? at(i.curve) : null,
+    displacementLUT: t ? lt(t.curve) : null,
+    blurLUT: e ? lt(e.curve) : null,
+    glowLUT: n ? lt(n.curve) : null,
+    colorShiftLUT: i ? lt(i.curve) : null,
     colorShiftParams: r ? {
       hueShift: r.hueShift ?? 0,
       saturation: r.saturation ?? 1,
@@ -1837,7 +1999,7 @@ function _t(o) {
     } : null
   };
 }
-class zt {
+class Wt {
   abortController = null;
   initialized = !1;
   initializing = !1;
@@ -1887,7 +2049,7 @@ class zt {
     this.abortController?.abort(), this.abortController = null, this.initializing = !1;
   }
 }
-const X = {
+const z = {
   parallaxX: 0.4,
   parallaxY: 1,
   parallaxMax: 30,
@@ -1895,68 +2057,8 @@ const X = {
   autoplay: !0,
   loop: !0,
   muted: !0
-}, q = 512, Y = 512;
-let Me = class qt {
-  constructor(t, e = 0.08, n = 0.06) {
-    this.host = t, this.lerpFactor = e, this.motionLerpFactor = n, this.host.addEventListener("mousemove", this.handleMouseMove), this.host.addEventListener("mouseleave", this.resetPointerTarget), this.host.addEventListener("touchstart", this.handleTouchStart, { passive: !0 }), this.host.addEventListener("touchmove", this.handleTouchMove, { passive: !0 }), this.host.addEventListener("touchend", this.handleTouchEnd, { passive: !0 }), this.host.addEventListener("touchcancel", this.handleTouchEnd, { passive: !0 });
-  }
-  pointerTarget = { x: 0, y: 0 };
-  motionTarget = { x: 0, y: 0 };
-  smoothedOutput = { x: 0, y: 0 };
-  usingMotionInput = !1;
-  motionListenerAttached = !1;
-  motionRequested = !1;
-  touchActive = !1;
-  touchAnchorX = 0;
-  touchAnchorY = 0;
-  lerpFactor;
-  motionLerpFactor;
-  /** Pixels of finger drag to reach full parallax offset (-1 or 1). */
-  static TOUCH_DRAG_RANGE = 100;
-  update() {
-    const t = this.touchActive ? this.pointerTarget : this.usingMotionInput ? this.motionTarget : this.pointerTarget, e = this.usingMotionInput && !this.touchActive ? this.motionLerpFactor : this.lerpFactor;
-    return this.smoothedOutput.x = lt(this.smoothedOutput.x, t.x, e), this.smoothedOutput.y = lt(this.smoothedOutput.y, t.y, e), this.smoothedOutput;
-  }
-  dispose() {
-    this.host.removeEventListener("mousemove", this.handleMouseMove), this.host.removeEventListener("mouseleave", this.resetPointerTarget), this.host.removeEventListener("touchstart", this.handleTouchStart), this.host.removeEventListener("touchmove", this.handleTouchMove), this.host.removeEventListener("touchend", this.handleTouchEnd), this.host.removeEventListener("touchcancel", this.handleTouchEnd), this.motionListenerAttached && (window.removeEventListener("deviceorientation", this.handleDeviceOrientation), this.motionListenerAttached = !1);
-  }
-  handleMouseMove = (t) => {
-    const e = this.host.getBoundingClientRect(), n = (t.clientX - e.left) / e.width * 2 - 1, i = (t.clientY - e.top) / e.height * 2 - 1;
-    this.pointerTarget.x = j(n, -1, 1), this.pointerTarget.y = j(i, -1, 1);
-  };
-  resetPointerTarget = () => {
-    this.pointerTarget.x = 0, this.pointerTarget.y = 0;
-  };
-  handleTouchStart = (t) => {
-    const e = t.touches[0];
-    e && (this.touchActive = !0, this.touchAnchorX = e.clientX, this.touchAnchorY = e.clientY, this.pointerTarget.x = 0, this.pointerTarget.y = 0, this.motionRequested || (this.motionRequested = !0, this.requestMotionPermission()));
-  };
-  handleTouchMove = (t) => {
-    const e = t.touches[0];
-    if (!e) return;
-    const n = e.clientX - this.touchAnchorX, i = e.clientY - this.touchAnchorY, r = qt.TOUCH_DRAG_RANGE;
-    this.pointerTarget.x = j(n / r, -1, 1), this.pointerTarget.y = j(i / r, -1, 1);
-  };
-  handleTouchEnd = () => {
-    this.touchActive = !1, this.pointerTarget.x = 0, this.pointerTarget.y = 0;
-  };
-  async requestMotionPermission() {
-    if (typeof DeviceOrientationEvent > "u") return;
-    const t = DeviceOrientationEvent;
-    if (typeof t.requestPermission == "function")
-      try {
-        if (await t.requestPermission() !== "granted") return;
-      } catch {
-        return;
-      }
-    this.motionListenerAttached || (window.addEventListener("deviceorientation", this.handleDeviceOrientation), this.motionListenerAttached = !0), this.usingMotionInput = !0;
-  }
-  handleDeviceOrientation = (t) => {
-    const e = j((t.gamma ?? 0) / 45, -1, 1), n = j((t.beta ?? 0) / 45, -1, 1);
-    this.motionTarget.x = lt(this.motionTarget.x, e, this.motionLerpFactor), this.motionTarget.y = lt(this.motionTarget.y, n, this.motionLerpFactor);
-  };
-};
-class Tt extends HTMLElement {
+}, $ = 512, K = 512;
+class xt extends HTMLElement {
   static TAG_NAME = "layershift-effect";
   static get observedAttributes() {
     return [
@@ -1987,7 +2089,7 @@ class Tt extends HTMLElement {
   shadow;
   container = null;
   renderer = null;
-  inputHandler = null;
+  _input = { x: 0, y: 0 };
   source = null;
   depthEstimator = null;
   loopCount = 0;
@@ -1999,7 +2101,14 @@ class Tt extends HTMLElement {
    */
   depthFallback = null;
   constructor() {
-    super(), this.shadow = this.attachShadow({ mode: "open" }), this.lifecycle = new zt(this);
+    super(), this.shadow = this.attachShadow({ mode: "open" }), this.lifecycle = new Wt(this);
+  }
+  /** The current input offset. Set this externally to drive the effect. */
+  get input() {
+    return { x: this._input.x, y: this._input.y };
+  }
+  set input(t) {
+    this._input.x = t.x, this._input.y = t.y;
   }
   // --- Attribute helpers ---
   getAttrFloat(t, e) {
@@ -2014,16 +2123,16 @@ class Tt extends HTMLElement {
     return !(n === "false" || n === "0");
   }
   get parallaxX() {
-    return this.getAttrFloat("parallax-x", X.parallaxX);
+    return this.getAttrFloat("parallax-x", z.parallaxX);
   }
   get parallaxY() {
-    return this.getAttrFloat("parallax-y", X.parallaxY);
+    return this.getAttrFloat("parallax-y", z.parallaxY);
   }
   get parallaxMax() {
-    return this.getAttrFloat("parallax-max", X.parallaxMax);
+    return this.getAttrFloat("parallax-max", z.parallaxMax);
   }
   get overscan() {
-    return this.getAttrFloat("overscan", X.overscan);
+    return this.getAttrFloat("overscan", z.overscan);
   }
   get quality() {
     const t = this.getAttribute("quality");
@@ -2041,13 +2150,13 @@ class Tt extends HTMLElement {
     return this.getAttribute("depth-model");
   }
   get shouldAutoplay() {
-    return this.getAttrBool("autoplay", X.autoplay);
+    return this.getAttrBool("autoplay", z.autoplay);
   }
   get shouldLoop() {
-    return this.getAttrBool("loop", X.loop);
+    return this.getAttrBool("loop", z.loop);
   }
   get shouldMute() {
-    return this.getAttrBool("muted", X.muted);
+    return this.getAttrBool("muted", z.muted);
   }
   // --- Event dispatching ---
   /**
@@ -2134,7 +2243,7 @@ class Tt extends HTMLElement {
       const i = await n.json();
       return {
         channels: i.channels ?? [],
-        motion: i.motion ?? Lt,
+        motion: i.motion ?? Ct,
         overscanPadding: i.overscanPadding ?? 0.05,
         quality: i.quality ?? "auto"
       };
@@ -2165,12 +2274,12 @@ class Tt extends HTMLElement {
     if (!this.container) return;
     const e = this.sourceType === "camera", n = this.depthModel;
     try {
-      let i, r, s = null;
-      const a = (m) => {
+      let i, r, o = null;
+      const l = (m) => {
         this.emit("layershift-effect:model-progress", m);
       };
       if (e) {
-        if (i = await Gt(
+        if (i = await Xt(
           { video: { facingMode: "user" } },
           { parent: this.shadow }
         ), t.aborted) {
@@ -2178,91 +2287,91 @@ class Tt extends HTMLElement {
           return;
         }
         if (n) {
-          if (s = await mt(n, q, Y, a), t.aborted) {
-            s.dispose(), i.dispose();
+          if (o = await dt(n, $, K, l), t.aborted) {
+            o.dispose(), i.dispose();
             return;
           }
-          r = H(q, Y);
+          r = N($, K);
         } else
-          r = H(i.width, i.height);
+          r = N(i.width, i.height);
       } else {
-        const m = this.getAttribute("src"), S = this.getAttribute("depth-src"), w = this.getAttribute("depth-meta"), F = !!S && !!w, U = this.sourceType === "image" || /\.(jpe?g|png|webp|gif|avif|bmp)(\?|$)/i.test(m);
-        if (F) {
-          const [_, R] = await Promise.all([
-            U ? dt(m) : ft(m, {
+        const m = this.getAttribute("src"), T = this.getAttribute("depth-src"), w = this.getAttribute("depth-meta"), A = !!T && !!w, P = this.sourceType === "image" || /\.(jpe?g|png|webp|gif|avif|bmp)(\?|$)/i.test(m);
+        if (A) {
+          const [F, _] = await Promise.all([
+            P ? ft(m) : ht(m, {
               parent: this.shadow,
               loop: this.shouldLoop,
               muted: this.shouldMute
             }),
-            kt(S, w)
+            kt(T, w)
           ]);
           if (t.aborted) {
-            _.dispose();
+            F.dispose();
             return;
           }
-          i = _, r = R;
+          i = F, r = _;
         } else if (n) {
-          const [_, R] = await Promise.all([
-            U ? dt(m) : ft(m, {
+          const [F, _] = await Promise.all([
+            P ? ft(m) : ht(m, {
               parent: this.shadow,
               loop: this.shouldLoop,
               muted: this.shouldMute
             }),
-            mt(n, q, Y, a)
+            dt(n, $, K, l)
           ]);
           if (t.aborted) {
-            _.dispose(), R.dispose();
+            F.dispose(), _.dispose();
             return;
           }
-          if (i = _, s = R, U || !i.isLive) {
-            const D = i.getImageSource();
-            if (D) {
-              const L = await s.submitFrameAndWait(D);
+          if (i = F, o = _, P || !i.isLive) {
+            const I = i.getImageSource();
+            if (I) {
+              const C = await o.submitFrameAndWait(I);
               r = {
-                meta: { frameCount: 1, fps: 1, width: q, height: Y, sourceFps: 1 },
-                frames: [L]
+                meta: { frameCount: 1, fps: 1, width: $, height: K, sourceFps: 1 },
+                frames: [C]
               };
             } else
-              r = H(q, Y);
+              r = N($, K);
           } else
-            r = H(q, Y);
+            r = N($, K);
         } else
           throw new Error("Either depth-src/depth-meta or depth-model must be provided.");
       }
-      this.source = i, this.depthEstimator = s, this.loopCount = 0, this.attachSourceEventListeners(i);
-      const l = ae(
+      this.source = i, this.depthEstimator = o, this.loopCount = 0, this.attachSourceEventListeners(i);
+      const a = oe(
         r.frames,
         r.meta.width,
         r.meta.height
-      ), u = le(l);
+      ), h = ae(a);
       this.depthFallback = {
-        contrastLow: u.contrastLow,
-        contrastHigh: u.contrastHigh,
-        verticalReduction: u.verticalReduction
+        contrastLow: h.contrastLow,
+        contrastHigh: h.contrastHigh,
+        verticalReduction: h.verticalReduction
       };
-      let h;
-      if (s)
-        h = () => s.getLatestDepth();
+      let c;
+      if (o)
+        c = () => o.getLatestDepth();
       else {
-        const m = new Ot(r);
-        h = (S) => m.sample(S);
+        const m = new Vt(r);
+        c = (T) => m.sample(T);
       }
       if (t.aborted) return;
-      let f, c = null, E = Lt;
-      const v = await this.fetchFilterConfig(t);
+      let f, u = null, x = Ct;
+      const p = await this.fetchFilterConfig(t);
       if (t.aborted) return;
-      if (v && v.channels.length > 0) {
-        const m = Ut(v.channels, {
-          contrastLow: u.contrastLow,
-          contrastHigh: u.contrastHigh,
-          verticalReduction: u.verticalReduction
+      if (p && p.channels.length > 0) {
+        const m = Ut(p.channels, {
+          contrastLow: h.contrastLow,
+          contrastHigh: h.contrastHigh,
+          verticalReduction: h.verticalReduction
         });
         f = {
           parallaxStrength: m.parallaxStrength,
           pomEnabled: m.pomEnabled,
           pomSteps: m.pomSteps,
-          overscanPadding: v.overscanPadding,
-          quality: v.quality,
+          overscanPadding: p.overscanPadding,
+          quality: p.quality,
           contrastLow: m.contrastLow,
           contrastHigh: m.contrastHigh,
           verticalReduction: m.verticalReduction,
@@ -2276,45 +2385,41 @@ class Tt extends HTMLElement {
           tiltHalfTanFov: m.tiltHalfTanFov,
           tiltTransitionWidth: m.tiltTransitionWidth,
           tiltPeakIntensity: m.tiltPeakIntensity
-        }, c = _t(v.channels), E = v.motion;
+        }, u = Lt(p.channels), x = p.motion;
       } else
-        f = this.buildLegacyConfig(u, i.width);
-      this.renderer = new De(this.container, f), this.renderer.initialize(i, r.meta.width, r.meta.height), c && this.renderer.updateCurveLUTs(
-        c.displacementLUT,
-        c.blurLUT,
-        c.glowLUT,
-        c.colorShiftLUT,
-        c.colorShiftParams ?? void 0
-      ), this.inputHandler = new Me(this, E.lerpFactor);
-      const p = E.sensitivityX, P = E.sensitivityY, x = E.tiltPlaneInput ?? !1, y = E.tiltPitchSensitivity ?? 0.35, d = E.tiltYawSensitivity ?? 0.15, b = v?.channels.find((m) => m.channel === "blur" && m.enabled)?.params?.focalCenter ?? 0.5, T = s;
+        f = this.buildLegacyConfig(h, i.width);
+      this.renderer = new Re(this.container, f), this.renderer.initialize(i, r.meta.width, r.meta.height), u && this.renderer.updateCurveLUTs(
+        u.displacementLUT,
+        u.blurLUT,
+        u.glowLUT,
+        u.colorShiftLUT,
+        u.colorShiftParams ?? void 0
+      );
+      const d = x.tiltPlaneInput ?? !1, y = x.tiltPitchSensitivity ?? 0.35, E = 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,
-        h,
+        c,
         () => {
-          if (!this.inputHandler) return { x: 0, y: 0 };
-          const m = this.inputHandler.update();
-          if (x) {
-            const F = m.y * P * y, U = m.x * p * d, _ = Math.cos(F), R = Math.sin(F), D = Math.cos(U), M = Math.sin(U) * _, V = -R, I = D * _, N = 0.5 + b * (5 - 0.5);
+          const m = this._input;
+          if (d) {
+            const A = m.y * y, P = m.x * E, F = Math.cos(A), _ = Math.sin(A), I = Math.cos(P), S = Math.sin(P) * F, D = -_, U = I * F, M = 0.5 + g * (5 - 0.5);
             return {
-              x: m.x * p * 0.3,
-              y: m.y * P * 0.3,
-              tiltPlaneNormal: [M, V, I],
-              tiltPlaneD: I * N
+              x: m.x * 0.3,
+              y: m.y * 0.3,
+              tiltPlaneNormal: [S, D, U],
+              tiltPlaneD: U * M
             };
           }
-          return {
-            x: m.x * p,
-            y: m.y * P
-          };
+          return { x: m.x, y: m.y };
         },
-        (m, S) => {
-          if (T) {
+        (m, T) => {
+          if (v) {
             const w = i.getImageSource();
-            w && T.submitFrame(w);
+            w && v.submitFrame(w);
           }
           this.emit("layershift-effect:frame", {
             currentTime: m,
-            frameNumber: S
+            frameNumber: T
           });
         }
       ), !e && i.isLive && this.shouldAutoplay && i.play)
@@ -2327,8 +2432,9 @@ class Tt extends HTMLElement {
         videoWidth: i.width,
         videoHeight: i.height,
         duration: i.duration,
-        depthProfile: l,
-        derivedParams: u
+        depthProfile: a,
+        derivedParams: h,
+        motionConfig: x
       });
     } catch (i) {
       const r = i instanceof Error ? i.message : "Failed to initialize.";
@@ -2353,7 +2459,7 @@ class Tt extends HTMLElement {
       verticalReduction: 0.5
     }, n = Ut(t, e);
     this.renderer.updateConfig(n);
-    const i = _t(t);
+    const i = Lt(t);
     this.renderer.updateCurveLUTs(
       i.displacementLUT,
       i.blurLUT,
@@ -2364,16 +2470,10 @@ class Tt extends HTMLElement {
   }
   // --- Cleanup ---
   doDispose() {
-    this.renderer?.dispose(), this.renderer = null, this.inputHandler?.dispose(), this.inputHandler = null, this.depthEstimator?.dispose(), this.depthEstimator = null, this.source?.dispose(), this.source = null, this.depthFallback = null, this.loopCount = 0, this.container = null;
+    this.renderer?.dispose(), this.renderer = null, this.depthEstimator?.dispose(), this.depthEstimator = null, this.source?.dispose(), this.source = null, this.depthFallback = null, this.loopCount = 0, this.container = null;
   }
 }
-function j(o, t, e) {
-  return Math.min(e, Math.max(t, o));
-}
-function lt(o, t, e) {
-  return o + (t - o) * e;
-}
-class Dt {
+class Rt {
   gl;
   hasColorBufferFloat;
   // FBO / texture resources
@@ -2421,15 +2521,15 @@ class Dt {
   createResources(t, e, n) {
     const i = this.gl;
     this.dispose();
-    const r = Math.max(1, Math.round(t / n)), s = Math.max(1, Math.round(e / n));
-    this._width = r, this._height = s;
-    const a = (u, h, f, c) => {
-      const E = i.createFramebuffer();
-      return i.bindFramebuffer(i.FRAMEBUFFER, E), i.bindTexture(i.TEXTURE_2D, u), i.texStorage2D(i.TEXTURE_2D, 1, h, f, c), 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, u, 0), i.bindFramebuffer(i.FRAMEBUFFER, null), E;
+    const r = Math.max(1, Math.round(t / n)), o = Math.max(1, Math.round(e / n));
+    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;
     };
-    this.maskTex = i.createTexture(), this.maskFbo = a(this.maskTex, i.R8, r, s);
-    const l = this.hasColorBufferFloat ? i.RG16F : i.RGBA8;
-    this.pingTex = i.createTexture(), this.pingFbo = a(this.pingTex, l, r, s), this.pongTex = i.createTexture(), this.pongFbo = a(this.pongTex, l, r, s), this.distTex = i.createTexture(), this.distFbo = a(this.distTex, i.RGBA8, r, s), this._dirty = !0;
+    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;
   }
   // -----------------------------------------------------------------------
   // Distance field computation
@@ -2448,16 +2548,16 @@ class Dt {
     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 = Dt.computeFloodIterations(n, i);
+    const r = Rt.computeFloodIterations(n, i);
     e.useProgram(t.floodPass.program);
-    let s = this.pingTex, a = this.pongFbo, l = this.pongTex;
-    for (let u = 0; u < r.length; u++) {
-      const h = r[u] / Math.max(n, i);
-      e.bindFramebuffer(e.FRAMEBUFFER, a), e.activeTexture(e.TEXTURE5), e.bindTexture(e.TEXTURE_2D, s), e.uniform1i(t.floodPass.uniforms.uSeedTex, 5), e.uniform1f(t.floodPass.uniforms.uStepSize, h), e.bindVertexArray(t.quadVao), e.drawArrays(e.TRIANGLE_STRIP, 0, 4);
-      const f = s, c = a;
-      s = l, a = c === this.pongFbo ? this.pingFbo : this.pongFbo, l = f;
+    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);
+      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;
     }
-    e.bindFramebuffer(e.FRAMEBUFFER, this.distFbo), e.clearColor(0, 0, 0, 1), e.clear(e.COLOR_BUFFER_BIT), e.useProgram(t.distPass.program), e.activeTexture(e.TEXTURE5), e.bindTexture(e.TEXTURE_2D, s), e.uniform1i(t.distPass.uniforms.uSeedTex, 5), e.activeTexture(e.TEXTURE6), e.bindTexture(e.TEXTURE_2D, this.maskTex), e.uniform1i(t.distPass.uniforms.uMask, 6), e.uniform1f(t.distPass.uniforms.uBevelWidth, t.distRange), e.bindVertexArray(t.quadVao), e.drawArrays(e.TRIANGLE_STRIP, 0, 4), e.activeTexture(e.TEXTURE4), e.bindTexture(e.TEXTURE_2D, this.distTex), e.bindFramebuffer(e.FRAMEBUFFER, null), this._dirty = !1;
+    e.bindFramebuffer(e.FRAMEBUFFER, this.distFbo), e.clearColor(0, 0, 0, 1), e.clear(e.COLOR_BUFFER_BIT), e.useProgram(t.distPass.program), e.activeTexture(e.TEXTURE5), e.bindTexture(e.TEXTURE_2D, o), e.uniform1i(t.distPass.uniforms.uSeedTex, 5), e.activeTexture(e.TEXTURE6), e.bindTexture(e.TEXTURE_2D, this.maskTex), e.uniform1i(t.distPass.uniforms.uMask, 6), e.uniform1f(t.distPass.uniforms.uBevelWidth, t.distRange), e.bindVertexArray(t.quadVao), e.drawArrays(e.TRIANGLE_STRIP, 0, 4), e.activeTexture(e.TEXTURE4), e.bindTexture(e.TEXTURE_2D, this.distTex), e.bindFramebuffer(e.FRAMEBUFFER, null), this._dirty = !1;
   }
   // -----------------------------------------------------------------------
   // Flood iteration planning (shared between backends)
@@ -2481,34 +2581,34 @@ class Dt {
     this.maskTex && (t.deleteTexture(this.maskTex), this.maskTex = null), this.maskFbo && (t.deleteFramebuffer(this.maskFbo), this.maskFbo = null), this.pingTex && (t.deleteTexture(this.pingTex), this.pingTex = null), this.pingFbo && (t.deleteFramebuffer(this.pingFbo), this.pingFbo = null), this.pongTex && (t.deleteTexture(this.pongTex), this.pongTex = null), this.pongFbo && (t.deleteFramebuffer(this.pongFbo), this.pongFbo = null), this.distTex && (t.deleteTexture(this.distTex), this.distTex = null), this.distFbo && (t.deleteFramebuffer(this.distFbo), this.distFbo = null), this._width = 0, this._height = 0, this._dirty = !0;
   }
 }
-const Ie = `#version 300 es
+const Le = `#version 300 es
 in vec2 aPosition;
 uniform vec2 uMeshScale;
 void main() {
   gl_Position = vec4(aPosition * uMeshScale, 0.0, 1.0);
 }
-`, Be = `#version 300 es
+`, _e = `#version 300 es
 precision lowp float;
 out vec4 fragColor;
 void main() { fragColor = vec4(0.0); }
-`, Ve = `#version 300 es
+`, Ie = `#version 300 es
 in vec2 aPosition;
 uniform vec2 uMeshScale;
 void main() {
   gl_Position = vec4(aPosition * uMeshScale, 0.0, 1.0);
 }
-`, Oe = `#version 300 es
+`, Me = `#version 300 es
 precision lowp float;
 out vec4 fragColor;
 void main() { fragColor = vec4(1.0); }
-`, ke = `#version 300 es
+`, Be = `#version 300 es
 in vec2 aPosition;
 out vec2 vUv;
 void main() {
   vUv = aPosition * 0.5 + 0.5;
   gl_Position = vec4(aPosition, 0.0, 1.0);
 }
-`, Ne = `#version 300 es
+`, Ve = `#version 300 es
 precision highp float;
 uniform sampler2D uMask;
 uniform vec2 uTexelSize;
@@ -2533,14 +2633,14 @@ void main() {
     fragSeed = vec2(-1.0);
   }
 }
-`, He = `#version 300 es
+`, ke = `#version 300 es
 in vec2 aPosition;
 out vec2 vUv;
 void main() {
   vUv = aPosition * 0.5 + 0.5;
   gl_Position = vec4(aPosition, 0.0, 1.0);
 }
-`, Xe = `#version 300 es
+`, Oe = `#version 300 es
 precision highp float;
 uniform sampler2D uSeedTex;
 uniform float uStepSize;
@@ -2569,14 +2669,14 @@ void main() {
 
   fragSeed = bestSeed;
 }
-`, Ge = `#version 300 es
+`, He = `#version 300 es
 in vec2 aPosition;
 out vec2 vUv;
 void main() {
   vUv = aPosition * 0.5 + 0.5;
   gl_Position = vec4(aPosition, 0.0, 1.0);
 }
-`, We = `#version 300 es
+`, Ne = `#version 300 es
 precision highp float;
 uniform sampler2D uSeedTex;
 uniform sampler2D uMask;
@@ -2601,7 +2701,7 @@ void main() {
   float normalized = clamp(d / max(uBevelWidth, 0.001), 0.0, 1.0);
   fragDist = vec4(normalized, 0.0, 0.0, 1.0);
 }
-`, ze = `#version 300 es
+`, Xe = `#version 300 es
 in vec2 aPosition;
 uniform vec2 uUvOffset;
 uniform vec2 uUvScale;
@@ -2613,7 +2713,7 @@ void main() {
   vScreenUv = baseUv;
   gl_Position = vec4(aPosition, 0.0, 1.0);
 }
-`, qe = `#version 300 es
+`, Ge = `#version 300 es
 precision highp float;
 
 #define MAX_POM_STEPS 32
@@ -2744,14 +2844,14 @@ void main() {
   // Write lens-transformed depth to second attachment for boundary effects
   fragDepth = vec4(lensD, 0.0, 0.0, 1.0);
 }
-`, Ye = `#version 300 es
+`, We = `#version 300 es
 in vec2 aPosition;
 out vec2 vUv;
 void main() {
   vUv = aPosition * 0.5 + 0.5;
   gl_Position = vec4(aPosition, 0.0, 1.0);
 }
-`, je = `#version 300 es
+`, ze = `#version 300 es
 precision highp float;
 uniform sampler2D uInteriorColor;
 uniform sampler2D uDistField;
@@ -2781,7 +2881,7 @@ void main() {
 
   fragColor = vec4(toSRGB(linear), color.a);
 }
-`, Ze = `#version 300 es
+`, qe = `#version 300 es
 in vec2 aPosition;
 in vec2 aNormal;
 uniform float uRimWidth;
@@ -2804,7 +2904,7 @@ void main() {
 
   gl_Position = vec4(pos, 0.0, 1.0);
 }
-`, $e = `#version 300 es
+`, Ye = `#version 300 es
 precision highp float;
 
 uniform sampler2D uInteriorColor;
@@ -2906,7 +3006,7 @@ void main() {
 
   fragColor = vec4(color * alpha, alpha);
 }
-`, Ke = `#version 300 es
+`, je = `#version 300 es
 in vec2 aPosition;
 in vec3 aNormal3;
 in float aLerpT;      // 0 = inner (at silhouette), 1 = outer edge
@@ -2922,7 +3022,7 @@ void main() {
   vLerpT = aLerpT;
   gl_Position = vec4(sp, 0.0, 1.0);
 }
-`, Je = `#version 300 es
+`, Ze = `#version 300 es
 precision highp float;
 uniform vec3 uLightDir3;
 uniform vec3 uChamferColor;
@@ -2990,38 +3090,38 @@ void main() {
   fragColor = vec4(toSRGB(lit), 1.0);
 }
 `;
-function Qe(o) {
+function $e(s) {
   const t = [];
   let e = 0;
-  for (let n = 0; n < o.length - 2; n += 2) {
-    const i = o[n], r = o[n + 1], s = o[n + 2], a = o[n + 3], l = s - i, u = a - r, h = Math.sqrt(l * l + u * u);
-    if (h < 1e-6) continue;
-    const f = -u / h, c = l / h;
+  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);
+    if (c < 1e-6) continue;
+    const f = -h / c, u = a / c;
     t.push(
       i,
       r,
       f,
-      c,
+      u,
       i,
       r,
       -f,
-      -c,
-      s,
-      a,
+      -u,
+      o,
+      l,
       f,
-      c,
-      s,
-      a,
+      u,
+      o,
+      l,
       f,
-      c,
+      u,
       i,
       r,
       -f,
-      -c,
-      s,
-      a,
+      -u,
+      o,
+      l,
       -f,
-      -c
+      -u
     ), e += 6;
   }
   return {
@@ -3029,43 +3129,43 @@ function Qe(o) {
     count: e
   };
 }
-function tn(o, t, e, n, i) {
+function Ke(s, t, e, n, i) {
   if (n <= 0)
     return { vertices: new Float32Array(0), count: 0 };
-  const r = i * Math.PI / 180, s = -Math.cos(r), a = Math.sin(r), l = [];
-  let u = 0;
-  for (let h = 0; h < t.length; h++) {
-    const f = t[h], v = ((h + 1 < t.length ? t[h + 1] : o.length) - f) / 2;
-    if (v < 3) continue;
-    const p = v - 1;
-    let P = 0;
-    for (let T = 0; T < p; T++) {
-      const m = f + T * 2, S = o[m], w = o[m + 1], F = o[m + 2], U = o[m + 3];
-      P += S * U - F * w;
+  const r = i * 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;
+    if (p < 3) continue;
+    const d = p - 1;
+    let y = 0;
+    for (let T = 0; T < d; T++) {
+      const w = f + T * 2, A = s[w], P = s[w + 1], F = s[w + 2], _ = s[w + 3];
+      y += A * _ - F * P;
     }
-    const x = P >= 0 ? 1 : -1, y = [], d = [];
-    for (let T = 0; T < p; T++) {
-      const m = f + T * 2, S = o[m + 2] - o[m], w = o[m + 3] - o[m + 1], F = Math.sqrt(S * S + w * w);
-      F < 1e-8 ? (y.push(T > 0 ? y[T - 1] : 0), d.push(T > 0 ? d[T - 1] : 0)) : (y.push(-w / F * x), d.push(S / F * x));
+    const E = y >= 0 ? 1 : -1, b = [], g = [];
+    for (let T = 0; T < d; T++) {
+      const w = f + T * 2, A = s[w + 2] - s[w], P = s[w + 3] - s[w + 1], F = Math.sqrt(A * A + P * P);
+      F < 1e-8 ? (b.push(T > 0 ? b[T - 1] : 0), g.push(T > 0 ? g[T - 1] : 0)) : (b.push(-P / F * E), g.push(A / F * E));
     }
-    const g = [], b = [];
-    for (let T = 0; T < p; T++) {
-      const m = (T - 1 + p) % p;
-      let S = y[m] + y[T], w = d[m] + d[T];
-      const F = Math.sqrt(S * S + w * w);
-      F > 1e-8 ? (S /= F, w /= F) : (S = y[T], w = d[T]), g.push(S), b.push(w);
+    const v = [], m = [];
+    for (let T = 0; T < d; T++) {
+      const w = (T - 1 + d) % d;
+      let A = b[w] + b[T], P = g[w] + g[T];
+      const F = Math.sqrt(A * A + P * P);
+      F > 1e-8 ? (A /= F, P /= F) : (A = b[T], P = g[T]), v.push(A), m.push(P);
     }
-    for (let T = 0; T < p; T++) {
-      const m = T, S = (T + 1) % p, w = f + T * 2, F = f + (T + 1) % p * 2, U = o[w], _ = o[w + 1], R = o[F], D = o[F + 1], L = g[m] * a, M = b[m] * a, V = s, I = g[S] * a, N = b[S] * a, tt = s, st = U + g[m] * n, Ft = _ + b[m] * n, Qt = R + g[S] * n, te = D + b[S] * n;
-      l.push(U, _, L, M, V, 0), l.push(st, Ft, L, M, V, 1), l.push(R, D, I, N, tt, 0), l.push(R, D, I, N, tt, 0), l.push(st, Ft, L, M, V, 1), l.push(Qt, te, I, N, tt, 1), u += 6;
+    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;
+      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;
     }
   }
   return {
-    vertices: new Float32Array(l),
-    count: u
+    vertices: new Float32Array(a),
+    count: h
   };
 }
-class en extends pt {
+class Je extends gt {
   gl = null;
   // Render passes (each owns its program + cached uniforms)
   stencilPass = null;
@@ -3114,7 +3214,7 @@ class en extends pt {
     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 s = this.canvas.getContext("webgl2", {
+    const o = this.canvas.getContext("webgl2", {
       antialias: !0,
       alpha: !0,
       premultipliedAlpha: !0,
@@ -3122,8 +3222,8 @@ class en extends pt {
       desynchronized: !0,
       powerPreference: "high-performance"
     });
-    if (!s) throw new Error("WebGL 2 is not supported.");
-    this.gl = s, this.qualityParams = Xt(s, e.quality), "drawingBufferColorSpace" in s && (s.drawingBufferColorSpace = "srgb"), this.hasColorBufferFloat = !!s.getExtension("EXT_color_buffer_float"), s.clearColor(0, 0, 0, 0), s.pixelStorei(s.UNPACK_FLIP_Y_WEBGL, !0), this.initGPUResources(), this.setupResizeHandling();
+    if (!o) throw new Error("WebGL 2 is not supported.");
+    this.gl = o, this.qualityParams = Nt(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) {
     const r = this.gl;
@@ -3157,20 +3257,20 @@ class en extends pt {
   uploadBoundaryMesh(t) {
     const e = this.gl;
     if (!e || !this.boundaryPass) return;
-    const n = Qe(t.edgeVertices);
+    const n = $e(t.edgeVertices);
     if (n.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 r = 16, s = e.getAttribLocation(this.boundaryPass.program, "aPosition");
-    e.enableVertexAttribArray(s), e.vertexAttribPointer(s, 2, e.FLOAT, !1, r, 0);
-    const a = e.getAttribLocation(this.boundaryPass.program, "aNormal");
-    a >= 0 && (e.enableVertexAttribArray(a), e.vertexAttribPointer(a, 2, e.FLOAT, !1, r, 8)), this.boundaryVertexCount = n.count, e.bindVertexArray(null);
+    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);
   }
   uploadChamferMesh(t) {
     const e = this.gl;
     if (!e || !this.chamferPass || this.config.chamferWidth <= 0) return;
-    const n = tn(
+    const n = Ke(
       t.edgeVertices,
       t.contourOffsets,
       t.contourIsHole,
@@ -3181,12 +3281,12 @@ class en extends pt {
     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 r = 24, s = e.getAttribLocation(this.chamferPass.program, "aPosition");
-    e.enableVertexAttribArray(s), e.vertexAttribPointer(s, 2, e.FLOAT, !1, r, 0);
-    const a = e.getAttribLocation(this.chamferPass.program, "aNormal3");
-    a >= 0 && (e.enableVertexAttribArray(a), e.vertexAttribPointer(a, 3, e.FLOAT, !1, r, 8));
-    const l = e.getAttribLocation(this.chamferPass.program, "aLerpT");
-    l >= 0 && (e.enableVertexAttribArray(l), e.vertexAttribPointer(l, 1, e.FLOAT, !1, r, 20)), this.chamferVertexCount = n.count, e.bindVertexArray(null);
+    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);
   }
   disposeChamferGeometry() {
     const t = this.gl;
@@ -3207,7 +3307,7 @@ class en extends pt {
   // -----------------------------------------------------------------------
   createJFAResources(t, e) {
     const n = this.gl;
-    n && (this.jfa || (this.jfa = new Dt(n, this.hasColorBufferFloat)), this.jfa.createResources(t, e, this.qualityParams.jfaDivisor));
+    n && (this.jfa || (this.jfa = new Rt(n, 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({
@@ -3228,7 +3328,7 @@ class en extends pt {
   // -----------------------------------------------------------------------
   initGPUResources() {
     const t = this.gl;
-    t && (this.stencilPass = O(t, "stencil", Ie, Be, ["uMeshScale"]), this.maskPass = O(t, "mask", Ve, Oe, ["uMeshScale"]), this.jfaSeedPass = O(t, "jfa-seed", ke, Ne, ["uMask", "uTexelSize"]), this.jfaFloodPass = O(t, "jfa-flood", He, Xe, ["uSeedTex", "uStepSize"]), this.jfaDistPass = O(t, "jfa-dist", Ge, We, ["uSeedTex", "uMask", "uBevelWidth"]), this.interiorPass = O(t, "interior", ze, qe, [
+    t && (this.stencilPass = O(t, "stencil", Le, _e, ["uMeshScale"]), this.maskPass = O(t, "mask", Ie, Me, ["uMeshScale"]), this.jfaSeedPass = O(t, "jfa-seed", Be, Ve, ["uMask", "uTexelSize"]), this.jfaFloodPass = O(t, "jfa-flood", ke, Oe, ["uSeedTex", "uStepSize"]), this.jfaDistPass = O(t, "jfa-dist", He, Ne, ["uSeedTex", "uMask", "uBevelWidth"]), this.interiorPass = O(t, "interior", Xe, Ge, [
       "uImage",
       "uDepth",
       "uOffset",
@@ -3249,12 +3349,12 @@ class en extends pt {
       "uBrightnessBias",
       "uUvOffset",
       "uUvScale"
-    ]), this.compositePass = O(t, "composite", Ye, je, [
+    ]), this.compositePass = O(t, "composite", We, ze, [
       "uInteriorColor",
       "uDistField",
       "uEdgeOcclusionWidth",
       "uEdgeOcclusionStrength"
-    ]), this.boundaryPass = O(t, "boundary", Ze, $e, [
+    ]), this.boundaryPass = O(t, "boundary", qe, Ye, [
       "uInteriorColor",
       "uInteriorDepth",
       "uDistField",
@@ -3271,7 +3371,7 @@ class en extends pt {
       "uEdgeColor",
       "uLightDir",
       "uBevelIntensity"
-    ]), this.chamferPass = O(t, "chamfer", Ke, Je, [
+    ]), this.chamferPass = O(t, "chamfer", je, Ze, [
       "uMeshScale",
       "uLightDir3",
       "uChamferColor",
@@ -3280,7 +3380,7 @@ class en extends pt {
       "uChamferShininess",
       "uInteriorColor",
       "uTexelSize"
-    ]), this.quadVao = Nt(t, this.interiorPass.program), t.disable(t.DEPTH_TEST));
+    ]), this.quadVao = Ot(t, this.interiorPass.program), t.disable(t.DEPTH_TEST));
   }
   // -----------------------------------------------------------------------
   // Abstract method implementations (RendererBase)
@@ -3296,11 +3396,15 @@ class en extends pt {
     if (!t || !this.interiorPass || !this.quadVao) return;
     const n = e?.getImageSource();
     if (!n || !this.interiorFbo || !this.interiorColorTex || !this.interiorDepthTex) return;
-    this.jfa?.isDirty && this.maskVao && (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);
+    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;
     if (this.readInput) {
-      const s = this.readInput();
-      i = -s.x, r = s.y;
+      const o = this.readInput();
+      i = -o.x, r = o.y;
     }
     if (t.bindFramebuffer(t.FRAMEBUFFER, this.interiorFbo), t.checkFramebufferStatus(t.FRAMEBUFFER) !== t.FRAMEBUFFER_COMPLETE) {
       t.bindFramebuffer(t.FRAMEBUFFER, null);
@@ -3326,7 +3430,7 @@ class en extends pt {
       e.RED,
       e.UNSIGNED_BYTE,
       n
-    );
+    ), this.jfa && this.jfa.markDirty();
   }
   // -----------------------------------------------------------------------
   // Resize handling
@@ -3334,12 +3438,10 @@ class en extends pt {
   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), s = Math.round(n * i);
-    (this.canvas.width !== r || this.canvas.height !== s) && (this.canvas.width = r, this.canvas.height = s, t.viewport(0, 0, r, s)), (this.fboWidth !== r || this.fboHeight !== s) && this.createFBO(r, s);
-    const a = this.qualityParams.jfaDivisor, l = Math.max(1, Math.round(r / a)), u = Math.max(1, Math.round(s / a));
-    (!this.jfa || this.jfa.width !== l || this.jfa.height !== u) && this.createJFAResources(r, s), 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 h = e / n, f = 0.65;
-    this.meshScaleX = f, this.meshScaleY = f, h > this.meshAspect ? this.meshScaleX = f * (this.meshAspect / h) : this.meshScaleY = f * (h / 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 / s)), this.chamferPass && (t.useProgram(this.chamferPass.program), t.uniform2f(this.chamferPass.uniforms.uMeshScale, this.meshScaleX, this.meshScaleY)), this.jfa && this.jfa.markDirty();
+    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);
+    (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;
+    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));
   }
   // -----------------------------------------------------------------------
   // Context loss
@@ -3397,336 +3499,336 @@ class en extends pt {
     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);
   }
 }
-async function Et(o) {
-  const t = await fetch(o);
+async function Tt(s) {
+  const t = await fetch(s);
   if (!t.ok)
     throw new Error(`Failed to fetch SVG: ${t.status} ${t.statusText}`);
   const e = await t.text();
-  return nn(e);
+  return Qe(e);
 }
-function nn(o) {
-  const n = new DOMParser().parseFromString(o, "image/svg+xml").querySelector("svg");
+function Qe(s) {
+  const n = new DOMParser().parseFromString(s, "image/svg+xml").querySelector("svg");
   if (!n)
     throw new Error("No <svg> element found in document.");
-  const i = rn(n);
+  const i = tn(n);
   if (i.length === 0)
     throw new Error("No path data found in SVG.");
-  let r = 1 / 0, s = 1 / 0, a = -1 / 0, l = -1 / 0;
-  for (const R of i)
-    for (let D = 0; D < R.length; D += 2)
-      r = Math.min(r, R[D]), a = Math.max(a, R[D]), s = Math.min(s, R[D + 1]), l = Math.max(l, R[D + 1]);
-  const u = a - r, h = l - s, f = (r + a) / 2, c = (s + l) / 2, E = 2 / Math.max(u, h), v = u / h, p = i.map((R) => {
-    const D = [];
-    for (let L = 0; L < R.length; L += 2)
-      D.push((R[L] - f) * E), D.push(-((R[L + 1] - c) * E));
-    return D;
-  }), P = fn(p), x = [], y = [];
-  for (const R of P) {
-    const { flatCoords: D, holeIndices: L } = cn(R), M = dn(D, L), V = x.length / 2;
-    for (const I of M)
-      y.push(I + V);
-    for (const I of D)
-      x.push(I);
-  }
-  const d = x, g = y, b = [], T = [], m = [], S = Yt(p);
-  for (let R = 0; R < p.length; R++) {
-    const D = p[R];
-    T.push(b.length), m.push(S[R]);
-    for (let L = 0; L < D.length; L++)
-      b.push(D[L]);
-    D.length >= 2 && b.push(D[0], D[1]);
-  }
-  let w = 1 / 0, F = 1 / 0, U = -1 / 0, _ = -1 / 0;
-  for (let R = 0; R < d.length; R += 2)
-    w = Math.min(w, d[R]), U = Math.max(U, d[R]), F = Math.min(F, d[R + 1]), _ = Math.max(_, d[R + 1]);
+  let r = 1 / 0, o = 1 / 0, l = -1 / 0, a = -1 / 0;
+  for (const C of i)
+    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 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 = un(d), E = [], b = [];
+  for (const C of y) {
+    const { flatCoords: S, holeIndices: D } = ln(C), U = cn(S, D), M = E.length / 2;
+    for (const k of U)
+      b.push(k + M);
+    for (const k of S)
+      E.push(k);
+  }
+  const g = E, v = b, m = [], T = [], w = [], A = zt(d);
+  for (let C = 0; C < d.length; C++) {
+    const S = d[C];
+    T.push(m.length), w.push(A[C]);
+    for (let D = 0; D < S.length; D++)
+      m.push(S[D]);
+    S.length >= 2 && m.push(S[0], S[1]);
+  }
+  let P = 1 / 0, F = 1 / 0, _ = -1 / 0, I = -1 / 0;
+  for (let C = 0; C < g.length; C += 2)
+    P = Math.min(P, g[C]), _ = Math.max(_, g[C]), F = Math.min(F, g[C + 1]), I = Math.max(I, g[C + 1]);
   return {
-    vertices: new Float32Array(d),
-    indices: new Uint16Array(g),
-    edgeVertices: new Float32Array(b),
+    vertices: new Float32Array(g),
+    indices: new Uint16Array(v),
+    edgeVertices: new Float32Array(m),
     contourOffsets: T,
-    contourIsHole: m,
-    bounds: { minX: w, maxX: U, minY: F, maxY: _ },
-    aspect: v
+    contourIsHole: w,
+    bounds: { minX: P, maxX: _, minY: F, maxY: I },
+    aspect: p
   };
 }
-function rn(o) {
+function tn(s) {
   const t = [];
-  return o.querySelectorAll("path").forEach((l) => {
-    const u = l.getAttribute("d");
-    if (!u) return;
-    const h = an(u);
-    t.push(...h);
-  }), o.querySelectorAll("polygon").forEach((l) => {
-    const u = l.getAttribute("points");
-    if (!u) return;
-    const h = Mt(u);
-    h.length >= 6 && t.push(h);
-  }), o.querySelectorAll("polyline").forEach((l) => {
-    const u = l.getAttribute("points");
-    if (!u) return;
-    const h = Mt(u);
-    h.length >= 6 && t.push(h);
-  }), o.querySelectorAll("rect").forEach((l) => {
-    const u = parseFloat(l.getAttribute("x") || "0"), h = parseFloat(l.getAttribute("y") || "0"), f = parseFloat(l.getAttribute("width") || "0"), c = parseFloat(l.getAttribute("height") || "0");
-    f > 0 && c > 0 && t.push([u, h, u + f, h, u + f, h + c, u, h + c]);
-  }), o.querySelectorAll("circle").forEach((l) => {
-    const u = parseFloat(l.getAttribute("cx") || "0"), h = parseFloat(l.getAttribute("cy") || "0"), f = parseFloat(l.getAttribute("r") || "0");
-    f > 0 && t.push(on(u, h, f));
-  }), o.querySelectorAll("ellipse").forEach((l) => {
-    const u = parseFloat(l.getAttribute("cx") || "0"), h = parseFloat(l.getAttribute("cy") || "0"), f = parseFloat(l.getAttribute("rx") || "0"), c = parseFloat(l.getAttribute("ry") || "0");
-    f > 0 && c > 0 && t.push(sn(u, h, f, c));
+  return s.querySelectorAll("path").forEach((a) => {
+    const h = a.getAttribute("d");
+    if (!h) return;
+    const c = rn(h);
+    t.push(...c);
+  }), s.querySelectorAll("polygon").forEach((a) => {
+    const h = a.getAttribute("points");
+    if (!h) return;
+    const c = _t(h);
+    c.length >= 6 && t.push(c);
+  }), s.querySelectorAll("polyline").forEach((a) => {
+    const h = a.getAttribute("points");
+    if (!h) return;
+    const c = _t(h);
+    c.length >= 6 && t.push(c);
+  }), s.querySelectorAll("rect").forEach((a) => {
+    const h = parseFloat(a.getAttribute("x") || "0"), c = parseFloat(a.getAttribute("y") || "0"), f = parseFloat(a.getAttribute("width") || "0"), u = parseFloat(a.getAttribute("height") || "0");
+    f > 0 && u > 0 && t.push([h, c, h + f, c, h + f, c + u, h, c + u]);
+  }), s.querySelectorAll("circle").forEach((a) => {
+    const h = parseFloat(a.getAttribute("cx") || "0"), c = parseFloat(a.getAttribute("cy") || "0"), f = parseFloat(a.getAttribute("r") || "0");
+    f > 0 && t.push(en(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(nn(h, c, f, u));
   }), t;
 }
-function Mt(o) {
-  const t = [], e = o.trim().split(/[\s,]+/);
+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);
   }
   return t;
 }
-function on(o, t, e, n = 64) {
+function en(s, t, e, n = 64) {
   const i = [];
   for (let r = 0; r < n; r++) {
-    const s = 2 * Math.PI * r / n;
-    i.push(o + e * Math.cos(s), t + e * Math.sin(s));
+    const o = 2 * Math.PI * r / n;
+    i.push(s + e * Math.cos(o), t + e * Math.sin(o));
   }
   return i;
 }
-function sn(o, t, e, n, i = 64) {
+function nn(s, t, e, n, i = 64) {
   const r = [];
-  for (let s = 0; s < i; s++) {
-    const a = 2 * Math.PI * s / i;
-    r.push(o + e * Math.cos(a), t + n * Math.sin(a));
+  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));
   }
   return r;
 }
-function an(o) {
+function rn(s) {
   const t = [];
-  let e = [], n = 0, i = 0, r = 0, s = 0, a = 0, l = 0, u = "";
-  const h = ln(o);
+  let e = [], n = 0, i = 0, r = 0, o = 0, l = 0, a = 0, h = "";
+  const c = sn(s);
   let f = 0;
-  function c() {
-    return f >= h.length ? 0 : parseFloat(h[f++]);
-  }
-  for (; f < h.length; ) {
-    const E = h[f];
-    let v;
-    /^[a-zA-Z]$/.test(E) ? (v = E, f++) : v = u === "M" ? "L" : u === "m" ? "l" : u;
-    const p = v === v.toLowerCase();
-    switch (v.toUpperCase()) {
+  function u() {
+    return f >= c.length ? 0 : parseFloat(c[f++]);
+  }
+  for (; f < c.length; ) {
+    const x = c[f];
+    let p;
+    /^[a-zA-Z]$/.test(x) ? (p = x, f++) : p = h === "M" ? "L" : h === "m" ? "l" : h;
+    const d = p === p.toLowerCase();
+    switch (p.toUpperCase()) {
       case "M": {
         e.length > 0 && t.push(e), e = [];
-        const x = c() + (p ? n : 0), y = c() + (p ? i : 0);
-        n = x, i = y, r = x, s = y, e.push(n, i), a = n, l = i;
+        const E = u() + (d ? n : 0), b = u() + (d ? i : 0);
+        n = E, i = b, r = E, o = b, e.push(n, i), l = n, a = i;
         break;
       }
       case "L": {
-        n = c() + (p ? n : 0), i = c() + (p ? i : 0), e.push(n, i), a = n, l = i;
+        n = u() + (d ? n : 0), i = u() + (d ? i : 0), e.push(n, i), l = n, a = i;
         break;
       }
       case "H": {
-        n = c() + (p ? n : 0), e.push(n, i), a = n, l = i;
+        n = u() + (d ? n : 0), e.push(n, i), l = n, a = i;
         break;
       }
       case "V": {
-        i = c() + (p ? i : 0), e.push(n, i), a = n, l = i;
+        i = u() + (d ? i : 0), e.push(n, i), l = n, a = i;
         break;
       }
       case "C": {
-        const x = c() + (p ? n : 0), y = c() + (p ? i : 0), d = c() + (p ? n : 0), g = c() + (p ? i : 0), b = c() + (p ? n : 0), T = c() + (p ? i : 0);
-        nt(e, n, i, x, y, d, g, b, T), n = b, i = T, a = d, l = g;
+        const E = u() + (d ? n : 0), b = 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, E, b, g, v, m, T), n = m, i = T, l = g, a = v;
         break;
       }
       case "S": {
-        const x = 2 * n - a, y = 2 * i - l, d = c() + (p ? n : 0), g = c() + (p ? i : 0), b = c() + (p ? n : 0), T = c() + (p ? i : 0);
-        nt(e, n, i, x, y, d, g, b, T), n = b, i = T, a = d, l = g;
+        const E = 2 * n - l, b = 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, E, b, g, v, m, T), n = m, i = T, l = g, a = v;
         break;
       }
       case "Q": {
-        const x = c() + (p ? n : 0), y = c() + (p ? i : 0), d = c() + (p ? n : 0), g = c() + (p ? i : 0);
-        It(e, n, i, x, y, d, g), n = d, i = g, a = x, l = y;
+        const E = u() + (d ? n : 0), b = u() + (d ? i : 0), g = u() + (d ? n : 0), v = u() + (d ? i : 0);
+        It(e, n, i, E, b, g, v), n = g, i = v, l = E, a = b;
         break;
       }
       case "T": {
-        const x = 2 * n - a, y = 2 * i - l, d = c() + (p ? n : 0), g = c() + (p ? i : 0);
-        It(e, n, i, x, y, d, g), n = d, i = g, a = x, l = y;
+        const E = 2 * n - l, b = 2 * i - a, g = u() + (d ? n : 0), v = u() + (d ? i : 0);
+        It(e, n, i, E, b, g, v), n = g, i = v, l = E, a = b;
         break;
       }
       case "A": {
-        const x = c(), y = c(), d = c(), g = c(), b = c(), T = c() + (p ? n : 0), m = c() + (p ? i : 0);
-        un(e, n, i, x, y, d, !!g, !!b, T, m), n = T, i = m, a = n, l = i;
+        const E = u(), b = u(), g = u(), v = u(), m = u(), T = u() + (d ? n : 0), w = u() + (d ? i : 0);
+        an(e, n, i, E, b, g, !!v, !!m, T, w), n = T, i = w, l = n, a = i;
         break;
       }
       case "Z": {
-        n = r, i = s, e.length > 0 && t.push(e), e = [], a = n, l = i;
+        n = r, i = o, e.length > 0 && t.push(e), e = [], l = n, a = i;
         break;
       }
       default:
         f++;
         break;
     }
-    u = v;
+    h = p;
   }
   return e.length >= 6 && t.push(e), t;
 }
-function ln(o) {
+function sn(s) {
   const t = [], e = /([a-zA-Z])|([+-]?(?:\d+\.?\d*|\.\d+)(?:[eE][+-]?\d+)?)/g;
   let n;
-  for (; (n = e.exec(o)) !== null; )
+  for (; (n = e.exec(s)) !== null; )
     t.push(n[0]);
   return t;
 }
-const hn = 0.5;
-function nt(o, t, e, n, i, r, s, a, l, u = 0) {
-  if (u > 12) {
-    o.push(a, l);
+const on = 0.5;
+function it(s, t, e, n, i, r, o, l, a, h = 0) {
+  if (h > 12) {
+    s.push(l, a);
     return;
   }
-  const h = a - t, f = l - e, c = Math.sqrt(h * h + f * f);
-  if (c < 1e-6) {
-    o.push(a, l);
+  const c = l - t, f = a - e, u = Math.sqrt(c * c + f * f);
+  if (u < 1e-6) {
+    s.push(l, a);
     return;
   }
-  const E = Math.abs((n - a) * f - (i - l) * h) / c, v = Math.abs((r - a) * f - (s - l) * h) / c;
-  if (E + v < hn) {
-    o.push(a, l);
+  const x = Math.abs((n - l) * f - (i - a) * c) / u, p = Math.abs((r - l) * f - (o - a) * c) / u;
+  if (x + p < on) {
+    s.push(l, a);
     return;
   }
-  const p = (t + n) / 2, P = (e + i) / 2, x = (n + r) / 2, y = (i + s) / 2, d = (r + a) / 2, g = (s + l) / 2, b = (p + x) / 2, T = (P + y) / 2, m = (x + d) / 2, S = (y + g) / 2, w = (b + m) / 2, F = (T + S) / 2;
-  nt(o, t, e, p, P, b, T, w, F, u + 1), nt(o, w, F, m, S, d, g, a, l, u + 1);
+  const d = (t + n) / 2, y = (e + i) / 2, E = (n + r) / 2, b = (i + o) / 2, g = (r + l) / 2, v = (o + a) / 2, m = (d + E) / 2, T = (y + b) / 2, w = (E + g) / 2, A = (b + 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);
 }
-function It(o, t, e, n, i, r, s) {
-  const a = t + 0.6666666666666666 * (n - t), l = e + 2 / 3 * (i - e), u = r + 2 / 3 * (n - r), h = s + 2 / 3 * (i - s);
-  nt(o, t, e, a, l, u, h, r, s);
+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 un(o, t, e, n, i, r, s, a, l, u) {
+function an(s, t, e, n, i, r, o, l, a, h) {
   if (n === 0 || i === 0) {
-    o.push(l, u);
+    s.push(a, h);
     return;
   }
-  let h = Math.abs(n), f = Math.abs(i);
-  const c = r * Math.PI / 180, E = Math.cos(c), v = Math.sin(c), p = (t - l) / 2, P = (e - u) / 2, x = E * p + v * P, y = -v * p + E * P;
-  let d = x * x / (h * h) + y * y / (f * f);
-  if (d > 1) {
-    const M = Math.sqrt(d);
-    h *= M, f *= M, d = 1;
-  }
-  const g = h * h, b = f * f, T = x * x, m = y * y;
-  let S = Math.max(0, (g * b - g * m - b * T) / (g * m + b * T));
-  S = Math.sqrt(S), s === a && (S = -S);
-  const w = S * (h * y) / f, F = S * -(f * x) / h, U = E * w - v * F + (t + l) / 2, _ = v * w + E * F + (e + u) / 2, R = Bt(1, 0, (x - w) / h, (y - F) / f);
-  let D = Bt(
-    (x - w) / h,
-    (y - F) / f,
-    (-x - w) / h,
-    (-y - F) / f
+  let c = Math.abs(n), f = Math.abs(i);
+  const u = r * Math.PI / 180, x = Math.cos(u), p = Math.sin(u), d = (t - a) / 2, y = (e - h) / 2, E = x * d + p * y, b = -p * d + x * y;
+  let g = E * E / (c * c) + b * b / (f * f);
+  if (g > 1) {
+    const U = Math.sqrt(g);
+    c *= U, f *= U, g = 1;
+  }
+  const v = c * c, m = f * f, T = E * E, w = b * b;
+  let A = Math.max(0, (v * m - v * w - m * T) / (v * w + m * T));
+  A = Math.sqrt(A), o === l && (A = -A);
+  const P = A * (c * b) / f, F = A * -(f * E) / c, _ = x * P - p * F + (t + a) / 2, I = p * P + x * F + (e + h) / 2, C = Mt(1, 0, (E - P) / c, (b - F) / f);
+  let S = Mt(
+    (E - P) / c,
+    (b - F) / f,
+    (-E - P) / c,
+    (-b - F) / f
   );
-  !a && D > 0 && (D -= 2 * Math.PI), a && D < 0 && (D += 2 * Math.PI);
-  const L = Math.max(4, Math.ceil(Math.abs(D) / (Math.PI / 16)));
-  for (let M = 1; M <= L; M++) {
-    const V = R + M / L * D, I = Math.cos(V), N = Math.sin(V), tt = E * h * I - v * f * N + U, st = v * h * I + E * f * N + _;
-    o.push(tt, st);
+  !l && S > 0 && (S -= 2 * Math.PI), l && S < 0 && (S += 2 * Math.PI);
+  const D = Math.max(4, Math.ceil(Math.abs(S) / (Math.PI / 16)));
+  for (let U = 1; U <= D; U++) {
+    const M = C + U / D * S, k = Math.cos(M), j = Math.sin(M), et = x * c * k - p * f * j + _, at = p * c * k + x * f * j + I;
+    s.push(et, at);
   }
 }
-function Bt(o, t, e, n) {
-  const i = o * n - t * e < 0 ? -1 : 1, r = o * e + t * n, s = Math.sqrt(o * o + t * t), a = Math.sqrt(e * e + n * n), l = r / (s * a);
-  return i * Math.acos(Math.max(-1, Math.min(1, l)));
+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 cn(o) {
+function ln(s) {
   const t = [], e = [];
-  for (let n = 0; n < o.length; n++) {
+  for (let n = 0; n < s.length; n++) {
     n > 0 && e.push(t.length / 2);
-    for (const i of o[n])
+    for (const i of s[n])
       t.push(i);
   }
   return { flatCoords: t, holeIndices: e };
 }
-function Yt(o) {
-  const t = o.length, e = o.map((i) => Math.abs(jt(i))), n = new Array(t).fill(!1);
+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++) {
     let r = 0;
-    const s = o[i][0], a = o[i][1];
-    for (let l = 0; l < t; l++)
-      i !== l && e[l] > e[i] && Zt(s, a, o[l]) && r++;
+    const o = s[i][0], l = s[i][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;
   }
   return n;
 }
-function fn(o) {
-  if (o.length <= 1)
-    return [o];
-  const t = Yt(o), e = o.map((s, a) => {
-    const l = jt(s);
-    return { index: a, contour: s, area: l, isOuter: !t[a] };
-  }), n = e.filter((s) => s.isOuter), i = e.filter((s) => !s.isOuter);
+function un(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)
-    return o.map((s) => [s]);
-  const r = n.map((s) => ({
-    outer: s.contour,
+    return s.map((o) => [o]);
+  const r = n.map((o) => ({
+    outer: o.contour,
     holes: []
   }));
-  for (const s of i) {
-    const a = s.contour[0], l = s.contour[1];
-    let u = -1, h = 1 / 0;
+  for (const o of i) {
+    const l = o.contour[0], a = o.contour[1];
+    let h = -1, c = 1 / 0;
     for (let f = 0; f < n.length; f++)
-      if (Zt(a, l, n[f].contour)) {
-        const c = Math.abs(n[f].area);
-        c < h && (h = c, u = f);
+      if (Yt(l, a, n[f].contour)) {
+        const u = Math.abs(n[f].area);
+        u < c && (c = u, h = f);
       }
-    u >= 0 ? r[u].holes.push(s.contour) : r.push({ outer: s.contour, holes: [] });
+    h >= 0 ? r[h].holes.push(o.contour) : r.push({ outer: o.contour, holes: [] });
   }
-  return r.map((s) => [s.outer, ...s.holes]);
+  return r.map((o) => [o.outer, ...o.holes]);
 }
-function jt(o) {
+function qt(s) {
   let t = 0;
-  const e = o.length;
+  const e = s.length;
   for (let n = 0; n < e; n += 2) {
-    const i = o[n], r = o[n + 1], s = o[(n + 2) % e], a = o[(n + 3) % e];
-    t += i * a - s * r;
+    const i = s[n], r = s[n + 1], o = s[(n + 2) % e], l = s[(n + 3) % e];
+    t += i * l - o * r;
   }
   return t / 2;
 }
-function Zt(o, t, e) {
+function Yt(s, t, e) {
   let n = !1;
   const i = e.length;
-  for (let r = 0, s = i - 2; r < i; s = r, r += 2) {
-    const a = e[r], l = e[r + 1], u = e[s], h = e[s + 1];
-    l > t != h > t && o < (u - a) * (t - l) / (h - l) + a && (n = !n);
+  for (let r = 0, o = i - 2; r < i; 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);
   }
   return n;
 }
-function dn(o, t, e = 2) {
-  const n = t && t.length > 0, i = n ? t[0] * e : o.length;
-  let r = $t(o, 0, i, e, !0);
-  const s = [];
-  if (!r || r.next === r.prev) return s;
-  n && (r = xn(o, t, r, e));
-  let a = 1 / 0, l = 1 / 0, u = -1 / 0, h = -1 / 0, f = 0;
-  if (o.length > 80 * e) {
-    for (let c = 0; c < i; c += e) {
-      const E = o[c], v = o[c + 1];
-      E < a && (a = E), v < l && (l = v), E > u && (u = E), v > h && (h = v);
+function cn(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);
+  const o = [];
+  if (!r || r.next === r.prev) return o;
+  n && (r = pn(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) {
+      const x = s[u], p = s[u + 1];
+      x < l && (l = x), p < a && (a = p), x > h && (h = x), p > c && (c = p);
     }
-    f = Math.max(u - a, h - l), f = f !== 0 ? 32767 / f : 0;
+    f = Math.max(h - l, c - a), f = f !== 0 ? 32767 / f : 0;
   }
-  return it(r, s, e, a, l, f, 0), s;
+  return rt(r, o, e, l, a, f, 0), o;
 }
-function $t(o, t, e, n, i) {
+function jt(s, t, e, n, i) {
   let r = null;
-  if (i === Pn(o, t, e, n) > 0)
-    for (let s = t; s < e; s += n)
-      r = Vt(s, o[s], o[s + 1], r);
+  if (i === Rn(s, t, e, n) > 0)
+    for (let o = t; o < e; o += n)
+      r = Bt(o, s[o], s[o + 1], r);
   else
-    for (let s = e - n; s >= t; s -= n)
-      r = Vt(s, o[s], o[s + 1], r);
-  return r && gt(r, r.next) && (ot(r), r = r.next), r ? (r.next.prev = r, r.prev.next = r, r.next) : null;
+    for (let o = e - n; o >= t; o -= n)
+      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 W(o, t) {
-  t || (t = o);
-  let e = o, n;
+function Y(s, t) {
+  t || (t = s);
+  let e = s, n;
   do
-    if (n = !1, !e.steiner && (gt(e, e.next) || C(e.prev, e, e.next) === 0)) {
+    if (n = !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;
     } else
@@ -3734,215 +3836,215 @@ function W(o, t) {
   while (n || e !== t);
   return t;
 }
-function it(o, t, e, n, i, r, s) {
-  if (!o) return;
-  !s && r && yn(o, n, i, r);
-  let a = o, l, u;
-  for (; o.prev !== o.next; ) {
-    if (l = o.prev, u = o.next, r ? pn(o, n, i, r) : mn(o)) {
-      t.push(l.i / e, o.i / e, u.i / e), ot(o), o = u.next, a = u.next;
+function rt(s, t, e, n, i, r, o) {
+  if (!s) return;
+  !o && r && Tn(s, n, i, r);
+  let l = s, a, h;
+  for (; s.prev !== s.next; ) {
+    if (a = s.prev, h = s.next, r ? fn(s, n, i, r) : hn(s)) {
+      t.push(a.i / e, s.i / e, h.i / e), ot(s), s = h.next, l = h.next;
       continue;
     }
-    if (o = u, o === a) {
-      s ? s === 1 ? (o = gn(W(o), t, e), it(o, t, e, n, i, r, 2)) : s === 2 && vn(o, t, e, n, i, r) : it(W(o), t, e, n, i, r, 1);
+    if (s = h, s === l) {
+      o ? o === 1 ? (s = dn(Y(s), t, e), rt(s, t, e, n, i, r, 2)) : o === 2 && mn(s, t, e, n, i, r) : rt(Y(s), t, e, n, i, r, 1);
       break;
     }
   }
 }
-function mn(o) {
-  const t = o.prev, e = o, n = o.next;
-  if (C(t, e, n) >= 0) return !1;
-  const i = t.x, r = e.x, s = n.x, a = t.y, l = e.y, u = n.y, h = i < r ? i < s ? i : s : r < s ? r : s, f = a < l ? a < u ? a : u : l < u ? l : u, c = i > r ? i > s ? i : s : r > s ? r : s, E = a > l ? a > u ? a : u : l > u ? l : u;
-  let v = n.next;
-  for (; v !== t; ) {
-    if (v.x >= h && v.x <= c && v.y >= f && v.y <= E && J(i, a, r, l, s, u, v.x, v.y) && C(v.prev, v, v.next) >= 0)
+function hn(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;
+  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)
       return !1;
-    v = v.next;
+    p = p.next;
   }
   return !0;
 }
-function pn(o, t, e, n) {
-  const i = o.prev, r = o, s = o.next;
-  if (C(i, r, s) >= 0) return !1;
-  const a = i.x, l = r.x, u = s.x, h = i.y, f = r.y, c = s.y, E = a < l ? a < u ? a : u : l < u ? l : u, v = h < f ? h < c ? h : c : f < c ? f : c, p = a > l ? a > u ? a : u : l > u ? l : u, P = h > f ? h > c ? h : c : f > c ? f : c, x = St(E, v, t, e, n), y = St(p, P, t, e, n);
-  let d = o.prevZ, g = o.nextZ;
-  for (; d && d.z >= x && g && g.z <= y; ) {
-    if (d.x >= E && d.x <= p && d.y >= v && d.y <= P && d !== i && d !== s && J(a, h, l, f, u, c, d.x, d.y) && C(d.prev, d, d.next) >= 0 || (d = d.prevZ, g.x >= E && g.x <= p && g.y >= v && g.y <= P && g !== i && g !== s && J(a, h, l, f, u, c, g.x, g.y) && C(g.prev, g, g.next) >= 0)) return !1;
-    g = g.nextZ;
+function fn(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, E = yt(x, p, t, e, n), b = yt(d, y, t, e, n);
+  let g = s.prevZ, v = s.nextZ;
+  for (; g && g.z >= E && v && v.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 || (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;
+    v = v.nextZ;
   }
-  for (; d && d.z >= x; ) {
-    if (d.x >= E && d.x <= p && d.y >= v && d.y <= P && d !== i && d !== s && J(a, h, l, f, u, c, d.x, d.y) && C(d.prev, d, d.next) >= 0) return !1;
-    d = d.prevZ;
+  for (; g && g.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) return !1;
+    g = g.prevZ;
   }
-  for (; g && g.z <= y; ) {
-    if (g.x >= E && g.x <= p && g.y >= v && g.y <= P && g !== i && g !== s && J(a, h, l, f, u, c, g.x, g.y) && C(g.prev, g, g.next) >= 0) return !1;
-    g = g.nextZ;
+  for (; v && v.z <= b; ) {
+    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;
+    v = v.nextZ;
   }
   return !0;
 }
-function gn(o, t, e) {
-  let n = o;
+function dn(s, t, e) {
+  let n = s;
   do {
     const i = n.prev, r = n.next.next;
-    !gt(i, r) && Kt(i, n, n.next, r) && rt(i, r) && rt(r, i) && (t.push(i.i / e, n.i / e, r.i / e), ot(n), ot(n.next), n = o = r), n = n.next;
-  } while (n !== o);
-  return W(n);
+    !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);
 }
-function vn(o, t, e, n, i, r) {
-  let s = o;
+function mn(s, t, e, n, i, r) {
+  let o = s;
   do {
-    let a = s.next.next;
-    for (; a !== s.prev; ) {
-      if (s.i !== a.i && wn(s, a)) {
-        let l = Jt(s, a);
-        s = W(s, s.next), l = W(l, l.next), it(s, t, e, n, i, r, 0), it(l, t, e, n, i, r, 0);
+    let l = o.next.next;
+    for (; l !== o.prev; ) {
+      if (o.i !== l.i && Sn(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);
         return;
       }
-      a = a.next;
+      l = l.next;
     }
-    s = s.next;
-  } while (s !== o);
+    o = o.next;
+  } while (o !== s);
 }
-function xn(o, t, e, n) {
+function pn(s, t, e, n) {
   const i = [];
   for (let r = 0; r < t.length; r++) {
-    const s = t[r] * n, a = r < t.length - 1 ? t[r + 1] * n : o.length, l = $t(o, s, a, n, !1);
-    l && (l === l.next && (l.steiner = !0), i.push(An(l)));
+    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(bn(a)));
   }
-  i.sort((r, s) => r.x - s.x);
+  i.sort((r, o) => r.x - o.x);
   for (const r of i)
-    e = Tn(r, e);
+    e = gn(r, e);
   return e;
 }
-function Tn(o, t) {
-  const e = En(o, t);
+function gn(s, t) {
+  const e = vn(s, t);
   if (!e) return t;
-  const n = Jt(e, o);
-  return W(n, n.next), W(e, e.next);
+  const n = $t(e, s);
+  return Y(n, n.next), Y(e, e.next);
 }
-function En(o, t) {
+function vn(s, t) {
   let e = t;
-  const n = o.x, i = o.y;
-  let r = -1 / 0, s = null;
+  const n = s.x, i = 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, s = e.x < e.next.x ? e : e.next, f === n))
-        return s;
+      if (f <= n && f > r && (r = f, o = e.x < e.next.x ? e : e.next, f === n))
+        return o;
     }
     e = e.next;
   } while (e !== t);
-  if (!s) return null;
-  const a = s, l = s.x, u = s.y;
-  let h = 1 / 0;
-  e = s;
+  if (!o) return null;
+  const l = o, a = o.x, h = o.y;
+  let c = 1 / 0;
+  e = o;
   do {
-    if (n >= e.x && e.x >= l && n !== e.x && J(i < u ? n : r, i, l, u, i < u ? r : n, i, e.x, e.y)) {
+    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);
-      rt(e, o) && (f < h || f === h && (e.x > s.x || bn(s, e))) && (s = e, h = f);
+      st(e, s) && (f < c || f === c && (e.x > o.x || xn(o, e))) && (o = e, c = f);
     }
     e = e.next;
-  } while (e !== a);
-  return s;
+  } while (e !== l);
+  return o;
 }
-function bn(o, t) {
-  return C(o.prev, o, t.prev) < 0 && C(t.next, o, o.next) < 0;
+function xn(s, t) {
+  return L(s.prev, s, t.prev) < 0 && L(t.next, s, s.next) < 0;
 }
-function yn(o, t, e, n) {
-  let i = o;
+function Tn(s, t, e, n) {
+  let i = s;
   do
-    i.z === 0 && (i.z = St(i.x, i.y, t, e, n)), i.prevZ = i.prev, i.nextZ = i.next, i = i.next;
-  while (i !== o);
-  i.prevZ.nextZ = null, i.prevZ = null, Sn(i);
+    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, En(i);
 }
-function Sn(o) {
+function En(s) {
   let t = 1, e;
   do {
-    let n = o;
-    o = null;
+    let n = s;
+    s = null;
     let i = null;
     for (e = 0; n; ) {
       e++;
-      let r = n, s = 0;
-      for (let l = 0; l < t && (s++, r = r.nextZ, !!r); l++)
+      let r = n, o = 0;
+      for (let a = 0; a < t && (o++, r = r.nextZ, !!r); a++)
         ;
-      let a = t;
-      for (; s > 0 || a > 0 && r; ) {
-        let l;
-        s !== 0 && (a === 0 || !r || n.z <= r.z) ? (l = n, n = n.nextZ, s--) : (l = r, r = r.nextZ, a--), i ? i.nextZ = l : o = l, l.prevZ = i, i = l;
+      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;
       }
       n = r;
     }
     i.nextZ = null, t *= 2;
   } while (e > 1);
-  return o;
+  return s;
 }
-function St(o, t, e, n, i) {
-  let r = (o - e) * i | 0, s = (t - n) * i | 0;
-  return r = (r | r << 8) & 16711935, r = (r | r << 4) & 252645135, r = (r | r << 2) & 858993459, r = (r | r << 1) & 1431655765, s = (s | s << 8) & 16711935, s = (s | s << 4) & 252645135, s = (s | s << 2) & 858993459, s = (s | s << 1) & 1431655765, r | s << 1;
+function yt(s, t, e, n, i) {
+  let r = (s - e) * i | 0, o = (t - n) * i | 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 An(o) {
-  let t = o, e = o;
+function bn(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 !== o);
+  while (t !== s);
   return e;
 }
-function J(o, t, e, n, i, r, s, a) {
-  return (i - s) * (t - a) - (o - s) * (r - a) >= 0 && (o - s) * (n - a) - (e - s) * (t - a) >= 0 && (e - s) * (r - a) - (i - s) * (n - a) >= 0;
+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 wn(o, t) {
-  return o.next.i !== t.i && o.prev.i !== t.i && !Rn(o, t) && (rt(o, t) && rt(t, o) && Dn(o, t) && (C(o.prev, o, t.prev) !== 0 || C(o, t.prev, t) !== 0) || gt(o, t) && C(o.prev, o, o.next) > 0 && C(t.prev, t, t.next) > 0);
+function Sn(s, t) {
+  return s.next.i !== t.i && s.prev.i !== t.i && !yn(s, t) && (st(s, t) && st(t, s) && wn(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 C(o, t, e) {
-  return (t.y - o.y) * (e.x - t.x) - (t.x - o.x) * (e.y - t.y);
+function L(s, t, e) {
+  return (t.y - s.y) * (e.x - t.x) - (t.x - s.x) * (e.y - t.y);
 }
-function gt(o, t) {
-  return o.x === t.x && o.y === t.y;
+function vt(s, t) {
+  return s.x === t.x && s.y === t.y;
 }
-function Kt(o, t, e, n) {
-  const i = ut(C(o, t, e)), r = ut(C(o, t, n)), s = ut(C(e, n, o)), a = ut(C(e, n, t));
-  return !!(i !== r && s !== a || i === 0 && ht(o, e, t) || r === 0 && ht(o, n, t) || s === 0 && ht(e, o, n) || a === 0 && ht(e, t, n));
+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 ht(o, t, e) {
-  return t.x <= Math.max(o.x, e.x) && t.x >= Math.min(o.x, e.x) && t.y <= Math.max(o.y, e.y) && t.y >= Math.min(o.y, e.y);
+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);
 }
-function ut(o) {
-  return o > 0 ? 1 : o < 0 ? -1 : 0;
+function ct(s) {
+  return s > 0 ? 1 : s < 0 ? -1 : 0;
 }
-function Rn(o, t) {
-  let e = o;
+function yn(s, t) {
+  let e = s;
   do {
-    if (e.i !== o.i && e.next.i !== o.i && e.i !== t.i && e.next.i !== t.i && Kt(e, e.next, o, t)) return !0;
+    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;
     e = e.next;
-  } while (e !== o);
+  } while (e !== s);
   return !1;
 }
-function rt(o, t) {
-  return C(o.prev, o, o.next) < 0 ? C(o, t, o.next) >= 0 && C(o, o.prev, t) >= 0 : C(o, t, o.prev) < 0 || C(o, o.next, t) < 0;
+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 Dn(o, t) {
-  let e = o, n = !1;
-  const i = (o.x + t.x) / 2, r = (o.y + t.y) / 2;
+function wn(s, t) {
+  let e = s, n = !1;
+  const i = (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;
-  while (e !== o);
+  while (e !== s);
   return n;
 }
-function Jt(o, t) {
-  const e = At(o.i, o.x, o.y), n = At(t.i, t.x, t.y), i = o.next, r = t.prev;
-  return o.next = t, t.prev = o, e.next = i, i.prev = e, n.next = e, e.prev = n, r.next = n, n.prev = r, n;
+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;
 }
-function Vt(o, t, e, n) {
-  const i = At(o, t, e);
+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 ot(o) {
-  o.next.prev = o.prev, o.prev.next = o.next, o.prevZ && (o.prevZ.nextZ = o.nextZ), o.nextZ && (o.nextZ.prevZ = o.prevZ);
+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);
 }
-function At(o, t, e) {
+function wt(s, t, e) {
   return {
-    i: o,
+    i: s,
     x: t,
     y: e,
     prev: null,
@@ -3953,13 +4055,13 @@ function At(o, t, e) {
     steiner: !1
   };
 }
-function Pn(o, t, e, n) {
+function Rn(s, t, e, n) {
   let i = 0;
-  for (let r = t, s = e - n; r < e; r += n)
-    i += (o[s] - o[r]) * (o[r + 1] + o[s + 1]), s = r;
+  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;
 }
-const A = {
+const R = {
   parallaxX: 0.4,
   parallaxY: 0.8,
   parallaxMax: 30,
@@ -4014,67 +4116,8 @@ const A = {
   autoplay: !0,
   loop: !0,
   muted: !0
-}, Z = 512, $ = 512;
-class Pt {
-  constructor(t, e = 0.08, n = 0.06) {
-    this.host = t, this.lerpFactor = e, this.motionLerpFactor = n, this.host.addEventListener("mousemove", this.handleMouseMove), this.host.addEventListener("mouseleave", this.resetPointerTarget), this.host.addEventListener("touchstart", this.handleTouchStart, { passive: !0 }), this.host.addEventListener("touchmove", this.handleTouchMove, { passive: !0 }), this.host.addEventListener("touchend", this.handleTouchEnd, { passive: !0 }), this.host.addEventListener("touchcancel", this.handleTouchEnd, { passive: !0 });
-  }
-  pointerTarget = { x: 0, y: 0 };
-  motionTarget = { x: 0, y: 0 };
-  smoothedOutput = { x: 0, y: 0 };
-  usingMotionInput = !1;
-  motionListenerAttached = !1;
-  motionRequested = !1;
-  touchActive = !1;
-  touchAnchorX = 0;
-  touchAnchorY = 0;
-  lerpFactor;
-  motionLerpFactor;
-  static TOUCH_DRAG_RANGE = 100;
-  update() {
-    const t = this.touchActive ? this.pointerTarget : this.usingMotionInput ? this.motionTarget : this.pointerTarget, e = this.usingMotionInput && !this.touchActive ? this.motionLerpFactor : this.lerpFactor;
-    return this.smoothedOutput.x = ct(this.smoothedOutput.x, t.x, e), this.smoothedOutput.y = ct(this.smoothedOutput.y, t.y, e), this.smoothedOutput;
-  }
-  dispose() {
-    this.host.removeEventListener("mousemove", this.handleMouseMove), this.host.removeEventListener("mouseleave", this.resetPointerTarget), this.host.removeEventListener("touchstart", this.handleTouchStart), this.host.removeEventListener("touchmove", this.handleTouchMove), this.host.removeEventListener("touchend", this.handleTouchEnd), this.host.removeEventListener("touchcancel", this.handleTouchEnd), this.motionListenerAttached && (window.removeEventListener("deviceorientation", this.handleDeviceOrientation), this.motionListenerAttached = !1);
-  }
-  handleMouseMove = (t) => {
-    const e = this.host.getBoundingClientRect(), n = (t.clientX - e.left) / e.width * 2 - 1, i = (t.clientY - e.top) / e.height * 2 - 1;
-    this.pointerTarget.x = K(n, -1, 1), this.pointerTarget.y = K(i, -1, 1);
-  };
-  resetPointerTarget = () => {
-    this.pointerTarget.x = 0, this.pointerTarget.y = 0;
-  };
-  handleTouchStart = (t) => {
-    const e = t.touches[0];
-    e && (this.touchActive = !0, this.touchAnchorX = e.clientX, this.touchAnchorY = e.clientY, this.pointerTarget.x = 0, this.pointerTarget.y = 0, this.motionRequested || (this.motionRequested = !0, this.requestMotionPermission()));
-  };
-  handleTouchMove = (t) => {
-    const e = t.touches[0];
-    if (!e) return;
-    const n = e.clientX - this.touchAnchorX, i = e.clientY - this.touchAnchorY, r = Pt.TOUCH_DRAG_RANGE;
-    this.pointerTarget.x = K(n / r, -1, 1), this.pointerTarget.y = K(i / r, -1, 1);
-  };
-  handleTouchEnd = () => {
-    this.touchActive = !1, this.pointerTarget.x = 0, this.pointerTarget.y = 0;
-  };
-  async requestMotionPermission() {
-    if (typeof DeviceOrientationEvent > "u") return;
-    const t = DeviceOrientationEvent;
-    if (typeof t.requestPermission == "function")
-      try {
-        if (await t.requestPermission() !== "granted") return;
-      } catch {
-        return;
-      }
-    this.motionListenerAttached || (window.addEventListener("deviceorientation", this.handleDeviceOrientation), this.motionListenerAttached = !0), this.usingMotionInput = !0;
-  }
-  handleDeviceOrientation = (t) => {
-    const e = K((t.gamma ?? 0) / 45, -1, 1), n = K((t.beta ?? 0) / 45, -1, 1);
-    this.motionTarget.x = ct(this.motionTarget.x, e, this.motionLerpFactor), this.motionTarget.y = ct(this.motionTarget.y, n, this.motionLerpFactor);
-  };
-}
-class bt extends HTMLElement {
+}, J = 512, Q = 512;
+class Et extends HTMLElement {
   static TAG_NAME = "layershift-portal";
   static get observedAttributes() {
     return [
@@ -4138,17 +4181,24 @@ class bt extends HTMLElement {
     const e = !!this.getAttribute("src"), n = !!this.getAttribute("depth-src") && !!this.getAttribute("depth-meta"), i = !!this.getAttribute("depth-model");
     return e && t && (n || i);
   }
+  _input = { x: 0, y: 0 };
+  /** The current input offset. Set this externally to drive the effect. */
+  get input() {
+    return { x: this._input.x, y: this._input.y };
+  }
+  set input(t) {
+    this._input.x = t.x, this._input.y = t.y;
+  }
   shadow;
   container = null;
   renderer = null;
-  inputHandler = null;
   source = null;
   depthEstimator = null;
   mesh = null;
   loopCount = 0;
   lifecycle;
   constructor() {
-    super(), this.shadow = this.attachShadow({ mode: "open" }), this.lifecycle = new zt(this);
+    super(), this.shadow = this.attachShadow({ mode: "open" }), this.lifecycle = new Wt(this);
   }
   // --- Attribute helpers ---
   getAttrFloat(t, e) {
@@ -4164,13 +4214,13 @@ class bt extends HTMLElement {
   }
   getAttrColor(t, e) {
     const n = this.getAttribute(t) ?? e;
-    return Fn(n);
+    return An(n);
   }
   getAttrVec3(t, e) {
-    const i = (this.getAttribute(t) ?? e).split(",").map((s) => parseFloat(s.trim()));
+    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 r = e.split(",").map((s) => parseFloat(s.trim()));
+    const r = e.split(",").map((o) => parseFloat(o.trim()));
     return [r[0], r[1], r[2]];
   }
   get sourceType() {
@@ -4178,19 +4228,19 @@ class bt extends HTMLElement {
     return t === "camera" ? "camera" : t === "image" ? "image" : "video";
   }
   get parallaxX() {
-    return this.getAttrFloat("parallax-x", A.parallaxX);
+    return this.getAttrFloat("parallax-x", R.parallaxX);
   }
   get parallaxY() {
-    return this.getAttrFloat("parallax-y", A.parallaxY);
+    return this.getAttrFloat("parallax-y", R.parallaxY);
   }
   get parallaxMax() {
-    return this.getAttrFloat("parallax-max", A.parallaxMax);
+    return this.getAttrFloat("parallax-max", R.parallaxMax);
   }
   get overscan() {
-    return this.getAttrFloat("overscan", A.overscan);
+    return this.getAttrFloat("overscan", R.overscan);
   }
   get pomSteps() {
-    return this.getAttrFloat("pom-steps", A.pomSteps);
+    return this.getAttrFloat("pom-steps", R.pomSteps);
   }
   get quality() {
     const t = this.getAttribute("quality");
@@ -4202,128 +4252,128 @@ class bt extends HTMLElement {
   }
   // Boundary
   get rimIntensity() {
-    return this.getAttrFloat("rim-intensity", A.rimIntensity);
+    return this.getAttrFloat("rim-intensity", R.rimIntensity);
   }
   get rimWidth() {
-    return this.getAttrFloat("rim-width", A.rimWidth);
+    return this.getAttrFloat("rim-width", R.rimWidth);
   }
   get rimColor() {
-    return this.getAttrColor("rim-color", A.rimColor);
+    return this.getAttrColor("rim-color", R.rimColor);
   }
   get refractionStrength() {
-    return this.getAttrFloat("refraction-strength", A.refractionStrength);
+    return this.getAttrFloat("refraction-strength", R.refractionStrength);
   }
   get chromaticStrength() {
-    return this.getAttrFloat("chromatic-strength", A.chromaticStrength);
+    return this.getAttrFloat("chromatic-strength", R.chromaticStrength);
   }
   get occlusionIntensity() {
-    return this.getAttrFloat("occlusion-intensity", A.occlusionIntensity);
+    return this.getAttrFloat("occlusion-intensity", R.occlusionIntensity);
   }
   // Lens transform
   get depthPower() {
-    return this.getAttrFloat("depth-power", A.depthPower);
+    return this.getAttrFloat("depth-power", R.depthPower);
   }
   get depthScale() {
-    return this.getAttrFloat("depth-scale", A.depthScale);
+    return this.getAttrFloat("depth-scale", R.depthScale);
   }
   get depthBias() {
-    return this.getAttrFloat("depth-bias", A.depthBias);
+    return this.getAttrFloat("depth-bias", R.depthBias);
   }
   // Interior mood
   get fogDensity() {
-    return this.getAttrFloat("fog-density", A.fogDensity);
+    return this.getAttrFloat("fog-density", R.fogDensity);
   }
   get fogColor() {
-    return this.getAttrColor("fog-color", A.fogColor);
+    return this.getAttrColor("fog-color", R.fogColor);
   }
   get colorShift() {
-    return this.getAttrFloat("color-shift", A.colorShift);
+    return this.getAttrFloat("color-shift", R.colorShift);
   }
   get brightnessBias() {
-    return this.getAttrFloat("brightness-bias", A.brightnessBias);
+    return this.getAttrFloat("brightness-bias", R.brightnessBias);
   }
   // Depth-adaptive
   get contrastLow() {
-    return this.getAttrFloat("contrast-low", A.contrastLow);
+    return this.getAttrFloat("contrast-low", R.contrastLow);
   }
   get contrastHigh() {
-    return this.getAttrFloat("contrast-high", A.contrastHigh);
+    return this.getAttrFloat("contrast-high", R.contrastHigh);
   }
   get verticalReduction() {
-    return this.getAttrFloat("vertical-reduction", A.verticalReduction);
+    return this.getAttrFloat("vertical-reduction", R.verticalReduction);
   }
   get dofStart() {
-    return this.getAttrFloat("dof-start", A.dofStart);
+    return this.getAttrFloat("dof-start", R.dofStart);
   }
   get dofStrength() {
-    return this.getAttrFloat("dof-strength", A.dofStrength);
+    return this.getAttrFloat("dof-strength", R.dofStrength);
   }
   // Bevel / dimensional typography
   get bevelIntensity() {
-    return this.getAttrFloat("bevel-intensity", A.bevelIntensity);
+    return this.getAttrFloat("bevel-intensity", R.bevelIntensity);
   }
   get bevelWidth() {
-    return this.getAttrFloat("bevel-width", A.bevelWidth);
+    return this.getAttrFloat("bevel-width", R.bevelWidth);
   }
   get bevelDarkening() {
-    return this.getAttrFloat("bevel-darkening", A.bevelDarkening);
+    return this.getAttrFloat("bevel-darkening", R.bevelDarkening);
   }
   get bevelDesaturation() {
-    return this.getAttrFloat("bevel-desaturation", A.bevelDesaturation);
+    return this.getAttrFloat("bevel-desaturation", R.bevelDesaturation);
   }
   get bevelLightAngle() {
-    return this.getAttrFloat("bevel-light-angle", A.bevelLightAngle);
+    return this.getAttrFloat("bevel-light-angle", R.bevelLightAngle);
   }
   // Volumetric edge wall
   get edgeThickness() {
-    return this.getAttrFloat("edge-thickness", A.edgeThickness);
+    return this.getAttrFloat("edge-thickness", R.edgeThickness);
   }
   get edgeSpecular() {
-    return this.getAttrFloat("edge-specular", A.edgeSpecular);
+    return this.getAttrFloat("edge-specular", R.edgeSpecular);
   }
   get edgeColor() {
-    return this.getAttrColor("edge-color", A.edgeColor);
+    return this.getAttrColor("edge-color", R.edgeColor);
   }
   // Chamfer geometry
   get chamferWidth() {
-    return this.getAttrFloat("chamfer-width", A.chamferWidth);
+    return this.getAttrFloat("chamfer-width", R.chamferWidth);
   }
   get chamferAngle() {
-    return this.getAttrFloat("chamfer-angle", A.chamferAngle);
+    return this.getAttrFloat("chamfer-angle", R.chamferAngle);
   }
   get chamferColor() {
-    return this.getAttrColor("chamfer-color", A.chamferColor);
+    return this.getAttrColor("chamfer-color", R.chamferColor);
   }
   get chamferAmbient() {
-    return this.getAttrFloat("chamfer-ambient", A.chamferAmbient);
+    return this.getAttrFloat("chamfer-ambient", R.chamferAmbient);
   }
   get chamferSpecular() {
-    return this.getAttrFloat("chamfer-specular", A.chamferSpecular);
+    return this.getAttrFloat("chamfer-specular", R.chamferSpecular);
   }
   get chamferShininess() {
-    return this.getAttrFloat("chamfer-shininess", A.chamferShininess);
+    return this.getAttrFloat("chamfer-shininess", R.chamferShininess);
   }
   // Edge occlusion
   get edgeOcclusionWidth() {
-    return this.getAttrFloat("edge-occlusion-width", A.edgeOcclusionWidth);
+    return this.getAttrFloat("edge-occlusion-width", R.edgeOcclusionWidth);
   }
   get edgeOcclusionStrength() {
-    return this.getAttrFloat("edge-occlusion-strength", A.edgeOcclusionStrength);
+    return this.getAttrFloat("edge-occlusion-strength", R.edgeOcclusionStrength);
   }
   get lightDirection3() {
-    return this.getAttrVec3("light-direction", A.lightDirection);
+    return this.getAttrVec3("light-direction", R.lightDirection);
   }
   get depthModel() {
     return this.getAttribute("depth-model");
   }
   get shouldAutoplay() {
-    return this.getAttrBool("autoplay", A.autoplay);
+    return this.getAttrBool("autoplay", R.autoplay);
   }
   get shouldLoop() {
-    return this.getAttrBool("loop", A.loop);
+    return this.getAttrBool("loop", R.loop);
   }
   get shouldMute() {
-    return this.getAttrBool("muted", A.muted);
+    return this.getAttrBool("muted", R.muted);
   }
   // --- Event dispatching ---
   emit(t, e) {
@@ -4394,86 +4444,86 @@ class bt extends HTMLElement {
     if (!this.container) return;
     const n = this.sourceType === "camera", i = this.depthModel;
     try {
-      let r, s, a, l = null;
-      const u = (x) => {
-        this.emit("layershift-portal:model-progress", x);
+      let r, o, l, a = null;
+      const h = (d) => {
+        this.emit("layershift-portal:model-progress", d);
       };
       if (n) {
-        const [x, y] = await Promise.all([
-          Gt(
+        const [d, y] = await Promise.all([
+          Xt(
             { video: { facingMode: "user" } },
             { parent: this.shadow }
           ),
-          Et(e)
+          Tt(e)
         ]);
         if (t.aborted) {
-          x.dispose();
+          d.dispose();
           return;
         }
-        if (r = x, a = y, i) {
-          if (l = await mt(i, Z, $, u), t.aborted) {
-            l.dispose(), r.dispose();
+        if (r = d, l = y, i) {
+          if (a = await dt(i, J, Q, h), t.aborted) {
+            a.dispose(), r.dispose();
             return;
           }
-          s = H(Z, $);
+          o = N(J, Q);
         } else
-          s = H(r.width, r.height);
+          o = N(r.width, r.height);
       } else {
-        const x = this.getAttribute("src"), y = this.getAttribute("depth-src"), d = this.getAttribute("depth-meta"), g = !!y && !!d, b = this.sourceType === "image" || /\.(jpe?g|png|webp|gif|avif|bmp)(\?|$)/i.test(x);
-        if (g) {
-          const [T, m, S] = await Promise.all([
-            b ? dt(x) : ft(x, {
+        const d = this.getAttribute("src"), y = this.getAttribute("depth-src"), E = this.getAttribute("depth-meta"), b = !!y && !!E, g = this.sourceType === "image" || /\.(jpe?g|png|webp|gif|avif|bmp)(\?|$)/i.test(d);
+        if (b) {
+          const [v, m, T] = await Promise.all([
+            g ? ft(d) : ht(d, {
               parent: this.shadow,
               loop: this.shouldLoop,
               muted: this.shouldMute
             }),
-            kt(y, d),
-            Et(e)
+            kt(y, E),
+            Tt(e)
           ]);
           if (t.aborted) {
-            T.dispose();
+            v.dispose();
             return;
           }
-          r = T, s = m, a = S;
+          r = v, o = m, l = T;
         } else if (i) {
-          const [T, m, S] = await Promise.all([
-            b ? dt(x) : ft(x, {
+          const [v, m, T] = await Promise.all([
+            g ? ft(d) : ht(d, {
               parent: this.shadow,
               loop: this.shouldLoop,
               muted: this.shouldMute
             }),
-            mt(i, Z, $, u),
-            Et(e)
+            dt(i, J, Q, h),
+            Tt(e)
           ]);
           if (t.aborted) {
-            T.dispose(), m.dispose();
+            v.dispose(), m.dispose();
             return;
           }
-          if (r = T, l = m, a = S, b || !r.isLive) {
+          if (r = v, a = m, l = T, g || !r.isLive) {
             const w = r.getImageSource();
             if (w) {
-              const F = await l.submitFrameAndWait(w);
-              s = {
-                meta: { frameCount: 1, fps: 1, width: Z, height: $, sourceFps: 1 },
-                frames: [F]
+              const A = await a.submitFrameAndWait(w);
+              o = {
+                meta: { frameCount: 1, fps: 1, width: J, height: Q, sourceFps: 1 },
+                frames: [A]
               };
             } else
-              s = H(Z, $);
+              o = N(J, Q);
           } else
-            s = H(Z, $);
+            o = N(J, Q);
         } else
           throw new Error("Either depth-src/depth-meta or depth-model must be provided.");
       }
-      this.source = r, this.depthEstimator = l, this.mesh = a, this.loopCount = 0, this.attachSourceEventListeners(r);
-      const h = this.container?.clientWidth || r.width, f = this.parallaxMax / Math.max(h, 1);
-      let c;
-      if (l)
-        c = () => l.getLatestDepth();
+      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);
+      let u;
+      if (a)
+        u = () => a.getLatestDepth();
       else {
-        const x = new Ot(s);
-        c = (y) => x.sample(y);
+        const d = new Vt(o);
+        u = (y) => d.sample(y);
       }
-      const E = {
+      const x = {
         parallaxStrength: f,
         overscanPadding: this.overscan,
         pomSteps: this.pomSteps,
@@ -4515,23 +4565,19 @@ class bt extends HTMLElement {
         lightDirection: this.lightDirection3
       };
       if (t.aborted) return;
-      this.renderer = new en(this.container, E), this.renderer.initialize(r, s.meta.width, s.meta.height, a), this.inputHandler = new Pt(this);
-      const v = this.parallaxX, p = this.parallaxY, P = l;
+      this.renderer = new Je(this.container, x), this.renderer.initialize(r, o.meta.width, o.meta.height, l);
+      const p = a;
       if (this.renderer.start(
         r,
-        c,
-        () => {
-          if (!this.inputHandler) return { x: 0, y: 0 };
-          const x = this.inputHandler.update();
-          return { x: x.x * v, y: x.y * p };
-        },
-        (x, y) => {
-          if (P) {
-            const d = r.getImageSource();
-            d && P.submitFrame(d);
+        u,
+        () => ({ x: this._input.x, y: this._input.y }),
+        (d, y) => {
+          if (p) {
+            const E = r.getImageSource();
+            E && p.submitFrame(E);
           }
           this.emit("layershift-portal:frame", {
-            currentTime: x,
+            currentTime: d,
             frameNumber: y
           });
         }
@@ -4547,23 +4593,17 @@ class bt extends HTMLElement {
         duration: r.duration
       });
     } catch (r) {
-      const s = r instanceof Error ? r.message : "Failed to initialize.";
-      console.error("<layershift-portal>: Failed to initialize.", r), this.emit("layershift-portal:error", { message: s });
+      const o = r instanceof Error ? r.message : "Failed to initialize.";
+      console.error("<layershift-portal>: Failed to initialize.", r), this.emit("layershift-portal:error", { message: o });
     }
   }
   // --- Cleanup ---
   doDispose() {
-    this.renderer?.dispose(), this.renderer = null, this.inputHandler?.dispose(), this.inputHandler = null, this.depthEstimator?.dispose(), this.depthEstimator = null, this.source?.dispose(), this.source = null, this.mesh = null, this.loopCount = 0, this.container = null;
+    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 K(o, t, e) {
-  return Math.min(e, Math.max(t, o));
-}
-function ct(o, t, e) {
-  return o + (t - o) * e;
-}
-function Fn(o) {
-  const t = o.replace("#", "");
+function An(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];
@@ -4574,9 +4614,110 @@ function Fn(o) {
   }
   return [0, 0, 0];
 }
-customElements.get(Tt.TAG_NAME) || customElements.define(Tt.TAG_NAME, Tt);
-customElements.get(bt.TAG_NAME) || customElements.define(bt.TAG_NAME, bt);
+function V(s, t, e) {
+  return Math.min(e, Math.max(t, s));
+}
+function W(s, t, e) {
+  return s + (t - s) * e;
+}
+const X = 100, Kt = 0.06;
+function Pn(s, t) {
+  const e = t?.sensitivityX ?? 1, n = t?.sensitivityY ?? 1, i = 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, E = (p.clientY - d.top) / d.height * 2 - 1;
+    r = V(y, -1, 1), o = V(E, -1, 1);
+  }, 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));
+  };
+  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 Dn(s, t) {
+  const e = t?.sensitivityX ?? 1, n = t?.sensitivityY ?? 1, i = t?.lerpFactor ?? 0.08;
+  let r = 0, o = 0, l = 0, a = 0, h = 0, c = 0, f = 0, u = !0;
+  const x = (E) => {
+    const b = E.touches[0];
+    b && (h = b.clientX - l * X, c = b.clientY - a * X, r = l, o = a);
+  }, p = (E) => {
+    const b = E.touches[0];
+    if (!b) return;
+    const g = b.clientX - h, v = b.clientY - c;
+    r = V(g / X, -1, 1), o = V(v / X, -1, 1);
+  }, 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));
+  };
+  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 Fn(s, t) {
+  const e = t?.sensitivityX ?? 1, n = t?.sensitivityY ?? 1, i = 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));
+  }, p = () => {
+    c && !f && (window.addEventListener("deviceorientation", u), f = !0);
+  }, d = DeviceOrientationEvent;
+  return typeof d.requestPermission == "function" ? d.requestPermission().then((y) => {
+    y === "granted" && p();
+  }).catch(() => {
+  }) : p(), h = requestAnimationFrame(x), () => {
+    c = !1, cancelAnimationFrame(h), f && (window.removeEventListener("deviceorientation", u), f = !1);
+  };
+}
+function Cn(s, t) {
+  const e = t?.sensitivityX ?? 1, n = t?.sensitivityY ?? 1, i = 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, E = 0, b = 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;
+    o = V(U, -1, 1), l = V(M, -1, 1);
+  }, T = () => {
+    o = 0, l = 0;
+  }, w = (S) => {
+    const D = S.touches[0];
+    D && (p = !0, E = D.clientX - u * X, b = D.clientY - x * X, a = u, h = x, !d && !y && I());
+  }, A = (S) => {
+    const D = S.touches[0];
+    if (!D) return;
+    const U = D.clientX - E, M = D.clientY - b;
+    a = V(U / X, -1, 1), h = V(M / X, -1, 1);
+  }, P = () => {
+    p = !1, a = 0, h = 0;
+  }, F = (S) => {
+    c = V((S.gamma ?? 0) / 45, -1, 1), f = V((S.beta ?? 0) / 45, -1, 1);
+  }, _ = () => {
+    v && !y && (window.addEventListener("deviceorientation", F), y = !0, d = !0);
+  }, I = () => {
+    if (typeof DeviceOrientationEvent > "u") return;
+    const S = DeviceOrientationEvent;
+    typeof S.requestPermission == "function" ? S.requestPermission().then((D) => {
+      D === "granted" && _();
+    }).catch(() => {
+    }) : _();
+  }, 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);
+  };
+  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);
+  };
+}
+customElements.get(xt.TAG_NAME) || customElements.define(xt.TAG_NAME, xt);
+customElements.get(Et.TAG_NAME) || customElements.define(Et.TAG_NAME, Et);
 export {
-  Tt as LayershiftElement,
-  bt as LayershiftPortalElement
+  xt as LayershiftElement,
+  Et as LayershiftPortalElement,
+  Fn as connectGyro,
+  Pn as connectMouse,
+  Cn as connectPointer,
+  Dn as connectTouch
 };