@wave3d/core 0.4.1 → 0.6.0

package/dist/standalone/wave3d.standalone.js

@@ -11413,10 +11413,16 @@ function xl() {
 			z: 6.33
 		},
 		twistMotion: !1,
+		helixTurns: 0,
+		helixRadius: 0,
+		helixRoll: 0,
+		helixPhase: 0,
 		theme: "solid",
 		lineAmount: 425,
 		lineThickness: 1,
 		lineDerivativePower: .95,
+		rungAmount: 0,
+		rungThickness: 1,
 		maxWidth: 1232,
 		position: {
 			x: -24.3,
@@ -11490,6 +11496,8 @@ function wl() {
 			z: 0
 		},
 		cameraZoom: 1,
+		cameraFit: "cover",
+		cameraMinVisibleWidth: 0,
 		grain: 1.1,
 		blur: .02,
 		blurSamples: 6,
@@ -11518,7 +11526,7 @@ function wl() {
 }
 function Tl(e) {
 	let t = e.palette;
-	t.length > 0 && typeof t[0] == "string" && (e.palette = vl(t)), e.gradientType !== "radial" && e.gradientType !== "conic" && e.gradientType !== "mesh" && e.gradientType !== "linear" && (e.gradientType = "linear");
+	!Array.isArray(t) || t.length === 0 ? e.palette = xl().palette : typeof t[0] == "string" && (e.palette = vl(t)), e.gradientType !== "radial" && e.gradientType !== "conic" && e.gradientType !== "mesh" && e.gradientType !== "linear" && (e.gradientType = "linear");
 	let n = e.meshGradientPoints;
 	if (!Array.isArray(n) || n.length < 2) e.meshGradientPoints = yl();
 	else {
@@ -11542,7 +11550,7 @@ function Tl(e) {
 	}, e.paletteTextureScale.x = pl(Number(e.paletteTextureScale.x) || 1, .1, 8), e.paletteTextureScale.y = pl(Number(e.paletteTextureScale.y) || 1, .1, 8), e.paletteTextureOffset.x = pl(Number(e.paletteTextureOffset.x) || 0, -4, 4), e.paletteTextureOffset.y = pl(Number(e.paletteTextureOffset.y) || 0, -4, 4), e.paletteTextureRotation = pl(Number(e.paletteTextureRotation) || 0, -180, 180);
 }
 function El(e) {
-	e.backgroundMode !== "gradient" && e.backgroundMode !== "image" && e.backgroundMode !== "color" && (e.backgroundMode = "color");
+	typeof e.background != "string" && (e.background = "#ffffff"), typeof e.transparentBackground != "boolean" && (e.transparentBackground = !0), e.backgroundMode !== "gradient" && e.backgroundMode !== "image" && e.backgroundMode !== "color" && (e.backgroundMode = "color");
 	let t = e.backgroundPalette;
 	!t || t.length < 2 ? e.backgroundPalette = vl([
 		"#0a2540",
@@ -11551,7 +11559,7 @@ function El(e) {
 		"#f6f9fc"
 	]) : typeof t[0] == "string" && (e.backgroundPalette = vl(t)), e.backgroundGradientType !== "radial" && e.backgroundGradientType !== "conic" && e.backgroundGradientType !== "mesh" && e.backgroundGradientType !== "linear" && (e.backgroundGradientType = "linear");
 	let n = e.backgroundMeshPoints;
-	(!Array.isArray(n) || n.length < 2) && (e.backgroundMeshPoints = yl()), Number.isFinite(e.backgroundMeshSoftness) || (e.backgroundMeshSoftness = .62), e.backgroundMeshSoftness = ml(e.backgroundMeshSoftness), typeof e.backgroundGradientAngle != "number" && (e.backgroundGradientAngle = 135), typeof e.backgroundGradientSource != "string" && (e.backgroundGradientSource = "stops"), typeof e.backgroundImageSource != "string" && (e.backgroundImageSource = "vaporwave"), e.backgroundImageFit !== "contain" && e.backgroundImageFit !== "stretch" && e.backgroundImageFit !== "cover" && (e.backgroundImageFit = "cover"), typeof e.backgroundImageZoom != "number" && (e.backgroundImageZoom = 1), e.backgroundImageZoom = pl(e.backgroundImageZoom, .1, 8), e.backgroundImagePosition ||= {
+	(!Array.isArray(n) || n.length < 2) && (e.backgroundMeshPoints = yl()), Number.isFinite(e.backgroundMeshSoftness) || (e.backgroundMeshSoftness = .62), e.backgroundMeshSoftness = ml(e.backgroundMeshSoftness), Number.isFinite(e.backgroundGradientAngle) || (e.backgroundGradientAngle = 135), typeof e.backgroundGradientSource != "string" && (e.backgroundGradientSource = "stops"), typeof e.backgroundImageSource != "string" && (e.backgroundImageSource = "vaporwave"), e.backgroundImageFit !== "contain" && e.backgroundImageFit !== "stretch" && e.backgroundImageFit !== "cover" && (e.backgroundImageFit = "cover"), Number.isFinite(e.backgroundImageZoom) || (e.backgroundImageZoom = 1), e.backgroundImageZoom = pl(e.backgroundImageZoom, .1, 8), e.backgroundImagePosition ||= {
 		x: 0,
 		y: 0
 	}, typeof e.backgroundImagePosition.x != "number" && (e.backgroundImagePosition.x = 0), typeof e.backgroundImagePosition.y != "number" && (e.backgroundImagePosition.y = 0), e.backgroundImagePosition.x = pl(e.backgroundImagePosition.x, -100, 100), e.backgroundImagePosition.y = pl(e.backgroundImagePosition.y, -100, 100);
@@ -11565,13 +11573,13 @@ function Dl(e) {
 		x: 0,
 		y: 0,
 		z: 0
-	}, typeof e.cameraZoom != "number" && (e.cameraZoom = 1);
+	}, Number.isFinite(e.cameraZoom) || (e.cameraZoom = 1), Wl.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 ||= {
+	Tl(e), Number.isFinite(e.gradientAngle) || (e.gradientAngle = 90), Number.isFinite(e.gradientShift) || (e.gradientShift = .15), typeof e.usePaletteTexture != "boolean" && (e.usePaletteTexture = !0), typeof e.paletteSource != "string" && (e.paletteSource = "hero"), typeof e.paletteEdgeColor != "string" && (e.paletteEdgeColor = "#8e9dff"), Number.isFinite(e.paletteEdgeAmount) || (e.paletteEdgeAmount = .3), Number.isFinite(e.paletteDriftX) || (e.paletteDriftX = 0), Number.isFinite(e.paletteDriftY) || (e.paletteDriftY = 0), Number.isFinite(e.hueShift) || (e.hueShift = 0), Number.isFinite(e.colorContrast) || (e.colorContrast = 1), Number.isFinite(e.colorSaturation) || (e.colorSaturation = 1), Number.isFinite(e.fiberCount) || (e.fiberCount = 600), Number.isFinite(e.fiberStrength) || (e.fiberStrength = .2), Array.isArray(e.noiseBands) || (e.noiseBands = []), Nl(e), Number.isFinite(e.texture) || (e.texture = 0), Number.isFinite(e.creaseLight) || (e.creaseLight = .6), Number.isFinite(e.creaseSharpness) || (e.creaseSharpness = .589), Number.isFinite(e.creaseSoftness) || (e.creaseSoftness = 1), Number.isFinite(e.sheen) || (e.sheen = 0), Number.isFinite(e.roundness) || (e.roundness = 0), Number.isFinite(e.iridescence) || (e.iridescence = 0), Number.isFinite(e.edgeFade) || (e.edgeFade = .04), Number.isFinite(e.edgeFeather) || (e.edgeFeather = .1), Number.isFinite(e.depthTint) || (e.depthTint = 0), typeof e.depthTintColor != "string" && (e.depthTintColor = "#0a2540"), e.displaceFrequency ||= {
 		x: .003234,
 		y: .00799
-	}, typeof e.displaceAmount != "number" && (e.displaceAmount = 6.051), typeof e.detailFrequency != "number" && (e.detailFrequency = .04), typeof e.detailAmount != "number" && (e.detailAmount = 0), e.twistFrequency ||= {
+	}, Number.isFinite(e.displaceAmount) || (e.displaceAmount = 6.051), Number.isFinite(e.detailFrequency) || (e.detailFrequency = .04), Number.isFinite(e.detailAmount) || (e.detailAmount = 0), e.twistFrequency ||= {
 		x: -.055,
 		y: .077,
 		z: -.518
@@ -11579,7 +11587,7 @@ function Ol(e) {
 		x: 3.95,
 		y: 5.85,
 		z: 6.33
-	}, typeof e.theme != "string" && (e.theme = "solid"), typeof e.lineAmount != "number" && (e.lineAmount = 425), typeof e.lineThickness != "number" && (e.lineThickness = 1), typeof e.lineDerivativePower != "number" && (e.lineDerivativePower = .95), typeof e.maxWidth != "number" && (e.maxWidth = 1232), e.position ||= {
+	}, typeof e.twistMotion != "boolean" && (e.twistMotion = !1), Number.isFinite(e.helixTurns) || (e.helixTurns = 0), Number.isFinite(e.helixRadius) || (e.helixRadius = 0), Number.isFinite(e.helixRoll) || (e.helixRoll = 0), Number.isFinite(e.helixPhase) || (e.helixPhase = 0), typeof e.theme != "string" && (e.theme = "solid"), Number.isFinite(e.lineAmount) || (e.lineAmount = 425), Number.isFinite(e.lineThickness) || (e.lineThickness = 1), Number.isFinite(e.lineDerivativePower) || (e.lineDerivativePower = .95), Number.isFinite(e.rungAmount) || (e.rungAmount = 0), Number.isFinite(e.rungThickness) || (e.rungThickness = 1), Number.isFinite(e.maxWidth) || (e.maxWidth = 1232), e.position ||= {
 		x: 0,
 		y: 0,
 		z: 0
@@ -11591,25 +11599,38 @@ function Ol(e) {
 		x: 10,
 		y: 10,
 		z: 7
-	}, typeof e.blendMode != "string" && (e.blendMode = "squared"), typeof e.speed != "number" && (e.speed = .04), typeof e.opacity != "number" && (e.opacity = 1), typeof e.seed != "number" && (e.seed = 0), e.interaction && Nl(e);
+	}, typeof e.blendMode != "string" && (e.blendMode = "squared"), Number.isFinite(e.speed) || (e.speed = .04), Number.isFinite(e.opacity) || (e.opacity = 1), Number.isFinite(e.seed) || (e.seed = 0), e.interaction && Il(e);
 }
 function kl(e) {
-	El(e), Dl(e), typeof e.ambient != "number" && (e.ambient = .45), Array.isArray(e.lights) || (e.lights = []), typeof e.quality != "number" && (e.quality = 1), typeof e.dprMax != "number" && (e.dprMax = 2), typeof e.grain != "number" && (e.grain = 1.1), typeof e.blur != "number" && (e.blur = .02), typeof e.blurSamples != "number" && (e.blurSamples = 6), typeof e.bloomStrength != "number" && (e.bloomStrength = 0), typeof e.bloomRadius != "number" && (e.bloomRadius = .4), typeof e.bloomThreshold != "number" && (e.bloomThreshold = .85), typeof e.dither != "number" && (e.dither = 0), typeof e.ditherScale != "number" && (e.ditherScale = 2), typeof e.ditherSteps != "number" && (e.ditherSteps = 4), typeof e.innerLight != "number" && (e.innerLight = 0), typeof e.innerLightDensity != "number" && (e.innerLightDensity = .5), typeof e.innerLightDecay != "number" && (e.innerLightDecay = .95), typeof e.innerLightX != "number" && (e.innerLightX = .5), typeof e.innerLightY != "number" && (e.innerLightY = .15), typeof e.halftone != "number" && (e.halftone = 0), typeof e.halftoneCell != "number" && (e.halftoneCell = 6), typeof e.halftoneAngle != "number" && (e.halftoneAngle = .4), typeof e.heatmap != "number" && (e.heatmap = 0), typeof e.paperTexture != "number" && (e.paperTexture = 0), typeof e.paperTextureScale != "number" && (e.paperTextureScale = 2), typeof e.halftoneCmyk != "number" && (e.halftoneCmyk = 0), typeof e.halftoneCmykCell != "number" && (e.halftoneCmykCell = 6), typeof e.showCameraRig != "boolean" && (e.showCameraRig = !1), typeof e.paused != "boolean" && (e.paused = !1), typeof e.loopSeconds != "number" && (e.loopSeconds = 0), typeof e.mirrorH != "boolean" && (e.mirrorH = !1), typeof e.mirrorV != "boolean" && (e.mirrorV = !1);
+	El(e), Dl(e), Number.isFinite(e.ambient) || (e.ambient = .45), Array.isArray(e.lights) || (e.lights = []), Ml(e), Number.isFinite(e.quality) || (e.quality = 1), Number.isFinite(e.dprMax) || (e.dprMax = 2), Number.isFinite(e.grain) || (e.grain = 1.1), Number.isFinite(e.blur) || (e.blur = .02), Number.isFinite(e.blurSamples) || (e.blurSamples = 6), Number.isFinite(e.bloomStrength) || (e.bloomStrength = 0), Number.isFinite(e.bloomRadius) || (e.bloomRadius = .4), Number.isFinite(e.bloomThreshold) || (e.bloomThreshold = .85), Number.isFinite(e.dither) || (e.dither = 0), Number.isFinite(e.ditherScale) || (e.ditherScale = 2), Number.isFinite(e.ditherSteps) || (e.ditherSteps = 4), Number.isFinite(e.innerLight) || (e.innerLight = 0), Number.isFinite(e.innerLightDensity) || (e.innerLightDensity = .5), Number.isFinite(e.innerLightDecay) || (e.innerLightDecay = .95), Number.isFinite(e.innerLightX) || (e.innerLightX = .5), Number.isFinite(e.innerLightY) || (e.innerLightY = .15), Number.isFinite(e.halftone) || (e.halftone = 0), Number.isFinite(e.halftoneCell) || (e.halftoneCell = 6), Number.isFinite(e.halftoneAngle) || (e.halftoneAngle = .4), Number.isFinite(e.heatmap) || (e.heatmap = 0), Number.isFinite(e.paperTexture) || (e.paperTexture = 0), Number.isFinite(e.paperTextureScale) || (e.paperTextureScale = 2), Number.isFinite(e.halftoneCmyk) || (e.halftoneCmyk = 0), Number.isFinite(e.halftoneCmykCell) || (e.halftoneCmykCell = 6), typeof e.showCameraRig != "boolean" && (e.showCameraRig = !1), typeof e.paused != "boolean" && (e.paused = !1), Number.isFinite(e.timeOffset) || (e.timeOffset = 0), Number.isFinite(e.loopSeconds) || (e.loopSeconds = 0), typeof e.mirrorH != "boolean" && (e.mirrorH = !1), typeof e.mirrorV != "boolean" && (e.mirrorV = !1);
 }
 function Al(e, t, n, r) {
 	let i = Number(e);
 	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);
+function jl(e, t) {
+	let n = Number(e);
+	return Number.isFinite(n) ? n : t;
 }
-function Ml(e, t) {
+function Ml(e) {
+	e.lights = e.lights.filter((e) => typeof e == "object" && !!e);
+	for (let t of e.lights) (typeof t.position != "object" || t.position === null) && (t.position = { ...Gl }), t.position.x = jl(t.position.x, Gl.x), t.position.y = jl(t.position.y, Gl.y), t.position.z = jl(t.position.z, Gl.z), typeof t.color != "string" && (t.color = "#ffffff"), t.intensity = jl(t.intensity, 1);
+}
+function Nl(e) {
+	e.noiseBands = e.noiseBands.filter((e) => typeof e == "object" && !!e);
+	let t = _l();
+	for (let n of e.noiseBands) n.startX = jl(n.startX, t.startX), n.endX = jl(n.endX, t.endX), n.startY = jl(n.startY, t.startY), n.endY = jl(n.endY, t.endY), n.feather = jl(n.feather, t.feather), n.strength = jl(n.strength, t.strength), n.frequency = jl(n.frequency, t.frequency), n.colorAttenuation = jl(n.colorAttenuation, t.colorAttenuation), n.parabolaPower = jl(n.parabolaPower, t.parabolaPower);
+}
+function Pl(e) {
+	return typeof e == "string" && (Kl.includes(e) || e.startsWith("custom:") && e.length > 7);
+}
+function Fl(e, t) {
 	let n = [];
 	if (!Array.isArray(e)) return n;
 	for (let r of e) {
 		if (!r || typeof r != "object") continue;
 		let e = r;
-		if (!jl(e.source) || !t.includes(e.target)) continue;
+		if (!Pl(e.source) || !t.includes(e.target)) continue;
 		let i = Number(e.to);
 		if (!Number.isFinite(i)) continue;
 		let a = {
@@ -11625,26 +11646,31 @@ function Ml(e, t) {
 	}
 	return n;
 }
-function Nl(e) {
+function Il(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 = Fl(t.bindings, ql));
 }
-function Pl(e) {
+function Ll(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 = Fl(t.bindings, Jl)));
 }
-function Fl(e) {
+function Rl(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 = {
+	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 && Ll(t), t;
+}
+var zl, Bl, Vl, Hl, Ul, Wl, Gl, Kl, ql, Jl, Yl = t((() => {
+	hl(), zl = 8, Bl = 8, Vl = 8, Hl = 4, Ul = 6, Wl = [
+		"cover",
+		"contain",
+		"width",
+		"height"
+	], Gl = {
 		x: 800,
 		y: 900,
 		z: 1100
-	}, Hl = [
+	}, Kl = [
 		"scroll",
 		"hover",
 		"pointerX",
@@ -11653,7 +11679,7 @@ var Il, Ll, Rl, zl, Bl, Vl, Hl, Ul, Wl, Gl = t((() => {
 		"press",
 		"scrollVelocity",
 		"appear"
-	], Ul = [
+	], ql = [
 		"displaceAmount",
 		"detailAmount",
 		"twistPowerX",
@@ -11662,6 +11688,9 @@ var Il, Ll, Rl, zl, Bl, Vl, Hl, Ul, Wl, Gl = t((() => {
 		"twistFrequencyX",
 		"twistFrequencyY",
 		"twistFrequencyZ",
+		"helixPhase",
+		"helixTurns",
+		"helixRadius",
 		"hueShift",
 		"gradientShift",
 		"colorSaturation",
@@ -11673,15 +11702,47 @@ var Il, Ll, Rl, zl, Bl, Vl, Hl, Ul, Wl, Gl = t((() => {
 		"iridescence",
 		"positionX",
 		"positionY"
-	], Wl = [
+	], Jl = [
 		"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}
+})), Xl, Zl, Ql, $l, eu, tu, nu = t((() => {
+	Vc(), Xl = 400, Zl = 16, Ql = Xl / 4, $l = new K(1, 0, 0), eu = new K(0, 1, 0), tu = class {
+		geometry;
+		segments = -1;
+		constructor(e) {
+			this.geometry = new Rr(), this.resize(e);
+		}
+		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(Xl, Xl, 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 < Zl ? (o.z = Math.cos(Gt.mapLinear(o.x, -16, Zl, 0, Math.PI)) * n, o.x = Math.cos(Gt.mapLinear(o.x, -16, Zl, -Math.PI / 2, Math.PI / 2)) * n - Zl) : (o.z -= n, o.x = -o.x), o.x += Ql, o.applyAxisAngle($l, -Math.PI / 2), o.applyAxisAngle(eu, -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) : [];
+			for (let e = 0; e < n; e++) {
+				let n = e * s, r = (e + 1) * s, i = n + t, a = r + t;
+				l.push(n, i, r, r, i, a);
+			}
+			for (let e of [0, n]) {
+				let n = e * s;
+				for (let r = 1; r < t; r++) l.push(n, e * s + r, e * s + r + 1);
+			}
+			r.setIndex(l), r.computeVertexNormals(), this.geometry.setIndex(r.getIndex()), this.geometry.setAttribute("position", r.getAttribute("position")), this.geometry.setAttribute("uv", r.getAttribute("uv")), this.geometry.setAttribute("normal", r.getAttribute("normal")), this.geometry.computeBoundingSphere(), r.dispose();
+		}
+		dispose() {
+			this.geometry.dispose();
+		}
+	};
+})), ru, iu, au, ou, su, cu, lu, uu, du, fu, pu, mu, hu, gu, _u = t((() => {
+	Yl(), nu(), ru = "\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", iu = "\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", au = "\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", ou = `
+${ru}
 
 uniform float uTime, uSpeed, uSeed;
 uniform float uDispFreqX, uDispFreqZ, uDispAmount;
@@ -11689,6 +11750,15 @@ uniform float uDetailFreq, uDetailAmount; // 2nd displacement octave (only read
 uniform float uTwFreqX, uTwFreqY, uTwFreqZ, uTwPowX, uTwPowY, uTwPowZ;
 uniform float uLoopSeconds; // seamless-loop period (only read under LOOP_MOTION)
 
+// Helix (optional). Behind HELIX so a wave without one compiles the exact same program — same
+// byte-identity contract as the pointer block below.
+#ifdef HELIX
+uniform float uHelixTurns;  // full turns from one end of the ribbon to the other
+uniform float uHelixRadius; // orbit radius: carries the whole ribbon around the axis
+uniform float uHelixRoll;   // cross-section roll, as a fraction of the turns (1 = rigid ladder)
+uniform float uHelixPhase;  // degrees
+#endif
+
 varying vec2 vUv;
 varying vec3 vWorldPos;
 varying vec3 vViewDir;
@@ -11777,6 +11847,28 @@ void main(){
 #endif
 #endif
 
+#ifdef HELIX
+  // Helix — the one shape the three twists below cannot reach. Their angle is freq * expStep(uv),
+  // a MONOTONE falloff, so it can only ramp once; this one is periodic in uv.y (the length), so
+  // uHelixTurns full turns land evenly from end to end. Runs AFTER the displacement so the noise
+  // above still samples the undeformed pos.x/pos.z (byte-identical sampling), and BEFORE the twist
+  // so the two compose.
+  //   roll   rolls the ribbon's own cross-section about the axis in step with the sweep, swinging
+  //          its two long edges onto opposite sides — one wave becomes a ladder whose edges are
+  //          both strands (pair with the wireframe theme's rungs for the rungs between them).
+  //   radius carries the whole ribbon around the axis instead, orientation intact — a narrow ribbon
+  //          then reads as ONE strand, and a second wave at phase+180 is the other.
+  float hAng = 6.28318530718 * uHelixTurns * uv.y + radians(uHelixPhase);
+  // Roll about the ribbon's width centre, not the origin — see RIBBON_Z_CENTER in WaveGeometry.
+  float rollA = hAng * uHelixRoll;
+  float rollC = cos(rollA), rollS = sin(rollA);
+  vec2 rel = vec2(pos.y, pos.z - ${(-8).toFixed(1)});
+  pos.y = rel.x * rollC - rel.y * rollS;
+  pos.z = ${(-8).toFixed(1)} + rel.x * rollS + rel.y * rollC;
+  pos.y += uHelixRadius * cos(hAng);
+  pos.z += uHelixRadius * sin(hAng);
+#endif
+
   // The X-twist frequency feeding rotB. Two modes: by default uTwFreqX is used
   // directly; the variant (used by the Wave 4 preset) modulates it with
   // simplex noise indexed along the ribbon (uv.y) so the twist breathes over time.
@@ -11884,16 +11976,16 @@ void main(){
   gl_Position = projectionMatrix * viewMatrix * world;
   vClipPosition = gl_Position;
 }
-`, Xl = `
+`, su = `
 #define MAX_COLORS 8
 #define MAX_MESH_POINTS 8
 #define MAX_LIGHTS 8
 #define MAX_NOISE_BANDS 4
 #define PI 3.14159265359
 
-${Kl}
+${ru}
 
-${ql}
+${iu}
 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 +12032,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}
+${au}
 
 // 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,18 +12181,23 @@ void main(){
   gl_FragColor.rgb *= gl_FragColor.a;
 #endif
 }
-`, Zl = `
+`, cu = `
 #define MAX_COLORS 8
 #define MAX_MESH_POINTS 8
 #define PI 3.14159265359
 
-${Kl}
+${ru}
 
-${ql}
+${iu}
 uniform float uLineAmount;          // default 425
 uniform float uLineThickness;       // default 1
 uniform float uLineDerivativePower; // default 0.95
 uniform float uMaxWidth;            // default 1232
+// Cross-wise rungs (optional) — behind RUNGS so a wave without them compiles the same program.
+#ifdef RUNGS
+uniform float uRungAmount;    // frequency across the ribbon (rungs ≈ amount / π)
+uniform float uRungThickness; // rung width in pixels
+#endif
 uniform vec3 uClearColor;           // = page background colour (shown between the lines)
 
 varying vec2 vUv;
@@ -12112,7 +12209,7 @@ uniform float uPointerLighten; // -1..1 local brightness lift near the cursor
 varying float vPointerFall;    // falloff × presence, written by the vertex shader
 #endif
 
-${Jl}
+${au}
 
 void main(){
   // Same 2D palette sample + colour ops as the solid theme.
@@ -12132,6 +12229,16 @@ void main(){
   float a = abs(sin(vUv.x * uLineAmount));
   a = smoothstep(lineThickness, 0.0, a);
 
+#ifdef RUNGS
+  // Rungs: the same carve at constant uv.y instead of uv.x, so this family runs ACROSS the ribbon
+  // where the one above runs along it — together they read as a ladder. Width comes from fwidth()
+  // rather than the lengthwise term's dFdy(vUv).x, which is the derivative of the wrong axis for
+  // this direction: |sin| climbs by ~uRungAmount·fwidth(vUv.y) per pixel, so scaling by that keeps
+  // a rung uRungThickness pixels wide at any zoom or ribbon scale.
+  float rung = abs(sin(vUv.y * uRungAmount));
+  a = max(a, smoothstep(uRungThickness * uRungAmount * fwidth(vUv.y), 0.0, rung));
+#endif
+
   // Depth fade: the wave recedes into the background colour with depth. Watch the
   // argument order: clamp(0.0, 1.0, z*6) is a swapped-args trap — it clamps the
   // constant 0.0 into [1.0, z*6], i.e. min(1.0, z*6), which (with our ortho clip.z
@@ -12145,151 +12252,128 @@ 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 {
-		geometry;
-		segments = -1;
-		constructor(e) {
-			this.geometry = new Rr(), this.resize(e);
-		}
-		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();
-			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);
-			}
-			i.needsUpdate = !0;
-			let s = t + 1, c = r.getIndex(), l = c ? Array.from(c.array) : [];
-			for (let e = 0; e < n; e++) {
-				let n = e * s, r = (e + 1) * s, i = n + t, a = r + t;
-				l.push(n, i, r, r, i, a);
-			}
-			for (let e of [0, n]) {
-				let n = e * s;
-				for (let r = 1; r < t; r++) l.push(n, e * s + r, e * s + r + 1);
-			}
-			r.setIndex(l), r.computeVertexNormals(), this.geometry.setIndex(r.getIndex()), this.geometry.setAttribute("position", r.getAttribute("position")), this.geometry.setAttribute("uv", r.getAttribute("uv")), this.geometry.setAttribute("normal", r.getAttribute("normal")), this.geometry.computeBoundingSphere(), r.dispose();
-		}
-		dispose() {
-			this.geometry.dispose();
-		}
-	};
+`, lu = "\nvarying vec2 vUv;\nvoid main(){\n  vUv = uv;\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n}\n", uu = "\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", du = "\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", fu = "\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", pu = "\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", mu = "\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", hu = "\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", gu = "\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";
 }));
 //#endregion
 //#region src/renderer/interaction.ts
-function mu(e, t) {
+function vu(e, t) {
 	return e > 0 ? 1 - Math.exp(-t / e) : 1;
 }
-function hu(e, t, n, r, i, a) {
+function yu(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 > Fu ? Math.min(Math.ceil(a / Fu), Iu) : 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 bu(e) {
 	return e.interaction?.enabled !== !1;
 }
-function _u(e) {
+function xu(e) {
 	let t = e.interaction;
 	return !!t && (!!t.hover || (t.press?.ripple ?? 0) > 0);
 }
-function vu(e, t) {
-	return gu(e) && _u(t);
+function Su(e, t) {
+	return bu(e) && xu(t);
 }
-function yu(e, t) {
-	return gu(e) && (t.interaction?.press?.ripple ?? 0) > 0;
+function Cu(e, t) {
+	return bu(e) && (t.interaction?.press?.ripple ?? 0) > 0;
 }
-function bu(e) {
-	return gu(e) && e.waves.some(_u);
+function wu(e) {
+	return bu(e) && e.waves.some(xu);
 }
-function xu(e) {
-	return gu(e) ? (e.interaction?.bindings?.length ?? 0) > 0 ? !0 : e.waves.some((e) => {
+function Tu(e) {
+	return bu(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 Eu, Du, Ou, ku, Au, ju, Mu, Nu, Pu, Fu, Iu, Lu, Ru, zu, Bu, Vu, Hu = t((() => {
+	Vc(), hl(), Eu = 1.5, Du = .08, Ou = 4, ku = 2, Au = .15, ju = .12, Mu = .25, Nu = .7, Pu = .02, Fu = 1 / 120, Iu = 6, Lu = (e, t) => ({
 		base: e,
 		apply: t
-	}), Pu = (e, t) => ({
+	}), Ru = (e, t) => ({
 		base: e,
 		apply: t
-	}), Fu = {
-		displaceAmount: Nu((e) => e.displaceAmount, (e, t) => {
+	}), zu = {
+		displaceAmount: Lu((e) => e.displaceAmount, (e, t) => {
 			t.u.uDispAmount.value = e;
 		}),
-		detailAmount: Nu((e) => e.detailAmount ?? 0, (e, t) => {
+		detailAmount: Lu((e) => e.detailAmount ?? 0, (e, t) => {
 			t.u.uDetailAmount.value = e;
 		}),
-		twistPowerX: Nu((e) => e.twistPower.x, (e, t) => {
+		twistPowerX: Lu((e) => e.twistPower.x, (e, t) => {
 			t.u.uTwPowX.value = e;
 		}),
-		twistPowerY: Nu((e) => e.twistPower.y, (e, t) => {
+		twistPowerY: Lu((e) => e.twistPower.y, (e, t) => {
 			t.u.uTwPowY.value = e;
 		}),
-		twistPowerZ: Nu((e) => e.twistPower.z, (e, t) => {
+		twistPowerZ: Lu((e) => e.twistPower.z, (e, t) => {
 			t.u.uTwPowZ.value = e;
 		}),
-		twistFrequencyX: Nu((e) => e.twistFrequency.x, (e, t) => {
+		twistFrequencyX: Lu((e) => e.twistFrequency.x, (e, t) => {
 			t.u.uTwFreqX.value = e;
 		}),
-		twistFrequencyY: Nu((e) => e.twistFrequency.y, (e, t) => {
+		twistFrequencyY: Lu((e) => e.twistFrequency.y, (e, t) => {
 			t.u.uTwFreqY.value = e;
 		}),
-		twistFrequencyZ: Nu((e) => e.twistFrequency.z, (e, t) => {
+		twistFrequencyZ: Lu((e) => e.twistFrequency.z, (e, t) => {
 			t.u.uTwFreqZ.value = e;
 		}),
-		hueShift: Nu((e) => e.hueShift, (e, t) => {
+		hueShift: Lu((e) => e.hueShift, (e, t) => {
 			t.u.uHueShift.value = e;
 		}),
-		gradientShift: Nu((e) => e.gradientShift ?? 0, (e, t) => {
+		gradientShift: Lu((e) => e.gradientShift ?? 0, (e, t) => {
 			t.u.uGradShift.value = e;
 		}),
-		colorSaturation: Nu((e) => e.colorSaturation, (e, t) => {
+		colorSaturation: Lu((e) => e.colorSaturation, (e, t) => {
 			t.u.uSaturation.value = e;
 		}),
-		opacity: Nu((e) => e.opacity, (e, t) => {
+		opacity: Lu((e) => e.opacity, (e, t) => {
 			t.u.uOpacity.value = e;
 		}),
-		lineThickness: Nu((e) => e.lineThickness ?? 1, (e, t) => {
+		lineThickness: Lu((e) => e.lineThickness ?? 1, (e, t) => {
 			t.u.uLineThickness.value = e;
 		}),
-		lineAmount: Nu((e) => e.lineAmount ?? 425, (e, t) => {
+		lineAmount: Lu((e) => e.lineAmount ?? 425, (e, t) => {
 			t.u.uLineAmount.value = e;
 		}),
-		fiberStrength: Nu((e) => e.fiberStrength, (e, t) => {
+		fiberStrength: Lu((e) => e.fiberStrength, (e, t) => {
 			t.u.uFiberStrength.value = e;
 		}),
-		sheen: Nu((e) => e.sheen ?? 1, (e, t) => {
+		sheen: Lu((e) => e.sheen ?? 1, (e, t) => {
 			t.u.uSheen.value = e;
 		}),
-		iridescence: Nu((e) => e.iridescence ?? 0, (e, t) => {
+		iridescence: Lu((e) => e.iridescence ?? 0, (e, t) => {
 			t.u.uIridescence.value = e;
 		}),
-		positionX: Nu((e) => e.position.x, (e, t) => {
+		helixPhase: Lu((e) => e.helixPhase ?? 0, (e, t) => {
+			t.u.uHelixPhase.value = e;
+		}),
+		helixTurns: Lu((e) => e.helixTurns ?? 0, (e, t) => {
+			t.u.uHelixTurns.value = e;
+		}),
+		helixRadius: Lu((e) => e.helixRadius ?? 0, (e, t) => {
+			t.u.uHelixRadius.value = e;
+		}),
+		positionX: Lu((e) => e.position.x, (e, t) => {
 			t.mesh.position.x = e;
 		}),
-		positionY: Nu((e) => e.position.y, (e, t) => {
+		positionY: Lu((e) => e.position.y, (e, t) => {
 			t.mesh.position.y = e;
 		})
-	}, Iu = {
-		timeOffset: Pu((e) => e.timeOffset ?? 0, (e, t) => {
+	}, Bu = {
+		timeOffset: Ru((e) => e.timeOffset ?? 0, (e, t) => {
 			t.out.timeOffset = e;
 		}),
-		cameraZoom: Pu((e) => e.cameraZoom ?? 1, (e, t) => {
+		cameraZoom: Ru((e) => e.cameraZoom ?? 1, (e, t) => {
 			t.out.zoom = e;
 		}),
-		blur: Pu((e) => e.blur, (e, t) => {
+		blur: Ru((e) => e.blur, (e, t) => {
 			t.post.uBlurAmount.value = e;
 		}),
-		grain: Pu((e) => e.grain, (e, t) => {
+		grain: Ru((e) => e.grain, (e, t) => {
 			t.post.uGrainAmount.value = e;
 		})
-	}, Lu = class {
+	}, Vu = class {
 		container;
 		cfg;
 		scrollOverride = null;
@@ -12367,12 +12451,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 = vu(ju, 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 = vu(Du, 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() / Ou);
 			let i = t.waves;
 			this.fields.length > i.length && (this.fields.length = i.length);
 			for (let e = 0; e < i.length; e++) {
@@ -12382,19 +12466,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 ?? ju, Pu);
+				yu(t.ndc, t.vel, this.ndcTarget, 1 / r, Nu, n), t.presence += (this.presenceTarget - t.presence) * vu(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) * vu(Au, 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 / Eu);
 				e.amp = t * t, e.amp <= 0 && (e.active = !1);
 			}
 			this.updateBindings(t, n);
@@ -12416,7 +12500,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) * vu(e.smoothing ?? Mu, t);
 		}
 		bindingValue(e) {
 			return this.bindingState.get(e)?.value ?? 0;
@@ -12429,7 +12513,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 / ku);
 				case "appear": return +!!this.appearLatched;
 				default: return this.customInputs.get(e.slice(7)) ?? 0;
 			}
@@ -12494,42 +12578,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 Uu(e) {
 	return e * e * (3 - 2 * e);
 }
-function Bu(e, t) {
+function Wu(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 Gu(e) {
 	let t = document.createElement("canvas");
-	t.width = od, t.height = sd;
+	t.width = ud, t.height = dd;
 	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, ud, 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, ud, dd);
 	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, dd);
+		t.addColorStop(0, Wu(e.edgeColor, a)), t.addColorStop(.5, Wu(e.edgeColor, 0)), t.addColorStop(1, Wu(e.edgeColor, a)), n.fillStyle = t, n.fillRect(0, 0, ud, dd);
 	}
 	return t;
 }
-function Hu(e) {
+function Ku(e) {
 	return `${e.stops.map((e) => `${e.color}@${e.pos.toFixed(3)}`).join(",")}|${e.edgeColor}|${e.edgeAmount.toFixed(3)}`;
 }
-function Uu(e) {
+function qu(e) {
 	return e.colorSpace = At, e.minFilter = z, e.magFilter = z, e.wrapS = he, e.wrapT = he, e.generateMipmaps = !1, e;
 }
-function Wu(e) {
-	return Uu(new yi(e));
+function Ju(e) {
+	return qu(new yi(e));
 }
-function Gu(e) {
-	return Wu(Vu(e));
+function Yu(e) {
+	return Ju(Gu(e));
 }
-function Ku(e) {
+function Xu(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 +12630,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 Zu(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 Qu(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 +12645,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] = Zu(a / p), s[m + 1] = Zu(o / p), s[m + 2] = Zu(d / p), s[m + 3] = 255;
 		}
 	}
 	return o;
 }
-function Yu(e, t, n, r) {
+function $u(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 +12658,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(Qu(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 ed(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)), td(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 td(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 nd(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 = Uu(e - r), o = Uu(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 rd(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 id(e = 220) {
+	let t = Math.max(64, Math.min(1280, Math.round(e))), n = pd.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 = nd(11), s = nd(91), c = nd(47), l = [
 		[0, [
 			34,
 			26,
@@ -12653,24 +12737,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(rd(o, l, d, 4)), h = Math.max(0, rd(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), pd.set(t, r), r;
 }
-function td(e, t, n, r) {
-	let i = `${e}|${t}x${n}`, a = ud.get(i);
+function ad(e, t, n, r) {
+	let i = `${e}|${t}x${n}`, a = md.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), md.set(i, o), o;
 }
-function nd(e = 240) {
+function od(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 ad("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 +12770,9 @@ function nd(e = 240) {
 		e.globalAlpha = 1;
 	});
 }
-function rd(e = 220) {
+function sd(e = 220) {
 	let t = Math.max(110, Math.min(2048, Math.round(e)));
-	return td("kaleidoscope", t, t, (e, t, n) => {
+	return ad("kaleidoscope", t, t, (e, t, n) => {
 		let r = t / 220, i = [
 			"#00e5ff",
 			"#6c3bff",
@@ -12704,25 +12788,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 cd(e, t) {
+	return e.build ? e.build(t) : Gu({
 		stops: e.stops ?? [],
 		edgeColor: e.edgeColor ?? "#8e9dff",
 		edgeAmount: e.edgeAmount ?? 0
 	});
 }
-function ad(e) {
-	return Uu(new Zi().load(e));
+function ld(e) {
+	return qu(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 ud, dd, fd, pd, md, hd, gd = t((() => {
+	Vc(), hl(), Yl(), ud = 256, dd = 64, fd = (e) => e.map(([e, t]) => ({
 		color: e,
 		pos: t
-	})), ld = /* @__PURE__ */ new Map(), ud = /* @__PURE__ */ new Map(), dd = {
+	})), pd = /* @__PURE__ */ new Map(), md = /* @__PURE__ */ new Map(), hd = {
 		palestine: {
 			label: "Palestine",
 			kind: "gradient",
-			stops: cd([
+			stops: fd([
 				["#000000", 0],
 				["#f7f7f2", .34],
 				["#149954", .67],
@@ -12734,7 +12818,7 @@ var od, sd, cd, ld, ud, dd, fd = t((() => {
 		spain: {
 			label: "Spain",
 			kind: "gradient",
-			stops: cd([
+			stops: fd([
 				["#aa151b", 0],
 				["#aa151b", .24],
 				["#f1bf00", .34],
@@ -12748,7 +12832,7 @@ var od, sd, cd, ld, ud, dd, fd = t((() => {
 		grandLine: {
 			label: "Grand Line",
 			kind: "gradient",
-			stops: cd([
+			stops: fd([
 				["#071b33", 0],
 				["#087ea4", .22],
 				["#45d4c5", .4],
@@ -12763,22 +12847,22 @@ var od, sd, cd, ld, ud, dd, fd = t((() => {
 		vaporwave: {
 			label: "Vaporwave Sunset",
 			kind: "image",
-			build: nd
+			build: od
 		},
 		kaleidoscope: {
 			label: "Kaleidoscope",
 			kind: "image",
-			build: rd
+			build: sd
 		},
 		nebula: {
 			label: "Nebula (2D)",
 			kind: "image",
-			build: ed
+			build: id
 		},
 		sunset: {
 			label: "Sunset",
 			kind: "gradient",
-			stops: cd([
+			stops: fd([
 				["#3b1c6b", 0],
 				["#8b2fa0", .3],
 				["#e0457a", .56],
@@ -12791,7 +12875,7 @@ var od, sd, cd, ld, ud, dd, fd = t((() => {
 		aurora: {
 			label: "Aurora",
 			kind: "gradient",
-			stops: cd([
+			stops: fd([
 				["#0b3d4f", 0],
 				["#1fb89e", .3],
 				["#5ee0a0", .52],
@@ -12804,7 +12888,7 @@ var od, sd, cd, ld, ud, dd, fd = t((() => {
 		ocean: {
 			label: "Ocean",
 			kind: "gradient",
-			stops: cd([
+			stops: fd([
 				["#0a1f4d", 0],
 				["#1f6fb8", .36],
 				["#2bd0d0", .66],
@@ -12816,7 +12900,7 @@ var od, sd, cd, ld, ud, dd, fd = t((() => {
 		ember: {
 			label: "Ember",
 			kind: "gradient",
-			stops: cd([
+			stops: fd([
 				["#2a0707", 0],
 				["#a81e1e", .34],
 				["#ff5a2e", .64],
@@ -12828,7 +12912,7 @@ var od, sd, cd, ld, ud, dd, fd = t((() => {
 		iris: {
 			label: "Iris",
 			kind: "gradient",
-			stops: cd([
+			stops: fd([
 				["#2e1065", 0],
 				["#7c3aed", .34],
 				["#db2777", .64],
@@ -12840,7 +12924,7 @@ var od, sd, cd, ld, ud, dd, fd = t((() => {
 		mono: {
 			label: "Mono",
 			kind: "gradient",
-			stops: cd([
+			stops: fd([
 				["#16161e", 0],
 				["#6b7280", .4],
 				["#c2c8d2", .72],
@@ -12853,39 +12937,55 @@ var od, sd, cd, ld, ud, dd, fd = t((() => {
 }));
 //#endregion
 //#region src/util/base64.ts
-function pd(e) {
+function _d(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 vd = t((() => {}));
 //#endregion
 //#region src/renderer/heroPalette.ts
-function hd() {
+function yd() {
 	let e = document.createElement("canvas");
-	e.width = _d, e.height = _d;
+	e.width = xd, e.height = xd;
 	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 = _d(Sd);
+		t.putImageData(new ImageData(new Uint8ClampedArray(e.buffer), xd, xd), 0, 0);
 	}
 	return e;
 }
-function gd() {
-	let e = Uu(new ci(pd(vd), _d, _d, U, Se));
+function bd() {
+	let e = qu(new ci(_d(Sd), xd, xd, 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 xd, Sd, Cd = t((() => {
+	Vc(), vd(), gd(), xd = 32, Sd = "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 wd(e, t, n, r = 0) {
+	let i = e / Dd, 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 / (Dd * r))), o;
+}
+function Td(e, t) {
+	let n = kd.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 Ed, Dd, Od, kd, Ad, jd = t((() => {
+	Vc(), nl(), il(), cl(), Zc(), fl(), _u(), nu(), Hu(), gd(), Cd(), Yl(), Ed = 220, Dd = 1333, Od = class {
 		makeVideo;
 		onVideoReady;
 		texture;
@@ -12898,8 +12998,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 = () => qu(new _i(this.video))) : (a = "video-loading|" + n, o = () => bd());
+			else if (r) this.clearVideo(), a = "url|" + r, o = () => ld(r);
 			else if (i === "stops") {
 				this.clearVideo();
 				let t = {
@@ -12907,8 +13007,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|" + Ku(t), o = () => Yu(t);
+			} else hd[i] ? (this.clearVideo(), a = "map|" + i, o = () => Ju(cd(hd[i]))) : (this.clearVideo(), a = "hero", o = () => bd());
 			(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 +13031,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 {
+	}, kd = new X(), Ad = class {
 		renderer;
 		scene = new Gn();
 		camera;
@@ -12984,10 +13084,13 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 		resizeObserver;
 		intersectionObserver;
 		motionQuery;
+		dprQuery;
+		resizeRaf = 0;
+		lastResize;
 		capturing = !1;
 		outputSize;
 		constructor(e, t, n = {}) {
-			this.container = e, this.config = Fl(t), this.respectReducedMotion = n.respectReducedMotion ?? !0, this.skipIntroRamp = n.skipIntroRamp ?? !1, this.renderer = new Bc({
+			this.container = e, this.config = Rl(t), this.respectReducedMotion = n.respectReducedMotion ?? !0, this.skipIntroRamp = n.skipIntroRamp ?? !1, this.renderer = new Bc({
 				antialias: !0,
 				alpha: !0,
 				preserveDrawingBuffer: !0,
@@ -13001,15 +13104,15 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 					uGrainAmount: { value: t.grain },
 					uTime: { value: 0 }
 				},
-				vertexShader: Ql,
-				fragmentShader: $l
+				vertexShader: lu,
+				fragmentShader: uu
 			}), 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(Ed * e), 24, 360);
 		}
 		makeUniforms() {
 			let e = [], t = [];
@@ -13074,7 +13177,7 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 				uEdgeFeather: { value: .1 },
 				uOpacity: { value: 1 },
 				uSquared: { value: 1 },
-				uResolution: { value: new G(1, 1) },
+				uResolution: { value: this.renderer.getDrawingBufferSize(new G()) },
 				uAmbient: { value: .45 },
 				uNumLights: { value: 1 },
 				uLightPos: { value: a },
@@ -13089,6 +13192,12 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 				uLineDerivativePower: { value: .95 },
 				uMaxWidth: { value: 1232 },
 				uClearColor: { value: new K(1, 1, 1) },
+				uHelixTurns: { value: 0 },
+				uHelixRadius: { value: 0 },
+				uHelixRoll: { value: 0 },
+				uHelixPhase: { value: 0 },
+				uRungAmount: { value: 0 },
+				uRungThickness: { value: 1 },
 				uPointer: { value: new G(0, 0) },
 				uPointerActive: { value: 0 },
 				uPointerRadius: { value: .6 },
@@ -13111,14 +13220,16 @@ 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;
+			((e?.detailAmount ?? 0) !== 0 || n) && (t.DETAIL_OCTAVE = ""), (e?.depthTint ?? 0) > 0 && (t.DEPTH_TINT = ""), (e?.edgeFeather ?? .1) !== .1 && (t.EDGE_FEATHER = "");
+			let r = e?.interaction?.bindings?.some((e) => e.target.startsWith("helix")) ?? !1;
+			return ((e?.helixRadius ?? 0) !== 0 || (e?.helixRoll ?? 0) !== 0 || r) && (t.HELIX = ""), e?.theme === "wireframe" && (e.rungAmount ?? 0) > 0 && (t.RUNGS = ""), e && Su(this.config, e) && (t.POINTER_FX = "", Cu(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 tu(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: ou,
+				fragmentShader: t?.theme === "wireframe" ? cu : su,
 				transparent: !0,
 				depthTest: !0,
 				depthWrite: !0,
@@ -13127,7 +13238,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 Od((e) => this.createLoopingVideo(e), () => {
 				this.updatePaletteTextures(), this.syncVideoPlayback(), this.running || this.renderOnce();
 			});
 			this.waves.push({
@@ -13168,7 +13279,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" ? cu : su;
 				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 +13287,21 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 						color: "#ffffff",
 						pos: 0
 					};
-					bd(t.color, l[e]), u[e] = t.pos;
+					Td(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), Td(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.uRungAmount.value = n.rungAmount ?? 0, r.uRungThickness.value = n.rungThickness ?? 1, r.uMaxWidth.value = n.maxWidth ?? 1232, Td(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, Td(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), Td(t.color, _[e]), v[e] = t.intensity) : v[e] = 0;
 				}
 				let y = n.noiseBands ?? [];
 				r.uNumNoiseBands.value = Math.min(y.length, 4);
@@ -13199,12 +13310,12 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 					let t = y[e];
 					t && (b[e].set(t.startX, t.endX, t.startY, t.endY), x[e].set(t.feather, t.strength, t.frequency, t.colorAttenuation), S[e] = t.parabolaPower);
 				}
-				r.uSpeed.value = n.speed, r.uSeed.value = n.seed, r.uLoopSeconds.value = this.config.loopSeconds ?? 0, r.uDispFreqX.value = n.displaceFrequency.x, r.uDispFreqZ.value = n.displaceFrequency.y, r.uDispAmount.value = n.displaceAmount, r.uDetailFreq.value = n.detailFrequency ?? .04, r.uDetailAmount.value = n.detailAmount ?? 0, r.uTwFreqX.value = n.twistFrequency.x, r.uTwFreqY.value = n.twistFrequency.y, r.uTwFreqZ.value = n.twistFrequency.z, r.uTwPowX.value = n.twistPower.x, r.uTwPowY.value = n.twistPower.y, r.uTwPowZ.value = n.twistPower.z, e.mesh.scale.set(n.scale.x, n.scale.y, n.scale.z), e.mesh.rotation.set(Gt.degToRad(n.rotation.x), Gt.degToRad(n.rotation.y), Gt.degToRad(n.rotation.z)), e.mesh.position.set(n.position.x, n.position.y, n.position.z), r.uOpacity.value = n.opacity;
+				r.uSpeed.value = n.speed, r.uSeed.value = n.seed, r.uLoopSeconds.value = this.config.loopSeconds ?? 0, r.uDispFreqX.value = n.displaceFrequency.x, r.uDispFreqZ.value = n.displaceFrequency.y, r.uDispAmount.value = n.displaceAmount, r.uDetailFreq.value = n.detailFrequency ?? .04, r.uDetailAmount.value = n.detailAmount ?? 0, r.uTwFreqX.value = n.twistFrequency.x, r.uTwFreqY.value = n.twistFrequency.y, r.uTwFreqZ.value = n.twistFrequency.z, r.uTwPowX.value = n.twistPower.x, r.uTwPowY.value = n.twistPower.y, r.uTwPowZ.value = n.twistPower.z, r.uHelixTurns.value = n.helixTurns ?? 0, r.uHelixRadius.value = n.helixRadius ?? 0, r.uHelixRoll.value = n.helixRoll ?? 0, r.uHelixPhase.value = n.helixPhase ?? 0, e.mesh.scale.set(n.scale.x, n.scale.y, n.scale.z), e.mesh.rotation.set(Gt.degToRad(n.rotation.x), Gt.degToRad(n.rotation.y), Gt.degToRad(n.rotation.z)), e.mesh.position.set(n.position.x, n.position.y, n.position.z), r.uOpacity.value = n.opacity;
 			});
 			let e = (this.config.interaction?.radius ?? .3) * 2, 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 (!Su(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 +13361,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 = $u(n, r, e, t);
+					this.backgroundTexture?.dispose(), this.backgroundTexture = Ju(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 = hd[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 +13377,14 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 				t
 			].join("|");
 			if (s !== this.backgroundSig || !this.backgroundTexture) {
-				let r = Ku({
+				let r = Xu({
 					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 = Ju(r), this.backgroundSig = s;
 			}
 			this.scene.background = this.backgroundTexture;
 		}
@@ -13296,7 +13407,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" ? yd() : hd[r]?.kind === "image" ? cd(hd[r], Math.max(t, n)) : null;
 				if (!i) {
 					this.scene.background = e;
 					return;
@@ -13315,8 +13426,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 = ed(c, l, u, t, n, r, this.config.background, i, a.x, a.y);
+				this.backgroundTexture?.dispose(), this.backgroundTexture = Ju(e), this.backgroundSig = f, this.backgroundVideoCanvas = o ? e : void 0;
 			}
 			this.scene.background = this.backgroundTexture;
 		}
@@ -13368,7 +13479,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;
+			td(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 +13506,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: lu,
+					fragmentShader: du
 				}), 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 +13525,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: lu,
+					fragmentShader: fu
 				}), 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 +13543,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: lu,
+					fragmentShader: pu
 				}), 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 +13557,8 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 					tDiffuse: { value: null },
 					uHeatmap: { value: e }
 				},
-				vertexShader: Ql,
-				fragmentShader: ru
+				vertexShader: lu,
+				fragmentShader: mu
 			}), 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 +13570,8 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 						uPaper: { value: e },
 						uPaperScale: { value: this.config.paperTextureScale ?? 2 }
 					},
-					vertexShader: Ql,
-					fragmentShader: iu
+					vertexShader: lu,
+					fragmentShader: hu
 				}), 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 +13586,33 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 						uHalftoneCmyk: { value: e },
 						uHalftoneCmykCell: { value: this.config.halftoneCmykCell ?? 6 }
 					},
-					vertexShader: Ql,
-					fragmentShader: au
+					vertexShader: lu,
+					fragmentShader: gu
 				}), 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 +13620,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 +13676,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 = Tu(this.config);
+			e && !this.interaction ? this.interaction = new Vu(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 +13685,13 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 					this.applyInteractionRest();
 					return;
 				}
-				bu(this.config) && this.applyPointerField(this.interaction), this.applyBindings(this.interaction);
+				wu(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 (!Su(this.config, t)) continue;
 				let n = this.waves[e].material.uniforms;
 				n.uPointerActive.value = 0;
 				let r = n.uRippleAmp.value;
@@ -13573,7 +13705,7 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 					out: this.interactionSceneOut
 				};
 				for (let n of e) {
-					let e = Iu[n.target];
+					let e = Bu[n.target];
 					e.apply(e.base(this.config), t);
 				}
 			}
@@ -13583,7 +13715,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 = zu[e.target];
 					n.apply(n.base(t), {
 						u: r.material.uniforms,
 						mesh: r.mesh
@@ -13595,7 +13727,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 (!Su(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 +13743,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 = Bu[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 +13751,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 = zu[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 +13780,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 wd(e, t, this.config.cameraFit ?? "cover", this.config.cameraMinVisibleWidth ?? 0);
 		}
 		updateClipPlanes() {
 			this.clipBox.makeEmpty();
@@ -13658,7 +13793,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 (Su(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);
 				}
@@ -13694,25 +13829,25 @@ var xd, Sd, Cd, wd, Td, Ed = t((() => {
 			return this.config;
 		}
 		setConfig(e) {
-			let t = Fl(e), n = t.waves.length !== this.waves.length || t.quality !== this.config.quality;
+			let t = Rl(e), n = t.waves.length !== this.waves.length || t.quality !== this.config.quality;
 			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,
+})), Md = /* @__PURE__ */ n({
+	WaveRenderer: () => Ad,
 	createDefaultConfig: () => wl
 });
 //#endregion
 //#region src/shell/probe.ts
 t((() => {
-	Ed(), Gl();
+	jd(), Yl();
 }))();
-function Od() {
+function Nd() {
 	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 +13856,22 @@ function Od() {
 		return !1;
 	}
 }
-function kd() {
+function Pd() {
 	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function Ad() {
+function Fd() {
 	return typeof navigator > "u" ? !1 : navigator.connection?.saveData === !0;
 }
 //#endregion
 //#region src/shell/poster.ts
-var jd = "data-wave3d-poster";
-function Md(e) {
+var Id = "data-wave3d-poster";
+function Ld(e) {
 	getComputedStyle(e).position === "static" && (e.style.position = "relative");
 }
-function Nd(e, t, n = "fill") {
-	let r = e.querySelector(`img[${jd}]`);
+function Rd(e, t, n = "fill") {
+	let r = e.querySelector(`img[${Id}]`);
 	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(Id, ""), 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 +13904,12 @@ function Nd(e, t, n = "fill") {
 }
 //#endregion
 //#region src/shell/createWave.ts
-function Pd(e, t, n, r) {
+function zd(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);
+	Ld(t);
+	let y = Rd(t, r.poster, r.posterFit);
 	function b(e) {
 		d !== e && (d = e, r.onStateChange?.(e));
 	}
@@ -13822,7 +13957,7 @@ function Pd(e, t, n, r) {
 	}
 	function E() {
 		if (!h) {
-			if (o === "auto" && !Od()) {
+			if (o === "auto" && !Nd()) {
 				x("no-webgl");
 				return;
 			}
@@ -13831,8 +13966,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 && Fd()) return x("save-data");
+			if (s && c === "poster" && Pd()) 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 +14010,11 @@ function Pd(e, t, n, r) {
 }
 //#endregion
 //#region src/presets.ts
-Gl();
-var Fd = 180 / Math.PI;
-function Id(e) {
+Yl();
+var Bd = 180 / Math.PI;
+function Vd(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 * Bd, n.displaceFrequency = {
 		x: e.dispX,
 		y: e.dispZ
 	}, n.displaceAmount = e.dispAmt, n.position = {
@@ -13887,9 +14022,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] * Bd,
+		y: e.rotRad[1] * Bd,
+		z: e.rotRad[2] * Bd
 	}, n.scale = {
 		x: e.scale[0],
 		y: e.scale[1],
@@ -13912,8 +14047,8 @@ function Id(e) {
 		z: 0
 	}, t.cameraZoom = e.zoom, t;
 }
-var Ld = {
-	Hero: () => Id({
+var Hd = {
+	Hero: () => Vd({
 		speed: .04,
 		contrast: 1,
 		sat: 1,
@@ -13957,7 +14092,7 @@ var Ld = {
 		camTarget: [-420, -200]
 	}),
 	"Wave 2": () => wl(),
-	"Wave 3": () => Id({
+	"Wave 3": () => Vd({
 		speed: .08,
 		contrast: 1,
 		sat: 1,
@@ -14000,7 +14135,7 @@ var Ld = {
 		zoom: 1.3,
 		camTarget: [-104, 13]
 	}),
-	"Wave 4": () => Id({
+	"Wave 4": () => Vd({
 		speed: .0525,
 		contrast: .969,
 		sat: 1.383,
@@ -14080,7 +14215,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 = Hd.Hero(), t = e.waves[0];
 		return t.gradientType = "mesh", t.meshGradientPoints = [
 			{
 				color: "#0a84ff",
@@ -14121,7 +14256,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 = Hd.Hero(), t = e.waves[0];
 		return t.usePaletteTexture = !1, t.gradientType = "radial", t.gradientShift = .14, t.palette = [
 			{
 				color: "#fff3c4",
@@ -14150,7 +14285,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 = Hd.Hero(), t = e.waves[0];
 		return t.usePaletteTexture = !1, t.gradientType = "conic", t.gradientShift = .08, t.palette = [
 			{
 				color: "#8ef6e4",
@@ -14183,7 +14318,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 = Hd.Hero(), t = e.waves[0];
 		return t.gradientType = "mesh", t.meshGradientPoints = [
 			{
 				color: "#0a1f3c",
@@ -14255,31 +14390,103 @@ var Ld = {
 		], e.backgroundMeshSoftness = .75, e.transparentBackground = !1, e;
 	},
 	Palestine: () => {
-		let e = Ld.Hero(), t = e.waves[0];
+		let e = Hd.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 = Hd.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 = Hd.Hero(), t = e.waves[0];
+		return t.position.x = 525, t.rotation.x = -.64 * Bd, t.rotation.z = 1.68 * Bd, 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;
 	},
+	Corkscrew: () => {
+		let e = Hd.Hero(), t = e.waves[0];
+		return t.helixTurns = 5, t.helixRadius = 45, t.helixRoll = 1, t.helixPhase = 0, t.twistFrequency = {
+			x: 0,
+			y: 0,
+			z: 0
+		}, t.twistPower = {
+			x: 4,
+			y: 4,
+			z: 2
+		}, t.displaceAmount = 16, t.displaceFrequency = {
+			x: .006,
+			y: 8e-4
+		}, t.speed = .1, t.position = {
+			x: 0,
+			y: 0,
+			z: 0
+		}, t.rotation = {
+			x: 0,
+			y: 0,
+			z: 12
+		}, t.scale = {
+			x: 3,
+			y: 3,
+			z: 1.5
+		}, t.gradientType = "mesh", t.meshGradientPoints = [
+			{
+				color: "#0a84ff",
+				x: .06,
+				y: .9,
+				influence: .68
+			},
+			{
+				color: "#64d2ff",
+				x: .88,
+				y: .92,
+				influence: .72
+			},
+			{
+				color: "#bf5af2",
+				x: .5,
+				y: .64,
+				influence: .58
+			},
+			{
+				color: "#ff375f",
+				x: .1,
+				y: .14,
+				influence: .7
+			},
+			{
+				color: "#ff9f0a",
+				x: .84,
+				y: .12,
+				influence: .74
+			},
+			{
+				color: "#30d158",
+				x: .94,
+				y: .5,
+				influence: .54
+			}
+		], t.meshGradientSoftness = .68, t.blendMode = "normal", t.hueShift = 0, t.colorContrast = 1.06, t.colorSaturation = 1.12, t.fiberStrength = .14, e.cameraPosition = {
+			x: -526.009,
+			y: -285.284,
+			z: -425.489
+		}, e.cameraTarget = {
+			x: -95.046,
+			y: -17.053,
+			z: -105.608
+		}, e.cameraDistance = 600, e.cameraZoom = 1.176, e.grain = .3, e.blur = .008, e.bloomStrength = .35, e.bloomRadius = .6, e.bloomThreshold = .55, e.background = "#070914", e.backgroundMode = "color", e.transparentBackground = !1, e;
+	},
 	Kaleidoscope: () => {
-		let e = Ld["Wave 3"](), t = e.waves[0];
+		let e = Hd["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);
+jd(), Yl();
+var Ud = () => Promise.resolve(Md);
+function Wd(e, t = {}, n = {}) {
+	return zd(Ud, e, t, n);
 }
-var Bd = zd;
+var Gd = Wd;
 //#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 { Wl as CAMERA_FITS, Gl as DEFAULT_LIGHT_POSITION, zl as MAX_COLORS, Vl as MAX_LIGHTS, Bl as MAX_MESH_POINTS, Hl as MAX_NOISE_BANDS, Ul as MAX_WAVES, Hd as PRESETS, Ad as WaveRenderer, wl as createDefaultConfig, yl as createDefaultMeshPoints, gl as createLight, _l as createNoiseBand, Wd as createWave, Dl as ensureCamera, kl as ensureSceneDefaults, Rl as ensureStudioConfig, vl as makeStops, Sl as makeWave, bl as makeWaveSpread, Gd as mountWave, El as normalizeBackground, Ll as normalizeSceneInteraction, Ol as normalizeWave, Il as normalizeWaveInteraction, Cl as resizeWaves };