incanto 0.35.0 → 0.35.1

package/dist/editor.js

@@ -191,23 +191,33 @@ var Te = {
 	scenes: ye,
 	createScene: be,
 	library: we
-}, Ee = localStorage.getItem("incanto-editor-lang") ?? "en", De = /* @__PURE__ */ new Set();
-function Oe() {
-	return Ee;
+};
+//#endregion
+//#region src/i18n.ts
+function Ee() {
+	try {
+		return typeof localStorage > "u" ? null : localStorage;
+	} catch {
+		return null;
+	}
 }
-function ke(e) {
-	Ee = e, localStorage.setItem("incanto-editor-lang", e);
-	for (let e of De) e();
+var De = Ee()?.getItem("incanto-editor-lang") ?? "en", Oe = /* @__PURE__ */ new Set();
+function ke() {
+	return De;
 }
 function Ae(e) {
-	De.add(e);
+	De = e, Ee()?.setItem("incanto-editor-lang", e);
+	for (let e of Oe) e();
+}
+function je(e) {
+	Oe.add(e);
 }
 function I(e) {
-	return e[Ee];
+	return e[De];
 }
 //#endregion
 //#region src/icons.ts
-var je = {
+var Me = {
 	node: { paths: ["M5 5h14v14H5z"] },
 	move: { paths: ["M12 3v18M3 12h18", "M8 7l4-4 4 4M8 17l4 4 4-4M7 8l-4 4 4 4M17 8l4 4-4 4"] },
 	image: {
@@ -366,7 +376,7 @@ var je = {
 		"M12 14h8v8h-8z",
 		"M8 6h8v8H8z"
 	] }
-}, Me = {
+}, Ne = {
 	Node: "node",
 	Timer: "clock",
 	AudioPlayer: "speaker",
@@ -403,8 +413,8 @@ var je = {
 	Area3D: "area",
 	NetworkSpawner: "globe"
 };
-function Ne(e) {
-	let t = je[Me[e ?? ""] ?? (e ? "node" : "link")], n = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+function Pe(e) {
+	let t = Me[Ne[e ?? ""] ?? (e ? "node" : "link")], n = document.createElementNS("http://www.w3.org/2000/svg", "svg");
 	n.setAttribute("viewBox", "0 0 24 24"), n.setAttribute("width", "13"), n.setAttribute("height", "13"), n.setAttribute("fill", "none"), n.setAttribute("stroke", "currentColor"), n.setAttribute("stroke-width", "2"), n.setAttribute("stroke-linecap", "round"), n.setAttribute("stroke-linejoin", "round"), t.dashed && n.setAttribute("stroke-dasharray", "3 2.4");
 	for (let e of t.paths) {
 		let t = document.createElementNS("http://www.w3.org/2000/svg", "path");
@@ -416,7 +426,7 @@ function Ne(e) {
 	}
 	return n;
 }
-function Pe() {
+function Fe() {
 	let e = document.createElementNS("http://www.w3.org/2000/svg", "svg");
 	e.setAttribute("viewBox", "0 0 24 24"), e.setAttribute("width", "12"), e.setAttribute("height", "12"), e.setAttribute("fill", "none"), e.setAttribute("stroke", "currentColor"), e.setAttribute("stroke-width", "2.4"), e.setAttribute("aria-hidden", "true");
 	let t = document.createElementNS("http://www.w3.org/2000/svg", "path");
@@ -424,7 +434,7 @@ function Pe() {
 }
 //#endregion
 //#region src/asset-manager.ts
-var Fe = [
+var Ie = [
 	{
 		type: "texture",
 		label: "image (texture)",
@@ -449,8 +459,8 @@ var Fe = [
 		label: "animation (GLB clips)",
 		metaHints: ["clip"]
 	}
-], Ie = /* @__PURE__ */ new Set(), Le = null, Re = null;
-function ze(e, t, n) {
+], Le = /* @__PURE__ */ new Set(), Re = null, ze = null;
+function Be(e, t, n) {
 	let r = document.createElement("input");
 	r.className = "rename-input", r.value = e;
 	let i = () => {
@@ -470,7 +480,7 @@ function ze(e, t, n) {
 		r.focus(), r.select();
 	}), r;
 }
-function Be(e, t) {
+function Ve(e, t) {
 	let n = {
 		path: "",
 		name: "",
@@ -497,12 +507,12 @@ function Be(e, t) {
 	for (let e of t) r(e);
 	return n;
 }
-function Ve(e) {
+function He(e) {
 	let t = e.assets.length;
-	for (let n of e.folders.values()) t += Ve(n);
+	for (let n of e.folders.values()) t += He(n);
 	return t;
 }
-function He(e, t) {
+function Ue(e, t) {
 	e.textContent = "";
 	let n = t.working.assets ?? {}, r = Object.keys(n);
 	if (r.length === 0 && t.pendingGroups.size === 0 && !t.addingAsset && !t.addingGroup) {
@@ -528,37 +538,37 @@ function He(e, t) {
 			t.dataTransfer?.setData("text/incanto-asset", e);
 		});
 		let s = document.createElement("span");
-		if (s.className = "tree-icon", s.appendChild(it(i.type ?? "")), s.addEventListener("click", (e) => {
-			e.stopPropagation(), at(s, i.type ?? "");
-		}), Le === e) {
+		if (s.className = "tree-icon", s.appendChild(at(i.type ?? "")), s.addEventListener("click", (e) => {
+			e.stopPropagation(), ot(s, i.type ?? "");
+		}), Re === e) {
 			let n = e.includes("/") ? e.slice(0, e.lastIndexOf("/") + 1) : "";
-			o.appendChild(ze(a, (r) => {
-				Le = null, t.renameAssetKey(e, n + r);
+			o.appendChild(Be(a, (r) => {
+				Re = null, t.renameAssetKey(e, n + r);
 			}, () => {
-				Le = null, t.selectAsset(t.selectedAsset);
+				Re = null, t.selectAsset(t.selectedAsset);
 			})), o.draggable = !1, o.insertBefore(s, o.firstChild), r.appendChild(o);
 			return;
 		}
 		let c = document.createElement("span");
 		c.className = "tree-name asset-key", c.textContent = `$${a}`, c.title = `$${e}`, c.addEventListener("dblclick", (n) => {
-			n.stopPropagation(), Le = e, t.selectAsset(e);
+			n.stopPropagation(), Re = e, t.selectAsset(e);
 		}), o.append(s, c), o.addEventListener("click", () => t.selectAsset(e)), r.appendChild(o);
 	}, o = (e, n) => {
-		let r = Ie.has(e.path), s = document.createElement("div");
+		let r = Le.has(e.path), s = document.createElement("div");
 		s.className = `asset-folder${r ? " collapsed" : ""}${t.selectedGroup === e.path ? " selected" : ""}`, s.draggable = !0, s.addEventListener("dragstart", (t) => {
 			t.stopPropagation(), t.dataTransfer?.setData("text/incanto-group", e.path);
 		});
 		let c = document.createElement("span");
-		c.className = "chev", c.appendChild(Pe());
+		c.className = "chev", c.appendChild(Fe());
 		let l = document.createElementNS("http://www.w3.org/2000/svg", "svg");
 		l.setAttribute("viewBox", "0 0 24 24"), l.setAttribute("width", "12"), l.setAttribute("height", "12"), l.setAttribute("fill", "none"), l.setAttribute("stroke", "currentColor"), l.setAttribute("stroke-width", "1.8"), l.setAttribute("aria-hidden", "true");
 		let u = document.createElementNS("http://www.w3.org/2000/svg", "path");
-		if (u.setAttribute("d", "M3 6a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"), l.appendChild(u), Re === e.path) {
+		if (u.setAttribute("d", "M3 6a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"), l.appendChild(u), ze === e.path) {
 			let i = e.path.includes("/") ? e.path.slice(0, e.path.lastIndexOf("/") + 1) : "";
-			if (s.append(c, l, ze(e.name, (n) => {
-				Re = null, t.renameGroup(e.path, i + n);
+			if (s.append(c, l, Be(e.name, (n) => {
+				ze = null, t.renameGroup(e.path, i + n);
 			}, () => {
-				Re = null, t.selectGroup(t.selectedGroup);
+				ze = null, t.selectGroup(t.selectedGroup);
 			})), s.draggable = !1, n.appendChild(s), !r) {
 				let t = document.createElement("div");
 				t.className = "tree-children";
@@ -570,11 +580,11 @@ function He(e, t) {
 		}
 		let d = document.createElement("span");
 		d.textContent = e.name, d.addEventListener("dblclick", (n) => {
-			n.stopPropagation(), Re = e.path, t.selectGroup(e.path);
+			n.stopPropagation(), ze = e.path, t.selectGroup(e.path);
 		});
 		let f = document.createElement("span");
-		if (f.className = "count", f.textContent = `(${Ve(e)})`, s.append(c, l, d, f), s.addEventListener("click", () => {
-			Ie.has(e.path) ? Ie.delete(e.path) : Ie.add(e.path), t.selectGroup(e.path);
+		if (f.className = "count", f.textContent = `(${He(e)})`, s.append(c, l, d, f), s.addEventListener("click", () => {
+			Le.has(e.path) ? Le.delete(e.path) : Le.add(e.path), t.selectGroup(e.path);
 		}), i(s, e.path), n.appendChild(s), !r) {
 			let t = document.createElement("div");
 			t.className = "tree-children";
@@ -582,16 +592,16 @@ function He(e, t) {
 			for (let n of e.assets) a(n, t);
 			t.children.length > 0 && n.appendChild(t);
 		}
-	}, s = Be(r, t.pendingGroups);
+	}, s = Ve(r, t.pendingGroups);
 	for (let t of s.assets) a(t, e);
 	for (let t of s.folders.values()) o(t, e);
 }
-function Ue(e, t, n, r) {
+function We(e, t, n, r) {
 	if (t.selection !== null) return !1;
 	if (t.addingGroup) {
-		e.appendChild(lt(t.newGroupParent ? `NEW GROUP IN ${t.newGroupParent}/` : "NEW GROUP"));
+		e.appendChild(ut(t.newGroupParent ? `NEW GROUP IN ${t.newGroupParent}/` : "NEW GROUP"));
 		let n = document.createElement("input");
-		n.placeholder = t.newGroupParent ? "heroes" : "characters (or a/b to nest)", n.className = "mono", e.appendChild($e("name", n));
+		n.placeholder = t.newGroupParent ? "heroes" : "characters (or a/b to nest)", n.className = "mono", e.appendChild(et("name", n));
 		let r = document.createElement("button");
 		r.type = "button", r.className = "primary", r.textContent = "add";
 		let i = () => {
@@ -604,12 +614,12 @@ function Ue(e, t, n, r) {
 		let a = document.createElement("div");
 		return a.className = "pop-actions", a.appendChild(r), e.appendChild(a), setTimeout(() => n.focus(), 0), !0;
 	}
-	if (t.addingAsset) return qe(e, t, r);
+	if (t.addingAsset) return Je(e, t, r);
 	if (t.selectedGroup !== null) {
 		let r = t.selectedGroup, i = t.groupCount(r);
-		e.appendChild(lt(`GROUP (${i} asset${i === 1 ? "" : "s"})`));
+		e.appendChild(ut(`GROUP (${i} asset${i === 1 ? "" : "s"})`));
 		let a = r.includes("/") ? r.slice(0, r.lastIndexOf("/") + 1) : "", o = r.includes("/") ? r.slice(r.lastIndexOf("/") + 1) : r;
-		e.appendChild(et("name", o, (e) => {
+		e.appendChild(tt("name", o, (e) => {
 			let n = e.trim().replace(/\/+/g, "");
 			n && n !== o && t.renameGroup(r, a + n);
 		}));
@@ -626,7 +636,7 @@ function Ue(e, t, n, r) {
 	if (i === null) return !1;
 	let a = t.working.assets ?? {};
 	if (!(i in a)) return !1;
-	e.appendChild(lt(`ASSET — ${String(a[i].type ?? "?")}`)), e.appendChild(ot(i)), e.appendChild(st(t, i)), e.appendChild(We(t, a, i, r));
+	e.appendChild(ut(`ASSET — ${String(a[i].type ?? "?")}`)), e.appendChild(st(i)), e.appendChild(ct(t, i)), e.appendChild(Ge(t, a, i, r));
 	let o = document.createElement("button");
 	return o.type = "button", o.className = "ghost danger", o.textContent = "delete asset", o.addEventListener("click", () => {
 		t.selectAsset(null), t.mutate(() => {
@@ -634,34 +644,34 @@ function Ue(e, t, n, r) {
 		});
 	}), e.appendChild(o), !0;
 }
-function We(e, t, n, r) {
+function Ge(e, t, n, r) {
 	let i = t[n], a = document.createElement("div");
 	a.className = "asset-editor";
-	let o = n.includes("/") ? n.slice(n.lastIndexOf("/") + 1) : n, s = n.includes("/") ? n.slice(0, n.lastIndexOf("/") + 1) : "", c = et("name", o, (t) => {
+	let o = n.includes("/") ? n.slice(n.lastIndexOf("/") + 1) : n, s = n.includes("/") ? n.slice(0, n.lastIndexOf("/") + 1) : "", c = tt("name", o, (t) => {
 		let r = t.trim().replace(/^\$/, "").replace(/\//g, "");
 		r && r !== o && e.renameAssetKey(n, s + r);
 	});
-	ct(c.querySelector("input")), a.appendChild(c);
-	let l = et("url", String(i.url ?? ""), (t) => {
+	lt(c.querySelector("input")), a.appendChild(c);
+	let l = tt("url", String(i.url ?? ""), (t) => {
 		e.mutate(() => {
 			i.url = t.trim();
 		});
 	}), u = l.querySelector("input");
 	if (r && u) {
-		let t = Ye(String(i.type ?? ""));
-		l.appendChild(Qe(() => t, "asset url", r, (t) => {
+		let t = Xe(String(i.type ?? ""));
+		l.appendChild($e(() => t, "asset url", r, (t) => {
 			u.value = t, e.mutate(() => {
 				i.url = t;
 			});
-		}, () => Ze(t, e)));
+		}, () => Qe(t, e)));
 	}
 	a.appendChild(l);
 	let d = document.createElement("div");
 	d.className = "muted-note", d.textContent = "meta (key · value)", a.appendChild(d);
-	for (let [t, n] of Object.entries(i)) t === "type" || t === "url" || a.appendChild(Ge(e, i, t, n));
-	return a.appendChild(Ke(e, i)), a;
+	for (let [t, n] of Object.entries(i)) t === "type" || t === "url" || a.appendChild(Ke(e, i, t, n));
+	return a.appendChild(qe(e, i)), a;
 }
-function Ge(e, t, n, r) {
+function Ke(e, t, n, r) {
 	let i = document.createElement("div");
 	i.className = "meta-row";
 	let a = document.createElement("input");
@@ -671,7 +681,7 @@ function Ge(e, t, n, r) {
 	let s = () => {
 		let r = a.value.trim();
 		e.mutate(() => {
-			delete t[n], r && (t[r] = tt(o.value));
+			delete t[n], r && (t[r] = nt(o.value));
 		});
 	};
 	a.addEventListener("change", s), o.addEventListener("change", s);
@@ -682,7 +692,7 @@ function Ge(e, t, n, r) {
 		});
 	}), i.append(a, o, c), i;
 }
-function Ke(e, t) {
+function qe(e, t) {
 	let n = document.createElement("div");
 	n.className = "meta-row";
 	let r = document.createElement("input");
@@ -692,23 +702,23 @@ function Ke(e, t) {
 	let a = () => {
 		let n = r.value.trim();
 		!n || i.value.trim() === "" || e.mutate(() => {
-			t[n] = tt(i.value);
+			t[n] = nt(i.value);
 		});
 	};
 	return r.addEventListener("change", a), i.addEventListener("change", a), n.append(r, i, document.createElement("span")), n;
 }
-function qe(e, t, n) {
-	return e.appendChild(lt("NEW ASSET")), e.appendChild(Je(t, n)), !0;
+function Je(e, t, n) {
+	return e.appendChild(ut("NEW ASSET")), e.appendChild(Ye(t, n)), !0;
 }
-function Je(e, t) {
+function Ye(e, t) {
 	let n = document.createElement("div");
 	n.className = "asset-editor";
 	let r = document.createElement("select");
-	for (let e of Fe) {
+	for (let e of Ie) {
 		let t = document.createElement("option");
 		t.value = e.type, t.textContent = e.label, r.appendChild(t);
 	}
-	n.appendChild($e("type", r));
+	n.appendChild(et("type", r));
 	let i = document.createElement("input");
 	i.placeholder = "(optional) characters", i.className = "mono", i.value = e.newAssetGroup;
 	let a = "asset-groups-list";
@@ -725,15 +735,15 @@ function Je(e, t) {
 		let t = document.createElement("option");
 		t.value = e, o.appendChild(t);
 	}
-	n.appendChild($e("group", i)), n.appendChild(o);
+	n.appendChild(et("group", i)), n.appendChild(o);
 	let c = document.createElement("input");
-	c.placeholder = "coin", c.className = "mono", ct(c), n.appendChild($e("key", c));
+	c.placeholder = "coin", c.className = "mono", lt(c), n.appendChild(et("key", c));
 	let l = document.createElement("input");
 	l.placeholder = "/textures/coin.png · https://… · data:…", l.className = "mono";
-	let u = $e("url", l);
-	t && u.appendChild(Qe(() => Ye(r.value), "new asset", t, (e) => {
-		l.value = e, c.value.trim() || (c.value = Xe(e));
-	}, () => Ze(Ye(r.value), e))), n.appendChild(u);
+	let u = et("url", l);
+	t && u.appendChild($e(() => Xe(r.value), "new asset", t, (e) => {
+		l.value = e, c.value.trim() || (c.value = Ze(e));
+	}, () => Qe(Xe(r.value), e))), n.appendChild(u);
 	let d = document.createElement("textarea");
 	d.rows = 2, d.placeholder = "or paste a JSON object: { \"type\": \"model\", \"url\": \"/m.glb\" }", n.appendChild(d);
 	let f = document.createElement("button");
@@ -760,18 +770,18 @@ function Je(e, t) {
 	let p = document.createElement("div");
 	return p.className = "pop-actions", p.appendChild(f), n.appendChild(p), n;
 }
-function Ye(e) {
+function Xe(e) {
 	return e === "model" || e === "animation" ? "model" : e === "audio" ? "audio" : e === "texture" || e === "spritesheet" ? "image" : "any";
 }
-function Xe(e) {
+function Ze(e) {
 	return ((e.split(/[?#]/)[0] ?? "").split("/").pop() ?? "").replace(/\.[^.]+$/, "").replace(/[^a-zA-Z0-9_-]+/g, "_").replace(/_{2,}/g, "_").replace(/^_+|_+$/g, "").toLowerCase() || "asset";
 }
-function Ze(e, t) {
+function Qe(e, t) {
 	let n = (t.working.dimension ?? "2d") === "3d";
 	if (e === "image") return n ? ["3d", "textures"] : ["2d", "sprite_characters"];
 	if (e === "model") return ["3d", "characters"];
 }
-function Qe(e, t, n, r, i) {
+function $e(e, t, n, r, i) {
 	let a = document.createElement("button");
 	return a.type = "button", a.className = "asset-lib", a.textContent = "📚", a.title = "Browse the agent8 library", a.addEventListener("click", (a) => {
 		a.preventDefault();
@@ -785,17 +795,17 @@ function Qe(e, t, n, r, i) {
 		});
 	}), a;
 }
-function $e(e, t) {
+function et(e, t) {
 	let n = document.createElement("label");
 	n.className = "field";
 	let r = document.createElement("span");
 	return r.textContent = e, n.append(r, t), n;
 }
-function et(e, t, n) {
+function tt(e, t, n) {
 	let r = document.createElement("input");
-	return r.value = t, r.className = "mono", r.addEventListener("change", () => n(r.value)), $e(e, r);
+	return r.value = t, r.className = "mono", r.addEventListener("change", () => n(r.value)), et(e, r);
 }
-function tt(e) {
+function nt(e) {
 	let t = e.trim();
 	if (t === "true") return !0;
 	if (t === "false") return !1;
@@ -807,12 +817,12 @@ function tt(e) {
 	}
 	return e;
 }
-var nt = {
+var rt = {
 	texture: "M3 5h18v14H3z M3 15l5-5 4 4 3-3 6 6 M8.5 9.5h.01",
 	spritesheet: "M3 4h18v16H3z M9 4v16 M15 4v16 M3 12h18",
 	model: "M12 2l9 5v10l-9 5-9-5V7z M12 12l9-5 M12 12L3 7 M12 12v10",
 	animation: "M12 2a10 10 0 1 0 10 10 M22 12l-3-3m3 3l3-3 M12 7v5l3 3"
-}, rt = {
+}, it = {
 	texture: {
 		en: "image (texture) — Sprite2D.texture references it as \"$key\".",
 		ko: "이미지(텍스처) — Sprite2D.texture에서 \"$키\"로 참조합니다."
@@ -830,15 +840,15 @@ var nt = {
 		ko: "애니메이션 클립(GLB, 메모리 전용 — 그려지지 않음) — 어떤 모델이든 재생 가능, mixamo는 VRM에 자동 리타게팅."
 	}
 };
-function it(e) {
+function at(e) {
 	let t = document.createElementNS("http://www.w3.org/2000/svg", "svg");
 	t.setAttribute("viewBox", "0 0 24 24"), t.setAttribute("width", "13"), t.setAttribute("height", "13"), t.setAttribute("fill", "none"), t.setAttribute("stroke", "currentColor"), t.setAttribute("stroke-width", "1.8"), t.setAttribute("aria-hidden", "true");
 	let n = document.createElementNS("http://www.w3.org/2000/svg", "path");
-	return n.setAttribute("d", nt[e] ?? "M4 4h16v16H4z"), t.appendChild(n), t.classList.add(`asset-icon-${e}`), t;
+	return n.setAttribute("d", rt[e] ?? "M4 4h16v16H4z"), t.appendChild(n), t.classList.add(`asset-icon-${e}`), t;
 }
-function at(e, t) {
+function ot(e, t) {
 	document.querySelector(".balloon")?.remove();
-	let n = rt[t];
+	let n = it[t];
 	if (!n) return;
 	let r = document.createElement("div");
 	r.className = "balloon floating";
@@ -853,7 +863,7 @@ function at(e, t) {
 	};
 	setTimeout(() => document.addEventListener("pointerdown", s, !0), 0);
 }
-function ot(e) {
+function st(e) {
 	let t = document.createElement("div");
 	t.className = "field uid-line";
 	let n = document.createElement("span");
@@ -867,7 +877,7 @@ function ot(e) {
 		navigator.clipboard?.writeText(`$${e}`), a.classList.add("copied"), setTimeout(() => a.classList.remove("copied"), 600);
 	}), r.append(i, a), t.append(n, r), t;
 }
-function st(e, t) {
+function ct(e, t) {
 	let n = t.includes("/") ? t.slice(0, t.lastIndexOf("/")) : "", r = document.createElement("select"), i = new Set([""]);
 	for (let t of Object.keys(e.working.assets ?? {})) {
 		let e = t.split("/");
@@ -886,14 +896,14 @@ function st(e, t) {
 	let o = document.createElement("span");
 	return o.textContent = "group", a.append(o, r), a;
 }
-function ct(e) {
+function lt(e) {
 	e && (e.addEventListener("keydown", (e) => {
 		e.key === "/" && e.preventDefault();
 	}), e.addEventListener("input", () => {
 		e.value.includes("/") && (e.value = e.value.replace(/\//g, ""));
 	}));
 }
-function lt(e) {
+function ut(e) {
 	let t = document.createElement("div");
 	t.className = "section-title", t.textContent = e;
 	let n = document.createElement("span");
@@ -901,19 +911,19 @@ function lt(e) {
 }
 //#endregion
 //#region src/bridge.ts
-var ut = window.parent !== window, dt = new URLSearchParams(window.location.search).get("parentOrigin"), ft = !1;
-function pt(e) {
-	if (ut) {
-		if (!dt) {
-			ft || (ft = !0, console.warn("incanto-editor: embedded without ?parentOrigin=<origin> — postMessage disabled"));
+var dt = window.parent !== window, ft = new URLSearchParams(window.location.search).get("parentOrigin"), pt = !1;
+function mt(e) {
+	if (dt) {
+		if (!ft) {
+			pt || (pt = !0, console.warn("incanto-editor: embedded without ?parentOrigin=<origin> — postMessage disabled"));
 			return;
 		}
-		window.parent.postMessage(e, dt);
+		window.parent.postMessage(e, ft);
 	}
 }
-var mt = {
+var ht = {
 	ready(e, t, n) {
-		pt({
+		mt({
 			type: "incanto-editor:ready",
 			input: e,
 			output: t,
@@ -921,20 +931,20 @@ var mt = {
 		});
 	},
 	open(e, t) {
-		pt({
+		mt({
 			type: "incanto-editor:open",
 			input: e,
 			output: t
 		});
 	},
 	change(e) {
-		pt({
+		mt({
 			type: "incanto-editor:change",
 			dirty: e
 		});
 	},
 	save(e, t, n) {
-		pt({
+		mt({
 			type: "incanto-editor:save",
 			input: e,
 			output: t,
@@ -942,19 +952,19 @@ var mt = {
 		});
 	},
 	error(e) {
-		pt({
+		mt({
 			type: "incanto-editor:error",
 			message: e
 		});
 	}
-}, ht = [
+}, gt = [
 	["Core", (e) => !e.endsWith("2D") && !e.endsWith("3D") && e !== "Label" && e !== "UILayer" && e !== "NetworkSpawner"],
 	["2D", (e) => e.endsWith("2D") && !/Body|Area|Controller/.test(e) || e === "Label" || e === "UILayer"],
 	["2D Physics", (e) => e.endsWith("2D") && /Body|Area|Controller/.test(e)],
 	["3D", (e) => e.endsWith("3D") && !/Body|Area|Controller/.test(e)],
 	["3D Physics", (e) => e.endsWith("3D") && /Body|Area|Controller/.test(e)],
 	["Network", (e) => e === "NetworkSpawner"]
-], gt = [...ht, ["Other", (e) => ht.every(([, t]) => !t(e))]], _t = {
+], _t = [...gt, ["Other", (e) => gt.every(([, t]) => !t(e))]], vt = {
 	title: {
 		en: "How Incanto scenes work",
 		ko: "Incanto 씬은 어떻게 동작하나"
@@ -1015,7 +1025,7 @@ var mt = {
 	type: e,
 	summary: t,
 	body: n
-}), vt = [
+}), yt = [
 	{
 		id: "core",
 		label: {
@@ -1396,8 +1406,8 @@ var mt = {
 				ko: "진짜 프로시저럴 꽃 식물(휘어진 줄기, 잎 2-3장, 대비되는 중심 원반을 두른 꽃잎 5-8장 머리, 포기당 꽃 1-3송이)을 area [w,d]에 흩뿌립니다. density가 바이브 다이얼: 'lush'(풍성하게) / 'sparse'(듬성듬성, 기본) / 'none'(없게) 또는 m²당 개수. varieties는 daisy/cosmos/bellflower 부분집합([] = 셋 다), palette는 꽃 색([] = 흰/노랑/보라). clustering 0-1이 보로노이 패치로 모아 한 패치가 같은 종·같은 색으로 피고, sway가 바람에 머리를 끄덕이며, seed로 배치가 재현됩니다. 품종 ≤3 → 드로우 콜 ≤6. avoidWater(기본 켜짐)는 고인 물·흐르는 물 안에 꽃을 심지 않습니다 — 시내가 지나는 들판에는 물살 속 꽃이 아니라 꽃이 핀 둑이 생깁니다."
 			}),
 			L("Tree3D", {
-				en: "Procedural ez-tree groves — branchy trunks, textured leaves.",
-				ko: "프로시저럴 ez-tree 나무 — 가지 달린 줄기와 텍스처 잎까지."
+				en: "Procedural tree groves — real branching trunks, textured leaves, one node per forest.",
+				ko: "프로시저럴 나무 숲 — 진짜 가지가 뻗은 줄기와 텍스처 잎, 숲 하나가 노드 하나."
 			}, {
 				en: "type conifer/broadleaf/dead picks the recipe family; tier is the cost dial: simple = primitive low-poly, medium = light forest presets (≤3k tris/tree), high = full ez-tree presets (8–20k, hero trees). count > 1 scatters a forest patch over area [w,d] — up to 3 seed variants, each branches + leaves InstancedMesh (≤6 draw calls); count × tris/tree is budget-checked at load. seed makes every branch and leaf reproducible; height jitters ±20% per instance; leaves sway in a simplex wind.",
 				ko: "type conifer/broadleaf/dead가 수종을, tier가 비용을 정합니다: simple = 기존 로우폴리, medium = 가벼운 forest 프리셋(나무당 ≤3k tris), high = 풀 ez-tree 프리셋(8–20k, 주인공 나무). count > 1이면 area [w,d]에 숲 패치를 흩뿌립니다 — 시드 변형 최대 3종, 변형마다 가지+잎 InstancedMesh(드로우 콜 ≤6), count × tris는 로드 시 예산 검사. seed로 가지와 잎이 전부 재현되고 height는 인스턴스마다 ±20% 지터링, 잎은 심플렉스 바람에 흔들립니다."
@@ -1512,79 +1522,79 @@ var mt = {
 			ko: "source \"users\"는 방의 다른 모든 계정을 미러링하고(자신 제외) \"collection:<id>\"는 방 컬렉션을 미러링합니다. 복제 sync 패치가 인스턴스에 적용되고 position은 보간됩니다. spawned/despawned를 발산합니다."
 		})]
 	}
-], yt = "overview", bt = null;
-function xt() {
-	document.querySelector("#docs")?.removeAttribute("hidden"), wt();
-}
+], bt = "overview", xt = null;
 function St() {
-	document.querySelector("#docs")?.setAttribute("hidden", "");
+	document.querySelector("#docs")?.removeAttribute("hidden"), Tt();
 }
 function Ct() {
+	document.querySelector("#docs")?.setAttribute("hidden", "");
+}
+function wt() {
 	let e = document.querySelector("#docs");
 	e && (e.addEventListener("pointerdown", (t) => {
-		t.target === e && St();
-	}), document.querySelector("#docs-close")?.addEventListener("click", St));
+		t.target === e && Ct();
+	}), document.querySelector("#docs-close")?.addEventListener("click", Ct));
 }
-function wt() {
+function Tt() {
 	let e = document.querySelector("#docs-tabs"), t = document.querySelector("#docs-body");
 	if (!e || !t) return;
 	e.textContent = "";
 	let n = (t, n) => {
 		let r = document.createElement("button");
-		r.type = "button", r.className = `docs-tab${yt === t ? " active" : ""}`, r.textContent = n, r.addEventListener("click", () => {
-			yt = t, bt = null, wt();
+		r.type = "button", r.className = `docs-tab${bt === t ? " active" : ""}`, r.textContent = n, r.addEventListener("click", () => {
+			bt = t, xt = null, Tt();
 		}), e.appendChild(r);
 	};
 	n("overview", I({
 		en: "Overview",
 		ko: "개요"
 	}));
-	for (let e of vt) n(e.id, I(e.label));
-	if (t.textContent = "", yt === "overview") {
-		Tt(t);
+	for (let e of yt) n(e.id, I(e.label));
+	if (t.textContent = "", bt === "overview") {
+		Et(t);
 		return;
 	}
-	let r = vt.find((e) => e.id === yt);
-	r && Et(t, r);
+	let r = yt.find((e) => e.id === bt);
+	r && Dt(t, r);
 }
-function Tt(e) {
+function Et(e) {
 	let t = document.createElement("h2");
-	t.textContent = I(_t.title), e.appendChild(t);
-	for (let t of _t.sections) {
+	t.textContent = I(vt.title), e.appendChild(t);
+	for (let t of vt.sections) {
 		let n = document.createElement("h3");
 		n.textContent = I(t.heading);
 		let r = document.createElement("p");
 		r.textContent = I(t.text), e.append(n, r);
 	}
 }
-function Et(e, t) {
+function Dt(e, t) {
 	let n = document.createElement("p");
 	n.className = "docs-intro", n.textContent = I(t.intro), e.appendChild(n);
 	for (let n of t.nodes) {
 		let t = document.createElement("div");
-		t.className = `docs-node${bt === n.type ? " open" : ""}`;
+		t.className = `docs-node${xt === n.type ? " open" : ""}`;
 		let r = document.createElement("button");
 		r.type = "button", r.className = "docs-node-head";
 		let i = document.createElement("span");
-		i.className = "tree-icon", i.appendChild(Ne(n.type));
+		i.className = "tree-icon", i.appendChild(Pe(n.type));
 		let a = document.createElement("strong");
 		a.textContent = n.type;
 		let o = document.createElement("span");
 		if (o.className = "docs-summary", o.textContent = I(n.summary), r.append(i, a, o), r.addEventListener("click", () => {
-			bt = bt === n.type ? null : n.type, wt();
-		}), t.appendChild(r), bt === n.type) {
+			xt = xt === n.type ? null : n.type, Tt();
+		}), t.appendChild(r), xt === n.type) {
 			let e = document.createElement("div");
 			e.className = "docs-detail";
 			for (let t of n.body) {
 				let n = document.createElement("p");
 				n.textContent = I(t), e.appendChild(n);
 			}
-			e.appendChild(Dt(n.type)), t.appendChild(e);
+			e.appendChild(Ot(n.type)), t.appendChild(e);
 		}
 		e.appendChild(t);
 	}
 }
-function Dt(e) {
+function Ot(e) {
 	let t = document.createElement("table");
 	t.className = "docs-props";
 	let n = document.createElement("tr");
@@ -1612,13 +1622,13 @@ function Dt(e) {
 }
 //#endregion
 //#region src/generate.ts
-function Ot(e) {
+function kt(e) {
 	return Object.entries(E).filter(([, t]) => t.dimension === e).map(([e, t]) => ({
 		name: e,
 		meta: t
 	}));
 }
-function kt(e, t) {
+function At(e, t) {
 	if (e.type === "boolean") return t === !0 || t === "true";
 	if (e.type === "number") {
 		let n = typeof t == "boolean" ? NaN : Number(t);
@@ -1627,42 +1637,42 @@ function kt(e, t) {
 	let n = String(t);
 	return e.options && !e.options.includes(n) ? e.default : n;
 }
-function At() {
+function jt() {
 	return Math.floor(Math.random() * 1e6);
 }
 //#endregion
 //#region src/generate-dialog.ts
-var jt = [], Mt = /* @__PURE__ */ new Map(), R = null;
-function Nt(e) {
+var Mt = [], Nt = /* @__PURE__ */ new Map(), R = null;
+function Pt(e) {
 	let t = document.querySelector("#generate");
-	t && (It(e), t.removeAttribute("hidden"));
+	t && (Lt(e), t.removeAttribute("hidden"));
 }
-function Pt() {
+function Ft() {
 	document.querySelector("#generate")?.setAttribute("hidden", "");
 }
-function Ft(e) {
+function It(e) {
 	let t = document.querySelector("#generate");
 	t && (t.addEventListener("pointerdown", (e) => {
-		e.target === t && Pt();
-	}), document.querySelector("#generate-close")?.addEventListener("click", Pt), document.querySelector("#generate-cancel")?.addEventListener("click", Pt), document.querySelector("#generate-insert")?.addEventListener("click", () => Lt(e)));
+		e.target === t && Ft();
+	}), document.querySelector("#generate-close")?.addEventListener("click", Ft), document.querySelector("#generate-cancel")?.addEventListener("click", Ft), document.querySelector("#generate-insert")?.addEventListener("click", () => Rt(e)));
 }
-function It(e) {
+function Lt(e) {
 	let t = document.querySelector("#generate-body"), n = document.querySelector("#generate-status");
 	if (!t) return;
 	n && (n.textContent = ""), t.textContent = "";
 	let r = e.working.dimension ?? "2d";
-	jt = Ot(r);
+	Mt = kt(r);
 	let i = document.createElement("p");
 	i.className = "gen-hint", i.textContent = I({
 		en: `Deterministic ${r.toUpperCase()} environment generators — the subtree inserts under the selected node (the root when nothing is selected). The same seed always generates the same level.`,
 		ko: `결정적 ${r.toUpperCase()} 환경 생성기 — 생성된 서브트리는 선택한 노드 아래에(선택이 없으면 루트에) 들어갑니다. 같은 시드는 항상 같은 레벨을 만듭니다.`
 	}), t.appendChild(i);
-	let a = Rt(I({
+	let a = zt(I({
 		en: "generator",
 		ko: "생성기"
 	})), o = document.createElement("select");
 	o.id = "generate-name";
-	for (let { name: e } of jt) {
+	for (let { name: e } of Mt) {
 		let t = document.createElement("option");
 		t.value = e, t.textContent = e, o.appendChild(t);
 	}
@@ -1671,23 +1681,23 @@ function It(e) {
 	s.className = "gen-desc", t.appendChild(s);
 	let c = document.createElement("div");
 	c.id = "generate-params", t.appendChild(c);
-	let l = Rt("seed");
-	R = document.createElement("input"), R.type = "number", R.step = "1", R.value = String(At());
+	let l = zt("seed");
+	R = document.createElement("input"), R.type = "number", R.step = "1", R.value = String(jt());
 	let u = document.createElement("button");
 	u.type = "button", u.className = "ghost", u.textContent = "↻", u.title = I({
 		en: "New random seed",
 		ko: "새 랜덤 시드"
 	}), u.addEventListener("click", () => {
-		R && (R.value = String(At()));
+		R && (R.value = String(jt()));
 	});
 	let d = document.createElement("div");
 	d.className = "gen-seed-row", d.append(R, u), l.appendChild(d), t.appendChild(l);
 	let f = () => {
-		let e = jt.find((e) => e.name === o.value) ?? jt[0];
+		let e = Mt.find((e) => e.name === o.value) ?? Mt[0];
 		if (e) {
-			s.textContent = e.meta.description, c.textContent = "", Mt = /* @__PURE__ */ new Map();
+			s.textContent = e.meta.description, c.textContent = "", Nt = /* @__PURE__ */ new Map();
 			for (let [t, n] of Object.entries(e.meta.params)) {
-				let e = Rt(t), r;
+				let e = zt(t), r;
 				if (n.type === "boolean") r = document.createElement("input"), r.type = "checkbox", r.checked = n.default === !0;
 				else if (n.type === "string" && n.options) {
 					r = document.createElement("select");
@@ -1697,23 +1707,23 @@ function It(e) {
 					}
 					r.value = String(n.default);
 				} else r = document.createElement("input"), r.type = n.type === "number" ? "number" : "text", n.type === "number" && (r.step = "any", n.min !== void 0 && (r.min = String(n.min)), n.max !== void 0 && (r.max = String(n.max))), r.value = String(n.default), (n.min !== void 0 || n.max !== void 0) && (r.title = `${n.min ?? ""}–${n.max ?? ""}`);
-				Mt.set(t, r), e.appendChild(r), c.appendChild(e);
+				Nt.set(t, r), e.appendChild(r), c.appendChild(e);
 			}
 		}
 	};
 	o.addEventListener("change", f), f();
 }
-function Lt(e) {
-	let t = document.querySelector("#generate-status"), n = document.querySelector("#generate-name"), r = jt.find((e) => e.name === n?.value);
+function Rt(e) {
+	let t = document.querySelector("#generate-status"), n = document.querySelector("#generate-name"), r = Mt.find((e) => e.name === n?.value);
 	if (!r || !R) return;
-	let i = { seed: kt({
+	let i = { seed: At({
 		type: "number",
-		default: At(),
+		default: jt(),
 		min: 0
 	}, R.value) };
-	for (let [e, t] of Mt) {
+	for (let [e, t] of Nt) {
 		let n = r.meta.params[e];
-		n && (i[e] = kt(n, t.type === "checkbox" ? t.checked : t.value));
+		n && (i[e] = At(n, t.type === "checkbox" ? t.checked : t.value));
 	}
 	let a;
 	try {
@@ -1730,9 +1740,9 @@ function Lt(e) {
 		}));
 		return;
 	}
-	e.select(o), R && (R.value = String(At())), Pt();
+	e.select(o), R && (R.value = String(jt())), Ft();
 }
-function Rt(e) {
+function zt(e) {
 	let t = document.createElement("label");
 	t.className = "field";
 	let n = document.createElement("span");
@@ -1740,7 +1750,7 @@ function Rt(e) {
 }
 //#endregion
 //#region src/help.ts
-var zt = {
+var Bt = {
 	connections: {
 		title: {
 			en: "connections — wire a signal to a handler",
@@ -1810,21 +1820,21 @@ var zt = {
 		},
 		example: "\"physics\": { \"gravity\": [0, 1400] }"
 	}
-}, Bt = null;
-function Vt(e) {
+}, Vt = null;
+function Ht(e) {
 	document.addEventListener("click", (t) => {
 		let n = t.target, r = n.closest("[data-help]");
 		if (!r) {
 			e.contains(n) || (e.hidden = !0);
 			return;
 		}
-		let i = zt[r.dataset.help ?? ""];
+		let i = Bt[r.dataset.help ?? ""];
 		if (!i) return;
-		if (!e.hidden && Bt === r) {
+		if (!e.hidden && Vt === r) {
 			e.hidden = !0;
 			return;
 		}
-		Bt = r, e.textContent = "";
+		Vt = r, e.textContent = "";
 		let a = document.createElement("h4");
 		a.textContent = I(i.title);
 		let o = document.createElement("div");
@@ -1841,24 +1851,37 @@ function Vt(e) {
 			}), t.appendChild(n), e.appendChild(t);
 		}
 		e.hidden = !1;
-		let s = r.getBoundingClientRect();
-		e.style.left = `${Math.max(8, Math.min(innerWidth - 300 - 8, s.left - 300 + 20))}px`, e.style.top = `${Math.min(innerHeight - 60, s.bottom + 8)}px`;
+		let s = e.getBoundingClientRect(), { left: c, top: l } = Ut(r.getBoundingClientRect(), {
+			width: s.width,
+			height: s.height
+		}, {
+			width: innerWidth,
+			height: innerHeight
+		});
+		e.style.left = `${c}px`, e.style.top = `${l}px`;
 	});
 }
-function Ht(e) {
+function Ut(e, t, n, r = 8) {
+	let i = t.width || 300, a = e.left - i + 20, o = Math.max(r, Math.min(n.width - i - r, a)), s = e.bottom + r, c = e.top - t.height - r, l;
+	return l = s + t.height + r <= n.height ? s : c >= r ? c : r, {
+		left: o,
+		top: l
+	};
+}
+function Wt(e) {
 	let t = document.createElement("button");
 	return t.type = "button", t.className = "help-btn", t.dataset.help = e, t.textContent = "?", t.title = "What is this?", t;
 }
 //#endregion
 //#region ../engine/assets/catalog.json
-var Ut = /*#__PURE__*/ JSON.parse("[{\"name\":\"2dbasic\",\"file\":\"characters/2dbasic.png\",\"url\":\"incanto/assets/characters/2dbasic.png\",\"kind\":\"character\",\"bytes\":30499,\"description\":\"2dbasic sprite sheet image.anything,base character. (frame size 192x192)\",\"animation\":\"characters/2dbasic.json\",\"frameWidth\":111,\"frameHeight\":83},{\"name\":\"attacked\",\"file\":\"audio/attacked.mp3\",\"url\":\"incanto/assets/audio/attacked.mp3\",\"kind\":\"audio\",\"bytes\":8757,\"description\":\"Short hurt / took-damage SFX for the player or an enemy.\"},{\"name\":\"bark_birch_color\",\"file\":\"vegetation/bark/birch_color_1k.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/bark/birch_color_1k.jpg\",\"kind\":\"foliage\",\"bytes\":194186,\"description\":\"Birch bark base color texture (1k), ambientcg Bark (CC0) packaged by ez-tree (MIT). Tree3D trunks/branches sample it by default from the agent8 CDN (the only sanctioned external host); the bundled `incanto/assets` copy (see this entry’s `file`) serves it offline.\"},{\"name\":\"bark_birch_normal\",\"file\":\"vegetation/bark/birch_normal_1k.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/bark/birch_normal_1k.jpg\",\"kind\":\"foliage\",\"bytes\":378046,\"description\":\"Birch bark tangent-space normal texture (1k), ambientcg Bark (CC0) packaged by ez-tree (MIT). Tree3D trunks/branches sample it by default from the agent8 CDN (the only sanctioned external host); the bundled `incanto/assets` copy (see this entry’s `file`) serves it offline.\"},{\"name\":\"bark_birch_roughness\",\"file\":\"vegetation/bark/birch_roughness_1k.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/bark/birch_roughness_1k.jpg\",\"kind\":\"foliage\",\"bytes\":127387,\"description\":\"Birch bark roughness texture (1k), ambientcg Bark (CC0) packaged by ez-tree (MIT). Tree3D trunks/branches sample it by default from the agent8 CDN (the only sanctioned external host); the bundled `incanto/assets` copy (see this entry’s `file`) serves it offline.\"},{\"name\":\"bark_oak_color\",\"file\":\"vegetation/bark/oak_color_1k.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/bark/oak_color_1k.jpg\",\"kind\":\"foliage\",\"bytes\":297877,\"description\":\"Oak bark base color texture (1k), ambientcg Bark (CC0) packaged by ez-tree (MIT). Tree3D trunks/branches sample it by default from the agent8 CDN (the only sanctioned external host); the bundled `incanto/assets` copy (see this entry’s `file`) serves it offline.\"},{\"name\":\"bark_oak_normal\",\"file\":\"vegetation/bark/oak_normal_1k.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/bark/oak_normal_1k.jpg\",\"kind\":\"foliage\",\"bytes\":67610,\"description\":\"Oak bark tangent-space normal texture (1k), ambientcg Bark (CC0) packaged by ez-tree (MIT). Tree3D trunks/branches sample it by default from the agent8 CDN (the only sanctioned external host); the bundled `incanto/assets` copy (see this entry’s `file`) serves it offline.\"},{\"name\":\"bark_oak_roughness\",\"file\":\"vegetation/bark/oak_roughness_1k.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/bark/oak_roughness_1k.jpg\",\"kind\":\"foliage\",\"bytes\":16648,\"description\":\"Oak bark roughness texture (1k), ambientcg Bark (CC0) packaged by ez-tree (MIT). Tree3D trunks/branches sample it by default from the agent8 CDN (the only sanctioned external host); the bundled `incanto/assets` copy (see this entry’s `file`) serves it offline.\"},{\"name\":\"bark_pine_color\",\"file\":\"vegetation/bark/pine_color_1k.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/bark/pine_color_1k.jpg\",\"kind\":\"foliage\",\"bytes\":196361,\"description\":\"Pine bark base color texture (1k), ambientcg Bark (CC0) packaged by ez-tree (MIT). Tree3D trunks/branches sample it by default from the agent8 CDN (the only sanctioned external host); the bundled `incanto/assets` copy (see this entry’s `file`) serves it offline.\"},{\"name\":\"bark_pine_normal\",\"file\":\"vegetation/bark/pine_normal_1k.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/bark/pine_normal_1k.jpg\",\"kind\":\"foliage\",\"bytes\":58237,\"description\":\"Pine bark tangent-space normal texture (1k), ambientcg Bark (CC0) packaged by ez-tree (MIT). Tree3D trunks/branches sample it by default from the agent8 CDN (the only sanctioned external host); the bundled `incanto/assets` copy (see this entry’s `file`) serves it offline.\"},{\"name\":\"bark_pine_roughness\",\"file\":\"vegetation/bark/pine_roughness_1k.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/bark/pine_roughness_1k.jpg\",\"kind\":\"foliage\",\"bytes\":36136,\"description\":\"Pine bark roughness texture (1k), ambientcg Bark (CC0) packaged by ez-tree (MIT). Tree3D trunks/branches sample it by default from the agent8 CDN (the only sanctioned external host); the bundled `incanto/assets` copy (see this entry’s `file`) serves it offline.\"},{\"name\":\"box\",\"file\":\"items/box.png\",\"url\":\"incanto/assets/items/box.png\",\"kind\":\"item\",\"bytes\":10861,\"description\":\"Item box sprite for Dungeons and Dungeoners. Container sprite that holds random items or rewards when opened by player.\"},{\"name\":\"buff_potion\",\"file\":\"items/buff_potion.png\",\"url\":\"incanto/assets/items/buff_potion.png\",\"kind\":\"item\",\"bytes\":3809,\"description\":\"Buff potion item sprite for Dungeons and Dungeoners. Consumable item that grants temporary stat boosts or positive effects to player character.\"},{\"name\":\"coin\",\"file\":\"items/coin.png\",\"url\":\"incanto/assets/items/coin.png\",\"kind\":\"item\",\"bytes\":1689,\"description\":\"Gold coin collectible sprite for Dungeons and Dungeoners. Currency item with metallic sheen, used as in-game money or collectible reward.\"},{\"name\":\"explosion\",\"file\":\"audio/explosion.mp3\",\"url\":\"incanto/assets/audio/explosion.mp3\",\"kind\":\"audio\",\"bytes\":40124,\"description\":\"Impactful explosion / large destructive hit SFX. Pair with the Particles2D \\\"explosion\\\" preset.\"},{\"name\":\"floor00\",\"file\":\"tiles/floor00.jpg\",\"url\":\"incanto/assets/tiles/floor00.jpg\",\"kind\":\"tile\",\"bytes\":28736,\"description\":\"Basic floor tile texture for Dungeons and Dungeoners project, suitable for dungeon ground surfaces.\"},{\"name\":\"gem\",\"file\":\"items/gem.png\",\"url\":\"incanto/assets/items/gem.png\",\"kind\":\"item\",\"bytes\":8762,\"description\":\"Gem collectible sprite for Dungeons and Dungeoners. Valuable gemstone item used as currency, crafting material, or quest objective.\"},{\"name\":\"ghost\",\"file\":\"characters/ghost.png\",\"url\":\"incanto/assets/characters/ghost.png\",\"kind\":\"character\",\"bytes\":22933,\"description\":\"Ghost character with translucent appearance sprite sheet image (frame size 112x128)\",\"animation\":\"characters/ghost.json\",\"frameWidth\":112,\"frameHeight\":128},{\"name\":\"goblin\",\"file\":\"characters/goblin.png\",\"url\":\"incanto/assets/characters/goblin.png\",\"kind\":\"character\",\"bytes\":57994,\"description\":\"Medieval goblin with torch sprite sheet image (frame size 192x192)\",\"animation\":\"characters/goblin.json\",\"frameWidth\":192,\"frameHeight\":192},{\"name\":\"gold\",\"file\":\"items/gold.png\",\"url\":\"incanto/assets/items/gold.png\",\"kind\":\"item\",\"bytes\":22313,\"description\":\"Gold item sprite for Dungeons and Dungeoners. Gold pile or gold bar sprite representing valuable currency or treasure reward.\"},{\"name\":\"gold-loot\",\"file\":\"audio/gold_loot.mp3\",\"url\":\"incanto/assets/audio/gold_loot.mp3\",\"kind\":\"audio\",\"bytes\":7506,\"description\":\"Metallic coin / gold pickup jingle — collecting currency.\"},{\"name\":\"ground_dirt\",\"file\":\"vegetation/ground/dirt_color.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/ground/dirt_color.jpg\",\"kind\":\"foliage\",\"bytes\":231383,\"description\":\"Dense dirt/gravel ground texture (1024px) from the ez-tree demo app (MIT) — the reference meadow ground. Terrain3D grassland themes tile it for slope + noise-patch dirt by default; also bundled in `incanto/assets` (see `file`) for offline use.\"},{\"name\":\"ground_dirt_normal\",\"file\":\"vegetation/ground/dirt_normal.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/ground/dirt_normal.jpg\",\"kind\":\"foliage\",\"bytes\":123478,\"description\":\"Dirt ground normal map (1024px) from the ez-tree demo app (MIT). Terrain3D grassland themes apply it across the whole ground band (demo parity); also bundled in `incanto/assets` (see `file`) for offline use.\"},{\"name\":\"ground_grass\",\"file\":\"vegetation/ground/grass.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/ground/grass.jpg\",\"kind\":\"foliage\",\"bytes\":322486,\"description\":\"Mossy meadow grass ground texture (1024px) from the ez-tree demo app (MIT). Terrain3D grassland themes (meadow/forest generators) tile it as the grass splat layer by default; also bundled in `incanto/assets` (see `file`) for offline use.\"},{\"name\":\"heal\",\"file\":\"audio/heal.mp3\",\"url\":\"incanto/assets/audio/heal.mp3\",\"kind\":\"audio\",\"bytes\":29764,\"description\":\"Soothing health-restore / heal spell SFX.\"},{\"name\":\"hit-metal-bang\",\"file\":\"audio/hit_metal_bang.mp3\",\"url\":\"incanto/assets/audio/hit_metal_bang.mp3\",\"kind\":\"audio\",\"bytes\":17972,\"description\":\"Metallic impact — hitting armor, metal, or a blocked attack.\"},{\"name\":\"hp_potion\",\"file\":\"items/hp_potion.png\",\"url\":\"incanto/assets/items/hp_potion.png\",\"kind\":\"item\",\"bytes\":3513,\"description\":\"Health potion item sprite for Dungeons and Dungeoners. Consumable healing item that restores player health points when used.\"},{\"name\":\"ice-spear\",\"file\":\"audio/ice_spear.mp3\",\"url\":\"incanto/assets/audio/ice_spear.mp3\",\"kind\":\"audio\",\"bytes\":21315,\"description\":\"Sharp piercing ice projectile fire SFX.\"},{\"name\":\"leaves_ash\",\"file\":\"vegetation/ash_color.png\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/ash_color.png\",\"kind\":\"foliage\",\"bytes\":181423,\"description\":\"Ash leaf-cluster alpha-cutout texture (1024px) from ez-tree by Dan Greenheck (MIT). Tree3D samples it for broadleaf/dead ash variants by default; copy it next to your game and set leafTexture to serve offline.\"},{\"name\":\"leaves_aspen\",\"file\":\"vegetation/aspen_color.png\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/aspen_color.png\",\"kind\":\"foliage\",\"bytes\":142116,\"description\":\"Aspen leaf-cluster alpha-cutout texture (1024px) from ez-tree by Dan Greenheck (MIT). Tree3D samples it for high-tier broadleaf aspen variants; copy + leafTexture for offline serving.\"},{\"name\":\"leaves_oak\",\"file\":\"vegetation/oak_color.png\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/oak_color.png\",\"kind\":\"foliage\",\"bytes\":238115,\"description\":\"Oak leaf-cluster alpha-cutout texture (1024px) from ez-tree by Dan Greenheck (MIT). Tree3D samples it for broadleaf oak variants by default; copy + leafTexture for offline serving.\"},{\"name\":\"leaves_pine\",\"file\":\"vegetation/pine_color.png\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/pine_color.png\",\"kind\":\"foliage\",\"bytes\":303684,\"description\":\"Pine needle-cluster alpha-cutout texture (1024px) from ez-tree by Dan Greenheck (MIT). Tree3D samples it for conifer variants by default; copy + leafTexture for offline serving.\"},{\"name\":\"locked_item_box\",\"file\":\"items/locked_item_box.png\",\"url\":\"incanto/assets/items/locked_item_box.png\",\"kind\":\"item\",\"bytes\":11074,\"description\":\"Locked item box sprite for Dungeons and Dungeoners. Container sprite requiring key or lockpick to open, containing valuable rewards.\"},{\"name\":\"map\",\"file\":\"items/map.png\",\"url\":\"incanto/assets/items/map.png\",\"kind\":\"item\",\"bytes\":3754,\"description\":\"Map item sprite for Dungeons and Dungeoners. Navigation item revealing dungeon layout or providing exploration assistance.\"},{\"name\":\"medieval-knight\",\"file\":\"characters/medieval-knight.png\",\"url\":\"incanto/assets/characters/medieval-knight.png\",\"kind\":\"character\",\"bytes\":84367,\"description\":\"(frame size 192x192) Using a medieval-themed SD(Super Deformed) knight sprite sheet image, you can apply idle, move, and attack animations, among others.\",\"animation\":\"characters/medieval-knight.json\",\"frameWidth\":192,\"frameHeight\":192},{\"name\":\"minecraft-tiles\",\"file\":\"tiles/minecraft-tiles.png\",\"url\":\"incanto/assets/tiles/minecraft-tiles.png\",\"kind\":\"tile\",\"bytes\":10511,\"description\":\"Minecraft-themed tiles sprite sheet image (frame size 16x16)\"},{\"name\":\"monster-died\",\"file\":\"audio/monster_died.mp3\",\"url\":\"incanto/assets/audio/monster_died.mp3\",\"kind\":\"audio\",\"bytes\":16836,\"description\":\"Enemy defeat / death SFX.\"},{\"name\":\"resurrection_potion\",\"file\":\"items/resurrection_potion.png\",\"url\":\"incanto/assets/items/resurrection_potion.png\",\"kind\":\"item\",\"bytes\":3471,\"description\":\"Resurrection potion item sprite for Dungeons and Dungeoners. Rare consumable that revives fallen party members or prevents death.\"},{\"name\":\"slash\",\"file\":\"audio/slash.mp3\",\"url\":\"incanto/assets/audio/slash.mp3\",\"kind\":\"audio\",\"bytes\":10425,\"description\":\"Quick sword swing / melee slash SFX.\"},{\"name\":\"smite\",\"file\":\"audio/smite.mp3\",\"url\":\"incanto/assets/audio/smite.mp3\",\"kind\":\"audio\",\"bytes\":12956,\"description\":\"Powerful holy downward-strike SFX.\"},{\"name\":\"spells-cast\",\"file\":\"audio/spells_cast.mp3\",\"url\":\"incanto/assets/audio/spells_cast.mp3\",\"kind\":\"audio\",\"bytes\":22151,\"description\":\"Generic magical spell-cast / chant SFX.\"},{\"name\":\"super_box\",\"file\":\"items/super_box.png\",\"url\":\"incanto/assets/items/super_box.png\",\"kind\":\"item\",\"bytes\":12184,\"description\":\"Super item box sprite for Dungeons and Dungeoners. Premium container sprite containing rare or powerful items and equipment.\"},{\"name\":\"swoosh\",\"file\":\"effects/swoosh.png\",\"url\":\"incanto/assets/effects/swoosh.png\",\"kind\":\"effect\",\"bytes\":2599,\"description\":\"Swoosh effect sprite for Dungeons and Dungeoners. Motion blur or attack trail effect used for melee attacks, sword slashes, or fast movement animations.\"},{\"name\":\"trap\",\"file\":\"items/trap.png\",\"url\":\"incanto/assets/items/trap.png\",\"kind\":\"item\",\"bytes\":3969,\"description\":\"Trap object sprite for Dungeons and Dungeoners. Hazard sprite that damages players when triggered in dungeon exploration.\"},{\"name\":\"ui-click\",\"file\":\"audio/ui_click.wav\",\"url\":\"incanto/assets/audio/ui_click.wav\",\"kind\":\"audio\",\"bytes\":17332,\"description\":\"Short tactile UI click for menus and buttons.\"},{\"name\":\"walk\",\"file\":\"audio/walk.mp3\",\"url\":\"incanto/assets/audio/walk.mp3\",\"kind\":\"audio\",\"bytes\":5642,\"description\":\"Single footstep SFX for character movement (loop or one-shot).\"},{\"name\":\"wall00\",\"file\":\"tiles/wall00.jpg\",\"url\":\"incanto/assets/tiles/wall00.jpg\",\"kind\":\"tile\",\"bytes\":44344,\"description\":\"Basic wall tile texture for Dungeons and Dungeoners project, suitable for dungeon vertical boundaries.\"}]");
+var Gt = /*#__PURE__*/ JSON.parse("[{\"name\":\"2dbasic\",\"file\":\"characters/2dbasic.png\",\"url\":\"incanto/assets/characters/2dbasic.png\",\"kind\":\"character\",\"bytes\":30499,\"description\":\"2dbasic sprite sheet image.anything,base character. (frame size 192x192)\",\"animation\":\"characters/2dbasic.json\",\"frameWidth\":111,\"frameHeight\":83},{\"name\":\"attacked\",\"file\":\"audio/attacked.mp3\",\"url\":\"incanto/assets/audio/attacked.mp3\",\"kind\":\"audio\",\"bytes\":8757,\"description\":\"Short hurt / took-damage SFX for the player or an enemy.\"},{\"name\":\"bark_birch_color\",\"file\":\"vegetation/bark/birch_color_1k.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/bark/birch_color_1k.jpg\",\"kind\":\"foliage\",\"bytes\":194186,\"description\":\"Birch bark base color texture (1k), ambientcg Bark (CC0) packaged by ez-tree (MIT). Tree3D trunks/branches sample it by default from the agent8 CDN (the only sanctioned external host); the bundled `incanto/assets` copy (see this entry’s `file`) serves it offline.\"},{\"name\":\"bark_birch_normal\",\"file\":\"vegetation/bark/birch_normal_1k.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/bark/birch_normal_1k.jpg\",\"kind\":\"foliage\",\"bytes\":378046,\"description\":\"Birch bark tangent-space normal texture (1k), ambientcg Bark (CC0) packaged by ez-tree (MIT). Tree3D trunks/branches sample it by default from the agent8 CDN (the only sanctioned external host); the bundled `incanto/assets` copy (see this entry’s `file`) serves it offline.\"},{\"name\":\"bark_birch_roughness\",\"file\":\"vegetation/bark/birch_roughness_1k.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/bark/birch_roughness_1k.jpg\",\"kind\":\"foliage\",\"bytes\":127387,\"description\":\"Birch bark roughness texture (1k), ambientcg Bark (CC0) packaged by ez-tree (MIT). Tree3D trunks/branches sample it by default from the agent8 CDN (the only sanctioned external host); the bundled `incanto/assets` copy (see this entry’s `file`) serves it offline.\"},{\"name\":\"bark_oak_color\",\"file\":\"vegetation/bark/oak_color_1k.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/bark/oak_color_1k.jpg\",\"kind\":\"foliage\",\"bytes\":297877,\"description\":\"Oak bark base color texture (1k), ambientcg Bark (CC0) packaged by ez-tree (MIT). Tree3D trunks/branches sample it by default from the agent8 CDN (the only sanctioned external host); the bundled `incanto/assets` copy (see this entry’s `file`) serves it offline.\"},{\"name\":\"bark_oak_normal\",\"file\":\"vegetation/bark/oak_normal_1k.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/bark/oak_normal_1k.jpg\",\"kind\":\"foliage\",\"bytes\":67610,\"description\":\"Oak bark tangent-space normal texture (1k), ambientcg Bark (CC0) packaged by ez-tree (MIT). Tree3D trunks/branches sample it by default from the agent8 CDN (the only sanctioned external host); the bundled `incanto/assets` copy (see this entry’s `file`) serves it offline.\"},{\"name\":\"bark_oak_roughness\",\"file\":\"vegetation/bark/oak_roughness_1k.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/bark/oak_roughness_1k.jpg\",\"kind\":\"foliage\",\"bytes\":16648,\"description\":\"Oak bark roughness texture (1k), ambientcg Bark (CC0) packaged by ez-tree (MIT). Tree3D trunks/branches sample it by default from the agent8 CDN (the only sanctioned external host); the bundled `incanto/assets` copy (see this entry’s `file`) serves it offline.\"},{\"name\":\"bark_pine_color\",\"file\":\"vegetation/bark/pine_color_1k.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/bark/pine_color_1k.jpg\",\"kind\":\"foliage\",\"bytes\":196361,\"description\":\"Pine bark base color texture (1k), ambientcg Bark (CC0) packaged by ez-tree (MIT). Tree3D trunks/branches sample it by default from the agent8 CDN (the only sanctioned external host); the bundled `incanto/assets` copy (see this entry’s `file`) serves it offline.\"},{\"name\":\"bark_pine_normal\",\"file\":\"vegetation/bark/pine_normal_1k.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/bark/pine_normal_1k.jpg\",\"kind\":\"foliage\",\"bytes\":58237,\"description\":\"Pine bark tangent-space normal texture (1k), ambientcg Bark (CC0) packaged by ez-tree (MIT). Tree3D trunks/branches sample it by default from the agent8 CDN (the only sanctioned external host); the bundled `incanto/assets` copy (see this entry’s `file`) serves it offline.\"},{\"name\":\"bark_pine_roughness\",\"file\":\"vegetation/bark/pine_roughness_1k.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/bark/pine_roughness_1k.jpg\",\"kind\":\"foliage\",\"bytes\":36136,\"description\":\"Pine bark roughness texture (1k), ambientcg Bark (CC0) packaged by ez-tree (MIT). Tree3D trunks/branches sample it by default from the agent8 CDN (the only sanctioned external host); the bundled `incanto/assets` copy (see this entry’s `file`) serves it offline.\"},{\"name\":\"box\",\"file\":\"items/box.png\",\"url\":\"incanto/assets/items/box.png\",\"kind\":\"item\",\"bytes\":10861,\"description\":\"Item box sprite for Dungeons and Dungeoners. Container sprite that holds random items or rewards when opened by player.\"},{\"name\":\"buff_potion\",\"file\":\"items/buff_potion.png\",\"url\":\"incanto/assets/items/buff_potion.png\",\"kind\":\"item\",\"bytes\":3809,\"description\":\"Buff potion item sprite for Dungeons and Dungeoners. Consumable item that grants temporary stat boosts or positive effects to player character.\"},{\"name\":\"coin\",\"file\":\"items/coin.png\",\"url\":\"incanto/assets/items/coin.png\",\"kind\":\"item\",\"bytes\":1689,\"description\":\"Gold coin collectible sprite for Dungeons and Dungeoners. Currency item with metallic sheen, used as in-game money or collectible reward.\"},{\"name\":\"explosion\",\"file\":\"audio/explosion.mp3\",\"url\":\"incanto/assets/audio/explosion.mp3\",\"kind\":\"audio\",\"bytes\":40124,\"description\":\"Impactful explosion / large destructive hit SFX. Pair with the Particles2D \\\"explosion\\\" preset.\"},{\"name\":\"floor00\",\"file\":\"tiles/floor00.jpg\",\"url\":\"incanto/assets/tiles/floor00.jpg\",\"kind\":\"tile\",\"bytes\":28736,\"description\":\"Basic floor tile texture for Dungeons and Dungeoners project, suitable for dungeon ground surfaces.\"},{\"name\":\"gem\",\"file\":\"items/gem.png\",\"url\":\"incanto/assets/items/gem.png\",\"kind\":\"item\",\"bytes\":8762,\"description\":\"Gem collectible sprite for Dungeons and Dungeoners. Valuable gemstone item used as currency, crafting material, or quest objective.\"},{\"name\":\"ghost\",\"file\":\"characters/ghost.png\",\"url\":\"incanto/assets/characters/ghost.png\",\"kind\":\"character\",\"bytes\":22933,\"description\":\"Ghost character with translucent appearance sprite sheet image (frame size 112x128)\",\"animation\":\"characters/ghost.json\",\"frameWidth\":112,\"frameHeight\":128},{\"name\":\"goblin\",\"file\":\"characters/goblin.png\",\"url\":\"incanto/assets/characters/goblin.png\",\"kind\":\"character\",\"bytes\":57994,\"description\":\"Medieval goblin with torch sprite sheet image (frame size 192x192)\",\"animation\":\"characters/goblin.json\",\"frameWidth\":192,\"frameHeight\":192},{\"name\":\"gold\",\"file\":\"items/gold.png\",\"url\":\"incanto/assets/items/gold.png\",\"kind\":\"item\",\"bytes\":22313,\"description\":\"Gold item sprite for Dungeons and Dungeoners. Gold pile or gold bar sprite representing valuable currency or treasure reward.\"},{\"name\":\"gold-loot\",\"file\":\"audio/gold_loot.mp3\",\"url\":\"incanto/assets/audio/gold_loot.mp3\",\"kind\":\"audio\",\"bytes\":7506,\"description\":\"Metallic coin / gold pickup jingle — collecting currency.\"},{\"name\":\"ground_dirt\",\"file\":\"vegetation/ground/dirt_color.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/ground/dirt_color.jpg\",\"kind\":\"foliage\",\"bytes\":231383,\"description\":\"Dense dirt/gravel ground texture (1024px) from the ez-tree demo app (MIT) — the reference meadow ground. Terrain3D grassland themes tile it for slope + noise-patch dirt by default; also bundled in `incanto/assets` (see `file`) for offline use.\"},{\"name\":\"ground_dirt_normal\",\"file\":\"vegetation/ground/dirt_normal.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/ground/dirt_normal.jpg\",\"kind\":\"foliage\",\"bytes\":123478,\"description\":\"Dirt ground normal map (1024px) from the ez-tree demo app (MIT). Terrain3D grassland themes apply it across the whole ground band (demo parity); also bundled in `incanto/assets` (see `file`) for offline use.\"},{\"name\":\"ground_grass\",\"file\":\"vegetation/ground/grass.jpg\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/ground/grass.jpg\",\"kind\":\"foliage\",\"bytes\":322486,\"description\":\"Mossy meadow grass ground texture (1024px) from the ez-tree demo app (MIT). Terrain3D grassland themes (meadow/forest generators) tile it as the grass splat layer by default; also bundled in `incanto/assets` (see `file`) for offline use.\"},{\"name\":\"heal\",\"file\":\"audio/heal.mp3\",\"url\":\"incanto/assets/audio/heal.mp3\",\"kind\":\"audio\",\"bytes\":29764,\"description\":\"Soothing health-restore / heal spell SFX.\"},{\"name\":\"hit-metal-bang\",\"file\":\"audio/hit_metal_bang.mp3\",\"url\":\"incanto/assets/audio/hit_metal_bang.mp3\",\"kind\":\"audio\",\"bytes\":17972,\"description\":\"Metallic impact — hitting armor, metal, or a blocked attack.\"},{\"name\":\"hp_potion\",\"file\":\"items/hp_potion.png\",\"url\":\"incanto/assets/items/hp_potion.png\",\"kind\":\"item\",\"bytes\":3513,\"description\":\"Health potion item sprite for Dungeons and Dungeoners. Consumable healing item that restores player health points when used.\"},{\"name\":\"ice-spear\",\"file\":\"audio/ice_spear.mp3\",\"url\":\"incanto/assets/audio/ice_spear.mp3\",\"kind\":\"audio\",\"bytes\":21315,\"description\":\"Sharp piercing ice projectile fire SFX.\"},{\"name\":\"leaves_ash\",\"file\":\"vegetation/ash_color.png\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/ash_color.png\",\"kind\":\"foliage\",\"bytes\":181423,\"description\":\"Ash leaf-cluster alpha-cutout texture (1024px) from ez-tree by Dan Greenheck (MIT). Tree3D samples it for broadleaf/dead ash variants by default; copy it next to your game and set leafTexture to serve offline.\"},{\"name\":\"leaves_aspen\",\"file\":\"vegetation/aspen_color.png\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/aspen_color.png\",\"kind\":\"foliage\",\"bytes\":142116,\"description\":\"Aspen leaf-cluster alpha-cutout texture (1024px) from ez-tree by Dan Greenheck (MIT). Tree3D samples it for high-tier broadleaf aspen variants; copy + leafTexture for offline serving.\"},{\"name\":\"leaves_oak\",\"file\":\"vegetation/oak_color.png\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/oak_color.png\",\"kind\":\"foliage\",\"bytes\":238115,\"description\":\"Oak leaf-cluster alpha-cutout texture (1024px) from ez-tree by Dan Greenheck (MIT). Tree3D samples it for broadleaf oak variants by default; copy + leafTexture for offline serving.\"},{\"name\":\"leaves_pine\",\"file\":\"vegetation/pine_color.png\",\"url\":\"https://agent8-games.verse8.io/assets/3D/default/textures/vegetation/pine_color.png\",\"kind\":\"foliage\",\"bytes\":303684,\"description\":\"Pine needle-cluster alpha-cutout texture (1024px) from ez-tree by Dan Greenheck (MIT). Tree3D samples it for conifer variants by default; copy + leafTexture for offline serving.\"},{\"name\":\"locked_item_box\",\"file\":\"items/locked_item_box.png\",\"url\":\"incanto/assets/items/locked_item_box.png\",\"kind\":\"item\",\"bytes\":11074,\"description\":\"Locked item box sprite for Dungeons and Dungeoners. Container sprite requiring key or lockpick to open, containing valuable rewards.\"},{\"name\":\"map\",\"file\":\"items/map.png\",\"url\":\"incanto/assets/items/map.png\",\"kind\":\"item\",\"bytes\":3754,\"description\":\"Map item sprite for Dungeons and Dungeoners. Navigation item revealing dungeon layout or providing exploration assistance.\"},{\"name\":\"medieval-knight\",\"file\":\"characters/medieval-knight.png\",\"url\":\"incanto/assets/characters/medieval-knight.png\",\"kind\":\"character\",\"bytes\":84367,\"description\":\"(frame size 192x192) Using a medieval-themed SD(Super Deformed) knight sprite sheet image, you can apply idle, move, and attack animations, among others.\",\"animation\":\"characters/medieval-knight.json\",\"frameWidth\":192,\"frameHeight\":192},{\"name\":\"minecraft-tiles\",\"file\":\"tiles/minecraft-tiles.png\",\"url\":\"incanto/assets/tiles/minecraft-tiles.png\",\"kind\":\"tile\",\"bytes\":10511,\"description\":\"Minecraft-themed tiles sprite sheet image (frame size 16x16)\"},{\"name\":\"monster-died\",\"file\":\"audio/monster_died.mp3\",\"url\":\"incanto/assets/audio/monster_died.mp3\",\"kind\":\"audio\",\"bytes\":16836,\"description\":\"Enemy defeat / death SFX.\"},{\"name\":\"resurrection_potion\",\"file\":\"items/resurrection_potion.png\",\"url\":\"incanto/assets/items/resurrection_potion.png\",\"kind\":\"item\",\"bytes\":3471,\"description\":\"Resurrection potion item sprite for Dungeons and Dungeoners. Rare consumable that revives fallen party members or prevents death.\"},{\"name\":\"slash\",\"file\":\"audio/slash.mp3\",\"url\":\"incanto/assets/audio/slash.mp3\",\"kind\":\"audio\",\"bytes\":10425,\"description\":\"Quick sword swing / melee slash SFX.\"},{\"name\":\"smite\",\"file\":\"audio/smite.mp3\",\"url\":\"incanto/assets/audio/smite.mp3\",\"kind\":\"audio\",\"bytes\":12956,\"description\":\"Powerful holy downward-strike SFX.\"},{\"name\":\"spells-cast\",\"file\":\"audio/spells_cast.mp3\",\"url\":\"incanto/assets/audio/spells_cast.mp3\",\"kind\":\"audio\",\"bytes\":22151,\"description\":\"Generic magical spell-cast / chant SFX.\"},{\"name\":\"super_box\",\"file\":\"items/super_box.png\",\"url\":\"incanto/assets/items/super_box.png\",\"kind\":\"item\",\"bytes\":12184,\"description\":\"Super item box sprite for Dungeons and Dungeoners. Premium container sprite containing rare or powerful items and equipment.\"},{\"name\":\"swoosh\",\"file\":\"effects/swoosh.png\",\"url\":\"incanto/assets/effects/swoosh.png\",\"kind\":\"effect\",\"bytes\":2599,\"description\":\"Swoosh effect sprite for Dungeons and Dungeoners. Motion blur or attack trail effect used for melee attacks, sword slashes, or fast movement animations.\"},{\"name\":\"trap\",\"file\":\"items/trap.png\",\"url\":\"incanto/assets/items/trap.png\",\"kind\":\"item\",\"bytes\":3969,\"description\":\"Trap object sprite for Dungeons and Dungeoners. Hazard sprite that damages players when triggered in dungeon exploration.\"},{\"name\":\"ui-click\",\"file\":\"audio/ui_click.wav\",\"url\":\"incanto/assets/audio/ui_click.wav\",\"kind\":\"audio\",\"bytes\":17332,\"description\":\"Short tactile UI click for menus and buttons.\"},{\"name\":\"walk\",\"file\":\"audio/walk.mp3\",\"url\":\"incanto/assets/audio/walk.mp3\",\"kind\":\"audio\",\"bytes\":5642,\"description\":\"Single footstep SFX for character movement (loop or one-shot).\"},{\"name\":\"wall00\",\"file\":\"tiles/wall00.jpg\",\"url\":\"incanto/assets/tiles/wall00.jpg\",\"kind\":\"tile\",\"bytes\":44344,\"description\":\"Basic wall tile texture for Dungeons and Dungeoners project, suitable for dungeon vertical boundaries.\"}]");
 //#endregion
 //#region src/connections.ts
-function Wt(e) {
+function Kt(e) {
 	let t = e.connections;
 	return Array.isArray(t) ? t : [];
 }
-function Gt(e, t) {
+function qt(e, t) {
 	if (!e || t === "") return null;
 	if (t === ".") return [];
 	if (t.startsWith("%")) {
@@ -1882,7 +1905,7 @@ function Gt(e, t) {
 	for (let t of i) {
 		if (t === "..") {
 			if (a.length === 0) return null;
-			a.pop(), o = Kt(e, a);
+			a.pop(), o = Jt(e, a);
 			continue;
 		}
 		let n = (o.children ?? []).findIndex((e) => e.name === t);
@@ -1891,12 +1914,12 @@ function Gt(e, t) {
 	}
 	return a;
 }
-function Kt(e, t) {
+function Jt(e, t) {
 	let n = e;
 	for (let e of t) n = n?.children?.[e];
 	return n ?? null;
 }
-function qt(e, t) {
+function Yt(e, t) {
 	if (!e) return "";
 	if (t.length === 0) return ".";
 	let n = [], r = e;
@@ -1907,13 +1930,13 @@ function qt(e, t) {
 	}
 	return n.join("/");
 }
-function Jt(e, t) {
+function Xt(e, t) {
 	let n = e.root, r = (e) => {
 		if (typeof e != "string") return !1;
-		let r = Gt(n, e);
+		let r = qt(n, e);
 		return r !== null && r.length === t.length && r.every((e, n) => e === t[n]);
 	}, i = [], a = [];
-	return Wt(e).forEach((e, t) => {
+	return Kt(e).forEach((e, t) => {
 		r(e.from) && i.push({
 			index: t,
 			conn: e
@@ -1926,7 +1949,7 @@ function Jt(e, t) {
 		incoming: a
 	};
 }
-function Yt(e) {
+function Zt(e) {
 	if (!e) return [];
 	let t = [];
 	if (typeof e.type == "string" && e.type !== "") try {
@@ -1935,7 +1958,7 @@ function Yt(e) {
 	let r = e.script;
 	return typeof r?.name == "string" && t.push(...n(r.name)), [...new Set(t)];
 }
-function Xt(e) {
+function Qt(e) {
 	if (!e || e.script?.name) return [];
 	let t = typeof e.type == "string" ? e.type : "";
 	if (!t) return [];
@@ -1950,10 +1973,10 @@ function Xt(e) {
 		for (let t of Object.getOwnPropertyNames(e)) t === "constructor" || t.startsWith("_") || typeof Object.getOwnPropertyDescriptor(e, t)?.value == "function" && r.add(t);
 		e = Object.getPrototypeOf(e);
 	}
-	for (let e of Zt) r.delete(e);
+	for (let e of $t) r.delete(e);
 	return [...r].sort();
 }
-var Zt = new Set([
+var $t = new Set([
 	"addChild",
 	"removeChild",
 	"addToGroup",
@@ -1975,7 +1998,7 @@ var Zt = new Set([
 	"toJSON",
 	"diagnose"
 ]);
-function Qt(e) {
+function en(e) {
 	if (!e) return [];
 	let t = [{
 		path: ".",
@@ -1984,59 +2007,59 @@ function Qt(e) {
 		(r.children ?? []).forEach((r, a) => {
 			let o = [...i, a];
 			t.push({
-				path: qt(e, o),
-				label: qt(e, o)
+				path: Yt(e, o),
+				label: Yt(e, o)
 			}), n(r, o);
 		});
 	};
 	return n(e, []), t;
 }
-function $t(e, t) {
+function tn(e, t) {
 	Array.isArray(e.connections) || (e.connections = []);
 	let n = e.connections;
 	return n.push(t), n.length - 1;
 }
-function en(e, t, n) {
-	let r = Wt(e)[t];
+function nn(e, t, n) {
+	let r = Kt(e)[t];
 	r && Object.assign(r, n);
 }
-function tn(e, t) {
-	let n = Wt(e);
+function rn(e, t) {
+	let n = Kt(e);
 	t < 0 || t >= n.length || (n.splice(t, 1), n.length === 0 && delete e.connections);
 }
 //#endregion
 //#region src/connections-ui.ts
-function nn(e, t) {
+function an(e, t) {
 	let n = e.working.root;
 	if (!n) return null;
 	let r = e.nodeAt(t);
 	if (!r) return null;
 	let i = document.createElement("div");
 	i.className = "connections";
-	let { outgoing: a, incoming: o } = Jt(e.working, t), s = qt(n, t);
-	i.appendChild(rn(I({
+	let { outgoing: a, incoming: o } = Xt(e.working, t), s = Yt(n, t);
+	i.appendChild(on(I({
 		en: `emits (${a.length})`,
 		ko: `보냄 (${a.length})`
 	})));
-	for (let t of a) i.appendChild(an(e, t, "out"));
-	if (i.appendChild(on(e, r, s)), o.length > 0) {
-		i.appendChild(rn(I({
+	for (let t of a) i.appendChild(sn(e, t, "out"));
+	if (i.appendChild(cn(e, r, s)), o.length > 0) {
+		i.appendChild(on(I({
 			en: `receives (${o.length})`,
 			ko: `받음 (${o.length})`
 		})));
-		for (let t of o) i.appendChild(an(e, t, "in"));
+		for (let t of o) i.appendChild(sn(e, t, "in"));
 	}
 	return i;
 }
-function rn(e) {
+function on(e) {
 	let t = document.createElement("div");
 	return t.className = "conn-group", t.textContent = e, t;
 }
-function an(e, { index: t, conn: n }, r) {
+function sn(e, { index: t, conn: n }, r) {
 	let i = e.working.root, a = document.createElement("div");
 	a.className = "conn-row";
-	let o = e.nodeAt(Gt(i, String(n.from ?? "")) ?? [-1]), s = r === "out" ? "to" : "from", c = String(n[s] ?? ""), l = Gt(i, c) === null, u = sn(Yt(o), String(n.signal ?? ""), (n) => {
-		e.mutate(() => en(e.working, t, { signal: n }));
+	let o = e.nodeAt(qt(i, String(n.from ?? "")) ?? [-1]), s = r === "out" ? "to" : "from", c = String(n[s] ?? ""), l = qt(i, c) === null, u = ln(Zt(o), String(n.signal ?? ""), (n) => {
+		e.mutate(() => nn(e.working, t, { signal: n }));
 	});
 	u.title = I({
 		en: "signal",
@@ -2044,18 +2067,18 @@ function an(e, { index: t, conn: n }, r) {
 	});
 	let d = document.createElement("span");
 	d.className = "conn-arrow", d.textContent = r === "out" ? "→" : "←";
-	let f = sn(Qt(i).map((e) => e.path), c, (n) => {
-		e.mutate(() => en(e.working, t, { [s]: n }));
+	let f = ln(en(i).map((e) => e.path), c, (n) => {
+		e.mutate(() => nn(e.working, t, { [s]: n }));
 	});
 	f.title = I({
 		en: s,
 		ko: s === "to" ? "대상" : "출처"
 	}), l && f.classList.add("dangling");
-	let p = Xt(e.nodeAt(Gt(i, String(n.to ?? "")) ?? [-1])), m = (n) => {
-		e.mutate(() => en(e.working, t, { handler: n.trim() }));
+	let p = Qt(e.nodeAt(qt(i, String(n.to ?? "")) ?? [-1])), m = (n) => {
+		e.mutate(() => nn(e.working, t, { handler: n.trim() }));
 	}, h;
 	if (p.length > 0) {
-		let e = sn(p, String(n.handler ?? ""), m);
+		let e = ln(p, String(n.handler ?? ""), m);
 		e.title = I({
 			en: "handler method",
 			ko: "핸들러 메서드"
@@ -2072,7 +2095,7 @@ function an(e, { index: t, conn: n }, r) {
 		en: "remove this connection",
 		ko: "이 연결 삭제"
 	}), g.addEventListener("click", () => {
-		e.mutate(() => tn(e.working, t));
+		e.mutate(() => rn(e.working, t));
 	}), a.append(u, d, f, h, g), l) {
 		let e = document.createElement("div");
 		e.className = "conn-warn", e.textContent = I({
@@ -2084,8 +2107,8 @@ function an(e, { index: t, conn: n }, r) {
 	}
 	return a;
 }
-function on(e, t, n) {
-	let r = Yt(t), i = document.createElement("div");
+function cn(e, t, n) {
+	let r = Zt(t), i = document.createElement("div");
 	i.className = "conn-add";
 	let a = document.createElement("button");
 	return a.type = "button", a.textContent = I({
@@ -2099,14 +2122,14 @@ function on(e, t, n) {
 			from: n,
 			signal: i,
 			to: n,
-			handler: Xt(t)[0] ?? `on${i.charAt(0).toUpperCase()}${i.slice(1)}`
+			handler: Qt(t)[0] ?? `on${i.charAt(0).toUpperCase()}${i.slice(1)}`
 		};
 		e.mutate(() => {
-			$t(e.working, a);
+			tn(e.working, a);
 		});
 	}), i.appendChild(a), i;
 }
-function sn(e, t, n) {
+function ln(e, t, n) {
 	let r = document.createElement("select");
 	r.className = "conn-select";
 	for (let n of e.includes(t) ? e : [t, ...e]) {
@@ -2117,13 +2140,13 @@ function sn(e, t, n) {
 }
 //#endregion
 //#region src/tilemap-paint.ts
-function cn(e, t, n, r) {
+function un(e, t, n, r) {
 	return {
 		cx: Math.floor((n - e.x) / t),
 		cy: Math.floor((r - e.y) / t)
 	};
 }
-function ln(e, t, n, r) {
+function dn(e, t, n, r) {
 	if (t < 0 || n < 0 || r.length !== 1) return null;
 	let i = e.map((e) => typeof e == "string" ? e : e.map((e) => e >= 0 && e <= 9 ? String(e) : ".").join("")), a = Math.max(t + 1, ...i.map((e) => e.length)), o = Math.max(n + 1, i.length), s = [];
 	for (let e = 0; e < o; e++) {
@@ -2132,7 +2155,7 @@ function ln(e, t, n, r) {
 	}
 	return s;
 }
-function un(e, t) {
+function fn(e, t) {
 	let n = new Set([
 		".",
 		"0",
@@ -2144,25 +2167,25 @@ function un(e, t) {
 }
 //#endregion
 //#region src/inspector.ts
-var dn = Ut;
-function fn(e) {
+var pn = Gt;
+function mn(e) {
 	return (e.kind === "foliage" || e.kind === "tile") && !e.animation;
 }
-function pn(e, t, n) {
+function hn(e, t, n) {
 	if (e.textContent = "", t.selection === null) {
-		hn(e, t, n);
+		_n(e, t, n);
 		return;
 	}
 	let r = t.nodeAt(t.selection);
-	r && wn(e, t, r, n);
+	r && En(e, t, r, n);
 }
-var mn = [
+var gn = [
 	"connections",
 	"input",
 	"multiplayer"
 ];
-function hn(e, t, n) {
-	e.appendChild(qn("scene")), e.appendChild(Xn("name", String(t.working.name ?? ""), (e) => {
+function _n(e, t, n) {
+	e.appendChild(Yn("scene")), e.appendChild(Qn("name", String(t.working.name ?? ""), (e) => {
 		t.mutate(() => {
 			t.working.name = e;
 		});
@@ -2176,7 +2199,7 @@ function hn(e, t, n) {
 		t.mutate(() => {
 			t.working.dimension = r.value;
 		});
-	}), e.appendChild(V("dimension", r)), e.appendChild(qn("physics", "physics"));
+	}), e.appendChild(V("dimension", r)), e.appendChild(Yn("physics", "physics"));
 	let i = (t.working.physics ?? {}).gravity ?? (t.working.dimension === "3d" ? [
 		0,
 		-9.81,
@@ -2186,7 +2209,7 @@ function hn(e, t, n) {
 		-9.81,
 		0
 	] : [0, 980];
-	e.appendChild(Qn("gravity", i, (e) => {
+	e.appendChild(er("gravity", i, (e) => {
 		t.mutate(() => {
 			if (JSON.stringify(e) === JSON.stringify(a)) {
 				let e = { ...t.working.physics };
@@ -2196,14 +2219,14 @@ function hn(e, t, n) {
 				gravity: e
 			};
 		});
-	})), e.appendChild(qn("environment")), gn(e, t), e.appendChild(qn("constants")), Vn(e, t, n), e.appendChild(qn("advanced"));
-	for (let n of mn) e.appendChild(er(n, t.working[n], (e) => {
+	})), e.appendChild(Yn("environment")), vn(e, t), e.appendChild(Yn("constants")), Un(e, t, n), e.appendChild(Yn("advanced"));
+	for (let n of gn) e.appendChild(nr(n, t.working[n], (e) => {
 		t.mutate(() => {
 			e === void 0 ? delete t.working[n] : t.working[n] = e;
 		});
 	}));
 }
-function gn(e, t) {
+function vn(e, t) {
 	let n = t.working.environment ?? {}, r = (e) => {
 		t.mutate(() => {
 			let n = {
@@ -2214,15 +2237,15 @@ function gn(e, t) {
 			Object.keys(n).length === 0 ? delete t.working.environment : t.working.environment = n;
 		});
 	};
-	e.appendChild(_n("background", n.background ?? "", (e) => {
+	e.appendChild(yn("background", n.background ?? "", (e) => {
 		r({ background: e === "" ? void 0 : e });
-	})), e.appendChild(_n("ambient color", n.ambient?.color ?? "", (e) => {
+	})), e.appendChild(yn("ambient color", n.ambient?.color ?? "", (e) => {
 		let t = {
 			...n.ambient,
 			color: e === "" ? void 0 : e
 		};
 		t.color === void 0 && delete t.color, r({ ambient: Object.keys(t).length ? t : void 0 });
-	})), e.appendChild(Zn("ambient power", n.ambient?.intensity ?? 0, (e) => {
+	})), e.appendChild($n("ambient power", n.ambient?.intensity ?? 0, (e) => {
 		r({ ambient: {
 			...n.ambient,
 			intensity: e
@@ -2252,7 +2275,7 @@ function gn(e, t) {
 		a({ pixelRatio: s.value === "" ? void 0 : s.value === "device" ? "device" : Number(s.value) });
 	}), e.appendChild(V("pixel ratio", s));
 }
-function _n(e, t, n) {
+function yn(e, t, n) {
 	let r = document.createElement("div");
 	r.className = "color-row";
 	let i = document.createElement("input");
@@ -2262,7 +2285,7 @@ function _n(e, t, n) {
 		a.value = i.value;
 	}), i.addEventListener("change", () => n(i.value)), a.addEventListener("change", () => n(a.value.trim())), r.append(i, a), V(e, r);
 }
-function vn(e, t) {
+function bn(e, t) {
 	let n = document.createElement("div");
 	n.className = "subcard";
 	let r = document.createElement("div");
@@ -2276,13 +2299,13 @@ function vn(e, t) {
 		t === void 0 || t === "" ? delete n[e] : n[e] = t, s(Object.keys(n).length === 0 ? !0 : n);
 	}, l = document.createElement("input");
 	if (l.type = "checkbox", l.checked = a, l.addEventListener("change", () => s(l.checked)), n.appendChild(V("enabled", l)), a) {
-		n.appendChild(_n("murk color", String(o.color ?? ""), (e) => c("color", e))), n.appendChild(Zn("visibility (m)", Number(o.visibility ?? 22), (e) => c("visibility", e === 22 ? void 0 : e), () => c("visibility", void 0)));
+		n.appendChild(yn("murk color", String(o.color ?? ""), (e) => c("color", e))), n.appendChild($n("visibility (m)", Number(o.visibility ?? 22), (e) => c("visibility", e === 22 ? void 0 : e), () => c("visibility", void 0)));
 		let e = document.createElement("input");
 		e.type = "checkbox", e.checked = (o.caustics ?? !0) !== !1, e.addEventListener("change", () => c("caustics", e.checked ? void 0 : !1)), n.appendChild(V("caustics", e));
 	}
 	return n;
 }
-function yn(e, t, n) {
+function xn(e, t, n) {
 	let r = document.createElement("div");
 	r.className = "subcard";
 	let i = document.createElement("div");
@@ -2299,7 +2322,7 @@ function yn(e, t, n) {
 			value: a
 		} : void 0);
 	};
-	r.appendChild(_n("color", String(a.color ?? ""), (e) => o("color", e))), r.appendChild(Cn("roughness", Number(a.roughness ?? 1), (e) => o("roughness", e))), r.appendChild(Cn("metalness", Number(a.metalness ?? 0), (e) => o("metalness", e))), r.appendChild(_n("emissive", String(a.emissive ?? ""), (e) => o("emissive", e))), r.appendChild(Cn("emissive power", Number(a.emissiveIntensity ?? 1), (e) => o("emissiveIntensity", e === 1 ? void 0 : e), 2)), r.appendChild(Cn("opacity", Number(a.opacity ?? 1), (e) => o("opacity", e === 1 ? void 0 : e))), r.appendChild(Cn("clearcoat", Number(a.clearcoat ?? 0), (e) => o("clearcoat", e === 0 ? void 0 : e))), r.appendChild(Cn("clearcoat rough", Number(a.clearcoatRoughness ?? 0), (e) => o("clearcoatRoughness", e === 0 ? void 0 : e))), r.appendChild(Cn("reflection", Number(a.envMapIntensity ?? 1), (e) => o("envMapIntensity", e === 1 ? void 0 : e), 3));
+	r.appendChild(yn("color", String(a.color ?? ""), (e) => o("color", e))), r.appendChild(Tn("roughness", Number(a.roughness ?? 1), (e) => o("roughness", e))), r.appendChild(Tn("metalness", Number(a.metalness ?? 0), (e) => o("metalness", e))), r.appendChild(yn("emissive", String(a.emissive ?? ""), (e) => o("emissive", e))), r.appendChild(Tn("emissive power", Number(a.emissiveIntensity ?? 1), (e) => o("emissiveIntensity", e === 1 ? void 0 : e), 2)), r.appendChild(Tn("opacity", Number(a.opacity ?? 1), (e) => o("opacity", e === 1 ? void 0 : e))), r.appendChild(Tn("clearcoat", Number(a.clearcoat ?? 0), (e) => o("clearcoat", e === 0 ? void 0 : e))), r.appendChild(Tn("clearcoat rough", Number(a.clearcoatRoughness ?? 0), (e) => o("clearcoatRoughness", e === 0 ? void 0 : e))), r.appendChild(Tn("reflection", Number(a.envMapIntensity ?? 1), (e) => o("envMapIntensity", e === 1 ? void 0 : e), 3));
 	let s = document.createElement("input");
 	s.type = "checkbox", s.checked = a.wireframe === !0, s.addEventListener("change", () => o("wireframe", s.checked || void 0)), r.appendChild(V("wireframe", s));
 	let c = document.createElement("input");
@@ -2307,7 +2330,7 @@ function yn(e, t, n) {
 	let l = document.createElement("input");
 	l.type = "checkbox", l.checked = a.depthTest === !1, l.addEventListener("change", () => {
 		o("depthTest", l.checked ? !1 : void 0), o("depthWrite", l.checked ? !1 : void 0);
-	}), r.appendChild(V("draw on top (decal)", l)), r.appendChild(B("map (texture)", String(a.map ?? ""), Nn((e) => fn(e) && !e.name.includes("normal") && !e.name.includes("roughness")), (e) => o("map", e.trim()), {
+	}), r.appendChild(V("draw on top (decal)", l)), r.appendChild(B("map (texture)", String(a.map ?? ""), Fn((e) => mn(e) && !e.name.includes("normal") && !e.name.includes("roughness")), (e) => o("map", e.trim()), {
 		placeholder: "built-in or custom URL",
 		library: {
 			kind: "image",
@@ -2315,7 +2338,7 @@ function yn(e, t, n) {
 			shelf: ["3d", "textures"]
 		},
 		ctx: n
-	})), r.appendChild(B("normal map", String(a.normalMap ?? ""), Nn((e) => fn(e) && e.name.includes("normal")), (e) => o("normalMap", e.trim()), {
+	})), r.appendChild(B("normal map", String(a.normalMap ?? ""), Fn((e) => mn(e) && e.name.includes("normal")), (e) => o("normalMap", e.trim()), {
 		placeholder: "built-in or custom URL",
 		library: {
 			kind: "image",
@@ -2324,13 +2347,13 @@ function yn(e, t, n) {
 		},
 		ctx: n
 	}));
-	let u = !!(a.map || a.normalMap), d = Array.isArray(a.repeat) ? a.repeat : [1, 1], f = Qn("repeat [u,v]", [d[0] ?? 1, d[1] ?? 1], (e) => {
+	let u = !!(a.map || a.normalMap), d = Array.isArray(a.repeat) ? a.repeat : [1, 1], f = er("repeat [u,v]", [d[0] ?? 1, d[1] ?? 1], (e) => {
 		let [t, n] = e;
 		!Number.isFinite(t) || !Number.isFinite(n) || t === 1 && n === 1 || !t && !n ? o("repeat", void 0) : o("repeat", [t, n]);
 	});
 	return f.title = u ? "Texture tiling across the mesh UVs." : "Only takes effect with a map/normal map set (engine validates).", r.appendChild(f), r;
 }
-var bn = new Set([
+var Sn = new Set([
 	"animationLoop",
 	"animationSpeed",
 	"animationOffset",
@@ -2338,7 +2361,7 @@ var bn = new Set([
 	"animationUpperLoop",
 	"upperBodyRoot"
 ]);
-function xn(e, t, n, r) {
+function Cn(e, t, n, r) {
 	let i = document.createElement("div");
 	i.className = "subcard anim-card";
 	let a = document.createElement("div");
@@ -2362,15 +2385,15 @@ function xn(e, t, n, r) {
 		ctx: n
 	})), !s) {
 		let a = document.createElement("div");
-		return a.className = "muted-note", a.textContent = "Pick a clip and it plays as soon as the scene loads — no script needed.", i.appendChild(a), i.appendChild(Sn(e, t, n, r)), i;
+		return a.className = "muted-note", a.textContent = "Pick a clip and it plays as soon as the scene loads — no script needed.", i.appendChild(a), i.appendChild(wn(e, t, n, r)), i;
 	}
-	i.appendChild(Un(e, t, "animationLoop", r.animationLoop?.default ?? !0, void 0, "loop"));
-	let c = Cn("speed", Number(t.props?.animationSpeed ?? 1), (n) => z(e, t, "animationSpeed", n, 1), 3, -3);
+	i.appendChild(Gn(e, t, "animationLoop", r.animationLoop?.default ?? !0, void 0, "loop"));
+	let c = Tn("speed", Number(t.props?.animationSpeed ?? 1), (n) => z(e, t, "animationSpeed", n, 1), 3, -3);
 	c.title = "1 = as authored · 0 freezes the pose · negative plays backwards (a closing door is an opening one reversed).", i.appendChild(c);
-	let l = Un(e, t, "animationOffset", r.animationOffset?.default ?? 0, void 0, "offset (s)");
-	return l.title = "Seconds into the clip to start at. Give copies different offsets so a row of torches stops flickering in lockstep.", i.appendChild(l), i.appendChild(Sn(e, t, n, r)), i;
+	let l = Gn(e, t, "animationOffset", r.animationOffset?.default ?? 0, void 0, "offset (s)");
+	return l.title = "Seconds into the clip to start at. Give copies different offsets so a row of torches stops flickering in lockstep.", i.appendChild(l), i.appendChild(wn(e, t, n, r)), i;
 }
-function Sn(e, t, n, r) {
+function wn(e, t, n, r) {
 	let i = document.createElement("details");
 	i.className = "anim-upper", t.props?.animationUpper && (i.open = !0);
 	let a = document.createElement("summary");
@@ -2380,9 +2403,9 @@ function Sn(e, t, n, r) {
 	})), (n) => z(e, t, "animationUpper", n.trim(), ""), {
 		placeholder: "empty = off",
 		ctx: n
-	})), i.appendChild(Un(e, t, "animationUpperLoop", r.animationUpperLoop?.default ?? !1, void 0, "loop")), i.appendChild(Un(e, t, "upperBodyRoot", r.upperBodyRoot?.default ?? "Spine", void 0, "root bone")), i;
+	})), i.appendChild(Gn(e, t, "animationUpperLoop", r.animationUpperLoop?.default ?? !1, void 0, "loop")), i.appendChild(Gn(e, t, "upperBodyRoot", r.upperBodyRoot?.default ?? "Spine", void 0, "root bone")), i;
 }
-function Cn(e, t, n, r = 1, i = 0) {
+function Tn(e, t, n, r = 1, i = 0) {
 	let a = document.createElement("div");
 	a.className = "slider-row";
 	let o = document.createElement("input");
@@ -2394,18 +2417,18 @@ function Cn(e, t, n, r = 1, i = 0) {
 		o.value = s.value, n(Number(s.value));
 	}), a.append(o, s), V(e, a);
 }
-function wn(e, t, n, i) {
-	if (e.appendChild(qn(n.type ?? "instance")), e.appendChild(Tn(n)), e.appendChild(Xn("name", n.name ?? "", (e) => {
+function En(e, t, n, i) {
+	if (e.appendChild(Yn(n.type ?? "instance")), e.appendChild(Dn(n)), e.appendChild(Qn("name", n.name ?? "", (e) => {
 		e.trim() === "" || t.selection === null || t.renameNode(t.selection, e.trim());
-	})), n.type === "TileMap2D" && i?.paint && e.appendChild($n(n, i.paint)), n.type) {
+	})), n.type === "TileMap2D" && i?.paint && e.appendChild(tr(n, i.paint)), n.type) {
 		let a;
 		try {
 			a = r(n.type);
 		} catch {
 			a = {};
 		}
-		for (let [r, o] of Object.entries(a)) if (r === "collider") e.appendChild(kn(t, n, o.default));
-		else if (r === "material") e.appendChild(yn(t, n, i));
+		for (let [r, o] of Object.entries(a)) if (r === "collider") e.appendChild(jn(t, n, o.default));
+		else if (r === "material") e.appendChild(xn(t, n, i));
 		else if (n.type === "ModelInstance3D" && r === "model" && i) e.appendChild(B("model", String(n.props?.model ?? ""), i.modelRefs().map((e) => ({
 			label: e,
 			value: e,
@@ -2420,9 +2443,9 @@ function wn(e, t, n, i) {
 			},
 			ctx: i
 		}));
-		else if (n.type === "BoneAttachment3D" && r === "bone" && i?.bonesForSelection) e.appendChild(jn("bone", String(n.props?.bone ?? ""), i.bonesForSelection(String(n.props?.target ?? "")), (e) => z(t, n, "bone", e, "")));
-		else if (n.type === "ModelInstance3D" && r === "animation" && i) e.appendChild(xn(t, n, i, a));
-		else if (!(n.type === "ModelInstance3D" && bn.has(r))) if ((n.type === "Sprite3D" || n.type === "AnimatedSprite3D") && (r === "texture" || r === "sheet")) e.appendChild(B(r === "sheet" ? "sheet (image URL)" : "texture (image URL)", String(n.props?.[r] ?? ""), Nn((e) => e.kind === "character" || e.kind === "item"), (e) => z(t, n, r, e.trim(), ""), {
+		else if (n.type === "BoneAttachment3D" && r === "bone" && i?.bonesForSelection) e.appendChild(Nn("bone", String(n.props?.bone ?? ""), i.bonesForSelection(String(n.props?.target ?? "")), (e) => z(t, n, "bone", e, "")));
+		else if (n.type === "ModelInstance3D" && r === "animation" && i) e.appendChild(Cn(t, n, i, a));
+		else if (!(n.type === "ModelInstance3D" && Sn.has(r))) if ((n.type === "Sprite3D" || n.type === "AnimatedSprite3D") && (r === "texture" || r === "sheet")) e.appendChild(B(r === "sheet" ? "sheet (image URL)" : "texture (image URL)", String(n.props?.[r] ?? ""), Fn((e) => e.kind === "character" || e.kind === "item"), (e) => z(t, n, r, e.trim(), ""), {
 			placeholder: "image URL — empty hides the sprite",
 			library: {
 				kind: "image",
@@ -2446,7 +2469,7 @@ function wn(e, t, n, i) {
 			},
 			ctx: i
 		}));
-		else if (n.type === "Tree3D" && r === "leafTexture") e.appendChild(B("leaf texture", String(n.props?.leafTexture ?? ""), Nn((e) => e.name.startsWith("leaves_")), (e) => z(t, n, "leafTexture", e.trim(), ""), {
+		else if (n.type === "Tree3D" && r === "leafTexture") e.appendChild(B("leaf texture", String(n.props?.leafTexture ?? ""), Fn((e) => e.name.startsWith("leaves_")), (e) => z(t, n, "leafTexture", e.trim(), ""), {
 			placeholder: "default (per-type) or URL",
 			library: {
 				kind: "image",
@@ -2455,11 +2478,11 @@ function wn(e, t, n, i) {
 			},
 			ctx: i
 		}));
-		else if (n.type === "Terrain3D" && r === "textureBase") e.appendChild(B("texture base", String(n.props?.textureBase ?? o.default ?? ""), Fn, (e) => z(t, n, "textureBase", e.trim(), o.default), { placeholder: "splat texture base URL" }));
+		else if (n.type === "Terrain3D" && r === "textureBase") e.appendChild(B("texture base", String(n.props?.textureBase ?? o.default ?? ""), Ln, (e) => z(t, n, "textureBase", e.trim(), o.default), { placeholder: "splat texture base URL" }));
 		else if (n.type === "AnimatedSprite2D" && r === "sheet" || n.type === "Sprite2D" && r === "texture") {
 			let a = r === "sheet";
-			e.appendChild(In(t, n, r, i, a));
-		} else n.type === "AudioPlayer" && r === "src" ? e.appendChild(B("src (audio file)", String(n.props?.src ?? ""), Pn(), (e) => z(t, n, "src", e.trim(), ""), {
+			e.appendChild(Rn(t, n, r, i, a));
+		} else n.type === "AudioPlayer" && r === "src" ? e.appendChild(B("src (audio file)", String(n.props?.src ?? ""), In(), (e) => z(t, n, "src", e.trim(), ""), {
 			placeholder: "built-in or custom URL — or use preset",
 			note: "For zero-asset SFX, set the `preset` prop instead of src.",
 			library: {
@@ -2467,14 +2490,14 @@ function wn(e, t, n, i) {
 				target: "audio src"
 			},
 			ctx: i
-		})) : n.type === "Flowers3D" && r === "varieties" ? e.appendChild(Ln(t, n)) : n.type === "Water3D" && r === "underwater" ? e.appendChild(vn(t, n)) : e.appendChild(Un(t, n, r, o.default, o.options));
+		})) : n.type === "Flowers3D" && r === "varieties" ? e.appendChild(zn(t, n)) : n.type === "Water3D" && r === "underwater" ? e.appendChild(bn(t, n)) : e.appendChild(Gn(t, n, r, o.default, o.options));
 	}
-	if (e.appendChild(qn("structure")), e.appendChild(En(t, n)), e.appendChild(Dn(t, n)), e.appendChild(On(t, n)), t.selection) {
-		let n = nn(t, t.selection);
-		n && (e.appendChild(qn("connections", "connections")), e.appendChild(n));
+	if (e.appendChild(Yn("structure")), e.appendChild(On(t, n)), e.appendChild(kn(t, n)), e.appendChild(An(t, n)), t.selection) {
+		let n = an(t, t.selection);
+		n && (e.appendChild(Yn("connections", "connections")), e.appendChild(n));
 	}
 }
-function Tn(e) {
+function Dn(e) {
 	let t = document.createElement("div");
 	t.className = "field uid-line";
 	let n = document.createElement("span");
@@ -2490,14 +2513,14 @@ function Tn(e) {
 		}, 800);
 	}), r.append(i, a), t.append(n, r), t;
 }
-function En(e, t) {
+function On(e, t) {
 	let n = document.createElement("label");
 	n.className = "field wide";
 	let r = document.createElement("span");
-	r.append("groups ", Ht("groups"));
+	r.append("groups ", Wt("groups"));
 	let i = document.createElement("div");
 	i.className = "chips";
-	for (let n of t.groups ?? []) i.appendChild(Jn(n, () => {
+	for (let n of t.groups ?? []) i.appendChild(Xn(n, () => {
 		e.mutate(() => {
 			t.groups = (t.groups ?? []).filter((e) => e !== n), t.groups.length === 0 && delete t.groups;
 		});
@@ -2511,11 +2534,11 @@ function En(e, t) {
 		});
 	}), i.appendChild(a), i.addEventListener("click", () => a.focus()), n.append(r, i), n;
 }
-function Dn(e, t) {
+function kn(e, t) {
 	let n = document.createElement("div");
 	n.className = "subcard";
 	let r = document.createElement("div");
-	r.className = "subcard-head", r.append("script ", Ht("script"));
+	r.className = "subcard-head", r.append("script ", Wt("script"));
 	let i = document.createElement("span");
 	i.className = "spacer", r.appendChild(i);
 	let a = t.script;
@@ -2537,11 +2560,11 @@ function Dn(e, t) {
 			});
 		}), n.append(r, i), n;
 	}
-	n.appendChild(Xn("name", a.name ?? "", (n) => {
+	n.appendChild(Qn("name", a.name ?? "", (n) => {
 		e.mutate(() => {
 			t.script.name = n.trim();
 		});
-	})), n.appendChild(er("props", a.props, (n) => {
+	})), n.appendChild(nr("props", a.props, (n) => {
 		e.mutate(() => {
 			n === void 0 ? delete t.script.props : t.script.props = n;
 		});
@@ -2549,11 +2572,11 @@ function Dn(e, t) {
 	let o = document.createElement("div");
 	return o.className = "muted-note", o.textContent = "? has copy-paste boilerplate for the game side.", n.appendChild(o), n;
 }
-function On(e, t) {
+function An(e, t) {
 	let n = document.createElement("div");
 	n.className = "subcard";
 	let r = document.createElement("div");
-	r.className = "subcard-head", r.append("network ", Ht("network")), n.appendChild(r);
+	r.className = "subcard-head", r.append("network ", Wt("network")), n.appendChild(r);
 	let i = t.network, a = document.createElement("select");
 	for (let [e, t] of [["", "not replicated"], ["owner", "owner — this player broadcasts it"]]) {
 		let n = document.createElement("option");
@@ -2569,7 +2592,7 @@ function On(e, t) {
 	}), n.appendChild(V("mode", a)), i?.mode === "owner") {
 		let r = document.createElement("div");
 		r.className = "chips";
-		for (let n of i.sync ?? []) r.appendChild(Jn(n, () => {
+		for (let n of i.sync ?? []) r.appendChild(Xn(n, () => {
 			e.mutate(() => {
 				t.network.sync = (i.sync ?? []).filter((e) => e !== n);
 			});
@@ -2585,7 +2608,7 @@ function On(e, t) {
 		let o = document.createElement("label");
 		o.className = "field wide";
 		let s = document.createElement("span");
-		s.textContent = "sync keys", o.append(s, r), n.appendChild(o), n.appendChild(Zn("throttle ms", i.throttleMs ?? 50, (n) => {
+		s.textContent = "sync keys", o.append(s, r), n.appendChild(o), n.appendChild($n("throttle ms", i.throttleMs ?? 50, (n) => {
 			e.mutate(() => {
 				t.network.throttleMs = n;
 			});
@@ -2593,11 +2616,11 @@ function On(e, t) {
 	}
 	return n;
 }
-function kn(e, t, n) {
+function jn(e, t, n) {
 	let r = document.createElement("div");
 	r.className = "subcard";
 	let i = document.createElement("div");
-	i.className = "subcard-head", i.append("collider ", Ht("collider")), r.appendChild(i);
+	i.className = "subcard-head", i.append("collider ", Wt("collider")), r.appendChild(i);
 	let a = t.props?.collider ?? {}, o = (n) => {
 		e.mutate(() => {
 			t.props ||= {};
@@ -2645,23 +2668,23 @@ function kn(e, t, n) {
 			radius: a.radius ?? 12,
 			height: a.height ?? 16
 		});
-	}), r.appendChild(V("shape", l)), a.shape === "rect" || a.shape === "box" ? r.appendChild(Qn("size", a.size ?? (s ? [
+	}), r.appendChild(V("shape", l)), a.shape === "rect" || a.shape === "box" ? r.appendChild(er("size", a.size ?? (s ? [
 		1,
 		1,
 		1
 	] : [32, 32]), (e) => o({
 		...a,
 		size: e
-	}))) : a.shape === "circle" || a.shape === "sphere" ? r.appendChild(Zn("radius", a.radius ?? (s ? .5 : 16), (e) => o({
+	}))) : a.shape === "circle" || a.shape === "sphere" ? r.appendChild($n("radius", a.radius ?? (s ? .5 : 16), (e) => o({
 		...a,
 		radius: e
-	}))) : a.shape === "capsule" && (r.appendChild(Zn("radius", a.radius ?? 12, (e) => o({
+	}))) : a.shape === "capsule" && (r.appendChild($n("radius", a.radius ?? 12, (e) => o({
 		...a,
 		radius: e
-	}))), r.appendChild(Zn("height", a.height ?? 16, (e) => o({
+	}))), r.appendChild($n("height", a.height ?? 16, (e) => o({
 		...a,
 		height: e
-	})))), a.shape && r.appendChild(Qn("offset", a.offset ?? (s ? [
+	})))), a.shape && r.appendChild(er("offset", a.offset ?? (s ? [
 		0,
 		0,
 		0
@@ -2675,11 +2698,11 @@ function z(e, t, n, r, i) {
 		t.props ||= {}, JSON.stringify(r) === JSON.stringify(i) ? (delete t.props[n], Object.keys(t.props).length === 0 && delete t.props) : t.props[n] = r;
 	});
 }
-var An = 0;
-function jn(e, t, n, r) {
+var Mn = 0;
+function Nn(e, t, n, r) {
 	let i = document.createElement("input");
 	i.type = "text", i.value = t;
-	let a = `suggest-${An++}`;
+	let a = `suggest-${Mn++}`;
 	i.setAttribute("list", a);
 	let o = document.createElement("datalist");
 	o.id = a;
@@ -2691,7 +2714,7 @@ function jn(e, t, n, r) {
 	let s = V(e, i);
 	return s.appendChild(o), s;
 }
-var Mn = 0;
+var Pn = 0;
 function B(e, t, n, r, i = {}) {
 	let a = document.createElement("label");
 	a.className = "field wide asset-field";
@@ -2755,33 +2778,33 @@ function B(e, t, n, r, i = {}) {
 		let e = document.createElement("div");
 		e.className = "muted-note asset-note", e.textContent = i.note, a.appendChild(e);
 	}
-	return s.id = `asset-input-${Mn++}`, a.htmlFor = s.id, a;
+	return s.id = `asset-input-${Pn++}`, a.htmlFor = s.id, a;
 }
-function Nn(e) {
-	return dn.filter(e).map((e) => ({
+function Fn(e) {
+	return pn.filter(e).map((e) => ({
 		label: e.name,
 		value: e.url,
 		hint: `${e.kind} · ${e.description.slice(0, 70)}`
 	}));
 }
-function Pn() {
-	return dn.filter((e) => e.kind === "audio").map((e) => ({
+function In() {
+	return pn.filter((e) => e.kind === "audio").map((e) => ({
 		label: e.name,
 		value: e.url,
 		hint: `audio · ${e.description.slice(0, 70)}`
 	}));
 }
-var Fn = [{
+var Ln = [{
 	label: "agent8 default terrain",
 	value: "https://agent8-games.verse8.io/assets/3D/default/textures/terrain",
 	hint: "sand/grass/stone/snow splat set (Terrain3D default)"
 }];
-function In(e, t, n, r, i) {
+function Rn(e, t, n, r, i) {
 	let a = String(t.props?.[n] ?? ""), o = i ? ["spritesheet"] : ["texture", "spritesheet"], s = (r?.assetRefs?.(o) ?? []).map((e) => ({
 		label: e,
 		value: e,
 		hint: "scene asset"
-	})), c = dn.filter((e) => i ? !!e.animation : e.kind === "character" || e.kind === "item" || e.kind === "tile");
+	})), c = pn.filter((e) => i ? !!e.animation : e.kind === "character" || e.kind === "item" || e.kind === "tile");
 	for (let e of c) s.push({
 		label: `built-in: ${e.name}`,
 		value: `$${e.name}`,
@@ -2818,7 +2841,7 @@ function In(e, t, n, r, i) {
 		ctx: r
 	});
 }
-function Ln(e, t) {
+function zn(e, t) {
 	let n = document.createElement("label");
 	n.className = "field wide";
 	let r = document.createElement("span");
@@ -2844,7 +2867,7 @@ function Ln(e, t) {
 	let s = document.createElement("div");
 	return s.className = "muted-note", s.textContent = "All (or none) = the default mix of all three.", n.appendChild(s), n;
 }
-var Rn = [
+var Bn = [
 	["number", () => 0],
 	["text", () => ""],
 	["boolean", () => !1],
@@ -2856,7 +2879,7 @@ var Rn = [
 		0
 	]]
 ];
-function zn(e, t) {
+function Vn(e, t) {
 	let n = 0, r = (e) => {
 		if (o(e)) {
 			e["@const"] === t && (n += 1);
@@ -2868,7 +2891,7 @@ function zn(e, t) {
 	for (let [t, n] of Object.entries(e)) t !== "constants" && r(n);
 	return n;
 }
-function Bn(e, t, n) {
+function Hn(e, t, n) {
 	let r = (e) => {
 		if (o(e)) return e["@const"] === t ? JSON.parse(JSON.stringify(n ?? null)) : e;
 		if (Array.isArray(e)) return e.map(r);
@@ -2881,7 +2904,7 @@ function Bn(e, t, n) {
 	};
 	for (let t of Object.keys(e)) t !== "constants" && (e[t] = r(e[t]));
 }
-function Vn(e, t, n) {
+function Un(e, t, n) {
 	let r = t.working.constants ?? {}, i = Object.keys(r), a = (e, n) => {
 		t.mutate(() => {
 			let r = { ...t.working.constants ?? {} };
@@ -2889,12 +2912,12 @@ function Vn(e, t, n) {
 		});
 	}, o = (e, n) => {
 		t.mutate(() => {
-			n && Bn(t.working, e, r[e]);
+			n && Hn(t.working, e, r[e]);
 			let i = { ...t.working.constants ?? {} };
 			delete i[e], Object.keys(i).length === 0 ? delete t.working.constants : t.working.constants = i;
 		});
 	}, s = (e) => {
-		let r = zn(t.working, e);
+		let r = Vn(t.working, e);
 		if (r > 0 && n?.confirm) {
 			n.confirm(`"${e}" is used by ${r} prop${r === 1 ? "" : "s"}. Unlink them (inline its current value) and delete?`, "unlink & delete", () => o(e, !0));
 			return;
@@ -2907,7 +2930,7 @@ function Vn(e, t, n) {
 	}
 	for (let t of i) {
 		let n = document.createElement("div");
-		n.className = "const-row", n.appendChild(Hn(t, r[t], (e) => a(t, e)));
+		n.className = "const-row", n.appendChild(Wn(t, r[t], (e) => a(t, e)));
 		let i = document.createElement("button");
 		i.type = "button", i.className = "const-del", i.textContent = "✕", i.title = `delete constant "${t}"`, i.addEventListener("click", () => s(t)), n.appendChild(i), e.appendChild(n);
 	}
@@ -2916,26 +2939,26 @@ function Vn(e, t, n) {
 	let l = document.createElement("input");
 	l.type = "text", l.placeholder = "new constant name";
 	let u = document.createElement("select");
-	for (let [e] of Rn) {
+	for (let [e] of Bn) {
 		let t = document.createElement("option");
 		t.value = e, t.textContent = e, u.appendChild(t);
 	}
 	let d = document.createElement("button");
 	d.type = "button", d.textContent = "+ add", d.addEventListener("click", () => {
 		let e = l.value.trim();
-		e && (t.working.constants ?? {})[e] === void 0 && (a(e, (Rn.find(([e]) => e === u.value)?.[1] ?? (() => 0))()), l.value = "");
+		e && (t.working.constants ?? {})[e] === void 0 && (a(e, (Bn.find(([e]) => e === u.value)?.[1] ?? (() => 0))()), l.value = "");
 	}), c.append(l, u, d), e.appendChild(c);
 }
-function Hn(e, t, n) {
+function Wn(e, t, n) {
 	let r = s(t);
-	if (r === "number") return Zn(e, t, (e) => n(e), () => n(0));
+	if (r === "number") return $n(e, t, (e) => n(e), () => n(0));
 	if (r === "boolean") {
 		let r = document.createElement("input");
 		return r.type = "checkbox", r.checked = t === !0, r.addEventListener("change", () => n(r.checked)), V(e, r);
 	}
-	return r === "array" && Array.isArray(t) && t.every((e) => typeof e == "number") ? Qn(e, t, (e) => n(e)) : r === "string" ? Xn(e, String(t), (e) => n(e)) : er(e, t, (e) => n(e ?? null), JSON.stringify(t));
+	return r === "array" && Array.isArray(t) && t.every((e) => typeof e == "number") ? er(e, t, (e) => n(e)) : r === "string" ? Qn(e, String(t), (e) => n(e)) : nr(e, t, (e) => n(e ?? null), JSON.stringify(t));
 }
-function Un(e, t, n, r, i, a) {
+function Gn(e, t, n, r, i, a) {
 	let c = t.props?.[n] ?? r, l = s(r), u = l === "number" || l === "boolean" || l === "string" || l === "array", d = (i) => {
 		let a = o(i);
 		e.mutate(() => {
@@ -2947,26 +2970,26 @@ function Un(e, t, n, r, i, a) {
 			key: n,
 			value: i
 		} : void 0);
-	}, f = Wn(e, l, r);
-	if (o(c)) return Gn(n, c["@const"], f, d, r);
-	let p = (e) => f.length > 0 ? Kn(e, f, d) : e;
-	if (l === "number") return p(Zn(a ?? n, c, (e) => d(e), () => d(r)));
+	}, f = Kn(e, l, r);
+	if (o(c)) return qn(n, c["@const"], f, d, r);
+	let p = (e) => f.length > 0 ? Jn(e, f, d) : e;
+	if (l === "number") return p($n(a ?? n, c, (e) => d(e), () => d(r)));
 	if (l === "boolean") {
 		let e = document.createElement("input");
 		return e.type = "checkbox", e.checked = c === !0, e.addEventListener("change", () => d(e.checked)), p(V(a ?? n, e));
 	}
-	return l === "string" ? i && i.length > 0 ? p(Yn(a ?? n, String(c ?? ""), i, (e) => d(e))) : p(Xn(a ?? n, String(c ?? ""), (e) => d(e))) : l === "array" && Array.isArray(r) && r.length > 0 && r.every((e) => typeof e == "number") ? p(Qn(n, c ?? r, (e) => d(e))) : er(n, c === r ? void 0 : c, (e) => {
+	return l === "string" ? i && i.length > 0 ? p(Zn(a ?? n, String(c ?? ""), i, (e) => d(e))) : p(Qn(a ?? n, String(c ?? ""), (e) => d(e))) : l === "array" && Array.isArray(r) && r.length > 0 && r.every((e) => typeof e == "number") ? p(er(n, c ?? r, (e) => d(e))) : nr(n, c === r ? void 0 : c, (e) => {
 		d(e === void 0 ? r : e);
 	}, JSON.stringify(r));
 }
-function Wn(e, t, n) {
+function Kn(e, t, n) {
 	let r = e.working.constants ?? {};
 	return Object.keys(r).filter((e) => {
 		let i = r[e];
 		return s(i) === t ? t === "array" && Array.isArray(n) && Array.isArray(i) ? i.length === n.length : !0 : !1;
 	});
 }
-function Gn(e, t, n, r, i) {
+function qn(e, t, n, r, i) {
 	let a = document.createElement("select"), o = n.includes(t) ? n : [t, ...n];
 	for (let e of o) {
 		let n = document.createElement("option");
@@ -2979,7 +3002,7 @@ function Gn(e, t, n, r, i) {
 	let c = V(`🔗 ${e}`, a);
 	return c.classList.add("const-bound"), c;
 }
-function Kn(e, t, n) {
+function Jn(e, t, n) {
 	let r = document.createElement("select");
 	r.className = "const-picker", r.title = "Bind to a named constant";
 	let i = document.createElement("option");
@@ -2992,13 +3015,13 @@ function Kn(e, t, n) {
 		r.value && n({ "@const": r.value });
 	}), e.appendChild(r), e;
 }
-function qn(e, t) {
+function Yn(e, t) {
 	let n = document.createElement("div");
-	n.className = "section-title", n.textContent = e, t && n.appendChild(Ht(t));
+	n.className = "section-title", n.textContent = e, t && n.appendChild(Wt(t));
 	let r = document.createElement("span");
 	return r.className = "rule", n.appendChild(r), n;
 }
-function Jn(e, t) {
+function Xn(e, t) {
 	let n = document.createElement("span");
 	n.className = "chip", n.textContent = e;
 	let r = document.createElement("button");
@@ -3012,7 +3035,7 @@ function V(e, t) {
 	let r = document.createElement("span");
 	return r.textContent = e, n.append(r, t), n;
 }
-function Yn(e, t, n, r) {
+function Zn(e, t, n, r) {
 	let i = document.createElement("select");
 	for (let e of n.includes(t) ? n : [t, ...n]) {
 		let n = document.createElement("option");
@@ -3020,11 +3043,11 @@ function Yn(e, t, n, r) {
 	}
 	return i.addEventListener("change", () => r(i.value)), V(e, i);
 }
-function Xn(e, t, n) {
+function Qn(e, t, n) {
 	let r = document.createElement("input");
 	return r.type = "text", r.value = t, r.addEventListener("change", () => n(r.value)), V(e, r);
 }
-function Zn(e, t, n, r) {
+function $n(e, t, n, r) {
 	let i = document.createElement("input");
 	return i.type = "number", i.step = "any", i.value = String(t), i.addEventListener("change", () => {
 		if (i.value.trim() === "") {
@@ -3035,7 +3058,7 @@ function Zn(e, t, n, r) {
 		Number.isFinite(e) && n(e);
 	}), V(e, i);
 }
-function Qn(e, t, n) {
+function er(e, t, n) {
 	let r = document.createElement("div");
 	r.className = "vector-row";
 	let i = [...t];
@@ -3047,7 +3070,7 @@ function Qn(e, t, n) {
 		}), r.appendChild(a);
 	}), V(e, r);
 }
-function $n(e, t) {
+function tr(e, t) {
 	let n = document.createElement("div");
 	n.className = "field wide tile-paint";
 	let r = document.createElement("button");
@@ -3055,7 +3078,7 @@ function $n(e, t) {
 	let i = document.createElement("div");
 	i.className = "paint-palette";
 	let a = e.props?.cells ?? [], o = e.props?.legend ?? {};
-	for (let e of un(a, o)) {
+	for (let e of fn(a, o)) {
 		let n = document.createElement("button");
 		n.type = "button", n.className = t.brush() === e ? "paint-chip on" : "paint-chip", n.textContent = e === "." ? "␡" : e, n.title = e === "." ? "eraser (empty cell)" : `tile '${e}'`, n.addEventListener("click", () => t.setBrush(e)), i.appendChild(n);
 	}
@@ -3066,7 +3089,7 @@ function $n(e, t) {
 	let c = document.createElement("div");
 	return c.className = "paint-hint", c.textContent = "grid grows right/down; digits map to atlas tiles, others need legend", n.appendChild(c), n;
 }
-function er(e, t, n, r = "") {
+function nr(e, t, n, r = "") {
 	let i = document.createElement("textarea");
 	i.rows = 3, i.placeholder = r, i.value = t === void 0 ? "" : JSON.stringify(t, null, 2), i.addEventListener("change", () => {
 		let e = i.value.trim();
@@ -3086,12 +3109,12 @@ function er(e, t, n, r = "") {
 }
 //#endregion
 //#region src/model-preview.ts
-var tr = 2.4, nr = 1.35, rr = [
+var rr = 2.4, ir = 1.35, ar = [
 	0,
 	.5,
 	0
 ];
-function ir(e) {
+function or(e) {
 	return {
 		format: 1,
 		type: "scene",
@@ -3122,8 +3145,8 @@ function ir(e) {
 						current: !0,
 						position: [
 							0,
-							nr,
-							tr
+							ir,
+							rr
 						]
 					}
 				},
@@ -3151,7 +3174,7 @@ function ir(e) {
 		}
 	};
 }
-var ar = class {
+var sr = class {
 	canvas = null;
 	engine = null;
 	renderer = null;
@@ -3190,7 +3213,7 @@ var ar = class {
 	}
 	load(e) {
 		if (this.engine) try {
-			this.engine.setScene(c(ir(e)));
+			this.engine.setScene(c(or(e)));
 		} catch (t) {
 			console.warn("[incanto] library preview could not load", e, t);
 		}
@@ -3204,11 +3227,11 @@ var ar = class {
 			let i = this.renderer;
 			i && (i.viewOverride = {
 				position: [
-					Math.sin(this.angle) * tr,
-					nr,
-					Math.cos(this.angle) * tr
+					Math.sin(this.angle) * rr,
+					ir,
+					Math.cos(this.angle) * rr
 				],
-				target: rr
+				target: ar
 			}, this.engine?.tick(n));
 		};
 		this.raf = requestAnimationFrame(t);
@@ -3216,8 +3239,8 @@ var ar = class {
 	stop() {
 		this.raf && cancelAnimationFrame(this.raf), this.raf = 0;
 	}
-}, or = "incanto-editor-v8-token", sr = 24;
-async function cr(e, t, n) {
+}, cr = "incanto-editor-v8-token", lr = 24;
+async function ur(e, t, n) {
 	if (!me(e.url) || n !== "spritesheet" && n !== "texture") return null;
 	try {
 		let n = h(await (await fetch(e.url)).json(), {
@@ -3232,19 +3255,19 @@ async function cr(e, t, n) {
 		return console.warn("[incanto] not a usable sprite config:", e.url, t), null;
 	}
 }
-function lr() {
+function dr() {
 	try {
-		return localStorage.getItem(or) ?? "";
+		return localStorage.getItem(cr) ?? "";
 	} catch {
 		return "";
 	}
 }
-function ur(e) {
+function fr(e) {
 	try {
-		e ? localStorage.setItem(or, e) : localStorage.removeItem(or);
+		e ? localStorage.setItem(cr, e) : localStorage.removeItem(cr);
 	} catch {}
 }
-function dr(e, t) {
+function pr(e, t) {
 	return new Promise((n) => {
 		let r = [...t.shelf ?? []], i = "", a = 1, o = !1, s = [], c = [], l = null, u = !1, d = !1, f = document.createElement("div");
 		f.className = "lib-backdrop";
@@ -3274,7 +3297,7 @@ function dr(e, t) {
 		w.type = "button", w.className = "ghost lib-more", w.textContent = "load more", w.hidden = !0, x.append(C, S, w);
 		let T = document.createElement("aside");
 		T.className = "lib-detail", y.append(b, x, T);
-		let E = new ar(), D = (e) => {
+		let E = new sr(), D = (e) => {
 			d || (d = !0, E.dispose(), document.removeEventListener("keydown", O, !0), f.remove(), n(e));
 		}, O = (e) => {
 			e.key === "Escape" && (e.stopPropagation(), D(null));
@@ -3377,7 +3400,7 @@ function dr(e, t) {
 					return;
 				}
 				(async () => {
-					let n = ce(e), r = await cr(e, n, t.assetType), i = r?.asset ?? pe(e, t.kind, t.assetType), a = t.onAsset?.(e, i, n) ?? e.url;
+					let n = ce(e), r = await ur(e, n, t.assetType), i = r?.asset ?? pe(e, t.kind, t.assetType), a = t.onAsset?.(e, i, n) ?? e.url;
 					r && t.onProps?.(r.props), D(a);
 				})();
 			}), d.appendChild(f), T.appendChild(d);
@@ -3398,7 +3421,7 @@ function dr(e, t) {
 					let e = document.createElement("img");
 					e.src = t.url, e.alt = "", e.loading = "lazy", n.appendChild(e);
 				} else {
-					let e = Ne(r === "audio" ? "AudioPlayer" : "ModelInstance3D");
+					let e = Pe(r === "audio" ? "AudioPlayer" : "ModelInstance3D");
 					e.classList.add("lib-glyph"), n.appendChild(e);
 				}
 				if (me(t.url)) {
@@ -3420,10 +3443,10 @@ function dr(e, t) {
 			let r = document.createElement("p");
 			r.className = "lib-token-line lib-token-how", r.textContent = "The catalog is per-account. Paste a Verse8 access token to browse it here — it is kept in this browser and sent only to your own editor server. Starting the editor with --token (or INCANTO_V8_TOKEN) skips this.";
 			let i = document.createElement("input");
-			i.type = "password", i.className = "mono", i.placeholder = "v8 access token", i.value = lr();
+			i.type = "password", i.className = "mono", i.placeholder = "v8 access token", i.value = dr();
 			let o = document.createElement("button");
 			o.type = "button", o.className = "primary", o.textContent = "connect", o.addEventListener("click", () => {
-				ur(i.value.trim()), a = 1, P(!1);
+				fr(i.value.trim()), a = 1, P(!1);
 			}), i.addEventListener("keydown", (e) => {
 				e.key === "Enter" && o.click();
 			});
@@ -3437,8 +3460,8 @@ function dr(e, t) {
 						tags: r,
 						keyword: i.trim() || void 0,
 						page: a,
-						limit: sr
-					}, lr() || void 0);
+						limit: lr
+					}, dr() || void 0);
 					if (d) return;
 					s = t ? [...s, ...n.items] : n.items, c = s, o = n.hasNext;
 					let l = n.total === void 0 ? "" : ` of ${n.total}`;
@@ -3470,16 +3493,16 @@ function dr(e, t) {
 }
 //#endregion
 //#region src/scene-tree.ts
-var fr = ".scene.json";
-function pr(e) {
+var mr = ".scene.json";
+function hr(e) {
 	let t = e.split("/").pop() ?? e;
-	return t.endsWith(fr) ? t.slice(0, -11) : t;
+	return t.endsWith(mr) ? t.slice(0, -11) : t;
 }
-function mr(e) {
+function gr(e) {
 	let t = e.lastIndexOf("/");
 	return t === -1 ? "" : e.slice(0, t);
 }
-function hr(e, t) {
+function _r(e, t) {
 	return {
 		path: e,
 		name: t,
@@ -3487,31 +3510,31 @@ function hr(e, t) {
 		files: []
 	};
 }
-function gr(e) {
-	let t = hr("", "");
+function vr(e) {
+	let t = _r("", "");
 	for (let n of e) {
 		let e = n.rel.split("/");
 		if (!e.pop()) continue;
 		let r = t;
 		for (let t of e) {
 			let e = r.path ? `${r.path}/${t}` : t, n = r.dirs.get(t);
-			n || (n = hr(e, t), r.dirs.set(t, n)), r = n;
+			n || (n = _r(e, t), r.dirs.set(t, n)), r = n;
 		}
 		r.files.push(n);
 	}
 	return t;
 }
-function _r(e) {
+function yr(e) {
 	let t = e.files.length;
-	for (let n of e.dirs.values()) t += _r(n);
+	for (let n of e.dirs.values()) t += yr(n);
 	return t;
 }
-function vr(e) {
+function br(e) {
 	let t = e.files.filter((e) => e.scene).length;
-	for (let n of e.dirs.values()) t += vr(n);
+	for (let n of e.dirs.values()) t += br(n);
 	return t;
 }
-function yr(e) {
+function xr(e) {
 	let t = e, n = e.name;
 	for (; t.files.length === 0 && t.dirs.size === 1;) {
 		let e = [...t.dirs.values()][0];
@@ -3523,16 +3546,16 @@ function yr(e) {
 		label: n
 	};
 }
-function br(e) {
-	let t = mr(e ?? "").split("/").filter(Boolean), n = [], r = "";
+function Sr(e) {
+	let t = gr(e ?? "").split("/").filter(Boolean), n = [], r = "";
 	for (let e of t) r = r ? `${r}/${e}` : e, n.push(r);
 	return n;
 }
-function xr(e, t = {}) {
+function Cr(e, t = {}) {
 	let n = (t.query ?? "").trim().toLowerCase(), r = n ? e.filter((e) => e.rel.toLowerCase().includes(n)) : e, i = t.expanded ?? /* @__PURE__ */ new Set(), a = [], o = (e, r) => {
 		let s = [...e.dirs.values()].sort((e, t) => e.name.localeCompare(t.name));
 		for (let e of s) {
-			let { dir: t, label: s } = yr(e), c = _r(t);
+			let { dir: t, label: s } = xr(e), c = yr(t);
 			if (c === 0) continue;
 			let l = n !== "" || i.has(t.path);
 			a.push({
@@ -3541,31 +3564,31 @@ function xr(e, t = {}) {
 				label: s,
 				depth: r,
 				count: c,
-				scenes: vr(t),
+				scenes: br(t),
 				open: l
 			}), l && o(t, r + 1);
 		}
-		let c = [...e.files].sort((e, t) => pr(e.rel).localeCompare(pr(t.rel)));
+		let c = [...e.files].sort((e, t) => hr(e.rel).localeCompare(hr(t.rel)));
 		for (let e of c) a.push({
 			kind: "scene",
 			entry: e,
-			label: pr(e.rel),
-			folder: mr(e.rel),
+			label: hr(e.rel),
+			folder: gr(e.rel),
 			depth: r,
 			current: e.rel === t.current
 		});
 	};
-	return o(gr(r), 0), a;
+	return o(vr(r), 0), a;
 }
-function Sr(e, t) {
-	let n = new Set(br(t));
-	if (e.length <= 24) for (let t of e) for (let e of br(t.rel)) n.add(e);
+function wr(e, t) {
+	let n = new Set(Sr(t));
+	if (e.length <= 24) for (let t of e) for (let e of Sr(t.rel)) n.add(e);
 	return n;
 }
-function Cr(e) {
+function Tr(e) {
 	return typeof e != "number" || !Number.isFinite(e) || e < 0 ? "" : e < 1e3 ? `${e} B` : e < 1e3 * 1e3 ? `${(e / 1e3).toFixed(1)} kB` : `${(e / 1e3 / 1e3).toFixed(1)} MB`;
 }
-function wr(e, t) {
+function Er(e, t) {
 	if (typeof e != "number" || !Number.isFinite(e) || e <= 0) return "";
 	let n = Math.round((t - e) / 1e3);
 	if (n < 90) return "just now";
@@ -3574,20 +3597,20 @@ function wr(e, t) {
 	let i = Math.round(r / 60);
 	return i < 24 ? `${i}h ago` : i < 48 ? "yesterday" : new Date(e).toISOString().slice(0, 10);
 }
-function Tr(e, t = "new-level") {
+function Dr(e, t = "new-level") {
 	let n = e ? e.kind === "folder" ? e.path : e.folder : "";
-	return n ? `${n}/${t}${fr}` : `${t}${fr}`;
+	return n ? `${n}/${t}${mr}` : `${t}${mr}`;
 }
 //#endregion
 //#region src/scene-browser.ts
-function Er(e, t) {
+function Or(e, t) {
 	let n = document.createElement("span");
 	return n.className = e, n.textContent = t, n;
 }
-function Dr(e, t, n = () => Date.now()) {
+function kr(e, t, n = () => Date.now()) {
 	let r = [], i = /* @__PURE__ */ new Set(), a = [], o = 0, s = !0, c = () => {
 		let c = t.current();
-		if (a = xr(r, {
+		if (a = Cr(r, {
 			expanded: i,
 			query: e.search.value,
 			current: c
@@ -3603,17 +3626,17 @@ function Dr(e, t, n = () => Date.now()) {
 		a.forEach((n, r) => {
 			let i = document.createElement("div");
 			i.className = n.kind === "folder" ? "scene-row scene-folder" : "scene-row", i.style.paddingLeft = `${6 + n.depth * 14}px`, r === o && i.classList.add("active");
-			let a = Er("scene-caret", "");
-			n.kind === "folder" ? (a.classList.add("chevron"), n.open || a.classList.add("collapsed"), a.appendChild(Pe())) : a.textContent = "◇", i.append(a, Er("scene-name", n.label), Er("scene-meta", n.kind === "folder" ? n.scenes > 0 ? `${n.scenes} scene${n.scenes === 1 ? "" : "s"}` : `${n.count} file${n.count === 1 ? "" : "s"}` : [
+			let a = Or("scene-caret", "");
+			n.kind === "folder" ? (a.classList.add("chevron"), n.open || a.classList.add("collapsed"), a.appendChild(Fe())) : a.textContent = "◇", i.append(a, Or("scene-name", n.label), Or("scene-meta", n.kind === "folder" ? n.scenes > 0 ? `${n.scenes} scene${n.scenes === 1 ? "" : "s"}` : `${n.count} file${n.count === 1 ? "" : "s"}` : [
 				n.entry.scene ? [n.entry.scene.dimension, `${n.entry.scene.nodes} node${n.entry.scene.nodes === 1 ? "" : "s"}`].filter(Boolean).join(" · ") : "not a scene",
-				wr(n.entry.modified, u),
-				Cr(n.entry.size)
+				Er(n.entry.modified, u),
+				Tr(n.entry.size)
 			].filter(Boolean).join(" · "))), n.kind === "scene" && (n.current && i.classList.add("current"), n.entry.notScene ? (i.classList.add("not-scene"), i.title = `${n.entry.rel}\n\nnot a scene: ${n.entry.notScene}`) : i.title = n.entry.rel), i.addEventListener("click", () => {
 				o = r, n.kind === "folder" ? l(n.path) : t.open(n.entry);
 			}), e.list.appendChild(i);
 		});
 		let d = r.length, f = a.filter((e) => e.kind === "scene").length;
-		e.count.textContent = d === 0 ? "" : f === d ? `${d}` : `${f} / ${d}`, e.path.placeholder = Tr(a[o]), e.list.querySelector(".active")?.scrollIntoView({ block: "nearest" });
+		e.count.textContent = d === 0 ? "" : f === d ? `${d}` : `${f} / ${d}`, e.path.placeholder = Dr(a[o]), e.list.querySelector(".active")?.scrollIntoView({ block: "nearest" });
 	}, l = (e) => {
 		i.has(e) ? i.delete(e) : i.add(e), c();
 	}, u = (e) => {
@@ -3650,17 +3673,17 @@ function Dr(e, t, n = () => Date.now()) {
 			n.className = "scene-empty", n.textContent = `could not list scenes: ${t instanceof Error ? t.message : String(t)}`, e.list.appendChild(n), e.count.textContent = "";
 			return;
 		}
-		if (i.size === 0) i = Sr(r, t.current());
-		else for (let e of br(t.current())) i.add(e);
+		if (i.size === 0) i = wr(r, t.current());
+		else for (let e of Sr(t.current())) i.add(e);
 		s = !0, c(), e.search.focus(), e.search.select();
 	} };
 }
 //#endregion
 //#region src/shell.ts
-var Or = "\n<header id=\"topbar\">\n  <div class=\"brand\">\n    <span class=\"brand-mark\">in</span>\n    <strong>incanto</strong><span class=\"brand-sub\">editor</span>\n  </div>\n  <div id=\"file-chip\" title=\"\">\n    <svg aria-hidden=\"true\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/><path d=\"M14 2v6h6\"/></svg>\n    <span id=\"file-path\"></span>\n  </div>\n  <span id=\"engine-version\" class=\"pill\"></span>\n  <span class=\"spacer\"></span>\n  <button type=\"button\" id=\"lang-btn\" class=\"ghost\" title=\"Language / 언어\">\n    <span id=\"lang-current\">EN</span>\n    <svg aria-hidden=\"true\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"m6 9 6 6 6-6\"/></svg>\n  </button>\n  <button type=\"button\" id=\"docs-btn\" class=\"ghost\" title=\"Node documentation\">\n    <svg aria-hidden=\"true\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"/></svg>\n    docs\n  </button>\n  <button type=\"button\" id=\"scenes-btn\" class=\"ghost\" hidden>\n    <svg aria-hidden=\"true\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 7V5a2 2 0 0 1 2-2h2M17 3h2a2 2 0 0 1 2 2v2M21 17v2a2 2 0 0 1-2 2h-2M7 21H5a2 2 0 0 1-2-2v-2\"/></svg>\n    scenes\n  </button>\n  <button type=\"button\" id=\"fit-btn\" class=\"ghost\" title=\"Frame the selected node — or the whole scene when nothing is selected (F)\">⌖ frame</button>\n  <button type=\"button\" id=\"undo-btn\" class=\"ghost\" title=\"Undo (Ctrl/Cmd+Z)\" disabled>↩ undo</button>\n  <button type=\"button\" id=\"play-btn\" class=\"play\" title=\"Run the scene with physics + input\">\n    <svg aria-hidden=\"true\" width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\"/></svg>\n    play\n  </button>\n  <button type=\"button\" id=\"save-btn\" class=\"primary\" disabled>save</button>\n</header>\n<div id=\"error-banner\" hidden>\n  <span id=\"error-text\"></span>\n  <button type=\"button\" id=\"error-close\" title=\"Dismiss (Esc)\">✕</button>\n</div>\n<div id=\"play-notice\" hidden></div>\n<div id=\"edit-notice\" hidden></div>\n<main>\n  <aside id=\"tree-pane\">\n    <button type=\"button\" class=\"pane-title explorer-section section-toggle\" data-section=\"assets\">\n      <span class=\"chev\"><svg aria-hidden=\"true\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"m6 9 6 6 6-6\"/></svg></span> assets\n      <span class=\"spacer\"></span>\n      <span id=\"group-add-btn\" class=\"ghost section-add\" title=\"Add a group (folder)\" role=\"button\">\n        <svg aria-hidden=\"true\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 6a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/><path d=\"M12 11v6M9 14h6\"/></svg>\n      </span>\n      <span id=\"asset-add-btn\" class=\"ghost section-add\" title=\"Add an asset\" role=\"button\">＋</span>\n    </button>\n    <div id=\"asset-tree\" data-body=\"assets\"></div>\n    <button type=\"button\" class=\"pane-title explorer-section section-toggle\" data-section=\"scene\">\n      <span class=\"chev\"><svg aria-hidden=\"true\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"m6 9 6 6 6-6\"/></svg></span> scene\n    </button>\n    <div id=\"scene-body\" data-body=\"scene\">\n      <div id=\"tree\"></div>\n      <div id=\"tree-actions\">\n        <select id=\"add-type\" title=\"Node type to add\"></select>\n        <button type=\"button\" id=\"add-btn\" class=\"ghost\" title=\"Add child to the selected node\">＋</button>\n        <button type=\"button\" id=\"generate-btn\" class=\"ghost\" title=\"Generate an environment under the selected node\">\n          <svg aria-hidden=\"true\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 3v4M12 17v4M3 12h4M17 12h4M5.6 5.6l2.8 2.8M15.6 15.6l2.8 2.8M18.4 5.6l-2.8 2.8M8.4 15.6l-2.8 2.8\"/></svg>\n        </button>\n        <button type=\"button\" id=\"delete-btn\" class=\"ghost danger\" title=\"Delete the selected node\">✕</button>\n      </div>\n    </div>\n  </aside>\n  <section id=\"viewport-pane\">\n    <div id=\"mode-toolbar\">\n      <button type=\"button\" id=\"tool-move\" class=\"tool active\" title=\"Move (W)\">\n        <svg aria-hidden=\"true\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2v20M2 12h20M8 6l4-4 4 4M8 18l4 4 4-4M6 8l-4 4 4 4M18 8l4 4-4 4\"/></svg>\n      </button>\n      <button type=\"button\" id=\"tool-rotate\" class=\"tool\" title=\"Rotate (E)\">\n        <svg aria-hidden=\"true\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 12a9 9 0 1 1-3-6.7\"/><path d=\"M21 3v5h-5\"/></svg>\n      </button>\n      <button type=\"button\" id=\"tool-scale\" class=\"tool\" title=\"Scale (R)\">\n        <svg aria-hidden=\"true\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 3 9 15\"/><path d=\"M21 8V3h-5\"/><rect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"/></svg>\n      </button>\n      <span class=\"tool-divider\"></span>\n      <button type=\"button\" id=\"tool-colliders\" class=\"tool active\" title=\"Show colliders\">\n        <svg aria-hidden=\"true\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"3 2\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"/></svg>\n      </button>\n    </div>\n    <canvas id=\"viewport\"></canvas>\n    <canvas id=\"overlay\"></canvas>\n    <canvas id=\"play-canvas\" hidden></canvas>\n    <div id=\"hints-dock\">\n      <div id=\"hints\" class=\"hints\">\n        <span><b>click</b> select</span><span><b>drag</b> move</span><span><b>wheel</b> zoom</span><span><b>W/E/R</b> move/rotate/scale</span><span><b>⇧</b> snap</span><span><b>right-drag</b> pan</span><span><b>F</b> frame selected</span>\n      </div>\n      <div id=\"hints-3d\" class=\"hints\" hidden>\n        <span><b>drag</b> orbit</span><span><b>right-drag</b> pan</span><span><b>wheel</b> zoom</span><span><b>W/E/R</b> mode</span><span><b>⇧</b> snap</span><span><b>F</b> frame selected</span><span><b>0</b> game cam</span>\n      </div>\n      <button type=\"button\" id=\"hints-toggle\" title=\"Controls\">\n        <svg aria-hidden=\"true\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\"/><path d=\"M6 10h.01M10 10h.01M14 10h.01M18 10h.01M6 14h.01M18 14h.01M9 14h6\"/></svg>\n      </button>\n    </div>\n    <button type=\"button\" id=\"gameview-btn\" class=\"ghost\" title=\"View through the game camera — exactly what running the scene shows (0)\">\n      <svg aria-hidden=\"true\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 7h12v10H3z\"/><path d=\"M15 10l6-3v10l-6-3\"/></svg>\n      game cam\n    </button>\n  </section>\n  <aside id=\"inspector-pane\">\n    <div class=\"pane-title\">inspector</div>\n    <div id=\"inspector\"></div>\n  </aside>\n</main>\n<div id=\"picker\" hidden>\n  <div id=\"picker-card\">\n    <div class=\"pane-title picker-title\">\n      open a scene\n      <button type=\"button\" id=\"picker-close\" title=\"Close (Esc)\">✕</button>\n    </div>\n    <div id=\"picker-find\">\n      <input id=\"picker-search\" type=\"search\" placeholder=\"filter — ↑↓ move · → open · ⏎ load\" />\n      <span id=\"picker-count\"></span>\n    </div>\n    <div id=\"picker-list\"></div>\n    <div id=\"picker-new\">\n      <input id=\"picker-path\" type=\"text\" placeholder=\"src/new-level.scene.json\" />\n      <button type=\"button\" id=\"picker-create\" class=\"primary\">create</button>\n    </div>\n  </div>\n</div>\n<div id=\"docs\" hidden>\n  <div id=\"docs-card\">\n    <div class=\"pane-title picker-title\">\n      incanto nodes\n      <button type=\"button\" id=\"docs-close\" title=\"Close (Esc)\">✕</button>\n    </div>\n    <div id=\"docs-layout\">\n      <nav id=\"docs-tabs\"></nav>\n      <div id=\"docs-body\"></div>\n    </div>\n  </div>\n</div>\n<div id=\"confirm\" hidden>\n  <div id=\"confirm-card\">\n    <div class=\"pane-title picker-title\">\n      <span id=\"confirm-title\">still referenced</span>\n      <button type=\"button\" id=\"confirm-close\" title=\"Close (Esc)\">✕</button>\n    </div>\n    <div id=\"confirm-body\">\n      <div id=\"confirm-text\"></div>\n      <div id=\"confirm-list\"></div>\n    </div>\n    <div id=\"confirm-actions\">\n      <button type=\"button\" id=\"confirm-cancel\" class=\"ghost\">cancel</button>\n      <button type=\"button\" id=\"confirm-delete\">unlink &amp; delete</button>\n    </div>\n  </div>\n</div>\n<div id=\"generate\" hidden>\n  <div id=\"generate-card\">\n    <div class=\"pane-title picker-title\">\n      generate environment\n      <button type=\"button\" id=\"generate-close\" title=\"Close (Esc)\">✕</button>\n    </div>\n    <div id=\"generate-body\"></div>\n    <div id=\"generate-actions\">\n      <span id=\"generate-status\"></span>\n      <button type=\"button\" id=\"generate-cancel\" class=\"ghost\">cancel</button>\n      <button type=\"button\" id=\"generate-insert\" class=\"primary\">insert</button>\n    </div>\n  </div>\n</div>\n<div id=\"popover\" hidden></div>\n";
+var Ar = "\n<header id=\"topbar\">\n  <div class=\"brand\">\n    <span class=\"brand-mark\">in</span>\n    <strong>incanto</strong><span class=\"brand-sub\">editor</span>\n  </div>\n  <div id=\"file-chip\" title=\"\">\n    <svg aria-hidden=\"true\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/><path d=\"M14 2v6h6\"/></svg>\n    <span id=\"file-path\"></span>\n  </div>\n  <span id=\"engine-version\" class=\"pill\"></span>\n  <span class=\"spacer\"></span>\n  <button type=\"button\" id=\"lang-btn\" class=\"ghost\" title=\"Language / 언어\">\n    <span id=\"lang-current\">EN</span>\n    <svg aria-hidden=\"true\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"m6 9 6 6 6-6\"/></svg>\n  </button>\n  <button type=\"button\" id=\"docs-btn\" class=\"ghost\" title=\"Node documentation\">\n    <svg aria-hidden=\"true\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"/></svg>\n    docs\n  </button>\n  <button type=\"button\" id=\"scenes-btn\" class=\"ghost\" hidden>\n    <svg aria-hidden=\"true\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 7V5a2 2 0 0 1 2-2h2M17 3h2a2 2 0 0 1 2 2v2M21 17v2a2 2 0 0 1-2 2h-2M7 21H5a2 2 0 0 1-2-2v-2\"/></svg>\n    scenes\n  </button>\n  <button type=\"button\" id=\"fit-btn\" class=\"ghost\" title=\"Frame the selected node — or the whole scene when nothing is selected (F)\">⌖ frame</button>\n  <button type=\"button\" id=\"undo-btn\" class=\"ghost\" title=\"Undo (Ctrl/Cmd+Z)\" disabled>↩ undo</button>\n  <button type=\"button\" id=\"play-btn\" class=\"play\" title=\"Run the scene with physics + input\">\n    <svg aria-hidden=\"true\" width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\"/></svg>\n    play\n  </button>\n  <button type=\"button\" id=\"save-btn\" class=\"primary\" disabled>save</button>\n</header>\n<div id=\"error-banner\" hidden>\n  <span id=\"error-text\"></span>\n  <button type=\"button\" id=\"error-close\" title=\"Dismiss (Esc)\">✕</button>\n</div>\n<div id=\"play-notice\" hidden></div>\n<div id=\"edit-notice\" hidden></div>\n<main>\n  <aside id=\"tree-pane\">\n    <button type=\"button\" class=\"pane-title explorer-section section-toggle\" data-section=\"assets\">\n      <span class=\"chev\"><svg aria-hidden=\"true\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"m6 9 6 6 6-6\"/></svg></span> assets\n      <span class=\"spacer\"></span>\n      <span id=\"group-add-btn\" class=\"ghost section-add\" title=\"Add a group (folder)\" role=\"button\">\n        <svg aria-hidden=\"true\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 6a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/><path d=\"M12 11v6M9 14h6\"/></svg>\n      </span>\n      <span id=\"asset-add-btn\" class=\"ghost section-add\" title=\"Add an asset\" role=\"button\">＋</span>\n    </button>\n    <div id=\"asset-tree\" data-body=\"assets\"></div>\n    <button type=\"button\" class=\"pane-title explorer-section section-toggle\" data-section=\"scene\">\n      <span class=\"chev\"><svg aria-hidden=\"true\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"m6 9 6 6 6-6\"/></svg></span> scene\n    </button>\n    <div id=\"scene-body\" data-body=\"scene\">\n      <div id=\"tree\"></div>\n      <div id=\"tree-actions\">\n        <select id=\"add-type\" title=\"Node type to add\"></select>\n        <button type=\"button\" id=\"add-btn\" class=\"ghost\" title=\"Add child to the selected node\">＋</button>\n        <button type=\"button\" id=\"generate-btn\" class=\"ghost\" title=\"Generate an environment under the selected node\">\n          <svg aria-hidden=\"true\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 3v4M12 17v4M3 12h4M17 12h4M5.6 5.6l2.8 2.8M15.6 15.6l2.8 2.8M18.4 5.6l-2.8 2.8M8.4 15.6l-2.8 2.8\"/></svg>\n        </button>\n        <button type=\"button\" id=\"delete-btn\" class=\"ghost danger\" title=\"Delete the selected node\">✕</button>\n      </div>\n    </div>\n  </aside>\n  <section id=\"viewport-pane\">\n    <div id=\"mode-toolbar\">\n      <button type=\"button\" id=\"tool-move\" class=\"tool active\" title=\"Move (W)\">\n        <svg aria-hidden=\"true\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2v20M2 12h20M8 6l4-4 4 4M8 18l4 4 4-4M6 8l-4 4 4 4M18 8l4 4-4 4\"/></svg>\n      </button>\n      <button type=\"button\" id=\"tool-rotate\" class=\"tool\" title=\"Rotate (E)\">\n        <svg aria-hidden=\"true\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 12a9 9 0 1 1-3-6.7\"/><path d=\"M21 3v5h-5\"/></svg>\n      </button>\n      <button type=\"button\" id=\"tool-scale\" class=\"tool\" title=\"Scale (R)\">\n        <svg aria-hidden=\"true\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 3 9 15\"/><path d=\"M21 8V3h-5\"/><rect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"/></svg>\n      </button>\n      <span class=\"tool-divider\"></span>\n      <button type=\"button\" id=\"tool-colliders\" class=\"tool active\" title=\"Show colliders\">\n        <svg aria-hidden=\"true\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"3 2\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"/></svg>\n      </button>\n    </div>\n    <canvas id=\"viewport\"></canvas>\n    <canvas id=\"overlay\"></canvas>\n    <canvas id=\"play-canvas\" hidden></canvas>\n    <div id=\"hints-dock\">\n      <div id=\"hints\" class=\"hints\">\n        <span><b>click</b> select</span><span><b>drag</b> move</span><span><b>wheel</b> zoom</span><span><b>W/E/R</b> move/rotate/scale</span><span><b>⇧</b> snap</span><span><b>right-drag</b> pan</span><span><b>F</b> frame selected</span>\n      </div>\n      <div id=\"hints-3d\" class=\"hints\" hidden>\n        <span><b>drag</b> orbit</span><span><b>right-drag</b> pan</span><span><b>wheel</b> zoom</span><span><b>W/E/R</b> mode</span><span><b>⇧</b> snap</span><span><b>F</b> frame selected</span><span><b>0</b> game cam</span>\n      </div>\n      <button type=\"button\" id=\"hints-toggle\" title=\"Controls\">\n        <svg aria-hidden=\"true\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\"/><path d=\"M6 10h.01M10 10h.01M14 10h.01M18 10h.01M6 14h.01M18 14h.01M9 14h6\"/></svg>\n      </button>\n    </div>\n    <button type=\"button\" id=\"gameview-btn\" class=\"ghost\" title=\"View through the game camera — exactly what running the scene shows (0)\">\n      <svg aria-hidden=\"true\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 7h12v10H3z\"/><path d=\"M15 10l6-3v10l-6-3\"/></svg>\n      game cam\n    </button>\n  </section>\n  <aside id=\"inspector-pane\">\n    <div class=\"pane-title\">inspector</div>\n    <div id=\"inspector\"></div>\n  </aside>\n</main>\n<div id=\"picker\" hidden>\n  <div id=\"picker-card\">\n    <div class=\"pane-title picker-title\">\n      open a scene\n      <button type=\"button\" id=\"picker-close\" title=\"Close (Esc)\">✕</button>\n    </div>\n    <div id=\"picker-find\">\n      <input id=\"picker-search\" type=\"search\" placeholder=\"filter — ↑↓ move · → open · ⏎ load\" />\n      <span id=\"picker-count\"></span>\n    </div>\n    <div id=\"picker-list\"></div>\n    <div id=\"picker-new\">\n      <input id=\"picker-path\" type=\"text\" placeholder=\"src/new-level.scene.json\" />\n      <button type=\"button\" id=\"picker-create\" class=\"primary\">create</button>\n    </div>\n  </div>\n</div>\n<div id=\"docs\" hidden>\n  <div id=\"docs-card\">\n    <div class=\"pane-title picker-title\">\n      incanto nodes\n      <button type=\"button\" id=\"docs-close\" title=\"Close (Esc)\">✕</button>\n    </div>\n    <div id=\"docs-layout\">\n      <nav id=\"docs-tabs\"></nav>\n      <div id=\"docs-body\"></div>\n    </div>\n  </div>\n</div>\n<div id=\"confirm\" hidden>\n  <div id=\"confirm-card\">\n    <div class=\"pane-title picker-title\">\n      <span id=\"confirm-title\">still referenced</span>\n      <button type=\"button\" id=\"confirm-close\" title=\"Close (Esc)\">✕</button>\n    </div>\n    <div id=\"confirm-body\">\n      <div id=\"confirm-text\"></div>\n      <div id=\"confirm-list\"></div>\n    </div>\n    <div id=\"confirm-actions\">\n      <button type=\"button\" id=\"confirm-cancel\" class=\"ghost\">cancel</button>\n      <button type=\"button\" id=\"confirm-delete\">unlink &amp; delete</button>\n    </div>\n  </div>\n</div>\n<div id=\"generate\" hidden>\n  <div id=\"generate-card\">\n    <div class=\"pane-title picker-title\">\n      generate environment\n      <button type=\"button\" id=\"generate-close\" title=\"Close (Esc)\">✕</button>\n    </div>\n    <div id=\"generate-body\"></div>\n    <div id=\"generate-actions\">\n      <span id=\"generate-status\"></span>\n      <button type=\"button\" id=\"generate-cancel\" class=\"ghost\">cancel</button>\n      <button type=\"button\" id=\"generate-insert\" class=\"primary\">insert</button>\n    </div>\n  </div>\n</div>\n<div id=\"popover\" hidden></div>\n";
 //#endregion
 //#region src/rename-refs.ts
-function kr(e, t) {
+function jr(e, t) {
 	let n = [String(e.name ?? "")], r = e;
 	for (let e of t) {
 		let t = r.children?.[e];
@@ -3669,7 +3692,7 @@ function kr(e, t) {
 	}
 	return n;
 }
-function Ar(e, t, n, r) {
+function Mr(e, t, n, r) {
 	if (e === "" || e === ".") return null;
 	let i = n[n.length - 1];
 	if (i === void 0 || i === r) return null;
@@ -3692,7 +3715,7 @@ function Ar(e, t, n, r) {
 	let p = [...o];
 	return p[f] = r, (a ? "/" : "") + p.join("/");
 }
-function jr(e) {
+function Nr(e) {
 	let n = [], i = (e) => {
 		for (let [t, r] of Object.entries(e)) r?.nodePath && n.push(t);
 	}, a = typeof e.type == "string" ? e.type : "";
@@ -3702,31 +3725,31 @@ function jr(e) {
 	let o = e.script;
 	return typeof o?.name == "string" && i(t(o.name)), n;
 }
-function Mr(e, t, n) {
+function Pr(e, t, n) {
 	let r = e.root;
-	if (!r || t.length === 0) return r && t.length === 0 ? Nr(e, r, n) : [];
-	let i = kr(r, t), a = Pr(r, t);
+	if (!r || t.length === 0) return r && t.length === 0 ? Fr(e, r, n) : [];
+	let i = jr(r, t), a = Ir(r, t);
 	if (!a) return [];
-	let o = Fr(e, r, i, n);
+	let o = Lr(e, r, i, n);
 	return a.name = n, o;
 }
-function Nr(e, t, n) {
-	let r = Fr(e, t, [String(t.name ?? "")], n);
+function Fr(e, t, n) {
+	let r = Lr(e, t, [String(t.name ?? "")], n);
 	return t.name = n, r;
 }
-function Pr(e, t) {
+function Ir(e, t) {
 	let n = e;
 	for (let e of t) if (n = n?.children?.[e], !n) return null;
 	return n ?? null;
 }
-function Fr(e, t, n, r) {
+function Lr(e, t, n, r) {
 	let i = [], a = String(t.name ?? ""), s = e.connections;
 	Array.isArray(s) && s.forEach((e, t) => {
 		let o = e;
 		for (let e of ["from", "to"]) {
 			let s = o[e];
 			if (typeof s != "string") continue;
-			let c = Ar(s, [a], n, r);
+			let c = Mr(s, [a], n, r);
 			c !== null && (o[e] = c, i.push({
 				where: `connections[${t}].${e}`,
 				from: s,
@@ -3736,10 +3759,10 @@ function Fr(e, t, n, r) {
 	});
 	let c = (a, s) => {
 		let l = a.props;
-		if (l) for (let c of jr(a)) {
+		if (l) for (let c of Nr(a)) {
 			let a = l[c], u = `${s.join("/")}.${c}`;
 			if (typeof a == "string") {
-				let e = Ar(a, s, n, r);
+				let e = Mr(a, s, n, r);
 				e !== null && (l[c] = e, i.push({
 					where: u,
 					from: a,
@@ -3747,25 +3770,25 @@ function Fr(e, t, n, r) {
 				}));
 			} else Array.isArray(a) ? a.forEach((e, t) => {
 				if (typeof e != "string") return;
-				let o = Ar(e, s, n, r);
+				let o = Mr(e, s, n, r);
 				o !== null && (a[t] = o, i.push({
 					where: `${u}[${t}]`,
 					from: e,
 					to: o
 				}));
-			}) : o(a) && Ir(e, t, a, n, r, u, i);
+			}) : o(a) && Rr(e, t, a, n, r, u, i);
 		}
 		let u = a.children ?? [];
 		for (let e of u) c(e, [...s, String(e.name ?? "")]);
 	};
 	return c(t, [a]), i;
 }
-function Ir(e, t, n, r, i, a, o) {
+function Rr(e, t, n, r, i, a, o) {
 	let s = n["@const"];
 	if (typeof s != "string") return;
 	let c = e.constants, l = c?.[s];
 	if (typeof l != "string" || !l.startsWith("%") && !l.startsWith("/")) return;
-	let u = Ar(l, [String(t.name ?? "")], r, i);
+	let u = Mr(l, [String(t.name ?? "")], r, i);
 	u !== null && (c[s] = u, o.push({
 		where: `constants.${s} (${a})`,
 		from: l,
@@ -3774,7 +3797,7 @@ function Ir(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/state.ts
-var Lr = class {
+var zr = class {
 	working;
 	selection = [];
 	extra = [];
@@ -3801,7 +3824,7 @@ var Lr = class {
 	undoStack = [];
 	listeners = /* @__PURE__ */ new Set();
 	constructor(e) {
-		this.working = e, this.original = JSON.stringify(e), this.working.root && Rr(this.working.root);
+		this.working = e, this.original = JSON.stringify(e), this.working.root && Br(this.working.root);
 	}
 	get dirty() {
 		return JSON.stringify(this.working) !== this.original;
@@ -3834,8 +3857,8 @@ var Lr = class {
 	renameNode(e, t) {
 		let n = this.nodeAt(e);
 		if (!n) return null;
-		let r = this.parentOf(e), i = r ? qr(r, t, n) : t;
-		return i === n.name ? [] : this.transact(() => Mr(this.working, e, i));
+		let r = this.parentOf(e), i = r ? Yr(r, t, n) : t;
+		return i === n.name ? [] : this.transact(() => Pr(this.working, e, i));
 	}
 	priorError(e) {
 		if (!this.validator) return null;
@@ -3849,27 +3872,27 @@ var Lr = class {
 		return this.moveNodes([e], t, n)?.[0] ?? null;
 	}
 	moveNodes(e, t, n) {
-		let r = Ur(e).filter((e) => e.length > 0);
+		let r = Gr(e).filter((e) => e.length > 0);
 		if (r.length === 0) return null;
 		for (let e of r) if (e.length <= t.length && e.every((e, n) => e === t[n])) return null;
 		let i = this.working.root, a = r.map((e) => this.nodeAt(e)).filter((e) => e !== null);
 		if (a.length !== r.length) return null;
 		let o = this.nodeAt(t);
 		return !o || a.includes(o) ? null : this.transact(() => {
-			for (let e of a) Gr(i, e);
+			for (let e of a) qr(i, e);
 			let e, t;
 			if (n === "into") e = o, e.children ||= [], t = e.children.length;
 			else {
-				let r = Wr(i, o);
+				let r = Kr(i, o);
 				if (!r) return null;
 				e = r.parent, t = r.index + +(n === "after");
 			}
 			let r = [];
 			a.forEach((n, r) => {
-				n.name = qr(e, n.name ?? "Node"), e.children?.splice(t + r, 0, n);
+				n.name = Yr(e, n.name ?? "Node"), e.children?.splice(t + r, 0, n);
 			});
 			for (let e of a) {
-				let t = Kr(i, e);
+				let t = Jr(i, e);
 				if (!t) return null;
 				r.push(t);
 			}
@@ -3881,17 +3904,17 @@ var Lr = class {
 		let t = this.nodeAt(e), n = this.parentOf(e);
 		return !t || !n?.children ? null : this.transact(() => {
 			let r = JSON.parse(JSON.stringify(t));
-			r.name = qr(n, t.name ?? "Node"), zr(r);
+			r.name = Yr(n, t.name ?? "Node"), Vr(r);
 			let i = e[e.length - 1] + 1;
 			return n.children?.splice(i, 0, r), [...e.slice(0, -1), i];
 		});
 	}
 	removeNodes(e) {
-		let t = Ur(e).filter((e) => e.length > 0);
+		let t = Gr(e).filter((e) => e.length > 0);
 		if (t.length === 0) return !1;
 		let n = this.working.root, r = t.map((e) => this.nodeAt(e)).filter((e) => e !== null);
 		return this.transact(() => {
-			for (let e of r) Gr(n, e);
+			for (let e of r) qr(n, e);
 			return !0;
 		}) === !0;
 	}
@@ -3901,16 +3924,16 @@ var Lr = class {
 	insertNode(e, t) {
 		if (!this.working.root) {
 			let t = JSON.parse(JSON.stringify(e));
-			return zr(t), this.transact(() => (this.working.root = t, []));
+			return Vr(t), this.transact(() => (this.working.root = t, []));
 		}
 		let n = this.nodeAt(t);
 		return n ? this.transact(() => {
 			let r = JSON.parse(JSON.stringify(e));
-			return r.name = qr(n, r.name ?? "Node"), zr(r), n.children ||= [], n.children.push(r), [...t, n.children.length - 1];
+			return r.name = Yr(n, r.name ?? "Node"), Vr(r), n.children ||= [], n.children.push(r), [...t, n.children.length - 1];
 		}) : null;
 	}
 	findRemovalReferences(e) {
-		let t = Ur(e).filter((e) => e.length > 0), n = this.working.root, r = t.map((e) => this.nodeAt(e)).filter((e) => e !== null), i = /* @__PURE__ */ new Set(), a = [];
+		let t = Gr(e).filter((e) => e.length > 0), n = this.working.root, r = t.map((e) => this.nodeAt(e)).filter((e) => e !== null), i = /* @__PURE__ */ new Set(), a = [];
 		for (let e of t) {
 			let t = [], r = n;
 			for (let n of e) {
@@ -3964,15 +3987,15 @@ var Lr = class {
 		return s;
 	}
 	removeNodesUnlinking(e) {
-		let t = this.findRemovalReferences(e), n = Ur(e).filter((e) => e.length > 0), r = this.working.root, i = n.map((e) => this.nodeAt(e)).filter((e) => e !== null), a = new Set(t.filter((e) => e.kind === "uid").map((e) => e.value)), o = new Set(t.filter((e) => e.kind === "connection").map((e) => e.connectionIndex));
+		let t = this.findRemovalReferences(e), n = Gr(e).filter((e) => e.length > 0), r = this.working.root, i = n.map((e) => this.nodeAt(e)).filter((e) => e !== null), a = new Set(t.filter((e) => e.kind === "uid").map((e) => e.value)), o = new Set(t.filter((e) => e.kind === "connection").map((e) => e.connectionIndex));
 		return this.transact(() => {
-			o.size > 0 && (this.working.connections = (this.working.connections ?? []).filter((e, t) => !o.has(t))), a.size > 0 && Br(this.working, a, i);
-			for (let e of i) Gr(r, e);
+			o.size > 0 && (this.working.connections = (this.working.connections ?? []).filter((e, t) => !o.has(t))), a.size > 0 && Hr(this.working, a, i);
+			for (let e of i) qr(r, e);
 			return !0;
 		}) === !0;
 	}
 	reset(e) {
-		this.working = e, this.original = JSON.stringify(e), this.working.root && Rr(this.working.root), this.undoStack = [], this.selection = [], this.emit();
+		this.working = e, this.original = JSON.stringify(e), this.working.root && Br(this.working.root), this.undoStack = [], this.selection = [], this.emit();
 	}
 	markSaved() {
 		this.original = JSON.stringify(this.working), this.emit();
@@ -4004,7 +4027,7 @@ var Lr = class {
 		return this.pendingGroups.delete(e) && this.pendingGroups.add(t), this.selectedGroup = t, this.mutate(() => {
 			for (let i of r) {
 				let r = `${t}/${i.slice(e.length + 1)}`;
-				n[r] = n[i], delete n[i], Vr(this.working, `$${i}`, `$${r}`);
+				n[r] = n[i], delete n[i], Ur(this.working, `$${i}`, `$${r}`);
 			}
 		}), r.length === 0 && this.emit(), !0;
 	}
@@ -4016,7 +4039,7 @@ var Lr = class {
 	renameAssetKey(e, t) {
 		let n = this.assetMap();
 		return !(e in n) || !t || t === e || t in n ? !1 : (this.selectedAsset = t, this.mutate(() => {
-			n[t] = n[e], delete n[e], Vr(this.working, `$${e}`, `$${t}`);
+			n[t] = n[e], delete n[e], Ur(this.working, `$${e}`, `$${t}`);
 		}), !0);
 	}
 	deleteGroup(e) {
@@ -4042,7 +4065,7 @@ var Lr = class {
 		this.emit();
 	}
 	allSelections() {
-		return [...this.selection === null ? [] : [this.selection, ...this.extra]].sort(Hr);
+		return [...this.selection === null ? [] : [this.selection, ...this.extra]].sort(Wr);
 	}
 	isSelected(e) {
 		let t = e.join(".");
@@ -4055,67 +4078,67 @@ var Lr = class {
 		for (let e of this.listeners) e();
 	}
 };
-function Rr(e) {
+function Br(e) {
 	(typeof e.uid != "string" || e.uid === "") && (e.uid = l());
-	for (let t of e.children ?? []) Rr(t);
+	for (let t of e.children ?? []) Br(t);
 }
-function zr(e) {
+function Vr(e) {
 	e.uid = l();
-	for (let t of e.children ?? []) zr(t);
+	for (let t of e.children ?? []) Vr(t);
 }
-function Br(e, t, n) {
+function Hr(e, t, n) {
 	if (Array.isArray(e)) {
-		for (let r = e.length - 1; r >= 0; r--) typeof e[r] == "string" && t.has(e[r]) ? e.splice(r, 1) : Br(e[r], t, n);
+		for (let r = e.length - 1; r >= 0; r--) typeof e[r] == "string" && t.has(e[r]) ? e.splice(r, 1) : Hr(e[r], t, n);
 		return;
 	}
 	if (typeof e == "object" && e) {
 		if (n.includes(e)) return;
-		for (let [r, i] of Object.entries(e)) r !== "uid" && (typeof i == "string" && t.has(i) ? delete e[r] : Br(i, t, n));
+		for (let [r, i] of Object.entries(e)) r !== "uid" && (typeof i == "string" && t.has(i) ? delete e[r] : Hr(i, t, n));
 	}
 }
-function Vr(e, t, n) {
+function Ur(e, t, n) {
 	if (Array.isArray(e)) {
 		e.forEach((r, i) => {
-			r === t ? e[i] = n : Vr(r, t, n);
+			r === t ? e[i] = n : Ur(r, t, n);
 		});
 		return;
 	}
-	if (typeof e == "object" && e) for (let [r, i] of Object.entries(e)) i === t ? e[r] = n : Vr(i, t, n);
+	if (typeof e == "object" && e) for (let [r, i] of Object.entries(e)) i === t ? e[r] = n : Ur(i, t, n);
 }
-function Hr(e, t) {
+function Wr(e, t) {
 	for (let n = 0; n < Math.min(e.length, t.length); n++) if (e[n] !== t[n]) return e[n] - t[n];
 	return e.length - t.length;
 }
-function Ur(e) {
-	let t = [...e].sort(Hr), n = [];
+function Gr(e) {
+	let t = [...e].sort(Wr), n = [];
 	for (let e of t) n.some((t) => t.length <= e.length && t.every((t, n) => t === e[n])) || n.push(e);
 	return n;
 }
-function Wr(e, t) {
+function Kr(e, t) {
 	let n = e.children?.indexOf(t) ?? -1;
 	if (n >= 0) return {
 		parent: e,
 		index: n
 	};
 	for (let n of e.children ?? []) {
-		let e = Wr(n, t);
+		let e = Kr(n, t);
 		if (e) return e;
 	}
 	return null;
 }
-function Gr(e, t) {
-	let n = Wr(e, t);
+function qr(e, t) {
+	let n = Kr(e, t);
 	n?.parent.children?.splice(n.index, 1);
 }
-function Kr(e, t) {
+function Jr(e, t) {
 	if (e === t) return [];
 	for (let [n, r] of (e.children ?? []).entries()) {
-		let e = Kr(r, t);
+		let e = Jr(r, t);
 		if (e) return [n, ...e];
 	}
 	return null;
 }
-function qr(e, t, n) {
+function Yr(e, t, n) {
 	let r = new Set((e.children ?? []).filter((e) => e !== n).map((e) => e.name));
 	if (!r.has(t)) return t;
 	let i = 2;
@@ -4124,21 +4147,21 @@ function qr(e, t, n) {
 }
 //#endregion
 //#region src/styles.ts
-var Jr = "\n/* ─── incanto editor · design system ──────────────────────────────────────── */\n:root {\n  --bg-0: #0b0d14;\n  --bg-1: #10131d;\n  --bg-2: #161a27;\n  --bg-3: #1d2231;\n  --line: #262c3e;\n  --line-strong: #343c54;\n  --text: #e2e6f0;\n  --text-dim: #9aa3bd;\n  --text-faint: #5d6680;\n  --accent: #6ee7dc;\n  --accent-deep: #14b8a6;\n  --violet: #a78bfa;\n  --amber: #fbbf24;\n  --rose: #fb7185;\n  --green: #86efac;\n  --shadow: 0 12px 40px rgba(0, 0, 0, 0.55);\n  --r-sm: 6px;\n  --r-md: 10px;\n  color-scheme: dark;\n}\n* {\n  box-sizing: border-box;\n}\n/* A button rule of \"display: inline-flex\" outranks the UA's [hidden] rule, so\n   a button hidden from JS stays on screen. Say it once, loudly, here. */\n[hidden] {\n  display: none !important;\n}\nhtml,\nbody {\n  margin: 0;\n  height: 100%;\n  overflow: hidden;\n  background: var(--bg-0);\n  color: var(--text);\n  font:\n    13px / 1.55 \"Inter\",\n    -apple-system,\n    \"Segoe UI\",\n    system-ui,\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n}\ncode,\ntextarea,\n.mono {\n  font-family: ui-monospace, \"SF Mono\", Menlo, monospace;\n}\n\n/* ─── top bar ─── */\n#topbar {\n  display: flex;\n  flex: none;\n  align-items: center;\n  gap: 10px;\n  height: 46px;\n  padding: 0 14px;\n  background: linear-gradient(to bottom, var(--bg-2), var(--bg-1));\n  border-bottom: 1px solid var(--line);\n}\n.brand {\n  display: flex;\n  align-items: baseline;\n  gap: 7px;\n  margin-right: 6px;\n}\n.brand-mark {\n  display: inline-grid;\n  place-items: center;\n  width: 22px;\n  height: 22px;\n  border-radius: 6px;\n  background: linear-gradient(135deg, var(--accent), var(--accent-deep));\n  color: #07211d;\n  font-weight: 800;\n  font-size: 11px;\n  align-self: center;\n}\n.brand strong {\n  font-weight: 700;\n  letter-spacing: 0.2px;\n}\n.brand-sub {\n  color: var(--text-faint);\n  font-size: 12px;\n}\n#file-chip {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  border: 1px solid var(--line);\n  border-radius: 999px;\n  background: var(--bg-1);\n  color: var(--text-dim);\n  font-size: 12px;\n  max-width: 320px;\n}\n#file-path {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.pill {\n  padding: 2px 9px;\n  border-radius: 999px;\n  background: var(--bg-3);\n  color: var(--text-faint);\n  font-size: 11px;\n  font-family: ui-monospace, Menlo, monospace;\n}\n.spacer {\n  flex: 1;\n}\n\n/* ─── buttons & controls ─── */\nbutton {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font: inherit;\n  font-size: 12.5px;\n  font-weight: 600;\n  padding: 6px 12px;\n  border-radius: var(--r-sm);\n  border: 1px solid transparent;\n  background: transparent;\n  color: var(--text);\n  cursor: pointer;\n  transition:\n    background 0.12s,\n    border-color 0.12s,\n    color 0.12s,\n    opacity 0.12s;\n}\nbutton:disabled {\n  opacity: 0.35;\n  cursor: default;\n}\nbutton.ghost {\n  border-color: var(--line);\n  background: var(--bg-1);\n  color: var(--text-dim);\n}\nbutton.ghost:not(:disabled):hover {\n  border-color: var(--line-strong);\n  color: var(--text);\n}\nbutton.ghost.danger:not(:disabled):hover {\n  border-color: var(--rose);\n  color: var(--rose);\n}\nbutton.primary {\n  background: linear-gradient(135deg, var(--accent), var(--accent-deep));\n  color: #06201c;\n}\nbutton.primary:not(:disabled):hover {\n  filter: brightness(1.1);\n}\nbutton.play {\n  border-color: var(--green);\n  color: var(--green);\n  background: rgba(134, 239, 172, 0.08);\n}\nbutton.play:not(:disabled):hover {\n  background: rgba(134, 239, 172, 0.16);\n}\nbutton.play.stop {\n  border-color: var(--rose);\n  color: var(--rose);\n  background: rgba(251, 113, 133, 0.1);\n}\ninput,\nselect,\ntextarea {\n  font: inherit;\n  font-size: 12.5px;\n  color: var(--text);\n  background: var(--bg-0);\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  padding: 6px 9px;\n  transition: border-color 0.12s;\n  min-width: 0;\n}\nselect {\n  /*\n   * padding cannot move the NATIVE dropdown arrow — the browser pins it to\n   * the edge. Draw our own chevron, inset to mirror the left text padding.\n   */\n  appearance: none;\n  padding-right: 30px;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa3bd' stroke-width='2.4'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 9px center;\n  background-size: 12px;\n}\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  border-color: var(--accent-deep);\n}\ntextarea {\n  resize: vertical;\n  font-size: 12px;\n  line-height: 1.5;\n}\ntextarea.invalid {\n  border-color: var(--rose);\n  background: rgba(251, 113, 133, 0.05);\n}\n\n/* ─── banners ─── */\n#error-banner {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 8px 10px 8px 14px;\n  background: rgba(251, 113, 133, 0.1);\n  color: var(--rose);\n  border-bottom: 1px solid rgba(251, 113, 133, 0.35);\n  max-height: 110px;\n  overflow: auto;\n  font-family: ui-monospace, Menlo, monospace;\n  font-size: 12px;\n}\n#error-text {\n  flex: 1;\n  white-space: pre-wrap;\n}\n#error-close {\n  flex: none;\n  padding: 0 6px;\n  color: var(--rose);\n  opacity: 0.65;\n  font-size: 13px;\n  line-height: 1.4;\n}\n#error-close:hover {\n  opacity: 1;\n}\n#edit-notice {\n  padding: 7px 14px;\n  background: rgba(147, 197, 253, 0.08);\n  color: #93c5fd;\n  border-bottom: 1px solid rgba(147, 197, 253, 0.25);\n  font-size: 12px;\n}\n#play-notice {\n  padding: 7px 14px;\n  background: rgba(134, 239, 172, 0.08);\n  color: var(--green);\n  border-bottom: 1px solid rgba(134, 239, 172, 0.25);\n  font-size: 12px;\n}\n\n/* ─── layout ─── */\n/* The editor's root owns the window — on its own page AND mounted over a\n   running game, where the host's <body> is some game's and says nothing about\n   how tall a percentage is. Fixing it to the viewport gives every pane below a\n   definite height in both cases; without it main's percentage height has\n   nothing to resolve against, main grows to its CONTENT, and the viewport\n   canvas is sized to a scene tree three thousand pixels tall. */\n.incanto-editor-root {\n  position: fixed;\n  inset: 0;\n  z-index: 30;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--bg-0);\n  color: var(--text);\n  font:\n    13px / 1.55 \"Inter\",\n    -apple-system,\n    \"Segoe UI\",\n    system-ui,\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n}\nmain {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n}\n#tree-pane {\n  width: 256px;\n  display: flex;\n  flex-direction: column;\n  background: var(--bg-1);\n  border-right: 1px solid var(--line);\n}\n#inspector-pane {\n  width: 336px;\n  overflow-y: auto;\n  background: var(--bg-1);\n  border-left: 1px solid var(--line);\n}\n#viewport-pane {\n  flex: 1;\n  position: relative;\n  background:\n    radial-gradient(1200px 500px at 50% -10%, rgba(110, 231, 220, 0.05), transparent), var(--bg-0);\n  overflow: hidden;\n}\n#viewport,\n#overlay,\n#play-canvas {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n}\n#overlay {\n  cursor: crosshair;\n}\n#play-canvas {\n  z-index: 3;\n}\n#hints-dock {\n  position: absolute;\n  bottom: 12px;\n  right: 16px;\n  z-index: 4;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n#hints-toggle {\n  width: 40px;\n  height: 40px;\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  border: 1px solid var(--line-strong);\n  background: rgba(16, 19, 29, 0.88);\n  color: var(--text-dim);\n  backdrop-filter: blur(6px);\n}\n#hints-toggle:hover {\n  color: var(--accent);\n  border-color: var(--accent-deep);\n}\n#hints-dock.open #hints-toggle {\n  color: var(--accent);\n}\n.hints {\n  max-width: 0;\n  opacity: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  transition:\n    max-width 0.22s ease,\n    opacity 0.18s ease,\n    padding 0.22s ease;\n  padding: 5px 0;\n  display: flex;\n  gap: 14px;\n  border-radius: 999px;\n  background: rgba(16, 19, 29, 0.85);\n  border: 1px solid transparent;\n  color: var(--text-faint);\n  font-size: 11px;\n  pointer-events: none;\n  backdrop-filter: blur(6px);\n}\n.hints b {\n  color: var(--text-dim);\n  font-weight: 600;\n}\n.pane-title {\n  padding: 9px 14px 7px;\n  font-size: 10.5px;\n  font-weight: 700;\n  letter-spacing: 1.6px;\n  text-transform: uppercase;\n  color: var(--text-faint);\n  border-bottom: 1px solid var(--line);\n}\n\n/* ─── tree ─── */\n#tree {\n  flex: 1;\n  overflow-y: auto;\n  padding: 8px;\n}\n.tree-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 3px 8px 3px 4px;\n  border-radius: var(--r-sm);\n  cursor: pointer;\n  white-space: nowrap;\n  overflow: hidden;\n  color: var(--text-dim);\n  border: 1px solid transparent;\n  position: relative;\n}\n.chevron {\n  display: inline-flex;\n  align-items: center;\n  transition: transform 0.12s;\n}\n.chevron.collapsed {\n  transform: rotate(-90deg);\n}\n.chevron-legacy {\n  flex: none;\n  width: 14px;\n  text-align: center;\n  color: var(--text-faint);\n  font-size: 9px;\n  cursor: pointer;\n  user-select: none;\n}\n.chevron.leaf {\n  cursor: default;\n  opacity: 0.35;\n}\n.chevron:not(.leaf):hover {\n  color: var(--accent);\n}\n.tree-children {\n  margin-left: 11px;\n  padding-left: 8px;\n  border-left: 1px solid var(--line);\n}\n.tree-row.dragging {\n  opacity: 0.4;\n}\n.tree-row.drop-into {\n  background: rgba(110, 231, 220, 0.14);\n  border-color: var(--accent);\n}\n.tree-row.drop-before::before,\n.tree-row.drop-after::after {\n  content: \"\";\n  position: absolute;\n  left: 4px;\n  right: 4px;\n  height: 2px;\n  border-radius: 2px;\n  background: var(--accent);\n}\n.tree-row.drop-before::before {\n  top: -1px;\n}\n.tree-row.drop-after::after {\n  bottom: -1px;\n}\n.tree-row:hover {\n  background: var(--bg-2);\n  color: var(--text);\n}\n.tree-row.selected {\n  background: rgba(110, 231, 220, 0.1);\n  border-color: rgba(110, 231, 220, 0.3);\n  color: var(--accent);\n}\n.tree-name {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.tree-icon {\n  flex: none;\n  display: inline-grid;\n  place-items: center;\n  width: 17px;\n  height: 17px;\n  border-radius: 4px;\n  cursor: help;\n}\n.tree-icon:hover {\n  background: var(--bg-3);\n}\n.cat-core {\n  background: rgba(167, 139, 250, 0.15);\n  color: var(--violet);\n}\n.cat-2d {\n  background: rgba(110, 231, 220, 0.12);\n  color: var(--accent);\n}\n.cat-3d {\n  background: rgba(251, 191, 36, 0.12);\n  color: var(--amber);\n}\n.cat-body {\n  background: rgba(134, 239, 172, 0.12);\n  color: var(--green);\n}\n.cat-net {\n  background: rgba(251, 113, 133, 0.12);\n  color: var(--rose);\n}\n.scene-row {\n  margin-bottom: 6px;\n  color: var(--text-faint);\n}\n.scene-row.selected {\n  color: var(--accent);\n}\n#tree-actions {\n  display: flex;\n  gap: 7px;\n  padding: 10px;\n  border-top: 1px solid var(--line);\n}\n#add-type {\n  flex: 1;\n}\n\n/* ─── inspector ─── */\n#inspector {\n  padding: 12px 14px 40px;\n}\n.section-title {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  margin: 16px 0 8px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.4px;\n  text-transform: uppercase;\n  color: var(--accent);\n}\n.section-title:first-child {\n  margin-top: 2px;\n}\n.section-title .rule {\n  flex: 1;\n  height: 1px;\n  background: var(--line);\n}\n.field {\n  display: grid;\n  grid-template-columns: 92px 1fr;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 7px;\n}\n.field > span {\n  font-size: 11.5px;\n  color: var(--text-dim);\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.field.wide {\n  grid-template-columns: 1fr;\n}\n.field.wide > span {\n  margin-bottom: 2px;\n}\n.vector-row {\n  display: flex;\n  gap: 6px;\n}\n.vector-row input {\n  width: 100%;\n}\n.help-btn {\n  flex: none;\n  width: 15px;\n  height: 15px;\n  padding: 0;\n  border-radius: 50%;\n  border: 1px solid var(--line-strong);\n  color: var(--text-faint);\n  font-size: 10px;\n  font-weight: 700;\n  justify-content: center;\n}\n.help-btn:hover {\n  border-color: var(--accent);\n  color: var(--accent);\n}\n.chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 5px;\n  padding: 5px 7px;\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  background: var(--bg-0);\n  cursor: text;\n}\n.chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 1px 8px;\n  border-radius: 999px;\n  background: rgba(110, 231, 220, 0.12);\n  color: var(--accent);\n  font-size: 11.5px;\n}\n.chip button {\n  padding: 0;\n  font-size: 12px;\n  color: inherit;\n  opacity: 0.7;\n}\n.chips input {\n  flex: 1;\n  min-width: 70px;\n  border: none;\n  background: transparent;\n  padding: 2px;\n}\n.chips input:focus {\n  outline: none;\n}\n.subcard {\n  border: 1px solid var(--line);\n  border-radius: var(--r-md);\n  background: var(--bg-2);\n  padding: 10px;\n  margin-bottom: 10px;\n}\n.subcard .field {\n  grid-template-columns: 78px 1fr;\n}\n.subcard-head {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  margin-bottom: 8px;\n  font-size: 11.5px;\n  font-weight: 600;\n  color: var(--text-dim);\n}\n.subcard-head .spacer {\n  flex: 1;\n}\n.linklike {\n  padding: 2px 6px;\n  font-size: 11px;\n  color: var(--accent);\n  font-weight: 600;\n}\n.linklike:hover {\n  text-decoration: underline;\n}\n.muted-note {\n  font-size: 11px;\n  color: var(--text-faint);\n  margin: -2px 0 8px;\n}\n\n/* ─── asset picker ─── */\n.asset-control {\n  display: flex;\n  gap: 6px;\n  align-items: stretch;\n}\n.asset-control input {\n  flex: 1;\n  min-width: 0;\n}\n.asset-toggle {\n  flex: none;\n  width: 26px;\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  background: var(--bg-1);\n  color: var(--text-dim);\n  font-size: 11px;\n}\n.asset-toggle:hover {\n  border-color: var(--accent);\n  color: var(--accent);\n}\n.asset-panel {\n  margin-top: 6px;\n  border: 1px solid var(--line-strong);\n  border-radius: var(--r-sm);\n  background: var(--bg-0);\n  padding: 6px;\n}\n.asset-search {\n  width: 100%;\n  margin-bottom: 6px;\n}\n.asset-options {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n  max-height: 220px;\n  overflow-y: auto;\n}\nbutton.asset-option {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 1px;\n  padding: 5px 8px;\n  text-align: left;\n  border: 1px solid transparent;\n  border-radius: var(--r-sm);\n  background: var(--bg-2);\n  color: var(--text);\n  width: 100%;\n}\nbutton.asset-option:hover {\n  border-color: var(--accent);\n  background: var(--bg-3);\n}\nbutton.asset-option strong {\n  font-size: 11.5px;\n  font-weight: 600;\n}\nbutton.asset-option small {\n  font-size: 10px;\n  color: var(--text-faint);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n.asset-empty {\n  font-size: 11px;\n  color: var(--text-faint);\n  padding: 4px 8px;\n}\n.asset-note {\n  margin-top: 5px;\n}\n.varieties {\n  cursor: default;\n}\n.variety-opt {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  font-size: 11.5px;\n  color: var(--text-dim);\n  cursor: pointer;\n}\n.variety-opt input[type=\"checkbox\"] {\n  width: auto;\n}\n\n/* ─── popover (help) ─── */\n#popover {\n  position: fixed;\n  z-index: 50;\n  width: 300px;\n  background: var(--bg-3);\n  border: 1px solid var(--line-strong);\n  border-radius: var(--r-md);\n  box-shadow: var(--shadow);\n  padding: 12px 14px;\n  font-size: 12px;\n  color: var(--text-dim);\n}\n#popover h4 {\n  margin: 0 0 6px;\n  font-size: 12.5px;\n  color: var(--text);\n}\n#popover code {\n  background: var(--bg-0);\n  padding: 1px 5px;\n  border-radius: 4px;\n  font-size: 11px;\n  color: var(--accent);\n}\n#popover pre {\n  margin: 8px 0 0;\n  padding: 8px 10px;\n  background: var(--bg-0);\n  border-radius: var(--r-sm);\n  font-size: 11px;\n  line-height: 1.5;\n  overflow-x: auto;\n  color: var(--text-dim);\n}\n#popover .pop-actions {\n  margin-top: 8px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n/* ─── picker ─── */\n#picker {\n  position: fixed;\n  inset: 0;\n  background: rgba(7, 9, 14, 0.78);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 40;\n  backdrop-filter: blur(4px);\n}\n#picker[hidden] {\n  display: none;\n}\n#picker-card {\n  width: 460px;\n  max-height: 72vh;\n  background: var(--bg-2);\n  border: 1px solid var(--line-strong);\n  border-radius: 14px;\n  box-shadow: var(--shadow);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n#picker-list {\n  flex: 1;\n  overflow-y: auto;\n  padding: 6px;\n  min-height: 120px;\n}\n#picker-list .tree-row {\n  padding: 9px 12px;\n  font-family: ui-monospace, Menlo, monospace;\n  font-size: 12.5px;\n}\n#picker-find {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 12px;\n  border-bottom: 1px solid var(--line);\n}\n#picker-search {\n  flex: 1;\n}\n#picker-count {\n  font-size: 11px;\n  color: var(--text-faint);\n  font-variant-numeric: tabular-nums;\n}\n/* one row of the project explorer: caret, name, and the facts, right-aligned */\n.scene-row {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  padding: 6px 10px 6px 6px;\n  border-radius: 7px;\n  cursor: pointer;\n  font-size: 12.5px;\n  user-select: none;\n}\n.scene-row:hover {\n  background: var(--bg-3);\n}\n.scene-row.active {\n  background: var(--bg-3);\n  outline: 1px solid var(--line-strong);\n}\n.scene-name {\n  font-family: ui-monospace, Menlo, monospace;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.scene-folder .scene-name {\n  color: var(--text-dim);\n}\n.scene-row.current .scene-name {\n  color: var(--accent);\n}\n.scene-caret {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 13px;\n  flex: none;\n  color: var(--text-faint);\n  font-size: 9px;\n  line-height: 1;\n}\n.scene-folder .scene-caret {\n  color: var(--text-dim);\n}\n.scene-meta {\n  margin-left: auto;\n  padding-left: 10px;\n  flex: none;\n  font-size: 10.5px;\n  color: var(--text-faint);\n  font-variant-numeric: tabular-nums;\n}\n/* a JSON that is not a scene: still there, still clickable, visibly not one */\n.scene-row.not-scene .scene-name,\n.scene-row.not-scene .scene-meta {\n  color: var(--text-faint);\n}\n.scene-row.not-scene .scene-caret {\n  opacity: 0.4;\n}\n.scene-empty {\n  padding: 22px 12px;\n  text-align: center;\n  color: var(--text-faint);\n  font-size: 12px;\n}\n#picker-new {\n  display: flex;\n  gap: 8px;\n  padding: 12px;\n  border-top: 1px solid var(--line);\n}\n#picker-path {\n  flex: 1;\n  font-family: ui-monospace, Menlo, monospace;\n}\n\n/* ─── scrollbars ─── */\n::-webkit-scrollbar {\n  width: 9px;\n  height: 9px;\n}\n::-webkit-scrollbar-thumb {\n  background: var(--line-strong);\n  border-radius: 99px;\n  border: 2px solid var(--bg-1);\n}\n::-webkit-scrollbar-track {\n  background: transparent;\n}\n\nbody.playing #tree-pane,\nbody.playing #inspector-pane {\n  pointer-events: none;\n  opacity: 0.45;\n  filter: saturate(0.6);\n  transition: opacity 0.2s;\n}\n\n.rename-input {\n  flex: 1;\n  min-width: 0;\n  padding: 1px 6px;\n  font-size: 12.5px;\n}\n.balloon {\n  position: fixed;\n  z-index: 60;\n  max-width: 230px;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 8px 11px;\n  background: var(--bg-3);\n  border: 1px solid var(--line-strong);\n  border-radius: var(--r-md);\n  box-shadow: var(--shadow);\n  font-size: 11.5px;\n  color: var(--text-dim);\n}\n.balloon .balloon-title {\n  color: var(--accent);\n  font-size: 12px;\n  font-weight: 700;\n}\n.context-menu {\n  position: fixed;\n  z-index: 60;\n  min-width: 190px;\n  padding: 5px;\n  background: var(--bg-3);\n  border: 1px solid var(--line-strong);\n  border-radius: var(--r-md);\n  box-shadow: var(--shadow);\n  display: flex;\n  flex-direction: column;\n}\n.menu-item {\n  justify-content: space-between;\n  padding: 6px 10px;\n  border-radius: var(--r-sm);\n  font-weight: 500;\n  color: var(--text);\n}\n.menu-item:not(:disabled):hover {\n  background: var(--bg-2);\n}\n.menu-item.danger:not(:disabled):hover {\n  color: var(--rose);\n}\n.menu-item kbd {\n  font-size: 10px;\n  color: var(--text-faint);\n  font-family: inherit;\n}\n.menu-divider {\n  height: 1px;\n  margin: 4px 6px;\n  background: var(--line);\n}\n/* The play menu is a choice, not a command list: each row carries a label and\n   the sentence that says what actually happens, stacked. */\n.play-menu {\n  width: 290px;\n  gap: 2px;\n}\n.play-menu-item {\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  padding: 8px 10px;\n  text-align: left;\n}\n.play-menu-hint {\n  font-size: 11px;\n  font-weight: 400;\n  line-height: 1.35;\n  color: var(--text-faint);\n}\n\n.hints[hidden] {\n  display: none;\n}\n#hints-dock.open .hints:not([hidden]) {\n  max-width: 1100px;\n  opacity: 1;\n  padding: 5px 14px;\n  border-color: var(--line);\n}\nbody.playing #hints-dock {\n  display: none;\n}\n\n#gameview-btn {\n  position: absolute;\n  top: 104px;\n  right: 18px;\n  z-index: 4;\n  font-size: 11.5px;\n  padding: 4px 10px;\n  backdrop-filter: blur(6px);\n  background: rgba(16, 19, 29, 0.8);\n}\n\n.field input[type=\"checkbox\"] {\n  justify-self: start;\n  width: 15px;\n  height: 15px;\n  accent-color: var(--accent-deep);\n  cursor: pointer;\n}\n\n.picker-title {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n#picker-close {\n  padding: 0 4px;\n  font-size: 12px;\n  color: var(--text-faint);\n  border: none;\n  background: none;\n}\n#picker-close:hover {\n  color: var(--text);\n}\n\n.uid-row {\n  display: flex;\n  gap: 6px;\n}\n.uid-row input {\n  flex: 1;\n  min-width: 0;\n  font-size: 11.5px;\n}\n.uid-row .ghost {\n  padding: 4px 8px;\n}\n#confirm {\n  position: fixed;\n  inset: 0;\n  background: rgba(7, 9, 14, 0.78);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 70;\n  backdrop-filter: blur(4px);\n}\n#confirm[hidden] {\n  display: none;\n}\n#confirm-card {\n  width: 480px;\n  max-height: 70vh;\n  display: flex;\n  flex-direction: column;\n  background: var(--bg-2);\n  border: 1px solid var(--line-strong);\n  border-radius: 14px;\n  box-shadow: var(--shadow);\n  overflow: hidden;\n}\n#confirm-body {\n  padding: 14px;\n  color: var(--text-dim);\n  font-size: 12.5px;\n  overflow-y: auto;\n}\n#confirm-list:empty {\n  display: none; /* the group-delete confirm has no reference list */\n}\n#confirm-list {\n  margin: 10px 0 0;\n  padding: 10px 12px;\n  background: var(--bg-0);\n  border-radius: var(--r-sm);\n  font-family: ui-monospace, Menlo, monospace;\n  font-size: 11.5px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n#confirm-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 12px 14px;\n  border-top: 1px solid var(--line);\n}\n#confirm-delete {\n  border-color: var(--rose);\n  color: var(--rose);\n  background: rgba(251, 113, 133, 0.08);\n}\n#confirm-delete:hover {\n  background: rgba(251, 113, 133, 0.16);\n}\n\n.color-row {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n}\n.color-row input[type=\"color\"] {\n  width: 30px;\n  height: 26px;\n  padding: 2px;\n  cursor: pointer;\n}\n.color-row input[type=\"text\"] {\n  flex: 1;\n  min-width: 0;\n  font-size: 11.5px;\n}\n.slider-row {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n.slider-row input[type=\"range\"] {\n  flex: 1;\n  accent-color: var(--accent-deep);\n  padding: 0;\n  border: none;\n  background: transparent;\n}\n.slider-row input[type=\"number\"] {\n  width: 64px;\n}\n.asset-row {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  padding: 5px 8px;\n  border-radius: var(--r-sm);\n  cursor: pointer;\n}\n.asset-row:hover,\n.asset-row.open {\n  background: var(--bg-3);\n}\n.asset-key {\n  color: var(--accent);\n}\n.asset-url {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--text-faint);\n  font-size: 11px;\n  font-family: ui-monospace, Menlo, monospace;\n}\n.danger-link {\n  color: var(--text-faint);\n}\n.danger-link:hover {\n  color: var(--rose);\n}\n.asset-editor {\n  margin: 2px 0 10px;\n  padding: 10px;\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  background: var(--bg-0);\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.asset-editor .field {\n  grid-template-columns: 52px 1fr;\n  margin-bottom: 4px;\n}\n.meta-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr 24px;\n  gap: 6px;\n  align-items: center;\n}\n.meta-row input {\n  font-size: 11.5px;\n  padding: 4px 7px;\n}\n\n#docs {\n  position: fixed;\n  inset: 0;\n  background: rgba(7, 9, 14, 0.8);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 60;\n  backdrop-filter: blur(5px);\n}\n#docs[hidden] {\n  display: none;\n}\n#docs-card {\n  width: min(920px, 92vw);\n  height: min(680px, 88vh);\n  background: var(--bg-2);\n  border: 1px solid var(--line-strong);\n  border-radius: 14px;\n  box-shadow: var(--shadow);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n#docs-layout {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n}\n#docs-tabs {\n  width: 168px;\n  border-right: 1px solid var(--line);\n  padding: 10px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.docs-tab {\n  justify-content: flex-start;\n  padding: 7px 12px;\n  border-radius: var(--r-sm);\n  color: var(--text-dim);\n  font-weight: 500;\n}\n.docs-tab:hover {\n  background: var(--bg-3);\n  color: var(--text);\n}\n.docs-tab.active {\n  background: rgba(110, 231, 220, 0.1);\n  color: var(--accent);\n  font-weight: 700;\n}\n#docs-body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 18px 24px 40px;\n}\n#docs-body h2 {\n  margin: 0 0 6px;\n  font-size: 18px;\n}\n#docs-body h3 {\n  margin: 18px 0 4px;\n  font-size: 13.5px;\n  color: var(--accent);\n}\n#docs-body p {\n  margin: 4px 0 10px;\n  color: var(--text-dim);\n  line-height: 1.7;\n  font-size: 13px;\n}\n.docs-intro {\n  padding: 10px 14px;\n  background: var(--bg-1);\n  border: 1px solid var(--line);\n  border-radius: var(--r-md);\n}\n.docs-node {\n  border: 1px solid var(--line);\n  border-radius: var(--r-md);\n  margin-bottom: 8px;\n  overflow: hidden;\n}\n.docs-node.open {\n  border-color: var(--line-strong);\n}\n.docs-node-head {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  padding: 9px 12px;\n  border-radius: 0;\n  text-align: left;\n}\n.docs-node-head:hover {\n  background: var(--bg-3);\n}\n.docs-node-head strong {\n  font-size: 13px;\n}\n.docs-summary {\n  color: var(--text-faint);\n  font-size: 12px;\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.docs-detail {\n  padding: 4px 14px 12px;\n  border-top: 1px solid var(--line);\n  background: var(--bg-1);\n}\n.docs-props {\n  width: 100%;\n  border-collapse: collapse;\n  margin-top: 8px;\n  font-size: 11.5px;\n}\n.docs-props th {\n  text-align: left;\n  color: var(--text-faint);\n  font-weight: 600;\n  padding: 4px 8px;\n  border-bottom: 1px solid var(--line);\n}\n.docs-props td {\n  padding: 3px 8px;\n  border-bottom: 1px solid var(--line);\n  color: var(--text-dim);\n}\n\n#mode-toolbar {\n  position: absolute;\n  top: 12px;\n  left: 12px;\n  z-index: 4;\n  display: flex;\n  gap: 4px;\n  padding: 4px;\n  border-radius: var(--r-md);\n  background: rgba(16, 19, 29, 0.85);\n  border: 1px solid var(--line);\n  backdrop-filter: blur(6px);\n}\n.tool {\n  width: 30px;\n  height: 28px;\n  justify-content: center;\n  padding: 0;\n  border-radius: var(--r-sm);\n  color: var(--text-faint);\n}\n.tool:hover {\n  color: var(--text);\n  background: var(--bg-3);\n}\n.tool.active {\n  background: rgba(110, 231, 220, 0.14);\n  color: var(--accent);\n}\n\n.lang-menu {\n  min-width: 130px;\n}\n.lang-check {\n  color: var(--accent);\n  font-weight: 700;\n}\n\n.explorer-section {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-top: 1px solid var(--line);\n  margin-top: 4px;\n}\n.explorer-section .ghost {\n  padding: 1px 8px;\n}\n#asset-tree {\n  padding: 2px 8px 10px;\n  overflow-y: auto;\n  max-height: 30%;\n}\n.explorer-empty {\n  padding: 4px 10px;\n  font-size: 11px;\n}\n.asset-row .asset-key {\n  color: var(--accent);\n  font-family: ui-monospace, Menlo, monospace;\n}\n.asset-icon-texture {\n  color: #f0abfc;\n}\n.asset-icon-spritesheet {\n  color: #fbbf24;\n}\n.asset-icon-model {\n  color: #7aa2ff;\n}\n.asset-icon-animation {\n  color: #86efac;\n}\n.uid-value {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  min-width: 0;\n}\n.uid-value code {\n  font-family: ui-monospace, Menlo, monospace;\n  font-size: 11px;\n  color: var(--text-dim);\n  letter-spacing: 0.3px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.uid-copy {\n  padding: 3px 5px;\n  border: none;\n  background: none;\n  border-radius: var(--r-sm);\n  color: var(--text-faint);\n  line-height: 0;\n}\n.uid-copy:hover {\n  color: var(--text);\n  background: var(--bg-3);\n}\n.uid-copy.copied {\n  color: var(--accent);\n  font-size: 10px;\n  line-height: 1;\n}\n\n.section-toggle {\n  width: 100%;\n  height: 30px; /* IDENTICAL header height for ASSETS and SCENE */\n  box-sizing: border-box;\n  padding-top: 0;\n  padding-bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 6px;\n  text-align: left;\n  cursor: pointer;\n  background: var(--bg-1);\n  border: none;\n  border-top: 1px solid var(--line-strong);\n  border-bottom: 1px solid var(--line);\n  border-radius: 0;\n}\n.section-toggle:hover {\n  color: var(--text);\n}\n.section-toggle .chev {\n  display: inline-flex;\n  transition: transform 0.12s;\n  color: var(--text-dim);\n}\n.section-toggle.collapsed .chev {\n  transform: rotate(-90deg);\n}\n.section-add {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 24px;\n  height: 20px;\n  padding: 0 6px;\n  font-size: 13px;\n  color: var(--text-dim);\n  border: 1px solid var(--line-strong);\n  border-radius: var(--r-sm);\n  background: var(--bg-2);\n}\n.section-add:hover {\n  background: var(--bg-3);\n  color: var(--accent);\n  border-color: var(--accent-deep);\n}\n[data-body][hidden],\naside#tree-pane #scene-body[hidden] {\n  /* outranks the #scene-body flex rule — [hidden] must always win */\n  display: none;\n}\n#scene-body {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n.asset-folder {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 8px;\n  color: var(--text-dim);\n  cursor: pointer;\n  border-radius: var(--r-sm);\n}\n.asset-folder:hover {\n  background: var(--bg-3);\n}\n.asset-folder .chev {\n  display: inline-flex;\n  color: var(--text-dim);\n  transition: transform 0.12s;\n}\n.asset-folder.collapsed .chev {\n  transform: rotate(-90deg);\n}\n.asset-folder svg {\n  color: #e7c66a;\n}\n.asset-row.grouped {\n  margin-left: 18px;\n}\n\n.asset-folder .count {\n  margin-left: auto;\n  color: var(--text-faint);\n  font-size: 10.5px;\n}\n.asset-folder.selected {\n  background: rgba(110, 231, 220, 0.08);\n  color: var(--accent);\n}\n.asset-folder.drop-target,\n#asset-tree.drop-target {\n  outline: 1.5px dashed var(--accent);\n  outline-offset: -2px;\n  border-radius: var(--r-sm);\n}\n.asset-row[draggable=\"true\"] {\n  cursor: grab;\n}\n\nbody.playing #mode-toolbar,\nbody.playing #gameview-btn {\n  display: none; /* gizmo tools and the free-cam escape make no sense mid-play */\n}\n\n.tool-divider {\n  width: 1px;\n  height: 18px;\n  background: var(--line);\n  margin: 0 2px;\n  align-self: center;\n}\n\n/* ─── generate dialog ─── */\n#generate {\n  position: fixed;\n  inset: 0;\n  background: rgba(7, 9, 14, 0.78);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 70;\n  backdrop-filter: blur(4px);\n}\n#generate[hidden] {\n  display: none;\n}\n#generate-card {\n  width: 420px;\n  max-height: 78vh;\n  display: flex;\n  flex-direction: column;\n  background: var(--bg-2);\n  border: 1px solid var(--line-strong);\n  border-radius: 14px;\n  box-shadow: var(--shadow);\n  overflow: hidden;\n}\n#generate-body {\n  padding: 14px;\n  overflow-y: auto;\n}\n#generate-body .gen-hint {\n  margin: 0 0 12px;\n  font-size: 11.5px;\n  color: var(--text-faint);\n}\n#generate-body .gen-desc {\n  margin: 2px 0 12px;\n  font-size: 11.5px;\n  color: var(--text-dim);\n}\n#generate-params {\n  padding-top: 2px;\n  border-top: 1px solid var(--line);\n}\n#generate-params .field:first-child {\n  margin-top: 10px;\n}\n.gen-seed-row {\n  display: flex;\n  gap: 6px;\n}\n.gen-seed-row input {\n  flex: 1;\n  min-width: 0;\n}\n.gen-seed-row .ghost {\n  padding: 4px 9px;\n}\n#generate-actions {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 12px 14px;\n  border-top: 1px solid var(--line);\n}\n#generate-status {\n  margin-right: auto;\n  font-size: 11px;\n  color: var(--rose);\n}\n\n/* ---- scene constants + the prop \"bind to a constant\" picker ---- */\n.const-picker {\n  flex: none;\n  width: 30px;\n  margin-left: 6px;\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  background: var(--bg-1);\n  color: var(--text-dim);\n  font-size: 11px;\n}\n.const-picker:hover {\n  border-color: var(--accent);\n  color: var(--accent);\n}\n.field.const-bound > span {\n  color: var(--accent);\n}\n.const-row {\n  display: flex;\n  gap: 6px;\n  align-items: stretch;\n}\n.const-row .field {\n  flex: 1;\n  min-width: 0;\n}\n.const-del {\n  flex: none;\n  width: 26px;\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  background: var(--bg-1);\n  color: var(--text-dim);\n  font-size: 11px;\n}\n.const-del:hover {\n  border-color: var(--rose);\n  color: var(--rose);\n}\n.const-add {\n  display: flex;\n  gap: 6px;\n  align-items: stretch;\n  margin-top: 6px;\n}\n.const-add input {\n  flex: 1;\n  min-width: 0;\n}\n\n/* ---- TileMap2D paint brush ---- */\n.tile-paint {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.paint-toggle {\n  cursor: pointer;\n  border: 1px solid var(--border, #444);\n  border-radius: 6px;\n  background: transparent;\n  color: inherit;\n  padding: 6px 10px;\n  font: inherit;\n}\n.paint-toggle.on {\n  background: #2e6b2e;\n  border-color: #4a9e4a;\n  color: #fff;\n}\n.paint-palette {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  align-items: center;\n}\n.paint-chip {\n  cursor: pointer;\n  width: 26px;\n  height: 26px;\n  border-radius: 5px;\n  border: 1px solid var(--border, #444);\n  background: transparent;\n  color: inherit;\n  font: 600 13px / 1 monospace;\n}\n.paint-chip.on {\n  background: #3a5a8c;\n  border-color: #6a9ae0;\n  color: #fff;\n}\n.paint-brush-input {\n  width: 32px;\n  text-align: center;\n  font: 600 13px / 1 monospace;\n  background: transparent;\n  color: inherit;\n  border: 1px solid var(--border, #444);\n  border-radius: 5px;\n  padding: 4px;\n}\n.paint-hint {\n  font-size: 11px;\n  opacity: 0.6;\n}\n\n/* ─── agent8 asset library ─── */\n.asset-lib {\n  flex: none;\n  width: 30px;\n  padding: 0;\n  justify-content: center;\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  background: var(--bg-1);\n  font-size: 13px;\n  line-height: 1;\n}\n.asset-lib:hover {\n  border-color: var(--accent);\n}\n.lib-backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 70;\n  display: grid;\n  place-items: center;\n  background: rgba(4, 6, 12, 0.72);\n  backdrop-filter: blur(3px);\n}\n.lib-dialog {\n  display: flex;\n  flex-direction: column;\n  width: min(1180px, 94vw);\n  height: min(760px, 88vh);\n  background: var(--bg-1);\n  border: 1px solid var(--line-strong);\n  border-radius: var(--r-md);\n  box-shadow: var(--shadow);\n  overflow: hidden;\n}\n.lib-head {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 12px;\n  border-bottom: 1px solid var(--line);\n  background: var(--bg-2);\n}\n.lib-head strong {\n  font-size: 13px;\n}\n.lib-sub {\n  color: var(--accent);\n  font-size: 12px;\n  font-family: ui-monospace, Menlo, monospace;\n}\n.lib-search {\n  margin-left: auto;\n  width: 260px;\n}\n.lib-body {\n  flex: 1;\n  display: grid;\n  grid-template-columns: 190px 1fr 320px;\n  min-height: 0;\n}\n.lib-shelves {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 8px 6px;\n  overflow-y: auto;\n  border-right: 1px solid var(--line);\n  background: var(--bg-1);\n}\n.lib-shelf {\n  justify-content: flex-start;\n  padding: 6px 10px;\n  border-radius: var(--r-sm);\n  color: var(--text-dim);\n  font-weight: 500;\n  text-align: left;\n}\n.lib-shelf:hover {\n  background: var(--bg-2);\n  color: var(--text);\n}\n.lib-shelf.active {\n  background: rgba(110, 231, 220, 0.12);\n  color: var(--accent);\n}\n.lib-shelf.crumb {\n  color: var(--text-faint);\n  font-size: 11.5px;\n}\n.lib-shelf-count {\n  margin-left: auto;\n  color: var(--text-faint);\n  font-size: 10px;\n  font-family: ui-monospace, Menlo, monospace;\n}\n.lib-shelf-head {\n  margin: 8px 0 2px;\n  padding: 0 10px;\n  color: var(--text-faint);\n  font-size: 10px;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n.lib-grid-pane {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  background: var(--bg-0);\n}\n.lib-status {\n  padding: 7px 12px;\n  color: var(--text-faint);\n  font-size: 11.5px;\n  border-bottom: 1px solid var(--line);\n}\n.lib-grid {\n  flex: 1;\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));\n  gap: 10px;\n  align-content: start;\n  padding: 12px;\n  overflow-y: auto;\n}\n.lib-card {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  min-width: 0; /* grid item: without this the name pushes the card wider */\n  padding: 6px;\n  overflow: hidden;\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  background: var(--bg-1);\n  font-weight: 500;\n}\n.lib-card:hover {\n  border-color: var(--line-strong);\n}\n.lib-card.active {\n  border-color: var(--accent);\n  background: rgba(110, 231, 220, 0.08);\n}\n.lib-thumb {\n  display: grid;\n  place-items: center;\n  aspect-ratio: 1;\n  border-radius: 4px;\n  background: repeating-conic-gradient(var(--bg-3) 0% 25%, var(--bg-2) 0% 50%) 50% / 16px 16px;\n  overflow: hidden;\n}\n.lib-thumb img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n.lib-glyph {\n  width: 30px;\n  height: 30px;\n  color: var(--text-faint);\n}\n.lib-badge {\n  position: absolute;\n  right: 4px;\n  bottom: 4px;\n  padding: 1px 5px;\n  border-radius: 999px;\n  background: rgba(110, 231, 220, 0.16);\n  color: var(--accent);\n  font-size: 9px;\n  font-style: normal;\n  letter-spacing: 0.03em;\n}\n.lib-thumb {\n  position: relative;\n}\n.lib-card-name {\n  max-width: 100%;\n  overflow: hidden;\n  color: var(--text-dim);\n  font-size: 11px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.lib-more {\n  margin: 0 12px 12px;\n}\n.lib-detail {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding: 12px;\n  overflow-y: auto;\n  border-left: 1px solid var(--line);\n  background: var(--bg-1);\n}\n.lib-stage {\n  display: grid;\n  place-items: center;\n  aspect-ratio: 1;\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  background: repeating-conic-gradient(var(--bg-3) 0% 25%, var(--bg-2) 0% 50%) 50% / 18px 18px;\n  overflow: hidden;\n}\n.lib-stage img {\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n}\n.lib-preview3d,\n.lib-preview-canvas {\n  width: 100%;\n  height: 100%;\n  display: block;\n  cursor: grab;\n}\n.lib-preview-canvas:active {\n  cursor: grabbing;\n}\n.lib-name {\n  margin: 0;\n  font-size: 13px;\n  word-break: break-word;\n}\n.lib-desc {\n  margin: 0;\n  color: var(--text-dim);\n  font-size: 12px;\n  line-height: 1.5;\n}\n.lib-note {\n  color: var(--accent);\n  font-size: 11.5px;\n}\n.lib-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n.lib-tag {\n  padding: 2px 7px;\n  border-radius: 999px;\n  background: var(--bg-3);\n  color: var(--text-faint);\n  font-size: 10.5px;\n}\n.lib-facts {\n  display: grid;\n  grid-template-columns: 74px 1fr;\n  gap: 3px 8px;\n  margin: 0;\n  font-size: 11.5px;\n}\n.lib-facts dt {\n  color: var(--text-faint);\n}\n.lib-facts dd {\n  margin: 0;\n  color: var(--text-dim);\n  font-family: ui-monospace, Menlo, monospace;\n}\n.lib-url {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.lib-url code {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  padding: 5px 7px;\n  border-radius: var(--r-sm);\n  background: var(--bg-0);\n  color: var(--text-faint);\n  font-size: 10.5px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.lib-actions {\n  display: flex;\n  gap: 6px;\n  margin-top: auto;\n}\n.lib-actions button {\n  flex: 1;\n  justify-content: center;\n}\n.lib-empty,\n.lib-error {\n  grid-column: 1 / -1;\n  padding: 24px 12px;\n  color: var(--text-faint);\n  font-size: 12px;\n  text-align: center;\n}\n.lib-error {\n  color: var(--rose);\n}\n.lib-token {\n  grid-column: 1 / -1;\n  max-width: 520px;\n  margin: 24px auto;\n  padding: 16px;\n  border: 1px solid var(--line-strong);\n  border-radius: var(--r-md);\n  background: var(--bg-1);\n}\n.lib-token-line {\n  margin: 0 0 8px;\n  font-size: 12.5px;\n}\n.lib-token-how {\n  color: var(--text-faint);\n  font-size: 11.5px;\n  line-height: 1.6;\n}\n.lib-token-row {\n  display: flex;\n  gap: 6px;\n}\n.lib-token-row input {\n  flex: 1;\n}\n\n/* ─── animation card ─── */\n.anim-card .slider-row {\n  width: 100%;\n}\n.anim-upper {\n  margin-top: 8px;\n  padding-top: 8px;\n  border-top: 1px solid var(--line);\n}\n.anim-upper > summary {\n  color: var(--text-faint);\n  font-size: 11.5px;\n  cursor: pointer;\n  list-style: none;\n}\n.anim-upper > summary::before {\n  content: \"▸ \";\n}\n.anim-upper[open] > summary::before {\n  content: \"▾ \";\n}\n.anim-upper > summary:hover {\n  color: var(--text-dim);\n}\n\n/* ─── connections ─── */\n/* Signal wiring on the selected node. Dense on purpose: a row is four fields,\n   and a node with a dozen connections still has to fit the inspector column. */\n.connections {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 2px 0 6px;\n}\n.conn-group {\n  font-size: 10px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  opacity: 0.55;\n  margin-top: 4px;\n}\n.conn-row {\n  display: grid;\n  grid-template-columns: 1fr 10px 1fr 1fr 18px;\n  gap: 3px;\n  align-items: center;\n}\n.conn-arrow {\n  text-align: center;\n  opacity: 0.5;\n  font-size: 11px;\n}\n.conn-select,\n.conn-handler {\n  min-width: 0;\n  font-size: 11px;\n  padding: 2px 4px;\n}\n.conn-select.dangling {\n  border-color: #f87171;\n  color: #f87171;\n}\n.conn-warn {\n  font-size: 10px;\n  color: #f87171;\n  padding: 1px 0 3px;\n  line-height: 1.35;\n}\n.conn-remove {\n  border: 0;\n  background: none;\n  color: inherit;\n  opacity: 0.4;\n  cursor: pointer;\n  font-size: 11px;\n  padding: 0;\n}\n.conn-remove:hover {\n  opacity: 1;\n  color: #f87171;\n}\n.conn-add {\n  padding-top: 2px;\n}\n.conn-add button {\n  font-size: 11px;\n  padding: 2px 8px;\n  cursor: pointer;\n}\n.conn-add button:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n", Yr = new Map(vt.flatMap((e) => e.nodes.map((e) => [e.type, e.summary]))), Xr = /* @__PURE__ */ new Set(), Zr = null, Qr = null, $r = null;
-function ei(e) {
-	Qr = e;
-}
-function ti(e) {
-	Zr = e;
-}
+var Xr = "\n/* ─── incanto editor · design system ──────────────────────────────────────── */\n:root {\n  --bg-0: #0b0d14;\n  --bg-1: #10131d;\n  --bg-2: #161a27;\n  --bg-3: #1d2231;\n  --line: #262c3e;\n  --line-strong: #343c54;\n  --text: #e2e6f0;\n  --text-dim: #9aa3bd;\n  --text-faint: #5d6680;\n  --accent: #6ee7dc;\n  --accent-deep: #14b8a6;\n  --violet: #a78bfa;\n  --amber: #fbbf24;\n  --rose: #fb7185;\n  --green: #86efac;\n  --shadow: 0 12px 40px rgba(0, 0, 0, 0.55);\n  --r-sm: 6px;\n  --r-md: 10px;\n  color-scheme: dark;\n}\n* {\n  box-sizing: border-box;\n}\n/* A button rule of \"display: inline-flex\" outranks the UA's [hidden] rule, so\n   a button hidden from JS stays on screen. Say it once, loudly, here. */\n[hidden] {\n  display: none !important;\n}\nhtml,\nbody {\n  margin: 0;\n  height: 100%;\n  overflow: hidden;\n  background: var(--bg-0);\n  color: var(--text);\n  font:\n    13px / 1.55 \"Inter\",\n    -apple-system,\n    \"Segoe UI\",\n    system-ui,\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n}\ncode,\ntextarea,\n.mono {\n  font-family: ui-monospace, \"SF Mono\", Menlo, monospace;\n}\n\n/* ─── top bar ─── */\n#topbar {\n  display: flex;\n  flex: none;\n  align-items: center;\n  gap: 10px;\n  height: 46px;\n  padding: 0 14px;\n  background: linear-gradient(to bottom, var(--bg-2), var(--bg-1));\n  border-bottom: 1px solid var(--line);\n}\n.brand {\n  display: flex;\n  align-items: baseline;\n  gap: 7px;\n  margin-right: 6px;\n}\n.brand-mark {\n  display: inline-grid;\n  place-items: center;\n  width: 22px;\n  height: 22px;\n  border-radius: 6px;\n  background: linear-gradient(135deg, var(--accent), var(--accent-deep));\n  color: #07211d;\n  font-weight: 800;\n  font-size: 11px;\n  align-self: center;\n}\n.brand strong {\n  font-weight: 700;\n  letter-spacing: 0.2px;\n}\n.brand-sub {\n  color: var(--text-faint);\n  font-size: 12px;\n}\n#file-chip {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  border: 1px solid var(--line);\n  border-radius: 999px;\n  background: var(--bg-1);\n  color: var(--text-dim);\n  font-size: 12px;\n  max-width: 320px;\n}\n#file-path {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.pill {\n  padding: 2px 9px;\n  border-radius: 999px;\n  background: var(--bg-3);\n  color: var(--text-faint);\n  font-size: 11px;\n  font-family: ui-monospace, Menlo, monospace;\n}\n.spacer {\n  flex: 1;\n}\n\n/* ─── buttons & controls ─── */\nbutton {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font: inherit;\n  font-size: 12.5px;\n  font-weight: 600;\n  padding: 6px 12px;\n  border-radius: var(--r-sm);\n  border: 1px solid transparent;\n  background: transparent;\n  color: var(--text);\n  cursor: pointer;\n  transition:\n    background 0.12s,\n    border-color 0.12s,\n    color 0.12s,\n    opacity 0.12s;\n}\nbutton:disabled {\n  opacity: 0.35;\n  cursor: default;\n}\nbutton.ghost {\n  border-color: var(--line);\n  background: var(--bg-1);\n  color: var(--text-dim);\n}\nbutton.ghost:not(:disabled):hover {\n  border-color: var(--line-strong);\n  color: var(--text);\n}\nbutton.ghost.danger:not(:disabled):hover {\n  border-color: var(--rose);\n  color: var(--rose);\n}\nbutton.primary {\n  background: linear-gradient(135deg, var(--accent), var(--accent-deep));\n  color: #06201c;\n}\nbutton.primary:not(:disabled):hover {\n  filter: brightness(1.1);\n}\nbutton.play {\n  border-color: var(--green);\n  color: var(--green);\n  background: rgba(134, 239, 172, 0.08);\n}\nbutton.play:not(:disabled):hover {\n  background: rgba(134, 239, 172, 0.16);\n}\nbutton.play.stop {\n  border-color: var(--rose);\n  color: var(--rose);\n  background: rgba(251, 113, 133, 0.1);\n}\ninput,\nselect,\ntextarea {\n  font: inherit;\n  font-size: 12.5px;\n  color: var(--text);\n  background: var(--bg-0);\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  padding: 6px 9px;\n  transition: border-color 0.12s;\n  min-width: 0;\n}\nselect {\n  /*\n   * padding cannot move the NATIVE dropdown arrow — the browser pins it to\n   * the edge. Draw our own chevron, inset to mirror the left text padding.\n   */\n  appearance: none;\n  padding-right: 30px;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa3bd' stroke-width='2.4'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 9px center;\n  background-size: 12px;\n}\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  border-color: var(--accent-deep);\n}\ntextarea {\n  resize: vertical;\n  font-size: 12px;\n  line-height: 1.5;\n}\ntextarea.invalid {\n  border-color: var(--rose);\n  background: rgba(251, 113, 133, 0.05);\n}\n\n/* ─── banners ─── */\n#error-banner {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 8px 10px 8px 14px;\n  background: rgba(251, 113, 133, 0.1);\n  color: var(--rose);\n  border-bottom: 1px solid rgba(251, 113, 133, 0.35);\n  max-height: 110px;\n  overflow: auto;\n  font-family: ui-monospace, Menlo, monospace;\n  font-size: 12px;\n}\n#error-text {\n  flex: 1;\n  white-space: pre-wrap;\n}\n#error-close {\n  flex: none;\n  padding: 0 6px;\n  color: var(--rose);\n  opacity: 0.65;\n  font-size: 13px;\n  line-height: 1.4;\n}\n#error-close:hover {\n  opacity: 1;\n}\n#edit-notice {\n  padding: 7px 14px;\n  background: rgba(147, 197, 253, 0.08);\n  color: #93c5fd;\n  border-bottom: 1px solid rgba(147, 197, 253, 0.25);\n  font-size: 12px;\n}\n#play-notice {\n  padding: 7px 14px;\n  background: rgba(134, 239, 172, 0.08);\n  color: var(--green);\n  border-bottom: 1px solid rgba(134, 239, 172, 0.25);\n  font-size: 12px;\n}\n\n/* ─── layout ─── */\n/* The editor's root owns the window — on its own page AND mounted over a\n   running game, where the host's <body> is some game's and says nothing about\n   how tall a percentage is. Fixing it to the viewport gives every pane below a\n   definite height in both cases; without it main's percentage height has\n   nothing to resolve against, main grows to its CONTENT, and the viewport\n   canvas is sized to a scene tree three thousand pixels tall. */\n.incanto-editor-root {\n  position: fixed;\n  inset: 0;\n  z-index: 30;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--bg-0);\n  color: var(--text);\n  font:\n    13px / 1.55 \"Inter\",\n    -apple-system,\n    \"Segoe UI\",\n    system-ui,\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n}\nmain {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n}\n#tree-pane {\n  width: 256px;\n  display: flex;\n  flex-direction: column;\n  background: var(--bg-1);\n  border-right: 1px solid var(--line);\n}\n#inspector-pane {\n  width: 336px;\n  overflow-y: auto;\n  background: var(--bg-1);\n  border-left: 1px solid var(--line);\n}\n#viewport-pane {\n  flex: 1;\n  position: relative;\n  background:\n    radial-gradient(1200px 500px at 50% -10%, rgba(110, 231, 220, 0.05), transparent), var(--bg-0);\n  overflow: hidden;\n}\n#viewport,\n#overlay,\n#play-canvas {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n}\n#overlay {\n  cursor: crosshair;\n}\n#play-canvas {\n  z-index: 3;\n}\n#hints-dock {\n  position: absolute;\n  bottom: 12px;\n  right: 16px;\n  z-index: 4;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n#hints-toggle {\n  width: 40px;\n  height: 40px;\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  border: 1px solid var(--line-strong);\n  background: rgba(16, 19, 29, 0.88);\n  color: var(--text-dim);\n  backdrop-filter: blur(6px);\n}\n#hints-toggle:hover {\n  color: var(--accent);\n  border-color: var(--accent-deep);\n}\n#hints-dock.open #hints-toggle {\n  color: var(--accent);\n}\n.hints {\n  max-width: 0;\n  opacity: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  transition:\n    max-width 0.22s ease,\n    opacity 0.18s ease,\n    padding 0.22s ease;\n  padding: 5px 0;\n  display: flex;\n  gap: 14px;\n  border-radius: 999px;\n  background: rgba(16, 19, 29, 0.85);\n  border: 1px solid transparent;\n  color: var(--text-faint);\n  font-size: 11px;\n  pointer-events: none;\n  backdrop-filter: blur(6px);\n}\n.hints b {\n  color: var(--text-dim);\n  font-weight: 600;\n}\n.pane-title {\n  padding: 9px 14px 7px;\n  font-size: 10.5px;\n  font-weight: 700;\n  letter-spacing: 1.6px;\n  text-transform: uppercase;\n  color: var(--text-faint);\n  border-bottom: 1px solid var(--line);\n}\n\n/* ─── tree ─── */\n#tree {\n  flex: 1;\n  overflow-y: auto;\n  padding: 8px;\n}\n.tree-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 3px 8px 3px 4px;\n  border-radius: var(--r-sm);\n  cursor: pointer;\n  white-space: nowrap;\n  overflow: hidden;\n  color: var(--text-dim);\n  border: 1px solid transparent;\n  position: relative;\n}\n.chevron {\n  display: inline-flex;\n  align-items: center;\n  transition: transform 0.12s;\n}\n.chevron.collapsed {\n  transform: rotate(-90deg);\n}\n.chevron-legacy {\n  flex: none;\n  width: 14px;\n  text-align: center;\n  color: var(--text-faint);\n  font-size: 9px;\n  cursor: pointer;\n  user-select: none;\n}\n.chevron.leaf {\n  cursor: default;\n  opacity: 0.35;\n}\n.chevron:not(.leaf):hover {\n  color: var(--accent);\n}\n.tree-children {\n  margin-left: 11px;\n  padding-left: 8px;\n  border-left: 1px solid var(--line);\n}\n.tree-row.dragging {\n  opacity: 0.4;\n}\n.tree-row.drop-into {\n  background: rgba(110, 231, 220, 0.14);\n  border-color: var(--accent);\n}\n.tree-row.drop-before::before,\n.tree-row.drop-after::after {\n  content: \"\";\n  position: absolute;\n  left: 4px;\n  right: 4px;\n  height: 2px;\n  border-radius: 2px;\n  background: var(--accent);\n}\n.tree-row.drop-before::before {\n  top: -1px;\n}\n.tree-row.drop-after::after {\n  bottom: -1px;\n}\n.tree-row:hover {\n  background: var(--bg-2);\n  color: var(--text);\n}\n.tree-row.selected {\n  background: rgba(110, 231, 220, 0.1);\n  border-color: rgba(110, 231, 220, 0.3);\n  color: var(--accent);\n}\n.tree-name {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.tree-icon {\n  flex: none;\n  display: inline-grid;\n  place-items: center;\n  width: 17px;\n  height: 17px;\n  border-radius: 4px;\n  cursor: help;\n}\n.tree-icon:hover {\n  background: var(--bg-3);\n}\n.cat-core {\n  background: rgba(167, 139, 250, 0.15);\n  color: var(--violet);\n}\n.cat-2d {\n  background: rgba(110, 231, 220, 0.12);\n  color: var(--accent);\n}\n.cat-3d {\n  background: rgba(251, 191, 36, 0.12);\n  color: var(--amber);\n}\n.cat-body {\n  background: rgba(134, 239, 172, 0.12);\n  color: var(--green);\n}\n.cat-net {\n  background: rgba(251, 113, 133, 0.12);\n  color: var(--rose);\n}\n.scene-row {\n  margin-bottom: 6px;\n  color: var(--text-faint);\n}\n.scene-row.selected {\n  color: var(--accent);\n}\n#tree-actions {\n  display: flex;\n  gap: 7px;\n  padding: 10px;\n  border-top: 1px solid var(--line);\n}\n#add-type {\n  flex: 1;\n}\n\n/* ─── inspector ─── */\n#inspector {\n  padding: 12px 14px 40px;\n}\n.section-title {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  margin: 16px 0 8px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.4px;\n  text-transform: uppercase;\n  color: var(--accent);\n}\n.section-title:first-child {\n  margin-top: 2px;\n}\n.section-title .rule {\n  flex: 1;\n  height: 1px;\n  background: var(--line);\n}\n.field {\n  display: grid;\n  grid-template-columns: 92px 1fr;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 7px;\n}\n.field > span {\n  font-size: 11.5px;\n  color: var(--text-dim);\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.field.wide {\n  grid-template-columns: 1fr;\n}\n.field.wide > span {\n  margin-bottom: 2px;\n}\n.vector-row {\n  display: flex;\n  gap: 6px;\n}\n.vector-row input {\n  width: 100%;\n}\n.help-btn {\n  flex: none;\n  width: 15px;\n  height: 15px;\n  padding: 0;\n  border-radius: 50%;\n  border: 1px solid var(--line-strong);\n  color: var(--text-faint);\n  font-size: 10px;\n  font-weight: 700;\n  justify-content: center;\n}\n.help-btn:hover {\n  border-color: var(--accent);\n  color: var(--accent);\n}\n.chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 5px;\n  padding: 5px 7px;\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  background: var(--bg-0);\n  cursor: text;\n}\n.chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 1px 8px;\n  border-radius: 999px;\n  background: rgba(110, 231, 220, 0.12);\n  color: var(--accent);\n  font-size: 11.5px;\n}\n.chip button {\n  padding: 0;\n  font-size: 12px;\n  color: inherit;\n  opacity: 0.7;\n}\n.chips input {\n  flex: 1;\n  min-width: 70px;\n  border: none;\n  background: transparent;\n  padding: 2px;\n}\n.chips input:focus {\n  outline: none;\n}\n.subcard {\n  border: 1px solid var(--line);\n  border-radius: var(--r-md);\n  background: var(--bg-2);\n  padding: 10px;\n  margin-bottom: 10px;\n}\n.subcard .field {\n  grid-template-columns: 78px 1fr;\n}\n.subcard-head {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  margin-bottom: 8px;\n  font-size: 11.5px;\n  font-weight: 600;\n  color: var(--text-dim);\n}\n.subcard-head .spacer {\n  flex: 1;\n}\n.linklike {\n  padding: 2px 6px;\n  font-size: 11px;\n  color: var(--accent);\n  font-weight: 600;\n}\n.linklike:hover {\n  text-decoration: underline;\n}\n.muted-note {\n  font-size: 11px;\n  color: var(--text-faint);\n  margin: -2px 0 8px;\n}\n\n/* ─── asset picker ─── */\n.asset-control {\n  display: flex;\n  gap: 6px;\n  align-items: stretch;\n}\n.asset-control input {\n  flex: 1;\n  min-width: 0;\n}\n.asset-toggle {\n  flex: none;\n  width: 26px;\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  background: var(--bg-1);\n  color: var(--text-dim);\n  font-size: 11px;\n}\n.asset-toggle:hover {\n  border-color: var(--accent);\n  color: var(--accent);\n}\n.asset-panel {\n  margin-top: 6px;\n  border: 1px solid var(--line-strong);\n  border-radius: var(--r-sm);\n  background: var(--bg-0);\n  padding: 6px;\n}\n.asset-search {\n  width: 100%;\n  margin-bottom: 6px;\n}\n.asset-options {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n  max-height: 220px;\n  overflow-y: auto;\n}\nbutton.asset-option {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 1px;\n  padding: 5px 8px;\n  text-align: left;\n  border: 1px solid transparent;\n  border-radius: var(--r-sm);\n  background: var(--bg-2);\n  color: var(--text);\n  width: 100%;\n}\nbutton.asset-option:hover {\n  border-color: var(--accent);\n  background: var(--bg-3);\n}\nbutton.asset-option strong {\n  font-size: 11.5px;\n  font-weight: 600;\n}\nbutton.asset-option small {\n  font-size: 10px;\n  color: var(--text-faint);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n.asset-empty {\n  font-size: 11px;\n  color: var(--text-faint);\n  padding: 4px 8px;\n}\n.asset-note {\n  margin-top: 5px;\n}\n.varieties {\n  cursor: default;\n}\n.variety-opt {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  font-size: 11.5px;\n  color: var(--text-dim);\n  cursor: pointer;\n}\n.variety-opt input[type=\"checkbox\"] {\n  width: auto;\n}\n\n/* ─── popover (help) ─── */\n#popover {\n  position: fixed;\n  z-index: 50;\n  width: 300px;\n  /* A topic longer than the window still has to be readable to the end: the\n     positioner pins it to the top and this lets the rest scroll. */\n  max-height: calc(100vh - 16px);\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  background: var(--bg-3);\n  border: 1px solid var(--line-strong);\n  border-radius: var(--r-md);\n  box-shadow: var(--shadow);\n  padding: 12px 14px;\n  font-size: 12px;\n  color: var(--text-dim);\n}\n#popover h4 {\n  margin: 0 0 6px;\n  font-size: 12.5px;\n  color: var(--text);\n}\n#popover code {\n  background: var(--bg-0);\n  padding: 1px 5px;\n  border-radius: 4px;\n  font-size: 11px;\n  color: var(--accent);\n}\n#popover pre {\n  margin: 8px 0 0;\n  padding: 8px 10px;\n  background: var(--bg-0);\n  border-radius: var(--r-sm);\n  font-size: 11px;\n  line-height: 1.5;\n  overflow-x: auto;\n  color: var(--text-dim);\n}\n#popover .pop-actions {\n  margin-top: 8px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n/* ─── picker ─── */\n#picker {\n  position: fixed;\n  inset: 0;\n  background: rgba(7, 9, 14, 0.78);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 40;\n  backdrop-filter: blur(4px);\n}\n#picker[hidden] {\n  display: none;\n}\n#picker-card {\n  width: 460px;\n  max-height: 72vh;\n  background: var(--bg-2);\n  border: 1px solid var(--line-strong);\n  border-radius: 14px;\n  box-shadow: var(--shadow);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n#picker-list {\n  flex: 1;\n  overflow-y: auto;\n  padding: 6px;\n  min-height: 120px;\n}\n#picker-list .tree-row {\n  padding: 9px 12px;\n  font-family: ui-monospace, Menlo, monospace;\n  font-size: 12.5px;\n}\n#picker-find {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 12px;\n  border-bottom: 1px solid var(--line);\n}\n#picker-search {\n  flex: 1;\n}\n#picker-count {\n  font-size: 11px;\n  color: var(--text-faint);\n  font-variant-numeric: tabular-nums;\n}\n/* one row of the project explorer: caret, name, and the facts, right-aligned */\n.scene-row {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  padding: 6px 10px 6px 6px;\n  border-radius: 7px;\n  cursor: pointer;\n  font-size: 12.5px;\n  user-select: none;\n}\n.scene-row:hover {\n  background: var(--bg-3);\n}\n.scene-row.active {\n  background: var(--bg-3);\n  outline: 1px solid var(--line-strong);\n}\n.scene-name {\n  font-family: ui-monospace, Menlo, monospace;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.scene-folder .scene-name {\n  color: var(--text-dim);\n}\n.scene-row.current .scene-name {\n  color: var(--accent);\n}\n.scene-caret {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 13px;\n  flex: none;\n  color: var(--text-faint);\n  font-size: 9px;\n  line-height: 1;\n}\n.scene-folder .scene-caret {\n  color: var(--text-dim);\n}\n.scene-meta {\n  margin-left: auto;\n  padding-left: 10px;\n  flex: none;\n  font-size: 10.5px;\n  color: var(--text-faint);\n  font-variant-numeric: tabular-nums;\n}\n/* a JSON that is not a scene: still there, still clickable, visibly not one */\n.scene-row.not-scene .scene-name,\n.scene-row.not-scene .scene-meta {\n  color: var(--text-faint);\n}\n.scene-row.not-scene .scene-caret {\n  opacity: 0.4;\n}\n.scene-empty {\n  padding: 22px 12px;\n  text-align: center;\n  color: var(--text-faint);\n  font-size: 12px;\n}\n#picker-new {\n  display: flex;\n  gap: 8px;\n  padding: 12px;\n  border-top: 1px solid var(--line);\n}\n#picker-path {\n  flex: 1;\n  font-family: ui-monospace, Menlo, monospace;\n}\n\n/* ─── scrollbars ─── */\n::-webkit-scrollbar {\n  width: 9px;\n  height: 9px;\n}\n::-webkit-scrollbar-thumb {\n  background: var(--line-strong);\n  border-radius: 99px;\n  border: 2px solid var(--bg-1);\n}\n::-webkit-scrollbar-track {\n  background: transparent;\n}\n\nbody.playing #tree-pane,\nbody.playing #inspector-pane {\n  pointer-events: none;\n  opacity: 0.45;\n  filter: saturate(0.6);\n  transition: opacity 0.2s;\n}\n\n.rename-input {\n  flex: 1;\n  min-width: 0;\n  padding: 1px 6px;\n  font-size: 12.5px;\n}\n.balloon {\n  position: fixed;\n  z-index: 60;\n  max-width: 230px;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 8px 11px;\n  background: var(--bg-3);\n  border: 1px solid var(--line-strong);\n  border-radius: var(--r-md);\n  box-shadow: var(--shadow);\n  font-size: 11.5px;\n  color: var(--text-dim);\n}\n.balloon .balloon-title {\n  color: var(--accent);\n  font-size: 12px;\n  font-weight: 700;\n}\n.context-menu {\n  position: fixed;\n  z-index: 60;\n  min-width: 190px;\n  padding: 5px;\n  background: var(--bg-3);\n  border: 1px solid var(--line-strong);\n  border-radius: var(--r-md);\n  box-shadow: var(--shadow);\n  display: flex;\n  flex-direction: column;\n}\n.menu-item {\n  justify-content: space-between;\n  padding: 6px 10px;\n  border-radius: var(--r-sm);\n  font-weight: 500;\n  color: var(--text);\n}\n.menu-item:not(:disabled):hover {\n  background: var(--bg-2);\n}\n.menu-item.danger:not(:disabled):hover {\n  color: var(--rose);\n}\n.menu-item kbd {\n  font-size: 10px;\n  color: var(--text-faint);\n  font-family: inherit;\n}\n.menu-divider {\n  height: 1px;\n  margin: 4px 6px;\n  background: var(--line);\n}\n/* The play menu is a choice, not a command list: each row carries a label and\n   the sentence that says what actually happens, stacked. */\n.play-menu {\n  width: 290px;\n  gap: 2px;\n}\n.play-menu-item {\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  padding: 8px 10px;\n  text-align: left;\n}\n.play-menu-hint {\n  font-size: 11px;\n  font-weight: 400;\n  line-height: 1.35;\n  color: var(--text-faint);\n}\n\n.hints[hidden] {\n  display: none;\n}\n#hints-dock.open .hints:not([hidden]) {\n  max-width: 1100px;\n  opacity: 1;\n  padding: 5px 14px;\n  border-color: var(--line);\n}\nbody.playing #hints-dock {\n  display: none;\n}\n\n#gameview-btn {\n  position: absolute;\n  top: 104px;\n  right: 18px;\n  z-index: 4;\n  font-size: 11.5px;\n  padding: 4px 10px;\n  backdrop-filter: blur(6px);\n  background: rgba(16, 19, 29, 0.8);\n}\n\n.field input[type=\"checkbox\"] {\n  justify-self: start;\n  width: 15px;\n  height: 15px;\n  accent-color: var(--accent-deep);\n  cursor: pointer;\n}\n\n.picker-title {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n#picker-close {\n  padding: 0 4px;\n  font-size: 12px;\n  color: var(--text-faint);\n  border: none;\n  background: none;\n}\n#picker-close:hover {\n  color: var(--text);\n}\n\n.uid-row {\n  display: flex;\n  gap: 6px;\n}\n.uid-row input {\n  flex: 1;\n  min-width: 0;\n  font-size: 11.5px;\n}\n.uid-row .ghost {\n  padding: 4px 8px;\n}\n#confirm {\n  position: fixed;\n  inset: 0;\n  background: rgba(7, 9, 14, 0.78);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 70;\n  backdrop-filter: blur(4px);\n}\n#confirm[hidden] {\n  display: none;\n}\n#confirm-card {\n  width: 480px;\n  max-height: 70vh;\n  display: flex;\n  flex-direction: column;\n  background: var(--bg-2);\n  border: 1px solid var(--line-strong);\n  border-radius: 14px;\n  box-shadow: var(--shadow);\n  overflow: hidden;\n}\n#confirm-body {\n  padding: 14px;\n  color: var(--text-dim);\n  font-size: 12.5px;\n  overflow-y: auto;\n}\n#confirm-list:empty {\n  display: none; /* the group-delete confirm has no reference list */\n}\n#confirm-list {\n  margin: 10px 0 0;\n  padding: 10px 12px;\n  background: var(--bg-0);\n  border-radius: var(--r-sm);\n  font-family: ui-monospace, Menlo, monospace;\n  font-size: 11.5px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n#confirm-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 12px 14px;\n  border-top: 1px solid var(--line);\n}\n#confirm-delete {\n  border-color: var(--rose);\n  color: var(--rose);\n  background: rgba(251, 113, 133, 0.08);\n}\n#confirm-delete:hover {\n  background: rgba(251, 113, 133, 0.16);\n}\n\n.color-row {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n}\n.color-row input[type=\"color\"] {\n  width: 30px;\n  height: 26px;\n  padding: 2px;\n  cursor: pointer;\n}\n.color-row input[type=\"text\"] {\n  flex: 1;\n  min-width: 0;\n  font-size: 11.5px;\n}\n.slider-row {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n.slider-row input[type=\"range\"] {\n  flex: 1;\n  accent-color: var(--accent-deep);\n  padding: 0;\n  border: none;\n  background: transparent;\n}\n.slider-row input[type=\"number\"] {\n  width: 64px;\n}\n.asset-row {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  padding: 5px 8px;\n  border-radius: var(--r-sm);\n  cursor: pointer;\n}\n.asset-row:hover,\n.asset-row.open {\n  background: var(--bg-3);\n}\n.asset-key {\n  color: var(--accent);\n}\n.asset-url {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--text-faint);\n  font-size: 11px;\n  font-family: ui-monospace, Menlo, monospace;\n}\n.danger-link {\n  color: var(--text-faint);\n}\n.danger-link:hover {\n  color: var(--rose);\n}\n.asset-editor {\n  margin: 2px 0 10px;\n  padding: 10px;\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  background: var(--bg-0);\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.asset-editor .field {\n  grid-template-columns: 52px 1fr;\n  margin-bottom: 4px;\n}\n.meta-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr 24px;\n  gap: 6px;\n  align-items: center;\n}\n.meta-row input {\n  font-size: 11.5px;\n  padding: 4px 7px;\n}\n\n#docs {\n  position: fixed;\n  inset: 0;\n  background: rgba(7, 9, 14, 0.8);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 60;\n  backdrop-filter: blur(5px);\n}\n#docs[hidden] {\n  display: none;\n}\n#docs-card {\n  width: min(920px, 92vw);\n  height: min(680px, 88vh);\n  background: var(--bg-2);\n  border: 1px solid var(--line-strong);\n  border-radius: 14px;\n  box-shadow: var(--shadow);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n#docs-layout {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n}\n#docs-tabs {\n  width: 168px;\n  border-right: 1px solid var(--line);\n  padding: 10px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.docs-tab {\n  justify-content: flex-start;\n  padding: 7px 12px;\n  border-radius: var(--r-sm);\n  color: var(--text-dim);\n  font-weight: 500;\n}\n.docs-tab:hover {\n  background: var(--bg-3);\n  color: var(--text);\n}\n.docs-tab.active {\n  background: rgba(110, 231, 220, 0.1);\n  color: var(--accent);\n  font-weight: 700;\n}\n#docs-body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 18px 24px 40px;\n}\n#docs-body h2 {\n  margin: 0 0 6px;\n  font-size: 18px;\n}\n#docs-body h3 {\n  margin: 18px 0 4px;\n  font-size: 13.5px;\n  color: var(--accent);\n}\n#docs-body p {\n  margin: 4px 0 10px;\n  color: var(--text-dim);\n  line-height: 1.7;\n  font-size: 13px;\n}\n.docs-intro {\n  padding: 10px 14px;\n  background: var(--bg-1);\n  border: 1px solid var(--line);\n  border-radius: var(--r-md);\n}\n.docs-node {\n  border: 1px solid var(--line);\n  border-radius: var(--r-md);\n  margin-bottom: 8px;\n  overflow: hidden;\n}\n.docs-node.open {\n  border-color: var(--line-strong);\n}\n.docs-node-head {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  padding: 9px 12px;\n  border-radius: 0;\n  text-align: left;\n}\n.docs-node-head:hover {\n  background: var(--bg-3);\n}\n.docs-node-head strong {\n  font-size: 13px;\n}\n.docs-summary {\n  color: var(--text-faint);\n  font-size: 12px;\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.docs-detail {\n  padding: 4px 14px 12px;\n  border-top: 1px solid var(--line);\n  background: var(--bg-1);\n}\n.docs-props {\n  width: 100%;\n  border-collapse: collapse;\n  margin-top: 8px;\n  font-size: 11.5px;\n}\n.docs-props th {\n  text-align: left;\n  color: var(--text-faint);\n  font-weight: 600;\n  padding: 4px 8px;\n  border-bottom: 1px solid var(--line);\n}\n.docs-props td {\n  padding: 3px 8px;\n  border-bottom: 1px solid var(--line);\n  color: var(--text-dim);\n}\n\n#mode-toolbar {\n  position: absolute;\n  top: 12px;\n  left: 12px;\n  z-index: 4;\n  display: flex;\n  gap: 4px;\n  padding: 4px;\n  border-radius: var(--r-md);\n  background: rgba(16, 19, 29, 0.85);\n  border: 1px solid var(--line);\n  backdrop-filter: blur(6px);\n}\n.tool {\n  width: 30px;\n  height: 28px;\n  justify-content: center;\n  padding: 0;\n  border-radius: var(--r-sm);\n  color: var(--text-faint);\n}\n.tool:hover {\n  color: var(--text);\n  background: var(--bg-3);\n}\n.tool.active {\n  background: rgba(110, 231, 220, 0.14);\n  color: var(--accent);\n}\n\n.lang-menu {\n  min-width: 130px;\n}\n.lang-check {\n  color: var(--accent);\n  font-weight: 700;\n}\n\n.explorer-section {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-top: 1px solid var(--line);\n  margin-top: 4px;\n}\n.explorer-section .ghost {\n  padding: 1px 8px;\n}\n#asset-tree {\n  padding: 2px 8px 10px;\n  overflow-y: auto;\n  max-height: 30%;\n}\n.explorer-empty {\n  padding: 4px 10px;\n  font-size: 11px;\n}\n.asset-row .asset-key {\n  color: var(--accent);\n  font-family: ui-monospace, Menlo, monospace;\n}\n.asset-icon-texture {\n  color: #f0abfc;\n}\n.asset-icon-spritesheet {\n  color: #fbbf24;\n}\n.asset-icon-model {\n  color: #7aa2ff;\n}\n.asset-icon-animation {\n  color: #86efac;\n}\n.uid-value {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  min-width: 0;\n}\n.uid-value code {\n  font-family: ui-monospace, Menlo, monospace;\n  font-size: 11px;\n  color: var(--text-dim);\n  letter-spacing: 0.3px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.uid-copy {\n  padding: 3px 5px;\n  border: none;\n  background: none;\n  border-radius: var(--r-sm);\n  color: var(--text-faint);\n  line-height: 0;\n}\n.uid-copy:hover {\n  color: var(--text);\n  background: var(--bg-3);\n}\n.uid-copy.copied {\n  color: var(--accent);\n  font-size: 10px;\n  line-height: 1;\n}\n\n.section-toggle {\n  width: 100%;\n  height: 30px; /* IDENTICAL header height for ASSETS and SCENE */\n  box-sizing: border-box;\n  padding-top: 0;\n  padding-bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 6px;\n  text-align: left;\n  cursor: pointer;\n  background: var(--bg-1);\n  border: none;\n  border-top: 1px solid var(--line-strong);\n  border-bottom: 1px solid var(--line);\n  border-radius: 0;\n}\n.section-toggle:hover {\n  color: var(--text);\n}\n.section-toggle .chev {\n  display: inline-flex;\n  transition: transform 0.12s;\n  color: var(--text-dim);\n}\n.section-toggle.collapsed .chev {\n  transform: rotate(-90deg);\n}\n.section-add {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 24px;\n  height: 20px;\n  padding: 0 6px;\n  font-size: 13px;\n  color: var(--text-dim);\n  border: 1px solid var(--line-strong);\n  border-radius: var(--r-sm);\n  background: var(--bg-2);\n}\n.section-add:hover {\n  background: var(--bg-3);\n  color: var(--accent);\n  border-color: var(--accent-deep);\n}\n[data-body][hidden],\naside#tree-pane #scene-body[hidden] {\n  /* outranks the #scene-body flex rule — [hidden] must always win */\n  display: none;\n}\n#scene-body {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n.asset-folder {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 8px;\n  color: var(--text-dim);\n  cursor: pointer;\n  border-radius: var(--r-sm);\n}\n.asset-folder:hover {\n  background: var(--bg-3);\n}\n.asset-folder .chev {\n  display: inline-flex;\n  color: var(--text-dim);\n  transition: transform 0.12s;\n}\n.asset-folder.collapsed .chev {\n  transform: rotate(-90deg);\n}\n.asset-folder svg {\n  color: #e7c66a;\n}\n.asset-row.grouped {\n  margin-left: 18px;\n}\n\n.asset-folder .count {\n  margin-left: auto;\n  color: var(--text-faint);\n  font-size: 10.5px;\n}\n.asset-folder.selected {\n  background: rgba(110, 231, 220, 0.08);\n  color: var(--accent);\n}\n.asset-folder.drop-target,\n#asset-tree.drop-target {\n  outline: 1.5px dashed var(--accent);\n  outline-offset: -2px;\n  border-radius: var(--r-sm);\n}\n.asset-row[draggable=\"true\"] {\n  cursor: grab;\n}\n\nbody.playing #mode-toolbar,\nbody.playing #gameview-btn {\n  display: none; /* gizmo tools and the free-cam escape make no sense mid-play */\n}\n\n.tool-divider {\n  width: 1px;\n  height: 18px;\n  background: var(--line);\n  margin: 0 2px;\n  align-self: center;\n}\n\n/* ─── generate dialog ─── */\n#generate {\n  position: fixed;\n  inset: 0;\n  background: rgba(7, 9, 14, 0.78);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 70;\n  backdrop-filter: blur(4px);\n}\n#generate[hidden] {\n  display: none;\n}\n#generate-card {\n  width: 420px;\n  max-height: 78vh;\n  display: flex;\n  flex-direction: column;\n  background: var(--bg-2);\n  border: 1px solid var(--line-strong);\n  border-radius: 14px;\n  box-shadow: var(--shadow);\n  overflow: hidden;\n}\n#generate-body {\n  padding: 14px;\n  overflow-y: auto;\n}\n#generate-body .gen-hint {\n  margin: 0 0 12px;\n  font-size: 11.5px;\n  color: var(--text-faint);\n}\n#generate-body .gen-desc {\n  margin: 2px 0 12px;\n  font-size: 11.5px;\n  color: var(--text-dim);\n}\n#generate-params {\n  padding-top: 2px;\n  border-top: 1px solid var(--line);\n}\n#generate-params .field:first-child {\n  margin-top: 10px;\n}\n.gen-seed-row {\n  display: flex;\n  gap: 6px;\n}\n.gen-seed-row input {\n  flex: 1;\n  min-width: 0;\n}\n.gen-seed-row .ghost {\n  padding: 4px 9px;\n}\n#generate-actions {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 12px 14px;\n  border-top: 1px solid var(--line);\n}\n#generate-status {\n  margin-right: auto;\n  font-size: 11px;\n  color: var(--rose);\n}\n\n/* ---- scene constants + the prop \"bind to a constant\" picker ---- */\n.const-picker {\n  flex: none;\n  width: 30px;\n  margin-left: 6px;\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  background: var(--bg-1);\n  color: var(--text-dim);\n  font-size: 11px;\n}\n.const-picker:hover {\n  border-color: var(--accent);\n  color: var(--accent);\n}\n.field.const-bound > span {\n  color: var(--accent);\n}\n.const-row {\n  display: flex;\n  gap: 6px;\n  align-items: stretch;\n}\n.const-row .field {\n  flex: 1;\n  min-width: 0;\n}\n.const-del {\n  flex: none;\n  width: 26px;\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  background: var(--bg-1);\n  color: var(--text-dim);\n  font-size: 11px;\n}\n.const-del:hover {\n  border-color: var(--rose);\n  color: var(--rose);\n}\n.const-add {\n  display: flex;\n  gap: 6px;\n  align-items: stretch;\n  margin-top: 6px;\n}\n.const-add input {\n  flex: 1;\n  min-width: 0;\n}\n\n/* ---- TileMap2D paint brush ---- */\n.tile-paint {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.paint-toggle {\n  cursor: pointer;\n  border: 1px solid var(--border, #444);\n  border-radius: 6px;\n  background: transparent;\n  color: inherit;\n  padding: 6px 10px;\n  font: inherit;\n}\n.paint-toggle.on {\n  background: #2e6b2e;\n  border-color: #4a9e4a;\n  color: #fff;\n}\n.paint-palette {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  align-items: center;\n}\n.paint-chip {\n  cursor: pointer;\n  width: 26px;\n  height: 26px;\n  border-radius: 5px;\n  border: 1px solid var(--border, #444);\n  background: transparent;\n  color: inherit;\n  font: 600 13px / 1 monospace;\n}\n.paint-chip.on {\n  background: #3a5a8c;\n  border-color: #6a9ae0;\n  color: #fff;\n}\n.paint-brush-input {\n  width: 32px;\n  text-align: center;\n  font: 600 13px / 1 monospace;\n  background: transparent;\n  color: inherit;\n  border: 1px solid var(--border, #444);\n  border-radius: 5px;\n  padding: 4px;\n}\n.paint-hint {\n  font-size: 11px;\n  opacity: 0.6;\n}\n\n/* ─── agent8 asset library ─── */\n.asset-lib {\n  flex: none;\n  width: 30px;\n  padding: 0;\n  justify-content: center;\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  background: var(--bg-1);\n  font-size: 13px;\n  line-height: 1;\n}\n.asset-lib:hover {\n  border-color: var(--accent);\n}\n.lib-backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 70;\n  display: grid;\n  place-items: center;\n  background: rgba(4, 6, 12, 0.72);\n  backdrop-filter: blur(3px);\n}\n.lib-dialog {\n  display: flex;\n  flex-direction: column;\n  width: min(1180px, 94vw);\n  height: min(760px, 88vh);\n  background: var(--bg-1);\n  border: 1px solid var(--line-strong);\n  border-radius: var(--r-md);\n  box-shadow: var(--shadow);\n  overflow: hidden;\n}\n.lib-head {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 12px;\n  border-bottom: 1px solid var(--line);\n  background: var(--bg-2);\n}\n.lib-head strong {\n  font-size: 13px;\n}\n.lib-sub {\n  color: var(--accent);\n  font-size: 12px;\n  font-family: ui-monospace, Menlo, monospace;\n}\n.lib-search {\n  margin-left: auto;\n  width: 260px;\n}\n.lib-body {\n  flex: 1;\n  display: grid;\n  grid-template-columns: 190px 1fr 320px;\n  min-height: 0;\n}\n.lib-shelves {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 8px 6px;\n  overflow-y: auto;\n  border-right: 1px solid var(--line);\n  background: var(--bg-1);\n}\n.lib-shelf {\n  justify-content: flex-start;\n  padding: 6px 10px;\n  border-radius: var(--r-sm);\n  color: var(--text-dim);\n  font-weight: 500;\n  text-align: left;\n}\n.lib-shelf:hover {\n  background: var(--bg-2);\n  color: var(--text);\n}\n.lib-shelf.active {\n  background: rgba(110, 231, 220, 0.12);\n  color: var(--accent);\n}\n.lib-shelf.crumb {\n  color: var(--text-faint);\n  font-size: 11.5px;\n}\n.lib-shelf-count {\n  margin-left: auto;\n  color: var(--text-faint);\n  font-size: 10px;\n  font-family: ui-monospace, Menlo, monospace;\n}\n.lib-shelf-head {\n  margin: 8px 0 2px;\n  padding: 0 10px;\n  color: var(--text-faint);\n  font-size: 10px;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n.lib-grid-pane {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  background: var(--bg-0);\n}\n.lib-status {\n  padding: 7px 12px;\n  color: var(--text-faint);\n  font-size: 11.5px;\n  border-bottom: 1px solid var(--line);\n}\n.lib-grid {\n  flex: 1;\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));\n  gap: 10px;\n  align-content: start;\n  padding: 12px;\n  overflow-y: auto;\n}\n.lib-card {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  min-width: 0; /* grid item: without this the name pushes the card wider */\n  padding: 6px;\n  overflow: hidden;\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  background: var(--bg-1);\n  font-weight: 500;\n}\n.lib-card:hover {\n  border-color: var(--line-strong);\n}\n.lib-card.active {\n  border-color: var(--accent);\n  background: rgba(110, 231, 220, 0.08);\n}\n.lib-thumb {\n  display: grid;\n  place-items: center;\n  aspect-ratio: 1;\n  border-radius: 4px;\n  background: repeating-conic-gradient(var(--bg-3) 0% 25%, var(--bg-2) 0% 50%) 50% / 16px 16px;\n  overflow: hidden;\n}\n.lib-thumb img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n.lib-glyph {\n  width: 30px;\n  height: 30px;\n  color: var(--text-faint);\n}\n.lib-badge {\n  position: absolute;\n  right: 4px;\n  bottom: 4px;\n  padding: 1px 5px;\n  border-radius: 999px;\n  background: rgba(110, 231, 220, 0.16);\n  color: var(--accent);\n  font-size: 9px;\n  font-style: normal;\n  letter-spacing: 0.03em;\n}\n.lib-thumb {\n  position: relative;\n}\n.lib-card-name {\n  max-width: 100%;\n  overflow: hidden;\n  color: var(--text-dim);\n  font-size: 11px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.lib-more {\n  margin: 0 12px 12px;\n}\n.lib-detail {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding: 12px;\n  overflow-y: auto;\n  border-left: 1px solid var(--line);\n  background: var(--bg-1);\n}\n.lib-stage {\n  display: grid;\n  place-items: center;\n  aspect-ratio: 1;\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  background: repeating-conic-gradient(var(--bg-3) 0% 25%, var(--bg-2) 0% 50%) 50% / 18px 18px;\n  overflow: hidden;\n}\n.lib-stage img {\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n}\n.lib-preview3d,\n.lib-preview-canvas {\n  width: 100%;\n  height: 100%;\n  display: block;\n  cursor: grab;\n}\n.lib-preview-canvas:active {\n  cursor: grabbing;\n}\n.lib-name {\n  margin: 0;\n  font-size: 13px;\n  word-break: break-word;\n}\n.lib-desc {\n  margin: 0;\n  color: var(--text-dim);\n  font-size: 12px;\n  line-height: 1.5;\n}\n.lib-note {\n  color: var(--accent);\n  font-size: 11.5px;\n}\n.lib-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n.lib-tag {\n  padding: 2px 7px;\n  border-radius: 999px;\n  background: var(--bg-3);\n  color: var(--text-faint);\n  font-size: 10.5px;\n}\n.lib-facts {\n  display: grid;\n  grid-template-columns: 74px 1fr;\n  gap: 3px 8px;\n  margin: 0;\n  font-size: 11.5px;\n}\n.lib-facts dt {\n  color: var(--text-faint);\n}\n.lib-facts dd {\n  margin: 0;\n  color: var(--text-dim);\n  font-family: ui-monospace, Menlo, monospace;\n}\n.lib-url {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.lib-url code {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  padding: 5px 7px;\n  border-radius: var(--r-sm);\n  background: var(--bg-0);\n  color: var(--text-faint);\n  font-size: 10.5px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.lib-actions {\n  display: flex;\n  gap: 6px;\n  margin-top: auto;\n}\n.lib-actions button {\n  flex: 1;\n  justify-content: center;\n}\n.lib-empty,\n.lib-error {\n  grid-column: 1 / -1;\n  padding: 24px 12px;\n  color: var(--text-faint);\n  font-size: 12px;\n  text-align: center;\n}\n.lib-error {\n  color: var(--rose);\n}\n.lib-token {\n  grid-column: 1 / -1;\n  max-width: 520px;\n  margin: 24px auto;\n  padding: 16px;\n  border: 1px solid var(--line-strong);\n  border-radius: var(--r-md);\n  background: var(--bg-1);\n}\n.lib-token-line {\n  margin: 0 0 8px;\n  font-size: 12.5px;\n}\n.lib-token-how {\n  color: var(--text-faint);\n  font-size: 11.5px;\n  line-height: 1.6;\n}\n.lib-token-row {\n  display: flex;\n  gap: 6px;\n}\n.lib-token-row input {\n  flex: 1;\n}\n\n/* ─── animation card ─── */\n.anim-card .slider-row {\n  width: 100%;\n}\n.anim-upper {\n  margin-top: 8px;\n  padding-top: 8px;\n  border-top: 1px solid var(--line);\n}\n.anim-upper > summary {\n  color: var(--text-faint);\n  font-size: 11.5px;\n  cursor: pointer;\n  list-style: none;\n}\n.anim-upper > summary::before {\n  content: \"▸ \";\n}\n.anim-upper[open] > summary::before {\n  content: \"▾ \";\n}\n.anim-upper > summary:hover {\n  color: var(--text-dim);\n}\n\n/* ─── connections ─── */\n/* Signal wiring on the selected node. Dense on purpose: a row is four fields,\n   and a node with a dozen connections still has to fit the inspector column. */\n.connections {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 2px 0 6px;\n}\n.conn-group {\n  font-size: 10px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  opacity: 0.55;\n  margin-top: 4px;\n}\n.conn-row {\n  display: grid;\n  grid-template-columns: 1fr 10px 1fr 1fr 18px;\n  gap: 3px;\n  align-items: center;\n}\n.conn-arrow {\n  text-align: center;\n  opacity: 0.5;\n  font-size: 11px;\n}\n.conn-select,\n.conn-handler {\n  min-width: 0;\n  font-size: 11px;\n  padding: 2px 4px;\n}\n.conn-select.dangling {\n  border-color: #f87171;\n  color: #f87171;\n}\n.conn-warn {\n  font-size: 10px;\n  color: #f87171;\n  padding: 1px 0 3px;\n  line-height: 1.35;\n}\n.conn-remove {\n  border: 0;\n  background: none;\n  color: inherit;\n  opacity: 0.4;\n  cursor: pointer;\n  font-size: 11px;\n  padding: 0;\n}\n.conn-remove:hover {\n  opacity: 1;\n  color: #f87171;\n}\n.conn-add {\n  padding-top: 2px;\n}\n.conn-add button {\n  font-size: 11px;\n  padding: 2px 8px;\n  cursor: pointer;\n}\n.conn-add button:disabled {\n  opacity: 0.4;\n  cursor: default;\n}\n", Zr = new Map(yt.flatMap((e) => e.nodes.map((e) => [e.type, e.summary]))), Qr = /* @__PURE__ */ new Set(), $r = null, ei = null, ti = null;
 function ni(e) {
+	ei = e;
+}
+function ri(e) {
 	$r = e;
 }
-var ri = null, ii = null, ai = null;
-function oi(e) {
+function ii(e) {
+	ti = e;
+}
+var ai = null, oi = null, si = null;
+function ci(e) {
 	return e ? e.includes("Body") || e.includes("Area") || e.includes("Controller") ? "cat-body" : e === "NetworkSpawner" ? "cat-net" : e.endsWith("3D") ? "cat-3d" : e.endsWith("2D") || e === "Label" || e === "UILayer" ? "cat-2d" : "cat-core" : "cat-core";
 }
-function si(e, t) {
+function li(e, t) {
 	e.textContent = "";
 	let n = document.createElement("div");
 	n.className = `tree-row scene-row${t.selection === null && t.selectedAsset === null && t.selectedGroup === null && !t.addingAsset && !t.addingGroup ? " selected" : ""}`, n.textContent = `⚙ ${String(t.working.name ?? "scene")}`, n.addEventListener("click", () => t.select(null)), e.appendChild(n);
@@ -4148,54 +4171,54 @@ function si(e, t) {
 		t.className = "muted-note explorer-empty", t.textContent = "no root node — pick a type below and ＋ to start the scene", e.appendChild(t);
 		return;
 	}
-	di(r, t.selection), e.appendChild(fi(r, [], t, "")), li(e, t.selection);
+	pi(r, t.selection), e.appendChild(mi(r, [], t, "")), di(e, t.selection);
 }
-var ci = null;
-function li(e, t) {
+var ui = null;
+function di(e, t) {
 	let n = JSON.stringify(t);
-	n !== ci && (ci = n, e.querySelector(".tree-row.selected")?.scrollIntoView?.({
+	n !== ui && (ui = n, e.querySelector(".tree-row.selected")?.scrollIntoView?.({
 		block: "nearest",
 		inline: "nearest"
 	}));
 }
-function ui() {
-	ci = null;
+function fi() {
+	ui = null;
 }
-function di(e, t) {
+function pi(e, t) {
 	if (!t) return;
 	let n = e, r = "";
 	for (let e of t) {
-		r = r ? `${r}/${n.name}` : String(n.name), Xr.delete(r);
+		r = r ? `${r}/${n.name}` : String(n.name), Qr.delete(r);
 		let t = n.children?.[e];
 		if (!t) return;
 		n = t;
 	}
 }
-function fi(e, t, n, r) {
-	let i = r ? `${r}/${e.name}` : String(e.name), a = (e.children?.length ?? 0) > 0, o = Xr.has(i), s = document.createElement("div");
+function mi(e, t, n, r) {
+	let i = r ? `${r}/${e.name}` : String(e.name), a = (e.children?.length ?? 0) > 0, o = Qr.has(i), s = document.createElement("div");
 	s.className = "tree-branch";
 	let c = document.createElement("div");
-	c.className = `tree-row${n.isSelected(t) ? " selected" : ""}`, c.draggable = t.length > 0 && ai !== i;
+	c.className = `tree-row${n.isSelected(t) ? " selected" : ""}`, c.draggable = t.length > 0 && si !== i;
 	let l = document.createElement("span");
-	l.className = `chevron${a ? "" : " leaf"}${o ? " collapsed" : ""}`, a ? l.appendChild(Pe()) : l.textContent = "·", a && l.addEventListener("click", (e) => {
-		e.stopPropagation(), o ? Xr.delete(i) : Xr.add(i), n.select(n.selection);
+	l.className = `chevron${a ? "" : " leaf"}${o ? " collapsed" : ""}`, a ? l.appendChild(Fe()) : l.textContent = "·", a && l.addEventListener("click", (e) => {
+		e.stopPropagation(), o ? Qr.delete(i) : Qr.add(i), n.select(n.selection);
 	});
 	let u = document.createElement("span");
-	if (u.className = `tree-icon ${oi(e.type)}`, u.appendChild(Ne(e.type)), u.title = e.type ?? "instance", u.addEventListener("click", (t) => {
-		t.stopPropagation(), pi(u, e.type ?? "instance");
-	}), c.append(l, u), ai === i) {
+	if (u.className = `tree-icon ${ci(e.type)}`, u.appendChild(Pe(e.type)), u.title = e.type ?? "instance", u.addEventListener("click", (t) => {
+		t.stopPropagation(), hi(u, e.type ?? "instance");
+	}), c.append(l, u), si === i) {
 		let r = document.createElement("input");
 		r.className = "rename-input", r.value = e.name ?? "";
 		let i = () => {
-			ai = null;
+			si = null;
 			let i = r.value.trim();
 			if (i && i !== e.name) {
 				let e = n.renameNode(t, i) ?? [];
-				e.length > 0 && $r?.(e);
+				e.length > 0 && ti?.(e);
 			} else n.select(n.selection);
 		};
 		r.addEventListener("keydown", (e) => {
-			e.stopPropagation(), e.key === "Enter" && i(), e.key === "Escape" && (ai = null, n.select(n.selection));
+			e.stopPropagation(), e.key === "Enter" && i(), e.key === "Escape" && (si = null, n.select(n.selection));
 		});
 		for (let e of [
 			"click",
@@ -4209,38 +4232,38 @@ function fi(e, t, n, r) {
 	} else {
 		let r = document.createElement("span");
 		r.className = "tree-name", r.textContent = e.name ?? "(unnamed)", r.addEventListener("dblclick", (e) => {
-			e.stopPropagation(), ai = i, n.select(t);
+			e.stopPropagation(), si = i, n.select(t);
 		}), c.appendChild(r);
 	}
 	if (c.addEventListener("click", (e) => {
-		a && !e.metaKey && !e.ctrlKey && (o ? Xr.delete(i) : Xr.add(i)), n.select(t, { toggle: e.metaKey || e.ctrlKey });
+		a && !e.metaKey && !e.ctrlKey && (o ? Qr.delete(i) : Qr.add(i)), n.select(t, { toggle: e.metaKey || e.ctrlKey });
 	}), c.addEventListener("contextmenu", (e) => {
-		e.preventDefault(), n.isSelected(t) || n.select(t), mi(e.clientX, e.clientY, n, t, i);
-	}), Ci(c, t, n), s.appendChild(c), a && !o) {
+		e.preventDefault(), n.isSelected(t) || n.select(t), gi(e.clientX, e.clientY, n, t, i);
+	}), Ti(c, t, n), s.appendChild(c), a && !o) {
 		let r = document.createElement("div");
 		r.className = "tree-children", (e.children ?? []).forEach((e, a) => {
-			r.appendChild(fi(e, [...t, a], n, i));
+			r.appendChild(mi(e, [...t, a], n, i));
 		}), s.appendChild(r);
 	}
 	return s;
 }
-function pi(e, t) {
-	yi();
+function hi(e, t) {
+	xi();
 	let n = document.createElement("div");
 	n.className = "balloon floating";
 	let r = document.createElement("span");
 	r.className = "balloon-title", r.textContent = t, n.appendChild(r);
-	let i = Yr.get(t);
+	let i = Zr.get(t);
 	if (i) {
 		let e = document.createElement("span");
 		e.textContent = I(i), n.appendChild(e);
 	}
 	document.body.appendChild(n);
 	let a = e.getBoundingClientRect();
-	n.style.left = `${Math.min(innerWidth - 240, a.right + 8)}px`, n.style.top = `${Math.max(8, a.top - 6)}px`, bi(n);
+	n.style.left = `${Math.min(innerWidth - 240, a.right + 8)}px`, n.style.top = `${Math.max(8, a.top - 6)}px`, Si(n);
 }
-function mi(e, t, n, r, i) {
-	yi();
+function gi(e, t, n, r, i) {
+	xi();
 	let a = n.allSelections(), o = a.length === 1 && r.length > 0, s = document.createElement("div");
 	s.className = "context-menu floating";
 	let c = (e, t, n) => {
@@ -4252,52 +4275,52 @@ function mi(e, t, n, r, i) {
 			e.textContent = n.kbd, r.appendChild(e);
 		}
 		t && r.addEventListener("click", () => {
-			yi(), t();
+			xi(), t();
 		}), s.appendChild(r);
 	};
 	c(`duplicate${a.length > 1 ? ` ×${a.length}` : ""}`, () => {
 		for (let e of [...a].reverse()) n.duplicateNode(e);
-	}), c("frame in view", Qr && r.length > 0 ? () => {
-		n.select(r), Qr?.();
+	}), c("frame in view", ei && r.length > 0 ? () => {
+		n.select(r), ei?.();
 	} : null, { kbd: "F" }), c("rename", o ? () => {
-		ai = i, n.select(r);
-	} : null, { kbd: "dbl-click" }), s.appendChild(hi()), c("cut", r.length > 0 ? () => gi(n, !0) : null), c("copy", r.length > 0 ? () => gi(n, !1) : null), c(`paste as child${ii ? ` (${ii.nodes.length})` : ""}`, ii ? () => _i(n, r) : null), s.appendChild(hi()), c("delete", r.length > 0 ? () => (Zr ?? ((e) => n.removeNodes(e)))(a) : null, { danger: !0 }), document.body.appendChild(s), s.style.left = `${Math.min(innerWidth - 200 - 8, e)}px`, s.style.top = `${Math.min(innerHeight - s.offsetHeight - 8, t)}px`, bi(s);
+		si = i, n.select(r);
+	} : null, { kbd: "dbl-click" }), s.appendChild(_i()), c("cut", r.length > 0 ? () => vi(n, !0) : null), c("copy", r.length > 0 ? () => vi(n, !1) : null), c(`paste as child${oi ? ` (${oi.nodes.length})` : ""}`, oi ? () => yi(n, r) : null), s.appendChild(_i()), c("delete", r.length > 0 ? () => ($r ?? ((e) => n.removeNodes(e)))(a) : null, { danger: !0 }), document.body.appendChild(s), s.style.left = `${Math.min(innerWidth - 200 - 8, e)}px`, s.style.top = `${Math.min(innerHeight - s.offsetHeight - 8, t)}px`, Si(s);
 }
-function hi() {
+function _i() {
 	let e = document.createElement("div");
 	return e.className = "menu-divider", e;
 }
-function gi(e, t) {
+function vi(e, t) {
 	let n = e.allSelections().filter((e) => e.length > 0).map((t) => e.nodeAt(t)).filter((e) => e !== null);
-	ii = {
+	oi = {
 		nodes: n.map((e) => JSON.parse(JSON.stringify(e))),
 		cut: t ? n : null
 	};
 }
-function _i(e, t) {
-	if (ii) {
-		for (let n of ii.nodes) e.insertNode(n, t);
-		if (ii.cut) {
-			let t = e.working.root, n = ii.cut.map((e) => vi(t, e)).filter((e) => e !== null);
-			n.length > 0 && e.removeNodes(n), ii = {
-				nodes: ii.nodes,
+function yi(e, t) {
+	if (oi) {
+		for (let n of oi.nodes) e.insertNode(n, t);
+		if (oi.cut) {
+			let t = e.working.root, n = oi.cut.map((e) => bi(t, e)).filter((e) => e !== null);
+			n.length > 0 && e.removeNodes(n), oi = {
+				nodes: oi.nodes,
 				cut: null
 			};
 		}
 	}
 }
-function vi(e, t) {
+function bi(e, t) {
 	if (e === t) return [];
 	for (let [n, r] of (e.children ?? []).entries()) {
-		let e = vi(r, t);
+		let e = bi(r, t);
 		if (e) return [n, ...e];
 	}
 	return null;
 }
-function yi() {
+function xi() {
 	for (let e of document.querySelectorAll(".floating")) e.remove();
 }
-function bi(e) {
+function Si(e) {
 	let t = (r) => {
 		e.contains(r.target) || (e.remove(), document.removeEventListener("pointerdown", t, !0), document.removeEventListener("keydown", n, !0));
 	}, n = (r) => {
@@ -4307,39 +4330,39 @@ function bi(e) {
 		document.addEventListener("pointerdown", t, !0), document.addEventListener("keydown", n, !0);
 	}, 0);
 }
-function xi(e, t) {
+function Ci(e, t) {
 	let n = t.getBoundingClientRect(), r = (e.clientY - n.top) / n.height;
 	return r < .25 ? "before" : r > .75 ? "after" : "into";
 }
-function Si(e) {
+function wi(e) {
 	e.classList.remove("drop-into", "drop-before", "drop-after");
 }
-function Ci(e, t, n) {
+function Ti(e, t, n) {
 	e.addEventListener("dragstart", (r) => {
-		ri = n.isSelected(t) ? n.allSelections() : [t], r.dataTransfer?.setData("text/plain", ""), r.dataTransfer && (r.dataTransfer.effectAllowed = "move"), e.classList.add("dragging");
+		ai = n.isSelected(t) ? n.allSelections() : [t], r.dataTransfer?.setData("text/plain", ""), r.dataTransfer && (r.dataTransfer.effectAllowed = "move"), e.classList.add("dragging");
 	}), e.addEventListener("dragend", () => {
-		ri = null, e.classList.remove("dragging");
+		ai = null, e.classList.remove("dragging");
 	}), e.addEventListener("dragover", (n) => {
-		if (!ri || ri.some((e) => e.length <= t.length && e.every((e, n) => e === t[n]))) return;
-		n.preventDefault(), n.dataTransfer && (n.dataTransfer.dropEffect = "move"), Si(e);
-		let r = t.length === 0 ? "into" : xi(n, e);
+		if (!ai || ai.some((e) => e.length <= t.length && e.every((e, n) => e === t[n]))) return;
+		n.preventDefault(), n.dataTransfer && (n.dataTransfer.dropEffect = "move"), wi(e);
+		let r = t.length === 0 ? "into" : Ci(n, e);
 		e.classList.add(`drop-${r}`);
-	}), e.addEventListener("dragleave", () => Si(e)), e.addEventListener("drop", (r) => {
-		if (Si(e), !ri) return;
+	}), e.addEventListener("dragleave", () => wi(e)), e.addEventListener("drop", (r) => {
+		if (wi(e), !ai) return;
 		r.preventDefault();
-		let i = t.length === 0 ? "into" : xi(r, e), a = n.moveNodes(ri, t, i);
-		ri = null, a?.[0] && n.select(a[0]);
+		let i = t.length === 0 ? "into" : Ci(r, e), a = n.moveNodes(ai, t, i);
+		ai = null, a?.[0] && n.select(a[0]);
 	});
 }
-var wi = 1e3, Ti = 1001, Ei = 1002, Di = 1006, Oi = 1008, ki = 1009, Ai = 1023, ji = 2300, Mi = 2301, Ni = 2302, Pi = 2303, Fi = 2400, Ii = 2401, Li = 2402, Ri = "srgb", zi = "srgb-linear", Bi = "linear", Vi = "srgb", Hi = 2e3;
-function Ui(e) {
+var Ei = 1e3, Di = 1001, Oi = 1002, ki = 1006, Ai = 1008, ji = 1009, Mi = 1023, Ni = 2300, Pi = 2301, Fi = 2302, Ii = 2303, Li = 2400, Ri = 2401, zi = 2402, Bi = "srgb", Vi = "srgb-linear", Hi = "linear", Ui = "srgb", Wi = 2e3;
+function Gi(e) {
 	return ArrayBuffer.isView(e) && !(e instanceof DataView);
 }
-function Wi(e) {
+function Ki(e) {
 	return document.createElementNS("http://www.w3.org/1999/xhtml", e);
 }
-var Gi = {}, Ki = null;
-function qi(e) {
+var qi = {}, Ji = null;
+function Yi(e) {
 	let t = e[0];
 	if (typeof t == "string" && t.startsWith("TSL:")) {
 		let t = e[1];
@@ -4348,28 +4371,28 @@ function qi(e) {
 	return e;
 }
 function H(...e) {
-	e = qi(e);
+	e = Yi(e);
 	let t = "THREE." + e.shift();
-	if (Ki) Ki("warn", t, ...e);
+	if (Ji) Ji("warn", t, ...e);
 	else {
 		let n = e[0];
 		n && n.isStackTrace ? console.warn(n.getError(t)) : console.warn(t, ...e);
 	}
 }
 function U(...e) {
-	e = qi(e);
+	e = Yi(e);
 	let t = "THREE." + e.shift();
-	if (Ki) Ki("error", t, ...e);
+	if (Ji) Ji("error", t, ...e);
 	else {
 		let n = e[0];
 		n && n.isStackTrace ? console.error(n.getError(t)) : console.error(t, ...e);
 	}
 }
-function Ji(...e) {
+function Xi(...e) {
 	let t = e.join(" ");
-	t in Gi || (Gi[t] = !0, H(...e));
+	t in qi || (qi[t] = !0, H(...e));
 }
-var Yi = class {
+var Zi = class {
 	addEventListener(e, t) {
 		this._listeners === void 0 && (this._listeners = {});
 		let n = this._listeners;
@@ -4401,20 +4424,20 @@ var Yi = class {
 	}
 }, W = /* @__PURE__ */ "00.01.02.03.04.05.06.07.08.09.0a.0b.0c.0d.0e.0f.10.11.12.13.14.15.16.17.18.19.1a.1b.1c.1d.1e.1f.20.21.22.23.24.25.26.27.28.29.2a.2b.2c.2d.2e.2f.30.31.32.33.34.35.36.37.38.39.3a.3b.3c.3d.3e.3f.40.41.42.43.44.45.46.47.48.49.4a.4b.4c.4d.4e.4f.50.51.52.53.54.55.56.57.58.59.5a.5b.5c.5d.5e.5f.60.61.62.63.64.65.66.67.68.69.6a.6b.6c.6d.6e.6f.70.71.72.73.74.75.76.77.78.79.7a.7b.7c.7d.7e.7f.80.81.82.83.84.85.86.87.88.89.8a.8b.8c.8d.8e.8f.90.91.92.93.94.95.96.97.98.99.9a.9b.9c.9d.9e.9f.a0.a1.a2.a3.a4.a5.a6.a7.a8.a9.aa.ab.ac.ad.ae.af.b0.b1.b2.b3.b4.b5.b6.b7.b8.b9.ba.bb.bc.bd.be.bf.c0.c1.c2.c3.c4.c5.c6.c7.c8.c9.ca.cb.cc.cd.ce.cf.d0.d1.d2.d3.d4.d5.d6.d7.d8.d9.da.db.dc.dd.de.df.e0.e1.e2.e3.e4.e5.e6.e7.e8.e9.ea.eb.ec.ed.ee.ef.f0.f1.f2.f3.f4.f5.f6.f7.f8.f9.fa.fb.fc.fd.fe.ff".split(".");
 Math.PI / 180, 180 / Math.PI;
-function Xi() {
+function Qi() {
 	let e = Math.random() * 4294967295 | 0, t = Math.random() * 4294967295 | 0, n = Math.random() * 4294967295 | 0, r = Math.random() * 4294967295 | 0;
 	return (W[e & 255] + W[e >> 8 & 255] + W[e >> 16 & 255] + W[e >> 24 & 255] + "-" + W[t & 255] + W[t >> 8 & 255] + "-" + W[t >> 16 & 15 | 64] + W[t >> 24 & 255] + "-" + W[n & 63 | 128] + W[n >> 8 & 255] + "-" + W[n >> 16 & 255] + W[n >> 24 & 255] + W[r & 255] + W[r >> 8 & 255] + W[r >> 16 & 255] + W[r >> 24 & 255]).toLowerCase();
 }
 function G(e, t, n) {
 	return Math.max(t, Math.min(n, e));
 }
-function Zi(e, t) {
+function $i(e, t) {
 	return (e % t + t) % t;
 }
-function Qi(e, t, n) {
+function ea(e, t, n) {
 	return (1 - n) * e + n * t;
 }
-var $i = class e {
+var ta = class e {
 	static {
 		e.prototype.isVector2 = !0;
 	}
@@ -4606,7 +4629,7 @@ var $i = class e {
 	*[Symbol.iterator]() {
 		yield this.x, yield this.y;
 	}
-}, ea = class {
+}, na = class {
 	constructor(e = 0, t = 0, n = 0, r = 1) {
 		this.isQuaternion = !0, this._x = e, this._y = t, this._z = n, this._w = r;
 	}
@@ -4876,10 +4899,10 @@ var $i = class e {
 		return this.x = e.x * t.x, this.y = e.y * t.y, this.z = e.z * t.z, this;
 	}
 	applyEuler(e) {
-		return this.applyQuaternion(na.setFromEuler(e));
+		return this.applyQuaternion(ia.setFromEuler(e));
 	}
 	applyAxisAngle(e, t) {
-		return this.applyQuaternion(na.setFromAxisAngle(e, t));
+		return this.applyQuaternion(ia.setFromAxisAngle(e, t));
 	}
 	applyMatrix3(e) {
 		let t = this.x, n = this.y, r = this.z, i = e.elements;
@@ -4981,10 +5004,10 @@ var $i = class e {
 		return this.copy(e).multiplyScalar(n);
 	}
 	projectOnPlane(e) {
-		return ta.copy(this).projectOnVector(e), this.sub(ta);
+		return ra.copy(this).projectOnVector(e), this.sub(ra);
 	}
 	reflect(e) {
-		return this.sub(ta.copy(e).multiplyScalar(2 * this.dot(e)));
+		return this.sub(ra.copy(e).multiplyScalar(2 * this.dot(e)));
 	}
 	angleTo(e) {
 		let t = Math.sqrt(this.lengthSq() * e.lengthSq());
@@ -5057,7 +5080,7 @@ var $i = class e {
 	*[Symbol.iterator]() {
 		yield this.x, yield this.y, yield this.z;
 	}
-}, ta = /*@__PURE__*/ new K(), na = /*@__PURE__*/ new ea(), ra = class e {
+}, ra = /*@__PURE__*/ new K(), ia = /*@__PURE__*/ new na(), aa = class e {
 	static {
 		e.prototype.isMatrix3 = !0;
 	}
@@ -5132,13 +5155,13 @@ var $i = class e {
 		return this.set(n * s, n * c, -n * (s * a + c * o) + a + e, -r * c, r * s, -r * (-c * a + s * o) + o + t, 0, 0, 1), this;
 	}
 	scale(e, t) {
-		return this.premultiply(ia.makeScale(e, t)), this;
+		return this.premultiply(oa.makeScale(e, t)), this;
 	}
 	rotate(e) {
-		return this.premultiply(ia.makeRotation(-e)), this;
+		return this.premultiply(oa.makeRotation(-e)), this;
 	}
 	translate(e, t) {
-		return this.premultiply(ia.makeTranslation(e, t)), this;
+		return this.premultiply(oa.makeTranslation(e, t)), this;
 	}
 	makeTranslation(e, t) {
 		return e.isVector2 ? this.set(1, 0, e.x, 0, 1, e.y, 0, 0, 1) : this.set(1, 0, e, 0, 1, t, 0, 0, 1), this;
@@ -5166,14 +5189,14 @@ var $i = class e {
 	clone() {
 		return new this.constructor().fromArray(this.elements);
 	}
-}, ia = /*@__PURE__*/ new ra(), aa = /*@__PURE__*/ new ra().set(.4123908, .3575843, .1804808, .212639, .7151687, .0721923, .0193308, .1191948, .9505322), oa = /*@__PURE__*/ new ra().set(3.2409699, -1.5373832, -.4986108, -.9692436, 1.8759675, .0415551, .0556301, -.203977, 1.0569715);
-function sa() {
+}, oa = /*@__PURE__*/ new aa(), sa = /*@__PURE__*/ new aa().set(.4123908, .3575843, .1804808, .212639, .7151687, .0721923, .0193308, .1191948, .9505322), ca = /*@__PURE__*/ new aa().set(3.2409699, -1.5373832, -.4986108, -.9692436, 1.8759675, .0415551, .0556301, -.203977, 1.0569715);
+function la() {
 	let e = {
 		enabled: !0,
-		workingColorSpace: zi,
+		workingColorSpace: Vi,
 		spaces: {},
 		convert: function(e, t, n) {
-			return this.enabled === !1 || t === n || !t || !n ? e : (this.spaces[t].transfer === "srgb" && (e.r = ca(e.r), e.g = ca(e.g), e.b = ca(e.b)), this.spaces[t].primaries !== this.spaces[n].primaries && (e.applyMatrix3(this.spaces[t].toXYZ), e.applyMatrix3(this.spaces[n].fromXYZ)), this.spaces[n].transfer === "srgb" && (e.r = la(e.r), e.g = la(e.g), e.b = la(e.b)), e);
+			return this.enabled === !1 || t === n || !t || !n ? e : (this.spaces[t].transfer === "srgb" && (e.r = ua(e.r), e.g = ua(e.g), e.b = ua(e.b)), this.spaces[t].primaries !== this.spaces[n].primaries && (e.applyMatrix3(this.spaces[t].toXYZ), e.applyMatrix3(this.spaces[n].fromXYZ)), this.spaces[n].transfer === "srgb" && (e.r = da(e.r), e.g = da(e.g), e.b = da(e.b)), e);
 		},
 		workingToColorSpace: function(e, t) {
 			return this.convert(e, this.workingColorSpace, t);
@@ -5185,7 +5208,7 @@ function sa() {
 			return this.spaces[e].primaries;
 		},
 		getTransfer: function(e) {
-			return e === "" ? Bi : this.spaces[e].transfer;
+			return e === "" ? Hi : this.spaces[e].transfer;
 		},
 		getToneMappingMode: function(e) {
 			return this.spaces[e].outputColorSpaceConfig.toneMappingMode || "standard";
@@ -5206,10 +5229,10 @@ function sa() {
 			return this.spaces[e].workingColorSpaceConfig.unpackColorSpace;
 		},
 		fromWorkingColorSpace: function(t, n) {
-			return Ji("ColorManagement: .fromWorkingColorSpace() has been renamed to .workingToColorSpace()."), e.workingToColorSpace(t, n);
+			return Xi("ColorManagement: .fromWorkingColorSpace() has been renamed to .workingToColorSpace()."), e.workingToColorSpace(t, n);
 		},
 		toWorkingColorSpace: function(t, n) {
-			return Ji("ColorManagement: .toWorkingColorSpace() has been renamed to .colorSpaceToWorking()."), e.colorSpaceToWorking(t, n);
+			return Xi("ColorManagement: .toWorkingColorSpace() has been renamed to .colorSpaceToWorking()."), e.colorSpaceToWorking(t, n);
 		}
 	}, t = [
 		.64,
@@ -5224,58 +5247,58 @@ function sa() {
 		.0722
 	], r = [.3127, .329];
 	return e.define({
-		[zi]: {
+		[Vi]: {
 			primaries: t,
 			whitePoint: r,
-			transfer: Bi,
-			toXYZ: aa,
-			fromXYZ: oa,
+			transfer: Hi,
+			toXYZ: sa,
+			fromXYZ: ca,
 			luminanceCoefficients: n,
-			workingColorSpaceConfig: { unpackColorSpace: Ri },
-			outputColorSpaceConfig: { drawingBufferColorSpace: Ri }
+			workingColorSpaceConfig: { unpackColorSpace: Bi },
+			outputColorSpaceConfig: { drawingBufferColorSpace: Bi }
 		},
-		[Ri]: {
+		[Bi]: {
 			primaries: t,
 			whitePoint: r,
-			transfer: Vi,
-			toXYZ: aa,
-			fromXYZ: oa,
+			transfer: Ui,
+			toXYZ: sa,
+			fromXYZ: ca,
 			luminanceCoefficients: n,
-			outputColorSpaceConfig: { drawingBufferColorSpace: Ri }
+			outputColorSpaceConfig: { drawingBufferColorSpace: Bi }
 		}
 	}), e;
 }
-var q = /*@__PURE__*/ sa();
-function ca(e) {
+var q = /*@__PURE__*/ la();
+function ua(e) {
 	return e < .04045 ? e * .0773993808 : (e * .9478672986 + .0521327014) ** 2.4;
 }
-function la(e) {
+function da(e) {
 	return e < .0031308 ? e * 12.92 : 1.055 * e ** .41666 - .055;
 }
-var ua, da = class {
+var fa, pa = class {
 	static getDataURL(e, t = "image/png") {
 		if (/^data:/i.test(e.src) || typeof HTMLCanvasElement > "u") return e.src;
 		let n;
 		if (e instanceof HTMLCanvasElement) n = e;
 		else {
-			ua === void 0 && (ua = Wi("canvas")), ua.width = e.width, ua.height = e.height;
-			let t = ua.getContext("2d");
-			e instanceof ImageData ? t.putImageData(e, 0, 0) : t.drawImage(e, 0, 0, e.width, e.height), n = ua;
+			fa === void 0 && (fa = Ki("canvas")), fa.width = e.width, fa.height = e.height;
+			let t = fa.getContext("2d");
+			e instanceof ImageData ? t.putImageData(e, 0, 0) : t.drawImage(e, 0, 0, e.width, e.height), n = fa;
 		}
 		return n.toDataURL(t);
 	}
 	static sRGBToLinear(e) {
 		if (typeof HTMLImageElement < "u" && e instanceof HTMLImageElement || typeof HTMLCanvasElement < "u" && e instanceof HTMLCanvasElement || typeof ImageBitmap < "u" && e instanceof ImageBitmap) {
-			let t = Wi("canvas");
+			let t = Ki("canvas");
 			t.width = e.width, t.height = e.height;
 			let n = t.getContext("2d");
 			n.drawImage(e, 0, 0, e.width, e.height);
 			let r = n.getImageData(0, 0, e.width, e.height), i = r.data;
-			for (let e = 0; e < i.length; e++) i[e] = ca(i[e] / 255) * 255;
+			for (let e = 0; e < i.length; e++) i[e] = ua(i[e] / 255) * 255;
 			return n.putImageData(r, 0, 0), t;
 		} else if (e.data) {
 			let t = e.data.slice(0);
-			for (let e = 0; e < t.length; e++) t instanceof Uint8Array || t instanceof Uint8ClampedArray ? t[e] = Math.floor(ca(t[e] / 255) * 255) : t[e] = ca(t[e]);
+			for (let e = 0; e < t.length; e++) t instanceof Uint8Array || t instanceof Uint8ClampedArray ? t[e] = Math.floor(ua(t[e] / 255) * 255) : t[e] = ua(t[e]);
 			return {
 				data: t,
 				width: e.width,
@@ -5283,9 +5306,9 @@ var ua, da = class {
 			};
 		} else return H("ImageUtils.sRGBToLinear(): Unsupported image type. No color space conversion applied."), e;
 	}
-}, fa = 0, pa = class {
+}, ma = 0, ha = class {
 	constructor(e = null) {
-		this.isSource = !0, Object.defineProperty(this, "id", { value: fa++ }), this.uuid = Xi(), this.data = e, this.dataReady = !0, this.version = 0;
+		this.isSource = !0, Object.defineProperty(this, "id", { value: ma++ }), this.uuid = Qi(), this.data = e, this.dataReady = !0, this.version = 0;
 	}
 	getSize(e) {
 		let t = this.data;
@@ -5305,33 +5328,33 @@ var ua, da = class {
 			let e;
 			if (Array.isArray(r)) {
 				e = [];
-				for (let t = 0, n = r.length; t < n; t++) r[t].isDataTexture ? e.push(ma(r[t].image)) : e.push(ma(r[t]));
-			} else e = ma(r);
+				for (let t = 0, n = r.length; t < n; t++) r[t].isDataTexture ? e.push(ga(r[t].image)) : e.push(ga(r[t]));
+			} else e = ga(r);
 			n.url = e;
 		}
 		return t || (e.images[this.uuid] = n), n;
 	}
 };
-function ma(e) {
-	return typeof HTMLImageElement < "u" && e instanceof HTMLImageElement || typeof HTMLCanvasElement < "u" && e instanceof HTMLCanvasElement || typeof ImageBitmap < "u" && e instanceof ImageBitmap ? da.getDataURL(e) : e.data ? {
+function ga(e) {
+	return typeof HTMLImageElement < "u" && e instanceof HTMLImageElement || typeof HTMLCanvasElement < "u" && e instanceof HTMLCanvasElement || typeof ImageBitmap < "u" && e instanceof ImageBitmap ? pa.getDataURL(e) : e.data ? {
 		data: Array.from(e.data),
 		width: e.width,
 		height: e.height,
 		type: e.data.constructor.name
 	} : (H("Texture: Unable to serialize Texture."), {});
 }
-var ha = 0, ga = /*@__PURE__*/ new K(), _a = class e extends Yi {
-	constructor(t = e.DEFAULT_IMAGE, n = e.DEFAULT_MAPPING, r = Ti, i = Ti, a = Di, o = Oi, s = Ai, c = ki, l = e.DEFAULT_ANISOTROPY, u = "") {
-		super(), this.isTexture = !0, Object.defineProperty(this, "id", { value: ha++ }), this.uuid = Xi(), this.name = "", this.source = new pa(t), this.mipmaps = [], this.mapping = n, this.channel = 0, this.wrapS = r, this.wrapT = i, this.magFilter = a, this.minFilter = o, this.anisotropy = l, this.format = s, this.internalFormat = null, this.type = c, this.offset = new $i(0, 0), this.repeat = new $i(1, 1), this.center = new $i(0, 0), this.rotation = 0, this.matrixAutoUpdate = !0, this.matrix = new ra(), this.generateMipmaps = !0, this.premultiplyAlpha = !1, this.flipY = !0, this.unpackAlignment = 4, this.colorSpace = u, this.userData = {}, this.updateRanges = [], this.version = 0, this.onUpdate = null, this.renderTarget = null, this.isRenderTargetTexture = !1, this.isArrayTexture = !!(t && t.depth && t.depth > 1), this.pmremVersion = 0, this.normalized = !1;
+var _a = 0, va = /*@__PURE__*/ new K(), ya = class e extends Zi {
+	constructor(t = e.DEFAULT_IMAGE, n = e.DEFAULT_MAPPING, r = Di, i = Di, a = ki, o = Ai, s = Mi, c = ji, l = e.DEFAULT_ANISOTROPY, u = "") {
+		super(), this.isTexture = !0, Object.defineProperty(this, "id", { value: _a++ }), this.uuid = Qi(), this.name = "", this.source = new ha(t), this.mipmaps = [], this.mapping = n, this.channel = 0, this.wrapS = r, this.wrapT = i, this.magFilter = a, this.minFilter = o, this.anisotropy = l, this.format = s, this.internalFormat = null, this.type = c, this.offset = new ta(0, 0), this.repeat = new ta(1, 1), this.center = new ta(0, 0), this.rotation = 0, this.matrixAutoUpdate = !0, this.matrix = new aa(), this.generateMipmaps = !0, this.premultiplyAlpha = !1, this.flipY = !0, this.unpackAlignment = 4, this.colorSpace = u, this.userData = {}, this.updateRanges = [], this.version = 0, this.onUpdate = null, this.renderTarget = null, this.isRenderTargetTexture = !1, this.isArrayTexture = !!(t && t.depth && t.depth > 1), this.pmremVersion = 0, this.normalized = !1;
 	}
 	get width() {
-		return this.source.getSize(ga).x;
+		return this.source.getSize(va).x;
 	}
 	get height() {
-		return this.source.getSize(ga).y;
+		return this.source.getSize(va).y;
 	}
 	get depth() {
-		return this.source.getSize(ga).z;
+		return this.source.getSize(va).z;
 	}
 	get image() {
 		return this.source.data;
@@ -5412,24 +5435,24 @@ var ha = 0, ga = /*@__PURE__*/ new K(), _a = class e extends Yi {
 	transformUv(e) {
 		if (this.mapping !== 300) return e;
 		if (e.applyMatrix3(this.matrix), e.x < 0 || e.x > 1) switch (this.wrapS) {
-			case wi:
+			case Ei:
 				e.x -= Math.floor(e.x);
 				break;
-			case Ti:
+			case Di:
 				e.x = e.x < 0 ? 0 : 1;
 				break;
-			case Ei:
+			case Oi:
 				Math.abs(Math.floor(e.x) % 2) === 1 ? e.x = Math.ceil(e.x) - e.x : e.x -= Math.floor(e.x);
 				break;
 		}
 		if (e.y < 0 || e.y > 1) switch (this.wrapT) {
-			case wi:
+			case Ei:
 				e.y -= Math.floor(e.y);
 				break;
-			case Ti:
+			case Di:
 				e.y = e.y < 0 ? 0 : 1;
 				break;
-			case Ei:
+			case Oi:
 				Math.abs(Math.floor(e.y) % 2) === 1 ? e.y = Math.ceil(e.y) - e.y : e.y -= Math.floor(e.y);
 				break;
 		}
@@ -5442,7 +5465,7 @@ var ha = 0, ga = /*@__PURE__*/ new K(), _a = class e extends Yi {
 		e === !0 && this.pmremVersion++;
 	}
 };
-_a.DEFAULT_IMAGE = null, _a.DEFAULT_MAPPING = 300, _a.DEFAULT_ANISOTROPY = 1, class e {
+ya.DEFAULT_IMAGE = null, ya.DEFAULT_MAPPING = 300, ya.DEFAULT_ANISOTROPY = 1, class e {
 	static {
 		e.prototype.isVector4 = !0;
 	}
@@ -5643,7 +5666,7 @@ _a.DEFAULT_IMAGE = null, _a.DEFAULT_MAPPING = 300, _a.DEFAULT_ANISOTROPY = 1, cl
 		yield this.x, yield this.y, yield this.z, yield this.w;
 	}
 };
-var va = class e {
+var ba = class e {
 	static {
 		e.prototype.isMatrix4 = !0;
 	}
@@ -5697,7 +5720,7 @@ var va = class e {
 	}
 	extractRotation(e) {
 		if (e.determinant() === 0) return this.identity();
-		let t = this.elements, n = e.elements, r = 1 / ya.setFromMatrixColumn(e, 0).length(), i = 1 / ya.setFromMatrixColumn(e, 1).length(), a = 1 / ya.setFromMatrixColumn(e, 2).length();
+		let t = this.elements, n = e.elements, r = 1 / xa.setFromMatrixColumn(e, 0).length(), i = 1 / xa.setFromMatrixColumn(e, 1).length(), a = 1 / xa.setFromMatrixColumn(e, 2).length();
 		return t[0] = n[0] * r, t[1] = n[1] * r, t[2] = n[2] * r, t[3] = 0, t[4] = n[4] * i, t[5] = n[5] * i, t[6] = n[6] * i, t[7] = 0, t[8] = n[8] * a, t[9] = n[9] * a, t[10] = n[10] * a, t[11] = 0, t[12] = 0, t[13] = 0, t[14] = 0, t[15] = 1, this;
 	}
 	makeRotationFromEuler(e) {
@@ -5724,11 +5747,11 @@ var va = class e {
 		return t[3] = 0, t[7] = 0, t[11] = 0, t[12] = 0, t[13] = 0, t[14] = 0, t[15] = 1, this;
 	}
 	makeRotationFromQuaternion(e) {
-		return this.compose(ba, e, xa);
+		return this.compose(Sa, e, Ca);
 	}
 	lookAt(e, t, n) {
 		let r = this.elements;
-		return Y.subVectors(e, t), Y.lengthSq() === 0 && (Y.z = 1), Y.normalize(), Sa.crossVectors(n, Y), Sa.lengthSq() === 0 && (Math.abs(n.z) === 1 ? Y.x += 1e-4 : Y.z += 1e-4, Y.normalize(), Sa.crossVectors(n, Y)), Sa.normalize(), Ca.crossVectors(Y, Sa), r[0] = Sa.x, r[4] = Ca.x, r[8] = Y.x, r[1] = Sa.y, r[5] = Ca.y, r[9] = Y.y, r[2] = Sa.z, r[6] = Ca.z, r[10] = Y.z, this;
+		return Y.subVectors(e, t), Y.lengthSq() === 0 && (Y.z = 1), Y.normalize(), wa.crossVectors(n, Y), wa.lengthSq() === 0 && (Math.abs(n.z) === 1 ? Y.x += 1e-4 : Y.z += 1e-4, Y.normalize(), wa.crossVectors(n, Y)), wa.normalize(), Ta.crossVectors(Y, wa), r[0] = wa.x, r[4] = Ta.x, r[8] = Y.x, r[1] = wa.y, r[5] = Ta.y, r[9] = Y.y, r[2] = wa.z, r[6] = Ta.z, r[10] = Y.z, this;
 	}
 	multiply(e) {
 		return this.multiplyMatrices(this, e);
@@ -5804,12 +5827,12 @@ var va = class e {
 		e.x = r[12], e.y = r[13], e.z = r[14];
 		let i = this.determinant();
 		if (i === 0) return n.set(1, 1, 1), t.identity(), this;
-		let a = ya.set(r[0], r[1], r[2]).length(), o = ya.set(r[4], r[5], r[6]).length(), s = ya.set(r[8], r[9], r[10]).length();
+		let a = xa.set(r[0], r[1], r[2]).length(), o = xa.set(r[4], r[5], r[6]).length(), s = xa.set(r[8], r[9], r[10]).length();
 		i < 0 && (a = -a), J.copy(this);
 		let c = 1 / a, l = 1 / o, u = 1 / s;
 		return J.elements[0] *= c, J.elements[1] *= c, J.elements[2] *= c, J.elements[4] *= l, J.elements[5] *= l, J.elements[6] *= l, J.elements[8] *= u, J.elements[9] *= u, J.elements[10] *= u, t.setFromRotationMatrix(J), n.x = a, n.y = o, n.z = s, this;
 	}
-	makePerspective(e, t, n, r, i, a, o = Hi, s = !1) {
+	makePerspective(e, t, n, r, i, a, o = Wi, s = !1) {
 		let c = this.elements, l = 2 * i / (t - e), u = 2 * i / (n - r), d = (t + e) / (t - e), f = (n + r) / (n - r), p, m;
 		if (s) p = i / (a - i), m = a * i / (a - i);
 		else if (o === 2e3) p = -(a + i) / (a - i), m = -2 * a * i / (a - i);
@@ -5817,7 +5840,7 @@ var va = class e {
 		else throw Error("THREE.Matrix4.makePerspective(): Invalid coordinate system: " + o);
 		return c[0] = l, c[4] = 0, c[8] = d, c[12] = 0, c[1] = 0, c[5] = u, c[9] = f, c[13] = 0, c[2] = 0, c[6] = 0, c[10] = p, c[14] = m, c[3] = 0, c[7] = 0, c[11] = -1, c[15] = 0, this;
 	}
-	makeOrthographic(e, t, n, r, i, a, o = Hi, s = !1) {
+	makeOrthographic(e, t, n, r, i, a, o = Wi, s = !1) {
 		let c = this.elements, l = 2 / (t - e), u = 2 / (n - r), d = -(t + e) / (t - e), f = -(n + r) / (n - r), p, m;
 		if (s) p = 1 / (a - i), m = a / (a - i);
 		else if (o === 2e3) p = -2 / (a - i), m = -(a + i) / (a - i);
@@ -5838,7 +5861,7 @@ var va = class e {
 		let n = this.elements;
 		return e[t] = n[0], e[t + 1] = n[1], e[t + 2] = n[2], e[t + 3] = n[3], e[t + 4] = n[4], e[t + 5] = n[5], e[t + 6] = n[6], e[t + 7] = n[7], e[t + 8] = n[8], e[t + 9] = n[9], e[t + 10] = n[10], e[t + 11] = n[11], e[t + 12] = n[12], e[t + 13] = n[13], e[t + 14] = n[14], e[t + 15] = n[15], e;
 	}
-}, ya = /*@__PURE__*/ new K(), J = /*@__PURE__*/ new va(), ba = /*@__PURE__*/ new K(0, 0, 0), xa = /*@__PURE__*/ new K(1, 1, 1), Sa = /*@__PURE__*/ new K(), Ca = /*@__PURE__*/ new K(), Y = /*@__PURE__*/ new K(), wa = /*@__PURE__*/ new va(), Ta = /*@__PURE__*/ new ea(), Ea = class e {
+}, xa = /*@__PURE__*/ new K(), J = /*@__PURE__*/ new ba(), Sa = /*@__PURE__*/ new K(0, 0, 0), Ca = /*@__PURE__*/ new K(1, 1, 1), wa = /*@__PURE__*/ new K(), Ta = /*@__PURE__*/ new K(), Y = /*@__PURE__*/ new K(), Ea = /*@__PURE__*/ new ba(), Da = /*@__PURE__*/ new na(), Oa = class e {
 	constructor(t = 0, n = 0, r = 0, i = e.DEFAULT_ORDER) {
 		this.isEuler = !0, this._x = t, this._y = n, this._z = r, this._order = i;
 	}
@@ -5901,13 +5924,13 @@ var va = class e {
 		return this._order = t, n === !0 && this._onChangeCallback(), this;
 	}
 	setFromQuaternion(e, t, n) {
-		return wa.makeRotationFromQuaternion(e), this.setFromRotationMatrix(wa, t, n);
+		return Ea.makeRotationFromQuaternion(e), this.setFromRotationMatrix(Ea, t, n);
 	}
 	setFromVector3(e, t = this._order) {
 		return this.set(e.x, e.y, e.z, t);
 	}
 	reorder(e) {
-		return Ta.setFromEuler(this), this.setFromQuaternion(Ta, e);
+		return Da.setFromEuler(this), this.setFromQuaternion(Da, e);
 	}
 	equals(e) {
 		return e._x === this._x && e._y === this._y && e._z === this._z && e._order === this._order;
@@ -5926,8 +5949,8 @@ var va = class e {
 		yield this._x, yield this._y, yield this._z, yield this._order;
 	}
 };
-Ea.DEFAULT_ORDER = "XYZ";
-var Da = class {
+Oa.DEFAULT_ORDER = "XYZ";
+var ka = class {
 	constructor() {
 		this.mask = 1;
 	}
@@ -5955,16 +5978,16 @@ var Da = class {
 	isEnabled(e) {
 		return (this.mask & (1 << e | 0)) != 0;
 	}
-}, Oa = 0, ka = /*@__PURE__*/ new K(), Aa = /*@__PURE__*/ new ea(), ja = /*@__PURE__*/ new va(), Ma = /*@__PURE__*/ new K(), Na = /*@__PURE__*/ new K(), Pa = /*@__PURE__*/ new K(), Fa = /*@__PURE__*/ new ea(), Ia = /*@__PURE__*/ new K(1, 0, 0), La = /*@__PURE__*/ new K(0, 1, 0), Ra = /*@__PURE__*/ new K(0, 0, 1), za = { type: "added" }, Ba = { type: "removed" }, Va = {
+}, Aa = 0, ja = /*@__PURE__*/ new K(), Ma = /*@__PURE__*/ new na(), Na = /*@__PURE__*/ new ba(), Pa = /*@__PURE__*/ new K(), Fa = /*@__PURE__*/ new K(), Ia = /*@__PURE__*/ new K(), La = /*@__PURE__*/ new na(), Ra = /*@__PURE__*/ new K(1, 0, 0), za = /*@__PURE__*/ new K(0, 1, 0), Ba = /*@__PURE__*/ new K(0, 0, 1), Va = { type: "added" }, Ha = { type: "removed" }, Ua = {
 	type: "childadded",
 	child: null
-}, Ha = {
+}, Wa = {
 	type: "childremoved",
 	child: null
-}, Ua = class e extends Yi {
+}, Ga = class e extends Zi {
 	constructor() {
-		super(), this.isObject3D = !0, Object.defineProperty(this, "id", { value: Oa++ }), this.uuid = Xi(), this.name = "", this.type = "Object3D", this.parent = null, this.children = [], this.up = e.DEFAULT_UP.clone();
-		let t = new K(), n = new Ea(), r = new ea(), i = new K(1, 1, 1);
+		super(), this.isObject3D = !0, Object.defineProperty(this, "id", { value: Aa++ }), this.uuid = Qi(), this.name = "", this.type = "Object3D", this.parent = null, this.children = [], this.up = e.DEFAULT_UP.clone();
+		let t = new K(), n = new Oa(), r = new na(), i = new K(1, 1, 1);
 		function a() {
 			r.setFromEuler(n, !1);
 		}
@@ -5992,9 +6015,9 @@ var Da = class {
 				enumerable: !0,
 				value: i
 			},
-			modelViewMatrix: { value: new va() },
-			normalMatrix: { value: new ra() }
-		}), this.matrix = new va(), this.matrixWorld = new va(), this.matrixAutoUpdate = e.DEFAULT_MATRIX_AUTO_UPDATE, this.matrixWorldAutoUpdate = e.DEFAULT_MATRIX_WORLD_AUTO_UPDATE, this.matrixWorldNeedsUpdate = !1, this.layers = new Da(), this.visible = !0, this.castShadow = !1, this.receiveShadow = !1, this.frustumCulled = !0, this.renderOrder = 0, this.animations = [], this.customDepthMaterial = void 0, this.customDistanceMaterial = void 0, this.static = !1, this.userData = {}, this.pivot = null;
+			modelViewMatrix: { value: new ba() },
+			normalMatrix: { value: new aa() }
+		}), this.matrix = new ba(), this.matrixWorld = new ba(), this.matrixAutoUpdate = e.DEFAULT_MATRIX_AUTO_UPDATE, this.matrixWorldAutoUpdate = e.DEFAULT_MATRIX_WORLD_AUTO_UPDATE, this.matrixWorldNeedsUpdate = !1, this.layers = new ka(), this.visible = !0, this.castShadow = !1, this.receiveShadow = !1, this.frustumCulled = !0, this.renderOrder = 0, this.animations = [], this.customDepthMaterial = void 0, this.customDistanceMaterial = void 0, this.static = !1, this.userData = {}, this.pivot = null;
 	}
 	onBeforeShadow() {}
 	onAfterShadow() {}
@@ -6019,49 +6042,49 @@ var Da = class {
 		this.quaternion.copy(e);
 	}
 	rotateOnAxis(e, t) {
-		return Aa.setFromAxisAngle(e, t), this.quaternion.multiply(Aa), this;
+		return Ma.setFromAxisAngle(e, t), this.quaternion.multiply(Ma), this;
 	}
 	rotateOnWorldAxis(e, t) {
-		return Aa.setFromAxisAngle(e, t), this.quaternion.premultiply(Aa), this;
+		return Ma.setFromAxisAngle(e, t), this.quaternion.premultiply(Ma), this;
 	}
 	rotateX(e) {
-		return this.rotateOnAxis(Ia, e);
+		return this.rotateOnAxis(Ra, e);
 	}
 	rotateY(e) {
-		return this.rotateOnAxis(La, e);
+		return this.rotateOnAxis(za, e);
 	}
 	rotateZ(e) {
-		return this.rotateOnAxis(Ra, e);
+		return this.rotateOnAxis(Ba, e);
 	}
 	translateOnAxis(e, t) {
-		return ka.copy(e).applyQuaternion(this.quaternion), this.position.add(ka.multiplyScalar(t)), this;
+		return ja.copy(e).applyQuaternion(this.quaternion), this.position.add(ja.multiplyScalar(t)), this;
 	}
 	translateX(e) {
-		return this.translateOnAxis(Ia, e);
+		return this.translateOnAxis(Ra, e);
 	}
 	translateY(e) {
-		return this.translateOnAxis(La, e);
+		return this.translateOnAxis(za, e);
 	}
 	translateZ(e) {
-		return this.translateOnAxis(Ra, e);
+		return this.translateOnAxis(Ba, e);
 	}
 	localToWorld(e) {
 		return this.updateWorldMatrix(!0, !1), e.applyMatrix4(this.matrixWorld);
 	}
 	worldToLocal(e) {
-		return this.updateWorldMatrix(!0, !1), e.applyMatrix4(ja.copy(this.matrixWorld).invert());
+		return this.updateWorldMatrix(!0, !1), e.applyMatrix4(Na.copy(this.matrixWorld).invert());
 	}
 	lookAt(e, t, n) {
-		e.isVector3 ? Ma.copy(e) : Ma.set(e, t, n);
+		e.isVector3 ? Pa.copy(e) : Pa.set(e, t, n);
 		let r = this.parent;
-		this.updateWorldMatrix(!0, !1), Na.setFromMatrixPosition(this.matrixWorld), this.isCamera || this.isLight ? ja.lookAt(Na, Ma, this.up) : ja.lookAt(Ma, Na, this.up), this.quaternion.setFromRotationMatrix(ja), r && (ja.extractRotation(r.matrixWorld), Aa.setFromRotationMatrix(ja), this.quaternion.premultiply(Aa.invert()));
+		this.updateWorldMatrix(!0, !1), Fa.setFromMatrixPosition(this.matrixWorld), this.isCamera || this.isLight ? Na.lookAt(Fa, Pa, this.up) : Na.lookAt(Pa, Fa, this.up), this.quaternion.setFromRotationMatrix(Na), r && (Na.extractRotation(r.matrixWorld), Ma.setFromRotationMatrix(Na), this.quaternion.premultiply(Ma.invert()));
 	}
 	add(e) {
 		if (arguments.length > 1) {
 			for (let e = 0; e < arguments.length; e++) this.add(arguments[e]);
 			return this;
 		}
-		return e === this ? (U("Object3D.add: object can't be added as a child of itself.", e), this) : (e && e.isObject3D ? (e.removeFromParent(), e.parent = this, this.children.push(e), e.dispatchEvent(za), Va.child = e, this.dispatchEvent(Va), Va.child = null) : U("Object3D.add: object not an instance of THREE.Object3D.", e), this);
+		return e === this ? (U("Object3D.add: object can't be added as a child of itself.", e), this) : (e && e.isObject3D ? (e.removeFromParent(), e.parent = this, this.children.push(e), e.dispatchEvent(Va), Ua.child = e, this.dispatchEvent(Ua), Ua.child = null) : U("Object3D.add: object not an instance of THREE.Object3D.", e), this);
 	}
 	remove(e) {
 		if (arguments.length > 1) {
@@ -6069,7 +6092,7 @@ var Da = class {
 			return this;
 		}
 		let t = this.children.indexOf(e);
-		return t !== -1 && (e.parent = null, this.children.splice(t, 1), e.dispatchEvent(Ba), Ha.child = e, this.dispatchEvent(Ha), Ha.child = null), this;
+		return t !== -1 && (e.parent = null, this.children.splice(t, 1), e.dispatchEvent(Ha), Wa.child = e, this.dispatchEvent(Wa), Wa.child = null), this;
 	}
 	removeFromParent() {
 		let e = this.parent;
@@ -6079,7 +6102,7 @@ var Da = class {
 		return this.remove(...this.children);
 	}
 	attach(e) {
-		return this.updateWorldMatrix(!0, !1), ja.copy(this.matrixWorld).invert(), e.parent !== null && (e.parent.updateWorldMatrix(!0, !1), ja.multiply(e.parent.matrixWorld)), e.applyMatrix4(ja), e.removeFromParent(), e.parent = this, this.children.push(e), e.updateWorldMatrix(!1, !0), e.dispatchEvent(za), Va.child = e, this.dispatchEvent(Va), Va.child = null, this;
+		return this.updateWorldMatrix(!0, !1), Na.copy(this.matrixWorld).invert(), e.parent !== null && (e.parent.updateWorldMatrix(!0, !1), Na.multiply(e.parent.matrixWorld)), e.applyMatrix4(Na), e.removeFromParent(), e.parent = this, this.children.push(e), e.updateWorldMatrix(!1, !0), e.dispatchEvent(Va), Ua.child = e, this.dispatchEvent(Ua), Ua.child = null, this;
 	}
 	getObjectById(e) {
 		return this.getObjectByProperty("id", e);
@@ -6104,10 +6127,10 @@ var Da = class {
 		return this.updateWorldMatrix(!0, !1), e.setFromMatrixPosition(this.matrixWorld);
 	}
 	getWorldQuaternion(e) {
-		return this.updateWorldMatrix(!0, !1), this.matrixWorld.decompose(Na, e, Pa), e;
+		return this.updateWorldMatrix(!0, !1), this.matrixWorld.decompose(Fa, e, Ia), e;
 	}
 	getWorldScale(e) {
-		return this.updateWorldMatrix(!0, !1), this.matrixWorld.decompose(Na, Fa, e), e;
+		return this.updateWorldMatrix(!0, !1), this.matrixWorld.decompose(Fa, La, e), e;
 	}
 	getWorldDirection(e) {
 		this.updateWorldMatrix(!0, !1);
@@ -6230,8 +6253,8 @@ var Da = class {
 		return this;
 	}
 };
-Ua.DEFAULT_UP = /*@__PURE__*/ new K(0, 1, 0), Ua.DEFAULT_MATRIX_AUTO_UPDATE = !0, Ua.DEFAULT_MATRIX_WORLD_AUTO_UPDATE = !0;
-var Wa = {
+Ga.DEFAULT_UP = /*@__PURE__*/ new K(0, 1, 0), Ga.DEFAULT_MATRIX_AUTO_UPDATE = !0, Ga.DEFAULT_MATRIX_WORLD_AUTO_UPDATE = !0;
+var Ka = {
 	aliceblue: 15792383,
 	antiquewhite: 16444375,
 	aqua: 65535,
@@ -6380,19 +6403,19 @@ var Wa = {
 	whitesmoke: 16119285,
 	yellow: 16776960,
 	yellowgreen: 10145074
-}, Ga = {
+}, qa = {
 	h: 0,
 	s: 0,
 	l: 0
-}, Ka = {
+}, Ja = {
 	h: 0,
 	s: 0,
 	l: 0
 };
-function qa(e, t, n) {
+function Ya(e, t, n) {
 	return n < 0 && (n += 1), n > 1 && --n, n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * 6 * (2 / 3 - n) : e;
 }
-var Ja = class {
+var Xa = class {
 	constructor(e, t, n) {
 		return this.isColor = !0, this.r = 1, this.g = 1, this.b = 1, this.set(e, t, n);
 	}
@@ -6406,21 +6429,21 @@ var Ja = class {
 	setScalar(e) {
 		return this.r = e, this.g = e, this.b = e, this;
 	}
-	setHex(e, t = Ri) {
+	setHex(e, t = Bi) {
 		return e = Math.floor(e), this.r = (e >> 16 & 255) / 255, this.g = (e >> 8 & 255) / 255, this.b = (e & 255) / 255, q.colorSpaceToWorking(this, t), this;
 	}
 	setRGB(e, t, n, r = q.workingColorSpace) {
 		return this.r = e, this.g = t, this.b = n, q.colorSpaceToWorking(this, r), this;
 	}
 	setHSL(e, t, n, r = q.workingColorSpace) {
-		if (e = Zi(e, 1), t = G(t, 0, 1), n = G(n, 0, 1), t === 0) this.r = this.g = this.b = n;
+		if (e = $i(e, 1), t = G(t, 0, 1), n = G(n, 0, 1), t === 0) this.r = this.g = this.b = n;
 		else {
 			let r = n <= .5 ? n * (1 + t) : n + t - n * t, i = 2 * n - r;
-			this.r = qa(i, r, e + 1 / 3), this.g = qa(i, r, e), this.b = qa(i, r, e - 1 / 3);
+			this.r = Ya(i, r, e + 1 / 3), this.g = Ya(i, r, e), this.b = Ya(i, r, e - 1 / 3);
 		}
 		return q.colorSpaceToWorking(this, r), this;
 	}
-	setStyle(e, t = Ri) {
+	setStyle(e, t = Bi) {
 		function n(t) {
 			t !== void 0 && parseFloat(t) < 1 && H("Color: Alpha component of " + e + " will be ignored.");
 		}
@@ -6447,8 +6470,8 @@ var Ja = class {
 		} else if (e && e.length > 0) return this.setColorName(e, t);
 		return this;
 	}
-	setColorName(e, t = Ri) {
-		let n = Wa[e.toLowerCase()];
+	setColorName(e, t = Bi) {
+		let n = Ka[e.toLowerCase()];
 		return n === void 0 ? H("Color: Unknown color " + e) : this.setHex(n, t), this;
 	}
 	clone() {
@@ -6458,10 +6481,10 @@ var Ja = class {
 		return this.r = e.r, this.g = e.g, this.b = e.b, this;
 	}
 	copySRGBToLinear(e) {
-		return this.r = ca(e.r), this.g = ca(e.g), this.b = ca(e.b), this;
+		return this.r = ua(e.r), this.g = ua(e.g), this.b = ua(e.b), this;
 	}
 	copyLinearToSRGB(e) {
-		return this.r = la(e.r), this.g = la(e.g), this.b = la(e.b), this;
+		return this.r = da(e.r), this.g = da(e.g), this.b = da(e.b), this;
 	}
 	convertSRGBToLinear() {
 		return this.copySRGBToLinear(this), this;
@@ -6469,10 +6492,10 @@ var Ja = class {
 	convertLinearToSRGB() {
 		return this.copyLinearToSRGB(this), this;
 	}
-	getHex(e = Ri) {
+	getHex(e = Bi) {
 		return q.workingToColorSpace(X.copy(this), e), Math.round(G(X.r * 255, 0, 255)) * 65536 + Math.round(G(X.g * 255, 0, 255)) * 256 + Math.round(G(X.b * 255, 0, 255));
 	}
-	getHexString(e = Ri) {
+	getHexString(e = Bi) {
 		return ("000000" + this.getHex(e).toString(16)).slice(-6);
 	}
 	getHSL(e, t = q.workingColorSpace) {
@@ -6499,13 +6522,13 @@ var Ja = class {
 	getRGB(e, t = q.workingColorSpace) {
 		return q.workingToColorSpace(X.copy(this), t), e.r = X.r, e.g = X.g, e.b = X.b, e;
 	}
-	getStyle(e = Ri) {
+	getStyle(e = Bi) {
 		q.workingToColorSpace(X.copy(this), e);
 		let t = X.r, n = X.g, r = X.b;
 		return e === "srgb" ? `rgb(${Math.round(t * 255)},${Math.round(n * 255)},${Math.round(r * 255)})` : `color(${e} ${t.toFixed(3)} ${n.toFixed(3)} ${r.toFixed(3)})`;
 	}
 	offsetHSL(e, t, n) {
-		return this.getHSL(Ga), this.setHSL(Ga.h + e, Ga.s + t, Ga.l + n);
+		return this.getHSL(qa), this.setHSL(qa.h + e, qa.s + t, qa.l + n);
 	}
 	add(e) {
 		return this.r += e.r, this.g += e.g, this.b += e.b, this;
@@ -6532,8 +6555,8 @@ var Ja = class {
 		return this.r = e.r + (t.r - e.r) * n, this.g = e.g + (t.g - e.g) * n, this.b = e.b + (t.b - e.b) * n, this;
 	}
 	lerpHSL(e, t) {
-		this.getHSL(Ga), e.getHSL(Ka);
-		let n = Qi(Ga.h, Ka.h, t), r = Qi(Ga.s, Ka.s, t), i = Qi(Ga.l, Ka.l, t);
+		this.getHSL(qa), e.getHSL(Ja);
+		let n = ea(qa.h, Ja.h, t), r = ea(qa.s, Ja.s, t), i = ea(qa.l, Ja.l, t);
 		return this.setHSL(n, r, i), this;
 	}
 	setFromVector3(e) {
@@ -6561,9 +6584,9 @@ var Ja = class {
 	*[Symbol.iterator]() {
 		yield this.r, yield this.g, yield this.b;
 	}
-}, X = /*@__PURE__*/ new Ja();
-Ja.NAMES = Wa;
-var Ya = class {
+}, X = /*@__PURE__*/ new Xa();
+Xa.NAMES = Ka;
+var Za = class {
 	constructor(e = new K(Infinity, Infinity, Infinity), t = new K(-Infinity, -Infinity, -Infinity)) {
 		this.isBox3 = !0, this.min = e, this.max = t;
 	}
@@ -6625,7 +6648,7 @@ var Ya = class {
 		if (n !== void 0) {
 			let r = n.getAttribute("position");
 			if (t === !0 && r !== void 0 && e.isInstancedMesh !== !0) for (let t = 0, n = r.count; t < n; t++) e.isMesh === !0 ? e.getVertexPosition(t, Z) : Z.fromBufferAttribute(r, t), Z.applyMatrix4(e.matrixWorld), this.expandByPoint(Z);
-			else e.boundingBox === void 0 ? (n.boundingBox === null && n.computeBoundingBox(), Za.copy(n.boundingBox)) : (e.boundingBox === null && e.computeBoundingBox(), Za.copy(e.boundingBox)), Za.applyMatrix4(e.matrixWorld), this.union(Za);
+			else e.boundingBox === void 0 ? (n.boundingBox === null && n.computeBoundingBox(), $a.copy(n.boundingBox)) : (e.boundingBox === null && e.computeBoundingBox(), $a.copy(e.boundingBox)), $a.applyMatrix4(e.matrixWorld), this.union($a);
 		}
 		let r = e.children;
 		for (let e = 0, n = r.length; e < n; e++) this.expandByObject(r[e], t);
@@ -6652,37 +6675,37 @@ var Ya = class {
 	}
 	intersectsTriangle(e) {
 		if (this.isEmpty()) return !1;
-		this.getCenter(io), ao.subVectors(this.max, io), Qa.subVectors(e.a, io), $a.subVectors(e.b, io), eo.subVectors(e.c, io), to.subVectors($a, Qa), no.subVectors(eo, $a), ro.subVectors(Qa, eo);
+		this.getCenter(oo), so.subVectors(this.max, oo), eo.subVectors(e.a, oo), to.subVectors(e.b, oo), no.subVectors(e.c, oo), ro.subVectors(to, eo), io.subVectors(no, to), ao.subVectors(eo, no);
 		let t = [
-			0,
-			-to.z,
-			to.y,
-			0,
-			-no.z,
-			no.y,
 			0,
 			-ro.z,
 			ro.y,
-			to.z,
 			0,
-			-to.x,
-			no.z,
+			-io.z,
+			io.y,
 			0,
-			-no.x,
+			-ao.z,
+			ao.y,
 			ro.z,
 			0,
 			-ro.x,
-			-to.y,
-			to.x,
+			io.z,
 			0,
-			-no.y,
-			no.x,
+			-io.x,
+			ao.z,
 			0,
+			-ao.x,
 			-ro.y,
 			ro.x,
+			0,
+			-io.y,
+			io.x,
+			0,
+			-ao.y,
+			ao.x,
 			0
 		];
-		return !co(t, Qa, $a, eo, ao) || (t = [
+		return !uo(t, eo, to, no, so) || (t = [
 			1,
 			0,
 			0,
@@ -6692,11 +6715,11 @@ var Ya = class {
 			0,
 			0,
 			1
-		], !co(t, Qa, $a, eo, ao)) ? !1 : (oo.crossVectors(to, no), t = [
-			oo.x,
-			oo.y,
-			oo.z
-		], co(t, Qa, $a, eo, ao));
+		], !uo(t, eo, to, no, so)) ? !1 : (co.crossVectors(ro, io), t = [
+			co.x,
+			co.y,
+			co.z
+		], uo(t, eo, to, no, so));
 	}
 	clampPoint(e, t) {
 		return t.copy(e).clamp(this.min, this.max);
@@ -6714,7 +6737,7 @@ var Ya = class {
 		return this.min.min(e.min), this.max.max(e.max), this;
 	}
 	applyMatrix4(e) {
-		return this.isEmpty() ? this : (Xa[0].set(this.min.x, this.min.y, this.min.z).applyMatrix4(e), Xa[1].set(this.min.x, this.min.y, this.max.z).applyMatrix4(e), Xa[2].set(this.min.x, this.max.y, this.min.z).applyMatrix4(e), Xa[3].set(this.min.x, this.max.y, this.max.z).applyMatrix4(e), Xa[4].set(this.max.x, this.min.y, this.min.z).applyMatrix4(e), Xa[5].set(this.max.x, this.min.y, this.max.z).applyMatrix4(e), Xa[6].set(this.max.x, this.max.y, this.min.z).applyMatrix4(e), Xa[7].set(this.max.x, this.max.y, this.max.z).applyMatrix4(e), this.setFromPoints(Xa), this);
+		return this.isEmpty() ? this : (Qa[0].set(this.min.x, this.min.y, this.min.z).applyMatrix4(e), Qa[1].set(this.min.x, this.min.y, this.max.z).applyMatrix4(e), Qa[2].set(this.min.x, this.max.y, this.min.z).applyMatrix4(e), Qa[3].set(this.min.x, this.max.y, this.max.z).applyMatrix4(e), Qa[4].set(this.max.x, this.min.y, this.min.z).applyMatrix4(e), Qa[5].set(this.max.x, this.min.y, this.max.z).applyMatrix4(e), Qa[6].set(this.max.x, this.max.y, this.min.z).applyMatrix4(e), Qa[7].set(this.max.x, this.max.y, this.max.z).applyMatrix4(e), this.setFromPoints(Qa), this);
 	}
 	translate(e) {
 		return this.min.add(e), this.max.add(e), this;
@@ -6731,7 +6754,7 @@ var Ya = class {
 	fromJSON(e) {
 		return this.min.fromArray(e.min), this.max.fromArray(e.max), this;
 	}
-}, Xa = [
+}, Qa = [
 	/*@__PURE__*/ new K(),
 	/*@__PURE__*/ new K(),
 	/*@__PURE__*/ new K(),
@@ -6740,19 +6763,19 @@ var Ya = class {
 	/*@__PURE__*/ new K(),
 	/*@__PURE__*/ new K(),
 	/*@__PURE__*/ new K()
-], Z = /*@__PURE__*/ new K(), Za = /*@__PURE__*/ new Ya(), Qa = /*@__PURE__*/ new K(), $a = /*@__PURE__*/ new K(), eo = /*@__PURE__*/ new K(), to = /*@__PURE__*/ new K(), no = /*@__PURE__*/ new K(), ro = /*@__PURE__*/ new K(), io = /*@__PURE__*/ new K(), ao = /*@__PURE__*/ new K(), oo = /*@__PURE__*/ new K(), so = /*@__PURE__*/ new K();
-function co(e, t, n, r, i) {
+], Z = /*@__PURE__*/ new K(), $a = /*@__PURE__*/ new Za(), eo = /*@__PURE__*/ new K(), to = /*@__PURE__*/ new K(), no = /*@__PURE__*/ new K(), ro = /*@__PURE__*/ new K(), io = /*@__PURE__*/ new K(), ao = /*@__PURE__*/ new K(), oo = /*@__PURE__*/ new K(), so = /*@__PURE__*/ new K(), co = /*@__PURE__*/ new K(), lo = /*@__PURE__*/ new K();
+function uo(e, t, n, r, i) {
 	for (let a = 0, o = e.length - 3; a <= o; a += 3) {
-		so.fromArray(e, a);
-		let o = i.x * Math.abs(so.x) + i.y * Math.abs(so.y) + i.z * Math.abs(so.z), s = t.dot(so), c = n.dot(so), l = r.dot(so);
+		lo.fromArray(e, a);
+		let o = i.x * Math.abs(lo.x) + i.y * Math.abs(lo.y) + i.z * Math.abs(lo.z), s = t.dot(lo), c = n.dot(lo), l = r.dot(lo);
 		if (Math.max(-Math.max(s, c, l), Math.min(s, c, l)) > o) return !1;
 	}
 	return !0;
 }
-function lo(e, t) {
+function fo(e, t) {
 	return !e || e.constructor === t ? e : typeof t.BYTES_PER_ELEMENT == "number" ? new t(e) : Array.prototype.slice.call(e);
 }
-var uo = class {
+var po = class {
 	constructor(e, t, n, r) {
 		this.parameterPositions = e, this._cachedIndex = 0, this.resultBuffer = r === void 0 ? new t.constructor(n) : r, this.sampleValues = t, this.valueSize = n, this.settings = null, this.DefaultSettings_ = {};
 	}
@@ -6810,29 +6833,29 @@ var uo = class {
 		throw Error("call to abstract method");
 	}
 	intervalChanged_() {}
-}, fo = class extends uo {
+}, mo = class extends po {
 	constructor(e, t, n, r) {
 		super(e, t, n, r), this._weightPrev = -0, this._offsetPrev = -0, this._weightNext = -0, this._offsetNext = -0, this.DefaultSettings_ = {
-			endingStart: Fi,
-			endingEnd: Fi
+			endingStart: Li,
+			endingEnd: Li
 		};
 	}
 	intervalChanged_(e, t, n) {
 		let r = this.parameterPositions, i = e - 2, a = e + 1, o = r[i], s = r[a];
 		if (o === void 0) switch (this.getSettings_().endingStart) {
-			case Ii:
+			case Ri:
 				i = e, o = 2 * t - n;
 				break;
-			case Li:
+			case zi:
 				i = r.length - 2, o = t + r[i] - r[i + 1];
 				break;
 			default: i = e, o = n;
 		}
 		if (s === void 0) switch (this.getSettings_().endingEnd) {
-			case Ii:
+			case Ri:
 				a = e, s = 2 * n - t;
 				break;
-			case Li:
+			case zi:
 				a = 1, s = n + r[1] - r[0];
 				break;
 			default: a = e - 1, s = t;
@@ -6845,7 +6868,7 @@ var uo = class {
 		for (let e = 0; e !== o; ++e) i[e] = g * a[l + e] + _ * a[c + e] + v * a[s + e] + y * a[u + e];
 		return i;
 	}
-}, po = class extends uo {
+}, ho = class extends po {
 	constructor(e, t, n, r) {
 		super(e, t, n, r);
 	}
@@ -6854,14 +6877,14 @@ var uo = class {
 		for (let e = 0; e !== o; ++e) i[e] = a[c + e] * u + a[s + e] * l;
 		return i;
 	}
-}, mo = class extends uo {
+}, go = class extends po {
 	constructor(e, t, n, r) {
 		super(e, t, n, r);
 	}
 	interpolate_(e) {
 		return this.copySampleValue_(e - 1);
 	}
-}, ho = class extends uo {
+}, _o = class extends po {
 	interpolate_(e, t, n, r) {
 		let i = this.resultBuffer, a = this.sampleValues, o = this.valueSize, s = e * o, c = s - o, l = this.settings || this.DefaultSettings_, u = l.inTangents, d = l.outTangents;
 		if (!u || !d) {
@@ -6884,11 +6907,11 @@ var uo = class {
 		}
 		return i;
 	}
-}, go = class {
+}, vo = class {
 	constructor(e, t, n, r) {
 		if (e === void 0) throw Error("THREE.KeyframeTrack: track name is undefined");
 		if (t === void 0 || t.length === 0) throw Error("THREE.KeyframeTrack: no keyframes in track named " + e);
-		this.name = e, this.times = lo(t, this.TimeBufferType), this.values = lo(n, this.ValueBufferType), this.setInterpolation(r || this.DefaultInterpolation);
+		this.name = e, this.times = fo(t, this.TimeBufferType), this.values = fo(n, this.ValueBufferType), this.setInterpolation(r || this.DefaultInterpolation);
 	}
 	static toJSON(e) {
 		let t = e.constructor, n;
@@ -6896,8 +6919,8 @@ var uo = class {
 		else {
 			n = {
 				name: e.name,
-				times: lo(e.times, Array),
-				values: lo(e.values, Array)
+				times: fo(e.times, Array),
+				values: fo(e.values, Array)
 			};
 			let t = e.getInterpolation();
 			t !== e.DefaultInterpolation && (n.interpolation = t);
@@ -6905,31 +6928,31 @@ var uo = class {
 		return n.type = e.ValueTypeName, n;
 	}
 	InterpolantFactoryMethodDiscrete(e) {
-		return new mo(this.times, this.values, this.getValueSize(), e);
+		return new go(this.times, this.values, this.getValueSize(), e);
 	}
 	InterpolantFactoryMethodLinear(e) {
-		return new po(this.times, this.values, this.getValueSize(), e);
+		return new ho(this.times, this.values, this.getValueSize(), e);
 	}
 	InterpolantFactoryMethodSmooth(e) {
-		return new fo(this.times, this.values, this.getValueSize(), e);
+		return new mo(this.times, this.values, this.getValueSize(), e);
 	}
 	InterpolantFactoryMethodBezier(e) {
-		let t = new ho(this.times, this.values, this.getValueSize(), e);
+		let t = new _o(this.times, this.values, this.getValueSize(), e);
 		return this.settings && (t.settings = this.settings), t;
 	}
 	setInterpolation(e) {
 		let t;
 		switch (e) {
-			case ji:
+			case Ni:
 				t = this.InterpolantFactoryMethodDiscrete;
 				break;
-			case Mi:
+			case Pi:
 				t = this.InterpolantFactoryMethodLinear;
 				break;
-			case Ni:
+			case Fi:
 				t = this.InterpolantFactoryMethodSmooth;
 				break;
-			case Pi:
+			case Ii:
 				t = this.InterpolantFactoryMethodBezier;
 				break;
 		}
@@ -6943,10 +6966,10 @@ var uo = class {
 	}
 	getInterpolation() {
 		switch (this.createInterpolant) {
-			case this.InterpolantFactoryMethodDiscrete: return ji;
-			case this.InterpolantFactoryMethodLinear: return Mi;
-			case this.InterpolantFactoryMethodSmooth: return Ni;
-			case this.InterpolantFactoryMethodBezier: return Pi;
+			case this.InterpolantFactoryMethodDiscrete: return Ni;
+			case this.InterpolantFactoryMethodLinear: return Pi;
+			case this.InterpolantFactoryMethodSmooth: return Fi;
+			case this.InterpolantFactoryMethodBezier: return Ii;
 		}
 	}
 	getValueSize() {
@@ -6995,7 +7018,7 @@ var uo = class {
 			}
 			a = r;
 		}
-		if (r !== void 0 && Ui(r)) for (let t = 0, n = r.length; t !== n; ++t) {
+		if (r !== void 0 && Gi(r)) for (let t = 0, n = r.length; t !== n; ++t) {
 			let n = r[t];
 			if (isNaN(n)) {
 				U("KeyframeTrack: Value is not a valid number.", this, t, n), e = !1;
@@ -7005,7 +7028,7 @@ var uo = class {
 		return e;
 	}
 	optimize() {
-		let e = this.times.slice(), t = this.values.slice(), n = this.getValueSize(), r = this.getInterpolation() === Ni, i = e.length - 1, a = 1;
+		let e = this.times.slice(), t = this.values.slice(), n = this.getValueSize(), r = this.getInterpolation() === Fi, i = e.length - 1, a = 1;
 		for (let o = 1; o < i; ++o) {
 			let i = !1, s = e[o];
 			if (s !== e[o + 1] && (o !== 1 || s !== e[0])) if (r) i = !0;
@@ -7040,56 +7063,56 @@ var uo = class {
 		return r.createInterpolant = this.createInterpolant, r;
 	}
 };
-go.prototype.ValueTypeName = "", go.prototype.TimeBufferType = Float32Array, go.prototype.ValueBufferType = Float32Array, go.prototype.DefaultInterpolation = Mi;
-var _o = class extends go {
+vo.prototype.ValueTypeName = "", vo.prototype.TimeBufferType = Float32Array, vo.prototype.ValueBufferType = Float32Array, vo.prototype.DefaultInterpolation = Pi;
+var yo = class extends vo {
 	constructor(e, t, n) {
 		super(e, t, n);
 	}
 };
-_o.prototype.ValueTypeName = "bool", _o.prototype.ValueBufferType = Array, _o.prototype.DefaultInterpolation = ji, _o.prototype.InterpolantFactoryMethodLinear = void 0, _o.prototype.InterpolantFactoryMethodSmooth = void 0;
-var vo = class extends go {
+yo.prototype.ValueTypeName = "bool", yo.prototype.ValueBufferType = Array, yo.prototype.DefaultInterpolation = Ni, yo.prototype.InterpolantFactoryMethodLinear = void 0, yo.prototype.InterpolantFactoryMethodSmooth = void 0;
+var bo = class extends vo {
 	constructor(e, t, n, r) {
 		super(e, t, n, r);
 	}
 };
-vo.prototype.ValueTypeName = "color";
-var yo = class extends go {
+bo.prototype.ValueTypeName = "color";
+var xo = class extends vo {
 	constructor(e, t, n, r) {
 		super(e, t, n, r);
 	}
 };
-yo.prototype.ValueTypeName = "number";
-var bo = class extends uo {
+xo.prototype.ValueTypeName = "number";
+var So = class extends po {
 	constructor(e, t, n, r) {
 		super(e, t, n, r);
 	}
 	interpolate_(e, t, n, r) {
 		let i = this.resultBuffer, a = this.sampleValues, o = this.valueSize, s = (n - t) / (r - t), c = e * o;
-		for (let e = c + o; c !== e; c += 4) ea.slerpFlat(i, 0, a, c - o, a, c, s);
+		for (let e = c + o; c !== e; c += 4) na.slerpFlat(i, 0, a, c - o, a, c, s);
 		return i;
 	}
-}, xo = class extends go {
+}, Co = class extends vo {
 	constructor(e, t, n, r) {
 		super(e, t, n, r);
 	}
 	InterpolantFactoryMethodLinear(e) {
-		return new bo(this.times, this.values, this.getValueSize(), e);
+		return new So(this.times, this.values, this.getValueSize(), e);
 	}
 };
-xo.prototype.ValueTypeName = "quaternion", xo.prototype.InterpolantFactoryMethodSmooth = void 0;
-var So = class extends go {
+Co.prototype.ValueTypeName = "quaternion", Co.prototype.InterpolantFactoryMethodSmooth = void 0;
+var wo = class extends vo {
 	constructor(e, t, n) {
 		super(e, t, n);
 	}
 };
-So.prototype.ValueTypeName = "string", So.prototype.ValueBufferType = Array, So.prototype.DefaultInterpolation = ji, So.prototype.InterpolantFactoryMethodLinear = void 0, So.prototype.InterpolantFactoryMethodSmooth = void 0;
-var Co = class extends go {
+wo.prototype.ValueTypeName = "string", wo.prototype.ValueBufferType = Array, wo.prototype.DefaultInterpolation = Ni, wo.prototype.InterpolantFactoryMethodLinear = void 0, wo.prototype.InterpolantFactoryMethodSmooth = void 0;
+var To = class extends vo {
 	constructor(e, t, n, r) {
 		super(e, t, n, r);
 	}
 };
-Co.prototype.ValueTypeName = "vector";
-var wo = /*@__PURE__*/ new class {
+To.prototype.ValueTypeName = "vector";
+var Eo = /*@__PURE__*/ new class {
 	constructor(e, t, n) {
 		let r = this, i = !1, a = 0, o = 0, s, c = [];
 		this.onStart = void 0, this.onLoad = e, this.onProgress = t, this.onError = n, this._abortController = null, this.itemStart = function(e) {
@@ -7120,9 +7143,9 @@ var wo = /*@__PURE__*/ new class {
 	get abortController() {
 		return this._abortController ||= new AbortController(), this._abortController;
 	}
-}(), To = class {
+}(), Do = class {
 	constructor(e) {
-		this.manager = e === void 0 ? wo : e, this.crossOrigin = "anonymous", this.withCredentials = !1, this.path = "", this.resourcePath = "", this.requestHeader = {}, typeof __THREE_DEVTOOLS__ < "u" && __THREE_DEVTOOLS__.dispatchEvent(new CustomEvent("observe", { detail: this }));
+		this.manager = e === void 0 ? Eo : e, this.crossOrigin = "anonymous", this.withCredentials = !1, this.path = "", this.resourcePath = "", this.requestHeader = {}, typeof __THREE_DEVTOOLS__ < "u" && __THREE_DEVTOOLS__.dispatchEvent(new CustomEvent("observe", { detail: this }));
 	}
 	load() {}
 	loadAsync(e, t) {
@@ -7151,13 +7174,13 @@ var wo = /*@__PURE__*/ new class {
 		return this;
 	}
 };
-To.DEFAULT_MATERIAL_NAME = "__DEFAULT";
-var Eo = "\\[\\]\\.:\\/", Do = /* @__PURE__ */ RegExp("[\\[\\]\\.:\\/]", "g"), Oo = "[^\\[\\]\\.:\\/]", ko = "[^" + Eo.replace("\\.", "") + "]", Ao = /*@__PURE__*/ "((?:WC+[\\/:])*)".replace("WC", Oo), jo = /*@__PURE__*/ "(WCOD+)?".replace("WCOD", ko), Mo = /*@__PURE__*/ "(?:\\.(WC+)(?:\\[(.+)\\])?)?".replace("WC", Oo), No = /*@__PURE__*/ "\\.(WC+)(?:\\[(.+)\\])?".replace("WC", Oo), Po = RegExp("^" + Ao + jo + Mo + No + "$"), Fo = [
+Do.DEFAULT_MATERIAL_NAME = "__DEFAULT";
+var Oo = "\\[\\]\\.:\\/", ko = /* @__PURE__ */ RegExp("[\\[\\]\\.:\\/]", "g"), Ao = "[^\\[\\]\\.:\\/]", jo = "[^" + Oo.replace("\\.", "") + "]", Mo = /*@__PURE__*/ "((?:WC+[\\/:])*)".replace("WC", Ao), No = /*@__PURE__*/ "(WCOD+)?".replace("WCOD", jo), Po = /*@__PURE__*/ "(?:\\.(WC+)(?:\\[(.+)\\])?)?".replace("WC", Ao), Fo = /*@__PURE__*/ "\\.(WC+)(?:\\[(.+)\\])?".replace("WC", Ao), Io = RegExp("^" + Mo + No + Po + Fo + "$"), Lo = [
 	"material",
 	"materials",
 	"bones",
 	"map"
-], Io = class {
+], Ro = class {
 	constructor(e, t, n) {
 		let r = n || Q.parseTrackName(t);
 		this._targetGroup = e, this._bindings = e.subscribe_(t, r);
@@ -7187,10 +7210,10 @@ var Eo = "\\[\\]\\.:\\/", Do = /* @__PURE__ */ RegExp("[\\[\\]\\.:\\/]", "g"), O
 		return t && t.isAnimationObjectGroup ? new e.Composite(t, n, r) : new e(t, n, r);
 	}
 	static sanitizeNodeName(e) {
-		return e.replace(/\s/g, "_").replace(Do, "");
+		return e.replace(/\s/g, "_").replace(ko, "");
 	}
 	static parseTrackName(e) {
-		let t = Po.exec(e);
+		let t = Io.exec(e);
 		if (t === null) throw Error("PropertyBinding: Cannot parse trackName: " + e);
 		let n = {
 			nodeName: t[2],
@@ -7201,7 +7224,7 @@ var Eo = "\\[\\]\\.:\\/", Do = /* @__PURE__ */ RegExp("[\\[\\]\\.:\\/]", "g"), O
 		}, r = n.nodeName && n.nodeName.lastIndexOf(".");
 		if (r !== void 0 && r !== -1) {
 			let e = n.nodeName.substring(r + 1);
-			Fo.indexOf(e) !== -1 && (n.nodeName = n.nodeName.substring(0, r), n.objectName = e);
+			Lo.indexOf(e) !== -1 && (n.nodeName = n.nodeName.substring(0, r), n.objectName = e);
 		}
 		if (n.propertyName === null || n.propertyName.length === 0) throw Error("PropertyBinding: can not parse propertyName from trackName: " + e);
 		return n;
@@ -7378,7 +7401,7 @@ var Eo = "\\[\\]\\.:\\/", Do = /* @__PURE__ */ RegExp("[\\[\\]\\.:\\/]", "g"), O
 		this.node = null, this.getValue = this._getValue_unbound, this.setValue = this._setValue_unbound;
 	}
 };
-Q.Composite = Io, Q.prototype.BindingType = {
+Q.Composite = Ro, Q.prototype.BindingType = {
 	Direct: 0,
 	EntireArray: 1,
 	ArrayElement: 2,
@@ -7439,12 +7462,12 @@ Q.Composite = Io, Q.prototype.BindingType = {
 }, typeof __THREE_DEVTOOLS__ < "u" && __THREE_DEVTOOLS__.dispatchEvent(new CustomEvent("register", { detail: { revision: "184" } })), typeof window < "u" && (window.__THREE__ ? H("WARNING: Multiple instances of Three.js being imported.") : window.__THREE__ = "184");
 //#endregion
 //#region src/transform-gizmo.ts
-var Lo = {
+var zo = {
 	x: "#fb7185",
 	y: "#86efac",
 	z: "#7aa2ff"
 };
-function Ro(e, t, n) {
+function Bo(e, t, n) {
 	let r = t - e.origin.x, i = n - e.origin.y;
 	if (Math.abs(r) <= e.centerSize && Math.abs(i) <= e.centerSize) return { kind: "center" };
 	for (let t of e.axes) {
@@ -7458,11 +7481,11 @@ function Ro(e, t, n) {
 	}
 	return null;
 }
-function zo(e, t, n) {
+function Vo(e, t, n) {
 	let r = e.sx * e.sx + e.sy * e.sy;
 	return r < 1 ? 0 : (t * e.sx + n * e.sy) / r * e.worldPerUnit;
 }
-function Bo(e, t, n, r = !1) {
+function Ho(e, t, n, r = !1) {
 	let { origin: i, axes: a, centerSize: o } = t;
 	for (let t of a) {
 		let a = n?.kind === "axis" && n.axis === t.axis;
@@ -7473,16 +7496,16 @@ function Bo(e, t, n, r = !1) {
 	let s = n?.kind === "center";
 	e.globalAlpha = s ? 1 : .95, e.fillStyle = s ? "#ffffff" : "#e2e6f0", e.strokeStyle = "#0b0d14", e.lineWidth = 1.5, e.beginPath(), e.rect(i.x - o, i.y - o, o * 2, o * 2), e.fill(), e.stroke(), e.globalAlpha = 1;
 }
-function Vo(e, t, n) {
+function Uo(e, t, n) {
 	return Math.atan2(n - e.y, t - e.x) * 180 / Math.PI;
 }
-function Ho(e, t) {
+function Wo(e, t) {
 	let n = t - e;
 	for (; n > 180;) n -= 360;
 	for (; n <= -180;) n += 360;
 	return n;
 }
-function Uo(e, t, n, r) {
+function Go(e, t, n, r) {
 	let i = null, a = r;
 	for (let r of e) for (let e of r.points) {
 		let o = Math.hypot(t - e.x, n - e.y);
@@ -7490,11 +7513,11 @@ function Uo(e, t, n, r) {
 	}
 	return i;
 }
-function Wo(e, t, n) {
+function Ko(e, t, n) {
 	for (let r of t) {
 		if (r.points.length < 2) continue;
 		let t = n === r.axis;
-		e.strokeStyle = Lo[r.axis], e.globalAlpha = t ? 1 : .75, e.lineWidth = t ? 3 : 2, e.beginPath();
+		e.strokeStyle = zo[r.axis], e.globalAlpha = t ? 1 : .75, e.lineWidth = t ? 3 : 2, e.beginPath();
 		let i = r.points[0];
 		e.moveTo(i.x, i.y);
 		for (let t of r.points.slice(1)) e.lineTo(t.x, t.y);
@@ -7502,14 +7525,14 @@ function Wo(e, t, n) {
 	}
 	e.globalAlpha = 1;
 }
-function Go(e, t, n, r) {
+function qo(e, t, n, r) {
 	e.font = "600 11px ui-monospace, Menlo, monospace";
 	let i = e.measureText(r).width + 14;
 	e.fillStyle = "rgba(16, 19, 29, 0.92)", e.strokeStyle = "rgba(110, 231, 220, 0.5)", e.lineWidth = 1, e.beginPath(), e.roundRect(t + 14, n - 26, i, 20, 5), e.fill(), e.stroke(), e.fillStyle = "#6ee7dc", e.textAlign = "left", e.textBaseline = "middle", e.fillText(r, t + 21, n - 16);
 }
 //#endregion
 //#region src/viewport.ts
-var Ko = class {
+var Jo = class {
 	engine;
 	editCanvas;
 	overlay;
@@ -7617,7 +7640,7 @@ var Ko = class {
 		let n;
 		try {
 			let t = structuredClone(e);
-			cs(t), n = c(t, { stubAllBehaviors: !0 });
+			us(t), n = c(t, { stubAllBehaviors: !0 });
 		} catch (e) {
 			return e instanceof Error ? e.message : String(e);
 		}
@@ -7633,7 +7656,7 @@ var Ko = class {
 					canvas: this.editCanvas,
 					engine: this.engine
 				}), this.renderer3d.ignoreStatic = !0;
-				let t = is(e.root);
+				let t = os(e.root);
 				if (t) {
 					let [e, n, r] = t;
 					this.orbit.dist = Math.max(2, Math.hypot(e, n, r)), this.orbit.yaw = Math.atan2(e, r), this.orbit.pitch = Math.asin(Math.max(-.99, Math.min(.99, n / this.orbit.dist))), this.orbit.target = [
@@ -7655,13 +7678,13 @@ var Ko = class {
 		if (!e.root) return null;
 		try {
 			let t = structuredClone(e);
-			return cs(t), c(t, { stubAllBehaviors: !0 }), null;
+			return us(t), c(t, { stubAllBehaviors: !0 }), null;
 		} catch (e) {
 			return e instanceof Error ? e.message : String(e);
 		}
 	}
 	defaultView(e) {
-		let t = as(e.root);
+		let t = ss(e.root);
 		if (t) return {
 			cx: t[0],
 			cy: t[1],
@@ -7743,7 +7766,7 @@ var Ko = class {
 		if (this.rendererDim === "2d" && this.renderer2d) {
 			let t = e.position;
 			if (!Array.isArray(t)) return null;
-			let n = rs(e), r = this.renderer2d.screenFromWorld(n.x, n.y), i = this.renderer2d.view().zoom;
+			let n = as(e), r = this.renderer2d.screenFromWorld(n.x, n.y), i = this.renderer2d.view().zoom;
 			return {
 				origin: r,
 				centerSize: 7,
@@ -7752,13 +7775,13 @@ var Ko = class {
 					sx: 64,
 					sy: 0,
 					worldPerUnit: 64 / i,
-					color: Lo.x
+					color: zo.x
 				}, {
 					axis: "y",
 					sx: 0,
 					sy: 64,
 					worldPerUnit: 64 / i,
-					color: Lo.y
+					color: zo.y
 				}]
 			};
 		}
@@ -7792,7 +7815,7 @@ var Ko = class {
 					sx: n.x - r.x,
 					sy: n.y - r.y,
 					worldPerUnit: o,
-					color: Lo[e]
+					color: zo[e]
 				});
 			}
 			return {
@@ -7810,7 +7833,7 @@ var Ko = class {
 		let e = this.liveSelected();
 		if (!e) return null;
 		if (this.rendererDim === "2d" && this.renderer2d) {
-			let t = rs(e), n = this.renderer2d.screenFromWorld(t.x, t.y), r = [];
+			let t = as(e), n = this.renderer2d.screenFromWorld(t.x, t.y), r = [];
 			for (let e = 0; e < 48; e++) {
 				let t = e / 48 * Math.PI * 2;
 				r.push({
@@ -7866,7 +7889,7 @@ var Ko = class {
 		return null;
 	}
 	orbitVectors() {
-		let { yaw: e, pitch: t, dist: n, target: r } = this.orbit, i = Math.cos(t), a = new K(r[0] + n * i * Math.sin(e), r[1] + n * Math.sin(t), r[2] + n * i * Math.cos(e)), o = new K(r[0], r[1], r[2]).sub(a).normalize(), s = new K().crossVectors(o, Jo).normalize();
+		let { yaw: e, pitch: t, dist: n, target: r } = this.orbit, i = Math.cos(t), a = new K(r[0] + n * i * Math.sin(e), r[1] + n * Math.sin(t), r[2] + n * i * Math.cos(e)), o = new K(r[0], r[1], r[2]).sub(a).normalize(), s = new K().crossVectors(o, Xo).normalize();
 		return {
 			pos: a,
 			right: s,
@@ -7892,13 +7915,13 @@ var Ko = class {
 			for (let [t] of this.pathOf) if (t instanceof g && (t.current || !e) && (e = t, t.current)) break;
 			let t = e ? e._ensureObject3D() : null;
 			if (t) {
-				t.getWorldPosition(Yo), Xo.set(0, 0, -1).applyQuaternion(t.getWorldQuaternion(Zo));
+				t.getWorldPosition(Zo), Qo.set(0, 0, -1).applyQuaternion(t.getWorldQuaternion($o));
 				let e = Math.min(40, Math.max(3, this.orbit.dist));
 				this.orbit.target = [
-					Yo.x + Xo.x * e,
-					Yo.y + Xo.y * e,
-					Yo.z + Xo.z * e
-				], this.orbit.dist = e, this.orbit.yaw = Math.atan2(-Xo.x, -Xo.z), this.orbit.pitch = Math.asin(Math.max(-.99, Math.min(.99, -Xo.y)));
+					Zo.x + Qo.x * e,
+					Zo.y + Qo.y * e,
+					Zo.z + Qo.z * e
+				], this.orbit.dist = e, this.orbit.yaw = Math.atan2(-Qo.x, -Qo.z), this.orbit.pitch = Math.asin(Math.max(-.99, Math.min(.99, -Qo.y)));
 			}
 			this.renderer3d.viewOverride = null;
 			return;
@@ -7986,7 +8009,7 @@ var Ko = class {
 		let t = this.overlay.clientWidth, n = this.overlay.clientHeight, r = Math.min(devicePixelRatio || 1, 2);
 		if ((this.overlay.width !== t * r || this.overlay.height !== n * r) && (this.overlay.width = t * r, this.overlay.height = n * r), e.setTransform(r, 0, 0, r, 0, 0), e.clearRect(0, 0, t, n), this.playing) return;
 		if (this.rendererDim === "3d") {
-			this.drawGizmo(e), this.drawModeGizmo(e), this.readout && Go(e, this.readout.x, this.readout.y, this.readout.text);
+			this.drawGizmo(e), this.drawModeGizmo(e), this.readout && qo(e, this.readout.x, this.readout.y, this.readout.text);
 			return;
 		}
 		if (!this.renderer2d) return;
@@ -8011,22 +8034,22 @@ var Ko = class {
 				]) e.fillRect(n - 3, r - 3, 6, 6);
 			}
 		}
-		this.drawModeGizmo(e), this.readout && Go(e, this.readout.x, this.readout.y, this.readout.text);
+		this.drawModeGizmo(e), this.readout && qo(e, this.readout.x, this.readout.y, this.readout.text);
 	}
 	drawModeGizmo(e) {
 		if (this.gizmoMode === "rotate") {
 			let t = this.ringLayout();
-			t && Wo(e, t.rings, this.activeRing);
+			t && Ko(e, t.rings, this.activeRing);
 			return;
 		}
 		let t = this.gizmoLayout();
-		t && Bo(e, t, this.gizmoActive, this.gizmoMode === "scale");
+		t && Ho(e, t, this.gizmoActive, this.gizmoMode === "scale");
 	}
 	pointBounds(e) {
 		if (!this.renderer2d) return null;
 		let t = e.position;
 		if (!Array.isArray(t)) return null;
-		let n = rs(e), r = this.renderer2d.screenFromWorld(n.x, n.y);
+		let n = as(e), r = this.renderer2d.screenFromWorld(n.x, n.y);
 		return {
 			x: r.x - 12,
 			y: r.y - 12,
@@ -8073,7 +8096,7 @@ var Ko = class {
 		let e = this.overlay, t = null, n = null, r = !1, i = null, a = null, o = null, s = null, c = null, l = (t) => {
 			let n = this.ringLayout();
 			if (!n) return !1;
-			let r = Uo(n.rings, t.offsetX, t.offsetY, 9);
+			let r = Go(n.rings, t.offsetX, t.offsetY, 9);
 			if (!r) return !1;
 			let i = this.liveSelected();
 			if (!i) return !1;
@@ -8087,13 +8110,13 @@ var Ko = class {
 				axis: r,
 				node: i,
 				origin: n.origin,
-				startAngle: Vo(n.origin, t.offsetX, t.offsetY),
+				startAngle: Uo(n.origin, t.offsetX, t.offsetY),
 				startRotation: Array.isArray(a) ? [...a] : a ?? 0,
 				sign: o
 			}, this.activeRing = r, !0;
 		}, u = (e) => {
 			if (!c) return;
-			let { axis: t, node: n, origin: r, startAngle: i, startRotation: a, sign: o } = c, s = Ho(i, Vo(r, e.offsetX, e.offsetY)) * o, l = e.shiftKey || this.shiftHeld ? 15 : null, u = (e) => {
+			let { axis: t, node: n, origin: r, startAngle: i, startRotation: a, sign: o } = c, s = Wo(i, Uo(r, e.offsetX, e.offsetY)) * o, l = e.shiftKey || this.shiftHeld ? 15 : null, u = (e) => {
 				let t = e + s;
 				return l ? Math.round(t / l) * l : Math.round(t * 10) / 10;
 			}, d;
@@ -8134,7 +8157,7 @@ var Ko = class {
 			if (this.gizmoMode === "rotate") return l(t);
 			let n = this.gizmoLayout();
 			if (!n) return !1;
-			let r = Ro(n, t.offsetX, t.offsetY);
+			let r = Bo(n, t.offsetX, t.offsetY);
 			if (!r) return !1;
 			let i = this.liveSelected();
 			if (!i) return !1;
@@ -8159,12 +8182,12 @@ var Ko = class {
 			}, f = e.shiftKey || this.shiftHeld, p = f ? u ? .5 : 10 : null, m = f ? .25 : null, h = (e) => p ? Math.round(e / p) * p : e, g = (e) => m ? Math.max(m, Math.round(e / m) * m) : e;
 			if (n === "scale") {
 				let n = Math.max(.05, 1 + (c - l) * .005), r = [...o];
-				if (t.kind === "axis") r[d[t.axis]] = qo(g((o[d[t.axis]] ?? 1) * n));
-				else for (let e = 0; e < r.length; e++) r[e] = qo(g((o[e] ?? 1) * n));
+				if (t.kind === "axis") r[d[t.axis]] = Yo(g((o[d[t.axis]] ?? 1) * n));
+				else for (let e = 0; e < r.length; e++) r[e] = Yo(g((o[e] ?? 1) * n));
 				i.scale = r, this.readout = {
 					x: e.offsetX,
 					y: e.offsetY,
-					text: `×${r.map((e) => qo(e)).join(", ")}`
+					text: `×${r.map((e) => Yo(e)).join(", ")}`
 				};
 				return;
 			}
@@ -8172,23 +8195,23 @@ var Ko = class {
 			if (t.kind === "axis") {
 				let e = r.axes.find((e) => e.axis === t.axis);
 				if (!e) return;
-				let n = zo(e, c, l);
-				if (u) _[d[t.axis]] = qo(h((a[d[t.axis]] ?? 0) + n));
+				let n = Vo(e, c, l);
+				if (u) _[d[t.axis]] = Yo(h((a[d[t.axis]] ?? 0) + n));
 				else {
-					let e = ts(i, t.axis === "x" ? n : 0, t.axis === "y" ? n : 0), r = t.axis === "x" ? e.x : e.y;
+					let e = rs(i, t.axis === "x" ? n : 0, t.axis === "y" ? n : 0), r = t.axis === "x" ? e.x : e.y;
 					_[d[t.axis]] = Math.round(h((a[d[t.axis]] ?? 0) + r));
 				}
 			} else if (u && this.renderer3d) {
 				let { right: e, up: t } = this.renderer3d.cameraBasis(), n = this.orbit.dist * .0016;
-				_[0] = qo(h((a[0] ?? 0) + (e.x * c - t.x * l) * n)), _[1] = qo(h((a[1] ?? 0) + (e.y * c - t.y * l) * n)), _[2] = qo(h((a[2] ?? 0) + (e.z * c - t.z * l) * n));
+				_[0] = Yo(h((a[0] ?? 0) + (e.x * c - t.x * l) * n)), _[1] = Yo(h((a[1] ?? 0) + (e.y * c - t.y * l) * n)), _[2] = Yo(h((a[2] ?? 0) + (e.z * c - t.z * l) * n));
 			} else if (this.renderer2d) {
-				let e = this.renderer2d.view(), t = ts(i, c / e.zoom, l / e.zoom);
+				let e = this.renderer2d.view(), t = rs(i, c / e.zoom, l / e.zoom);
 				_[0] = Math.round(h((a[0] ?? 0) + t.x)), _[1] = Math.round(h((a[1] ?? 0) + t.y));
 			}
 			i.position = _, this.readout = {
 				x: e.offsetX,
 				y: e.offsetY,
-				text: `[${_.map((e) => qo(e)).join(", ")}]`
+				text: `[${_.map((e) => Yo(e)).join(", ")}]`
 			};
 		}, m = () => {
 			if (!s) return;
@@ -8297,7 +8320,7 @@ var Ko = class {
 						return;
 					}
 					if (t) {
-						let e = this.renderer2d.worldFromScreen(o.offsetX, o.offsetY), n = ts(t.node, e.x - t.startWorld.x, e.y - t.startWorld.y), r = Math.round(t.startPos[0] + n.x), i = Math.round(t.startPos[1] + n.y);
+						let e = this.renderer2d.worldFromScreen(o.offsetX, o.offsetY), n = rs(t.node, e.x - t.startWorld.x, e.y - t.startWorld.y), r = Math.round(t.startPos[0] + n.x), i = Math.round(t.startPos[1] + n.y);
 						t.node.position = [r, i];
 						return;
 					}
@@ -8348,9 +8371,9 @@ var Ko = class {
 	zoomToFit() {
 		let e = this.liveSelected();
 		if (this.rendererDim === "3d") {
-			let t = new Ya();
+			let t = new Za();
 			for (let [n] of this.pathOf) {
-				if (e && n !== e && !ns(n, e)) continue;
+				if (e && n !== e && !is(n, e)) continue;
 				let r = n._object3D;
 				r && (t.expandByObject(r), t.expandByPoint(r.getWorldPosition($)));
 			}
@@ -8384,10 +8407,10 @@ var Ko = class {
 		if (!this.renderer2d) return;
 		let t = this.editCanvas.clientWidth || 960, n = this.editCanvas.clientHeight || 540, r = Infinity, i = Infinity, a = -Infinity, o = -Infinity;
 		for (let [t] of this.pathOf) {
-			if (e && t !== e && !ns(t, e)) continue;
+			if (e && t !== e && !is(t, e)) continue;
 			let n = t.position;
 			if (!Array.isArray(n)) continue;
-			let s = rs(t);
+			let s = as(t);
 			r = Math.min(r, s.x), i = Math.min(i, s.y), a = Math.max(a, s.x), o = Math.max(o, s.y);
 		}
 		if (!Number.isFinite(r)) return;
@@ -8401,7 +8424,7 @@ var Ko = class {
 	async play(t) {
 		if (this.playing) return null;
 		let n = structuredClone(t);
-		cs(n);
+		us(n);
 		let r;
 		try {
 			r = c(n, {
@@ -8440,25 +8463,25 @@ var Ko = class {
 		this.playEngine?.input.dispose(), this.playEngine?.stop(), this.playEngine?.dispose(), this.playEngine = null, this.playPhysics?.dispose(), this.playPhysics = null, this.editUiHost && (this.editUiHost.style.display = ""), this.playRenderer?.dispose(), this.playRenderer = null, this.playCanvas.hidden = !0, this.cb.onPlayStateChanged(!1), this.lastAppliedKey = null, this.lastGood && this.apply(this.lastGood);
 	}
 };
-function qo(e) {
+function Yo(e) {
 	return Math.round(e * 100) / 100;
 }
-var Jo = new K(0, 1, 0), Yo = new K(), Xo = new K(), Zo = new ea(), $ = new K(), Qo = new va(), $o = new K(), es = new K();
-function ts(e, t, n) {
+var Xo = new K(0, 1, 0), Zo = new K(), Qo = new K(), $o = new na(), $ = new K(), es = new ba(), ts = new K(), ns = new K();
+function rs(e, t, n) {
 	let r = e._object2D?.parent;
-	return r ? (Qo.copy(r.matrixWorld).invert(), $o.set(t, -n, 0).applyMatrix4(Qo), es.set(0, 0, 0).applyMatrix4(Qo), {
-		x: $o.x - es.x,
-		y: -($o.y - es.y)
+	return r ? (es.copy(r.matrixWorld).invert(), ts.set(t, -n, 0).applyMatrix4(es), ns.set(0, 0, 0).applyMatrix4(es), {
+		x: ts.x - ns.x,
+		y: -(ts.y - ns.y)
 	}) : {
 		x: t,
 		y: n
 	};
 }
-function ns(e, t) {
+function is(e, t) {
 	for (let n = e.parent; n; n = n.parent) if (n === t) return !0;
 	return !1;
 }
-function rs(e) {
+function as(e) {
 	let t = e._object2D;
 	if (t) return t.getWorldPosition($), {
 		x: $.x,
@@ -8471,7 +8494,7 @@ function rs(e) {
 		y: r
 	};
 }
-function is(e) {
+function os(e) {
 	if (!e) return null;
 	if (e.type === "Camera3D") {
 		let t = e.props?.position ?? [
@@ -8486,48 +8509,48 @@ function is(e) {
 		];
 	}
 	for (let t of e.children ?? []) {
-		let e = is(t);
+		let e = os(t);
 		if (e) return e;
 	}
 	return null;
 }
-function as(e) {
+function ss(e) {
 	if (!e) return null;
 	if (e.type === "Camera2D") {
 		let t = e.props?.position ?? [0, 0];
 		return [t[0] ?? 0, t[1] ?? 0];
 	}
 	for (let t of e.children ?? []) {
-		let e = as(t);
+		let e = ss(t);
 		if (e) return e;
 	}
 	return null;
 }
-var os = null;
-function ss() {
-	if (os) return os;
+var cs = null;
+function ls() {
+	if (cs) return cs;
 	let e = document.createElement("canvas");
 	e.width = 16, e.height = 16;
 	let t = e.getContext("2d");
 	for (let e = 0; e < 2; e++) for (let n = 0; n < 2; n++) t.fillStyle = (n + e) % 2 == 0 ? "#c252c2" : "#2b2b3b", t.fillRect(n * 8, e * 8, 8, 8);
-	return os = e.toDataURL(), os;
+	return cs = e.toDataURL(), cs;
 }
-function cs(e) {
+function us(e) {
 	let t = e.assets;
-	if (t) for (let e of Object.values(t)) typeof e?.url == "string" && !e.url.includes("/") && !e.url.includes(".") && (e.url = ss());
+	if (t) for (let e of Object.values(t)) typeof e?.url == "string" && !e.url.includes("/") && !e.url.includes(".") && (e.url = ls());
 }
 u(), m(), C(), T(), w();
-async function ls(e = {}) {
+async function ds(e = {}) {
 	let t = e.api ?? Te, n = [], r = document.createElement("style");
-	r.dataset.incantoEditor = "true", r.textContent = Jr, document.head.appendChild(r), n.push(() => r.remove());
+	r.dataset.incantoEditor = "true", r.textContent = Xr, document.head.appendChild(r), n.push(() => r.remove());
 	let i = document.createElement("div");
-	i.className = "incanto-editor-root", i.innerHTML = Or, (e.host ?? document.body).appendChild(i), n.push(() => i.remove());
+	i.className = "incanto-editor-root", i.innerHTML = Ar, (e.host ?? document.body).appendChild(i), n.push(() => i.remove());
 	let a = (e) => {
 		let t = i.querySelector(e);
 		if (!t) throw Error(`missing ${e}`);
 		return t;
 	}, o = await t.meta();
-	a("#engine-version").textContent = `incanto@${o.version}`, Vt(a("#popover")), Ct(), a("#docs-btn").addEventListener("click", () => xt());
+	a("#engine-version").textContent = `incanto@${o.version}`, Ht(a("#popover")), wt(), a("#docs-btn").addEventListener("click", () => St());
 	let s = a("#lang-btn"), c = [{
 		code: "en",
 		label: "English"
@@ -8535,7 +8558,7 @@ async function ls(e = {}) {
 		code: "ko",
 		label: "한국어"
 	}], l = () => {
-		a("#lang-current").textContent = Oe() === "ko" ? "한국어" : "EN";
+		a("#lang-current").textContent = ke() === "ko" ? "한국어" : "EN";
 	};
 	l(), s.addEventListener("click", () => {
 		document.querySelector(".lang-menu")?.remove();
@@ -8547,8 +8570,8 @@ async function ls(e = {}) {
 			let i = document.createElement("span");
 			i.textContent = n;
 			let a = document.createElement("span");
-			a.textContent = Oe() === t ? "✓" : "", a.className = "lang-check", r.append(i, a), r.addEventListener("click", () => {
-				e.remove(), ke(t);
+			a.textContent = ke() === t ? "✓" : "", a.className = "lang-check", r.append(i, a), r.addEventListener("click", () => {
+				e.remove(), Ae(t);
 			}), e.appendChild(r);
 		}
 		document.body.appendChild(e);
@@ -8558,16 +8581,16 @@ async function ls(e = {}) {
 			e.contains(t.target) || t.target === s || (e.remove(), document.removeEventListener("pointerdown", n, !0));
 		};
 		setTimeout(() => document.addEventListener("pointerdown", n, !0), 0);
-	}), Ae(() => {
-		l(), wt(), u.select(u.selection);
+	}), je(() => {
+		l(), Tt(), u.select(u.selection);
 	});
-	let u = new Lr({
+	let u = new zr({
 		format: 1,
 		type: "scene",
 		name: "",
 		root: null
 	}), f = a("#tree"), p = a("#inspector"), m = a("#save-btn"), h = a("#undo-btn"), g = a("#play-btn"), _ = a("#error-banner"), v = a("#play-notice"), y = a("#add-type"), b = a("#picker"), x = a("#picker-list"), S = a("#scenes-btn"), C = o.input, w = o.output, T, E = !1, D = a("#error-text"), O = (e) => {
-		_.hidden = !1, D.textContent = e, mt.error(e);
+		_.hidden = !1, D.textContent = e, ht.error(e);
 	}, k = () => {
 		_.hidden = !0, D.textContent = "";
 	};
@@ -8594,7 +8617,7 @@ async function ls(e = {}) {
 		n && (P = !1);
 		let r = u.selection, i = u.nodeAt(r);
 		if (!r || i?.type !== "TileMap2D") return;
-		let { cx: a, cy: o } = cn(ee(r), Number(i.props?.tileSize ?? 32), e, t), s = i.props?.cells ?? [], c = ln(s, a, o, N.brush);
+		let { cx: a, cy: o } = un(ee(r), Number(i.props?.tileSize ?? 32), e, t), s = i.props?.cells ?? [], c = dn(s, a, o, N.brush);
 		!c || JSON.stringify(c) === JSON.stringify(s) || (u.mutate(() => {
 			i.props ||= {}, i.props.cells = c;
 		}, {
@@ -8605,7 +8628,7 @@ async function ls(e = {}) {
 	}, ne = () => {
 		let e = u.nodeAt(u.selection);
 		N.on && e?.type !== "TileMap2D" && (N.on = !1), F.setPaintHandler(N.on ? te : null);
-	}, F = new Ko(a("#viewport"), a("#overlay"), a("#play-canvas"), {
+	}, F = new Jo(a("#viewport"), a("#overlay"), a("#play-canvas"), {
 		onPick: (e, t) => u.select(e ?? null, t),
 		onNodeMoved: (e, t) => de(e, "position", t, [0, 0]),
 		onNodeScaled: (e, t) => de(e, "scale", t, [1, 1]),
@@ -8654,9 +8677,9 @@ async function ls(e = {}) {
 			"3D",
 			"3D Physics"
 		];
-		for (let [e] of gt) t.includes(e) || t.push(e);
+		for (let [e] of _t) t.includes(e) || t.push(e);
 		for (let e of t) {
-			let t = gt.find(([t]) => t === e)?.[1];
+			let t = _t.find(([t]) => t === e)?.[1];
 			if (!t) continue;
 			let n = document.createElement("optgroup");
 			n.label = e;
@@ -8693,21 +8716,21 @@ async function ls(e = {}) {
 		}
 	};
 	y.addEventListener("mousedown", oe), y.addEventListener("focus", oe);
-	let se = t.library ? (e) => dr(t, {
+	let se = t.library ? (e) => pr(t, {
 		kind: e.kind,
 		...e.target ? { target: e.target } : {},
 		...e.shelf ? { shelf: e.shelf } : {},
 		...e.assetType ? { assetType: e.assetType } : {},
 		...e.onProps ? { onProps: e.onProps } : {},
-		...e.asAsset ? { onAsset: (e, t, n) => ps(u, n, t) } : {}
+		...e.asAsset ? { onAsset: (e, t, n) => hs(u, n, t) } : {}
 	}) : void 0, ce = !1, le = () => {
 		if (!E) return;
-		si(f, u), He(a("#asset-tree"), u), p.textContent = "", Ue(p, u, Se, se) || pn(p, u, {
-			modelRefs: () => ds(u, "model"),
+		li(f, u), Ue(a("#asset-tree"), u), p.textContent = "", We(p, u, Se, se) || hn(p, u, {
+			modelRefs: () => ps(u, "model"),
 			animationsForSelection: () => u.selection ? F.modelAnimationsAt(u.selection) : [],
 			bonesForSelection: (e) => u.selection ? F.boneNamesAt(u.selection, e) : [],
-			assetRefs: (e) => fs(u, e),
-			addAsset: (e, t) => ps(u, e, t),
+			assetRefs: (e) => ms(u, e),
+			addAsset: (e, t) => hs(u, e, t),
 			...se ? { openLibrary: se } : {},
 			confirm: Se,
 			paint: {
@@ -8727,7 +8750,7 @@ async function ls(e = {}) {
 			let e = F.apply(u.working);
 			_.hidden = e === null, e !== null && O(e);
 		}
-		m.disabled = !u.dirty || !u.working.root, m.title = u.working.root ? "" : "Add a root node before saving", h.disabled = !u.canUndo, u.dirty !== ce && (ce = u.dirty, mt.change(u.dirty));
+		m.disabled = !u.dirty || !u.working.root, m.title = u.working.root ? "" : "Add a root node before saving", h.disabled = !u.canUndo, u.dirty !== ce && (ce = u.dirty, ht.change(u.dirty));
 	};
 	u.onChange(le), u.validator = (e) => F.validate(e), u.onError = O;
 	let ue = (e, t, n, r) => {
@@ -8753,8 +8776,8 @@ async function ls(e = {}) {
 		let i = await t.loadScene(e);
 		T = e, C = n, w = r, E = !0;
 		let s = e ?? n;
-		a("#file-chip").hidden = !s, a("#file-path").textContent = s ?? "", a("#file-chip").title = `input: ${n}\noutput: ${r}`, b.hidden = !0, k(), ui(), u.reset(i), o.mode === "project" && n && mt.open(n, r);
-	}, pe = Dr({
+		a("#file-chip").hidden = !s, a("#file-path").textContent = s ?? "", a("#file-chip").title = `input: ${n}\noutput: ${r}`, b.hidden = !0, k(), fi(), u.reset(i), o.mode === "project" && n && ht.open(n, r);
+	}, pe = kr({
 		list: x,
 		search: a("#picker-search"),
 		count: a("#picker-count"),
@@ -8803,7 +8826,7 @@ async function ls(e = {}) {
 		n && u.select(n);
 	});
 	let _e = a("#generate");
-	Ft(u), a("#generate-btn").addEventListener("click", () => Nt(u));
+	It(u), a("#generate-btn").addEventListener("click", () => Pt(u));
 	let ve = a("#confirm"), ye = (e) => {
 		if (u.selection === null && e.length === 0) {
 			O("The scene itself cannot be deleted — it IS the file.");
@@ -8812,7 +8835,7 @@ async function ls(e = {}) {
 		if (e.length === 0) {
 			let e = u.working.root;
 			if (!e) return;
-			let t = us(e);
+			let t = fs(e);
 			Se(`This deletes the ROOT '${String(e.name ?? "")}'${t > 0 ? ` AND its ${t} descendant node${t === 1 ? "" : "s"}` : ""} — the scene goes empty, and the next node you add becomes the new root.`, "delete root", () => u.deleteRoot());
 			return;
 		}
@@ -8820,7 +8843,7 @@ async function ls(e = {}) {
 		if (n.length === 0) {
 			let n = e.reduce((e, t) => {
 				let n = u.nodeAt(t);
-				return e + (n ? us(n) : 0);
+				return e + (n ? fs(n) : 0);
 			}, 0);
 			if (n > 0) {
 				Se(`This deletes ${e.length > 1 ? `${e.length} nodes` : `'${String(u.nodeAt(e[0] ?? [])?.name ?? "")}'`} AND ${n} descendant node${n === 1 ? "" : "s"}.`, `delete ${e.length + n} nodes`, () => {
@@ -8857,7 +8880,7 @@ async function ls(e = {}) {
 			return;
 		}
 		be && u.removeNodesUnlinking(be.selections) && u.select(be.parentOfFirst), Ce();
-	}), ti(ye), ni((e) => {
+	}), ri(ye), ii((e) => {
 		M(`${I({
 			en: `Rename: repaired ${e.length} reference${e.length === 1 ? "" : "s"}`,
 			ko: `이름 변경: 참조 ${e.length}건 수정`
@@ -8933,18 +8956,18 @@ async function ls(e = {}) {
 		"scale"
 	]) a(`#tool-${e}`).addEventListener("click", () => F.setMode(e));
 	F.setMode("move");
-	let Ee = a("#tool-colliders"), De = "incanto-editor-show-colliders", je = (e) => {
+	let Ee = a("#tool-colliders"), De = "incanto-editor-show-colliders", Oe = (e) => {
 		F.showColliders = e, Ee.classList.toggle("active", e), localStorage.setItem(De, e ? "" : "0");
 	};
-	je(localStorage.getItem(De) !== "0"), Ee.addEventListener("click", () => je(!F.showColliders));
+	Oe(localStorage.getItem(De) !== "0"), Ee.addEventListener("click", () => Oe(!F.showColliders));
 	let Me = a("#hints-dock"), Ne = "incanto-editor-hints-open";
 	Me.classList.toggle("open", localStorage.getItem(Ne) === "1"), a("#hints-toggle").addEventListener("click", () => {
 		let e = Me.classList.toggle("open");
 		localStorage.setItem(Ne, e ? "1" : "");
-	}), a("#fit-btn").addEventListener("click", () => F.zoomToFit()), ei(() => F.zoomToFit()), a("#gameview-btn").addEventListener("click", () => F.gameView()), t.saveScene || (m.hidden = !0), m.addEventListener("click", () => {
+	}), a("#fit-btn").addEventListener("click", () => F.zoomToFit()), ni(() => F.zoomToFit()), a("#gameview-btn").addEventListener("click", () => F.gameView()), t.saveScene || (m.hidden = !0), m.addEventListener("click", () => {
 		(async () => {
 			try {
-				await t.saveScene?.(u.working, T), u.markSaved(), mt.save(C, w, u.working);
+				await t.saveScene?.(u.working, T), u.markSaved(), ht.save(C, w, u.working);
 			} catch (e) {
 				O(e instanceof Error ? e.message : String(e));
 			}
@@ -8956,7 +8979,7 @@ async function ls(e = {}) {
 			return;
 		}
 		if (e.key === "Escape" && !a("#docs").hidden) {
-			St();
+			Ct();
 			return;
 		}
 		if (e.key === "Escape" && !ve.hidden) {
@@ -8964,7 +8987,7 @@ async function ls(e = {}) {
 			return;
 		}
 		if (e.key === "Escape" && !_e.hidden) {
-			Pt();
+			Ft();
 			return;
 		}
 		if (e.key === "Escape" && !b.hidden) {
@@ -8979,7 +9002,7 @@ async function ls(e = {}) {
 		let t = e.target.matches("input, textarea, select");
 		(e.metaKey || e.ctrlKey) && e.key === "z" ? (e.preventDefault(), u.undo()) : (e.metaKey || e.ctrlKey) && e.key === "s" ? (e.preventDefault(), m.disabled || m.click()) : !t && e.code === "KeyF" ? F.zoomToFit() : !t && (e.code === "Digit0" || e.code === "Numpad0") ? F.gameView() : !t && e.code === "KeyW" ? F.setMode("move") : !t && e.code === "KeyE" ? F.setMode("rotate") : !t && e.code === "KeyR" && F.setMode("scale");
 	};
-	return window.addEventListener("keydown", Pe), n.push(() => window.removeEventListener("keydown", Pe)), le(), e.camera && F.setEditCamera(e.camera.position, e.camera.target), mt.ready(C, w, o.version), {
+	return window.addEventListener("keydown", Pe), n.push(() => window.removeEventListener("keydown", Pe)), le(), e.camera && F.setEditCamera(e.camera.position, e.camera.target), ht.ready(C, w, o.version), {
 		working: () => u.working,
 		camera: () => F.editCamera(),
 		showError: O,
@@ -8990,20 +9013,20 @@ async function ls(e = {}) {
 		}
 	};
 }
-function us(e) {
+function fs(e) {
 	let t = 0;
-	for (let n of e.children ?? []) t += 1 + us(n);
+	for (let n of e.children ?? []) t += 1 + fs(n);
 	return t;
 }
-function ds(e, t) {
+function ps(e, t) {
 	let n = e.working.assets;
 	return n ? Object.entries(n).filter(([, e]) => e?.type === t).map(([e]) => `$${e}`) : [];
 }
-function fs(e, t) {
+function ms(e, t) {
 	let n = e.working.assets;
 	return n ? Object.entries(n).filter(([, e]) => !t || e?.type !== void 0 && t.includes(e.type)).map(([e]) => `$${e}`) : [];
 }
-function ps(e, t, n) {
+function hs(e, t, n) {
 	let r = e.working.assets ?? {};
 	for (let [e, t] of Object.entries(r)) if (t?.url === n.url) return `$${e}`;
 	let i = t;
@@ -9013,4 +9036,4 @@ function ps(e, t, n) {
 	}), `$${i}`;
 }
 //#endregion
-export { A as formatSceneJson, Te as httpEditorApi, ls as mountEditor };
+export { A as formatSceneJson, Te as httpEditorApi, ds as mountEditor };