@roomle/web-sdk 4.2.0 → 4.3.0-alpha.2

package/lib/{roomle-webgpu-renderer-Dzuy_Y39.mjs → roomle-webgpu-renderer-Lt55gNj5.mjs}

@@ -1,18 +1,18 @@
-import { Ar as e, Br as t, Cr as n, En as r, Gi as i, Gn as a, J as o, Jr as s, Kn as c, On as l, Qt as u, Si as d, Tt as f, Ui as p, Y as m, _i as h, bi as g, ct as _, g as v, gi as y, hi as b, hr as ee, ht as x, in as S, jr as C, kr as w, li as T, mi as E, mr as te, q as ne, rt as D, sn as O, t as re, vi as ie, w as k, wr as ae, xi as oe, yi as se } from "./three.core-0KaTx8dm.mjs";
-import { t as ce } from "./shading-settings-Bnt9v9xJ.mjs";
-import { n as le, r as ue, t as de } from "./decorate-CX1ZGuFY.mjs";
-import { a as A, n as fe, r as pe } from "./roomle-renderer-FUqNfNIf.mjs";
-import { An as me, Dt as he, It as j, Kn as ge, Q as _e, Vt as ve, _n as ye, bn as M, fr as be, hr as xe, ln as Se, vt as Ce, x as we } from "./three.webgpu-ylONY593.mjs";
-import { $ as Te, A as Ee, B as De, C as Oe, D as ke, Dt as Ae, E as je, Ft as Me, G as Ne, H as Pe, It as Fe, J as Ie, K as Le, L as N, M as Re, Mt as P, N as ze, Nt as F, O as Be, P as Ve, Pt as He, Q as Ue, R as We, S as I, T as Ge, Tt as L, U as Ke, V as qe, W as Je, X as Ye, Y as Xe, Z as Ze, _ as Qe, a as $e, b as et, bt as R, c as tt, d as nt, dt as rt, et as it, f as at, ft as ot, g as st, gt as ct, h as lt, ht as ut, i as z, it as dt, j as ft, jt as B, kt as pt, l as mt, lt as ht, m as gt, n as V, nt as _t, o as vt, ot as yt, p as bt, pt as xt, q as St, r as Ct, rt as wt, s as Tt, st as Et, t as Dt, u as Ot, ut as kt, v as At, vt as jt, w as H, wt as U, x as Mt, xt as Nt, y as Pt, yt as Ft, z as It } from "./three.tsl-BElp7_oF.mjs";
+import { Ar as e, Br as t, Ci as n, Cr as r, En as i, Gi as a, Gn as o, J as s, Jr as c, Kn as l, Mr as u, On as d, Qt as f, Si as p, Tt as m, Ui as h, V as g, Y as _, _i as v, bi as y, ct as b, g as ee, gi as x, hi as S, hr as C, ht as w, in as te, jr as T, kr as ne, li as re, mi as E, mr as ie, q as ae, rt as oe, sn as D, t as se, vi as ce, w as le, wr as ue, xi as de, yi as fe } from "./three.core-0KaTx8dm.mjs";
+import { h as pe, t as me } from "./shading-settings-CRNmMpcn.mjs";
+import { n as he, r as ge, t as _e } from "./decorate-CjaqqbUP.mjs";
+import { a as O, n as ve, r as ye } from "./roomle-renderer-FUqNfNIf.mjs";
+import { An as be, Dt as xe, It as k, Kn as Se, Q as Ce, Vt as we, _n as Te, bn as A, fr as Ee, hr as De, ln as Oe, vt as ke, x as Ae } from "./three.webgpu-ylONY593.mjs";
+import { $ as je, A as Me, At as Ne, B as Pe, C as Fe, D as Ie, Dt as Le, E as Re, Et as j, F as ze, Ft as Be, G as Ve, H as He, It as Ue, J as We, K as Ge, Lt as Ke, M as qe, Mt as M, N as Je, Nt as N, O as Ye, Ot as Xe, P as Ze, Pt as P, Q as Qe, R as F, S as I, St as $e, T as et, Tt as L, U as tt, V as nt, W as rt, X as it, Y as at, Z as ot, _ as st, _t as ct, a as lt, at as ut, b as dt, bt as ft, c as R, ct as pt, d as mt, dt as ht, et as gt, f as _t, ft as vt, g as yt, gt as bt, h as xt, i as z, it as St, j as Ct, l as B, m as wt, mt as Tt, n as V, o as Et, p as Dt, pt as Ot, q as kt, r as At, rt as jt, s as Mt, st as Nt, t as Pt, tt as Ft, u as It, ut as Lt, v as Rt, w as H, x as zt, xt as U, y as Bt, yt as Vt, z as Ht } from "./three.tsl-Dew9p5yF.mjs";
 //#region ../../node_modules/three/examples/jsm/tsl/display/OutlineNode.js
