mesurer-solid 0.1.9 → 0.2.0-beta.0

package/dist/plugins.js

@@ -2103,40 +2103,202 @@ var ar = (e) => e, or = (e, t = 0, n = 1) => Math.min(n, Math.max(t, e)), sr = (
 		e.blue
 	].map((e) => ur(e).toString(16).padStart(2, "0")).join("");
 	return e.alpha >= .999 ? `#${t}` : `#${t}${Math.round(e.alpha * 255).toString(16).padStart(2, "0")}`;
-}, fr = () => globalThis.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random()}`, pr = /* @__PURE__ */ new WeakMap(), mr = (e) => (pr.get(e) ?? 0) > 0, hr = /* @__PURE__ */ new WeakMap(), gr = (e) => {
+}, fr = "mesurer:capture-bridge-ping", pr = "mesurer:capture-bridge-request", mr = "mesurer:capture-bridge-response", hr = (e) => e.__MESURER_HOST__?.captureScreenshot, gr = (e) => {
+	if (e instanceof Blob) return e;
+	if (e instanceof Uint8Array) {
+		let t = new Uint8Array(e.byteLength);
+		return t.set(e), new Blob([t.buffer], { type: "image/png" });
+	}
+	if (e instanceof ArrayBuffer) return new Blob([e.slice(0)], { type: "image/png" });
+	if (e == null) throw Error("Host screenshot capture returned no PNG data.");
+	if (!e.png) throw Error("Host screenshot capture returned unsupported PNG data.");
+	return gr(e.png);
+}, _r = async (e) => {
+	let t = hr(e);
+	return t ? gr(await t()) : null;
+}, vr = (e, t, n) => {
+	let r = Math.max(0, Math.min(e.x, t.x, n.width)), i = Math.max(0, Math.min(e.y, t.y, n.height)), a = Math.max(0, Math.min(Math.max(e.x, t.x), n.width)), o = Math.max(0, Math.min(Math.max(e.y, t.y), n.height));
+	return {
+		left: r,
+		top: i,
+		width: Math.max(0, a - r),
+		height: Math.max(0, o - i)
+	};
+}, yr = async (e, t, n, r) => {
+	let i = await createImageBitmap(e);
+	try {
+		let e = i.width / n.width, a = i.height / n.height, o = Math.max(0, Math.round(t.left * e)), s = Math.max(0, Math.round(t.top * a)), c = Math.max(1, Math.min(i.width - o, Math.round(t.width * e))), l = Math.max(1, Math.min(i.height - s, Math.round(t.height * a))), u = r.createElement("canvas");
+		u.width = c, u.height = l;
+		let d = u.getContext("2d");
+		if (!d) throw Error("Could not crop screenshot");
+		return d.drawImage(i, o, s, c, l, 0, 0, c, l), await new Promise((e, t) => {
+			u.toBlob((n) => {
+				n ? e(n) : t(/* @__PURE__ */ Error("Could not crop screenshot"));
+			}, "image/png");
+		});
+	} finally {
+		i.close();
+	}
+}, br = async (e, t) => {
+	let n = t.navigator.clipboard, r = globalThis.ClipboardItem;
+	if (!n?.write || !r) throw Error("PNG clipboard copy is not available");
+	await n.write([new r({ "image/png": e })]);
+}, xr = (e = /* @__PURE__ */ new Date()) => {
+	let t = (e) => String(e).padStart(2, "0");
+	return `mesurer-${e.getFullYear()}-${t(e.getMonth() + 1)}-${t(e.getDate())}-${t(e.getHours())}${t(e.getMinutes())}${t(e.getSeconds())}.png`;
+}, Sr = (e, t, n, r) => {
+	let i = globalThis.URL.createObjectURL(e), a = n.createElement("a");
+	a.href = i, a.download = t, a.rel = "noopener", n.documentElement.append(a), a.click(), a.remove(), r.setTimeout(() => globalThis.URL.revokeObjectURL(i), 1e3);
+}, Cr = (e) => new Promise((t) => {
+	e.requestAnimationFrame(() => {
+		e.requestAnimationFrame(() => t());
+	});
+}), wr = (e) => e.crypto?.randomUUID?.() ?? `mesurer-${Date.now()}-${Math.random().toString(36).slice(2)}`, Tr = (e, t, n = "") => `${e}:${t}:${n}`, Er = (e) => e.location.origin === "null" ? "*" : e.location.origin, Dr = (e, t, n) => {
+	let r = `${t}:${n}:`;
+	return e.startsWith(r) ? e.slice(r.length) : null;
+}, Or = (e) => new Promise((t) => {
+	let n = wr(e), r = e.location.origin, i = (o) => {
+		o.source === e && o.origin === r && Dr(String(o.data ?? ""), "mesurer:capture-bridge-pong", n) !== null && (e.removeEventListener("message", i), e.clearTimeout(a), t(!0));
+	}, a = e.setTimeout(() => {
+		e.removeEventListener("message", i), t(!1);
+	}, 80);
+	e.addEventListener("message", i), e.postMessage(Tr(fr, n), Er(e));
+}), kr = (e) => new Promise((t, n) => {
+	let r = wr(e), i = e.location.origin, a = (s) => {
+		if (s.source !== e || s.origin !== i) return;
+		let c = Dr(String(s.data ?? ""), mr, r);
+		if (c === null) return;
+		if (e.removeEventListener("message", a), e.clearTimeout(o), !c.startsWith("ok:")) {
+			t(null);
+			return;
+		}
+		let l = c.slice(3);
+		if (!l) {
+			t(null);
+			return;
+		}
+		e.fetch(l).then((e) => e.blob()).then(t, n);
+	}, o = e.setTimeout(() => {
+		e.removeEventListener("message", a), t(null);
+	}, 4e3);
+	e.addEventListener("message", a), e.postMessage(Tr(pr, r), Er(e));
+}), Ar = /* @__PURE__ */ new WeakMap(), jr = (e) => {
+	let t = Ar.get(e), n = t?.stream.getVideoTracks()[0];
+	if (!t || !n || n.readyState !== "live") {
+		Ar.delete(e);
+		return;
+	}
+	return t;
+}, Mr = async (e, t) => {
+	let n = jr(t);
+	if (n) return n;
+	let r = t.navigator.mediaDevices;
+	if (!r?.getDisplayMedia) throw Error("Screenshot capture is unavailable");
+	let i = await r.getDisplayMedia({
+		audio: !1,
+		video: !0,
+		preferCurrentTab: !0,
+		selfBrowserSurface: "include"
+	}), a = i.getVideoTracks()[0];
+	if (!a) throw i.getTracks().forEach((e) => e.stop()), Error("Capture failed");
+	try {
+		let n = e.createElement("video");
+		n.autoplay = !0, n.muted = !0, n.playsInline = !0, n.srcObject = i, await n.play(), (n.videoWidth === 0 || n.videoHeight === 0) && await new Promise((e) => {
+			n.onloadedmetadata = () => e();
+		});
+		let r = {
+			stream: i,
+			video: n
+		};
+		return Ar.set(t, r), a.addEventListener("ended", () => {
+			Ar.get(t) === r && Ar.delete(t);
+		}, { once: !0 }), r;
+	} catch (e) {
+		throw i.getTracks().forEach((e) => e.stop()), e;
+	}
+}, Nr = (e) => {
+	let t = Ar.get(e);
+	t && (Ar.delete(e), t.video.pause(), t.video.srcObject = null, t.stream.getTracks().forEach((e) => e.stop()));
+}, Pr = async ({ ownerDocument: e, ownerWindow: t }) => {
+	let { video: n } = await Mr(e, t), r = e.createElement("canvas");
+	r.width = n.videoWidth, r.height = n.videoHeight;
+	let i = r.getContext("2d");
+	if (!i) throw Error("Capture failed");
+	return i.drawImage(n, 0, 0), await new Promise((e, t) => {
+		r.toBlob((n) => {
+			n ? e(n) : t(/* @__PURE__ */ Error("Capture failed"));
+		}, "image/png");
+	});
+}, Fr = {
+	prepare: async () => void 0,
+	capture: async ({ ownerWindow: e }) => {
+		let t = await _r(e);
+		if (!t) throw Error("Host screenshot capture is unavailable.");
+		return t;
+	},
+	release: () => void 0
+}, Ir = {
+	prepare: async () => void 0,
+	capture: async ({ ownerWindow: e }) => {
+		let t = await kr(e);
+		if (!t) throw Error("Host screenshot capture failed.");
+		return t;
+	},
+	release: () => void 0
+}, Lr = {
+	prepare: async ({ ownerDocument: e, ownerWindow: t }) => {
+		await Mr(e, t);
+	},
+	capture: Pr,
+	release: Nr
+}, Rr = /* @__PURE__ */ new WeakMap(), zr = async (e) => {
+	let t = Rr.get(e.ownerWindow);
+	if (t) return t;
+	let n = Lr;
+	return hr(e.ownerWindow) ? n = Fr : await Or(e.ownerWindow) && (n = Ir), Rr.set(e.ownerWindow, n), n;
+}, Br = async (e, t) => {
+	let n = {
+		ownerDocument: e,
+		ownerWindow: t
+	};
+	await (await zr(n)).prepare(n);
+}, Vr = async (e) => (await zr(e)).capture(e), Hr = (e) => {
+	let t = Rr.get(e);
+	Rr.delete(e), t?.release(e);
+}, Ur = Vr, Wr = () => globalThis.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random()}`, Gr = /* @__PURE__ */ new WeakMap(), Kr = (e) => (Gr.get(e) ?? 0) > 0, qr = /* @__PURE__ */ new WeakMap(), Jr = (e) => {
 	let t = e.location.pathname.replace(/\/+$/, "") || "/", n = new URLSearchParams(e.location.search);
 	n.sort();
 	let r = n.toString(), i = e.location.hash, a = i.startsWith("#/") ? i : "";
 	return `${t}${r ? `?${r}` : ""}${a}`;
-}, _r = (e, t) => {
-	let n = gr(e);
+}, Yr = (e, t) => {
+	let n = Jr(e);
 	for (let e of t.listeners) e(n);
-}, vr = (e) => {
-	let t = hr.get(e);
+}, Xr = (e) => {
+	let t = qr.get(e);
 	if (t) return t;
 	let n = e.history, r = n.pushState, i = n.replaceState, a = {
 		listeners: /* @__PURE__ */ new Set(),
 		pushState: r,
 		replaceState: i,
-		handleNativeChange: () => _r(e, a)
+		handleNativeChange: () => Yr(e, a)
 	};
 	return n.pushState = function(...t) {
 		let n = r.apply(this, t);
-		return _r(e, a), n;
+		return Yr(e, a), n;
 	}, n.replaceState = function(...t) {
 		let n = i.apply(this, t);
-		return _r(e, a), n;
-	}, e.addEventListener("popstate", a.handleNativeChange), e.addEventListener("hashchange", a.handleNativeChange), hr.set(e, a), a;
-}, yr = (e, t) => {
-	t.listeners.size > 0 || hr.get(e) !== t || (e.history.pushState = t.pushState, e.history.replaceState = t.replaceState, e.removeEventListener("popstate", t.handleNativeChange), e.removeEventListener("hashchange", t.handleNativeChange), hr.delete(e));
-}, br = (e, t) => {
-	let n = vr(e);
+		return Yr(e, a), n;
+	}, e.addEventListener("popstate", a.handleNativeChange), e.addEventListener("hashchange", a.handleNativeChange), qr.set(e, a), a;
+}, Zr = (e, t) => {
+	t.listeners.size > 0 || qr.get(e) !== t || (e.history.pushState = t.pushState, e.history.replaceState = t.replaceState, e.removeEventListener("popstate", t.handleNativeChange), e.removeEventListener("hashchange", t.handleNativeChange), qr.delete(e));
+}, Qr = (e, t) => {
+	let n = Xr(e);
 	n.listeners.add(t);
 	let r = !1;
 	return () => {
-		r || (r = !0, n.listeners.delete(t), yr(e, n));
+		r || (r = !0, n.listeners.delete(t), Zr(e, n));
 	};
-}, xr = "--mesurer-nested-scroll-x", Sr = "--mesurer-nested-scroll-y", Cr = (e, t, n, r = {}) => {
+}, $r = "--mesurer-nested-scroll-x", ei = "--mesurer-nested-scroll-y", ti = (e, t, n, r = {}) => {
 	let i = e, a = /* @__PURE__ */ new Map(), o = t.ownerDocument, s = r.trackWindow === !0, c = (e) => {
 		if (e.parentElement) return e.parentElement;
 		let t = e.getRootNode();
@@ -2162,7 +2324,7 @@ var ar = (e) => e, or = (e, t = 0, n = 1) => Math.min(n, Math.max(t, e)), sr = (
 		let i = `${n}px`;
 		r !== i && e.style.setProperty(t, i);
 	}, g = () => {
-		if (!p) for (let e of m()) e.dataset.mesurerNestedScrollCompensation !== "true" && (e.dataset.mesurerNestedScrollCompensation = "true"), h(e, xr, d), h(e, Sr, f);
+		if (!p) for (let e of m()) e.dataset.mesurerNestedScrollCompensation !== "true" && (e.dataset.mesurerNestedScrollCompensation = "true"), h(e, $r, d), h(e, ei, f);
 	}, _ = (e, t, n) => {
 		let r = t - e.left, i = n - e.top;
 		return r === 0 && i === 0 ? !1 : (e.left = t, e.top = n, d -= r, f -= i, !0);
@@ -2195,21 +2357,21 @@ var ar = (e) => e, or = (e, t = 0, n = 1) => Math.min(n, Math.max(t, e)), sr = (
 			if (!p) {
 				p = !0, s && e.removeEventListener("scroll", y, !0);
 				for (let e of a.keys()) e.removeEventListener("scroll", v, !0);
-				for (let e of m()) delete e.dataset.mesurerNestedScrollCompensation, e.style.removeProperty(xr), e.style.removeProperty(Sr);
+				for (let e of m()) delete e.dataset.mesurerNestedScrollCompensation, e.style.removeProperty($r), e.style.removeProperty(ei);
 				a.clear();
 			}
 		}
 	};
-}, wr = 5;
-Array.from({ length: 801 }, (e, t) => t * wr), Ht(null);
-var Tr = "mesurer-settings-select msr:h-6 msr:w-full msr:appearance-none msr:rounded-control msr:border msr:border-ink-200 msr:bg-white msr:px-1.5 msr:pr-6 msr:text-[11px] msr:outline-none msr:focus:shadow-[inset_0_0_0_1px_var(--msr-accent)]";
-function Er() {
+}, ni = 5;
+Array.from({ length: 801 }, (e, t) => t * ni), Ht(null);
+var ri = "mesurer-settings-select msr:h-6 msr:w-full msr:appearance-none msr:rounded-control msr:border msr:border-ink-200 msr:bg-white msr:px-1.5 msr:pr-6 msr:text-[11px] msr:outline-none msr:focus:shadow-[inset_0_0_0_1px_var(--msr-accent)]";
+function ii() {
 	return Y("span", {
 		"aria-hidden": "true",
 		class: "msr:pointer-events-none msr:absolute msr:right-2 msr:top-1/2 msr:size-1.5 msr:-translate-y-1/2 msr:rotate-45 msr:border-r msr:border-b msr:border-ink-500"
 	});
 }
-function Dr(e) {
+function ai(e) {
 	let t = () => e.variant !== "legacy";
 	var n = Y("div"), r = Y("div");
 	return X(n, r), Z(r, () => e.left), Z(n, (() => {
@@ -2227,7 +2389,7 @@ function Dr(e) {
 		e !== i?.e && Q(n, "class", e, i?.e), t !== i?.t && Q(r, "class", t, i?.t);
 	}), n;
 }
-function Or(e) {
+function oi(e) {
 	let t = () => e.variant !== "legacy", n = () => {
 		let t = lr(e.value);
 		if (t) return t;
@@ -2257,7 +2419,7 @@ function Or(e) {
 		e.onChange(n);
 	}, v = () => t() ? `msr:col-span-2 msr:grid msr:h-8 msr:w-full ${e.columns ?? "msr:grid-cols-[78px_150px]"} msr:items-center msr:gap-0 msr:text-[12px] msr:text-ink-700` : "msr:col-span-2 msr:grid msr:w-full msr:grid-cols-[78px_156px] msr:items-center msr:gap-3 msr:text-[12px] msr:text-ink-700";
 	var y = Y("div"), b = Y("span");
-	return X(y, b), Z(b, () => e.label), Z(y, J(Dr, {
+	return X(y, b), Z(b, () => e.label), Z(y, J(ai, {
 		get variant() {
 			return e.variant;
 		},
@@ -2340,7 +2502,7 @@ function Or(e) {
 		Q(y, "class", e, t);
 	}), y;
 }
-var kr = (e) => (() => {
+var si = (e) => (() => {
 	var t = Y("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 256 256",
@@ -2355,7 +2517,7 @@ var kr = (e) => (() => {
 	}), ({ e, t: n, a: r }, i) => {
 		e !== i?.e && Q(t, "width", e, i?.e), n !== i?.t && Q(t, "height", n, i?.t), r !== i?.a && Q(t, "class", r, i?.a);
 	}), t;
-})(), Ar = (e) => J(kr, {
+})(), ci = (e) => J(si, {
 	get size() {
 		return e.size ?? 8;
 	},
@@ -2365,7 +2527,7 @@ var kr = (e) => (() => {
 	get children() {
 		return Y("path", { d: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z" });
 	}
-}), jr = (e) => J(kr, {
+}), li = (e) => J(si, {
 	get size() {
 		return e.size ?? 12;
 	},
@@ -2375,8 +2537,8 @@ var kr = (e) => (() => {
 	get children() {
 		return Y("path", { d: "M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128Z" });
 	}
-}), Mr = (e, t, n) => t * 256 / e / n, Nr = (e) => {
-	let t = e.size ?? 20, n = Mr(t, e.strokePx ?? 1, e.frameScale ?? 1);
+}), ui = (e, t, n) => t * 256 / e / n, di = (e) => {
+	let t = e.size ?? 20, n = ui(t, e.strokePx ?? 1, e.frameScale ?? 1);
 	var r = Y("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		width: t,
@@ -2400,7 +2562,7 @@ var kr = (e) => (() => {
 	return X(r, i), X(r, a), Z(a, () => e.children), q(() => e.class, (e, t) => {
 		Q(r, "class", e, t);
 	}), r;
-}, Pr = (e) => J(Nr, {
+}, fi = (e) => J(di, {
 	get size() {
 		return e.size ?? 20;
 	},
@@ -2410,7 +2572,7 @@ var kr = (e) => (() => {
 	get children() {
 		return Y("path", { d: "M128 48v160M48 128h160" });
 	}
-}), Fr = (e) => J(Nr, {
+}), pi = (e) => J(di, {
 	get size() {
 		return e.size ?? 20;
 	},
@@ -2420,7 +2582,7 @@ var kr = (e) => (() => {
 	get children() {
 		return Y("path", { d: "M101.33 48v160M154.67 48v160" });
 	}
-}), Ir = (e) => J(Nr, {
+}), mi = (e) => J(di, {
 	get size() {
 		return e.size ?? 20;
 	},
@@ -2430,7 +2592,7 @@ var kr = (e) => (() => {
 	get children() {
 		return Y("path", { d: "M48 101.33h160M48 154.67h160" });
 	}
-}), Lr = (e) => (() => {
+}), hi = (e) => (() => {
 	var t = Y("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 12 12",
@@ -2449,7 +2611,7 @@ var kr = (e) => (() => {
 	}), ({ e, t: n, a: r }, i) => {
 		e !== i?.e && Q(t, "width", e, i?.e), n !== i?.t && Q(t, "height", n, i?.t), r !== i?.a && Q(t, "class", r, i?.a);
 	}), t;
-})(), Rr = (e) => (() => {
+})(), gi = (e) => (() => {
 	var t = Y("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 16 16",
@@ -2473,7 +2635,7 @@ var kr = (e) => (() => {
 	}), ({ e, t: n, a: r }, i) => {
 		e !== i?.e && Q(t, "width", e, i?.e), n !== i?.t && Q(t, "height", n, i?.t), r !== i?.a && Q(t, "class", r, i?.a);
 	}), t;
-})(), zr = (e) => (() => {
+})(), _i = (e) => (() => {
 	var t = Y("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 16 16",
@@ -2497,7 +2659,7 @@ var kr = (e) => (() => {
 	}), ({ e, t: n, a: r }, i) => {
 		e !== i?.e && Q(t, "width", e, i?.e), n !== i?.t && Q(t, "height", n, i?.t), r !== i?.a && Q(t, "class", r, i?.a);
 	}), t;
-})(), Br = (e) => J(kr, {
+})(), vi = (e) => J(si, {
 	get size() {
 		return e.size ?? 20;
 	},
@@ -2507,7 +2669,7 @@ var kr = (e) => (() => {
 	get children() {
 		return Y("path", { d: "M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z" });
 	}
-}), Vr = (e) => J(kr, {
+}), yi = (e) => J(si, {
 	get size() {
 		return e.size ?? 20;
 	},
@@ -2517,7 +2679,7 @@ var kr = (e) => (() => {
 	get children() {
 		return Y("path", { d: "M229.66,58.34l-32-32a8,8,0,0,0-11.32,0l-96,96A8,8,0,0,0,88,128v32a8,8,0,0,0,8,8h32a8,8,0,0,0,5.66-2.34l96-96A8,8,0,0,0,229.66,58.34ZM124.69,152H104V131.31l64-64L188.69,88ZM200,76.69,179.31,56,192,43.31,212.69,64ZM224,128v80a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32h80a8,8,0,0,1,0,16H48V208H208V128a8,8,0,0,1,16,0Z" });
 	}
-}), Hr = (e) => J(kr, {
+}), bi = (e) => J(si, {
 	get size() {
 		return e.size ?? 18;
 	},
@@ -2527,7 +2689,7 @@ var kr = (e) => (() => {
 	get children() {
 		return Y("path", { d: "M216,48H176V40a24,24,0,0,0-24-24H104A24,24,0,0,0,80,40v8H40a8,8,0,0,0,0,16h8V208a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64h8a8,8,0,0,0,0-16ZM96,40a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96Zm96,168H64V64H192ZM112,104v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm48,0v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Z" });
 	}
-}), Ur = (e) => J(kr, {
+}), xi = (e) => J(si, {
 	get size() {
 		return e.size ?? 18;
 	},
@@ -2537,11 +2699,11 @@ var kr = (e) => (() => {
 	get children() {
 		return Y("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" });
 	}
-}), Wr = (e, t) => {
+}), Si = (e, t) => {
 	let n = t.CSS;
 	return n?.escape ? n.escape(e) : e.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
-}, Gr = (e) => (e.textContent ?? "").replace(/\s+/g, " ").trim().slice(0, 200) || null, Kr = (e) => e.nodeType === 9, qr = (e) => e.nodeType === 11;
-function Jr(e) {
+}, Ci = (e) => (e.textContent ?? "").replace(/\s+/g, " ").trim().slice(0, 200) || null, wi = (e) => e.nodeType === 9, Ti = (e) => e.nodeType === 11;
+function Ei(e) {
 	let t = e.getBoundingClientRect();
 	return {
 		left: t.left,
@@ -2550,20 +2712,20 @@ function Jr(e) {
 		height: t.height
 	};
 }
-function Yr(e, t) {
-	if (Kr(t)) return !0;
+function Di(e, t) {
+	if (wi(t)) return !0;
 	let n = e;
 	for (; n;) {
 		if (t === n || t.contains(n)) return !0;
 		let e = n.getRootNode();
-		if (!qr(e)) return !1;
+		if (!Ti(e)) return !1;
 		n = e.host;
 	}
 	return !1;
 }
-function Xr(e) {
+function Oi(e) {
 	let t = e.ownerDocument.defaultView ?? window;
-	if (e.id) return `#${Wr(e.id, t)}`;
+	if (e.id) return `#${Si(e.id, t)}`;
 	let n = e.getAttribute("data-testid");
 	if (n) return `[data-testid=${JSON.stringify(n)}]`;
 	let r = [], i = e;
@@ -2577,7 +2739,7 @@ function Xr(e) {
 	}
 	return r.join(" > ");
 }
-function Zr(e) {
+function ki(e) {
 	return {
 		tag: e.localName,
 		id: e.id || null,
@@ -2585,30 +2747,30 @@ function Zr(e) {
 		role: e.getAttribute("role"),
 		ariaLabel: e.getAttribute("aria-label"),
 		classes: [...e.classList],
-		text: Gr(e)
+		text: Ci(e)
 	};
 }
-function Qr(e) {
+function Ai(e) {
 	return !!(e.id || e.testId || e.role || e.ariaLabel || e.classes.length || e.text);
 }
-function $r(e, t) {
-	return e.localName !== t.tag || t.id && e.id !== t.id || t.testId && e.getAttribute("data-testid") !== t.testId || t.role && e.getAttribute("role") !== t.role || t.ariaLabel && e.getAttribute("aria-label") !== t.ariaLabel ? !1 : t.id || t.testId ? !0 : t.classes.some((t) => !e.classList.contains(t)) || t.text && Gr(e) !== t.text ? !1 : Qr(t);
+function ji(e, t) {
+	return e.localName !== t.tag || t.id && e.id !== t.id || t.testId && e.getAttribute("data-testid") !== t.testId || t.role && e.getAttribute("role") !== t.role || t.ariaLabel && e.getAttribute("aria-label") !== t.ariaLabel ? !1 : t.id || t.testId ? !0 : t.classes.some((t) => !e.classList.contains(t)) || t.text && Ci(e) !== t.text ? !1 : Ai(t);
 }
-var ei = "mesurer:select-gesture-start";
-function ti(e, t) {
-	return e.addEventListener(ei, t), () => e.removeEventListener(ei, t);
+var Mi = "mesurer:select-gesture-start";
+function Ni(e, t) {
+	return e.addEventListener(Mi, t), () => e.removeEventListener(Mi, t);
 }
 Ht((e) => void 0);
-var ni = "mesurer-solid-styles", ri = (e) => e?.nodeType === 11, ii = (e) => e.nodeType === 9;
-function ai(e, t) {
+var Pi = "mesurer-solid-styles", Fi = (e) => e?.nodeType === 11, Ii = (e) => e.nodeType === 9;
+function Li(e, t) {
 	let n = t?.ownerDocument ?? globalThis.document;
 	if (!n) return;
-	let r = ri(t) ? t : n;
-	if (r.querySelector(`#${ni}`)) return;
+	let r = Fi(t) ? t : n;
+	if (r.querySelector(`#${Pi}`)) return;
 	let i = n.createElement("style");
-	i.id = ni, i.textContent = e, ii(r) ? r.head.append(i) : r.append(i);
+	i.id = Pi, i.textContent = e, Ii(r) ? r.head.append(i) : r.append(i);
 }
-var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e8f0)", ci = "var(--msr-color-ink-500, #64748b)", li = "var(--msr-content, #0f172a)", ui = (e, t, n) => {
+var Ri = "var(--msr-color-ink-50, #f8fafc)", zi = "var(--msr-color-ink-200, #e2e8f0)", Bi = "var(--msr-color-ink-500, #64748b)", Vi = "var(--msr-content, #0f172a)", Hi = (e, t, n) => {
 	let r = e.createElement("div");
 	return Object.assign(r.style, {
 		position: "absolute",
@@ -2625,7 +2787,7 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 			height: "100%"
 		}
 	}), r;
-}, di = (e, t, n) => {
+}, Ui = (e, t, n) => {
 	let r = e.createElement("div");
 	Object.assign(r.style, {
 		position: "fixed",
@@ -2639,23 +2801,23 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 		"right",
 		"bottom",
 		"left"
-	]) r.appendChild(ui(e, t, n));
+	]) r.appendChild(Hi(e, t, n));
 	return r;
-}, fi = (e, t) => {
+}, Wi = (e, t) => {
 	Object.assign(e.style, {
 		left: `${t.left}px`,
 		top: `${t.top}px`,
 		width: `${t.width}px`,
 		height: `${t.height}px`
 	});
-}, pi = (e, t) => {
+}, Gi = (e, t) => {
 	let n = e.createElement("div");
 	return Object.assign(n.style, {
 		position: "fixed",
 		zIndex: "1",
 		pointerEvents: t ? "auto" : "none",
 		background: "var(--msr-surface-raised, #ffffff)",
-		color: li,
+		color: Vi,
 		borderRadius: "13px",
 		padding: "10px 12px",
 		fontSize: "11px",
@@ -2670,7 +2832,7 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 		boxSizing: "border-box",
 		boxShadow: "var(--msr-shadow-floating, 0px 0px 0.5px rgba(0, 0, 0, 0.18), 0px 3px 8px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1))"
 	}), n.className = t ? "mesurer-ti-card mesurer-ti-card--pinned" : "mesurer-ti-card", n.dataset.state = "hidden", n;
-}, mi = (e, t, n, r) => {
+}, Ki = (e, t, n, r) => {
 	t.replaceChildren();
 	let i = e.createElement("div");
 	Object.assign(i.style, {
@@ -2682,8 +2844,8 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 	});
 	let a = e.createElement("span");
 	if (Object.assign(a.style, {
-		color: oi,
-		background: li,
+		color: Ri,
+		background: Vi,
 		borderRadius: "4px",
 		padding: "1px 5px",
 		fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
@@ -2692,7 +2854,7 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 	}), a.textContent = n.tagName, i.appendChild(a), n.textSnippet) {
 		let t = e.createElement("span");
 		Object.assign(t.style, {
-			color: ci,
+			color: Bi,
 			overflow: "hidden",
 			textOverflow: "ellipsis",
 			whiteSpace: "nowrap",
@@ -2712,7 +2874,7 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 			lineHeight: "14px",
 			textAlign: "center",
 			borderRadius: "4px",
-			color: ci,
+			color: Bi,
 			fontSize: "14px"
 		}), i.appendChild(t);
 	}
@@ -2727,12 +2889,12 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 	});
 	for (let t of n.rows) {
 		let n = e.createElement("span");
-		n.style.color = ci, n.style.fontSize = "11px", n.textContent = t.label;
+		n.style.color = Bi, n.style.fontSize = "11px", n.textContent = t.label;
 		let r = e.createElement("span");
 		if (Object.assign(r.style, {
 			fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
 			fontSize: "11px",
-			color: li,
+			color: Vi,
 			overflow: "hidden",
 			textOverflow: "ellipsis",
 			whiteSpace: "nowrap"
@@ -2741,21 +2903,21 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 			let n = e.createElement("span");
 			n.textContent = t.value;
 			let i = e.createElement("span");
-			i.style.color = si, i.style.margin = "0 6px", i.textContent = "·";
+			i.style.color = zi, i.style.margin = "0 6px", i.textContent = "·";
 			let a = e.createElement("span");
 			a.style.color = "#0369a1", a.textContent = t.varName, r.append(n, i, a);
 		}
 		o.append(n, r);
 	}
 	t.appendChild(o);
-}, hi = (e, t, n, r = 0, i = 0) => {
+}, qi = (e, t, n, r = 0, i = 0) => {
 	let a = Number.parseFloat(t.dataset.mesurerPositionedScrollX ?? ""), o = Number.parseFloat(t.dataset.mesurerPositionedScrollY ?? ""), s = Number.isFinite(a) && a !== e.scrollX || Number.isFinite(o) && o !== e.scrollY, c = n.left + n.width / 2 + r;
 	t.style.left = `${c}px`;
 	let l = t.getBoundingClientRect(), u = n.bottom + 4 + i;
 	u + l.height > e.innerHeight - 8 && (u = n.top - l.height - 4 + i), t.style.top = `${Math.max(8, u)}px`;
 	let d = l.width / 2;
 	t.style.left = `${Math.min(Math.max(c, 8 + d), e.innerWidth - 8 - d)}px`, t.dataset.mesurerPositionedScrollX = String(e.scrollX), t.dataset.mesurerPositionedScrollY = String(e.scrollY), s && !t.dataset.mesurerNativeScrollAnchor && (t.dataset.mesurerNativeScrollAnchor = "pending");
-}, gi = /* @__PURE__ */ new Map([
+}, Ji = /* @__PURE__ */ new Map([
 	["100", "thin"],
 	["200", "extralight"],
 	["300", "light"],
@@ -2765,26 +2927,26 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 	["700", "bold"],
 	["800", "extrabold"],
 	["900", "black"]
-]), _i = [
+]), Yi = [
 	"font-family",
 	"font-size",
 	"font-weight",
 	"line-height",
 	"letter-spacing"
-], vi = /* @__PURE__ */ new Map([
+], Xi = /* @__PURE__ */ new Map([
 	["Family", "font-family"],
 	["Size", "font-size"],
 	["Weight", "font-weight"],
 	["Line", "line-height"],
 	["Tracking", "letter-spacing"]
-]), yi = (e) => {
+]), Zi = (e) => {
 	if (!e || e === "normal") return e || "normal";
 	let t = /^(-?[\d.]+)px$/.exec(e);
 	return t ? `${Math.round(Number(t[1]) * 10) / 10}px` : e;
-}, bi = (e) => (e.split(",")[0] ?? "").trim().replace(/^['"]|['"]$/g, ""), xi = (e) => {
-	let t = gi.get(e);
+}, Qi = (e) => (e.split(",")[0] ?? "").trim().replace(/^['"]|['"]$/g, ""), $i = (e) => {
+	let t = Ji.get(e);
 	return t ? `${e} / ${t}` : e;
-}, Si = (e) => e ? /var\(\s*(--[a-zA-Z0-9_-]+)/.exec(e)?.[1] ?? null : null, Ci = (e) => (e.match(/#[\w-]+/g) ?? []).length * 1e4 + (e.match(/\.[\w-]+|\[[^\]]+\]|:[\w-]+/g) ?? []).length * 100 + (e.match(/(?:^|[ >+~])([a-zA-Z][\w-]*)/g) ?? []).length, wi = (e, t) => !t || (e.important === t.important ? e.specificity === t.specificity ? e.order > t.order : e.specificity > t.specificity : e.important), Ti = class {
+}, ea = (e) => e ? /var\(\s*(--[a-zA-Z0-9_-]+)/.exec(e)?.[1] ?? null : null, ta = (e) => (e.match(/#[\w-]+/g) ?? []).length * 1e4 + (e.match(/\.[\w-]+|\[[^\]]+\]|:[\w-]+/g) ?? []).length * 100 + (e.match(/(?:^|[ >+~])([a-zA-Z][\w-]*)/g) ?? []).length, na = (e, t) => !t || (e.important === t.important ? e.specificity === t.specificity ? e.order > t.order : e.specificity > t.specificity : e.important), ra = class {
 	document;
 	window;
 	constructor(e, t) {
@@ -2824,11 +2986,11 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 		return e;
 	}
 	findVarReferences(e) {
-		let t = new Map(_i.map((e) => [e, null])), n = this.getRules();
-		for (let r of _i) {
+		let t = new Map(Yi.map((e) => [e, null])), n = this.getRules();
+		for (let r of Yi) {
 			let i = e;
 			for (; i && t.get(r) === null;) {
-				let e, a = Si(i.style.getPropertyValue(r));
+				let e, a = ea(i.style.getPropertyValue(r));
 				a && (e = {
 					name: a,
 					specificity: 2 ** 53 - 1,
@@ -2844,15 +3006,15 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 						continue;
 					}
 					if (!n) continue;
-					let s = Si(t.style.getPropertyValue(r));
+					let s = ea(t.style.getPropertyValue(r));
 					if (!s) continue;
 					let c = {
 						name: s,
-						specificity: Ci(t.selectorText),
+						specificity: ta(t.selectorText),
 						order: o,
 						important: t.style.getPropertyPriority(r) === "important"
 					};
-					wi(c, e) && (e = c);
+					na(c, e) && (e = c);
 				}
 				e && t.set(r, e.name), i = i.parentElement;
 			}
@@ -2863,27 +3025,27 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 		let t = this.window.getComputedStyle(e), n = [
 			{
 				label: "Family",
-				value: bi(t.fontFamily),
+				value: Qi(t.fontFamily),
 				varName: null
 			},
 			{
 				label: "Size",
-				value: yi(t.fontSize),
+				value: Zi(t.fontSize),
 				varName: null
 			},
 			{
 				label: "Weight",
-				value: xi(t.fontWeight),
+				value: $i(t.fontWeight),
 				varName: null
 			},
 			{
 				label: "Line",
-				value: t.lineHeight === "normal" ? "normal" : yi(t.lineHeight),
+				value: t.lineHeight === "normal" ? "normal" : Zi(t.lineHeight),
 				varName: null
 			},
 			{
 				label: "Tracking",
-				value: t.letterSpacing === "normal" ? "normal" : yi(t.letterSpacing),
+				value: t.letterSpacing === "normal" ? "normal" : Zi(t.letterSpacing),
 				varName: null
 			}
 		], r = Array.from(e.childNodes).filter((e) => e.nodeType === Node.TEXT_NODE).map((e) => e.nodeValue?.trim() ?? "").filter(Boolean).join(" ").replace(/\s+/g, " ");
@@ -2898,7 +3060,7 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 		return {
 			...t,
 			rows: t.rows.map((e) => {
-				let t = vi.get(e.label);
+				let t = Xi.get(e.label);
 				return {
 					...e,
 					varName: t ? n.get(t) ?? null : null
@@ -2906,7 +3068,7 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 			})
 		};
 	}
-}, Ei = [
+}, ia = [
 	"HTML",
 	"BODY",
 	"SCRIPT",
@@ -2918,7 +3080,7 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 	"VIDEO",
 	"AUDIO",
 	"IFRAME"
-], Di = "color-mix(in oklch, oklch(0.62 0.18 255) 8%, transparent)", Oi = "color-mix(in oklch, oklch(0.62 0.18 255) 80%, transparent)", ki = "color-mix(in oklch, oklch(0.62 0.18 255) 4%, transparent)", Ai = "color-mix(in oklch, oklch(0.62 0.18 255) 35%, transparent)", ji = 80, Mi = 0, Ni = (e, t) => `
+], aa = "color-mix(in oklch, oklch(0.62 0.18 255) 8%, transparent)", oa = "color-mix(in oklch, oklch(0.62 0.18 255) 80%, transparent)", sa = "color-mix(in oklch, oklch(0.62 0.18 255) 4%, transparent)", ca = "color-mix(in oklch, oklch(0.62 0.18 255) 35%, transparent)", la = 80, ua = 0, da = (e, t) => `
 .${e},.${e} *{cursor:help!important}
 .${e} [data-mesurer-root],.${e} [data-mesurer-root] *{cursor:auto!important}
 #${t} .mesurer-ti-card{transform:translateX(-50%);opacity:1;transition:none!important;animation:none!important}
@@ -2929,7 +3091,7 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 #${t} .mesurer-ti-close{cursor:pointer}
 #${t} .mesurer-ti-close:hover{background:color-mix(in srgb,var(--msr-content,#0f172a) 6%,transparent)!important;color:var(--msr-content,#0f172a)!important}
 `;
-function Pi(e = {}, t = !1) {
+function fa(e = {}, t = !1) {
 	let n = e.portalTarget?.ownerDocument ?? globalThis.document, r = n?.defaultView ?? globalThis.window;
 	if (!n || !r) {
 		let e = () => {};
@@ -2947,7 +3109,7 @@ function Pi(e = {}, t = !1) {
 			canRedo: () => !1
 		};
 	}
-	let i = (e.id ?? (t ? "mesurer-text-inspector" : `mesurer-text-inspector-${++Mi}`)).replace(/[^a-zA-Z0-9_-]/g, "-"), a = `${i}-overlay`, o = `${i}-styles`, s = `${i}-mode`, c = new Set((e.ignoredTags ?? Ei).map((e) => e.toUpperCase())), l = Number.isFinite(e.maxPinned) ? Math.max(1, Math.floor(e.maxPinned)) : Infinity, u = new Ti(n, r), d = r.HTMLElement, f = r.SVGElement, p = r.Node, m = !1, h = null, g = null, _ = null, v = null, y = {
+	let i = (e.id ?? (t ? "mesurer-text-inspector" : `mesurer-text-inspector-${++ua}`)).replace(/[^a-zA-Z0-9_-]/g, "-"), a = `${i}-overlay`, o = `${i}-styles`, s = `${i}-mode`, c = new Set((e.ignoredTags ?? ia).map((e) => e.toUpperCase())), l = Number.isFinite(e.maxPinned) ? Math.max(1, Math.floor(e.maxPinned)) : Infinity, u = new ra(n, r), d = r.HTMLElement, f = r.SVGElement, p = r.Node, m = !1, h = null, g = null, _ = null, v = null, y = {
 		x: 0,
 		y: 0
 	}, b = 0, x = 0, S = 0, C = r.scrollX, w = r.scrollY, T = null, E = [], D = [], O = [], k = e.portalTarget ?? n.body, A = () => {
@@ -2956,7 +3118,7 @@ function Pi(e = {}, t = !1) {
 		for (let t of e) {
 			if (t.querySelector(`#${o}`)) continue;
 			let e = n.createElement("style");
-			e.id = o, e.textContent = Ni(s, a), t === n ? n.head.append(e) : t.append(e);
+			e.id = o, e.textContent = da(s, a), t === n ? n.head.append(e) : t.append(e);
 		}
 	}, j = () => h?.isConnected ? h : (h = n.createElement("div"), h.id = a, h.dataset.mesurerInspectorUi = "true", h.dataset.theme = e.theme?.() ?? "system", T ??= e.subscribeTheme?.((e) => {
 		h && (h.dataset.theme = e);
@@ -2969,17 +3131,17 @@ function Pi(e = {}, t = !1) {
 		e && (e.dataset.state = t ? "visible" : "hidden");
 	}, ee = () => {
 		let e = j();
-		g ??= di(n, Di, Oi), _ ??= pi(n, !1), g.parentNode || e.append(g), _.parentNode || e.append(_);
+		g ??= Ui(n, aa, oa), _ ??= Gi(n, !1), g.parentNode || e.append(g), _.parentNode || e.append(_);
 	}, N = (e) => Array.from(e.childNodes).some((e) => e.nodeType === p.TEXT_NODE && !!e.nodeValue?.trim()), te = (e) => !!e && e instanceof d && !(e instanceof f) && !c.has(e.tagName) && N(e) && !e.closest("[data-mesurer-root]"), P = (e, t) => n.elementsFromPoint(e, t).find((e) => te(e)) ?? null, ne = () => {
 		v = null, M(g, !1), M(_, !1);
 	}, F = (t) => {
 		if (!m || !te(t)) return !1;
 		ee();
 		let i = t.getBoundingClientRect(), a = u.getFast(t);
-		return v = t, mi(n, _, a, !1), fi(g, i), hi(r, _, i), M(g, !0), M(_, !0), r.clearTimeout(x), x = r.setTimeout(() => {
+		return v = t, Ki(n, _, a, !1), Wi(g, i), qi(r, _, i), M(g, !0), M(_, !0), r.clearTimeout(x), x = r.setTimeout(() => {
 			if (!m || v !== t || !_) return;
 			let i = u.getFull(t, a);
-			mi(n, _, i, !1), hi(r, _, t.getBoundingClientRect()), e.onInspect?.(t, i);
+			Ki(n, _, i, !1), qi(r, _, t.getBoundingClientRect()), e.onInspect?.(t, i);
 		}, 24), !0;
 	}, I = () => E.map((e) => ({
 		sourceEl: e.sourceEl,
@@ -3011,12 +3173,12 @@ function Pi(e = {}, t = !1) {
 	}, V = (t, i, a = !0, o = !0) => {
 		if (E.find((e) => e.sourceEl === t)) return;
 		a && L(), E.length >= l && R(E[0], !1, !0);
-		let s = j(), c = di(n, ki, Ai), d = pi(n, !0);
+		let s = j(), c = Ui(n, sa, ca), d = Gi(n, !0);
 		d.classList.add("mesurer-ti-card--draggable"), d.classList.remove("mesurer-ti-card--pinned");
 		let f = u.getFull(t);
-		mi(n, d, f, !0), s.append(c, d);
+		Ki(n, d, f, !0), s.append(c, d);
 		let p = t.getBoundingClientRect();
-		fi(c, p), hi(r, d, p), i?.userPlaced && (d.classList.add("mesurer-ti-card--pinned"), d.style.left = `${i.left}px`, d.style.top = `${i.top}px`), M(c, !0), M(d, !0);
+		Wi(c, p), qi(r, d, p), i?.userPlaced && (d.classList.add("mesurer-ti-card--pinned"), d.style.left = `${i.left}px`, d.style.top = `${i.top}px`), M(c, !0), M(d, !0);
 		let m = {
 			sourceEl: t,
 			box: c,
@@ -3047,7 +3209,7 @@ function Pi(e = {}, t = !1) {
 				continue;
 			}
 			let t = e.sourceEl.getBoundingClientRect();
-			fi(e.box, t), e.userPlaced || hi(r, e.card, t);
+			Wi(e.box, t), e.userPlaced || qi(r, e.card, t);
 			let n = t.bottom >= 0 && t.right >= 0 && t.left <= r.innerWidth && t.top <= r.innerHeight;
 			M(e.box, n), M(e.card, n), e.card.style.pointerEvents = n ? "auto" : "none";
 		}
@@ -3057,7 +3219,7 @@ function Pi(e = {}, t = !1) {
 				if (!v.isConnected) ne();
 				else {
 					let e = v.getBoundingClientRect();
-					fi(g, e), hi(r, _, e);
+					Wi(g, e), qi(r, _, e);
 					let t = e.bottom >= 0 && e.right >= 0 && e.left <= r.innerWidth && e.top <= r.innerHeight;
 					M(g, t), M(_, t);
 				}
@@ -3071,7 +3233,7 @@ function Pi(e = {}, t = !1) {
 		else if (e !== v) F(e);
 		else if (g && _) {
 			let t = e.getBoundingClientRect();
-			fi(g, t), hi(r, _, t);
+			Wi(g, t), qi(r, _, t);
 		}
 		ae();
 	}, se = () => {
@@ -3089,14 +3251,14 @@ function Pi(e = {}, t = !1) {
 		Number.isFinite(r) && (e.style.left = `${r - t}px`), Number.isFinite(i) && (e.style.top = `${i - n}px`);
 	}, ue = () => {
 		let e = r.scrollX, t = r.scrollY, i = e - C, a = t - w;
-		if (C = e, w = t, mr(n)) {
+		if (C = e, w = t, Kr(n)) {
 			if (i || a) {
 				le(g, i, a), le(_, i, a);
 				for (let e of E) le(e.box, i, a), e.userPlaced || le(e.card, i, a);
 			}
 			S && r.clearTimeout(S), S = r.setTimeout(() => {
 				S = 0, W();
-			}, ji);
+			}, la);
 			return;
 		}
 		W(), se();
@@ -3133,24 +3295,24 @@ function Pi(e = {}, t = !1) {
 		destroy: _e
 	};
 }
-Pi({}, !0);
-var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --msr-font-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\",\n      \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n      \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --msr-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --msr-color-red-50: oklch(97.1% 0.013 17.38);\n    --msr-color-red-200: oklch(88.5% 0.062 18.334);\n    --msr-color-red-600: oklch(57.7% 0.245 27.325);\n    --msr-color-black: #000;\n    --msr-color-white: #fff;\n    --msr-spacing: 0.25rem;\n    --msr-font-weight-normal: 400;\n    --msr-font-weight-medium: 500;\n    --msr-font-weight-semibold: 600;\n    --msr-radius-md: 0.375rem;\n    --msr-radius-lg: 0.5rem;\n    --msr-default-transition-duration: 150ms;\n    --msr-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --msr-default-font-family: var(--msr-font-sans);\n    --msr-default-mono-font-family: var(--msr-font-mono);\n    --msr-color-ink-50: #f8fafc;\n    --msr-color-ink-200: #e2e8f0;\n    --msr-color-ink-500: #64748b;\n    --msr-color-ink-700: #334155;\n    --msr-color-ink-900: #0f172a;\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--msr-default-font-family, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--msr-default-font-feature-settings, normal);\n    font-variation-settings: var(--msr-default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--msr-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--msr-default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--msr-default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring:where(:not(iframe)) {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .msr\\:pointer-events-auto {\n    pointer-events: auto;\n  }\n  .msr\\:pointer-events-none {\n    pointer-events: none;\n  }\n  .msr\\:absolute {\n    position: absolute;\n  }\n  .msr\\:fixed {\n    position: fixed;\n  }\n  .msr\\:relative {\n    position: relative;\n  }\n  .msr\\:inset-0 {\n    inset: 0px;\n  }\n  .msr\\:top-0 {\n    top: 0px;\n  }\n  .msr\\:top-1\\/2 {\n    top: calc(1 / 2 * 100%);\n  }\n  .msr\\:top-\\[18px\\] {\n    top: 18px;\n  }\n  .msr\\:top-full {\n    top: 100%;\n  }\n  .msr\\:right-0 {\n    right: 0px;\n  }\n  .msr\\:right-2 {\n    right: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:right-\\[8px\\] {\n    right: 8px;\n  }\n  .msr\\:bottom-0 {\n    bottom: 0px;\n  }\n  .msr\\:bottom-full {\n    bottom: 100%;\n  }\n  .msr\\:left-0 {\n    left: 0px;\n  }\n  .msr\\:left-1\\/2 {\n    left: calc(1 / 2 * 100%);\n  }\n  .msr\\:left-\\[8px\\] {\n    left: 8px;\n  }\n  .msr\\:left-\\[18px\\] {\n    left: 18px;\n  }\n  .msr\\:z-10 {\n    z-index: 10;\n  }\n  .msr\\:z-\\[70\\] {\n    z-index: 70;\n  }\n  .msr\\:z-\\[80\\] {\n    z-index: 80;\n  }\n  .msr\\:z-\\[90\\] {\n    z-index: 90;\n  }\n  .msr\\:z-\\[94\\] {\n    z-index: 94;\n  }\n  .msr\\:z-\\[95\\] {\n    z-index: 95;\n  }\n  .msr\\:col-span-2 {\n    grid-column: span 2 / span 2;\n  }\n  .msr\\:col-start-1 {\n    grid-column-start: 1;\n  }\n  .msr\\:col-start-2 {\n    grid-column-start: 2;\n  }\n  .msr\\:col-start-3 {\n    grid-column-start: 3;\n  }\n  .msr\\:m-0 {\n    margin: 0px;\n  }\n  .msr\\:mx-1 {\n    margin-inline: var(--msr-spacing);\n  }\n  .msr\\:mt-1 {\n    margin-top: var(--msr-spacing);\n  }\n  .msr\\:mt-1\\.5 {\n    margin-top: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:mt-2 {\n    margin-top: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:mb-1 {\n    margin-bottom: var(--msr-spacing);\n  }\n  .msr\\:mb-2 {\n    margin-bottom: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:-ml-1 {\n    margin-left: calc(var(--msr-spacing) * -1);\n  }\n  .msr\\:ml-1 {\n    margin-left: var(--msr-spacing);\n  }\n  .msr\\:ml-2 {\n    margin-left: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:ml-6 {\n    margin-left: calc(var(--msr-spacing) * 6);\n  }\n  .msr\\:box-border {\n    box-sizing: border-box;\n  }\n  .msr\\:block {\n    display: block;\n  }\n  .msr\\:flex {\n    display: flex;\n  }\n  .msr\\:grid {\n    display: grid;\n  }\n  .msr\\:inline-flex {\n    display: inline-flex;\n  }\n  .msr\\:size-1\\.5 {\n    width: calc(var(--msr-spacing) * 1.5);\n    height: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:size-3 {\n    width: calc(var(--msr-spacing) * 3);\n    height: calc(var(--msr-spacing) * 3);\n  }\n  .msr\\:size-4 {\n    width: calc(var(--msr-spacing) * 4);\n    height: calc(var(--msr-spacing) * 4);\n  }\n  .msr\\:size-6 {\n    width: calc(var(--msr-spacing) * 6);\n    height: calc(var(--msr-spacing) * 6);\n  }\n  .msr\\:size-7 {\n    width: calc(var(--msr-spacing) * 7);\n    height: calc(var(--msr-spacing) * 7);\n  }\n  .msr\\:size-8 {\n    width: calc(var(--msr-spacing) * 8);\n    height: calc(var(--msr-spacing) * 8);\n  }\n  .msr\\:size-\\[10px\\] {\n    width: 10px;\n    height: 10px;\n  }\n  .msr\\:size-\\[18px\\] {\n    width: 18px;\n    height: 18px;\n  }\n  .msr\\:size-full {\n    width: 100%;\n    height: 100%;\n  }\n  .msr\\:h-5 {\n    height: calc(var(--msr-spacing) * 5);\n  }\n  .msr\\:h-6 {\n    height: calc(var(--msr-spacing) * 6);\n  }\n  .msr\\:h-7 {\n    height: calc(var(--msr-spacing) * 7);\n  }\n  .msr\\:h-8 {\n    height: calc(var(--msr-spacing) * 8);\n  }\n  .msr\\:h-20 {\n    height: calc(var(--msr-spacing) * 20);\n  }\n  .msr\\:h-\\[14px\\] {\n    height: 14px;\n  }\n  .msr\\:h-\\[18px\\] {\n    height: 18px;\n  }\n  .msr\\:h-\\[19px\\] {\n    height: 19px;\n  }\n  .msr\\:h-full {\n    height: 100%;\n  }\n  .msr\\:h-px {\n    height: 1px;\n  }\n  .msr\\:max-h-36 {\n    max-height: calc(var(--msr-spacing) * 36);\n  }\n  .msr\\:max-h-\\[220px\\] {\n    max-height: 220px;\n  }\n  .msr\\:max-h-\\[calc\\(100vh-16px\\)\\] {\n    max-height: calc(100vh - 16px);\n  }\n  .msr\\:max-h-\\[min\\(70vh\\,34rem\\)\\] {\n    max-height: min(70vh, 34rem);\n  }\n  .msr\\:max-h-\\[min\\(320px\\,calc\\(100vh-16px\\)\\)\\] {\n    max-height: min(320px, calc(100vh - 16px));\n  }\n  .msr\\:min-h-0 {\n    min-height: 0px;\n  }\n  .msr\\:w-0 {\n    width: 0px;\n  }\n  .msr\\:w-3 {\n    width: calc(var(--msr-spacing) * 3);\n  }\n  .msr\\:w-4 {\n    width: calc(var(--msr-spacing) * 4);\n  }\n  .msr\\:w-5 {\n    width: calc(var(--msr-spacing) * 5);\n  }\n  .msr\\:w-6 {\n    width: calc(var(--msr-spacing) * 6);\n  }\n  .msr\\:w-9 {\n    width: calc(var(--msr-spacing) * 9);\n  }\n  .msr\\:w-12 {\n    width: calc(var(--msr-spacing) * 12);\n  }\n  .msr\\:w-44 {\n    width: calc(var(--msr-spacing) * 44);\n  }\n  .msr\\:w-60 {\n    width: calc(var(--msr-spacing) * 60);\n  }\n  .msr\\:w-\\[18px\\] {\n    width: 18px;\n  }\n  .msr\\:w-\\[26px\\] {\n    width: 26px;\n  }\n  .msr\\:w-\\[272px\\] {\n    width: 272px;\n  }\n  .msr\\:w-full {\n    width: 100%;\n  }\n  .msr\\:w-px {\n    width: 1px;\n  }\n  .msr\\:max-w-0 {\n    max-width: 0px;\n  }\n  .msr\\:max-w-20 {\n    max-width: calc(var(--msr-spacing) * 20);\n  }\n  .msr\\:max-w-\\[calc\\(100vw-16px\\)\\] {\n    max-width: calc(100vw - 16px);\n  }\n  .msr\\:min-w-0 {\n    min-width: 0px;\n  }\n  .msr\\:min-w-36 {\n    min-width: calc(var(--msr-spacing) * 36);\n  }\n  .msr\\:flex-1 {\n    flex: 1;\n  }\n  .msr\\:flex-none {\n    flex: none;\n  }\n  .msr\\:shrink-0 {\n    flex-shrink: 0;\n  }\n  .msr\\:-translate-x-1 {\n    --tw-translate-x: calc(var(--msr-spacing) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .msr\\:-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .msr\\:translate-x-0 {\n    --tw-translate-x: 0px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .msr\\:-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .msr\\:-rotate-90 {\n    rotate: calc(90deg * -1);\n  }\n  .msr\\:rotate-45 {\n    rotate: 45deg;\n  }\n  .msr\\:rotate-90 {\n    rotate: 90deg;\n  }\n  .msr\\:rotate-180 {\n    rotate: 180deg;\n  }\n  .msr\\:rotate-\\[45deg\\] {\n    rotate: 45deg;\n  }\n  .msr\\:rotate-\\[135deg\\] {\n    rotate: 135deg;\n  }\n  .msr\\:cursor-crosshair {\n    cursor: crosshair;\n  }\n  .msr\\:cursor-default {\n    cursor: default;\n  }\n  .msr\\:cursor-pointer {\n    cursor: pointer;\n  }\n  .msr\\:touch-none {\n    touch-action: none;\n  }\n  .msr\\:resize-none {\n    resize: none;\n  }\n  .msr\\:list-none {\n    list-style-type: none;\n  }\n  .msr\\:appearance-none {\n    appearance: none;\n  }\n  .msr\\:grid-cols-\\[78px_150px\\] {\n    grid-template-columns: 78px 150px;\n  }\n  .msr\\:grid-cols-\\[78px_156px\\] {\n    grid-template-columns: 78px 156px;\n  }\n  .msr\\:grid-cols-\\[78px_minmax\\(0\\,1fr\\)\\] {\n    grid-template-columns: 78px minmax(0,1fr);\n  }\n  .msr\\:grid-cols-\\[minmax\\(0\\,1fr\\)_28px_34px\\] {\n    grid-template-columns: minmax(0,1fr) 28px 34px;\n  }\n  .msr\\:flex-col {\n    flex-direction: column;\n  }\n  .msr\\:items-center {\n    align-items: center;\n  }\n  .msr\\:items-start {\n    align-items: flex-start;\n  }\n  .msr\\:items-stretch {\n    align-items: stretch;\n  }\n  .msr\\:justify-between {\n    justify-content: space-between;\n  }\n  .msr\\:justify-center {\n    justify-content: center;\n  }\n  .msr\\:justify-end {\n    justify-content: flex-end;\n  }\n  .msr\\:gap-0 {\n    gap: 0px;\n  }\n  .msr\\:gap-0\\.5 {\n    gap: calc(var(--msr-spacing) * 0.5);\n  }\n  .msr\\:gap-1 {\n    gap: var(--msr-spacing);\n  }\n  .msr\\:gap-1\\.5 {\n    gap: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:gap-2 {\n    gap: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:gap-3 {\n    gap: calc(var(--msr-spacing) * 3);\n  }\n  .msr\\:gap-px {\n    gap: 1px;\n  }\n  .msr\\:gap-x-3 {\n    column-gap: calc(var(--msr-spacing) * 3);\n  }\n  .msr\\:gap-y-1 {\n    row-gap: var(--msr-spacing);\n  }\n  .msr\\:self-stretch {\n    align-self: stretch;\n  }\n  .msr\\:justify-self-end {\n    justify-self: flex-end;\n  }\n  .msr\\:truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .msr\\:overflow-auto {\n    overflow: auto;\n  }\n  .msr\\:overflow-hidden {\n    overflow: hidden;\n  }\n  .msr\\:overflow-visible {\n    overflow: visible;\n  }\n  .msr\\:overflow-x-hidden {\n    overflow-x: hidden;\n  }\n  .msr\\:overflow-y-auto {\n    overflow-y: auto;\n  }\n  .msr\\:rounded {\n    border-radius: 0.25rem;\n  }\n  .msr\\:rounded-\\[3px\\] {\n    border-radius: 3px;\n  }\n  .msr\\:rounded-\\[5px\\] {\n    border-radius: 5px;\n  }\n  .msr\\:rounded-\\[6px\\] {\n    border-radius: 6px;\n  }\n  .msr\\:rounded-\\[7px\\] {\n    border-radius: 7px;\n  }\n  .msr\\:rounded-\\[8px\\] {\n    border-radius: 8px;\n  }\n  .msr\\:rounded-\\[10px\\] {\n    border-radius: 10px;\n  }\n  .msr\\:rounded-\\[12px\\] {\n    border-radius: 12px;\n  }\n  .msr\\:rounded-full {\n    border-radius: calc(infinity * 1px);\n  }\n  .msr\\:rounded-lg {\n    border-radius: var(--msr-radius-lg);\n  }\n  .msr\\:rounded-md {\n    border-radius: var(--msr-radius-md);\n  }\n  .msr\\:rounded-none {\n    border-radius: 0;\n  }\n  .msr\\:border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .msr\\:border-0 {\n    border-style: var(--tw-border-style);\n    border-width: 0px;\n  }\n  .msr\\:border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n  .msr\\:border-t-2 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 2px;\n  }\n  .msr\\:border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n  .msr\\:border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n  .msr\\:border-l {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n  .msr\\:border-dashed {\n    --tw-border-style: dashed;\n    border-style: dashed;\n  }\n  .msr\\:border-dotted {\n    --tw-border-style: dotted;\n    border-style: dotted;\n  }\n  .msr\\:border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .msr\\:border-\\[\\#0d99ff\\] {\n    border-color: #0d99ff;\n  }\n  .msr\\:border-\\[\\#2563eb\\]\\/70 {\n    border-color: color-mix(in oklab, #2563eb 70%, transparent);\n  }\n  .msr\\:border-black\\/8 {\n    border-color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--msr-color-black) 8%, transparent);\n    }\n  }\n  .msr\\:border-black\\/10 {\n    border-color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--msr-color-black) 10%, transparent);\n    }\n  }\n  .msr\\:border-black\\/15 {\n    border-color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--msr-color-black) 15%, transparent);\n    }\n  }\n  .msr\\:border-ink-200 {\n    border-color: var(--msr-color-ink-200);\n  }\n  .msr\\:border-ink-500 {\n    border-color: var(--msr-color-ink-500);\n  }\n  .msr\\:border-ink-700 {\n    border-color: var(--msr-color-ink-700);\n  }\n  .msr\\:border-red-200 {\n    border-color: var(--msr-color-red-200);\n  }\n  .msr\\:border-transparent {\n    border-color: transparent;\n  }\n  .msr\\:bg-\\[\\#0d99ff\\] {\n    background-color: #0d99ff;\n  }\n  .msr\\:bg-\\[\\#0d99ff\\]\\/10 {\n    background-color: color-mix(in oklab, #0d99ff 10%, transparent);\n  }\n  .msr\\:bg-\\[\\#2563eb\\] {\n    background-color: #2563eb;\n  }\n  .msr\\:bg-\\[\\#fff\\] {\n    background-color: #fff;\n  }\n  .msr\\:bg-black {\n    background-color: var(--msr-color-black);\n  }\n  .msr\\:bg-black\\/10 {\n    background-color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--msr-color-black) 10%, transparent);\n    }\n  }\n  .msr\\:bg-ink-50 {\n    background-color: var(--msr-color-ink-50);\n  }\n  .msr\\:bg-ink-50\\/40 {\n    background-color: var(--msr-color-ink-50);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--msr-color-ink-50) 40%, transparent);\n    }\n  }\n  .msr\\:bg-ink-900\\/90 {\n    background-color: var(--msr-color-ink-900);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--msr-color-ink-900) 90%, transparent);\n    }\n  }\n  .msr\\:bg-transparent {\n    background-color: transparent;\n  }\n  .msr\\:bg-white {\n    background-color: var(--msr-color-white);\n  }\n  .msr\\:bg-white\\/60 {\n    background-color: var(--msr-color-white);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--msr-color-white) 60%, transparent);\n    }\n  }\n  .msr\\:p-0 {\n    padding: 0px;\n  }\n  .msr\\:p-1 {\n    padding: var(--msr-spacing);\n  }\n  .msr\\:p-1\\.5 {\n    padding: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:p-2 {\n    padding: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:p-3 {\n    padding: calc(var(--msr-spacing) * 3);\n  }\n  .msr\\:p-px {\n    padding: 1px;\n  }\n  .msr\\:px-0 {\n    padding-inline: 0px;\n  }\n  .msr\\:px-0\\.5 {\n    padding-inline: calc(var(--msr-spacing) * 0.5);\n  }\n  .msr\\:px-1 {\n    padding-inline: var(--msr-spacing);\n  }\n  .msr\\:px-1\\.5 {\n    padding-inline: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:px-2 {\n    padding-inline: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:px-2\\.5 {\n    padding-inline: calc(var(--msr-spacing) * 2.5);\n  }\n  .msr\\:py-0 {\n    padding-block: 0px;\n  }\n  .msr\\:py-0\\.5 {\n    padding-block: calc(var(--msr-spacing) * 0.5);\n  }\n  .msr\\:py-1 {\n    padding-block: var(--msr-spacing);\n  }\n  .msr\\:py-1\\.5 {\n    padding-block: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:py-2 {\n    padding-block: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:pt-2 {\n    padding-top: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:pr-2 {\n    padding-right: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:pr-6 {\n    padding-right: calc(var(--msr-spacing) * 6);\n  }\n  .msr\\:pb-1 {\n    padding-bottom: var(--msr-spacing);\n  }\n  .msr\\:pb-2 {\n    padding-bottom: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:text-center {\n    text-align: center;\n  }\n  .msr\\:text-left {\n    text-align: left;\n  }\n  .msr\\:font-mono {\n    font-family: var(--msr-font-mono);\n  }\n  .msr\\:text-\\[9px\\] {\n    font-size: 9px;\n  }\n  .msr\\:text-\\[10px\\] {\n    font-size: 10px;\n  }\n  .msr\\:text-\\[11px\\] {\n    font-size: 11px;\n  }\n  .msr\\:text-\\[12px\\] {\n    font-size: 12px;\n  }\n  .msr\\:leading-4 {\n    --tw-leading: calc(var(--msr-spacing) * 4);\n    line-height: calc(var(--msr-spacing) * 4);\n  }\n  .msr\\:leading-\\[1\\.4\\] {\n    --tw-leading: 1.4;\n    line-height: 1.4;\n  }\n  .msr\\:leading-\\[1\\.45\\] {\n    --tw-leading: 1.45;\n    line-height: 1.45;\n  }\n  .msr\\:leading-\\[18px\\] {\n    --tw-leading: 18px;\n    line-height: 18px;\n  }\n  .msr\\:leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n  .msr\\:font-medium {\n    --tw-font-weight: var(--msr-font-weight-medium);\n    font-weight: var(--msr-font-weight-medium);\n  }\n  .msr\\:font-normal {\n    --tw-font-weight: var(--msr-font-weight-normal);\n    font-weight: var(--msr-font-weight-normal);\n  }\n  .msr\\:font-semibold {\n    --tw-font-weight: var(--msr-font-weight-semibold);\n    font-weight: var(--msr-font-weight-semibold);\n  }\n  .msr\\:text-ellipsis {\n    text-overflow: ellipsis;\n  }\n  .msr\\:whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .msr\\:whitespace-pre-wrap {\n    white-space: pre-wrap;\n  }\n  .msr\\:text-\\[\\#64748b\\] {\n    color: #64748b;\n  }\n  .msr\\:text-black {\n    color: var(--msr-color-black);\n  }\n  .msr\\:text-black\\/30 {\n    color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--msr-color-black) 30%, transparent);\n    }\n  }\n  .msr\\:text-black\\/45 {\n    color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--msr-color-black) 45%, transparent);\n    }\n  }\n  .msr\\:text-ink-50 {\n    color: var(--msr-color-ink-50);\n  }\n  .msr\\:text-ink-500 {\n    color: var(--msr-color-ink-500);\n  }\n  .msr\\:text-ink-700 {\n    color: var(--msr-color-ink-700);\n  }\n  .msr\\:text-ink-900 {\n    color: var(--msr-color-ink-900);\n  }\n  .msr\\:text-red-600 {\n    color: var(--msr-color-red-600);\n  }\n  .msr\\:text-white {\n    color: var(--msr-color-white);\n  }\n  .msr\\:text-white\\/60 {\n    color: var(--msr-color-white);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--msr-color-white) 60%, transparent);\n    }\n  }\n  .msr\\:tabular-nums {\n    --tw-numeric-spacing: tabular-nums;\n    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n  }\n  .msr\\:opacity-0 {\n    opacity: 0%;\n  }\n  .msr\\:opacity-60 {\n    opacity: 60%;\n  }\n  .msr\\:opacity-80 {\n    opacity: 80%;\n  }\n  .msr\\:opacity-100 {\n    opacity: 100%;\n  }\n  .msr\\:shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:shadow-sm {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .msr\\:outline-transparent {\n    outline-color: transparent;\n  }\n  .msr\\:transition-\\[max-width\\,opacity\\,transform\\,padding\\] {\n    transition-property: max-width,opacity,transform,padding;\n    transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n  }\n  .msr\\:transition-\\[width\\,opacity\\] {\n    transition-property: width,opacity;\n    transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n  }\n  .msr\\:transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n  }\n  .msr\\:transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n  }\n  .msr\\:transition-transform {\n    transition-property: transform, translate, scale, rotate;\n    transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n  }\n  .msr\\:transition-none {\n    transition-property: none;\n  }\n  .msr\\:duration-150 {\n    --tw-duration: 150ms;\n    transition-duration: 150ms;\n  }\n  .msr\\:ease-\\[ease\\] {\n    --tw-ease: ease;\n    transition-timing-function: ease;\n  }\n  .msr\\:outline-none {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .msr\\:select-none {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n  @media (hover: hover) {\n    .msr\\:group-hover\\:border-ink-200:is(:where(.msr\\:group):hover *) {\n      border-color: var(--msr-color-ink-200);\n    }\n  }\n  .msr\\:focus-within\\:rounded-l-\\[5px\\]:focus-within {\n    border-top-left-radius: 5px;\n    border-bottom-left-radius: 5px;\n  }\n  .msr\\:focus-within\\:rounded-r-\\[5px\\]:focus-within {\n    border-top-right-radius: 5px;\n    border-bottom-right-radius: 5px;\n  }\n  .msr\\:focus-within\\:outline:focus-within {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .msr\\:focus-within\\:outline-1:focus-within {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .msr\\:focus-within\\:outline-offset-\\[-1px\\]:focus-within {\n    outline-offset: -1px;\n  }\n  .msr\\:focus-within\\:outline-\\[\\#0d99ff\\]:focus-within {\n    outline-color: #0d99ff;\n  }\n  .msr\\:focus-within\\:outline-\\[var\\(--msr-accent\\)\\]:focus-within {\n    outline-color: var(--msr-accent);\n  }\n  @media (hover: hover) {\n    .msr\\:hover\\:border-ink-200:hover {\n      border-color: var(--msr-color-ink-200);\n    }\n    .msr\\:hover\\:bg-\\[\\#0b8eea\\]:hover {\n      background-color: #0b8eea;\n    }\n    .msr\\:hover\\:bg-\\[\\#0d99ff\\]:hover {\n      background-color: #0d99ff;\n    }\n    .msr\\:hover\\:bg-black\\/4:hover {\n      background-color: var(--msr-color-black);\n    }\n    @supports (color: color-mix(in lab, red, red)) {\n      .msr\\:hover\\:bg-black\\/4:hover {\n        background-color: color-mix(in oklab, var(--msr-color-black) 4%, transparent);\n      }\n    }\n    .msr\\:hover\\:bg-black\\/10:hover {\n      background-color: var(--msr-color-black);\n    }\n    @supports (color: color-mix(in lab, red, red)) {\n      .msr\\:hover\\:bg-black\\/10:hover {\n        background-color: color-mix(in oklab, var(--msr-color-black) 10%, transparent);\n      }\n    }\n    .msr\\:hover\\:bg-ink-50:hover {\n      background-color: var(--msr-color-ink-50);\n    }\n    .msr\\:hover\\:bg-red-50:hover {\n      background-color: var(--msr-color-red-50);\n    }\n    .msr\\:hover\\:text-ink-700:hover {\n      color: var(--msr-color-ink-700);\n    }\n    .msr\\:hover\\:text-ink-900:hover {\n      color: var(--msr-color-ink-900);\n    }\n    .msr\\:hover\\:text-white:hover {\n      color: var(--msr-color-white);\n    }\n    .msr\\:hover\\:underline:hover {\n      text-decoration-line: underline;\n    }\n  }\n  .msr\\:focus\\:border-\\[\\#0d99ff\\]:focus {\n    border-color: #0d99ff;\n  }\n  .msr\\:focus\\:shadow-\\[inset_0_0_0_1px_\\#0d99ff\\]:focus {\n    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0d99ff);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:focus\\:shadow-\\[inset_0_0_0_1px_var\\(--msr-accent\\)\\]:focus {\n    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--msr-accent));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:focus\\:outline-none:focus {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .msr\\:focus-visible\\:border-\\[\\#0d99ff\\]:focus-visible {\n    border-color: #0d99ff;\n  }\n  .msr\\:focus-visible\\:bg-\\[\\#0d99ff\\]:focus-visible {\n    background-color: #0d99ff;\n  }\n  .msr\\:focus-visible\\:text-white:focus-visible {\n    color: var(--msr-color-white);\n  }\n  .msr\\:focus-visible\\:shadow-\\[inset_0_0_0_1px_\\#0d99ff\\]:focus-visible {\n    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0d99ff);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:focus-visible\\:shadow-\\[inset_0_0_0_1px_\\#ef4444\\]:focus-visible {\n    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #ef4444);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:focus-visible\\:ring-1:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:focus-visible\\:ring-\\[\\#0d99ff\\]\\/25:focus-visible {\n    --tw-ring-color: color-mix(in oklab, #0d99ff 25%, transparent);\n  }\n  .msr\\:focus-visible\\:outline-none:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .msr\\:disabled\\:cursor-default:disabled {\n    cursor: default;\n  }\n  .msr\\:disabled\\:opacity-40:disabled {\n    opacity: 40%;\n  }\n  .msr\\:disabled\\:opacity-45:disabled {\n    opacity: 45%;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .msr\\:motion-reduce\\:transition-none {\n      transition-property: none;\n    }\n  }\n}\n:root, :host {\n  --color-ink-50: #f8fafc;\n  --color-ink-200: #e2e8f0;\n  --color-ink-500: #64748b;\n  --color-ink-700: #334155;\n  --color-ink-900: #0f172a;\n}\n:host {\n  all: initial;\n  display: block;\n  color-scheme: light;\n  color: #0f172a;\n  font-family: ui-sans-serif, system-ui, sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  letter-spacing: normal;\n  direction: ltr;\n  --msr-spacing: 4px;\n}\n*, *::before, *::after {\n  box-sizing: border-box;\n}\n@layer base {\n  *, ::before, ::after, ::backdrop {\n    --tw-border-style: solid;\n    --tw-outline-style: solid;\n    --tw-shadow: 0 0 #0000;\n    --tw-inset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-inset-ring-shadow: 0 0 #0000;\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-translate-z: 0;\n  }\n  button, input, select, textarea {\n    appearance: none;\n    background-color: transparent;\n    padding: 0;\n    font: inherit;\n    color: inherit;\n    letter-spacing: inherit;\n  }\n}\n.mesurer-toolbar-surface {\n  box-shadow: 0 0 0.5px rgba(0, 0, 0, 0.18), 0 3px 8px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n.mesurer-menu-surface {\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n}\n.mesurer-color-picker {\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n}\n.mesurer-settings-tabs {\n  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);\n}\n.mesurer-settings-tab[aria-selected=\"true\"] {\n  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.12);\n}\n.mesurer-switch-track {\n  box-sizing: border-box;\n  border: 1px solid #e2e8f0;\n}\n.mesurer-switch-track[data-checked=\"true\"] {\n  border-color: #0d99ff;\n}\n.mesurer-control-shell {\n  border: 1px solid transparent;\n}\n.mesurer-control-shell:hover {\n  border-color: #e2e8f0;\n}\n.mesurer-control-focus:focus-within {\n  outline: 1px solid #0d99ff;\n  outline-offset: -1px;\n}\n.mesurer-root {\n  --msr-spacing: 4px;\n}\nbody [data-mesurer-native-scroll-anchor=\"box\"][data-mesurer-nested-scroll-compensation=\"true\"] {\n  position: absolute !important;\n  left: calc(anchor(left) + var(--mesurer-nested-scroll-x, 0px)) !important;\n  top: calc(anchor(top) + var(--mesurer-nested-scroll-y, 0px)) !important;\n}\nbody [data-mesurer-native-scroll-anchor=\"label\"][data-mesurer-nested-scroll-compensation=\"true\"] {\n  position: absolute !important;\n  left: calc(anchor(center) + var(--mesurer-nested-scroll-x, 0px)) !important;\n  top: calc(anchor(bottom) + 2px + var(--mesurer-nested-scroll-y, 0px)) !important;\n}\nbody [data-mesurer-native-scroll-anchor=\"offset\"][data-mesurer-nested-scroll-compensation=\"true\"] {\n  position: absolute !important;\n  left: calc(anchor(left) + var(--mesurer-native-anchor-x, 0px) + var(--mesurer-nested-scroll-x, 0px)) !important;\n  top: calc(anchor(top) + var(--mesurer-native-anchor-y, 0px) + var(--mesurer-nested-scroll-y, 0px)) !important;\n}\n[data-mesurer-text-edit-ring=\"true\"], [data-mesurer-text-selection-highlight=\"true\"], [data-mesurer-text-caret=\"true\"] {\n  z-index: 2147482900 !important;\n}\n[data-mesurer-text-inspector-placement-shell=\"true\"], .mesurer-ti-card {\n  z-index: 2147483647 !important;\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-scroll-mode=\"document\"] {\n  position: absolute !important;\n}\n[data-mesurer-annotation-scroll-mode=\"native-anchor\"] {\n  position: fixed !important;\n}\n[data-mesurer-native-scroll-anchor=\"offset\"][data-mesurer-nested-scroll-compensation=\"true\"][data-mesurer-annotation-scroll-mode=\"native-anchor\"] {\n  position: fixed !important;\n}\n[data-mesurer-annotation-badge=\"true\"] {\n  width: 20px !important;\n  height: 20px !important;\n  transform: none !important;\n  transition: width 150ms ease, height 150ms ease, background 150ms ease, color 150ms ease, box-shadow 150ms ease !important;\n}\n[data-mesurer-annotation-marker=\"true\"][data-mesurer-annotation-highlighted=\"true\"] > [data-mesurer-annotation-badge=\"true\"] {\n  width: 24px !important;\n  height: 24px !important;\n}\n[data-mesurer-root=\"true\"][data-mesurer-direct-text-edit-active=\"true\"] [data-mesurer-annotation-trigger=\"true\"], [data-mesurer-context-root=\"true\"][data-mesurer-direct-text-edit-active=\"true\"] [data-mesurer-annotation-trigger=\"true\"] {\n  display: none !important;\n}\n[data-mesurer-plugin-settings] [role=\"switch\"] {\n  grid-template-columns: minmax(0, 1fr) auto;\n}\n[data-mesurer-plugin-settings] [role=\"switch\"] > span:first-child {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n[data-mesurer-plugin-settings-disclosure=\"plugins\"] {\n  width: calc(100% + 16px);\n  margin-inline: -8px;\n}\n.mesurer-solid-root {\n  position: fixed;\n  inset: 0;\n  z-index: 2147483000;\n  pointer-events: none;\n  --msr-spacing: 4px;\n}\n.mesurer-solid-root [role=\"slider\"] {\n  border: 0;\n}\n[data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"] [data-mesurer-distance-hover-target=\"true\"] {\n  opacity: 1 !important;\n}\n[data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"]:has([data-mesurer-distance-label-axis=\"x\"]:hover) [data-mesurer-distance-line^=\"vertical\"], [data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"]:has([data-mesurer-distance-label-axis=\"y\"]:hover) [data-mesurer-distance-line^=\"horizontal\"], [data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"]:has([data-mesurer-distance-label-axis]:hover) [data-mesurer-distance-connector=\"true\"] {\n  opacity: 0.16 !important;\n}\nbody.mesurer-solid-xray * {\n  outline: solid 1px blue !important;\n}\nbody.mesurer-solid-xray [data-mesurer-root], body.mesurer-solid-xray [data-mesurer-root] *, body.mesurer-solid-xray [data-mesurer-inspector-ui], body.mesurer-solid-xray [data-mesurer-inspector-ui] *, body.mesurer-solid-xray .mesurer-toolbar-surface, body.mesurer-solid-xray .mesurer-toolbar-surface *, body.mesurer-solid-xray .mesurer-ti-box, body.mesurer-solid-xray .mesurer-ti-card, body.mesurer-solid-xray .mesurer-ti-card *, body.mesurer-solid-xray .mesurer-ti-close {\n  outline: none !important;\n}\n[data-mesurer-toolbar=\"true\"] > div:has(> [data-mesurer-toolbar-compact-item]) {\n  transition: padding-inline 150ms ease;\n}\n[data-mesurer-toolbar=\"true\"][data-mesurer-toolbar-compact=\"true\"] > div:has(> [data-mesurer-toolbar-compact-item]):not(:has(> [data-mesurer-toolbar-compact-item][data-visible=\"true\"])) {\n  padding-inline: 0;\n}\n[data-mesurer-selected-measurement=\"true\"]:has(> [data-mesurer-native-scroll-anchor=\"box\"]) {\n  display: contents !important;\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-mesurer-toolbar=\"true\"] > div:has(> [data-mesurer-toolbar-compact-item]) {\n    transition: none;\n  }\n  [data-mesurer-annotation-badge=\"true\"] {\n    transition: none !important;\n  }\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) {\n  --msr-accent: #0d99ff;\n  --msr-surface: #fff;\n  --msr-surface-raised: #fff;\n  --msr-surface-muted: #f8fafc;\n  --msr-content: #18181b;\n  --msr-color-white: #fff;\n  --msr-color-black: #000;\n  --msr-color-ink-50: #f8fafc;\n  --msr-color-ink-100: #f1f5f9;\n  --msr-color-ink-200: #e2e8f0;\n  --msr-color-ink-300: #cbd5e1;\n  --msr-color-ink-500: #64748b;\n  --msr-color-ink-700: #334155;\n  --msr-color-ink-900: #18181b;\n  --color-ink-50: var(--msr-color-ink-50);\n  --color-ink-100: var(--msr-color-ink-100);\n  --color-ink-200: var(--msr-color-ink-200);\n  --color-ink-300: var(--msr-color-ink-300);\n  --color-ink-500: var(--msr-color-ink-500);\n  --color-ink-700: var(--msr-color-ink-700);\n  --color-ink-900: var(--msr-color-ink-900);\n  --msr-danger-bg: #fef2f2;\n  --msr-danger-border: #fecaca;\n  --msr-danger-text: #dc2626;\n  --msr-danger-solid-bg: #dc2626;\n  --msr-danger-solid-hover: #b91c1c;\n  --msr-danger-solid-text: #fff;\n  --color-red-50: var(--msr-danger-bg);\n  --color-red-200: var(--msr-danger-border);\n  --color-red-600: var(--msr-danger-text);\n  --color-red-700: #b91c1c;\n  --msr-control-thumb: #fff;\n  --msr-slider-track: rgba(15, 23, 42, 0.16);\n  --msr-shadow-toolbar: 0 0 0.4px rgba(0, 0, 0, 0.22),\n    0 6px 18px rgba(0, 0, 0, 0.03),\n    0 3px 9px rgba(0, 0, 0, 0.06),\n    0 1px 1px rgba(0, 0, 0, 0.06);\n  --msr-shadow-floating: 0 0 0 0.4px rgba(0, 0, 0, 0.22),\n    0 6px 18px rgba(0, 0, 0, 0.03),\n    0 3px 9px rgba(0, 0, 0, 0.06),\n    0 1px 1px rgba(0, 0, 0, 0.06);\n  --msr-shadow-select-menu: var(--msr-shadow-floating);\n  color: var(--msr-content);\n  color-scheme: light;\n}\n:where( [data-mesurer-root=\"true\"][data-theme=\"dark\"], [data-mesurer-inspector-ui=\"true\"][data-theme=\"dark\"] ) {\n  --msr-accent: #0c8ce9;\n  --msr-surface: #323232;\n  --msr-surface-raised: #3a3a3a;\n  --msr-surface-muted: #3a3a3a;\n  --msr-content: #f5f5f5;\n  --msr-color-white: #f5f5f5;\n  --msr-color-black: #171717;\n  --msr-color-ink-50: #3a3a3a;\n  --msr-color-ink-100: #414141;\n  --msr-color-ink-200: #4a4a4a;\n  --msr-color-ink-300: #5a5a5a;\n  --msr-color-ink-500: #a0a0a0;\n  --msr-color-ink-700: #dedede;\n  --msr-color-ink-900: #f5f5f5;\n  --msr-danger-bg: #3f2020;\n  --msr-danger-border: #7f3f46;\n  --msr-danger-text: #f87171;\n  --msr-danger-solid-bg: #c95058;\n  --msr-danger-solid-hover: #b7424b;\n  --msr-danger-solid-text: #f5f5f5;\n  --color-red-700: #fca5a5;\n  --msr-control-thumb: #f4f4f5;\n  --msr-slider-track: rgba(245, 245, 245, 0.24);\n  --msr-shadow-toolbar: 0 0 0.4px lch(100% 0 0 / 0.10),\n    0 3px 8px lch(0% 0 0 / 0.125),\n    0 2px 5px lch(0% 0 0 / 0.125),\n    0 1px 1px lch(0% 0 0 / 0.125);\n  --msr-shadow-floating: 0 0 0 0.4px lch(100% 0 0 / 0.05),\n    0 4px 12px lch(0% 0 0 / 0.12),\n    0 1px 3px lch(0% 0 0 / 0.10);\n  --msr-shadow-select-menu: 0 0 0 0.4px lch(100% 0 0 / 0.14),\n    0 4px 12px lch(0% 0 0 / 0.22),\n    0 1px 3px lch(0% 0 0 / 0.18);\n  color-scheme: dark;\n}\n@media (prefers-color-scheme: dark) {\n  :where( [data-mesurer-root=\"true\"][data-theme=\"system\"], [data-mesurer-inspector-ui=\"true\"][data-theme=\"system\"] ) {\n    --msr-accent: #0c8ce9;\n    --msr-surface: #323232;\n    --msr-surface-raised: #3a3a3a;\n    --msr-surface-muted: #3a3a3a;\n    --msr-content: #f5f5f5;\n    --msr-color-white: #f5f5f5;\n    --msr-color-black: #171717;\n    --msr-color-ink-50: #3a3a3a;\n    --msr-color-ink-100: #414141;\n    --msr-color-ink-200: #4a4a4a;\n    --msr-color-ink-300: #5a5a5a;\n    --msr-color-ink-500: #a0a0a0;\n    --msr-color-ink-700: #dedede;\n    --msr-color-ink-900: #f5f5f5;\n    --msr-danger-bg: #3f2020;\n    --msr-danger-border: #7f3f46;\n    --msr-danger-text: #f87171;\n    --msr-danger-solid-bg: #c95058;\n    --msr-danger-solid-hover: #b7424b;\n    --msr-danger-solid-text: #f5f5f5;\n    --color-red-700: #fca5a5;\n    --msr-control-thumb: #f4f4f5;\n    --msr-slider-track: rgba(245, 245, 245, 0.24);\n    --msr-shadow-toolbar: 0 0 0.4px lch(100% 0 0 / 0.10),\n      0 3px 8px lch(0% 0 0 / 0.125),\n      0 2px 5px lch(0% 0 0 / 0.125),\n      0 1px 1px lch(0% 0 0 / 0.125);\n    --msr-shadow-floating: 0 0 0 0.4px lch(100% 0 0 / 0.05),\n      0 4px 12px lch(0% 0 0 / 0.12),\n      0 1px 3px lch(0% 0 0 / 0.10);\n    --msr-shadow-select-menu: 0 0 0 0.4px lch(100% 0 0 / 0.14),\n      0 4px 12px lch(0% 0 0 / 0.22),\n      0 1px 3px lch(0% 0 0 / 0.18);\n    color-scheme: dark;\n  }\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:bg-white\"], :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:bg-[#fff]\"] {\n  background-color: var(--msr-surface) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:text-black\"] {\n  color: var(--msr-content) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:hover:bg-black/4\"]:hover, :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:hover:bg-black/5\"]:hover {\n  background-color: var(--msr-content) !important;\n  @supports (color: color-mix(in lab, red, red)) {\n    background-color: color-mix(in srgb, var(--msr-content) 6%, transparent) !important;\n  }\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-toolbar-surface {\n  background-color: var(--msr-surface) !important;\n  box-shadow: var(--msr-shadow-toolbar) !important;\n  color: var(--msr-content);\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) :is( .mesurer-menu-surface, .mesurer-color-picker, .mesurer-ti-card, [data-mesurer-text-inspector-info=\"true\"], [data-mesurer-annotation-panel=\"true\"], [data-mesurer-annotation-composer=\"true\"] ) {\n  background-color: var(--msr-surface-raised) !important;\n  color: var(--msr-content) !important;\n  box-shadow: var(--msr-shadow-floating) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-switch-track[data-checked=\"false\"], :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-control-shell {\n  background-color: var(--msr-surface-muted) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-switch-track > span {\n  background-color: var(--msr-control-thumb) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) :is(.mesurer-settings-select, .mesurer-settings-select-menu) {\n  background-color: var(--msr-surface-raised) !important;\n  border-color: var(--msr-color-ink-200) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [data-mesurer-rulers=\"true\"] {\n  color: var(--msr-color-ink-500) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [data-slider-container=\"true\"] > div:first-child {\n  background-color: var(--msr-slider-track) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:bg-[#0d99ff]\"] {\n  background-color: var(--msr-accent) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:border-[#0d99ff]\"] {\n  border-color: var(--msr-accent) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:hover:bg-[#0d99ff]\"]:hover, :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:focus-visible:bg-[#0d99ff]\"]:focus-visible {\n  background-color: var(--msr-accent) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:text-white\"] {\n  color: var(--msr-color-white) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [data-slider-thumb=\"true\"]:focus-visible {\n  box-shadow: 0 0 0 1px var(--msr-accent) !important;\n  @supports (color: color-mix(in lab, red, red)) {\n    box-shadow: 0 0 0 1px color-mix(in srgb, var(--msr-accent) 25%, transparent) !important;\n  }\n}\n:where([data-mesurer-root=\"true\"], [data-mesurer-inspector-ui=\"true\"]) {\n  --msr-radius-control: 5px;\n}\n@layer utilities {\n  .msr\\:rounded-control {\n    border-radius: var(--msr-radius-control);\n  }\n}\n.mesurer-thin-scrollbar {\n  scrollbar-width: thin;\n  scrollbar-color: var(--msr-color-ink-200) transparent;\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar-track {\n  background: transparent;\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar-thumb {\n  background: var(--msr-color-ink-200);\n  border-radius: var(--msr-radius-control);\n}\n.mesurer-thin-scrollbar:hover {\n  scrollbar-color: var(--msr-color-ink-300) transparent;\n}\n.mesurer-thin-scrollbar:hover::-webkit-scrollbar-thumb {\n  background: var(--msr-color-ink-300);\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar-corner {\n  background: transparent;\n}\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ordinal {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-slashed-zero {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-figure {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-spacing {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-fraction {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ease {\n  syntax: \"*\";\n  inherits: false;\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-border-style: solid;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-ordinal: initial;\n      --tw-slashed-zero: initial;\n      --tw-numeric-figure: initial;\n      --tw-numeric-spacing: initial;\n      --tw-numeric-fraction: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-duration: initial;\n      --tw-ease: initial;\n    }\n  }\n}\n", Ii = {
+fa({}, !0);
+var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --msr-font-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\",\n      \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n      \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --msr-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --msr-color-red-50: oklch(97.1% 0.013 17.38);\n    --msr-color-red-200: oklch(88.5% 0.062 18.334);\n    --msr-color-red-600: oklch(57.7% 0.245 27.325);\n    --msr-color-black: #000;\n    --msr-color-white: #fff;\n    --msr-spacing: 0.25rem;\n    --msr-font-weight-normal: 400;\n    --msr-font-weight-medium: 500;\n    --msr-font-weight-semibold: 600;\n    --msr-radius-md: 0.375rem;\n    --msr-radius-lg: 0.5rem;\n    --msr-default-transition-duration: 150ms;\n    --msr-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --msr-default-font-family: var(--msr-font-sans);\n    --msr-default-mono-font-family: var(--msr-font-mono);\n    --msr-color-ink-50: #f8fafc;\n    --msr-color-ink-200: #e2e8f0;\n    --msr-color-ink-500: #64748b;\n    --msr-color-ink-700: #334155;\n    --msr-color-ink-900: #0f172a;\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--msr-default-font-family, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--msr-default-font-feature-settings, normal);\n    font-variation-settings: var(--msr-default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--msr-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--msr-default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--msr-default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring:where(:not(iframe)) {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .msr\\:pointer-events-auto {\n    pointer-events: auto;\n  }\n  .msr\\:pointer-events-none {\n    pointer-events: none;\n  }\n  .msr\\:absolute {\n    position: absolute;\n  }\n  .msr\\:fixed {\n    position: fixed;\n  }\n  .msr\\:relative {\n    position: relative;\n  }\n  .msr\\:inset-0 {\n    inset: 0px;\n  }\n  .msr\\:top-0 {\n    top: 0px;\n  }\n  .msr\\:top-1\\/2 {\n    top: calc(1 / 2 * 100%);\n  }\n  .msr\\:top-\\[18px\\] {\n    top: 18px;\n  }\n  .msr\\:top-full {\n    top: 100%;\n  }\n  .msr\\:right-0 {\n    right: 0px;\n  }\n  .msr\\:right-2 {\n    right: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:right-\\[8px\\] {\n    right: 8px;\n  }\n  .msr\\:bottom-0 {\n    bottom: 0px;\n  }\n  .msr\\:bottom-full {\n    bottom: 100%;\n  }\n  .msr\\:left-0 {\n    left: 0px;\n  }\n  .msr\\:left-1\\/2 {\n    left: calc(1 / 2 * 100%);\n  }\n  .msr\\:left-\\[8px\\] {\n    left: 8px;\n  }\n  .msr\\:left-\\[18px\\] {\n    left: 18px;\n  }\n  .msr\\:z-10 {\n    z-index: 10;\n  }\n  .msr\\:z-\\[60\\] {\n    z-index: 60;\n  }\n  .msr\\:z-\\[70\\] {\n    z-index: 70;\n  }\n  .msr\\:z-\\[80\\] {\n    z-index: 80;\n  }\n  .msr\\:z-\\[90\\] {\n    z-index: 90;\n  }\n  .msr\\:z-\\[94\\] {\n    z-index: 94;\n  }\n  .msr\\:z-\\[95\\] {\n    z-index: 95;\n  }\n  .msr\\:col-span-2 {\n    grid-column: span 2 / span 2;\n  }\n  .msr\\:col-start-1 {\n    grid-column-start: 1;\n  }\n  .msr\\:col-start-2 {\n    grid-column-start: 2;\n  }\n  .msr\\:col-start-3 {\n    grid-column-start: 3;\n  }\n  .msr\\:m-0 {\n    margin: 0px;\n  }\n  .msr\\:mx-1 {\n    margin-inline: var(--msr-spacing);\n  }\n  .msr\\:mt-1 {\n    margin-top: var(--msr-spacing);\n  }\n  .msr\\:mt-1\\.5 {\n    margin-top: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:mt-2 {\n    margin-top: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:mb-1 {\n    margin-bottom: var(--msr-spacing);\n  }\n  .msr\\:mb-2 {\n    margin-bottom: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:-ml-1 {\n    margin-left: calc(var(--msr-spacing) * -1);\n  }\n  .msr\\:ml-1 {\n    margin-left: var(--msr-spacing);\n  }\n  .msr\\:ml-2 {\n    margin-left: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:ml-6 {\n    margin-left: calc(var(--msr-spacing) * 6);\n  }\n  .msr\\:box-border {\n    box-sizing: border-box;\n  }\n  .msr\\:block {\n    display: block;\n  }\n  .msr\\:flex {\n    display: flex;\n  }\n  .msr\\:grid {\n    display: grid;\n  }\n  .msr\\:inline-flex {\n    display: inline-flex;\n  }\n  .msr\\:size-1\\.5 {\n    width: calc(var(--msr-spacing) * 1.5);\n    height: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:size-3 {\n    width: calc(var(--msr-spacing) * 3);\n    height: calc(var(--msr-spacing) * 3);\n  }\n  .msr\\:size-4 {\n    width: calc(var(--msr-spacing) * 4);\n    height: calc(var(--msr-spacing) * 4);\n  }\n  .msr\\:size-6 {\n    width: calc(var(--msr-spacing) * 6);\n    height: calc(var(--msr-spacing) * 6);\n  }\n  .msr\\:size-7 {\n    width: calc(var(--msr-spacing) * 7);\n    height: calc(var(--msr-spacing) * 7);\n  }\n  .msr\\:size-8 {\n    width: calc(var(--msr-spacing) * 8);\n    height: calc(var(--msr-spacing) * 8);\n  }\n  .msr\\:size-\\[10px\\] {\n    width: 10px;\n    height: 10px;\n  }\n  .msr\\:size-\\[18px\\] {\n    width: 18px;\n    height: 18px;\n  }\n  .msr\\:size-full {\n    width: 100%;\n    height: 100%;\n  }\n  .msr\\:h-5 {\n    height: calc(var(--msr-spacing) * 5);\n  }\n  .msr\\:h-6 {\n    height: calc(var(--msr-spacing) * 6);\n  }\n  .msr\\:h-7 {\n    height: calc(var(--msr-spacing) * 7);\n  }\n  .msr\\:h-8 {\n    height: calc(var(--msr-spacing) * 8);\n  }\n  .msr\\:h-20 {\n    height: calc(var(--msr-spacing) * 20);\n  }\n  .msr\\:h-\\[14px\\] {\n    height: 14px;\n  }\n  .msr\\:h-\\[18px\\] {\n    height: 18px;\n  }\n  .msr\\:h-\\[19px\\] {\n    height: 19px;\n  }\n  .msr\\:h-full {\n    height: 100%;\n  }\n  .msr\\:h-px {\n    height: 1px;\n  }\n  .msr\\:max-h-36 {\n    max-height: calc(var(--msr-spacing) * 36);\n  }\n  .msr\\:max-h-\\[220px\\] {\n    max-height: 220px;\n  }\n  .msr\\:max-h-\\[calc\\(100vh-16px\\)\\] {\n    max-height: calc(100vh - 16px);\n  }\n  .msr\\:max-h-\\[min\\(70vh\\,34rem\\)\\] {\n    max-height: min(70vh, 34rem);\n  }\n  .msr\\:max-h-\\[min\\(320px\\,calc\\(100vh-16px\\)\\)\\] {\n    max-height: min(320px, calc(100vh - 16px));\n  }\n  .msr\\:min-h-0 {\n    min-height: 0px;\n  }\n  .msr\\:w-0 {\n    width: 0px;\n  }\n  .msr\\:w-3 {\n    width: calc(var(--msr-spacing) * 3);\n  }\n  .msr\\:w-4 {\n    width: calc(var(--msr-spacing) * 4);\n  }\n  .msr\\:w-5 {\n    width: calc(var(--msr-spacing) * 5);\n  }\n  .msr\\:w-6 {\n    width: calc(var(--msr-spacing) * 6);\n  }\n  .msr\\:w-9 {\n    width: calc(var(--msr-spacing) * 9);\n  }\n  .msr\\:w-12 {\n    width: calc(var(--msr-spacing) * 12);\n  }\n  .msr\\:w-44 {\n    width: calc(var(--msr-spacing) * 44);\n  }\n  .msr\\:w-60 {\n    width: calc(var(--msr-spacing) * 60);\n  }\n  .msr\\:w-\\[18px\\] {\n    width: 18px;\n  }\n  .msr\\:w-\\[26px\\] {\n    width: 26px;\n  }\n  .msr\\:w-\\[272px\\] {\n    width: 272px;\n  }\n  .msr\\:w-full {\n    width: 100%;\n  }\n  .msr\\:w-px {\n    width: 1px;\n  }\n  .msr\\:max-w-0 {\n    max-width: 0px;\n  }\n  .msr\\:max-w-20 {\n    max-width: calc(var(--msr-spacing) * 20);\n  }\n  .msr\\:max-w-\\[calc\\(100vw-16px\\)\\] {\n    max-width: calc(100vw - 16px);\n  }\n  .msr\\:min-w-0 {\n    min-width: 0px;\n  }\n  .msr\\:min-w-36 {\n    min-width: calc(var(--msr-spacing) * 36);\n  }\n  .msr\\:flex-1 {\n    flex: 1;\n  }\n  .msr\\:flex-none {\n    flex: none;\n  }\n  .msr\\:shrink-0 {\n    flex-shrink: 0;\n  }\n  .msr\\:-translate-x-1 {\n    --tw-translate-x: calc(var(--msr-spacing) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .msr\\:-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .msr\\:translate-x-0 {\n    --tw-translate-x: 0px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .msr\\:-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .msr\\:-rotate-90 {\n    rotate: calc(90deg * -1);\n  }\n  .msr\\:rotate-45 {\n    rotate: 45deg;\n  }\n  .msr\\:rotate-90 {\n    rotate: 90deg;\n  }\n  .msr\\:rotate-180 {\n    rotate: 180deg;\n  }\n  .msr\\:rotate-\\[45deg\\] {\n    rotate: 45deg;\n  }\n  .msr\\:rotate-\\[135deg\\] {\n    rotate: 135deg;\n  }\n  .msr\\:cursor-crosshair {\n    cursor: crosshair;\n  }\n  .msr\\:cursor-default {\n    cursor: default;\n  }\n  .msr\\:cursor-pointer {\n    cursor: pointer;\n  }\n  .msr\\:touch-none {\n    touch-action: none;\n  }\n  .msr\\:resize-none {\n    resize: none;\n  }\n  .msr\\:list-none {\n    list-style-type: none;\n  }\n  .msr\\:appearance-none {\n    appearance: none;\n  }\n  .msr\\:grid-cols-\\[78px_150px\\] {\n    grid-template-columns: 78px 150px;\n  }\n  .msr\\:grid-cols-\\[78px_156px\\] {\n    grid-template-columns: 78px 156px;\n  }\n  .msr\\:grid-cols-\\[78px_minmax\\(0\\,1fr\\)\\] {\n    grid-template-columns: 78px minmax(0,1fr);\n  }\n  .msr\\:grid-cols-\\[minmax\\(0\\,1fr\\)_28px_34px\\] {\n    grid-template-columns: minmax(0,1fr) 28px 34px;\n  }\n  .msr\\:flex-col {\n    flex-direction: column;\n  }\n  .msr\\:items-center {\n    align-items: center;\n  }\n  .msr\\:items-start {\n    align-items: flex-start;\n  }\n  .msr\\:items-stretch {\n    align-items: stretch;\n  }\n  .msr\\:justify-between {\n    justify-content: space-between;\n  }\n  .msr\\:justify-center {\n    justify-content: center;\n  }\n  .msr\\:justify-end {\n    justify-content: flex-end;\n  }\n  .msr\\:gap-0 {\n    gap: 0px;\n  }\n  .msr\\:gap-0\\.5 {\n    gap: calc(var(--msr-spacing) * 0.5);\n  }\n  .msr\\:gap-1 {\n    gap: var(--msr-spacing);\n  }\n  .msr\\:gap-1\\.5 {\n    gap: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:gap-2 {\n    gap: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:gap-3 {\n    gap: calc(var(--msr-spacing) * 3);\n  }\n  .msr\\:gap-px {\n    gap: 1px;\n  }\n  .msr\\:gap-x-3 {\n    column-gap: calc(var(--msr-spacing) * 3);\n  }\n  .msr\\:gap-y-1 {\n    row-gap: var(--msr-spacing);\n  }\n  .msr\\:self-stretch {\n    align-self: stretch;\n  }\n  .msr\\:justify-self-end {\n    justify-self: flex-end;\n  }\n  .msr\\:truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .msr\\:overflow-auto {\n    overflow: auto;\n  }\n  .msr\\:overflow-hidden {\n    overflow: hidden;\n  }\n  .msr\\:overflow-visible {\n    overflow: visible;\n  }\n  .msr\\:overflow-x-hidden {\n    overflow-x: hidden;\n  }\n  .msr\\:overflow-y-auto {\n    overflow-y: auto;\n  }\n  .msr\\:rounded {\n    border-radius: 0.25rem;\n  }\n  .msr\\:rounded-\\[3px\\] {\n    border-radius: 3px;\n  }\n  .msr\\:rounded-\\[5px\\] {\n    border-radius: 5px;\n  }\n  .msr\\:rounded-\\[6px\\] {\n    border-radius: 6px;\n  }\n  .msr\\:rounded-\\[7px\\] {\n    border-radius: 7px;\n  }\n  .msr\\:rounded-\\[8px\\] {\n    border-radius: 8px;\n  }\n  .msr\\:rounded-\\[10px\\] {\n    border-radius: 10px;\n  }\n  .msr\\:rounded-\\[12px\\] {\n    border-radius: 12px;\n  }\n  .msr\\:rounded-full {\n    border-radius: calc(infinity * 1px);\n  }\n  .msr\\:rounded-lg {\n    border-radius: var(--msr-radius-lg);\n  }\n  .msr\\:rounded-md {\n    border-radius: var(--msr-radius-md);\n  }\n  .msr\\:rounded-none {\n    border-radius: 0;\n  }\n  .msr\\:border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .msr\\:border-0 {\n    border-style: var(--tw-border-style);\n    border-width: 0px;\n  }\n  .msr\\:border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n  .msr\\:border-t-2 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 2px;\n  }\n  .msr\\:border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n  .msr\\:border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n  .msr\\:border-l {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n  .msr\\:border-dashed {\n    --tw-border-style: dashed;\n    border-style: dashed;\n  }\n  .msr\\:border-dotted {\n    --tw-border-style: dotted;\n    border-style: dotted;\n  }\n  .msr\\:border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .msr\\:border-\\[\\#0d99ff\\] {\n    border-color: #0d99ff;\n  }\n  .msr\\:border-\\[\\#2563eb\\]\\/70 {\n    border-color: color-mix(in oklab, #2563eb 70%, transparent);\n  }\n  .msr\\:border-black\\/8 {\n    border-color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--msr-color-black) 8%, transparent);\n    }\n  }\n  .msr\\:border-black\\/10 {\n    border-color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--msr-color-black) 10%, transparent);\n    }\n  }\n  .msr\\:border-black\\/15 {\n    border-color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--msr-color-black) 15%, transparent);\n    }\n  }\n  .msr\\:border-ink-200 {\n    border-color: var(--msr-color-ink-200);\n  }\n  .msr\\:border-ink-500 {\n    border-color: var(--msr-color-ink-500);\n  }\n  .msr\\:border-ink-700 {\n    border-color: var(--msr-color-ink-700);\n  }\n  .msr\\:border-red-200 {\n    border-color: var(--msr-color-red-200);\n  }\n  .msr\\:border-transparent {\n    border-color: transparent;\n  }\n  .msr\\:bg-\\[\\#0d99ff\\] {\n    background-color: #0d99ff;\n  }\n  .msr\\:bg-\\[\\#0d99ff\\]\\/10 {\n    background-color: color-mix(in oklab, #0d99ff 10%, transparent);\n  }\n  .msr\\:bg-\\[\\#2563eb\\] {\n    background-color: #2563eb;\n  }\n  .msr\\:bg-\\[\\#fff\\] {\n    background-color: #fff;\n  }\n  .msr\\:bg-black {\n    background-color: var(--msr-color-black);\n  }\n  .msr\\:bg-black\\/10 {\n    background-color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--msr-color-black) 10%, transparent);\n    }\n  }\n  .msr\\:bg-ink-50 {\n    background-color: var(--msr-color-ink-50);\n  }\n  .msr\\:bg-ink-50\\/40 {\n    background-color: var(--msr-color-ink-50);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--msr-color-ink-50) 40%, transparent);\n    }\n  }\n  .msr\\:bg-ink-900\\/90 {\n    background-color: var(--msr-color-ink-900);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--msr-color-ink-900) 90%, transparent);\n    }\n  }\n  .msr\\:bg-transparent {\n    background-color: transparent;\n  }\n  .msr\\:bg-white {\n    background-color: var(--msr-color-white);\n  }\n  .msr\\:bg-white\\/60 {\n    background-color: var(--msr-color-white);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--msr-color-white) 60%, transparent);\n    }\n  }\n  .msr\\:p-0 {\n    padding: 0px;\n  }\n  .msr\\:p-1 {\n    padding: var(--msr-spacing);\n  }\n  .msr\\:p-1\\.5 {\n    padding: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:p-2 {\n    padding: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:p-3 {\n    padding: calc(var(--msr-spacing) * 3);\n  }\n  .msr\\:p-px {\n    padding: 1px;\n  }\n  .msr\\:px-0 {\n    padding-inline: 0px;\n  }\n  .msr\\:px-0\\.5 {\n    padding-inline: calc(var(--msr-spacing) * 0.5);\n  }\n  .msr\\:px-1 {\n    padding-inline: var(--msr-spacing);\n  }\n  .msr\\:px-1\\.5 {\n    padding-inline: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:px-2 {\n    padding-inline: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:px-2\\.5 {\n    padding-inline: calc(var(--msr-spacing) * 2.5);\n  }\n  .msr\\:py-0 {\n    padding-block: 0px;\n  }\n  .msr\\:py-0\\.5 {\n    padding-block: calc(var(--msr-spacing) * 0.5);\n  }\n  .msr\\:py-1 {\n    padding-block: var(--msr-spacing);\n  }\n  .msr\\:py-1\\.5 {\n    padding-block: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:py-2 {\n    padding-block: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:pt-2 {\n    padding-top: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:pr-2 {\n    padding-right: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:pr-6 {\n    padding-right: calc(var(--msr-spacing) * 6);\n  }\n  .msr\\:pb-1 {\n    padding-bottom: var(--msr-spacing);\n  }\n  .msr\\:pb-2 {\n    padding-bottom: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:text-center {\n    text-align: center;\n  }\n  .msr\\:text-left {\n    text-align: left;\n  }\n  .msr\\:font-mono {\n    font-family: var(--msr-font-mono);\n  }\n  .msr\\:text-\\[9px\\] {\n    font-size: 9px;\n  }\n  .msr\\:text-\\[10px\\] {\n    font-size: 10px;\n  }\n  .msr\\:text-\\[11px\\] {\n    font-size: 11px;\n  }\n  .msr\\:text-\\[12px\\] {\n    font-size: 12px;\n  }\n  .msr\\:leading-4 {\n    --tw-leading: calc(var(--msr-spacing) * 4);\n    line-height: calc(var(--msr-spacing) * 4);\n  }\n  .msr\\:leading-\\[1\\.4\\] {\n    --tw-leading: 1.4;\n    line-height: 1.4;\n  }\n  .msr\\:leading-\\[1\\.45\\] {\n    --tw-leading: 1.45;\n    line-height: 1.45;\n  }\n  .msr\\:leading-\\[18px\\] {\n    --tw-leading: 18px;\n    line-height: 18px;\n  }\n  .msr\\:leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n  .msr\\:font-medium {\n    --tw-font-weight: var(--msr-font-weight-medium);\n    font-weight: var(--msr-font-weight-medium);\n  }\n  .msr\\:font-normal {\n    --tw-font-weight: var(--msr-font-weight-normal);\n    font-weight: var(--msr-font-weight-normal);\n  }\n  .msr\\:font-semibold {\n    --tw-font-weight: var(--msr-font-weight-semibold);\n    font-weight: var(--msr-font-weight-semibold);\n  }\n  .msr\\:text-ellipsis {\n    text-overflow: ellipsis;\n  }\n  .msr\\:whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .msr\\:whitespace-pre-wrap {\n    white-space: pre-wrap;\n  }\n  .msr\\:text-\\[\\#64748b\\] {\n    color: #64748b;\n  }\n  .msr\\:text-black {\n    color: var(--msr-color-black);\n  }\n  .msr\\:text-black\\/30 {\n    color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--msr-color-black) 30%, transparent);\n    }\n  }\n  .msr\\:text-black\\/45 {\n    color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--msr-color-black) 45%, transparent);\n    }\n  }\n  .msr\\:text-ink-50 {\n    color: var(--msr-color-ink-50);\n  }\n  .msr\\:text-ink-500 {\n    color: var(--msr-color-ink-500);\n  }\n  .msr\\:text-ink-700 {\n    color: var(--msr-color-ink-700);\n  }\n  .msr\\:text-ink-900 {\n    color: var(--msr-color-ink-900);\n  }\n  .msr\\:text-red-600 {\n    color: var(--msr-color-red-600);\n  }\n  .msr\\:text-white {\n    color: var(--msr-color-white);\n  }\n  .msr\\:text-white\\/60 {\n    color: var(--msr-color-white);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--msr-color-white) 60%, transparent);\n    }\n  }\n  .msr\\:tabular-nums {\n    --tw-numeric-spacing: tabular-nums;\n    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n  }\n  .msr\\:opacity-0 {\n    opacity: 0%;\n  }\n  .msr\\:opacity-60 {\n    opacity: 60%;\n  }\n  .msr\\:opacity-80 {\n    opacity: 80%;\n  }\n  .msr\\:opacity-100 {\n    opacity: 100%;\n  }\n  .msr\\:shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:shadow-sm {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .msr\\:outline-transparent {\n    outline-color: transparent;\n  }\n  .msr\\:transition-\\[max-width\\,opacity\\,transform\\,padding\\] {\n    transition-property: max-width,opacity,transform,padding;\n    transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n  }\n  .msr\\:transition-\\[width\\,opacity\\] {\n    transition-property: width,opacity;\n    transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n  }\n  .msr\\:transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n  }\n  .msr\\:transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n  }\n  .msr\\:transition-transform {\n    transition-property: transform, translate, scale, rotate;\n    transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n  }\n  .msr\\:transition-none {\n    transition-property: none;\n  }\n  .msr\\:duration-150 {\n    --tw-duration: 150ms;\n    transition-duration: 150ms;\n  }\n  .msr\\:ease-\\[ease\\] {\n    --tw-ease: ease;\n    transition-timing-function: ease;\n  }\n  .msr\\:outline-none {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .msr\\:select-none {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n  @media (hover: hover) {\n    .msr\\:group-hover\\:border-ink-200:is(:where(.msr\\:group):hover *) {\n      border-color: var(--msr-color-ink-200);\n    }\n  }\n  .msr\\:focus-within\\:rounded-l-\\[5px\\]:focus-within {\n    border-top-left-radius: 5px;\n    border-bottom-left-radius: 5px;\n  }\n  .msr\\:focus-within\\:rounded-r-\\[5px\\]:focus-within {\n    border-top-right-radius: 5px;\n    border-bottom-right-radius: 5px;\n  }\n  .msr\\:focus-within\\:outline:focus-within {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .msr\\:focus-within\\:outline-1:focus-within {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .msr\\:focus-within\\:outline-offset-\\[-1px\\]:focus-within {\n    outline-offset: -1px;\n  }\n  .msr\\:focus-within\\:outline-\\[\\#0d99ff\\]:focus-within {\n    outline-color: #0d99ff;\n  }\n  .msr\\:focus-within\\:outline-\\[var\\(--msr-accent\\)\\]:focus-within {\n    outline-color: var(--msr-accent);\n  }\n  @media (hover: hover) {\n    .msr\\:hover\\:border-ink-200:hover {\n      border-color: var(--msr-color-ink-200);\n    }\n    .msr\\:hover\\:bg-\\[\\#0b8eea\\]:hover {\n      background-color: #0b8eea;\n    }\n    .msr\\:hover\\:bg-\\[\\#0d99ff\\]:hover {\n      background-color: #0d99ff;\n    }\n    .msr\\:hover\\:bg-black\\/4:hover {\n      background-color: var(--msr-color-black);\n    }\n    @supports (color: color-mix(in lab, red, red)) {\n      .msr\\:hover\\:bg-black\\/4:hover {\n        background-color: color-mix(in oklab, var(--msr-color-black) 4%, transparent);\n      }\n    }\n    .msr\\:hover\\:bg-black\\/10:hover {\n      background-color: var(--msr-color-black);\n    }\n    @supports (color: color-mix(in lab, red, red)) {\n      .msr\\:hover\\:bg-black\\/10:hover {\n        background-color: color-mix(in oklab, var(--msr-color-black) 10%, transparent);\n      }\n    }\n    .msr\\:hover\\:bg-ink-50:hover {\n      background-color: var(--msr-color-ink-50);\n    }\n    .msr\\:hover\\:bg-red-50:hover {\n      background-color: var(--msr-color-red-50);\n    }\n    .msr\\:hover\\:text-ink-700:hover {\n      color: var(--msr-color-ink-700);\n    }\n    .msr\\:hover\\:text-ink-900:hover {\n      color: var(--msr-color-ink-900);\n    }\n    .msr\\:hover\\:text-white:hover {\n      color: var(--msr-color-white);\n    }\n    .msr\\:hover\\:underline:hover {\n      text-decoration-line: underline;\n    }\n  }\n  .msr\\:focus\\:border-\\[\\#0d99ff\\]:focus {\n    border-color: #0d99ff;\n  }\n  .msr\\:focus\\:shadow-\\[inset_0_0_0_1px_\\#0d99ff\\]:focus {\n    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0d99ff);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:focus\\:shadow-\\[inset_0_0_0_1px_var\\(--msr-accent\\)\\]:focus {\n    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--msr-accent));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:focus\\:outline-none:focus {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .msr\\:focus-visible\\:border-\\[\\#0d99ff\\]:focus-visible {\n    border-color: #0d99ff;\n  }\n  .msr\\:focus-visible\\:bg-\\[\\#0d99ff\\]:focus-visible {\n    background-color: #0d99ff;\n  }\n  .msr\\:focus-visible\\:text-white:focus-visible {\n    color: var(--msr-color-white);\n  }\n  .msr\\:focus-visible\\:shadow-\\[inset_0_0_0_1px_\\#0d99ff\\]:focus-visible {\n    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0d99ff);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:focus-visible\\:shadow-\\[inset_0_0_0_1px_\\#ef4444\\]:focus-visible {\n    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #ef4444);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:focus-visible\\:ring-1:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:focus-visible\\:ring-\\[\\#0d99ff\\]\\/25:focus-visible {\n    --tw-ring-color: color-mix(in oklab, #0d99ff 25%, transparent);\n  }\n  .msr\\:focus-visible\\:outline-none:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .msr\\:disabled\\:cursor-default:disabled {\n    cursor: default;\n  }\n  .msr\\:disabled\\:opacity-40:disabled {\n    opacity: 40%;\n  }\n  .msr\\:disabled\\:opacity-45:disabled {\n    opacity: 45%;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .msr\\:motion-reduce\\:transition-none {\n      transition-property: none;\n    }\n  }\n}\n:root, :host {\n  --color-ink-50: #f8fafc;\n  --color-ink-200: #e2e8f0;\n  --color-ink-500: #64748b;\n  --color-ink-700: #334155;\n  --color-ink-900: #0f172a;\n}\n:host {\n  all: initial;\n  display: block;\n  color-scheme: light;\n  color: #0f172a;\n  font-family: ui-sans-serif, system-ui, sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  letter-spacing: normal;\n  direction: ltr;\n  --msr-spacing: 4px;\n}\n*, *::before, *::after {\n  box-sizing: border-box;\n}\n@layer base {\n  *, ::before, ::after, ::backdrop {\n    --tw-border-style: solid;\n    --tw-outline-style: solid;\n    --tw-shadow: 0 0 #0000;\n    --tw-inset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-inset-ring-shadow: 0 0 #0000;\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-translate-z: 0;\n  }\n  button, input, select, textarea {\n    appearance: none;\n    background-color: transparent;\n    padding: 0;\n    font: inherit;\n    color: inherit;\n    letter-spacing: inherit;\n  }\n}\n.mesurer-toolbar-surface {\n  box-shadow: 0 0 0.5px rgba(0, 0, 0, 0.18), 0 3px 8px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n.mesurer-menu-surface {\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n}\n.mesurer-color-picker {\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n}\n.mesurer-settings-tabs {\n  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);\n}\n.mesurer-settings-tab[aria-selected=\"true\"] {\n  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.12);\n}\n.mesurer-switch-track {\n  box-sizing: border-box;\n  border: 1px solid #e2e8f0;\n}\n.mesurer-switch-track[data-checked=\"true\"] {\n  border-color: #0d99ff;\n}\n.mesurer-control-shell {\n  border: 1px solid transparent;\n}\n.mesurer-control-shell:hover {\n  border-color: #e2e8f0;\n}\n.mesurer-control-focus:focus-within {\n  outline: 1px solid #0d99ff;\n  outline-offset: -1px;\n}\n.mesurer-root {\n  --msr-spacing: 4px;\n}\nbody [data-mesurer-native-scroll-anchor=\"box\"][data-mesurer-nested-scroll-compensation=\"true\"] {\n  position: absolute !important;\n  left: calc(anchor(left) + var(--mesurer-nested-scroll-x, 0px)) !important;\n  top: calc(anchor(top) + var(--mesurer-nested-scroll-y, 0px)) !important;\n}\nbody [data-mesurer-native-scroll-anchor=\"label\"][data-mesurer-nested-scroll-compensation=\"true\"] {\n  position: absolute !important;\n  left: calc(anchor(center) + var(--mesurer-nested-scroll-x, 0px)) !important;\n  top: calc(anchor(bottom) + 2px + var(--mesurer-nested-scroll-y, 0px)) !important;\n}\nbody [data-mesurer-native-scroll-anchor=\"offset\"][data-mesurer-nested-scroll-compensation=\"true\"] {\n  position: absolute !important;\n  left: calc(anchor(left) + var(--mesurer-native-anchor-x, 0px) + var(--mesurer-nested-scroll-x, 0px)) !important;\n  top: calc(anchor(top) + var(--mesurer-native-anchor-y, 0px) + var(--mesurer-nested-scroll-y, 0px)) !important;\n}\n[data-mesurer-text-edit-ring=\"true\"], [data-mesurer-text-selection-highlight=\"true\"], [data-mesurer-text-caret=\"true\"] {\n  z-index: 2147482900 !important;\n}\n[data-mesurer-text-inspector-placement-shell=\"true\"], .mesurer-ti-card {\n  z-index: 2147483647 !important;\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-scroll-mode=\"document\"] {\n  position: absolute !important;\n}\n[data-mesurer-annotation-scroll-mode=\"native-anchor\"] {\n  position: fixed !important;\n}\n[data-mesurer-native-scroll-anchor=\"offset\"][data-mesurer-nested-scroll-compensation=\"true\"][data-mesurer-annotation-scroll-mode=\"native-anchor\"] {\n  position: fixed !important;\n}\n[data-mesurer-annotation-badge=\"true\"] {\n  width: 20px !important;\n  height: 20px !important;\n  transform: none !important;\n  transition: width 150ms ease, height 150ms ease, background 150ms ease, color 150ms ease, box-shadow 150ms ease !important;\n}\n[data-mesurer-annotation-marker=\"true\"][data-mesurer-annotation-highlighted=\"true\"] > [data-mesurer-annotation-badge=\"true\"] {\n  width: 24px !important;\n  height: 24px !important;\n}\n[data-mesurer-root=\"true\"][data-mesurer-direct-text-edit-active=\"true\"] [data-mesurer-annotation-trigger=\"true\"], [data-mesurer-context-root=\"true\"][data-mesurer-direct-text-edit-active=\"true\"] [data-mesurer-annotation-trigger=\"true\"] {\n  display: none !important;\n}\n[data-mesurer-plugin-settings] [role=\"switch\"] {\n  grid-template-columns: minmax(0, 1fr) auto;\n}\n[data-mesurer-plugin-settings] [role=\"switch\"] > span:first-child {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n[data-mesurer-plugin-settings-disclosure=\"plugins\"] {\n  width: calc(100% + 16px);\n  margin-inline: -8px;\n}\n.mesurer-solid-root {\n  position: fixed;\n  inset: 0;\n  z-index: 2147483000;\n  pointer-events: none;\n  --msr-spacing: 4px;\n}\n.mesurer-solid-root [role=\"slider\"] {\n  border: 0;\n}\n[data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"] [data-mesurer-distance-hover-target=\"true\"] {\n  opacity: 1 !important;\n}\n[data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"]:has([data-mesurer-distance-label-axis=\"x\"]:hover) [data-mesurer-distance-line^=\"vertical\"], [data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"]:has([data-mesurer-distance-label-axis=\"y\"]:hover) [data-mesurer-distance-line^=\"horizontal\"], [data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"]:has([data-mesurer-distance-label-axis]:hover) [data-mesurer-distance-connector=\"true\"] {\n  opacity: 0.16 !important;\n}\nbody.mesurer-solid-xray * {\n  outline: solid 1px blue !important;\n}\nbody.mesurer-solid-xray [data-mesurer-root], body.mesurer-solid-xray [data-mesurer-root] *, body.mesurer-solid-xray [data-mesurer-inspector-ui], body.mesurer-solid-xray [data-mesurer-inspector-ui] *, body.mesurer-solid-xray .mesurer-toolbar-surface, body.mesurer-solid-xray .mesurer-toolbar-surface *, body.mesurer-solid-xray .mesurer-ti-box, body.mesurer-solid-xray .mesurer-ti-card, body.mesurer-solid-xray .mesurer-ti-card *, body.mesurer-solid-xray .mesurer-ti-close {\n  outline: none !important;\n}\n[data-mesurer-toolbar=\"true\"] > div:has(> [data-mesurer-toolbar-compact-item]) {\n  transition: padding-inline 150ms ease;\n}\n[data-mesurer-toolbar=\"true\"][data-mesurer-toolbar-compact=\"true\"] > div:has(> [data-mesurer-toolbar-compact-item]):not(:has(> [data-mesurer-toolbar-compact-item][data-visible=\"true\"])) {\n  padding-inline: 0;\n}\n[data-mesurer-selected-measurement=\"true\"]:has(> [data-mesurer-native-scroll-anchor=\"box\"]) {\n  display: contents !important;\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-mesurer-toolbar=\"true\"] > div:has(> [data-mesurer-toolbar-compact-item]) {\n    transition: none;\n  }\n  [data-mesurer-annotation-badge=\"true\"] {\n    transition: none !important;\n  }\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) {\n  --msr-accent: #0d99ff;\n  --msr-surface: #fff;\n  --msr-surface-raised: #fff;\n  --msr-surface-muted: #f8fafc;\n  --msr-content: #18181b;\n  --msr-color-white: #fff;\n  --msr-color-black: #000;\n  --msr-color-ink-50: #f8fafc;\n  --msr-color-ink-100: #f1f5f9;\n  --msr-color-ink-200: #e2e8f0;\n  --msr-color-ink-300: #cbd5e1;\n  --msr-color-ink-500: #64748b;\n  --msr-color-ink-700: #334155;\n  --msr-color-ink-900: #18181b;\n  --color-ink-50: var(--msr-color-ink-50);\n  --color-ink-100: var(--msr-color-ink-100);\n  --color-ink-200: var(--msr-color-ink-200);\n  --color-ink-300: var(--msr-color-ink-300);\n  --color-ink-500: var(--msr-color-ink-500);\n  --color-ink-700: var(--msr-color-ink-700);\n  --color-ink-900: var(--msr-color-ink-900);\n  --msr-danger-bg: #fef2f2;\n  --msr-danger-border: #fecaca;\n  --msr-danger-text: #dc2626;\n  --msr-danger-solid-bg: #dc2626;\n  --msr-danger-solid-hover: #b91c1c;\n  --msr-danger-solid-text: #fff;\n  --color-red-50: var(--msr-danger-bg);\n  --color-red-200: var(--msr-danger-border);\n  --color-red-600: var(--msr-danger-text);\n  --color-red-700: #b91c1c;\n  --msr-control-thumb: #fff;\n  --msr-slider-track: rgba(15, 23, 42, 0.16);\n  --msr-shadow-toolbar: 0 0 0.4px rgba(0, 0, 0, 0.22),\n    0 6px 18px rgba(0, 0, 0, 0.03),\n    0 3px 9px rgba(0, 0, 0, 0.06),\n    0 1px 1px rgba(0, 0, 0, 0.06);\n  --msr-shadow-floating: 0 0 0 0.4px rgba(0, 0, 0, 0.22),\n    0 6px 18px rgba(0, 0, 0, 0.03),\n    0 3px 9px rgba(0, 0, 0, 0.06),\n    0 1px 1px rgba(0, 0, 0, 0.06);\n  --msr-shadow-select-menu: var(--msr-shadow-floating);\n  color: var(--msr-content);\n  color-scheme: light;\n}\n:where( [data-mesurer-root=\"true\"][data-theme=\"dark\"], [data-mesurer-inspector-ui=\"true\"][data-theme=\"dark\"] ) {\n  --msr-accent: #0c8ce9;\n  --msr-surface: #323232;\n  --msr-surface-raised: #3a3a3a;\n  --msr-surface-muted: #3a3a3a;\n  --msr-content: #f5f5f5;\n  --msr-color-white: #f5f5f5;\n  --msr-color-black: #171717;\n  --msr-color-ink-50: #3a3a3a;\n  --msr-color-ink-100: #414141;\n  --msr-color-ink-200: #4a4a4a;\n  --msr-color-ink-300: #5a5a5a;\n  --msr-color-ink-500: #a0a0a0;\n  --msr-color-ink-700: #dedede;\n  --msr-color-ink-900: #f5f5f5;\n  --msr-danger-bg: #3f2020;\n  --msr-danger-border: #7f3f46;\n  --msr-danger-text: #f87171;\n  --msr-danger-solid-bg: #c95058;\n  --msr-danger-solid-hover: #b7424b;\n  --msr-danger-solid-text: #f5f5f5;\n  --color-red-700: #fca5a5;\n  --msr-control-thumb: #f4f4f5;\n  --msr-slider-track: rgba(245, 245, 245, 0.24);\n  --msr-shadow-toolbar: 0 0 0.4px lch(100% 0 0 / 0.10),\n    0 3px 8px lch(0% 0 0 / 0.125),\n    0 2px 5px lch(0% 0 0 / 0.125),\n    0 1px 1px lch(0% 0 0 / 0.125);\n  --msr-shadow-floating: 0 0 0 0.4px lch(100% 0 0 / 0.05),\n    0 4px 12px lch(0% 0 0 / 0.12),\n    0 1px 3px lch(0% 0 0 / 0.10);\n  --msr-shadow-select-menu: 0 0 0 0.4px lch(100% 0 0 / 0.14),\n    0 4px 12px lch(0% 0 0 / 0.22),\n    0 1px 3px lch(0% 0 0 / 0.18);\n  color-scheme: dark;\n}\n@media (prefers-color-scheme: dark) {\n  :where( [data-mesurer-root=\"true\"][data-theme=\"system\"], [data-mesurer-inspector-ui=\"true\"][data-theme=\"system\"] ) {\n    --msr-accent: #0c8ce9;\n    --msr-surface: #323232;\n    --msr-surface-raised: #3a3a3a;\n    --msr-surface-muted: #3a3a3a;\n    --msr-content: #f5f5f5;\n    --msr-color-white: #f5f5f5;\n    --msr-color-black: #171717;\n    --msr-color-ink-50: #3a3a3a;\n    --msr-color-ink-100: #414141;\n    --msr-color-ink-200: #4a4a4a;\n    --msr-color-ink-300: #5a5a5a;\n    --msr-color-ink-500: #a0a0a0;\n    --msr-color-ink-700: #dedede;\n    --msr-color-ink-900: #f5f5f5;\n    --msr-danger-bg: #3f2020;\n    --msr-danger-border: #7f3f46;\n    --msr-danger-text: #f87171;\n    --msr-danger-solid-bg: #c95058;\n    --msr-danger-solid-hover: #b7424b;\n    --msr-danger-solid-text: #f5f5f5;\n    --color-red-700: #fca5a5;\n    --msr-control-thumb: #f4f4f5;\n    --msr-slider-track: rgba(245, 245, 245, 0.24);\n    --msr-shadow-toolbar: 0 0 0.4px lch(100% 0 0 / 0.10),\n      0 3px 8px lch(0% 0 0 / 0.125),\n      0 2px 5px lch(0% 0 0 / 0.125),\n      0 1px 1px lch(0% 0 0 / 0.125);\n    --msr-shadow-floating: 0 0 0 0.4px lch(100% 0 0 / 0.05),\n      0 4px 12px lch(0% 0 0 / 0.12),\n      0 1px 3px lch(0% 0 0 / 0.10);\n    --msr-shadow-select-menu: 0 0 0 0.4px lch(100% 0 0 / 0.14),\n      0 4px 12px lch(0% 0 0 / 0.22),\n      0 1px 3px lch(0% 0 0 / 0.18);\n    color-scheme: dark;\n  }\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:bg-white\"], :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:bg-[#fff]\"] {\n  background-color: var(--msr-surface) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:text-black\"] {\n  color: var(--msr-content) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:hover:bg-black/4\"]:hover, :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:hover:bg-black/5\"]:hover {\n  background-color: var(--msr-content) !important;\n  @supports (color: color-mix(in lab, red, red)) {\n    background-color: color-mix(in srgb, var(--msr-content) 6%, transparent) !important;\n  }\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-toolbar-surface {\n  background-color: var(--msr-surface) !important;\n  box-shadow: var(--msr-shadow-toolbar) !important;\n  color: var(--msr-content);\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) :is( .mesurer-menu-surface, .mesurer-color-picker, .mesurer-ti-card, [data-mesurer-text-inspector-info=\"true\"], [data-mesurer-annotation-panel=\"true\"], [data-mesurer-annotation-composer=\"true\"] ) {\n  background-color: var(--msr-surface-raised) !important;\n  color: var(--msr-content) !important;\n  box-shadow: var(--msr-shadow-floating) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-switch-track[data-checked=\"false\"], :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-control-shell {\n  background-color: var(--msr-surface-muted) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-switch-track > span {\n  background-color: var(--msr-control-thumb) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) :is(.mesurer-settings-select, .mesurer-settings-select-menu) {\n  background-color: var(--msr-surface-raised) !important;\n  border-color: var(--msr-color-ink-200) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [data-mesurer-rulers=\"true\"] {\n  color: var(--msr-color-ink-500) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [data-slider-container=\"true\"] > div:first-child {\n  background-color: var(--msr-slider-track) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:bg-[#0d99ff]\"] {\n  background-color: var(--msr-accent) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:border-[#0d99ff]\"] {\n  border-color: var(--msr-accent) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:hover:bg-[#0d99ff]\"]:hover, :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:focus-visible:bg-[#0d99ff]\"]:focus-visible {\n  background-color: var(--msr-accent) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:text-white\"] {\n  color: var(--msr-color-white) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [data-slider-thumb=\"true\"]:focus-visible {\n  box-shadow: 0 0 0 1px var(--msr-accent) !important;\n  @supports (color: color-mix(in lab, red, red)) {\n    box-shadow: 0 0 0 1px color-mix(in srgb, var(--msr-accent) 25%, transparent) !important;\n  }\n}\n:where([data-mesurer-root=\"true\"], [data-mesurer-inspector-ui=\"true\"]) {\n  --msr-radius-control: 5px;\n}\n@layer utilities {\n  .msr\\:rounded-control {\n    border-radius: var(--msr-radius-control);\n  }\n}\n.mesurer-thin-scrollbar {\n  scrollbar-width: thin;\n  scrollbar-color: var(--msr-color-ink-200) transparent;\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar-track {\n  background: transparent;\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar-thumb {\n  background: var(--msr-color-ink-200);\n  border-radius: var(--msr-radius-control);\n}\n.mesurer-thin-scrollbar:hover {\n  scrollbar-color: var(--msr-color-ink-300) transparent;\n}\n.mesurer-thin-scrollbar:hover::-webkit-scrollbar-thumb {\n  background: var(--msr-color-ink-300);\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar-corner {\n  background: transparent;\n}\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ordinal {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-slashed-zero {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-figure {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-spacing {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-fraction {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ease {\n  syntax: \"*\";\n  inherits: false;\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-border-style: solid;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-ordinal: initial;\n      --tw-slashed-zero: initial;\n      --tw-numeric-figure: initial;\n      --tw-numeric-spacing: initial;\n      --tw-numeric-fraction: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-duration: initial;\n      --tw-ease: initial;\n    }\n  }\n}\n", ma = {
 	keepTextChanges: !1,
 	keepArrangeChanges: !1
-}, Li = (e) => e.state.get("mesurer.presentation.preferences") ?? Ii, Ri = "mesurer.arrange", zi = "arrange", Bi = "mesurer.arrange.intents", Vi = "mesurer.arrange.active", Hi = "mesurer.arrange.settings", Ui = "runtime:solid", Wi = "builtin.select", Gi = "arrange.toggle", Ki = "arrange.commit", qi = "arrange.clear", Ji = "mesurer.arrange.selection-available", Yi = 1, Xi = 24, Zi = 160, Qi = 500, $i = "#ef4444", ea = {
+}, ha = (e) => e.state.get("mesurer.presentation.preferences") ?? ma, ga = "mesurer.arrange", _a = "arrange", va = "mesurer.arrange.intents", ya = "mesurer.arrange.active", ba = "mesurer.arrange.settings", xa = "runtime:solid", Sa = "builtin.select", Ca = "arrange.toggle", wa = "arrange.commit", Ta = "arrange.clear", Ea = "mesurer.arrange.selection-available", Da = 1, Oa = 24, ka = 160, Aa = 500, ja = "#ef4444", Ma = {
 	viewBox: "0 0 24 24",
 	paths: ["M12 2.75 8.75 6h2.5v5.25H6V8.75L2.75 12 6 15.25v-2.5h5.25V18h-2.5L12 21.25 15.25 18h-2.5v-5.25H18v2.5L21.25 12 18 8.75v2.5h-5.25V6h2.5L12 2.75Z"]
-}, ta = (e, t) => ({
+}, Na = (e, t) => ({
 	left: e.left + t.x,
 	top: e.top + t.y,
 	width: e.width,
 	height: e.height
-}), na = (e, t) => ({
+}), Pa = (e, t) => ({
 	left: e.left - t.left,
 	top: e.top - t.top,
 	width: e.width - t.width,
 	height: e.height - t.height
-}), ra = (e) => {
+}), Fa = (e) => {
 	if (!e.length) return null;
 	let t = Math.min(...e.map((e) => e.left)), n = Math.min(...e.map((e) => e.top)), r = Math.max(...e.map((e) => e.left + e.width)), i = Math.max(...e.map((e) => e.top + e.height));
 	return {
@@ -3159,35 +3321,35 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 		width: r - t,
 		height: i - n
 	};
-}, ia = (e, t, n, r) => Math.max(0, Math.max(e, n) - Math.min(t, r)), aa = (e, t, n) => {
+}, Ia = (e, t, n, r) => Math.max(0, Math.max(e, n) - Math.min(t, r)), La = (e, t, n) => {
 	let r = t === "x" ? e.left : e.top, i = t === "x" ? e.width : e.height, a = r + i;
 	return n === "edge" ? [r, a] : n === "center" ? [r + i / 2] : [
 		r,
 		r + i / 2,
 		a
 	];
-}, oa = (e, t) => t === "x" ? {
+}, Ra = (e, t) => t === "x" ? {
 	start: e.top,
 	end: e.top + e.height
 } : {
 	start: e.left,
 	end: e.left + e.width
-}, sa = (e) => e.kind === "edge" ? 2 : +(e.kind === "guide"), ca = (e, t, n) => {
-	let r = oa(t, e), i = null;
-	for (let a of n) if (a.axis === e && !(a.source === "element" && ia(r.start, r.end, a.start, a.end) > Zi)) for (let n of aa(t, e, a.kind)) {
+}, za = (e) => e.kind === "edge" ? 2 : +(e.kind === "guide"), Ba = (e, t, n) => {
+	let r = Ra(t, e), i = null;
+	for (let a of n) if (a.axis === e && !(a.source === "element" && Ia(r.start, r.end, a.start, a.end) > ka)) for (let n of La(t, e, a.kind)) {
 		let e = a.position - n, t = Math.abs(e);
 		if (t > 10) continue;
 		let r = i ? Math.abs(i.delta) : Infinity;
-		(t < r || t === r && (!i || sa(a) > sa(i))) && (i = {
+		(t < r || t === r && (!i || za(a) > za(i))) && (i = {
 			...a,
 			delta: e
 		});
 	}
 	return i;
-}, la = (e) => {
+}, Va = (e) => {
 	let { origin: t, pathname: n, search: r } = e.location;
 	return `${t}${n}${r}`;
-}, ua = (e, t) => `${t}-${e.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`}`, da = (e) => ({
+}, Ha = (e, t) => `${t}-${e.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`}`, Ua = (e) => ({
 	tag: e.fingerprintTag,
 	id: e.fingerprintId,
 	testId: e.fingerprintTestId,
@@ -3195,10 +3357,10 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 	ariaLabel: e.fingerprintAriaLabel,
 	classes: [...e.fingerprintClasses],
 	text: e.fingerprintText
-}), fa = (e) => ({
+}), Wa = (e) => ({
 	id: e.id,
 	selector: e.selector,
-	fingerprint: da(e),
+	fingerprint: Ua(e),
 	before: {
 		left: e.beforeLeft,
 		top: e.beforeTop,
@@ -3219,21 +3381,21 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 		x: e.desiredOffsetX,
 		y: e.desiredOffsetY
 	}
-}), pa = (e) => ({
+}), Ga = (e) => ({
 	id: e.id,
 	createdAt: e.createdAt,
 	pageUrl: e.pageUrl,
-	targets: e.targets.map(fa)
-}), ma = (e) => ({
+	targets: e.targets.map(Wa)
+}), Ka = (e) => ({
 	value: e.style.getPropertyValue("transform"),
 	priority: e.style.getPropertyPriority("transform")
-}), ha = (e, t) => e.value === t.value && e.priority === t.priority, ga = (e) => {
+}), qa = (e, t) => e.value === t.value && e.priority === t.priority, Ja = (e) => {
 	let { element: t, beforeTransform: n, appliedTransform: r } = e;
-	ha(ma(t), r) && (n.value || n.priority ? t.style.setProperty("transform", n.value, n.priority) : t.style.removeProperty("transform"));
-}, _a = (e) => e instanceof Element && !!e.closest("input, textarea, select, [contenteditable='true'], [contenteditable='']"), va = () => ar({
-	id: Ri,
+	qa(Ka(t), r) && (n.value || n.priority ? t.style.setProperty("transform", n.value, n.priority) : t.style.removeProperty("transform"));
+}, Ya = (e) => e instanceof Element && !!e.closest("input, textarea, select, [contenteditable='true'], [contenteditable='']"), Xa = () => ar({
+	id: ga,
 	version: "0.1.0",
-	requires: [Ui, "tool:select"],
+	requires: [xa, "tool:select"],
 	provides: [
 		"tool:arrange",
 		"intent:arrange",
@@ -3241,19 +3403,19 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 		"settings:arrange"
 	],
 	setup(e) {
-		let t = e.service.get(Ui);
+		let t = e.service.get(xa);
 		if (!t) throw Error("Arrange plugin requires the Solid renderer runtime.");
 		let { ownerDocument: n, ownerWindow: r } = t, i = t.createWorkspaceRuntime(), a = t.createInspectorMount(), o = t.pageTarget ?? n.body ?? n.documentElement, s = t.portalTarget, c = r;
 		e.state.register({
-			id: Bi,
+			id: va,
 			initial: { intents: [] },
 			history: !0,
 			persist: !0
 		}), e.state.register({
-			id: Vi,
+			id: ya,
 			initial: !1
 		}), e.state.register({
-			id: Hi,
+			id: ba,
 			initial: {
 				snapping: !0,
 				elementEdges: !0,
@@ -3267,16 +3429,16 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 		let l = a.element;
 		l.dataset.mesurerArrange = "true", l.style.position = "fixed", l.style.inset = "0", l.style.zIndex = "84", l.style.pointerEvents = "none";
 		let u = n.createElement("div");
-		u.dataset.mesurerArrangeSnapLine = "vertical", u.setAttribute("aria-hidden", "true"), u.style.position = "fixed", u.style.display = "none", u.style.width = "1px", u.style.backgroundColor = $i, u.style.pointerEvents = "none";
+		u.dataset.mesurerArrangeSnapLine = "vertical", u.setAttribute("aria-hidden", "true"), u.style.position = "fixed", u.style.display = "none", u.style.width = "1px", u.style.backgroundColor = ja, u.style.pointerEvents = "none";
 		let d = n.createElement("div");
-		d.dataset.mesurerArrangeSnapLine = "horizontal", d.setAttribute("aria-hidden", "true"), d.style.position = "fixed", d.style.display = "none", d.style.height = "1px", d.style.backgroundColor = $i, d.style.pointerEvents = "none";
+		d.dataset.mesurerArrangeSnapLine = "horizontal", d.setAttribute("aria-hidden", "true"), d.style.position = "fixed", d.style.display = "none", d.style.height = "1px", d.style.backgroundColor = ja, d.style.pointerEvents = "none";
 		let f = n.createElement("div");
 		f.dataset.mesurerArrangeBox = "true", f.setAttribute("role", "application"), f.setAttribute("aria-label", "Arrange selected elements"), f.style.position = "fixed", f.style.display = "none", f.style.boxSizing = "border-box", f.style.border = "1px solid #0d99ff", f.style.cursor = "grab", f.style.pointerEvents = "auto", f.style.touchAction = "none", f.style.userSelect = "none", l.append(u, d, f);
 		let p = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), h = {
 			intentId: null,
 			state: "desired"
 		}, g = null, _ = null, v = !1, y = 0, b = null, x = () => e.state.get("mesurer.arrange.intents") ?? { intents: [] }, S = () => e.state.get("mesurer.arrange.active") ?? !1, C = () => {
-			let t = e.state.get(Hi);
+			let t = e.state.get(ba);
 			return {
 				snapping: t?.snapping ?? !0,
 				elementEdges: t?.elementEdges ?? !0,
@@ -3286,21 +3448,21 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				snapLines: t?.snapLines ?? !0
 			};
 		}, w = (t) => {
-			e.state.update(Hi, (e) => ({
+			e.state.update(ba, (e) => ({
 				...e,
 				...t
 			}));
-		}, T = () => la(r), E = () => x().intents.filter((e) => e.pageUrl === T()), D = (e) => !!e.closest("[data-mesurer-island='true'], [data-mesurer-inspector-ui='true'], [data-mesurer-root='true']"), O = (e) => Yr(e, o) && !D(e), k = (e) => {
+		}, T = () => Va(r), E = () => x().intents.filter((e) => e.pageUrl === T()), D = (e) => !!e.closest("[data-mesurer-island='true'], [data-mesurer-inspector-ui='true'], [data-mesurer-root='true']"), O = (e) => Di(e, o) && !D(e), k = (e) => {
 			let t = [];
 			o instanceof c.HTMLElement && o.matches(e) && !D(o) && t.push(o);
 			for (let n of o.querySelectorAll(e)) n instanceof c.HTMLElement && O(n) && t.push(n);
 			return t;
 		}, A = (e) => {
-			let t = da(e);
-			if (!Qr(t)) return null;
+			let t = Ua(e);
+			if (!Ai(t)) return null;
 			let n = [];
 			try {
-				n = k(e.selector).filter((e) => $r(e, t));
+				n = k(e.selector).filter((e) => ji(e, t));
 			} catch {
 				return null;
 			}
@@ -3308,7 +3470,7 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			if (!t.id && !t.testId) {
 				let e = [];
 				try {
-					e = k(t.tag).filter((e) => $r(e, t));
+					e = k(t.tag).filter((e) => ji(e, t));
 				} catch {
 					return null;
 				}
@@ -3316,7 +3478,7 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			}
 			return n[0] ?? null;
 		}, j = () => {
-			for (let e of p.values()) ga(e);
+			for (let e of p.values()) Ja(e);
 			p.clear();
 		}, M = () => {
 			u.style.display = "none", d.style.display = "none";
@@ -3370,11 +3532,11 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			j();
 			for (let [t, n] of e) {
 				if (!t.isConnected || !O(t) || n.x === 0 && n.y === 0) continue;
-				let e = ma(t), i = r.getComputedStyle(t).transform, a = i && i !== "none" ? ` ${i}` : "";
+				let e = Ka(t), i = r.getComputedStyle(t).transform, a = i && i !== "none" ? ` ${i}` : "";
 				t.style.setProperty("transform", `translate3d(${n.x}px, ${n.y}px, 0)${a}`, "important"), p.set(t, {
 					element: t,
 					beforeTransform: e,
-					appliedTransform: ma(t)
+					appliedTransform: Ka(t)
 				});
 			}
 		}, I = () => F(ne()), L = (e) => {
@@ -3386,24 +3548,24 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			}
 		}, R = () => i.currentSelection().elements.filter((e) => e instanceof c.HTMLElement && e.isConnected && O(e));
 		e.state.register({
-			id: Ji,
+			id: Ea,
 			initial: R().length > 0
 		});
-		let z = () => e.state.get(Ji) ?? !1, B = () => {
+		let z = () => e.state.get(Ea) ?? !1, B = () => {
 			let t = R().length > 0;
-			t !== z() && e.state.update(Ji, () => t);
-		}, V = () => ra(R().map((e) => Jr(e))), re = (e) => {
+			t !== z() && e.state.update(Ea, () => t);
+		}, V = () => Fa(R().map((e) => Ei(e))), re = (e) => {
 			let t = C();
 			if (!t.snapping) return [];
 			let n = [], a = new Set(e), s = i.snapshot(), l = s.xrayVisible && t.preferXrayEdges && t.elementEdges, u = 0, d = (i) => {
-				if (u >= Qi || a.has(i) || e.some((e) => e.contains(i)) || !O(i)) return;
+				if (u >= Aa || a.has(i) || e.some((e) => e.contains(i)) || !O(i)) return;
 				let o = r.getComputedStyle(i);
 				if (o.display === "none" || o.visibility === "hidden" || o.visibility === "collapse") return;
 				let s = o.outlineStyle === "solid" && (Number.parseFloat(o.outlineWidth) || 0) > 0;
 				if (l && !s) return;
-				let c = Jr(i);
+				let c = Ei(i);
 				if (c.width <= 0 || c.height <= 0) return;
-				let d = Zi;
+				let d = ka;
 				if (c.left + c.width < -160 || c.top + c.height < -160 || c.left > r.innerWidth + d || c.top > r.innerHeight + d) return;
 				u += 1;
 				let f = c.left + c.width, p = c.top + c.height;
@@ -3444,7 +3606,7 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			if (t.elementEdges || t.elementCenters) {
 				o instanceof c.HTMLElement && d(o);
 				for (let e of o.querySelectorAll("*")) {
-					if (u >= Qi) break;
+					if (u >= Aa) break;
 					e instanceof c.HTMLElement && d(e);
 				}
 			}
@@ -3492,7 +3654,7 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				y = 0, ae();
 			}));
 		}, oe = async () => {
-			s.querySelector("[data-mesurer-builtin='select'] button")?.getAttribute("aria-pressed") !== "true" && await e.command.execute(Wi, void 0, { source: "arrange" });
+			s.querySelector("[data-mesurer-builtin='select'] button")?.getAttribute("aria-pressed") !== "true" && await e.command.execute(Sa, void 0, { source: "arrange" });
 		}, se = (e) => {
 			if (!S() || e.button !== 0) return;
 			let t = R();
@@ -3504,15 +3666,15 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			let n = P(E());
 			j();
 			let r = t.map((e, t) => {
-				let r = Jr(e), i = n.get(e) ?? {
+				let r = Ei(e), i = n.get(e) ?? {
 					x: 0,
 					y: 0
-				}, a = ta(r, i), o = Zr(e);
+				}, a = Na(r, i), o = ki(e);
 				return {
 					element: e,
 					target: {
 						id: `target-${t + 1}`,
-						selector: Xr(e),
+						selector: Oi(e),
 						fingerprintTag: o.tag,
 						fingerprintId: o.id,
 						fingerprintTestId: o.testId,
@@ -3534,7 +3696,7 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 						desiredOffsetY: i.y
 					}
 				};
-			}), i = ra(r.map(({ target: e }) => ({
+			}), i = Fa(r.map(({ target: e }) => ({
 				left: e.beforeLeft,
 				top: e.beforeTop,
 				width: e.beforeWidth,
@@ -3558,10 +3720,10 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			if (!g || e.pointerId !== g.pointerId) return;
 			let t = e.clientX - g.originX, n = e.clientY - g.originY, r = null;
 			e.shiftKey && (Math.abs(t) >= Math.abs(n) ? (n = 0, r = "x") : (t = 0, r = "y"));
-			let i = ta(g.groupBefore, {
+			let i = Na(g.groupBefore, {
 				x: t,
 				y: n
-			}), a = r === "y" ? null : ca("x", i, g.snapCandidates), o = r === "x" ? null : ca("y", i, g.snapCandidates);
+			}), a = r === "y" ? null : Ba("x", i, g.snapCandidates), o = r === "x" ? null : Ba("y", i, g.snapCandidates);
 			t += a?.delta ?? 0, n += o?.delta ?? 0, g.dx = t, g.dy = n;
 			let s = P(E());
 			for (let e of g.targets) s.set(e.element, {
@@ -3569,7 +3731,7 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				y: e.target.beforeOffsetY + n
 			});
 			F(s);
-			let c = ta(g.groupBefore, {
+			let c = Na(g.groupBefore, {
 				x: t,
 				y: n
 			});
@@ -3587,7 +3749,7 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				return;
 			}
 			_ = {
-				id: ua(r, "arrange"),
+				id: Ha(r, "arrange"),
 				createdAt: Date.now(),
 				pageUrl: T(),
 				targets: n.targets.map(({ target: e }) => ({
@@ -3597,13 +3759,13 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 					desiredOffsetX: e.beforeOffsetX + n.dx,
 					desiredOffsetY: e.beforeOffsetY + n.dy
 				}))
-			}, e.command.execute(Ki).catch(() => {
+			}, e.command.execute(wa).catch(() => {
 				_ = null, ie(), H();
 			});
 		}, de = (e) => {
 			!g || e.pointerId !== g.pointerId || le();
 		}, fe = (t) => {
-			t.key !== "Escape" || !S() && !g || _a(t.target) || s.querySelector("[data-mesurer-tool-menu]") || (t.preventDefault(), t.stopImmediatePropagation(), g ? le() : (e.state.update("mesurer.arrange.active", () => !1), U(), H()));
+			t.key !== "Escape" || !S() && !g || Ya(t.target) || s.querySelector("[data-mesurer-tool-menu]") || (t.preventDefault(), t.stopImmediatePropagation(), g ? le() : (e.state.update("mesurer.arrange.active", () => !1), U(), H()));
 		};
 		f.addEventListener("pointerdown", se), f.addEventListener("pointermove", ce), f.addEventListener("pointerup", ue), f.addEventListener("pointercancel", de), r.addEventListener("keydown", fe, !0), r.addEventListener("resize", W), r.addEventListener("scroll", W, !0), o.addEventListener("scroll", W, !0), b = new c.MutationObserver(() => {
 			B(), W();
@@ -3623,18 +3785,18 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			B(), W();
 		}), me = e.state.subscribe(W), he = (e) => x().intents.find((t) => t.id === e) ?? null, ge = (e, t) => {
 			let n = null;
-			if (n = t === "before" ? ra(e.targets.map((e) => ({
+			if (n = t === "before" ? Fa(e.targets.map((e) => ({
 				left: e.beforeLeft,
 				top: e.beforeTop,
 				width: e.beforeWidth,
 				height: e.beforeHeight
-			}))) : t === "desired" ? ra(e.targets.map((e) => ({
+			}))) : t === "desired" ? Fa(e.targets.map((e) => ({
 				left: e.desiredLeft,
 				top: e.desiredTop,
 				width: e.desiredWidth,
 				height: e.desiredHeight
-			}))) : L(() => ra(e.targets.map((e) => A(e)).filter((e) => e !== null).map((e) => Jr(e)))), !n) throw Error(`Arrange intent has no resolvable capture region: ${e.id}`);
-			let i = Math.max(0, n.left - Xi), a = Math.max(0, n.top - Xi), o = Math.min(r.innerWidth, n.left + n.width + Xi), s = Math.min(r.innerHeight, n.top + n.height + Xi);
+			}))) : L(() => Fa(e.targets.map((e) => A(e)).filter((e) => e !== null).map((e) => Ei(e)))), !n) throw Error(`Arrange intent has no resolvable capture region: ${e.id}`);
+			let i = Math.max(0, n.left - Oa), a = Math.max(0, n.top - Oa), o = Math.min(r.innerWidth, n.left + n.width + Oa), s = Math.min(r.innerHeight, n.top + n.height + Oa);
 			return {
 				left: i,
 				top: a,
@@ -3643,10 +3805,10 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			};
 		}, _e = {
 			active: S,
-			intents: () => x().intents.map(pa),
+			intents: () => x().intents.map(Ga),
 			intent(e) {
 				let t = he(e);
-				return t ? pa(t) : null;
+				return t ? Ga(t) : null;
 			},
 			show(e, t) {
 				if (!he(e)) throw Error(`Arrange intent not found: ${e}`);
@@ -3679,7 +3841,7 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 					}]
 				};
 			},
-			review: (e, t = Yi) => {
+			review: (e, t = Da) => {
 				let n = he(e);
 				if (!n) throw Error(`Arrange intent not found: ${e}`);
 				let r = L(() => n.targets.map((e) => {
@@ -3697,7 +3859,7 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 						delta: null,
 						matched: !1
 					};
-					let i = Jr(n), a = na(i, r), o = Math.abs(a.left) <= t && Math.abs(a.top) <= t && Math.abs(a.width) <= t && Math.abs(a.height) <= t;
+					let i = Ei(n), a = Pa(i, r), o = Math.abs(a.left) <= t && Math.abs(a.top) <= t && Math.abs(a.width) <= t && Math.abs(a.height) <= t;
 					return {
 						targetId: e.id,
 						selector: e.selector,
@@ -3717,7 +3879,7 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				};
 			},
 			clear: async () => {
-				await e.command.execute(qi);
+				await e.command.execute(Ta);
 			}
 		};
 		e.tool.register({
@@ -3725,8 +3887,8 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			label: "Arrange",
 			shortcut: "Shift+A",
 			order: 65,
-			command: Gi,
-			icon: ea,
+			command: Ca,
+			icon: Ma,
 			active: S,
 			menu: {
 				label: "Arrange options",
@@ -3833,28 +3995,28 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 					disabled: () => !C().snapping
 				}
 			]
-		}), e.command.register(Gi, async () => {
+		}), e.command.register(Ca, async () => {
 			let t = !S();
 			if (t && await oe(), e.state.update("mesurer.arrange.active", () => t), !t) {
 				g && le(), U(), H();
 				return;
 			}
 			ie(), H();
-		}), e.command.register(Ki, () => {
+		}), e.command.register(wa, () => {
 			let t = _;
 			_ = null, t && (e.state.update("mesurer.arrange.intents", (e) => ({ intents: [...e.intents, t].slice(-100) })), ie(), H());
-		}), e.command.register(qi, () => {
-			e.state.update(Bi, () => ({ intents: [] })), h = {
+		}), e.command.register(Ta, () => {
+			e.state.update(va, () => ({ intents: [] })), h = {
 				intentId: null,
 				state: "desired"
 			}, j(), M(), S() ? N() : te(), H();
-		}), e.service.provide(zi, _e), I(), H(), e.lifecycle.onDispose(() => {
+		}), e.service.provide(_a, _e), I(), H(), e.lifecycle.onDispose(() => {
 			v = !0, y && r.cancelAnimationFrame(y), b?.disconnect(), b = null, f.removeEventListener("pointerdown", se), f.removeEventListener("pointermove", ce), f.removeEventListener("pointerup", ue), f.removeEventListener("pointercancel", de), r.removeEventListener("keydown", fe, !0), r.removeEventListener("resize", W), r.removeEventListener("scroll", W, !0), o.removeEventListener("scroll", W, !0), pe(), me.dispose(), j(), M(), te(), i.dispose(), a.dispose();
 		});
 	}
-}), ya = (e, t, n) => {
+}), Za = (e, t, n) => {
 	let r = !1, i = 0, a = null, o = null, s = () => ({
-		visible: (e.state.get("mesurer.arrange.active") ?? !1) || Li(e).keepArrangeChanges,
+		visible: (e.state.get("mesurer.arrange.active") ?? !1) || ha(e).keepArrangeChanges,
 		intents: e.state.get("mesurer.arrange.intents")?.intents ?? []
 	}), c = (e, t) => e?.visible === t.visible && e.intents === t.intents, l = (e) => {
 		if (a = e, e.visible) {
@@ -3875,23 +4037,23 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 	l(s()), e.lifecycle.onDispose(() => {
 		r = !0, i && n.cancelAnimationFrame(i), i = 0, o = null, d.dispose();
 	});
-}, ba = [
+}, Qa = [
 	"[data-mesurer-measurement='true']",
 	"[data-mesurer-selected-measurement='true']",
 	"[data-mesurer-inspector-ui='true']"
-].join(""), xa = "[data-mesurer-text-edit-runtime='true']", Sa = "[data-mesurer-text-editor='true']", Ca = (e, t) => {
+].join(""), $a = "[data-mesurer-text-edit-runtime='true']", eo = "[data-mesurer-text-editor='true']", to = (e, t) => {
 	let n = t.ownerDocument.body;
 	if (!n) return;
-	let r = t.ownerWindow, i = /* @__PURE__ */ new Map(), a = e.state.get("mesurer.arrange.active") ?? !1, o = null, s = null, c = (e) => e.matches(ba) && e.getRootNode() === t.ownerDocument && e.parentElement === n, l = () => {
+	let r = t.ownerWindow, i = /* @__PURE__ */ new Map(), a = e.state.get("mesurer.arrange.active") ?? !1, o = null, s = null, c = (e) => e.matches(Qa) && e.getRootNode() === t.ownerDocument && e.parentElement === n, l = () => {
 		for (let [e, t] of i) e.isConnected && (t.value || t.priority ? e.style.setProperty("visibility", t.value, t.priority) : e.style.removeProperty("visibility"));
 		i.clear();
-	}, u = () => !!o?.querySelector(Sa), d = (e) => {
+	}, u = () => !!o?.querySelector(eo), d = (e) => {
 		!a || u() || !c(e) || (i.has(e) || i.set(e, {
 			value: e.style.getPropertyValue("visibility"),
 			priority: e.style.getPropertyPriority("visibility")
 		}), (e.style.getPropertyValue("visibility") !== "hidden" || e.style.getPropertyPriority("visibility") !== "important") && e.style.setProperty("visibility", "hidden", "important"));
 	}, f = () => {
-		if (!(!a || u())) for (let e of n.querySelectorAll(ba)) e instanceof r.HTMLElement && d(e);
+		if (!(!a || u())) for (let e of n.querySelectorAll(Qa)) e instanceof r.HTMLElement && d(e);
 	}, p = () => {
 		!a || u() ? l() : f();
 	}, m = (e) => {
@@ -3906,14 +4068,14 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			}), p();
 		}
 	}, h = () => {
-		let e = n.querySelectorAll(xa);
+		let e = n.querySelectorAll($a);
 		return e.item(e.length - 1);
 	};
 	m(h());
 	let g = new r.MutationObserver((e) => {
 		let t = !1;
 		for (let n of e) {
-			for (let e of n.addedNodes) e instanceof r.HTMLElement && (e.matches(xa) && (t = !0), d(e));
+			for (let e of n.addedNodes) e instanceof r.HTMLElement && (e.matches($a) && (t = !0), d(e));
 			for (let e of n.removedNodes) e === o && (t = !0);
 		}
 		t && m(h());
@@ -3926,20 +4088,20 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 	p(), e.lifecycle.onDispose(() => {
 		g.disconnect(), s?.disconnect(), s = null, _.dispose(), l();
 	});
-}, wa = () => {
-	let e = va();
+}, no = () => {
+	let e = Xa();
 	return {
 		...e,
 		async setup(t) {
 			await e.setup(t);
-			let n = t.service.get(zi);
+			let n = t.service.get(_a);
 			if (!n) throw Error("Arrange presentation policy requires the Arrange service.");
 			let r = t.service.get("runtime:solid");
 			if (!r) throw Error("Arrange presentation policy requires the Solid renderer runtime.");
-			ya(t, n, r.ownerWindow), Ca(t, r);
+			Za(t, n, r.ownerWindow), to(t, r);
 		}
 	};
-}, Ta = (e, t, n, r) => ar({
+}, ro = (e, t, n, r) => ar({
 	id: `mesurer.${e}`,
 	version: "0.1.0",
 	provides: [`tool:${e}`],
@@ -3953,7 +4115,7 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			command: `builtin.${e}`
 		});
 	}
-}), Ea = () => Ta("select", "Select", "S", 10), Da = () => Ta("xray", "X-ray", "X", 20), Oa = () => Ta("color-picker", "Color picker", "P", 30), ka = () => Ta("rulers", "Rulers", "R", 40), Aa = () => Ta("text-inspector", "Typography", "A", 50), ja = () => Ta("guides", "Guides", "G", 60), Ma = () => Ta("settings", "Settings", "⌘/Ctrl+,", 90), Na = () => ar({
+}), io = () => ro("select", "Select", "S", 10), ao = () => ro("xray", "X-ray", "X", 20), oo = () => ro("color-picker", "Color picker", "P", 30), so = () => ro("rulers", "Rulers", "R", 40), co = () => ro("text-inspector", "Typography", "A", 50), lo = () => ro("guides", "Guides", "G", 60), uo = () => ro("settings", "Settings", "⌘/Ctrl+,", 90), fo = () => ar({
 	id: "mesurer.distance",
 	version: "0.1.0",
 	provides: ["overlay:distance", "settings:selection-spacing"],
@@ -3969,21 +4131,21 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			order: 30
 		});
 	}
-}), Pa = () => [
-	Ea(),
-	Da(),
-	Oa(),
-	ka(),
-	Aa(),
-	ja(),
-	Na(),
-	Ma()
+}), po = () => [
+	io(),
+	ao(),
+	oo(),
+	so(),
+	co(),
+	lo(),
+	fo(),
+	uo()
 ];
-function Fa(e = [], t = []) {
+function mo(e = [], t = []) {
 	let n = new Set(t.map((e) => `mesurer.${e}`));
-	return [...Pa().filter((e) => !n.has(e.id)), ...e];
+	return [...po().filter((e) => !n.has(e.id)), ...e];
 }
-var Ia = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), La = (e, t, n = 0) => !(e.left + e.width + n <= t.left || t.left + t.width + n <= e.left || e.top + e.height + n <= t.top || t.top + t.height + n <= e.top), Ra = (e, t, n, r, i) => {
+var ho = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), go = (e, t, n = 0) => !(e.left + e.width + n <= t.left || t.left + t.width + n <= e.left || e.top + e.height + n <= t.top || t.top + t.height + n <= e.top), _o = (e, t, n, r, i) => {
 	let a = e.left + e.width, o = e.top + e.height, s = [
 		{
 			axis: "vertical",
@@ -4031,7 +4193,7 @@ var Ia = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), La = (e, t, n =
 		}
 	];
 	return i ? s.sort((e, t) => t.space - e.space) : s;
-}, za = (e, t, n) => {
+}, vo = (e, t, n) => {
 	let r = [];
 	for (let i = 0; i <= n; i += 1) {
 		let n = i * t;
@@ -4057,14 +4219,14 @@ var Ia = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), La = (e, t, n =
 	}
 	return r;
 };
-function Ba(e, t, n = {}) {
+function yo(e, t, n = {}) {
 	let r = n.markerSize ?? 24, i = n.markerGap ?? 4, a = n.targetGap ?? 6, o = n.targetClearance ?? 2, s = n.viewportPadding ?? 4, c = n.obstacles ?? [], l = Math.max(0, n.maxShiftRings ?? 2), u = n.viewportAware ?? !1, d = r + i, f = Math.max(s, t.width - r - s), p = Math.max(s, t.height - r - s), m = [], h = e.map((e) => e.rect), g = [];
 	for (let n of e) {
-		let e = /* @__PURE__ */ new Set(), _ = [], v = Ra(n.rect, t, r, a, u);
-		for (let t of za(v, d, l)) {
+		let e = /* @__PURE__ */ new Set(), _ = [], v = _o(n.rect, t, r, a, u);
+		for (let t of vo(v, d, l)) {
 			let n = u ? {
-				left: Ia(t.left, s, f),
-				top: Ia(t.top, s, p)
+				left: ho(t.left, s, f),
+				top: ho(t.top, s, p)
 			} : t, r = `${n.left}:${n.top}`;
 			e.has(r) || (e.add(r), _.push(n));
 		}
@@ -4074,21 +4236,21 @@ function Ba(e, t, n = {}) {
 				width: r,
 				height: r
 			};
-			return h.every((e) => !La(t, e, o)) && c.every((e) => !La(t, e, i));
+			return h.every((e) => !go(t, e, o)) && c.every((e) => !go(t, e, i));
 		}), b = y.find((e) => {
 			let t = {
 				...e,
 				width: r,
 				height: r
 			};
-			return m.every((e) => !La(t, e, i));
+			return m.every((e) => !go(t, e, i));
 		}) ?? y.find((e) => {
 			let t = {
 				...e,
 				width: r,
 				height: r
 			};
-			return m.every((e) => !La(t, e));
+			return m.every((e) => !go(t, e));
 		}) ?? y[0] ?? _[0] ?? {
 			left: s,
 			top: s
@@ -4104,20 +4266,20 @@ function Ba(e, t, n = {}) {
 	}
 	return g;
 }
-var Va = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), Ha = 0, Ua = (e) => e.split(",").map((e) => e.trim()).filter((e) => e.length > 0 && e !== "none"), Wa = (e) => {
+var bo = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), xo = 0, So = (e) => e.split(",").map((e) => e.trim()).filter((e) => e.length > 0 && e !== "none"), Co = (e) => {
 	let t = e.ownerDocument.defaultView?.HTMLElement;
 	return !!(t && e instanceof t);
-}, Ga = (e, t) => {
-	let n = e.style.getPropertyValue("anchor-name"), r = e.style.getPropertyPriority("anchor-name"), i = Ua(n);
+}, wo = (e, t) => {
+	let n = e.style.getPropertyValue("anchor-name"), r = e.style.getPropertyPriority("anchor-name"), i = So(n);
 	i.includes(t) || e.style.setProperty("anchor-name", [...i, t].join(", "), r);
 	let a = !1;
 	return () => {
 		if (a) return;
 		a = !0;
-		let i = Ua(e.style.getPropertyValue("anchor-name")).filter((e) => e !== t);
+		let i = So(e.style.getPropertyValue("anchor-name")).filter((e) => e !== t);
 		i.length ? e.style.setProperty("anchor-name", i.join(", "), e.style.getPropertyPriority("anchor-name")) : n.trim() === "none" ? e.style.setProperty("anchor-name", n, r) : e.style.removeProperty("anchor-name");
 	};
-}, Ka = (e) => {
+}, To = (e) => {
 	if (!e.length) return null;
 	let t = Math.min(...e.map((e) => e.left)), n = Math.min(...e.map((e) => e.top)), r = Math.max(...e.map((e) => e.left + e.width)), i = Math.max(...e.map((e) => e.top + e.height));
 	return {
@@ -4126,14 +4288,14 @@ var Va = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), Ha = 0, Ua = (e)
 		width: r - t,
 		height: i - n
 	};
-}, qa = (e, t, n, r, i = 8) => {
+}, Eo = (e, t, n, r, i = 8) => {
 	let a = r.innerWidth - t - 8, o = r.innerHeight - n - 8, s = e.left + e.width + i, c = e.left - t - i;
 	return {
-		left: s + t <= r.innerWidth - 8 ? s : c >= 8 ? c : Va(e.left + e.width - t, 8, a),
-		top: Va(e.top, 8, o)
+		left: s + t <= r.innerWidth - 8 ? s : c >= 8 ? c : bo(e.left + e.width - t, 8, a),
+		top: bo(e.top, 8, o)
 	};
-}, Ja = (e, t, n, r, i = 8) => {
-	let a = r.innerWidth - t - 8, o = Va(e.left + e.width / 2 - t / 2, 8, a), s = e.top + e.height + i;
+}, Do = (e, t, n, r, i = 8) => {
+	let a = r.innerWidth - t - 8, o = bo(e.left + e.width / 2 - t / 2, 8, a), s = e.top + e.height + i;
 	if (s + n <= r.innerHeight - 8) return {
 		left: o,
 		top: s
@@ -4142,10 +4304,10 @@ var Va = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), Ha = 0, Ua = (e)
 	return c >= 8 ? {
 		left: o,
 		top: c
-	} : qa(e, t, n, r, i);
+	} : Eo(e, t, n, r, i);
 };
-function Ya(e) {
-	let [t, n] = K(0), [r, i] = K(0), [a, o] = K(null), [s, c] = K(null), [l, u] = K(null), [d, f] = K({}), [p, m] = K(null), [h, g] = K(!1), [_, v] = K(""), [y, b] = K(null), [x, S] = K(!1), [C, w] = K(null), [T, E] = K(null), D = `--mesurer-annotation-trigger-${++Ha}`, O = null, k = e.initialTriggerFallback === "current-and-next", A = null, j = null, M = null, ee, N, te = null, P = null, ne = null, F = null, I = null, L = null, R = /* @__PURE__ */ new Map(), z = () => ee?.ownerDocument.defaultView ?? window, B = () => e.coordinateSpace === "viewport", V = (e) => e ? "native-anchor" : B() ? "cached-delta" : "document", re = (e) => {
+function Oo(e) {
+	let [t, n] = K(0), [r, i] = K(0), [a, o] = K(null), [s, c] = K(null), [l, u] = K(null), [d, f] = K({}), [p, m] = K(null), [h, g] = K(!1), [_, v] = K(""), [y, b] = K(null), [x, S] = K(!1), [C, w] = K(null), [T, E] = K(null), D = `--mesurer-annotation-trigger-${++xo}`, O = null, k = e.initialTriggerFallback === "current-and-next", A = null, j = null, M = null, ee, N, te = null, P = null, ne = null, F = null, I = null, L = null, R = /* @__PURE__ */ new Map(), z = () => ee?.ownerDocument.defaultView ?? window, B = () => e.coordinateSpace === "viewport", V = (e) => e ? "native-anchor" : B() ? "cached-delta" : "document", re = (e) => {
 		if (B()) return e;
 		let t = z();
 		return {
@@ -4180,7 +4342,7 @@ function Ya(e) {
 	}, ue = (t) => {
 		let n = e.runtime.annotation(t);
 		return !n || n.anchor.kind !== "elements" ? null : n.resolvedTargets.find(({ element: e }) => e?.isConnected)?.element ?? null;
-	}, de = (e) => !!(Wa(e) && B() && ee && ae() && e.getRootNode() === ee.getRootNode()), fe = (e) => {
+	}, de = (e) => !!(Co(e) && B() && ee && ae() && e.getRootNode() === ee.getRootNode()), fe = (e) => {
 		let t = ue(e), n = R.get(e);
 		if (!t) {
 			n && (le(e), i((e) => e + 1));
@@ -4194,19 +4356,19 @@ function Ya(e) {
 		le(e);
 		let a = t.ownerDocument.defaultView;
 		if (a) {
-			if (r && Wa(t)) {
-				let n = `--mesurer-annotation-${++Ha}`;
+			if (r && Co(t)) {
+				let n = `--mesurer-annotation-${++xo}`;
 				R.set(e, {
 					target: t,
 					anchorName: n,
-					releaseAnchor: Ga(t, n),
-					scroll: Cr(a, t, () => ce(e), { trackWindow: !1 })
+					releaseAnchor: wo(t, n),
+					scroll: ti(a, t, () => ce(e), { trackWindow: !1 })
 				});
 			} else R.set(e, {
 				target: t,
 				anchorName: null,
 				releaseAnchor: null,
-				scroll: Cr(a, t, () => ce(e), { trackWindow: B() })
+				scroll: ti(a, t, () => ce(e), { trackWindow: B() })
 			});
 			i((e) => e + 1);
 		}
@@ -4225,7 +4387,7 @@ function Ya(e) {
 	e.initialTriggerFallback && (O = W());
 	let ge = () => {
 		F?.release(), F = null, ne?.(), ne = null, te = null, P = null;
-	}, _e = (e) => !!(Wa(e) && B() && ee && e !== O && ae() && e.getRootNode() === ee.getRootNode()), ve = () => {
+	}, _e = (e) => !!(Co(e) && B() && ee && e !== O && ae() && e.getRootNode() === ee.getRootNode()), ve = () => {
 		let e = W();
 		O && e !== O && (O = null);
 		let t = te, n = !!(e?.isConnected && _e(e)), r = P === e;
@@ -4233,16 +4395,16 @@ function Ya(e) {
 			F?.sync();
 			return;
 		}
-		let i = e === t ? D : `--mesurer-annotation-trigger-${++Ha}`;
+		let i = e === t ? D : `--mesurer-annotation-trigger-${++xo}`;
 		if (ge(), !e?.isConnected) return;
 		te = e;
 		let a = e.ownerDocument.defaultView;
 		if (a) {
-			if (n && Wa(e)) {
-				ne = Ga(e, i), P = e, D = i, F = Cr(a, e, se, { trackWindow: !1 });
+			if (n && Co(e)) {
+				ne = wo(e, i), P = e, D = i, F = ti(a, e, se, { trackWindow: !1 });
 				return;
 			}
-			D = i, F = Cr(a, e, se, { trackWindow: B() });
+			D = i, F = ti(a, e, se, { trackWindow: B() });
 		}
 	}, ye = (e) => {
 		if (I?.disconnect(), I = null, !e?.isConnected) return;
@@ -4308,7 +4470,7 @@ function Ya(e) {
 			};
 		});
 		return e.region && t.push({ ...e.region }), t;
-	}), Ne = Gt(() => Ka(Me())), Pe = () => {
+	}), Ne = Gt(() => To(Me())), Pe = () => {
 		let e = we().elements.length;
 		return e > 1 ? `${e} selected elements` : e === 1 ? "Selected element" : "Selected region";
 	}, Fe = (e) => e.anchor.kind === "elements" ? `${e.anchor.targets.length} selected ${e.anchor.targets.length === 1 ? "element" : "elements"}` : "Selected region", Ie = Gt(() => {
@@ -4330,7 +4492,7 @@ function Ya(e) {
 			top: e.top,
 			width: 24,
 			height: 24
-		})), [a] = Ba([{
+		})), [a] = yo([{
 			id: "selection-note-trigger",
 			rect: n
 		}], {
@@ -4339,7 +4501,7 @@ function Ya(e) {
 		}, {
 			obstacles: i,
 			maxShiftRings: 1
-		}), o = a?.left ?? Va(n.left + n.width + 6, 4, r.innerWidth - 24 - 4), s = a?.top ?? Va(n.top, 4, r.innerHeight - 24 - 4), c = P === e, l = B() && !c;
+		}), o = a?.left ?? bo(n.left + n.width + 6, 4, r.innerWidth - 24 - 4), s = a?.top ?? bo(n.top, 4, r.innerHeight - 24 - 4), c = P === e, l = B() && !c;
 		return {
 			left: c || l ? o : o + r.scrollX,
 			top: c || l ? s : s + r.scrollY,
@@ -4357,7 +4519,7 @@ function Ya(e) {
 				rect: n
 			}] : [];
 		});
-		return new Map(Ba(i, {
+		return new Map(yo(i, {
 			width: n.innerWidth,
 			height: n.innerHeight
 		}, { obstacles: Me() }).map((e) => [e.id, e]));
@@ -4381,7 +4543,7 @@ function Ya(e) {
 		return n && e ? {
 			left: e.left + n.left,
 			top: e.top + n.top
-		} : e ? Ja(e, 272, 168, t) : {
+		} : e ? Do(e, 272, 168, t) : {
 			left: 8,
 			top: 8
 		};
@@ -4402,7 +4564,7 @@ function Ya(e) {
 		};
 	}, Ue = (e, t) => {
 		let n = z(), r = Re(), i = r.get(e);
-		if (!i) return qa(t, 272, 176, n);
+		if (!i) return Eo(t, 272, 176, n);
 		let a = n.innerWidth - 272 - 8, o = n.innerHeight - 176 - 8, s = [...r.values()].map((e) => ({
 			left: e.left,
 			top: e.top,
@@ -4428,8 +4590,8 @@ function Ya(e) {
 			}
 		]) {
 			let t = {
-				left: Va(e.left, 8, a),
-				top: Va(e.top, 8, o)
+				left: bo(e.left, 8, a),
+				top: bo(e.top, 8, o)
 			}, n = `${t.left}:${t.top}`;
 			l.has(n) || (l.add(n), u.push(t));
 		}
@@ -4445,7 +4607,7 @@ function Ya(e) {
 				targetOverlap: c(r, t),
 				index: n
 			};
-		}).sort((e, t) => e.markerOverlap - t.markerOverlap || e.targetOverlap - t.targetOverlap || e.index - t.index)[0]?.candidate ?? qa(t, 272, 176, n);
+		}).sort((e, t) => e.markerOverlap - t.markerOverlap || e.targetOverlap - t.targetOverlap || e.index - t.index)[0]?.candidate ?? Eo(t, 272, 176, n);
 	}, We = (t) => {
 		let n = e.runtime.annotationRect(t);
 		if (!n) return {
@@ -4493,8 +4655,8 @@ function Ya(e) {
 		let u = (t) => {
 			if (!j || t.pointerId !== j.pointerId) return;
 			let r = j, i = Math.max(8, s.innerWidth - r.width - 8), a = Math.max(8, s.innerHeight - r.height - 8), o = {
-				left: Va(r.originLeft + t.clientX - r.startX, 8, i),
-				top: Va(r.originTop + t.clientY - r.startY, 8, a)
+				left: bo(r.originLeft + t.clientX - r.startX, 8, i),
+				top: bo(r.originTop + t.clientY - r.startY, 8, a)
 			};
 			if (n === "composer") {
 				let e = Ne();
@@ -4539,7 +4701,7 @@ function Ya(e) {
 		k = !1, A = H(), v(""), b(null), w(null), o(null);
 		let e = Ne();
 		if (e) {
-			let t = Ja(e, 272, 168, z());
+			let t = Do(e, 272, 168, z());
 			m({
 				left: t.left - e.left,
 				top: t.top - e.top
@@ -4603,7 +4765,7 @@ function Ya(e) {
 							});
 							return nr(() => (e) => {
 								N = e, F?.sync();
-							}, t), Z(t, J(Vr, { size: 14 })), q(() => ({
+							}, t), Z(t, J(yi, { size: 14 })), q(() => ({
 								e: B() ? "viewport" : "document",
 								t: V(e().nativeAnchor),
 								a: {
@@ -4668,10 +4830,10 @@ function Ya(e) {
 							class: "msr:h-7 msr:rounded-[7px] msr:border-0 msr:bg-[#0d99ff] msr:px-2.5 msr:text-[11px] msr:font-medium msr:text-white msr:hover:bg-[#0b8eea]",
 							onClick: et
 						});
-						return X(t, n), X(t, s), X(t, c), X(n, r), X(n, o), Z(n, J(Vr, {
+						return X(t, n), X(t, s), X(t, c), X(n, r), X(n, o), Z(n, J(yi, {
 							size: 14,
 							class: "msr:text-ink-700"
-						}), r), X(r, i), X(r, a), X(i, Qn("Add note")), Z(a, Pe), Z(o, J(Ur, { size: 14 })), Z(t, J(Xt, {
+						}), r), X(r, i), X(r, a), X(i, Qn("Add note")), Z(a, Pe), Z(o, J(xi, { size: 14 })), Z(t, J(Xt, {
 							get when() {
 								return y();
 							},
@@ -4871,7 +5033,7 @@ function Ya(e) {
 						o(null), w(null);
 					}
 				}), y = Y("div", { class: "msr:mx-1 msr:mt-1 msr:max-h-36 msr:overflow-auto msr:whitespace-pre-wrap msr:rounded-[7px] msr:bg-ink-50 msr:px-2 msr:py-2 msr:text-[12px] msr:leading-[1.45] msr:text-ink-800" });
-				return X(i, a), X(i, y), X(a, s), X(a, l), X(a, h), Z(s, r), X(l, d), X(l, m), X(d, p), Z(d, r, null), Z(m, () => Fe(t())), X(h, g), X(h, _), X(h, v), Z(g, J(Br, { size: 14 })), Z(_, J(Hr, { size: 14 })), Z(v, J(Ur, { size: 14 })), Z(y, () => t().note), Z(i, J(Xt, {
+				return X(i, a), X(i, y), X(a, s), X(a, l), X(a, h), Z(s, r), X(l, d), X(l, m), X(d, p), Z(d, r, null), Z(m, () => Fe(t())), X(h, g), X(h, _), X(h, v), Z(g, J(vi, { size: 14 })), Z(_, J(bi, { size: 14 })), Z(v, J(xi, { size: 14 })), Z(y, () => t().note), Z(i, J(Xt, {
 					get when() {
 						return C();
 					},
@@ -4903,11 +5065,11 @@ function Ya(e) {
 		})
 	];
 }
-function Xa(e) {
+function ko(e) {
 	let t = null;
-	return St(ti(e.ownerWindow, () => {
+	return St(Ni(e.ownerWindow, () => {
 		t?.abandonNoteComposer();
-	})), J(Ya, {
+	})), J(Oo, {
 		get runtime() {
 			return e.runtime;
 		},
@@ -4925,11 +5087,11 @@ function Xa(e) {
 		}
 	});
 }
-var Za = "2147482950", Qa = "2147483646", $a = "2147483647";
-function eo(e) {
+var Ao = "2147482950", jo = "2147483646", Mo = "2147483647";
+function No(e) {
 	let { ownerDocument: t, ownerWindow: n, pageTarget: r } = e, i = t.body;
 	if (!(i && !(r instanceof n.ShadowRoot) && r.getRootNode() === t)) return e.createInspectorMount();
-	ai(Fi, i);
+	Li(pa, i);
 	let a = t.createElement("div");
 	a.dataset.mesurerInspectorUi = "true", a.dataset.mesurerDocumentInspectorMount = "true", a.dataset.theme = e.theme?.() ?? "system";
 	let o = e.subscribeTheme?.((e) => {
@@ -4947,17 +5109,17 @@ function eo(e) {
 	s.dataset.mesurerDocumentInspectorLayerStyle = "true", s.textContent = `
 [data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-target-highlight="true"] {
   position: absolute !important;
-  z-index: ${Za} !important;
+  z-index: ${Ao} !important;
 }
 [data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-panel="true"] {
   position: absolute !important;
-  z-index: ${Qa} !important;
+  z-index: ${jo} !important;
 }
 [data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-marker="true"],
 [data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-trigger="true"],
 [data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-composer="true"] {
   position: absolute !important;
-  z-index: ${$a} !important;
+  z-index: ${Mo} !important;
 }
 `, t.head.append(s), i.append(a);
 	let c = !1;
@@ -4968,8 +5130,8 @@ function eo(e) {
 		}
 	};
 }
-var to = (e) => `color-mix(in srgb, ${e.color} ${e.opacity * 100}%, transparent)`, no = (e) => e === "max" ? "end" : e === "center" ? "center" : "start", ro = (e) => {
-	let t = e.kind === "columns", n = e.align === "stretch", r = n ? `repeat(${e.count}, minmax(0, 1fr))` : `repeat(${e.count}, ${e.size}px)`, i = no(e.align);
+var Po = (e) => `color-mix(in srgb, ${e.color} ${e.opacity * 100}%, transparent)`, Fo = (e) => e === "max" ? "end" : e === "center" ? "center" : "start", Io = (e) => {
+	let t = e.kind === "columns", n = e.align === "stretch", r = n ? `repeat(${e.count}, minmax(0, 1fr))` : `repeat(${e.count}, ${e.size}px)`, i = Fo(e.align);
 	return {
 		position: "absolute",
 		inset: "0",
@@ -4990,7 +5152,7 @@ var to = (e) => `color-mix(in srgb, ${e.color} ${e.opacity * 100}%, transparent)
 		transform: e.align === "center" ? t ? `translateX(${e.offset}px)` : `translateY(${e.offset}px)` : void 0
 	};
 };
-function io(e) {
+function Lo(e) {
 	let t = () => e.guides.filter((e) => e.visible);
 	return J(Xt, {
 		get when() {
@@ -5025,7 +5187,7 @@ function io(e) {
 									"min-height": "0",
 									width: "100%",
 									height: "100%",
-									"background-color": to(e)
+									"background-color": Po(e)
 								}), (e, n) => {
 									Q(t, "style", e, n);
 								}), t;
@@ -5033,7 +5195,7 @@ function io(e) {
 						})), q(() => ({
 							e: e.id,
 							t: e.kind,
-							a: ro(e)
+							a: Io(e)
 						}), ({ e, t: n, a: r }, i) => {
 							e !== i?.e && Q(t, "data-mesurer-layout-guide", e, i?.e), n !== i?.t && Q(t, "data-mesurer-layout-guide-kind", n, i?.t), r !== i?.a && Q(t, "style", r, i?.a);
 						}), t;
@@ -5046,7 +5208,7 @@ function io(e) {
 						return q(() => ({
 							e: e.id,
 							t: {
-								"background-image": `linear-gradient(to right, ${to(e)} 1px, transparent 1px), linear-gradient(to bottom, ${to(e)} 1px, transparent 1px)`,
+								"background-image": `linear-gradient(to right, ${Po(e)} 1px, transparent 1px), linear-gradient(to bottom, ${Po(e)} 1px, transparent 1px)`,
 								"background-size": `${e.size}px ${e.size}px`
 							}
 						}), ({ e, t: n }, r) => {
@@ -5058,34 +5220,34 @@ function io(e) {
 		}
 	});
 }
-var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
+var Ro = "#FF0000", zo = .1, Bo = /* @__PURE__ */ new Set([
 	"columns",
 	"rows",
 	"grid"
-]), co = /* @__PURE__ */ new Set([
+]), Vo = /* @__PURE__ */ new Set([
 	"stretch",
 	"min",
 	"center",
 	"max"
-]), lo = (e, t, n) => Math.min(n, Math.max(t, e)), uo = (e, t) => e !== void 0 && Number.isFinite(e) ? e : t, fo = (e = {}) => {
-	let t = e.kind && so.has(e.kind) ? e.kind : "columns", n = e.align && co.has(e.align) ? e.align : t === "grid" ? "min" : "stretch", r = e.id?.trim(), i = e.color?.trim();
+]), Ho = (e, t, n) => Math.min(n, Math.max(t, e)), Uo = (e, t) => e !== void 0 && Number.isFinite(e) ? e : t, Wo = (e = {}) => {
+	let t = e.kind && Bo.has(e.kind) ? e.kind : "columns", n = e.align && Vo.has(e.align) ? e.align : t === "grid" ? "min" : "stretch", r = e.id?.trim(), i = e.color?.trim();
 	return {
-		id: r || fr(),
+		id: r || Wr(),
 		kind: t,
 		visible: e.visible ?? !0,
 		color: i || "#FF0000",
-		opacity: lo(uo(e.opacity, oo), 0, 1),
-		count: lo(Math.round(uo(e.count, 5)), 1, 24),
-		size: lo(uo(e.size, 72), 1, 4096),
-		gutter: lo(uo(e.gutter, 20), 0, 800),
-		offset: lo(uo(e.offset, 0), 0, 4096),
+		opacity: Ho(Uo(e.opacity, zo), 0, 1),
+		count: Ho(Math.round(Uo(e.count, 5)), 1, 24),
+		size: Ho(Uo(e.size, 72), 1, 4096),
+		gutter: Ho(Uo(e.gutter, 20), 0, 800),
+		offset: Ho(Uo(e.offset, 0), 0, 4096),
 		align: n
 	};
-}, po = (e) => (e ?? []).map(fo), mo = (e) => {
+}, Go = (e) => (e ?? []).map(Wo), Ko = (e) => {
 	if (e.kind === "grid") return `Grid ${Math.round(e.size)}px`;
 	let t = e.kind === "columns" ? "columns" : "rows";
 	return e.align === "stretch" ? `${e.count} ${t}` : `${e.count} ${t} (${Math.round(e.size)}px)`;
-}, ho = (e) => (() => {
+}, qo = (e) => (() => {
 	var t = Y("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
@@ -5104,22 +5266,22 @@ var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
 	}), ({ e, t: n }, r) => {
 		e !== r?.e && Q(t, "width", e, r?.e), n !== r?.t && Q(t, "height", n, r?.t);
 	}), t;
-})(), go = (e) => e.kind === "rows" ? J(Ir, { size: 14 }) : e.kind === "grid" ? J(Pr, { size: 14 }) : J(Fr, { size: 14 }), _o = "msr:grid-cols-[78px_minmax(0,1fr)]", vo = (e) => (() => {
+})(), Jo = (e) => e.kind === "rows" ? J(mi, { size: 14 }) : e.kind === "grid" ? J(fi, { size: 14 }) : J(pi, { size: 14 }), Yo = "msr:grid-cols-[78px_minmax(0,1fr)]", Xo = (e) => (() => {
 	var t = Y("label", { class: "msr:col-span-2 msr:grid msr:h-8 msr:w-full msr:grid-cols-[78px_minmax(0,1fr)] msr:items-center msr:gap-0 msr:text-[12px] msr:text-ink-700" }), n = Y("span");
 	return X(t, n), Z(n, () => e.label), Z(t, () => e.children, null), t;
-})(), yo = (e) => (() => {
+})(), Zo = (e) => (() => {
 	var t = Y("span", { class: "msr:relative msr:block msr:w-full" }), n = Y("select", {
-		class: Tr,
+		class: ri,
 		onPointerDown: (e) => e.stopPropagation(),
 		onChange: (t) => e.onChange(t.currentTarget.value)
 	});
-	return X(t, n), Z(n, () => e.children), Z(t, J(Er, {}), null), q(() => ({
+	return X(t, n), Z(n, () => e.children), Z(t, J(ii, {}), null), q(() => ({
 		e: e.label,
 		t: e.value
 	}), ({ e, t }, r) => {
 		e !== r?.e && Q(n, "aria-label", e, r?.e), t !== r?.t && Q(n, "value", t, r?.t);
 	}), t;
-})(), bo = (e) => {
+})(), Qo = (e) => {
 	let [t, n] = K(!1), [r, i] = K(String(e.value)), a = () => e.min ?? 0, o = () => e.max ?? 9999, s = (e) => Math.min(o(), Math.max(a(), e)), c = (t) => {
 		let n = Number(t.replace(/[^\d.-]/g, ""));
 		if (!Number.isFinite(n)) {
@@ -5128,7 +5290,7 @@ var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
 		}
 		e.onChange(s(n));
 	};
-	return J(Dr, { get left() {
+	return J(ai, { get left() {
 		var a = Y("input", {
 			type: "text",
 			inputmode: "numeric",
@@ -5160,7 +5322,7 @@ var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
 			e !== n?.e && Q(a, "aria-label", e, n?.e), t !== n?.t && Q(a, "value", t, n?.t);
 		}), a;
 	} });
-}, xo = (e) => e === "rows" || e === "grid" ? e : "columns", So = (e) => e === "min" || e === "center" || e === "max" ? e : "stretch", Co = (e) => {
+}, $o = (e) => e === "rows" || e === "grid" ? e : "columns", es = (e) => e === "min" || e === "center" || e === "max" ? e : "stretch", ts = (e) => {
 	let t = Gt(() => e.guide.kind === "rows" ? {
 		stretch: "Stretch",
 		min: "Top",
@@ -5177,13 +5339,13 @@ var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
 		"aria-label": "Back to layout guides",
 		class: "msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-control msr:text-ink-500 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900"
 	});
-	return X(r, i), X(i, a), Z(i, J(yo, {
+	return X(r, i), X(i, a), Z(i, J(Zo, {
 		label: "Layout guide type",
 		get value() {
 			return e.guide.kind;
 		},
 		onChange: (t) => {
-			let n = xo(t);
+			let n = $o(t);
 			e.onUpdate({
 				kind: n,
 				align: n === "grid" ? "min" : e.guide.align === "stretch" || n === e.guide.kind ? e.guide.align : "stretch"
@@ -5205,15 +5367,15 @@ var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
 				})()
 			];
 		}
-	}), a), Z(a, J(ho, {})), Z(r, J(Xt, {
+	}), a), Z(a, J(qo, {})), Z(r, J(Xt, {
 		get when() {
 			return e.guide.kind !== "grid";
 		},
 		get children() {
-			return J(vo, {
+			return J(Xo, {
 				label: "Count",
 				get children() {
-					return J(bo, {
+					return J(Qo, {
 						label: "Count",
 						get value() {
 							return e.guide.count;
@@ -5225,16 +5387,16 @@ var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
 				}
 			});
 		}
-	}), null), Z(r, J(Or, {
+	}), null), Z(r, J(oi, {
 		label: "Color",
-		columns: _o,
+		columns: Yo,
 		get value() {
 			return dr({
 				...lr(e.guide.color) ?? lr("#FF0000"),
 				alpha: e.guide.opacity
 			});
 		},
-		fallback: ao,
+		fallback: Ro,
 		get ownerWindow() {
 			return e.ownerWindow;
 		},
@@ -5253,15 +5415,15 @@ var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
 			return e.guide.kind !== "grid";
 		},
 		get children() {
-			return J(vo, {
+			return J(Xo, {
 				label: "Type",
 				get children() {
-					return J(yo, {
+					return J(Zo, {
 						label: "Alignment",
 						get value() {
 							return e.guide.align;
 						},
-						onChange: (t) => e.onUpdate({ align: So(t) }),
+						onChange: (t) => e.onUpdate({ align: es(t) }),
 						get children() {
 							return J(Yt, {
 								each: [
@@ -5285,12 +5447,12 @@ var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
 			return e.guide.kind === "grid" || e.guide.align !== "stretch";
 		},
 		get children() {
-			return J(vo, {
+			return J(Xo, {
 				get label() {
 					return n();
 				},
 				get children() {
-					return J(bo, {
+					return J(Qo, {
 						get label() {
 							return n();
 						},
@@ -5309,10 +5471,10 @@ var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
 			return e.guide.kind !== "grid";
 		},
 		get children() {
-			return [J(vo, {
+			return [J(Xo, {
 				label: "Offset",
 				get children() {
-					return J(bo, {
+					return J(Qo, {
 						label: "Offset",
 						get value() {
 							return e.guide.offset;
@@ -5322,10 +5484,10 @@ var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
 						onChange: (t) => e.onUpdate({ offset: t })
 					});
 				}
-			}), J(vo, {
+			}), J(Xo, {
 				label: "Gutter",
 				get children() {
-					return J(bo, {
+					return J(Qo, {
 						label: "Gutter",
 						get value() {
 							return e.guide.gutter;
@@ -5341,7 +5503,7 @@ var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
 		Q(a, "onClick", e, t);
 	}), r;
 };
-function wo(e) {
+function ns(e) {
 	let [t, n] = K(null), r = Gt(() => e.guides.find((e) => e.id === t()) ?? null);
 	var i = Y("div", {
 		"data-mesurer-layout-guides-panel": "true",
@@ -5363,7 +5525,7 @@ function wo(e) {
 				"aria-label": "Add layout guide",
 				class: "msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-control msr:text-ink-500 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900"
 			});
-			return X(t, r), X(r, i), X(r, a), X(i, Qn("Layout guides")), Z(a, J(Lr, {})), Z(t, J(Xt, {
+			return X(t, r), X(r, i), X(r, a), X(i, Qn("Layout guides")), Z(a, J(hi, {})), Z(t, J(Xt, {
 				get when() {
 					return e.guides.length > 0;
 				},
@@ -5390,22 +5552,22 @@ function wo(e) {
 								class: "msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-control msr:text-ink-400 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900",
 								onClick: () => e.onRemove(t.id)
 							});
-							return X(r, i), X(r, s), X(r, c), X(i, a), X(i, o), Z(a, J(go, { get kind() {
+							return X(r, i), X(r, s), X(r, c), X(i, a), X(i, o), Z(a, J(Jo, { get kind() {
 								return t.kind;
-							} })), Z(o, () => mo(t)), Z(i, J(Ar, {
+							} })), Z(o, () => Ko(t)), Z(i, J(ci, {
 								size: 8,
 								class: "msr:block msr:-rotate-90 msr:text-ink-400"
 							}), null), Z(s, (() => {
 								var e = Zn(() => !!t.visible);
-								return () => e() ? J(Rr, {}) : J(zr, {});
-							})()), Z(c, J(jr, {
+								return () => e() ? J(gi, {}) : J(_i, {});
+							})()), Z(c, J(li, {
 								size: 10,
 								class: "msr:block"
 							})), q(() => ({
-								e: t.visible ? `Hide ${mo(t)}` : `Show ${mo(t)}`,
+								e: t.visible ? `Hide ${Ko(t)}` : `Show ${Ko(t)}`,
 								t: t.visible ? "true" : "false",
 								a: `msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-control msr:outline-none msr:hover:bg-ink-100 ${t.visible ? "msr:text-ink-700" : "msr:text-ink-400"}`,
-								o: `Remove ${mo(t)}`
+								o: `Remove ${Ko(t)}`
 							}), ({ e, t, a: n, o: r }, i) => {
 								e !== i?.e && Q(s, "aria-label", e, i?.e), t !== i?.t && Q(s, "aria-pressed", t, i?.t), n !== i?.a && Q(s, "class", n, i?.a), r !== i?.o && Q(c, "aria-label", r, i?.o);
 							}), r;
@@ -5416,7 +5578,7 @@ function wo(e) {
 				Q(a, "onClick", e, t);
 			}), t;
 		},
-		children: (t) => J(Co, {
+		children: (t) => J(ts, {
 			get guide() {
 				return t();
 			},
@@ -5428,56 +5590,56 @@ function wo(e) {
 		})
 	})), i;
 }
-var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-guides.pages", Oo = "mesurer.layout-guides.active", ko = "runtime:solid", Ao = "layout-guides.toggle", jo = "layout-guides.add", Mo = "layout-guides.update", No = "layout-guides.remove", Po = "layout-guides.clear", Fo = 240, Io = 8, Lo = 8, Ro = () => ({ pages: {} }), zo = (e, t) => e.pages[t] ?? [], Bo = (e) => typeof e == "object" && !!e && !Array.isArray(e), Vo = (e) => typeof e == "string", Ho = (e) => typeof e == "boolean", Uo = (e) => typeof e == "number", Wo = (e) => e === "columns" || e === "rows" || e === "grid", Go = (e) => e === "stretch" || e === "min" || e === "center" || e === "max", Ko = (e) => ({ ...e }), qo = (e) => e.map(Ko), Jo = (e) => Bo(e) ? e : null, Yo = (e) => {
+var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-guides.pages", os = "mesurer.layout-guides.active", ss = "runtime:solid", cs = "layout-guides.toggle", ls = "layout-guides.add", us = "layout-guides.update", ds = "layout-guides.remove", fs = "layout-guides.clear", ps = 240, ms = 8, hs = 8, gs = () => ({ pages: {} }), _s = (e, t) => e.pages[t] ?? [], vs = (e) => typeof e == "object" && !!e && !Array.isArray(e), ys = (e) => typeof e == "string", bs = (e) => typeof e == "boolean", xs = (e) => typeof e == "number", Ss = (e) => e === "columns" || e === "rows" || e === "grid", Cs = (e) => e === "stretch" || e === "min" || e === "center" || e === "max", ws = (e) => ({ ...e }), Ts = (e) => e.map(ws), Es = (e) => vs(e) ? e : null, Ds = (e) => {
 	if (!e) return {};
 	let t = {};
-	return Vo(e.id) && (t.id = e.id), Wo(e.kind) && (t.kind = e.kind), Ho(e.visible) && (t.visible = e.visible), Vo(e.color) && (t.color = e.color), Uo(e.opacity) && (t.opacity = e.opacity), Uo(e.count) && (t.count = e.count), Uo(e.size) && (t.size = e.size), Uo(e.gutter) && (t.gutter = e.gutter), Uo(e.offset) && (t.offset = e.offset), Go(e.align) && (t.align = e.align), t;
-}, Xo = (e) => {
+	return ys(e.id) && (t.id = e.id), Ss(e.kind) && (t.kind = e.kind), bs(e.visible) && (t.visible = e.visible), ys(e.color) && (t.color = e.color), xs(e.opacity) && (t.opacity = e.opacity), xs(e.count) && (t.count = e.count), xs(e.size) && (t.size = e.size), xs(e.gutter) && (t.gutter = e.gutter), xs(e.offset) && (t.offset = e.offset), Cs(e.align) && (t.align = e.align), t;
+}, Os = (e) => {
 	let t = {};
 	return e.id !== void 0 && (t.id = e.id), e.kind !== void 0 && (t.kind = e.kind), e.visible !== void 0 && (t.visible = e.visible), e.color !== void 0 && (t.color = e.color), e.opacity !== void 0 && (t.opacity = e.opacity), e.count !== void 0 && (t.count = e.count), e.size !== void 0 && (t.size = e.size), e.gutter !== void 0 && (t.gutter = e.gutter), e.offset !== void 0 && (t.offset = e.offset), e.align !== void 0 && (t.align = e.align), t;
-}, Zo = {
+}, ks = {
 	viewBox: "0 0 256 256",
 	paths: ["M48 48h160v8H48zM48 200h160v8H48zM48 56h8v144h-8zM200 56h8v144h-8z", "M101 56h8v144h-8zM147 56h8v144h-8z"]
-}, Qo = () => ar({
-	id: To,
+}, As = () => ar({
+	id: rs,
 	version: "0.1.0",
-	requires: [ko],
-	provides: [Eo, "tool:layout-guides"],
+	requires: [ss],
+	provides: [is, "tool:layout-guides"],
 	setup(e) {
-		let t = e.service.get(ko);
+		let t = e.service.get(ss);
 		if (!t) throw Error("Layout Guides requires the Solid renderer runtime.");
 		let n = t.rendererRoot;
 		if (!n) throw Error("Layout Guides requires a mounted renderer root.");
 		e.state.register({
-			id: Do,
-			initial: Ro(),
+			id: as,
+			initial: gs(),
 			history: !0,
 			persist: !0
 		}), e.state.register({
-			id: Oo,
+			id: os,
 			initial: !1
 		});
-		let r = gr(t.ownerWindow), i = !1, [a, o] = K(0), s = /* @__PURE__ */ new Set(), c = 0, l = () => e.state.get("mesurer.layout-guides.pages") ?? Ro(), u = () => e.state.get("mesurer.layout-guides.active") ?? !1, d = () => po(zo(l(), r)), f = () => (a(), u() ? d() : []), p = (t) => {
-			e.state.update(Oo, () => t);
+		let r = Jr(t.ownerWindow), i = !1, [a, o] = K(0), s = /* @__PURE__ */ new Set(), c = 0, l = () => e.state.get("mesurer.layout-guides.pages") ?? gs(), u = () => e.state.get("mesurer.layout-guides.active") ?? !1, d = () => Go(_s(l(), r)), f = () => (a(), u() ? d() : []), p = (t) => {
+			e.state.update(os, () => t);
 		}, m = (t) => {
-			e.state.update(Do, (e) => ({
+			e.state.update(as, (e) => ({
 				...e,
 				pages: {
 					...e.pages,
-					[r]: qo(t(po(e.pages[r])))
+					[r]: Ts(t(Go(e.pages[r])))
 				}
 			}));
 		};
-		e.command.register(Ao, () => {
+		e.command.register(cs, () => {
 			let e = !u();
-			return e && d().length === 0 && m(() => [fo()]), i = e, p(e), u();
-		}), e.command.register(jo, (e) => {
-			let t = fo(Yo(Jo(e)));
+			return e && d().length === 0 && m(() => [Wo()]), i = e, p(e), u();
+		}), e.command.register(ls, (e) => {
+			let t = Wo(Ds(Es(e)));
 			return m((e) => [...e, t]), { ...t };
-		}), e.command.register(Mo, (e) => {
-			let t = Jo(e), n = t && Vo(t.id) ? t.id : null, r = Yo(Jo(t?.patch));
+		}), e.command.register(us, (e) => {
+			let t = Es(e), n = t && ys(t.id) ? t.id : null, r = Ds(Es(t?.patch));
 			if (!n) throw Error("layout-guides.update requires a guide id.");
-			m((e) => e.map((e) => e.id === n ? fo({
+			m((e) => e.map((e) => e.id === n ? Wo({
 				...e,
 				...r,
 				id: e.id
@@ -5485,30 +5647,30 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 			let i = d().find((e) => e.id === n);
 			if (!i) throw Error(`Layout guide not found: ${n}`);
 			return { ...i };
-		}), e.command.register(No, (e) => {
-			let t = Jo(e), n = t && Vo(t.id) ? t.id : null;
+		}), e.command.register(ds, (e) => {
+			let t = Es(e), n = t && ys(t.id) ? t.id : null;
 			if (!n) throw Error("layout-guides.remove requires a guide id.");
 			let r = d().length;
 			return m((e) => e.filter((e) => e.id !== n)), d().length !== r;
-		}), e.command.register(Po, () => {
+		}), e.command.register(fs, () => {
 			m(() => []);
 		});
 		let h = async (t, n) => {
-			let r = Jo(await e.command.execute(t, n));
+			let r = Es(await e.command.execute(t, n));
 			if (!r) throw Error(`${t} did not return a layout guide.`);
-			return fo(Yo(r));
+			return Wo(Ds(r));
 		}, g = {
 			list: () => d().map((e) => ({ ...e })),
-			add: (e = {}) => h(jo, Xo(e)),
-			update: (e, t) => h(Mo, {
+			add: (e = {}) => h(ls, Os(e)),
+			update: (e, t) => h(us, {
 				id: e,
-				patch: Xo(t)
+				patch: Os(t)
 			}),
 			async remove(t) {
-				return await e.command.execute(No, { id: t }) === !0;
+				return await e.command.execute(ds, { id: t }) === !0;
 			},
 			async clear() {
-				await e.command.execute(Po);
+				await e.command.execute(fs);
 			},
 			subscribe(e) {
 				s.add(e);
@@ -5518,25 +5680,25 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 				};
 			}
 		};
-		e.service.provide(Eo, g), e.tool.register({
+		e.service.provide(is, g), e.tool.register({
 			id: "layout-guides",
 			label: "Layout guides",
 			shortcut: "L",
-			command: Ao,
+			command: cs,
 			order: 38,
-			icon: Zo,
+			icon: ks,
 			active: u
 		});
 		let _ = t.ownerDocument.createElement("div");
 		_.dataset.mesurerLayoutGuidesRoot = "true", _.dataset.mesurerLayer = "evidence", _.style.position = "absolute", _.style.inset = "0", _.style.pointerEvents = "none", n.prepend(_);
-		let v = Xn(() => J(io, { get guides() {
+		let v = Xn(() => J(Lo, { get guides() {
 			return f();
 		} }), _), y = t.createInspectorMount();
 		y.element.dataset.mesurerLayoutGuidesPanelRoot = "true", Object.assign(y.element.style, {
 			position: "fixed",
 			left: "0",
 			top: "0",
-			width: `${Fo}px`,
+			width: `${ps}px`,
 			zIndex: "100",
 			pointerEvents: "none",
 			display: "none"
@@ -5545,13 +5707,13 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 			if (c = 0, !i) return;
 			let e = t.portalTarget.querySelector("[data-mesurer-tool-id='layout-guides']");
 			if (!e) return;
-			let n = e.getBoundingClientRect(), r = Math.min(Math.max(Lo, n.right - Fo), Math.max(Lo, t.ownerWindow.innerWidth - Fo - Lo)), a = t.ownerWindow.innerHeight - n.bottom - Io - Lo, o = Math.min(320, t.ownerWindow.innerHeight - 16), s = a >= Math.min(o, 320) ? n.bottom + Io : Math.max(Lo, n.top - Io - o);
+			let n = e.getBoundingClientRect(), r = Math.min(Math.max(hs, n.right - ps), Math.max(hs, t.ownerWindow.innerWidth - ps - hs)), a = t.ownerWindow.innerHeight - n.bottom - ms - hs, o = Math.min(320, t.ownerWindow.innerHeight - 16), s = a >= Math.min(o, 320) ? n.bottom + ms : Math.max(hs, n.top - ms - o);
 			y.element.style.left = `${r}px`, y.element.style.top = `${s}px`;
 		}, x = () => {
 			c ||= t.ownerWindow.requestAnimationFrame(b);
 		}, S = () => {
 			y.element.style.display = i ? "block" : "none", i && x();
-		}, C = Xn(() => J(wo, {
+		}, C = Xn(() => J(ns, {
 			get guides() {
 				return f();
 			},
@@ -5571,7 +5733,7 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 			o((e) => e + 1);
 			for (let e of s) e();
 			S();
-		}, T = e.state.subscribe(w), E = br(t.ownerWindow, (e) => {
+		}, T = e.state.subscribe(w), E = Qr(t.ownerWindow, (e) => {
 			r !== e && (r = e, w());
 		}), D = (e) => {
 			if (!i) return;
@@ -5586,169 +5748,7 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 			t.ownerDocument.removeEventListener("pointerdown", D, !0), t.ownerDocument.removeEventListener("keydown", O, !0), t.ownerWindow.removeEventListener("resize", x), t.ownerWindow.removeEventListener("pointerup", x, !0), c && t.ownerWindow.cancelAnimationFrame(c), c = 0, s.clear(), T.dispose(), E(), C(), y.dispose(), v(), _.remove();
 		});
 	}
-}), $o = "mesurer:capture-bridge-ping", es = "mesurer:capture-bridge-request", ts = "mesurer:capture-bridge-response", ns = (e) => e.__MESURER_HOST__?.captureScreenshot, rs = (e) => {
-	if (e instanceof Blob) return e;
-	if (e instanceof Uint8Array) {
-		let t = new Uint8Array(e.byteLength);
-		return t.set(e), new Blob([t.buffer], { type: "image/png" });
-	}
-	if (e instanceof ArrayBuffer) return new Blob([e.slice(0)], { type: "image/png" });
-	if (e == null) throw Error("Host screenshot capture returned no PNG data.");
-	if (!e.png) throw Error("Host screenshot capture returned unsupported PNG data.");
-	return rs(e.png);
-}, is = async (e) => {
-	let t = ns(e);
-	return t ? rs(await t()) : null;
-}, as = (e, t, n) => {
-	let r = Math.max(0, Math.min(e.x, t.x, n.width)), i = Math.max(0, Math.min(e.y, t.y, n.height)), a = Math.max(0, Math.min(Math.max(e.x, t.x), n.width)), o = Math.max(0, Math.min(Math.max(e.y, t.y), n.height));
-	return {
-		left: r,
-		top: i,
-		width: Math.max(0, a - r),
-		height: Math.max(0, o - i)
-	};
-}, os = async (e, t, n, r) => {
-	let i = await createImageBitmap(e);
-	try {
-		let e = i.width / n.width, a = i.height / n.height, o = Math.max(0, Math.round(t.left * e)), s = Math.max(0, Math.round(t.top * a)), c = Math.max(1, Math.min(i.width - o, Math.round(t.width * e))), l = Math.max(1, Math.min(i.height - s, Math.round(t.height * a))), u = r.createElement("canvas");
-		u.width = c, u.height = l;
-		let d = u.getContext("2d");
-		if (!d) throw Error("Could not crop screenshot");
-		return d.drawImage(i, o, s, c, l, 0, 0, c, l), await new Promise((e, t) => {
-			u.toBlob((n) => {
-				n ? e(n) : t(/* @__PURE__ */ Error("Could not crop screenshot"));
-			}, "image/png");
-		});
-	} finally {
-		i.close();
-	}
-}, ss = async (e, t) => {
-	let n = t.navigator.clipboard, r = globalThis.ClipboardItem;
-	if (!n?.write || !r) throw Error("PNG clipboard copy is not available");
-	await n.write([new r({ "image/png": e })]);
-}, cs = (e = /* @__PURE__ */ new Date()) => {
-	let t = (e) => String(e).padStart(2, "0");
-	return `mesurer-${e.getFullYear()}-${t(e.getMonth() + 1)}-${t(e.getDate())}-${t(e.getHours())}${t(e.getMinutes())}${t(e.getSeconds())}.png`;
-}, ls = (e, t, n, r) => {
-	let i = globalThis.URL.createObjectURL(e), a = n.createElement("a");
-	a.href = i, a.download = t, a.rel = "noopener", n.documentElement.append(a), a.click(), a.remove(), r.setTimeout(() => globalThis.URL.revokeObjectURL(i), 1e3);
-}, us = (e) => new Promise((t) => {
-	e.requestAnimationFrame(() => {
-		e.requestAnimationFrame(() => t());
-	});
-}), ds = (e) => e.crypto?.randomUUID?.() ?? `mesurer-${Date.now()}-${Math.random().toString(36).slice(2)}`, fs = (e, t, n = "") => `${e}:${t}:${n}`, ps = (e) => e.location.origin === "null" ? "*" : e.location.origin, ms = (e, t, n) => {
-	let r = `${t}:${n}:`;
-	return e.startsWith(r) ? e.slice(r.length) : null;
-}, hs = (e) => new Promise((t) => {
-	let n = ds(e), r = e.location.origin, i = (o) => {
-		o.source === e && o.origin === r && ms(String(o.data ?? ""), "mesurer:capture-bridge-pong", n) !== null && (e.removeEventListener("message", i), e.clearTimeout(a), t(!0));
-	}, a = e.setTimeout(() => {
-		e.removeEventListener("message", i), t(!1);
-	}, 80);
-	e.addEventListener("message", i), e.postMessage(fs($o, n), ps(e));
-}), gs = (e) => new Promise((t, n) => {
-	let r = ds(e), i = e.location.origin, a = (s) => {
-		if (s.source !== e || s.origin !== i) return;
-		let c = ms(String(s.data ?? ""), ts, r);
-		if (c === null) return;
-		if (e.removeEventListener("message", a), e.clearTimeout(o), !c.startsWith("ok:")) {
-			t(null);
-			return;
-		}
-		let l = c.slice(3);
-		if (!l) {
-			t(null);
-			return;
-		}
-		e.fetch(l).then((e) => e.blob()).then(t, n);
-	}, o = e.setTimeout(() => {
-		e.removeEventListener("message", a), t(null);
-	}, 4e3);
-	e.addEventListener("message", a), e.postMessage(fs(es, r), ps(e));
-}), _s = /* @__PURE__ */ new WeakMap(), vs = (e) => {
-	let t = _s.get(e), n = t?.stream.getVideoTracks()[0];
-	if (!t || !n || n.readyState !== "live") {
-		_s.delete(e);
-		return;
-	}
-	return t;
-}, ys = async (e, t) => {
-	let n = vs(t);
-	if (n) return n;
-	let r = t.navigator.mediaDevices;
-	if (!r?.getDisplayMedia) throw Error("Screenshot capture is unavailable");
-	let i = await r.getDisplayMedia({
-		audio: !1,
-		video: !0,
-		preferCurrentTab: !0,
-		selfBrowserSurface: "include"
-	}), a = i.getVideoTracks()[0];
-	if (!a) throw i.getTracks().forEach((e) => e.stop()), Error("Capture failed");
-	try {
-		let n = e.createElement("video");
-		n.autoplay = !0, n.muted = !0, n.playsInline = !0, n.srcObject = i, await n.play(), (n.videoWidth === 0 || n.videoHeight === 0) && await new Promise((e) => {
-			n.onloadedmetadata = () => e();
-		});
-		let r = {
-			stream: i,
-			video: n
-		};
-		return _s.set(t, r), a.addEventListener("ended", () => {
-			_s.get(t) === r && _s.delete(t);
-		}, { once: !0 }), r;
-	} catch (e) {
-		throw i.getTracks().forEach((e) => e.stop()), e;
-	}
-}, bs = (e) => {
-	let t = _s.get(e);
-	t && (_s.delete(e), t.video.pause(), t.video.srcObject = null, t.stream.getTracks().forEach((e) => e.stop()));
-}, xs = async ({ ownerDocument: e, ownerWindow: t }) => {
-	let { video: n } = await ys(e, t), r = e.createElement("canvas");
-	r.width = n.videoWidth, r.height = n.videoHeight;
-	let i = r.getContext("2d");
-	if (!i) throw Error("Capture failed");
-	return i.drawImage(n, 0, 0), await new Promise((e, t) => {
-		r.toBlob((n) => {
-			n ? e(n) : t(/* @__PURE__ */ Error("Capture failed"));
-		}, "image/png");
-	});
-}, Ss = {
-	prepare: async () => void 0,
-	capture: async ({ ownerWindow: e }) => {
-		let t = await is(e);
-		if (!t) throw Error("Host screenshot capture is unavailable.");
-		return t;
-	},
-	release: () => void 0
-}, Cs = {
-	prepare: async () => void 0,
-	capture: async ({ ownerWindow: e }) => {
-		let t = await gs(e);
-		if (!t) throw Error("Host screenshot capture failed.");
-		return t;
-	},
-	release: () => void 0
-}, ws = {
-	prepare: async ({ ownerDocument: e, ownerWindow: t }) => {
-		await ys(e, t);
-	},
-	capture: xs,
-	release: bs
-}, Ts = /* @__PURE__ */ new WeakMap(), Es = async (e) => {
-	let t = Ts.get(e.ownerWindow);
-	if (t) return t;
-	let n = ws;
-	return ns(e.ownerWindow) ? n = Ss : await hs(e.ownerWindow) && (n = Cs), Ts.set(e.ownerWindow, n), n;
-}, Ds = async (e, t) => {
-	let n = {
-		ownerDocument: e,
-		ownerWindow: t
-	};
-	await (await Es(n)).prepare(n);
-}, Os = async (e) => (await Es(e)).capture(e), ks = (e) => {
-	let t = Ts.get(e);
-	Ts.delete(e), t?.release(e);
-}, As = Os, js = 144, Ms = 96, Ns = 8, Ps = 4, Fs = 1800, Is = (e, t) => {
+}), js = 144, Ms = 96, Ns = 8, Ps = 4, Fs = 1800, Is = (e, t) => {
 	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
 }, Ls = (e, t) => ({
 	left: Math.min(Math.max(Ns, e.left), Math.max(Ns, t.innerWidth - js - Ns)),
@@ -5915,14 +5915,14 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 	}, N = async () => {
 		let e = v;
 		if (e) try {
-			await ss(Promise.resolve(e), t), D("Copied screenshot");
+			await br(Promise.resolve(e), t), D("Copied screenshot");
 		} catch {
 			D("Could not copy screenshot", !0);
 		}
 	}, te = () => {
 		let n = v;
 		if (n) try {
-			ls(n, cs(), e, t), D("Saved screenshot");
+			Sr(n, xr(), e, t), D("Saved screenshot");
 		} catch {
 			D("Could not save screenshot", !0);
 		}
@@ -6070,7 +6070,7 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 	setup(t) {
 		let n = t.service.get(Ks);
 		if (!n) throw Error("Screenshot plugin requires the Solid renderer runtime.");
-		let { ownerDocument: r, ownerWindow: i } = n, a = n.createWorkspaceRuntime(), o = n.createInspectorMount(), s = e.capture ?? e.captureVisibleTab, c = s ?? Os, l = e.previewDurationMs ?? Ys;
+		let { ownerDocument: r, ownerWindow: i } = n, a = n.createWorkspaceRuntime(), o = n.createInspectorMount(), s = e.capture ?? e.captureVisibleTab, c = s ?? Vr, l = e.previewDurationMs ?? Ys;
 		t.state.register({
 			id: Ws,
 			initial: {
@@ -6235,7 +6235,7 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 		}, te = () => {
 			_ = null, A(null), d.style.visibility = "", d.style.display = "none", u.style.pointerEvents = "none", D(!1), k();
 		}, P = () => {
-			b += 1, te(), ks(i);
+			b += 1, te(), Hr(i);
 		}, ne = async (e) => {
 			if (x) throw Error("A screenshot capture is already running.");
 			if (e.width < 4 || e.height < 4) throw Error("Screenshot selection must be at least 4px by 4px.");
@@ -6243,8 +6243,8 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 			let o = ++b, s = T(), l = s.includeMeasurements ? oc(r) : [], u = s.includeMeasurements ? () => void 0 : ac(n.portalTarget);
 			a.prepareCapture(), s.includeMeasurements && sc(l);
 			try {
-				d.style.visibility = "hidden", await us(i);
-				let n = await os(await c({
+				d.style.visibility = "hidden", await Cr(i);
+				let n = await yr(await c({
 					ownerDocument: r,
 					ownerWindow: i
 				}), e, {
@@ -6252,10 +6252,10 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 					height: i.innerHeight
 				}, r);
 				if (b !== o) throw Error("Screenshot capture was cancelled.");
-				let a = !1, l = !1, u = s.copy ? ss(Promise.resolve(n), i).then(() => {
+				let a = !1, l = !1, u = s.copy ? br(Promise.resolve(n), i).then(() => {
 					a = !0;
 				}) : Promise.resolve(), f = s.download ? Promise.resolve().then(() => {
-					ls(n, cs(), r, i), l = !0;
+					Sr(n, xr(), r, i), l = !0;
 				}) : Promise.resolve(), p = await Promise.allSettled([u, f]), m = s.copy && p[0]?.status === "rejected", h = s.download && p[1]?.status === "rejected";
 				if (b !== o) throw Error("Screenshot capture was cancelled.");
 				return M.show(n, {
@@ -6287,7 +6287,7 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 				if (!S) {
 					S = !0, M.dismiss();
 					try {
-						if (s || await Ds(r, i), C) return;
+						if (s || await Br(r, i), C) return;
 						O(), A(null), d.style.visibility = "visible", u.style.pointerEvents = "auto", d.style.display = "block", D(!0);
 					} catch (e) {
 						throw e instanceof Error && e.name === "AbortError" || N(), e;
@@ -6300,12 +6300,12 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 			!w() || e.button !== 0 || (e.preventDefault(), e.stopPropagation(), _ = {
 				x: e.clientX,
 				y: e.clientY
-			}, A(as(_, _, {
+			}, A(vr(_, _, {
 				width: i.innerWidth,
 				height: i.innerHeight
 			})), d.setPointerCapture?.(e.pointerId));
 		}, L = (e) => {
-			!w() || !_ || A(as(_, {
+			!w() || !_ || A(vr(_, {
 				x: e.clientX,
 				y: e.clientY
 			}, {
@@ -6316,7 +6316,7 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 			let t = _;
 			if (_ = null, !w() || !t) return;
 			d.hasPointerCapture?.(e.pointerId) && d.releasePointerCapture(e.pointerId);
-			let n = as(t, {
+			let n = vr(t, {
 				x: e.clientX,
 				y: e.clientY
 			}, {
@@ -6417,11 +6417,11 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 				}
 			]
 		}), t.command.register(qs, F), t.service.provide(Us, V), t.lifecycle.onDispose(() => {
-			C = !0, b += 1, d.removeEventListener("pointerdown", I), d.removeEventListener("pointermove", L), d.removeEventListener("pointerup", R), d.removeEventListener("pointercancel", z), i.removeEventListener("keydown", B, !0), y && i.clearTimeout(y), M.dispose(), k(), ks(i), a.finishCapture(), a.dispose(), o.dispose();
+			C = !0, b += 1, d.removeEventListener("pointerdown", I), d.removeEventListener("pointermove", L), d.removeEventListener("pointerup", R), d.removeEventListener("pointercancel", z), i.removeEventListener("keydown", B, !0), y && i.clearTimeout(y), M.dispose(), k(), Hr(i), a.finishCapture(), a.dispose(), o.dispose();
 		});
 	}
-}), lc = "0.1.9", uc = Vi, dc = Ri, fc = zi, pc = Hi, mc = Bi, hc = () => ({
-	...wa(),
+}), lc = "0.2.0-beta.0", uc = ya, dc = ga, fc = _a, pc = ba, mc = va, hc = () => ({
+	...no(),
 	version: lc
 }), gc = (e, t) => e.left <= t.left + t.width && e.left + e.width >= t.left && e.top <= t.top + t.height && e.top + e.height >= t.top, _c = (e) => {
 	if (!e.length) return null;
@@ -6868,8 +6868,8 @@ async function Bc(e, t, n) {
 }
 //#endregion
 //#region src/layout-guides.ts
-var Vc = To, Hc = Eo, Uc = Do, Wc = Oo, Gc = () => ({
-	...Qo(),
+var Vc = rs, Hc = is, Uc = as, Wc = os, Gc = () => ({
+	...As(),
 	version: lc
 }), Kc = "mesurer.context", qc = "context:v1", Jc = "mesurer.context.settings", Yc = "context.ui", Xc = "data-mesurer-direct-text-edit-active", Zc = {
 	viewBox: "0 0 256 256",
@@ -6975,7 +6975,7 @@ function rl(e = {}) {
 				d?.disconnect(), d = null, c = null, l?.(), l = null, u?.dispose(), u = null;
 			}, v = () => {
 				if (u) return;
-				if (u = eo(n), u.element.dataset.mesurerLayer = "evidence", u.element.dataset.mesurerContextRoot = "true", n.rendererRoot) {
+				if (u = No(n), u.element.dataset.mesurerLayer = "evidence", u.element.dataset.mesurerContextRoot = "true", n.rendererRoot) {
 					let e = new n.ownerWindow.MutationObserver(g);
 					d = e, e.observe(n.rendererRoot, {
 						attributes: !0,
@@ -6990,7 +6990,7 @@ function rl(e = {}) {
 					},
 					coordinateSpace: "document"
 				};
-				l = Dn(() => qt(Xa, En(e, { get ownerWindow() {
+				l = Dn(() => qt(ko, En(e, { get ownerWindow() {
 					return n.ownerWindow;
 				} })), u.element);
 			}, y = () => {
@@ -7485,12 +7485,12 @@ function Al(e = {}) {
 }
 //#endregion
 //#region src/screenshot.ts
-var jl = Gs, Ml = Hs, Nl = Us, Pl = Ws, Fl = 4, Il = As, Ll = (e, t) => ss(e, t), Rl = (e = /* @__PURE__ */ new Date()) => cs(e), zl = (e, t, n, r) => os(e, t, n, r), Bl = (e, t, n) => as(e, t, n), Vl = (e, t) => Ds(e, t), Hl = (e) => ks(e), Ul = (e = {}) => ({
+var jl = Gs, Ml = Hs, Nl = Us, Pl = Ws, Fl = 4, Il = Ur, Ll = (e, t) => br(e, t), Rl = (e = /* @__PURE__ */ new Date()) => xr(e), zl = (e, t, n, r) => yr(e, t, n, r), Bl = (e, t, n) => vr(e, t, n), Vl = (e, t) => Br(e, t), Hl = (e) => Hr(e), Ul = (e = {}) => ({
 	...cc(e),
 	version: lc
-}), Wl = (e) => us(e), Gl = (e) => ({
+}), Wl = (e) => Cr(e), Gl = (e) => ({
 	...e,
 	version: lc
-}), Kl = () => Gl(Ea()), ql = () => Gl(Da()), Jl = () => Gl(Oa()), Yl = () => Gl(ka()), Xl = () => Gl(Aa()), Zl = () => Gl(ja()), Ql = () => Gl(Na()), $l = () => Gl(Ma()), eu = () => Pa().map(Gl), tu = (e = [], t = []) => Fa(e, t).map((e) => e.id.startsWith("mesurer.") ? Gl(e) : e);
+}), Kl = () => Gl(io()), ql = () => Gl(ao()), Jl = () => Gl(oo()), Yl = () => Gl(so()), Xl = () => Gl(co()), Zl = () => Gl(lo()), Ql = () => Gl(fo()), $l = () => Gl(uo()), eu = () => po().map(Gl), tu = (e = [], t = []) => mo(e, t).map((e) => e.id.startsWith("mesurer.") ? Gl(e) : e);
 //#endregion
 export { uc as MESURER_ARRANGE_ACTIVE_STATE_ID, dc as MESURER_ARRANGE_PLUGIN_ID, fc as MESURER_ARRANGE_SERVICE_ID, pc as MESURER_ARRANGE_SETTINGS_STATE_ID, mc as MESURER_ARRANGE_STATE_ID, il as MESURER_CODEX_PLUGIN_ID, al as MESURER_CODEX_SERVICE_ID, Kc as MESURER_CONTEXT_PLUGIN_ID, qc as MESURER_CONTEXT_SERVICE_ID, Jc as MESURER_CONTEXT_SETTINGS_STATE_ID, Wc as MESURER_LAYOUT_GUIDES_ACTIVE_STATE_ID, Vc as MESURER_LAYOUT_GUIDES_PLUGIN_ID, Hc as MESURER_LAYOUT_GUIDES_SERVICE_ID, Uc as MESURER_LAYOUT_GUIDES_STATE_ID, jl as MESURER_SCREENSHOT_ACTIVE_STATE_ID, Ml as MESURER_SCREENSHOT_PLUGIN_ID, Nl as MESURER_SCREENSHOT_SERVICE_ID, Pl as MESURER_SCREENSHOT_SETTINGS_STATE_ID, Fl as MIN_SCREENSHOT_SELECTION, hc as arrange, Il as captureVisibleTabPng, Al as codex, Jl as colorPicker, tu as compose, rl as context, Ll as copyPngToClipboard, Rl as createScreenshotFilename, zl as cropPngToViewportRect, eu as defaults, Ql as distance, Zl as guides, Gc as layoutGuides, Bl as normalizeScreenshotRect, Vl as prepareScreenshotCapture, Hl as releaseScreenshotCapture, Yl as rulers, Ul as screenshot, Kl as select, $l as settings, Xl as typography, Wl as waitForNextPaint, ql as xray };