incanto 0.69.0 → 0.70.0

package/dist/editor.js

@@ -5,33 +5,33 @@ import { registerGameplayBehaviors as A } from "incanto/gameplay";
 import { registerNodesNet as ee } from "incanto/net";
 import { GENERATORS as te, runGenerator as j } from "incanto/env";
 //#region src/format-json.ts
-var ne = 80, M = "  ";
-function N(e) {
-	return `${re(e, 0)}\n`;
+var ne = 80, re = "  ";
+function M(e) {
+	return `${ie(e, 0)}\n`;
 }
-function re(e, t) {
+function ie(e, t) {
 	if (typeof e != "object" || !e) return JSON.stringify(e);
-	let n = P(e);
+	let n = N(e);
 	if (t * 2 + n.length <= ne) return n;
-	let r = M.repeat(t + 1), i = M.repeat(t);
-	if (Array.isArray(e)) return e.length === 0 ? "[]" : `[\n${e.map((e) => r + re(e, t + 1)).join(",\n")}\n${i}]`;
+	let r = re.repeat(t + 1), i = re.repeat(t);
+	if (Array.isArray(e)) return e.length === 0 ? "[]" : `[\n${e.map((e) => r + ie(e, t + 1)).join(",\n")}\n${i}]`;
 	let a = Object.entries(e);
-	return a.length === 0 ? "{}" : `{\n${a.map(([e, n]) => `${r}${JSON.stringify(e)}: ${re(n, t + 1)}`).join(",\n")}\n${i}}`;
+	return a.length === 0 ? "{}" : `{\n${a.map(([e, n]) => `${r}${JSON.stringify(e)}: ${ie(n, t + 1)}`).join(",\n")}\n${i}}`;
 }
-function P(e) {
+function N(e) {
 	if (typeof e != "object" || !e) return JSON.stringify(e);
-	if (Array.isArray(e)) return e.length === 0 ? "[]" : `[${e.map(P).join(", ")}]`;
+	if (Array.isArray(e)) return e.length === 0 ? "[]" : `[${e.map(N).join(", ")}]`;
 	let t = Object.entries(e);
-	return t.length === 0 ? "{}" : `{ ${t.map(([e, t]) => `${JSON.stringify(e)}: ${P(t)}`).join(", ")} }`;
+	return t.length === 0 ? "{}" : `{ ${t.map(([e, t]) => `${JSON.stringify(e)}: ${N(t)}`).join(", ")} }`;
 }
 //#endregion
 //#region src/library-api.ts
-var ie = class extends Error {
+var ae = class extends Error {
 	needsToken = !0;
 	constructor(e = "the asset library needs a Verse8 access token") {
 		super(e), this.name = "LibraryAuthError";
 	}
-}, ae = {
+}, P = {
 	"": ["3d", "2d"],
 	"3d": [
 		"characters",
@@ -46,11 +46,11 @@ var ie = class extends Error {
 	"2d": ["sprite_characters", "projects"]
 };
 function oe(e) {
-	return ae[e.join("/")] ?? [];
+	return P[e.join("/")] ?? [];
 }
 function se(e) {
 	if (e.length === 0) return [];
-	let t = ae[e.slice(0, -1).join("/")];
+	let t = P[e.slice(0, -1).join("/")];
 	return t ? t.filter((t) => !e.includes(t)) : [];
 }
 var ce = 12;
@@ -223,7 +223,7 @@ async function Ie(e) {
 async function Le(e, t) {
 	await je(await fetch(Fe(t), {
 		method: "PUT",
-		body: N(e)
+		body: M(e)
 	}));
 }
 async function Re(e, t) {
@@ -234,7 +234,7 @@ async function Re(e, t) {
 	});
 	e.keyword?.trim() && n.set("keyword", e.keyword.trim());
 	let r = await fetch(`/api/library?${n}`, { headers: t ? { "x-incanto-v8-token": t } : {} });
-	if (r.status === 401) throw new ie((await r.json().catch(() => ({}))).error);
+	if (r.status === 401) throw new ae((await r.json().catch(() => ({}))).error);
 	return await (await je(r)).json();
 }
 var ze = {
@@ -1876,11 +1876,22 @@ var en = {
 			ko: "groups — 조회용 태그"
 		},
 		body: {
-			en: "Free-form tags. Game code finds nodes with tree-wide queries like getNodesInGroup(\"coins\"), and triggers can filter by group (e.g. only react to \"player\"). Type a name and press Enter.",
+			en: "A LIST of names. Game code finds nodes with tree-wide queries like getNodesInGroup(\"coins\"), and triggers can filter by group (e.g. only react to \"player\"). Type a name and press Enter. For key-values a node carries (what KIND of thing it is, what it is worth) use `tags`, below.",
 			ko: "자유 형식 태그입니다. 게임 코드가 getNodesInGroup(\"coins\")처럼 트리 전체에서 노드를 찾고, 트리거는 그룹으로 거릅니다(예: \"player\"에만 반응). 이름을 입력하고 Enter를 누르세요."
 		},
 		example: "triggerEnter → if (other.isInGroup(\"player\")) collect()"
 	},
+	tags: {
+		title: {
+			en: "tags — free-form identity JSON",
+			ko: "tags — 자유 형식 식별 JSON"
+		},
+		body: {
+			en: "Not groups. `groups` is a LIST of names you query the tree by; `tags` is an OBJECT of key-values the node carries for your game logic — what kind of thing it is and what it is worth. Connections filter on them (`filter: {tag: {kind: \"ITEM\"}}`), and a behavior reads `node.tags`. Anything JSON: numbers, strings, nested objects. A rhythm chart lives here — one note node per beat, `{\"beat\": 4, \"lane\": 0}`.",
+			ko: "groups와 다릅니다. `groups`는 트리를 조회하는 이름 목록이고, `tags`는 노드가 지니는 키-값 객체입니다 — 무엇이며 얼마나 값어치가 있는지. 연결이 이것으로 거르고(`filter: {tag: {kind: \"ITEM\"}}`), 비헤이비어는 `node.tags`로 읽습니다. JSON이면 무엇이든 됩니다 — 숫자, 문자열, 중첩 객체."
+		},
+		example: "{\"kind\": \"ITEM\", \"value\": 10}"
+	},
 	script: {
 		title: {
 			en: "script — attach YOUR game logic",
@@ -2337,14 +2348,25 @@ function Pn(e, t) {
 }
 //#endregion
 //#region src/tilemap-paint.ts
-function Fn(e, t, n, r) {
+function Fn(e, t, n, r, i = 1, a = 1) {
 	return {
-		cx: Math.floor((n - e.x) / t),
-		cy: Math.floor((r - e.y) / t)
+		cx: Math.floor((n - e.x) / (t * (i || 1))),
+		cy: Math.floor((r - e.y) / (t * (a || 1)))
 	};
 }
 function In(e, t, n, r) {
 	if (t < 0 || n < 0 || r.length !== 1) return null;
+	if (e.some((e) => Array.isArray(e))) {
+		let i = Number(r);
+		if (!Number.isInteger(i) || i < 0) return null;
+		let a = e.map((e) => Array.isArray(e) ? [...e] : [...e].map((e) => Number(e) || 0)), o = Math.max(t + 1, ...a.map((e) => e.length)), s = Math.max(n + 1, a.length), c = [];
+		for (let e = 0; e < s; e++) {
+			let r = a[e] ?? [];
+			for (; r.length < o;) r.push(-1);
+			e === n && (r[t] = i), c.push(r);
+		}
+		return c;
+	}
 	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++) {
 		let o = i[e] ?? "";
@@ -2384,7 +2406,7 @@ var Vn = [
 	"environment"
 ];
 function Hn(e, t, n) {
-	e.appendChild(Tr("scene")), e.appendChild(Ar("name", String(t.working.name ?? ""), (e) => {
+	e.appendChild(Or("scene")), e.appendChild(Nr("name", String(t.working.name ?? ""), (e) => {
 		t.mutate(() => {
 			t.working.name = e;
 		});
@@ -2398,13 +2420,13 @@ function Hn(e, t, n) {
 		t.mutate(() => {
 			t.working.dimension = r.value;
 		});
-	}), e.appendChild(B("dimension", r));
+	}), e.appendChild(V("dimension", r));
 	let i = document.createElement("input");
 	i.type = "checkbox", i.checked = t.working.fragment === !0, i.addEventListener("change", () => {
 		t.mutate(() => {
 			i.checked ? t.working.fragment = !0 : delete t.working.fragment;
 		});
-	}), e.appendChild(B("fragment", i)), e.appendChild(Tr("physics", "physics"));
+	}), e.appendChild(V("fragment", i)), e.appendChild(Or("physics", "physics"));
 	let a = (t.working.physics ?? {}).gravity ?? (t.working.dimension === "3d" ? [
 		0,
 		-9.81,
@@ -2414,7 +2436,7 @@ function Hn(e, t, n) {
 		-9.81,
 		0
 	] : [0, 980];
-	e.appendChild(Mr("gravity", a, (e) => {
+	e.appendChild(Fr("gravity", a, (e) => {
 		t.mutate(() => {
 			if (JSON.stringify(e) === JSON.stringify(o)) {
 				let e = { ...t.working.physics };
@@ -2424,8 +2446,8 @@ function Hn(e, t, n) {
 				gravity: e
 			};
 		});
-	})), e.appendChild(Tr("environment")), Un(e, t), e.appendChild(Tr("constants")), yr(e, t, n), e.appendChild(Tr("draw order bands")), vr(e, t), e.appendChild(Tr("advanced"));
-	for (let n of Vn) e.appendChild(Pr(n, t.working[n], (e) => {
+	})), e.appendChild(Or("environment")), Un(e, t), e.appendChild(Or("constants")), yr(e, t, n), e.appendChild(Or("strings")), Sr(e, t, n), e.appendChild(Or("draw order bands")), vr(e, t), e.appendChild(Or("advanced"));
+	for (let n of Vn) e.appendChild(Lr(n, t.working[n], (e) => {
 		t.mutate(() => {
 			e === void 0 ? delete t.working[n] : t.working[n] = e;
 		});
@@ -2450,7 +2472,7 @@ function Un(e, t) {
 			color: e === "" ? void 0 : e
 		};
 		t.color === void 0 && delete t.color, r({ ambient: Object.keys(t).length ? t : void 0 });
-	})), e.appendChild(jr("ambient power", n.ambient?.intensity ?? 0, (e) => {
+	})), e.appendChild(Pr("ambient power", n.ambient?.intensity ?? 0, (e) => {
 		r({ ambient: {
 			...n.ambient,
 			intensity: e
@@ -2466,7 +2488,7 @@ function Un(e, t) {
 	}, o = document.createElement("input");
 	o.type = "checkbox", o.checked = i.antialias !== !1, o.addEventListener("change", () => {
 		a({ antialias: o.checked ? void 0 : !1 });
-	}), e.appendChild(B("antialias", o));
+	}), e.appendChild(V("antialias", o));
 	let s = document.createElement("select");
 	for (let [e, t] of [
 		["", "1 — soft hiDPI upscale (default)"],
@@ -2478,7 +2500,7 @@ function Un(e, t) {
 	}
 	s.addEventListener("change", () => {
 		a({ pixelRatio: s.value === "" ? void 0 : s.value === "device" ? "device" : Number(s.value) });
-	}), e.appendChild(B("pixel ratio", s));
+	}), e.appendChild(V("pixel ratio", s));
 }
 function Wn(e, t, n) {
 	let r = document.createElement("div");
@@ -2488,7 +2510,7 @@ function Wn(e, t, n) {
 	let a = document.createElement("input");
 	return a.type = "text", a.className = "mono", a.placeholder = "unset", a.value = t, i.addEventListener("input", () => {
 		a.value = i.value;
-	}), i.addEventListener("change", () => n(i.value)), a.addEventListener("change", () => n(a.value.trim())), r.append(i, a), B(e, r);
+	}), i.addEventListener("change", () => n(i.value)), a.addEventListener("change", () => n(a.value.trim())), r.append(i, a), V(e, r);
 }
 function Gn(e, t) {
 	let n = document.createElement("div");
@@ -2503,10 +2525,10 @@ function Gn(e, t) {
 		let n = { ...o };
 		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(B("enabled", l)), a) {
-		n.appendChild(Wn("murk color", String(o.color ?? ""), (e) => c("color", e))), n.appendChild(jr("visibility (m)", Number(o.visibility ?? 22), (e) => c("visibility", e === 22 ? void 0 : e), () => c("visibility", void 0)));
+	if (l.type = "checkbox", l.checked = a, l.addEventListener("change", () => s(l.checked)), n.appendChild(V("enabled", l)), a) {
+		n.appendChild(Wn("murk color", String(o.color ?? ""), (e) => c("color", e))), n.appendChild(Pr("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(B("caustics", e));
+		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;
 }
@@ -2529,13 +2551,13 @@ function Kn(e, t, n) {
 	};
 	r.appendChild(Wn("color", String(a.color ?? ""), (e) => o("color", e))), r.appendChild(Xn("roughness", Number(a.roughness ?? 1), (e) => o("roughness", e))), r.appendChild(Xn("metalness", Number(a.metalness ?? 0), (e) => o("metalness", e))), r.appendChild(Wn("emissive", String(a.emissive ?? ""), (e) => o("emissive", e))), r.appendChild(Xn("emissive power", Number(a.emissiveIntensity ?? 1), (e) => o("emissiveIntensity", e === 1 ? void 0 : e), 2)), r.appendChild(Xn("opacity", Number(a.opacity ?? 1), (e) => o("opacity", e === 1 ? void 0 : e))), r.appendChild(Xn("clearcoat", Number(a.clearcoat ?? 0), (e) => o("clearcoat", e === 0 ? void 0 : e))), r.appendChild(Xn("clearcoat rough", Number(a.clearcoatRoughness ?? 0), (e) => o("clearcoatRoughness", e === 0 ? void 0 : e))), r.appendChild(Xn("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(B("wireframe", s));
+	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");
-	c.type = "checkbox", c.checked = a.flatShading === !0, c.addEventListener("change", () => o("flatShading", c.checked || void 0)), r.appendChild(B("flatShading", c));
+	c.type = "checkbox", c.checked = a.flatShading === !0, c.addEventListener("change", () => o("flatShading", c.checked || void 0)), r.appendChild(V("flatShading", c));
 	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(B("draw on top (decal)", l)), r.appendChild(lr("map (texture)", String(a.map ?? ""), ur((e) => zn(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 ?? ""), ur((e) => zn(e) && !e.name.includes("normal") && !e.name.includes("roughness")), (e) => o("map", e.trim()), {
 		placeholder: "built-in or custom URL",
 		library: {
 			kind: "image",
@@ -2543,7 +2565,7 @@ function Kn(e, t, n) {
 			shelf: ["3d", "textures"]
 		},
 		ctx: n
-	})), r.appendChild(lr("normal map", String(a.normalMap ?? ""), ur((e) => zn(e) && e.name.includes("normal")), (e) => o("normalMap", e.trim()), {
+	})), r.appendChild(B("normal map", String(a.normalMap ?? ""), ur((e) => zn(e) && e.name.includes("normal")), (e) => o("normalMap", e.trim()), {
 		placeholder: "built-in or custom URL",
 		library: {
 			kind: "image",
@@ -2552,7 +2574,7 @@ function Kn(e, t, n) {
 		},
 		ctx: n
 	}));
-	let u = !!(a.map || a.normalMap), d = Array.isArray(a.repeat) ? a.repeat : [1, 1], f = Mr("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 = Fr("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]);
 	});
@@ -2574,7 +2596,7 @@ function Jn(e, t, n, r) {
 	let o = document.createElement("strong");
 	o.textContent = "animation", a.appendChild(o), i.appendChild(a);
 	let s = String(t.props?.animation ?? "");
-	if (i.appendChild(lr("clip", s, n.animationsForSelection().map((e) => ({
+	if (i.appendChild(B("clip", s, n.animationsForSelection().map((e) => ({
 		label: e,
 		value: e,
 		hint: e.startsWith("$") ? "scene asset" : "clip in this model"
@@ -2592,23 +2614,30 @@ function Jn(e, t, n, r) {
 		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(Yn(e, t, n, r)), i;
 	}
-	i.appendChild(xr(e, t, "animationLoop", r.animationLoop?.default ?? !0, void 0, "loop"));
+	i.appendChild(wr(e, t, "animationLoop", r.animationLoop?.default ?? !0, void 0, "loop"));
 	let c = Xn("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 = xr(e, t, "animationOffset", r.animationOffset?.default ?? 0, void 0, "offset (s)");
+	let l = wr(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(Yn(e, t, n, r)), i;
 }
 function Yn(e, t, n, r) {
 	let i = document.createElement("details");
 	i.className = "anim-upper", t.props?.animationUpper && (i.open = !0);
 	let a = document.createElement("summary");
-	return a.textContent = "upper-body layer", a.title = "Play a second clip on the upper body only — attack while running, wave while walking.", i.appendChild(a), i.appendChild(lr("clip", String(t.props?.animationUpper ?? ""), n.animationsForSelection().map((e) => ({
+	return a.textContent = "upper-body layer", a.title = "Play a second clip on the upper body only — attack while running, wave while walking.", i.appendChild(a), i.appendChild(B("clip", String(t.props?.animationUpper ?? ""), n.animationsForSelection().map((e) => ({
 		label: e,
 		value: e
 	})), (n) => z(e, t, "animationUpper", n.trim(), ""), {
 		placeholder: "empty = off",
+		library: {
+			kind: "model",
+			target: "animationUpper",
+			shelf: ["3d", "animations"],
+			asAsset: !0,
+			assetType: "animation"
+		},
 		ctx: n
-	})), i.appendChild(xr(e, t, "animationUpperLoop", r.animationUpperLoop?.default ?? !1, void 0, "loop")), i.appendChild(xr(e, t, "upperBodyRoot", r.upperBodyRoot?.default ?? "Spine", void 0, "root bone")), i;
+	})), i.appendChild(wr(e, t, "animationUpperLoop", r.animationUpperLoop?.default ?? !1, void 0, "loop")), i.appendChild(wr(e, t, "upperBodyRoot", r.upperBodyRoot?.default ?? "Spine", void 0, "root bone")), i;
 }
 function Xn(e, t, n, r = 1, i = 0) {
 	let a = document.createElement("div");
@@ -2620,21 +2649,21 @@ function Xn(e, t, n, r = 1, i = 0) {
 		s.value = o.value;
 	}), o.addEventListener("change", () => n(Number(o.value))), s.addEventListener("change", () => {
 		o.value = s.value, n(Number(s.value));
-	}), a.append(o, s), B(e, a);
+	}), a.append(o, s), V(e, a);
 }
 function Zn(e, t, n, r) {
-	if (e.appendChild(Tr(n.type ?? "instance")), e.appendChild(Qn(n)), e.appendChild(Ar("name", n.name ?? "", (e) => {
+	if (e.appendChild(Or(n.type ?? "instance")), e.appendChild(Qn(n)), e.appendChild(Nr("name", n.name ?? "", (e) => {
 		e.trim() === "" || t.selection === null || t.renameNode(t.selection, e.trim());
-	})), n.type === "TileMap2D" && r?.paint && e.appendChild(Nr(n, r.paint)), n.type) {
+	})), n.type === "TileMap2D" && r?.paint && e.appendChild(Ir(n, r.paint)), n.type) {
 		let i;
 		try {
 			i = s(n.type);
 		} catch {
 			i = {};
 		}
-		for (let [a, o] of Object.entries(i)) if (a === "collider") e.appendChild(ar(t, n, o.default));
+		for (let [a, o] of Object.entries(i)) if (a === "collider") e.appendChild(or(t, n, o.default));
 		else if (a === "material") e.appendChild(Kn(t, n, r));
-		else if (n.type === "ModelInstance3D" && a === "model" && r) e.appendChild(lr("model", String(n.props?.model ?? ""), r.modelRefs().map((e) => ({
+		else if (n.type === "ModelInstance3D" && a === "model" && r) e.appendChild(B("model", String(n.props?.model ?? ""), r.modelRefs().map((e) => ({
 			label: e,
 			value: e,
 			hint: "scene asset"
@@ -2648,9 +2677,9 @@ function Zn(e, t, n, r) {
 			},
 			ctx: r
 		}));
-		else if (n.type === "BoneAttachment3D" && a === "bone" && r?.bonesForSelection) e.appendChild(sr("bone", String(n.props?.bone ?? ""), r.bonesForSelection(String(n.props?.target ?? "")), (e) => z(t, n, "bone", e, "")));
+		else if (n.type === "BoneAttachment3D" && a === "bone" && r?.bonesForSelection) e.appendChild(cr("bone", String(n.props?.bone ?? ""), r.bonesForSelection(String(n.props?.target ?? "")), (e) => z(t, n, "bone", e, "")));
 		else if (n.type === "ModelInstance3D" && a === "animation" && r) e.appendChild(Jn(t, n, r, i));
-		else if (!(n.type === "ModelInstance3D" && qn.has(a))) if ((n.type === "Sprite3D" || n.type === "AnimatedSprite3D") && (a === "texture" || a === "sheet")) e.appendChild(lr(a === "sheet" ? "sheet (image URL)" : "texture (image URL)", String(n.props?.[a] ?? ""), ur((e) => e.kind === "character" || e.kind === "item"), (e) => z(t, n, a, e.trim(), ""), {
+		else if (!(n.type === "ModelInstance3D" && qn.has(a))) if ((n.type === "Sprite3D" || n.type === "AnimatedSprite3D") && (a === "texture" || a === "sheet")) e.appendChild(B(a === "sheet" ? "sheet (image URL)" : "texture (image URL)", String(n.props?.[a] ?? ""), ur((e) => e.kind === "character" || e.kind === "item"), (e) => z(t, n, a, e.trim(), ""), {
 			placeholder: "image URL — empty hides the sprite",
 			library: {
 				kind: "image",
@@ -2659,7 +2688,7 @@ function Zn(e, t, n, r) {
 			},
 			ctx: r
 		}));
-		else if (n.type === "TileMap2D" && a === "texture") e.appendChild(lr("texture (atlas $ref)", String(n.props?.texture ?? ""), (r?.assetRefs?.(["texture", "spritesheet"]) ?? []).map((e) => ({
+		else if (n.type === "TileMap2D" && a === "texture") e.appendChild(B("texture (atlas $ref)", String(n.props?.texture ?? ""), (r?.assetRefs?.(["texture", "spritesheet"]) ?? []).map((e) => ({
 			label: e,
 			value: e,
 			hint: "scene asset"
@@ -2674,7 +2703,7 @@ function Zn(e, t, n, r) {
 			},
 			ctx: r
 		}));
-		else if (n.type === "Tree3D" && a === "leafTexture") e.appendChild(lr("leaf texture", String(n.props?.leafTexture ?? ""), ur((e) => e.name.startsWith("leaves_")), (e) => z(t, n, "leafTexture", e.trim(), ""), {
+		else if (n.type === "Tree3D" && a === "leafTexture") e.appendChild(B("leaf texture", String(n.props?.leafTexture ?? ""), ur((e) => e.name.startsWith("leaves_")), (e) => z(t, n, "leafTexture", e.trim(), ""), {
 			placeholder: "default (per-type) or URL",
 			library: {
 				kind: "image",
@@ -2683,11 +2712,11 @@ function Zn(e, t, n, r) {
 			},
 			ctx: r
 		}));
-		else if (n.type === "Terrain3D" && a === "textureBase") e.appendChild(lr("texture base", String(n.props?.textureBase ?? o.default ?? ""), fr, (e) => z(t, n, "textureBase", e.trim(), o.default), { placeholder: "splat texture base URL" }));
+		else if (n.type === "Terrain3D" && a === "textureBase") e.appendChild(B("texture base", String(n.props?.textureBase ?? o.default ?? ""), fr, (e) => z(t, n, "textureBase", e.trim(), o.default), { placeholder: "splat texture base URL" }));
 		else if (n.type === "AnimatedSprite2D" && a === "sheet" || n.type === "Sprite2D" && a === "texture") {
 			let i = a === "sheet";
 			e.appendChild(pr(t, n, a, r, i));
-		} else n.type === "AudioPlayer" && a === "src" ? e.appendChild(lr("src (audio file)", String(n.props?.src ?? ""), dr(), (e) => z(t, n, "src", e.trim(), ""), {
+		} else n.type === "AudioPlayer" && a === "src" ? e.appendChild(B("src (audio file)", String(n.props?.src ?? ""), dr(), (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: {
@@ -2695,11 +2724,11 @@ function Zn(e, t, n, r) {
 				target: "audio src"
 			},
 			ctx: r
-		})) : n.type === "Flowers3D" && a === "varieties" ? e.appendChild(mr(t, n)) : n.type === "Water3D" && a === "underwater" ? e.appendChild(Gn(t, n)) : e.appendChild(xr(t, n, a, o.default, o.options, void 0, o.nodePath === !0));
+		})) : n.type === "Flowers3D" && a === "varieties" ? e.appendChild(mr(t, n)) : n.type === "Water3D" && a === "underwater" ? e.appendChild(Gn(t, n)) : e.appendChild(wr(t, n, a, o.default, o.options, void 0, o.nodePath === !0, o.kinds));
 	}
-	if (e.appendChild(Tr("structure")), e.appendChild($n(t, n)), e.appendChild(er(t, n)), e.appendChild(ir(t, n)), t.selection) {
+	if (e.appendChild(Or("structure")), e.appendChild($n(t, n)), e.appendChild(er(t, n)), e.appendChild(tr(t, n)), e.appendChild(ar(t, n)), t.selection) {
 		let n = Sn(t, t.selection);
-		n && (e.appendChild(Tr("connections", "connections")), e.appendChild(n));
+		n && (e.appendChild(Or("connections", "connections")), e.appendChild(n));
 	}
 }
 function Qn(e) {
@@ -2725,7 +2754,7 @@ function $n(e, t) {
 	r.append("groups ", an("groups"));
 	let i = document.createElement("div");
 	i.className = "chips";
-	for (let n of t.groups ?? []) i.appendChild(Er(n, () => {
+	for (let n of t.groups ?? []) i.appendChild(kr(n, () => {
 		e.mutate(() => {
 			t.groups = (t.groups ?? []).filter((e) => e !== n), t.groups.length === 0 && delete t.groups;
 		});
@@ -2740,6 +2769,14 @@ function $n(e, t) {
 	}), i.appendChild(a), i.addEventListener("click", () => a.focus()), n.append(r, i), n;
 }
 function er(e, t) {
+	let n = Lr("tags", t.tags, (n) => {
+		e.mutate(() => {
+			n === void 0 ? delete t.tags : t.tags = n;
+		});
+	}, "{\"kind\": \"ITEM\", \"value\": 10}", (e) => typeof e == "object" && !!e && !Array.isArray(e)), r = n.querySelector("span");
+	return r && r.append(" ", an("tags")), n;
+}
+function tr(e, t) {
 	let n = document.createElement("div");
 	n.className = "subcard";
 	let i = document.createElement("div");
@@ -2761,19 +2798,19 @@ function er(e, t) {
 		let i = document.createElement("button");
 		return i.type = "button", i.className = "ghost", i.textContent = "+ attach behavior", i.addEventListener("click", () => {
 			e.mutate(() => {
-				t.script = { name: tr()[0] ?? "MyBehavior" };
+				t.script = { name: nr()[0] ?? "MyBehavior" };
 			});
 		}), n.append(r, i), n;
 	}
-	let s = o.name ?? "", c = tr();
-	n.appendChild(Dr("name", s, c, (n) => {
+	let s = o.name ?? "", c = nr();
+	n.appendChild(Ar("name", s, c, (n) => {
 		e.mutate(() => {
 			t.script.name = n, delete t.script.props;
 		});
 	}));
 	let l = c.includes(s) ? r(s) : null;
-	if (l && Object.keys(l).length > 0) for (let [r, i] of Object.entries(l)) n.appendChild(nr(e, t, r, i.default, i.options, i.nodePath === !0));
-	else n.appendChild(Pr("props", o.props, (n) => {
+	if (l && Object.keys(l).length > 0) for (let [r, i] of Object.entries(l)) n.appendChild(rr(e, t, r, i.default, i.options, i.nodePath === !0));
+	else n.appendChild(Lr("props", o.props, (n) => {
 		e.mutate(() => {
 			n === void 0 ? delete t.script.props : t.script.props = n;
 		});
@@ -2781,10 +2818,10 @@ function er(e, t) {
 	let u = document.createElement("div");
 	return u.className = "muted-note", u.textContent = l ? "Shipped with the engine — these props are its own." : "Not a built-in: this is a TypeScript class in your game. ? has the boilerplate.", n.appendChild(u), n;
 }
-function tr() {
+function nr() {
 	return [...h()].sort();
 }
-function nr(e, t, n, r, i, a = !1) {
+function rr(e, t, n, r, i, a = !1) {
 	let o = (t.script?.props ?? {})[n] ?? r, s = (i) => {
 		e.mutate(() => {
 			let e = t.script;
@@ -2793,17 +2830,17 @@ function nr(e, t, n, r, i, a = !1) {
 			JSON.stringify(i) === JSON.stringify(r) ? delete a[n] : a[n] = i, Object.keys(a).length === 0 && delete e.props;
 		});
 	};
-	if (i && i.length > 0) return Dr(n, String(o), [...i], (e) => s(e));
+	if (i && i.length > 0) return Ar(n, String(o), [...i], (e) => s(e));
 	if (typeof r == "boolean") {
 		let e = document.createElement("input");
-		return e.type = "checkbox", e.checked = !!o, e.addEventListener("change", () => s(e.checked)), B(n, e);
+		return e.type = "checkbox", e.checked = !!o, e.addEventListener("change", () => s(e.checked)), V(n, e);
 	}
-	return typeof r == "number" ? jr(n, Number(o), (e) => s(e)) : typeof r == "string" ? a ? rr(e, n, String(o), (e) => s(e)) : Ar(n, String(o), (e) => s(e)) : Pr(n, o, (e) => s(e === void 0 ? r : e));
+	return typeof r == "number" ? Pr(n, Number(o), (e) => s(e)) : typeof r == "string" ? a ? ir(e, n, String(o), (e) => s(e)) : Nr(n, String(o), (e) => s(e)) : Lr(n, o, (e) => s(e === void 0 ? r : e));
 }
-function rr(e, t, n, r) {
+function ir(e, t, n, r) {
 	let i = e.working.root, a = e.selection ?? [], o = document.createElement("input");
 	o.type = "text", o.value = n, o.placeholder = "%Player, ../Skin, /root/Level/Goal";
-	let s = `nodepath-${or++}`;
+	let s = `nodepath-${sr++}`;
 	o.setAttribute("list", s);
 	let c = document.createElement("datalist");
 	c.id = s;
@@ -2812,7 +2849,7 @@ function rr(e, t, n, r) {
 		t.value = e, c.appendChild(t);
 	}
 	o.addEventListener("change", () => r(o.value.trim()));
-	let l = B(t, o);
+	let l = V(t, o);
 	l.appendChild(c);
 	let u = n === "" ? null : Dn(i, a, n);
 	if (!u || u.ok) return l;
@@ -2825,7 +2862,7 @@ function rr(e, t, n, r) {
 	let f = document.createElement("div");
 	return f.append(l, d), f;
 }
-function ir(e, t) {
+function ar(e, t) {
 	let n = document.createElement("div");
 	n.className = "subcard";
 	let r = document.createElement("div");
@@ -2842,10 +2879,10 @@ function ir(e, t) {
 				sync: i?.sync ?? ["position"]
 			};
 		});
-	}), n.appendChild(B("mode", a)), i?.mode === "owner") {
+	}), n.appendChild(V("mode", a)), i?.mode === "owner") {
 		let r = document.createElement("div");
 		r.className = "chips";
-		for (let n of i.sync ?? []) r.appendChild(Er(n, () => {
+		for (let n of i.sync ?? []) r.appendChild(kr(n, () => {
 			e.mutate(() => {
 				t.network.sync = (i.sync ?? []).filter((e) => e !== n);
 			});
@@ -2861,7 +2898,7 @@ function ir(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(jr("throttle ms", i.throttleMs ?? 50, (n) => {
+		s.textContent = "sync keys", o.append(s, r), n.appendChild(o), n.appendChild(Pr("throttle ms", i.throttleMs ?? 50, (n) => {
 			e.mutate(() => {
 				t.network.throttleMs = n;
 			});
@@ -2869,7 +2906,7 @@ function ir(e, t) {
 	}
 	return n;
 }
-function ar(e, t, n) {
+function or(e, t, n) {
 	let r = document.createElement("div");
 	r.className = "subcard";
 	let i = document.createElement("div");
@@ -2921,23 +2958,23 @@ function ar(e, t, n) {
 			radius: a.radius ?? 12,
 			height: a.height ?? 16
 		});
-	}), r.appendChild(B("shape", l)), a.shape === "rect" || a.shape === "box" ? r.appendChild(Mr("size", a.size ?? (s ? [
+	}), r.appendChild(V("shape", l)), a.shape === "rect" || a.shape === "box" ? r.appendChild(Fr("size", a.size ?? (s ? [
 		1,
 		1,
 		1
 	] : [32, 32]), (e) => o({
 		...a,
 		size: e
-	}))) : a.shape === "circle" || a.shape === "sphere" ? r.appendChild(jr("radius", a.radius ?? (s ? .5 : 16), (e) => o({
+	}))) : a.shape === "circle" || a.shape === "sphere" ? r.appendChild(Pr("radius", a.radius ?? (s ? .5 : 16), (e) => o({
 		...a,
 		radius: e
-	}))) : a.shape === "capsule" && (r.appendChild(jr("radius", a.radius ?? 12, (e) => o({
+	}))) : a.shape === "capsule" && (r.appendChild(Pr("radius", a.radius ?? 12, (e) => o({
 		...a,
 		radius: e
-	}))), r.appendChild(jr("height", a.height ?? 16, (e) => o({
+	}))), r.appendChild(Pr("height", a.height ?? 16, (e) => o({
 		...a,
 		height: e
-	})))), a.shape && r.appendChild(Mr("offset", a.offset ?? (s ? [
+	})))), a.shape && r.appendChild(Fr("offset", a.offset ?? (s ? [
 		0,
 		0,
 		0
@@ -2951,11 +2988,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 or = 0;
-function sr(e, t, n, r) {
+var sr = 0;
+function cr(e, t, n, r) {
 	let i = document.createElement("input");
 	i.type = "text", i.value = t;
-	let a = `suggest-${or++}`;
+	let a = `suggest-${sr++}`;
 	i.setAttribute("list", a);
 	let o = document.createElement("datalist");
 	o.id = a;
@@ -2964,11 +3001,11 @@ function sr(e, t, n, r) {
 		t.value = e, o.appendChild(t);
 	}
 	i.addEventListener("change", () => r(i.value.trim()));
-	let s = B(e, i);
+	let s = V(e, i);
 	return s.appendChild(o), s;
 }
-var cr = 0;
-function lr(e, t, n, r, i = {}) {
+var lr = 0;
+function B(e, t, n, r, i = {}) {
 	let a = document.createElement("label");
 	a.className = "field wide asset-field";
 	let o = document.createElement("span");
@@ -3035,7 +3072,7 @@ function lr(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-${cr++}`, a.htmlFor = s.id, a;
+	return s.id = `asset-input-${lr++}`, a.htmlFor = s.id, a;
 }
 function ur(e) {
 	return Rn.filter(e).map((e) => ({
@@ -3069,7 +3106,7 @@ function pr(e, t, n, r, i) {
 		value: `$${e.name}`,
 		hint: `${e.kind} · creates a scene asset (${e.animation ? "spritesheet" : "texture"})`
 	});
-	return lr(i ? "sheet" : "texture", a, s, (i) => {
+	return B(i ? "sheet" : "texture", a, s, (i) => {
 		let a = i.startsWith("$") && c.find((e) => `$${e.name}` === i);
 		if (a && r?.addAsset) {
 			let i = {
@@ -3175,7 +3212,7 @@ function vr(e, t) {
 	}
 	for (let t of i) {
 		let n = document.createElement("div");
-		n.className = "const-row", n.appendChild(jr(t, r[t] ?? 0, (e) => a({
+		n.className = "const-row", n.appendChild(Pr(t, r[t] ?? 0, (e) => a({
 			...r,
 			[t]: e
 		})));
@@ -3226,7 +3263,7 @@ function yr(e, t, n) {
 	}
 	for (let t of i) {
 		let n = document.createElement("div");
-		n.className = "const-row", n.appendChild(br(t, r[t], (e) => a(t, e)));
+		n.className = "const-row", n.appendChild(Cr(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);
 	}
@@ -3245,54 +3282,161 @@ function yr(e, t, n) {
 		e && (t.working.constants ?? {})[e] === void 0 && (a(e, (hr.find(([e]) => e === u.value)?.[1] ?? (() => 0))()), l.value = "");
 	}), c.append(l, u, d), e.appendChild(c);
 }
-function br(e, t, n) {
+var br = "en";
+function xr(e, t) {
+	let n = `@t:${t}`, r = 0, i = (e) => {
+		if (typeof e == "string") {
+			for (let t of e.split(",")) t.trim() === n && (r += 1);
+			return;
+		}
+		if (Array.isArray(e)) for (let t of e) i(t);
+		else if (e && typeof e == "object") for (let t of Object.values(e)) i(t);
+	};
+	for (let [t, n] of Object.entries(e)) t !== "strings" && i(n);
+	return r;
+}
+function Sr(e, t, n) {
+	let r = t.working.strings ?? {}, i = Object.keys(r);
+	i.includes(br) || i.unshift(br);
+	let a = [...new Set(i.flatMap((e) => Object.keys(r[e] ?? {})))].sort(), o = (e) => {
+		t.mutate(() => {
+			let n = {};
+			for (let [e, r] of Object.entries(t.working.strings ?? {})) n[e] = { ...r };
+			e(n), Object.keys(n).length === 0 ? delete t.working.strings : t.working.strings = n;
+		});
+	}, s = document.createElement("div");
+	s.className = "strings-langs";
+	let c = document.createElement("span");
+	c.className = "strings-langs-label", c.textContent = "languages", s.appendChild(c);
+	for (let e of i) {
+		let t = document.createElement("span");
+		if (t.className = "strings-lang-chip", t.textContent = e, e === br) t.title = "the base language — everything falls back to this";
+		else {
+			let i = document.createElement("button");
+			i.type = "button", i.className = "strings-locale-del", i.textContent = "✕", i.title = `remove the ${e} translation`, i.addEventListener("click", () => {
+				let t = Object.keys(r[e] ?? {}).length, i = () => {
+					o((t) => {
+						delete t[e];
+					});
+				};
+				t > 0 && n?.confirm ? n.confirm(`Delete the ${e} translation and its ${t} string${t === 1 ? "" : "s"}?`, "delete", i) : i();
+			}), t.appendChild(i);
+		}
+		s.appendChild(t);
+	}
+	if (e.appendChild(s), a.length === 0) {
+		let t = document.createElement("div");
+		t.className = "hint", t.textContent = "No strings yet. A text prop can say \"@t:menu.start\" instead of a literal; add that key here and give it words.", e.appendChild(t);
+	}
+	for (let s of a) {
+		let a = document.createElement("div");
+		a.className = "strings-key-row";
+		let c = document.createElement("span");
+		c.className = "strings-key", c.textContent = s, c.title = `@t:${s}`, a.appendChild(c);
+		let l = document.createElement("button");
+		l.type = "button", l.className = "const-del", l.textContent = "✕", l.title = `delete the "${s}" string in every language`, l.addEventListener("click", () => {
+			let e = () => {
+				o((e) => {
+					for (let t of Object.values(e)) delete t[s];
+				});
+			}, r = xr(t.working, s);
+			if (r > 0 && n?.confirm) {
+				n.confirm(`"@t:${s}" is used by ${r} prop${r === 1 ? "" : "s"}, which will paint the key itself. Delete it anyway?`, "delete", e);
+				return;
+			}
+			e();
+		}), a.appendChild(l), e.appendChild(a);
+		let u = r[br]?.[s];
+		for (let t of i) {
+			let n = r[t]?.[s], i = document.createElement("div");
+			i.className = "strings-row";
+			let a = document.createElement("span");
+			a.className = "strings-lang-tag", a.textContent = t, i.appendChild(a);
+			let c = document.createElement("input");
+			c.type = "text", c.className = "strings-cell", c.dataset.locale = t, c.dataset.key = s, c.value = n ?? "", n === void 0 && (t === br ? (c.classList.add("strings-missing-base"), c.placeholder = s, c.title = `no base text — "${s}" itself will be painted`) : (c.classList.add("strings-fallback"), c.placeholder = u === void 0 ? s : `\u2192 ${u}`, c.title = "not translated — falls back to English silently")), c.addEventListener("change", () => {
+				let e = c.value;
+				o((n) => {
+					let r = n[t] ?? {};
+					e === "" ? delete r[s] : r[s] = e, n[t] = r;
+				});
+			}), i.appendChild(c), e.appendChild(i);
+		}
+	}
+	let l = document.createElement("div");
+	l.className = "const-add";
+	let u = document.createElement("input");
+	u.type = "text", u.placeholder = "new key (e.g. menu.start)";
+	let d = document.createElement("button");
+	d.type = "button", d.textContent = "+ key", d.addEventListener("click", () => {
+		let e = u.value.trim();
+		e && r[br]?.[e] === void 0 && (o((t) => {
+			let n = t[br] ?? {};
+			n[e] = e, t[br] = n;
+		}), u.value = "");
+	}), l.append(u, d), e.appendChild(l);
+	let f = document.createElement("div");
+	f.className = "const-add";
+	let p = document.createElement("input");
+	p.type = "text", p.placeholder = "new language (e.g. ko)";
+	let m = document.createElement("button");
+	m.type = "button", m.textContent = "+ language", m.addEventListener("click", () => {
+		let e = p.value.trim();
+		!e || i.includes(e) || (o((t) => {
+			t[e] = {}, t[br] ??= {};
+		}), p.value = "");
+	}), f.append(p, m), e.appendChild(f);
+}
+function Cr(e, t, n) {
 	let r = d(t);
-	if (r === "number") return jr(e, t, (e) => n(e), () => n(0));
+	if (r === "number") return Pr(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)), B(e, r);
+		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") ? Mr(e, t, (e) => n(e)) : r === "string" ? Ar(e, String(t), (e) => n(e)) : Pr(e, t, (e) => n(e ?? null), JSON.stringify(t));
+	return r === "array" && Array.isArray(t) && t.every((e) => typeof e == "number") ? Fr(e, t, (e) => n(e)) : r === "string" ? Nr(e, String(t), (e) => n(e)) : Lr(e, t, (e) => n(e ?? null), JSON.stringify(t));
 }
-function xr(e, t, n, r, i, a, o = !1) {
-	let s = t.props?.[n] ?? r, c = d(r), l = c === "number" || c === "boolean" || c === "string" || c === "array", f = (i) => {
+function wr(e, t, n, r, i, a, o = !1, s) {
+	let c = t.props?.[n] ?? r, l = d(r), f = l === "number" || l === "boolean" || l === "string" || l === "array", p = (i) => {
 		let a = u(i);
 		e.mutate(() => {
 			t.props ||= {};
 			let e = t.props;
 			JSON.stringify(i) === JSON.stringify(r) ? (delete e[n], Object.keys(e).length === 0 && delete t.props) : e[n] = i;
-		}, e.selection && l && !a ? {
+		}, e.selection && f && !a ? {
 			path: e.selection,
 			key: n,
 			value: i
 		} : void 0);
-	}, p = Sr(e, c, r);
-	if (u(s)) return Cr(n, s["@const"], p, f, r);
-	let m = (e) => p.length > 0 ? wr(e, p, f) : e;
-	if (c === "number") return m(jr(a ?? n, s, (e) => f(e), () => f(r)));
-	if (c === "boolean") {
+	}, m = Tr(e, l, r);
+	if (u(c)) return Er(n, c["@const"], m, p, r);
+	let h = (e) => m.length > 0 ? Dr(e, m, p) : e;
+	if (s && s.length > 1 && d(c) !== l) return Lr(a ?? n, c, (e) => {
+		p(e === void 0 ? r : e);
+	}, JSON.stringify(r));
+	if (l === "number") return h(Pr(a ?? n, c, (e) => p(e), () => p(r)));
+	if (l === "boolean") {
 		let e = document.createElement("input");
-		return e.type = "checkbox", e.checked = s === !0, e.addEventListener("change", () => f(e.checked)), m(B(a ?? n, e));
+		return e.type = "checkbox", e.checked = c === !0, e.addEventListener("change", () => p(e.checked)), h(V(a ?? n, e));
 	}
-	if (c === "string") {
+	if (l === "string") {
 		if (i && i.length > 0) {
-			let t = n === "orderGroup" ? kr(e) : [];
-			return m(Dr(a ?? n, String(s ?? ""), t.length > 0 ? [...i, ...t] : i, (e) => f(e), n === "orderGroup" ? (t) => Or(t, e) : void 0));
+			let t = n === "orderGroup" ? Mr(e) : [];
+			return h(Ar(a ?? n, String(c ?? ""), t.length > 0 ? [...i, ...t] : i, (e) => p(e), n === "orderGroup" ? (t) => jr(t, e) : void 0));
 		}
-		return m(o ? rr(e, a ?? n, String(s ?? ""), (e) => f(e)) : Ar(a ?? n, String(s ?? ""), (e) => f(e)));
+		return h(o ? ir(e, a ?? n, String(c ?? ""), (e) => p(e)) : Nr(a ?? n, String(c ?? ""), (e) => p(e)));
 	}
-	return c === "array" && Array.isArray(r) && r.length > 0 && r.every((e) => typeof e == "number") ? m(Mr(n, s ?? r, (e) => f(e))) : Pr(n, s === r ? void 0 : s, (e) => {
-		f(e === void 0 ? r : e);
+	return l === "array" && Array.isArray(r) && r.length > 0 && r.every((e) => typeof e == "number") ? h(Fr(n, c ?? r, (e) => p(e))) : Lr(n, c === r ? void 0 : c, (e) => {
+		p(e === void 0 ? r : e);
 	}, JSON.stringify(r));
 }
-function Sr(e, t, n) {
+function Tr(e, t, n) {
 	let r = e.working.constants ?? {};
 	return Object.keys(r).filter((e) => {
 		let i = r[e];
 		return d(i) === t ? t === "array" && Array.isArray(n) && Array.isArray(i) ? i.length === n.length : !0 : !1;
 	});
 }
-function Cr(e, t, n, r, i) {
+function Er(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");
@@ -3302,10 +3446,10 @@ function Cr(e, t, n, r, i) {
 	s.value = "", s.textContent = "↺ custom value", a.appendChild(s), a.addEventListener("change", () => {
 		r(a.value ? { "@const": a.value } : i);
 	});
-	let c = B(`🔗 ${e}`, a);
+	let c = V(`🔗 ${e}`, a);
 	return c.classList.add("const-bound"), c;
 }
-function wr(e, t, n) {
+function Dr(e, t, n) {
 	let r = document.createElement("select");
 	r.className = "const-picker", r.title = "Bind to a named constant";
 	let i = document.createElement("option");
@@ -3318,13 +3462,13 @@ function wr(e, t, n) {
 		r.value && n({ "@const": r.value });
 	}), e.classList.add("has-const-picker"), e.appendChild(r), e;
 }
-function Tr(e, t) {
+function Or(e, t) {
 	let n = document.createElement("div");
 	n.className = "section-title", n.textContent = e, t && n.appendChild(an(t));
 	let r = document.createElement("span");
 	return r.className = "rule", n.appendChild(r), n;
 }
-function Er(e, t) {
+function kr(e, t) {
 	let n = document.createElement("span");
 	n.className = "chip", n.textContent = e;
 	let r = document.createElement("button");
@@ -3332,13 +3476,13 @@ function Er(e, t) {
 		e.stopPropagation(), t();
 	}), n.appendChild(r), n;
 }
-function B(e, t) {
+function V(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 Dr(e, t, n, r, i) {
+function Ar(e, t, n, r, i) {
 	let a = document.createElement("select");
 	for (let e of n.includes(t) ? n : [t, ...n]) {
 		let n = document.createElement("option");
@@ -3346,23 +3490,23 @@ function Dr(e, t, n, r, i) {
 		let r = i?.(e);
 		n.textContent = r ? `${e} (${r})` : e, e === t && (n.selected = !0), a.appendChild(n);
 	}
-	return a.addEventListener("change", () => r(a.value)), B(e, a);
+	return a.addEventListener("change", () => r(a.value)), V(e, a);
 }
-function Or(e, t) {
+function jr(e, t) {
 	let r = {
 		...n,
 		...t.working.orderGroups ?? {}
 	}[e];
 	return r === void 0 ? "unknown — sorts as default" : String(r);
 }
-function kr(e) {
+function Mr(e) {
 	return Object.keys(e.working.orderGroups ?? {});
 }
-function Ar(e, t, n) {
+function Nr(e, t, n) {
 	let r = document.createElement("input");
-	return r.type = "text", r.value = t, r.addEventListener("change", () => n(r.value)), B(e, r);
+	return r.type = "text", r.value = t, r.addEventListener("change", () => n(r.value)), V(e, r);
 }
-function jr(e, t, n, r) {
+function Pr(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() === "") {
@@ -3371,9 +3515,9 @@ function jr(e, t, n, r) {
 		}
 		let e = Number(i.value);
 		Number.isFinite(e) && n(e);
-	}), B(e, i);
+	}), V(e, i);
 }
-function Mr(e, t, n) {
+function Fr(e, t, n) {
 	let r = document.createElement("div");
 	r.className = "vector-row";
 	let i = [...t];
@@ -3383,9 +3527,9 @@ function Mr(e, t, n) {
 			let e = Number(a.value);
 			Number.isFinite(e) && (i[t] = e, n([...i]));
 		}), r.appendChild(a);
-	}), B(e, r);
+	}), V(e, r);
 }
-function Nr(e, t) {
+function Ir(e, t) {
 	let n = document.createElement("div");
 	n.className = "field wide tile-paint";
 	let r = document.createElement("button");
@@ -3404,33 +3548,37 @@ function Nr(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 Pr(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();
+function Lr(e, t, n, r = "", i) {
+	let a = document.createElement("textarea");
+	a.rows = 3, a.placeholder = r, a.value = t === void 0 ? "" : JSON.stringify(t, null, 2), a.addEventListener("change", () => {
+		let e = a.value.trim();
 		if (e === "") {
-			i.classList.remove("invalid"), n(void 0);
+			a.classList.remove("invalid"), n(void 0);
 			return;
 		}
 		try {
 			let t = JSON.parse(e);
-			i.classList.remove("invalid"), n(t);
+			if (i && !i(t)) {
+				a.classList.add("invalid");
+				return;
+			}
+			a.classList.remove("invalid"), n(t);
 		} catch {
-			i.classList.add("invalid");
+			a.classList.add("invalid");
 		}
 	});
-	let a = B(e, i);
-	return a.className = "field wide", a;
+	let o = V(e, a);
+	return o.className = "field wide", o;
 }
-var Fr = 1e3, Ir = 1001, Lr = 1002, Rr = 1006, zr = 1008, Br = 1009, Vr = 1023, Hr = 2300, Ur = 2301, Wr = 2302, Gr = 2303, Kr = 2400, qr = 2401, Jr = 2402, Yr = "srgb", Xr = "srgb-linear", Zr = "linear", Qr = "srgb", $r = 2e3;
-function ei(e) {
+var Rr = 1e3, zr = 1001, Br = 1002, Vr = 1006, Hr = 1008, Ur = 1009, Wr = 1023, Gr = 2300, Kr = 2301, qr = 2302, Jr = 2303, Yr = 2400, Xr = 2401, Zr = 2402, Qr = "srgb", $r = "srgb-linear", ei = "linear", ti = "srgb", ni = 2e3;
+function ri(e) {
 	return ArrayBuffer.isView(e) && !(e instanceof DataView);
 }
-function ti(e) {
+function ii(e) {
 	return document.createElementNS("http://www.w3.org/1999/xhtml", e);
 }
-var ni = {}, ri = null;
-function ii(e) {
+var ai = {}, oi = null;
+function si(e) {
 	let t = e[0];
 	if (typeof t == "string" && t.startsWith("TSL:")) {
 		let t = e[1];
@@ -3438,29 +3586,29 @@ function ii(e) {
 	}
 	return e;
 }
-function V(...e) {
-	e = ii(e);
+function H(...e) {
+	e = si(e);
 	let t = "THREE." + e.shift();
-	if (ri) ri("warn", t, ...e);
+	if (oi) oi("warn", t, ...e);
 	else {
 		let n = e[0];
 		n && n.isStackTrace ? console.warn(n.getError(t)) : console.warn(t, ...e);
 	}
 }
-function H(...e) {
-	e = ii(e);
+function U(...e) {
+	e = si(e);
 	let t = "THREE." + e.shift();
-	if (ri) ri("error", t, ...e);
+	if (oi) oi("error", t, ...e);
 	else {
 		let n = e[0];
 		n && n.isStackTrace ? console.error(n.getError(t)) : console.error(t, ...e);
 	}
 }
-function ai(...e) {
+function ci(...e) {
 	let t = e.join(" ");
-	t in ni || (ni[t] = !0, V(...e));
+	t in ai || (ai[t] = !0, H(...e));
 }
-var oi = class {
+var li = class {
 	addEventListener(e, t) {
 		this._listeners === void 0 && (this._listeners = {});
 		let n = this._listeners;
@@ -3490,22 +3638,22 @@ var oi = class {
 			e.target = null;
 		}
 	}
-}, U = /* @__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(".");
+}, 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 si() {
+function ui() {
 	let e = Math.random() * 4294967295 | 0, t = Math.random() * 4294967295 | 0, n = Math.random() * 4294967295 | 0, r = Math.random() * 4294967295 | 0;
-	return (U[e & 255] + U[e >> 8 & 255] + U[e >> 16 & 255] + U[e >> 24 & 255] + "-" + U[t & 255] + U[t >> 8 & 255] + "-" + U[t >> 16 & 15 | 64] + U[t >> 24 & 255] + "-" + U[n & 63 | 128] + U[n >> 8 & 255] + "-" + U[n >> 16 & 255] + U[n >> 24 & 255] + U[r & 255] + U[r >> 8 & 255] + U[r >> 16 & 255] + U[r >> 24 & 255]).toLowerCase();
+	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 W(e, t, n) {
+function G(e, t, n) {
 	return Math.max(t, Math.min(n, e));
 }
-function ci(e, t) {
+function di(e, t) {
 	return (e % t + t) % t;
 }
-function li(e, t, n) {
+function fi(e, t, n) {
 	return (1 - n) * e + n * t;
 }
-var ui = class e {
+var pi = class e {
 	static {
 		e.prototype.isVector2 = !0;
 	}
@@ -3605,14 +3753,14 @@ var ui = class e {
 		return this.x = Math.max(this.x, e.x), this.y = Math.max(this.y, e.y), this;
 	}
 	clamp(e, t) {
-		return this.x = W(this.x, e.x, t.x), this.y = W(this.y, e.y, t.y), this;
+		return this.x = G(this.x, e.x, t.x), this.y = G(this.y, e.y, t.y), this;
 	}
 	clampScalar(e, t) {
-		return this.x = W(this.x, e, t), this.y = W(this.y, e, t), this;
+		return this.x = G(this.x, e, t), this.y = G(this.y, e, t), this;
 	}
 	clampLength(e, t) {
 		let n = this.length();
-		return this.divideScalar(n || 1).multiplyScalar(W(n, e, t));
+		return this.divideScalar(n || 1).multiplyScalar(G(n, e, t));
 	}
 	floor() {
 		return this.x = Math.floor(this.x), this.y = Math.floor(this.y), this;
@@ -3654,7 +3802,7 @@ var ui = class e {
 		let t = Math.sqrt(this.lengthSq() * e.lengthSq());
 		if (t === 0) return Math.PI / 2;
 		let n = this.dot(e) / t;
-		return Math.acos(W(n, -1, 1));
+		return Math.acos(G(n, -1, 1));
 	}
 	distanceTo(e) {
 		return Math.sqrt(this.distanceToSquared(e));
@@ -3697,7 +3845,7 @@ var ui = class e {
 	*[Symbol.iterator]() {
 		yield this.x, yield this.y;
 	}
-}, di = class {
+}, mi = 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;
 	}
@@ -3776,7 +3924,7 @@ var ui = class e {
 			case "XZY":
 				this._x = d * l * u - c * f * p, this._y = c * f * u - d * l * p, this._z = c * l * p + d * f * u, this._w = c * l * u + d * f * p;
 				break;
-			default: V("Quaternion: .setFromEuler() encountered an unknown order: " + a);
+			default: H("Quaternion: .setFromEuler() encountered an unknown order: " + a);
 		}
 		return t === !0 && this._onChangeCallback(), this;
 	}
@@ -3806,7 +3954,7 @@ var ui = class e {
 		return n < 1e-8 ? (n = 0, Math.abs(e.x) > Math.abs(e.z) ? (this._x = -e.y, this._y = e.x, this._z = 0, this._w = n) : (this._x = 0, this._y = -e.z, this._z = e.y, this._w = n)) : (this._x = e.y * t.z - e.z * t.y, this._y = e.z * t.x - e.x * t.z, this._z = e.x * t.y - e.y * t.x, this._w = n), this.normalize();
 	}
 	angleTo(e) {
-		return 2 * Math.acos(Math.abs(W(this.dot(e), -1, 1)));
+		return 2 * Math.acos(Math.abs(G(this.dot(e), -1, 1)));
 	}
 	rotateTowards(e, t) {
 		let n = this.angleTo(e);
@@ -3885,7 +4033,7 @@ var ui = class e {
 	*[Symbol.iterator]() {
 		yield this._x, yield this._y, yield this._z, yield this._w;
 	}
-}, G = class e {
+}, K = class e {
 	static {
 		e.prototype.isVector3 = !0;
 	}
@@ -3967,10 +4115,10 @@ var ui = 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(pi.setFromEuler(e));
+		return this.applyQuaternion(gi.setFromEuler(e));
 	}
 	applyAxisAngle(e, t) {
-		return this.applyQuaternion(pi.setFromAxisAngle(e, t));
+		return this.applyQuaternion(gi.setFromAxisAngle(e, t));
 	}
 	applyMatrix3(e) {
 		let t = this.x, n = this.y, r = this.z, i = e.elements;
@@ -4010,14 +4158,14 @@ var ui = class e {
 		return this.x = Math.max(this.x, e.x), this.y = Math.max(this.y, e.y), this.z = Math.max(this.z, e.z), this;
 	}
 	clamp(e, t) {
-		return this.x = W(this.x, e.x, t.x), this.y = W(this.y, e.y, t.y), this.z = W(this.z, e.z, t.z), this;
+		return this.x = G(this.x, e.x, t.x), this.y = G(this.y, e.y, t.y), this.z = G(this.z, e.z, t.z), this;
 	}
 	clampScalar(e, t) {
-		return this.x = W(this.x, e, t), this.y = W(this.y, e, t), this.z = W(this.z, e, t), this;
+		return this.x = G(this.x, e, t), this.y = G(this.y, e, t), this.z = G(this.z, e, t), this;
 	}
 	clampLength(e, t) {
 		let n = this.length();
-		return this.divideScalar(n || 1).multiplyScalar(W(n, e, t));
+		return this.divideScalar(n || 1).multiplyScalar(G(n, e, t));
 	}
 	floor() {
 		return this.x = Math.floor(this.x), this.y = Math.floor(this.y), this.z = Math.floor(this.z), this;
@@ -4072,16 +4220,16 @@ var ui = class e {
 		return this.copy(e).multiplyScalar(n);
 	}
 	projectOnPlane(e) {
-		return fi.copy(this).projectOnVector(e), this.sub(fi);
+		return hi.copy(this).projectOnVector(e), this.sub(hi);
 	}
 	reflect(e) {
-		return this.sub(fi.copy(e).multiplyScalar(2 * this.dot(e)));
+		return this.sub(hi.copy(e).multiplyScalar(2 * this.dot(e)));
 	}
 	angleTo(e) {
 		let t = Math.sqrt(this.lengthSq() * e.lengthSq());
 		if (t === 0) return Math.PI / 2;
 		let n = this.dot(e) / t;
-		return Math.acos(W(n, -1, 1));
+		return Math.acos(G(n, -1, 1));
 	}
 	distanceTo(e) {
 		return Math.sqrt(this.distanceToSquared(e));
@@ -4148,7 +4296,7 @@ var ui = class e {
 	*[Symbol.iterator]() {
 		yield this.x, yield this.y, yield this.z;
 	}
-}, fi = /*@__PURE__*/ new G(), pi = /*@__PURE__*/ new di(), mi = class e {
+}, hi = /*@__PURE__*/ new K(), gi = /*@__PURE__*/ new mi(), _i = class e {
 	static {
 		e.prototype.isMatrix3 = !0;
 	}
@@ -4223,13 +4371,13 @@ var ui = 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(hi.makeScale(e, t)), this;
+		return this.premultiply(vi.makeScale(e, t)), this;
 	}
 	rotate(e) {
-		return this.premultiply(hi.makeRotation(-e)), this;
+		return this.premultiply(vi.makeRotation(-e)), this;
 	}
 	translate(e, t) {
-		return this.premultiply(hi.makeTranslation(e, t)), this;
+		return this.premultiply(vi.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;
@@ -4257,14 +4405,14 @@ var ui = class e {
 	clone() {
 		return new this.constructor().fromArray(this.elements);
 	}
-}, hi = /*@__PURE__*/ new mi(), gi = /*@__PURE__*/ new mi().set(.4123908, .3575843, .1804808, .212639, .7151687, .0721923, .0193308, .1191948, .9505322), _i = /*@__PURE__*/ new mi().set(3.2409699, -1.5373832, -.4986108, -.9692436, 1.8759675, .0415551, .0556301, -.203977, 1.0569715);
-function vi() {
+}, vi = /*@__PURE__*/ new _i(), yi = /*@__PURE__*/ new _i().set(.4123908, .3575843, .1804808, .212639, .7151687, .0721923, .0193308, .1191948, .9505322), bi = /*@__PURE__*/ new _i().set(3.2409699, -1.5373832, -.4986108, -.9692436, 1.8759675, .0415551, .0556301, -.203977, 1.0569715);
+function xi() {
 	let e = {
 		enabled: !0,
-		workingColorSpace: Xr,
+		workingColorSpace: $r,
 		spaces: {},
 		convert: function(e, t, n) {
-			return this.enabled === !1 || t === n || !t || !n ? e : (this.spaces[t].transfer === "srgb" && (e.r = yi(e.r), e.g = yi(e.g), e.b = yi(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 = bi(e.r), e.g = bi(e.g), e.b = bi(e.b)), e);
+			return this.enabled === !1 || t === n || !t || !n ? e : (this.spaces[t].transfer === "srgb" && (e.r = Si(e.r), e.g = Si(e.g), e.b = Si(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 = Ci(e.r), e.g = Ci(e.g), e.b = Ci(e.b)), e);
 		},
 		workingToColorSpace: function(e, t) {
 			return this.convert(e, this.workingColorSpace, t);
@@ -4276,7 +4424,7 @@ function vi() {
 			return this.spaces[e].primaries;
 		},
 		getTransfer: function(e) {
-			return e === "" ? Zr : this.spaces[e].transfer;
+			return e === "" ? ei : this.spaces[e].transfer;
 		},
 		getToneMappingMode: function(e) {
 			return this.spaces[e].outputColorSpaceConfig.toneMappingMode || "standard";
@@ -4297,10 +4445,10 @@ function vi() {
 			return this.spaces[e].workingColorSpaceConfig.unpackColorSpace;
 		},
 		fromWorkingColorSpace: function(t, n) {
-			return ai("ColorManagement: .fromWorkingColorSpace() has been renamed to .workingToColorSpace()."), e.workingToColorSpace(t, n);
+			return ci("ColorManagement: .fromWorkingColorSpace() has been renamed to .workingToColorSpace()."), e.workingToColorSpace(t, n);
 		},
 		toWorkingColorSpace: function(t, n) {
-			return ai("ColorManagement: .toWorkingColorSpace() has been renamed to .colorSpaceToWorking()."), e.colorSpaceToWorking(t, n);
+			return ci("ColorManagement: .toWorkingColorSpace() has been renamed to .colorSpaceToWorking()."), e.colorSpaceToWorking(t, n);
 		}
 	}, t = [
 		.64,
@@ -4315,68 +4463,68 @@ function vi() {
 		.0722
 	], r = [.3127, .329];
 	return e.define({
-		[Xr]: {
+		[$r]: {
 			primaries: t,
 			whitePoint: r,
-			transfer: Zr,
-			toXYZ: gi,
-			fromXYZ: _i,
+			transfer: ei,
+			toXYZ: yi,
+			fromXYZ: bi,
 			luminanceCoefficients: n,
-			workingColorSpaceConfig: { unpackColorSpace: Yr },
-			outputColorSpaceConfig: { drawingBufferColorSpace: Yr }
+			workingColorSpaceConfig: { unpackColorSpace: Qr },
+			outputColorSpaceConfig: { drawingBufferColorSpace: Qr }
 		},
-		[Yr]: {
+		[Qr]: {
 			primaries: t,
 			whitePoint: r,
-			transfer: Qr,
-			toXYZ: gi,
-			fromXYZ: _i,
+			transfer: ti,
+			toXYZ: yi,
+			fromXYZ: bi,
 			luminanceCoefficients: n,
-			outputColorSpaceConfig: { drawingBufferColorSpace: Yr }
+			outputColorSpaceConfig: { drawingBufferColorSpace: Qr }
 		}
 	}), e;
 }
-var K = /*@__PURE__*/ vi();
-function yi(e) {
+var q = /*@__PURE__*/ xi();
+function Si(e) {
 	return e < .04045 ? e * .0773993808 : (e * .9478672986 + .0521327014) ** 2.4;
 }
-function bi(e) {
+function Ci(e) {
 	return e < .0031308 ? e * 12.92 : 1.055 * e ** .41666 - .055;
 }
-var xi, Si = class {
+var wi, Ti = 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 {
-			xi === void 0 && (xi = ti("canvas")), xi.width = e.width, xi.height = e.height;
-			let t = xi.getContext("2d");
-			e instanceof ImageData ? t.putImageData(e, 0, 0) : t.drawImage(e, 0, 0, e.width, e.height), n = xi;
+			wi === void 0 && (wi = ii("canvas")), wi.width = e.width, wi.height = e.height;
+			let t = wi.getContext("2d");
+			e instanceof ImageData ? t.putImageData(e, 0, 0) : t.drawImage(e, 0, 0, e.width, e.height), n = wi;
 		}
 		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 = ti("canvas");
+			let t = ii("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] = yi(i[e] / 255) * 255;
+			for (let e = 0; e < i.length; e++) i[e] = Si(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(yi(t[e] / 255) * 255) : t[e] = yi(t[e]);
+			for (let e = 0; e < t.length; e++) t instanceof Uint8Array || t instanceof Uint8ClampedArray ? t[e] = Math.floor(Si(t[e] / 255) * 255) : t[e] = Si(t[e]);
 			return {
 				data: t,
 				width: e.width,
 				height: e.height
 			};
-		} else return V("ImageUtils.sRGBToLinear(): Unsupported image type. No color space conversion applied."), e;
+		} else return H("ImageUtils.sRGBToLinear(): Unsupported image type. No color space conversion applied."), e;
 	}
-}, Ci = 0, wi = class {
+}, Ei = 0, Di = class {
 	constructor(e = null) {
-		this.isSource = !0, Object.defineProperty(this, "id", { value: Ci++ }), this.uuid = si(), this.data = e, this.dataReady = !0, this.version = 0;
+		this.isSource = !0, Object.defineProperty(this, "id", { value: Ei++ }), this.uuid = ui(), this.data = e, this.dataReady = !0, this.version = 0;
 	}
 	getSize(e) {
 		let t = this.data;
@@ -4396,33 +4544,33 @@ var xi, Si = class {
 			let e;
 			if (Array.isArray(r)) {
 				e = [];
-				for (let t = 0, n = r.length; t < n; t++) r[t].isDataTexture ? e.push(Ti(r[t].image)) : e.push(Ti(r[t]));
-			} else e = Ti(r);
+				for (let t = 0, n = r.length; t < n; t++) r[t].isDataTexture ? e.push(Oi(r[t].image)) : e.push(Oi(r[t]));
+			} else e = Oi(r);
 			n.url = e;
 		}
 		return t || (e.images[this.uuid] = n), n;
 	}
 };
-function Ti(e) {
-	return typeof HTMLImageElement < "u" && e instanceof HTMLImageElement || typeof HTMLCanvasElement < "u" && e instanceof HTMLCanvasElement || typeof ImageBitmap < "u" && e instanceof ImageBitmap ? Si.getDataURL(e) : e.data ? {
+function Oi(e) {
+	return typeof HTMLImageElement < "u" && e instanceof HTMLImageElement || typeof HTMLCanvasElement < "u" && e instanceof HTMLCanvasElement || typeof ImageBitmap < "u" && e instanceof ImageBitmap ? Ti.getDataURL(e) : e.data ? {
 		data: Array.from(e.data),
 		width: e.width,
 		height: e.height,
 		type: e.data.constructor.name
-	} : (V("Texture: Unable to serialize Texture."), {});
+	} : (H("Texture: Unable to serialize Texture."), {});
 }
-var Ei = 0, Di = /*@__PURE__*/ new G(), Oi = class e extends oi {
-	constructor(t = e.DEFAULT_IMAGE, n = e.DEFAULT_MAPPING, r = Ir, i = Ir, a = Rr, o = zr, s = Vr, c = Br, l = e.DEFAULT_ANISOTROPY, u = "") {
-		super(), this.isTexture = !0, Object.defineProperty(this, "id", { value: Ei++ }), this.uuid = si(), this.name = "", this.source = new wi(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 ui(0, 0), this.repeat = new ui(1, 1), this.center = new ui(0, 0), this.rotation = 0, this.matrixAutoUpdate = !0, this.matrix = new mi(), 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 ki = 0, Ai = /*@__PURE__*/ new K(), ji = class e extends li {
+	constructor(t = e.DEFAULT_IMAGE, n = e.DEFAULT_MAPPING, r = zr, i = zr, a = Vr, o = Hr, s = Wr, c = Ur, l = e.DEFAULT_ANISOTROPY, u = "") {
+		super(), this.isTexture = !0, Object.defineProperty(this, "id", { value: ki++ }), this.uuid = ui(), this.name = "", this.source = new Di(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 pi(0, 0), this.repeat = new pi(1, 1), this.center = new pi(0, 0), this.rotation = 0, this.matrixAutoUpdate = !0, this.matrix = new _i(), 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(Di).x;
+		return this.source.getSize(Ai).x;
 	}
 	get height() {
-		return this.source.getSize(Di).y;
+		return this.source.getSize(Ai).y;
 	}
 	get depth() {
-		return this.source.getSize(Di).z;
+		return this.source.getSize(Ai).z;
 	}
 	get image() {
 		return this.source.data;
@@ -4452,12 +4600,12 @@ var Ei = 0, Di = /*@__PURE__*/ new G(), Oi = class e extends oi {
 		for (let t in e) {
 			let n = e[t];
 			if (n === void 0) {
-				V(`Texture.setValues(): parameter '${t}' has value of undefined.`);
+				H(`Texture.setValues(): parameter '${t}' has value of undefined.`);
 				continue;
 			}
 			let r = this[t];
 			if (r === void 0) {
-				V(`Texture.setValues(): property '${t}' does not exist.`);
+				H(`Texture.setValues(): property '${t}' does not exist.`);
 				continue;
 			}
 			r && n && r.isVector2 && n.isVector2 || r && n && r.isVector3 && n.isVector3 || r && n && r.isMatrix3 && n.isMatrix3 ? r.copy(n) : this[t] = n;
@@ -4503,24 +4651,24 @@ var Ei = 0, Di = /*@__PURE__*/ new G(), Oi = class e extends oi {
 	transformUv(e) {
 		if (this.mapping !== 300) return e;
 		if (e.applyMatrix3(this.matrix), e.x < 0 || e.x > 1) switch (this.wrapS) {
-			case Fr:
+			case Rr:
 				e.x -= Math.floor(e.x);
 				break;
-			case Ir:
+			case zr:
 				e.x = e.x < 0 ? 0 : 1;
 				break;
-			case Lr:
+			case Br:
 				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 Fr:
+			case Rr:
 				e.y -= Math.floor(e.y);
 				break;
-			case Ir:
+			case zr:
 				e.y = e.y < 0 ? 0 : 1;
 				break;
-			case Lr:
+			case Br:
 				Math.abs(Math.floor(e.y) % 2) === 1 ? e.y = Math.ceil(e.y) - e.y : e.y -= Math.floor(e.y);
 				break;
 		}
@@ -4533,7 +4681,7 @@ var Ei = 0, Di = /*@__PURE__*/ new G(), Oi = class e extends oi {
 		e === !0 && this.pmremVersion++;
 	}
 };
-Oi.DEFAULT_IMAGE = null, Oi.DEFAULT_MAPPING = 300, Oi.DEFAULT_ANISOTROPY = 1, class e {
+ji.DEFAULT_IMAGE = null, ji.DEFAULT_MAPPING = 300, ji.DEFAULT_ANISOTROPY = 1, class e {
 	static {
 		e.prototype.isVector4 = !0;
 	}
@@ -4667,14 +4815,14 @@ Oi.DEFAULT_IMAGE = null, Oi.DEFAULT_MAPPING = 300, Oi.DEFAULT_ANISOTROPY = 1, cl
 		return this.x = Math.max(this.x, e.x), this.y = Math.max(this.y, e.y), this.z = Math.max(this.z, e.z), this.w = Math.max(this.w, e.w), this;
 	}
 	clamp(e, t) {
-		return this.x = W(this.x, e.x, t.x), this.y = W(this.y, e.y, t.y), this.z = W(this.z, e.z, t.z), this.w = W(this.w, e.w, t.w), this;
+		return this.x = G(this.x, e.x, t.x), this.y = G(this.y, e.y, t.y), this.z = G(this.z, e.z, t.z), this.w = G(this.w, e.w, t.w), this;
 	}
 	clampScalar(e, t) {
-		return this.x = W(this.x, e, t), this.y = W(this.y, e, t), this.z = W(this.z, e, t), this.w = W(this.w, e, t), this;
+		return this.x = G(this.x, e, t), this.y = G(this.y, e, t), this.z = G(this.z, e, t), this.w = G(this.w, e, t), this;
 	}
 	clampLength(e, t) {
 		let n = this.length();
-		return this.divideScalar(n || 1).multiplyScalar(W(n, e, t));
+		return this.divideScalar(n || 1).multiplyScalar(G(n, e, t));
 	}
 	floor() {
 		return this.x = Math.floor(this.x), this.y = Math.floor(this.y), this.z = Math.floor(this.z), this.w = Math.floor(this.w), this;
@@ -4734,7 +4882,7 @@ Oi.DEFAULT_IMAGE = null, Oi.DEFAULT_MAPPING = 300, Oi.DEFAULT_ANISOTROPY = 1, cl
 		yield this.x, yield this.y, yield this.z, yield this.w;
 	}
 };
-var ki = class e {
+var Mi = class e {
 	static {
 		e.prototype.isMatrix4 = !0;
 	}
@@ -4788,7 +4936,7 @@ var ki = class e {
 	}
 	extractRotation(e) {
 		if (e.determinant() === 0) return this.identity();
-		let t = this.elements, n = e.elements, r = 1 / Ai.setFromMatrixColumn(e, 0).length(), i = 1 / Ai.setFromMatrixColumn(e, 1).length(), a = 1 / Ai.setFromMatrixColumn(e, 2).length();
+		let t = this.elements, n = e.elements, r = 1 / Ni.setFromMatrixColumn(e, 0).length(), i = 1 / Ni.setFromMatrixColumn(e, 1).length(), a = 1 / Ni.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) {
@@ -4815,11 +4963,11 @@ var ki = 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(ji, e, Mi);
+		return this.compose(Pi, e, Fi);
 	}
 	lookAt(e, t, n) {
 		let r = this.elements;
-		return J.subVectors(e, t), J.lengthSq() === 0 && (J.z = 1), J.normalize(), Ni.crossVectors(n, J), Ni.lengthSq() === 0 && (Math.abs(n.z) === 1 ? J.x += 1e-4 : J.z += 1e-4, J.normalize(), Ni.crossVectors(n, J)), Ni.normalize(), Pi.crossVectors(J, Ni), r[0] = Ni.x, r[4] = Pi.x, r[8] = J.x, r[1] = Ni.y, r[5] = Pi.y, r[9] = J.y, r[2] = Ni.z, r[6] = Pi.z, r[10] = J.z, this;
+		return Y.subVectors(e, t), Y.lengthSq() === 0 && (Y.z = 1), Y.normalize(), Ii.crossVectors(n, Y), Ii.lengthSq() === 0 && (Math.abs(n.z) === 1 ? Y.x += 1e-4 : Y.z += 1e-4, Y.normalize(), Ii.crossVectors(n, Y)), Ii.normalize(), Li.crossVectors(Y, Ii), r[0] = Ii.x, r[4] = Li.x, r[8] = Y.x, r[1] = Ii.y, r[5] = Li.y, r[9] = Y.y, r[2] = Ii.z, r[6] = Li.z, r[10] = Y.z, this;
 	}
 	multiply(e) {
 		return this.multiplyMatrices(this, e);
@@ -4828,8 +4976,8 @@ var ki = class e {
 		return this.multiplyMatrices(e, this);
 	}
 	multiplyMatrices(e, t) {
-		let n = e.elements, r = t.elements, i = this.elements, a = n[0], o = n[4], s = n[8], c = n[12], l = n[1], u = n[5], d = n[9], f = n[13], p = n[2], m = n[6], h = n[10], g = n[14], _ = n[3], v = n[7], y = n[11], b = n[15], x = r[0], S = r[4], C = r[8], w = r[12], T = r[1], E = r[5], D = r[9], O = r[13], k = r[2], A = r[6], ee = r[10], te = r[14], j = r[3], ne = r[7], M = r[11], N = r[15];
-		return i[0] = a * x + o * T + s * k + c * j, i[4] = a * S + o * E + s * A + c * ne, i[8] = a * C + o * D + s * ee + c * M, i[12] = a * w + o * O + s * te + c * N, i[1] = l * x + u * T + d * k + f * j, i[5] = l * S + u * E + d * A + f * ne, i[9] = l * C + u * D + d * ee + f * M, i[13] = l * w + u * O + d * te + f * N, i[2] = p * x + m * T + h * k + g * j, i[6] = p * S + m * E + h * A + g * ne, i[10] = p * C + m * D + h * ee + g * M, i[14] = p * w + m * O + h * te + g * N, i[3] = _ * x + v * T + y * k + b * j, i[7] = _ * S + v * E + y * A + b * ne, i[11] = _ * C + v * D + y * ee + b * M, i[15] = _ * w + v * O + y * te + b * N, this;
+		let n = e.elements, r = t.elements, i = this.elements, a = n[0], o = n[4], s = n[8], c = n[12], l = n[1], u = n[5], d = n[9], f = n[13], p = n[2], m = n[6], h = n[10], g = n[14], _ = n[3], v = n[7], y = n[11], b = n[15], x = r[0], S = r[4], C = r[8], w = r[12], T = r[1], E = r[5], D = r[9], O = r[13], k = r[2], A = r[6], ee = r[10], te = r[14], j = r[3], ne = r[7], re = r[11], M = r[15];
+		return i[0] = a * x + o * T + s * k + c * j, i[4] = a * S + o * E + s * A + c * ne, i[8] = a * C + o * D + s * ee + c * re, i[12] = a * w + o * O + s * te + c * M, i[1] = l * x + u * T + d * k + f * j, i[5] = l * S + u * E + d * A + f * ne, i[9] = l * C + u * D + d * ee + f * re, i[13] = l * w + u * O + d * te + f * M, i[2] = p * x + m * T + h * k + g * j, i[6] = p * S + m * E + h * A + g * ne, i[10] = p * C + m * D + h * ee + g * re, i[14] = p * w + m * O + h * te + g * M, i[3] = _ * x + v * T + y * k + b * j, i[7] = _ * S + v * E + y * A + b * ne, i[11] = _ * C + v * D + y * ee + b * re, i[15] = _ * w + v * O + y * te + b * M, this;
 	}
 	multiplyScalar(e) {
 		let t = this.elements;
@@ -4895,12 +5043,12 @@ var ki = 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 = Ai.set(r[0], r[1], r[2]).length(), o = Ai.set(r[4], r[5], r[6]).length(), s = Ai.set(r[8], r[9], r[10]).length();
-		i < 0 && (a = -a), q.copy(this);
+		let a = Ni.set(r[0], r[1], r[2]).length(), o = Ni.set(r[4], r[5], r[6]).length(), s = Ni.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 q.elements[0] *= c, q.elements[1] *= c, q.elements[2] *= c, q.elements[4] *= l, q.elements[5] *= l, q.elements[6] *= l, q.elements[8] *= u, q.elements[9] *= u, q.elements[10] *= u, t.setFromRotationMatrix(q), n.x = a, n.y = o, n.z = s, this;
+		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 = $r, s = !1) {
+	makePerspective(e, t, n, r, i, a, o = ni, 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);
@@ -4908,7 +5056,7 @@ var ki = 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 = $r, s = !1) {
+	makeOrthographic(e, t, n, r, i, a, o = ni, 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);
@@ -4929,7 +5077,7 @@ var ki = 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;
 	}
-}, Ai = /*@__PURE__*/ new G(), q = /*@__PURE__*/ new ki(), ji = /*@__PURE__*/ new G(0, 0, 0), Mi = /*@__PURE__*/ new G(1, 1, 1), Ni = /*@__PURE__*/ new G(), Pi = /*@__PURE__*/ new G(), J = /*@__PURE__*/ new G(), Fi = /*@__PURE__*/ new ki(), Ii = /*@__PURE__*/ new di(), Li = class e {
+}, Ni = /*@__PURE__*/ new K(), J = /*@__PURE__*/ new Mi(), Pi = /*@__PURE__*/ new K(0, 0, 0), Fi = /*@__PURE__*/ new K(1, 1, 1), Ii = /*@__PURE__*/ new K(), Li = /*@__PURE__*/ new K(), Y = /*@__PURE__*/ new K(), Ri = /*@__PURE__*/ new Mi(), zi = /*@__PURE__*/ new mi(), Bi = 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;
 	}
@@ -4970,35 +5118,35 @@ var ki = class e {
 		let r = e.elements, i = r[0], a = r[4], o = r[8], s = r[1], c = r[5], l = r[9], u = r[2], d = r[6], f = r[10];
 		switch (t) {
 			case "XYZ":
-				this._y = Math.asin(W(o, -1, 1)), Math.abs(o) < .9999999 ? (this._x = Math.atan2(-l, f), this._z = Math.atan2(-a, i)) : (this._x = Math.atan2(d, c), this._z = 0);
+				this._y = Math.asin(G(o, -1, 1)), Math.abs(o) < .9999999 ? (this._x = Math.atan2(-l, f), this._z = Math.atan2(-a, i)) : (this._x = Math.atan2(d, c), this._z = 0);
 				break;
 			case "YXZ":
-				this._x = Math.asin(-W(l, -1, 1)), Math.abs(l) < .9999999 ? (this._y = Math.atan2(o, f), this._z = Math.atan2(s, c)) : (this._y = Math.atan2(-u, i), this._z = 0);
+				this._x = Math.asin(-G(l, -1, 1)), Math.abs(l) < .9999999 ? (this._y = Math.atan2(o, f), this._z = Math.atan2(s, c)) : (this._y = Math.atan2(-u, i), this._z = 0);
 				break;
 			case "ZXY":
-				this._x = Math.asin(W(d, -1, 1)), Math.abs(d) < .9999999 ? (this._y = Math.atan2(-u, f), this._z = Math.atan2(-a, c)) : (this._y = 0, this._z = Math.atan2(s, i));
+				this._x = Math.asin(G(d, -1, 1)), Math.abs(d) < .9999999 ? (this._y = Math.atan2(-u, f), this._z = Math.atan2(-a, c)) : (this._y = 0, this._z = Math.atan2(s, i));
 				break;
 			case "ZYX":
-				this._y = Math.asin(-W(u, -1, 1)), Math.abs(u) < .9999999 ? (this._x = Math.atan2(d, f), this._z = Math.atan2(s, i)) : (this._x = 0, this._z = Math.atan2(-a, c));
+				this._y = Math.asin(-G(u, -1, 1)), Math.abs(u) < .9999999 ? (this._x = Math.atan2(d, f), this._z = Math.atan2(s, i)) : (this._x = 0, this._z = Math.atan2(-a, c));
 				break;
 			case "YZX":
-				this._z = Math.asin(W(s, -1, 1)), Math.abs(s) < .9999999 ? (this._x = Math.atan2(-l, c), this._y = Math.atan2(-u, i)) : (this._x = 0, this._y = Math.atan2(o, f));
+				this._z = Math.asin(G(s, -1, 1)), Math.abs(s) < .9999999 ? (this._x = Math.atan2(-l, c), this._y = Math.atan2(-u, i)) : (this._x = 0, this._y = Math.atan2(o, f));
 				break;
 			case "XZY":
-				this._z = Math.asin(-W(a, -1, 1)), Math.abs(a) < .9999999 ? (this._x = Math.atan2(d, c), this._y = Math.atan2(o, i)) : (this._x = Math.atan2(-l, f), this._y = 0);
+				this._z = Math.asin(-G(a, -1, 1)), Math.abs(a) < .9999999 ? (this._x = Math.atan2(d, c), this._y = Math.atan2(o, i)) : (this._x = Math.atan2(-l, f), this._y = 0);
 				break;
-			default: V("Euler: .setFromRotationMatrix() encountered an unknown order: " + t);
+			default: H("Euler: .setFromRotationMatrix() encountered an unknown order: " + t);
 		}
 		return this._order = t, n === !0 && this._onChangeCallback(), this;
 	}
 	setFromQuaternion(e, t, n) {
-		return Fi.makeRotationFromQuaternion(e), this.setFromRotationMatrix(Fi, t, n);
+		return Ri.makeRotationFromQuaternion(e), this.setFromRotationMatrix(Ri, t, n);
 	}
 	setFromVector3(e, t = this._order) {
 		return this.set(e.x, e.y, e.z, t);
 	}
 	reorder(e) {
-		return Ii.setFromEuler(this), this.setFromQuaternion(Ii, e);
+		return zi.setFromEuler(this), this.setFromQuaternion(zi, e);
 	}
 	equals(e) {
 		return e._x === this._x && e._y === this._y && e._z === this._z && e._order === this._order;
@@ -5017,8 +5165,8 @@ var ki = class e {
 		yield this._x, yield this._y, yield this._z, yield this._order;
 	}
 };
-Li.DEFAULT_ORDER = "XYZ";
-var Ri = class {
+Bi.DEFAULT_ORDER = "XYZ";
+var Vi = class {
 	constructor() {
 		this.mask = 1;
 	}
@@ -5046,16 +5194,16 @@ var Ri = class {
 	isEnabled(e) {
 		return (this.mask & (1 << e | 0)) != 0;
 	}
-}, zi = 0, Bi = /*@__PURE__*/ new G(), Vi = /*@__PURE__*/ new di(), Hi = /*@__PURE__*/ new ki(), Ui = /*@__PURE__*/ new G(), Wi = /*@__PURE__*/ new G(), Gi = /*@__PURE__*/ new G(), Ki = /*@__PURE__*/ new di(), qi = /*@__PURE__*/ new G(1, 0, 0), Ji = /*@__PURE__*/ new G(0, 1, 0), Yi = /*@__PURE__*/ new G(0, 0, 1), Xi = { type: "added" }, Zi = { type: "removed" }, Qi = {
+}, Hi = 0, Ui = /*@__PURE__*/ new K(), Wi = /*@__PURE__*/ new mi(), Gi = /*@__PURE__*/ new Mi(), Ki = /*@__PURE__*/ new K(), qi = /*@__PURE__*/ new K(), Ji = /*@__PURE__*/ new K(), Yi = /*@__PURE__*/ new mi(), Xi = /*@__PURE__*/ new K(1, 0, 0), Zi = /*@__PURE__*/ new K(0, 1, 0), Qi = /*@__PURE__*/ new K(0, 0, 1), $i = { type: "added" }, ea = { type: "removed" }, ta = {
 	type: "childadded",
 	child: null
-}, $i = {
+}, na = {
 	type: "childremoved",
 	child: null
-}, ea = class e extends oi {
+}, ra = class e extends li {
 	constructor() {
-		super(), this.isObject3D = !0, Object.defineProperty(this, "id", { value: zi++ }), this.uuid = si(), this.name = "", this.type = "Object3D", this.parent = null, this.children = [], this.up = e.DEFAULT_UP.clone();
-		let t = new G(), n = new Li(), r = new di(), i = new G(1, 1, 1);
+		super(), this.isObject3D = !0, Object.defineProperty(this, "id", { value: Hi++ }), this.uuid = ui(), this.name = "", this.type = "Object3D", this.parent = null, this.children = [], this.up = e.DEFAULT_UP.clone();
+		let t = new K(), n = new Bi(), r = new mi(), i = new K(1, 1, 1);
 		function a() {
 			r.setFromEuler(n, !1);
 		}
@@ -5083,9 +5231,9 @@ var Ri = class {
 				enumerable: !0,
 				value: i
 			},
-			modelViewMatrix: { value: new ki() },
-			normalMatrix: { value: new mi() }
-		}), this.matrix = new ki(), this.matrixWorld = new ki(), this.matrixAutoUpdate = e.DEFAULT_MATRIX_AUTO_UPDATE, this.matrixWorldAutoUpdate = e.DEFAULT_MATRIX_WORLD_AUTO_UPDATE, this.matrixWorldNeedsUpdate = !1, this.layers = new Ri(), 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 Mi() },
+			normalMatrix: { value: new _i() }
+		}), this.matrix = new Mi(), this.matrixWorld = new Mi(), this.matrixAutoUpdate = e.DEFAULT_MATRIX_AUTO_UPDATE, this.matrixWorldAutoUpdate = e.DEFAULT_MATRIX_WORLD_AUTO_UPDATE, this.matrixWorldNeedsUpdate = !1, this.layers = new Vi(), 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() {}
@@ -5110,49 +5258,49 @@ var Ri = class {
 		this.quaternion.copy(e);
 	}
 	rotateOnAxis(e, t) {
-		return Vi.setFromAxisAngle(e, t), this.quaternion.multiply(Vi), this;
+		return Wi.setFromAxisAngle(e, t), this.quaternion.multiply(Wi), this;
 	}
 	rotateOnWorldAxis(e, t) {
-		return Vi.setFromAxisAngle(e, t), this.quaternion.premultiply(Vi), this;
+		return Wi.setFromAxisAngle(e, t), this.quaternion.premultiply(Wi), this;
 	}
 	rotateX(e) {
-		return this.rotateOnAxis(qi, e);
+		return this.rotateOnAxis(Xi, e);
 	}
 	rotateY(e) {
-		return this.rotateOnAxis(Ji, e);
+		return this.rotateOnAxis(Zi, e);
 	}
 	rotateZ(e) {
-		return this.rotateOnAxis(Yi, e);
+		return this.rotateOnAxis(Qi, e);
 	}
 	translateOnAxis(e, t) {
-		return Bi.copy(e).applyQuaternion(this.quaternion), this.position.add(Bi.multiplyScalar(t)), this;
+		return Ui.copy(e).applyQuaternion(this.quaternion), this.position.add(Ui.multiplyScalar(t)), this;
 	}
 	translateX(e) {
-		return this.translateOnAxis(qi, e);
+		return this.translateOnAxis(Xi, e);
 	}
 	translateY(e) {
-		return this.translateOnAxis(Ji, e);
+		return this.translateOnAxis(Zi, e);
 	}
 	translateZ(e) {
-		return this.translateOnAxis(Yi, e);
+		return this.translateOnAxis(Qi, e);
 	}
 	localToWorld(e) {
 		return this.updateWorldMatrix(!0, !1), e.applyMatrix4(this.matrixWorld);
 	}
 	worldToLocal(e) {
-		return this.updateWorldMatrix(!0, !1), e.applyMatrix4(Hi.copy(this.matrixWorld).invert());
+		return this.updateWorldMatrix(!0, !1), e.applyMatrix4(Gi.copy(this.matrixWorld).invert());
 	}
 	lookAt(e, t, n) {
-		e.isVector3 ? Ui.copy(e) : Ui.set(e, t, n);
+		e.isVector3 ? Ki.copy(e) : Ki.set(e, t, n);
 		let r = this.parent;
-		this.updateWorldMatrix(!0, !1), Wi.setFromMatrixPosition(this.matrixWorld), this.isCamera || this.isLight ? Hi.lookAt(Wi, Ui, this.up) : Hi.lookAt(Ui, Wi, this.up), this.quaternion.setFromRotationMatrix(Hi), r && (Hi.extractRotation(r.matrixWorld), Vi.setFromRotationMatrix(Hi), this.quaternion.premultiply(Vi.invert()));
+		this.updateWorldMatrix(!0, !1), qi.setFromMatrixPosition(this.matrixWorld), this.isCamera || this.isLight ? Gi.lookAt(qi, Ki, this.up) : Gi.lookAt(Ki, qi, this.up), this.quaternion.setFromRotationMatrix(Gi), r && (Gi.extractRotation(r.matrixWorld), Wi.setFromRotationMatrix(Gi), this.quaternion.premultiply(Wi.invert()));
 	}
 	add(e) {
 		if (arguments.length > 1) {
 			for (let e = 0; e < arguments.length; e++) this.add(arguments[e]);
 			return this;
 		}
-		return e === this ? (H("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(Xi), Qi.child = e, this.dispatchEvent(Qi), Qi.child = null) : H("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($i), ta.child = e, this.dispatchEvent(ta), ta.child = null) : U("Object3D.add: object not an instance of THREE.Object3D.", e), this);
 	}
 	remove(e) {
 		if (arguments.length > 1) {
@@ -5160,7 +5308,7 @@ var Ri = class {
 			return this;
 		}
 		let t = this.children.indexOf(e);
-		return t !== -1 && (e.parent = null, this.children.splice(t, 1), e.dispatchEvent(Zi), $i.child = e, this.dispatchEvent($i), $i.child = null), this;
+		return t !== -1 && (e.parent = null, this.children.splice(t, 1), e.dispatchEvent(ea), na.child = e, this.dispatchEvent(na), na.child = null), this;
 	}
 	removeFromParent() {
 		let e = this.parent;
@@ -5170,7 +5318,7 @@ var Ri = class {
 		return this.remove(...this.children);
 	}
 	attach(e) {
-		return this.updateWorldMatrix(!0, !1), Hi.copy(this.matrixWorld).invert(), e.parent !== null && (e.parent.updateWorldMatrix(!0, !1), Hi.multiply(e.parent.matrixWorld)), e.applyMatrix4(Hi), e.removeFromParent(), e.parent = this, this.children.push(e), e.updateWorldMatrix(!1, !0), e.dispatchEvent(Xi), Qi.child = e, this.dispatchEvent(Qi), Qi.child = null, this;
+		return this.updateWorldMatrix(!0, !1), Gi.copy(this.matrixWorld).invert(), e.parent !== null && (e.parent.updateWorldMatrix(!0, !1), Gi.multiply(e.parent.matrixWorld)), e.applyMatrix4(Gi), e.removeFromParent(), e.parent = this, this.children.push(e), e.updateWorldMatrix(!1, !0), e.dispatchEvent($i), ta.child = e, this.dispatchEvent(ta), ta.child = null, this;
 	}
 	getObjectById(e) {
 		return this.getObjectByProperty("id", e);
@@ -5195,10 +5343,10 @@ var Ri = class {
 		return this.updateWorldMatrix(!0, !1), e.setFromMatrixPosition(this.matrixWorld);
 	}
 	getWorldQuaternion(e) {
-		return this.updateWorldMatrix(!0, !1), this.matrixWorld.decompose(Wi, e, Gi), e;
+		return this.updateWorldMatrix(!0, !1), this.matrixWorld.decompose(qi, e, Ji), e;
 	}
 	getWorldScale(e) {
-		return this.updateWorldMatrix(!0, !1), this.matrixWorld.decompose(Wi, Ki, e), e;
+		return this.updateWorldMatrix(!0, !1), this.matrixWorld.decompose(qi, Yi, e), e;
 	}
 	getWorldDirection(e) {
 		this.updateWorldMatrix(!0, !1);
@@ -5321,8 +5469,8 @@ var Ri = class {
 		return this;
 	}
 };
-ea.DEFAULT_UP = /*@__PURE__*/ new G(0, 1, 0), ea.DEFAULT_MATRIX_AUTO_UPDATE = !0, ea.DEFAULT_MATRIX_WORLD_AUTO_UPDATE = !0;
-var ta = {
+ra.DEFAULT_UP = /*@__PURE__*/ new K(0, 1, 0), ra.DEFAULT_MATRIX_AUTO_UPDATE = !0, ra.DEFAULT_MATRIX_WORLD_AUTO_UPDATE = !0;
+var ia = {
 	aliceblue: 15792383,
 	antiquewhite: 16444375,
 	aqua: 65535,
@@ -5471,19 +5619,19 @@ var ta = {
 	whitesmoke: 16119285,
 	yellow: 16776960,
 	yellowgreen: 10145074
-}, na = {
+}, aa = {
 	h: 0,
 	s: 0,
 	l: 0
-}, ra = {
+}, oa = {
 	h: 0,
 	s: 0,
 	l: 0
 };
-function ia(e, t, n) {
+function sa(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 aa = class {
+var ca = class {
 	constructor(e, t, n) {
 		return this.isColor = !0, this.r = 1, this.g = 1, this.b = 1, this.set(e, t, n);
 	}
@@ -5497,23 +5645,23 @@ var aa = class {
 	setScalar(e) {
 		return this.r = e, this.g = e, this.b = e, this;
 	}
-	setHex(e, t = Yr) {
-		return e = Math.floor(e), this.r = (e >> 16 & 255) / 255, this.g = (e >> 8 & 255) / 255, this.b = (e & 255) / 255, K.colorSpaceToWorking(this, t), this;
+	setHex(e, t = Qr) {
+		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 = K.workingColorSpace) {
-		return this.r = e, this.g = t, this.b = n, K.colorSpaceToWorking(this, r), 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 = K.workingColorSpace) {
-		if (e = ci(e, 1), t = W(t, 0, 1), n = W(n, 0, 1), t === 0) this.r = this.g = this.b = n;
+	setHSL(e, t, n, r = q.workingColorSpace) {
+		if (e = di(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 = ia(i, r, e + 1 / 3), this.g = ia(i, r, e), this.b = ia(i, r, e - 1 / 3);
+			this.r = sa(i, r, e + 1 / 3), this.g = sa(i, r, e), this.b = sa(i, r, e - 1 / 3);
 		}
-		return K.colorSpaceToWorking(this, r), this;
+		return q.colorSpaceToWorking(this, r), this;
 	}
-	setStyle(e, t = Yr) {
+	setStyle(e, t = Qr) {
 		function n(t) {
-			t !== void 0 && parseFloat(t) < 1 && V("Color: Alpha component of " + e + " will be ignored.");
+			t !== void 0 && parseFloat(t) < 1 && H("Color: Alpha component of " + e + " will be ignored.");
 		}
 		let r;
 		if (r = /^(\w+)\(([^\)]*)\)/.exec(e)) {
@@ -5528,19 +5676,19 @@ var aa = class {
 				case "hsla":
 					if (i = /^\s*(\d*\.?\d+)\s*,\s*(\d*\.?\d+)\%\s*,\s*(\d*\.?\d+)\%\s*(?:,\s*(\d*\.?\d+)\s*)?$/.exec(o)) return n(i[4]), this.setHSL(parseFloat(i[1]) / 360, parseFloat(i[2]) / 100, parseFloat(i[3]) / 100, t);
 					break;
-				default: V("Color: Unknown color model " + e);
+				default: H("Color: Unknown color model " + e);
 			}
 		} else if (r = /^\#([A-Fa-f\d]+)$/.exec(e)) {
 			let n = r[1], i = n.length;
 			if (i === 3) return this.setRGB(parseInt(n.charAt(0), 16) / 15, parseInt(n.charAt(1), 16) / 15, parseInt(n.charAt(2), 16) / 15, t);
 			if (i === 6) return this.setHex(parseInt(n, 16), t);
-			V("Color: Invalid hex color " + e);
+			H("Color: Invalid hex color " + e);
 		} else if (e && e.length > 0) return this.setColorName(e, t);
 		return this;
 	}
-	setColorName(e, t = Yr) {
-		let n = ta[e.toLowerCase()];
-		return n === void 0 ? V("Color: Unknown color " + e) : this.setHex(n, t), this;
+	setColorName(e, t = Qr) {
+		let n = ia[e.toLowerCase()];
+		return n === void 0 ? H("Color: Unknown color " + e) : this.setHex(n, t), this;
 	}
 	clone() {
 		return new this.constructor(this.r, this.g, this.b);
@@ -5549,10 +5697,10 @@ var aa = class {
 		return this.r = e.r, this.g = e.g, this.b = e.b, this;
 	}
 	copySRGBToLinear(e) {
-		return this.r = yi(e.r), this.g = yi(e.g), this.b = yi(e.b), this;
+		return this.r = Si(e.r), this.g = Si(e.g), this.b = Si(e.b), this;
 	}
 	copyLinearToSRGB(e) {
-		return this.r = bi(e.r), this.g = bi(e.g), this.b = bi(e.b), this;
+		return this.r = Ci(e.r), this.g = Ci(e.g), this.b = Ci(e.b), this;
 	}
 	convertSRGBToLinear() {
 		return this.copySRGBToLinear(this), this;
@@ -5560,15 +5708,15 @@ var aa = class {
 	convertLinearToSRGB() {
 		return this.copyLinearToSRGB(this), this;
 	}
-	getHex(e = Yr) {
-		return K.workingToColorSpace(Y.copy(this), e), Math.round(W(Y.r * 255, 0, 255)) * 65536 + Math.round(W(Y.g * 255, 0, 255)) * 256 + Math.round(W(Y.b * 255, 0, 255));
+	getHex(e = Qr) {
+		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 = Yr) {
+	getHexString(e = Qr) {
 		return ("000000" + this.getHex(e).toString(16)).slice(-6);
 	}
-	getHSL(e, t = K.workingColorSpace) {
-		K.workingToColorSpace(Y.copy(this), t);
-		let n = Y.r, r = Y.g, i = Y.b, a = Math.max(n, r, i), o = Math.min(n, r, i), s, c, l = (o + a) / 2;
+	getHSL(e, t = q.workingColorSpace) {
+		q.workingToColorSpace(X.copy(this), t);
+		let n = X.r, r = X.g, i = X.b, a = Math.max(n, r, i), o = Math.min(n, r, i), s, c, l = (o + a) / 2;
 		if (o === a) s = 0, c = 0;
 		else {
 			let e = a - o;
@@ -5587,16 +5735,16 @@ var aa = class {
 		}
 		return e.h = s, e.s = c, e.l = l, e;
 	}
-	getRGB(e, t = K.workingColorSpace) {
-		return K.workingToColorSpace(Y.copy(this), t), e.r = Y.r, e.g = Y.g, e.b = Y.b, e;
+	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 = Yr) {
-		K.workingToColorSpace(Y.copy(this), e);
-		let t = Y.r, n = Y.g, r = Y.b;
+	getStyle(e = Qr) {
+		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(na), this.setHSL(na.h + e, na.s + t, na.l + n);
+		return this.getHSL(aa), this.setHSL(aa.h + e, aa.s + t, aa.l + n);
 	}
 	add(e) {
 		return this.r += e.r, this.g += e.g, this.b += e.b, this;
@@ -5623,8 +5771,8 @@ var aa = 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(na), e.getHSL(ra);
-		let n = li(na.h, ra.h, t), r = li(na.s, ra.s, t), i = li(na.l, ra.l, t);
+		this.getHSL(aa), e.getHSL(oa);
+		let n = fi(aa.h, oa.h, t), r = fi(aa.s, oa.s, t), i = fi(aa.l, oa.l, t);
 		return this.setHSL(n, r, i), this;
 	}
 	setFromVector3(e) {
@@ -5652,10 +5800,10 @@ var aa = class {
 	*[Symbol.iterator]() {
 		yield this.r, yield this.g, yield this.b;
 	}
-}, Y = /*@__PURE__*/ new aa();
-aa.NAMES = ta;
-var oa = class {
-	constructor(e = new G(Infinity, Infinity, Infinity), t = new G(-Infinity, -Infinity, -Infinity)) {
+}, X = /*@__PURE__*/ new ca();
+ca.NAMES = ia;
+var la = class {
+	constructor(e = new K(Infinity, Infinity, Infinity), t = new K(-Infinity, -Infinity, -Infinity)) {
 		this.isBox3 = !0, this.min = e, this.max = t;
 	}
 	set(e, t) {
@@ -5663,12 +5811,12 @@ var oa = class {
 	}
 	setFromArray(e) {
 		this.makeEmpty();
-		for (let t = 0, n = e.length; t < n; t += 3) this.expandByPoint(X.fromArray(e, t));
+		for (let t = 0, n = e.length; t < n; t += 3) this.expandByPoint(da.fromArray(e, t));
 		return this;
 	}
 	setFromBufferAttribute(e) {
 		this.makeEmpty();
-		for (let t = 0, n = e.count; t < n; t++) this.expandByPoint(X.fromBufferAttribute(e, t));
+		for (let t = 0, n = e.count; t < n; t++) this.expandByPoint(da.fromBufferAttribute(e, t));
 		return this;
 	}
 	setFromPoints(e) {
@@ -5677,7 +5825,7 @@ var oa = class {
 		return this;
 	}
 	setFromCenterAndSize(e, t) {
-		let n = X.copy(t).multiplyScalar(.5);
+		let n = da.copy(t).multiplyScalar(.5);
 		return this.min.copy(e).sub(n), this.max.copy(e).add(n), this;
 	}
 	setFromObject(e, t = !1) {
@@ -5715,8 +5863,8 @@ var oa = class {
 		let n = e.geometry;
 		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, X) : X.fromBufferAttribute(r, t), X.applyMatrix4(e.matrixWorld), this.expandByPoint(X);
-			else e.boundingBox === void 0 ? (n.boundingBox === null && n.computeBoundingBox(), ca.copy(n.boundingBox)) : (e.boundingBox === null && e.computeBoundingBox(), ca.copy(e.boundingBox)), ca.applyMatrix4(e.matrixWorld), this.union(ca);
+			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, da) : da.fromBufferAttribute(r, t), da.applyMatrix4(e.matrixWorld), this.expandByPoint(da);
+			else e.boundingBox === void 0 ? (n.boundingBox === null && n.computeBoundingBox(), fa.copy(n.boundingBox)) : (e.boundingBox === null && e.computeBoundingBox(), fa.copy(e.boundingBox)), fa.applyMatrix4(e.matrixWorld), this.union(fa);
 		}
 		let r = e.children;
 		for (let e = 0, n = r.length; e < n; e++) this.expandByObject(r[e], t);
@@ -5735,7 +5883,7 @@ var oa = class {
 		return e.max.x >= this.min.x && e.min.x <= this.max.x && e.max.y >= this.min.y && e.min.y <= this.max.y && e.max.z >= this.min.z && e.min.z <= this.max.z;
 	}
 	intersectsSphere(e) {
-		return this.clampPoint(e.center, X), X.distanceToSquared(e.center) <= e.radius * e.radius;
+		return this.clampPoint(e.center, da), da.distanceToSquared(e.center) <= e.radius * e.radius;
 	}
 	intersectsPlane(e) {
 		let t, n;
@@ -5743,37 +5891,37 @@ var oa = class {
 	}
 	intersectsTriangle(e) {
 		if (this.isEmpty()) return !1;
-		this.getCenter(ha), ga.subVectors(this.max, ha), la.subVectors(e.a, ha), ua.subVectors(e.b, ha), da.subVectors(e.c, ha), fa.subVectors(ua, la), pa.subVectors(da, ua), ma.subVectors(la, da);
+		this.getCenter(ya), ba.subVectors(this.max, ya), pa.subVectors(e.a, ya), ma.subVectors(e.b, ya), ha.subVectors(e.c, ya), ga.subVectors(ma, pa), _a.subVectors(ha, ma), va.subVectors(pa, ha);
 		let t = [
 			0,
-			-fa.z,
-			fa.y,
+			-ga.z,
+			ga.y,
 			0,
-			-pa.z,
-			pa.y,
+			-_a.z,
+			_a.y,
 			0,
-			-ma.z,
-			ma.y,
-			fa.z,
+			-va.z,
+			va.y,
+			ga.z,
 			0,
-			-fa.x,
-			pa.z,
+			-ga.x,
+			_a.z,
 			0,
-			-pa.x,
-			ma.z,
+			-_a.x,
+			va.z,
 			0,
-			-ma.x,
-			-fa.y,
-			fa.x,
+			-va.x,
+			-ga.y,
+			ga.x,
 			0,
-			-pa.y,
-			pa.x,
+			-_a.y,
+			_a.x,
 			0,
-			-ma.y,
-			ma.x,
+			-va.y,
+			va.x,
 			0
 		];
-		return !ya(t, la, ua, da, ga) || (t = [
+		return !Ca(t, pa, ma, ha, ba) || (t = [
 			1,
 			0,
 			0,
@@ -5783,20 +5931,20 @@ var oa = class {
 			0,
 			0,
 			1
-		], !ya(t, la, ua, da, ga)) ? !1 : (_a.crossVectors(fa, pa), t = [
-			_a.x,
-			_a.y,
-			_a.z
-		], ya(t, la, ua, da, ga));
+		], !Ca(t, pa, ma, ha, ba)) ? !1 : (xa.crossVectors(ga, _a), t = [
+			xa.x,
+			xa.y,
+			xa.z
+		], Ca(t, pa, ma, ha, ba));
 	}
 	clampPoint(e, t) {
 		return t.copy(e).clamp(this.min, this.max);
 	}
 	distanceToPoint(e) {
-		return this.clampPoint(e, X).distanceTo(e);
+		return this.clampPoint(e, da).distanceTo(e);
 	}
 	getBoundingSphere(e) {
-		return this.isEmpty() ? e.makeEmpty() : (this.getCenter(e.center), e.radius = this.getSize(X).length() * .5), e;
+		return this.isEmpty() ? e.makeEmpty() : (this.getCenter(e.center), e.radius = this.getSize(da).length() * .5), e;
 	}
 	intersect(e) {
 		return this.min.max(e.min), this.max.min(e.max), this.isEmpty() && this.makeEmpty(), this;
@@ -5805,7 +5953,7 @@ var oa = class {
 		return this.min.min(e.min), this.max.max(e.max), this;
 	}
 	applyMatrix4(e) {
-		return this.isEmpty() ? this : (sa[0].set(this.min.x, this.min.y, this.min.z).applyMatrix4(e), sa[1].set(this.min.x, this.min.y, this.max.z).applyMatrix4(e), sa[2].set(this.min.x, this.max.y, this.min.z).applyMatrix4(e), sa[3].set(this.min.x, this.max.y, this.max.z).applyMatrix4(e), sa[4].set(this.max.x, this.min.y, this.min.z).applyMatrix4(e), sa[5].set(this.max.x, this.min.y, this.max.z).applyMatrix4(e), sa[6].set(this.max.x, this.max.y, this.min.z).applyMatrix4(e), sa[7].set(this.max.x, this.max.y, this.max.z).applyMatrix4(e), this.setFromPoints(sa), this);
+		return this.isEmpty() ? this : (ua[0].set(this.min.x, this.min.y, this.min.z).applyMatrix4(e), ua[1].set(this.min.x, this.min.y, this.max.z).applyMatrix4(e), ua[2].set(this.min.x, this.max.y, this.min.z).applyMatrix4(e), ua[3].set(this.min.x, this.max.y, this.max.z).applyMatrix4(e), ua[4].set(this.max.x, this.min.y, this.min.z).applyMatrix4(e), ua[5].set(this.max.x, this.min.y, this.max.z).applyMatrix4(e), ua[6].set(this.max.x, this.max.y, this.min.z).applyMatrix4(e), ua[7].set(this.max.x, this.max.y, this.max.z).applyMatrix4(e), this.setFromPoints(ua), this);
 	}
 	translate(e) {
 		return this.min.add(e), this.max.add(e), this;
@@ -5822,28 +5970,28 @@ var oa = class {
 	fromJSON(e) {
 		return this.min.fromArray(e.min), this.max.fromArray(e.max), this;
 	}
-}, sa = [
-	/*@__PURE__*/ new G(),
-	/*@__PURE__*/ new G(),
-	/*@__PURE__*/ new G(),
-	/*@__PURE__*/ new G(),
-	/*@__PURE__*/ new G(),
-	/*@__PURE__*/ new G(),
-	/*@__PURE__*/ new G(),
-	/*@__PURE__*/ new G()
-], X = /*@__PURE__*/ new G(), ca = /*@__PURE__*/ new oa(), la = /*@__PURE__*/ new G(), ua = /*@__PURE__*/ new G(), da = /*@__PURE__*/ new G(), fa = /*@__PURE__*/ new G(), pa = /*@__PURE__*/ new G(), ma = /*@__PURE__*/ new G(), ha = /*@__PURE__*/ new G(), ga = /*@__PURE__*/ new G(), _a = /*@__PURE__*/ new G(), va = /*@__PURE__*/ new G();
-function ya(e, t, n, r, i) {
+}, ua = [
+	/*@__PURE__*/ new K(),
+	/*@__PURE__*/ new K(),
+	/*@__PURE__*/ new K(),
+	/*@__PURE__*/ new K(),
+	/*@__PURE__*/ new K(),
+	/*@__PURE__*/ new K(),
+	/*@__PURE__*/ new K(),
+	/*@__PURE__*/ new K()
+], da = /*@__PURE__*/ new K(), fa = /*@__PURE__*/ new la(), pa = /*@__PURE__*/ new K(), ma = /*@__PURE__*/ new K(), ha = /*@__PURE__*/ new K(), ga = /*@__PURE__*/ new K(), _a = /*@__PURE__*/ new K(), va = /*@__PURE__*/ new K(), ya = /*@__PURE__*/ new K(), ba = /*@__PURE__*/ new K(), xa = /*@__PURE__*/ new K(), Sa = /*@__PURE__*/ new K();
+function Ca(e, t, n, r, i) {
 	for (let a = 0, o = e.length - 3; a <= o; a += 3) {
-		va.fromArray(e, a);
-		let o = i.x * Math.abs(va.x) + i.y * Math.abs(va.y) + i.z * Math.abs(va.z), s = t.dot(va), c = n.dot(va), l = r.dot(va);
+		Sa.fromArray(e, a);
+		let o = i.x * Math.abs(Sa.x) + i.y * Math.abs(Sa.y) + i.z * Math.abs(Sa.z), s = t.dot(Sa), c = n.dot(Sa), l = r.dot(Sa);
 		if (Math.max(-Math.max(s, c, l), Math.min(s, c, l)) > o) return !1;
 	}
 	return !0;
 }
-function ba(e, t) {
+function wa(e, t) {
 	return !e || e.constructor === t ? e : typeof t.BYTES_PER_ELEMENT == "number" ? new t(e) : Array.prototype.slice.call(e);
 }
-var xa = class {
+var Ta = 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_ = {};
 	}
@@ -5901,29 +6049,29 @@ var xa = class {
 		throw Error("call to abstract method");
 	}
 	intervalChanged_() {}
-}, Sa = class extends xa {
+}, Ea = class extends Ta {
 	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: Kr,
-			endingEnd: Kr
+			endingStart: Yr,
+			endingEnd: Yr
 		};
 	}
 	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 qr:
+			case Xr:
 				i = e, o = 2 * t - n;
 				break;
-			case Jr:
+			case Zr:
 				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 qr:
+			case Xr:
 				a = e, s = 2 * n - t;
 				break;
-			case Jr:
+			case Zr:
 				a = 1, s = n + r[1] - r[0];
 				break;
 			default: a = e - 1, s = t;
@@ -5936,7 +6084,7 @@ var xa = 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;
 	}
-}, Ca = class extends xa {
+}, Da = class extends Ta {
 	constructor(e, t, n, r) {
 		super(e, t, n, r);
 	}
@@ -5945,14 +6093,14 @@ var xa = class {
 		for (let e = 0; e !== o; ++e) i[e] = a[c + e] * u + a[s + e] * l;
 		return i;
 	}
-}, wa = class extends xa {
+}, Oa = class extends Ta {
 	constructor(e, t, n, r) {
 		super(e, t, n, r);
 	}
 	interpolate_(e) {
 		return this.copySampleValue_(e - 1);
 	}
-}, Ta = class extends xa {
+}, ka = class extends Ta {
 	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) {
@@ -5975,11 +6123,11 @@ var xa = class {
 		}
 		return i;
 	}
-}, Ea = class {
+}, Aa = 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 = ba(t, this.TimeBufferType), this.values = ba(n, this.ValueBufferType), this.setInterpolation(r || this.DefaultInterpolation);
+		this.name = e, this.times = wa(t, this.TimeBufferType), this.values = wa(n, this.ValueBufferType), this.setInterpolation(r || this.DefaultInterpolation);
 	}
 	static toJSON(e) {
 		let t = e.constructor, n;
@@ -5987,8 +6135,8 @@ var xa = class {
 		else {
 			n = {
 				name: e.name,
-				times: ba(e.times, Array),
-				values: ba(e.values, Array)
+				times: wa(e.times, Array),
+				values: wa(e.values, Array)
 			};
 			let t = e.getInterpolation();
 			t !== e.DefaultInterpolation && (n.interpolation = t);
@@ -5996,31 +6144,31 @@ var xa = class {
 		return n.type = e.ValueTypeName, n;
 	}
 	InterpolantFactoryMethodDiscrete(e) {
-		return new wa(this.times, this.values, this.getValueSize(), e);
+		return new Oa(this.times, this.values, this.getValueSize(), e);
 	}
 	InterpolantFactoryMethodLinear(e) {
-		return new Ca(this.times, this.values, this.getValueSize(), e);
+		return new Da(this.times, this.values, this.getValueSize(), e);
 	}
 	InterpolantFactoryMethodSmooth(e) {
-		return new Sa(this.times, this.values, this.getValueSize(), e);
+		return new Ea(this.times, this.values, this.getValueSize(), e);
 	}
 	InterpolantFactoryMethodBezier(e) {
-		let t = new Ta(this.times, this.values, this.getValueSize(), e);
+		let t = new ka(this.times, this.values, this.getValueSize(), e);
 		return this.settings && (t.settings = this.settings), t;
 	}
 	setInterpolation(e) {
 		let t;
 		switch (e) {
-			case Hr:
+			case Gr:
 				t = this.InterpolantFactoryMethodDiscrete;
 				break;
-			case Ur:
+			case Kr:
 				t = this.InterpolantFactoryMethodLinear;
 				break;
-			case Wr:
+			case qr:
 				t = this.InterpolantFactoryMethodSmooth;
 				break;
-			case Gr:
+			case Jr:
 				t = this.InterpolantFactoryMethodBezier;
 				break;
 		}
@@ -6028,16 +6176,16 @@ var xa = class {
 			let t = "unsupported interpolation for " + this.ValueTypeName + " keyframe track named " + this.name;
 			if (this.createInterpolant === void 0) if (e !== this.DefaultInterpolation) this.setInterpolation(this.DefaultInterpolation);
 			else throw Error(t);
-			return V("KeyframeTrack:", t), this;
+			return H("KeyframeTrack:", t), this;
 		}
 		return this.createInterpolant = t, this;
 	}
 	getInterpolation() {
 		switch (this.createInterpolant) {
-			case this.InterpolantFactoryMethodDiscrete: return Hr;
-			case this.InterpolantFactoryMethodLinear: return Ur;
-			case this.InterpolantFactoryMethodSmooth: return Wr;
-			case this.InterpolantFactoryMethodBezier: return Gr;
+			case this.InterpolantFactoryMethodDiscrete: return Gr;
+			case this.InterpolantFactoryMethodLinear: return Kr;
+			case this.InterpolantFactoryMethodSmooth: return qr;
+			case this.InterpolantFactoryMethodBezier: return Jr;
 		}
 	}
 	getValueSize() {
@@ -6070,33 +6218,33 @@ var xa = class {
 	}
 	validate() {
 		let e = !0, t = this.getValueSize();
-		t - Math.floor(t) !== 0 && (H("KeyframeTrack: Invalid value size in track.", this), e = !1);
+		t - Math.floor(t) !== 0 && (U("KeyframeTrack: Invalid value size in track.", this), e = !1);
 		let n = this.times, r = this.values, i = n.length;
-		i === 0 && (H("KeyframeTrack: Track is empty.", this), e = !1);
+		i === 0 && (U("KeyframeTrack: Track is empty.", this), e = !1);
 		let a = null;
 		for (let t = 0; t !== i; t++) {
 			let r = n[t];
 			if (typeof r == "number" && isNaN(r)) {
-				H("KeyframeTrack: Time is not a valid number.", this, t, r), e = !1;
+				U("KeyframeTrack: Time is not a valid number.", this, t, r), e = !1;
 				break;
 			}
 			if (a !== null && a > r) {
-				H("KeyframeTrack: Out of order keys.", this, t, r, a), e = !1;
+				U("KeyframeTrack: Out of order keys.", this, t, r, a), e = !1;
 				break;
 			}
 			a = r;
 		}
-		if (r !== void 0 && ei(r)) for (let t = 0, n = r.length; t !== n; ++t) {
+		if (r !== void 0 && ri(r)) for (let t = 0, n = r.length; t !== n; ++t) {
 			let n = r[t];
 			if (isNaN(n)) {
-				H("KeyframeTrack: Value is not a valid number.", this, t, n), e = !1;
+				U("KeyframeTrack: Value is not a valid number.", this, t, n), e = !1;
 				break;
 			}
 		}
 		return e;
 	}
 	optimize() {
-		let e = this.times.slice(), t = this.values.slice(), n = this.getValueSize(), r = this.getInterpolation() === Wr, i = e.length - 1, a = 1;
+		let e = this.times.slice(), t = this.values.slice(), n = this.getValueSize(), r = this.getInterpolation() === qr, 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;
@@ -6131,56 +6279,56 @@ var xa = class {
 		return r.createInterpolant = this.createInterpolant, r;
 	}
 };
-Ea.prototype.ValueTypeName = "", Ea.prototype.TimeBufferType = Float32Array, Ea.prototype.ValueBufferType = Float32Array, Ea.prototype.DefaultInterpolation = Ur;
-var Da = class extends Ea {
+Aa.prototype.ValueTypeName = "", Aa.prototype.TimeBufferType = Float32Array, Aa.prototype.ValueBufferType = Float32Array, Aa.prototype.DefaultInterpolation = Kr;
+var ja = class extends Aa {
 	constructor(e, t, n) {
 		super(e, t, n);
 	}
 };
-Da.prototype.ValueTypeName = "bool", Da.prototype.ValueBufferType = Array, Da.prototype.DefaultInterpolation = Hr, Da.prototype.InterpolantFactoryMethodLinear = void 0, Da.prototype.InterpolantFactoryMethodSmooth = void 0;
-var Oa = class extends Ea {
+ja.prototype.ValueTypeName = "bool", ja.prototype.ValueBufferType = Array, ja.prototype.DefaultInterpolation = Gr, ja.prototype.InterpolantFactoryMethodLinear = void 0, ja.prototype.InterpolantFactoryMethodSmooth = void 0;
+var Ma = class extends Aa {
 	constructor(e, t, n, r) {
 		super(e, t, n, r);
 	}
 };
-Oa.prototype.ValueTypeName = "color";
-var ka = class extends Ea {
+Ma.prototype.ValueTypeName = "color";
+var Na = class extends Aa {
 	constructor(e, t, n, r) {
 		super(e, t, n, r);
 	}
 };
-ka.prototype.ValueTypeName = "number";
-var Aa = class extends xa {
+Na.prototype.ValueTypeName = "number";
+var Pa = class extends Ta {
 	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) di.slerpFlat(i, 0, a, c - o, a, c, s);
+		for (let e = c + o; c !== e; c += 4) mi.slerpFlat(i, 0, a, c - o, a, c, s);
 		return i;
 	}
-}, ja = class extends Ea {
+}, Fa = class extends Aa {
 	constructor(e, t, n, r) {
 		super(e, t, n, r);
 	}
 	InterpolantFactoryMethodLinear(e) {
-		return new Aa(this.times, this.values, this.getValueSize(), e);
+		return new Pa(this.times, this.values, this.getValueSize(), e);
 	}
 };
-ja.prototype.ValueTypeName = "quaternion", ja.prototype.InterpolantFactoryMethodSmooth = void 0;
-var Ma = class extends Ea {
+Fa.prototype.ValueTypeName = "quaternion", Fa.prototype.InterpolantFactoryMethodSmooth = void 0;
+var Ia = class extends Aa {
 	constructor(e, t, n) {
 		super(e, t, n);
 	}
 };
-Ma.prototype.ValueTypeName = "string", Ma.prototype.ValueBufferType = Array, Ma.prototype.DefaultInterpolation = Hr, Ma.prototype.InterpolantFactoryMethodLinear = void 0, Ma.prototype.InterpolantFactoryMethodSmooth = void 0;
-var Na = class extends Ea {
+Ia.prototype.ValueTypeName = "string", Ia.prototype.ValueBufferType = Array, Ia.prototype.DefaultInterpolation = Gr, Ia.prototype.InterpolantFactoryMethodLinear = void 0, Ia.prototype.InterpolantFactoryMethodSmooth = void 0;
+var La = class extends Aa {
 	constructor(e, t, n, r) {
 		super(e, t, n, r);
 	}
 };
-Na.prototype.ValueTypeName = "vector";
-var Pa = /*@__PURE__*/ new class {
+La.prototype.ValueTypeName = "vector";
+var Ra = /*@__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) {
@@ -6211,9 +6359,9 @@ var Pa = /*@__PURE__*/ new class {
 	get abortController() {
 		return this._abortController ||= new AbortController(), this._abortController;
 	}
-}(), Fa = class {
+}(), za = class {
 	constructor(e) {
-		this.manager = e === void 0 ? Pa : 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 ? Ra : 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) {
@@ -6242,13 +6390,13 @@ var Pa = /*@__PURE__*/ new class {
 		return this;
 	}
 };
-Fa.DEFAULT_MATERIAL_NAME = "__DEFAULT";
-var Ia = "\\[\\]\\.:\\/", La = /* @__PURE__ */ RegExp("[\\[\\]\\.:\\/]", "g"), Ra = "[^\\[\\]\\.:\\/]", za = "[^" + Ia.replace("\\.", "") + "]", Ba = /*@__PURE__*/ "((?:WC+[\\/:])*)".replace("WC", Ra), Va = /*@__PURE__*/ "(WCOD+)?".replace("WCOD", za), Ha = /*@__PURE__*/ "(?:\\.(WC+)(?:\\[(.+)\\])?)?".replace("WC", Ra), Ua = /*@__PURE__*/ "\\.(WC+)(?:\\[(.+)\\])?".replace("WC", Ra), Wa = RegExp("^" + Ba + Va + Ha + Ua + "$"), Ga = [
+za.DEFAULT_MATERIAL_NAME = "__DEFAULT";
+var Ba = "\\[\\]\\.:\\/", Va = /* @__PURE__ */ RegExp("[\\[\\]\\.:\\/]", "g"), Ha = "[^\\[\\]\\.:\\/]", Ua = "[^" + Ba.replace("\\.", "") + "]", Wa = /*@__PURE__*/ "((?:WC+[\\/:])*)".replace("WC", Ha), Ga = /*@__PURE__*/ "(WCOD+)?".replace("WCOD", Ua), Ka = /*@__PURE__*/ "(?:\\.(WC+)(?:\\[(.+)\\])?)?".replace("WC", Ha), qa = /*@__PURE__*/ "\\.(WC+)(?:\\[(.+)\\])?".replace("WC", Ha), Ja = RegExp("^" + Wa + Ga + Ka + qa + "$"), Ya = [
 	"material",
 	"materials",
 	"bones",
 	"map"
-], Ka = class {
+], Xa = class {
 	constructor(e, t, n) {
 		let r = n || Z.parseTrackName(t);
 		this._targetGroup = e, this._bindings = e.subscribe_(t, r);
@@ -6278,10 +6426,10 @@ var Ia = "\\[\\]\\.:\\/", La = /* @__PURE__ */ RegExp("[\\[\\]\\.:\\/]", "g"), R
 		return t && t.isAnimationObjectGroup ? new e.Composite(t, n, r) : new e(t, n, r);
 	}
 	static sanitizeNodeName(e) {
-		return e.replace(/\s/g, "_").replace(La, "");
+		return e.replace(/\s/g, "_").replace(Va, "");
 	}
 	static parseTrackName(e) {
-		let t = Wa.exec(e);
+		let t = Ja.exec(e);
 		if (t === null) throw Error("PropertyBinding: Cannot parse trackName: " + e);
 		let n = {
 			nodeName: t[2],
@@ -6292,7 +6440,7 @@ var Ia = "\\[\\]\\.:\\/", La = /* @__PURE__ */ RegExp("[\\[\\]\\.:\\/]", "g"), R
 		}, r = n.nodeName && n.nodeName.lastIndexOf(".");
 		if (r !== void 0 && r !== -1) {
 			let e = n.nodeName.substring(r + 1);
-			Ga.indexOf(e) !== -1 && (n.nodeName = n.nodeName.substring(0, r), n.objectName = e);
+			Ya.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;
@@ -6382,7 +6530,7 @@ var Ia = "\\[\\]\\.:\\/", La = /* @__PURE__ */ RegExp("[\\[\\]\\.:\\/]", "g"), R
 	bind() {
 		let t = this.node, n = this.parsedPath, r = n.objectName, i = n.propertyName, a = n.propertyIndex;
 		if (t || (t = e.findNode(this.rootNode, n.nodeName), this.node = t), this.getValue = this._getValue_unavailable, this.setValue = this._setValue_unavailable, !t) {
-			V("PropertyBinding: No target node found for track: " + this.path + ".");
+			H("PropertyBinding: No target node found for track: " + this.path + ".");
 			return;
 		}
 		if (r) {
@@ -6390,18 +6538,18 @@ var Ia = "\\[\\]\\.:\\/", La = /* @__PURE__ */ RegExp("[\\[\\]\\.:\\/]", "g"), R
 			switch (r) {
 				case "materials":
 					if (!t.material) {
-						H("PropertyBinding: Can not bind to material as node does not have a material.", this);
+						U("PropertyBinding: Can not bind to material as node does not have a material.", this);
 						return;
 					}
 					if (!t.material.materials) {
-						H("PropertyBinding: Can not bind to material.materials as node.material does not have a materials array.", this);
+						U("PropertyBinding: Can not bind to material.materials as node.material does not have a materials array.", this);
 						return;
 					}
 					t = t.material.materials;
 					break;
 				case "bones":
 					if (!t.skeleton) {
-						H("PropertyBinding: Can not bind to bones as node does not have a skeleton.", this);
+						U("PropertyBinding: Can not bind to bones as node does not have a skeleton.", this);
 						return;
 					}
 					t = t.skeleton.bones;
@@ -6416,25 +6564,25 @@ var Ia = "\\[\\]\\.:\\/", La = /* @__PURE__ */ RegExp("[\\[\\]\\.:\\/]", "g"), R
 						break;
 					}
 					if (!t.material) {
-						H("PropertyBinding: Can not bind to material as node does not have a material.", this);
+						U("PropertyBinding: Can not bind to material as node does not have a material.", this);
 						return;
 					}
 					if (!t.material.map) {
-						H("PropertyBinding: Can not bind to material.map as node.material does not have a map.", this);
+						U("PropertyBinding: Can not bind to material.map as node.material does not have a map.", this);
 						return;
 					}
 					t = t.material.map;
 					break;
 				default:
 					if (t[r] === void 0) {
-						H("PropertyBinding: Can not bind to objectName of node undefined.", this);
+						U("PropertyBinding: Can not bind to objectName of node undefined.", this);
 						return;
 					}
 					t = t[r];
 			}
 			if (e !== void 0) {
 				if (t[e] === void 0) {
-					H("PropertyBinding: Trying to bind to objectIndex of objectName, but is undefined.", this, t);
+					U("PropertyBinding: Trying to bind to objectIndex of objectName, but is undefined.", this, t);
 					return;
 				}
 				t = t[e];
@@ -6443,7 +6591,7 @@ var Ia = "\\[\\]\\.:\\/", La = /* @__PURE__ */ RegExp("[\\[\\]\\.:\\/]", "g"), R
 		let o = t[i];
 		if (o === void 0) {
 			let e = n.nodeName;
-			H("PropertyBinding: Trying to update property for track: " + e + "." + i + " but it wasn't found.", t);
+			U("PropertyBinding: Trying to update property for track: " + e + "." + i + " but it wasn't found.", t);
 			return;
 		}
 		let s = this.Versioning.None;
@@ -6452,11 +6600,11 @@ var Ia = "\\[\\]\\.:\\/", La = /* @__PURE__ */ RegExp("[\\[\\]\\.:\\/]", "g"), R
 		if (a !== void 0) {
 			if (i === "morphTargetInfluences") {
 				if (!t.geometry) {
-					H("PropertyBinding: Can not bind to morphTargetInfluences because node does not have a geometry.", this);
+					U("PropertyBinding: Can not bind to morphTargetInfluences because node does not have a geometry.", this);
 					return;
 				}
 				if (!t.geometry.morphAttributes) {
-					H("PropertyBinding: Can not bind to morphTargetInfluences because node does not have a geometry.morphAttributes.", this);
+					U("PropertyBinding: Can not bind to morphTargetInfluences because node does not have a geometry.morphAttributes.", this);
 					return;
 				}
 				t.morphTargetDictionary[a] !== void 0 && (a = t.morphTargetDictionary[a]);
@@ -6469,7 +6617,7 @@ var Ia = "\\[\\]\\.:\\/", La = /* @__PURE__ */ RegExp("[\\[\\]\\.:\\/]", "g"), R
 		this.node = null, this.getValue = this._getValue_unbound, this.setValue = this._setValue_unbound;
 	}
 };
-Z.Composite = Ka, Z.prototype.BindingType = {
+Z.Composite = Xa, Z.prototype.BindingType = {
 	Direct: 0,
 	EntireArray: 1,
 	ArrayElement: 2,
@@ -6527,37 +6675,37 @@ Z.Composite = Ka, Z.prototype.BindingType = {
 		let i = this.elements;
 		return i[0] = e, i[2] = t, i[1] = n, i[3] = r, this;
 	}
-}, typeof __THREE_DEVTOOLS__ < "u" && __THREE_DEVTOOLS__.dispatchEvent(new CustomEvent("register", { detail: { revision: "184" } })), typeof window < "u" && (window.__THREE__ ? V("WARNING: Multiple instances of Three.js being imported.") : window.__THREE__ = "184");
+}, 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/model-preview.ts
-var qa = 2.4, Ja = 1.35, Ya = [
+var Za = 2.4, Qa = 1.35, $a = [
 	0,
 	.5,
 	0
-], Xa = 60 * Math.PI / 180, Za = 1;
-function Qa(e) {
-	return Math.abs(e.height - Za) < Za * .25;
+], eo = 60 * Math.PI / 180, to = 1;
+function no(e) {
+	return Math.abs(e.height - to) < to * .25;
 }
-function $a(e, t, n = 1.25) {
+function ro(e, t, n = 1.25) {
 	let r = e.scene?.root.getNodesByName(t)[0];
 	if (!r) return null;
 	let i = r._ensureObject3D();
 	i.updateWorldMatrix(!0, !0);
-	let a = new oa().setFromObject(i, !0);
+	let a = new la().setFromObject(i, !0);
 	if (a.isEmpty()) return null;
-	let o = a.getSize(new G()), s = a.getCenter(new G()), c = Math.max(o.x, o.y, o.z);
+	let o = a.getSize(new K()), s = a.getCenter(new K()), c = Math.max(o.x, o.y, o.z);
 	return !Number.isFinite(c) || c <= 0 ? null : {
 		target: [
 			s.x,
 			s.y,
 			s.z
 		],
-		distance: c / 2 / Math.tan(Xa / 2) * n,
+		distance: c / 2 / Math.tan(eo / 2) * n,
 		height: o.y
 	};
 }
-var eo = "https://agent8-games.verse8.io/assets/3d/characters/realistic style/base-model.glb";
-function to(e) {
+var io = "https://agent8-games.verse8.io/assets/3d/characters/realistic style/base-model.glb";
+function ao(e) {
 	let t = { model: {
 		type: "model",
 		url: e.model
@@ -6592,8 +6740,8 @@ function to(e) {
 						current: !0,
 						position: [
 							0,
-							Ja,
-							qa
+							Qa,
+							Za
 						]
 					}
 				},
@@ -6622,7 +6770,7 @@ function to(e) {
 		}
 	};
 }
-var no = (e, t) => e !== null && e.model === t.model && e.clip === t.clip, ro = class {
+var oo = (e, t) => e !== null && e.model === t.model && e.clip === t.clip, so = class {
 	canvas = null;
 	engine = null;
 	renderer = null;
@@ -6639,7 +6787,7 @@ var no = (e, t) => e !== null && e.model === t.model && e.clip === t.clip, ro =
 		let t = document.createElement("div");
 		t.className = "lib-preview3d";
 		let n = this.ensure();
-		return t.appendChild(n), no(this.subject, e) || (this.subject = e, this.aimed = e.clip !== void 0, this.framing = null, this.locked = !1, this.measureUntil = performance.now() + 4e3, this.load(e)), this.start(), t;
+		return t.appendChild(n), oo(this.subject, e) || (this.subject = e, this.aimed = e.clip !== void 0, this.framing = null, this.locked = !1, this.measureUntil = performance.now() + 4e3, this.load(e)), this.start(), t;
 	}
 	detach() {
 		this.stop(), this.canvas?.remove();
@@ -6665,7 +6813,7 @@ var no = (e, t) => e !== null && e.model === t.model && e.clip === t.clip, ro =
 	}
 	load(e) {
 		if (this.engine) try {
-			this.engine.setScene(f(to(e)));
+			this.engine.setScene(f(ao(e)));
 		} catch (t) {
 			console.warn("[incanto] library preview could not load", e, t);
 		}
@@ -6679,17 +6827,17 @@ var no = (e, t) => e !== null && e.model === t.model && e.clip === t.clip, ro =
 			let i = this.renderer;
 			if (!i) return;
 			if (this.engine && !this.locked) {
-				let e = $a(this.engine, "Model");
-				e && (this.framing = e, Qa(e) && (this.locked = !0)), this.framing && n > this.measureUntil && (this.locked = !0);
+				let e = ro(this.engine, "Model");
+				e && (this.framing = e, no(e) && (this.locked = !0)), this.framing && n > this.measureUntil && (this.locked = !0);
 			}
-			let a = this.framing, o = a ? a.distance : qa, s = a ? a.target[1] + o * .25 : Ja;
+			let a = this.framing, o = a ? a.distance : Za, s = a ? a.target[1] + o * .25 : Qa;
 			i.viewOverride = {
 				position: [
 					(a?.target[0] ?? 0) + Math.sin(this.angle) * o,
 					s,
 					(a?.target[2] ?? 0) + Math.cos(this.angle) * o
 				],
-				target: a ? a.target : Ya
+				target: a ? a.target : $a
 			}, this.engine?.tick(n);
 		};
 		this.raf = requestAnimationFrame(t);
@@ -6697,11 +6845,11 @@ var no = (e, t) => e !== null && e.model === t.model && e.clip === t.clip, ro =
 	stop() {
 		this.raf && cancelAnimationFrame(this.raf), this.raf = 0;
 	}
-}, io = 192, ao = .9, oo = 1.05, so = .88, co = [
+}, co = 192, lo = .9, uo = 1.05, fo = .88, po = [
 	0,
 	.5,
 	0
-], lo = 3, uo = 30, fo = 3e4, po = 12, mo = 20, ho = 60, go = (e) => `${e.model}|${e.clip ?? ""}`, _o = class {
+], mo = 3, ho = 30, go = 3e4, _o = 12, vo = 20, yo = 60, bo = (e) => `${e.model}|${e.clip ?? ""}`, xo = class {
 	jobs = /* @__PURE__ */ new Map();
 	queue = [];
 	running = !1;
@@ -6713,7 +6861,7 @@ var no = (e, t) => e !== null && e.model === t.model && e.clip === t.clip, ro =
 	disposed = !1;
 	pace = 0;
 	get(e) {
-		let t = go(e), n = this.jobs.get(t);
+		let t = bo(e), n = this.jobs.get(t);
 		if (n) return n;
 		let r = new Promise((n) => {
 			this.queue.push({
@@ -6745,40 +6893,40 @@ var no = (e, t) => e !== null && e.model === t.model && e.clip === t.clip, ro =
 	async draw(e) {
 		if (this.disposed) return null;
 		let { engine: t, renderer: n, canvas: r } = this.ensure();
-		(!this.held.has(e.model) && this.held.size >= po || this.clipsHeld >= ho) && (n.assets.dispose(), this.held.clear(), this.clipsHeld = 0), this.held.add(e.model), e.clip && (this.clipsHeld += 1);
+		(!this.held.has(e.model) && this.held.size >= _o || this.clipsHeld >= yo) && (n.assets.dispose(), this.held.clear(), this.clipsHeld = 0), this.held.add(e.model), e.clip && (this.clipsHeld += 1);
 		try {
-			t.setScene(f(to(e)));
+			t.setScene(f(ao(e)));
 		} catch {
 			return null;
 		}
 		let i = !1, a = () => {
-			let e = $a(t, "Model", 1.15);
-			e && (i = Qa(e));
-			let r = e ? e.distance : oo;
+			let e = ro(t, "Model", 1.15);
+			e && (i = no(e));
+			let r = e ? e.distance : uo;
 			n.viewOverride = {
 				position: [
-					(e?.target[0] ?? 0) + Math.sin(ao) * r,
-					e ? e.target[1] + r * .25 : so,
-					(e?.target[2] ?? 0) + Math.cos(ao) * r
+					(e?.target[0] ?? 0) + Math.sin(lo) * r,
+					e ? e.target[1] + r * .25 : fo,
+					(e?.target[2] ?? 0) + Math.cos(lo) * r
 				],
-				target: e ? e.target : co
+				target: e ? e.target : po
 			};
 		};
 		a();
-		let o = Date.now() + fo;
+		let o = Date.now() + go;
 		for (; !this.disposed;) {
-			t.tick(await vo());
+			t.tick(await So());
 			let r = n.assets.getModel(e.model), i = e.clip ? n.assets.getAnimation(e.clip) : null;
 			if (r.status === "error" || i?.status === "error") return null;
 			if (r.status === "ready" && (!i || i.status === "ready")) break;
 			if (Date.now() > o) return null;
 		}
-		let s = e.clip ? uo : lo;
-		for (let e = 0; e < s && !this.disposed; e++) t.tick(await vo());
+		let s = e.clip ? ho : mo;
+		for (let e = 0; e < s && !this.disposed; e++) t.tick(await So());
 		if (this.disposed) return null;
 		a();
-		for (let e = 0; e < mo && !i && !this.disposed; e++) t.tick(await vo()), a();
-		return this.disposed || (t.tick(await vo()), this.disposed) ? null : r.toDataURL("image/webp", .85);
+		for (let e = 0; e < vo && !i && !this.disposed; e++) t.tick(await So()), a();
+		return this.disposed || (t.tick(await So()), this.disposed) ? null : r.toDataURL("image/webp", .85);
 	}
 	ensure() {
 		if (this.canvas && this.engine && this.renderer) return {
@@ -6787,7 +6935,7 @@ var no = (e, t) => e !== null && e.model === t.model && e.clip === t.clip, ro =
 			renderer: this.renderer
 		};
 		let e = document.createElement("canvas");
-		e.width = io, e.height = io;
+		e.width = co, e.height = co;
 		let n = new t({ scheduler: () => () => {} }), r = new D({
 			canvas: e,
 			engine: n,
@@ -6801,8 +6949,8 @@ var no = (e, t) => e !== null && e.model === t.model && e.clip === t.clip, ro =
 			renderer: r
 		};
 	}
-}, vo = () => new Promise((e) => requestAnimationFrame(e)), yo = "incanto-editor-v8-token", bo = 24;
-async function xo(e, t, n) {
+}, So = () => new Promise((e) => requestAnimationFrame(e)), Co = "incanto-editor-v8-token", wo = 24;
+async function To(e, t, n) {
 	if (!Oe(e.url) || n !== "spritesheet" && n !== "texture") return null;
 	try {
 		let n = x(await (await fetch(e.url)).json(), {
@@ -6817,7 +6965,7 @@ async function xo(e, t, n) {
 		return console.warn("[incanto] not a usable sprite config:", e.url, t), null;
 	}
 }
-async function So(e, t) {
+async function Eo(e, t) {
 	let n = async (t) => {
 		let n = await fetch(t, {
 			method: "POST",
@@ -6846,20 +6994,20 @@ async function So(e, t) {
 	}
 	throw Error("sign-in timed out — try again");
 }
-function Co() {
+function Do() {
 	try {
-		return localStorage.getItem(yo) ?? "";
+		return localStorage.getItem(Co) ?? "";
 	} catch {
 		return "";
 	}
 }
-var wo = eo;
-function To(e) {
+var Oo = io;
+function ko(e) {
 	try {
-		e ? localStorage.setItem(yo, e) : localStorage.removeItem(yo);
+		e ? localStorage.setItem(Co, e) : localStorage.removeItem(Co);
 	} catch {}
 }
-function Eo(e, t) {
+function Ao(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";
@@ -6895,8 +7043,8 @@ function Eo(e, t) {
 		E.className = "lib-sentinel", E.setAttribute("aria-hidden", "true"), S.append(w, C, T);
 		let D = document.createElement("aside");
 		D.className = "lib-detail", b.append(x, S, D);
-		let O = new ro(), k = (e) => {
-			d || (d = !0, O.dispose(), ie.dispose(), ce?.disconnect(), document.removeEventListener("keydown", A, !0), f.remove(), n(e));
+		let O = new so(), k = (e) => {
+			d || (d = !0, O.dispose(), ae.dispose(), ce?.disconnect(), document.removeEventListener("keydown", A, !0), f.remove(), n(e));
 		}, A = (e) => {
 			e.key === "Escape" && (e.stopPropagation(), k(null));
 		};
@@ -6945,43 +7093,43 @@ function Eo(e, t) {
 						tags: t,
 						page: 1,
 						limit: 1
-					}, Co() || void 0), i = r.total ?? r.items.length;
+					}, Do() || void 0), i = r.total ?? r.items.length;
 					if (j.set(n, i), d) return;
 					te();
 				} catch {
 					j.delete(n);
 				}
 			}
-		}, M = (e) => ye(e) ? {
-			model: N,
+		}, re = (e) => ye(e) ? {
+			model: M,
 			clip: e.url
-		} : { model: e.url }, N = wo, re = () => {
+		} : { model: e.url }, M = Oo, ie = () => {
 			let e = document.createElement("div");
 			e.className = "lib-charpick";
 			let t = document.createElement("label");
 			t.className = "lib-charpick-label", t.textContent = "playing on";
 			let n = document.createElement("input");
-			n.type = "text", n.value = N, n.spellcheck = !1, n.placeholder = "a character GLB url", n.title = N;
+			n.type = "text", n.value = M, n.spellcheck = !1, n.placeholder = "a character GLB url", n.title = M;
 			let r = document.createElement("button");
 			r.type = "button", r.className = "ghost", r.textContent = "apply";
 			let i = document.createElement("button");
 			i.type = "button", i.className = "ghost", i.textContent = "base", i.title = "back to the base character";
 			let a = (e) => {
 				let t = e.trim();
-				if (!(!t || t === N)) {
-					N = t, wo = t, ie.cancelPending();
-					for (let e of s) ye(e) && ae.delete(e.url);
-					P(), F();
+				if (!(!t || t === M)) {
+					M = t, Oo = t, ae.cancelPending();
+					for (let e of s) ye(e) && P.delete(e.url);
+					N(), F();
 				}
 			};
 			return r.addEventListener("click", () => a(n.value)), n.addEventListener("keydown", (e) => {
 				e.key === "Enter" && (e.preventDefault(), a(n.value));
 			}), i.addEventListener("click", () => {
-				n.value = eo, a(eo);
+				n.value = io, a(io);
 			}), e.append(t, n, r, i), e;
-		}, P = () => {
+		}, N = () => {
 			if (D.textContent = "", O.detach(), !l) {
-				ie.setPace(0);
+				ae.setPace(0);
 				let e = document.createElement("div");
 				e.className = "lib-empty", e.textContent = "pick an asset to preview it", D.appendChild(e);
 				return;
@@ -6995,12 +7143,12 @@ function Eo(e, t) {
 			} else if (r === "audio") {
 				let t = document.createElement("audio");
 				t.controls = !0, t.src = e.url, n.appendChild(t);
-			} else if (r === "model") n.appendChild(O.mount(M(e))), ie.setPace(ye(e) ? 300 : 0);
+			} else if (r === "model") n.appendChild(O.mount(re(e))), ae.setPace(ye(e) ? 300 : 0);
 			else {
 				let t = document.createElement("div");
 				t.className = "lib-empty", t.textContent = `no preview for ${me(e.url) || "this file"}`, n.appendChild(t);
 			}
-			if (D.appendChild(n), ye(e) && D.appendChild(re()), Oe(e.url)) {
+			if (D.appendChild(n), ye(e) && D.appendChild(ie()), Oe(e.url)) {
 				let e = document.createElement("p");
 				e.className = "lib-desc lib-note", e.textContent = "Sprite config — picking it declares the sheet AND wires its named animations onto the node.", D.appendChild(e);
 			}
@@ -7056,24 +7204,24 @@ function Eo(e, t) {
 					return;
 				}
 				(async () => {
-					let n = Se(e), r = await xo(e, n, t.assetType), i = r?.asset ?? De(e, t.kind, t.assetType), a = t.onAsset?.(e, i, n) ?? e.url;
+					let n = Se(e), r = await To(e, n, t.assetType), i = r?.asset ?? De(e, t.kind, t.assetType), a = t.onAsset?.(e, i, n) ?? e.url;
 					r && t.onProps?.(r.props), k(a);
 				})();
 			}), d.appendChild(p), D.appendChild(d);
-		}, ie = new _o(), ae = /* @__PURE__ */ new Map(), oe = (e, t) => {
+		}, ae = new xo(), P = /* @__PURE__ */ new Map(), oe = (e, t) => {
 			e.textContent = "";
 			let n = document.createElement("img");
 			n.src = t, n.alt = "", e.appendChild(n);
 		}, se = (e) => {
 			let t = e.dataset.model;
-			if (!t || ae.has(t)) return;
+			if (!t || P.has(t)) return;
 			let n = s.find((e) => e.url === t);
-			ae.set(t, null), ie.get(n ? M(n) : { model: t }).then((e) => {
+			P.set(t, null), ae.get(n ? re(n) : { model: t }).then((e) => {
 				if (!e) {
-					ae.delete(t);
+					P.delete(t);
 					return;
 				}
-				if (ae.set(t, e), !d) for (let n of C.querySelectorAll(`[data-model="${CSS.escape(t)}"]`)) oe(n, e);
+				if (P.set(t, e), !d) for (let n of C.querySelectorAll(`[data-model="${CSS.escape(t)}"]`)) oe(n, e);
 			});
 		}, ce = typeof IntersectionObserver > "u" ? null : new IntersectionObserver((e) => {
 			for (let t of e) t.isIntersecting && (ce?.unobserve(t.target), se(t.target));
@@ -7097,11 +7245,11 @@ function Eo(e, t) {
 					let e = document.createElement("img");
 					e.src = o ? ke(n.url) : n.url, e.alt = "", e.loading = "lazy", i.appendChild(e);
 				} else if (a === "model") {
-					let t = ae.get(n.url);
+					let t = P.get(n.url);
 					if (t) oe(i, t);
 					else {
 						let t = Je("ModelInstance3D");
-						t.classList.add("lib-glyph"), i.appendChild(t), i.dataset.model = n.url, ae.has(n.url) || e.push(i);
+						t.classList.add("lib-glyph"), i.appendChild(t), i.dataset.model = n.url, P.has(n.url) || e.push(i);
 					}
 				} else {
 					let e = Je(a === "audio" ? "AudioPlayer" : "ModelInstance3D");
@@ -7113,11 +7261,11 @@ function Eo(e, t) {
 				}
 				let s = document.createElement("span");
 				s.className = "lib-card-name", s.textContent = xe(n), r.append(i, s), r.title = be(n, t.kind, t.assetType) ?? n.description ?? n.url, r.addEventListener("click", () => {
-					l = n, F(), P();
+					l = n, F(), N();
 				}), C.appendChild(r);
 			}
 			if (o && !u && (C.appendChild(E), requestAnimationFrame(Te)), ce) for (let t of e) ce.observe(t);
-			else for (let t of e.slice(0, bo)) se(t);
+			else for (let t of e.slice(0, wo)) se(t);
 			T.hidden = !o || u;
 		}, de = null, fe = !1, pe = (e) => {
 			C.textContent = "", T.hidden = !0, de?.abort();
@@ -7134,24 +7282,24 @@ function Eo(e, t) {
 			let s = document.createElement("div");
 			s.className = "lib-token-row", s.append(o), t.append(n, r, s, i), C.appendChild(t), o.addEventListener("click", () => {
 				let e = new AbortController();
-				de?.abort(), de = e, o.disabled = !0, i.textContent = "asking Verse8 for a code…", So(e.signal, (e) => {
+				de?.abort(), de = e, o.disabled = !0, i.textContent = "asking Verse8 for a code…", Eo(e.signal, (e) => {
 					i.textContent = e;
 				}).then((t) => {
-					e.signal.aborted || (To(t), fe = !0, i.textContent = "signed in — loading the catalog…", a = 1, _e(!1));
+					e.signal.aborted || (ko(t), fe = !0, i.textContent = "signed in — loading the catalog…", a = 1, _e(!1));
 				}).catch((t) => {
 					e.signal.aborted || (o.disabled = !1, i.textContent = t instanceof Error ? t.message : String(t));
 				});
 			});
 		}, _e = async (n) => {
 			if (!(!e.library || u)) {
-				u = !0, w.textContent = n ? "loading more…" : `loading ${ue(r)}…`, n || (s = [], l = null, ie.cancelPending(), F(), P()), te();
+				u = !0, w.textContent = n ? "loading more…" : `loading ${ue(r)}…`, n || (s = [], l = null, ae.cancelPending(), F(), N()), te();
 				try {
 					let l = await e.library({
 						tags: r,
 						keyword: i.trim() || void 0,
 						page: a,
-						limit: bo
-					}, Co() || void 0);
+						limit: wo
+					}, Do() || void 0);
 					if (d) return;
 					u = !1, s = n ? [...s, ...l.items] : l.items, c = s, o = l.hasNext;
 					let f = l.total === void 0 ? "" : ` of ${l.total}`, p = s.filter((e) => ge(e.url, t.kind)).length, m = p === s.length ? "" : ` · ${p} fit this field`;
@@ -7182,21 +7330,21 @@ function Eo(e, t) {
 			i = v.value, clearTimeout(Ee), Ee = window.setTimeout(() => {
 				a = 1, _e(!1);
 			}, 350);
-		}), te(), P(), document.body.appendChild(f), v.focus(), _e(!1);
+		}), te(), N(), document.body.appendChild(f), v.focus(), _e(!1);
 	});
 }
 //#endregion
 //#region src/scene-tree.ts
-var Do = ".scene.json";
-function Oo(e) {
+var jo = ".scene.json";
+function Mo(e) {
 	let t = e.split("/").pop() ?? e;
-	return t.endsWith(Do) ? t.slice(0, -11) : t;
+	return t.endsWith(jo) ? t.slice(0, -11) : t;
 }
-function ko(e) {
+function No(e) {
 	let t = e.lastIndexOf("/");
 	return t === -1 ? "" : e.slice(0, t);
 }
-function Ao(e, t) {
+function Po(e, t) {
 	return {
 		path: e,
 		name: t,
@@ -7204,31 +7352,31 @@ function Ao(e, t) {
 		files: []
 	};
 }
-function jo(e) {
-	let t = Ao("", "");
+function Fo(e) {
+	let t = Po("", "");
 	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 = Ao(e, t), r.dirs.set(t, n)), r = n;
+			n || (n = Po(e, t), r.dirs.set(t, n)), r = n;
 		}
 		r.files.push(n);
 	}
 	return t;
 }
-function Mo(e) {
+function Io(e) {
 	let t = e.files.length;
-	for (let n of e.dirs.values()) t += Mo(n);
+	for (let n of e.dirs.values()) t += Io(n);
 	return t;
 }
-function No(e) {
+function Lo(e) {
 	let t = e.files.filter((e) => e.scene).length;
-	for (let n of e.dirs.values()) t += No(n);
+	for (let n of e.dirs.values()) t += Lo(n);
 	return t;
 }
-function Po(e) {
+function Ro(e) {
 	let t = e, n = e.name;
 	for (; t.files.length === 0 && t.dirs.size === 1;) {
 		let e = [...t.dirs.values()][0];
@@ -7240,16 +7388,16 @@ function Po(e) {
 		label: n
 	};
 }
-function Fo(e) {
-	let t = ko(e ?? "").split("/").filter(Boolean), n = [], r = "";
+function zo(e) {
+	let t = No(e ?? "").split("/").filter(Boolean), n = [], r = "";
 	for (let e of t) r = r ? `${r}/${e}` : e, n.push(r);
 	return n;
 }
-function Io(e, t = {}) {
+function Bo(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 } = Po(e), c = Mo(t);
+			let { dir: t, label: s } = Ro(e), c = Io(t);
 			if (c === 0) continue;
 			let l = n !== "" || i.has(t.path);
 			a.push({
@@ -7258,31 +7406,31 @@ function Io(e, t = {}) {
 				label: s,
 				depth: r,
 				count: c,
-				scenes: No(t),
+				scenes: Lo(t),
 				open: l
 			}), l && o(t, r + 1);
 		}
-		let c = [...e.files].sort((e, t) => Oo(e.rel).localeCompare(Oo(t.rel)));
+		let c = [...e.files].sort((e, t) => Mo(e.rel).localeCompare(Mo(t.rel)));
 		for (let e of c) a.push({
 			kind: "scene",
 			entry: e,
-			label: Oo(e.rel),
-			folder: ko(e.rel),
+			label: Mo(e.rel),
+			folder: No(e.rel),
 			depth: r,
 			current: e.rel === t.current
 		});
 	};
-	return o(jo(r), 0), a;
+	return o(Fo(r), 0), a;
 }
-function Lo(e, t) {
-	let n = new Set(Fo(t));
-	if (e.length <= 24) for (let t of e) for (let e of Fo(t.rel)) n.add(e);
+function Vo(e, t) {
+	let n = new Set(zo(t));
+	if (e.length <= 24) for (let t of e) for (let e of zo(t.rel)) n.add(e);
 	return n;
 }
-function Ro(e) {
+function Ho(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 zo(e, t) {
+function Uo(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";
@@ -7291,49 +7439,53 @@ function zo(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 Bo(e, t = "new-level") {
+function Wo(e, t = "new-level") {
 	let n = e ? e.kind === "folder" ? e.path : e.folder : "";
-	return n ? `${n}/${t}${Do}` : `${t}${Do}`;
+	return n ? `${n}/${t}${jo}` : `${t}${jo}`;
 }
 //#endregion
 //#region src/scene-browser.ts
-function Vo(e, t) {
+function Go(e, t) {
 	let n = document.createElement("span");
 	return n.className = e, n.textContent = t, n;
 }
-function Ho(e, t, n = () => Date.now()) {
+function Ko(e, t, n = () => Date.now()) {
 	let r = [], i = /* @__PURE__ */ new Set(), a = [], o = 0, s = !0, c = !1, l = () => {
 		let l = t.current();
-		if (a = Io(r, {
+		a = Bo(r, {
 			expanded: i,
 			query: e.search.value,
 			current: l
-		}), o >= a.length && (o = a.length - 1), o < 0 && (o = 0), s) {
+		}), o >= a.length && (o = a.length - 1), o < 0 && (o = 0);
+		let d = () => {
+			let e = a.findIndex((e) => e.kind === "scene" && !e.entry.notScene);
+			if (e >= 0) return e;
+			let t = a.findIndex((e) => e.kind === "folder");
+			return t >= 0 ? t : Math.max(0, a.findIndex((e) => e.kind === "scene"));
+		};
+		if (s) {
 			let e = a.findIndex((e) => e.kind === "scene" && e.current);
-			o = e >= 0 ? e : Math.max(0, a.findIndex((e) => e.kind === "scene")), s = !1, c = !1;
-		} else if (c) {
-			let e = a.findIndex((e) => e.kind === "scene");
-			o = e >= 0 ? e : 0, c = !1;
-		}
+			o = e >= 0 ? e : d(), s = !1, c = !1;
+		} else c &&= (o = d(), !1);
 		if (e.list.textContent = "", a.length === 0) {
 			let t = document.createElement("div");
 			t.className = "scene-empty", t.textContent = r.length ? `no scene matches “${e.search.value.trim()}”` : "no .json files in this project yet — create a scene below", e.list.appendChild(t);
 		}
-		let d = n();
+		let f = n();
 		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 = Vo("scene-caret", "");
-			n.kind === "folder" ? (a.classList.add("chevron"), n.open || a.classList.add("collapsed"), a.appendChild(Ye())) : a.textContent = "◇", i.append(a, Vo("scene-name", n.label), Vo("scene-meta", n.kind === "folder" ? n.scenes > 0 ? `${n.scenes} scene${n.scenes === 1 ? "" : "s"}` : `${n.count} file${n.count === 1 ? "" : "s"}` : [
+			let a = Go("scene-caret", "");
+			n.kind === "folder" ? (a.classList.add("chevron"), n.open || a.classList.add("collapsed"), a.appendChild(Ye())) : a.textContent = "◇", i.append(a, Go("scene-name", n.label), Go("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",
-				zo(n.entry.modified, d),
-				Ro(n.entry.size)
+				Uo(n.entry.modified, f),
+				Ho(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" ? u(n.path) : t.open(n.entry);
 			}), e.list.appendChild(i);
 		});
-		let f = r.length, p = a.filter((e) => e.kind === "scene").length;
-		e.count.textContent = f === 0 ? "" : p === f ? `${f}` : `${p} / ${f}`, e.path.placeholder = Bo(a[o]), e.list.querySelector(".active")?.scrollIntoView({ block: "nearest" });
+		let p = r.length, m = a.filter((e) => e.kind === "scene").length;
+		e.count.textContent = p === 0 ? "" : m === p ? `${p}` : `${m} / ${p}`, e.path.placeholder = Wo(a[o]), e.list.querySelector(".active")?.scrollIntoView({ block: "nearest" });
 	}, u = (e) => {
 		i.has(e) ? i.delete(e) : i.add(e), l();
 	}, d = (e) => {
@@ -7370,15 +7522,15 @@ function Ho(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 = Lo(r, t.current());
-		else for (let e of Fo(t.current())) i.add(e);
+		if (i.size === 0) i = Vo(r, t.current());
+		else for (let e of zo(t.current())) i.add(e);
 		s = !0, l(), e.search.focus(), e.search.select();
 	} };
 }
 //#endregion
 //#region src/shell.ts
-var Uo = "\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-alt\" class=\"ghost\" hidden>save &amp; open</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", Wo = Math.PI / 180, Go = 180 / Math.PI;
-function Ko(e) {
+var qo = "\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-alt\" class=\"ghost\" hidden>save &amp; open</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", Jo = Math.PI / 180, Yo = 180 / Math.PI;
+function Xo(e) {
 	let t = typeof e.type == "string" ? e.type : "";
 	if (!t) return 0;
 	let n;
@@ -7390,50 +7542,50 @@ function Ko(e) {
 	let r = n.position?.default;
 	return Array.isArray(r) ? r.length === 2 ? 2 : r.length === 3 ? 3 : 0 : 0;
 }
-function qo(e, t) {
+function Zo(e, t) {
 	return Array.isArray(e) ? t.map((t, n) => typeof e[n] == "number" ? e[n] : t) : [...t];
 }
-function Jo(e, t) {
-	let [n, r, i] = qo(e, t);
+function Qo(e, t) {
+	let [n, r, i] = Zo(e, t);
 	return [
 		n ?? t[0],
 		r ?? t[1],
 		i ?? t[2]
 	];
 }
-function Yo(e, t) {
-	let [n, r] = qo(e, t);
+function $o(e, t) {
+	let [n, r] = Zo(e, t);
 	return [n ?? t[0], r ?? t[1]];
 }
-function Xo(e) {
-	let t = Ko(e), n = new ki();
+function es(e) {
+	let t = Xo(e), n = new Mi();
 	if (t === 0) return n;
 	let r = e.props ?? {};
 	if (t === 2) {
-		let [e, t] = Yo(r.position, [0, 0]), [i, a] = Yo(r.scale, [1, 1]), o = typeof r.rotation == "number" ? r.rotation : 0;
-		return n.compose(new G(e, t, 0), new di().setFromEuler(new Li(0, 0, o * Wo, "XYZ")), new G(i || 1, a || 1, 1));
+		let [e, t] = $o(r.position, [0, 0]), [i, a] = $o(r.scale, [1, 1]), o = typeof r.rotation == "number" ? r.rotation : 0;
+		return n.compose(new K(e, t, 0), new mi().setFromEuler(new Bi(0, 0, o * Jo, "XYZ")), new K(i || 1, a || 1, 1));
 	}
-	let [i, a, o] = Jo(r.position, [
+	let [i, a, o] = Qo(r.position, [
 		0,
 		0,
 		0
-	]), [s, c, l] = Jo(r.rotation, [
+	]), [s, c, l] = Qo(r.rotation, [
 		0,
 		0,
 		0
-	]), [u, d, f] = Jo(r.scale, [
+	]), [u, d, f] = Qo(r.scale, [
 		1,
 		1,
 		1
 	]);
-	return n.compose(new G(i, a, o), new di().setFromEuler(new Li(s * Wo, c * Wo, l * Wo, "XYZ")), new G(u || 1, d || 1, f || 1));
+	return n.compose(new K(i, a, o), new mi().setFromEuler(new Bi(s * Jo, c * Jo, l * Jo, "XYZ")), new K(u || 1, d || 1, f || 1));
 }
-function Zo(e, t) {
-	let n = Xo(e), r = e;
+function ts(e, t) {
+	let n = es(e), r = e;
 	for (let e of t) {
 		let t = r.children?.[e];
 		if (!t) break;
-		n.multiply(Xo(t)), r = t;
+		n.multiply(es(t)), r = t;
 	}
 	return n;
 }
@@ -7441,15 +7593,15 @@ function Q(e) {
 	let t = Math.round(e * 1e4) / 1e4;
 	return Object.is(t, -0) ? 0 : t;
 }
-function Qo(e, t, n) {
-	let r = Ko(e);
+function ns(e, t, n) {
+	let r = Xo(e);
 	if (r === 0) return;
-	let i = new ki().copy(t).invert().multiply(n), a = new G(), o = new di(), s = new G();
+	let i = new Mi().copy(t).invert().multiply(n), a = new K(), o = new mi(), s = new K();
 	i.decompose(a, o, s);
-	let c = new Li().setFromQuaternion(o, "XYZ"), l = e.props ?? {}, u = (e, t, n) => {
+	let c = new Bi().setFromQuaternion(o, "XYZ"), l = e.props ?? {}, u = (e, t, n) => {
 		JSON.stringify(t) === JSON.stringify(n) ? delete l[e] : l[e] = t;
 	};
-	r === 2 ? (u("position", [Q(a.x), Q(a.y)], [0, 0]), u("rotation", Q(c.z * Go), 0), u("scale", [Q(s.x), Q(s.y)], [1, 1])) : (u("position", [
+	r === 2 ? (u("position", [Q(a.x), Q(a.y)], [0, 0]), u("rotation", Q(c.z * Yo), 0), u("scale", [Q(s.x), Q(s.y)], [1, 1])) : (u("position", [
 		Q(a.x),
 		Q(a.y),
 		Q(a.z)
@@ -7458,9 +7610,9 @@ function Qo(e, t, n) {
 		0,
 		0
 	]), u("rotation", [
-		Q(c.x * Go),
-		Q(c.y * Go),
-		Q(c.z * Go)
+		Q(c.x * Yo),
+		Q(c.y * Yo),
+		Q(c.z * Yo)
 	], [
 		0,
 		0,
@@ -7477,7 +7629,7 @@ function Qo(e, t, n) {
 }
 //#endregion
 //#region src/rename-refs.ts
-function $o(e, t) {
+function rs(e, t) {
 	let n = [String(e.name ?? "")], r = e;
 	for (let e of t) {
 		let t = r.children?.[e];
@@ -7486,7 +7638,7 @@ function $o(e, t) {
 	}
 	return n;
 }
-function es(e, t, n, r) {
+function is(e, t, n, r) {
 	if (e === "" || e === ".") return null;
 	let i = n[n.length - 1];
 	if (i === void 0 || i === r) return null;
@@ -7509,7 +7661,7 @@ function es(e, t, n, r) {
 	let p = [...o];
 	return p[f] = r, (a ? "/" : "") + p.join("/");
 }
-function ts(e) {
+function as(e) {
 	let t = (e) => Object.entries(e).filter(([, e]) => e?.nodePath).map(([e]) => e), n = typeof e.type == "string" ? e.type : "", i = [];
 	if (n) try {
 		i = t(s(n));
@@ -7523,31 +7675,31 @@ function ts(e) {
 		script: o
 	};
 }
-function ns(e, t, n) {
+function os(e, t, n) {
 	let r = e.root;
-	if (!r || t.length === 0) return r && t.length === 0 ? rs(e, r, n) : [];
-	let i = $o(r, t), a = is(r, t);
+	if (!r || t.length === 0) return r && t.length === 0 ? ss(e, r, n) : [];
+	let i = rs(r, t), a = cs(r, t);
 	if (!a) return [];
-	let o = as(e, r, i, n);
+	let o = ls(e, r, i, n);
 	return a.name = n, o;
 }
-function rs(e, t, n) {
-	let r = as(e, t, [String(t.name ?? "")], n);
+function ss(e, t, n) {
+	let r = ls(e, t, [String(t.name ?? "")], n);
 	return t.name = n, r;
 }
-function is(e, t) {
+function cs(e, t) {
 	let n = e;
 	for (let e of t) if (n = n?.children?.[e], !n) return null;
 	return n ?? null;
 }
-function as(e, t, n, r) {
+function ls(e, t, n, r) {
 	let i = [], a = String(t.name ?? ""), o = e.connections;
 	Array.isArray(o) && o.forEach((e, t) => {
 		let o = e;
 		for (let e of ["from", "to"]) {
 			let s = o[e];
 			if (typeof s != "string") continue;
-			let c = es(s, [a], n, r);
+			let c = is(s, [a], n, r);
 			c !== null && (o[e] = c, i.push({
 				where: `connections[${t}].${e}`,
 				from: s,
@@ -7556,7 +7708,7 @@ function as(e, t, n, r) {
 		}
 	});
 	let s = (a, o) => {
-		let c = ts(a), l = a.script, d = [[
+		let c = as(a), l = a.script, d = [[
 			a.props,
 			c.props,
 			""
@@ -7568,7 +7720,7 @@ function as(e, t, n, r) {
 		for (let [a, s, c] of d) if (a) for (let l of s) {
 			let s = a[l], d = `${o.join("/")}.${c}${l}`;
 			if (typeof s == "string") {
-				let e = es(s, o, n, r);
+				let e = is(s, o, n, r);
 				e !== null && (a[l] = e, i.push({
 					where: d,
 					from: s,
@@ -7576,25 +7728,25 @@ function as(e, t, n, r) {
 				}));
 			} else Array.isArray(s) ? s.forEach((e, t) => {
 				if (typeof e != "string") return;
-				let a = es(e, o, n, r);
+				let a = is(e, o, n, r);
 				a !== null && (s[t] = a, i.push({
 					where: `${d}[${t}]`,
 					from: e,
 					to: a
 				}));
-			}) : u(s) && os(e, t, s, n, r, d, i);
+			}) : u(s) && us(e, t, s, n, r, d, i);
 		}
 		let f = a.children ?? [];
 		for (let e of f) s(e, [...o, String(e.name ?? "")]);
 	};
 	return s(t, [a]), i;
 }
-function os(e, t, n, r, i, a, o) {
+function us(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 = es(l, [String(t.name ?? "")], r, i);
+	let u = is(l, [String(t.name ?? "")], r, i);
 	u !== null && (c[s] = u, o.push({
 		where: `constants.${s} (${a})`,
 		from: l,
@@ -7603,7 +7755,7 @@ function os(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/state.ts
-var ss = class {
+var ds = class {
 	working;
 	selection = [];
 	extra = [];
@@ -7631,7 +7783,7 @@ var ss = class {
 	undoStack = [];
 	listeners = /* @__PURE__ */ new Set();
 	constructor(e) {
-		this.working = e, this.working.root && cs(this.working.root), this.original = JSON.stringify(this.working);
+		this.working = e, this.working.root && fs(this.working.root), this.original = JSON.stringify(this.working);
 	}
 	get dirty() {
 		return JSON.stringify(this.working) !== this.original;
@@ -7664,8 +7816,8 @@ var ss = class {
 	renameNode(e, t) {
 		let n = this.nodeAt(e);
 		if (!n) return null;
-		let r = this.parentOf(e), i = r ? _s(r, t, n) : t;
-		return i === n.name ? [] : this.transact(() => ns(this.working, e, i));
+		let r = this.parentOf(e), i = r ? xs(r, t, n) : t;
+		return i === n.name ? [] : this.transact(() => os(this.working, e, i));
 	}
 	priorError(e) {
 		if (!this.validator) return null;
@@ -7679,35 +7831,35 @@ var ss = class {
 		return this.moveNodes([e], t, n)?.[0] ?? null;
 	}
 	moveNodes(e, t, n) {
-		let r = ps(e).filter((e) => e.length > 0);
+		let r = _s(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);
 		if (!o || a.includes(o)) return null;
-		let s = r.map((e) => Zo(i, e));
+		let s = r.map((e) => ts(i, e));
 		return this.transact(() => {
-			for (let e of a) hs(i, e);
+			for (let e of a) ys(i, e);
 			let e, t;
 			if (n === "into") e = o, e.children ||= [], t = e.children.length;
 			else {
-				let r = ms(i, o);
+				let r = vs(i, o);
 				if (!r) return null;
 				e = r.parent, t = r.index + +(n === "after");
 			}
 			let r = [];
 			a.forEach((n, r) => {
-				n.name = _s(e, n.name ?? "Node"), e.children?.splice(t + r, 0, n);
+				n.name = xs(e, n.name ?? "Node"), e.children?.splice(t + r, 0, n);
 			});
 			for (let e of a) {
-				let t = gs(i, e);
+				let t = bs(i, e);
 				if (!t) return null;
 				r.push(t);
 			}
 			return r.forEach((e, t) => {
 				let n = s[t], r = a[t];
-				!n || !r || Qo(r, Zo(i, e.slice(0, -1)), n);
+				!n || !r || ns(r, ts(i, e.slice(0, -1)), n);
 			}), r;
 		});
 	}
@@ -7716,17 +7868,17 @@ var ss = 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 = _s(n, t.name ?? "Node"), ls(r);
+			r.name = xs(n, t.name ?? "Node"), ps(r);
 			let i = e[e.length - 1] + 1;
 			return n.children?.splice(i, 0, r), [...e.slice(0, -1), i];
 		});
 	}
 	removeNodes(e) {
-		let t = ps(e).filter((e) => e.length > 0);
+		let t = _s(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) hs(n, e);
+			for (let e of r) ys(n, e);
 			return !0;
 		}) === !0;
 	}
@@ -7736,16 +7888,16 @@ var ss = class {
 	insertNode(e, t) {
 		if (!this.working.root) {
 			let t = JSON.parse(JSON.stringify(e));
-			return ls(t), this.transact(() => (this.working.root = t, []));
+			return ps(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 = _s(n, r.name ?? "Node"), ls(r), n.children ||= [], n.children.push(r), [...t, n.children.length - 1];
+			return r.name = xs(n, r.name ?? "Node"), ps(r), n.children ||= [], n.children.push(r), [...t, n.children.length - 1];
 		}) : null;
 	}
 	findRemovalReferences(e) {
-		let t = ps(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 = _s(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) {
@@ -7835,9 +7987,9 @@ var ss = class {
 		return s;
 	}
 	removeNodesUnlinking(e) {
-		let t = this.findRemovalReferences(e), n = ps(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 = _s(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 && us(this.working, a, i);
+			o.size > 0 && (this.working.connections = (this.working.connections ?? []).filter((e, t) => !o.has(t))), a.size > 0 && ms(this.working, a, i);
 			for (let e of t) {
 				if (e.kind !== "prop" || !e.prop || e.prop.required) continue;
 				let t = this.nodeAt(e.prop.path);
@@ -7845,7 +7997,7 @@ var ss = class {
 				let n = e.prop.bag === "props" ? t.props : t.script?.props;
 				n && delete n[e.prop.key];
 			}
-			for (let e of i) hs(r, e);
+			for (let e of i) ys(r, e);
 			return !0;
 		}) === !0;
 	}
@@ -7854,7 +8006,7 @@ var ss = class {
 		this.reset(e), this.original = t;
 	}
 	reset(e) {
-		this.working = e, this.working.root && cs(this.working.root), this.original = JSON.stringify(this.working), this.undoStack = [], this.selection = [], this.emit();
+		this.working = e, this.working.root && fs(this.working.root), this.original = JSON.stringify(this.working), this.undoStack = [], this.selection = [], this.emit();
 	}
 	markSaved() {
 		this.original = JSON.stringify(this.working), this.emit();
@@ -7886,7 +8038,7 @@ var ss = 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], ds(this.working, `$${i}`, `$${r}`);
+				n[r] = n[i], delete n[i], hs(this.working, `$${i}`, `$${r}`);
 			}
 		}), r.length === 0 && this.emit(), !0;
 	}
@@ -7898,7 +8050,7 @@ var ss = 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], ds(this.working, `$${e}`, `$${t}`);
+			n[t] = n[e], delete n[e], hs(this.working, `$${e}`, `$${t}`);
 		}), !0);
 	}
 	deleteGroup(e) {
@@ -7924,7 +8076,7 @@ var ss = class {
 		this.emit();
 	}
 	allSelections() {
-		return [...this.selection === null ? [] : [this.selection, ...this.extra]].sort(fs);
+		return [...this.selection === null ? [] : [this.selection, ...this.extra]].sort(gs);
 	}
 	isSelected(e) {
 		let t = e.join(".");
@@ -7937,67 +8089,67 @@ var ss = class {
 		for (let e of this.listeners) e();
 	}
 };
-function cs(e) {
+function fs(e) {
 	(typeof e.uid != "string" || e.uid === "") && (e.uid = p());
-	for (let t of e.children ?? []) cs(t);
+	for (let t of e.children ?? []) fs(t);
 }
-function ls(e) {
+function ps(e) {
 	e.uid = p();
-	for (let t of e.children ?? []) ls(t);
+	for (let t of e.children ?? []) ps(t);
 }
-function us(e, t, n) {
+function ms(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) : us(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) : ms(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] : us(i, t, n));
+		for (let [r, i] of Object.entries(e)) r !== "uid" && (typeof i == "string" && t.has(i) ? delete e[r] : ms(i, t, n));
 	}
 }
-function ds(e, t, n) {
+function hs(e, t, n) {
 	if (Array.isArray(e)) {
 		e.forEach((r, i) => {
-			r === t ? e[i] = n : ds(r, t, n);
+			r === t ? e[i] = n : hs(r, t, n);
 		});
 		return;
 	}
-	if (typeof e == "object" && e) for (let [r, i] of Object.entries(e)) i === t ? e[r] = n : ds(i, t, n);
+	if (typeof e == "object" && e) for (let [r, i] of Object.entries(e)) i === t ? e[r] = n : hs(i, t, n);
 }
-function fs(e, t) {
+function gs(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 ps(e) {
-	let t = [...e].sort(fs), n = [];
+function _s(e) {
+	let t = [...e].sort(gs), 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 ms(e, t) {
+function vs(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 = ms(n, t);
+		let e = vs(n, t);
 		if (e) return e;
 	}
 	return null;
 }
-function hs(e, t) {
-	let n = ms(e, t);
+function ys(e, t) {
+	let n = vs(e, t);
 	n?.parent.children?.splice(n.index, 1);
 }
-function gs(e, t) {
+function bs(e, t) {
 	if (e === t) return [];
 	for (let [n, r] of (e.children ?? []).entries()) {
-		let e = gs(r, t);
+		let e = bs(r, t);
 		if (e) return [n, ...e];
 	}
 	return null;
 }
-function _s(e, t, n) {
+function xs(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;
@@ -8006,21 +8158,51 @@ function _s(e, t, n) {
 }
 //#endregion
 //#region src/styles.ts
-var vs = "\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/* A grid item's default min-width is auto: it refuses to shrink below its\n   content's MIN-CONTENT width. One nowrap asset description was enough to push\n   a whole field past the inspector — and no max-width: 100% further down can\n   fix it, because 100% is then 100% of the already-grown track. The clamp has\n   to come from here. */\n.field > * {\n  min-width: 0;\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/* .field.wide is declared EARLIER and at equal specificity, so the rule above\n   silently won inside a card: a full-width field (the asset picker) went back\n   to two columns and its dropdown panel — a third grid child — was auto-placed\n   into the 78px label column, four times too narrow to read. */\n.subcard .field.wide {\n  grid-template-columns: 1fr;\n}\n.subcard .field.wide.has-const-picker {\n  grid-template-columns: 1fr auto;\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: center;\n}\n.asset-control input {\n  flex: 1;\n  min-width: 0;\n}\n.asset-toggle {\n  flex: none;\n  /* square and matched to the input beside it. The base control rule's 9px of\n     side padding does not fit a 26px box, which left the chevron off-centre in\n     a button that looked taller than it was wide. */\n  width: 30px;\n  height: 30px;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1;\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  min-width: 0;\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  min-width: 0;\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  /* A flex ITEM has the same auto-min-width default as a grid item, so this is\n     what stops one long description widening the whole panel.\n     overflow-x, NOT overflow: plain hidden also removes the automatic\n     MINIMUM SIZE on the block axis, and this button is an item of a\n     max-height scroll container — so every row shrank to fit 220px instead of\n     scrolling, collapsing 46px rows to 16px with the text squashed to 1px.\n     flex: none is the other half: items in a capped column must keep their\n     height and let the container scroll. */\n  min-width: 0;\n  overflow-x: clip;\n  flex: none;\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  /* asset keys are short today and a long one must still not widen the panel */\n  max-width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\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/* A row carrying the library button has THREE cells. Without this the button is\n   a third child of a two-column grid: it wraps onto a second row INSIDE the\n   label column, gets 52px to live in, and crushes \"📚 library\" against its own\n   borders — which reads as a button with no padding, and no amount of padding\n   fixes it. */\n.field.has-lib {\n  grid-template-columns: 92px 1fr auto;\n}\n.asset-editor .field.has-lib {\n  grid-template-columns: 52px 1fr auto;\n}\n.subcard .field.has-lib {\n  grid-template-columns: 78px 1fr auto;\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/* an asset the renderer could not fetch: the node is fine, the art is not */\n.asset-row.asset-failed .asset-key {\n  color: #f87171;\n  text-decoration: underline dotted #f87171;\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/* The third grid column a bound-able prop row opens for its 🔗 picker. The\n   .field grid is 92px 1fr; without this the picker is auto-placed into row 2\n   column 1, tucked under the label where nobody finds it. */\n.field.has-const-picker {\n  grid-template-columns: 92px 1fr auto;\n}\n.field.wide.has-const-picker {\n  grid-template-columns: 1fr auto;\n}\n.const-picker {\n  flex: none;\n  width: 30px;\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: 12px;\n  /* The base select rule reserves 9px + 30px of horizontal padding for its\n     drawn chevron. In a 30px box that leaves the link glyph nowhere to be, so\n     the control rendered as an empty rectangle. This one has no chevron. */\n  padding: 0;\n  background-image: none;\n  text-align: center;\n  text-align-last: center;\n  height: 30px;\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  /* NOT stretch: .field carries a 7px bottom margin, so a stretched button\n     grew to cover it and stood a third taller than the input beside it. */\n  align-items: center;\n}\n.const-row .field {\n  flex: 1;\n  min-width: 0;\n}\n.const-del {\n  flex: none;\n  width: 30px;\n  /* square, and matched to the input it sits beside, rather than to whatever\n     the row's tallest margin box happens to be */\n  height: 30px;\n  /* the field's own bottom margin is the row's spacing; without this the button\n     sits 3.5px low against the input */\n  margin-bottom: 7px;\n  /* the glyph sat right of centre: the base control rule gives every button\n     9px of side padding, which a 30px box has no room for */\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1;\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  height: 30px;\n  /* room for the word: a bare icon next to a URL field reads as decoration,\n     and nobody clicks decoration */\n  padding: 0 16px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 7px;\n  white-space: nowrap;\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  background: var(--bg-1);\n  color: var(--fg-1);\n  font-size: 12px;\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  min-height: 0;\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  /* Grid items size to their content unless told not to. Without this the\n     results pane grows past the dialog and takes the scrollbar with it. */\n  min-height: 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  /* A flex child will not shrink below its content without this, so flex:1\n     plus overflow-y:auto grew the grid instead of scrolling it: the results ran\n     off the bottom of the dialog with no way to reach them, and the\n     infinite-scroll sentinel sat permanently in view. */\n  min-height: 0;\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));\n  /* Not \"auto\": once the grid has a definite height, an auto row sizes to its\n     MIN-content, and a thumbnail sized by aspect-ratio contributes nothing to\n     that — every row collapsed to the 14px of its filename. */\n  grid-auto-rows: max-content;\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/* On the shelf, but not something this field can take. Shown — a library that\n   hides most of itself is worse — just clearly second. */\n.lib-card.off-kind {\n  opacity: 0.42;\n}\n.lib-card.off-kind:hover,\n.lib-card.off-kind.active {\n  opacity: 1;\n}\n.lib-sentinel {\n  grid-column: 1 / -1;\n  height: 1px;\n}\n.lib-charpick {\n  display: grid;\n  grid-template-columns: auto 1fr auto auto;\n  align-items: center;\n  gap: 6px;\n  padding: 7px 8px;\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  background: var(--bg-2);\n}\n.lib-charpick-label {\n  color: var(--text-faint);\n  font-size: 11px;\n  white-space: nowrap;\n}\n.lib-charpick input {\n  min-width: 0;\n  padding: 4px 7px;\n  font-size: 11px;\n  font-family: ui-monospace, Menlo, monospace;\n  text-overflow: ellipsis;\n}\n.lib-charpick button {\n  padding: 4px 8px;\n  font-size: 11px;\n}\n.lib-blocked {\n  margin: 0;\n  color: var(--warn, #e7c86e);\n  font-size: 12px;\n  line-height: 1.5;\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  min-height: 0;\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.field input.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", ys = new Map(Nt.flatMap((e) => e.nodes.map((e) => [e.type, e.summary]))), bs = /* @__PURE__ */ new Set(), xs = null, Ss = null, Cs = null;
-function ws(e) {
-	Ss = e;
-}
-function Ts(e) {
-	xs = e;
+var Ss = "\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/* A grid item's default min-width is auto: it refuses to shrink below its\n   content's MIN-CONTENT width. One nowrap asset description was enough to push\n   a whole field past the inspector — and no max-width: 100% further down can\n   fix it, because 100% is then 100% of the already-grown track. The clamp has\n   to come from here. */\n.field > * {\n  min-width: 0;\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/* .field.wide is declared EARLIER and at equal specificity, so the rule above\n   silently won inside a card: a full-width field (the asset picker) went back\n   to two columns and its dropdown panel — a third grid child — was auto-placed\n   into the 78px label column, four times too narrow to read. */\n.subcard .field.wide {\n  grid-template-columns: 1fr;\n}\n.subcard .field.wide.has-const-picker {\n  grid-template-columns: 1fr auto;\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: center;\n}\n.asset-control input {\n  flex: 1;\n  min-width: 0;\n}\n.asset-toggle {\n  flex: none;\n  /* square and matched to the input beside it. The base control rule's 9px of\n     side padding does not fit a 26px box, which left the chevron off-centre in\n     a button that looked taller than it was wide. */\n  width: 30px;\n  height: 30px;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1;\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  min-width: 0;\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  min-width: 0;\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  /* A flex ITEM has the same auto-min-width default as a grid item, so this is\n     what stops one long description widening the whole panel.\n     overflow-x, NOT overflow: plain hidden also removes the automatic\n     MINIMUM SIZE on the block axis, and this button is an item of a\n     max-height scroll container — so every row shrank to fit 220px instead of\n     scrolling, collapsing 46px rows to 16px with the text squashed to 1px.\n     flex: none is the other half: items in a capped column must keep their\n     height and let the container scroll. */\n  min-width: 0;\n  overflow-x: clip;\n  flex: none;\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  /* asset keys are short today and a long one must still not widen the panel */\n  max-width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\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/* A row carrying the library button has THREE cells. Without this the button is\n   a third child of a two-column grid: it wraps onto a second row INSIDE the\n   label column, gets 52px to live in, and crushes \"📚 library\" against its own\n   borders — which reads as a button with no padding, and no amount of padding\n   fixes it. */\n.field.has-lib {\n  grid-template-columns: 92px 1fr auto;\n}\n.asset-editor .field.has-lib {\n  grid-template-columns: 52px 1fr auto;\n}\n.subcard .field.has-lib {\n  grid-template-columns: 78px 1fr auto;\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/* an asset the renderer could not fetch: the node is fine, the art is not */\n.asset-row.asset-failed .asset-key {\n  color: #f87171;\n  text-decoration: underline dotted #f87171;\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/* The third grid column a bound-able prop row opens for its 🔗 picker. The\n   .field grid is 92px 1fr; without this the picker is auto-placed into row 2\n   column 1, tucked under the label where nobody finds it. */\n.field.has-const-picker {\n  grid-template-columns: 92px 1fr auto;\n}\n.field.wide.has-const-picker {\n  grid-template-columns: 1fr auto;\n}\n.const-picker {\n  flex: none;\n  width: 30px;\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: 12px;\n  /* The base select rule reserves 9px + 30px of horizontal padding for its\n     drawn chevron. In a 30px box that leaves the link glyph nowhere to be, so\n     the control rendered as an empty rectangle. This one has no chevron. */\n  padding: 0;\n  background-image: none;\n  text-align: center;\n  text-align-last: center;\n  height: 30px;\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  /* NOT stretch: .field carries a 7px bottom margin, so a stretched button\n     grew to cover it and stood a third taller than the input beside it. */\n  align-items: center;\n}\n.const-row .field {\n  flex: 1;\n  min-width: 0;\n}\n.const-del {\n  flex: none;\n  width: 30px;\n  /* square, and matched to the input it sits beside, rather than to whatever\n     the row's tallest margin box happens to be */\n  height: 30px;\n  /* the field's own bottom margin is the row's spacing; without this the button\n     sits 3.5px low against the input */\n  margin-bottom: 7px;\n  /* the glyph sat right of centre: the base control rule gives every button\n     9px of side padding, which a 30px box has no room for */\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1;\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/* ---- scene strings (localization) ---- */\n/* One block per key: the inspector is ~300px, and a column per language gave\n   each cell 48px with three languages — measured in the real panel. */\n.strings-langs {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 5px;\n  align-items: center;\n  margin-bottom: 8px;\n}\n.strings-langs-label {\n  font-size: 10px;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--text-faint);\n  margin-right: 2px;\n}\n.strings-lang-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  padding: 1px 5px;\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: 10px;\n}\n.strings-locale-del {\n  padding: 0 1px;\n  border: 0;\n  background: none;\n  color: var(--text-faint);\n  font-size: 9px;\n  line-height: 1;\n  cursor: pointer;\n}\n.strings-locale-del:hover {\n  color: var(--rose);\n}\n.strings-key-row {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n  margin-top: 8px;\n}\n.strings-key {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 11px;\n  color: var(--accent);\n}\n.strings-key-row .const-del {\n  margin-bottom: 0;\n}\n.strings-row {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n  margin: 3px 0 0 10px;\n}\n.strings-lang-tag {\n  flex: 0 0 22px;\n  font-size: 10px;\n  color: var(--text-faint);\n  text-align: right;\n}\n.strings-cell {\n  flex: 1;\n  min-width: 0;\n}\n/* Not translated: the English it will silently fall back to, greyed. That\n   fallback is the documented design, not an error — so it is dimmed, not red. */\n.strings-cell.strings-fallback::placeholder {\n  color: var(--text-faint);\n  font-style: italic;\n}\n/* No BASE text: nothing to fall back to, so the raw key paints on screen. */\n.strings-cell.strings-missing-base {\n  border-color: var(--rose);\n}\n.strings-cell.strings-missing-base::placeholder {\n  color: var(--rose);\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  height: 30px;\n  /* room for the word: a bare icon next to a URL field reads as decoration,\n     and nobody clicks decoration */\n  padding: 0 16px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 7px;\n  white-space: nowrap;\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  background: var(--bg-1);\n  color: var(--fg-1);\n  font-size: 12px;\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  min-height: 0;\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  /* Grid items size to their content unless told not to. Without this the\n     results pane grows past the dialog and takes the scrollbar with it. */\n  min-height: 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  /* A flex child will not shrink below its content without this, so flex:1\n     plus overflow-y:auto grew the grid instead of scrolling it: the results ran\n     off the bottom of the dialog with no way to reach them, and the\n     infinite-scroll sentinel sat permanently in view. */\n  min-height: 0;\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));\n  /* Not \"auto\": once the grid has a definite height, an auto row sizes to its\n     MIN-content, and a thumbnail sized by aspect-ratio contributes nothing to\n     that — every row collapsed to the 14px of its filename. */\n  grid-auto-rows: max-content;\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/* On the shelf, but not something this field can take. Shown — a library that\n   hides most of itself is worse — just clearly second. */\n.lib-card.off-kind {\n  opacity: 0.42;\n}\n.lib-card.off-kind:hover,\n.lib-card.off-kind.active {\n  opacity: 1;\n}\n.lib-sentinel {\n  grid-column: 1 / -1;\n  height: 1px;\n}\n.lib-charpick {\n  display: grid;\n  grid-template-columns: auto 1fr auto auto;\n  align-items: center;\n  gap: 6px;\n  padding: 7px 8px;\n  border: 1px solid var(--line);\n  border-radius: var(--r-sm);\n  background: var(--bg-2);\n}\n.lib-charpick-label {\n  color: var(--text-faint);\n  font-size: 11px;\n  white-space: nowrap;\n}\n.lib-charpick input {\n  min-width: 0;\n  padding: 4px 7px;\n  font-size: 11px;\n  font-family: ui-monospace, Menlo, monospace;\n  text-overflow: ellipsis;\n}\n.lib-charpick button {\n  padding: 4px 8px;\n  font-size: 11px;\n}\n.lib-blocked {\n  margin: 0;\n  color: var(--warn, #e7c86e);\n  font-size: 12px;\n  line-height: 1.5;\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  min-height: 0;\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.field input.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";
+//#endregion
+//#region src/sub-scenes.ts
+async function Cs(e, t, n = 8) {
+	let r = /* @__PURE__ */ new Map(), i = [e];
+	for (let e = 0; e < n && i.length > 0; e++) {
+		let e = /* @__PURE__ */ new Set();
+		for (let t of i) ws(t.root, e);
+		let n = [...e].filter((e) => !r.has(e));
+		if (n.length === 0) break;
+		let a = await Promise.all(n.map(async (e) => {
+			try {
+				return [e, await t.loadScene(e)];
+			} catch {
+				return [e, null];
+			}
+		}));
+		i = [];
+		for (let [e, t] of a) t && (r.set(e, t), i.push(t));
+	}
+	return r;
 }
-function Es(e) {
-	Cs = e;
+function ws(e, t) {
+	if (!e || typeof e != "object") return;
+	let n = e.instance;
+	typeof n == "string" && n !== "" && t.add(n);
+	for (let n of e.children ?? []) ws(n, t);
 }
-var Ds = null, Os = null, ks = null;
+//#endregion
+//#region src/tree.ts
+var Ts = new Map(Nt.flatMap((e) => e.nodes.map((e) => [e.type, e.summary]))), Es = /* @__PURE__ */ new Set(), Ds = null, Os = null, ks = null;
 function As(e) {
+	Os = e;
+}
+function js(e) {
+	Ds = e;
+}
+function Ms(e) {
+	ks = e;
+}
+var Ns = null, Ps = null, Fs = null;
+function Is(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 js(e, t) {
+function Ls(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);
@@ -8030,54 +8212,54 @@ function js(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;
 	}
-	Fs(r, t.selection), e.appendChild(Is(r, [], t, "")), Ns(e, t.selection);
+	Vs(r, t.selection), e.appendChild(Hs(r, [], t, "")), zs(e, t.selection);
 }
-var Ms = null;
-function Ns(e, t) {
+var Rs = null;
+function zs(e, t) {
 	let n = JSON.stringify(t);
-	n !== Ms && (Ms = n, e.querySelector(".tree-row.selected")?.scrollIntoView?.({
+	n !== Rs && (Rs = n, e.querySelector(".tree-row.selected")?.scrollIntoView?.({
 		block: "nearest",
 		inline: "nearest"
 	}));
 }
-function Ps() {
-	Ms = null;
+function Bs() {
+	Rs = null;
 }
-function Fs(e, t) {
+function Vs(e, t) {
 	if (!t) return;
 	let n = e, r = "";
 	for (let e of t) {
-		r = r ? `${r}/${n.name}` : String(n.name), bs.delete(r);
+		r = r ? `${r}/${n.name}` : String(n.name), Es.delete(r);
 		let t = n.children?.[e];
 		if (!t) return;
 		n = t;
 	}
 }
-function Is(e, t, n, r) {
-	let i = r ? `${r}/${e.name}` : String(e.name), a = (e.children?.length ?? 0) > 0, o = bs.has(i), s = document.createElement("div");
+function Hs(e, t, n, r) {
+	let i = r ? `${r}/${e.name}` : String(e.name), a = (e.children?.length ?? 0) > 0, o = Es.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 && ks !== i;
+	c.className = `tree-row${n.isSelected(t) ? " selected" : ""}`, c.draggable = t.length > 0 && Fs !== i;
 	let l = document.createElement("span");
 	l.className = `chevron${a ? "" : " leaf"}${o ? " collapsed" : ""}`, a ? l.appendChild(Ye()) : l.textContent = "·", a && l.addEventListener("click", (e) => {
-		e.stopPropagation(), o ? bs.delete(i) : bs.add(i), n.select(n.selection);
+		e.stopPropagation(), o ? Es.delete(i) : Es.add(i), n.select(n.selection);
 	});
 	let u = document.createElement("span");
-	if (u.className = `tree-icon ${As(e.type)}`, u.appendChild(Je(e.type)), u.title = e.type ?? "instance", u.addEventListener("click", (t) => {
-		t.stopPropagation(), Ls(u, e.type ?? "instance");
-	}), c.append(l, u), ks === i) {
+	if (u.className = `tree-icon ${Is(e.type)}`, u.appendChild(Je(e.type)), u.title = e.type ?? "instance", u.addEventListener("click", (t) => {
+		t.stopPropagation(), Us(u, e.type ?? "instance");
+	}), c.append(l, u), Fs === i) {
 		let r = document.createElement("input");
 		r.className = "rename-input", r.value = e.name ?? "";
 		let i = () => {
-			ks = null;
+			Fs = null;
 			let i = r.value.trim();
 			if (i && i !== e.name) {
 				let e = n.renameNode(t, i) ?? [];
-				e.length > 0 && Cs?.(e);
+				e.length > 0 && ks?.(e);
 			} else n.select(n.selection);
 		};
 		r.addEventListener("keydown", (e) => {
-			e.stopPropagation(), e.key === "Enter" && i(), e.key === "Escape" && (ks = null, n.select(n.selection));
+			e.stopPropagation(), e.key === "Enter" && i(), e.key === "Escape" && (Fs = null, n.select(n.selection));
 		});
 		for (let e of [
 			"click",
@@ -8091,38 +8273,38 @@ function Is(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(), ks = i, n.select(t);
+			e.stopPropagation(), Fs = i, n.select(t);
 		}), c.appendChild(r);
 	}
 	if (c.addEventListener("click", (e) => {
-		a && !e.metaKey && !e.ctrlKey && (o ? bs.delete(i) : bs.add(i)), n.select(t, { toggle: e.metaKey || e.ctrlKey });
+		a && !e.metaKey && !e.ctrlKey && (o ? Es.delete(i) : Es.add(i)), n.select(t, { toggle: e.metaKey || e.ctrlKey });
 	}), c.addEventListener("contextmenu", (e) => {
-		e.preventDefault(), n.isSelected(t) || n.select(t), Rs(e.clientX, e.clientY, n, t, i);
-	}), qs(c, t, n), s.appendChild(c), a && !o) {
+		e.preventDefault(), n.isSelected(t) || n.select(t), Ws(e.clientX, e.clientY, n, t, i);
+	}), $s(c, t, n), s.appendChild(c), a && !o) {
 		let r = document.createElement("div");
 		r.className = "tree-children", (e.children ?? []).forEach((e, a) => {
-			r.appendChild(Is(e, [...t, a], n, i));
+			r.appendChild(Hs(e, [...t, a], n, i));
 		}), s.appendChild(r);
 	}
 	return s;
 }
-function Ls(e, t) {
-	Us();
+function Us(e, t) {
+	Ys();
 	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 = ys.get(t);
+	let i = Ts.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`, Ws(n);
+	n.style.left = `${Math.min(innerWidth - 240, a.right + 8)}px`, n.style.top = `${Math.max(8, a.top - 6)}px`, Xs(n);
 }
-function Rs(e, t, n, r, i) {
-	Us();
+function Ws(e, t, n, r, i) {
+	Ys();
 	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) => {
@@ -8134,52 +8316,52 @@ function Rs(e, t, n, r, i) {
 			e.textContent = n.kbd, r.appendChild(e);
 		}
 		t && r.addEventListener("click", () => {
-			Us(), t();
+			Ys(), t();
 		}), s.appendChild(r);
 	};
 	c(`duplicate${a.length > 1 ? ` ×${a.length}` : ""}`, () => {
 		for (let e of [...a].reverse()) n.duplicateNode(e);
-	}), c("frame in view", Ss && r.length > 0 ? () => {
-		n.select(r), Ss?.();
+	}), c("frame in view", Os && r.length > 0 ? () => {
+		n.select(r), Os?.();
 	} : null, { kbd: "F" }), c("rename", o ? () => {
-		ks = i, n.select(r);
-	} : null, { kbd: "dbl-click" }), s.appendChild(zs()), c("cut", r.length > 0 ? () => Bs(n, !0) : null), c("copy", r.length > 0 ? () => Bs(n, !1) : null), c(`paste as child${Os ? ` (${Os.nodes.length})` : ""}`, Os ? () => Vs(n, r) : null), s.appendChild(zs()), c("delete", r.length > 0 ? () => (xs ?? ((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`, Ws(s);
+		Fs = i, n.select(r);
+	} : null, { kbd: "dbl-click" }), s.appendChild(Gs()), c("cut", r.length > 0 ? () => Ks(n, !0) : null), c("copy", r.length > 0 ? () => Ks(n, !1) : null), c(`paste as child${Ps ? ` (${Ps.nodes.length})` : ""}`, Ps ? () => qs(n, r) : null), s.appendChild(Gs()), c("delete", r.length > 0 ? () => (Ds ?? ((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`, Xs(s);
 }
-function zs() {
+function Gs() {
 	let e = document.createElement("div");
 	return e.className = "menu-divider", e;
 }
-function Bs(e, t) {
+function Ks(e, t) {
 	let n = e.allSelections().filter((e) => e.length > 0).map((t) => e.nodeAt(t)).filter((e) => e !== null);
-	Os = {
+	Ps = {
 		nodes: n.map((e) => JSON.parse(JSON.stringify(e))),
 		cut: t ? n : null
 	};
 }
-function Vs(e, t) {
-	if (Os) {
-		for (let n of Os.nodes) e.insertNode(n, t);
-		if (Os.cut) {
-			let t = e.working.root, n = Os.cut.map((e) => Hs(t, e)).filter((e) => e !== null);
-			n.length > 0 && e.removeNodes(n), Os = {
-				nodes: Os.nodes,
+function qs(e, t) {
+	if (Ps) {
+		for (let n of Ps.nodes) e.insertNode(n, t);
+		if (Ps.cut) {
+			let t = e.working.root, n = Ps.cut.map((e) => Js(t, e)).filter((e) => e !== null);
+			n.length > 0 && e.removeNodes(n), Ps = {
+				nodes: Ps.nodes,
 				cut: null
 			};
 		}
 	}
 }
-function Hs(e, t) {
+function Js(e, t) {
 	if (e === t) return [];
 	for (let [n, r] of (e.children ?? []).entries()) {
-		let e = Hs(r, t);
+		let e = Js(r, t);
 		if (e) return [n, ...e];
 	}
 	return null;
 }
-function Us() {
+function Ys() {
 	for (let e of document.querySelectorAll(".floating")) e.remove();
 }
-function Ws(e) {
+function Xs(e) {
 	let t = (r) => {
 		e.contains(r.target) || (e.remove(), document.removeEventListener("pointerdown", t, !0), document.removeEventListener("keydown", n, !0));
 	}, n = (r) => {
@@ -8189,38 +8371,38 @@ function Ws(e) {
 		document.addEventListener("pointerdown", t, !0), document.addEventListener("keydown", n, !0);
 	}, 0);
 }
-function Gs(e, t) {
+function Zs(e, t) {
 	let n = t.getBoundingClientRect(), r = (e.clientY - n.top) / n.height;
 	return r < .25 ? "before" : r > .75 ? "after" : "into";
 }
-function Ks(e) {
+function Qs(e) {
 	e.classList.remove("drop-into", "drop-before", "drop-after");
 }
-function qs(e, t, n) {
+function $s(e, t, n) {
 	e.addEventListener("dragstart", (r) => {
-		Ds = n.isSelected(t) ? n.allSelections() : [t], r.dataTransfer?.setData("text/plain", ""), r.dataTransfer && (r.dataTransfer.effectAllowed = "move"), e.classList.add("dragging");
+		Ns = n.isSelected(t) ? n.allSelections() : [t], r.dataTransfer?.setData("text/plain", ""), r.dataTransfer && (r.dataTransfer.effectAllowed = "move"), e.classList.add("dragging");
 	}), e.addEventListener("dragend", () => {
-		Ds = null, e.classList.remove("dragging");
+		Ns = null, e.classList.remove("dragging");
 	}), e.addEventListener("dragover", (n) => {
-		if (!Ds || Ds.some((e) => e.length <= t.length && e.every((e, n) => e === t[n]))) return;
-		n.preventDefault(), n.dataTransfer && (n.dataTransfer.dropEffect = "move"), Ks(e);
-		let r = t.length === 0 ? "into" : Gs(n, e);
+		if (!Ns || Ns.some((e) => e.length <= t.length && e.every((e, n) => e === t[n]))) return;
+		n.preventDefault(), n.dataTransfer && (n.dataTransfer.dropEffect = "move"), Qs(e);
+		let r = t.length === 0 ? "into" : Zs(n, e);
 		e.classList.add(`drop-${r}`);
-	}), e.addEventListener("dragleave", () => Ks(e)), e.addEventListener("drop", (r) => {
-		if (Ks(e), !Ds) return;
+	}), e.addEventListener("dragleave", () => Qs(e)), e.addEventListener("drop", (r) => {
+		if (Qs(e), !Ns) return;
 		r.preventDefault();
-		let i = t.length === 0 ? "into" : Gs(r, e), a = n.moveNodes(Ds, t, i);
-		Ds = null, a?.[0] && n.select(a[0]);
+		let i = t.length === 0 ? "into" : Zs(r, e), a = n.moveNodes(Ns, t, i);
+		Ns = null, a?.[0] && n.select(a[0]);
 	});
 }
 //#endregion
 //#region src/transform-gizmo.ts
-var Js = {
+var ec = {
 	x: "#fb7185",
 	y: "#86efac",
 	z: "#7aa2ff"
 };
-function Ys(e, t, n) {
+function tc(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) {
@@ -8234,11 +8416,11 @@ function Ys(e, t, n) {
 	}
 	return null;
 }
-function Xs(e, t, n) {
+function nc(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 Zs(e, t, n, r = !1) {
+function rc(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;
@@ -8249,16 +8431,16 @@ function Zs(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 Qs(e, t, n) {
+function ic(e, t, n) {
 	return Math.atan2(n - e.y, t - e.x) * 180 / Math.PI;
 }
-function $s(e, t) {
+function ac(e, t) {
 	let n = t - e;
 	for (; n > 180;) n -= 360;
 	for (; n <= -180;) n += 360;
 	return n;
 }
-function ec(e, t, n, r) {
+function oc(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);
@@ -8266,11 +8448,11 @@ function ec(e, t, n, r) {
 	}
 	return i;
 }
-function tc(e, t, n) {
+function sc(e, t, n) {
 	for (let r of t) {
 		if (r.points.length < 2) continue;
 		let t = n === r.axis;
-		e.strokeStyle = Js[r.axis], e.globalAlpha = t ? 1 : .75, e.lineWidth = t ? 3 : 2, e.beginPath();
+		e.strokeStyle = ec[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);
@@ -8278,14 +8460,25 @@ function tc(e, t, n) {
 	}
 	e.globalAlpha = 1;
 }
-function nc(e, t, n, r) {
+function cc(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 rc = class {
+var lc = class {
+	subScenes = /* @__PURE__ */ new Map();
+	setSubScenes(e) {
+		this.subScenes = e;
+	}
+	get resolver() {
+		return this.subScenes.size === 0 ? {} : { resolveScene: (e) => {
+			let t = this.subScenes.get(e);
+			if (!t) throw Error(`no sub-scene fetched for '${e}'`);
+			return t;
+		} };
+	}
 	engine;
 	editCanvas;
 	overlay;
@@ -8393,7 +8586,10 @@ var rc = class {
 		let n;
 		try {
 			let t = structuredClone(e);
-			yc(t), n = f(t, { stubAllBehaviors: !0 });
+			Tc(t), n = f(t, {
+				stubAllBehaviors: !0,
+				...this.resolver
+			});
 		} catch (e) {
 			return e instanceof Error ? e.message : String(e);
 		}
@@ -8409,7 +8605,7 @@ var rc = class {
 					canvas: this.editCanvas,
 					engine: this.engine
 				}), this.renderer3d.ignoreStatic = !0;
-				let t = hc(e.root);
+				let t = xc(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 = [
@@ -8431,13 +8627,16 @@ var rc = class {
 		if (!e.root) return null;
 		try {
 			let t = structuredClone(e);
-			return yc(t), f(t, { stubAllBehaviors: !0 }), null;
+			return Tc(t), f(t, {
+				stubAllBehaviors: !0,
+				...this.resolver
+			}), null;
 		} catch (e) {
 			return e instanceof Error ? e.message : String(e);
 		}
 	}
 	defaultView(e) {
-		let t = gc(e.root);
+		let t = Sc(e.root);
 		if (t) return {
 			cx: t[0],
 			cy: t[1],
@@ -8514,7 +8713,7 @@ var rc = class {
 		this.gizmoMode = e, this.cb.onModeChanged(e);
 	}
 	screen2D(e) {
-		let t = mc(e);
+		let t = bc(e);
 		return this.renderer2d ? this.renderer2d.isUiNode(e) ? this.renderer2d.screenFromUi(t.x, t.y) : this.renderer2d.screenFromWorld(t.x, t.y) : t;
 	}
 	point2D(e, t, n) {
@@ -8538,13 +8737,13 @@ var rc = class {
 					sx: 64,
 					sy: 0,
 					worldPerUnit: 64 / r,
-					color: Js.x
+					color: ec.x
 				}, {
 					axis: "y",
 					sx: 0,
 					sy: 64,
 					worldPerUnit: 64 / r,
-					color: Js.y
+					color: ec.y
 				}]
 			};
 		}
@@ -8578,7 +8777,7 @@ var rc = class {
 					sx: n.x - r.x,
 					sy: n.y - r.y,
 					worldPerUnit: o,
-					color: Js[e]
+					color: ec[e]
 				});
 			}
 			return {
@@ -8652,11 +8851,11 @@ var rc = class {
 		return null;
 	}
 	orbitVectors() {
-		let { yaw: e, pitch: t, dist: n, target: r } = this.orbit, i = Math.cos(t), a = new G(r[0] + n * i * Math.sin(e), r[1] + n * Math.sin(t), r[2] + n * i * Math.cos(e)), o = new G(r[0], r[1], r[2]).sub(a).normalize(), s = new G().crossVectors(o, ac).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, dc).normalize();
 		return {
 			pos: a,
 			right: s,
-			up: new G().crossVectors(s, o).normalize(),
+			up: new K().crossVectors(s, o).normalize(),
 			forward: o
 		};
 	}
@@ -8678,13 +8877,13 @@ var rc = class {
 			for (let [t] of this.pathOf) if (t instanceof S && (t.current || !e) && (e = t, t.current)) break;
 			let t = e ? e._ensureObject3D() : null;
 			if (t) {
-				t.getWorldPosition(oc), sc.set(0, 0, -1).applyQuaternion(t.getWorldQuaternion(cc));
+				t.getWorldPosition(fc), pc.set(0, 0, -1).applyQuaternion(t.getWorldQuaternion(mc));
 				let e = Math.min(40, Math.max(3, this.orbit.dist));
 				this.orbit.target = [
-					oc.x + sc.x * e,
-					oc.y + sc.y * e,
-					oc.z + sc.z * e
-				], this.orbit.dist = e, this.orbit.yaw = Math.atan2(-sc.x, -sc.z), this.orbit.pitch = Math.asin(Math.max(-.99, Math.min(.99, -sc.y)));
+					fc.x + pc.x * e,
+					fc.y + pc.y * e,
+					fc.z + pc.z * e
+				], this.orbit.dist = e, this.orbit.yaw = Math.atan2(-pc.x, -pc.z), this.orbit.pitch = Math.asin(Math.max(-.99, Math.min(.99, -pc.y)));
 			}
 			this.renderer3d.viewOverride = null;
 			return;
@@ -8704,9 +8903,9 @@ var rc = class {
 	gizmoHandles() {
 		let { right: e, up: t, forward: n } = this.orbitVectors(), r = this.gizmoCenter(), i = [];
 		for (let [a, o] of [
-			["x", new G(1, 0, 0)],
-			["y", new G(0, 1, 0)],
-			["z", new G(0, 0, 1)]
+			["x", new K(1, 0, 0)],
+			["y", new K(0, 1, 0)],
+			["z", new K(0, 0, 1)]
 		]) for (let s of [1, -1]) {
 			let c = o.clone().multiplyScalar(s);
 			i.push({
@@ -8780,7 +8979,7 @@ var rc = 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 && nc(e, this.readout.x, this.readout.y, this.readout.text);
+			this.drawGizmo(e), this.drawModeGizmo(e), this.readout && cc(e, this.readout.x, this.readout.y, this.readout.text);
 			return;
 		}
 		if (!this.renderer2d) return;
@@ -8805,16 +9004,16 @@ var rc = class {
 				]) e.fillRect(n - 3, r - 3, 6, 6);
 			}
 		}
-		this.drawModeGizmo(e), this.readout && nc(e, this.readout.x, this.readout.y, this.readout.text);
+		this.drawModeGizmo(e), this.readout && cc(e, this.readout.x, this.readout.y, this.readout.text);
 	}
 	drawModeGizmo(e) {
 		if (this.gizmoMode === "rotate") {
 			let t = this.ringLayout();
-			t && tc(e, t.rings, this.activeRing);
+			t && sc(e, t.rings, this.activeRing);
 			return;
 		}
 		let t = this.gizmoLayout();
-		t && Zs(e, t, this.gizmoActive, this.gizmoMode === "scale");
+		t && rc(e, t, this.gizmoActive, this.gizmoMode === "scale");
 	}
 	pointBounds(e) {
 		if (!this.renderer2d) return null;
@@ -8867,7 +9066,7 @@ var rc = 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 = ec(n.rings, t.offsetX, t.offsetY, 9);
+			let r = oc(n.rings, t.offsetX, t.offsetY, 9);
 			if (!r) return !1;
 			let i = this.liveSelected();
 			if (!i) return !1;
@@ -8881,13 +9080,13 @@ var rc = class {
 				axis: r,
 				node: i,
 				origin: n.origin,
-				startAngle: Qs(n.origin, t.offsetX, t.offsetY),
+				startAngle: ic(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 = $s(i, Qs(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 = ac(i, ic(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;
@@ -8928,7 +9127,7 @@ var rc = class {
 			if (this.gizmoMode === "rotate") return l(t);
 			let n = this.gizmoLayout();
 			if (!n) return !1;
-			let r = Ys(n, t.offsetX, t.offsetY);
+			let r = tc(n, t.offsetX, t.offsetY);
 			if (!r) return !1;
 			let i = this.liveSelected();
 			if (!i) return !1;
@@ -8953,12 +9152,12 @@ var rc = 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]] = ic(g((o[d[t.axis]] ?? 1) * n));
-				else for (let e = 0; e < r.length; e++) r[e] = ic(g((o[e] ?? 1) * n));
+				if (t.kind === "axis") r[d[t.axis]] = uc(g((o[d[t.axis]] ?? 1) * n));
+				else for (let e = 0; e < r.length; e++) r[e] = uc(g((o[e] ?? 1) * n));
 				i.scale = r, this.readout = {
 					x: e.offsetX,
 					y: e.offsetY,
-					text: `×${r.map((e) => ic(e)).join(", ")}`
+					text: `×${r.map((e) => uc(e)).join(", ")}`
 				};
 				return;
 			}
@@ -8966,23 +9165,23 @@ var rc = class {
 			if (t.kind === "axis") {
 				let e = r.axes.find((e) => e.axis === t.axis);
 				if (!e) return;
-				let n = Xs(e, c, l);
-				if (u) _[d[t.axis]] = ic(h((a[d[t.axis]] ?? 0) + n));
+				let n = nc(e, c, l);
+				if (u) _[d[t.axis]] = uc(h((a[d[t.axis]] ?? 0) + n));
 				else {
-					let e = fc(i, t.axis === "x" ? n : 0, t.axis === "y" ? n : 0), r = t.axis === "x" ? e.x : e.y;
+					let e = vc(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] = ic(h((a[0] ?? 0) + (e.x * c - t.x * l) * n)), _[1] = ic(h((a[1] ?? 0) + (e.y * c - t.y * l) * n)), _[2] = ic(h((a[2] ?? 0) + (e.z * c - t.z * l) * n));
+				_[0] = uc(h((a[0] ?? 0) + (e.x * c - t.x * l) * n)), _[1] = uc(h((a[1] ?? 0) + (e.y * c - t.y * l) * n)), _[2] = uc(h((a[2] ?? 0) + (e.z * c - t.z * l) * n));
 			} else if (this.renderer2d) {
-				let e = this.renderer2d.view(), t = fc(i, c / e.zoom, l / e.zoom);
+				let e = this.renderer2d.view(), t = vc(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) => ic(e)).join(", ")}]`
+				text: `[${_.map((e) => uc(e)).join(", ")}]`
 			};
 		}, m = () => {
 			if (!s) return;
@@ -9091,7 +9290,7 @@ var rc = class {
 						return;
 					}
 					if (t) {
-						let e = this.point2D(t.node, o.offsetX, o.offsetY), n = fc(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.point2D(t.node, o.offsetX, o.offsetY), n = vc(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;
 					}
@@ -9142,9 +9341,9 @@ var rc = class {
 	zoomToFit() {
 		let e = this.liveSelected();
 		if (this.rendererDim === "3d") {
-			let t = new oa();
+			let t = new la();
 			for (let [n] of this.pathOf) {
-				if (e && n !== e && !pc(n, e)) continue;
+				if (e && n !== e && !yc(n, e)) continue;
 				let r = n._object3D;
 				r && (t.expandByObject(r), t.expandByPoint(r.getWorldPosition($)));
 			}
@@ -9165,7 +9364,7 @@ var rc = class {
 				0
 			], this.orbit.dist = 10;
 			else {
-				let e = t.getCenter(new G()), n = t.getSize(new G());
+				let e = t.getCenter(new K()), n = t.getSize(new K());
 				this.orbit.target = [
 					e.x,
 					e.y,
@@ -9178,10 +9377,10 @@ var rc = 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 && !pc(t, e)) continue;
+			if (e && t !== e && !yc(t, e)) continue;
 			let n = t.position;
 			if (!Array.isArray(n)) continue;
-			let s = mc(t);
+			let s = bc(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;
@@ -9195,12 +9394,13 @@ var rc = class {
 	async play(e) {
 		if (this.playing) return null;
 		let n = structuredClone(e);
-		yc(n);
+		Tc(n);
 		let r;
 		try {
 			r = f(n, {
 				stubAllBehaviors: !0,
-				declareConnectionSignals: !0
+				declareConnectionSignals: !0,
+				...this.resolver
 			});
 		} catch (e) {
 			return e instanceof Error ? e.message : String(e);
@@ -9234,25 +9434,25 @@ var rc = 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 ic(e) {
+function uc(e) {
 	return Math.round(e * 100) / 100;
 }
-var ac = new G(0, 1, 0), oc = new G(), sc = new G(), cc = new di(), $ = new G(), lc = new ki(), uc = new G(), dc = new G();
-function fc(e, t, n) {
+var dc = new K(0, 1, 0), fc = new K(), pc = new K(), mc = new mi(), $ = new K(), hc = new Mi(), gc = new K(), _c = new K();
+function vc(e, t, n) {
 	let r = e._object2D?.parent;
-	return r ? (lc.copy(r.matrixWorld).invert(), uc.set(t, -n, 0).applyMatrix4(lc), dc.set(0, 0, 0).applyMatrix4(lc), {
-		x: uc.x - dc.x,
-		y: -(uc.y - dc.y)
+	return r ? (hc.copy(r.matrixWorld).invert(), gc.set(t, -n, 0).applyMatrix4(hc), _c.set(0, 0, 0).applyMatrix4(hc), {
+		x: gc.x - _c.x,
+		y: -(gc.y - _c.y)
 	}) : {
 		x: t,
 		y: n
 	};
 }
-function pc(e, t) {
+function yc(e, t) {
 	for (let n = e.parent; n; n = n.parent) if (n === t) return !0;
 	return !1;
 }
-function mc(e) {
+function bc(e) {
 	let t = e._object2D;
 	if (t) return t.getWorldPosition($), {
 		x: $.x,
@@ -9265,7 +9465,7 @@ function mc(e) {
 		y: r
 	};
 }
-function hc(e) {
+function xc(e) {
 	if (!e) return null;
 	if (e.type === "Camera3D") {
 		let t = e.props?.position ?? [
@@ -9280,49 +9480,49 @@ function hc(e) {
 		];
 	}
 	for (let t of e.children ?? []) {
-		let e = hc(t);
+		let e = xc(t);
 		if (e) return e;
 	}
 	return null;
 }
-function gc(e) {
+function Sc(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 = gc(t);
+		let e = Sc(t);
 		if (e) return e;
 	}
 	return null;
 }
-var _c = null;
-function vc() {
-	if (_c) return _c;
+var Cc = null;
+function wc() {
+	if (Cc) return Cc;
 	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 _c = e.toDataURL(), _c;
+	return Cc = e.toDataURL(), Cc;
 }
-function yc(e) {
+function Tc(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 = vc());
+	if (t) for (let e of Object.values(t)) typeof e?.url == "string" && !e.url.includes("/") && !e.url.includes(".") && (e.url = wc());
 }
 //#endregion
 //#region src/main.ts
-var bc = new Set([
+var Ec = new Set([
 	"Terrain3D",
 	"Water3D",
 	"River3D"
 ]);
 m(), b(), k(), ee(), A();
-async function xc(e = {}) {
+async function Dc(e = {}) {
 	let t = e.api ?? ze, n = [], r = document.createElement("style");
-	r.dataset.incantoEditor = "true", r.textContent = vs, document.head.appendChild(r), n.push(() => r.remove());
+	r.dataset.incantoEditor = "true", r.textContent = Ss, document.head.appendChild(r), n.push(() => r.remove());
 	let i = document.createElement("div");
-	i.className = "incanto-editor-root", i.innerHTML = Uo, (e.host ?? document.body).appendChild(i), n.push(() => i.remove());
+	i.className = "incanto-editor-root", i.innerHTML = qo, (e.host ?? document.body).appendChild(i), n.push(() => i.remove());
 	let a = (e) => {
 		let t = i.querySelector(e);
 		if (!t) throw Error(`missing ${e}`);
@@ -9362,7 +9562,7 @@ async function xc(e = {}) {
 	}), Ge(() => {
 		l(), zt(), u.select(u.selection);
 	});
-	let u = new ss({
+	let u = new ds({
 		format: 1,
 		type: "scene",
 		name: "",
@@ -9391,22 +9591,22 @@ async function xc(e = {}) {
 			x: t,
 			y: n
 		};
-	}, M = !1, N = (e, t, n = !0) => {
-		n && (M = !1);
+	}, re = !1, M = (e, t, n = !0) => {
+		n && (re = !1);
 		let r = u.selection, i = u.nodeAt(r);
 		if (!r || i?.type !== "TileMap2D") return;
-		let { cx: a, cy: o } = Fn(ne(r), Number(i.props?.tileSize ?? 32), e, t), s = i.props?.cells ?? [], c = In(s, a, o, j.brush);
-		!c || JSON.stringify(c) === JSON.stringify(s) || (u.mutate(() => {
-			i.props ||= {}, i.props.cells = c;
+		let a = ne(r), o = Number(i.props?.scale?.[0] ?? 1) || 1, s = Number(i.props?.scale?.[1] ?? 1) || 1, { cx: c, cy: l } = Fn(a, Number(i.props?.tileSize ?? 32), e, t, o, s), d = i.props?.cells ?? [], f = In(d, c, l, j.brush);
+		!f || JSON.stringify(f) === JSON.stringify(d) || (u.mutate(() => {
+			i.props ||= {}, i.props.cells = f;
 		}, {
 			path: r,
 			key: "cells",
-			value: c
-		}, { coalesce: M }), M = !0);
-	}, re = () => {
+			value: f
+		}, { coalesce: re }), re = !0);
+	}, ie = () => {
 		let e = u.nodeAt(u.selection);
-		j.on && e?.type !== "TileMap2D" && (j.on = !1), P.setPaintHandler(j.on ? N : null);
-	}, P = new rc(a("#viewport"), a("#overlay"), a("#play-canvas"), {
+		j.on && e?.type !== "TileMap2D" && (j.on = !1), N.setPaintHandler(j.on ? M : null);
+	}, N = new lc(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]),
@@ -9417,7 +9617,7 @@ async function xc(e = {}) {
 		]),
 		onNodeScaled3D: (e, t) => {
 			let n = u.nodeAt(e);
-			if (n && bc.has(String(n.type))) {
+			if (n && Ec.has(String(n.type))) {
 				O(`${n.type} '${n.name}' cannot be scaled — scale would move only the mesh. Resize it with its "size" prop in the inspector.`);
 				return;
 			}
@@ -9449,9 +9649,9 @@ async function xc(e = {}) {
 			document.body.classList.toggle("playing", e), n.push(() => document.body.classList.remove("playing")), h.classList.toggle("stop", e), h.innerHTML = e ? "<svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><rect x=\"6\" y=\"6\" width=\"12\" height=\"12\"/></svg> stop" : "<svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\"/></svg> play", v.hidden = !e, e && (v.textContent = "▶ simulating — physics + input live; game scripts run only in your real game. Esc or stop to return.");
 		},
 		onError: O
-	}), ie = g().sort(), ae = "", oe = (e) => {
-		if (e === ae) return;
-		ae = e, y.textContent = "";
+	}), ae = g().sort(), P = "", oe = (e) => {
+		if (e === P) return;
+		P = e, y.textContent = "";
 		let t = e === "3d" ? [
 			"3D",
 			"3D Physics",
@@ -9473,7 +9673,7 @@ async function xc(e = {}) {
 			if (!t) continue;
 			let n = document.createElement("optgroup");
 			n.label = e;
-			for (let e of ie.filter(t)) {
+			for (let e of ae.filter(t)) {
 				let t = document.createElement("option");
 				t.value = e, t.textContent = e, n.appendChild(t);
 			}
@@ -9484,7 +9684,7 @@ async function xc(e = {}) {
 	oe("2d");
 	let se = () => {
 		let e = u.selection ?? [];
-		if (P.validate(u.working) !== null) {
+		if (N.validate(u.working) !== null) {
 			for (let e of y.querySelectorAll("option")) e.disabled = !1;
 			return;
 		}
@@ -9502,47 +9702,49 @@ async function xc(e = {}) {
 					type: t.value
 				});
 			}
-			t.disabled = P.validate(n) !== null;
+			t.disabled = N.validate(n) !== null;
 		}
 	};
 	y.addEventListener("mousedown", se), y.addEventListener("focus", se);
-	let ce = t.library ? (e) => Eo(t, {
+	let ce = t.library ? (e) => Ao(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) => Tc(u, n, t) } : {}
+		...e.asAsset ? { onAsset: (e, t, n) => jc(u, n, t) } : {}
 	}) : void 0, le = !1, F = () => {
 		if (!E) return;
-		js(d, u), rt(a("#asset-tree"), u), f.textContent = "", it(f, u, Ce, ce) || Bn(f, u, {
-			modelRefs: () => Cc(u, "model"),
-			animationsForSelection: () => u.selection ? P.modelAnimationsAt(u.selection) : [],
-			bonesForSelection: (e) => u.selection ? P.boneNamesAt(u.selection, e) : [],
-			assetRefs: (e) => wc(u, e),
-			addAsset: (e, t) => Tc(u, e, t),
+		Ls(d, u), rt(a("#asset-tree"), u), f.textContent = "", it(f, u, Ce, ce) || Bn(f, u, {
+			modelRefs: () => kc(u, "model"),
+			animationsForSelection: () => u.selection ? N.modelAnimationsAt(u.selection) : [],
+			bonesForSelection: (e) => u.selection ? N.boneNamesAt(u.selection, e) : [],
+			assetRefs: (e) => Ac(u, e),
+			addAsset: (e, t) => jc(u, e, t),
 			...ce ? { openLibrary: ce } : {},
 			confirm: Ce,
 			paint: {
 				active: () => j.on,
 				brush: () => j.brush,
 				toggle: () => {
-					j.on = !j.on, re(), F();
+					j.on = !j.on, ie(), F();
 				},
 				setBrush: (e) => {
 					j.brush = e, F();
 				}
 			}
-		}), oe(u.working.dimension ?? "2d"), a("#hints").hidden = (u.working.dimension ?? "2d") === "3d", a("#hints-3d").hidden = (u.working.dimension ?? "2d") !== "3d", P.setSelection(u.selection, u.extra), re();
+		}), oe(u.working.dimension ?? "2d"), a("#hints").hidden = (u.working.dimension ?? "2d") === "3d", a("#hints-3d").hidden = (u.working.dimension ?? "2d") !== "3d", N.setSelection(u.selection, u.extra), ie();
 		let e = u.pendingLivePatch;
-		if (u.pendingLivePatch = null, !P.playing) if (e && P.patchProp(u.working, e.path, e.key, e.value)) _.hidden = !0;
-		else {
-			let e = P.apply(u.working);
+		if (u.pendingLivePatch = null, !N.playing) if (e && N.patchProp(u.working, e.path, e.key, e.value)) {
+			let e = N.validate(u.working);
+			_.hidden = e === null, e !== null && O(e);
+		} else {
+			let e = N.apply(u.working);
 			_.hidden = e === null, e !== null && O(e);
 		}
 		p.disabled = !u.dirty || !u.working.root, p.title = u.working.root ? "" : "Add a root node before saving", m.disabled = !u.canUndo, u.dirty !== le && (le = u.dirty, kt.change(u.dirty));
 	};
-	u.onChange(F), u.validator = (e) => P.validate(e), u.onError = O;
+	u.onChange(F), u.validator = (e) => N.validate(e), u.onError = O;
 	let ue = (e, t, n, r) => {
 		let i = u.nodeAt(e);
 		i && u.mutate(() => {
@@ -9562,12 +9764,12 @@ async function xc(e = {}) {
 			value: n
 		});
 	}, fe = async (e, n, r) => {
-		P.playing && P.stop();
+		N.playing && N.stop();
 		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(), Ps(), u.reset(i), o.mode === "project" && n && kt.open(n, r);
-	}, pe = Ho({
+		a("#file-chip").hidden = !s, a("#file-path").textContent = s ?? "", a("#file-chip").title = `input: ${n}\noutput: ${r}`, N.setSubScenes(await Cs(i, t)), b.hidden = !0, k(), Bs(), u.reset(i), o.mode === "project" && n && kt.open(n, r);
+	}, pe = Ko({
 		list: x,
 		search: a("#picker-search"),
 		count: a("#picker-count"),
@@ -9632,7 +9834,7 @@ async function xc(e = {}) {
 		if (e.length === 0) {
 			let e = u.working.root;
 			if (!e) return;
-			let t = Sc(e);
+			let t = Oc(e);
 			Ce(`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;
 		}
@@ -9640,7 +9842,7 @@ async function xc(e = {}) {
 		if (n.length === 0) {
 			let n = e.reduce((e, t) => {
 				let n = u.nodeAt(t);
-				return e + (n ? Sc(n) : 0);
+				return e + (n ? Oc(n) : 0);
 			}, 0);
 			if (n > 0) {
 				Ce(`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`, () => {
@@ -9689,7 +9891,7 @@ async function xc(e = {}) {
 			return;
 		}
 		be && u.removeNodesUnlinking(be.selections) && u.select(be.parentOfFirst), Te();
-	}), Ts(ye), Es((e) => {
+	}), js(ye), Ms((e) => {
 		te(`${I({
 			en: `Rename: repaired ${e.length} reference${e.length === 1 ? "" : "s"}`,
 			ko: `이름 변경: 참조 ${e.length}건 수정`
@@ -9709,13 +9911,13 @@ async function xc(e = {}) {
 		ye(u.allSelections().filter((e) => e.length > 0));
 	});
 	let Ee = () => {
-		_.hidden = !0, P.play(u.working).then((e) => {
+		_.hidden = !0, N.play(u.working).then((e) => {
 			e && O(e);
 		});
 	};
 	if (h.addEventListener("click", () => {
-		if (P.playing) {
-			P.stop(), F();
+		if (N.playing) {
+			N.stop(), F();
 			return;
 		}
 		if (!e.onPlay) {
@@ -9763,21 +9965,21 @@ async function xc(e = {}) {
 		"move",
 		"rotate",
 		"scale"
-	]) a(`#tool-${e}`).addEventListener("click", () => P.setMode(e));
-	P.setMode("move");
+	]) a(`#tool-${e}`).addEventListener("click", () => N.setMode(e));
+	N.setMode("move");
 	let De = a("#tool-colliders"), Oe = "incanto-editor-show-colliders", ke = (e) => {
-		P.showColliders = e, De.classList.toggle("active", e), localStorage.setItem(Oe, e ? "" : "0");
+		N.showColliders = e, De.classList.toggle("active", e), localStorage.setItem(Oe, e ? "" : "0");
 	};
-	ke(localStorage.getItem(Oe) !== "0"), De.addEventListener("click", () => ke(!P.showColliders));
+	ke(localStorage.getItem(Oe) !== "0"), De.addEventListener("click", () => ke(!N.showColliders));
 	let Ae = a("#hints-dock"), je = "incanto-editor-hints-open";
 	Ae.classList.toggle("open", localStorage.getItem(je) === "1"), a("#hints-toggle").addEventListener("click", () => {
 		let e = Ae.classList.toggle("open");
 		localStorage.setItem(je, e ? "1" : "");
-	}), a("#fit-btn").addEventListener("click", () => P.zoomToFit()), ws(() => P.zoomToFit()), a("#gameview-btn").addEventListener("click", () => P.gameView()), t.saveScene || (p.hidden = !0), p.addEventListener("click", () => {
+	}), a("#fit-btn").addEventListener("click", () => N.zoomToFit()), As(() => N.zoomToFit()), a("#gameview-btn").addEventListener("click", () => N.gameView()), t.saveScene || (p.hidden = !0), p.addEventListener("click", () => {
 		we();
 	}), m.addEventListener("click", () => u.undo());
 	let Me = (e) => {
-		if (e.key === "Escape" && P.cancelActiveDrag(), e.key === "Escape" && !_.hidden && a("#docs").hidden && ve.hidden && _e.hidden && b.hidden && !P.playing) {
+		if (e.key === "Escape" && N.cancelActiveDrag(), e.key === "Escape" && !_.hidden && a("#docs").hidden && ve.hidden && _e.hidden && b.hidden && !N.playing) {
 			k();
 			return;
 		}
@@ -9797,39 +9999,39 @@ async function xc(e = {}) {
 			ge();
 			return;
 		}
-		if (e.key === "Escape" && P.playing) {
-			P.stop(), F();
+		if (e.key === "Escape" && N.playing) {
+			N.stop(), F();
 			return;
 		}
-		if (P.playing) return;
+		if (N.playing) return;
 		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(), p.disabled || p.click()) : !t && e.code === "KeyF" ? P.zoomToFit() : !t && (e.code === "Digit0" || e.code === "Numpad0") ? P.gameView() : !t && e.code === "KeyW" ? P.setMode("move") : !t && e.code === "KeyE" ? P.setMode("rotate") : !t && e.code === "KeyR" && P.setMode("scale");
+		(e.metaKey || e.ctrlKey) && e.key === "z" ? (e.preventDefault(), u.undo()) : (e.metaKey || e.ctrlKey) && e.key === "s" ? (e.preventDefault(), p.disabled || p.click()) : !t && e.code === "KeyF" ? N.zoomToFit() : !t && (e.code === "Digit0" || e.code === "Numpad0") ? N.gameView() : !t && e.code === "KeyW" ? N.setMode("move") : !t && e.code === "KeyE" ? N.setMode("rotate") : !t && e.code === "KeyR" && N.setMode("scale");
 	};
-	return window.addEventListener("keydown", Me), n.push(() => window.removeEventListener("keydown", Me)), F(), e.scene && u.resume(e.scene), e.camera && P.setEditCamera(e.camera.position, e.camera.target), kt.ready(C, w, o.version), {
+	return window.addEventListener("keydown", Me), n.push(() => window.removeEventListener("keydown", Me)), F(), e.scene && u.resume(e.scene), e.camera && N.setEditCamera(e.camera.position, e.camera.target), kt.ready(C, w, o.version), {
 		working: () => u.working,
-		camera: () => P.editCamera(),
+		camera: () => N.editCamera(),
 		showError: O,
 		dispose() {
-			P.dispose();
+			N.dispose();
 			for (let e of document.querySelectorAll(".context-menu, .balloon")) e.remove();
 			for (let e of n.splice(0).reverse()) e();
 		}
 	};
 }
-function Sc(e) {
+function Oc(e) {
 	let t = 0;
-	for (let n of e.children ?? []) t += 1 + Sc(n);
+	for (let n of e.children ?? []) t += 1 + Oc(n);
 	return t;
 }
-function Cc(e, t) {
+function kc(e, t) {
 	let n = e.working.assets;
 	return n ? Object.entries(n).filter(([, e]) => e?.type === t).map(([e]) => `$${e}`) : [];
 }
-function wc(e, t) {
+function Ac(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 Tc(e, t, n) {
+function jc(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;
@@ -9839,4 +10041,4 @@ function Tc(e, t, n) {
 	}), `$${i}`;
 }
 //#endregion
-export { N as formatSceneJson, ze as httpEditorApi, xc as mountEditor };
+export { M as formatSceneJson, ze as httpEditorApi, Dc as mountEditor };