-var W = /* @__PURE__ */ new Se(), Lt = /* @__PURE__ */ new d(), Rt = /* @__PURE__ */ new d(1, 0), zt = /* @__PURE__ */ new d(0, 1), G, Bt = class extends ge {
+var W = /* @__PURE__ */ new Oe(), Ut = /* @__PURE__ */ new p(), Wt = /* @__PURE__ */ new p(1, 0), Gt = /* @__PURE__ */ new p(0, 1), G, Kt = class extends Se {
 	static get type() {
 		return "OutlineNode";
 	}
 	constructor(e, t, n = {}) {
 		super("vec4");
 		let { selectedObjects: r = [], edgeThickness: i = H(1), edgeGlow: a = H(0), downSampleRatio: o = 2 } = n;
-		this.scene = e, this.camera = t, this.selectedObjects = r, this.edgeThicknessNode = Pe(i), this.edgeGlowNode = Pe(a), this.downSampleRatio = o, this.updateBeforeType = ve.FRAME, this._renderTargetDepthBuffer = new C(), this._renderTargetDepthBuffer.depthTexture = new m(), this._renderTargetDepthBuffer.depthTexture.type = _, this._renderTargetMaskBuffer = new C(), this._renderTargetMaskDownSampleBuffer = new C(1, 1, { depthBuffer: !1 }), this._renderTargetEdgeBuffer1 = new C(1, 1, { depthBuffer: !1 }), this._renderTargetEdgeBuffer2 = new C(1, 1, { depthBuffer: !1 }), this._renderTargetBlurBuffer1 = new C(1, 1, { depthBuffer: !1 }), this._renderTargetBlurBuffer2 = new C(1, 1, { depthBuffer: !1 }), this._renderTargetComposite = new C(1, 1, { depthBuffer: !1 }), this._cameraNear = dt("near", "float", t), this._cameraFar = dt("far", "float", t), this._blurDirection = L(new d()), this._depthTextureUniform = R(this._renderTargetDepthBuffer.depthTexture), this._maskTextureUniform = R(this._renderTargetMaskBuffer.texture), this._maskTextureDownsSampleUniform = R(this._renderTargetMaskDownSampleBuffer.texture), this._edge1TextureUniform = R(this._renderTargetEdgeBuffer1.texture), this._edge2TextureUniform = R(this._renderTargetEdgeBuffer2.texture), this._blurColorTextureUniform = R(this._renderTargetEdgeBuffer1.texture), this._visibleEdgeColor = P(1, 0, 0), this._hiddenEdgeColor = P(0, 1, 0), this._depthMaterial = new j(), this._depthMaterial.colorNode = lt(0, 0, 0), this._depthMaterial.name = "OutlineNode.depth", this._depthSpriteMaterial = new me(), this._depthSpriteMaterial.colorNode = lt(0, 0, 0), this._depthSpriteMaterial.name = "OutlineNode.depthSprite", this._prepareMaskMaterial = new j(), this._prepareMaskMaterial.name = "OutlineNode.prepareMask", this._prepareMaskSpriteMaterial = new me(), this._prepareMaskSpriteMaterial.name = "OutlineNode.prepareMaskSprite", this._materialCopy = new j(), this._materialCopy.name = "OutlineNode.copy", this._edgeDetectionMaterial = new j(), this._edgeDetectionMaterial.name = "OutlineNode.edgeDetection", this._separableBlurMaterial = new j(), this._separableBlurMaterial.name = "OutlineNode.separableBlur", this._separableBlurMaterial2 = new j(), this._separableBlurMaterial2.name = "OutlineNode.separableBlur2", this._compositeMaterial = new j(), this._compositeMaterial.name = "OutlineNode.composite", this._selectionCache = /* @__PURE__ */ new Set(), this._lastSelectionCount = 0, this._textureNode = Ye(this, this._renderTargetComposite.texture);
+		this.scene = e, this.camera = t, this.selectedObjects = r, this.edgeThicknessNode = tt(i), this.edgeGlowNode = tt(a), this.downSampleRatio = o, this.updateBeforeType = we.FRAME, this._renderTargetDepthBuffer = new T(), this._renderTargetDepthBuffer.depthTexture = new _(), this._renderTargetDepthBuffer.depthTexture.type = b, this._renderTargetMaskBuffer = new T(), this._renderTargetMaskDownSampleBuffer = new T(1, 1, { depthBuffer: !1 }), this._renderTargetEdgeBuffer1 = new T(1, 1, { depthBuffer: !1 }), this._renderTargetEdgeBuffer2 = new T(1, 1, { depthBuffer: !1 }), this._renderTargetBlurBuffer1 = new T(1, 1, { depthBuffer: !1 }), this._renderTargetBlurBuffer2 = new T(1, 1, { depthBuffer: !1 }), this._renderTargetComposite = new T(1, 1, { depthBuffer: !1 }), this._cameraNear = ut("near", "float", t), this._cameraFar = ut("far", "float", t), this._blurDirection = j(new p()), this._depthTextureUniform = U(this._renderTargetDepthBuffer.depthTexture), this._maskTextureUniform = U(this._renderTargetMaskBuffer.texture), this._maskTextureDownsSampleUniform = U(this._renderTargetMaskDownSampleBuffer.texture), this._edge1TextureUniform = U(this._renderTargetEdgeBuffer1.texture), this._edge2TextureUniform = U(this._renderTargetEdgeBuffer2.texture), this._blurColorTextureUniform = U(this._renderTargetEdgeBuffer1.texture), this._visibleEdgeColor = N(1, 0, 0), this._hiddenEdgeColor = N(0, 1, 0), this._depthMaterial = new k(), this._depthMaterial.colorNode = xt(0, 0, 0), this._depthMaterial.name = "OutlineNode.depth", this._depthSpriteMaterial = new be(), this._depthSpriteMaterial.colorNode = xt(0, 0, 0), this._depthSpriteMaterial.name = "OutlineNode.depthSprite", this._prepareMaskMaterial = new k(), this._prepareMaskMaterial.name = "OutlineNode.prepareMask", this._prepareMaskSpriteMaterial = new be(), this._prepareMaskSpriteMaterial.name = "OutlineNode.prepareMaskSprite", this._materialCopy = new k(), this._materialCopy.name = "OutlineNode.copy", this._edgeDetectionMaterial = new k(), this._edgeDetectionMaterial.name = "OutlineNode.edgeDetection", this._separableBlurMaterial = new k(), this._separableBlurMaterial.name = "OutlineNode.separableBlur", this._separableBlurMaterial2 = new k(), this._separableBlurMaterial2.name = "OutlineNode.separableBlur2", this._compositeMaterial = new k(), this._compositeMaterial.name = "OutlineNode.composite", this._selectionCache = /* @__PURE__ */ new Set(), this._lastSelectionCount = 0, this._textureNode = ot(this, this._renderTargetComposite.texture);
 	}
 	get visibleEdge() {
 		return this.r;
@@ -31,11 +31,11 @@ var W = /* @__PURE__ */ new Se(), Lt = /* @__PURE__ */ new d(), Rt = /* @__PURE_
 	updateBefore(e) {
 		let { renderer: t } = e, { camera: n, scene: r } = this;
 		if (this._updateSelectionCache(), this._selectionCache.size === 0) {
-			this._lastSelectionCount > 0 && (G = M.resetRendererState(t, G), t.setRenderTarget(this._renderTargetComposite), t.setClearColor(0, 0), t.clear(), M.restoreRendererState(t, G), this._lastSelectionCount = 0);
+			this._lastSelectionCount > 0 && (G = A.resetRendererState(t, G), t.setRenderTarget(this._renderTargetComposite), t.setClearColor(0, 0), t.clear(), A.restoreRendererState(t, G), this._lastSelectionCount = 0);
 			return;
 		}
-		this._lastSelectionCount = this._selectionCache.size, G = M.resetRendererAndSceneState(t, r, G);
-		let i = t.getDrawingBufferSize(Lt);
+		this._lastSelectionCount = this._selectionCache.size, G = A.resetRendererAndSceneState(t, r, G);
+		let i = t.getDrawingBufferSize(Ut);
 		this.setSize(i.width, i.height), t.setClearColor(16777215, 1);
 		let a = r.name;
 		t.setRenderTarget(this._renderTargetDepthBuffer), t.setRenderObjectFunction((e, n, r, i, a, o, s, c) => {
@@ -48,24 +48,24 @@ var W = /* @__PURE__ */ new Se(), Lt = /* @__PURE__ */ new d(), Rt = /* @__PURE_
 				let a = e.isSprite ? this._prepareMaskSpriteMaterial : this._prepareMaskMaterial;
 				t.renderObject(e, n, r, i, a, o, s, c);
 			}
-		}), r.name = "Outline [ Selected Objects Pass ]", t.render(r, n), t.setRenderObjectFunction(G.renderObjectFunction), this._selectionCache.clear(), r.name = a, W.material = this._materialCopy, W.name = "Outline [ Downsample ]", t.setRenderTarget(this._renderTargetMaskDownSampleBuffer), W.render(t), W.material = this._edgeDetectionMaterial, W.name = "Outline [ Edge Detection ]", t.setRenderTarget(this._renderTargetEdgeBuffer1), W.render(t), this._blurColorTextureUniform.value = this._renderTargetEdgeBuffer1.texture, this._blurDirection.value.copy(Rt), W.material = this._separableBlurMaterial, W.name = "Outline [ Blur Half Resolution ]", t.setRenderTarget(this._renderTargetBlurBuffer1), W.render(t), this._blurColorTextureUniform.value = this._renderTargetBlurBuffer1.texture, this._blurDirection.value.copy(zt), t.setRenderTarget(this._renderTargetEdgeBuffer1), W.render(t), this._blurColorTextureUniform.value = this._renderTargetEdgeBuffer1.texture, this._blurDirection.value.copy(Rt), W.material = this._separableBlurMaterial2, W.name = "Outline [ Blur Quarter Resolution ]", t.setRenderTarget(this._renderTargetBlurBuffer2), W.render(t), this._blurColorTextureUniform.value = this._renderTargetBlurBuffer2.texture, this._blurDirection.value.copy(zt), t.setRenderTarget(this._renderTargetEdgeBuffer2), W.render(t), W.material = this._compositeMaterial, W.name = "Outline [ Blur Quarter Resolution ]", t.setRenderTarget(this._renderTargetComposite), W.render(t), M.restoreRendererAndSceneState(t, r, G);
+		}), r.name = "Outline [ Selected Objects Pass ]", t.render(r, n), t.setRenderObjectFunction(G.renderObjectFunction), this._selectionCache.clear(), r.name = a, W.material = this._materialCopy, W.name = "Outline [ Downsample ]", t.setRenderTarget(this._renderTargetMaskDownSampleBuffer), W.render(t), W.material = this._edgeDetectionMaterial, W.name = "Outline [ Edge Detection ]", t.setRenderTarget(this._renderTargetEdgeBuffer1), W.render(t), this._blurColorTextureUniform.value = this._renderTargetEdgeBuffer1.texture, this._blurDirection.value.copy(Wt), W.material = this._separableBlurMaterial, W.name = "Outline [ Blur Half Resolution ]", t.setRenderTarget(this._renderTargetBlurBuffer1), W.render(t), this._blurColorTextureUniform.value = this._renderTargetBlurBuffer1.texture, this._blurDirection.value.copy(Gt), t.setRenderTarget(this._renderTargetEdgeBuffer1), W.render(t), this._blurColorTextureUniform.value = this._renderTargetEdgeBuffer1.texture, this._blurDirection.value.copy(Wt), W.material = this._separableBlurMaterial2, W.name = "Outline [ Blur Quarter Resolution ]", t.setRenderTarget(this._renderTargetBlurBuffer2), W.render(t), this._blurColorTextureUniform.value = this._renderTargetBlurBuffer2.texture, this._blurDirection.value.copy(Gt), t.setRenderTarget(this._renderTargetEdgeBuffer2), W.render(t), W.material = this._compositeMaterial, W.name = "Outline [ Blur Quarter Resolution ]", t.setRenderTarget(this._renderTargetComposite), W.render(t), A.restoreRendererAndSceneState(t, r, G);
 	}
 	setup() {
 		let e = () => {
-			let e = this._depthTextureUniform.sample(kt), t;
-			return t = this.camera.isPerspectiveCamera ? Ze(e, this._cameraNear, this._cameraFar) : Ne(e, this._cameraNear, this._cameraFar), P(0, Ue.z.lessThanEqual(t).select(1, 0), 1);
+			let e = this._depthTextureUniform.sample(ht), t;
+			return t = this.camera.isPerspectiveCamera ? Qe(e, this._cameraNear, this._cameraFar) : Ge(e, this._cameraNear, this._cameraFar), N(0, je.z.lessThanEqual(t).select(1, 0), 1);
 		};
 		this._prepareMaskMaterial.colorNode = e(), this._prepareMaskMaterial.needsUpdate = !0, this._prepareMaskSpriteMaterial.colorNode = e(), this._prepareMaskSpriteMaterial.needsUpdate = !0, this._materialCopy.fragmentNode = this._maskTextureUniform, this._materialCopy.needsUpdate = !0;
 		let t = V(() => {
-			let e = Nt(this._maskTextureDownsSampleUniform), t = B(1).div(e).toVar(), n = F(1, 0, 0, 1).mul(F(t, t)), r = pt(), i = this._maskTextureDownsSampleUniform.sample(r.add(n.xy)).toVar(), a = this._maskTextureDownsSampleUniform.sample(r.sub(n.xy)).toVar(), o = this._maskTextureDownsSampleUniform.sample(r.add(n.yw)).toVar(), s = this._maskTextureDownsSampleUniform.sample(r.sub(n.yw)).toVar(), c = B(qe(i.r.sub(a.r), .5), qe(o.r.sub(s.r), .5)).length();
-			return F(We(We(i.g, a.g), We(o.g, s.g)).oneMinus().greaterThan(.001).select(this._visibleEdgeColor, this._hiddenEdgeColor), 1).mul(c);
+			let e = $e(this._maskTextureDownsSampleUniform), t = M(1).div(e).toVar(), n = P(1, 0, 0, 1).mul(P(t, t)), r = Ne(), i = this._maskTextureDownsSampleUniform.sample(r.add(n.xy)).toVar(), a = this._maskTextureDownsSampleUniform.sample(r.sub(n.xy)).toVar(), o = this._maskTextureDownsSampleUniform.sample(r.add(n.yw)).toVar(), s = this._maskTextureDownsSampleUniform.sample(r.sub(n.yw)).toVar(), c = M(He(i.r.sub(a.r), .5), He(o.r.sub(s.r), .5)).length();
+			return P(Ht(Ht(i.g, a.g), Ht(o.g, s.g)).oneMinus().greaterThan(.001).select(this._visibleEdgeColor, this._hiddenEdgeColor), 1).mul(c);
 		});
 		this._edgeDetectionMaterial.fragmentNode = t(), this._edgeDetectionMaterial.needsUpdate = !0;
-		let n = V(([e, t]) => H(.39894).mul(Oe(H(-.5).mul(e).mul(e).div(t.mul(t))).div(t))), r = V(([e]) => {
-			let t = Nt(this._maskTextureDownsSampleUniform), r = B(1).div(t).toVar(), i = pt(), a = e.div(2).toVar(), o = n(0, a).toVar(), s = this._blurColorTextureUniform.sample(i).mul(o).toVar(), c = this._blurDirection.mul(r).mul(e).div(4).toVar(), l = c.toVar();
-			return $e({
-				start: Ee(1),
-				end: Ee(4),
+		let n = V(([e, t]) => H(.39894).mul(Fe(H(-.5).mul(e).mul(e).div(t.mul(t))).div(t))), r = V(([e]) => {
+			let t = $e(this._maskTextureDownsSampleUniform), r = M(1).div(t).toVar(), i = Ne(), a = e.div(2).toVar(), o = n(0, a).toVar(), s = this._blurColorTextureUniform.sample(i).mul(o).toVar(), c = this._blurDirection.mul(r).mul(e).div(4).toVar(), l = c.toVar();
+			return lt({
+				start: Me(1),
+				end: Me(4),
 				type: "int",
 				condition: "<="
 			}, ({ i: t }) => {
@@ -88,26 +88,26 @@ var W = /* @__PURE__ */ new Se(), Lt = /* @__PURE__ */ new d(), Rt = /* @__PURE_
 			(e.isMesh || e.isSprite) && this._selectionCache.add(e);
 		});
 	}
-}, Vt = (e, t, n) => new Bt(e, t, n), Ht = class {}, Ut = class e extends Ht {
+}, qt = (e, t, n) => new Kt(e, t, n), Jt = class {}, Yt = class e extends Jt {
 	static {
 		this.passId = "OutlineRenderPass";
 	}
 	constructor(t) {
-		super(), this.passId = e.passId, this.selectedObjects = t.selectedObjects, this.edgeStrength = L(t.edgeStrength), this.edgeGlow = L(t.edgeGlow), this.edgeThickness = L(t.edgeThickness), this.visibleEdgeColor = L(new k(t.visibleEdgeColor)), this.hiddenEdgeColor = L(new k(t.hiddenEdgeColor));
+		super(), this.passId = e.passId, this.selectedObjects = t.selectedObjects, this.edgeStrength = j(t.edgeStrength), this.edgeGlow = j(t.edgeGlow), this.edgeThickness = j(t.edgeThickness), this.visibleEdgeColor = j(new le(t.visibleEdgeColor)), this.hiddenEdgeColor = j(new le(t.hiddenEdgeColor));
 	}
 	highlightObjects(e) {
 		this.selectedObjects.splice(0, this.selectedObjects.length, ...e);
 	}
 	setOutlineColors(e, t) {
-		this.visibleEdgeColor.value = new k(e), this.hiddenEdgeColor.value = new k(t);
+		this.visibleEdgeColor.value = new le(e), this.hiddenEdgeColor.value = new le(t);
 	}
 	assemble(e, t, n, r, i) {
-		let { visibleEdge: a, hiddenEdge: o } = Vt(n, r, {
+		let { visibleEdge: a, hiddenEdge: o } = qt(n, r, {
 			selectedObjects: this.selectedObjects,
 			edgeThickness: this.edgeThickness,
 			edgeGlow: this.edgeGlow
-		}), s = F(a.mul(this.visibleEdgeColor).add(o.mul(this.hiddenEdgeColor)).mul(this.edgeStrength), 0);
-		return i === "outline" ? F(0, 0, 0, 0).add(s) : t.add(s);
+		}), s = P(a.mul(this.visibleEdgeColor).add(o.mul(this.hiddenEdgeColor)).mul(this.edgeStrength), 0);
+		return i === "outline" ? P(0, 0, 0, 0).add(s) : t.add(s);
 	}
 	addParametersToGUI(e, n) {
 		let r = e.addFolder("Outline Settings");
@@ -117,20 +117,20 @@ var W = /* @__PURE__ */ new Se(), Lt = /* @__PURE__ */ new d(), Rt = /* @__PURE_
 			this.hiddenEdgeColor.value.set(e), n();
 		});
 	}
-}, Wt = class {
+}, Xt = class {
 	constructor(e, t) {
 		this.uid = e, this.cid = e.match(/^(.*):f(\d+)$/)[1], this.name = t, this.timestamp = 0, this.cpu = 0, this.gpu = 0, this.fps = 0, this.children = [], this.parent = null;
 	}
-}, Gt = class extends Wt {
+}, Zt = class extends Xt {
 	constructor(e, t, n, r) {
 		let i = t.name;
 		i === "" && (t.isScene ? i = "Scene" : t.isQuadMesh && (i = "QuadMesh")), super(e, i), this.scene = t, this.camera = n, this.renderTarget = r, this.isRenderStats = !0;
 	}
-}, Kt = class extends Wt {
+}, Qt = class extends Xt {
 	constructor(e, t) {
 		super(e, t.name), this.computeNode = t, this.isComputeStats = !0;
 	}
-}, qt = class extends _e {
+}, $t = class extends Ce {
 	constructor() {
 		super(), this.currentFrame = null, this.currentRender = null, this.currentNodes = null, this.lastFrame = null, this.frames = [], this.framesLib = {}, this.maxFrames = 512, this._lastFinishTime = 0, this._resolveTimestampPromise = null, this.overdraw = !1, this._overdrawMaterial = null, this.isRendererInspector = !0;
 	}
@@ -153,15 +153,15 @@ var W = /* @__PURE__ */ new Se(), Lt = /* @__PURE__ */ new d(), Rt = /* @__PURE_
 			break;
 		}
 		if (n === null) return;
-		this._overdrawMaterial === null && (this._overdrawMaterial = new Ce({
-			colorNode: P(.25),
+		this._overdrawMaterial === null && (this._overdrawMaterial = new ke({
+			colorNode: N(.25),
 			blending: 2,
 			depthTest: !0,
 			depthWrite: !0,
 			toneMapped: !1
 		}));
-		let { scene: r, camera: i } = n, a = M.resetRendererAndSceneState(t, r);
-		t.toneMapping = 0, t.outputColorSpace = u, r.overrideMaterial = this._overdrawMaterial, t.render(r, i), M.restoreRendererAndSceneState(t, r, a);
+		let { scene: r, camera: i } = n, a = A.resetRendererAndSceneState(t, r);
+		t.toneMapping = 0, t.outputColorSpace = f, r.overrideMaterial = this._overdrawMaterial, t.render(r, i), A.restoreRendererAndSceneState(t, r, a);
 	}
 	_getFPS() {
 		let e = 0, t = 0;
@@ -198,8 +198,8 @@ var W = /* @__PURE__ */ new Se(), Lt = /* @__PURE__ */ new d(), Rt = /* @__PURE_
 			requestAnimationFrame(async () => {
 				let t = this.getRenderer();
 				if (t.backend.hasTimestamp) {
-					await t.resolveTimestampsAsync(T.COMPUTE), await t.resolveTimestampsAsync(T.RENDER);
-					let e = t.backend.getTimestampFrames(T.COMPUTE), n = t.backend.getTimestampFrames(T.RENDER), r = [...new Set([...e, ...n])];
+					await t.resolveTimestampsAsync(re.COMPUTE), await t.resolveTimestampsAsync(re.RENDER);
+					let e = t.backend.getTimestampFrames(re.COMPUTE), n = t.backend.getTimestampFrames(re.RENDER), r = [...new Set([...e, ...n])];
 					for (let i of r) {
 						let r = this.getFrameById(i);
 						if (r !== null) {
@@ -245,12 +245,12 @@ var W = /* @__PURE__ */ new Se(), Lt = /* @__PURE__ */ new d(), Rt = /* @__PURE_
 	}
 	inspect(e) {
 		let t = this.currentNodes;
-		t === null ? i("RendererInspector: Unable to inspect node outside of frame scope. Use \"renderer.setAnimationLoop()\".") : t.push(e);
+		t === null ? a("RendererInspector: Unable to inspect node outside of frame scope. Use \"renderer.setAnimationLoop()\".") : t.push(e);
 	}
 	beginCompute(e, t) {
 		let n = this.getFrame();
 		if (!n) return;
-		let r = new Kt(e, t);
+		let r = new Qt(e, t);
 		r.timestamp = performance.now(), r.parent = this.currentCompute || this.getParent(), n.computes.push(r), this.currentRender === null ? n.children.push(r) : this.currentRender.children.push(r), this.currentCompute = r;
 	}
 	finishCompute() {
@@ -261,7 +261,7 @@ var W = /* @__PURE__ */ new Se(), Lt = /* @__PURE__ */ new d(), Rt = /* @__PURE_
 	beginRender(e, t, n, r) {
 		let i = this.getFrame();
 		if (!i) return;
-		let a = new Gt(e, t, n, r);
+		let a = new Zt(e, t, n, r);
 		a.timestamp = performance.now(), a.parent = this.getParent(), i.renders.push(a), this.currentRender === null ? i.children.push(a) : this.currentRender.children.push(a), this.currentRender = a;
 	}
 	finishRender() {
@@ -269,12 +269,12 @@ var W = /* @__PURE__ */ new Se(), Lt = /* @__PURE__ */ new d(), Rt = /* @__PURE_
 		let e = this.currentRender;
 		e.cpu = performance.now() - e.timestamp, this.currentRender = e.parent;
 	}
-}, Jt = class {
+}, en = class {
 	static init(e) {
 		let t = document.createElement("style");
 		t.textContent = "\n@scope (.three-inspector) {\n\n	:scope {\n		--profiler-background: #1e1e24f5;\n		--profiler-header-background: #2a2a33aa;\n		--profiler-header: #2a2a33;\n		--profiler-border: #4a4a5a;\n		--text-primary: #e0e0e0;\n		--text-secondary: #9a9aab;\n		--color-accent: #00aaff;\n		--color-green: #4caf50;\n		--color-yellow: #ffc107;\n		--color-red: #f44336;\n		--color-fps: rgb(63, 81, 181);\n		--color-call: rgba(255, 185, 34, 1);\n		--font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n		--font-mono: 'Courier New', Courier, monospace;\n	}\n\n	.profiler-panel, .profiler-toggle, .detached-tab-panel,\n	.profiler-panel *, .profiler-toggle *, .detached-tab-panel * {\n		text-transform: initial;\n		line-height: normal;\n		box-sizing: border-box;\n		-webkit-font-smoothing: antialiased;\n		-moz-osx-font-smoothing: grayscale;\n		-webkit-tap-highlight-color: transparent;\n	}\n\n	.profiler-toggle {\n		position: fixed;\n		top: 15px;\n		right: 15px;\n		background-color: rgba(30, 30, 36, 0.85);\n		border: 1px solid #4a4a5a54;\n		border-radius: 12px 6px 6px 12px;\n		color: var(--text-primary);\n		cursor: pointer;\n		z-index: 1001;\n		transition: all 0.2s ease-in-out;\n		/*font-size: 14px;*/\n		font-size: 15px;\n		backdrop-filter: blur(8px);\n		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n		display: flex;\n		align-items: stretch;\n		padding: 0;\n		overflow: hidden;\n		font-family: var(--font-family);\n	}\n\n	.profiler-toggle-graph {\n		position: absolute;\n		bottom: 0;\n		left: 0;\n		width: 100%;\n		height: 100%;\n		z-index: 0;\n		pointer-events: none;\n		background: transparent;\n		border: none;\n		border-radius: inherit;\n		opacity: 0.5;\n	}\n\n	.profiler-toggle.position-right.panel-open {\n		right: auto;\n		left: 15px;\n		border-radius: 6px 12px 12px 6px;\n		flex-direction: row-reverse;\n	}\n\n	.profiler-toggle.position-right.panel-open .builtin-tabs-container {\n		border-right: none;\n		border-left: 1px solid #262636;\n	}\n\n	.profiler-toggle:hover {\n		border-color: var(--color-accent);\n	}\n\n	.profiler-toggle.panel-open .toggle-icon {\n		background-color: rgba(0, 170, 255, 0.2);\n		color: var(--color-accent);\n	}\n\n	.toggle-icon {\n		position: relative;\n		z-index: 1;\n		display: flex;\n		align-items: center;\n		justify-content: center;\n		width: 40px;\n		font-size: 20px;\n		transition: background-color 0.2s;\n	}\n\n	.console-badge-container {\n		position: absolute;\n		top: 2px;\n		right: 2px;\n		display: flex;\n		gap: 2px;\n		pointer-events: none;\n	}\n\n	.console-badge,\n	.tab-badge {\n		display: inline-flex;\n		align-items: center;\n		justify-content: center;\n		min-width: 14px;\n		height: 14px;\n		padding: 0 4px;\n		border-radius: 7px;\n		font-size: 9px;\n		font-weight: bold;\n		color: #ffffff;\n		line-height: 1;\n		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);\n		border: 1px solid rgba(0, 0, 0, 0.2);\n	}\n\n	.tab-badge-container {\n		position: absolute;\n		top: 1px;\n		right: 3px;\n		display: flex;\n		gap: 2px;\n		pointer-events: none;\n	}\n\n	.console-badge.error,\n	.tab-badge.error {\n		background-color: var(--color-red);\n	}\n\n	.console-badge.warn,\n	.tab-badge.warn {\n		background-color: var(--color-yellow);\n		color: #111111;\n	}\n\n	.profiler-toggle:hover .toggle-icon {\n		background-color: rgba(255, 255, 255, 0.05);\n	}\n\n	.profiler-toggle.panel-open:hover .toggle-icon {\n		background-color: rgba(0, 170, 255, 0.3);\n	}\n\n	.toggle-separator {\n		width: 1px;\n		background-color: var(--profiler-border);\n	}\n\n	.toggle-text {\n		position: relative;\n		z-index: 1;\n		display: flex;\n		align-items: baseline;\n		padding: 8px 14px;\n		min-width: 80px;\n		justify-content: right;\n	}\n\n	.toggle-text .fps-label {\n		font-size: 0.7em;\n		margin-left: 10px;\n		color: #999;\n	}\n\n	.builtin-tabs-container {\n		position: relative;\n		z-index: 1;\n		display: flex;\n		align-items: stretch;\n		gap: 0;\n		border-right: 1px solid #262636;\n		order: -1;\n	}\n\n	.builtin-tab-btn {\n		background: transparent;\n		border: none;\n		color: var(--text-secondary);\n		cursor: pointer;\n		padding: 8px 14px;\n		font-family: var(--font-family);\n		font-size: 13px;\n		font-weight: 600;\n		transition: all 0.2s;\n		display: flex;\n		align-items: center;\n		justify-content: center;\n		min-width: 32px;\n		position: relative;\n	}\n\n	.builtin-tab-btn svg {\n		width: 20px;\n		height: 20px;\n		stroke: currentColor;\n	}\n\n	.builtin-tab-btn:hover {\n		background-color: rgba(255, 255, 255, 0.08);\n		color: var(--color-accent);\n	}\n\n	.builtin-tab-btn:active {\n		background-color: rgba(255, 255, 255, 0.12);\n	}\n\n	.builtin-tab-btn.active {\n		background-color: rgba(0, 170, 255, 0.2);\n		color: var(--color-accent);\n	}\n\n	.builtin-tab-btn.active:hover {\n		background-color: rgba(0, 170, 255, 0.3);\n	}\n\n	.profiler-mini-panel {\n		position: fixed;\n		top: 60px;\n		right: 15px;\n		background-color: rgba(30, 30, 36, 0.85);\n		border: 1px solid #4a4a5a54;\n		border-radius: 8px;\n		color: var(--text-primary);\n		z-index: 9999;\n		backdrop-filter: blur(8px);\n		box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5);\n		font-family: var(--font-family);\n		font-size: 11px;\n		width: 350px;\n		max-width: calc(100vw - 30px);\n		min-width: 170px;\n		max-height: calc(100vh - 100px);\n		overflow-y: auto;\n		overflow-x: hidden;\n		display: none;\n		opacity: 0;\n		transform: translateY(-10px) scale(0.98);\n		transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), \n					transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n	}\n\n	.profiler-mini-panel.position-right.panel-open {\n		right: auto;\n		left: 15px;\n	}\n\n	.profiler-mini-panel.visible {\n		display: block;\n		opacity: 1;\n		transform: translateY(0) scale(1);\n	}\n\n	/* Position toggle and mini-panel at the bottom when maximized */\n	:scope:has(.profiler-panel.maximized) .profiler-toggle,\n	:scope.maximized .profiler-toggle {\n		top: auto !important;\n		bottom: 15px !important;\n		z-index: 10005 !important;\n	}\n\n	:scope:has(.profiler-panel.maximized) .profiler-mini-panel,\n	:scope.maximized .profiler-mini-panel {\n		top: auto !important;\n		bottom: 60px !important;\n		max-height: calc(100vh - 120px) !important;\n		z-index: 10006 !important;\n	}\n\n	.profiler-mini-panel::-webkit-scrollbar {\n		width: 6px;\n	}\n\n	.profiler-mini-panel::-webkit-scrollbar-track {\n		background: transparent;\n	}\n\n	.profiler-mini-panel::-webkit-scrollbar-thumb {\n		background: rgba(255, 255, 255, 0.15);\n		border-radius: 3px;\n		transition: background 0.2s;\n	}\n\n	.profiler-mini-panel::-webkit-scrollbar-thumb:hover {\n		background: rgba(255, 255, 255, 0.25);\n	}\n\n	.mini-panel-content {\n		padding: 0;\n		font-size: 11px;\n		line-height: 1.5;\n		font-family: var(--font-mono);\n		letter-spacing: 0.3px;\n		user-select: none;\n		-webkit-user-select: none;\n	}\n\n	.mini-panel-content .profiler-content {\n		display: block !important;\n		background: transparent;\n	}\n\n	.mini-panel-content .list-scroll-wrapper {\n		max-height: calc(100vh - 120px);\n		overflow-y: auto;\n		overflow-x: hidden;\n		width: 100%;\n	}\n\n	.mini-panel-content .list-scroll-wrapper::-webkit-scrollbar {\n		width: 4px;\n	}\n\n	.mini-panel-content .list-scroll-wrapper::-webkit-scrollbar-track {\n		background: transparent;\n	}\n\n	.mini-panel-content .list-scroll-wrapper::-webkit-scrollbar-thumb {\n		background: rgba(255, 255, 255, 0.1);\n		border-radius: 2px;\n	}\n\n	.mini-panel-content .list-scroll-wrapper::-webkit-scrollbar-thumb:hover {\n		background: rgba(255, 255, 255, 0.2);\n	}\n\n	.mini-panel-content .parameters {\n		background: transparent;\n		border: none;\n		box-shadow: none;\n		padding: 4px;\n	}\n\n	@media screen and (max-width: 340px) {\n\n		.mini-panel-content .parameters {\n			min-width: 0 !important;\n		}\n\n		.mini-panel-content .list-container.parameters .list-item-row,\n		.mini-panel-content .list-container.parameters .list-header {\n			grid-template-columns: minmax(0, .5fr) minmax(0, 1fr) !important;\n		}\n\n	}\n\n	.mini-panel-content .list-container.parameters {\n		padding: 2px 6px 0px 6px !important;\n	}\n\n	.mini-panel-content .list-header {\n		display: none;\n		padding: 2px 4px;\n		font-size: 11px;\n		font-weight: 600;\n		text-transform: uppercase;\n		letter-spacing: 0.5px;\n	}\n\n	.mini-panel-content .list-item {\n		border-bottom: 1px solid rgba(74, 74, 90, 0.2);\n		transition: background-color 0.15s;\n	}\n\n	.mini-panel-content .list-item:last-child {\n		border-bottom: none;\n	}\n\n	.mini-panel-content .list-item:hover {\n		background-color: rgba(255, 255, 255, 0.04);\n	}\n\n	.mini-panel-content .list-item.actionable:hover {\n		background-color: rgba(255, 255, 255, 0.06);\n		cursor: pointer;\n	}\n\n	.info-icon {\n		display: inline-flex;\n		align-items: center;\n		justify-content: center;\n		width: 14px;\n		height: 14px;\n		border-radius: 50%;\n		background-color: rgba(255, 255, 255, 0.1);\n		color: var(--text-secondary);\n		font-size: 10px;\n		font-style: italic;\n		margin-left: 6px;\n		cursor: help;\n		position: relative;\n	}\n\n	.info-icon.active {\n		background-color: var(--color-accent);\n		color: white;\n	}\n\n	@media (hover: hover) {\n		.info-icon:hover {\n			background-color: var(--color-accent);\n			color: white;\n		}\n	}\n\n	.info-tooltip {\n		position: fixed;\n		transform: translate(-50%, -100%);\n		background-color: rgba(30, 30, 36, 0.95);\n		border: 1px solid var(--profiler-border);\n		border-radius: 6px;\n		padding: 10px 14px;\n		color: var(--text-primary);\n		font-size: 12px;\n		width: max-content;\n		max-width: 250px;\n		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\n		opacity: 0;\n		visibility: hidden;\n		transition: opacity 0.2s, visibility 0.2s;\n		z-index: 999999;\n		font-style: normal;\n		font-family: var(--font-family);\n		text-align: left;\n		white-space: normal;\n	}\n\n	.info-tooltip h3 {\n		margin: 0 0 6px 0;\n		font-size: 13px;\n		color: var(--color-accent);\n	}\n\n	.info-tooltip strong {\n		font-weight: 600;\n		color: white;\n	}\n\n	/* Style adjustments for lil-gui look */\n	.mini-panel-content .item-row {\n		padding: 3px 8px;\n		min-height: 24px;\n	}\n\n	.mini-panel-content .list-item-row {\n		padding: 1px 4px;\n		gap: 8px;\n		min-height: 21px;\n		align-items: center;\n	}\n\n	.mini-panel-content input[type=\"checkbox\"] {\n		width: 12px;\n		height: 12px;\n	}\n\n	.mini-panel-content input[type=\"range\"] {\n		height: 18px;\n	}\n\n	.mini-panel-content .value-number input,\n	.mini-panel-content .value-slider input {\n		background-color: rgba(0, 0, 0, 0.3);\n		border: 1px solid rgba(74, 74, 90, 0.5);\n		font-size: 10px;\n	}\n\n	.mini-panel-content .value-number input:focus,\n	.mini-panel-content .value-slider input:focus {\n		border-color: var(--color-accent);\n	}\n\n	.mini-panel-content .value-slider {\n		gap: 6px;\n	}\n\n	/* Compact nested items */\n	.mini-panel-content .list-item .list-item {\n		margin-left: 8px;\n	}\n\n	.mini-panel-content .list-item .list-item .item-row,\n	.mini-panel-content .list-item .list-item .list-item-row {\n		padding: 2px 6px;\n		min-height: 22px;\n	}\n\n	/* Compact collapsible headers */\n	.mini-panel-content .collapsible .item-row,\n	.mini-panel-content .list-item-row.collapsible {\n		padding: 2px 8px;\n		font-weight: 600;\n		min-height: 16px;\n		display: flex;\n		align-items: center;\n		line-height: 1;\n	}\n\n	.mini-panel-content .collapsible-icon {\n		font-size: 10px;\n		width: 14px;\n		height: 14px;\n	}\n\n	.mini-panel-content .param-control input[type=\"range\"] {\n		height: 12px;\n		margin-top: 1px;\n		padding-top: 5px;\n		user-select: none;\n		-webkit-user-select: none;\n		outline: none;\n	}\n\n	.mini-panel-content .param-control input[type=\"range\"]::-webkit-slider-thumb {\n		width: 14px;\n		height: 14px;\n		margin-top: -5px;\n		user-select: none;\n		-webkit-user-select: none;\n	}\n\n	.mini-panel-content .param-control input[type=\"range\"]::-moz-range-thumb {\n		width: 14px;\n		height: 14px;\n		user-select: none;\n		-moz-user-select: none;\n	}\n\n	.mini-panel-content .list-children-container {\n		padding-left: 0;\n	}\n\n	.mini-panel-content .param-control input[type=\"number\"] {\n		flex-basis: 60px !important;\n	}\n\n	.mini-panel-content .param-control {\n		align-items: center;\n	}\n\n	.mini-panel-content .param-control select {\n		font-size: 11px;\n	}\n\n	.mini-panel-content .list-item-wrapper {\n		margin-top: 0;\n		margin-bottom: 0;\n	}\n\n	.profiler-panel {\n		position: fixed;\n		z-index: 1001 !important;\n		bottom: 0;\n		left: 0;\n		right: 0;\n		height: 350px;\n		background-color: var(--profiler-background);\n		backdrop-filter: blur(8px);\n		border-top: 2px solid var(--profiler-border);\n		color: var(--text-primary);\n		display: flex;\n		flex-direction: column;\n		z-index: 1000;\n		/*box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.5);*/\n		transform: translateY(100%);\n		transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.3s ease-out, width 0.3s ease-out;\n		font-family: var(--font-mono);\n	}\n\n	.profiler-panel.resizing,\n	.profiler-panel.dragging {\n		transition: none;\n	}\n\n	.profiler-panel.visible {\n		transform: translateY(0);\n	}\n\n	.profiler-panel.maximized {\n		height: 100vh;\n	}\n\n	/* Position-specific styles */\n	.profiler-panel.position-top {\n		bottom: auto;\n		top: 0;\n		border-top: none;\n		border-bottom: 2px solid var(--profiler-border);\n		transform: translateY(-100%);\n	}\n\n	.profiler-panel.position-top.visible {\n		transform: translateY(0);\n	}\n\n	.profiler-panel.position-bottom {\n		/* Default position - already defined above */\n	}\n\n	.profiler-panel.position-left {\n		top: 0;\n		bottom: 0;\n		left: 0;\n		right: auto;\n		width: 350px;\n		height: 100%;\n		border-top: none;\n		border-right: 2px solid var(--profiler-border);\n		transform: translateX(-100%);\n	}\n\n	.profiler-panel.position-left.visible {\n		transform: translateX(0);\n	}\n\n	.profiler-panel.position-right {\n		top: 0;\n		bottom: 0;\n		left: auto;\n		right: 0;\n		width: 350px;\n		height: 100%;\n		border-top: none;\n		border-left: 2px solid var(--profiler-border);\n		transform: translateX(100%);\n	}\n\n	.profiler-panel.position-right.visible {\n		transform: translateX(0);\n	}\n\n	.profiler-panel.position-floating {\n		border: 2px solid var(--profiler-border);\n		border-radius: 8px;\n		box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);\n		transform: none !important;\n		overflow: hidden;\n	}\n\n	.profiler-panel.position-floating.visible {\n		transform: none !important;\n	}\n\n	.profiler-panel.position-floating .profiler-header {\n		border-radius: 6px 6px 0 0;\n	}\n\n	.profiler-panel.position-floating .panel-resizer {\n		bottom: 0;\n		right: 0;\n		top: auto;\n		left: auto;\n		width: 16px;\n		height: 16px;\n		cursor: nwse-resize;\n		border-radius: 0 0 6px 0;\n	}\n\n	.profiler-panel.position-floating .panel-resizer::after {\n		content: '';\n		position: absolute;\n		right: 2px;\n		bottom: 2px;\n		width: 10px;\n		height: 10px;\n		background: linear-gradient(135deg, transparent 0%, transparent 45%, var(--profiler-border) 45%, var(--profiler-border) 55%, transparent 55%);\n	}\n\n\n	.panel-resizer {\n		position: absolute;\n		top: -2px;\n		left: 0;\n		width: 100%;\n		height: 5px;\n		cursor: ns-resize;\n		z-index: 1001;\n		touch-action: none;\n	}\n\n	.profiler-panel.position-top .panel-resizer {\n		top: auto;\n		bottom: -2px;\n	}\n\n	.profiler-panel.position-left .panel-resizer {\n		top: 0;\n		left: auto;\n		right: -2px;\n		width: 5px;\n		height: 100%;\n		cursor: ew-resize;\n	}\n\n	.profiler-panel.position-right .panel-resizer {\n		top: 0;\n		left: -2px;\n		right: auto;\n		width: 5px;\n		height: 100%;\n		cursor: ew-resize;\n	}\n\n	.profiler-header {\n		display: flex;\n		background-color: var(--profiler-header-background);\n		border-bottom: 1px solid var(--profiler-border);\n		flex-shrink: 0;\n		justify-content: space-between;\n		align-items: stretch;\n\n		overflow-x: auto;\n		overflow-y: hidden;\n		width: calc(100% - 120px);\n		height: 32px;\n		user-select: none;\n		-webkit-user-select: none;\n	}\n\n	.profiler-panel.has-horizontal-scroll .profiler-header {\n		height: 38px;\n	}\n\n	/* Adjust header width based on panel position */\n	.profiler-panel.position-right .profiler-header,\n	.profiler-panel.position-left .profiler-header {\n		width: calc(100% - 120px);\n	}\n\n	.profiler-panel.position-bottom .profiler-header,\n	.profiler-panel.position-top .profiler-header {\n		width: calc(100% - 120px);\n	}\n\n	/* Adjust header width when position toggle button is hidden (mobile) */\n	.profiler-panel.hide-position-toggle .profiler-header {\n		width: calc(100% - 80px);\n	}\n\n	/* Adjust header width when maximized (floating position toggle button is hidden) */\n	.profiler-panel.maximized .profiler-header {\n		width: calc(100% - 80px);\n	}\n\n	/* ===== RULES FOR WHEN THERE ARE NO TABS ===== */\n\n	/* Horizontal mode (bottom/top) without tabs */\n	.profiler-panel.position-bottom.no-tabs:not(.maximized),\n	.profiler-panel.position-top.no-tabs:not(.maximized) {\n		height: 32px !important;\n		min-height: 32px !important;\n	}\n\n	.profiler-panel.position-bottom.no-tabs .profiler-header,\n	.profiler-panel.position-top.no-tabs .profiler-header {\n		width: 100%;\n		height: 32px;\n		border-bottom: none;\n	}\n\n	.profiler-panel.position-bottom.no-tabs .profiler-content-wrapper,\n	.profiler-panel.position-top.no-tabs .profiler-content-wrapper {\n		display: none;\n	}\n\n	.profiler-panel.position-bottom.no-tabs .panel-resizer,\n	.profiler-panel.position-top.no-tabs .panel-resizer {\n		display: none;\n	}\n\n	/* Vertical mode (right/left) without tabs */\n	.profiler-panel.position-right.no-tabs:not(.maximized),\n	.profiler-panel.position-left.no-tabs:not(.maximized) {\n		width: 40px !important;\n		min-width: 40px !important;\n	}\n\n	/* Vertical layout for header when no tabs */\n	.profiler-panel.position-right.no-tabs .profiler-header,\n	.profiler-panel.position-left.no-tabs .profiler-header {\n		width: 100%;\n		flex-direction: column;\n		height: 100%;\n		border-bottom: none;\n	}\n\n	/* Vertical layout for controls when no tabs */\n	.profiler-panel.position-right.no-tabs .profiler-controls,\n	.profiler-panel.position-left.no-tabs .profiler-controls {\n		position: static;\n		flex-direction: column-reverse;\n		justify-content: flex-end;\n		width: 100%;\n		height: 100%;\n		border-bottom: none;\n		border-left: none;\n		background: transparent;\n	}\n\n	.profiler-panel.position-right.no-tabs .profiler-controls button,\n	.profiler-panel.position-left.no-tabs .profiler-controls button {\n		width: 100%;\n		height: 40px;\n		border-left: none;\n		border-top: none;\n		border-bottom: 1px solid var(--profiler-border);\n	}\n\n	.profiler-panel.position-right.no-tabs .profiler-content-wrapper,\n	.profiler-panel.position-left.no-tabs .profiler-content-wrapper {\n		display: none;\n	}\n\n	.profiler-panel.position-right.no-tabs .profiler-tabs,\n	.profiler-panel.position-left.no-tabs .profiler-tabs {\n		display: none;\n		padding-left: 2px;\n	}\n\n	.profiler-panel.position-right.no-tabs .panel-resizer,\n	.profiler-panel.position-left.no-tabs .panel-resizer {\n		display: none;\n	}\n\n	/* Hide position toggle on mobile without tabs */\n	.profiler-panel.hide-position-toggle.position-right.no-tabs:not(.maximized),\n	.profiler-panel.hide-position-toggle.position-left.no-tabs:not(.maximized) {\n		width: 40px !important;\n		min-width: 40px !important;\n	}\n\n	/* Hide drag indicator on mobile devices */\n	.profiler-panel.is-mobile .tab-btn.active::before {\n		display: none;\n	}\n\n	.profiler-header::-webkit-scrollbar,\n	.profiler-tabs::-webkit-scrollbar,\n	.profiler-content::-webkit-scrollbar,\n	.detached-tab-content::-webkit-scrollbar,\n	.console-log::-webkit-scrollbar,\n	.timelineTrack::-webkit-scrollbar,\n	.list-scroll-wrapper::-webkit-scrollbar {\n		width: 4px;\n		height: 4px;\n	}\n\n	.profiler-header::-webkit-scrollbar-track,\n	.profiler-tabs::-webkit-scrollbar-track,\n	.profiler-content::-webkit-scrollbar-track,\n	.detached-tab-content::-webkit-scrollbar-track,\n	.console-log::-webkit-scrollbar-track,\n	.timelineTrack::-webkit-scrollbar-track,\n	.list-scroll-wrapper::-webkit-scrollbar-track {\n		background: transparent;\n	}\n\n	.profiler-header::-webkit-scrollbar-thumb,\n	.profiler-tabs::-webkit-scrollbar-thumb,\n	.profiler-content::-webkit-scrollbar-thumb,\n	.detached-tab-content::-webkit-scrollbar-thumb,\n	.console-log::-webkit-scrollbar-thumb,\n	.timelineTrack::-webkit-scrollbar-thumb,\n	.list-scroll-wrapper::-webkit-scrollbar-thumb {\n		background-color: rgba(255, 255, 255, 0.15);\n		border-radius: 2px;\n	}\n\n	.profiler-header::-webkit-scrollbar-thumb:hover,\n	.profiler-tabs::-webkit-scrollbar-thumb:hover,\n	.profiler-content::-webkit-scrollbar-thumb:hover,\n	.detached-tab-content::-webkit-scrollbar-thumb:hover,\n	.console-log::-webkit-scrollbar-thumb:hover,\n	.timelineTrack::-webkit-scrollbar-thumb:hover,\n	.list-scroll-wrapper::-webkit-scrollbar-thumb:hover {\n		background-color: rgba(255, 255, 255, 0.3);\n	}\n\n	.profiler-header::-webkit-scrollbar-corner,\n	.profiler-tabs::-webkit-scrollbar-corner,\n	.profiler-content::-webkit-scrollbar-corner,\n	.detached-tab-content::-webkit-scrollbar-corner,\n	.console-log::-webkit-scrollbar-corner,\n	.timelineTrack::-webkit-scrollbar-corner,\n	.list-scroll-wrapper::-webkit-scrollbar-corner {\n		background: transparent;\n	}\n\n	.profiler-header,\n	.profiler-tabs,\n	.profiler-content,\n	.detached-tab-content,\n	.console-log,\n	.timelineTrack,\n	.list-scroll-wrapper {\n		scrollbar-width: thin;\n		scrollbar-color: rgba(255, 255, 255, 0.15) transparent;\n	}\n\n	.profiler-panel.dragging .profiler-header {\n		cursor: grabbing !important;\n	}\n\n	.profiler-panel.dragging {\n		opacity: 0.8;\n	}\n\n	.profiler-tabs {\n		display: flex;\n		cursor: grab;\n		position: relative;\n		margin-left: 2px;\n	}\n\n	.profiler-tabs:active {\n		cursor: grabbing;\n	}\n\n\n	.profiler-controls {\n		display: flex;\n		position: absolute;\n		right: 0;\n		top: 0;\n		height: 32px;\n		background: var(--profiler-header-background);\n		border-bottom: 1px solid var(--profiler-border);\n	}\n\n	.profiler-panel.has-horizontal-scroll .profiler-controls {\n		height: 38px;\n	}\n\n	.tab-btn {\n		position: relative;\n		background: transparent;\n		border: none;\n		/*border-right: 1px solid var(--profiler-border);*/\n		color: var(--text-secondary);\n		padding: 0 15px 2px 15px;\n		height: 100%;\n		box-sizing: border-box;\n		cursor: default;\n		display: flex;\n		align-items: center;\n		font-family: var(--font-family);\n		font-weight: 600;\n		font-size: 13px;\n		user-select: none;\n		transition: opacity 0.2s, transform 0.2s;\n		touch-action: pan-x;\n		white-space: nowrap;\n	}\n\n	.tab-btn.active {\n		border-bottom: 2px solid var(--color-accent);\n		color: white;\n	}\n\n	.tab-btn.active::before {\n		content: '';\n		position: absolute;\n		left: 2px;\n		top: 50%;\n		transform: translateY(-50%);\n		width: 8px;\n		height: 14px;\n		background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='3' r='1' fill='%234a4a5a'/%3E%3Ccircle cx='2' cy='7' r='1' fill='%234a4a5a'/%3E%3Ccircle cx='2' cy='11' r='1' fill='%234a4a5a'/%3E%3Ccircle cx='6' cy='3' r='1' fill='%234a4a5a'/%3E%3Ccircle cx='6' cy='7' r='1' fill='%234a4a5a'/%3E%3Ccircle cx='6' cy='11' r='1' fill='%234a4a5a'/%3E%3C/svg%3E\");\n		background-repeat: no-repeat;\n		background-position: center;\n		opacity: 0.6;\n	}\n\n	.tab-btn.no-detach.active::before {\n		display: none;\n	}\n\n	.floating-btn,\n	.maximize-btn,\n	.hide-panel-btn {\n		background: transparent;\n		border: none;\n		border-left: 1px solid var(--profiler-border);\n		color: var(--text-secondary);\n		width: 40px;\n		height: 100%;\n		cursor: pointer;\n		transition: all 0.2s;\n		display: flex;\n		align-items: center;\n		justify-content: center;\n		flex-shrink: 0;\n	}\n\n	/* Disable transitions in vertical mode to avoid broken animations */\n	.profiler-panel.position-right .floating-btn,\n	.profiler-panel.position-right .maximize-btn,\n	.profiler-panel.position-right .hide-panel-btn,\n	.profiler-panel.position-left .floating-btn,\n	.profiler-panel.position-left .maximize-btn,\n	.profiler-panel.position-left .hide-panel-btn {\n		transition: background-color 0.2s, color 0.2s;\n	}\n\n	.floating-btn:hover,\n	.maximize-btn:hover,\n	.hide-panel-btn:hover {\n		background-color: rgba(255, 255, 255, 0.1);\n		color: var(--text-primary);\n	}\n\n	/* Hide maximize button when there are no tabs */\n	.profiler-panel.position-right.no-tabs .maximize-btn,\n	.profiler-panel.position-left.no-tabs .maximize-btn,\n	.profiler-panel.position-bottom.no-tabs .maximize-btn,\n	.profiler-panel.position-top.no-tabs .maximize-btn {\n		display: none !important;\n	}\n\n	/* Hide floating button when maximized */\n	.profiler-panel.maximized .floating-btn {\n		display: none !important;\n	}\n\n	.profiler-content-wrapper {\n		flex-grow: 1;\n		overflow: hidden;\n		position: relative;\n	}\n\n	.profiler-content {\n		position: absolute;\n		top: 0;\n		left: 0;\n		width: 100%;\n		height: 100%;\n		overflow-y: auto;\n		font-size: 13px;\n		visibility: hidden;\n		opacity: 0;\n		transition: opacity 0.2s, visibility 0.2s;\n		box-sizing: border-box;\n		display: flex;\n		flex-direction: column;\n		user-select: none;\n		-webkit-user-select: none;\n	}\n\n	.profiler-content.active {\n		visibility: visible;\n		opacity: 1;\n	}\n\n	.profiler-content {\n		overflow: auto; /* make sure scrollbars can appear */\n	}\n\n\n	.list-item-row {\n		display: grid;\n		align-items: center;\n		padding: 4px 8px;\n		border-radius: 3px;\n		transition: background-color 0.2s;\n		gap: 10px;\n		border-bottom: none;\n		user-select: none;\n		-webkit-user-select: none;\n	}\n\n	.parameters .list-item-row {\n		min-height: 23px;\n	}\n\n	.mini-panel-content .parameters .list-item-row {\n		min-height: 21px;\n	}\n\n	.list-item-wrapper {\n		margin-top: 2px;\n		margin-bottom: 2px;\n		user-select: none;\n		-webkit-user-select: none;\n	}\n\n	.list-item-wrapper:has(> .list-item-row .graph-container) {\n		margin-left: -1.5em;\n	}\n\n	.list-item-wrapper:first-child {\n		/*margin-top: 0;*/\n	}\n\n	.list-item-wrapper:not(.header-wrapper):nth-child(odd) > .list-item-row {\n		background-color: rgba(0,0,0,0.1);\n	}\n\n	.list-item-wrapper.header-wrapper>.list-item-row {\n		color: var(--color-accent);\n		background-color: rgba(0, 170, 255, 0.1);\n	}\n\n	.list-item-wrapper.header-wrapper>.list-item-row>.list-item-cell:first-child {\n		font-weight: 600;\n	}\n\n	.list-item-row.collapsible,\n	.list-item-row.actionable {\n		cursor: pointer;\n	}\n\n	.list-item-row.collapsible {\n		background-color: rgba(0, 170, 255, 0.15) !important;\n		min-height: 23px;\n	}\n\n	.list-item-row.collapsible.alert,\n	.list-item-row.alert {\n		background-color: rgba(244, 67, 54, 0.1) !important;\n	}\n\n	@media (hover: hover) {\n\n		.list-item-row:hover:not(.collapsible):not(.no-hover),\n		.list-item-row:hover:not(.no-hover),\n		.list-item-row.actionable:hover,\n		.list-item-row.collapsible.actionable:hover {\n			background-color: rgba(255, 255, 255, 0.05) !important;\n		}\n\n		.list-item-row.collapsible:hover {\n			background-color: rgba(0, 170, 255, 0.25) !important;\n		}\n\n	}\n\n	.list-item-cell {\n		white-space: pre;\n		display: flex;\n		align-items: center;\n		user-select: none;\n		-webkit-user-select: none;\n	}\n\n	.list-item-cell:not(:first-child) {\n		justify-content: flex-end;\n		font-weight: 600;\n	}\n\n	.list-header {\n		display: grid;\n		align-items: center;\n		padding: 4px 8px;\n		font-weight: 600;\n		color: var(--text-secondary);\n		padding-bottom: 6px;\n		border-bottom: 1px solid var(--profiler-border);\n		margin-bottom: 5px;\n		gap: 10px;\n		user-select: none;\n		-webkit-user-select: none;\n	}\n\n	.list-item-wrapper.section-start {\n		margin-top: 5px;\n		margin-bottom: 5px;\n	}\n\n	.list-header .list-header-cell:not(:first-child) {\n		text-align: right;\n	}\n\n	.list-children-container {\n		padding-left: 1.5em;\n		overflow: hidden;\n		transition: max-height 0.1s ease-out;\n		margin-top: 2px;\n	}\n\n	.list-children-container.closed {\n		max-height: 0;\n	}\n\n	.item-toggler {\n		display: inline-block;\n		margin-right: 0.8em;\n		text-align: left;\n	}\n\n	.list-item-row.open .item-toggler::before {\n		content: '-';\n	}\n\n	.list-item-row:not(.open) .item-toggler::before {\n		content: '+';\n	}\n\n	.list-item-cell .value.good {\n		color: var(--color-green);\n	}\n\n	.list-item-cell .value.warn {\n		color: var(--color-yellow);\n	}\n\n	.list-item-cell .value.bad {\n		color: var(--color-red);\n	}\n\n	.list-scroll-wrapper {\n		width: max-content;\n		min-width: 100%;\n		display: flex;\n		flex-direction: column;\n		min-height: 100%;\n	}\n\n	.list-container.parameters .list-item-row:not(.collapsible) {\n	}\n\n	.graph-container {\n		width: 100%;\n		box-sizing: border-box;\n		padding: 8px 0;\n		position: relative;\n	}\n\n	.graph-svg, .graph-canvas {\n		width: 0;\n		min-width: 100%;\n		height: 80px;\n		background-color: var(--profiler-header);\n		border: 1px solid var(--profiler-border);\n		border-radius: 4px;\n		display: block;\n	}\n\n	.graph-path {\n		stroke-width: 2;\n		fill-opacity: 0.4;\n	}\n\n	.console-buttons-group {\n		display: flex;\n		gap: 20px;\n	}\n\n	.console-filter-input {\n		background-color: var(--profiler-background);\n		border: 1px solid var(--profiler-border);\n		color: var(--text-primary);\n		border-radius: 4px;\n		padding: 4px 10px 2px 10px;\n		font-family: var(--font-mono);\n		flex-grow: 1;\n		max-width: 300px;\n		border-radius: 15px;\n	}\n\n	.console-filter-input:focus {\n		outline: none;\n		border-color: var(--text-secondary);\n	}\n\n	.console-copy-button {\n		background: transparent;\n		border: none;\n		color: var(--text-secondary);\n		cursor: pointer;\n		padding: 4px;\n		display: flex;\n		align-items: center;\n		justify-content: center;\n		border-radius: 4px;\n		transition: color 0.2s, background-color 0.2s;\n	}\n\n	.console-copy-button:hover {\n		color: var(--text-primary);\n		background-color: var(--profiler-hover);\n	}\n\n	.console-copy-button.copied {\n		color: var(--color-green);\n	}\n\n	.console-log {\n		display: flex;\n		flex-direction: column;\n		gap: 4px;\n		padding: 10px;\n		overflow-y: auto;\n		flex-grow: 1;\n		user-select: text;\n		-webkit-user-select: text;\n	}\n\n	.log-message {\n		display: flex;\n		align-items: flex-start;\n		gap: 6px;\n		padding: 3px 5px;\n		border-radius: 3px;\n		line-height: 1.5 !important;\n	}\n\n	.log-count-badge {\n		display: inline-block;\n		text-align: center;\n		min-width: 14px;\n		height: 14px;\n		border-radius: 7px;\n		padding: 0 3px;\n		font-size: 9px;\n		font-weight: bold;\n		line-height: 14px;\n		box-sizing: border-box;\n		margin-top: 0;\n		flex-shrink: 0;\n	}\n\n	.log-icon {\n		display: inline-block;\n		text-align: center;\n		width: 14px;\n		height: 14px;\n		font-size: 11px;\n		line-height: 14px;\n		margin-top: 0;\n		flex-shrink: 0;\n	}\n\n	.log-body {\n		flex-grow: 1;\n		white-space: pre-wrap;\n		word-break: break-all;\n	}\n\n	.log-message.info .log-count-badge {\n		background-color: rgba(255, 255, 255, 0.12);\n		border: 1px solid rgba(255, 255, 255, 0.2);\n		color: var(--text-secondary);\n	}\n\n	.log-message.warn .log-count-badge {\n		background-color: rgba(255, 193, 7, 0.18);\n		border: 1px solid rgba(255, 193, 7, 0.35);\n		color: var(--color-yellow);\n	}\n\n	.log-message.error .log-count-badge {\n		background-color: rgba(244, 67, 54, 0.18);\n		border: 1px solid rgba(244, 67, 54, 0.35);\n		color: #ff8a80;\n	}\n\n	.log-message.hidden {\n		display: none;\n	}\n\n	.log-message.info {\n		color: var(--text-primary);\n	}\n\n	.log-message.warn {\n		color: var(--color-yellow);\n	}\n\n	.log-message.error {\n		color: #f9dedc;\n		background-color: rgba(244, 67, 54, 0.1);\n	}\n\n	.log-prefix {\n		color: var(--text-secondary);\n		margin-right: 8px;\n	}\n\n	.log-code {\n		background-color: rgba(255, 255, 255, 0.1);\n		border-radius: 3px;\n		padding: 1px 4px;\n	}\n\n	.thumbnail-container {\n		display: flex;\n		align-items: center;\n	}\n\n	.thumbnail-svg {\n		width: 40px;\n		height: 22.5px;\n		flex-shrink: 0;\n		margin-right: 8px;\n	}\n\n	.param-control {\n		display: flex;\n		align-items: center;\n		justify-content: flex-end;\n		gap: 10px;\n		width: 100%;\n	}\n\n	.param-control input,\n	.param-control select,\n	.param-control button {\n		background-color: var(--profiler-background);\n		border: 1px solid var(--profiler-border);\n		color: var(--text-primary);\n		border-radius: 4px;\n		padding: 4px 6px;\n		padding-bottom: 2px;\n		font-family: var(--font-mono);\n		width: 100%;\n		box-sizing: border-box;\n	}\n\n	.param-control input:focus {\n		outline: none;\n		border-color: var(--color-accent);\n	}\n\n	.param-control select {\n		padding-top: 3px;\n		padding-bottom: 1px;\n	}\n\n	.param-control input[type=\"number\"] {\n		cursor: ns-resize;\n	}\n\n	.param-control input[type=\"color\"] {\n		padding: 2px;\n	}\n\n	.param-control button {\n		cursor: pointer;\n		transition: background-color 0.2s;\n	}\n\n	.param-control button:hover {\n		background-color: var(--profiler-header);\n	}\n\n	.param-control-vector {\n		display: flex;\n		gap: 5px;\n	}\n\n	.custom-checkbox {\n		display: inline-flex;\n		align-items: center;\n		cursor: pointer;\n		gap: 8px;\n		will-change: transform;\n		font-size: 12px;\n	}\n\n	.custom-checkbox input {\n		display: none;\n	}\n\n	.custom-checkbox .checkmark {\n		width: 14px;\n		height: 14px;\n		border: 1px solid var(--color-accent);\n		border-radius: 3px;\n		display: inline-flex;\n		justify-content: center;\n		align-items: center;\n		transition: background-color 0.2s, border-color 0.2s;\n	}\n\n	.custom-checkbox .checkbox-text {\n		font-size: 12px;\n		margin-top: 1px;\n		color: inherit;\n	}\n\n	.custom-checkbox .checkmark::after {\n		content: '';\n		width: 6px;\n		height: 6px;\n		background-color: var(--color-accent);\n		border-radius: 1px;\n		display: block;\n		transform: scale(0);\n		transition: transform 0.2s;\n	}\n\n	.list-container .custom-checkbox .checkmark {\n		width: 13px;\n		height: 13px;\n	}\n\n	.list-container .custom-checkbox .checkmark::after {\n		width: 7px;\n		height: 7px;\n	}\n\n	.custom-checkbox input:checked+.checkmark {\n		border-color: var(--color-accent);\n	}\n\n	.custom-checkbox input:checked+.checkmark::after {\n		transform: scale(1);\n	}\n\n	.param-control input[type=\"range\"] {\n		-webkit-appearance: none;\n		appearance: none;\n		width: 100%;\n		height: 16px;\n		background: var(--profiler-header);\n		border-radius: 5px;\n		border: 1px solid var(--profiler-border);\n		outline: none;\n		padding: 0px;\n		padding-top: 8px;\n	}\n\n	.param-control input[type=\"range\"]::-webkit-slider-thumb {\n		-webkit-appearance: none;\n		appearance: none;\n		width: 18px;\n		height: 18px;\n		background: var(--profiler-background);\n		border: 1px solid var(--color-accent);\n		border-radius: 3px;\n		cursor: pointer;\n		margin-top: -8px;\n	}\n\n	.param-control input[type=\"range\"]::-moz-range-thumb {\n		width: 18px;\n		height: 18px;\n		background: var(--profiler-background);\n		border: 2px solid var(--color-accent);\n		border-radius: 3px;\n		cursor: pointer;\n	}\n\n	.param-control input[type=\"range\"]::-moz-range-track {\n		width: 100%;\n		height: 16px;\n		background: var(--profiler-header);\n		border-radius: 5px;\n		border: 1px solid var(--profiler-border);\n	}\n\n	/* Override .param-control styles for mini-panel-content */\n	.mini-panel-content input,\n	.mini-panel-content select,\n	.mini-panel-content button {\n		padding: 2px 4px;\n		height: 21px;\n		line-height: 1.4;\n		padding-top: 4px;\n	}\n\n	.mini-panel-content .param-control input,\n	.mini-panel-content .param-control select,\n	.mini-panel-content .param-control button {\n		background-color: #1e1e24c2;\n		line-height: 1.0;\n	}\n\n	.mini-panel-content .param-control select {\n		padding: 2px 2px;\n		padding-top: 3px;\n	}\n\n	.mini-panel-content .param-control input[type=\"number\"]::-webkit-outer-spin-button,\n	.mini-panel-content .param-control input[type=\"number\"]::-webkit-inner-spin-button {\n		-webkit-appearance: none;\n		margin: 0;\n	}\n\n	.mini-panel-content .param-control input[type=\"number\"] {\n		-moz-appearance: textfield;\n	}\n\n	.mini-panel-content .list-item-cell span {\n		position: relative;\n		top: 1px;\n		margin-left: 2px;\n	}\n\n	@media screen and (max-width: 340px) {\n\n		.mini-panel-content .list-item-cell:first-child {\n			display: flex;\n			align-items: center;\n			min-width: 0;\n			overflow: hidden;\n			width: 100%;\n		}\n\n		.mini-panel-content .list-item-cell:first-child .value {\n			overflow: hidden;\n			text-overflow: ellipsis;\n			white-space: nowrap;\n			flex: 1 1 0%;\n			min-width: 0;\n		}\n\n		.mini-panel-content .list-item-cell:first-child .info-icon {\n			flex-shrink: 0;\n		}\n\n	}\n\n	.mini-panel-content .custom-checkbox .checkmark {\n		width: 12px;\n		height: 12px;\n		margin-bottom: 2px;\n		will-change: transform;\n	}\n\n	.mini-panel-content .list-container.parameters .list-item-row:not(.collapsible) {\n		margin-bottom: 2px;\n	}\n\n	.mini-panel-content .list-container.parameters .list-children-container > .list-item-wrapper:first-child:has(> .list-item-row:not(.collapsible)) {\n		margin-top: 2px;\n	}\n\n	.mini-panel-content .list-container.parameters .list-children-container > .list-item-wrapper:last-child:has(> .list-item-row:not(.collapsible)) {\n		margin-bottom: 4px;\n	}\n\n	@media screen and (max-width: 450px) and (orientation: portrait) {\n\n		.console-filter-input {\n			max-width: 100px;\n		}\n\n	}\n\n	/* Touch device optimizations */\n	@media (hover: none) and (pointer: coarse) {\n\n		.panel-resizer {\n			top: -10px !important;\n			height: 20px !important;\n		}\n\n		.profiler-panel.position-top .panel-resizer {\n			top: auto !important;\n			bottom: -10px !important;\n			height: 20px !important;\n		}\n\n		.profiler-panel.position-left .panel-resizer {\n			right: -10px !important;\n			width: 20px !important;\n			height: 100% !important;\n		}\n\n		.profiler-panel.position-right .panel-resizer {\n			left: -10px !important;\n			width: 20px !important;\n			height: 100% !important;\n		}\n\n		.detached-tab-resizer-top,\n		.detached-tab-resizer-bottom {\n			height: 10px !important;\n		}\n\n		.detached-tab-resizer-left,\n		.detached-tab-resizer-right {\n			width: 10px !important;\n		}\n\n	}\n\n	.drag-preview-indicator {\n		position: fixed;\n		background-color: rgba(0, 170, 255, 0.2);\n		border: 2px dashed var(--color-accent);\n		z-index: 999;\n		pointer-events: none;\n		transition: all 0.2s ease-out;\n	}\n\n	/* Detached Tab Windows */\n	.detached-tab-panel {\n		position: fixed;\n		width: 500px;\n		height: 400px;\n		background: var(--profiler-background);\n		border: 1px solid var(--profiler-border);\n		border-radius: 8px;\n		box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);\n		z-index: 1002;\n		display: flex;\n		flex-direction: column;\n		backdrop-filter: blur(10px);\n		overflow: hidden;\n		opacity: 1;\n		visibility: visible;\n		transition: opacity 0.2s, visibility 0.2s;\n		font-family: var(--font-mono);\n		font-size: 13px;\n	}\n\n\n	.detached-tab-header {\n		background: var(--profiler-header-background);\n		padding: 0 3px 0 10px;\n		font-family: var(--font-family);\n		font-size: 13px;\n		color: var(--text-primary);\n		font-weight: 600;\n		display: flex;\n		justify-content: space-between;\n		align-items: center;\n		border-bottom: 1px solid var(--profiler-border);\n		cursor: grab;\n		user-select: none;\n		height: 32px;\n		flex-shrink: 0;\n		-webkit-font-smoothing: antialiased;\n		-moz-osx-font-smoothing: grayscale;\n		touch-action: none;\n	}\n\n	.detached-tab-header:active {\n		cursor: grabbing;\n	}\n\n	.detached-header-controls {\n		display: flex;\n		gap: 5px;\n	}\n\n	.detached-reattach-btn {\n		background: transparent;\n		border: none;\n		color: var(--text-secondary);\n		font-family: var(--font-family);\n		font-size: 18px;\n		line-height: 1;\n		cursor: pointer;\n		padding: 4px 8px;\n		border-radius: 4px;\n		transition: all 0.2s;\n		display: flex;\n		align-items: center;\n		justify-content: center;\n		-webkit-font-smoothing: antialiased;\n		-moz-osx-font-smoothing: grayscale;\n	}\n\n	.detached-reattach-btn:hover {\n		background: rgba(0, 170, 255, 0.2);\n		color: var(--color-accent);\n	}\n\n	.detached-tab-content {\n		flex: 1;\n		overflow: hidden;\n		position: relative;\n		background: var(--profiler-background);\n	}\n\n\n	.detached-tab-content .profiler-content {\n		display: flex !important;\n		flex-direction: column !important;\n		height: 100%;\n		visibility: visible !important;\n		opacity: 1 !important;\n		position: relative !important;\n	}\n\n	.detached-tab-content .profiler-content > * {\n		font-family: var(--font-mono);\n		color: var(--text-primary);\n	}\n\n	.detached-tab-resizer {\n		position: absolute;\n		bottom: 0;\n		right: 0;\n		width: 20px;\n		height: 20px;\n		cursor: nwse-resize;\n		z-index: 10;\n		touch-action: none;\n	}\n\n	.detached-tab-resizer::after {\n		content: '';\n		position: absolute;\n		bottom: 2px;\n		right: 2px;\n		width: 12px;\n		height: 12px;\n		border-right: 2px solid var(--profiler-border);\n		border-bottom: 2px solid var(--profiler-border);\n		border-bottom-right-radius: 6px;\n		opacity: 0.5;\n	}\n\n	.detached-tab-resizer:hover::after {\n		opacity: 1;\n		border-color: var(--color-accent);\n	}\n\n	/* Edge resizers */\n	.detached-tab-resizer-top {\n		position: absolute;\n		top: 0;\n		left: 0;\n		right: 0;\n		height: 5px;\n		cursor: ns-resize;\n		z-index: 10;\n		touch-action: none;\n	}\n\n	.detached-tab-resizer-right {\n		position: absolute;\n		top: 0;\n		right: 0;\n		bottom: 0;\n		width: 5px;\n		cursor: ew-resize;\n		z-index: 10;\n		touch-action: none;\n	}\n\n	.detached-tab-resizer-bottom {\n		position: absolute;\n		bottom: 0;\n		left: 0;\n		right: 0;\n		height: 5px;\n		cursor: ns-resize;\n		z-index: 10;\n		touch-action: none;\n	}\n\n	.detached-tab-resizer-left {\n		position: absolute;\n		top: 0;\n		left: 0;\n		bottom: 0;\n		width: 5px;\n		cursor: ew-resize;\n		z-index: 10;\n		touch-action: none;\n	}\n\n	/* Input number spin buttons - hide arrows */\n	/* Chrome, Safari, Edge, Opera */\n	.profiler-panel input[type=\"number\"]::-webkit-outer-spin-button,\n	.profiler-panel input[type=\"number\"]::-webkit-inner-spin-button,\n	.detached-tab-content input[type=\"number\"]::-webkit-outer-spin-button,\n	.detached-tab-content input[type=\"number\"]::-webkit-inner-spin-button {\n		-webkit-appearance: none;\n		margin: 0;\n	}\n\n	/* Firefox */\n	.profiler-panel input[type=\"number\"],\n	.detached-tab-content input[type=\"number\"] {\n		-moz-appearance: textfield;\n	}\n\n	.panel-action-btn {\n		background: transparent;\n		color: var(--text-primary);\n		border: 1px solid var(--profiler-border);\n		border-radius: 4px;\n		padding: 6px 12px;\n		cursor: pointer;\n		font-family: var(--font-family);\n		font-size: 12px;\n		transition: background-color 0.2s;\n		display: flex;\n		align-items: center;\n		justify-content: center;\n	}\n\n	.panel-action-btn:hover {\n		background-color: rgba(255, 255, 255, 0.05);\n	}\n\n	.node-canvas-wrapper {\n		touch-action: none;\n	}\n\n	.node-canvas-wrapper .node-canvas-detach-btn {\n		position: absolute;\n		top: 5px;\n		right: 5px;\n		background: rgba(30, 30, 36, 0.85);\n		border: 1px solid var(--profiler-border);\n		color: var(--text-primary);\n		border-radius: 4px;\n		padding: 4px;\n		cursor: pointer;\n		opacity: 1;\n		transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n		display: flex;\n		align-items: center;\n		justify-content: center;\n		z-index: 10;\n	}\n\n	.node-canvas-wrapper .node-canvas-detach-btn:hover {\n		background-color: var(--color-accent);\n		border-color: var(--color-accent);\n		color: white;\n	}\n\n	.node-canvas-wrapper .node-canvas-fullscreen-btn {\n		position: absolute;\n		bottom: 5px;\n		right: 5px;\n		background: rgba(30, 30, 36, 0.85);\n		border: 1px solid var(--profiler-border);\n		color: var(--text-primary);\n		border-radius: 4px;\n		padding: 4px;\n		cursor: pointer;\n		opacity: 1;\n		transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n		display: flex;\n		align-items: center;\n		justify-content: center;\n		z-index: 10;\n	}\n\n	.node-canvas-wrapper .node-canvas-fullscreen-btn:hover {\n		background-color: var(--color-accent);\n		border-color: var(--color-accent);\n		color: white;\n	}\n\n	.profiler-panel.maximized .node-canvas-fullscreen-btn {\n		display: none;\n	}\n\n	.toolbar {\n		display: flex;\n		align-items: center;\n		justify-content: space-between;\n		height: 32px;\n		padding: 4px 6px;\n		border-bottom: 1px solid var(--profiler-border);\n		background: var(--profiler-header-background);\n		flex-shrink: 0;\n		box-sizing: border-box;\n		gap: 16px;\n	}\n\n	.toolbar span {\n		color: var(--text-secondary);\n		font-size: 12px;\n		font-weight: 600;\n	}\n\n	.toolbar .custom-checkbox .checkmark {\n		width: 12px;\n		height: 12px;\n		border-radius: 4px;\n	}\n\n	.viewer-content .toolbar {\n		justify-content: flex-end;\n	}\n\n	.viewer-back-btn {\n		background: transparent;\n		border: none;\n		color: var(--text-secondary);\n		cursor: pointer;\n		font-size: 16px;\n		line-height: 1;\n		padding: 4px 8px;\n		border-radius: 4px;\n		margin-right: auto;\n		transition: color 0.2s, background-color 0.2s;\n		display: flex;\n		align-items: center;\n		justify-content: center;\n	}\n\n	.viewer-back-btn:hover {\n		color: var(--text-primary);\n		background-color: rgba(255, 255, 255, 0.05);\n	}\n\n	.select {\n		background: var(--profiler-background);\n		border: 1px solid var(--profiler-border);\n		color: var(--text-primary);\n		border-radius: 4px;\n		padding: 4px 16px 2px 6px;\n		font-family: var(--font-mono);\n		font-size: 12px;\n		outline: none;\n		cursor: pointer;\n		appearance: none;\n		-webkit-appearance: none;\n		-moz-appearance: none;\n		background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e0e0e0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E\");\n		background-repeat: no-repeat;\n		background-position: right 5px center;\n		background-size: 10px;\n	}\n\n	.select:focus {\n		border-color: var(--color-accent);\n	}\n\n	.full-viewer-container {\n		display: none;\n		flex-grow: 1;\n		width: 100%;\n		height: 100%;\n		overflow: hidden;\n		position: relative;\n		touch-action: none;\n	}\n\n}\n", e.appendChild(t);
 	}
-}, Yt = class {
+}, tn = class {
 	constructor(e = 512) {
 		this.maxPoints = e, this.lines = {}, this.limit = 0, this.limitIndex = 0, this.domElement = document.createElement("canvas"), this.domElement.setAttribute("class", "graph-canvas"), this.ctx = this.domElement.getContext("2d"), this.width = 0, this.height = 0, this.devicePixelRatio = window.devicePixelRatio || 1;
 	}
@@ -345,9 +345,9 @@ var W = /* @__PURE__ */ new Se(), Lt = /* @__PURE__ */ new d(), Rt = /* @__PURE_
 		};
 	}
 	dispose() {}
-}, Xt = class extends D {
+}, nn = class extends oe {
 	constructor(e) {
-		super(), this.inspector = e, this.tabs = {}, this.activeTabId = null, this.isResizing = !1, this.lastHeightBottom = 350, this.lastWidthRight = 450, this.position = "bottom", this.detachedWindows = [], this.maxZIndex = 1002, this.nextTabOriginalIndex = 0, this.setupShell(), this.setupResizing(), Jt.init(this.domElement), this.setupWindowResizeListener(), this.setupOrientationListener(), this.checkHeaderScroll(), this.panel.addEventListener("transitionend", (e) => {
+		super(), this.inspector = e, this.tabs = {}, this.activeTabId = null, this.isResizing = !1, this.lastHeightBottom = 350, this.lastWidthRight = 450, this.position = "bottom", this.detachedWindows = [], this.maxZIndex = 1002, this.nextTabOriginalIndex = 0, this.setupShell(), this.setupResizing(), en.init(this.domElement), this.setupWindowResizeListener(), this.setupOrientationListener(), this.checkHeaderScroll(), this.panel.addEventListener("transitionend", (e) => {
 			e.target === this.panel && (e.propertyName === "width" || e.propertyName === "height" || e.propertyName === "transform") && this.checkHeaderScroll();
 		});
 	}
@@ -416,7 +416,7 @@ var W = /* @__PURE__ */ new Se(), Lt = /* @__PURE__ */ new d(), Rt = /* @__PURE_
 		let n = document.createElement("button");
 		n.classList.add("hide-panel-btn"), n.textContent = "-", n.onclick = () => this.togglePanel(), t.append(this.floatingBtn, this.maximizeBtn, n), e.append(this.tabsContainer, t), this.contentWrapper = document.createElement("div"), this.contentWrapper.className = "profiler-content-wrapper";
 		let r = document.createElement("div");
-		r.className = "panel-resizer", this.panel.append(r, e, this.contentWrapper), this.domElement.append(this.toggleButton, this.miniPanel, this.panel), this.panel.classList.add(`position-${this.position}`), this.position === "right" && (this.toggleButton.classList.add("position-right"), this.miniPanel.classList.add("position-right")), this.toggleGraph = new Yt(80), this.toggleGraph.addLine("fps", "#4c4c6bff"), this.toggleGraph.domElement.className = "profiler-toggle-graph", this.toggleButton.appendChild(this.toggleGraph.domElement);
+		r.className = "panel-resizer", this.panel.append(r, e, this.contentWrapper), this.domElement.append(this.toggleButton, this.miniPanel, this.panel), this.panel.classList.add(`position-${this.position}`), this.position === "right" && (this.toggleButton.classList.add("position-right"), this.miniPanel.classList.add("position-right")), this.toggleGraph = new tn(80), this.toggleGraph.addLine("fps", "#4c4c6bff"), this.toggleGraph.domElement.className = "profiler-toggle-graph", this.toggleButton.appendChild(this.toggleGraph.domElement);
 	}
 	setupResizing() {
 		let e = this.panel.querySelector(".panel-resizer");
@@ -716,7 +716,7 @@ var W = /* @__PURE__ */ new Se(), Lt = /* @__PURE__ */ new d(), Rt = /* @__PURE_
 			});
 		});
 		try {
-			kn("layout", e);
+			Fn("layout", e);
 		} catch (e) {
 			console.warn("Failed to save profiler layout:", e);
 		}
@@ -724,7 +724,7 @@ var W = /* @__PURE__ */ new Se(), Lt = /* @__PURE__ */ new d(), Rt = /* @__PURE_
 	loadLayout() {
 		this.isLoadingLayout = !0;
 		try {
-			let e = On("layout");
+			let e = Pn("layout");
 			if (Object.keys(e).length === 0) return;
 			if (e.detachedTabs && e.detachedTabs.length > 0) {
 				let t = window.innerWidth, n = window.innerHeight;
@@ -771,7 +771,7 @@ var W = /* @__PURE__ */ new Se(), Lt = /* @__PURE__ */ new d(), Rt = /* @__PURE_
 			this.updatePanelSize();
 		}
 	}
-}, Zt = class extends D {
+}, rn = class extends oe {
 	constructor(e, t = {}) {
 		super(), this.id = e.toLowerCase().replace(/\s+/g, "-"), this.button = document.createElement("button"), this.button.className = "tab-btn", this.button.textContent = e, this.content = document.createElement("div"), this.content.className = "profiler-content", this.content.classList.add(`${this.id}-content`), this._isActive = !1, this.isVisible = !0, this.isDetached = !1, this.detachedWindow = null, this.allowDetach = t.allowDetach === void 0 ? !0 : t.allowDetach, this.builtin = t.builtin === void 0 ? !1 : t.builtin, this.icon = t.icon || null, this.builtinButton = null, this.miniContent = null, this.profiler = null, this.onVisibilityChange = null;
 	}
@@ -811,7 +811,7 @@ var W = /* @__PURE__ */ new Se(), Lt = /* @__PURE__ */ new d(), Rt = /* @__PURE_
 			this.builtinButton && this.builtinButton.classList.remove("active"), this.profiler && (Array.from(this.profiler.miniPanel.querySelectorAll(".mini-panel-content")).some((e) => e.style.display !== "none") || this.profiler.miniPanel.classList.remove("visible"), Array.from(this.profiler.builtinTabsContainer.querySelectorAll(".builtin-tab-btn")).some((e) => e.style.display !== "none") || (this.profiler.builtinTabsContainer.style.display = "none"));
 		}
 	}
-}, Qt = class {
+}, an = class {
 	constructor(...e) {
 		this.headers = e, this.children = [], this.domElement = document.createElement("div"), this.domElement.className = "list-container", this.domElement.style.padding = "5px 10px 10px 10px", this.id = `list-${Math.random().toString(36).slice(2, 11)}`, this.domElement.dataset.listId = this.id, this.gridStyleElement = document.createElement("style"), this.domElement.appendChild(this.gridStyleElement);
 		let t = document.createElement("div");
@@ -893,7 +893,7 @@ function q() {
 function J(e, t) {
 	e && e.textContent !== t && (e.textContent = t);
 }
-function $t(e) {
+function on(e) {
 	let t = e.lastIndexOf("/");
 	return t === -1 ? {
 		path: "",
@@ -903,7 +903,7 @@ function $t(e) {
 		name: e.substring(t + 1).trim()
 	};
 }
-function en(e) {
+function sn(e) {
 	return e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").trim();
 }
 function Y(e, t = 2) {
@@ -921,7 +921,7 @@ function Y(e, t = 2) {
 	], a = Math.floor(Math.log(e) / Math.log(n));
 	return parseFloat((e / n ** +a).toFixed(r)) + " " + i[a];
 }
-function tn(e, t) {
+function cn(e, t) {
 	let n = e.querySelector(".info-icon");
 	if (!n) n = document.createElement("span"), n.className = "info-icon", n.textContent = "i", e.appendChild(n);
 	else {
@@ -951,16 +951,16 @@ function tn(e, t) {
 }
 //#endregion
 //#region ../../node_modules/three/examples/jsm/inspector/tabs/Performance.js
-var nn = class extends Zt {
+var ln = class extends rn {
 	constructor(e = {}) {
 		super("Performance", e);
-		let t = new Qt("Name", "CPU", "GPU", "Total");
+		let t = new an("Name", "CPU", "GPU", "Total");
 		t.setGridStyle("minmax(200px, 2fr) 80px 80px 80px"), t.domElement.style.minWidth = "600px";
 		let n = document.createElement("div");
 		n.className = "list-scroll-wrapper", n.appendChild(t.domElement), this.content.appendChild(n);
 		let r = document.createElement("div");
 		r.className = "graph-container";
-		let i = new Yt();
+		let i = new tn();
 		i.addLine("fps", "var( --color-fps )"), i.addLine("cpu", "var( --color-yellow )"), i.addLine("gpu", "var( --color-green )"), r.append(i.domElement), this.graphFpsCounter = q();
 		let a = new K("Graph Stats", q(), q(), this.graphFpsCounter);
 		t.add(a);
@@ -1015,16 +1015,16 @@ var nn = class extends Zt {
 		for (let e of this.notInUse.keys()) this.updateNotInUse(e);
 		J(this.graphFpsCounter, e.fps.toFixed() + " FPS"), J(this.frameStats.data[1], t.cpu.toFixed(2)), J(this.frameStats.data[2], e.getRenderer().backend.hasTimestamp ? t.gpu.toFixed(2) : "-"), J(this.frameStats.data[3], t.total.toFixed(2)), J(this.miscellaneous.data[1], t.miscellaneous.toFixed(2)), J(this.miscellaneous.data[2], "-"), J(this.miscellaneous.data[3], t.miscellaneous.toFixed(2)), this.currentItem = null;
 	}
-}, rn = class extends Zt {
+}, un = class extends rn {
 	constructor(e = {}) {
 		super("Memory", e);
-		let t = new Qt("Name", "Count", "Size");
+		let t = new an("Name", "Count", "Size");
 		t.setGridStyle("minmax(200px, 2fr) 60px 100px"), t.domElement.style.minWidth = "300px";
 		let n = document.createElement("div");
 		n.className = "list-scroll-wrapper", n.appendChild(t.domElement), this.content.appendChild(n);
 		let r = document.createElement("div");
 		r.className = "graph-container";
-		let i = new Yt();
+		let i = new tn();
 		i.addLine("total", "var( --color-yellow )"), r.append(i.domElement);
 		let a = new K("Graph Stats", "", "");
 		t.add(a);
@@ -1043,7 +1043,7 @@ var nn = class extends Zt {
 		let n = t.info.memory;
 		J(this.memoryStats.data[2], Y(n.total)), J(this.attributes.data[1], n.attributes.toString()), J(this.attributes.data[2], Y(n.attributesSize)), J(this.geometries.data[1], n.geometries.toString()), J(this.indexAttributes.data[1], n.indexAttributes.toString()), J(this.indexAttributes.data[2], Y(n.indexAttributesSize)), J(this.indirectStorageAttributes.data[1], n.indirectStorageAttributes.toString()), J(this.indirectStorageAttributes.data[2], Y(n.indirectStorageAttributesSize)), J(this.programs.data[1], n.programs.toString()), J(this.programs.data[2], Y(n.programsSize)), J(this.readbackBuffers.data[1], n.readbackBuffers.toString()), J(this.readbackBuffers.data[2], Y(n.readbackBuffersSize)), J(this.renderTargets.data[1], n.renderTargets.toString()), J(this.storageAttributes.data[1], n.storageAttributes.toString()), J(this.storageAttributes.data[2], Y(n.storageAttributesSize)), J(this.textures.data[1], n.textures.toString()), J(this.textures.data[2], Y(n.texturesSize)), J(this.uniformBuffers.data[1], n.uniformBuffers.toString()), J(this.uniformBuffers.data[2], Y(n.uniformBuffersSize));
 	}
-}, an = class extends Zt {
+}, dn = class extends rn {
 	constructor(e = {}) {
 		super("Console", e), this.filters = {
 			info: !0,
@@ -1152,7 +1152,7 @@ var nn = class extends Zt {
 		}
 		this.logContainer.scrollTop = this.logContainer.scrollHeight, this.isActive || (e === "error" ? (this.unreadErrors++, this.updateBadges()) : e === "warn" && (this.unreadWarns++, this.updateBadges()));
 	}
-}, X = class extends D {
+}, X = class extends oe {
 	constructor() {
 		super(), this.domElement = document.createElement("div"), this.domElement.className = "param-control", this._onChangeFunction = null, this.addEventListener("change", (e) => {
 			requestAnimationFrame(() => {
@@ -1181,7 +1181,7 @@ var nn = class extends Zt {
 	hide() {
 		return this.dispatchEvent({ type: "hide" }), this;
 	}
-}, on = class extends X {
+}, fn = class extends X {
 	constructor({ value: e = 0, step: t = .1, min: n = -Infinity, max: r = Infinity }) {
 		super(), this.input = document.createElement("input"), this.input.type = "number", this.input.value = e, this.input.step = t, this.input.min = n, this.input.max = r, this.input.addEventListener("change", this._onChangeValue.bind(this)), this.domElement.appendChild(this.input), this.addDragHandler();
 	}
@@ -1212,7 +1212,7 @@ var nn = class extends Zt {
 	getValue() {
 		return parseFloat(this.input.value);
 	}
-}, sn = class extends X {
+}, pn = class extends X {
 	constructor({ value: e = !1 }) {
 		super();
 		let t = document.createElement("label");
@@ -1230,10 +1230,10 @@ var nn = class extends Zt {
 	getValue() {
 		return this.checkbox.checked;
 	}
-}, cn = class extends X {
+}, mn = class extends X {
 	constructor({ value: e = 0, min: t = 0, max: n = 1, step: r = .01 }) {
 		super(), this.slider = document.createElement("input"), this.slider.type = "range", this.slider.min = t, this.slider.max = n, this.slider.step = r;
-		let i = new on({
+		let i = new fn({
 			value: e,
 			min: t,
 			max: n,
@@ -1254,7 +1254,7 @@ var nn = class extends Zt {
 	step(e) {
 		return this.slider.step = e, this.numberInput.step = e, this.slider.value = parseFloat(this.numberInput.value), this;
 	}
-}, ln = class extends X {
+}, hn = class extends X {
 	constructor({ options: e = [], value: t = "" }) {
 		super();
 		let n = document.createElement("select"), r = (e, r) => {
@@ -1277,7 +1277,7 @@ var nn = class extends Zt {
 		let e = this.options;
 		return Array.isArray(e) ? e[this.select.selectedIndex] : e[this.select.value];
 	}
-}, un = class extends X {
+}, gn = class extends X {
 	constructor({ value: e = "#ffffff" }) {
 		super();
 		let t = document.createElement("input");
@@ -1297,13 +1297,13 @@ var nn = class extends Zt {
 		let e = this._value;
 		return typeof e == "string" && (e = parseInt(e.slice(1), 16)), e;
 	}
-}, dn = class extends X {
+}, _n = class extends X {
 	constructor({ text: e = "Button", value: t = () => {} }) {
 		super();
 		let n = document.createElement("button");
 		n.textContent = e, n.onclick = t, this.domElement.appendChild(n);
 	}
-}, fn = class extends X {
+}, vn = class extends X {
 	constructor({ value: e = "" }) {
 		super();
 		let t = document.createElement("input");
@@ -1317,7 +1317,7 @@ var nn = class extends Zt {
 	getValue() {
 		return this.input.value;
 	}
-}, pn = class e {
+}, yn = class e {
 	constructor(e, t) {
 		this.parameters = e, this.paramList = new K(t), this.paramList.setCollapsible(!0), this.objects = [];
 	}
@@ -1338,7 +1338,7 @@ var nn = class extends Zt {
 		return typeof n[0] == "object" ? i = this.addSelect(e, t, n[0]) : r === "number" ? i = n.length >= 2 ? this.addSlider(e, t, ...n) : this.addNumber(e, t, ...n) : r === "boolean" ? i = this.addBoolean(e, t) : r === "string" ? i = this.addString(e, t) : r === "function" && (i = this.addButton(e, t, ...n)), i;
 	}
 	_addInfo(e, t) {
-		e.info = (n) => (tn(t, n), e);
+		e.info = (n) => (cn(t, n), e);
 	}
 	_addParameter(e, t, n, r) {
 		n.name = (e) => (r.data[0].childNodes.length > 0 && r.data[0].firstChild.nodeType === 3 ? r.data[0].firstChild.textContent = e : r.data[0].insertBefore(document.createTextNode(e), r.data[0].firstChild), n), this._addInfo(n, r.data[0]), n.listen = () => {
@@ -1358,7 +1358,7 @@ var nn = class extends Zt {
 		}), n.addEventListener("show", () => r.show()), n.addEventListener("hide", () => r.hide());
 	}
 	addString(e, t) {
-		let n = e[t], r = new fn({ value: n });
+		let n = e[t], r = new vn({ value: n });
 		r.addEventListener("change", ({ value: n }) => {
 			e[t] = n;
 		});
@@ -1372,7 +1372,7 @@ var nn = class extends Zt {
 		return this.paramList.add(n.paramList), n;
 	}
 	addBoolean(e, t) {
-		let n = e[t], r = new sn({ value: n });
+		let n = e[t], r = new pn({ value: n });
 		r.addEventListener("change", ({ value: n }) => {
 			e[t] = n;
 		});
@@ -1388,7 +1388,7 @@ var nn = class extends Zt {
 		}), this._addParameter(e, t, r, a), r;
 	}
 	addSelect(e, t, n) {
-		let r = e[t], i = new ln({
+		let r = e[t], i = new hn({
 			options: n,
 			value: r
 		});
@@ -1401,7 +1401,7 @@ var nn = class extends Zt {
 		return this.paramList.add(o), o.domElement.firstChild.classList.add("actionable"), this._addParameter(e, t, i, o), i;
 	}
 	addColor(e, t) {
-		let n = e[t], r = new un({ value: n });
+		let n = e[t], r = new gn({ value: n });
 		r.addEventListener("change", ({ value: n }) => {
 			e[t] = n;
 		});
@@ -1411,7 +1411,7 @@ var nn = class extends Zt {
 		return this.paramList.add(a), a.domElement.firstChild.classList.add("actionable"), this._addParameter(e, t, r, a), r;
 	}
 	addSlider(e, t, n = 0, r = 1, i = .01) {
-		let a = e[t], o = new cn({
+		let a = e[t], o = new mn({
 			value: a,
 			min: n,
 			max: r,
@@ -1426,7 +1426,7 @@ var nn = class extends Zt {
 		return this.paramList.add(c), c.domElement.firstChild.classList.add("actionable"), this._addParameter(e, t, o, c), o;
 	}
 	addNumber(e, t, ...n) {
-		let r = e[t], [i, a] = n, o = new on({
+		let r = e[t], [i, a] = n, o = new fn({
 			value: r,
 			min: i,
 			max: a
@@ -1440,7 +1440,7 @@ var nn = class extends Zt {
 		return this.paramList.add(c), c.domElement.firstChild.classList.add("actionable"), this._addParameter(e, t, o, c), o;
 	}
 	addButton(e, t) {
-		let n = e[t], r = new dn({
+		let n = e[t], r = new _n({
 			text: t,
 			value: n
 		});
@@ -1453,70 +1453,70 @@ var nn = class extends Zt {
 			return t.childNodes.length > 0 && t.firstChild.nodeType === 3 ? t.firstChild.textContent = e : t.insertBefore(document.createTextNode(e), t.firstChild), r;
 		}, this._addInfo(r, r.domElement.childNodes[0]), this._registerParameter(e, t, r, i), r;
 	}
-}, mn = class extends Zt {
+}, bn = class extends rn {
 	constructor(e = {}) {
 		super(e.name || "Parameters", e);
-		let t = new Qt("Property", "Value");
+		let t = new an("Property", "Value");
 		t.domElement.classList.add("parameters"), t.setGridStyle(".5fr 1fr"), t.domElement.style.minWidth = "300px";
 		let n = document.createElement("div");
 		n.className = "list-scroll-wrapper", n.appendChild(t.domElement), this.content.appendChild(n), this.paramList = t, this.groups = [];
 	}
 	createGroup(e) {
-		let t = new pn(this, e);
+		let t = new yn(this, e);
 		return this.paramList.add(t.paramList), this.groups.push(t), t;
 	}
-}, hn = [{
+}, xn = [{
 	name: "TSL Graph",
 	url: "../extensions/tsl-graph/TSLGraphEditor.js"
-}], gn = xe.prototype.init;
-function _n(e) {
-	e ? xe.prototype.init = async function() {
+}], Sn = De.prototype.init;
+function Cn(e) {
+	e ? De.prototype.init = async function() {
 		if (this.backend.isWebGLBackend !== !0) {
 			let e = this.backend.parameters;
-			this.backend = new be(e);
+			this.backend = new Ee(e);
 		}
-		return gn.call(this);
-	} : xe.prototype.init = gn;
+		return Sn.call(this);
+	} : De.prototype.init = Sn;
 }
 var Z = null;
-function vn() {
+function wn() {
 	if (Z !== null) return Z;
-	let e = On("settings");
+	let e = Pn("settings");
 	return Z = {
 		forceWebGL: e.forceWebGL === void 0 ? !1 : e.forceWebGL,
 		captureStackTrace: e.captureStackTrace === void 0 ? !1 : e.captureStackTrace,
 		activeExtensions: e.activeExtensions === void 0 ? {} : e.activeExtensions,
 		storage: e.storage === void 0 ? "url" : e.storage
-	}, Z.forceWebGL && _n(!0), Z.captureStackTrace && (he.captureStackTrace = !0), Z;
+	}, Z.forceWebGL && Cn(!0), Z.captureStackTrace && (xe.captureStackTrace = !0), Z;
 }
-function yn() {
-	kn("settings", {
+function Tn() {
+	Fn("settings", {
 		forceWebGL: Z.forceWebGL,
 		captureStackTrace: Z.captureStackTrace,
 		activeExtensions: Z.activeExtensions,
 		storage: Z.storage
 	});
 }
-vn();
-var bn = class extends mn {
+wn();
+var En = class extends bn {
 	constructor() {
 		super({ name: "Settings" }), this.extensions = {};
-		let e = vn(), t = this.createGroup("Renderer");
+		let e = wn(), t = this.createGroup("Renderer");
 		t.add(e, "forceWebGL").name("Force WebGL").onChange((e) => {
-			_n(e), yn(), location.reload();
+			Cn(e), Tn(), location.reload();
 		}), t.add(e, "captureStackTrace").name("Capture Stack Trace").onChange((e) => {
-			he.captureStackTrace = e, yn(), location.reload();
+			xe.captureStackTrace = e, Tn(), location.reload();
 		}), this.createGroup("Render Modes").add({ overdraw: !1 }, "overdraw").name("Overdraw").onChange((e) => {
 			this.inspector.overdraw = e;
 		}).info("Shows how many times each pixel is shaded.");
 	}
 	init() {
-		let e = this.createGroup("Extensions"), t = this.createGroup("Storage"), n = vn();
+		let e = this.createGroup("Extensions"), t = this.createGroup("Storage"), n = wn();
 		t.add(n, "storage", {
 			"URL Session": "url",
 			"Keep across Origin": "origin"
 		}).name("Save Settings").onChange(() => {
-			yn();
+			Tn();
 		}).info("\nDefines how the **Inspector** preferences and states are stored in the browser.\n\n**URL Session**\nSaves state based on the exact URL. It will reset the settings whenever the URL changes.\n\n**Keep across Origin**\nShares the same state across any page within the current origin."), t.add({ clear: () => {
 			localStorage.removeItem("threejs-inspector"), location.reload();
 		} }, "clear").name("Clear Settings"), this._getExtensions().then((t) => {
@@ -1524,7 +1524,7 @@ var bn = class extends mn {
 				this.setActiveExtension(n.name, e), e ? Z.activeExtensions[n.name] = {
 					name: n.name,
 					url: n.url
-				} : delete Z.activeExtensions[n.name], this._updateExtensionUI(n), yn();
+				} : delete Z.activeExtensions[n.name], this._updateExtensionUI(n), Tn();
 			}), Z.activeExtensions[n.name] !== void 0 && n.ui.setValue(!0);
 		});
 	}
@@ -1552,17 +1552,17 @@ var bn = class extends mn {
 		});
 	}
 	async _getExtensions() {
-		return hn;
+		return xn;
 	}
-}, xn = /* @__PURE__ */ new d(), Sn = /* @__PURE__ */ V(([e, t, n]) => {
-	let r = L(0);
-	Tt(() => {
+}, Dn = /* @__PURE__ */ new p(), On = /* @__PURE__ */ V(([e, t, n]) => {
+	let r = j(0);
+	Mt(() => {
 		let { width: e, height: n } = t.value;
 		r.value = e / n;
 	});
-	let i = n.div(r), a = e.sub(.5), o = B(a.x.mul(i), a.y).add(.5), s = B(a.x, a.y.div(i)).add(.5), c = n.greaterThan(r).select(o, s);
-	return P(c, ct(0, c.x).mul(ct(c.x, 1)).mul(ct(0, c.y)).mul(ct(c.y, 1)));
-}), Cn = class extends Zt {
+	let i = n.div(r), a = e.sub(.5), o = M(a.x.mul(i), a.y).add(.5), s = M(a.x, a.y.div(i)).add(.5), c = n.greaterThan(r).select(o, s);
+	return N(c, ct(0, c.x).mul(ct(c.x, 1)).mul(ct(0, c.y)).mul(ct(c.y, 1)));
+}), kn = class extends rn {
 	constructor(e = {}) {
 		super("Viewer", e), this.content.style.overflow = "hidden", this.maximizedByFullscreenButton = !1;
 		let t = document.createElement("div");
@@ -1575,7 +1575,7 @@ var bn = class extends mn {
 		i.className = "select", i.style.width = "200px";
 		let a = document.createElement("option");
 		a.value = "list", a.textContent = "List", i.appendChild(a), t.appendChild(i), this.content.appendChild(t);
-		let o = new Qt("Viewer", "Name");
+		let o = new an("Viewer", "Name");
 		o.setGridStyle("150px minmax(200px, 2fr)"), o.domElement.style.minWidth = "400px";
 		let s = document.createElement("div");
 		s.className = "list-scroll-wrapper", s.style.flexGrow = "1", s.style.overflowY = "auto", s.style.minHeight = "0", s.appendChild(o.domElement), this.content.appendChild(s);
@@ -1691,16 +1691,16 @@ var bn = class extends mn {
 	getCanvasDataByNode(e, t) {
 		let n = this.canvasNodes.get(t);
 		if (n === void 0) {
-			let r = new we(document.createElement("canvas"));
+			let r = new Ae(document.createElement("canvas"));
 			r.setPixelRatio(window.devicePixelRatio), r.setSize(140, 140);
-			let i = t.id, { path: a, name: o } = $t(en(t.getName() || "(unnamed)")), s = L(1), c = H(1), l = F(P(t.context({ getUV: (e) => {
-				let t = Sn(kt, e, s), n = t.xy;
+			let i = t.id, { path: a, name: o } = on(sn(t.getName() || "(unnamed)")), s = j(1), c = H(1), l = P(N(t.context({ getUV: (e) => {
+				let t = On(ht, e, s), n = t.xy;
 				return c.assign(t.z), n;
 			} })), 1).mul(c);
-			l = yt(l, 0, e.outputColorSpace), l = l.context({ inspector: !0 });
-			let u = new j();
+			l = Nt(l, 0, e.outputColorSpace), l = l.context({ inspector: !0 });
+			let u = new k();
 			u.outputNode = l;
-			let d = new Se(u);
+			let d = new Oe(u);
 			d.name = "Viewer - " + o, n = {
 				id: i,
 				name: o,
@@ -1740,7 +1740,7 @@ var bn = class extends mn {
 			}
 			let t = !1;
 			if (this.pendingRestoreView) {
-				let e = On("viewerLastView");
+				let e = Pn("viewerLastView");
 				if (e !== "list") {
 					for (let n = 0; n < this.select.options.length; n++) if (this.select.options[n].textContent === e) {
 						this.select.selectedIndex = n;
@@ -1778,7 +1778,7 @@ var bn = class extends mn {
 				let e = this.getFolder(i);
 				o[i] === void 0 && (o[i] = 0), (e.parent === null || n.parent !== e || e.children.indexOf(n) !== o[i]) && e.add(n), o[i]++;
 			} else n.parent || this.nodes.add(n);
-			let a = [], s = r.getDrawingBufferSize(xn);
+			let a = [], s = r.getDrawingBufferSize(Dn);
 			e.node.traverse((e) => {
 				if (e.isRTTNode && e.autoResize === !0) {
 					let t = e.width, n = e.height;
@@ -1789,8 +1789,8 @@ var bn = class extends mn {
 					});
 				}
 			});
-			let c = M.resetRendererState(t);
-			t.toneMapping = 0, t.outputColorSpace = u, t.setCanvasTarget(e.canvasTarget), e.canvasAspect && (e.canvasAspect.value = e.canvasTarget.domElement.width / e.canvasTarget.domElement.height), e.quad.render(t), t.setCanvasTarget(r), M.restoreRendererState(t, c);
+			let c = A.resetRendererState(t);
+			t.toneMapping = 0, t.outputColorSpace = f, t.setCanvasTarget(e.canvasTarget), e.canvasAspect && (e.canvasAspect.value = e.canvasTarget.domElement.width / e.canvasTarget.domElement.height), e.quad.render(t), t.setCanvasTarget(r), A.restoreRendererState(t, c);
 			for (let e of a) e.node.width = e.oldWidth, e.node.height = e.oldHeight;
 		}
 		this.currentDataList = r;
@@ -1799,15 +1799,15 @@ var bn = class extends mn {
 		super.setActive(e);
 	}
 	saveLastView() {
-		if (this.select.value === "list") kn("viewerLastView", "list");
+		if (this.select.value === "list") Fn("viewerLastView", "list");
 		else {
 			let e = this.select.options[this.select.selectedIndex];
-			e && kn("viewerLastView", e.textContent);
+			e && Fn("viewerLastView", e.textContent);
 		}
 	}
-}, wn = 500, Tn = 60, En = class extends Zt {
+}, An = 500, jn = 60, Mn = class extends rn {
 	constructor(e = {}) {
-		super("Timeline", e), this.content.style.overflow = "hidden", this.isRecording = !1, this.frames = [], this.baseTriangles = 0, this.currentFrame = null, this.isHierarchicalView = !0, this.callBlocks = /* @__PURE__ */ new WeakMap(), this.fallbackBlocks = [], this.originalBackend = null, this.originalMethods = /* @__PURE__ */ new Map(), this.renderer = null, this.graph = new Yt(wn), this.graph.addLine("fps", "var( --color-fps )"), this.graph.addLine("calls", "var( --color-call )"), this.graph.addLine("triangles", "var( --color-red )"), this.buildHeader(), this.buildUI(), window.addEventListener("resize", () => {
+		super("Timeline", e), this.content.style.overflow = "hidden", this.isRecording = !1, this.frames = [], this.baseTriangles = 0, this.currentFrame = null, this.isHierarchicalView = !0, this.callBlocks = /* @__PURE__ */ new WeakMap(), this.fallbackBlocks = [], this.originalBackend = null, this.originalMethods = /* @__PURE__ */ new Map(), this.renderer = null, this.graph = new tn(An), this.graph.addLine("fps", "var( --color-fps )"), this.graph.addLine("calls", "var( --color-call )"), this.graph.addLine("triangles", "var( --color-red )"), this.buildHeader(), this.buildUI(), window.addEventListener("resize", () => {
 			this.isActive && !this.isRecording && this.frames.length > 0 && this.renderSlider();
 		});
 	}
@@ -1830,8 +1830,8 @@ var bn = class extends mn {
 		r.value = "counts", r.textContent = "Count", this.viewModeSelect.appendChild(r), this.viewModeSelect.value = this.isHierarchicalView ? "hierarchy" : "counts", this.viewModeSelect.addEventListener("change", () => {
 			this.isHierarchicalView = this.viewModeSelect.value === "hierarchy", this.selectedFrameIndex !== void 0 && this.selectedFrameIndex !== -1 && this.selectFrame(this.selectedFrameIndex);
 		}), this.recordRefreshButton = document.createElement("button"), this.recordRefreshButton.className = "console-copy-button", this.recordRefreshButton.title = "Refresh & Record", this.recordRefreshButton.innerHTML = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"currentColor\"></circle></svg>", this.recordRefreshButton.style.padding = "0 10px", this.recordRefreshButton.style.lineHeight = "24px", this.recordRefreshButton.style.display = "flex", this.recordRefreshButton.style.alignItems = "center", this.recordRefreshButton.addEventListener("click", () => {
-			let e = On("timeline");
-			e.recording = !0, kn("timeline", e), window.location.reload();
+			let e = Pn("timeline");
+			e.recording = !0, Fn("timeline", e), window.location.reload();
 		}), this.exportButton = document.createElement("button"), this.exportButton.className = "console-copy-button", this.exportButton.title = "Export", this.exportButton.innerHTML = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"></line></svg>", this.exportButton.style.padding = "0 10px", this.exportButton.style.lineHeight = "24px", this.exportButton.style.display = "flex", this.exportButton.style.alignItems = "center", this.exportButton.addEventListener("click", () => this.exportData());
 		let i = document.createElement("div");
 		i.className = "console-buttons-group", i.appendChild(this.recordButton), i.appendChild(this.recordRefreshButton), i.appendChild(this.exportButton), i.appendChild(t);
@@ -1913,8 +1913,8 @@ var bn = class extends mn {
 	}
 	setRenderer(e) {
 		this.renderer = e;
-		let t = On("timeline");
-		t.recording && (t.recording = !1, kn("timeline", t), this.toggleRecording());
+		let t = Pn("timeline");
+		t.recording && (t.recording = !1, Fn("timeline", t), this.toggleRecording());
 	}
 	toggleRecording() {
 		if (!this.renderer) {
@@ -1944,7 +1944,7 @@ var bn = class extends mn {
 								for (let t = 0; t < n.length; t++) n[t] *= e;
 							}
 						}
-						let t = this.baseTriangles > 0 ? e / this.baseTriangles * Tn : 0;
+						let t = this.baseTriangles > 0 ? e / this.baseTriangles * jn : 0;
 						this.graph.addPoint("calls", this.currentFrame.calls.length), this.graph.addPoint("fps", this.currentFrame.fps), this.graph.addPoint("triangles", t), this.graph.update();
 					}
 					this.currentFrame = {
@@ -1952,7 +1952,7 @@ var bn = class extends mn {
 						calls: [],
 						fps: 0,
 						triangles: 0
-					}, this.frames.push(this.currentFrame), this.frames.length > wn && this.frames.shift();
+					}, this.frames.push(this.currentFrame), this.frames.length > An && this.frames.shift();
 				}
 				let a = {
 					method: n,
@@ -1978,48 +1978,48 @@ var bn = class extends mn {
 		r.href = n, r.download = "threejs-timeline.json", r.click(), URL.revokeObjectURL(n);
 	}
 	getRenderTargetDetails(t) {
-		let r = t.textures, i = [], l = (e) => {
+		let n = t.textures, i = [], a = (e) => {
 			switch (e.type) {
-				case v:
+				case ee:
 				case E: return "8";
-				case s:
-				case oe:
+				case c:
+				case de:
+				case w:
+				case fe:
+				case y: return "16";
+				case m:
+				case ce:
+				case b:
 				case x:
-				case se:
-				case g: return "16";
-				case f:
-				case ie:
-				case _:
-				case y:
-				case h:
-				case b: return "32";
+				case v:
+				case S: return "32";
 				default: return "?";
 			}
 		}, u = (t) => {
 			switch (t.format) {
-				case re: return "a";
-				case w:
+				case se: return "a";
+				case ne:
 				case e: return "r";
-				case n:
-				case ae: return "rg";
-				case te:
-				case ee: return "rgb";
-				case ne: return "depth";
-				case o: return "depth-stencil";
-				case a:
-				case c:
+				case r:
+				case ue: return "rg";
+				case ie:
+				case C: return "rgb";
+				case ae: return "depth";
+				case s: return "depth-stencil";
+				case o:
+				case l:
 				default: return "rgba";
 			}
 		};
-		for (let e = 0; e < r.length; e++) {
-			let t = r[e], n = l(t), a = u(t), o = `[${e}]`;
-			t.name && !(t.isDepthTexture && t.name === "depth") && (o += ` ${t.name}`), o += ` ${a} ${n} bpc`, i.push(o);
+		for (let e = 0; e < n.length; e++) {
+			let t = n[e], r = a(t), o = u(t), s = `[${e}]`;
+			t.name && !(t.isDepthTexture && t.name === "depth") && (s += ` ${t.name}`), s += ` ${o} ${r} bpc`, i.push(s);
 		}
 		let d = {
 			target: t.name || "RenderTarget",
-			[`attachments(${r.length})`]: "\n" + i.join("\n")
+			[`attachments(${n.length})`]: "\n" + i.join("\n")
 		};
-		return t.depthTexture && (d.depth = `${l(t.depthTexture)} bpc`), d;
+		return t.depthTexture && (d.depth = `${a(t.depthTexture)} bpc`), d;
 	}
 	getCallDetail(e, t) {
 		switch (e) {
@@ -2218,7 +2218,7 @@ var bn = class extends mn {
 			r > t && (t = r);
 		}
 		for (let n = 0; n < e.length; n++) {
-			let r = e[n].triangles || 0, i = t > 0 ? r / t * Tn : 0;
+			let r = e[n].triangles || 0, i = t > 0 ? r / t * jn : 0;
 			this.graph.addPoint("calls", e[n].calls.length), this.graph.addPoint("fps", e[n].fps || 0), this.graph.addPoint("triangles", i);
 		}
 		this.graph.update(), this.playhead.style.display = "block";
@@ -2287,7 +2287,7 @@ var bn = class extends mn {
 				if (f.textContent = o.method, u.titleSpan.appendChild(f), o.details) {
 					let e = `### ${o.method}\n`;
 					for (let t in o.details) o.details[t] !== void 0 && (e += `**${t}**: ${o.details[t]}\n`);
-					let t = tn(u.titleSpan, e);
+					let t = cn(u.titleSpan, e);
 					t.style.flexShrink = "0", t.style.marginLeft = "6px", t.style.display = "inline-flex", t.style.verticalAlign = "middle";
 				}
 				let p = document.createElement("span"), m = o.formatedDetails ? o.formatedDetails : "";
@@ -2326,27 +2326,27 @@ var bn = class extends mn {
 	getColorForMethod(e) {
 		return e.startsWith("begin") ? "var(--color-green)" : e.startsWith("finish") || e.startsWith("destroy") ? "var(--color-red)" : e.startsWith("draw") || e.startsWith("compute") || e.startsWith("create") || e.startsWith("generate") ? "var(--color-yellow)" : "var(--text-secondary)";
 	}
-}, Dn = class extends qt {
+}, Nn = class extends $t {
 	constructor() {
 		super();
-		let e = new Xt(this);
+		let e = new nn(this);
 		e.addEventListener("resize", (e) => this.dispatchEvent(e));
-		let t = new mn({
+		let t = new bn({
 			builtin: !0,
 			icon: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M14 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0\" /><path d=\"M4 6l8 0\" /><path d=\"M16 6l4 0\" /><path d=\"M8 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0\" /><path d=\"M4 12l2 0\" /><path d=\"M10 12l10 0\" /><path d=\"M17 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0\" /><path d=\"M4 18l11 0\" /><path d=\"M19 18l1 0\" /></svg>"
 		});
 		t.hide(), e.addTab(t);
-		let n = new Cn();
+		let n = new kn();
 		n.hide(), e.addTab(n);
-		let r = new nn();
+		let r = new ln();
 		e.addTab(r);
-		let i = new rn();
+		let i = new un();
 		e.addTab(i);
-		let a = new En();
+		let a = new Mn();
 		e.addTab(a);
-		let o = new an();
+		let o = new dn();
 		e.addTab(o);
-		let s = new bn();
+		let s = new En();
 		e.addTab(s), e.loadLayout(), e.activeTabId || e.setActiveTab(r.id), this.statsData = /* @__PURE__ */ new Map(), this.profiler = e, this.performance = r, this.memory = i, this.console = o, this.parameters = t, this.viewer = n, this.timeline = a, this.settings = s, this.once = {}, this.extensionsData = /* @__PURE__ */ new WeakMap(), this.displayCycle = {
 			text: {
 				needsUpdate: !1,
@@ -2426,7 +2426,7 @@ var bn = class extends mn {
 		}
 	}
 	setRenderer(e) {
-		return super.setRenderer(e), e !== null && (p(this.resolveConsole.bind(this)), this.isAvailable && (e.init().then(() => {
+		return super.setRenderer(e), e !== null && (h(this.resolveConsole.bind(this)), this.isAvailable && (e.init().then(() => {
 			e.backend.trackTimestamp = !0, e.hasFeature("timestamp-query") !== !0 && this.console.addMessage("error", "THREE.Inspector: GPU Timestamp Queries not available.");
 		}), this.timeline.setRenderer(e))), this;
 	}
@@ -2480,41 +2480,41 @@ var bn = class extends mn {
 		e.time += this.nodeFrame.deltaTime, e.time >= e.duration && (e.needsUpdate = !0, e.time = 0);
 	}
 };
-function On(e) {
+function Pn(e) {
 	let t = JSON.parse(localStorage.getItem("threejs-inspector") || "{}");
 	return t.version !== "185" || t.settings && t.settings.storage === "url" && t.settings.url !== location.href ? (localStorage.removeItem("threejs-inspector"), {}) : t[e] || {};
 }
-function kn(e, t) {
+function Fn(e, t) {
 	let n = JSON.parse(localStorage.getItem("threejs-inspector") || "{}");
 	t === null ? delete n[e] : n[e] = t, n.settings = n.settings || {}, n.settings.url = n.settings.url || location.href, n.settings.storage = n.settings.storage || "url", n.version = "185", localStorage.setItem("threejs-inspector", JSON.stringify(n));
 }
 //#endregion
 //#region ../../node_modules/three/examples/jsm/tsl/display/SSGINode.js
-var An = /* @__PURE__ */ new Se(), jn = /* @__PURE__ */ new d(), Mn = [
+var In = /* @__PURE__ */ new Oe(), Ln = /* @__PURE__ */ new p(), Rn = [
 	60,
 	300,
 	180,
 	240,
 	120,
 	0
-], Nn = [
+], zn = [
 	0,
 	.5,
 	.25,
 	.75
-], Pn, Fn = class extends ge {
+], Bn, Vn = class extends Se {
 	static get type() {
 		return "SSGINode";
 	}
 	constructor(e, t, n, r) {
-		super("vec4"), this.beautyNode = e, this.depthNode = t, this.normalNode = n, this.updateBeforeType = vt.FRAME, this.sliceCount = L(1, "uint"), this.stepCount = L(12, "uint"), this.aoIntensity = L(1, "float"), this.giIntensity = L(10, "float"), this.radius = L(12, "float"), this.useScreenSpaceSampling = L(!0, "bool"), this.expFactor = L(2, "float"), this.thickness = L(1, "float"), this.useLinearThickness = L(!1, "bool"), this.backfaceLighting = L(0, "float"), this.useTemporalFiltering = !0, this._resolution = L(new d()), this._halfProjScale = L(1), this._temporalDirection = L(0), this._temporalOffset = L(0), this._cameraProjectionMatrix = L(r.projectionMatrix), this._cameraProjectionMatrixInverse = L(r.projectionMatrixInverse), this._cameraNear = dt("near", "float", r), this._cameraFar = dt("far", "float", r), this._camera = r, this._ssgiRenderTarget = new C(1, 1, {
+		super("vec4"), this.beautyNode = e, this.depthNode = t, this.normalNode = n, this.updateBeforeType = Et.FRAME, this.sliceCount = j(1, "uint"), this.stepCount = j(12, "uint"), this.aoIntensity = j(1, "float"), this.giIntensity = j(10, "float"), this.radius = j(12, "float"), this.useScreenSpaceSampling = j(!0, "bool"), this.expFactor = j(2, "float"), this.thickness = j(1, "float"), this.useLinearThickness = j(!1, "bool"), this.backfaceLighting = j(0, "float"), this.useTemporalFiltering = !0, this._resolution = j(new p()), this._halfProjScale = j(1), this._temporalDirection = j(0), this._temporalOffset = j(0), this._cameraProjectionMatrix = j(r.projectionMatrix), this._cameraProjectionMatrixInverse = j(r.projectionMatrixInverse), this._cameraNear = ut("near", "float", r), this._cameraFar = ut("far", "float", r), this._camera = r, this._ssgiRenderTarget = new T(1, 1, {
 			depthBuffer: !1,
 			count: 2
 		});
 		let i = this._ssgiRenderTarget.textures[0];
-		i.name = "SSGI.AO", i.type = E, i.format = w;
+		i.name = "SSGI.AO", i.type = E, i.format = ne;
 		let a = this._ssgiRenderTarget.textures[1];
-		a.name = "SSGI.GI", a.type = b, a.format = te, this._material = new j(), this._material.name = "SSGI", this._aoNode = Ye(this, this._ssgiRenderTarget.textures[0]), this._giNode = Ye(this, this._ssgiRenderTarget.textures[1]);
+		a.name = "SSGI.GI", a.type = S, a.format = ie, this._material = new k(), this._material.name = "SSGI", this._aoNode = ot(this, this._ssgiRenderTarget.textures[0]), this._giNode = ot(this, this._ssgiRenderTarget.textures[1]);
 	}
 	getAONode() {
 		return this._aoNode;
@@ -2523,25 +2523,25 @@ var An = /* @__PURE__ */ new Se(), jn = /* @__PURE__ */ new d(), Mn = [
 		return this._giNode;
 	}
 	setSize(e, t) {
-		this._resolution.value.set(e, t), this._ssgiRenderTarget.setSize(e, t), this._halfProjScale.value = t / (Math.tan(this._camera.fov * S.DEG2RAD * .5) * 2) * .5;
+		this._resolution.value.set(e, t), this._ssgiRenderTarget.setSize(e, t), this._halfProjScale.value = t / (Math.tan(this._camera.fov * te.DEG2RAD * .5) * 2) * .5;
 	}
 	updateBefore(e) {
 		let { renderer: t } = e;
-		Pn = M.resetRendererState(t, Pn);
-		let n = t.getDrawingBufferSize(jn);
+		Bn = A.resetRendererState(t, Bn);
+		let n = t.getDrawingBufferSize(Ln);
 		if (this.setSize(n.width, n.height), this.useTemporalFiltering === !0) {
 			let t = e.frameId;
-			this._temporalDirection.value = Mn[t % 6] / 360, this._temporalOffset.value = Nn[t % 4];
+			this._temporalDirection.value = Rn[t % 6] / 360, this._temporalOffset.value = zn[t % 4];
 		} else this._temporalDirection.value = 1, this._temporalOffset.value = 1;
-		An.material = this._material, An.name = "SSGI", t.setClearColor(16777215, 1), t.setRenderTarget(this._ssgiRenderTarget), An.render(t), M.restoreRendererState(t, Pn);
+		In.material = this._material, In.name = "SSGI", t.setClearColor(16777215, 1), t.setRenderTarget(this._ssgiRenderTarget), In.render(t), A.restoreRendererState(t, Bn);
 	}
 	setup(e) {
 		let t = e.renderer;
 		t.backend.isWebGPUBackend === !0 && t.hasFeature("rg11b10ufloat-renderable") === !1 && console.error("THREE.SSGINode: The device does not support the \"rg11b10ufloat-renderable\" feature which is required for SSGI.");
-		let n = pt(), r = U(32), i = U(0), a = (t) => {
+		let n = Ne(), r = L(32), i = L(0), a = (t) => {
 			let n = this.depthNode.sample(t).r;
-			return e.renderer.logarithmicDepthBuffer === !0 ? Fe(ze(n, this._cameraNear, this._cameraFar), this._cameraNear, this._cameraFar) : n;
-		}, o = (e) => this.normalNode === null ? ke(e, this.depthNode.value, this._cameraProjectionMatrixInverse) : this.normalNode.sample(e).rgb.normalize(), s = (e) => this.beautyNode.sample(e), c = V(([e]) => H(.25).mul(Ft(e.y, e.x).bitAnd(3))).setLayout({
+			return e.renderer.logarithmicDepthBuffer === !0 ? Ke(Je(n, this._cameraNear, this._cameraFar), this._cameraNear, this._cameraFar) : n;
+		}, o = (e) => this.normalNode === null ? Ie(e, this.depthNode.value, this._cameraProjectionMatrixInverse) : this.normalNode.sample(e).rgb.normalize(), s = (e) => this.beautyNode.sample(e), c = V(([e]) => H(.25).mul(ft(e.y, e.x).bitAnd(3))).setLayout({
 			name: "spatialOffsets",
 			type: "float",
 			inputs: [{
@@ -2549,8 +2549,8 @@ var An = /* @__PURE__ */ new Se(), jn = /* @__PURE__ */ new d(), Mn = [
 				type: "vec2"
 			}]
 		}), l = V(([e]) => {
-			let t = mt(e).mul(H(-.156583)).add(Ct);
-			return t.mulAssign(ut(mt(e).oneMinus())), B(e.x.greaterThanEqual(0).select(t.x, tt.sub(t.x)), e.y.greaterThanEqual(0).select(t.y, tt.sub(t.y)));
+			let t = B(e).mul(H(-.156583)).add(At);
+			return t.mulAssign(bt(B(e).oneMinus())), M(e.x.greaterThanEqual(0).select(t.x, R.sub(t.x)), e.y.greaterThanEqual(0).select(t.y, R.sub(t.y)));
 		}).setLayout({
 			name: "GTAOFastAcos",
 			type: "vec2",
@@ -2559,94 +2559,154 @@ var An = /* @__PURE__ */ new Se(), jn = /* @__PURE__ */ new d(), Mn = [
 				type: "vec2"
 			}]
 		}), u = V(([e, t, n, c, u, d, f, p, m, h]) => {
-			let g = this.stepCount.toConst(), _ = this.expFactor.toConst(), v = this.thickness.toConst(), y = this.backfaceLighting.toConst(), b = e.select(B(1, -1), B(-1, 1)), ee = e.select(1, -1), x = P(0);
-			return $e({
-				start: U(0),
+			let g = this.stepCount.toConst(), _ = this.expFactor.toConst(), v = this.thickness.toConst(), y = this.backfaceLighting.toConst(), b = e.select(M(1, -1), M(-1, 1)), ee = e.select(1, -1), x = N(0);
+			return lt({
+				start: L(0),
 				end: g,
 				type: "uint",
 				condition: "<"
 			}, ({ i: g }) => {
-				let S = it(mt(qe(t, H(g).add(d)).div(n)), _).mul(n).toConst(), C = u.mul(N(S, H(g).add(1))).toConst(), w = f.add(C.mul(b)).toConst();
+				let S = Ft(B(He(t, H(g).add(d)).div(n)), _).mul(n).toConst(), C = u.mul(F(S, H(g).add(1))).toConst(), w = f.add(C.mul(b)).toConst();
 				z(w.x.lessThanEqual(0).or(w.y.lessThanEqual(0)).or(w.x.greaterThanEqual(1)).or(w.y.greaterThanEqual(1)), () => {
-					Dt();
+					Pt();
 				});
-				let T = Be(w, a(w), this._cameraProjectionMatrixInverse).toConst(), E = T.sub(c).normalize().toConst(), te = this.useLinearThickness.select(T.z.negate().div(this._cameraFar).clamp().mul(100), H(1)), ne = Je(T.sub(te.mul(p).mul(v)).sub(c)), D = B(I(E, p), I(ne, p));
-				D = l(gt(D, -1, 1)), D = gt(Mt(qe(ee, D.negate()).sub(h.sub(Ct)), tt)), D = e.select(D.yx, D.xy);
-				let O = D.x.toConst(), re = D.y.toConst(), ie = U(D.mul(H(r))).toConst(), k = U(bt(re.sub(O).mul(H(r)))).toConst(), ae = k.greaterThan(U(0)).select(U(rt(U(4294967295), U(32).sub(r).add(r.sub(k)))), U(0)).toConst().shiftLeft(ie);
-				ae = ae.bitAnd(i.bitNot()), i.assign(i.bitOr(ae));
-				let oe = At(ae);
-				z(oe.greaterThan(0), () => {
+				let te = Ye(w, a(w), this._cameraProjectionMatrixInverse).toConst(), T = te.sub(c).normalize().toConst(), ne = this.useLinearThickness.select(te.z.negate().div(this._cameraFar).clamp().mul(100), H(1)), re = Ve(te.sub(ne.mul(p).mul(v)).sub(c)), E = M(I(T, p), I(re, p));
+				E = l(wt(E, -1, 1)), E = wt(zt(He(ee, E.negate()).sub(h.sub(At)), R)), E = e.select(E.yx, E.xy);
+				let ie = E.x.toConst(), ae = E.y.toConst(), oe = L(E.mul(H(r))).toConst(), D = L(Dt(ae.sub(ie).mul(H(r)))).toConst(), se = D.greaterThan(L(0)).select(L(vt(L(4294967295), L(32).sub(r).add(r.sub(D)))), L(0)).toConst().shiftLeft(oe);
+				se = se.bitAnd(i.bitNot()), i.assign(i.bitOr(se));
+				let ce = Rt(se);
+				z(ce.greaterThan(0), () => {
 					let e = s(w);
-					z(Ve(e).greaterThan(.001), () => {
-						let t = Je(E), n = gt(I(m, t));
+					z(Ze(e).greaterThan(.001), () => {
+						let t = Ve(T), n = wt(I(m, t));
 						z(n.greaterThan(.001), () => {
-							let i = o(w), a = I(i, t.negate()), s = ot(a).lessThan(0).select(mt(a).mul(y), mt(a));
-							a = y.greaterThan(0).and(I(i, p).greaterThan(0)).select(s, gt(a)), x.rgb.addAssign(H(oe).div(H(r)).mul(e).mul(n).mul(a));
+							let i = o(w), a = I(i, t.negate()), s = Ot(a).lessThan(0).select(B(a).mul(y), B(a));
+							a = y.greaterThan(0).and(I(i, p).greaterThan(0)).select(s, wt(a)), x.rgb.addAssign(H(ce).div(H(r)).mul(e).mul(n).mul(a));
 						});
 					});
 				});
 			}), x;
-		}), d = _t("float"), f = _t("vec3"), p = St(d, f), m = V(() => {
+		}), d = jt("float"), f = jt("vec3"), p = We(d, f), m = V(() => {
 			let e = a(n).toVar();
 			e.greaterThanEqual(1).discard();
-			let t = Be(n, e, this._cameraProjectionMatrixInverse).toVar(), s = o(n).toVar(), l = Je(t.xyz.negate()).toVar(), p = c(ht), m = ft(ht), h = this._temporalDirection.mul(.02), g = je(p.add(this._temporalOffset)).add(wt(n.add(h).mul(2).sub(1))), _ = H(0), v = P(0), y = this.sliceCount.toConst(), b = this.stepCount.toConst(), ee = this.aoIntensity.toConst(), x = this.giIntensity.toConst(), S = this.radius.toConst(), C = H(0).toVar();
+			let t = Ye(n, e, this._cameraProjectionMatrixInverse).toVar(), s = o(n).toVar(), l = Ve(t.xyz.negate()).toVar(), p = c(Lt), m = Ct(Lt), h = this._temporalDirection.mul(.02), g = Re(p.add(this._temporalOffset)).add(St(n.add(h).mul(2).sub(1))), _ = H(0), v = N(0), y = this.sliceCount.toConst(), b = this.stepCount.toConst(), ee = this.aoIntensity.toConst(), x = this.giIntensity.toConst(), S = this.radius.toConst(), C = H(0).toVar();
 			z(this.useScreenSpaceSampling, () => {
 				C.assign(S.mul(this._resolution.x.div(2)).div(H(16)));
 			}).Else(() => {
-				C.assign(N(S.mul(this._halfProjScale).div(t.z.negate()), H(b)));
+				C.assign(F(S.mul(this._halfProjScale).div(t.z.negate()), H(b)));
 			}), C.divAssign(H(b).add(1));
-			let w = N(1, H(b.sub(1))).mul(C).toConst();
-			$e({
-				start: U(0),
+			let w = F(1, H(b.sub(1))).mul(C).toConst();
+			lt({
+				start: L(0),
 				end: y,
 				type: "uint",
 				condition: "<"
 			}, ({ i: e }) => {
-				let a = qe(H(e).add(m).add(this._temporalDirection), tt.div(H(y))).toConst(), o = P(B(Qe(a), xt(a)), 0).toConst(), c = o.xy.mul(H(1).div(this._resolution)).toConst(), d = Je(Pt(o, l)).toConst(), f = Pt(l, d).toConst(), p = s.sub(d.mul(I(s, d))).toConst(), h = gt(I(Je(p).toConst(), l), -1, 1).toConst(), b = ot(I(p, f)).negate().mul(Ot(h)).toConst();
-				i.assign(0), v.addAssign(u(at(!0), C, w, t, c, g, n, l, s, b)), v.addAssign(u(at(!1), C, w, t, c, g, n, l, s, b)), _.addAssign(H(At(i)).div(H(r)));
-			}), _.divAssign(H(y)), _.assign(it(_.clamp().oneMinus(), ee).clamp()), v.divAssign(H(y)), v.mulAssign(x);
-			let T = H(7).toConst(), E = Ve(v), te = E.greaterThan(T).select(T.div(E), H(1));
-			return v.mulAssign(te), d.assign(_), f.assign(v), F(0);
+				let a = He(H(e).add(m).add(this._temporalDirection), R.div(H(y))).toConst(), o = N(M(st(a), Tt(a)), 0).toConst(), c = o.xy.mul(H(1).div(this._resolution)).toConst(), d = Ve(Bt(o, l)).toConst(), f = Bt(l, d).toConst(), p = s.sub(d.mul(I(s, d))).toConst(), h = wt(I(Ve(p).toConst(), l), -1, 1).toConst(), b = Ot(I(p, f)).negate().mul(It(h)).toConst();
+				i.assign(0), v.addAssign(u(_t(!0), C, w, t, c, g, n, l, s, b)), v.addAssign(u(_t(!1), C, w, t, c, g, n, l, s, b)), _.addAssign(H(Rt(i)).div(H(r)));
+			}), _.divAssign(H(y)), _.assign(Ft(_.clamp().oneMinus(), ee).clamp()), v.divAssign(H(y)), v.mulAssign(x);
+			let te = H(7).toConst(), T = Ze(v), ne = T.greaterThan(te).select(te.div(T), H(1));
+			return v.mulAssign(ne), d.assign(_), f.assign(v), P(0);
 		});
 		return this._material.colorNode = m().context(e.getSharedContext()), this._material.outputNode = p, this._material.needsUpdate = !0, this._aoNode;
 	}
 	dispose() {
 		this._ssgiRenderTarget.dispose(), this._material.dispose();
 	}
-}, In = (e, t, n, r) => new Fn(st(e), t, n, r), Ln = class e extends Ht {
+}, Hn = (e, t, n, r) => new Vn(yt(e), t, n, r), Un = class extends Se {
+	static get type() {
+		return "DenoiseNode";
+	}
+	constructor(e, t, n, r) {
+		super("vec4"), this.textureNode = e, this.depthNode = t, this.normalNode = n, this.noiseNode = U(Gn()), this.lumaPhi = j(5), this.depthPhi = j(5), this.normalPhi = j(5), this.radius = j(5), this.index = j(0), this.updateBeforeType = Et.FRAME, this._resolution = j(new p()), this._sampleVectors = Le(Wn(16, 2, 1)), this._cameraProjectionMatrixInverse = j(r.projectionMatrixInverse);
+	}
+	updateBefore() {
+		let e = this.textureNode.value;
+		this._resolution.value.set(e.image.width, e.image.height);
+	}
+	setup() {
+		let e = Ne(), t = (e) => this.textureNode.sample(e), n = (e) => this.depthNode.sample(e).x, r = (e) => this.normalNode === null ? Ie(e, this.depthNode.value, this._cameraProjectionMatrixInverse) : this.normalNode.sample(e).rgb.normalize(), i = (e) => this.noiseNode.sample(e), a = V(([e, i, a, o]) => {
+			let s = t(o).toVar(), c = n(o).toVar(), l = r(o).toVar(), u = s.rgb, d = Ye(o, c, this._cameraProjectionMatrixInverse).toVar(), f = Ft(F(I(i, l).toVar(), 0), this.normalPhi).toVar(), p = B(Ze(u).sub(Ze(e))).toVar(), m = F(H(1).sub(p.div(this.lumaPhi)), 0).toVar(), h = B(I(a.sub(d), i)).toVar(), g = F(H(1).sub(h.div(this.depthPhi)), 0), _ = m.mul(g).mul(f);
+			return P(u.mul(_), _);
+		}), o = V(([e]) => {
+			let o = n(e).toVar(), s = r(e).toVar(), c = t(e).toVar(), l = jt("vec4");
+			return z(o.greaterThanEqual(1).or(I(s, s).equal(0)), () => {
+				l.assign(c);
+			}).Else(() => {
+				let t = N(c.rgb), n = Ye(e, o, this._cameraProjectionMatrixInverse).toConst(), r = $e(this.noiseNode, 0), u = M(e.x, e.y.oneMinus());
+				u = u.mul(this._resolution.div(r));
+				let d = i(u).toVar(), f = M(Tt(d.element(this.index.mod(4).mul(2).mul(R))), st(d.element(this.index.mod(4).mul(2).mul(R)))), p = ze(f.x, f.y.negate(), f.x, f.y), m = H(1).toVar(), h = N(c.rgb).toVar();
+				lt({
+					start: Me(0),
+					end: Me(16),
+					type: "int",
+					condition: "<"
+				}, ({ i: r }) => {
+					let i = this._sampleVectors.element(r), o = p.mul(i.xy.mul(H(1).add(i.z.mul(this.radius.sub(1))))).div(this._resolution), c = a(t, s, n, e.add(o));
+					h.addAssign(c.xyz), m.addAssign(c.w);
+				}), z(m.greaterThan(H(0)), () => {
+					h.divAssign(m);
+				}), l.assign(P(h, c.a));
+			}), l;
+		});
+		return V(() => o(e))();
+	}
+};
+function Wn(e, t, r) {
+	let i = [];
+	for (let a = 0; a < e; a++) {
+		let o = 2 * Math.PI * t * a / e, s = (a / (e - 1)) ** r;
+		i.push(new n(Math.cos(o), Math.sin(o), s));
+	}
+	return i;
+}
+function Gn(e = 64) {
+	let t = new pe(), n = e * e * 4, r = new Uint8Array(n);
+	for (let n = 0; n < e; n++) for (let i = 0; i < e; i++) {
+		let a = n, o = i;
+		r[(n * e + i) * 4] = (t.noise(a, o) * .5 + .5) * 255, r[(n * e + i) * 4 + 1] = (t.noise(a + e, o) * .5 + .5) * 255, r[(n * e + i) * 4 + 2] = (t.noise(a, o + e) * .5 + .5) * 255, r[(n * e + i) * 4 + 3] = (t.noise(a + e, o + e) * .5 + .5) * 255;
+	}
+	let i = new g(r, e, e);
+	return i.wrapS = u, i.wrapT = u, i.needsUpdate = !0, i;
+}
+var Kn = (e, t, n, r) => new Un(yt(e), tt(t), tt(n), r), qn = class e extends Jt {
 	static {
 		this.passId = "SsgiRenderPass";
 	}
 	constructor(t) {
-		super(), this.passId = e.passId, this.sliceCount = L(t.sliceCount, "uint"), this.stepCount = L(t.stepCount, "uint"), this.radius = L(t.radius), this.expFactor = L(t.expFactor), this.thickness = L(t.thickness), this.backfaceLighting = L(t.backfaceLighting), this.aoIntensity = L(t.aoIntensity), this.giIntensity = L(t.giIntensity), this.useLinearThickness = L(t.useLinearThickness), this.useScreenSpaceSampling = L(t.useScreenSpaceSampling), this.useTemporalFiltering = t.useTemporalFiltering;
+		super(), this.passId = e.passId, this.sliceCount = j(t.sliceCount, "uint"), this.stepCount = j(t.stepCount, "uint"), this.radius = j(t.radius), this.expFactor = j(t.expFactor), this.thickness = j(t.thickness), this.backfaceLighting = j(t.backfaceLighting), this.aoIntensity = j(t.aoIntensity), this.giIntensity = j(t.giIntensity), this.useLinearThickness = j(t.useLinearThickness), this.useScreenSpaceSampling = j(t.useScreenSpaceSampling), this.giDenoiseRadius = j(t.giDenoiseRadius), this.aoDenoiseRadius = j(t.aoDenoiseRadius), this.useTemporalFiltering = t.useTemporalFiltering;
 	}
 	updatePerformanceParameters(e) {
 		this.sliceCount.value = e.sliceCount, this.stepCount.value = e.stepCount;
 	}
 	addParametersToGUI(e, t) {
 		let n = e.addFolder("SSGI Settings");
-		n.add(this.sliceCount, "value", 1, 4, 1).name("slice count").onChange(() => t()), n.add(this.stepCount, "value", 1, 32, 1).name("step count").onChange(() => t()), n.add(this.radius, "value", 1, 25).name("radius").onChange(() => t()), n.add(this.expFactor, "value", 1, 3).name("exp factor").onChange(() => t()), n.add(this.thickness, "value", .01, 10).name("thickness").onChange(() => t()), n.add(this.backfaceLighting, "value", 0, 1).name("backface lighting").onChange(() => t()), n.add(this.aoIntensity, "value", 0, 4).name("AO intensity").onChange(() => t()), n.add(this.giIntensity, "value", 0, 100).name("GI intensity").onChange(() => t()), n.add(this.useLinearThickness, "value").name("use linear thickness").onChange(() => t()), n.add(this.useScreenSpaceSampling, "value").name("use screen-space sampling").onChange(() => t());
+		n.add(this.sliceCount, "value", 1, 4, 1).name("slice count").onChange(() => t()), n.add(this.stepCount, "value", 1, 32, 1).name("step count").onChange(() => t()), n.add(this.radius, "value", 1, 25).name("radius").onChange(() => t()), n.add(this.expFactor, "value", 1, 3).name("exp factor").onChange(() => t()), n.add(this.thickness, "value", .01, 10).name("thickness").onChange(() => t()), n.add(this.backfaceLighting, "value", 0, 1).name("backface lighting").onChange(() => t()), n.add(this.aoIntensity, "value", 0, 4).name("AO intensity").onChange(() => t()), n.add(this.giIntensity, "value", 0, 100).name("GI intensity").onChange(() => t()), n.add(this.useLinearThickness, "value").name("use linear thickness").onChange(() => t()), n.add(this.useScreenSpaceSampling, "value").name("use screen-space sampling").onChange(() => t()), n.add(this.aoDenoiseRadius, "value", 0, 20).name("AO denoise radius").onChange(() => t()), n.add(this.giDenoiseRadius, "value", 0, 20).name("GI denoise radius").onChange(() => t());
 	}
 	assemble(e, t, n, r, i) {
-		if (!(r instanceof l) || this.sliceCount.value === 0 || this.stepCount.value === 0) return t;
-		let a = e.getTextureNode("output"), o = e.getTextureNode("diffuseColor"), s = e.getTextureNode("depth"), c = e.getTextureNode("normal"), u = In(a, s, Et((e) => Ae(c.sample(e))), r);
+		if (!(r instanceof d) || this.sliceCount.value === 0 || this.stepCount.value === 0) return t;
+		let a = e.getTextureNode("output"), o = e.getTextureNode("diffuseColor"), s = e.getTextureNode("depth"), c = e.getTextureNode("normal"), l = pt((e) => Xe(c.sample(e))), u = Hn(a, s, l, r);
 		u.sliceCount = this.sliceCount, u.stepCount = this.stepCount, u.radius = this.radius, u.expFactor = this.expFactor, u.thickness = this.thickness, u.backfaceLighting = this.backfaceLighting, u.aoIntensity = this.aoIntensity, u.giIntensity = this.giIntensity, u.useLinearThickness = this.useLinearThickness, u.useScreenSpaceSampling = this.useScreenSpaceSampling, u.useTemporalFiltering = this.useTemporalFiltering;
-		let d = u.getGINode(), f = u.getAONode(), p = F(nt(a.rgb.mul(f.r), o.rgb.mul(d.rgb)), a.a);
-		return p.name = "Ssgi Composite", i === "ao only" ? F(P(f), 1) : i === "gi only" ? F(d, 1) : i === "direct lighting only" ? a : p;
-	}
-}, Rn = /* @__PURE__ */ new Se(), zn = /* @__PURE__ */ new d(), Bn, Vn = class extends ge {
+		let f = u.getGINode(), p = u.getAONode(), m = Kn(f, s, l, r);
+		m.radius = this.giDenoiseRadius;
+		let h = Kn(p, s, l, r);
+		h.radius = this.aoDenoiseRadius;
+		let g = P(mt(a.rgb.mul(h.r), o.rgb.mul(m.rgb)), a.a);
+		return g.name = "Ssgi Composite", i === "ao only" ? P(N(p.r), 1) : i === "gi only" ? P(f.rgb, 1) : i === "denoised ao only" ? P(N(h.r), 1) : i === "denoised gi only" ? P(m.rgb, 1) : i === "direct lighting only" ? a : i === "without denoise" ? P(mt(a.rgb.mul(p.r), o.rgb.mul(f.rgb)), a.a) : g;
+	}
+}, Jn = /* @__PURE__ */ new Oe(), Yn = /* @__PURE__ */ new p(), Xn, Zn = class extends Se {
 	static get type() {
 		return "TRAANode";
 	}
 	constructor(e, t, n, r) {
-		super("vec4"), this.isTRAANode = !0, this.updateBeforeType = ve.FRAME, this.beautyNode = e, this.depthNode = t, this.velocityNode = n, this.camera = r, this.depthThreshold = 5e-4, this.edgeDepthDiff = .001, this.maxVelocityLength = 128, this.useSubpixelCorrection = !0, this._jitterIndex = 0, this._invSize = L(new d()), this._historyRenderTarget = new C(1, 1, {
+		super("vec4"), this.isTRAANode = !0, this.updateBeforeType = we.FRAME, this.beautyNode = e, this.depthNode = t, this.velocityNode = n, this.camera = r, this.depthThreshold = 5e-4, this.edgeDepthDiff = .001, this.maxVelocityLength = 128, this.useSubpixelCorrection = !0, this._jitterIndex = 0, this._invSize = j(new p()), this._historyRenderTarget = new T(1, 1, {
 			depthBuffer: !1,
-			type: x,
-			depthTexture: new m()
-		}), this._historyRenderTarget.texture.name = "TRAANode.history", this._resolveRenderTarget = new C(1, 1, {
+			type: w,
+			depthTexture: new _()
+		}), this._historyRenderTarget.texture.name = "TRAANode.history", this._resolveRenderTarget = new T(1, 1, {
 			depthBuffer: !1,
-			type: x
-		}), this._resolveRenderTarget.texture.name = "TRAANode.resolve", this._resolveMaterial = new j(), this._resolveMaterial.name = "TRAA.resolve", this._textureNode = Ye(this, this._resolveRenderTarget.texture), this._originalProjectionMatrix = new O(), this._cameraNearFar = L(new d()), this._cameraWorldMatrix = L(new O()), this._cameraWorldMatrixInverse = L(new O()), this._cameraProjectionMatrixInverse = L(new O()), this._previousCameraWorldMatrix = L(new O()), this._previousCameraProjectionMatrixInverse = L(new O()), this._previousDepthNode = R(new m(1, 1)), this._needsPostProcessingSync = !1, this._velocityNode = null;
+			type: w
+		}), this._resolveRenderTarget.texture.name = "TRAANode.resolve", this._resolveMaterial = new k(), this._resolveMaterial.name = "TRAA.resolve", this._textureNode = ot(this, this._resolveRenderTarget.texture), this._originalProjectionMatrix = new D(), this._cameraNearFar = j(new p()), this._cameraWorldMatrix = j(new D()), this._cameraWorldMatrixInverse = j(new D()), this._cameraProjectionMatrixInverse = j(new D()), this._previousCameraWorldMatrix = j(new D()), this._previousCameraProjectionMatrixInverse = j(new D()), this._previousDepthNode = U(new _(1, 1)), this._needsPostProcessingSync = !1, this._velocityNode = null;
 	}
 	getTextureNode() {
 		return this._textureNode;
@@ -2663,45 +2723,45 @@ var An = /* @__PURE__ */ new Se(), jn = /* @__PURE__ */ new d(), Mn = [
 			offsetY: 0,
 			width: e,
 			height: t
-		}, r = Un[this._jitterIndex];
+		}, r = $n[this._jitterIndex];
 		this.camera.setViewOffset(n.fullWidth, n.fullHeight, n.offsetX + r[0] - .5, n.offsetY + r[1] - .5, n.width, n.height);
 	}
 	clearViewOffset() {
-		this.camera.clearViewOffset(), this._velocityNode.setProjectionMatrix(null), this._jitterIndex++, this._jitterIndex %= Un.length - 1;
+		this.camera.clearViewOffset(), this._velocityNode.setProjectionMatrix(null), this._jitterIndex++, this._jitterIndex %= $n.length - 1;
 	}
 	updateBefore(e) {
 		let { renderer: t } = e;
 		this._previousCameraWorldMatrix.value.copy(this._cameraWorldMatrix.value), this._previousCameraProjectionMatrixInverse.value.copy(this._cameraProjectionMatrixInverse.value), this._cameraNearFar.value.set(this.camera.near, this.camera.far), this._cameraWorldMatrix.value.copy(this.camera.matrixWorld), this._cameraWorldMatrixInverse.value.copy(this.camera.matrixWorldInverse), this._cameraProjectionMatrixInverse.value.copy(this.camera.projectionMatrixInverse);
 		let n = this.beautyNode.isRTTNode ? this.beautyNode.renderTarget : this.beautyNode.passNode.renderTarget, r = n.texture.width, i = n.texture.height;
-		this._needsPostProcessingSync === !0 && (this.setViewOffset(r, i), this._needsPostProcessingSync = !1), Bn = M.resetRendererState(t, Bn);
+		this._needsPostProcessingSync === !0 && (this.setViewOffset(r, i), this._needsPostProcessingSync = !1), Xn = A.resetRendererState(t, Xn);
 		let a = this._historyRenderTarget.width !== r || this._historyRenderTarget.height !== i;
-		this.setSize(r, i), a === !0 && (t.initRenderTarget(this._historyRenderTarget), t.initRenderTarget(this._resolveRenderTarget), t.copyTextureToTexture(n.texture, this._historyRenderTarget.texture)), t.setRenderTarget(this._resolveRenderTarget), Rn.material = this._resolveMaterial, Rn.name = "TRAA", Rn.render(t), t.setRenderTarget(null), t.copyTextureToTexture(this._resolveRenderTarget.texture, this._historyRenderTarget.texture);
-		let o = t.getDrawingBufferSize(zn);
+		this.setSize(r, i), a === !0 && (t.initRenderTarget(this._historyRenderTarget), t.initRenderTarget(this._resolveRenderTarget), t.copyTextureToTexture(n.texture, this._historyRenderTarget.texture)), t.setRenderTarget(this._resolveRenderTarget), Jn.material = this._resolveMaterial, Jn.name = "TRAA", Jn.render(t), t.setRenderTarget(null), t.copyTextureToTexture(this._resolveRenderTarget.texture, this._historyRenderTarget.texture);
+		let o = t.getDrawingBufferSize(Yn);
 		if (this._historyRenderTarget.height === o.height && this._historyRenderTarget.width === o.width) {
 			let e = this.depthNode.value;
 			t.copyTextureToTexture(e, this._historyRenderTarget.depthTexture), this._previousDepthNode.value = this._historyRenderTarget.depthTexture;
 		}
-		M.restoreRendererState(t, Bn);
+		A.restoreRendererState(t, Xn);
 	}
 	setup(e) {
 		let t = e.context.renderPipeline;
 		t && (this._needsPostProcessingSync = !0, t.context.onBeforeRenderPipeline = () => {
-			let t = e.renderer.getDrawingBufferSize(zn);
+			let t = e.renderer.getDrawingBufferSize(Yn);
 			this.setViewOffset(t.width, t.height);
 		}, t.context.onAfterRenderPipeline = () => {
 			this.clearViewOffset();
-		}), e.renderer.reversedDepthBuffer === !0 && (this._historyRenderTarget.depthTexture.type = _), e.context.velocity === void 0 ? this._velocityNode = He : this._velocityNode = e.context.velocity;
+		}), e.renderer.reversedDepthBuffer === !0 && (this._historyRenderTarget.depthTexture.type = b), e.context.velocity === void 0 ? this._velocityNode = Be : this._velocityNode = e.context.velocity;
 		let n = (e) => {
 			let { x: t, y: n } = this._cameraNearFar;
-			return Fe(ze(e, t, n), t, n);
-		}, r = jt({
+			return Ke(Je(e, t, n), t, n);
+		}, r = Vt({
 			closestDepth: "float",
 			closestPositionTexel: "vec2",
 			farthestDepth: "float"
 		}), i = V(([t]) => {
-			let i = H(2).toVar(), a = B(0).toVar(), o = H(-1).toVar();
+			let i = H(2).toVar(), a = M(0).toVar(), o = H(-1).toVar();
 			for (let r = -1; r <= 1; ++r) for (let s = -1; s <= 1; ++s) {
-				let c = t.add(B(r, s)).toVar(), l = this.depthNode.load(c).r;
+				let c = t.add(M(r, s)).toVar(), l = this.depthNode.load(c).r;
 				e.renderer.reversedDepthBuffer && (l = l.oneMinus()), e.renderer.logarithmicDepthBuffer && (l = n(l)), l = l.toVar(), z(l.lessThan(i), () => {
 					i.assign(l), a.assign(c);
 				}), z(l.greaterThan(o), () => {
@@ -2712,11 +2772,11 @@ var An = /* @__PURE__ */ new Se(), jn = /* @__PURE__ */ new d(), Mn = [
 		}), a = (t) => {
 			let r = this._previousDepthNode.sample(t).r;
 			e.renderer.logarithmicDepthBuffer && (r = n(r));
-			let i = Be(t, r, this._previousCameraProjectionMatrixInverse), a = this._previousCameraWorldMatrix.mul(F(i, 1)).xyz, o = this._cameraWorldMatrixInverse.mul(F(a, 1)).z;
-			return this.camera.isOrthographicCamera ? Me(o, this._cameraNearFar.x, this._cameraNearFar.y) : Fe(o, this._cameraNearFar.x, this._cameraNearFar.y);
+			let i = Ye(t, r, this._previousCameraProjectionMatrixInverse), a = this._previousCameraWorldMatrix.mul(P(i, 1)).xyz, o = this._cameraWorldMatrixInverse.mul(P(a, 1)).z;
+			return this.camera.isOrthographicCamera ? Ue(o, this._cameraNearFar.x, this._cameraNearFar.y) : Ke(o, this._cameraNearFar.x, this._cameraNearFar.y);
 		}, o = V(([e, t, n, r]) => {
-			let i = r.rgb.add(n.rgb).mul(.5), a = r.rgb.sub(n.rgb).mul(.5).add(1e-7), o = t.sub(F(i, e.a)), s = o.xyz.div(a).abs(), c = N(s.x, s.y, s.z);
-			return c.greaterThan(1).select(F(i, e.a).add(o.div(c)), t);
+			let i = r.rgb.add(n.rgb).mul(.5), a = r.rgb.sub(n.rgb).mul(.5).add(1e-7), o = t.sub(P(i, e.a)), s = o.xyz.div(a).abs(), c = F(s.x, s.y, s.z);
+			return c.greaterThan(1).select(P(i, e.a).add(o.div(c)), t);
 		}).setLayout({
 			name: "clipAABB",
 			type: "vec4",
@@ -2750,13 +2810,13 @@ var An = /* @__PURE__ */ new Se(), jn = /* @__PURE__ */ new d(), Mn = [
 				[-1, 0]
 			], a = t.toVar(), s = t.pow2().toVar();
 			for (let [t, n] of i) {
-				let r = this.beautyNode.offset(Re(t, n)).load(e).max(0);
+				let r = this.beautyNode.offset(qe(t, n)).load(e).max(0);
 				a.addAssign(r), s.addAssign(r.pow2());
 			}
 			let c = H(i.length + 1), l = a.div(c), u = s.div(c).sub(l.pow2()).max(0).sqrt().mul(r), d = l.sub(u), f = l.add(u);
 			return o(l.clamp(d, f), n, d, f);
 		}), c = V(([e, t]) => {
-			let n = e.mul(t).fract().abs(), r = N(n, n.oneMinus());
+			let n = e.mul(t).fract().abs(), r = F(n, n.oneMinus());
 			return r.x.mul(r.y).oneMinus().div(.75);
 		}).setLayout({
 			name: "subpixelCorrection",
@@ -2769,11 +2829,11 @@ var An = /* @__PURE__ */ new Se(), jn = /* @__PURE__ */ new d(), Mn = [
 				type: "ivec2"
 			}]
 		}), l = V(([e, t, n]) => {
-			let r = n.oneMinus(), i = e.mul(H(1).div(N(e.r, e.g, e.b).add(1))), a = t.mul(H(1).div(N(t.r, t.g, t.b).add(1))), o = Ve(i.rgb), s = Ve(a.rgb);
-			return n.mulAssign(H(1).div(o.add(1))), r.mulAssign(H(1).div(s.add(1))), nt(e.mul(n), t.mul(r)).div(N(n.add(r), 1e-5)).toVar();
-		}), u = R(this._historyRenderTarget.texture), d = V(() => {
-			let e = pt(), t = this.beautyNode.size(), n = e.mul(t), r = i(n), o = r.get("closestDepth"), d = r.get("closestPositionTexel"), f = r.get("farthestDepth"), p = this.velocityNode.load(d).xy.mul(B(.5, -.5)), m = e.sub(p), h = a(m), g = m.greaterThanEqual(0).all().and(m.lessThanEqual(1).all()), _ = f.sub(o).greaterThan(this.edgeDepthDiff), v = o.sub(h).greaterThan(this.depthThreshold), y = g.and(_.or(v.not())), b = this.beautyNode.sample(e), ee = u.sample(e.sub(p)), x = e.sub(m).mul(t).length().div(this.maxVelocityLength).saturate(), S = H(.05).toVar();
-			return this.useSubpixelCorrection && S.addAssign(c(p, t).mul(.25)), S.assign(y.select(S.add(x).saturate(), 1)), l(b, s(n, b, ee, It(.5, 1, x.oneMinus().pow2())), S);
+			let r = n.oneMinus(), i = e.mul(H(1).div(F(e.r, e.g, e.b).add(1))), a = t.mul(H(1).div(F(t.r, t.g, t.b).add(1))), o = Ze(i.rgb), s = Ze(a.rgb);
+			return n.mulAssign(H(1).div(o.add(1))), r.mulAssign(H(1).div(s.add(1))), mt(e.mul(n), t.mul(r)).div(F(n.add(r), 1e-5)).toVar();
+		}), u = U(this._historyRenderTarget.texture), d = V(() => {
+			let e = Ne(), t = this.beautyNode.size(), n = e.mul(t), r = i(n), o = r.get("closestDepth"), d = r.get("closestPositionTexel"), f = r.get("farthestDepth"), p = this.velocityNode.load(d).xy.mul(M(.5, -.5)), m = e.sub(p), h = a(m), g = m.greaterThanEqual(0).all().and(m.lessThanEqual(1).all()), _ = f.sub(o).greaterThan(this.edgeDepthDiff), v = o.sub(h).greaterThan(this.depthThreshold), y = g.and(_.or(v.not())), b = this.beautyNode.sample(e), ee = u.sample(e.sub(p)), x = e.sub(m).mul(t).length().div(this.maxVelocityLength).saturate(), S = H(.05).toVar();
+			return this.useSubpixelCorrection && S.addAssign(c(p, t).mul(.25)), S.assign(y.select(S.add(x).saturate(), 1)), l(b, s(n, b, ee, Pe(.5, 1, x.oneMinus().pow2())), S);
 		});
 		return this._resolveMaterial.colorNode = d(), this._textureNode;
 	}
@@ -2781,12 +2841,12 @@ var An = /* @__PURE__ */ new Se(), jn = /* @__PURE__ */ new d(), Mn = [
 		this._historyRenderTarget.dispose(), this._resolveRenderTarget.dispose(), this._resolveMaterial.dispose();
 	}
 };
-function Hn(e, t) {
+function Qn(e, t) {
 	let n = 1, r = 0;
 	for (; e > 0;) n /= t, r += e % t * n, e = Math.floor(e / t);
 	return r;
 }
-var Un = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Hn(t + 1, 2), Hn(t + 1, 3)]), Wn = (e, t, n, r) => new Vn(st(e), t, n, r), Gn = class e extends Ht {
+var $n = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Qn(t + 1, 2), Qn(t + 1, 3)]), er = (e, t, n, r) => new Zn(yt(e), t, n, r), tr = class e extends Jt {
 	constructor(...t) {
 		super(...t), this.passId = e.passId;
 	}
@@ -2794,7 +2854,7 @@ var Un = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Hn(t + 1, 2), Hn(
 		this.passId = "TraaRenderPass";
 	}
 	assemble(e, t, n, r, i) {
-		return r instanceof l ? Wn(t, e.getTextureNode("depth"), e.getTextureNode("velocity"), r) : t;
+		return r instanceof d ? er(t, e.getTextureNode("depth"), e.getTextureNode("velocity"), r) : t;
 	}
 	addParametersToGUI(e, t) {}
 }, Q = {
@@ -2811,7 +2871,7 @@ var Un = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Hn(t + 1, 2), Hn(
 	Q.MEDIUM,
 	Q.LOW,
 	Q.LOWEST
-], Kn = $[0], qn = $[$.length - 1], Jn = Q.HIGHEST, Yn = new Map([
+], nr = $[0], rr = $[$.length - 1], ir = Q.HIGHEST, ar = new Map([
 	[Q.HIGHEST, {
 		maxPixelRatio: 1.5,
 		ssgiPerformanceParameters: {
@@ -2854,7 +2914,7 @@ var Un = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Hn(t + 1, 2), Hn(
 			stepCount: 0
 		}
 	}]
-]), Xn = [
+]), or = [
 	{
 		min: 70,
 		max: Infinity,
@@ -2885,16 +2945,16 @@ var Un = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Hn(t + 1, 2), Hn(
 		max: 19,
 		value: Q.LOWEST
 	}
-], Zn = (e) => Xn.find((t) => e >= t.min && e <= t.max).value, Qn = class {
+], sr = (e) => or.find((t) => e >= t.min && e <= t.max).value, cr = class {
 	constructor(e) {
-		this.qualityLevel = Jn, this.qualityMap = Yn, this.fpsCounter = new pe(), this.applyQualityParametersCallback = e;
+		this.qualityLevel = ir, this.qualityMap = ar, this.fpsCounter = new ye(), this.applyQualityParametersCallback = e;
 	}
 	getQualityLevel() {
 		return this.qualityLevel;
 	}
 	manageQualitySettings(e, t) {
 		this.fpsCounter.update();
-		let n = this.fpsCounter.getFps(), r = n > 0 && n < e && this.qualityLevel !== qn, i = n > t && this.qualityLevel !== Kn, a = r ? "decrement" : i ? "increment" : void 0;
+		let n = this.fpsCounter.getFps(), r = n > 0 && n < e && this.qualityLevel !== rr, i = n > t && this.qualityLevel !== nr, a = r ? "decrement" : i ? "increment" : void 0;
 		if (a === void 0) {
 			this.qualityChangePendingSince = void 0, this.qualityChangePendingDirection = void 0;
 			return;
@@ -2934,28 +2994,28 @@ var Un = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Hn(t + 1, 2), Hn(
 	async autoDetectInitialQualityLevel() {
 		let { getGPUTier: e } = await import("./dist-Blgk0vU0.mjs"), t = await e({ benchmarksURL: "./benchmarks" });
 		if (!t || !t.fps) {
-			console.info("Could not autodetect performance - no benchmark for graphics hardware. Defaulting to HIGHEST"), this.qualityLevel = Jn;
+			console.info("Could not autodetect performance - no benchmark for graphics hardware. Defaulting to HIGHEST"), this.qualityLevel = ir;
 			return;
 		}
-		this.qualityLevel = Zn(t.fps), console.info(`The initial quality setting has been set to ${this.qualityLevel} based on a benchmark performance of ${t.fps}fps of the graphics hardware.`);
+		this.qualityLevel = sr(t.fps), console.info(`The initial quality setting has been set to ${this.qualityLevel} based on a benchmark performance of ${t.fps}fps of the graphics hardware.`);
 	}
-}, $n = class e extends Ht {
+}, lr = class e extends Jt {
 	static {
 		this.passId = "FogRenderPass";
 	}
 	constructor(t) {
-		super(), this.passId = e.passId, this.sceneWithFog = void 0, this.fogColor = L(new k(t.color)), this.fogNearBlend = L(t.nearBlend), this.fogFarBlend = L(t.farBlend);
+		super(), this.passId = e.passId, this.sceneWithFog = void 0, this.fogColor = j(new le(t.color)), this.fogNearBlend = j(t.nearBlend), this.fogFarBlend = j(t.farBlend);
 	}
 	assemble(e, t, n, r, i) {
-		if (!(r instanceof l) || i === "no fog") return this.removeSceneFog(), t;
+		if (!(r instanceof d) || i === "no fog") return this.removeSceneFog(), t;
 		let a = e.getTextureNode("depth");
-		if (i === "depth") return this.removeSceneFog(), F(P(a.r), 1);
-		let o = L(r.projectionMatrixInverse), s = L(r.matrixWorld), c = We(L(r.far).onRenderUpdate(() => r.far), 50).sub(this.fogFarBlend), u = c.sub(this.fogNearBlend), d = F(kt.x.mul(2).sub(1), kt.y.mul(2).sub(1), a.r, 1), f = o.mul(d), p = f.xyz.div(f.w), m = s.mul(F(p, 1)).xyz.xz.length(), h = c.sub(m).div(c.sub(u)).clamp(0, 1);
-		return this.addSceneFog(n, u, c), It(F(this.fogColor, 1), t, h);
+		if (i === "depth") return this.removeSceneFog(), P(N(a.r), 1);
+		let o = j(r.projectionMatrixInverse), s = j(r.matrixWorld), c = Ht(j(r.far).onRenderUpdate(() => r.far), 50).sub(this.fogFarBlend), l = c.sub(this.fogNearBlend), u = P(ht.x.mul(2).sub(1), ht.y.mul(2).sub(1), a.r, 1), f = o.mul(u), p = f.xyz.div(f.w), m = s.mul(P(p, 1)).xyz.xz.length(), h = c.sub(m).div(c.sub(l)).clamp(0, 1);
+		return this.addSceneFog(n, l, c), Pe(P(this.fogColor, 1), t, h);
 	}
 	addSceneFog(e, t, n) {
-		let r = Te.xz.length(), i = n.sub(r).div(n.sub(t)).clamp(0, 1).oneMinus();
-		e.fogNode = Ge(this.fogColor, i), this.sceneWithFog = e;
+		let r = gt.xz.length(), i = n.sub(r).div(n.sub(t)).clamp(0, 1).oneMinus();
+		e.fogNode = et(this.fogColor, i), this.sceneWithFog = e;
 	}
 	removeSceneFog() {
 		this.sceneWithFog &&= (this.sceneWithFog.fogNode = null, void 0);
@@ -2966,17 +3026,17 @@ var Un = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Hn(t + 1, 2), Hn(
 			this.fogColor.value.set(e), n();
 		});
 	}
-}, er = {
-	[A.NONE]: 0,
-	[A.LINEAR]: 1,
-	[A.REINHARD]: 2,
-	[A.CINEON]: 3,
-	[A.ACES_FILMIC]: 4,
-	[A.AGX]: 6,
-	[A.NEUTRAL]: 7
-}, tr = class extends fe {
+}, ur = {
+	[O.NONE]: 0,
+	[O.LINEAR]: 1,
+	[O.REINHARD]: 2,
+	[O.CINEON]: 3,
+	[O.ACES_FILMIC]: 4,
+	[O.AGX]: 6,
+	[O.NEUTRAL]: 7
+}, dr = class extends ve {
 	constructor(e, t, n, r, i = n) {
-		super(e, t), this.passNeedsReassembly = !0, this.debugMode = "off", this.renderPasses = /* @__PURE__ */ new Map(), this.guiParameterGroups = /* @__PURE__ */ new Map(), this.lastRenderCamera = void 0, this.qualityManager = new Qn(this.applyQualityParameters.bind(this)), this.freezeFrames = 0, this.freezeRenderTarget = new C(), this.renderPipeline = new ye(t), this.applyToneMappingConfig(), this.enableDefaultRenderPasses(n, r, i), this._initData.webGpuConfig.autoDetectQualityLevel ? this.qualityManager.autoDetectInitialQualityLevel().then(() => this.qualityManager.applyCurrentQualityLevel(0)) : this.qualityManager.applyCurrentQualityLevel(0);
+		super(e, t), this.passNeedsReassembly = !0, this.debugMode = "off", this.renderPasses = /* @__PURE__ */ new Map(), this.guiParameterGroups = /* @__PURE__ */ new Map(), this.lastRenderCamera = void 0, this.qualityManager = new cr(this.applyQualityParameters.bind(this)), this.freezeFrames = 0, this.freezeRenderTarget = new T(), this.renderPipeline = new Te(t), this.applyToneMappingConfig(), this.enableDefaultRenderPasses(n, r, i), this._initData.webGpuConfig.autoDetectQualityLevel ? this.qualityManager.autoDetectInitialQualityLevel().then(() => this.qualityManager.applyCurrentQualityLevel(0)) : this.qualityManager.applyCurrentQualityLevel(0);
 	}
 	enableDefaultRenderPasses(e, t, n) {
 		let r = this._initData.webGpuConfig.fog.enabled, i = this._initData.transparentBackground;
@@ -3015,15 +3075,15 @@ var Un = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Hn(t + 1, 2), Hn(
 		this.renderer.setRenderTarget(this.freezeRenderTarget), this.renderPipeline.render(), this.renderer.setRenderTarget(e);
 	}
 	updateCameraProjectionMatrix(e) {
-		(e instanceof r || e instanceof l) && e.updateProjectionMatrix();
+		(e instanceof i || e instanceof d) && e.updateProjectionMatrix();
 	}
 	assembleRenderPasses(e, t) {
-		let n = Xe(e, t), r = n;
-		n.setMRT(De({
-			output: Le,
-			diffuseColor: et,
-			normal: Ie(Ke),
-			velocity: He
+		let n = it(e, t), r = n;
+		n.setMRT(nt({
+			output: kt,
+			diffuseColor: dt,
+			normal: at(rt),
+			velocity: Be
 		}));
 		for (let i of this.renderPasses.values()) r = i.assemble(n, r, e, t, this.debugMode);
 		return r;
@@ -3036,7 +3096,7 @@ var Un = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Hn(t + 1, 2), Hn(
 		this.isConfiguratorMode && this._webGpuGroundShadowReflection.setReceiveShadow(e);
 	}
 	enableOutline(e, t) {
-		this.getOutlinePassOrUndefined() || this.addRenderPass(new Ut({
+		this.getOutlinePassOrUndefined() || this.addRenderPass(new Yt({
 			selectedObjects: [],
 			visibleEdgeColor: e,
 			hiddenEdgeColor: t,
@@ -3046,11 +3106,13 @@ var Un = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Hn(t + 1, 2), Hn(
 		}));
 	}
 	getOutlinePassOrUndefined() {
-		let e = this.renderPasses.get(Ut.passId);
-		if (e && e instanceof Ut) return e;
+		let e = this.renderPasses.get(Yt.passId);
+		if (e && e instanceof Yt) return e;
 	}
 	enableSsgiPass(e) {
-		this.renderPasses.get(Ln.passId) || this.addRenderPass(new Ln({
+		if (this.renderPasses.get(qn.passId)) return;
+		let t = this._initData.webGpuConfig.ssgi;
+		this.addRenderPass(new qn({
 			sliceCount: 2,
 			stepCount: 12,
 			radius: 8,
@@ -3059,26 +3121,28 @@ var Un = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Hn(t + 1, 2), Hn(
 			backfaceLighting: 0,
 			aoIntensity: .6,
 			giIntensity: 4,
+			aoDenoiseRadius: t.aoDenoiseRadius,
+			giDenoiseRadius: t.giDenoiseRadius,
 			useLinearThickness: !1,
 			useScreenSpaceSampling: !0,
 			useTemporalFiltering: e
 		}));
 	}
 	enableTraaPass() {
-		this.renderPasses.get(Gn.passId) || this.addRenderPass(new Gn());
+		this.renderPasses.get(tr.passId) || this.addRenderPass(new tr());
 	}
 	enableFogPass() {
-		if (this.renderPasses.get($n.passId)) return;
+		if (this.renderPasses.get(lr.passId)) return;
 		let e = this._initData.webGpuConfig.fog;
-		this.addRenderPass(new $n({
+		this.addRenderPass(new lr({
 			color: this._initData.colors.DEFAULT_BACKGROUND,
 			nearBlend: e.nearBlend,
 			farBlend: e.farBlend
 		}));
 	}
 	disableFogPass() {
-		let e = this.renderPasses.get($n.passId);
-		!e || !(e instanceof $n) || (e.removeSceneFog(), this.renderPasses.delete($n.passId));
+		let e = this.renderPasses.get(lr.passId);
+		!e || !(e instanceof lr) || (e.removeSceneFog(), this.renderPasses.delete(lr.passId));
 	}
 	applyQualityParameters(e, t) {
 		this.freezeFrames = Math.max(t, this.freezeFrames);
@@ -3086,17 +3150,17 @@ var Un = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Hn(t + 1, 2), Hn(
 		this.renderer.setPixelRatio(Math.min(n, e.maxPixelRatio)), this.getSsgiPassOrUndefined()?.updatePerformanceParameters(e.ssgiPerformanceParameters), this.passNeedsReassembly = !0;
 	}
 	getSsgiPassOrUndefined() {
-		let e = this.renderPasses.get(Ln.passId);
-		if (e && e instanceof Ln) return e;
+		let e = this.renderPasses.get(qn.passId);
+		if (e && e instanceof qn) return e;
 	}
 	setShadingType(e) {
-		e !== ce.DEFAULT && console.error("RoomleWebGPURenderer.setShadingType is not implemented yet");
+		e !== me.DEFAULT && console.error("RoomleWebGPURenderer.setShadingType is not implemented yet");
 	}
 	showGUI(e) {
-		if (this.renderer.inspector instanceof Dn) return;
+		if (this.renderer.inspector instanceof Nn) return;
 		let t = document.createElement("style");
 		t.innerText = ".profiler-toggle,\n  .profiler-mini-panel {\n    left: 15px;\n    right: auto !important;\n  }", document.head.appendChild(t);
-		let n = new Dn();
+		let n = new Nn();
 		this.renderer.inspector = n, this._domHelper.element?.appendChild(n.domElement), this.addDebugGUI(n, e), this.qualityManager.addGUI(n, e);
 		let r = n.createParameters("Render Pass Settings");
 		for (let t of this.renderPasses.values()) t.addParametersToGUI(r, e);
@@ -3110,6 +3174,9 @@ var Un = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Hn(t + 1, 2), Hn(
 			Direct: "direct lighting only",
 			Ao: "ao only",
 			Gi: "gi only",
+			DenoisedAo: "denoised ao only",
+			DenoisedGi: "denoised gi only",
+			WithoutDenoise: "without denoise",
 			NoFog: "no fog",
 			Depth: "depth"
 		}).onChange((e) => {
@@ -3120,7 +3187,7 @@ var Un = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Hn(t + 1, 2), Hn(
 	}
 	applyToneMappingConfig() {
 		let { toneMapping: e, toneMappingExposure: t } = this._initData.webGpuConfig;
-		this.renderer.toneMapping = er[e], this.renderer.toneMappingExposure = t;
+		this.renderer.toneMapping = ur[e], this.renderer.toneMappingExposure = t;
 	}
 	addToneMappingSettings(e, t) {
 		let n = e.addFolder("Tone Mapping"), r = {
@@ -3143,7 +3210,7 @@ var Un = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Hn(t + 1, 2), Hn(
 	}
 	getOrCreateGUIParameters(e) {
 		let t = this.renderer.inspector;
-		if (t instanceof Dn) return this.guiParameterGroups.get(e) ?? this.createAndCacheGUIParameters(t, e);
+		if (t instanceof Nn) return this.guiParameterGroups.get(e) ?? this.createAndCacheGUIParameters(t, e);
 		throw Error("Inspector GUI is not initialized. Call showGUI() before creating parameter groups.");
 	}
 	createAndCacheGUIParameters(e, t) {
@@ -3151,8 +3218,8 @@ var Un = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Hn(t + 1, 2), Hn(
 		return this.guiParameterGroups.set(t, n), n;
 	}
 };
-de([ue, le("design:type", Object)], tr.prototype, "_domHelper", void 0), de([ue, le("design:type", Object)], tr.prototype, "_webGpuGroundShadowReflection", void 0), de([ue, le("design:type", Object)], tr.prototype, "_initData", void 0);
+_e([ge, he("design:type", Object)], dr.prototype, "_domHelper", void 0), _e([ge, he("design:type", Object)], dr.prototype, "_webGpuGroundShadowReflection", void 0), _e([ge, he("design:type", Object)], dr.prototype, "_initData", void 0);
 //#endregion
-export { tr as RoomleWebGPURenderer };
+export { dr as RoomleWebGPURenderer };
 
-//# sourceMappingURL=roomle-webgpu-renderer-Dzuy_Y39.mjs.map
+//# sourceMappingURL=roomle-webgpu-renderer-Lt55gNj5.mjs.map