@wave3d/core 0.3.0 → 0.4.1

package/dist/standalone/wave3d.standalone.js

@@ -11493,6 +11493,22 @@ function wl() {
 		grain: 1.1,
 		blur: .02,
 		blurSamples: 6,
+		dither: 0,
+		ditherScale: 2,
+		ditherSteps: 4,
+		innerLight: 0,
+		innerLightDensity: .5,
+		innerLightDecay: .95,
+		innerLightX: .5,
+		innerLightY: .15,
+		halftone: 0,
+		halftoneCell: 6,
+		halftoneAngle: .4,
+		heatmap: 0,
+		paperTexture: 0,
+		paperTextureScale: 2,
+		halftoneCmyk: 0,
+		halftoneCmykCell: 6,
 		ambient: .45,
 		lights: [],
 		mirrorH: !1,
@@ -11578,7 +11594,7 @@ function Ol(e) {
 	}, typeof e.blendMode != "string" && (e.blendMode = "squared"), typeof e.speed != "number" && (e.speed = .04), typeof e.opacity != "number" && (e.opacity = 1), typeof e.seed != "number" && (e.seed = 0), e.interaction && Nl(e);
 }
 function kl(e) {
-	El(e), Dl(e), typeof e.ambient != "number" && (e.ambient = .45), Array.isArray(e.lights) || (e.lights = []), typeof e.quality != "number" && (e.quality = 1), typeof e.dprMax != "number" && (e.dprMax = 2), typeof e.grain != "number" && (e.grain = 1.1), typeof e.blur != "number" && (e.blur = .02), typeof e.blurSamples != "number" && (e.blurSamples = 6), typeof e.bloomStrength != "number" && (e.bloomStrength = 0), typeof e.bloomRadius != "number" && (e.bloomRadius = .4), typeof e.bloomThreshold != "number" && (e.bloomThreshold = .85), typeof e.showCameraRig != "boolean" && (e.showCameraRig = !1), typeof e.paused != "boolean" && (e.paused = !1), typeof e.loopSeconds != "number" && (e.loopSeconds = 0), typeof e.mirrorH != "boolean" && (e.mirrorH = !1), typeof e.mirrorV != "boolean" && (e.mirrorV = !1);
+	El(e), Dl(e), typeof e.ambient != "number" && (e.ambient = .45), Array.isArray(e.lights) || (e.lights = []), typeof e.quality != "number" && (e.quality = 1), typeof e.dprMax != "number" && (e.dprMax = 2), typeof e.grain != "number" && (e.grain = 1.1), typeof e.blur != "number" && (e.blur = .02), typeof e.blurSamples != "number" && (e.blurSamples = 6), typeof e.bloomStrength != "number" && (e.bloomStrength = 0), typeof e.bloomRadius != "number" && (e.bloomRadius = .4), typeof e.bloomThreshold != "number" && (e.bloomThreshold = .85), typeof e.dither != "number" && (e.dither = 0), typeof e.ditherScale != "number" && (e.ditherScale = 2), typeof e.ditherSteps != "number" && (e.ditherSteps = 4), typeof e.innerLight != "number" && (e.innerLight = 0), typeof e.innerLightDensity != "number" && (e.innerLightDensity = .5), typeof e.innerLightDecay != "number" && (e.innerLightDecay = .95), typeof e.innerLightX != "number" && (e.innerLightX = .5), typeof e.innerLightY != "number" && (e.innerLightY = .15), typeof e.halftone != "number" && (e.halftone = 0), typeof e.halftoneCell != "number" && (e.halftoneCell = 6), typeof e.halftoneAngle != "number" && (e.halftoneAngle = .4), typeof e.heatmap != "number" && (e.heatmap = 0), typeof e.paperTexture != "number" && (e.paperTexture = 0), typeof e.paperTextureScale != "number" && (e.paperTextureScale = 2), typeof e.halftoneCmyk != "number" && (e.halftoneCmyk = 0), typeof e.halftoneCmykCell != "number" && (e.halftoneCmykCell = 6), typeof e.showCameraRig != "boolean" && (e.showCameraRig = !1), typeof e.paused != "boolean" && (e.paused = !1), typeof e.loopSeconds != "number" && (e.loopSeconds = 0), typeof e.mirrorH != "boolean" && (e.mirrorH = !1), typeof e.mirrorV != "boolean" && (e.mirrorV = !1);
 }
 function Al(e, t, n, r) {
 	let i = Number(e);
@@ -11617,7 +11633,7 @@ function Nl(e) {
 }
 function Pl(e) {
 	let t = e.interaction;
-	t && (t.radius !== void 0 && (t.radius = Al(t.radius, .02, 2, .3)), t.bindings !== void 0 && (t.bindings = Ml(t.bindings, Wl)));
+	t && (t.radius !== void 0 && (t.radius = Al(t.radius, .02, 2, .3)), t.ribbonFlow !== void 0 && (t.ribbonFlow = Al(t.ribbonFlow, 0, 1, .8)), t.bindings !== void 0 && (t.bindings = Ml(t.bindings, Wl)));
 }
 function Fl(e) {
 	let t = e;
@@ -11663,7 +11679,7 @@ var Il, Ll, Rl, zl, Bl, Vl, Hl, Ul, Wl, Gl = t((() => {
 		"blur",
 		"grain"
 	];
-})), Kl, ql, Jl, Yl, Xl, Zl, Ql, $l, eu = t((() => {
+})), Kl, ql, Jl, Yl, Xl, Zl, Ql, $l, eu, tu, nu, ru, iu, au, ou = t((() => {
 	Gl(), Kl = "\nfloat xxhash(vec2 x){\n  uvec2 t = floatBitsToUint(x);\n  uint h = 0xc2b2ae3du * t.x + 0x165667b9u;\n  h = (h << 17u | h >> 15u) * 0x27d4eb2fu;\n  h += 0xc2b2ae3du * t.y;\n  h = (h << 17u | h >> 15u) * 0x27d4eb2fu;\n  h ^= h >> 15u;\n  h *= 0x85ebca77u;\n  h ^= h >> 13u;\n  h *= 0xc2b2ae3du;\n  h ^= h >> 16u;\n  return uintBitsToFloat(h >> 9u | 0x3f800000u) - 1.0;\n}\nvec2 hash(vec2 x){\n  float k = 6.283185307 * xxhash(x);\n  return vec2(cos(k), sin(k));\n}\nfloat simplexNoise(in vec2 p){\n  const float K1 = 0.366025404; // (sqrt(3)-1)/2\n  const float K2 = 0.211324865; // (3-sqrt(3))/6\n  vec2 i = floor(p + (p.x + p.y) * K1);\n  vec2 a = p - i + (i.x + i.y) * K2;\n  float m = step(a.y, a.x);\n  vec2 o = vec2(m, 1.0 - m);\n  vec2 b = a - o + K2;\n  vec2 c = a - 1.0 + 2.0 * K2;\n  vec3 h = max(0.5 - vec3(dot(a, a), dot(b, b), dot(c, c)), 0.0);\n  vec3 n = h * h * h * vec3(dot(a, hash(i + 0.0)), dot(b, hash(i + o)), dot(c, hash(i + 1.0)));\n  return dot(n, vec3(32.99)); // analytic factor (= 2916*sqrt(2)/125)\n}\n", ql = "\nuniform vec3 uColors[MAX_COLORS];\nuniform float uColorPos[MAX_COLORS];\nuniform int uColorCount;\nuniform int uGradType;\nuniform float uGradAngle;\nuniform float uGradShift;\nuniform vec2 uMeshPointPos[MAX_MESH_POINTS];\nuniform vec3 uMeshPointColor[MAX_MESH_POINTS];\nuniform float uMeshPointInfluence[MAX_MESH_POINTS];\nuniform int uMeshPointCount;\nuniform float uMeshSoftness;\nuniform sampler2D uPalette;   // baked 2D palette texture\nuniform float uUsePalette;    // >0.5 = sample the texture; else procedural grad()\nuniform float uPaletteRaw;    // >0.5 = sample palette by raw (uv.x,uv.y), not gradCoord\nuniform vec2 uPaletteScale;\nuniform vec2 uPaletteOffset;\nuniform float uPaletteRotation;\nuniform float uHueShift;\nuniform float uContrast;\nuniform float uSaturation;\nuniform float uOpacity;\nuniform float uSquared;   // 1 = square the output colour (the deep \"squared\" hero look)\n", Jl = "\nvec3 contrastFn(vec3 v, float a){ return (v - 0.5) * a + 0.5; }\nvec3 desaturate(vec3 color, float factor){\n  vec3 gray = vec3(dot(vec3(0.299, 0.587, 0.114), color));\n  return mix(color, gray, factor);\n}\nvec3 hueShift(vec3 color, float shift){\n  vec3 g = vec3(0.57735);\n  vec3 proj = g * dot(g, color);\n  vec3 U = color - proj;\n  vec3 W = cross(g, U);\n  return U * cos(shift) + W * sin(shift) + proj;\n}\n\n// Our gradient: interpolate stops by their positions (uColorPos sorted ascending).\nvec3 grad(float u){\n  u = clamp(u, 0.0, 1.0);\n  vec3 col = uColors[0];\n  for (int i = 0; i < MAX_COLORS - 1; i++){\n    if (i >= uColorCount - 1) break;\n    float p0 = uColorPos[i];\n    float p1 = uColorPos[i + 1];\n    if (u >= p0){\n      float t = clamp((u - p0) / max(p1 - p0, 1e-5), 0.0, 1.0);\n      col = mix(uColors[i], uColors[i + 1], t);\n    }\n  }\n  return col;\n}\n\n// iOS-style 2D colour field. Each control point contributes an inverse-distance\n// weight; normalising the sum fills the whole surface without dark seams.\nvec3 meshGradient(vec2 uv){\n  vec3 colorSum = vec3(0.0);\n  float weightSum = 0.0;\n  float exponent = mix(4.8, 1.35, clamp(uMeshSoftness, 0.0, 1.0));\n  for (int i = 0; i < MAX_MESH_POINTS; i++){\n    if (i >= uMeshPointCount) break;\n    float influence = max(uMeshPointInfluence[i], 0.05);\n    float distanceFromPoint = length(uv - uMeshPointPos[i]) / influence;\n    float weight = 1.0 / (pow(max(distanceFromPoint, 0.012), exponent) + 0.002);\n    colorSum += uMeshPointColor[i] * weight;\n    weightSum += weight;\n  }\n  return colorSum / max(weightSum, 0.0001);\n}\n\n// Map a surface uv to the 0–1 gradient coordinate per gradient type. uGradShift\n// adds a low-frequency simplex warp so the colour varies in 2D (along the length\n// as well as across the width) — a 2D palette feel instead\n// of flat 1-D bands.\nfloat gradCoord(vec2 uv){\n  float warp = uGradShift * simplexNoise(uv * 1.6 + 4.0);\n  if (uGradType == 1){ return clamp(length(uv - 0.5) * 2.0 + warp, 0.0, 1.0); }    // radial\n  if (uGradType == 2){ return fract(atan(uv.y - 0.5, uv.x - 0.5) / (2.0 * PI) + 0.5 + warp); } // conic\n  vec2 dir = vec2(sin(uGradAngle), cos(uGradAngle));                              // linear, angled\n  return clamp(dot(uv - 0.5, dir) + 0.5 + warp, 0.0, 1.0);\n}\n\n// One base-colour sample for the whole surface: rotate/scale/offset the raw-palette uv,\n// then pick the mesh field / baked 2D texture / procedural stops by mode. The raw palette\n// is sampled by (uv.x, uv.y) directly; the stops-generated texture is sampled via\n// gradCoord so its angle/type/warp still apply.\nvec3 waveBaseColor(vec2 uv){\n  float gc = gradCoord(uv);\n  vec2 mediaUv = uv - 0.5;\n  float mediaCos = cos(uPaletteRotation);\n  float mediaSin = sin(uPaletteRotation);\n  mediaUv = vec2(\n    mediaCos * mediaUv.x + mediaSin * mediaUv.y,\n    -mediaSin * mediaUv.x + mediaCos * mediaUv.y\n  );\n  mediaUv = mediaUv * uPaletteScale + 0.5 + uPaletteOffset;\n  vec2 puv = uPaletteRaw > 0.5\n    ? clamp(mediaUv, 0.0, 1.0)\n    : vec2(gc, clamp(uv.y, 0.0, 1.0));\n  return uGradType == 3\n    ? meshGradient(uv)\n    : (uUsePalette > 0.5 ? texture2D(uPalette, puv).rgb : grad(gc));\n}\n\n// The shared colour grade: contrast → desaturate → hue rotate (degrees).\nvec3 applyColorGrade(vec3 c){\n  c = contrastFn(c, uContrast);\n  c = desaturate(c, 1.0 - uSaturation);\n  return hueShift(c, radians(uHueShift));\n}\n", Yl = `
 ${Kl}
 
@@ -11690,6 +11706,9 @@ uniform float uPointerAgitate;
 uniform float uPointerPush;    // signed membrane dome at the cursor (+ repel / − attract)
 uniform float uPointerWake;    // drag-wake trough amplitude (behind the moving cursor)
 uniform vec2  uPointerVel;     // smoothed pointer velocity, NDC/s (drag-wake direction)
+// Ribbon flow: stretch the falloff along the strip's length axis so the field reaches ALONG the
+// ribbon rather than as a screen disc. 0 = the plain circular smoothstep (byte-identical when off).
+uniform float uShapeFlow;
 varying float vPointerFall;    // falloff × presence — consumed by both fragment themes
 #ifdef POINTER_RIPPLES
 uniform vec2  uRippleOrigin[4]; // NDC
@@ -11783,11 +11802,35 @@ void main(){
   pos = (vec4(pos, 1.0) * rotC).xyz;
 
 #ifdef POINTER_FX
-  // Pointer field: displace along the wave's own (post-twist) up-axis, weighted by a circular
-  // screen-space falloff around the smoothed cursor. Everything here is ADDITIVE and fenced, so
-  // the shared path above/below is untouched and byte-identical when POINTER_FX is off.
-  vec4 preClip = projectionMatrix * viewMatrix * modelMatrix * vec4(pos, 1.0);
-  vec2 dp = (preClip.xy / max(preClip.w, 1.0e-6) - uPointer) * vec2(uPointerAspect, 1.0);
+  // Pointer field: displace along the wave's own (post-twist) up-axis, weighted by a screen-space
+  // falloff around the smoothed cursor — a circle at uShapeFlow 0, stretched along the ribbon as it
+  // rises. Everything here is ADDITIVE and fenced, so the shared path above/below is untouched and
+  // byte-identical when POINTER_FX is off.
+  // Shared clip-space transform, computed once and reused for the cursor metric and the ribbon
+  // tangent (the compiler is not guaranteed to CSE the triple product otherwise). Associativity is
+  // unchanged, so preClip is bit-for-bit what the plain P*V*M*v product produced.
+  mat4 mvp = projectionMatrix * viewMatrix * modelMatrix;
+  vec4 preClip = mvp * vec4(pos, 1.0);
+  // Screen-space offset from the cursor (aspect-corrected → round in pixels). The DEFAULT metric.
+  vec2 ndcHere = preClip.xy / max(preClip.w, 1.0e-6);
+  vec2 dp = (ndcHere - uPointer) * vec2(uPointerAspect, 1.0);
+  // Ribbon flow: stretch the metric along the strip's own LENGTH axis so the field reaches ALONG the
+  // ribbon and stays tight across it — the "flows with the material" feel, per-vertex (so it follows
+  // the strip's curve) with no CPU surface pick. The length axis is local +X (uv.x runs with x)
+  // carried through the SAME twist as the surface. The camera is orthographic (affine, w=1), so the
+  // axis's screen image is the linear map of the DIRECTION (w=0): one mat·dir, no second
+  // point-projection and no perspective divide. (A true per-pixel uv would need GPU picking — the
+  // visible surface is shader-displaced, so a CPU raycast of the base geometry misses.)
+  if (uShapeFlow > 0.0) {
+    vec3 tangentLocal = (((vec4(1.0, 0.0, 0.0, 0.0) * rotA) * rotB) * rotC).xyz;
+    vec2 tang = (mvp * vec4(tangentLocal, 0.0)).xy * vec2(uPointerAspect, 1.0);
+    float tl = length(tang);
+    if (tl > 1.0e-6) {
+      tang /= tl;
+      vec2 nrm = vec2(-tang.y, tang.x);
+      dp = vec2(dot(dp, tang) / (1.0 + uShapeFlow * 2.5), dot(dp, nrm)); // up to 3.5× reach along length
+    }
+  }
   float fall = smoothstep(uPointerRadius, 0.0, length(dp));
   vPointerFall = fall * uPointerActive;
   // Displacement axis = local +Y carried through the SAME three twist rotations as pos (row-vector
@@ -12102,9 +12145,9 @@ void main(){
   gl_FragColor.rgb *= gl_FragColor.a;
 #endif
 }
-`, Ql = "\nvarying vec2 vUv;\nvoid main(){\n  vUv = uv;\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n}\n", $l = "\nuniform sampler2D tDiffuse;\nuniform vec2 uResolution;\nuniform float uBlurAmount;\nuniform int uBlurSamples;\nuniform float uGrainAmount;\nuniform float uTime;\nvarying vec2 vUv;\n\nfloat random2(vec2 st){ return fract(sin(dot(st.xy, vec2(12.9898, 78.233))) * 43758.5453); }\n\n// Angular (spin) blur: rotate the sample coord around the centre and\n// accumulate — a tangential smear that grows toward the edges. Carries alpha so a\n// transparent background survives the post pass.\nvec4 blurAngular(sampler2D tex, vec2 uv, float angle, int samples){\n  vec4 total = vec4(0.0);\n  vec2 coord = uv - 0.5;\n  float dist = 1.0 / float(samples);\n  vec2 dir = vec2(cos(angle * dist), sin(angle * dist));\n  mat2 rot = mat2(dir.x, dir.y, -dir.y, dir.x);\n  for (int i = 0; i < 64; i++){\n    if (i >= samples) break;\n    total += texture2D(tex, coord + 0.5);\n    coord = coord * rot; // row-vector order (coord * rot) sets the spin direction\n  }\n  return total * dist;\n}\n\nvoid main(){\n  vec4 sceneColor = texture2D(tDiffuse, vUv);\n  vec4 blurColor = blurAngular(tDiffuse, vUv, uBlurAmount, uBlurSamples);\n  // blurPower: keep a sharp band weighted to the middle, blurring toward top & bottom.\n  float blurPower = smoothstep(0.0, 0.7, vUv.y) - smoothstep(0.2, 1.0, vUv.y);\n  vec4 color = mix(blurColor, sceneColor, blurPower);\n  // Static film grain: keyed off gl_FragCoord only (no uTime), so it doesn't flicker.\n  color.rgb += mix(uGrainAmount, -uGrainAmount, random2(gl_FragCoord.xy * 0.01)) * (4.0 / 255.0);\n  gl_FragColor = color;   // preserve alpha → transparent background works\n}\n";
-})), tu, nu, ru, iu, au, ou, su = t((() => {
-	Vc(), tu = 400, nu = 16, ru = tu / 4, iu = new K(1, 0, 0), au = new K(0, 1, 0), ou = class {
+`, Ql = "\nvarying vec2 vUv;\nvoid main(){\n  vUv = uv;\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n}\n", $l = "\nuniform sampler2D tDiffuse;\nuniform vec2 uResolution;\nuniform float uBlurAmount;\nuniform int uBlurSamples;\nuniform float uGrainAmount;\nuniform float uTime;\nvarying vec2 vUv;\n\nfloat random2(vec2 st){ return fract(sin(dot(st.xy, vec2(12.9898, 78.233))) * 43758.5453); }\n\n// Angular (spin) blur: rotate the sample coord around the centre and\n// accumulate — a tangential smear that grows toward the edges. Carries alpha so a\n// transparent background survives the post pass.\nvec4 blurAngular(sampler2D tex, vec2 uv, float angle, int samples){\n  vec4 total = vec4(0.0);\n  vec2 coord = uv - 0.5;\n  float dist = 1.0 / float(samples);\n  vec2 dir = vec2(cos(angle * dist), sin(angle * dist));\n  mat2 rot = mat2(dir.x, dir.y, -dir.y, dir.x);\n  for (int i = 0; i < 64; i++){\n    if (i >= samples) break;\n    total += texture2D(tex, coord + 0.5);\n    coord = coord * rot; // row-vector order (coord * rot) sets the spin direction\n  }\n  return total * dist;\n}\n\nvoid main(){\n  vec4 sceneColor = texture2D(tDiffuse, vUv);\n  vec4 blurColor = blurAngular(tDiffuse, vUv, uBlurAmount, uBlurSamples);\n  // blurPower: keep a sharp band weighted to the middle, blurring toward top & bottom.\n  float blurPower = smoothstep(0.0, 0.7, vUv.y) - smoothstep(0.2, 1.0, vUv.y);\n  vec4 color = mix(blurColor, sceneColor, blurPower);\n  // Static film grain: keyed off gl_FragCoord only (no uTime), so it doesn't flicker.\n  color.rgb += mix(uGrainAmount, -uGrainAmount, random2(gl_FragCoord.xy * 0.01)) * (4.0 / 255.0);\n  gl_FragColor = color;   // preserve alpha → transparent background works\n}\n", eu = "\nuniform sampler2D tDiffuse;\nuniform vec2 uResolution;\nuniform float uDitherStrength;  // 0..1 mix back toward the original\nuniform float uDitherScale;     // pixel-block size in device px (paper: u_pxSize)\nuniform float uDitherSteps;     // quantization levels (paper: u_colorSteps)\nvarying vec2 vUv;\n\nconst int bayer2x2[4] = int[4](0, 2, 3, 1);\nconst int bayer4x4[16] = int[16](0, 8, 2, 10, 12, 4, 14, 6, 3, 11, 1, 9, 15, 7, 13, 5);\nconst int bayer8x8[64] = int[64](\n  0, 32, 8, 40, 2, 34, 10, 42, 48, 16, 56, 24, 50, 18, 58, 26,\n  12, 44, 4, 36, 14, 46, 6, 38, 60, 28, 52, 20, 62, 30, 54, 22,\n  3, 35, 11, 43, 1, 33, 9, 41, 51, 19, 59, 27, 49, 17, 57, 25,\n  15, 47, 7, 39, 13, 45, 5, 37, 63, 31, 55, 23, 61, 29, 53, 21\n);\nfloat getBayerValue(vec2 uv, int size){\n  ivec2 pos = ivec2(fract(uv / float(size)) * float(size));\n  int index = pos.y * size + pos.x;\n  if (size == 2) return float(bayer2x2[index]) / 4.0;\n  else if (size == 4) return float(bayer4x4[index]) / 16.0;\n  else if (size == 8) return float(bayer8x8[index]) / 64.0;\n  return 0.0;\n}\n\nvoid main(){\n  float pxSize = max(uDitherScale, 1.0);\n  vec2 pxSizeUV = gl_FragCoord.xy / pxSize;\n  vec2 sampleUV = (floor(gl_FragCoord.xy / pxSize) + 0.5) * pxSize / max(uResolution, vec2(1.0));\n  vec4 image = texture2D(tDiffuse, sampleUV);\n\n  float lum = dot(vec3(0.2126, 0.7152, 0.0722), image.rgb);\n  float colorSteps = max(floor(uDitherSteps), 1.0);\n\n  float dithering = getBayerValue(pxSizeUV, 8) - 0.5;   // paper's default 8x8 ordered screen\n  float brightness = clamp(lum + dithering / colorSteps, 0.0, 1.0);\n  brightness = mix(0.0, brightness, image.a);\n  float quantLum = floor(brightness * colorSteps + 0.5) / colorSteps;\n\n  // paper's \"original colours\" path: keep the source hue, quantize luminance.\n  vec3 color = image.rgb / max(lum, 0.001) * quantLum;\n  float quantAlpha = floor(image.a * colorSteps + 0.5) / colorSteps;\n  float opacity = mix(quantLum, 1.0, quantAlpha);\n\n  gl_FragColor = mix(image, vec4(color, opacity), clamp(uDitherStrength, 0.0, 1.0));\n}\n", tu = "\nuniform sampler2D tDiffuse;\nuniform float uInnerLight;        // 0..1 strength of the added light\nuniform float uInnerLightDensity; // ray length / spread\nuniform float uInnerLightDecay;   // per-sample falloff (<1)\nuniform vec2  uInnerLightCenter;  // light source, UV (0..1)\nvarying vec2 vUv;\n\nconst int LIGHT_SAMPLES = 24;\n\nfloat luma(vec3 c){ return dot(c, vec3(0.2126, 0.7152, 0.0722)); }\n\nvoid main(){\n  vec4 src = texture2D(tDiffuse, vUv);\n  vec2 delta = (vUv - uInnerLightCenter) * (uInnerLightDensity / float(LIGHT_SAMPLES));\n  vec2 coord = vUv;\n  float decay = 1.0;\n  vec3 rays = vec3(0.0);\n  for (int i = 0; i < LIGHT_SAMPLES; i++){\n    coord -= delta;\n    vec4 s = texture2D(tDiffuse, coord);\n    rays += s.rgb * s.a * decay;   // only opaque (wave) pixels emit light\n    decay *= uInnerLightDecay;\n  }\n  rays /= float(LIGHT_SAMPLES);\n  vec3 outc = src.rgb + rays * uInnerLight;\n  float outA = max(src.a, luma(rays) * uInnerLight); // shafts stay visible over the transparent bg\n  gl_FragColor = vec4(outc, clamp(outA, 0.0, 1.0));\n}\n", nu = "\nuniform sampler2D tDiffuse;\nuniform vec2 uResolution;\nuniform float uHalftone;      // 0..1 mix\nuniform float uHalftoneCell;  // dot cell size in device px (paper: u_size)\nuniform float uHalftoneAngle; // screen rotation (radians, paper: u_rotation)\nvarying vec2 vUv;\n\nfloat sigmoid(float x, float k){ return 1.0 / (1.0 + exp(-k * (x - 0.5))); }\n// paper's classic dot: radius grows as the sampled cell darkens (1 - lum), soft edge via fwidth.\nfloat getCircle(vec2 uv, float lum, float baseR){\n  float r = mix(0.25 * baseR, 0.0, lum);\n  float d = length(uv - 0.5);\n  float aa = fwidth(d);\n  return 1.0 - smoothstep(r - aa, r + aa, d);\n}\n\nvoid main(){\n  float ca = cos(uHalftoneAngle);\n  float sa = sin(uHalftoneAngle);\n  mat2 rot = mat2(ca, sa, -sa, ca);\n  float cell = max(uHalftoneCell, 2.0);\n  vec2 gridPx = rot * gl_FragCoord.xy;                      // rotate the screen into the dot grid\n  vec2 cellId = floor(gridPx / cell);\n  vec2 inCell = fract(gridPx / cell);                       // position within the cell (0..1)\n  vec2 centrePx = transpose(rot) * ((cellId + 0.5) * cell); // cell centre, back in screen px\n  vec4 tex = texture2D(tDiffuse, centrePx / max(uResolution, vec2(1.0)));\n\n  float k = 2.0;                                            // sigmoid contrast (paper default)\n  vec3 c = vec3(sigmoid(tex.r, k), sigmoid(tex.g, k), sigmoid(tex.b, k));\n  float lum = dot(vec3(0.2126, 0.7152, 0.0722), c);\n  lum = mix(1.0, lum, tex.a);\n  float dot = getCircle(inCell, lum, 1.3);                 // baseR 1.3 ≈ paper original-colours default\n  vec4 dots = vec4(tex.rgb, tex.a * dot);                  // wave-coloured dots, transparent between\n  gl_FragColor = mix(texture2D(tDiffuse, vUv), dots, clamp(uHalftone, 0.0, 1.0));\n}\n", ru = "\nuniform sampler2D tDiffuse;\nuniform float uHeatmap;   // 0..1 mix\nvarying vec2 vUv;\nvec3 heat(float t){\n  t = clamp(t, 0.0, 1.0);\n  vec3 c = mix(vec3(0.0, 0.0, 0.4), vec3(0.0, 0.6, 1.0), smoothstep(0.0, 0.25, t));\n  c = mix(c, vec3(0.0, 1.0, 0.4), smoothstep(0.25, 0.5, t));\n  c = mix(c, vec3(1.0, 1.0, 0.0), smoothstep(0.5, 0.75, t));\n  c = mix(c, vec3(1.0, 0.1, 0.0), smoothstep(0.75, 1.0, t));\n  return c;\n}\nvoid main(){\n  vec4 src = texture2D(tDiffuse, vUv);\n  float l = dot(src.rgb, vec3(0.299, 0.587, 0.114));\n  gl_FragColor = vec4(mix(src.rgb, heat(l), clamp(uHeatmap, 0.0, 1.0)), src.a);\n}\n", iu = "\nuniform sampler2D tDiffuse;\nuniform float uPaper;      // 0..1 strength\nuniform float uPaperScale; // grain scale\nvarying vec2 vUv;\nfloat h21(vec2 p){ return fract(sin(dot(p, vec2(127.1, 311.7))) * 43758.5453); }\nvoid main(){\n  vec4 src = texture2D(tDiffuse, vUv);\n  vec2 p = gl_FragCoord.xy / max(uPaperScale, 0.5);\n  float fiber = h21(floor(p)) * 0.5 + h21(floor(p * vec2(0.3, 3.0))) * 0.5; // directional fibers\n  float tex = mix(fiber, h21(gl_FragCoord.xy), 0.3);                        // + fine speckle\n  float shade = 1.0 - (tex - 0.5) * 0.35;\n  gl_FragColor = vec4(src.rgb * mix(1.0, shade, clamp(uPaper, 0.0, 1.0)), src.a);\n}\n", au = "\nuniform sampler2D tDiffuse;\nuniform float uHalftoneCmyk;     // 0..1 mix\nuniform float uHalftoneCmykCell; // dot cell size in device px\nvarying vec2 vUv;\n// One rotated halftone dot screen for a channel value.\nfloat dotScreen(vec2 coord, float value, float angle, float cell){\n  float ca = cos(angle);\n  float sa = sin(angle);\n  vec2 r = mat2(ca, sa, -sa, ca) * coord;\n  vec2 c = fract(r / max(cell, 2.0)) - 0.5;\n  float radius = sqrt(clamp(value, 0.0, 1.0)) * 0.5;\n  return smoothstep(radius, radius - 0.06, length(c));\n}\nvoid main(){\n  vec4 src = texture2D(tDiffuse, vUv);\n  float k = 1.0 - max(max(src.r, src.g), src.b);   // RGB → CMYK\n  float invK = max(1.0 - k, 1e-3);\n  float cyan = (1.0 - src.r - k) / invK;\n  float mag = (1.0 - src.g - k) / invK;\n  float yel = (1.0 - src.b - k) / invK;\n  vec2 coord = gl_FragCoord.xy;\n  float cell = uHalftoneCmykCell;\n  float dc = dotScreen(coord, cyan, 1.309, cell); // 75°\n  float dm = dotScreen(coord, mag, 0.262, cell);  // 15°\n  float dy = dotScreen(coord, yel, 0.0, cell);    // 0°\n  float dk = dotScreen(coord, k, 0.785, cell);    // 45°\n  // Subtractive: cyan ink absorbs red, magenta absorbs green, yellow absorbs blue, black absorbs all.\n  vec3 outc = vec3(1.0) - vec3(dc, 0.0, 0.0) - vec3(0.0, dm, 0.0) - vec3(0.0, 0.0, dy) - vec3(dk);\n  outc = clamp(outc, 0.0, 1.0);\n  gl_FragColor = vec4(mix(src.rgb, outc, clamp(uHalftoneCmyk, 0.0, 1.0)), src.a);\n}\n";
+})), su, cu, lu, uu, du, fu, pu = t((() => {
+	Vc(), su = 400, cu = 16, lu = su / 4, uu = new K(1, 0, 0), du = new K(0, 1, 0), fu = class {
 		geometry;
 		segments = -1;
 		constructor(e) {
@@ -12113,11 +12156,11 @@ void main(){
 		resize(e) {
 			if (e === this.segments) return;
 			this.segments = e;
-			let t = Gt.clamp(Math.round(e), 48, 200), n = t * 2, r = new wi(tu, tu, t, n), i = r.attributes.position, a = r.attributes.uv, o = new K();
+			let t = Gt.clamp(Math.round(e), 48, 200), n = t * 2, r = new wi(su, su, t, n), i = r.attributes.position, a = r.attributes.uv, o = new K();
 			for (let e = 0; e < i.count; e++) {
 				o.fromBufferAttribute(i, e);
 				let t = a.getY(e), n = 4 - 2 * (4 * t * (1 - t)) ** 9.5;
-				o.x < -16 ? o.z += n : o.x < nu ? (o.z = Math.cos(Gt.mapLinear(o.x, -16, nu, 0, Math.PI)) * n, o.x = Math.cos(Gt.mapLinear(o.x, -16, nu, -Math.PI / 2, Math.PI / 2)) * n - nu) : (o.z -= n, o.x = -o.x), o.x += ru, o.applyAxisAngle(iu, -Math.PI / 2), o.applyAxisAngle(au, -Math.PI / 2), i.setXYZ(e, o.x, o.y, o.z);
+				o.x < -16 ? o.z += n : o.x < cu ? (o.z = Math.cos(Gt.mapLinear(o.x, -16, cu, 0, Math.PI)) * n, o.x = Math.cos(Gt.mapLinear(o.x, -16, cu, -Math.PI / 2, Math.PI / 2)) * n - cu) : (o.z -= n, o.x = -o.x), o.x += lu, o.applyAxisAngle(uu, -Math.PI / 2), o.applyAxisAngle(du, -Math.PI / 2), i.setXYZ(e, o.x, o.y, o.z);
 			}
 			i.needsUpdate = !0;
 			let s = t + 1, c = r.getIndex(), l = c ? Array.from(c.array) : [];
@@ -12138,115 +12181,115 @@ void main(){
 }));
 //#endregion
 //#region src/renderer/interaction.ts
-function cu(e, t) {
+function mu(e, t) {
 	return e > 0 ? 1 - Math.exp(-t / e) : 1;
 }
-function lu(e, t, n, r, i, a) {
+function hu(e, t, n, r, i, a) {
 	if (a <= 0) return;
-	let o = a > Tu ? Math.min(Math.ceil(a / Tu), Eu) : 1, s = a / o, c = r * r, l = 2 * i * r;
+	let o = a > ju ? Math.min(Math.ceil(a / ju), Mu) : 1, s = a / o, c = r * r, l = 2 * i * r;
 	for (let r = 0; r < o; r++) t.x += (c * (n.x - e.x) - l * t.x) * s, t.y += (c * (n.y - e.y) - l * t.y) * s, e.x += t.x * s, e.y += t.y * s;
 }
-function uu(e) {
+function gu(e) {
 	return e.interaction?.enabled !== !1;
 }
-function du(e) {
+function _u(e) {
 	let t = e.interaction;
 	return !!t && (!!t.hover || (t.press?.ripple ?? 0) > 0);
 }
-function fu(e, t) {
-	return uu(e) && du(t);
+function vu(e, t) {
+	return gu(e) && _u(t);
 }
-function pu(e, t) {
-	return uu(e) && (t.interaction?.press?.ripple ?? 0) > 0;
+function yu(e, t) {
+	return gu(e) && (t.interaction?.press?.ripple ?? 0) > 0;
 }
-function mu(e) {
-	return uu(e) && e.waves.some(du);
+function bu(e) {
+	return gu(e) && e.waves.some(_u);
 }
-function hu(e) {
-	return uu(e) ? (e.interaction?.bindings?.length ?? 0) > 0 ? !0 : e.waves.some((e) => {
+function xu(e) {
+	return gu(e) ? (e.interaction?.bindings?.length ?? 0) > 0 ? !0 : e.waves.some((e) => {
 		let t = e.interaction;
 		return !!t && (!!t.hover || (t.press?.ripple ?? 0) > 0 || (t.bindings?.length ?? 0) > 0);
 	}) : !1;
 }
-var gu, _u, vu, yu, bu, xu, Su, Cu, wu, Tu, Eu, Du, Ou, ku, Au, ju, Mu = t((() => {
-	Vc(), hl(), gu = 1.5, _u = .08, vu = 4, yu = 2, bu = .15, xu = .12, Su = .25, Cu = .7, wu = .02, Tu = 1 / 120, Eu = 6, Du = (e, t) => ({
+var Su, Cu, wu, Tu, Eu, Du, Ou, ku, Au, ju, Mu, Nu, Pu, Fu, Iu, Lu, Ru = t((() => {
+	Vc(), hl(), Su = 1.5, Cu = .08, wu = 4, Tu = 2, Eu = .15, Du = .12, Ou = .25, ku = .7, Au = .02, ju = 1 / 120, Mu = 6, Nu = (e, t) => ({
 		base: e,
 		apply: t
-	}), Ou = (e, t) => ({
+	}), Pu = (e, t) => ({
 		base: e,
 		apply: t
-	}), ku = {
-		displaceAmount: Du((e) => e.displaceAmount, (e, t) => {
+	}), Fu = {
+		displaceAmount: Nu((e) => e.displaceAmount, (e, t) => {
 			t.u.uDispAmount.value = e;
 		}),
-		detailAmount: Du((e) => e.detailAmount ?? 0, (e, t) => {
+		detailAmount: Nu((e) => e.detailAmount ?? 0, (e, t) => {
 			t.u.uDetailAmount.value = e;
 		}),
-		twistPowerX: Du((e) => e.twistPower.x, (e, t) => {
+		twistPowerX: Nu((e) => e.twistPower.x, (e, t) => {
 			t.u.uTwPowX.value = e;
 		}),
-		twistPowerY: Du((e) => e.twistPower.y, (e, t) => {
+		twistPowerY: Nu((e) => e.twistPower.y, (e, t) => {
 			t.u.uTwPowY.value = e;
 		}),
-		twistPowerZ: Du((e) => e.twistPower.z, (e, t) => {
+		twistPowerZ: Nu((e) => e.twistPower.z, (e, t) => {
 			t.u.uTwPowZ.value = e;
 		}),
-		twistFrequencyX: Du((e) => e.twistFrequency.x, (e, t) => {
+		twistFrequencyX: Nu((e) => e.twistFrequency.x, (e, t) => {
 			t.u.uTwFreqX.value = e;
 		}),
-		twistFrequencyY: Du((e) => e.twistFrequency.y, (e, t) => {
+		twistFrequencyY: Nu((e) => e.twistFrequency.y, (e, t) => {
 			t.u.uTwFreqY.value = e;
 		}),
-		twistFrequencyZ: Du((e) => e.twistFrequency.z, (e, t) => {
+		twistFrequencyZ: Nu((e) => e.twistFrequency.z, (e, t) => {
 			t.u.uTwFreqZ.value = e;
 		}),
-		hueShift: Du((e) => e.hueShift, (e, t) => {
+		hueShift: Nu((e) => e.hueShift, (e, t) => {
 			t.u.uHueShift.value = e;
 		}),
-		gradientShift: Du((e) => e.gradientShift ?? 0, (e, t) => {
+		gradientShift: Nu((e) => e.gradientShift ?? 0, (e, t) => {
 			t.u.uGradShift.value = e;
 		}),
-		colorSaturation: Du((e) => e.colorSaturation, (e, t) => {
+		colorSaturation: Nu((e) => e.colorSaturation, (e, t) => {
 			t.u.uSaturation.value = e;
 		}),
-		opacity: Du((e) => e.opacity, (e, t) => {
+		opacity: Nu((e) => e.opacity, (e, t) => {
 			t.u.uOpacity.value = e;
 		}),
-		lineThickness: Du((e) => e.lineThickness ?? 1, (e, t) => {
+		lineThickness: Nu((e) => e.lineThickness ?? 1, (e, t) => {
 			t.u.uLineThickness.value = e;
 		}),
-		lineAmount: Du((e) => e.lineAmount ?? 425, (e, t) => {
+		lineAmount: Nu((e) => e.lineAmount ?? 425, (e, t) => {
 			t.u.uLineAmount.value = e;
 		}),
-		fiberStrength: Du((e) => e.fiberStrength, (e, t) => {
+		fiberStrength: Nu((e) => e.fiberStrength, (e, t) => {
 			t.u.uFiberStrength.value = e;
 		}),
-		sheen: Du((e) => e.sheen ?? 1, (e, t) => {
+		sheen: Nu((e) => e.sheen ?? 1, (e, t) => {
 			t.u.uSheen.value = e;
 		}),
-		iridescence: Du((e) => e.iridescence ?? 0, (e, t) => {
+		iridescence: Nu((e) => e.iridescence ?? 0, (e, t) => {
 			t.u.uIridescence.value = e;
 		}),
-		positionX: Du((e) => e.position.x, (e, t) => {
+		positionX: Nu((e) => e.position.x, (e, t) => {
 			t.mesh.position.x = e;
 		}),
-		positionY: Du((e) => e.position.y, (e, t) => {
+		positionY: Nu((e) => e.position.y, (e, t) => {
 			t.mesh.position.y = e;
 		})
-	}, Au = {
-		timeOffset: Ou((e) => e.timeOffset ?? 0, (e, t) => {
+	}, Iu = {
+		timeOffset: Pu((e) => e.timeOffset ?? 0, (e, t) => {
 			t.out.timeOffset = e;
 		}),
-		cameraZoom: Ou((e) => e.cameraZoom ?? 1, (e, t) => {
+		cameraZoom: Pu((e) => e.cameraZoom ?? 1, (e, t) => {
 			t.out.zoom = e;
 		}),
-		blur: Ou((e) => e.blur, (e, t) => {
+		blur: Pu((e) => e.blur, (e, t) => {
 			t.post.uBlurAmount.value = e;
 		}),
-		grain: Ou((e) => e.grain, (e, t) => {
+		grain: Pu((e) => e.grain, (e, t) => {
 			t.post.uGrainAmount.value = e;
 		})
-	}, ju = class {
+	}, Lu = class {
 		container;
 		cfg;
 		scrollOverride = null;
@@ -12324,12 +12367,12 @@ var gu, _u, vu, yu, bu, xu, Su, Cu, wu, Tu, Eu, Du, Ou, ku, Au, ju, Mu = t((() =
 		update(e) {
 			let t = this.cfg();
 			if (!t) return;
-			let n = Math.max(e, 0), r = cu(xu, n);
+			let n = Math.max(e, 0), r = mu(Du, n);
 			if (this.ndcPrev.copy(this.ndc), this.ndc.lerp(this.ndcTarget, r), this.presence += (this.presenceTarget - this.presence) * r, this.press += (this.pressTarget - this.press) * r, n > 1e-5) {
-				let e = cu(_u, n);
+				let e = mu(Cu, n);
 				this.velNdc.x += ((this.ndc.x - this.ndcPrev.x) / n - this.velNdc.x) * e, this.velNdc.y += ((this.ndc.y - this.ndcPrev.y) / n - this.velNdc.y) * e;
 			}
-			this.pointerSpeed = this.presence * ml(this.velNdc.length() / vu);
+			this.pointerSpeed = this.presence * ml(this.velNdc.length() / wu);
 			let i = t.waves;
 			this.fields.length > i.length && (this.fields.length = i.length);
 			for (let e = 0; e < i.length; e++) {
@@ -12339,19 +12382,19 @@ var gu, _u, vu, yu, bu, xu, Su, Cu, wu, Tu, Eu, Du, Ou, ku, Au, ju, Mu = t((() =
 					vel: new G(),
 					presence: this.presenceTarget
 				}, this.fields[e] = t);
-				let r = Math.max(i[e].interaction?.hover?.smoothing ?? xu, wu);
-				lu(t.ndc, t.vel, this.ndcTarget, 1 / r, Cu, n), t.presence += (this.presenceTarget - t.presence) * cu(r, n);
+				let r = Math.max(i[e].interaction?.hover?.smoothing ?? Du, Au);
+				hu(t.ndc, t.vel, this.ndcTarget, 1 / r, ku, n), t.presence += (this.presenceTarget - t.presence) * mu(r, n);
 			}
 			let a = this.scrollOverride ?? this.computeScroll();
 			if (n > 1e-5) {
 				let e = Math.abs(a - this.scrollPrev) / n;
-				this.scrollVel += (e - this.scrollVel) * cu(bu, n);
+				this.scrollVel += (e - this.scrollVel) * mu(Eu, n);
 			}
 			this.scrollPrev = a, this.scroll = a, this.appearLatched = !0;
 			for (let e of this.ripples) {
 				if (!e.active) continue;
 				e.age += n;
-				let t = Math.max(0, 1 - e.age / gu);
+				let t = Math.max(0, 1 - e.age / Su);
 				e.amp = t * t, e.amp <= 0 && (e.active = !1);
 			}
 			this.updateBindings(t, n);
@@ -12373,7 +12416,7 @@ var gu, _u, vu, yu, bu, xu, Su, Cu, wu, Tu, Eu, Du, Ou, ku, Au, ju, Mu = t((() =
 			(!r || r.source !== e.source) && (r = {
 				value: e.source === "appear" ? 0 : n,
 				source: e.source
-			}, this.bindingState.set(e, r)), r.value += (n - r.value) * cu(e.smoothing ?? Su, t);
+			}, this.bindingState.set(e, r)), r.value += (n - r.value) * mu(e.smoothing ?? Ou, t);
 		}
 		bindingValue(e) {
 			return this.bindingState.get(e)?.value ?? 0;
@@ -12386,7 +12429,7 @@ var gu, _u, vu, yu, bu, xu, Su, Cu, wu, Tu, Eu, Du, Ou, ku, Au, ju, Mu = t((() =
 				case "pointerY": return (this.ndc.y + 1) * .5;
 				case "pointerSpeed": return this.pointerSpeed;
 				case "press": return this.press;
-				case "scrollVelocity": return ml(this.scrollVel / yu);
+				case "scrollVelocity": return ml(this.scrollVel / Tu);
 				case "appear": return +!!this.appearLatched;
 				default: return this.customInputs.get(e.slice(7)) ?? 0;
 			}
@@ -12451,42 +12494,42 @@ var gu, _u, vu, yu, bu, xu, Su, Cu, wu, Tu, Eu, Du, Ou, ku, Au, ju, Mu = t((() =
 }));
 //#endregion
 //#region src/renderer/palette.ts
-function Nu(e) {
+function zu(e) {
 	return e * e * (3 - 2 * e);
 }
-function Pu(e, t) {
+function Bu(e, t) {
 	let n = new X(e).clone().convertLinearToSRGB();
 	return `rgba(${Math.round(n.r * 255)}, ${Math.round(n.g * 255)}, ${Math.round(n.b * 255)}, ${t})`;
 }
-function Fu(e) {
+function Vu(e) {
 	let t = document.createElement("canvas");
-	t.width = ed, t.height = td;
+	t.width = od, t.height = sd;
 	let n = t.getContext("2d");
 	if (!n) return t;
-	let r = [...e.stops].sort((e, t) => e.pos - t.pos), i = n.createLinearGradient(0, 0, ed, 0);
+	let r = [...e.stops].sort((e, t) => e.pos - t.pos), i = n.createLinearGradient(0, 0, od, 0);
 	if (r.length === 0) i.addColorStop(0, "#ffffff");
 	else for (let e of r) i.addColorStop(ml(e.pos), e.color);
-	n.fillStyle = i, n.fillRect(0, 0, ed, td);
+	n.fillStyle = i, n.fillRect(0, 0, od, sd);
 	let a = ml(e.edgeAmount);
 	if (a > .001) {
-		let t = n.createLinearGradient(0, 0, 0, td);
-		t.addColorStop(0, Pu(e.edgeColor, a)), t.addColorStop(.5, Pu(e.edgeColor, 0)), t.addColorStop(1, Pu(e.edgeColor, a)), n.fillStyle = t, n.fillRect(0, 0, ed, td);
+		let t = n.createLinearGradient(0, 0, 0, sd);
+		t.addColorStop(0, Bu(e.edgeColor, a)), t.addColorStop(.5, Bu(e.edgeColor, 0)), t.addColorStop(1, Bu(e.edgeColor, a)), n.fillStyle = t, n.fillRect(0, 0, od, sd);
 	}
 	return t;
 }
-function Iu(e) {
+function Hu(e) {
 	return `${e.stops.map((e) => `${e.color}@${e.pos.toFixed(3)}`).join(",")}|${e.edgeColor}|${e.edgeAmount.toFixed(3)}`;
 }
-function Lu(e) {
+function Uu(e) {
 	return e.colorSpace = At, e.minFilter = z, e.magFilter = z, e.wrapS = he, e.wrapT = he, e.generateMipmaps = !1, e;
 }
-function Ru(e) {
-	return Lu(new yi(e));
+function Wu(e) {
+	return Uu(new yi(e));
 }
-function zu(e) {
-	return Ru(Fu(e));
+function Gu(e) {
+	return Wu(Vu(e));
 }
-function Bu(e) {
+function Ku(e) {
 	let t = document.createElement("canvas");
 	t.width = Math.max(1, Math.round(e.width)), t.height = Math.max(1, Math.round(e.height));
 	let n = t.getContext("2d");
@@ -12503,11 +12546,11 @@ function Bu(e) {
 	else for (let e of l) c.addColorStop(ml(e.pos), e.color);
 	return n.fillStyle = c, n.fillRect(0, 0, r, i), t;
 }
-function Vu(e) {
+function qu(e) {
 	let t = ml(e), n = t <= .0031308 ? t * 12.92 : 1.055 * t ** (1 / 2.4) - .055;
 	return Math.round(ml(n) * 255);
 }
-function Hu(e, t, n, r) {
+function Ju(e, t, n, r) {
 	let i = Math.max(1, Math.round(n)), a = Math.max(1, Math.round(r)), o = new ImageData(i, a), s = o.data, c = e.length >= 2 ? e : yl(), l = c.map((e) => new X(e.color)), u = 4.8 + -3.4499999999999997 * ml(t);
 	for (let e = 0; e < a; e++) {
 		let t = 1 - e / Math.max(1, a - 1);
@@ -12518,12 +12561,12 @@ function Hu(e, t, n, r) {
 				a += l[e].r * s, o += l[e].g * s, d += l[e].b * s, f += s;
 			}
 			let p = Math.max(f, 1e-4), m = (e * i + n) * 4;
-			s[m] = Vu(a / p), s[m + 1] = Vu(o / p), s[m + 2] = Vu(d / p), s[m + 3] = 255;
+			s[m] = qu(a / p), s[m + 1] = qu(o / p), s[m + 2] = qu(d / p), s[m + 3] = 255;
 		}
 	}
 	return o;
 }
-function Uu(e, t, n, r) {
+function Yu(e, t, n, r) {
 	let i = document.createElement("canvas");
 	i.width = Math.max(1, Math.round(n)), i.height = Math.max(1, Math.round(r));
 	let a = i.getContext("2d");
@@ -12531,42 +12574,42 @@ function Uu(e, t, n, r) {
 	let o = Math.min(1, 320 / Math.max(i.width, i.height)), s = Math.max(2, Math.round(i.width * o)), c = Math.max(2, Math.round(i.height * o)), l = document.createElement("canvas");
 	l.width = s, l.height = c;
 	let u = l.getContext("2d");
-	return u ? (u.putImageData(Hu(e, t, s, c), 0, 0), a.imageSmoothingEnabled = !0, a.imageSmoothingQuality = "high", a.drawImage(l, 0, 0, s, c, 0, 0, i.width, i.height), i) : i;
+	return u ? (u.putImageData(Ju(e, t, s, c), 0, 0), a.imageSmoothingEnabled = !0, a.imageSmoothingQuality = "high", a.drawImage(l, 0, 0, s, c, 0, 0, i.width, i.height), i) : i;
 }
-function Wu(e, t, n, r, i, a, o, s = 1, c = 0, l = 0) {
+function Xu(e, t, n, r, i, a, o, s = 1, c = 0, l = 0) {
 	let u = document.createElement("canvas");
-	return u.width = Math.max(1, Math.round(r)), u.height = Math.max(1, Math.round(i)), Gu(u, e, t, n, a, o, s, c, l), u;
+	return u.width = Math.max(1, Math.round(r)), u.height = Math.max(1, Math.round(i)), Zu(u, e, t, n, a, o, s, c, l), u;
 }
-function Gu(e, t, n, r, i, a, o = 1, s = 0, c = 0) {
+function Zu(e, t, n, r, i, a, o = 1, s = 0, c = 0) {
 	let l = e.getContext("2d");
 	if (!l) return;
 	l.fillStyle = a, l.fillRect(0, 0, e.width, e.height);
 	let u = Math.max(.1, o), d = i === "stretch" ? e.width : n * (i === "contain" ? Math.min(e.width / n, e.height / r) : Math.max(e.width / n, e.height / r)), f = i === "stretch" ? e.height : r * (i === "contain" ? Math.min(e.width / n, e.height / r) : Math.max(e.width / n, e.height / r)), p = d * u, m = f * u, h = s / 100 * e.width, g = c / 100 * e.height;
 	l.drawImage(t, (e.width - p) / 2 + h, (e.height - m) / 2 + g, p, m);
 }
-function Ku(e) {
+function Qu(e) {
 	let t = (t, n) => {
 		let r = t * 374761393 + n * 668265263 + e * 1442695041 | 0;
 		return r = Math.imul(r ^ r >>> 13, 1274126177), ((r ^ r >>> 16) >>> 0) / 4294967295;
 	};
 	return (e, n) => {
-		let r = Math.floor(e), i = Math.floor(n), a = Nu(e - r), o = Nu(n - i), s = t(r, i), c = t(r + 1, i), l = t(r, i + 1), u = t(r + 1, i + 1);
+		let r = Math.floor(e), i = Math.floor(n), a = zu(e - r), o = zu(n - i), s = t(r, i), c = t(r + 1, i), l = t(r, i + 1), u = t(r + 1, i + 1);
 		return s * (1 - a) * (1 - o) + c * a * (1 - o) + l * (1 - a) * o + u * a * o;
 	};
 }
-function qu(e, t, n, r) {
+function $u(e, t, n, r) {
 	let i = 0, a = .5, o = 1, s = 0;
 	for (let c = 0; c < r; c++) i += a * e(t * o, n * o), s += a, o *= 2, a *= .5;
 	return i / s;
 }
-function Ju(e = 220) {
-	let t = Math.max(64, Math.min(1280, Math.round(e))), n = rd.get(t);
+function ed(e = 220) {
+	let t = Math.max(64, Math.min(1280, Math.round(e))), n = ld.get(t);
 	if (n) return n;
 	let r = document.createElement("canvas");
 	r.width = t, r.height = t;
 	let i = r.getContext("2d");
 	if (!i) return r;
-	let a = i.createImageData(t, t), o = Ku(11), s = Ku(91), c = Ku(47), l = [
+	let a = i.createImageData(t, t), o = Qu(11), s = Qu(91), c = Qu(47), l = [
 		[0, [
 			34,
 			26,
@@ -12610,24 +12653,24 @@ function Ju(e = 220) {
 		return l[l.length - 1][1];
 	};
 	for (let e = 0; e < t; e++) for (let n = 0; n < t; n++) {
-		let r = n / t * 3, i = e / t * 3, l = r + .7 * s(r * .7 + 5, i * .7), d = i + .7 * s(r * .7, i * .7 + 9), [f, p, m] = u(qu(o, l, d, 4)), h = Math.max(0, qu(c, l * 1.6 + 3, d * 1.6, 3) - .55) * 1.7;
+		let r = n / t * 3, i = e / t * 3, l = r + .7 * s(r * .7 + 5, i * .7), d = i + .7 * s(r * .7, i * .7 + 9), [f, p, m] = u($u(o, l, d, 4)), h = Math.max(0, $u(c, l * 1.6 + 3, d * 1.6, 3) - .55) * 1.7;
 		f = f * (1 - h) + 70 * h, p = p * (1 - h) + 210 * h, m = m * (1 - h) + 200 * h;
 		let g = (e * t + n) * 4;
 		a.data[g] = f, a.data[g + 1] = p, a.data[g + 2] = m, a.data[g + 3] = 255;
 	}
-	return i.putImageData(a, 0, 0), rd.set(t, r), r;
+	return i.putImageData(a, 0, 0), ld.set(t, r), r;
 }
-function Yu(e, t, n, r) {
-	let i = `${e}|${t}x${n}`, a = id.get(i);
+function td(e, t, n, r) {
+	let i = `${e}|${t}x${n}`, a = ud.get(i);
 	if (a) return a;
 	let o = document.createElement("canvas");
 	o.width = t, o.height = n;
 	let s = o.getContext("2d");
-	return s && r(s, t, n), id.set(i, o), o;
+	return s && r(s, t, n), ud.set(i, o), o;
 }
-function Xu(e = 240) {
+function nd(e = 240) {
 	let t = Math.max(120, Math.min(2048, Math.round(e)));
-	return Yu("vaporwave", t, Math.round(t * 2 / 3), (e, t, n) => {
+	return td("vaporwave", t, Math.round(t * 2 / 3), (e, t, n) => {
 		let r = t / 240, i = e.createLinearGradient(0, 0, 0, n);
 		i.addColorStop(0, "#120638"), i.addColorStop(.56, "#8e2de2"), i.addColorStop(1, "#ff2fa8"), e.fillStyle = i, e.fillRect(0, 0, t, n);
 		let a = n * .48, o = n * .28, s = e.createLinearGradient(0, a - o, 0, a + o);
@@ -12643,9 +12686,9 @@ function Xu(e = 240) {
 		e.globalAlpha = 1;
 	});
 }
-function Zu(e = 220) {
+function rd(e = 220) {
 	let t = Math.max(110, Math.min(2048, Math.round(e)));
-	return Yu("kaleidoscope", t, t, (e, t, n) => {
+	return td("kaleidoscope", t, t, (e, t, n) => {
 		let r = t / 220, i = [
 			"#00e5ff",
 			"#6c3bff",
@@ -12661,25 +12704,25 @@ function Zu(e = 220) {
 		for (let t = 1; t <= 4; t++) e.strokeStyle = t % 2 ? "rgba(255,255,255,.55)" : "rgba(8,5,35,.6)", e.lineWidth = 5 * r, e.beginPath(), e.arc(a, o, t * 25 * r, 0, Math.PI * 2), e.stroke();
 	});
 }
-function Qu(e, t) {
-	return e.build ? e.build(t) : Fu({
+function id(e, t) {
+	return e.build ? e.build(t) : Vu({
 		stops: e.stops ?? [],
 		edgeColor: e.edgeColor ?? "#8e9dff",
 		edgeAmount: e.edgeAmount ?? 0
 	});
 }
-function $u(e) {
-	return Lu(new Zi().load(e));
+function ad(e) {
+	return Uu(new Zi().load(e));
 }
-var ed, td, nd, rd, id, ad, od = t((() => {
-	Vc(), hl(), Gl(), ed = 256, td = 64, nd = (e) => e.map(([e, t]) => ({
+var od, sd, cd, ld, ud, dd, fd = t((() => {
+	Vc(), hl(), Gl(), od = 256, sd = 64, cd = (e) => e.map(([e, t]) => ({
 		color: e,
 		pos: t
-	})), rd = /* @__PURE__ */ new Map(), id = /* @__PURE__ */ new Map(), ad = {
+	})), ld = /* @__PURE__ */ new Map(), ud = /* @__PURE__ */ new Map(), dd = {
 		palestine: {
 			label: "Palestine",
 			kind: "gradient",
-			stops: nd([
+			stops: cd([
 				["#000000", 0],
 				["#f7f7f2", .34],
 				["#149954", .67],
@@ -12691,7 +12734,7 @@ var ed, td, nd, rd, id, ad, od = t((() => {
 		spain: {
 			label: "Spain",
 			kind: "gradient",
-			stops: nd([
+			stops: cd([
 				["#aa151b", 0],
 				["#aa151b", .24],
 				["#f1bf00", .34],
@@ -12705,7 +12748,7 @@ var ed, td, nd, rd, id, ad, od = t((() => {
 		grandLine: {
 			label: "Grand Line",
 			kind: "gradient",
-			stops: nd([
+			stops: cd([
 				["#071b33", 0],
 				["#087ea4", .22],
 				["#45d4c5", .4],
@@ -12720,22 +12763,22 @@ var ed, td, nd, rd, id, ad, od = t((() => {
 		vaporwave: {
 			label: "Vaporwave Sunset",
 			kind: "image",
-			build: Xu
+			build: nd
 		},
 		kaleidoscope: {
 			label: "Kaleidoscope",
 			kind: "image",
-			build: Zu
+			build: rd
 		},
 		nebula: {
 			label: "Nebula (2D)",
 			kind: "image",
-			build: Ju
+			build: ed
 		},
 		sunset: {
 			label: "Sunset",
 			kind: "gradient",
-			stops: nd([
+			stops: cd([
 				["#3b1c6b", 0],
 				["#8b2fa0", .3],
 				["#e0457a", .56],
@@ -12748,7 +12791,7 @@ var ed, td, nd, rd, id, ad, od = t((() => {
 		aurora: {
 			label: "Aurora",
 			kind: "gradient",
-			stops: nd([
+			stops: cd([
 				["#0b3d4f", 0],
 				["#1fb89e", .3],
 				["#5ee0a0", .52],
@@ -12761,7 +12804,7 @@ var ed, td, nd, rd, id, ad, od = t((() => {
 		ocean: {
 			label: "Ocean",
 			kind: "gradient",
-			stops: nd([
+			stops: cd([
 				["#0a1f4d", 0],
 				["#1f6fb8", .36],
 				["#2bd0d0", .66],
@@ -12773,7 +12816,7 @@ var ed, td, nd, rd, id, ad, od = t((() => {
 		ember: {
 			label: "Ember",
 			kind: "gradient",
-			stops: nd([
+			stops: cd([
 				["#2a0707", 0],
 				["#a81e1e", .34],
 				["#ff5a2e", .64],
@@ -12785,7 +12828,7 @@ var ed, td, nd, rd, id, ad, od = t((() => {
 		iris: {
 			label: "Iris",
 			kind: "gradient",
-			stops: nd([
+			stops: cd([
 				["#2e1065", 0],
 				["#7c3aed", .34],
 				["#db2777", .64],
@@ -12797,7 +12840,7 @@ var ed, td, nd, rd, id, ad, od = t((() => {
 		mono: {
 			label: "Mono",
 			kind: "gradient",
-			stops: nd([
+			stops: cd([
 				["#16161e", 0],
 				["#6b7280", .4],
 				["#c2c8d2", .72],
@@ -12810,39 +12853,39 @@ var ed, td, nd, rd, id, ad, od = t((() => {
 }));
 //#endregion
 //#region src/util/base64.ts
-function sd(e) {
+function pd(e) {
 	let t = atob(e.replace(/-/g, "+").replace(/_/g, "/")), n = new Uint8Array(new ArrayBuffer(t.length));
 	for (let e = 0; e < t.length; e++) n[e] = t.charCodeAt(e);
 	return n;
 }
-var cd = t((() => {}));
+var md = t((() => {}));
 //#endregion
 //#region src/renderer/heroPalette.ts
-function ld() {
+function hd() {
 	let e = document.createElement("canvas");
-	e.width = dd, e.height = dd;
+	e.width = _d, e.height = _d;
 	let t = e.getContext("2d");
 	if (t) {
-		let e = sd(fd);
-		t.putImageData(new ImageData(new Uint8ClampedArray(e.buffer), dd, dd), 0, 0);
+		let e = pd(vd);
+		t.putImageData(new ImageData(new Uint8ClampedArray(e.buffer), _d, _d), 0, 0);
 	}
 	return e;
 }
-function ud() {
-	let e = Lu(new ci(sd(fd), dd, dd, U, Se));
+function gd() {
+	let e = Uu(new ci(pd(vd), _d, _d, U, Se));
 	return e.needsUpdate = !0, e;
 }
-var dd, fd, pd = t((() => {
-	Vc(), cd(), od(), dd = 32, fd = "7PP//97s///O4/7/xt77/8vc7f/Y1sr/5c2f/+/EcP/2vEX/+rQp//2xGP/+rRv//J5M//uUf//7jp7/+4a3//2Ax//9g83//4vD//2bu//5kpv/83V+//Nbb//3VnT/81Sf/+tdxf/pid3/56Pr/+a58v/q1/P/6On3/+Xy/P/o8f//2ur+/8/j/P/O4ff/1tzc/+PSr//sx4X/879d//i3Of/8siD//rEP//6vD//9nz7//JJ4//uNnP/6h7f//IDJ//yEz//+jMX//Jq8//aOnf/xa3n/9Fxq//dief/1Y5v/8G62/+2K0v/tq+b/6Lby/+rP8v/q5fb/5vH7/+Pv///X6P7/0uT6/9bi8P/h2sf/682R//LCa//3ukn/+rQs//yxGv/+sQ7//q4T//2eRP/8knv/+o2e//eIuf/6g8v/+obR//yMx//6mb3/84uh//Bnef/1YWn/+nVx//lzj//1g6X/8pjC//Gz3f/stO//6cDx/+rf9P/m8fv/3uz//9Xm/f/V4vj/3d/r/+fWtP/xyHT/9r9R//m3N//7siP//bAW//6xDv/+qxr//ZpP//yPf//4jZ//9Yq6//eHzP/4itL/+o/K//iYvv/wiab/7mZ9//Zpbv/7gG///Il+//iYk//1pa//9LTO//Cx5v/qru7/69fy/+fw+v/Y6f7/1eL7/9nb9v/h2Of/7M+n//XCW//5uj3/+7Ur//yxHf/9rhX//q8Q//6mJP/9k1f/+4x///aNnv/zjbr/9Y3N//aR1f/4lM7/+JnC//COrv/ua4f/9m5y//uGc//8k3z/+qKI//aupP/1tMT/8J3b/+iJ6v/qzfD/6O75/9fl/f/Y3vn/3NPz/+TM4P/uxpr/+LxJ//u3MP/8syX//a8c//2sF//+rBb//p8w//2OX//7ioD/9o6e//KQu//zk8//9ZjX//ec0//4nsn/85i7//B3mf/1cHz/+oZ4//uSgf/6oYX/97Kg//Wpvv/vcdH/5W7n/+vG7f/p6vf/1d78/9nX9//fyu3/6MDN//O8fv/6uDv/+7Qr//yxJf/9rB///akd//6oIP/+mz3//oxm//uMg//2kaD/8pW9//Ob0f/2oNj/+aPX//ul1P/4o83/9Iyy//d7kP/6in3/+5OB//qhgv/5rpX/9pyy/+9czf/kZ+D/7L7q/+vk9f/S0/v/2s30/+O+4//ttK3/+LRW//u0Mf/8si7//K8q//2pJv/9pSj//qMu//6WSP/+jWv/+46F//aVo//zmr//9KHS//em2v/8qNr//qra//2q2P/5n8z/+Iuv//uOjP/7loH//KGA//ukjf/5kab/8VjD/+dq2P/tt+b/7t3y/9XJ+P/gwvD/6bPa//Osmf/6sEn/+7E1//ywNf/8ri///agu//2jNf/+nz3//pRT//6Pb//8k4j/95um//Shwv/1p9T/+Krc//yr2//+rdv//q3c//yp2v/5mM3/+pKp//ubhv/8oIH//J6L//yPmv/2a7D/63fL/++z4//w1u7/48D0/+257f/zr9n/96ic//urU//8rT//+689//yyMv/9ry///qk///6jUP/+nGT//pt6//yfj//4pKz/9ajG//at1v/6r9z//azb//+u3f//r93//q7e//ug3P/6lcn/+52g//ujhP/9nIz//ZKb//qJpP/zjrr/8rHc//PN6v/zuO//+7Ts//uw4f/7qK7//KVo//ynTf/7rEb//bU0//27Jv/9tz3//bJj//6weP/+sIj//a+a//mwsv/2scn/+LTY//uz3f/9rtz//7De//6w3//+reL//aXl//ya4P/8nML//KSZ//2cm//9mrD//aGz//uitf/4r87/9sPk//u07f//tO3//rLo//ymwP/8nYL//J9g//unU//8skL//b0v//zBQP/8xHD//saJ//7FlP/9waP/+725//i5y//5u9j/+rjd//yv3f/+r9///q7i//6r5v/9quj//aTp//2e2v/9oLr//aC1//2ouv/+s7b//rSz//ywwP/6uNn//bPs//6z6//+ruP//J7G//uRmv/7knn/+51m//yrUv/9tkb//MBZ//3Lf//+0pP//tSa//7PqP/8yb7/+sLM//vC1v/6v9z/+bHd//io4v/7pej//arp//2x6P/8ren//KHg//2hxf/9p7v//rC3//+4s///u7D//rS5//2x0f//tO3//7Lr//6n3f/8ksL/+oKl//mDkf/5kXz//KNi//2vWP/+vnH//suQ//7Umv/+2Zz//tan//7SwP/9ysn//srO//vF1P/3sdH/7p7b/+2c6P/2o+3/9Kvs//Gn7f/xn+L//KXF//6uuv//sLj//7S1//+5sf/+tLn//q7Q//+z7f//sen//p/W//uEuv/5daf/9ned//aFjv/6l3f//adp//65ff/+ypr//tGh//7Vn//+1af//ta9///Rv///0r///cvD//m1uP/vn8n/5Jff/96b6//Um/H/zZvy/9Wb6v/ypc7//6+8//+xuf//tLb//7mx//22vf/+rtT//q/q//2n4v/9jsr/+3Wy//drqP/0cKL/9H2Z//iOhv/8oHT//rV///7Hnv/+zqf//tGm//7Uqv/+2Ln//9az///Xsv/90bT//MSj//m6r//tqcn/0aDh/76a8v+9m/b/vZn0/9ue4f/8q8L//rO0//+5rv/+vqn//LrB//6v2v/8qef//JnY//x7vv/6Zq3/9mSn//NtpP/ze53/94qN//yceP/+sn3//sWb//7Oqf/+0an//tas//7cuf//27D//96r//7aqv/+1Jz//tSe//rLrP/htc3/waPr/7if9v+ymvn/zJzt//eoxf/+t6D//8WV//7Kmf/8v8L//a/c//yk5f/7jtL/+224//lcqv/2X6b/9Gyj//R8mv/4jIr//J53//6zfv/+xZr//s2o//7Sqf/+2K7//uC8///htf//46z//t2m//7XnP/+2Z///tmh//XLt//Osdr/s6Lx/7Kd9v/Ro+z/9qvH//64mf//y4j//s+S//zBwf/9sNv//aHk//uI0P/7Zbf/+Feq//Vdpv/0bqD/+IKR//uWfv/+qHf//rqI//7Gnv/+zaf//tSp//7bsP/+477//+W4///mrv//3qT//tic//7Yn//+2qH//NWr/967zP+6pOj/waTt/+Gt4P/4r8j//bWi///Hiv/+zpP//cDB//6v2//9oOT/+4bR//pkuf/3WK3/9F+o//Vynf/6jIX//qR1//61fv/+v5H//seg//7Npv/+1an//t2y//7kwP//5rj//+ex///fpv/+2J3//tie//7ZoP/91qb/5r7E/8am3//Yq97/9LbN//qzxf/8sa///r+R//7MlP/9vcL//q7b//yh5f/6iNP/+Gi8//Vdr//0Zan/93qW//yXev/+rXH//rp///6/kf/+xp///s6l//7WrP/+37j//uXE///kuP//57X//+Os//7Znv/+2J3//tme//3Sof/vu7z/4KvW/+6xz//7tsP/+7PC//uruf/9rJ7//bWd//yzxv/+rtv/+6Ll//iM1P/2b77/9GWw//Vvpf/5hoz//KBy//6ya//+unn//r+Q//7HoP/+z6n//tmz//7iwv/+58j//+K2///mt//+5rT//9ui//7Wnv/+057//smg//u5rv/4ssX/+rTF//u0wP/7sL//+p+7//mRrf/5lK3/+qXL//6u2//4o+X/9JDU//R5vf/1cq7/93ud//qQhf/7pW///bJm//67dP/+wY///smj//7Sr//+3Lz//uXK//7ny///37T//+O0//7isv/+0Jb//8WH///AjP/+upf//rSh//2zsf/7tLz/+7S7//yttf/6lbX/94Oz//WEtv/2n8///a7c//Gn5f/wltH/9IO5//h+pv/7h5X/+5WD//ukcP/9smL//r1t//7Dif/+yaD//tOy//7gw//+6M3//ujM///dsv//3q3//tur//7Agf//r2j//6px//+og//+pY3//qiX//ywov/8r6f//Kei//yVo//6hKv/9Ie3//Og0P/8rtz/563k/+mZzv/zibP/+oag//qLlf/5k4n/+6Jx//2zXf/+vWL//sJ5//7Hkv/+0av//uDC//3pyv/96Mz//tux///apf/+1qb//7h+//+lZf//nGf//5dt//+Tc///lXn//qN+//unjP/5nJ3//JWb//2Knv/2i7L/8KLR//uu3P/druT/4ZXN/+2FtP/1g6X/94Wd//iMj//6nXX//a5f//64Xv/+vW3//sKB//7KmP/+2bP//ebE//3nzf/+2bH//tWf//7Vpf/+toX//5xk//+RW///iFj//4Nc//+FYv/+l2j/+599//eQmv/3iKT/94aj/++HtP/tn9H/+q7d/9aq5f/ajND/5Hq7/+13rv/yeaL/9YCU//mPgf/8oW3//q1m//60a//+uHb//sKJ//7Spv/+48D//ufO//7Xsv/+0Zr//tSk//68kv//mGn//4ZP//9+S///elD//oJa//2Qav/5kIT/9YOX//N7pP/ueK7/5nu7/+iX0//5rd3/0aXp/9KB1v/ba8P/5Wa2/+xoqf/yb5v/936M//uUef/9pWz//qxr//6ucf/+u4X//tGl//7jwv/959H//tez//7PmP/+0KL//sWh//6rh//+i2D//3xQ//59VP/+iF///It1//d9j//ybpv/7Wmn/+Zmtv/dasP/447W//es3v/LpO7/yHnd/89czf/bU8H/5VW1/+5dpv/1cJT/+419//6ibf/+pWj//qZt//63hf/+0ar//eTJ//3o1f/+1rX//c2X//3Lof/+x6b//cCh//6dev/+hlz//ohd//6TZP/8iXn/9m2V/+5apv/mVbb/20/B/89YzP/ahdv/9are/8eo8v+/eeX/xFXW/9FIzP/fSML/6VC0//Nlnv/7ioH//qFt//6jaP/+q3H//rqL//3Ssf/95s///efa//7WuP/8y5j//Mik//7FqP/9xan//a6J//6caf/+kmL//ptn//yKe//0X5//6ky2/99Ew//RQcv/wk/V/9CB4f/yq+D/x7L3/76I7f/AZOH/zFXX/9pS0P/mVsb/8Guw//mRkP/8p3z//K15//y4hP/8w5v/+9W7//vm1v/75t///NbC//nMpP/6yq7//Mmy//vIs//7vZv//LWC//yldf/8o3X/+paM//FgtP/kT8n/20zR/8pN1v+9W+D/y4jn//Cs4f/Pw/v/xqL0/8aF6//PeeT/23Xf/+V32P/uhsf/9qWs//i3mv/4v5j/+Meh//jPsv/43Mn/9+jf//fm5v/31tb/9dXB//XWyP/31sr/99XI//fOt//3yqj/98Of//e9nv/2r6//7oXO/+R63f/beeH/z3vl/8aF7P/Soe3/8bHj/w==";
+var _d, vd, yd = t((() => {
+	Vc(), md(), fd(), _d = 32, vd = "7PP//97s///O4/7/xt77/8vc7f/Y1sr/5c2f/+/EcP/2vEX/+rQp//2xGP/+rRv//J5M//uUf//7jp7/+4a3//2Ax//9g83//4vD//2bu//5kpv/83V+//Nbb//3VnT/81Sf/+tdxf/pid3/56Pr/+a58v/q1/P/6On3/+Xy/P/o8f//2ur+/8/j/P/O4ff/1tzc/+PSr//sx4X/879d//i3Of/8siD//rEP//6vD//9nz7//JJ4//uNnP/6h7f//IDJ//yEz//+jMX//Jq8//aOnf/xa3n/9Fxq//dief/1Y5v/8G62/+2K0v/tq+b/6Lby/+rP8v/q5fb/5vH7/+Pv///X6P7/0uT6/9bi8P/h2sf/682R//LCa//3ukn/+rQs//yxGv/+sQ7//q4T//2eRP/8knv/+o2e//eIuf/6g8v/+obR//yMx//6mb3/84uh//Bnef/1YWn/+nVx//lzj//1g6X/8pjC//Gz3f/stO//6cDx/+rf9P/m8fv/3uz//9Xm/f/V4vj/3d/r/+fWtP/xyHT/9r9R//m3N//7siP//bAW//6xDv/+qxr//ZpP//yPf//4jZ//9Yq6//eHzP/4itL/+o/K//iYvv/wiab/7mZ9//Zpbv/7gG///Il+//iYk//1pa//9LTO//Cx5v/qru7/69fy/+fw+v/Y6f7/1eL7/9nb9v/h2Of/7M+n//XCW//5uj3/+7Ur//yxHf/9rhX//q8Q//6mJP/9k1f/+4x///aNnv/zjbr/9Y3N//aR1f/4lM7/+JnC//COrv/ua4f/9m5y//uGc//8k3z/+qKI//aupP/1tMT/8J3b/+iJ6v/qzfD/6O75/9fl/f/Y3vn/3NPz/+TM4P/uxpr/+LxJ//u3MP/8syX//a8c//2sF//+rBb//p8w//2OX//7ioD/9o6e//KQu//zk8//9ZjX//ec0//4nsn/85i7//B3mf/1cHz/+oZ4//uSgf/6oYX/97Kg//Wpvv/vcdH/5W7n/+vG7f/p6vf/1d78/9nX9//fyu3/6MDN//O8fv/6uDv/+7Qr//yxJf/9rB///akd//6oIP/+mz3//oxm//uMg//2kaD/8pW9//Ob0f/2oNj/+aPX//ul1P/4o83/9Iyy//d7kP/6in3/+5OB//qhgv/5rpX/9pyy/+9czf/kZ+D/7L7q/+vk9f/S0/v/2s30/+O+4//ttK3/+LRW//u0Mf/8si7//K8q//2pJv/9pSj//qMu//6WSP/+jWv/+46F//aVo//zmr//9KHS//em2v/8qNr//qra//2q2P/5n8z/+Iuv//uOjP/7loH//KGA//ukjf/5kab/8VjD/+dq2P/tt+b/7t3y/9XJ+P/gwvD/6bPa//Osmf/6sEn/+7E1//ywNf/8ri///agu//2jNf/+nz3//pRT//6Pb//8k4j/95um//Shwv/1p9T/+Krc//yr2//+rdv//q3c//yp2v/5mM3/+pKp//ubhv/8oIH//J6L//yPmv/2a7D/63fL/++z4//w1u7/48D0/+257f/zr9n/96ic//urU//8rT//+689//yyMv/9ry///qk///6jUP/+nGT//pt6//yfj//4pKz/9ajG//at1v/6r9z//azb//+u3f//r93//q7e//ug3P/6lcn/+52g//ujhP/9nIz//ZKb//qJpP/zjrr/8rHc//PN6v/zuO//+7Ts//uw4f/7qK7//KVo//ynTf/7rEb//bU0//27Jv/9tz3//bJj//6weP/+sIj//a+a//mwsv/2scn/+LTY//uz3f/9rtz//7De//6w3//+reL//aXl//ya4P/8nML//KSZ//2cm//9mrD//aGz//uitf/4r87/9sPk//u07f//tO3//rLo//ymwP/8nYL//J9g//unU//8skL//b0v//zBQP/8xHD//saJ//7FlP/9waP/+725//i5y//5u9j/+rjd//yv3f/+r9///q7i//6r5v/9quj//aTp//2e2v/9oLr//aC1//2ouv/+s7b//rSz//ywwP/6uNn//bPs//6z6//+ruP//J7G//uRmv/7knn/+51m//yrUv/9tkb//MBZ//3Lf//+0pP//tSa//7PqP/8yb7/+sLM//vC1v/6v9z/+bHd//io4v/7pej//arp//2x6P/8ren//KHg//2hxf/9p7v//rC3//+4s///u7D//rS5//2x0f//tO3//7Lr//6n3f/8ksL/+oKl//mDkf/5kXz//KNi//2vWP/+vnH//suQ//7Umv/+2Zz//tan//7SwP/9ysn//srO//vF1P/3sdH/7p7b/+2c6P/2o+3/9Kvs//Gn7f/xn+L//KXF//6uuv//sLj//7S1//+5sf/+tLn//q7Q//+z7f//sen//p/W//uEuv/5daf/9ned//aFjv/6l3f//adp//65ff/+ypr//tGh//7Vn//+1af//ta9///Rv///0r///cvD//m1uP/vn8n/5Jff/96b6//Um/H/zZvy/9Wb6v/ypc7//6+8//+xuf//tLb//7mx//22vf/+rtT//q/q//2n4v/9jsr/+3Wy//drqP/0cKL/9H2Z//iOhv/8oHT//rV///7Hnv/+zqf//tGm//7Uqv/+2Ln//9az///Xsv/90bT//MSj//m6r//tqcn/0aDh/76a8v+9m/b/vZn0/9ue4f/8q8L//rO0//+5rv/+vqn//LrB//6v2v/8qef//JnY//x7vv/6Zq3/9mSn//NtpP/ze53/94qN//yceP/+sn3//sWb//7Oqf/+0an//tas//7cuf//27D//96r//7aqv/+1Jz//tSe//rLrP/htc3/waPr/7if9v+ymvn/zJzt//eoxf/+t6D//8WV//7Kmf/8v8L//a/c//yk5f/7jtL/+224//lcqv/2X6b/9Gyj//R8mv/4jIr//J53//6zfv/+xZr//s2o//7Sqf/+2K7//uC8///htf//46z//t2m//7XnP/+2Z///tmh//XLt//Osdr/s6Lx/7Kd9v/Ro+z/9qvH//64mf//y4j//s+S//zBwf/9sNv//aHk//uI0P/7Zbf/+Feq//Vdpv/0bqD/+IKR//uWfv/+qHf//rqI//7Gnv/+zaf//tSp//7bsP/+477//+W4///mrv//3qT//tic//7Yn//+2qH//NWr/967zP+6pOj/waTt/+Gt4P/4r8j//bWi///Hiv/+zpP//cDB//6v2//9oOT/+4bR//pkuf/3WK3/9F+o//Vynf/6jIX//qR1//61fv/+v5H//seg//7Npv/+1an//t2y//7kwP//5rj//+ex///fpv/+2J3//tie//7ZoP/91qb/5r7E/8am3//Yq97/9LbN//qzxf/8sa///r+R//7MlP/9vcL//q7b//yh5f/6iNP/+Gi8//Vdr//0Zan/93qW//yXev/+rXH//rp///6/kf/+xp///s6l//7WrP/+37j//uXE///kuP//57X//+Os//7Znv/+2J3//tme//3Sof/vu7z/4KvW/+6xz//7tsP/+7PC//uruf/9rJ7//bWd//yzxv/+rtv/+6Ll//iM1P/2b77/9GWw//Vvpf/5hoz//KBy//6ya//+unn//r+Q//7HoP/+z6n//tmz//7iwv/+58j//+K2///mt//+5rT//9ui//7Wnv/+057//smg//u5rv/4ssX/+rTF//u0wP/7sL//+p+7//mRrf/5lK3/+qXL//6u2//4o+X/9JDU//R5vf/1cq7/93ud//qQhf/7pW///bJm//67dP/+wY///smj//7Sr//+3Lz//uXK//7ny///37T//+O0//7isv/+0Jb//8WH///AjP/+upf//rSh//2zsf/7tLz/+7S7//yttf/6lbX/94Oz//WEtv/2n8///a7c//Gn5f/wltH/9IO5//h+pv/7h5X/+5WD//ukcP/9smL//r1t//7Dif/+yaD//tOy//7gw//+6M3//ujM///dsv//3q3//tur//7Agf//r2j//6px//+og//+pY3//qiX//ywov/8r6f//Kei//yVo//6hKv/9Ie3//Og0P/8rtz/563k/+mZzv/zibP/+oag//qLlf/5k4n/+6Jx//2zXf/+vWL//sJ5//7Hkv/+0av//uDC//3pyv/96Mz//tux///apf/+1qb//7h+//+lZf//nGf//5dt//+Tc///lXn//qN+//unjP/5nJ3//JWb//2Knv/2i7L/8KLR//uu3P/druT/4ZXN/+2FtP/1g6X/94Wd//iMj//6nXX//a5f//64Xv/+vW3//sKB//7KmP/+2bP//ebE//3nzf/+2bH//tWf//7Vpf/+toX//5xk//+RW///iFj//4Nc//+FYv/+l2j/+599//eQmv/3iKT/94aj/++HtP/tn9H/+q7d/9aq5f/ajND/5Hq7/+13rv/yeaL/9YCU//mPgf/8oW3//q1m//60a//+uHb//sKJ//7Spv/+48D//ufO//7Xsv/+0Zr//tSk//68kv//mGn//4ZP//9+S///elD//oJa//2Qav/5kIT/9YOX//N7pP/ueK7/5nu7/+iX0//5rd3/0aXp/9KB1v/ba8P/5Wa2/+xoqf/yb5v/936M//uUef/9pWz//qxr//6ucf/+u4X//tGl//7jwv/959H//tez//7PmP/+0KL//sWh//6rh//+i2D//3xQ//59VP/+iF///It1//d9j//ybpv/7Wmn/+Zmtv/dasP/447W//es3v/LpO7/yHnd/89czf/bU8H/5VW1/+5dpv/1cJT/+419//6ibf/+pWj//qZt//63hf/+0ar//eTJ//3o1f/+1rX//c2X//3Lof/+x6b//cCh//6dev/+hlz//ohd//6TZP/8iXn/9m2V/+5apv/mVbb/20/B/89YzP/ahdv/9are/8eo8v+/eeX/xFXW/9FIzP/fSML/6VC0//Nlnv/7ioH//qFt//6jaP/+q3H//rqL//3Ssf/95s///efa//7WuP/8y5j//Mik//7FqP/9xan//a6J//6caf/+kmL//ptn//yKe//0X5//6ky2/99Ew//RQcv/wk/V/9CB4f/yq+D/x7L3/76I7f/AZOH/zFXX/9pS0P/mVsb/8Guw//mRkP/8p3z//K15//y4hP/8w5v/+9W7//vm1v/75t///NbC//nMpP/6yq7//Mmy//vIs//7vZv//LWC//yldf/8o3X/+paM//FgtP/kT8n/20zR/8pN1v+9W+D/y4jn//Cs4f/Pw/v/xqL0/8aF6//PeeT/23Xf/+V32P/uhsf/9qWs//i3mv/4v5j/+Meh//jPsv/43Mn/9+jf//fm5v/31tb/9dXB//XWyP/31sr/99XI//fOt//3yqj/98Of//e9nv/2r6//7oXO/+R63f/beeH/z3vl/8aF7P/Soe3/8bHj/w==";
 }));
 //#endregion
 //#region src/renderer/WaveRenderer.ts
-function md(e, t) {
-	let n = vd.set(e);
+function bd(e, t) {
+	let n = wd.set(e);
 	return t.set(n.r, n.g, n.b);
 }
-var hd, gd, _d, vd, yd, bd = t((() => {
-	Vc(), nl(), il(), cl(), Zc(), fl(), eu(), su(), Mu(), od(), pd(), Gl(), hd = 220, gd = 1333, _d = class {
+var xd, Sd, Cd, wd, Td, Ed = t((() => {
+	Vc(), nl(), il(), cl(), Zc(), fl(), ou(), pu(), Ru(), fd(), yd(), Gl(), xd = 220, Sd = 1333, Cd = class {
 		makeVideo;
 		onVideoReady;
 		texture;
@@ -12855,8 +12898,8 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 		}
 		apply(e, t) {
 			let n = e.paletteVideoUrl, r = e.paletteImageUrl, i = e.paletteSource ?? "hero", a, o;
-			if (n) this.ensureVideo(n), this.video?.readyState && this.video.readyState >= 2 ? (a = "video|" + n, o = () => Lu(new _i(this.video))) : (a = "video-loading|" + n, o = () => ud());
-			else if (r) this.clearVideo(), a = "url|" + r, o = () => $u(r);
+			if (n) this.ensureVideo(n), this.video?.readyState && this.video.readyState >= 2 ? (a = "video|" + n, o = () => Uu(new _i(this.video))) : (a = "video-loading|" + n, o = () => gd());
+			else if (r) this.clearVideo(), a = "url|" + r, o = () => ad(r);
 			else if (i === "stops") {
 				this.clearVideo();
 				let t = {
@@ -12864,8 +12907,8 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 					edgeColor: e.paletteEdgeColor ?? "#8e9dff",
 					edgeAmount: e.paletteEdgeAmount ?? .3
 				};
-				a = "stops|" + Iu(t), o = () => zu(t);
-			} else ad[i] ? (this.clearVideo(), a = "map|" + i, o = () => Ru(Qu(ad[i]))) : (this.clearVideo(), a = "hero", o = () => ud());
+				a = "stops|" + Hu(t), o = () => Gu(t);
+			} else dd[i] ? (this.clearVideo(), a = "map|" + i, o = () => Wu(id(dd[i]))) : (this.clearVideo(), a = "hero", o = () => gd());
 			(a !== this.sig || !this.texture) && (this.texture?.dispose(), this.texture = o(), this.sig = a), t.uPalette.value = this.texture, t.uUsePalette.value = e.usePaletteTexture === !1 ? 0 : 1, t.uPaletteRaw.value = 1;
 		}
 		syncPlayback(e, t) {
@@ -12888,7 +12931,7 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 		dispose() {
 			this.texture?.dispose(), this.texture = void 0, this.clearVideo(), this.failedUrl = "";
 		}
-	}, vd = new X(), yd = class {
+	}, wd = new X(), Td = class {
 		renderer;
 		scene = new Gn();
 		camera;
@@ -12896,6 +12939,12 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 		composer;
 		postPass;
 		bloomPass;
+		ditherPass;
+		innerLightPass;
+		halftonePass;
+		heatmapPass;
+		paperTexturePass;
+		halftoneCmykPass;
 		container;
 		respectReducedMotion;
 		skipIntroRamp;
@@ -12960,7 +13009,7 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 		}
 		get segments() {
 			let e = this.config.quality / Math.sqrt(Math.max(1, this.config.waves.length));
-			return Gt.clamp(Math.round(hd * e), 24, 360);
+			return Gt.clamp(Math.round(xd * e), 24, 360);
 		}
 		makeUniforms() {
 			let e = [], t = [];
@@ -13048,6 +13097,7 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 				uPointerPush: { value: 0 },
 				uPointerWake: { value: 0 },
 				uPointerVel: { value: new G(0, 0) },
+				uShapeFlow: { value: 0 },
 				uPointerThin: { value: 0 },
 				uPointerHue: { value: 0 },
 				uPointerLighten: { value: 0 },
@@ -13061,10 +13111,10 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 			let t = {};
 			e?.twistMotion && (t.TWIST_MOTION = ""), (this.config.loopSeconds ?? 0) > 0 && (t.LOOP_MOTION = "");
 			let n = e?.interaction?.bindings?.some((e) => e.target === "detailAmount") ?? !1;
-			return ((e?.detailAmount ?? 0) !== 0 || n) && (t.DETAIL_OCTAVE = ""), (e?.depthTint ?? 0) > 0 && (t.DEPTH_TINT = ""), (e?.edgeFeather ?? .1) !== .1 && (t.EDGE_FEATHER = ""), e && fu(this.config, e) && (t.POINTER_FX = "", pu(this.config, e) && (t.POINTER_RIPPLES = "")), t;
+			return ((e?.detailAmount ?? 0) !== 0 || n) && (t.DETAIL_OCTAVE = ""), (e?.depthTint ?? 0) > 0 && (t.DEPTH_TINT = ""), (e?.edgeFeather ?? .1) !== .1 && (t.EDGE_FEATHER = ""), e && vu(this.config, e) && (t.POINTER_FX = "", yu(this.config, e) && (t.POINTER_RIPPLES = "")), t;
 		}
 		addWave() {
-			let e = new ou(this.segments), t = this.config.waves[this.waves.length] ?? this.config.waves[0], n = new Oi({
+			let e = new fu(this.segments), t = this.config.waves[this.waves.length] ?? this.config.waves[0], n = new Oi({
 				uniforms: this.makeUniforms(),
 				defines: this.waveDefines(t),
 				vertexShader: Yl,
@@ -13077,7 +13127,7 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 			this.applyBlendMode(n, t?.blendMode ?? "squared");
 			let r = new si(e.geometry, n);
 			r.frustumCulled = !1, this.group.add(r);
-			let i = new _d((e) => this.createLoopingVideo(e), () => {
+			let i = new Cd((e) => this.createLoopingVideo(e), () => {
 				this.updatePaletteTextures(), this.syncVideoPlayback(), this.running || this.renderOnce();
 			});
 			this.waves.push({
@@ -13126,21 +13176,21 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 						color: "#ffffff",
 						pos: 0
 					};
-					md(t.color, l[e]), u[e] = t.pos;
+					bd(t.color, l[e]), u[e] = t.pos;
 				}
 				r.uColorCount.value = c, r.uGradType.value = n.gradientType === "radial" ? 1 : n.gradientType === "conic" ? 2 : n.gradientType === "mesh" ? 3 : 0, r.uGradAngle.value = (n.gradientAngle ?? 0) * Math.PI / 180, r.uGradShift.value = n.gradientShift ?? 0;
 				let d = n.meshGradientPoints.slice(0, 8), f = r.uMeshPointPos.value, p = r.uMeshPointColor.value, m = r.uMeshPointInfluence.value;
 				for (let e = 0; e < 8; e++) {
 					let t = d[e] ?? d[d.length - 1];
-					t && (f[e].set(t.x, t.y), md(t.color, p[e]), m[e] = t.influence);
+					t && (f[e].set(t.x, t.y), bd(t.color, p[e]), m[e] = t.influence);
 				}
-				r.uMeshPointCount.value = d.length, r.uMeshSoftness.value = n.meshGradientSoftness, r.uPaletteScale.value.set(n.paletteTextureScale?.x ?? 1, n.paletteTextureScale?.y ?? 1), r.uPaletteOffset.value.set(n.paletteTextureOffset?.x ?? 0, n.paletteTextureOffset?.y ?? 0), r.uPaletteRotation.value = (n.paletteTextureRotation ?? 0) * Math.PI / 180, r.uHueShift.value = n.hueShift, r.uContrast.value = n.colorContrast, r.uSaturation.value = n.colorSaturation, r.uLineAmount.value = n.lineAmount ?? 425, r.uLineThickness.value = n.lineThickness ?? 1, r.uLineDerivativePower.value = n.lineDerivativePower ?? .95, r.uMaxWidth.value = n.maxWidth ?? 1232, md(this.config.background, r.uClearColor.value), r.uFiberCount.value = n.fiberCount, r.uFiberStrength.value = n.fiberStrength, r.uTexture.value = n.texture, r.uCreaseLight.value = n.creaseLight, r.uCreaseSharpness.value = n.creaseSharpness, r.uCreaseSoftness.value = n.creaseSoftness, r.uSheen.value = n.sheen ?? 1, r.uRoundness.value = n.roundness ?? .35, r.uIridescence.value = n.iridescence ?? 0, r.uDepthTint.value = n.depthTint ?? 0, md(n.depthTintColor ?? "#0a2540", r.uDepthTintColor.value), r.uEdgeFade.value = n.edgeFade, r.uEdgeFeather.value = n.edgeFeather ?? .1;
+				r.uMeshPointCount.value = d.length, r.uMeshSoftness.value = n.meshGradientSoftness, r.uPaletteScale.value.set(n.paletteTextureScale?.x ?? 1, n.paletteTextureScale?.y ?? 1), r.uPaletteOffset.value.set(n.paletteTextureOffset?.x ?? 0, n.paletteTextureOffset?.y ?? 0), r.uPaletteRotation.value = (n.paletteTextureRotation ?? 0) * Math.PI / 180, r.uHueShift.value = n.hueShift, r.uContrast.value = n.colorContrast, r.uSaturation.value = n.colorSaturation, r.uLineAmount.value = n.lineAmount ?? 425, r.uLineThickness.value = n.lineThickness ?? 1, r.uLineDerivativePower.value = n.lineDerivativePower ?? .95, r.uMaxWidth.value = n.maxWidth ?? 1232, bd(this.config.background, r.uClearColor.value), r.uFiberCount.value = n.fiberCount, r.uFiberStrength.value = n.fiberStrength, r.uTexture.value = n.texture, r.uCreaseLight.value = n.creaseLight, r.uCreaseSharpness.value = n.creaseSharpness, r.uCreaseSoftness.value = n.creaseSoftness, r.uSheen.value = n.sheen ?? 1, r.uRoundness.value = n.roundness ?? .35, r.uIridescence.value = n.iridescence ?? 0, r.uDepthTint.value = n.depthTint ?? 0, bd(n.depthTintColor ?? "#0a2540", r.uDepthTintColor.value), r.uEdgeFade.value = n.edgeFade, r.uEdgeFeather.value = n.edgeFeather ?? .1;
 				let h = this.config.lights ?? [];
 				r.uAmbient.value = this.config.ambient ?? .45, r.uNumLights.value = Math.min(h.length, 8);
 				let g = r.uLightPos.value, _ = r.uLightColor.value, v = r.uLightIntensity.value;
 				for (let e = 0; e < 8; e++) {
 					let t = h[e];
-					t ? (g[e].set(t.position.x, t.position.y, t.position.z), md(t.color, _[e]), v[e] = t.intensity) : v[e] = 0;
+					t ? (g[e].set(t.position.x, t.position.y, t.position.z), bd(t.color, _[e]), v[e] = t.intensity) : v[e] = 0;
 				}
 				let y = n.noiseBands ?? [];
 				r.uNumNoiseBands.value = Math.min(y.length, 4);
@@ -13151,12 +13201,12 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 				}
 				r.uSpeed.value = n.speed, r.uSeed.value = n.seed, r.uLoopSeconds.value = this.config.loopSeconds ?? 0, r.uDispFreqX.value = n.displaceFrequency.x, r.uDispFreqZ.value = n.displaceFrequency.y, r.uDispAmount.value = n.displaceAmount, r.uDetailFreq.value = n.detailFrequency ?? .04, r.uDetailAmount.value = n.detailAmount ?? 0, r.uTwFreqX.value = n.twistFrequency.x, r.uTwFreqY.value = n.twistFrequency.y, r.uTwFreqZ.value = n.twistFrequency.z, r.uTwPowX.value = n.twistPower.x, r.uTwPowY.value = n.twistPower.y, r.uTwPowZ.value = n.twistPower.z, e.mesh.scale.set(n.scale.x, n.scale.y, n.scale.z), e.mesh.rotation.set(Gt.degToRad(n.rotation.x), Gt.degToRad(n.rotation.y), Gt.degToRad(n.rotation.z)), e.mesh.position.set(n.position.x, n.position.y, n.position.z), r.uOpacity.value = n.opacity;
 			});
-			let e = (this.config.interaction?.radius ?? .3) * 2;
-			this.waves.forEach((t, n) => {
-				let r = this.config.waves[n] ?? this.config.waves[this.config.waves.length - 1];
-				if (!fu(this.config, r)) return;
-				let i = t.material.uniforms, a = r.interaction?.hover;
-				i.uPointerRadius.value = e, i.uPointerAgitate.value = a?.agitate ?? 0, i.uPointerPush.value = a?.push ?? 0, i.uPointerWake.value = a?.wake ?? 0, i.uPointerThin.value = a?.thin ?? 0, i.uPointerHue.value = a?.hueShift ?? 0, i.uPointerLighten.value = a?.lighten ?? 0, i.uPointerRipple.value = r.interaction?.press?.ripple ?? 0;
+			let e = (this.config.interaction?.radius ?? .3) * 2, t = this.config.interaction?.ribbonFlow ?? .8;
+			this.waves.forEach((n, r) => {
+				let i = this.config.waves[r] ?? this.config.waves[this.config.waves.length - 1];
+				if (!vu(this.config, i)) return;
+				let a = n.material.uniforms, o = i.interaction?.hover;
+				a.uPointerRadius.value = e, a.uPointerAgitate.value = o?.agitate ?? 0, a.uPointerPush.value = o?.push ?? 0, a.uPointerWake.value = o?.wake ?? 0, a.uPointerThin.value = o?.thin ?? 0, a.uPointerHue.value = o?.hueShift ?? 0, a.uPointerLighten.value = o?.lighten ?? 0, a.uPointerRipple.value = i.interaction?.press?.ripple ?? 0, a.uShapeFlow.value = t;
 			}), this.updatePaletteTextures(), this.syncVideoPlayback(), this.group.scale.set(this.config.mirrorH ? -1 : 1, this.config.mirrorV ? -1 : 1, 1), this.onAfterRefresh(), this.running || this.renderOnce();
 		}
 		updatePaletteTextures() {
@@ -13200,13 +13250,13 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 					t
 				].join("|");
 				if (a !== this.backgroundSig || !this.backgroundTexture) {
-					let i = Uu(n, r, e, t);
-					this.backgroundTexture?.dispose(), this.backgroundTexture = Ru(i), this.backgroundSig = a;
+					let i = Yu(n, r, e, t);
+					this.backgroundTexture?.dispose(), this.backgroundTexture = Wu(i), this.backgroundSig = a;
 				}
 				this.scene.background = this.backgroundTexture;
 				return;
 			}
-			let r = this.config.backgroundGradientSource ?? "stops", i = ad[r], a = r !== "stops" && i?.kind === "gradient" && i.stops ? i.stops : this.config.backgroundPalette, o = a.map((e) => `${e.color}@${e.pos.toFixed(3)}`).join(","), s = [
+			let r = this.config.backgroundGradientSource ?? "stops", i = dd[r], a = r !== "stops" && i?.kind === "gradient" && i.stops ? i.stops : this.config.backgroundPalette, o = a.map((e) => `${e.color}@${e.pos.toFixed(3)}`).join(","), s = [
 				"gradient",
 				r,
 				n,
@@ -13216,14 +13266,14 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 				t
 			].join("|");
 			if (s !== this.backgroundSig || !this.backgroundTexture) {
-				let r = Bu({
+				let r = Ku({
 					stops: a,
 					type: n,
 					angle: this.config.backgroundGradientAngle,
 					width: e,
 					height: t
 				});
-				this.backgroundTexture?.dispose(), this.backgroundTexture = Ru(r), this.backgroundSig = s;
+				this.backgroundTexture?.dispose(), this.backgroundTexture = Wu(r), this.backgroundSig = s;
 			}
 			this.scene.background = this.backgroundTexture;
 		}
@@ -13246,7 +13296,7 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 				c = this.backgroundImage, l = this.backgroundImage.naturalWidth, u = this.backgroundImage.naturalHeight, d = `custom|${s}`;
 			} else {
 				this.clearBackgroundVideo();
-				let r = this.config.backgroundImageSource ?? "vaporwave", i = r === "hero" ? ld() : ad[r]?.kind === "image" ? Qu(ad[r], Math.max(t, n)) : null;
+				let r = this.config.backgroundImageSource ?? "vaporwave", i = r === "hero" ? hd() : dd[r]?.kind === "image" ? id(dd[r], Math.max(t, n)) : null;
 				if (!i) {
 					this.scene.background = e;
 					return;
@@ -13265,8 +13315,8 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 				n
 			].join("|");
 			if (f !== this.backgroundSig || !this.backgroundTexture) {
-				let e = Wu(c, l, u, t, n, r, this.config.background, i, a.x, a.y);
-				this.backgroundTexture?.dispose(), this.backgroundTexture = Ru(e), this.backgroundSig = f, this.backgroundVideoCanvas = o ? e : void 0;
+				let e = Xu(c, l, u, t, n, r, this.config.background, i, a.x, a.y);
+				this.backgroundTexture?.dispose(), this.backgroundTexture = Wu(e), this.backgroundSig = f, this.backgroundVideoCanvas = o ? e : void 0;
 			}
 			this.scene.background = this.backgroundTexture;
 		}
@@ -13318,11 +13368,11 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 				x: 0,
 				y: 0
 			};
-			Gu(t, e, e.videoWidth, e.videoHeight, this.config.backgroundImageFit ?? "cover", this.config.background, this.config.backgroundImageZoom ?? 1, n.x, n.y), this.backgroundTexture.needsUpdate = !0;
+			Zu(t, e, e.videoWidth, e.videoHeight, this.config.backgroundImageFit ?? "cover", this.config.background, this.config.backgroundImageZoom ?? 1, n.x, n.y), this.backgroundTexture.needsUpdate = !0;
 		}
 		applyPost() {
 			let e = this.postPass.uniforms;
-			e.uBlurAmount.value = this.config.blur, e.uGrainAmount.value = this.config.grain, e.uBlurSamples.value = Math.round(this.config.blurSamples ?? 6), this.applyBloom();
+			e.uBlurAmount.value = this.config.blur, e.uGrainAmount.value = this.config.grain, e.uBlurSamples.value = Math.round(this.config.blurSamples ?? 6), this.applyBloom(), this.applyInnerLight(), this.applyHalftone(), this.applyHeatmap(), this.applyHalftoneCmyk(), this.applyPaperTexture(), this.applyDither();
 		}
 		applyBloom() {
 			let e = this.config.bloomStrength ?? 0;
@@ -13334,6 +13384,104 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 				this.bloomPass.strength = e, this.bloomPass.radius = this.config.bloomRadius ?? .4, this.bloomPass.threshold = this.config.bloomThreshold ?? .85;
 			} else this.bloomPass &&= (this.composer.removePass(this.bloomPass), this.bloomPass.dispose(), void 0);
 		}
+		applyDither() {
+			let e = this.config.dither ?? 0;
+			if (e > 0) {
+				this.ditherPass || (this.ditherPass = new Xc({
+					uniforms: {
+						tDiffuse: { value: null },
+						uResolution: { value: this.renderer.getDrawingBufferSize(new G()) },
+						uDitherStrength: { value: e },
+						uDitherScale: { value: this.config.ditherScale ?? 2 },
+						uDitherSteps: { value: this.config.ditherSteps ?? 4 }
+					},
+					vertexShader: Ql,
+					fragmentShader: eu
+				}), this.composer.addPass(this.ditherPass));
+				let t = this.ditherPass.uniforms;
+				t.uDitherStrength.value = e, t.uDitherScale.value = Math.max(1, this.config.ditherScale ?? 2), t.uDitherSteps.value = Math.max(2, Math.round(this.config.ditherSteps ?? 4));
+			} else this.ditherPass &&= (this.composer.removePass(this.ditherPass), this.ditherPass.dispose(), void 0);
+		}
+		applyInnerLight() {
+			let e = this.config.innerLight ?? 0;
+			if (e > 0) {
+				let t = this.config.innerLightX ?? .5, n = this.config.innerLightY ?? .15;
+				this.innerLightPass || (this.innerLightPass = new Xc({
+					uniforms: {
+						tDiffuse: { value: null },
+						uInnerLight: { value: e },
+						uInnerLightDensity: { value: this.config.innerLightDensity ?? .5 },
+						uInnerLightDecay: { value: this.config.innerLightDecay ?? .95 },
+						uInnerLightCenter: { value: new G(t, n) }
+					},
+					vertexShader: Ql,
+					fragmentShader: tu
+				}), this.composer.insertPass(this.innerLightPass, 1));
+				let r = this.innerLightPass.uniforms;
+				r.uInnerLight.value = e, r.uInnerLightDensity.value = this.config.innerLightDensity ?? .5, r.uInnerLightDecay.value = this.config.innerLightDecay ?? .95, r.uInnerLightCenter.value.set(t, n);
+			} else this.innerLightPass &&= (this.composer.removePass(this.innerLightPass), this.innerLightPass.dispose(), void 0);
+		}
+		applyHalftone() {
+			let e = this.config.halftone ?? 0;
+			if (e > 0) {
+				this.halftonePass || (this.halftonePass = new Xc({
+					uniforms: {
+						tDiffuse: { value: null },
+						uResolution: { value: this.renderer.getDrawingBufferSize(new G()) },
+						uHalftone: { value: e },
+						uHalftoneCell: { value: this.config.halftoneCell ?? 6 },
+						uHalftoneAngle: { value: this.config.halftoneAngle ?? .4 }
+					},
+					vertexShader: Ql,
+					fragmentShader: nu
+				}), this.composer.addPass(this.halftonePass));
+				let t = this.halftonePass.uniforms;
+				t.uHalftone.value = e, t.uHalftoneCell.value = Math.max(2, this.config.halftoneCell ?? 6), t.uHalftoneAngle.value = this.config.halftoneAngle ?? .4;
+			} else this.halftonePass &&= (this.composer.removePass(this.halftonePass), this.halftonePass.dispose(), void 0);
+		}
+		applyHeatmap() {
+			let e = this.config.heatmap ?? 0;
+			e > 0 ? (this.heatmapPass || (this.heatmapPass = new Xc({
+				uniforms: {
+					tDiffuse: { value: null },
+					uHeatmap: { value: e }
+				},
+				vertexShader: Ql,
+				fragmentShader: ru
+			}), this.composer.addPass(this.heatmapPass)), this.heatmapPass.uniforms.uHeatmap.value = e) : this.heatmapPass &&= (this.composer.removePass(this.heatmapPass), this.heatmapPass.dispose(), void 0);
+		}
+		applyPaperTexture() {
+			let e = this.config.paperTexture ?? 0;
+			if (e > 0) {
+				this.paperTexturePass || (this.paperTexturePass = new Xc({
+					uniforms: {
+						tDiffuse: { value: null },
+						uPaper: { value: e },
+						uPaperScale: { value: this.config.paperTextureScale ?? 2 }
+					},
+					vertexShader: Ql,
+					fragmentShader: iu
+				}), this.composer.addPass(this.paperTexturePass));
+				let t = this.paperTexturePass.uniforms;
+				t.uPaper.value = e, t.uPaperScale.value = Math.max(.5, this.config.paperTextureScale ?? 2);
+			} else this.paperTexturePass &&= (this.composer.removePass(this.paperTexturePass), this.paperTexturePass.dispose(), void 0);
+		}
+		applyHalftoneCmyk() {
+			let e = this.config.halftoneCmyk ?? 0;
+			if (e > 0) {
+				this.halftoneCmykPass || (this.halftoneCmykPass = new Xc({
+					uniforms: {
+						tDiffuse: { value: null },
+						uHalftoneCmyk: { value: e },
+						uHalftoneCmykCell: { value: this.config.halftoneCmykCell ?? 6 }
+					},
+					vertexShader: Ql,
+					fragmentShader: au
+				}), this.composer.addPass(this.halftoneCmykPass));
+				let t = this.halftoneCmykPass.uniforms;
+				t.uHalftoneCmyk.value = e, t.uHalftoneCmykCell.value = Math.max(2, this.config.halftoneCmykCell ?? 6);
+			} else this.halftoneCmykPass &&= (this.composer.removePass(this.halftoneCmykPass), this.halftoneCmykPass.dispose(), void 0);
+		}
 		onResize = () => {
 			this.resize();
 		};
@@ -13347,7 +13495,7 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 			let e = this.outputSize?.width ?? Math.max(1, this.container.clientWidth), t = this.outputSize?.height ?? Math.max(1, this.container.clientHeight), n = this.outputSize ? 1 : Math.min(window.devicePixelRatio || 1, this.config.dprMax);
 			this.renderer.setPixelRatio(n), this.renderer.setSize(e, t, !this.outputSize), this.outputSize && (this.renderer.domElement.style.width = "100%", this.renderer.domElement.style.height = "100%"), this.composer.setPixelRatio(n), this.composer.setSize(e, t);
 			let r = e * n, i = t * n;
-			this.postPass.uniforms.uResolution.value.set(r, i);
+			this.postPass.uniforms.uResolution.value.set(r, i), this.ditherPass && this.ditherPass.uniforms.uResolution.value.set(r, i), this.halftonePass && this.halftonePass.uniforms.uResolution.value.set(r, i);
 			for (let e of this.waves) e.material.uniforms.uResolution.value.set(r, i);
 			this.camera.left = -r / 2, this.camera.right = r / 2, this.camera.top = i / 2, this.camera.bottom = -i / 2, this.applyZoom(), this.applyBackground(), this.onAfterResize(), this.running || this.renderOnce();
 		}
@@ -13396,8 +13544,8 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 			this.updateBackgroundVideoFrame(), this.updateTime(), this.applyInteraction(), this.updateClipPlanes(), this.composer.render(), this.onAfterRenderFrame();
 		}
 		syncInteraction() {
-			let e = hu(this.config);
-			e && !this.interaction ? this.interaction = new ju(this.container, () => this.config) : !e && this.interaction && (this.interaction.dispose(), this.interaction = void 0, this.interactionTimeOffset = 0, this.interactionZoom !== 1 && (this.interactionZoom = 1, this.applyZoom()));
+			let e = xu(this.config);
+			e && !this.interaction ? this.interaction = new Lu(this.container, () => this.config) : !e && this.interaction && (this.interaction.dispose(), this.interaction = void 0, this.interactionTimeOffset = 0, this.interactionZoom !== 1 && (this.interactionZoom = 1, this.applyZoom()));
 		}
 		applyInteraction() {
 			if (this.interaction) {
@@ -13405,13 +13553,13 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 					this.applyInteractionRest();
 					return;
 				}
-				mu(this.config) && this.applyPointerField(this.interaction), this.applyBindings(this.interaction);
+				bu(this.config) && this.applyPointerField(this.interaction), this.applyBindings(this.interaction);
 			}
 		}
 		applyInteractionRest() {
 			for (let e = 0; e < this.waves.length; e++) {
 				let t = this.config.waves[e] ?? this.config.waves[this.config.waves.length - 1];
-				if (!fu(this.config, t)) continue;
+				if (!vu(this.config, t)) continue;
 				let n = this.waves[e].material.uniforms;
 				n.uPointerActive.value = 0;
 				let r = n.uRippleAmp.value;
@@ -13425,7 +13573,7 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 					out: this.interactionSceneOut
 				};
 				for (let n of e) {
-					let e = Au[n.target];
+					let e = Iu[n.target];
 					e.apply(e.base(this.config), t);
 				}
 			}
@@ -13435,7 +13583,7 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 				if (!t || !n || n.length === 0) continue;
 				let r = this.waves[e];
 				for (let e of n) {
-					let n = ku[e.target];
+					let n = Fu[e.target];
 					n.apply(n.base(t), {
 						u: r.material.uniforms,
 						mesh: r.mesh
@@ -13447,7 +13595,7 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 			let t = this.camera.right - this.camera.left, n = this.camera.top - this.camera.bottom, r = n === 0 ? 1 : t / n, i = e.sample().ripples, a = Math.min(1, .2 + .85 * e.pointerFlux()), o = e.pointerVelocity();
 			for (let t = 0; t < this.waves.length; t++) {
 				let n = this.config.waves[t] ?? this.config.waves[this.config.waves.length - 1];
-				if (!fu(this.config, n)) continue;
+				if (!vu(this.config, n)) continue;
 				let s = this.waves[t].material.uniforms;
 				s.uPointerAgitate.value = (n.interaction?.hover?.agitate ?? 0) * a, s.uPointerVel.value.copy(o);
 				let c = e.fieldFor(t);
@@ -13463,7 +13611,7 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 				out: this.interactionSceneOut
 			};
 			for (let n of this.config.interaction?.bindings ?? []) {
-				let r = Au[n.target], i = Gt.lerp(n.from ?? r.base(this.config), n.to, e.bindingValue(n));
+				let r = Iu[n.target], i = Gt.lerp(n.from ?? r.base(this.config), n.to, e.bindingValue(n));
 				r.apply(i, t);
 			}
 			for (let t = 0; t < this.waves.length; t++) {
@@ -13471,7 +13619,7 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 				if (!n || !r || r.length === 0) continue;
 				let i = this.waves[t];
 				for (let t of r) {
-					let r = ku[t.target], a = Gt.lerp(t.from ?? r.base(n), t.to, e.bindingValue(t));
+					let r = Fu[t.target], a = Gt.lerp(t.from ?? r.base(n), t.to, e.bindingValue(t));
 					r.apply(a, {
 						u: i.material.uniforms,
 						mesh: i.mesh
@@ -13500,7 +13648,7 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 		onAfterResize() {}
 		applyZoom() {
 			let e = this.camera.right - this.camera.left, t = this.camera.top - this.camera.bottom;
-			this.camera.zoom = Math.max(e / gd, t / 750) * (this.config.cameraZoom ?? 1) * this.interactionZoom, this.camera.updateProjectionMatrix();
+			this.camera.zoom = Math.max(e / Sd, t / 750) * (this.config.cameraZoom ?? 1) * this.interactionZoom, this.camera.updateProjectionMatrix();
 		}
 		updateClipPlanes() {
 			this.clipBox.makeEmpty();
@@ -13510,7 +13658,7 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 				let r = n.geometry.boundingSphere;
 				if (!r) continue;
 				let i = this.clipTmpA.setFromMatrixPosition(n.matrixWorld), a = Math.abs(Number(t.material.uniforms.uDispAmount.value) || 0), o = this.config.waves[e] ?? this.config.waves[this.config.waves.length - 1], s = 0;
-				if (fu(this.config, o)) {
+				if (vu(this.config, o)) {
 					let e = o.interaction?.hover;
 					s = (e?.agitate ?? 0) + Math.abs(e?.push ?? 0) + (e?.wake ?? 0) + (o.interaction?.press?.ripple ?? 0);
 				}
@@ -13552,19 +13700,19 @@ var hd, gd, _d, vd, yd, bd = t((() => {
 		dispose() {
 			cancelAnimationFrame(this.rafId), this.running = !1, this.interaction?.dispose(), this.interaction = void 0, this.resizeObserver.disconnect(), this.intersectionObserver.disconnect(), this.motionQuery.removeEventListener("change", this.onMotionChange), document.removeEventListener("visibilitychange", this.onVisibilityChange), this.renderer.domElement.removeEventListener("webglcontextlost", this.onContextLost), this.renderer.domElement.removeEventListener("webglcontextrestored", this.onContextRestored), this.clearBackgroundVideo(), this.backgroundTexture?.dispose();
 			for (let e of this.waves) e.material.dispose(), e.geometry.dispose(), e.palette.dispose();
-			this.bloomPass?.dispose(), this.composer.dispose(), this.renderer.dispose(), this.renderer.domElement.remove();
+			this.bloomPass?.dispose(), this.ditherPass?.dispose(), this.innerLightPass?.dispose(), this.halftonePass?.dispose(), this.heatmapPass?.dispose(), this.paperTexturePass?.dispose(), this.halftoneCmykPass?.dispose(), this.composer.dispose(), this.renderer.dispose(), this.renderer.domElement.remove();
 		}
 	};
-})), xd = /* @__PURE__ */ n({
-	WaveRenderer: () => yd,
+})), Dd = /* @__PURE__ */ n({
+	WaveRenderer: () => Td,
 	createDefaultConfig: () => wl
 });
 //#endregion
 //#region src/shell/probe.ts
 t((() => {
-	bd(), Gl();
+	Ed(), Gl();
 }))();
-function Sd() {
+function Od() {
 	if (typeof document > "u") return !1;
 	try {
 		let e = document.createElement("canvas"), t = { failIfMajorPerformanceCaveat: !0 }, n = e.getContext("webgl2", t) ?? e.getContext("webgl", t);
@@ -13573,22 +13721,22 @@ function Sd() {
 		return !1;
 	}
 }
-function Cd() {
+function kd() {
 	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function wd() {
+function Ad() {
 	return typeof navigator > "u" ? !1 : navigator.connection?.saveData === !0;
 }
 //#endregion
 //#region src/shell/poster.ts
-var Td = "data-wave3d-poster";
-function Ed(e) {
+var jd = "data-wave3d-poster";
+function Md(e) {
 	getComputedStyle(e).position === "static" && (e.style.position = "relative");
 }
-function Dd(e, t, n = "fill") {
-	let r = e.querySelector(`img[${Td}]`);
+function Nd(e, t, n = "fill") {
+	let r = e.querySelector(`img[${jd}]`);
 	if (!r && !t) return null;
-	r || (r = document.createElement("img"), r.setAttribute(Td, ""), r.decoding = "async", r.alt = "", r.setAttribute("aria-hidden", "true"), e.appendChild(r)), t && (r.src = t), Object.assign(r.style, {
+	r || (r = document.createElement("img"), r.setAttribute(jd, ""), r.decoding = "async", r.alt = "", r.setAttribute("aria-hidden", "true"), e.appendChild(r)), t && (r.src = t), Object.assign(r.style, {
 		position: "absolute",
 		inset: "0",
 		width: "100%",
@@ -13621,12 +13769,12 @@ function Dd(e, t, n = "fill") {
 }
 //#endregion
 //#region src/shell/createWave.ts
-function Od(e, t, n, r) {
+function Pd(e, t, n, r) {
 	let { lazy: i = !0, rootMargin: a = "200px", webgl: o = "auto", respectReducedMotion: s = !0, reducedMotionBehavior: c = "static", respectSaveData: l = !0, fadeMs: u = 300 } = r, d = "poster", f = null, p = { ...n };
 	r.paused !== void 0 && (p.paused = r.paused);
 	let m = /* @__PURE__ */ new Map(), h = !1, g = null, _, v = 0;
-	Ed(t);
-	let y = Dd(t, r.poster, r.posterFit);
+	Md(t);
+	let y = Nd(t, r.poster, r.posterFit);
 	function b(e) {
 		d !== e && (d = e, r.onStateChange?.(e));
 	}
@@ -13674,7 +13822,7 @@ function Od(e, t, n, r) {
 	}
 	function E() {
 		if (!h) {
-			if (o === "auto" && !Sd()) {
+			if (o === "auto" && !Od()) {
 				x("no-webgl");
 				return;
 			}
@@ -13683,8 +13831,8 @@ function Od(e, t, n, r) {
 	}
 	function D() {
 		if (o !== "off") {
-			if (l && wd()) return x("save-data");
-			if (s && c === "poster" && Cd()) return x("reduced-motion");
+			if (l && Ad()) return x("save-data");
+			if (s && c === "poster" && kd()) return x("reduced-motion");
 			i && typeof IntersectionObserver < "u" ? (g = new IntersectionObserver((e) => {
 				e.some((e) => e.isIntersecting) && (g?.disconnect(), g = null, E());
 			}, { rootMargin: a }), g.observe(t)) : E();
@@ -13728,10 +13876,10 @@ function Od(e, t, n, r) {
 //#endregion
 //#region src/presets.ts
 Gl();
-var kd = 180 / Math.PI;
-function Ad(e) {
+var Fd = 180 / Math.PI;
+function Id(e) {
 	let t = wl(), n = t.waves[0];
-	return n.speed = e.speed, n.colorContrast = e.contrast, n.colorSaturation = e.sat, n.hueShift = e.hueRad * kd, n.displaceFrequency = {
+	return n.speed = e.speed, n.colorContrast = e.contrast, n.colorSaturation = e.sat, n.hueShift = e.hueRad * Fd, n.displaceFrequency = {
 		x: e.dispX,
 		y: e.dispZ
 	}, n.displaceAmount = e.dispAmt, n.position = {
@@ -13739,9 +13887,9 @@ function Ad(e) {
 		y: e.pos[1],
 		z: e.pos[2]
 	}, n.rotation = {
-		x: e.rotRad[0] * kd,
-		y: e.rotRad[1] * kd,
-		z: e.rotRad[2] * kd
+		x: e.rotRad[0] * Fd,
+		y: e.rotRad[1] * Fd,
+		z: e.rotRad[2] * Fd
 	}, n.scale = {
 		x: e.scale[0],
 		y: e.scale[1],
@@ -13764,8 +13912,8 @@ function Ad(e) {
 		z: 0
 	}, t.cameraZoom = e.zoom, t;
 }
-var jd = {
-	Hero: () => Ad({
+var Ld = {
+	Hero: () => Id({
 		speed: .04,
 		contrast: 1,
 		sat: 1,
@@ -13809,7 +13957,7 @@ var jd = {
 		camTarget: [-420, -200]
 	}),
 	"Wave 2": () => wl(),
-	"Wave 3": () => Ad({
+	"Wave 3": () => Id({
 		speed: .08,
 		contrast: 1,
 		sat: 1,
@@ -13852,7 +14000,7 @@ var jd = {
 		zoom: 1.3,
 		camTarget: [-104, 13]
 	}),
-	"Wave 4": () => Ad({
+	"Wave 4": () => Id({
 		speed: .0525,
 		contrast: .969,
 		sat: 1.383,
@@ -13932,7 +14080,7 @@ var jd = {
 		]), t.creaseLight = 1, e.background = "#05060c", e.transparentBackground = !1, e.waves = bl(t, 3), e.waveCount = 3, e;
 	},
 	"Mesh Gradient": () => {
-		let e = jd.Hero(), t = e.waves[0];
+		let e = Ld.Hero(), t = e.waves[0];
 		return t.gradientType = "mesh", t.meshGradientPoints = [
 			{
 				color: "#0a84ff",
@@ -13973,7 +14121,7 @@ var jd = {
 		], t.meshGradientSoftness = .68, t.blendMode = "normal", t.hueShift = 0, t.colorContrast = 1.06, t.colorSaturation = 1.12, t.fiberStrength = .14, e.grain = .3, e.blur = .008, e.background = "#070914", e.backgroundMode = "color", e.transparentBackground = !1, e;
 	},
 	"Solar Bloom": () => {
-		let e = jd.Hero(), t = e.waves[0];
+		let e = Ld.Hero(), t = e.waves[0];
 		return t.usePaletteTexture = !1, t.gradientType = "radial", t.gradientShift = .14, t.palette = [
 			{
 				color: "#fff3c4",
@@ -14002,7 +14150,7 @@ var jd = {
 		], t.blendMode = "normal", t.hueShift = 0, t.colorContrast = 1.05, t.colorSaturation = 1.18, t.fiberStrength = .12, e.grain = .3, e.blur = .01, e.background = "#0a0714", e.backgroundMode = "gradient", e.backgroundGradientType = "radial", e.backgroundGradientSource = "stops", e.backgroundPalette = vl(["#2a1330", "#08040f"]), e.transparentBackground = !1, e;
 	},
 	Holographic: () => {
-		let e = jd.Hero(), t = e.waves[0];
+		let e = Ld.Hero(), t = e.waves[0];
 		return t.usePaletteTexture = !1, t.gradientType = "conic", t.gradientShift = .08, t.palette = [
 			{
 				color: "#8ef6e4",
@@ -14035,7 +14183,7 @@ var jd = {
 		], t.blendMode = "normal", t.hueShift = 0, t.colorContrast = 1.04, t.colorSaturation = 1.12, t.fiberStrength = .12, e.grain = .28, e.blur = .01, e.background = "#05060c", e.backgroundMode = "gradient", e.backgroundGradientType = "linear", e.backgroundGradientAngle = 135, e.backgroundGradientSource = "stops", e.backgroundPalette = vl(["#04121a", "#0a0518"]), e.transparentBackground = !1, e;
 	},
 	Aurora: () => {
-		let e = jd.Hero(), t = e.waves[0];
+		let e = Ld.Hero(), t = e.waves[0];
 		return t.gradientType = "mesh", t.meshGradientPoints = [
 			{
 				color: "#0a1f3c",
@@ -14107,31 +14255,31 @@ var jd = {
 		], e.backgroundMeshSoftness = .75, e.transparentBackground = !1, e;
 	},
 	Palestine: () => {
-		let e = jd.Hero(), t = e.waves[0];
+		let e = Ld.Hero(), t = e.waves[0];
 		return t.paletteSource = "palestine", t.blendMode = "normal", t.hueShift = 0, t.colorContrast = 1, t.colorSaturation = 1, e.grain = .35, e.background = "#f2efe8", e.transparentBackground = !0, e;
 	},
 	Spain: () => {
-		let e = jd.Hero(), t = e.waves[0];
+		let e = Ld.Hero(), t = e.waves[0];
 		return t.paletteSource = "spain", t.blendMode = "normal", t.hueShift = 0, t.colorContrast = 1.18, t.colorSaturation = 1.25, t.creaseLight = 1.6, e.grain = .3, e.background = "#1a0608", e.backgroundMode = "color", e.transparentBackground = !1, e;
 	},
 	"Vaporwave Sunset": () => {
-		let e = jd.Hero(), t = e.waves[0];
-		return t.position.x = 525, t.rotation.x = -.64 * kd, t.rotation.z = 1.68 * kd, t.paletteSource = "vaporwave", t.blendMode = "normal", t.hueShift = 0, t.colorContrast = 1.08, t.colorSaturation = 1.15, t.creaseLight = 1.25, e.cameraZoom = 1.1, e.cameraTarget = {
+		let e = Ld.Hero(), t = e.waves[0];
+		return t.position.x = 525, t.rotation.x = -.64 * Fd, t.rotation.z = 1.68 * Fd, t.paletteSource = "vaporwave", t.blendMode = "normal", t.hueShift = 0, t.colorContrast = 1.08, t.colorSaturation = 1.15, t.creaseLight = 1.25, e.cameraZoom = 1.1, e.cameraTarget = {
 			x: 150,
 			y: 360,
 			z: 0
 		}, e.background = "#09051f", e.transparentBackground = !1, e;
 	},
 	Kaleidoscope: () => {
-		let e = jd["Wave 3"](), t = e.waves[0];
+		let e = Ld["Wave 3"](), t = e.waves[0];
 		return t.paletteSource = "kaleidoscope", t.blendMode = "normal", t.hueShift = 0, t.colorContrast = 1.05, t.colorSaturation = 1.12, e.grain = .5, e;
 	}
 };
-bd(), Gl();
-var Md = () => Promise.resolve(xd);
-function Nd(e, t = {}, n = {}) {
-	return Od(Md, e, t, n);
+Ed(), Gl();
+var Rd = () => Promise.resolve(Dd);
+function zd(e, t = {}, n = {}) {
+	return Pd(Rd, e, t, n);
 }
-var Pd = Nd;
+var Bd = zd;
 //#endregion
-export { Vl as DEFAULT_LIGHT_POSITION, Il as MAX_COLORS, Rl as MAX_LIGHTS, Ll as MAX_MESH_POINTS, zl as MAX_NOISE_BANDS, Bl as MAX_WAVES, jd as PRESETS, yd as WaveRenderer, wl as createDefaultConfig, yl as createDefaultMeshPoints, gl as createLight, _l as createNoiseBand, Nd as createWave, Dl as ensureCamera, kl as ensureSceneDefaults, Fl as ensureStudioConfig, vl as makeStops, Sl as makeWave, bl as makeWaveSpread, Pd as mountWave, El as normalizeBackground, Pl as normalizeSceneInteraction, Ol as normalizeWave, Nl as normalizeWaveInteraction, Cl as resizeWaves };
+export { Vl as DEFAULT_LIGHT_POSITION, Il as MAX_COLORS, Rl as MAX_LIGHTS, Ll as MAX_MESH_POINTS, zl as MAX_NOISE_BANDS, Bl as MAX_WAVES, Ld as PRESETS, Td as WaveRenderer, wl as createDefaultConfig, yl as createDefaultMeshPoints, gl as createLight, _l as createNoiseBand, zd as createWave, Dl as ensureCamera, kl as ensureSceneDefaults, Fl as ensureStudioConfig, vl as makeStops, Sl as makeWave, bl as makeWaveSpread, Bd as mountWave, El as normalizeBackground, Pl as normalizeSceneInteraction, Ol as normalizeWave, Nl as normalizeWaveInteraction, Cl as resizeWaves };