@wave3d/core 0.4.1 → 0.5.0

package/dist/standalone/wave3d.standalone.js

@@ -11490,6 +11490,8 @@ function wl() {
 			z: 0
 		},
 		cameraZoom: 1,
+		cameraFit: "cover",
+		cameraMinVisibleWidth: 0,
 		grain: 1.1,
 		blur: .02,
 		blurSamples: 6,
@@ -11565,7 +11567,7 @@ function Dl(e) {
 		x: 0,
 		y: 0,
 		z: 0
-	}, typeof e.cameraZoom != "number" && (e.cameraZoom = 1);
+	}, typeof e.cameraZoom != "number" && (e.cameraZoom = 1), Vl.includes(e.cameraFit) || (e.cameraFit = "cover"), e.cameraMinVisibleWidth = typeof e.cameraMinVisibleWidth == "number" ? pl(e.cameraMinVisibleWidth, 0, 1) : 0;
 }
 function Ol(e) {
 	Tl(e), typeof e.gradientAngle != "number" && (e.gradientAngle = 90), typeof e.gradientShift != "number" && (e.gradientShift = .15), typeof e.usePaletteTexture != "boolean" && (e.usePaletteTexture = !0), typeof e.paletteSource != "string" && (e.paletteSource = "hero"), typeof e.paletteEdgeColor != "string" && (e.paletteEdgeColor = "#8e9dff"), typeof e.paletteEdgeAmount != "number" && (e.paletteEdgeAmount = .3), typeof e.paletteDriftX != "number" && (e.paletteDriftX = 0), typeof e.paletteDriftY != "number" && (e.paletteDriftY = 0), typeof e.hueShift != "number" && (e.hueShift = 0), typeof e.colorContrast != "number" && (e.colorContrast = 1), typeof e.colorSaturation != "number" && (e.colorSaturation = 1), typeof e.fiberCount != "number" && (e.fiberCount = 600), typeof e.fiberStrength != "number" && (e.fiberStrength = .2), Array.isArray(e.noiseBands) || (e.noiseBands = []), typeof e.texture != "number" && (e.texture = 0), typeof e.creaseLight != "number" && (e.creaseLight = .6), typeof e.creaseSharpness != "number" && (e.creaseSharpness = .589), typeof e.creaseSoftness != "number" && (e.creaseSoftness = 1), typeof e.sheen != "number" && (e.sheen = 0), typeof e.roundness != "number" && (e.roundness = 0), typeof e.iridescence != "number" && (e.iridescence = 0), typeof e.edgeFade != "number" && (e.edgeFade = .04), typeof e.edgeFeather != "number" && (e.edgeFeather = .1), typeof e.depthTint != "number" && (e.depthTint = 0), typeof e.depthTintColor != "string" && (e.depthTintColor = "#0a2540"), e.displaceFrequency ||= {
@@ -11601,7 +11603,7 @@ function Al(e, t, n, r) {
 	return Number.isFinite(i) ? pl(i, t, n) : r;
 }
 function jl(e) {
-	return typeof e == "string" && (Hl.includes(e) || e.startsWith("custom:") && e.length > 7);
+	return typeof e == "string" && (Ul.includes(e) || e.startsWith("custom:") && e.length > 7);
 }
 function Ml(e, t) {
 	let n = [];
@@ -11629,22 +11631,27 @@ function Nl(e) {
 	let t = e.interaction;
 	if (!t) return;
 	let n = t.hover;
-	n && (n.agitate !== void 0 && (n.agitate = Al(n.agitate, 0, 60, 0)), n.push !== void 0 && (n.push = Al(n.push, -40, 40, 0)), n.wake !== void 0 && (n.wake = Al(n.wake, 0, 40, 0)), n.thin !== void 0 && (n.thin = Al(n.thin, 0, 1, 0)), n.hueShift !== void 0 && (n.hueShift = Al(n.hueShift, -360, 360, 0)), n.lighten !== void 0 && (n.lighten = Al(n.lighten, -1, 1, 0)), n.smoothing !== void 0 && (n.smoothing = Al(n.smoothing, 0, 2, .12))), t.press && t.press.ripple !== void 0 && (t.press.ripple = Al(t.press.ripple, 0, 60, 0)), t.bindings !== void 0 && (t.bindings = Ml(t.bindings, Ul));
+	n && (n.agitate !== void 0 && (n.agitate = Al(n.agitate, 0, 60, 0)), n.push !== void 0 && (n.push = Al(n.push, -40, 40, 0)), n.wake !== void 0 && (n.wake = Al(n.wake, 0, 40, 0)), n.thin !== void 0 && (n.thin = Al(n.thin, 0, 1, 0)), n.hueShift !== void 0 && (n.hueShift = Al(n.hueShift, -360, 360, 0)), n.lighten !== void 0 && (n.lighten = Al(n.lighten, -1, 1, 0)), n.smoothing !== void 0 && (n.smoothing = Al(n.smoothing, 0, 2, .12))), t.press && t.press.ripple !== void 0 && (t.press.ripple = Al(t.press.ripple, 0, 60, 0)), t.bindings !== void 0 && (t.bindings = Ml(t.bindings, Wl));
 }
 function Pl(e) {
 	let t = e.interaction;
-	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)));
+	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, Gl)));
 }
 function Fl(e) {
 	let t = e;
 	return kl(t), (!Array.isArray(t.waves) || t.waves.length === 0) && (t.waves = [Sl()]), t.waves.forEach(Ol), t.waveCount = t.waves.length, t.interaction && Pl(t), t;
 }
-var Il, Ll, Rl, zl, Bl, Vl, Hl, Ul, Wl, Gl = t((() => {
-	hl(), Il = 8, Ll = 8, Rl = 8, zl = 4, Bl = 6, Vl = {
+var Il, Ll, Rl, zl, Bl, Vl, Hl, Ul, Wl, Gl, Kl = t((() => {
+	hl(), Il = 8, Ll = 8, Rl = 8, zl = 4, Bl = 6, Vl = [
+		"cover",
+		"contain",
+		"width",
+		"height"
+	], Hl = {
 		x: 800,
 		y: 900,
 		z: 1100
-	}, Hl = [
+	}, Ul = [
 		"scroll",
 		"hover",
 		"pointerX",
@@ -11653,7 +11660,7 @@ var Il, Ll, Rl, zl, Bl, Vl, Hl, Ul, Wl, Gl = t((() => {
 		"press",
 		"scrollVelocity",
 		"appear"
-	], Ul = [
+	], Wl = [
 		"displaceAmount",
 		"detailAmount",
 		"twistPowerX",
@@ -11673,15 +11680,15 @@ var Il, Ll, Rl, zl, Bl, Vl, Hl, Ul, Wl, Gl = t((() => {
 		"iridescence",
 		"positionX",
 		"positionY"
-	], Wl = [
+	], Gl = [
 		"timeOffset",
 		"cameraZoom",
 		"blur",
 		"grain"
 	];
-})), 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}
+})), ql, Jl, Yl, Xl, Zl, Ql, $l, eu, tu, nu, ru, iu, au, ou, su = t((() => {
+	Kl(), ql = "\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", Jl = "\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", Yl = "\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", Xl = `
+${ql}
 
 uniform float uTime, uSpeed, uSeed;
 uniform float uDispFreqX, uDispFreqZ, uDispAmount;
@@ -11884,16 +11891,16 @@ void main(){
   gl_Position = projectionMatrix * viewMatrix * world;
   vClipPosition = gl_Position;
 }
-`, Xl = `
+`, Zl = `
 #define MAX_COLORS 8
 #define MAX_MESH_POINTS 8
 #define MAX_LIGHTS 8
 #define MAX_NOISE_BANDS 4
 #define PI 3.14159265359
 
-${Kl}
-
 ${ql}
+
+${Jl}
 uniform float uDebug;         // dev: 1 = show crease, 2 = show derivative normal
 uniform float uSheen;       // white-lift on the flat (low-crease) areas (1 = full)
 uniform float uRoundness;        // pose-robust normal-based roundness/thickness strength
@@ -11940,7 +11947,7 @@ float grainHash(vec2 p){ return fract(sin(dot(p, vec2(12.9898, 78.233))) * 43758
 float parabola(float x, float k){ return pow(4.0 * x * (1.0 - x), k); }
 float mapLinear(float v, float a, float b, float c, float d){ return c + (v - a) * (d - c) / (b - a); }
 
-${Jl}
+${Yl}
 
 // Striations: a subtle high-frequency simplex-noise grain ADDED to the
 // colour — colour-matched (weaker where blue is high), only near folds (crease), and
@@ -12089,14 +12096,14 @@ void main(){
   gl_FragColor.rgb *= gl_FragColor.a;
 #endif
 }
-`, Zl = `
+`, Ql = `
 #define MAX_COLORS 8
 #define MAX_MESH_POINTS 8
 #define PI 3.14159265359
 
-${Kl}
-
 ${ql}
+
+${Jl}
 uniform float uLineAmount;          // default 425
 uniform float uLineThickness;       // default 1
 uniform float uLineDerivativePower; // default 0.95
@@ -12112,7 +12119,7 @@ uniform float uPointerLighten; // -1..1 local brightness lift near the cursor
 varying float vPointerFall;    // falloff × presence, written by the vertex shader
 #endif
 
-${Jl}
+${Yl}
 
 void main(){
   // Same 2D palette sample + colour ops as the solid theme.
@@ -12145,9 +12152,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", 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 {
+`, $l = "\nvarying vec2 vUv;\nvoid main(){\n  vUv = uv;\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n}\n", eu = "\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 = "\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", nu = "\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", ru = "\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", iu = "\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", au = "\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", ou = "\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";
+})), cu, lu, uu, du, fu, pu, mu = t((() => {
+	Vc(), cu = 400, lu = 16, uu = cu / 4, du = new K(1, 0, 0), fu = new K(0, 1, 0), pu = class {
 		geometry;
 		segments = -1;
 		constructor(e) {
@@ -12156,11 +12163,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(su, su, 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(cu, cu, 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 < 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);
+				o.x < -16 ? o.z += n : o.x < lu ? (o.z = Math.cos(Gt.mapLinear(o.x, -16, lu, 0, Math.PI)) * n, o.x = Math.cos(Gt.mapLinear(o.x, -16, lu, -Math.PI / 2, Math.PI / 2)) * n - lu) : (o.z -= n, o.x = -o.x), o.x += uu, o.applyAxisAngle(du, -Math.PI / 2), o.applyAxisAngle(fu, -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) : [];
@@ -12181,115 +12188,115 @@ void main(){
 }));
 //#endregion
 //#region src/renderer/interaction.ts
-function mu(e, t) {
+function hu(e, t) {
 	return e > 0 ? 1 - Math.exp(-t / e) : 1;
 }
-function hu(e, t, n, r, i, a) {
+function gu(e, t, n, r, i, a) {
 	if (a <= 0) return;
-	let o = a > ju ? Math.min(Math.ceil(a / ju), Mu) : 1, s = a / o, c = r * r, l = 2 * i * r;
+	let o = a > Mu ? Math.min(Math.ceil(a / Mu), Nu) : 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 gu(e) {
+function _u(e) {
 	return e.interaction?.enabled !== !1;
 }
-function _u(e) {
+function vu(e) {
 	let t = e.interaction;
 	return !!t && (!!t.hover || (t.press?.ripple ?? 0) > 0);
 }
-function vu(e, t) {
-	return gu(e) && _u(t);
-}
 function yu(e, t) {
-	return gu(e) && (t.interaction?.press?.ripple ?? 0) > 0;
+	return _u(e) && vu(t);
 }
-function bu(e) {
-	return gu(e) && e.waves.some(_u);
+function bu(e, t) {
+	return _u(e) && (t.interaction?.press?.ripple ?? 0) > 0;
 }
 function xu(e) {
-	return gu(e) ? (e.interaction?.bindings?.length ?? 0) > 0 ? !0 : e.waves.some((e) => {
+	return _u(e) && e.waves.some(vu);
+}
+function Su(e) {
+	return _u(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 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) => ({
+var Cu, wu, Tu, Eu, Du, Ou, ku, Au, ju, Mu, Nu, Pu, Fu, Iu, Lu, Ru, zu = t((() => {
+	Vc(), hl(), Cu = 1.5, wu = .08, Tu = 4, Eu = 2, Du = .15, Ou = .12, ku = .25, Au = .7, ju = .02, Mu = 1 / 120, Nu = 6, Pu = (e, t) => ({
 		base: e,
 		apply: t
-	}), Pu = (e, t) => ({
+	}), Fu = (e, t) => ({
 		base: e,
 		apply: t
-	}), Fu = {
-		displaceAmount: Nu((e) => e.displaceAmount, (e, t) => {
+	}), Iu = {
+		displaceAmount: Pu((e) => e.displaceAmount, (e, t) => {
 			t.u.uDispAmount.value = e;
 		}),
-		detailAmount: Nu((e) => e.detailAmount ?? 0, (e, t) => {
+		detailAmount: Pu((e) => e.detailAmount ?? 0, (e, t) => {
 			t.u.uDetailAmount.value = e;
 		}),
-		twistPowerX: Nu((e) => e.twistPower.x, (e, t) => {
+		twistPowerX: Pu((e) => e.twistPower.x, (e, t) => {
 			t.u.uTwPowX.value = e;
 		}),
-		twistPowerY: Nu((e) => e.twistPower.y, (e, t) => {
+		twistPowerY: Pu((e) => e.twistPower.y, (e, t) => {
 			t.u.uTwPowY.value = e;
 		}),
-		twistPowerZ: Nu((e) => e.twistPower.z, (e, t) => {
+		twistPowerZ: Pu((e) => e.twistPower.z, (e, t) => {
 			t.u.uTwPowZ.value = e;
 		}),
-		twistFrequencyX: Nu((e) => e.twistFrequency.x, (e, t) => {
+		twistFrequencyX: Pu((e) => e.twistFrequency.x, (e, t) => {
 			t.u.uTwFreqX.value = e;
 		}),
-		twistFrequencyY: Nu((e) => e.twistFrequency.y, (e, t) => {
+		twistFrequencyY: Pu((e) => e.twistFrequency.y, (e, t) => {
 			t.u.uTwFreqY.value = e;
 		}),
-		twistFrequencyZ: Nu((e) => e.twistFrequency.z, (e, t) => {
+		twistFrequencyZ: Pu((e) => e.twistFrequency.z, (e, t) => {
 			t.u.uTwFreqZ.value = e;
 		}),
-		hueShift: Nu((e) => e.hueShift, (e, t) => {
+		hueShift: Pu((e) => e.hueShift, (e, t) => {
 			t.u.uHueShift.value = e;
 		}),
-		gradientShift: Nu((e) => e.gradientShift ?? 0, (e, t) => {
+		gradientShift: Pu((e) => e.gradientShift ?? 0, (e, t) => {
 			t.u.uGradShift.value = e;
 		}),
-		colorSaturation: Nu((e) => e.colorSaturation, (e, t) => {
+		colorSaturation: Pu((e) => e.colorSaturation, (e, t) => {
 			t.u.uSaturation.value = e;
 		}),
-		opacity: Nu((e) => e.opacity, (e, t) => {
+		opacity: Pu((e) => e.opacity, (e, t) => {
 			t.u.uOpacity.value = e;
 		}),
-		lineThickness: Nu((e) => e.lineThickness ?? 1, (e, t) => {
+		lineThickness: Pu((e) => e.lineThickness ?? 1, (e, t) => {
 			t.u.uLineThickness.value = e;
 		}),
-		lineAmount: Nu((e) => e.lineAmount ?? 425, (e, t) => {
+		lineAmount: Pu((e) => e.lineAmount ?? 425, (e, t) => {
 			t.u.uLineAmount.value = e;
 		}),
-		fiberStrength: Nu((e) => e.fiberStrength, (e, t) => {
+		fiberStrength: Pu((e) => e.fiberStrength, (e, t) => {
 			t.u.uFiberStrength.value = e;
 		}),
-		sheen: Nu((e) => e.sheen ?? 1, (e, t) => {
+		sheen: Pu((e) => e.sheen ?? 1, (e, t) => {
 			t.u.uSheen.value = e;
 		}),
-		iridescence: Nu((e) => e.iridescence ?? 0, (e, t) => {
+		iridescence: Pu((e) => e.iridescence ?? 0, (e, t) => {
 			t.u.uIridescence.value = e;
 		}),
-		positionX: Nu((e) => e.position.x, (e, t) => {
+		positionX: Pu((e) => e.position.x, (e, t) => {
 			t.mesh.position.x = e;
 		}),
-		positionY: Nu((e) => e.position.y, (e, t) => {
+		positionY: Pu((e) => e.position.y, (e, t) => {
 			t.mesh.position.y = e;
 		})
-	}, Iu = {
-		timeOffset: Pu((e) => e.timeOffset ?? 0, (e, t) => {
+	}, Lu = {
+		timeOffset: Fu((e) => e.timeOffset ?? 0, (e, t) => {
 			t.out.timeOffset = e;
 		}),
-		cameraZoom: Pu((e) => e.cameraZoom ?? 1, (e, t) => {
+		cameraZoom: Fu((e) => e.cameraZoom ?? 1, (e, t) => {
 			t.out.zoom = e;
 		}),
-		blur: Pu((e) => e.blur, (e, t) => {
+		blur: Fu((e) => e.blur, (e, t) => {
 			t.post.uBlurAmount.value = e;
 		}),
-		grain: Pu((e) => e.grain, (e, t) => {
+		grain: Fu((e) => e.grain, (e, t) => {
 			t.post.uGrainAmount.value = e;
 		})
-	}, Lu = class {
+	}, Ru = class {
 		container;
 		cfg;
 		scrollOverride = null;
@@ -12367,12 +12374,12 @@ var Su, Cu, wu, Tu, Eu, Du, Ou, ku, Au, ju, Mu, Nu, Pu, Fu, Iu, Lu, Ru = t((() =
 		update(e) {
 			let t = this.cfg();
 			if (!t) return;
-			let n = Math.max(e, 0), r = mu(Du, n);
+			let n = Math.max(e, 0), r = hu(Ou, 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 = mu(Cu, n);
+				let e = hu(wu, 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() / wu);
+			this.pointerSpeed = this.presence * ml(this.velNdc.length() / Tu);
 			let i = t.waves;
 			this.fields.length > i.length && (this.fields.length = i.length);
 			for (let e = 0; e < i.length; e++) {
@@ -12382,19 +12389,19 @@ var Su, Cu, wu, Tu, Eu, Du, Ou, ku, Au, ju, Mu, Nu, Pu, Fu, Iu, Lu, Ru = t((() =
 					vel: new G(),
 					presence: this.presenceTarget
 				}, this.fields[e] = t);
-				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 r = Math.max(i[e].interaction?.hover?.smoothing ?? Ou, ju);
+				gu(t.ndc, t.vel, this.ndcTarget, 1 / r, Au, n), t.presence += (this.presenceTarget - t.presence) * hu(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) * mu(Eu, n);
+				this.scrollVel += (e - this.scrollVel) * hu(Du, 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 / Su);
+				let t = Math.max(0, 1 - e.age / Cu);
 				e.amp = t * t, e.amp <= 0 && (e.active = !1);
 			}
 			this.updateBindings(t, n);
@@ -12416,7 +12423,7 @@ var Su, Cu, wu, Tu, Eu, Du, Ou, ku, Au, ju, Mu, Nu, Pu, Fu, Iu, Lu, Ru = 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) * mu(e.smoothing ?? Ou, t);
+			}, this.bindingState.set(e, r)), r.value += (n - r.value) * hu(e.smoothing ?? ku, t);
 		}
 		bindingValue(e) {
 			return this.bindingState.get(e)?.value ?? 0;
@@ -12429,7 +12436,7 @@ var Su, Cu, wu, Tu, Eu, Du, Ou, ku, Au, ju, Mu, Nu, Pu, Fu, Iu, Lu, Ru = 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 / Tu);
+				case "scrollVelocity": return ml(this.scrollVel / Eu);
 				case "appear": return +!!this.appearLatched;
 				default: return this.customInputs.get(e.slice(7)) ?? 0;
 			}
@@ -12494,42 +12501,42 @@ var Su, Cu, wu, Tu, Eu, Du, Ou, ku, Au, ju, Mu, Nu, Pu, Fu, Iu, Lu, Ru = t((() =
 }));
 //#endregion
 //#region src/renderer/palette.ts
-function zu(e) {
+function Bu(e) {
 	return e * e * (3 - 2 * e);
 }
-function Bu(e, t) {
+function Vu(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 Vu(e) {
+function Hu(e) {
 	let t = document.createElement("canvas");
-	t.width = od, t.height = sd;
+	t.width = sd, t.height = cd;
 	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, od, 0);
+	let r = [...e.stops].sort((e, t) => e.pos - t.pos), i = n.createLinearGradient(0, 0, sd, 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, od, sd);
+	n.fillStyle = i, n.fillRect(0, 0, sd, cd);
 	let a = ml(e.edgeAmount);
 	if (a > .001) {
-		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);
+		let t = n.createLinearGradient(0, 0, 0, cd);
+		t.addColorStop(0, Vu(e.edgeColor, a)), t.addColorStop(.5, Vu(e.edgeColor, 0)), t.addColorStop(1, Vu(e.edgeColor, a)), n.fillStyle = t, n.fillRect(0, 0, sd, cd);
 	}
 	return t;
 }
-function Hu(e) {
-	return `${e.stops.map((e) => `${e.color}@${e.pos.toFixed(3)}`).join(",")}|${e.edgeColor}|${e.edgeAmount.toFixed(3)}`;
-}
 function Uu(e) {
-	return e.colorSpace = At, e.minFilter = z, e.magFilter = z, e.wrapS = he, e.wrapT = he, e.generateMipmaps = !1, e;
+	return `${e.stops.map((e) => `${e.color}@${e.pos.toFixed(3)}`).join(",")}|${e.edgeColor}|${e.edgeAmount.toFixed(3)}`;
 }
 function Wu(e) {
-	return Uu(new yi(e));
+	return e.colorSpace = At, e.minFilter = z, e.magFilter = z, e.wrapS = he, e.wrapT = he, e.generateMipmaps = !1, e;
 }
 function Gu(e) {
-	return Wu(Vu(e));
+	return Wu(new yi(e));
 }
 function Ku(e) {
+	return Gu(Hu(e));
+}
+function qu(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");
@@ -12546,11 +12553,11 @@ function Ku(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 qu(e) {
+function Ju(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 Ju(e, t, n, r) {
+function Yu(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);
@@ -12561,12 +12568,12 @@ function Ju(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] = qu(a / p), s[m + 1] = qu(o / p), s[m + 2] = qu(d / p), s[m + 3] = 255;
+			s[m] = Ju(a / p), s[m + 1] = Ju(o / p), s[m + 2] = Ju(d / p), s[m + 3] = 255;
 		}
 	}
 	return o;
 }
-function Yu(e, t, n, r) {
+function Xu(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");
@@ -12574,42 +12581,42 @@ function Yu(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(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;
+	return u ? (u.putImageData(Yu(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 Xu(e, t, n, r, i, a, o, s = 1, c = 0, l = 0) {
+function Zu(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)), Zu(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)), Qu(u, e, t, n, a, o, s, c, l), u;
 }
-function Zu(e, t, n, r, i, a, o = 1, s = 0, c = 0) {
+function Qu(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 Qu(e) {
+function $u(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 = 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);
+		let r = Math.floor(e), i = Math.floor(n), a = Bu(e - r), o = Bu(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 $u(e, t, n, r) {
+function ed(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 ed(e = 220) {
-	let t = Math.max(64, Math.min(1280, Math.round(e))), n = ld.get(t);
+function td(e = 220) {
+	let t = Math.max(64, Math.min(1280, Math.round(e))), n = ud.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 = Qu(11), s = Qu(91), c = Qu(47), l = [
+	let a = i.createImageData(t, t), o = $u(11), s = $u(91), c = $u(47), l = [
 		[0, [
 			34,
 			26,
@@ -12653,24 +12660,24 @@ function ed(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($u(o, l, d, 4)), h = Math.max(0, $u(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(ed(o, l, d, 4)), h = Math.max(0, ed(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), ld.set(t, r), r;
+	return i.putImageData(a, 0, 0), ud.set(t, r), r;
 }
-function td(e, t, n, r) {
-	let i = `${e}|${t}x${n}`, a = ud.get(i);
+function nd(e, t, n, r) {
+	let i = `${e}|${t}x${n}`, a = dd.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), ud.set(i, o), o;
+	return s && r(s, t, n), dd.set(i, o), o;
 }
-function nd(e = 240) {
+function rd(e = 240) {
 	let t = Math.max(120, Math.min(2048, Math.round(e)));
-	return td("vaporwave", t, Math.round(t * 2 / 3), (e, t, n) => {
+	return nd("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);
@@ -12686,9 +12693,9 @@ function nd(e = 240) {
 		e.globalAlpha = 1;
 	});
 }
-function rd(e = 220) {
+function id(e = 220) {
 	let t = Math.max(110, Math.min(2048, Math.round(e)));
-	return td("kaleidoscope", t, t, (e, t, n) => {
+	return nd("kaleidoscope", t, t, (e, t, n) => {
 		let r = t / 220, i = [
 			"#00e5ff",
 			"#6c3bff",
@@ -12704,25 +12711,25 @@ function rd(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 id(e, t) {
-	return e.build ? e.build(t) : Vu({
+function ad(e, t) {
+	return e.build ? e.build(t) : Hu({
 		stops: e.stops ?? [],
 		edgeColor: e.edgeColor ?? "#8e9dff",
 		edgeAmount: e.edgeAmount ?? 0
 	});
 }
-function ad(e) {
-	return Uu(new Zi().load(e));
+function od(e) {
+	return Wu(new Zi().load(e));
 }
-var od, sd, cd, ld, ud, dd, fd = t((() => {
-	Vc(), hl(), Gl(), od = 256, sd = 64, cd = (e) => e.map(([e, t]) => ({
+var sd, cd, ld, ud, dd, fd, pd = t((() => {
+	Vc(), hl(), Kl(), sd = 256, cd = 64, ld = (e) => e.map(([e, t]) => ({
 		color: e,
 		pos: t
-	})), ld = /* @__PURE__ */ new Map(), ud = /* @__PURE__ */ new Map(), dd = {
+	})), ud = /* @__PURE__ */ new Map(), dd = /* @__PURE__ */ new Map(), fd = {
 		palestine: {
 			label: "Palestine",
 			kind: "gradient",
-			stops: cd([
+			stops: ld([
 				["#000000", 0],
 				["#f7f7f2", .34],
 				["#149954", .67],
@@ -12734,7 +12741,7 @@ var od, sd, cd, ld, ud, dd, fd = t((() => {
 		spain: {
 			label: "Spain",
 			kind: "gradient",
-			stops: cd([
+			stops: ld([
 				["#aa151b", 0],
 				["#aa151b", .24],
 				["#f1bf00", .34],
@@ -12748,7 +12755,7 @@ var od, sd, cd, ld, ud, dd, fd = t((() => {
 		grandLine: {
 			label: "Grand Line",
 			kind: "gradient",
-			stops: cd([
+			stops: ld([
 				["#071b33", 0],
 				["#087ea4", .22],
 				["#45d4c5", .4],
@@ -12763,22 +12770,22 @@ var od, sd, cd, ld, ud, dd, fd = t((() => {
 		vaporwave: {
 			label: "Vaporwave Sunset",
 			kind: "image",
-			build: nd
+			build: rd
 		},
 		kaleidoscope: {
 			label: "Kaleidoscope",
 			kind: "image",
-			build: rd
+			build: id
 		},
 		nebula: {
 			label: "Nebula (2D)",
 			kind: "image",
-			build: ed
+			build: td
 		},
 		sunset: {
 			label: "Sunset",
 			kind: "gradient",
-			stops: cd([
+			stops: ld([
 				["#3b1c6b", 0],
 				["#8b2fa0", .3],
 				["#e0457a", .56],
@@ -12791,7 +12798,7 @@ var od, sd, cd, ld, ud, dd, fd = t((() => {
 		aurora: {
 			label: "Aurora",
 			kind: "gradient",
-			stops: cd([
+			stops: ld([
 				["#0b3d4f", 0],
 				["#1fb89e", .3],
 				["#5ee0a0", .52],
@@ -12804,7 +12811,7 @@ var od, sd, cd, ld, ud, dd, fd = t((() => {
 		ocean: {
 			label: "Ocean",
 			kind: "gradient",
-			stops: cd([
+			stops: ld([
 				["#0a1f4d", 0],
 				["#1f6fb8", .36],
 				["#2bd0d0", .66],
@@ -12816,7 +12823,7 @@ var od, sd, cd, ld, ud, dd, fd = t((() => {
 		ember: {
 			label: "Ember",
 			kind: "gradient",
-			stops: cd([
+			stops: ld([
 				["#2a0707", 0],
 				["#a81e1e", .34],
 				["#ff5a2e", .64],
@@ -12828,7 +12835,7 @@ var od, sd, cd, ld, ud, dd, fd = t((() => {
 		iris: {
 			label: "Iris",
 			kind: "gradient",
-			stops: cd([
+			stops: ld([
 				["#2e1065", 0],
 				["#7c3aed", .34],
 				["#db2777", .64],
@@ -12840,7 +12847,7 @@ var od, sd, cd, ld, ud, dd, fd = t((() => {
 		mono: {
 			label: "Mono",
 			kind: "gradient",
-			stops: cd([
+			stops: ld([
 				["#16161e", 0],
 				["#6b7280", .4],
 				["#c2c8d2", .72],
@@ -12853,39 +12860,55 @@ var od, sd, cd, ld, ud, dd, fd = t((() => {
 }));
 //#endregion
 //#region src/util/base64.ts
-function pd(e) {
+function md(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 md = t((() => {}));
+var hd = t((() => {}));
 //#endregion
 //#region src/renderer/heroPalette.ts
-function hd() {
+function gd() {
 	let e = document.createElement("canvas");
-	e.width = _d, e.height = _d;
+	e.width = vd, e.height = vd;
 	let t = e.getContext("2d");
 	if (t) {
-		let e = pd(vd);
-		t.putImageData(new ImageData(new Uint8ClampedArray(e.buffer), _d, _d), 0, 0);
+		let e = md(yd);
+		t.putImageData(new ImageData(new Uint8ClampedArray(e.buffer), vd, vd), 0, 0);
 	}
 	return e;
 }
-function gd() {
-	let e = Uu(new ci(pd(vd), _d, _d, U, Se));
+function _d() {
+	let e = Wu(new ci(md(yd), vd, vd, U, Se));
 	return e.needsUpdate = !0, e;
 }
-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==";
+var vd, yd, bd = t((() => {
+	Vc(), hd(), pd(), vd = 32, yd = "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 bd(e, t) {
-	let n = wd.set(e);
+function xd(e, t, n, r = 0) {
+	let i = e / wd, a = t / 750, o;
+	switch (n) {
+		case "contain":
+			o = Math.min(i, a);
+			break;
+		case "width":
+			o = i;
+			break;
+		case "height":
+			o = a;
+			break;
+		default: o = Math.max(i, a);
+	}
+	return r > 0 && (o = Math.min(o, e / (wd * r))), o;
+}
+function Sd(e, t) {
+	let n = Ed.set(e);
 	return t.set(n.r, n.g, n.b);
 }
-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 {
+var Cd, wd, Td, Ed, Dd, Od = t((() => {
+	Vc(), nl(), il(), cl(), Zc(), fl(), su(), mu(), zu(), pd(), bd(), Kl(), Cd = 220, wd = 1333, Td = class {
 		makeVideo;
 		onVideoReady;
 		texture;
@@ -12898,8 +12921,8 @@ var xd, Sd, Cd, wd, Td, Ed = 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 = () => Uu(new _i(this.video))) : (a = "video-loading|" + n, o = () => gd());
-			else if (r) this.clearVideo(), a = "url|" + r, o = () => ad(r);
+			if (n) this.ensureVideo(n), this.video?.readyState && this.video.readyState >= 2 ? (a = "video|" + n, o = () => Wu(new _i(this.video))) : (a = "video-loading|" + n, o = () => _d());
+			else if (r) this.clearVideo(), a = "url|" + r, o = () => od(r);
 			else if (i === "stops") {
 				this.clearVideo();
 				let t = {
@@ -12907,8 +12930,8 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 					edgeColor: e.paletteEdgeColor ?? "#8e9dff",
 					edgeAmount: e.paletteEdgeAmount ?? .3
 				};
-				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 = "stops|" + Uu(t), o = () => Ku(t);
+			} else fd[i] ? (this.clearVideo(), a = "map|" + i, o = () => Gu(ad(fd[i]))) : (this.clearVideo(), a = "hero", o = () => _d());
 			(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) {
@@ -12931,7 +12954,7 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 		dispose() {
 			this.texture?.dispose(), this.texture = void 0, this.clearVideo(), this.failedUrl = "";
 		}
-	}, wd = new X(), Td = class {
+	}, Ed = new X(), Dd = class {
 		renderer;
 		scene = new Gn();
 		camera;
@@ -12984,6 +13007,9 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 		resizeObserver;
 		intersectionObserver;
 		motionQuery;
+		dprQuery;
+		resizeRaf = 0;
+		lastResize;
 		capturing = !1;
 		outputSize;
 		constructor(e, t, n = {}) {
@@ -13001,15 +13027,15 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 					uGrainAmount: { value: t.grain },
 					uTime: { value: 0 }
 				},
-				vertexShader: Ql,
-				fragmentShader: $l
+				vertexShader: $l,
+				fragmentShader: eu
 			}), this.composer.addPass(this.postPass), this.composer.addPass(new sl()), this.motionQuery = window.matchMedia("(prefers-reduced-motion: reduce)"), this.reducedMotion = this.respectReducedMotion && this.motionQuery.matches, this.motionQuery.addEventListener("change", this.onMotionChange), document.addEventListener("visibilitychange", this.onVisibilityChange), this.intersectionObserver = new IntersectionObserver((e) => {
 				this.visible = e[0]?.isIntersecting ?? !0, this.updateRunning();
-			}, { rootMargin: "100px" }), this.intersectionObserver.observe(e), this.resizeObserver = new ResizeObserver(this.onResize), this.resizeObserver.observe(e), this.applyBackground(), this.buildWaves(), this.resize();
+			}, { rootMargin: "100px" }), this.intersectionObserver.observe(e), this.resizeObserver = new ResizeObserver(this.onResize), this.resizeObserver.observe(e), this.watchDpr(), this.applyBackground(), this.buildWaves(), this.resize();
 		}
 		get segments() {
 			let e = this.config.quality / Math.sqrt(Math.max(1, this.config.waves.length));
-			return Gt.clamp(Math.round(xd * e), 24, 360);
+			return Gt.clamp(Math.round(Cd * e), 24, 360);
 		}
 		makeUniforms() {
 			let e = [], t = [];
@@ -13111,14 +13137,14 @@ var xd, Sd, Cd, wd, Td, Ed = 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 && vu(this.config, e) && (t.POINTER_FX = "", yu(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 && yu(this.config, e) && (t.POINTER_FX = "", bu(this.config, e) && (t.POINTER_RIPPLES = "")), t;
 		}
 		addWave() {
-			let e = new fu(this.segments), t = this.config.waves[this.waves.length] ?? this.config.waves[0], n = new Oi({
+			let e = new pu(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,
-				fragmentShader: t?.theme === "wireframe" ? Zl : Xl,
+				vertexShader: Xl,
+				fragmentShader: t?.theme === "wireframe" ? Ql : Zl,
 				transparent: !0,
 				depthTest: !0,
 				depthWrite: !0,
@@ -13127,7 +13153,7 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 			this.applyBlendMode(n, t?.blendMode ?? "squared");
 			let r = new si(e.geometry, n);
 			r.frustumCulled = !1, this.group.add(r);
-			let i = new Cd((e) => this.createLoopingVideo(e), () => {
+			let i = new Td((e) => this.createLoopingVideo(e), () => {
 				this.updatePaletteTextures(), this.syncVideoPlayback(), this.running || this.renderOnce();
 			});
 			this.waves.push({
@@ -13168,7 +13194,7 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 				this.applyBlendMode(e.material, n.blendMode) && (e.material.needsUpdate = !0);
 				let i = this.waveDefines(n), a = e.material.defines ?? {};
 				Object.keys(i).sort().join(",") !== Object.keys(a).sort().join(",") && (e.material.defines = i, e.material.needsUpdate = !0);
-				let o = n.theme === "wireframe" ? Zl : Xl;
+				let o = n.theme === "wireframe" ? Ql : Zl;
 				e.material.fragmentShader !== o && (e.material.fragmentShader = o, e.material.needsUpdate = !0);
 				let s = [...n.palette].sort((e, t) => e.pos - t.pos), c = Math.max(1, Math.min(s.length, 8)), l = r.uColors.value, u = r.uColorPos.value;
 				for (let e = 0; e < 8; e++) {
@@ -13176,21 +13202,21 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 						color: "#ffffff",
 						pos: 0
 					};
-					bd(t.color, l[e]), u[e] = t.pos;
+					Sd(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), bd(t.color, p[e]), m[e] = t.influence);
+					t && (f[e].set(t.x, t.y), Sd(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, 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;
+				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, Sd(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, Sd(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), bd(t.color, _[e]), v[e] = t.intensity) : v[e] = 0;
+					t ? (g[e].set(t.position.x, t.position.y, t.position.z), Sd(t.color, _[e]), v[e] = t.intensity) : v[e] = 0;
 				}
 				let y = n.noiseBands ?? [];
 				r.uNumNoiseBands.value = Math.min(y.length, 4);
@@ -13204,7 +13230,7 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 			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;
+				if (!yu(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();
@@ -13250,13 +13276,13 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 					t
 				].join("|");
 				if (a !== this.backgroundSig || !this.backgroundTexture) {
-					let i = Yu(n, r, e, t);
-					this.backgroundTexture?.dispose(), this.backgroundTexture = Wu(i), this.backgroundSig = a;
+					let i = Xu(n, r, e, t);
+					this.backgroundTexture?.dispose(), this.backgroundTexture = Gu(i), this.backgroundSig = a;
 				}
 				this.scene.background = this.backgroundTexture;
 				return;
 			}
-			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 = [
+			let r = this.config.backgroundGradientSource ?? "stops", i = fd[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,
@@ -13266,14 +13292,14 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 				t
 			].join("|");
 			if (s !== this.backgroundSig || !this.backgroundTexture) {
-				let r = Ku({
+				let r = qu({
 					stops: a,
 					type: n,
 					angle: this.config.backgroundGradientAngle,
 					width: e,
 					height: t
 				});
-				this.backgroundTexture?.dispose(), this.backgroundTexture = Wu(r), this.backgroundSig = s;
+				this.backgroundTexture?.dispose(), this.backgroundTexture = Gu(r), this.backgroundSig = s;
 			}
 			this.scene.background = this.backgroundTexture;
 		}
@@ -13296,7 +13322,7 @@ var xd, Sd, Cd, wd, Td, Ed = 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" ? hd() : dd[r]?.kind === "image" ? id(dd[r], Math.max(t, n)) : null;
+				let r = this.config.backgroundImageSource ?? "vaporwave", i = r === "hero" ? gd() : fd[r]?.kind === "image" ? ad(fd[r], Math.max(t, n)) : null;
 				if (!i) {
 					this.scene.background = e;
 					return;
@@ -13315,8 +13341,8 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 				n
 			].join("|");
 			if (f !== this.backgroundSig || !this.backgroundTexture) {
-				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;
+				let e = Zu(c, l, u, t, n, r, this.config.background, i, a.x, a.y);
+				this.backgroundTexture?.dispose(), this.backgroundTexture = Gu(e), this.backgroundSig = f, this.backgroundVideoCanvas = o ? e : void 0;
 			}
 			this.scene.background = this.backgroundTexture;
 		}
@@ -13368,7 +13394,7 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 				x: 0,
 				y: 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;
+			Qu(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;
@@ -13395,8 +13421,8 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 						uDitherScale: { value: this.config.ditherScale ?? 2 },
 						uDitherSteps: { value: this.config.ditherSteps ?? 4 }
 					},
-					vertexShader: Ql,
-					fragmentShader: eu
+					vertexShader: $l,
+					fragmentShader: tu
 				}), 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));
@@ -13414,8 +13440,8 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 						uInnerLightDecay: { value: this.config.innerLightDecay ?? .95 },
 						uInnerLightCenter: { value: new G(t, n) }
 					},
-					vertexShader: Ql,
-					fragmentShader: tu
+					vertexShader: $l,
+					fragmentShader: nu
 				}), 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);
@@ -13432,8 +13458,8 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 						uHalftoneCell: { value: this.config.halftoneCell ?? 6 },
 						uHalftoneAngle: { value: this.config.halftoneAngle ?? .4 }
 					},
-					vertexShader: Ql,
-					fragmentShader: nu
+					vertexShader: $l,
+					fragmentShader: ru
 				}), 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;
@@ -13446,8 +13472,8 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 					tDiffuse: { value: null },
 					uHeatmap: { value: e }
 				},
-				vertexShader: Ql,
-				fragmentShader: ru
+				vertexShader: $l,
+				fragmentShader: iu
 			}), this.composer.addPass(this.heatmapPass)), this.heatmapPass.uniforms.uHeatmap.value = e) : this.heatmapPass &&= (this.composer.removePass(this.heatmapPass), this.heatmapPass.dispose(), void 0);
 		}
 		applyPaperTexture() {
@@ -13459,8 +13485,8 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 						uPaper: { value: e },
 						uPaperScale: { value: this.config.paperTextureScale ?? 2 }
 					},
-					vertexShader: Ql,
-					fragmentShader: iu
+					vertexShader: $l,
+					fragmentShader: au
 				}), this.composer.addPass(this.paperTexturePass));
 				let t = this.paperTexturePass.uniforms;
 				t.uPaper.value = e, t.uPaperScale.value = Math.max(.5, this.config.paperTextureScale ?? 2);
@@ -13475,16 +13501,33 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 						uHalftoneCmyk: { value: e },
 						uHalftoneCmykCell: { value: this.config.halftoneCmykCell ?? 6 }
 					},
-					vertexShader: Ql,
-					fragmentShader: au
+					vertexShader: $l,
+					fragmentShader: ou
 				}), 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();
+			this.resizeRaf ||= requestAnimationFrame(() => {
+				this.resizeRaf = 0;
+				let e = this.viewportMetrics(), t = this.lastResize;
+				t && e.w === t.w && e.h === t.h && e.dpr === t.dpr || this.resize();
+			});
+		};
+		onDprChange = () => {
+			this.watchDpr(), this.resize();
 		};
+		watchDpr() {
+			this.dprQuery?.removeEventListener("change", this.onDprChange), this.dprQuery = window.matchMedia(`(resolution: ${window.devicePixelRatio || 1}dppx)`), this.dprQuery.addEventListener("change", this.onDprChange);
+		}
+		viewportMetrics() {
+			return {
+				w: this.outputSize?.width ?? Math.max(1, this.container.clientWidth),
+				h: this.outputSize?.height ?? Math.max(1, this.container.clientHeight),
+				dpr: this.outputSize ? 1 : Math.min(window.devicePixelRatio || 1, this.config.dprMax)
+			};
+		}
 		onContextLost = (e) => {
 			e.preventDefault(), cancelAnimationFrame(this.rafId), this.running = !1;
 		};
@@ -13492,8 +13535,12 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 			this.disposeWaves(), this.backgroundTexture?.dispose(), this.backgroundTexture = void 0, this.backgroundSig = "", this.buildWaves(), this.resize(), this.updateRunning();
 		};
 		resize() {
-			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 { w: e, h: t, dpr: n } = this.viewportMetrics();
+			this.lastResize = {
+				w: e,
+				h: t,
+				dpr: n
+			}, 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.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);
@@ -13544,8 +13591,8 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 			this.updateBackgroundVideoFrame(), this.updateTime(), this.applyInteraction(), this.updateClipPlanes(), this.composer.render(), this.onAfterRenderFrame();
 		}
 		syncInteraction() {
-			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()));
+			let e = Su(this.config);
+			e && !this.interaction ? this.interaction = new Ru(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) {
@@ -13553,13 +13600,13 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 					this.applyInteractionRest();
 					return;
 				}
-				bu(this.config) && this.applyPointerField(this.interaction), this.applyBindings(this.interaction);
+				xu(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 (!vu(this.config, t)) continue;
+				if (!yu(this.config, t)) continue;
 				let n = this.waves[e].material.uniforms;
 				n.uPointerActive.value = 0;
 				let r = n.uRippleAmp.value;
@@ -13573,7 +13620,7 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 					out: this.interactionSceneOut
 				};
 				for (let n of e) {
-					let e = Iu[n.target];
+					let e = Lu[n.target];
 					e.apply(e.base(this.config), t);
 				}
 			}
@@ -13583,7 +13630,7 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 				if (!t || !n || n.length === 0) continue;
 				let r = this.waves[e];
 				for (let e of n) {
-					let n = Fu[e.target];
+					let n = Iu[e.target];
 					n.apply(n.base(t), {
 						u: r.material.uniforms,
 						mesh: r.mesh
@@ -13595,7 +13642,7 @@ var xd, Sd, Cd, wd, Td, Ed = 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 (!vu(this.config, n)) continue;
+				if (!yu(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);
@@ -13611,7 +13658,7 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 				out: this.interactionSceneOut
 			};
 			for (let n of this.config.interaction?.bindings ?? []) {
-				let r = Iu[n.target], i = Gt.lerp(n.from ?? r.base(this.config), n.to, e.bindingValue(n));
+				let r = Lu[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++) {
@@ -13619,7 +13666,7 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 				if (!n || !r || r.length === 0) continue;
 				let i = this.waves[t];
 				for (let t of r) {
-					let r = Fu[t.target], a = Gt.lerp(t.from ?? r.base(n), t.to, e.bindingValue(t));
+					let r = Iu[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
@@ -13648,7 +13695,10 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 		onAfterResize() {}
 		applyZoom() {
 			let e = this.camera.right - this.camera.left, t = this.camera.top - this.camera.bottom;
-			this.camera.zoom = Math.max(e / Sd, t / 750) * (this.config.cameraZoom ?? 1) * this.interactionZoom, this.camera.updateProjectionMatrix();
+			this.camera.zoom = this.baseFrameZoom(e, t) * (this.config.cameraZoom ?? 1) * this.interactionZoom, this.camera.updateProjectionMatrix();
+		}
+		baseFrameZoom(e, t) {
+			return xd(e, t, this.config.cameraFit ?? "cover", this.config.cameraMinVisibleWidth ?? 0);
 		}
 		updateClipPlanes() {
 			this.clipBox.makeEmpty();
@@ -13658,7 +13708,7 @@ var xd, Sd, Cd, wd, Td, Ed = 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 (vu(this.config, o)) {
+				if (yu(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);
 				}
@@ -13698,21 +13748,21 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 			this.config = t, n ? this.rebuild() : this.refresh(), this.applyCameraFromConfig();
 		}
 		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();
+			cancelAnimationFrame(this.rafId), cancelAnimationFrame(this.resizeRaf), this.running = !1, this.interaction?.dispose(), this.interaction = void 0, this.resizeObserver.disconnect(), this.intersectionObserver.disconnect(), this.motionQuery.removeEventListener("change", this.onMotionChange), this.dprQuery?.removeEventListener("change", this.onDprChange), 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.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();
 		}
 	};
-})), Dd = /* @__PURE__ */ n({
-	WaveRenderer: () => Td,
+})), kd = /* @__PURE__ */ n({
+	WaveRenderer: () => Dd,
 	createDefaultConfig: () => wl
 });
 //#endregion
 //#region src/shell/probe.ts
 t((() => {
-	Ed(), Gl();
+	Od(), Kl();
 }))();
-function Od() {
+function Ad() {
 	if (typeof document > "u") return !1;
 	try {
 		let e = document.createElement("canvas"), t = { failIfMajorPerformanceCaveat: !0 }, n = e.getContext("webgl2", t) ?? e.getContext("webgl", t);
@@ -13721,22 +13771,22 @@ function Od() {
 		return !1;
 	}
 }
-function kd() {
+function jd() {
 	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function Ad() {
+function Md() {
 	return typeof navigator > "u" ? !1 : navigator.connection?.saveData === !0;
 }
 //#endregion
 //#region src/shell/poster.ts
-var jd = "data-wave3d-poster";
-function Md(e) {
+var Nd = "data-wave3d-poster";
+function Pd(e) {
 	getComputedStyle(e).position === "static" && (e.style.position = "relative");
 }
-function Nd(e, t, n = "fill") {
-	let r = e.querySelector(`img[${jd}]`);
+function Fd(e, t, n = "fill") {
+	let r = e.querySelector(`img[${Nd}]`);
 	if (!r && !t) return null;
-	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, {
+	r || (r = document.createElement("img"), r.setAttribute(Nd, ""), 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%",
@@ -13769,12 +13819,12 @@ function Nd(e, t, n = "fill") {
 }
 //#endregion
 //#region src/shell/createWave.ts
-function Pd(e, t, n, r) {
+function Id(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;
-	Md(t);
-	let y = Nd(t, r.poster, r.posterFit);
+	Pd(t);
+	let y = Fd(t, r.poster, r.posterFit);
 	function b(e) {
 		d !== e && (d = e, r.onStateChange?.(e));
 	}
@@ -13822,7 +13872,7 @@ function Pd(e, t, n, r) {
 	}
 	function E() {
 		if (!h) {
-			if (o === "auto" && !Od()) {
+			if (o === "auto" && !Ad()) {
 				x("no-webgl");
 				return;
 			}
@@ -13831,8 +13881,8 @@ function Pd(e, t, n, r) {
 	}
 	function D() {
 		if (o !== "off") {
-			if (l && Ad()) return x("save-data");
-			if (s && c === "poster" && kd()) return x("reduced-motion");
+			if (l && Md()) return x("save-data");
+			if (s && c === "poster" && jd()) 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();
@@ -13875,11 +13925,11 @@ function Pd(e, t, n, r) {
 }
 //#endregion
 //#region src/presets.ts
-Gl();
-var Fd = 180 / Math.PI;
-function Id(e) {
+Kl();
+var Ld = 180 / Math.PI;
+function Rd(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 * Fd, n.displaceFrequency = {
+	return n.speed = e.speed, n.colorContrast = e.contrast, n.colorSaturation = e.sat, n.hueShift = e.hueRad * Ld, n.displaceFrequency = {
 		x: e.dispX,
 		y: e.dispZ
 	}, n.displaceAmount = e.dispAmt, n.position = {
@@ -13887,9 +13937,9 @@ function Id(e) {
 		y: e.pos[1],
 		z: e.pos[2]
 	}, n.rotation = {
-		x: e.rotRad[0] * Fd,
-		y: e.rotRad[1] * Fd,
-		z: e.rotRad[2] * Fd
+		x: e.rotRad[0] * Ld,
+		y: e.rotRad[1] * Ld,
+		z: e.rotRad[2] * Ld
 	}, n.scale = {
 		x: e.scale[0],
 		y: e.scale[1],
@@ -13912,8 +13962,8 @@ function Id(e) {
 		z: 0
 	}, t.cameraZoom = e.zoom, t;
 }
-var Ld = {
-	Hero: () => Id({
+var zd = {
+	Hero: () => Rd({
 		speed: .04,
 		contrast: 1,
 		sat: 1,
@@ -13957,7 +14007,7 @@ var Ld = {
 		camTarget: [-420, -200]
 	}),
 	"Wave 2": () => wl(),
-	"Wave 3": () => Id({
+	"Wave 3": () => Rd({
 		speed: .08,
 		contrast: 1,
 		sat: 1,
@@ -14000,7 +14050,7 @@ var Ld = {
 		zoom: 1.3,
 		camTarget: [-104, 13]
 	}),
-	"Wave 4": () => Id({
+	"Wave 4": () => Rd({
 		speed: .0525,
 		contrast: .969,
 		sat: 1.383,
@@ -14080,7 +14130,7 @@ var Ld = {
 		]), t.creaseLight = 1, e.background = "#05060c", e.transparentBackground = !1, e.waves = bl(t, 3), e.waveCount = 3, e;
 	},
 	"Mesh Gradient": () => {
-		let e = Ld.Hero(), t = e.waves[0];
+		let e = zd.Hero(), t = e.waves[0];
 		return t.gradientType = "mesh", t.meshGradientPoints = [
 			{
 				color: "#0a84ff",
@@ -14121,7 +14171,7 @@ var Ld = {
 		], 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 = Ld.Hero(), t = e.waves[0];
+		let e = zd.Hero(), t = e.waves[0];
 		return t.usePaletteTexture = !1, t.gradientType = "radial", t.gradientShift = .14, t.palette = [
 			{
 				color: "#fff3c4",
@@ -14150,7 +14200,7 @@ var Ld = {
 		], 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 = Ld.Hero(), t = e.waves[0];
+		let e = zd.Hero(), t = e.waves[0];
 		return t.usePaletteTexture = !1, t.gradientType = "conic", t.gradientShift = .08, t.palette = [
 			{
 				color: "#8ef6e4",
@@ -14183,7 +14233,7 @@ var Ld = {
 		], 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 = Ld.Hero(), t = e.waves[0];
+		let e = zd.Hero(), t = e.waves[0];
 		return t.gradientType = "mesh", t.meshGradientPoints = [
 			{
 				color: "#0a1f3c",
@@ -14255,31 +14305,31 @@ var Ld = {
 		], e.backgroundMeshSoftness = .75, e.transparentBackground = !1, e;
 	},
 	Palestine: () => {
-		let e = Ld.Hero(), t = e.waves[0];
+		let e = zd.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 = Ld.Hero(), t = e.waves[0];
+		let e = zd.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 = 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 = {
+		let e = zd.Hero(), t = e.waves[0];
+		return t.position.x = 525, t.rotation.x = -.64 * Ld, t.rotation.z = 1.68 * Ld, 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 = Ld["Wave 3"](), t = e.waves[0];
+		let e = zd["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;
 	}
 };
-Ed(), Gl();
-var Rd = () => Promise.resolve(Dd);
-function zd(e, t = {}, n = {}) {
-	return Pd(Rd, e, t, n);
+Od(), Kl();
+var Bd = () => Promise.resolve(kd);
+function Vd(e, t = {}, n = {}) {
+	return Id(Bd, e, t, n);
 }
-var Bd = zd;
+var Hd = Vd;
 //#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, 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 };
+export { Vl as CAMERA_FITS, Hl 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, zd as PRESETS, Dd as WaveRenderer, wl as createDefaultConfig, yl as createDefaultMeshPoints, gl as createLight, _l as createNoiseBand, Vd as createWave, Dl as ensureCamera, kl as ensureSceneDefaults, Fl as ensureStudioConfig, vl as makeStops, Sl as makeWave, bl as makeWaveSpread, Hd as mountWave, El as normalizeBackground, Pl as normalizeSceneInteraction, Ol as normalizeWave, Nl as normalizeWaveInteraction, Cl as resizeWaves };