mesurer-solid 0.2.0-beta.4 → 0.2.0-beta.5

package/dist/plugins.js

@@ -2265,40 +2265,50 @@ var ar = (e) => e, or = (e, t = 0, n = 1) => Math.min(n, Math.max(t, e)), sr = (
 }, 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) => {
+}, Ur = Vr, Wr = () => globalThis.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random()}`, Gr = (e) => e;
+function Kr(e, t) {
+	if (!(e instanceof Gr(t).Element)) return !1;
+	let n = e;
+	for (; n;) {
+		if (n.getAttribute("data-mesurer-inspector-ui") === "true" || n.hasAttribute("data-mesurer-toolbar") || n.hasAttribute("data-mesurer-settings")) return !0;
+		n = n.parentElement;
+	}
+	return !1;
+}
+var qr = /* @__PURE__ */ new WeakMap(), Jr = (e) => (qr.get(e) ?? 0) > 0, Yr = /* @__PURE__ */ new WeakMap(), Xr = (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}`;
-}, Yr = (e, t) => {
-	let n = Jr(e);
+}, Zr = (e, t) => {
+	let n = Xr(e);
 	for (let e of t.listeners) e(n);
-}, Xr = (e) => {
-	let t = qr.get(e);
+}, Qr = (e) => {
+	let t = Yr.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: () => Yr(e, a)
+		handleNativeChange: () => Zr(e, a)
 	};
 	return n.pushState = function(...t) {
 		let n = r.apply(this, t);
-		return Yr(e, a), n;
+		return Zr(e, a), n;
 	}, n.replaceState = function(...t) {
 		let n = i.apply(this, t);
-		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);
+		return Zr(e, a), n;
+	}, e.addEventListener("popstate", a.handleNativeChange), e.addEventListener("hashchange", a.handleNativeChange), Yr.set(e, a), a;
+}, $r = (e, t) => {
+	t.listeners.size > 0 || Yr.get(e) !== t || (e.history.pushState = t.pushState, e.history.replaceState = t.replaceState, e.removeEventListener("popstate", t.handleNativeChange), e.removeEventListener("hashchange", t.handleNativeChange), Yr.delete(e));
+}, ei = (e, t) => {
+	let n = Qr(e);
 	n.listeners.add(t);
 	let r = !1;
 	return () => {
-		r || (r = !0, n.listeners.delete(t), Zr(e, n));
+		r || (r = !0, n.listeners.delete(t), $r(e, n));
 	};
-}, $r = "--mesurer-nested-scroll-x", ei = "--mesurer-nested-scroll-y", ti = (e, t, n, r = {}) => {
+}, ti = "--mesurer-nested-scroll-x", ni = "--mesurer-nested-scroll-y", ri = (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();
@@ -2324,7 +2334,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, $r, d), h(e, ei, f);
+		if (!p) for (let e of m()) e.dataset.mesurerNestedScrollCompensation !== "true" && (e.dataset.mesurerNestedScrollCompensation = "true"), h(e, ti, d), h(e, ni, 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);
@@ -2357,21 +2367,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($r), e.style.removeProperty(ei);
+				for (let e of m()) delete e.dataset.mesurerNestedScrollCompensation, e.style.removeProperty(ti), e.style.removeProperty(ni);
 				a.clear();
 			}
 		}
 	};
-}, 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() {
+}, ii = 5;
+Array.from({ length: 801 }, (e, t) => t * ii), Ht(null);
+var ai = "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 oi() {
 	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 ai(e) {
+function si(e) {
 	let t = () => e.variant !== "legacy";
 	var n = Y("div"), r = Y("div");
 	return X(n, r), Z(r, () => e.left), Z(n, (() => {
@@ -2389,7 +2399,7 @@ function ai(e) {
 		e !== i?.e && Q(n, "class", e, i?.e), t !== i?.t && Q(r, "class", t, i?.t);
 	}), n;
 }
-function oi(e) {
+function ci(e) {
 	let t = () => e.variant !== "legacy", n = () => {
 		let t = lr(e.value);
 		if (t) return t;
@@ -2419,7 +2429,7 @@ function oi(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(ai, {
+	return X(y, b), Z(b, () => e.label), Z(y, J(si, {
 		get variant() {
 			return e.variant;
 		},
@@ -2502,7 +2512,7 @@ function oi(e) {
 		Q(y, "class", e, t);
 	}), y;
 }
-var si = (e) => (() => {
+var li = (e) => (() => {
 	var t = Y("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 256 256",
@@ -2517,7 +2527,7 @@ var si = (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;
-})(), ci = (e) => J(si, {
+})(), ui = (e) => J(li, {
 	get size() {
 		return e.size ?? 8;
 	},
@@ -2527,7 +2537,7 @@ var si = (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" });
 	}
-}), li = (e) => J(si, {
+}), di = (e) => J(li, {
 	get size() {
 		return e.size ?? 12;
 	},
@@ -2537,8 +2547,8 @@ var si = (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" });
 	}
-}), ui = (e, t, n) => t * 256 / e / n, di = (e) => {
-	let t = e.size ?? 20, n = ui(t, e.strokePx ?? 1, e.frameScale ?? 1);
+}), fi = (e, t, n) => t * 256 / e / n, pi = (e) => {
+	let t = e.size ?? 20, n = fi(t, e.strokePx ?? 1, e.frameScale ?? 1);
 	var r = Y("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		width: t,
@@ -2562,7 +2572,7 @@ var si = (e) => (() => {
 	return X(r, i), X(r, a), Z(a, () => e.children), q(() => e.class, (e, t) => {
 		Q(r, "class", e, t);
 	}), r;
-}, fi = (e) => J(di, {
+}, mi = (e) => J(pi, {
 	get size() {
 		return e.size ?? 20;
 	},
@@ -2572,7 +2582,7 @@ var si = (e) => (() => {
 	get children() {
 		return Y("path", { d: "M128 48v160M48 128h160" });
 	}
-}), pi = (e) => J(di, {
+}), hi = (e) => J(pi, {
 	get size() {
 		return e.size ?? 20;
 	},
@@ -2582,7 +2592,7 @@ var si = (e) => (() => {
 	get children() {
 		return Y("path", { d: "M101.33 48v160M154.67 48v160" });
 	}
-}), mi = (e) => J(di, {
+}), gi = (e) => J(pi, {
 	get size() {
 		return e.size ?? 20;
 	},
@@ -2592,7 +2602,7 @@ var si = (e) => (() => {
 	get children() {
 		return Y("path", { d: "M48 101.33h160M48 154.67h160" });
 	}
-}), hi = (e) => (() => {
+}), _i = (e) => (() => {
 	var t = Y("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 12 12",
@@ -2611,7 +2621,7 @@ var si = (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;
-})(), gi = (e) => (() => {
+})(), vi = (e) => (() => {
 	var t = Y("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 16 16",
@@ -2635,7 +2645,7 @@ var si = (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;
-})(), _i = (e) => (() => {
+})(), yi = (e) => (() => {
 	var t = Y("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 16 16",
@@ -2659,7 +2669,7 @@ var si = (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;
-})(), vi = (e) => J(si, {
+})(), bi = (e) => J(li, {
 	get size() {
 		return e.size ?? 20;
 	},
@@ -2669,7 +2679,7 @@ var si = (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" });
 	}
-}), yi = (e) => J(si, {
+}), xi = (e) => J(li, {
 	get size() {
 		return e.size ?? 20;
 	},
@@ -2679,7 +2689,7 @@ var si = (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" });
 	}
-}), bi = (e) => J(si, {
+}), Si = (e) => J(li, {
 	get size() {
 		return e.size ?? 18;
 	},
@@ -2689,7 +2699,7 @@ var si = (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" });
 	}
-}), xi = (e) => J(si, {
+}), Ci = (e) => J(li, {
 	get size() {
 		return e.size ?? 18;
 	},
@@ -2699,11 +2709,11 @@ var si = (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" });
 	}
-}), Si = (e, t) => {
+}), wi = (e, t) => {
 	let n = t.CSS;
 	return n?.escape ? n.escape(e) : e.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${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) {
+}, Ti = (e) => (e.textContent ?? "").replace(/\s+/g, " ").trim().slice(0, 200) || null, Ei = (e) => e.nodeType === 9, Di = (e) => e.nodeType === 11;
+function Oi(e) {
 	let t = e.getBoundingClientRect();
 	return {
 		left: t.left,
@@ -2712,20 +2722,20 @@ function Ei(e) {
 		height: t.height
 	};
 }
-function Di(e, t) {
-	if (wi(t)) return !0;
+function ki(e, t) {
+	if (Ei(t)) return !0;
 	let n = e;
 	for (; n;) {
 		if (t === n || t.contains(n)) return !0;
 		let e = n.getRootNode();
-		if (!Ti(e)) return !1;
+		if (!Di(e)) return !1;
 		n = e.host;
 	}
 	return !1;
 }
-function Oi(e) {
+function Ai(e) {
 	let t = e.ownerDocument.defaultView ?? window;
-	if (e.id) return `#${Si(e.id, t)}`;
+	if (e.id) return `#${wi(e.id, t)}`;
 	let n = e.getAttribute("data-testid");
 	if (n) return `[data-testid=${JSON.stringify(n)}]`;
 	let r = [], i = e;
@@ -2739,7 +2749,7 @@ function Oi(e) {
 	}
 	return r.join(" > ");
 }
-function ki(e) {
+function ji(e) {
 	return {
 		tag: e.localName,
 		id: e.id || null,
@@ -2747,30 +2757,30 @@ function ki(e) {
 		role: e.getAttribute("role"),
 		ariaLabel: e.getAttribute("aria-label"),
 		classes: [...e.classList],
-		text: Ci(e)
+		text: Ti(e)
 	};
 }
-function Ai(e) {
+function Mi(e) {
 	return !!(e.id || e.testId || e.role || e.ariaLabel || e.classes.length || e.text);
 }
-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 Mi = "mesurer:select-gesture-start";
 function Ni(e, t) {
-	return e.addEventListener(Mi, t), () => e.removeEventListener(Mi, 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 && Ti(e) !== t.text ? !1 : Mi(t);
+}
+var Pi = "mesurer:select-gesture-start";
+function Fi(e, t) {
+	return e.addEventListener(Pi, t), () => e.removeEventListener(Pi, t);
 }
 Ht((e) => void 0);
-var Pi = "mesurer-solid-styles", Fi = (e) => e?.nodeType === 11, Ii = (e) => e.nodeType === 9;
-function Li(e, t) {
+var Ii = "mesurer-solid-styles", Li = (e) => e?.nodeType === 11, Ri = (e) => e.nodeType === 9;
+function zi(e, t) {
 	let n = t?.ownerDocument ?? globalThis.document;
 	if (!n) return;
-	let r = Fi(t) ? t : n;
-	if (r.querySelector(`#${Pi}`)) return;
+	let r = Li(t) ? t : n;
+	if (r.querySelector(`#${Ii}`)) return;
 	let i = n.createElement("style");
-	i.id = Pi, i.textContent = e, Ii(r) ? r.head.append(i) : r.append(i);
+	i.id = Ii, i.textContent = e, Ri(r) ? r.head.append(i) : r.append(i);
 }
-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) => {
+var Bi = "var(--msr-color-ink-50, #f8fafc)", Vi = "var(--msr-color-ink-200, #e2e8f0)", Hi = "var(--msr-color-ink-500, #64748b)", Ui = "var(--msr-content, #0f172a)", Wi = (e, t, n) => {
 	let r = e.createElement("div");
 	return Object.assign(r.style, {
 		position: "absolute",
@@ -2787,7 +2797,7 @@ var Ri = "var(--msr-color-ink-50, #f8fafc)", zi = "var(--msr-color-ink-200, #e2e
 			height: "100%"
 		}
 	}), r;
-}, Ui = (e, t, n) => {
+}, Gi = (e, t, n) => {
 	let r = e.createElement("div");
 	Object.assign(r.style, {
 		position: "fixed",
@@ -2801,23 +2811,23 @@ var Ri = "var(--msr-color-ink-50, #f8fafc)", zi = "var(--msr-color-ink-200, #e2e
 		"right",
 		"bottom",
 		"left"
-	]) r.appendChild(Hi(e, t, n));
+	]) r.appendChild(Wi(e, t, n));
 	return r;
-}, Wi = (e, t) => {
+}, Ki = (e, t) => {
 	Object.assign(e.style, {
 		left: `${t.left}px`,
 		top: `${t.top}px`,
 		width: `${t.width}px`,
 		height: `${t.height}px`
 	});
-}, Gi = (e, t) => {
+}, qi = (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: Vi,
+		color: Ui,
 		borderRadius: "13px",
 		padding: "10px 12px",
 		fontSize: "11px",
@@ -2832,7 +2842,7 @@ var Ri = "var(--msr-color-ink-50, #f8fafc)", zi = "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;
-}, Ki = (e, t, n, r) => {
+}, Ji = (e, t, n, r) => {
 	t.replaceChildren();
 	let i = e.createElement("div");
 	Object.assign(i.style, {
@@ -2844,8 +2854,8 @@ var Ri = "var(--msr-color-ink-50, #f8fafc)", zi = "var(--msr-color-ink-200, #e2e
 	});
 	let a = e.createElement("span");
 	if (Object.assign(a.style, {
-		color: Ri,
-		background: Vi,
+		color: Bi,
+		background: Ui,
 		borderRadius: "4px",
 		padding: "1px 5px",
 		fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
@@ -2854,7 +2864,7 @@ var Ri = "var(--msr-color-ink-50, #f8fafc)", zi = "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: Bi,
+			color: Hi,
 			overflow: "hidden",
 			textOverflow: "ellipsis",
 			whiteSpace: "nowrap",
@@ -2874,7 +2884,7 @@ var Ri = "var(--msr-color-ink-50, #f8fafc)", zi = "var(--msr-color-ink-200, #e2e
 			lineHeight: "14px",
 			textAlign: "center",
 			borderRadius: "4px",
-			color: Bi,
+			color: Hi,
 			fontSize: "14px"
 		}), i.appendChild(t);
 	}
@@ -2889,12 +2899,12 @@ var Ri = "var(--msr-color-ink-50, #f8fafc)", zi = "var(--msr-color-ink-200, #e2e
 	});
 	for (let t of n.rows) {
 		let n = e.createElement("span");
-		n.style.color = Bi, n.style.fontSize = "11px", n.textContent = t.label;
+		n.style.color = Hi, 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: Vi,
+			color: Ui,
 			overflow: "hidden",
 			textOverflow: "ellipsis",
 			whiteSpace: "nowrap"
@@ -2903,21 +2913,21 @@ var Ri = "var(--msr-color-ink-50, #f8fafc)", zi = "var(--msr-color-ink-200, #e2e
 			let n = e.createElement("span");
 			n.textContent = t.value;
 			let i = e.createElement("span");
-			i.style.color = zi, i.style.margin = "0 6px", i.textContent = "·";
+			i.style.color = Vi, 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);
-}, qi = (e, t, n, r = 0, i = 0) => {
+}, Yi = (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");
-}, Ji = /* @__PURE__ */ new Map([
+}, Xi = /* @__PURE__ */ new Map([
 	["100", "thin"],
 	["200", "extralight"],
 	["300", "light"],
@@ -2927,26 +2937,26 @@ var Ri = "var(--msr-color-ink-50, #f8fafc)", zi = "var(--msr-color-ink-200, #e2e
 	["700", "bold"],
 	["800", "extrabold"],
 	["900", "black"]
-]), Yi = [
+]), Zi = [
 	"font-family",
 	"font-size",
 	"font-weight",
 	"line-height",
 	"letter-spacing"
-], Xi = /* @__PURE__ */ new Map([
+], Qi = /* @__PURE__ */ new Map([
 	["Family", "font-family"],
 	["Size", "font-size"],
 	["Weight", "font-weight"],
 	["Line", "line-height"],
 	["Tracking", "letter-spacing"]
-]), Zi = (e) => {
+]), $i = (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;
-}, Qi = (e) => (e.split(",")[0] ?? "").trim().replace(/^['"]|['"]$/g, ""), $i = (e) => {
-	let t = Ji.get(e);
+}, ea = (e) => (e.split(",")[0] ?? "").trim().replace(/^['"]|['"]$/g, ""), ta = (e) => {
+	let t = Xi.get(e);
 	return t ? `${e} / ${t}` : e;
-}, 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 {
+}, na = (e) => e ? /var\(\s*(--[a-zA-Z0-9_-]+)/.exec(e)?.[1] ?? null : null, ra = (e) => (e.match(/#[\w-]+/g) ?? []).length * 1e4 + (e.match(/\.[\w-]+|\[[^\]]+\]|:[\w-]+/g) ?? []).length * 100 + (e.match(/(?:^|[ >+~])([a-zA-Z][\w-]*)/g) ?? []).length, ia = (e, t) => !t || (e.important === t.important ? e.specificity === t.specificity ? e.order > t.order : e.specificity > t.specificity : e.important), aa = class {
 	document;
 	window;
 	constructor(e, t) {
@@ -2986,11 +2996,11 @@ var Ri = "var(--msr-color-ink-50, #f8fafc)", zi = "var(--msr-color-ink-200, #e2e
 		return e;
 	}
 	findVarReferences(e) {
-		let t = new Map(Yi.map((e) => [e, null])), n = this.getRules();
-		for (let r of Yi) {
+		let t = new Map(Zi.map((e) => [e, null])), n = this.getRules();
+		for (let r of Zi) {
 			let i = e;
 			for (; i && t.get(r) === null;) {
-				let e, a = ea(i.style.getPropertyValue(r));
+				let e, a = na(i.style.getPropertyValue(r));
 				a && (e = {
 					name: a,
 					specificity: 2 ** 53 - 1,
@@ -3006,15 +3016,15 @@ var Ri = "var(--msr-color-ink-50, #f8fafc)", zi = "var(--msr-color-ink-200, #e2e
 						continue;
 					}
 					if (!n) continue;
-					let s = ea(t.style.getPropertyValue(r));
+					let s = na(t.style.getPropertyValue(r));
 					if (!s) continue;
 					let c = {
 						name: s,
-						specificity: ta(t.selectorText),
+						specificity: ra(t.selectorText),
 						order: o,
 						important: t.style.getPropertyPriority(r) === "important"
 					};
-					na(c, e) && (e = c);
+					ia(c, e) && (e = c);
 				}
 				e && t.set(r, e.name), i = i.parentElement;
 			}
@@ -3025,27 +3035,27 @@ var Ri = "var(--msr-color-ink-50, #f8fafc)", zi = "var(--msr-color-ink-200, #e2e
 		let t = this.window.getComputedStyle(e), n = [
 			{
 				label: "Family",
-				value: Qi(t.fontFamily),
+				value: ea(t.fontFamily),
 				varName: null
 			},
 			{
 				label: "Size",
-				value: Zi(t.fontSize),
+				value: $i(t.fontSize),
 				varName: null
 			},
 			{
 				label: "Weight",
-				value: $i(t.fontWeight),
+				value: ta(t.fontWeight),
 				varName: null
 			},
 			{
 				label: "Line",
-				value: t.lineHeight === "normal" ? "normal" : Zi(t.lineHeight),
+				value: t.lineHeight === "normal" ? "normal" : $i(t.lineHeight),
 				varName: null
 			},
 			{
 				label: "Tracking",
-				value: t.letterSpacing === "normal" ? "normal" : Zi(t.letterSpacing),
+				value: t.letterSpacing === "normal" ? "normal" : $i(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, " ");
@@ -3060,7 +3070,7 @@ var Ri = "var(--msr-color-ink-50, #f8fafc)", zi = "var(--msr-color-ink-200, #e2e
 		return {
 			...t,
 			rows: t.rows.map((e) => {
-				let t = Xi.get(e.label);
+				let t = Qi.get(e.label);
 				return {
 					...e,
 					varName: t ? n.get(t) ?? null : null
@@ -3068,7 +3078,7 @@ var Ri = "var(--msr-color-ink-50, #f8fafc)", zi = "var(--msr-color-ink-200, #e2e
 			})
 		};
 	}
-}, ia = [
+}, oa = [
 	"HTML",
 	"BODY",
 	"SCRIPT",
@@ -3080,7 +3090,7 @@ var Ri = "var(--msr-color-ink-50, #f8fafc)", zi = "var(--msr-color-ink-200, #e2e
 	"VIDEO",
 	"AUDIO",
 	"IFRAME"
-], 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) => `
+], sa = "color-mix(in oklch, oklch(0.62 0.18 255) 8%, transparent)", ca = "color-mix(in oklch, oklch(0.62 0.18 255) 80%, transparent)", la = "color-mix(in oklch, oklch(0.62 0.18 255) 4%, transparent)", ua = "color-mix(in oklch, oklch(0.62 0.18 255) 35%, transparent)", da = 80, fa = 0, pa = (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}
@@ -3091,7 +3101,7 @@ var Ri = "var(--msr-color-ink-50, #f8fafc)", zi = "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 fa(e = {}, t = !1) {
+function ma(e = {}, t = !1) {
 	let n = e.portalTarget?.ownerDocument ?? globalThis.document, r = n?.defaultView ?? globalThis.window;
 	if (!n || !r) {
 		let e = () => {};
@@ -3109,7 +3119,7 @@ function fa(e = {}, t = !1) {
 			canRedo: () => !1
 		};
 	}
-	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 = {
+	let i = (e.id ?? (t ? "mesurer-text-inspector" : `mesurer-text-inspector-${++fa}`)).replace(/[^a-zA-Z0-9_-]/g, "-"), a = `${i}-overlay`, o = `${i}-styles`, s = `${i}-mode`, c = new Set((e.ignoredTags ?? oa).map((e) => e.toUpperCase())), l = Number.isFinite(e.maxPinned) ? Math.max(1, Math.floor(e.maxPinned)) : Infinity, u = new aa(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 = () => {
@@ -3118,7 +3128,7 @@ function fa(e = {}, t = !1) {
 		for (let t of e) {
 			if (t.querySelector(`#${o}`)) continue;
 			let e = n.createElement("style");
-			e.id = o, e.textContent = da(s, a), t === n ? n.head.append(e) : t.append(e);
+			e.id = o, e.textContent = pa(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);
@@ -3131,17 +3141,23 @@ function fa(e = {}, t = !1) {
 		e && (e.dataset.state = t ? "visible" : "hidden");
 	}, ee = () => {
 		let e = j();
-		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()), P = (e) => !!e && e instanceof d && !(e instanceof f) && !c.has(e.tagName) && N(e) && !e.closest("[data-mesurer-root]"), F = (e, t) => n.elementsFromPoint(e, t).find((e) => P(e)) ?? null, te = () => {
+		g ??= Gi(n, sa, ca), _ ??= qi(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()), P = (e) => !!e && e instanceof d && !(e instanceof f) && !c.has(e.tagName) && N(e) && !e.closest("[data-mesurer-root], [data-mesurer-inspector-ui='true']"), F = (e, t) => {
+		for (let i of n.elementsFromPoint(e, t)) {
+			if (Kr(i, r)) return null;
+			if (P(i)) return i;
+		}
+		return null;
+	}, te = () => {
 		v = null, M(g, !1), M(_, !1);
 	}, I = (t) => {
 		if (!m || !P(t)) return !1;
 		ee();
 		let i = t.getBoundingClientRect(), a = u.getFast(t);
-		return v = t, Ki(n, _, a, !1), Wi(g, i), qi(r, _, i), M(g, !0), M(_, !0), r.clearTimeout(x), x = r.setTimeout(() => {
+		return v = t, Ji(n, _, a, !1), Ki(g, i), Yi(r, _, i), M(g, !0), M(_, !0), r.clearTimeout(x), x = r.setTimeout(() => {
 			if (!m || v !== t || !_) return;
 			let i = u.getFull(t, a);
-			Ki(n, _, i, !1), qi(r, _, t.getBoundingClientRect()), e.onInspect?.(t, i);
+			Ji(n, _, i, !1), Yi(r, _, t.getBoundingClientRect()), e.onInspect?.(t, i);
 		}, 24), !0;
 	}, L = () => E.map((e) => ({
 		sourceEl: e.sourceEl,
@@ -3173,12 +3189,12 @@ function fa(e = {}, t = !1) {
 	}, ne = (t, i, a = !0, o = !0) => {
 		if (E.find((e) => e.sourceEl === t)) return;
 		a && R(), E.length >= l && z(E[0], !1, !0);
-		let s = j(), c = Ui(n, sa, ca), d = Gi(n, !0);
+		let s = j(), c = Gi(n, la, ua), d = qi(n, !0);
 		d.classList.add("mesurer-ti-card--draggable"), d.classList.remove("mesurer-ti-card--pinned");
 		let f = u.getFull(t);
-		Ki(n, d, f, !0), s.append(c, d);
+		Ji(n, d, f, !0), s.append(c, d);
 		let p = t.getBoundingClientRect();
-		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);
+		Ki(c, p), Yi(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,
@@ -3209,7 +3225,7 @@ function fa(e = {}, t = !1) {
 				continue;
 			}
 			let t = e.sourceEl.getBoundingClientRect();
-			Wi(e.box, t), e.userPlaced || qi(r, e.card, t);
+			Ki(e.box, t), e.userPlaced || Yi(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";
 		}
@@ -3219,7 +3235,7 @@ function fa(e = {}, t = !1) {
 				if (!v.isConnected) te();
 				else {
 					let e = v.getBoundingClientRect();
-					Wi(g, e), qi(r, _, e);
+					Ki(g, e), Yi(r, _, e);
 					let t = e.bottom >= 0 && e.right >= 0 && e.left <= r.innerWidth && e.top <= r.innerHeight;
 					M(g, t), M(_, t);
 				}
@@ -3233,51 +3249,55 @@ function fa(e = {}, t = !1) {
 		else if (e !== v) I(e);
 		else if (g && _) {
 			let t = e.getBoundingClientRect();
-			Wi(g, t), qi(r, _, t);
+			Ki(g, t), Yi(r, _, t);
 		}
 		ae();
 	}, se = () => {
 		b ||= r.requestAnimationFrame(() => {
 			b = 0, oe();
 		});
-	}, ce = (e) => {
-		y = {
+	}, ce = (e) => e.composedPath().some((e) => Kr(e, r)), le = (e) => {
+		if (y = {
 			x: e.clientX,
 			y: e.clientY
-		}, se();
-	}, le = (e, t, n) => {
+		}, ce(e)) {
+			te();
+			return;
+		}
+		se();
+	}, ue = (e, t, n) => {
 		if (!e || e.dataset.mesurerNativeScrollAnchor) return;
 		let r = Number.parseFloat(e.style.left), i = Number.parseFloat(e.style.top);
 		Number.isFinite(r) && (e.style.left = `${r - t}px`), Number.isFinite(i) && (e.style.top = `${i - n}px`);
-	}, ue = () => {
+	}, de = () => {
 		let e = r.scrollX, t = r.scrollY, i = e - C, a = t - w;
-		if (C = e, w = t, Kr(n)) {
+		if (C = e, w = t, Jr(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);
+				ue(g, i, a), ue(_, i, a);
+				for (let e of E) ue(e.box, i, a), e.userPlaced || ue(e.card, i, a);
 			}
 			S && r.clearTimeout(S), S = r.setTimeout(() => {
 				S = 0, W();
-			}, la);
+			}, da);
 			return;
 		}
 		W(), se();
-	}, de = (e) => {
+	}, fe = (e) => {
 		e.relatedTarget || te();
-	}, fe = (e) => e.composedPath().some((e) => e instanceof d && (e.id === a || e.hasAttribute("data-mesurer-root") || e.classList.contains("mesurer-ti-card") || e.classList.contains("mesurer-ti-close"))), pe = (e) => {
-		if (!fe(e) && (e.preventDefault(), e.stopImmediatePropagation(), e.button === 0)) {
+	}, pe = (e) => {
+		if (!ce(e) && (e.preventDefault(), e.stopImmediatePropagation(), e.button === 0)) {
 			let t = F(e.clientX, e.clientY);
 			t && ne(t);
 		}
 	}, me = (e) => {
-		fe(e) || (e.preventDefault(), e.stopImmediatePropagation());
+		ce(e) || (e.preventDefault(), e.stopImmediatePropagation());
 	}, he = () => {
-		m || (m = !0, A(), j(), n.body.classList.add(s), C = r.scrollX, w = r.scrollY, r.addEventListener("mousemove", ce, !0), r.addEventListener("mouseout", de, !0), r.addEventListener("click", pe, !0), r.addEventListener("auxclick", me, !0), r.addEventListener("scroll", ue, {
+		m || (m = !0, A(), j(), n.body.classList.add(s), C = r.scrollX, w = r.scrollY, r.addEventListener("mousemove", le, !0), r.addEventListener("mouseout", fe, !0), r.addEventListener("click", pe, !0), r.addEventListener("auxclick", me, !0), r.addEventListener("scroll", de, {
 			capture: !0,
 			passive: !0
 		}), r.addEventListener("resize", se, !0));
 	}, ge = () => {
-		m && (m = !1, r.cancelAnimationFrame(b), b = 0, r.clearTimeout(x), r.clearTimeout(S), S = 0, r.removeEventListener("mousemove", ce, !0), r.removeEventListener("mouseout", de, !0), r.removeEventListener("click", pe, !0), r.removeEventListener("auxclick", me, !0), r.removeEventListener("scroll", ue, !0), r.removeEventListener("resize", se, !0), te(), B(), g?.remove(), _?.remove(), g = null, _ = null, D.length = 0, O.length = 0, n.body.classList.remove(s));
+		m && (m = !1, r.cancelAnimationFrame(b), b = 0, r.clearTimeout(x), r.clearTimeout(S), S = 0, r.removeEventListener("mousemove", le, !0), r.removeEventListener("mouseout", fe, !0), r.removeEventListener("click", pe, !0), r.removeEventListener("auxclick", me, !0), r.removeEventListener("scroll", de, !0), r.removeEventListener("resize", se, !0), te(), B(), g?.remove(), _?.remove(), g = null, _ = null, D.length = 0, O.length = 0, n.body.classList.remove(s));
 	}, _e = () => {
 		ge(), T?.(), T = null, h?.remove(), h = null, n.getElementById(o)?.remove(), k instanceof r.ShadowRoot && k.querySelector(`#${o}`)?.remove();
 	};
@@ -3295,24 +3315,24 @@ function fa(e = {}, t = !1) {
 		destroy: _e
 	};
 }
-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 = {
+ma({}, !0);
+var ha = "/*! 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", ga = {
 	keepTextChanges: !1,
 	keepArrangeChanges: !1
-}, 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 = {
+}, _a = (e) => e.state.get("mesurer.presentation.preferences") ?? ga, va = "mesurer.arrange", ya = "arrange", ba = "mesurer.arrange.intents", xa = "mesurer.arrange.active", Sa = "mesurer.arrange.settings", Ca = "runtime:solid", wa = "builtin.select", Ta = "arrange.toggle", Ea = "arrange.commit", Da = "arrange.clear", Oa = "mesurer.arrange.selection-available", ka = 1, Aa = 24, ja = 160, Ma = 500, Na = "#ef4444", Pa = {
 	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"]
-}, Na = (e, t) => ({
+}, Fa = (e, t) => ({
 	left: e.left + t.x,
 	top: e.top + t.y,
 	width: e.width,
 	height: e.height
-}), Pa = (e, t) => ({
+}), Ia = (e, t) => ({
 	left: e.left - t.left,
 	top: e.top - t.top,
 	width: e.width - t.width,
 	height: e.height - t.height
-}), Fa = (e) => {
+}), La = (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 {
@@ -3321,35 +3341,35 @@ var pa = "/*! 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)), La = (e, t, n) => {
+}, Ra = (e, t, n, r) => Math.max(0, Math.max(e, n) - Math.min(t, r)), za = (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
 	];
-}, Ra = (e, t) => t === "x" ? {
+}, Ba = (e, t) => t === "x" ? {
 	start: e.top,
 	end: e.top + e.height
 } : {
 	start: e.left,
 	end: e.left + e.width
-}, 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)) {
+}, Va = (e) => e.kind === "edge" ? 2 : +(e.kind === "guide"), Ha = (e, t, n) => {
+	let r = Ba(t, e), i = null;
+	for (let a of n) if (a.axis === e && !(a.source === "element" && Ra(r.start, r.end, a.start, a.end) > ja)) for (let n of za(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 || za(a) > za(i))) && (i = {
+		(t < r || t === r && (!i || Va(a) > Va(i))) && (i = {
 			...a,
 			delta: e
 		});
 	}
 	return i;
-}, Va = (e) => {
+}, Ua = (e) => {
 	let { origin: t, pathname: n, search: r } = e.location;
 	return `${t}${n}${r}`;
-}, Ha = (e, t) => `${t}-${e.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`}`, Ua = (e) => ({
+}, Wa = (e, t) => `${t}-${e.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`}`, Ga = (e) => ({
 	tag: e.fingerprintTag,
 	id: e.fingerprintId,
 	testId: e.fingerprintTestId,
@@ -3357,10 +3377,10 @@ var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 	ariaLabel: e.fingerprintAriaLabel,
 	classes: [...e.fingerprintClasses],
 	text: e.fingerprintText
-}), Wa = (e) => ({
+}), Ka = (e) => ({
 	id: e.id,
 	selector: e.selector,
-	fingerprint: Ua(e),
+	fingerprint: Ga(e),
 	before: {
 		left: e.beforeLeft,
 		top: e.beforeTop,
@@ -3381,21 +3401,21 @@ var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 		x: e.desiredOffsetX,
 		y: e.desiredOffsetY
 	}
-}), Ga = (e) => ({
+}), qa = (e) => ({
 	id: e.id,
 	createdAt: e.createdAt,
 	pageUrl: e.pageUrl,
-	targets: e.targets.map(Wa)
-}), Ka = (e) => ({
+	targets: e.targets.map(Ka)
+}), Ja = (e) => ({
 	value: e.style.getPropertyValue("transform"),
 	priority: e.style.getPropertyPriority("transform")
-}), qa = (e, t) => e.value === t.value && e.priority === t.priority, Ja = (e) => {
+}), Ya = (e, t) => e.value === t.value && e.priority === t.priority, Xa = (e) => {
 	let { element: t, beforeTransform: n, appliedTransform: r } = e;
-	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,
+	Ya(Ja(t), r) && (n.value || n.priority ? t.style.setProperty("transform", n.value, n.priority) : t.style.removeProperty("transform"));
+}, Za = (e) => e instanceof Element && !!e.closest("input, textarea, select, [contenteditable='true'], [contenteditable='']"), Qa = () => ar({
+	id: va,
 	version: "0.1.0",
-	requires: [xa, "tool:select"],
+	requires: [Ca, "tool:select"],
 	provides: [
 		"tool:arrange",
 		"intent:arrange",
@@ -3403,19 +3423,19 @@ var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 		"settings:arrange"
 	],
 	setup(e) {
-		let t = e.service.get(xa);
+		let t = e.service.get(Ca);
 		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: va,
+			id: ba,
 			initial: { intents: [] },
 			history: !0,
 			persist: !0
 		}), e.state.register({
-			id: ya,
+			id: xa,
 			initial: !1
 		}), e.state.register({
-			id: ba,
+			id: Sa,
 			initial: {
 				snapping: !0,
 				elementEdges: !0,
@@ -3429,16 +3449,16 @@ var pa = "/*! 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 = ja, 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 = Na, 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 = ja, 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 = Na, 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(ba);
+			let t = e.state.get(Sa);
 			return {
 				snapping: t?.snapping ?? !0,
 				elementEdges: t?.elementEdges ?? !0,
@@ -3448,21 +3468,21 @@ var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				snapLines: t?.snapLines ?? !0
 			};
 		}, w = (t) => {
-			e.state.update(ba, (e) => ({
+			e.state.update(Sa, (e) => ({
 				...e,
 				...t
 			}));
-		}, 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) => {
+		}, T = () => Ua(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) => ki(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 = Ua(e);
-			if (!Ai(t)) return null;
+			let t = Ga(e);
+			if (!Mi(t)) return null;
 			let n = [];
 			try {
-				n = k(e.selector).filter((e) => ji(e, t));
+				n = k(e.selector).filter((e) => Ni(e, t));
 			} catch {
 				return null;
 			}
@@ -3470,7 +3490,7 @@ var pa = "/*! 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) => ji(e, t));
+					e = k(t.tag).filter((e) => Ni(e, t));
 				} catch {
 					return null;
 				}
@@ -3478,7 +3498,7 @@ var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			}
 			return n[0] ?? null;
 		}, j = () => {
-			for (let e of p.values()) Ja(e);
+			for (let e of p.values()) Xa(e);
 			p.clear();
 		}, M = () => {
 			u.style.display = "none", d.style.display = "none";
@@ -3532,11 +3552,11 @@ var pa = "/*! 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 = Ka(t), i = r.getComputedStyle(t).transform, a = i && i !== "none" ? ` ${i}` : "";
+				let e = Ja(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: Ka(t)
+					appliedTransform: Ja(t)
 				});
 			}
 		}, L = () => I(te()), R = (e) => {
@@ -3548,24 +3568,24 @@ var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			}
 		}, z = () => i.currentSelection().elements.filter((e) => e instanceof c.HTMLElement && e.isConnected && O(e));
 		e.state.register({
-			id: Ea,
+			id: Oa,
 			initial: z().length > 0
 		});
-		let B = () => e.state.get(Ea) ?? !1, V = () => {
+		let B = () => e.state.get(Oa) ?? !1, V = () => {
 			let t = z().length > 0;
-			t !== B() && e.state.update(Ea, () => t);
-		}, ne = () => Fa(z().map((e) => Ei(e))), re = (e) => {
+			t !== B() && e.state.update(Oa, () => t);
+		}, ne = () => La(z().map((e) => Oi(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 >= Aa || a.has(i) || e.some((e) => e.contains(i)) || !O(i)) return;
+				if (u >= Ma || 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 = Ei(i);
+				let c = Oi(i);
 				if (c.width <= 0 || c.height <= 0) return;
-				let d = ka;
+				let d = ja;
 				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;
@@ -3606,7 +3626,7 @@ var pa = "/*! 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 >= Aa) break;
+					if (u >= Ma) break;
 					e instanceof c.HTMLElement && d(e);
 				}
 			}
@@ -3654,7 +3674,7 @@ var pa = "/*! 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(Sa, void 0, { source: "arrange" });
+			s.querySelector("[data-mesurer-builtin='select'] button")?.getAttribute("aria-pressed") !== "true" && await e.command.execute(wa, void 0, { source: "arrange" });
 		}, se = (e) => {
 			if (!S() || e.button !== 0) return;
 			let t = z();
@@ -3666,15 +3686,15 @@ var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			let n = F(E());
 			j();
 			let r = t.map((e, t) => {
-				let r = Ei(e), i = n.get(e) ?? {
+				let r = Oi(e), i = n.get(e) ?? {
 					x: 0,
 					y: 0
-				}, a = Na(r, i), o = ki(e);
+				}, a = Fa(r, i), o = ji(e);
 				return {
 					element: e,
 					target: {
 						id: `target-${t + 1}`,
-						selector: Oi(e),
+						selector: Ai(e),
 						fingerprintTag: o.tag,
 						fingerprintId: o.id,
 						fingerprintTestId: o.testId,
@@ -3696,7 +3716,7 @@ var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 						desiredOffsetY: i.y
 					}
 				};
-			}), i = Fa(r.map(({ target: e }) => ({
+			}), i = La(r.map(({ target: e }) => ({
 				left: e.beforeLeft,
 				top: e.beforeTop,
 				width: e.beforeWidth,
@@ -3720,10 +3740,10 @@ var pa = "/*! 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 = Na(g.groupBefore, {
+			let i = Fa(g.groupBefore, {
 				x: t,
 				y: n
-			}), a = r === "y" ? null : Ba("x", i, g.snapCandidates), o = r === "x" ? null : Ba("y", i, g.snapCandidates);
+			}), a = r === "y" ? null : Ha("x", i, g.snapCandidates), o = r === "x" ? null : Ha("y", i, g.snapCandidates);
 			t += a?.delta ?? 0, n += o?.delta ?? 0, g.dx = t, g.dy = n;
 			let s = F(E());
 			for (let e of g.targets) s.set(e.element, {
@@ -3731,7 +3751,7 @@ var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				y: e.target.beforeOffsetY + n
 			});
 			I(s);
-			let c = Na(g.groupBefore, {
+			let c = Fa(g.groupBefore, {
 				x: t,
 				y: n
 			});
@@ -3749,7 +3769,7 @@ var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				return;
 			}
 			_ = {
-				id: Ha(r, "arrange"),
+				id: Wa(r, "arrange"),
 				createdAt: Date.now(),
 				pageUrl: T(),
 				targets: n.targets.map(({ target: e }) => ({
@@ -3759,13 +3779,13 @@ var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 					desiredOffsetX: e.beforeOffsetX + n.dx,
 					desiredOffsetY: e.beforeOffsetY + n.dy
 				}))
-			}, e.command.execute(wa).catch(() => {
+			}, e.command.execute(Ea).catch(() => {
 				_ = null, ie(), H();
 			});
 		}, de = (e) => {
 			!g || e.pointerId !== g.pointerId || le();
 		}, fe = (t) => {
-			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()));
+			t.key !== "Escape" || !S() && !g || Za(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(() => {
 			V(), W();
@@ -3785,18 +3805,18 @@ var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			V(), 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" ? Fa(e.targets.map((e) => ({
+			if (n = t === "before" ? La(e.targets.map((e) => ({
 				left: e.beforeLeft,
 				top: e.beforeTop,
 				width: e.beforeWidth,
 				height: e.beforeHeight
-			}))) : t === "desired" ? Fa(e.targets.map((e) => ({
+			}))) : t === "desired" ? La(e.targets.map((e) => ({
 				left: e.desiredLeft,
 				top: e.desiredTop,
 				width: e.desiredWidth,
 				height: e.desiredHeight
-			}))) : R(() => 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);
+			}))) : R(() => La(e.targets.map((e) => A(e)).filter((e) => e !== null).map((e) => Oi(e)))), !n) throw Error(`Arrange intent has no resolvable capture region: ${e.id}`);
+			let i = Math.max(0, n.left - Aa), a = Math.max(0, n.top - Aa), o = Math.min(r.innerWidth, n.left + n.width + Aa), s = Math.min(r.innerHeight, n.top + n.height + Aa);
 			return {
 				left: i,
 				top: a,
@@ -3805,10 +3825,10 @@ var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			};
 		}, _e = {
 			active: S,
-			intents: () => x().intents.map(Ga),
+			intents: () => x().intents.map(qa),
 			intent(e) {
 				let t = he(e);
-				return t ? Ga(t) : null;
+				return t ? qa(t) : null;
 			},
 			show(e, t) {
 				if (!he(e)) throw Error(`Arrange intent not found: ${e}`);
@@ -3841,7 +3861,7 @@ var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 					}]
 				};
 			},
-			review: (e, t = Da) => {
+			review: (e, t = ka) => {
 				let n = he(e);
 				if (!n) throw Error(`Arrange intent not found: ${e}`);
 				let r = R(() => n.targets.map((e) => {
@@ -3859,7 +3879,7 @@ var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 						delta: null,
 						matched: !1
 					};
-					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;
+					let i = Oi(n), a = Ia(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,
@@ -3879,7 +3899,7 @@ var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				};
 			},
 			clear: async () => {
-				await e.command.execute(Ta);
+				await e.command.execute(Da);
 			}
 		};
 		e.tool.register({
@@ -3887,8 +3907,8 @@ var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			label: "Arrange",
 			shortcut: "Shift+A",
 			order: 65,
-			command: Ca,
-			icon: Ma,
+			command: Ta,
+			icon: Pa,
 			active: S,
 			menu: {
 				label: "Arrange options",
@@ -3995,28 +4015,28 @@ var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 					disabled: () => !C().snapping
 				}
 			]
-		}), e.command.register(Ca, async () => {
+		}), e.command.register(Ta, 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(wa, () => {
+		}), e.command.register(Ea, () => {
 			let t = _;
 			_ = null, t && (e.state.update("mesurer.arrange.intents", (e) => ({ intents: [...e.intents, t].slice(-100) })), ie(), H());
-		}), e.command.register(Ta, () => {
-			e.state.update(va, () => ({ intents: [] })), h = {
+		}), e.command.register(Da, () => {
+			e.state.update(ba, () => ({ intents: [] })), h = {
 				intentId: null,
 				state: "desired"
 			}, j(), M(), S() ? N() : P(), H();
-		}), e.service.provide(_a, _e), L(), H(), e.lifecycle.onDispose(() => {
+		}), e.service.provide(ya, _e), L(), 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(), P(), i.dispose(), a.dispose();
 		});
 	}
-}), Za = (e, t, n) => {
+}), $a = (e, t, n) => {
 	let r = !1, i = 0, a = null, o = null, s = () => ({
-		visible: (e.state.get("mesurer.arrange.active") ?? !1) || ha(e).keepArrangeChanges,
+		visible: (e.state.get("mesurer.arrange.active") ?? !1) || _a(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) {
@@ -4037,23 +4057,23 @@ var pa = "/*! 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();
 	});
-}, Qa = [
+}, eo = [
 	"[data-mesurer-measurement='true']",
 	"[data-mesurer-selected-measurement='true']",
 	"[data-mesurer-inspector-ui='true']"
-].join(""), $a = "[data-mesurer-text-edit-runtime='true']", eo = "[data-mesurer-text-editor='true']", to = (e, t) => {
+].join(""), to = "[data-mesurer-text-edit-runtime='true']", no = "[data-mesurer-text-editor='true']", ro = (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(Qa) && 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(eo) && 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(eo), d = (e) => {
+	}, u = () => !!o?.querySelector(no), 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(Qa)) e instanceof r.HTMLElement && d(e);
+		if (!(!a || u())) for (let e of n.querySelectorAll(eo)) e instanceof r.HTMLElement && d(e);
 	}, p = () => {
 		!a || u() ? l() : f();
 	}, m = (e) => {
@@ -4068,14 +4088,14 @@ var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			}), p();
 		}
 	}, h = () => {
-		let e = n.querySelectorAll($a);
+		let e = n.querySelectorAll(to);
 		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($a) && (t = !0), d(e));
+			for (let e of n.addedNodes) e instanceof r.HTMLElement && (e.matches(to) && (t = !0), d(e));
 			for (let e of n.removedNodes) e === o && (t = !0);
 		}
 		t && m(h());
@@ -4088,20 +4108,20 @@ var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 	p(), e.lifecycle.onDispose(() => {
 		g.disconnect(), s?.disconnect(), s = null, _.dispose(), l();
 	});
-}, no = () => {
-	let e = Xa();
+}, io = () => {
+	let e = Qa();
 	return {
 		...e,
 		async setup(t) {
 			await e.setup(t);
-			let n = t.service.get(_a);
+			let n = t.service.get(ya);
 			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.");
-			Za(t, n, r.ownerWindow), to(t, r);
+			$a(t, n, r.ownerWindow), ro(t, r);
 		}
 	};
-}, ro = (e, t, n, r) => ar({
+}, ao = (e, t, n, r) => ar({
 	id: `mesurer.${e}`,
 	version: "0.1.0",
 	provides: [`tool:${e}`],
@@ -4115,7 +4135,7 @@ var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			command: `builtin.${e}`
 		});
 	}
-}), 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({
+}), oo = () => ao("select", "Select", "S", 10), so = () => ao("xray", "X-ray", "X", 20), co = () => ao("color-picker", "Color picker", "P", 30), lo = () => ao("rulers", "Rulers", "R", 40), uo = () => ao("text-inspector", "Typography", "A", 50), fo = () => ao("guides", "Guides", "G", 60), po = () => ao("settings", "Settings", "⌘/Ctrl+,", 90), mo = () => ar({
 	id: "mesurer.distance",
 	version: "0.1.0",
 	provides: ["overlay:distance", "settings:selection-spacing"],
@@ -4131,21 +4151,21 @@ var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			order: 30
 		});
 	}
-}), po = () => [
-	io(),
-	ao(),
+}), ho = () => [
 	oo(),
 	so(),
 	co(),
 	lo(),
+	uo(),
 	fo(),
-	uo()
+	mo(),
+	po()
 ];
-function mo(e = [], t = []) {
+function go(e = [], t = []) {
 	let n = new Set(t.map((e) => `mesurer.${e}`));
-	return [...po().filter((e) => !n.has(e.id)), ...e];
+	return [...ho().filter((e) => !n.has(e.id)), ...e];
 }
-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) => {
+var _o = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), vo = (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), yo = (e, t, n, r, i) => {
 	let a = e.left + e.width, o = e.top + e.height, s = [
 		{
 			axis: "vertical",
@@ -4193,7 +4213,7 @@ var ho = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), go = (e, t, n =
 		}
 	];
 	return i ? s.sort((e, t) => t.space - e.space) : s;
-}, vo = (e, t, n) => {
+}, bo = (e, t, n) => {
 	let r = [];
 	for (let i = 0; i <= n; i += 1) {
 		let n = i * t;
@@ -4219,14 +4239,14 @@ var ho = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), go = (e, t, n =
 	}
 	return r;
 };
-function yo(e, t, n = {}) {
+function xo(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 = _o(n.rect, t, r, a, u);
-		for (let t of vo(v, d, l)) {
+		let e = /* @__PURE__ */ new Set(), _ = [], v = yo(n.rect, t, r, a, u);
+		for (let t of bo(v, d, l)) {
 			let n = u ? {
-				left: ho(t.left, s, f),
-				top: ho(t.top, s, p)
+				left: _o(t.left, s, f),
+				top: _o(t.top, s, p)
 			} : t, r = `${n.left}:${n.top}`;
 			e.has(r) || (e.add(r), _.push(n));
 		}
@@ -4236,21 +4256,21 @@ function yo(e, t, n = {}) {
 				width: r,
 				height: r
 			};
-			return h.every((e) => !go(t, e, o)) && c.every((e) => !go(t, e, i));
+			return h.every((e) => !vo(t, e, o)) && c.every((e) => !vo(t, e, i));
 		}), b = y.find((e) => {
 			let t = {
 				...e,
 				width: r,
 				height: r
 			};
-			return m.every((e) => !go(t, e, i));
+			return m.every((e) => !vo(t, e, i));
 		}) ?? y.find((e) => {
 			let t = {
 				...e,
 				width: r,
 				height: r
 			};
-			return m.every((e) => !go(t, e));
+			return m.every((e) => !vo(t, e));
 		}) ?? y[0] ?? _[0] ?? {
 			left: s,
 			top: s
@@ -4266,20 +4286,20 @@ function yo(e, t, n = {}) {
 	}
 	return g;
 }
-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) => {
+var So = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), Co = 0, wo = (e) => e.split(",").map((e) => e.trim()).filter((e) => e.length > 0 && e !== "none"), To = (e) => {
 	let t = e.ownerDocument.defaultView?.HTMLElement;
 	return !!(t && e instanceof t);
-}, wo = (e, t) => {
-	let n = e.style.getPropertyValue("anchor-name"), r = e.style.getPropertyPriority("anchor-name"), i = So(n);
+}, Eo = (e, t) => {
+	let n = e.style.getPropertyValue("anchor-name"), r = e.style.getPropertyPriority("anchor-name"), i = wo(n);
 	i.includes(t) || e.style.setProperty("anchor-name", [...i, t].join(", "), r);
 	let a = !1;
 	return () => {
 		if (a) return;
 		a = !0;
-		let i = So(e.style.getPropertyValue("anchor-name")).filter((e) => e !== t);
+		let i = wo(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");
 	};
-}, To = (e) => {
+}, Do = (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 {
@@ -4288,14 +4308,14 @@ var bo = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), xo = 0, So = (e)
 		width: r - t,
 		height: i - n
 	};
-}, Eo = (e, t, n, r, i = 8) => {
+}, Oo = (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 : bo(e.left + e.width - t, 8, a),
-		top: bo(e.top, 8, o)
+		left: s + t <= r.innerWidth - 8 ? s : c >= 8 ? c : So(e.left + e.width - t, 8, a),
+		top: So(e.top, 8, o)
 	};
-}, 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;
+}, ko = (e, t, n, r, i = 8) => {
+	let a = r.innerWidth - t - 8, o = So(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
@@ -4304,10 +4324,10 @@ var bo = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), xo = 0, So = (e)
 	return c >= 8 ? {
 		left: o,
 		top: c
-	} : Eo(e, t, n, r, i);
+	} : Oo(e, t, n, r, i);
 };
-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, P = null, F = null, te = null, I = null, L = null, R = null, z = /* @__PURE__ */ new Map(), B = () => ee?.ownerDocument.defaultView ?? window, V = () => e.coordinateSpace === "viewport", ne = (e) => e ? "native-anchor" : V() ? "cached-delta" : "document", re = (e) => {
+function Ao(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-${++Co}`, O = null, k = e.initialTriggerFallback === "current-and-next", A = null, j = null, M = null, ee, N, P = null, F = null, te = null, I = null, L = null, R = null, z = /* @__PURE__ */ new Map(), B = () => ee?.ownerDocument.defaultView ?? window, V = () => e.coordinateSpace === "viewport", ne = (e) => e ? "native-anchor" : V() ? "cached-delta" : "document", re = (e) => {
 		if (V()) return e;
 		let t = B();
 		return {
@@ -4342,7 +4362,7 @@ function Oo(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) => !!(Co(e) && V() && ee && ae() && e.getRootNode() === ee.getRootNode()), fe = (e) => {
+	}, de = (e) => !!(To(e) && V() && ee && ae() && e.getRootNode() === ee.getRootNode()), fe = (e) => {
 		let t = ue(e), n = z.get(e);
 		if (!t) {
 			n && (le(e), i((e) => e + 1));
@@ -4356,19 +4376,19 @@ function Oo(e) {
 		le(e);
 		let a = t.ownerDocument.defaultView;
 		if (a) {
-			if (r && Co(t)) {
-				let n = `--mesurer-annotation-${++xo}`;
+			if (r && To(t)) {
+				let n = `--mesurer-annotation-${++Co}`;
 				z.set(e, {
 					target: t,
 					anchorName: n,
-					releaseAnchor: wo(t, n),
-					scroll: ti(a, t, () => ce(e), { trackWindow: !1 })
+					releaseAnchor: Eo(t, n),
+					scroll: ri(a, t, () => ce(e), { trackWindow: !1 })
 				});
 			} else z.set(e, {
 				target: t,
 				anchorName: null,
 				releaseAnchor: null,
-				scroll: ti(a, t, () => ce(e), { trackWindow: V() })
+				scroll: ri(a, t, () => ce(e), { trackWindow: V() })
 			});
 			i((e) => e + 1);
 		}
@@ -4387,7 +4407,7 @@ function Oo(e) {
 	e.initialTriggerFallback && (O = W());
 	let ge = () => {
 		I?.release(), I = null, te?.(), te = null, P = null, F = null;
-	}, _e = (e) => !!(Co(e) && V() && ee && e !== O && ae() && e.getRootNode() === ee.getRootNode()), ve = () => {
+	}, _e = (e) => !!(To(e) && V() && ee && e !== O && ae() && e.getRootNode() === ee.getRootNode()), ve = () => {
 		let e = W();
 		O && e !== O && (O = null);
 		let t = P, n = !!(e?.isConnected && _e(e)), r = F === e;
@@ -4395,16 +4415,16 @@ function Oo(e) {
 			I?.sync();
 			return;
 		}
-		let i = e === t ? D : `--mesurer-annotation-trigger-${++xo}`;
+		let i = e === t ? D : `--mesurer-annotation-trigger-${++Co}`;
 		if (ge(), !e?.isConnected) return;
 		P = e;
 		let a = e.ownerDocument.defaultView;
 		if (a) {
-			if (n && Co(e)) {
-				te = wo(e, i), F = e, D = i, I = ti(a, e, se, { trackWindow: !1 });
+			if (n && To(e)) {
+				te = Eo(e, i), F = e, D = i, I = ri(a, e, se, { trackWindow: !1 });
 				return;
 			}
-			D = i, I = ti(a, e, se, { trackWindow: V() });
+			D = i, I = ri(a, e, se, { trackWindow: V() });
 		}
 	}, ye = (e) => {
 		if (L?.disconnect(), L = null, !e?.isConnected) return;
@@ -4470,7 +4490,7 @@ function Oo(e) {
 			};
 		});
 		return e.region && t.push({ ...e.region }), t;
-	}), Ne = Gt(() => To(Me())), Pe = () => {
+	}), Ne = Gt(() => Do(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(() => {
@@ -4492,7 +4512,7 @@ function Oo(e) {
 			top: e.top,
 			width: 24,
 			height: 24
-		})), [a] = yo([{
+		})), [a] = xo([{
 			id: "selection-note-trigger",
 			rect: n
 		}], {
@@ -4501,7 +4521,7 @@ function Oo(e) {
 		}, {
 			obstacles: i,
 			maxShiftRings: 1
-		}), 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 = F === e, l = V() && !c;
+		}), o = a?.left ?? So(n.left + n.width + 6, 4, r.innerWidth - 24 - 4), s = a?.top ?? So(n.top, 4, r.innerHeight - 24 - 4), c = F === e, l = V() && !c;
 		return {
 			left: c || l ? o : o + r.scrollX,
 			top: c || l ? s : s + r.scrollY,
@@ -4519,7 +4539,7 @@ function Oo(e) {
 				rect: n
 			}] : [];
 		});
-		return new Map(yo(i, {
+		return new Map(xo(i, {
 			width: n.innerWidth,
 			height: n.innerHeight
 		}, { obstacles: Me() }).map((e) => [e.id, e]));
@@ -4543,7 +4563,7 @@ function Oo(e) {
 		return n && e ? {
 			left: e.left + n.left,
 			top: e.top + n.top
-		} : e ? Do(e, 272, 168, t) : {
+		} : e ? ko(e, 272, 168, t) : {
 			left: 8,
 			top: 8
 		};
@@ -4564,7 +4584,7 @@ function Oo(e) {
 		};
 	}, Ue = (e, t) => {
 		let n = B(), r = Re(), i = r.get(e);
-		if (!i) return Eo(t, 272, 176, n);
+		if (!i) return Oo(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,
@@ -4590,8 +4610,8 @@ function Oo(e) {
 			}
 		]) {
 			let t = {
-				left: bo(e.left, 8, a),
-				top: bo(e.top, 8, o)
+				left: So(e.left, 8, a),
+				top: So(e.top, 8, o)
 			}, n = `${t.left}:${t.top}`;
 			l.has(n) || (l.add(n), u.push(t));
 		}
@@ -4607,7 +4627,7 @@ function Oo(e) {
 				targetOverlap: c(r, t),
 				index: n
 			};
-		}).sort((e, t) => e.markerOverlap - t.markerOverlap || e.targetOverlap - t.targetOverlap || e.index - t.index)[0]?.candidate ?? Eo(t, 272, 176, n);
+		}).sort((e, t) => e.markerOverlap - t.markerOverlap || e.targetOverlap - t.targetOverlap || e.index - t.index)[0]?.candidate ?? Oo(t, 272, 176, n);
 	}, We = (t) => {
 		let n = e.runtime.annotationRect(t);
 		if (!n) return {
@@ -4655,8 +4675,8 @@ function Oo(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: bo(r.originLeft + t.clientX - r.startX, 8, i),
-				top: bo(r.originTop + t.clientY - r.startY, 8, a)
+				left: So(r.originLeft + t.clientX - r.startX, 8, i),
+				top: So(r.originTop + t.clientY - r.startY, 8, a)
 			};
 			if (n === "composer") {
 				let e = Ne();
@@ -4701,7 +4721,7 @@ function Oo(e) {
 		k = !1, A = H(), v(""), b(null), w(null), o(null);
 		let e = Ne();
 		if (e) {
-			let t = Do(e, 272, 168, B());
+			let t = ko(e, 272, 168, B());
 			m({
 				left: t.left - e.left,
 				top: t.top - e.top
@@ -4765,7 +4785,7 @@ function Oo(e) {
 							});
 							return nr(() => (e) => {
 								N = e, I?.sync();
-							}, t), Z(t, J(yi, { size: 14 })), q(() => ({
+							}, t), Z(t, J(xi, { size: 14 })), q(() => ({
 								e: V() ? "viewport" : "document",
 								t: ne(e().nativeAnchor),
 								a: {
@@ -4830,10 +4850,10 @@ function Oo(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(yi, {
+						return X(t, n), X(t, s), X(t, c), X(n, r), X(n, o), Z(n, J(xi, {
 							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(xi, { size: 14 })), Z(t, J(Xt, {
+						}), r), X(r, i), X(r, a), X(i, Qn("Add note")), Z(a, Pe), Z(o, J(Ci, { size: 14 })), Z(t, J(Xt, {
 							get when() {
 								return y();
 							},
@@ -5033,7 +5053,7 @@ function Oo(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(vi, { size: 14 })), Z(_, J(bi, { size: 14 })), Z(v, J(xi, { 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(bi, { size: 14 })), Z(_, J(Si, { size: 14 })), Z(v, J(Ci, { size: 14 })), Z(y, () => t().note), Z(i, J(Xt, {
 					get when() {
 						return C();
 					},
@@ -5065,11 +5085,11 @@ function Oo(e) {
 		})
 	];
 }
-function ko(e) {
+function jo(e) {
 	let t = null;
-	return St(Ni(e.ownerWindow, () => {
+	return St(Fi(e.ownerWindow, () => {
 		t?.abandonNoteComposer();
-	})), J(Oo, {
+	})), J(Ao, {
 		get runtime() {
 			return e.runtime;
 		},
@@ -5087,11 +5107,11 @@ function ko(e) {
 		}
 	});
 }
-var Ao = "2147482950", jo = "2147483646", Mo = "2147483647";
-function No(e) {
+var Mo = "2147482950", No = "2147483646", Po = "2147483647";
+function Fo(e) {
 	let { ownerDocument: t, ownerWindow: n, pageTarget: r } = e, i = t.body;
 	if (!(i && !(r instanceof n.ShadowRoot) && r.getRootNode() === t)) return e.createInspectorMount();
-	Li(pa, i);
+	zi(ha, 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) => {
@@ -5109,17 +5129,17 @@ function No(e) {
 	s.dataset.mesurerDocumentInspectorLayerStyle = "true", s.textContent = `
 [data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-target-highlight="true"] {
   position: absolute !important;
-  z-index: ${Ao} !important;
+  z-index: ${Mo} !important;
 }
 [data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-panel="true"] {
   position: absolute !important;
-  z-index: ${jo} !important;
+  z-index: ${No} !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: ${Mo} !important;
+  z-index: ${Po} !important;
 }
 `, t.head.append(s), i.append(a);
 	let c = !1;
@@ -5130,8 +5150,8 @@ function No(e) {
 		}
 	};
 }
-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);
+var Io = (e) => `color-mix(in srgb, ${e.color} ${e.opacity * 100}%, transparent)`, Lo = (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 = Lo(e.align);
 	return {
 		position: "absolute",
 		inset: "0",
@@ -5152,7 +5172,7 @@ var Po = (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 Lo(e) {
+function zo(e) {
 	let t = () => e.guides.filter((e) => e.visible);
 	return J(Xt, {
 		get when() {
@@ -5187,7 +5207,7 @@ function Lo(e) {
 									"min-height": "0",
 									width: "100%",
 									height: "100%",
-									"background-color": Po(e)
+									"background-color": Io(e)
 								}), (e, n) => {
 									Q(t, "style", e, n);
 								}), t;
@@ -5195,7 +5215,7 @@ function Lo(e) {
 						})), q(() => ({
 							e: e.id,
 							t: e.kind,
-							a: Io(e)
+							a: Ro(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;
@@ -5208,7 +5228,7 @@ function Lo(e) {
 						return q(() => ({
 							e: e.id,
 							t: {
-								"background-image": `linear-gradient(to right, ${Po(e)} 1px, transparent 1px), linear-gradient(to bottom, ${Po(e)} 1px, transparent 1px)`,
+								"background-image": `linear-gradient(to right, ${Io(e)} 1px, transparent 1px), linear-gradient(to bottom, ${Io(e)} 1px, transparent 1px)`,
 								"background-size": `${e.size}px ${e.size}px`
 							}
 						}), ({ e, t: n }, r) => {
@@ -5220,34 +5240,34 @@ function Lo(e) {
 		}
 	});
 }
-var Ro = "#FF0000", zo = .1, Bo = /* @__PURE__ */ new Set([
+var Bo = "#FF0000", Vo = .1, Ho = /* @__PURE__ */ new Set([
 	"columns",
 	"rows",
 	"grid"
-]), Vo = /* @__PURE__ */ new Set([
+]), Uo = /* @__PURE__ */ new Set([
 	"stretch",
 	"min",
 	"center",
 	"max"
-]), 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();
+]), Wo = (e, t, n) => Math.min(n, Math.max(t, e)), Go = (e, t) => e !== void 0 && Number.isFinite(e) ? e : t, Ko = (e = {}) => {
+	let t = e.kind && Ho.has(e.kind) ? e.kind : "columns", n = e.align && Uo.has(e.align) ? e.align : t === "grid" ? "min" : "stretch", r = e.id?.trim(), i = e.color?.trim();
 	return {
 		id: r || Wr(),
 		kind: t,
 		visible: e.visible ?? !0,
 		color: i || "#FF0000",
-		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),
+		opacity: Wo(Go(e.opacity, Vo), 0, 1),
+		count: Wo(Math.round(Go(e.count, 5)), 1, 24),
+		size: Wo(Go(e.size, 72), 1, 4096),
+		gutter: Wo(Go(e.gutter, 20), 0, 800),
+		offset: Wo(Go(e.offset, 0), 0, 4096),
 		align: n
 	};
-}, Go = (e) => (e ?? []).map(Wo), Ko = (e) => {
+}, qo = (e) => (e ?? []).map(Ko), Jo = (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)`;
-}, qo = (e) => (() => {
+}, Yo = (e) => (() => {
 	var t = Y("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
@@ -5266,22 +5286,22 @@ var Ro = "#FF0000", zo = .1, Bo = /* @__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;
-})(), 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) => (() => {
+})(), Xo = (e) => e.kind === "rows" ? J(gi, { size: 14 }) : e.kind === "grid" ? J(mi, { size: 14 }) : J(hi, { size: 14 }), Zo = "msr:grid-cols-[78px_minmax(0,1fr)]", Qo = (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;
-})(), Zo = (e) => (() => {
+})(), $o = (e) => (() => {
 	var t = Y("span", { class: "msr:relative msr:block msr:w-full" }), n = Y("select", {
-		class: ri,
+		class: ai,
 		onPointerDown: (e) => e.stopPropagation(),
 		onChange: (t) => e.onChange(t.currentTarget.value)
 	});
-	return X(t, n), Z(n, () => e.children), Z(t, J(ii, {}), null), q(() => ({
+	return X(t, n), Z(n, () => e.children), Z(t, J(oi, {}), 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;
-})(), Qo = (e) => {
+})(), es = (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)) {
@@ -5290,7 +5310,7 @@ var Ro = "#FF0000", zo = .1, Bo = /* @__PURE__ */ new Set([
 		}
 		e.onChange(s(n));
 	};
-	return J(ai, { get left() {
+	return J(si, { get left() {
 		var a = Y("input", {
 			type: "text",
 			inputmode: "numeric",
@@ -5322,7 +5342,7 @@ var Ro = "#FF0000", zo = .1, Bo = /* @__PURE__ */ new Set([
 			e !== n?.e && Q(a, "aria-label", e, n?.e), t !== n?.t && Q(a, "value", t, n?.t);
 		}), a;
 	} });
-}, $o = (e) => e === "rows" || e === "grid" ? e : "columns", es = (e) => e === "min" || e === "center" || e === "max" ? e : "stretch", ts = (e) => {
+}, ts = (e) => e === "rows" || e === "grid" ? e : "columns", ns = (e) => e === "min" || e === "center" || e === "max" ? e : "stretch", rs = (e) => {
 	let t = Gt(() => e.guide.kind === "rows" ? {
 		stretch: "Stretch",
 		min: "Top",
@@ -5339,13 +5359,13 @@ var Ro = "#FF0000", zo = .1, Bo = /* @__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(Zo, {
+	return X(r, i), X(i, a), Z(i, J($o, {
 		label: "Layout guide type",
 		get value() {
 			return e.guide.kind;
 		},
 		onChange: (t) => {
-			let n = $o(t);
+			let n = ts(t);
 			e.onUpdate({
 				kind: n,
 				align: n === "grid" ? "min" : e.guide.align === "stretch" || n === e.guide.kind ? e.guide.align : "stretch"
@@ -5367,15 +5387,15 @@ var Ro = "#FF0000", zo = .1, Bo = /* @__PURE__ */ new Set([
 				})()
 			];
 		}
-	}), a), Z(a, J(qo, {})), Z(r, J(Xt, {
+	}), a), Z(a, J(Yo, {})), Z(r, J(Xt, {
 		get when() {
 			return e.guide.kind !== "grid";
 		},
 		get children() {
-			return J(Xo, {
+			return J(Qo, {
 				label: "Count",
 				get children() {
-					return J(Qo, {
+					return J(es, {
 						label: "Count",
 						get value() {
 							return e.guide.count;
@@ -5387,16 +5407,16 @@ var Ro = "#FF0000", zo = .1, Bo = /* @__PURE__ */ new Set([
 				}
 			});
 		}
-	}), null), Z(r, J(oi, {
+	}), null), Z(r, J(ci, {
 		label: "Color",
-		columns: Yo,
+		columns: Zo,
 		get value() {
 			return dr({
 				...lr(e.guide.color) ?? lr("#FF0000"),
 				alpha: e.guide.opacity
 			});
 		},
-		fallback: Ro,
+		fallback: Bo,
 		get ownerWindow() {
 			return e.ownerWindow;
 		},
@@ -5415,15 +5435,15 @@ var Ro = "#FF0000", zo = .1, Bo = /* @__PURE__ */ new Set([
 			return e.guide.kind !== "grid";
 		},
 		get children() {
-			return J(Xo, {
+			return J(Qo, {
 				label: "Type",
 				get children() {
-					return J(Zo, {
+					return J($o, {
 						label: "Alignment",
 						get value() {
 							return e.guide.align;
 						},
-						onChange: (t) => e.onUpdate({ align: es(t) }),
+						onChange: (t) => e.onUpdate({ align: ns(t) }),
 						get children() {
 							return J(Yt, {
 								each: [
@@ -5447,12 +5467,12 @@ var Ro = "#FF0000", zo = .1, Bo = /* @__PURE__ */ new Set([
 			return e.guide.kind === "grid" || e.guide.align !== "stretch";
 		},
 		get children() {
-			return J(Xo, {
+			return J(Qo, {
 				get label() {
 					return n();
 				},
 				get children() {
-					return J(Qo, {
+					return J(es, {
 						get label() {
 							return n();
 						},
@@ -5471,10 +5491,10 @@ var Ro = "#FF0000", zo = .1, Bo = /* @__PURE__ */ new Set([
 			return e.guide.kind !== "grid";
 		},
 		get children() {
-			return [J(Xo, {
+			return [J(Qo, {
 				label: "Offset",
 				get children() {
-					return J(Qo, {
+					return J(es, {
 						label: "Offset",
 						get value() {
 							return e.guide.offset;
@@ -5484,10 +5504,10 @@ var Ro = "#FF0000", zo = .1, Bo = /* @__PURE__ */ new Set([
 						onChange: (t) => e.onUpdate({ offset: t })
 					});
 				}
-			}), J(Xo, {
+			}), J(Qo, {
 				label: "Gutter",
 				get children() {
-					return J(Qo, {
+					return J(es, {
 						label: "Gutter",
 						get value() {
 							return e.guide.gutter;
@@ -5503,7 +5523,7 @@ var Ro = "#FF0000", zo = .1, Bo = /* @__PURE__ */ new Set([
 		Q(a, "onClick", e, t);
 	}), r;
 };
-function ns(e) {
+function is(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",
@@ -5525,7 +5545,7 @@ function ns(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(hi, {})), Z(t, J(Xt, {
+			return X(t, r), X(r, i), X(r, a), X(i, Qn("Layout guides")), Z(a, J(_i, {})), Z(t, J(Xt, {
 				get when() {
 					return e.guides.length > 0;
 				},
@@ -5552,22 +5572,22 @@ function ns(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(Jo, { get kind() {
+							return X(r, i), X(r, s), X(r, c), X(i, a), X(i, o), Z(a, J(Xo, { get kind() {
 								return t.kind;
-							} })), Z(o, () => Ko(t)), Z(i, J(ci, {
+							} })), Z(o, () => Jo(t)), Z(i, J(ui, {
 								size: 8,
 								class: "msr:block msr:-rotate-90 msr:text-ink-400"
 							}), null), Z(s, (() => {
 								var e = Zn(() => !!t.visible);
-								return () => e() ? J(gi, {}) : J(_i, {});
-							})()), Z(c, J(li, {
+								return () => e() ? J(vi, {}) : J(yi, {});
+							})()), Z(c, J(di, {
 								size: 10,
 								class: "msr:block"
 							})), q(() => ({
-								e: t.visible ? `Hide ${Ko(t)}` : `Show ${Ko(t)}`,
+								e: t.visible ? `Hide ${Jo(t)}` : `Show ${Jo(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 ${Ko(t)}`
+								o: `Remove ${Jo(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;
@@ -5578,7 +5598,7 @@ function ns(e) {
 				Q(a, "onClick", e, t);
 			}), t;
 		},
-		children: (t) => J(ts, {
+		children: (t) => J(rs, {
 			get guide() {
 				return t();
 			},
@@ -5590,56 +5610,56 @@ function ns(e) {
 		})
 	})), i;
 }
-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) => {
+var as = "mesurer.layout-guides", os = "layout-guides:v1", ss = "mesurer.layout-guides.pages", cs = "mesurer.layout-guides.active", ls = "runtime:solid", us = "layout-guides.toggle", ds = "layout-guides.add", fs = "layout-guides.update", ps = "layout-guides.remove", ms = "layout-guides.clear", hs = 240, gs = 8, _s = 8, vs = () => ({ pages: {} }), ys = (e, t) => e.pages[t] ?? [], bs = (e) => typeof e == "object" && !!e && !Array.isArray(e), xs = (e) => typeof e == "string", Ss = (e) => typeof e == "boolean", Cs = (e) => typeof e == "number", ws = (e) => e === "columns" || e === "rows" || e === "grid", Ts = (e) => e === "stretch" || e === "min" || e === "center" || e === "max", Es = (e) => ({ ...e }), Ds = (e) => e.map(Es), Os = (e) => bs(e) ? e : null, ks = (e) => {
 	if (!e) return {};
 	let t = {};
-	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) => {
+	return xs(e.id) && (t.id = e.id), ws(e.kind) && (t.kind = e.kind), Ss(e.visible) && (t.visible = e.visible), xs(e.color) && (t.color = e.color), Cs(e.opacity) && (t.opacity = e.opacity), Cs(e.count) && (t.count = e.count), Cs(e.size) && (t.size = e.size), Cs(e.gutter) && (t.gutter = e.gutter), Cs(e.offset) && (t.offset = e.offset), Ts(e.align) && (t.align = e.align), t;
+}, As = (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;
-}, ks = {
+}, js = {
 	viewBox: "0 0 256 256",
 	paths: ["M48 48h160v8H48zM48 200h160v8H48zM48 56h8v144h-8zM200 56h8v144h-8z", "M101 56h8v144h-8zM147 56h8v144h-8z"]
-}, As = () => ar({
-	id: rs,
+}, Ms = () => ar({
+	id: as,
 	version: "0.1.0",
-	requires: [ss],
-	provides: [is, "tool:layout-guides"],
+	requires: [ls],
+	provides: [os, "tool:layout-guides"],
 	setup(e) {
-		let t = e.service.get(ss);
+		let t = e.service.get(ls);
 		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: as,
-			initial: gs(),
+			id: ss,
+			initial: vs(),
 			history: !0,
 			persist: !0
 		}), e.state.register({
-			id: os,
+			id: cs,
 			initial: !1
 		});
-		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);
+		let r = Xr(t.ownerWindow), i = !1, [a, o] = K(0), s = /* @__PURE__ */ new Set(), c = 0, l = () => e.state.get("mesurer.layout-guides.pages") ?? vs(), u = () => e.state.get("mesurer.layout-guides.active") ?? !1, d = () => qo(ys(l(), r)), f = () => (a(), u() ? d() : []), p = (t) => {
+			e.state.update(cs, () => t);
 		}, m = (t) => {
-			e.state.update(as, (e) => ({
+			e.state.update(ss, (e) => ({
 				...e,
 				pages: {
 					...e.pages,
-					[r]: Ts(t(Go(e.pages[r])))
+					[r]: Ds(t(qo(e.pages[r])))
 				}
 			}));
 		};
-		e.command.register(cs, () => {
+		e.command.register(us, () => {
 			let e = !u();
-			return e && d().length === 0 && m(() => [Wo()]), i = e, p(e), u();
-		}), e.command.register(ls, (e) => {
-			let t = Wo(Ds(Es(e)));
+			return e && d().length === 0 && m(() => [Ko()]), i = e, p(e), u();
+		}), e.command.register(ds, (e) => {
+			let t = Ko(ks(Os(e)));
 			return m((e) => [...e, t]), { ...t };
-		}), e.command.register(us, (e) => {
-			let t = Es(e), n = t && ys(t.id) ? t.id : null, r = Ds(Es(t?.patch));
+		}), e.command.register(fs, (e) => {
+			let t = Os(e), n = t && xs(t.id) ? t.id : null, r = ks(Os(t?.patch));
 			if (!n) throw Error("layout-guides.update requires a guide id.");
-			m((e) => e.map((e) => e.id === n ? Wo({
+			m((e) => e.map((e) => e.id === n ? Ko({
 				...e,
 				...r,
 				id: e.id
@@ -5647,30 +5667,30 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 			let i = d().find((e) => e.id === n);
 			if (!i) throw Error(`Layout guide not found: ${n}`);
 			return { ...i };
-		}), e.command.register(ds, (e) => {
-			let t = Es(e), n = t && ys(t.id) ? t.id : null;
+		}), e.command.register(ps, (e) => {
+			let t = Os(e), n = t && xs(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(fs, () => {
+		}), e.command.register(ms, () => {
 			m(() => []);
 		});
 		let h = async (t, n) => {
-			let r = Es(await e.command.execute(t, n));
+			let r = Os(await e.command.execute(t, n));
 			if (!r) throw Error(`${t} did not return a layout guide.`);
-			return Wo(Ds(r));
+			return Ko(ks(r));
 		}, g = {
 			list: () => d().map((e) => ({ ...e })),
-			add: (e = {}) => h(ls, Os(e)),
-			update: (e, t) => h(us, {
+			add: (e = {}) => h(ds, As(e)),
+			update: (e, t) => h(fs, {
 				id: e,
-				patch: Os(t)
+				patch: As(t)
 			}),
 			async remove(t) {
-				return await e.command.execute(ds, { id: t }) === !0;
+				return await e.command.execute(ps, { id: t }) === !0;
 			},
 			async clear() {
-				await e.command.execute(fs);
+				await e.command.execute(ms);
 			},
 			subscribe(e) {
 				s.add(e);
@@ -5680,25 +5700,25 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 				};
 			}
 		};
-		e.service.provide(is, g), e.tool.register({
+		e.service.provide(os, g), e.tool.register({
 			id: "layout-guides",
 			label: "Layout guides",
 			shortcut: "L",
-			command: cs,
+			command: us,
 			order: 38,
-			icon: ks,
+			icon: js,
 			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(Lo, { get guides() {
+		let v = Xn(() => J(zo, { get guides() {
 			return f();
 		} }), _), y = t.createInspectorMount();
 		y.element.dataset.mesurerLayoutGuidesPanelRoot = "true", Object.assign(y.element.style, {
 			position: "fixed",
 			left: "0",
 			top: "0",
-			width: `${ps}px`,
+			width: `${hs}px`,
 			zIndex: "100",
 			pointerEvents: "none",
 			display: "none"
@@ -5707,13 +5727,13 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "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(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);
+			let n = e.getBoundingClientRect(), r = Math.min(Math.max(_s, n.right - hs), Math.max(_s, t.ownerWindow.innerWidth - hs - _s)), a = t.ownerWindow.innerHeight - n.bottom - gs - _s, o = Math.min(320, t.ownerWindow.innerHeight - 16), s = a >= Math.min(o, 320) ? n.bottom + gs : Math.max(_s, n.top - gs - 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(ns, {
+		}, C = Xn(() => J(is, {
 			get guides() {
 				return f();
 			},
@@ -5733,7 +5753,7 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 			o((e) => e + 1);
 			for (let e of s) e();
 			S();
-		}, T = e.state.subscribe(w), E = Qr(t.ownerWindow, (e) => {
+		}, T = e.state.subscribe(w), E = ei(t.ownerWindow, (e) => {
 			r !== e && (r = e, w());
 		}), D = (e) => {
 			if (!i) return;
@@ -5748,14 +5768,14 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "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();
 		});
 	}
-}), js = 144, Ms = 96, Ns = 8, Ps = 4, Fs = 1800, Is = (e, t) => {
+}), Ns = 144, Ps = 96, Fs = 8, Is = 4, Ls = 1800, Rs = (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)),
-	top: Math.min(Math.max(Ns, e.top), Math.max(Ns, t.innerHeight - Ms - Ns))
-}), Rs = (e, t) => {
+}, zs = (e, t) => ({
+	left: Math.min(Math.max(Fs, e.left), Math.max(Fs, t.innerWidth - Ns - Fs)),
+	top: Math.min(Math.max(Fs, e.top), Math.max(Fs, t.innerHeight - Ps - Fs))
+}), Bs = (e, t) => {
 	let n = e.createElement("button");
-	return n.type = "button", n.textContent = t, Is(n, {
+	return n.type = "button", n.textContent = t, Rs(n, {
 		height: "32px",
 		padding: "0 12px",
 		border: "1px solid rgb(255 255 255 / 18%)",
@@ -5767,11 +5787,11 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 		"font-weight": "500",
 		cursor: "pointer"
 	}), n;
-}, zs = ({ copied: e, downloaded: t, copyFailed: n, downloadFailed: r }) => e && t ? "Copied and saved screenshot" : e && r ? "Copied screenshot · Save unavailable" : t && n ? "Saved screenshot · Copy unavailable" : e ? "Copied screenshot" : t ? "Saved screenshot" : n && r ? "Screenshot captured · Copy and save unavailable" : n ? "Screenshot captured · Copy unavailable" : r ? "Screenshot captured · Save unavailable" : "Screenshot captured", Bs = (e) => e !== null && (e.nodeType === 1 || e.nodeType === 11), Vs = ({ ownerDocument: e, ownerWindow: t, root: n, previewDurationMs: r }) => {
+}, Vs = ({ copied: e, downloaded: t, copyFailed: n, downloadFailed: r }) => e && t ? "Copied and saved screenshot" : e && r ? "Copied screenshot · Save unavailable" : t && n ? "Saved screenshot · Copy unavailable" : e ? "Copied screenshot" : t ? "Saved screenshot" : n && r ? "Screenshot captured · Copy and save unavailable" : n ? "Screenshot captured · Copy unavailable" : r ? "Screenshot captured · Save unavailable" : "Screenshot captured", Hs = (e) => e !== null && (e.nodeType === 1 || e.nodeType === 11), Us = ({ ownerDocument: e, ownerWindow: t, root: n, previewDurationMs: r }) => {
 	let i = n.closest("[data-mesurer-root='true']")?.parentNode ?? n.parentNode;
-	if (!Bs(i)) throw Error("Screenshot preview requires a mounted Mesurer host.");
+	if (!Hs(i)) throw Error("Screenshot preview requires a mounted Mesurer host.");
 	let a = e.createElement("div");
-	a.dataset.mesurerInspectorUi = "true", a.dataset.mesurerScreenshotInteractive = "true", Is(a, {
+	a.dataset.mesurerInspectorUi = "true", a.dataset.mesurerScreenshotInteractive = "true", Rs(a, {
 		position: "fixed",
 		left: "0",
 		top: "0",
@@ -5783,12 +5803,12 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 		"font-family": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif"
 	}), i.append(a);
 	let o = e.createElement("div");
-	o.dataset.mesurerScreenshotPreview = "true", o.setAttribute("role", "button"), o.setAttribute("aria-label", "Open captured screenshot"), o.tabIndex = 0, Is(o, {
+	o.dataset.mesurerScreenshotPreview = "true", o.setAttribute("role", "button"), o.setAttribute("aria-label", "Open captured screenshot"), o.tabIndex = 0, Rs(o, {
 		position: "fixed",
 		display: "none",
 		"z-index": "96",
-		width: `${js}px`,
-		height: `${Ms}px`,
+		width: `${Ns}px`,
+		height: `${Ps}px`,
 		"box-sizing": "border-box",
 		overflow: "hidden",
 		"border-radius": "10px",
@@ -5801,7 +5821,7 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 		"touch-action": "none"
 	});
 	let s = e.createElement("img");
-	s.dataset.mesurerScreenshotPreviewImage = "true", s.alt = "Captured screenshot", s.draggable = !1, s.title = "Click to open · Right-click for browser image actions", Is(s, {
+	s.dataset.mesurerScreenshotPreviewImage = "true", s.alt = "Captured screenshot", s.draggable = !1, s.title = "Click to open · Right-click for browser image actions", Rs(s, {
 		display: "block",
 		width: "100%",
 		height: "100%",
@@ -5809,7 +5829,7 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 		"background-color": "white"
 	}), o.append(s);
 	let c = e.createElement("button");
-	c.dataset.mesurerScreenshotPreviewDismiss = "true", c.type = "button", c.setAttribute("aria-label", "Dismiss screenshot preview"), c.title = "Dismiss", Is(c, {
+	c.dataset.mesurerScreenshotPreviewDismiss = "true", c.type = "button", c.setAttribute("aria-label", "Dismiss screenshot preview"), c.title = "Dismiss", Rs(c, {
 		position: "absolute",
 		top: "8px",
 		right: "8px",
@@ -5835,7 +5855,7 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 	let u = e.createElementNS("http://www.w3.org/2000/svg", "path");
 	u.setAttribute("d", "m4 4 8 8M12 4l-8 8"), u.setAttribute("stroke", "currentColor"), u.setAttribute("stroke-width", "1.75"), u.setAttribute("stroke-linecap", "round"), l.append(u), c.append(l), o.append(c), a.append(o);
 	let d = e.createElement("div");
-	d.dataset.mesurerScreenshotViewer = "true", d.setAttribute("role", "dialog"), d.setAttribute("aria-modal", "true"), d.setAttribute("aria-label", "Screenshot viewer"), Is(d, {
+	d.dataset.mesurerScreenshotViewer = "true", d.setAttribute("role", "dialog"), d.setAttribute("aria-modal", "true"), d.setAttribute("aria-label", "Screenshot viewer"), Rs(d, {
 		position: "fixed",
 		inset: "0",
 		display: "none",
@@ -5849,7 +5869,7 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 		"pointer-events": "auto"
 	});
 	let f = e.createElement("img");
-	f.dataset.mesurerScreenshotViewerImage = "true", f.alt = "Captured screenshot", Is(f, {
+	f.dataset.mesurerScreenshotViewerImage = "true", f.alt = "Captured screenshot", Rs(f, {
 		display: "block",
 		"max-width": "calc(100vw - 96px)",
 		"max-height": "calc(100vh - 112px)",
@@ -5860,7 +5880,7 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 		"box-shadow": "0 8px 30px rgb(0 0 0 / 28%)"
 	}), d.append(f);
 	let p = e.createElement("div");
-	p.dataset.mesurerScreenshotViewerControls = "true", Is(p, {
+	p.dataset.mesurerScreenshotViewerControls = "true", Rs(p, {
 		position: "fixed",
 		top: "16px",
 		right: "16px",
@@ -5868,14 +5888,14 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 		gap: "8px",
 		"pointer-events": "auto"
 	});
-	let m = Rs(e, "Copy");
+	let m = Bs(e, "Copy");
 	m.dataset.mesurerScreenshotViewerCopy = "true", m.setAttribute("aria-label", "Copy screenshot");
-	let h = Rs(e, "Save");
+	let h = Bs(e, "Save");
 	h.dataset.mesurerScreenshotViewerSave = "true", h.setAttribute("aria-label", "Save screenshot");
-	let g = Rs(e, "Close");
+	let g = Bs(e, "Close");
 	g.dataset.mesurerScreenshotViewerClose = "true", g.setAttribute("aria-label", "Close screenshot viewer"), p.append(m, h, g), d.append(p), a.append(d);
 	let _ = e.createElement("div");
-	_.dataset.mesurerScreenshotToast = "true", _.setAttribute("role", "status"), Is(_, {
+	_.dataset.mesurerScreenshotToast = "true", _.setAttribute("role", "status"), Rs(_, {
 		position: "fixed",
 		left: "50%",
 		bottom: "20px",
@@ -5897,18 +5917,18 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 	}, D = (e, n = !1) => {
 		E(), _.textContent = e, _.style.backgroundColor = n ? "#b42318" : "rgb(28 28 30 / 90%)", _.style.display = "block", C = t.setTimeout(() => {
 			C = 0, _.style.display = "none";
-		}, Fs);
+		}, Ls);
 	}, O = () => {
 		d.style.display = "none";
 	}, k = () => {
 		y && globalThis.URL.revokeObjectURL(y), y = null, v = null, s.removeAttribute("src"), f.removeAttribute("src");
 	}, A = () => {
 		T(), O(), o.style.display = "none", k();
-	}, j = () => Ls({
-		left: t.innerWidth - js - Ns,
-		top: t.innerHeight - Ms - Ns
+	}, j = () => zs({
+		left: t.innerWidth - Ns - Fs,
+		top: t.innerHeight - Ps - Fs
 	}, t), M = (e) => {
-		let n = Ls(e, t);
+		let n = zs(e, t);
 		b = n, o.style.left = `${n.left}px`, o.style.top = `${n.top}px`;
 	}, ee = () => {
 		!v || !y || (T(), d.style.display = "flex", g.focus());
@@ -5942,7 +5962,7 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 		let n = x;
 		if (!n) return;
 		let r = e - n.startX, i = t - n.startY;
-		!n.moved && Math.hypot(r, i) >= Ps && (n.moved = !0), n.moved && M({
+		!n.moved && Math.hypot(r, i) >= Is && (n.moved = !0), n.moved && M({
 			left: n.left + r,
 			top: n.top + i
 		});
@@ -5986,25 +6006,25 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 			if (w) return;
 			T(), O(), k(), v = e;
 			let i = globalThis.URL.createObjectURL(e);
-			y = i, s.src = i, f.src = i, o.style.display = "block", M(b ?? j()), D(zs(n)), r > 0 && (S = t.setTimeout(A, r));
+			y = i, s.src = i, f.src = i, o.style.display = "block", M(b ?? j()), D(Vs(n)), r > 0 && (S = t.setTimeout(A, r));
 		},
 		dismiss: A,
 		dispose() {
 			w || (w = !0, T(), E(), A(), t.removeEventListener("mousemove", z, !0), t.removeEventListener("mouseup", B, !0), t.removeEventListener("pointermove", ne, !0), t.removeEventListener("pointerup", re, !0), t.removeEventListener("pointercancel", H, !0), t.removeEventListener("keydown", W, !0), o.removeEventListener("mousedown", R), o.removeEventListener("pointerdown", V), o.removeEventListener("keydown", ie), o.removeEventListener("contextmenu", U), d.removeEventListener("click", ae), a.remove());
 		}
 	};
-}, Hs = "mesurer.screenshot", Us = "screenshot", Ws = "mesurer.screenshot.settings", Gs = "mesurer.screenshot.active", Ks = "runtime:solid", qs = "screenshot.toggle", Js = 2500, Ys = 0, Xs = [
+}, Ws = "mesurer.screenshot", Gs = "screenshot", Ks = "mesurer.screenshot.settings", qs = "mesurer.screenshot.active", Js = "runtime:solid", Ys = "screenshot.toggle", Xs = 2500, Zs = 0, Qs = [
 	"[data-mesurer-measurement='true']",
 	"[data-mesurer-selected-measurement='true']",
 	"[data-mesurer-selection-spacing-target='true']",
 	"[data-mesurer-guide='true']",
 	"[data-mesurer-distance='true']"
-].join(","), Zs = `${Xs},[data-mesurer-rulers='true']`, Qs = {
+].join(","), $s = `${Qs},[data-mesurer-rulers='true']`, ec = {
 	viewBox: "0 0 256 256",
 	paths: ["m 96,50 a 6.0006,6.0006 0 0 0 -4.992188,2.671875 L 76.789062,74 H 40 C 27.920803,74 18,83.920803 18,96 v 96 c 0,12.0792 9.920803,22 22,22 h 176 c 12.0792,0 22,-9.9208 22,-22 V 96 C 238,83.920803 228.0792,74 216,74 H 179.21094 L 164.99219,52.671875 A 6.0006,6.0006 0 0 0 160,50 Z m 3.210937,12 h 57.578123 l 14.21875,21.328125 A 6.0006,6.0006 0 0 0 176,86 h 40 c 5.59392,0 10,4.406085 10,10 v 96 c 0,5.59392 -4.40608,10 -10,10 H 40 c -5.593915,0 -10,-4.40608 -10,-10 V 96 c 0,-5.593915 4.406085,-10 10,-10 h 40 a 6.0006,6.0006 0 0 0 4.992187,-2.671875 z", "m 128,94 c -23.12489,0 -42,18.87511 -42,42 0,23.12489 18.87511,42 42,42 23.12489,0 42,-18.87511 42,-42 0,-23.12489 -18.87511,-42 -42,-42 z m 0,12 c 16.63961,0 30,13.36039 30,30 0,16.63961 -13.36039,30 -30,30 -16.63961,0 -30,-13.36039 -30,-30 0,-16.63961 13.36039,-30 30,-30 z"]
-}, $s = (e, t) => {
+}, tc = (e, t) => {
 	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
-}, ec = (e, t) => {
+}, nc = (e, t) => {
 	for (let n of [
 		"left",
 		"top",
@@ -6016,63 +6036,63 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 		let r = t[n];
 		r === void 0 ? e.style.removeProperty(n) : e.style.setProperty(n, `${r}px`);
 	}
-}, tc = (e) => {
-	let t = e(Ws);
+}, rc = (e) => {
+	let t = e(Ks);
 	return {
 		toolEnabled: t?.toolEnabled ?? !0,
 		copy: t?.copy ?? !0,
 		download: t?.download ?? !1,
 		includeMeasurements: t?.includeMeasurements ?? !1
 	};
-}, nc = (e) => ({
+}, ic = (e) => ({
 	value: e.style.getPropertyValue("display"),
 	priority: e.style.getPropertyPriority("display")
-}), rc = (e, t) => {
+}), ac = (e, t) => {
 	t.value || t.priority ? e.style.setProperty("display", t.value, t.priority) : e.style.removeProperty("display");
-}, ic = (e, t) => {
+}, oc = (e, t) => {
 	let n = e;
 	for (; n.parentElement && n.parentElement !== t;) n = n.parentElement;
 	return n.parentElement === t ? n : null;
-}, ac = (e) => {
+}, sc = (e) => {
 	let t = e.querySelector("[data-mesurer-root='true']");
 	if (!t) return () => void 0;
 	let n = /* @__PURE__ */ new Set();
 	for (let e of t.querySelectorAll("[data-mesurer-rulers='true']")) {
-		let r = ic(e, t);
+		let r = oc(e, t);
 		r && n.add(r);
 	}
-	for (let e of t.querySelectorAll(Xs)) {
-		let r = ic(e, t);
+	for (let e of t.querySelectorAll(Qs)) {
+		let r = oc(e, t);
 		r && n.add(r);
 	}
 	let r = [];
 	for (let e of n) e.dataset.mesurerInspectorUi !== "true" && (r.push({
 		element: e,
-		display: nc(e)
+		display: ic(e)
 	}), e.style.setProperty("display", "none", "important"));
 	return () => {
-		for (let e of r) rc(e.element, e.display);
+		for (let e of r) ac(e.element, e.display);
 	};
-}, oc = (e) => Array.from(e.querySelectorAll(Zs)).filter((e) => e.dataset.mesurerInspectorUi === "true").map((e) => ({
+}, cc = (e) => Array.from(e.querySelectorAll($s)).filter((e) => e.dataset.mesurerInspectorUi === "true").map((e) => ({
 	element: e,
-	display: nc(e)
-})), sc = (e) => {
-	for (let t of e) t.element.isConnected && rc(t.element, t.display);
-}, cc = (e = {}) => ar({
-	id: Hs,
+	display: ic(e)
+})), lc = (e) => {
+	for (let t of e) t.element.isConnected && ac(t.element, t.display);
+}, uc = (e = {}) => ar({
+	id: Ws,
 	version: "0.1.0",
-	requires: [Ks],
+	requires: [Js],
 	provides: [
 		"tool:screenshot",
 		"capture:screenshot",
 		"settings:screenshot"
 	],
 	setup(t) {
-		let n = t.service.get(Ks);
+		let n = t.service.get(Js);
 		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 ?? Vr, 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 ?? Zs;
 		t.state.register({
-			id: Ws,
+			id: Ks,
 			initial: {
 				toolEnabled: e.toolEnabled ?? !0,
 				copy: e.copy ?? !0,
@@ -6081,11 +6101,11 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 			},
 			persist: !0
 		}), t.state.register({
-			id: Gs,
+			id: qs,
 			initial: !1
 		});
 		let u = o.element;
-		u.dataset.mesurerScreenshot = "true", $s(u, {
+		u.dataset.mesurerScreenshot = "true", tc(u, {
 			position: "fixed",
 			inset: "0",
 			"z-index": "85",
@@ -6093,7 +6113,7 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 			"font-family": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif"
 		});
 		let d = r.createElement("div");
-		d.dataset.mesurerScreenshotSelect = "true", d.setAttribute("role", "application"), d.setAttribute("aria-label", "Screenshot selection"), $s(d, {
+		d.dataset.mesurerScreenshotSelect = "true", d.setAttribute("role", "application"), d.setAttribute("aria-label", "Screenshot selection"), tc(d, {
 			position: "fixed",
 			inset: "0",
 			display: "none",
@@ -6105,13 +6125,13 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 		}), u.append(d);
 		let f = Array.from({ length: 4 }, () => {
 			let e = r.createElement("div");
-			return $s(e, {
+			return tc(e, {
 				position: "fixed",
 				"background-color": "rgb(0 0 0 / 40%)",
 				"pointer-events": "none"
 			}), d.append(e), e;
 		}), p = r.createElement("div");
-		$s(p, {
+		tc(p, {
 			position: "fixed",
 			display: "none",
 			border: "1px solid #0d99ff",
@@ -6119,7 +6139,7 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 			"pointer-events": "none"
 		}), d.append(p);
 		let m = r.createElement("div");
-		$s(m, {
+		tc(m, {
 			position: "fixed",
 			display: "none",
 			"z-index": "86",
@@ -6133,7 +6153,7 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 			"pointer-events": "none"
 		}), d.append(m);
 		let h = r.createElement("div");
-		h.textContent = "Drag to select · Esc to cancel", $s(h, {
+		h.textContent = "Drag to select · Esc to cancel", tc(h, {
 			position: "fixed",
 			left: "50%",
 			bottom: "16px",
@@ -6146,7 +6166,7 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 			"pointer-events": "none"
 		}), d.append(h);
 		let g = r.createElement("div");
-		g.dataset.mesurerScreenshotError = "true", g.setAttribute("role", "status"), g.textContent = "Could not save screenshot", $s(g, {
+		g.dataset.mesurerScreenshotError = "true", g.setAttribute("role", "status"), g.textContent = "Could not save screenshot", tc(g, {
 			position: "fixed",
 			display: "none",
 			"z-index": "97",
@@ -6157,8 +6177,8 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 			"font-size": "11px",
 			"pointer-events": "none"
 		}), u.append(g);
-		let _ = null, v = null, y = 0, b = 0, x = !1, S = !1, C = !1, w = () => t.state.get("mesurer.screenshot.active") ?? !1, T = () => tc(t.state.get), E = (e) => {
-			t.state.update(Ws, (t) => {
+		let _ = null, v = null, y = 0, b = 0, x = !1, S = !1, C = !1, w = () => t.state.get("mesurer.screenshot.active") ?? !1, T = () => rc(t.state.get), E = (e) => {
+			t.state.update(Ks, (t) => {
 				let n = { ...t };
 				return e.toolEnabled !== void 0 && (n.toolEnabled = e.toolEnabled), e.copy !== void 0 && (n.copy = e.copy), e.download !== void 0 && (n.download = e.download), e.includeMeasurements !== void 0 && (n.includeMeasurements = e.includeMeasurements), n;
 			});
@@ -6181,13 +6201,13 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 		}, A = (e) => {
 			let t = i.innerWidth, n = i.innerHeight;
 			if (!e || e.width <= 0 || e.height <= 0) {
-				ec(f[0], {
+				nc(f[0], {
 					left: 0,
 					top: 0,
 					width: t,
 					height: n
 				});
-				for (let e of f.slice(1)) ec(e, {
+				for (let e of f.slice(1)) nc(e, {
 					left: 0,
 					top: 0,
 					width: 0,
@@ -6196,31 +6216,31 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 				p.style.display = "none", m.style.display = "none";
 				return;
 			}
-			ec(f[0], {
+			nc(f[0], {
 				left: 0,
 				top: 0,
 				width: t,
 				height: e.top
-			}), ec(f[1], {
+			}), nc(f[1], {
 				left: 0,
 				top: e.top,
 				width: e.left,
 				height: e.height
-			}), ec(f[2], {
+			}), nc(f[2], {
 				left: e.left + e.width,
 				top: e.top,
 				width: Math.max(0, t - e.left - e.width),
 				height: e.height
-			}), ec(f[3], {
+			}), nc(f[3], {
 				left: 0,
 				top: e.top + e.height,
 				width: t,
 				height: Math.max(0, n - e.top - e.height)
-			}), p.style.display = "block", ec(p, e), m.style.display = "block", m.textContent = `${Math.round(e.width)} × ${Math.round(e.height)}`, ec(m, {
+			}), p.style.display = "block", nc(p, e), m.style.display = "block", m.textContent = `${Math.round(e.width)} × ${Math.round(e.height)}`, nc(m, {
 				left: e.left + e.width / 2,
 				top: Math.min(n - 22, e.top + e.height + 6)
 			});
-		}, j = () => n.portalTarget.querySelector("[data-mesurer-tool-id='screenshot']")?.getBoundingClientRect() ?? null, M = Vs({
+		}, j = () => n.portalTarget.querySelector("[data-mesurer-tool-id='screenshot']")?.getBoundingClientRect() ?? null, M = Us({
 			ownerDocument: r,
 			ownerWindow: i,
 			root: u,
@@ -6231,7 +6251,7 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 		}, N = () => {
 			y && i.clearTimeout(y), g.style.display = "block", ee(g), y = i.setTimeout(() => {
 				y = 0, g.style.display = "none";
-			}, Js);
+			}, Xs);
 		}, P = () => {
 			_ = null, A(null), d.style.visibility = "", d.style.display = "none", u.style.pointerEvents = "none", D(!1), k();
 		}, F = () => {
@@ -6240,8 +6260,8 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 			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.");
 			x = !0;
-			let o = ++b, s = T(), l = s.includeMeasurements ? oc(r) : [], u = s.includeMeasurements ? () => void 0 : ac(n.portalTarget);
-			a.prepareCapture(), s.includeMeasurements && sc(l);
+			let o = ++b, s = T(), l = s.includeMeasurements ? cc(r) : [], u = s.includeMeasurements ? () => void 0 : sc(n.portalTarget);
+			a.prepareCapture(), s.includeMeasurements && lc(l);
 			try {
 				d.style.visibility = "hidden", await Cr(i);
 				let n = await yr(await c({
@@ -6349,8 +6369,8 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 			label: "Screenshot",
 			shortcut: "Shift+S",
 			order: 70,
-			command: qs,
-			icon: Qs,
+			command: Ys,
+			icon: ec,
 			active: w,
 			hidden: () => !T().toolEnabled,
 			menu: {
@@ -6416,14 +6436,14 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 					set: (e) => E({ includeMeasurements: e })
 				}
 			]
-		}), t.command.register(qs, I), t.service.provide(Us, ne), t.lifecycle.onDispose(() => {
+		}), t.command.register(Ys, I), t.service.provide(Gs, ne), t.lifecycle.onDispose(() => {
 			C = !0, b += 1, d.removeEventListener("pointerdown", L), d.removeEventListener("pointermove", R), d.removeEventListener("pointerup", z), d.removeEventListener("pointercancel", B), i.removeEventListener("keydown", V, !0), y && i.clearTimeout(y), M.dispose(), k(), Hr(i), a.finishCapture(), a.dispose(), o.dispose();
 		});
 	}
-}), lc = "0.2.0-beta.4", 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) => {
+}), dc = "0.2.0-beta.5", fc = xa, pc = va, mc = ya, hc = Sa, gc = ba, _c = () => ({
+	...io(),
+	version: dc
+}), vc = (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, yc = (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 {
@@ -6432,43 +6452,43 @@ var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-
 		width: r - t,
 		height: i - n
 	};
-}, vc = (e, t, n) => t.some((t) => e.orientation === "vertical" ? e.position >= t.left - n && e.position <= t.left + t.width + n : e.position >= t.top - n && e.position <= t.top + t.height + n), yc = (e) => [...e.measurements, ...e.activeMeasurement && !e.measurements.some((t) => t.id === e.activeMeasurement?.id) ? [e.activeMeasurement] : []];
-function bc(e) {
+}, bc = (e, t, n) => t.some((t) => e.orientation === "vertical" ? e.position >= t.left - n && e.position <= t.left + t.width + n : e.position >= t.top - n && e.position <= t.top + t.height + n), xc = (e) => [...e.measurements, ...e.activeMeasurement && !e.measurements.some((t) => t.id === e.activeMeasurement?.id) ? [e.activeMeasurement] : []];
+function Sc(e) {
 	let { workspace: t, scope: n, guideTolerance: r } = e;
 	if (n.kind === "workspace") return {
 		guides: t.guides.map((e) => ({ ...e })),
-		measurements: yc(t),
+		measurements: xc(t),
 		distances: [...t.distances]
 	};
-	let i = new Set(n.elements), a = (e) => e != null && i.has(e), o = (e) => n.regions.some((t) => gc(e, t));
+	let i = new Set(n.elements), a = (e) => e != null && i.has(e), o = (e) => n.regions.some((t) => vc(e, t));
 	return {
-		guides: t.guides.filter((e) => vc(e, n.regions, r)).map((e) => ({ ...e })),
-		measurements: yc(t).filter((e) => a(e.elementRef) || o(e.rect)),
+		guides: t.guides.filter((e) => bc(e, n.regions, r)).map((e) => ({ ...e })),
+		measurements: xc(t).filter((e) => a(e.elementRef) || o(e.rect)),
 		distances: t.distances.filter((e) => a(e.elementRefA) || a(e.elementRefB) || o(e.rectA) || o(e.rectB))
 	};
 }
 //#endregion
 //#region ../mesurer-core/dist/domain.js
-var xc = {
+var Cc = {
 	opacity: 1,
 	width: 1,
 	pattern: "solid",
 	dashLength: 6,
 	gap: 4
-}, Sc = {
+}, wc = {
 	opacity: 1,
 	edgeReveal: !1
 };
-({ ...xc }), { ...Sc };
+({ ...Cc }), { ...wc };
 //#endregion
 //#region ../mesurer-dom/dist/index.js
-var Cc = (e) => Number.parseFloat(e) || 0, wc = 0, Tc = (e, t) => {
+var Tc = (e) => Number.parseFloat(e) || 0, Ec = 0, Dc = (e, t) => {
 	let n = t.CSS;
 	return n?.escape ? n.escape(e) : e.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 };
-function Ec(e) {
+function Oc(e) {
 	let t = e.ownerDocument.defaultView ?? window;
-	if (e.id) return `#${Tc(e.id, t)}`;
+	if (e.id) return `#${Dc(e.id, t)}`;
 	let n = e.getAttribute("data-testid");
 	if (n) return `[data-testid=${JSON.stringify(n)}]`;
 	let r = [], i = e;
@@ -6482,17 +6502,17 @@ function Ec(e) {
 	}
 	return r.join(" > ");
 }
-function Dc(e, t, n = `dom-inspection-${++wc}`) {
+function kc(e, t, n = `dom-inspection-${++Ec}`) {
 	let r = e.getBoundingClientRect(), i = t.getComputedStyle(e), a = {
-		top: Cc(i.paddingTop),
-		right: Cc(i.paddingRight),
-		bottom: Cc(i.paddingBottom),
-		left: Cc(i.paddingLeft)
+		top: Tc(i.paddingTop),
+		right: Tc(i.paddingRight),
+		bottom: Tc(i.paddingBottom),
+		left: Tc(i.paddingLeft)
 	}, o = {
-		top: Cc(i.marginTop),
-		right: Cc(i.marginRight),
-		bottom: Cc(i.marginBottom),
-		left: Cc(i.marginLeft)
+		top: Tc(i.marginTop),
+		right: Tc(i.marginRight),
+		bottom: Tc(i.marginBottom),
+		left: Tc(i.marginLeft)
 	}, s = {
 		left: r.left + a.left,
 		top: r.top + a.top,
@@ -6520,8 +6540,8 @@ function Dc(e, t, n = `dom-inspection-${++wc}`) {
 		elementRef: e
 	};
 }
-function Oc(e) {
-	let t = e.ownerDocument.defaultView ?? window, n = t.getComputedStyle(e), r = e instanceof t.HTMLElement ? e : null, i = e.getBoundingClientRect(), a = r ? Dc(r, t) : null, o = (e) => {
+function Ac(e) {
+	let t = e.ownerDocument.defaultView ?? window, n = t.getComputedStyle(e), r = e instanceof t.HTMLElement ? e : null, i = e.getBoundingClientRect(), a = r ? kc(r, t) : null, o = (e) => {
 		let t = Number.parseFloat(e);
 		return Number.isFinite(t) ? t : 0;
 	}, s = (e) => ({
@@ -6531,7 +6551,7 @@ function Oc(e) {
 		left: o(n.getPropertyValue(`${e}-left${e === "border" ? "-width" : ""}`))
 	});
 	return {
-		selector: Ec(e),
+		selector: Oc(e),
 		tag: e.localName,
 		id: e.id || null,
 		classes: [...e.classList],
@@ -6593,17 +6613,17 @@ function Oc(e) {
 }
 //#endregion
 //#region src/context.ts
-var kc = 10, Ac = (e) => ({
+var jc = 10, Mc = (e) => ({
 	left: e.left,
 	top: e.top,
 	width: e.width,
 	height: e.height
-}), jc = (e) => {
+}), Nc = (e) => {
 	let t = /* @__PURE__ */ new Set(), n = [];
 	for (let r of e) !r?.isConnected || t.has(r) || (t.add(r), n.push(r));
 	return n;
-}, Mc = (e) => e.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`;
-function Nc(e) {
+}, Pc = (e) => e.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+function Fc(e) {
 	let { runtime: t, ownerDocument: n, ownerWindow: r } = e, i = e.request ?? { scope: "workspace" }, a = t.snapshot();
 	if (!a) throw Error("Mesurer workspace is not ready yet.");
 	let o = [], s = [], c = { kind: "workspace" }, l = /* @__PURE__ */ new Map();
@@ -6611,7 +6631,7 @@ function Nc(e) {
 		let e = t.annotation(i.annotation);
 		if (!e) throw Error(`Mesurer annotation not found: ${i.annotation}`);
 		for (let t of e.resolvedTargets) t.element?.isConnected && l.set(t.element, t.target.id);
-		o = jc(e.resolvedTargets.map((e) => e.element));
+		o = Nc(e.resolvedTargets.map((e) => e.element));
 		let n = t.annotationRect(e.id);
 		n && (s = [n]);
 		let r = e.resolvedTargets.length, a = e.resolvedTargets.filter((e) => e.element?.isConnected).length, u = e.anchor.kind === "region" ? "connected" : r === 0 || a === 0 ? "stale" : a === r ? "connected" : "partial";
@@ -6623,15 +6643,15 @@ function Nc(e) {
 		};
 	} else if (i.scope === "selection") {
 		let e = t.currentSelection();
-		if (o = jc(e.elements), !o.length && !e.region) throw Error("Mesurer has no current selection.");
-		s = e.region ? [e.region] : o.map((e) => Ac(e.getBoundingClientRect())), c = { kind: "selection" };
-	} else o = jc([
+		if (o = Nc(e.elements), !o.length && !e.region) throw Error("Mesurer has no current selection.");
+		s = e.region ? [e.region] : o.map((e) => Mc(e.getBoundingClientRect())), c = { kind: "selection" };
+	} else o = Nc([
 		...t.currentSelection().elements,
 		...a.measurements.map((e) => e.elementRef),
 		a.activeMeasurement?.elementRef,
 		...a.heldDistances.flatMap((e) => [e.elementRefA, e.elementRefB])
 	]);
-	let u = c.kind === "workspace" ? [] : s.length ? s : o.map((e) => Ac(e.getBoundingClientRect())), d = bc({
+	let u = c.kind === "workspace" ? [] : s.length ? s : o.map((e) => Mc(e.getBoundingClientRect())), d = Sc({
 		workspace: {
 			guides: a.guides,
 			measurements: a.measurements,
@@ -6643,8 +6663,8 @@ function Nc(e) {
 			elements: o,
 			regions: u
 		},
-		guideTolerance: a.guideRelevanceTolerance ?? kc
-	}), f = d.measurements, p = d.distances, m = d.guides, h = jc([
+		guideTolerance: a.guideRelevanceTolerance ?? jc
+	}), f = d.measurements, p = d.distances, m = d.guides, h = Nc([
 		...o,
 		...f.map((e) => e.elementRef),
 		...p.flatMap((e) => [e.elementRefA, e.elementRefB])
@@ -6656,12 +6676,12 @@ function Nc(e) {
 		let t = l.get(e) ?? y();
 		return g.set(e, t), {
 			ref: t,
-			inspection: Oc(e)
+			inspection: Ac(e)
 		};
 	}), x = f.map((e) => {
 		let t = {
 			id: e.id,
-			rect: Ac(e.rect),
+			rect: Mc(e.rect),
 			deltaX: e.deltaX,
 			deltaY: e.deltaY
 		};
@@ -6671,8 +6691,8 @@ function Nc(e) {
 	}), S = p.map((e) => {
 		let t = {
 			id: e.id,
-			rectA: Ac(e.rectA),
-			rectB: Ac(e.rectB),
+			rectA: Mc(e.rectA),
+			rectB: Mc(e.rectB),
 			horizontal: e.horizontal ? { ...e.horizontal } : null,
 			vertical: e.vertical ? { ...e.vertical } : null
 		}, n = e.elementRefA ? g.get(e.elementRefA) : void 0, r = e.elementRefB ? g.get(e.elementRefB) : void 0;
@@ -6680,7 +6700,7 @@ function Nc(e) {
 	});
 	return {
 		schema: "mesurer.context/v1",
-		id: Mc(r),
+		id: Pc(r),
 		createdAt: (/* @__PURE__ */ new Date()).toISOString(),
 		scope: c,
 		page: {
@@ -6695,7 +6715,7 @@ function Nc(e) {
 			scrollY: r.scrollY
 		},
 		coordinateSpace: "viewport-css-px",
-		regions: c.kind === "workspace" ? [] : s.map(Ac),
+		regions: c.kind === "workspace" ? [] : s.map(Mc),
 		visualState: {
 			rulersVisible: a.rulersVisible,
 			xrayVisible: a.xrayVisible
@@ -6709,19 +6729,19 @@ function Nc(e) {
 		}
 	};
 }
-var $ = (e) => `${Math.round(e * 100) / 100}px`, Pc = (e) => `x=${$(e.left)} y=${$(e.top)} w=${$(e.width)} h=${$(e.height)}`;
-function Fc(e) {
+var $ = (e) => `${Math.round(e * 100) / 100}px`, Ic = (e) => `x=${$(e.left)} y=${$(e.top)} w=${$(e.width)} h=${$(e.height)}`;
+function Lc(e) {
 	let t = [
 		"Mesurer visual context",
 		"",
 		`Page: ${e.page.url}`,
 		`Viewport: ${e.viewport.width} × ${e.viewport.height} CSS px; scroll x=${e.viewport.scrollX} y=${e.viewport.scrollY}`
 	];
-	if (e.scope.kind === "annotation" ? t.push("", "Annotation", e.scope.note, `Target status: ${e.scope.targetStatus}`) : t.push("", `Scope: ${e.scope.kind}`), e.regions.length && (t.push("", "Requested regions"), e.regions.forEach((e, n) => t.push(`- region-${n + 1}: ${Pc(e)}`))), (e.visualState.rulersVisible || e.visualState.xrayVisible) && t.push("", `Visual state: rulers=${e.visualState.rulersVisible ? "on" : "off"}; x-ray=${e.visualState.xrayVisible ? "on" : "off"}`), e.targets.length) {
+	if (e.scope.kind === "annotation" ? t.push("", "Annotation", e.scope.note, `Target status: ${e.scope.targetStatus}`) : t.push("", `Scope: ${e.scope.kind}`), e.regions.length && (t.push("", "Requested regions"), e.regions.forEach((e, n) => t.push(`- region-${n + 1}: ${Ic(e)}`))), (e.visualState.rulersVisible || e.visualState.xrayVisible) && t.push("", `Visual state: rulers=${e.visualState.rulersVisible ? "on" : "off"}; x-ray=${e.visualState.xrayVisible ? "on" : "off"}`), e.targets.length) {
 		t.push("", "Targets");
 		for (let n of e.targets) {
 			let e = n.inspection;
-			t.push(`[${n.ref}] ${e.selector}`, `  rect: ${Pc(e.rect)}`, `  margin: ${$(e.margin.top)} ${$(e.margin.right)} ${$(e.margin.bottom)} ${$(e.margin.left)}`, `  padding: ${$(e.padding.top)} ${$(e.padding.right)} ${$(e.padding.bottom)} ${$(e.padding.left)}`, `  layout: display=${e.layout.display}; position=${e.layout.position}; gap=${e.layout.gap}`, `  typography: ${e.typography.fontSize} / ${e.typography.lineHeight}; weight=${e.typography.fontWeight}; align=${e.typography.textAlign}`), e.text && t.push(`  text: ${JSON.stringify(e.text)}`);
+			t.push(`[${n.ref}] ${e.selector}`, `  rect: ${Ic(e.rect)}`, `  margin: ${$(e.margin.top)} ${$(e.margin.right)} ${$(e.margin.bottom)} ${$(e.margin.left)}`, `  padding: ${$(e.padding.top)} ${$(e.padding.right)} ${$(e.padding.bottom)} ${$(e.padding.left)}`, `  layout: display=${e.layout.display}; position=${e.layout.position}; gap=${e.layout.gap}`, `  typography: ${e.typography.fontSize} / ${e.typography.lineHeight}; weight=${e.typography.fontWeight}; align=${e.typography.textAlign}`), e.text && t.push(`  text: ${JSON.stringify(e.text)}`);
 		}
 	}
 	if (e.visualContext.guides.length) {
@@ -6738,7 +6758,7 @@ function Fc(e) {
 	}
 	if (e.visualContext.measurements.length) {
 		t.push("", "Relevant measurements");
-		for (let n of e.visualContext.measurements) t.push(`- ${n.targetRef ? `${n.targetRef}: ` : ""}${Pc(n.rect)}; delta=${$(n.deltaX)} × ${$(n.deltaY)}`);
+		for (let n of e.visualContext.measurements) t.push(`- ${n.targetRef ? `${n.targetRef}: ` : ""}${Ic(n.rect)}; delta=${$(n.deltaX)} × ${$(n.deltaY)}`);
 	}
 	if (e.visualContext.distances.length) {
 		t.push("", "Relevant distances");
@@ -6749,8 +6769,8 @@ function Fc(e) {
 	}
 	return t.join("\n").trimEnd();
 }
-function Ic(e) {
-	let t = _c([
+function Rc(e) {
+	let t = yc([
 		...e.regions,
 		...e.targets.map((e) => e.inspection.rect),
 		...e.visualContext.measurements.map((e) => e.rect),
@@ -6780,7 +6800,7 @@ function Ic(e) {
 		captures: n
 	};
 }
-var Lc = (e, t, n, r, i) => {
+var zc = (e, t, n, r, i) => {
 	!Number.isFinite(r) || !Number.isFinite(i) || Math.abs(r - i) < .01 || e.push({
 		kind: t,
 		label: n,
@@ -6789,16 +6809,16 @@ var Lc = (e, t, n, r, i) => {
 		delta: i - r,
 		unit: "px"
 	});
-}, Rc = (e, t, n, r) => e.push({
+}, Bc = (e, t, n, r) => e.push({
 	kind: "missing",
 	evidence: t,
 	id: n,
 	label: r
-}), zc = (e, t) => Math.abs(e.left - t.left) < .01 && Math.abs(e.top - t.top) < .01 && Math.abs(e.width - t.width) < .01 && Math.abs(e.height - t.height) < .01;
-function Bc(e) {
+}), Vc = (e, t) => Math.abs(e.left - t.left) < .01 && Math.abs(e.top - t.top) < .01 && Math.abs(e.width - t.width) < .01 && Math.abs(e.height - t.height) < .01;
+function Hc(e) {
 	let t = e.runtime.annotation(e.annotationId);
 	if (!t) throw Error(`Mesurer annotation not found: ${e.annotationId}`);
-	let n = Nc({
+	let n = Fc({
 		runtime: e.runtime,
 		ownerDocument: e.ownerDocument,
 		ownerWindow: e.ownerWindow,
@@ -6808,42 +6828,42 @@ function Bc(e) {
 	if (n.scope.kind !== "annotation") throw Error("Mesurer annotation context invariant failed.");
 	let r = e.runtime.snapshot();
 	if (!r) throw Error("Mesurer workspace is not ready yet.");
-	let i = yc({
+	let i = xc({
 		measurements: r.measurements,
 		activeMeasurement: r.activeMeasurement
 	}), a = [];
 	for (let e of t.baseline.targets) {
 		let t = n.targets.find((t) => t.ref === e.id);
 		if (!t) {
-			Rc(a, "target", e.id, e.selector);
+			Bc(a, "target", e.id, e.selector);
 			continue;
 		}
-		Lc(a, "target-rect", `${t.inspection.selector} left`, e.rect.left, t.inspection.rect.left), Lc(a, "target-rect", `${t.inspection.selector} top`, e.rect.top, t.inspection.rect.top), Lc(a, "target-rect", `${t.inspection.selector} width`, e.rect.width, t.inspection.rect.width), Lc(a, "target-rect", `${t.inspection.selector} height`, e.rect.height, t.inspection.rect.height);
+		zc(a, "target-rect", `${t.inspection.selector} left`, e.rect.left, t.inspection.rect.left), zc(a, "target-rect", `${t.inspection.selector} top`, e.rect.top, t.inspection.rect.top), zc(a, "target-rect", `${t.inspection.selector} width`, e.rect.width, t.inspection.rect.width), zc(a, "target-rect", `${t.inspection.selector} height`, e.rect.height, t.inspection.rect.height);
 	}
 	for (let e of t.baseline.guides) {
 		let t = n.visualContext.guides.find((t) => t.id === e.id) ?? r.guides.find((t) => t.id === e.id);
 		if (!t) {
-			Rc(a, "guide", e.id, `${e.orientation} guide ${e.id}`);
+			Bc(a, "guide", e.id, `${e.orientation} guide ${e.id}`);
 			continue;
 		}
-		Lc(a, "guide", `${e.orientation} guide ${e.id}`, e.position, t.position);
+		zc(a, "guide", `${e.orientation} guide ${e.id}`, e.position, t.position);
 	}
 	for (let e of t.baseline.measurements) {
 		let r = n.visualContext.measurements.find((t) => t.id === e.id) ?? i.find((t) => t.id === e.id);
 		if (!r) {
-			let r = t.baseline.targets.find((t) => zc(t.rect, e.rect));
-			r && n.targets.some((e) => e.ref === r.id) || Rc(a, "measurement", e.id, e.id);
+			let r = t.baseline.targets.find((t) => Vc(t.rect, e.rect));
+			r && n.targets.some((e) => e.ref === r.id) || Bc(a, "measurement", e.id, e.id);
 			continue;
 		}
-		Lc(a, "measurement", `${e.id} width`, e.rect.width, r.rect.width), Lc(a, "measurement", `${e.id} height`, e.rect.height, r.rect.height);
+		zc(a, "measurement", `${e.id} width`, e.rect.width, r.rect.width), zc(a, "measurement", `${e.id} height`, e.rect.height, r.rect.height);
 	}
 	for (let e of t.baseline.distances) {
 		let t = n.visualContext.distances.find((t) => t.id === e.id) ?? r.heldDistances.find((t) => t.id === e.id);
 		if (!t) {
-			Rc(a, "distance", e.id, e.id);
+			Bc(a, "distance", e.id, e.id);
 			continue;
 		}
-		e.horizontal && t.horizontal ? Lc(a, "distance", `${e.id} horizontal`, e.horizontal.value, t.horizontal.value) : e.horizontal && !t.horizontal && Rc(a, "distance", e.id, `${e.id} horizontal`), e.vertical && t.vertical ? Lc(a, "distance", `${e.id} vertical`, e.vertical.value, t.vertical.value) : e.vertical && !t.vertical && Rc(a, "distance", e.id, `${e.id} vertical`);
+		e.horizontal && t.horizontal ? zc(a, "distance", `${e.id} horizontal`, e.horizontal.value, t.horizontal.value) : e.horizontal && !t.horizontal && Bc(a, "distance", e.id, `${e.id} horizontal`), e.vertical && t.vertical ? zc(a, "distance", `${e.id} vertical`, e.vertical.value, t.vertical.value) : e.vertical && !t.vertical && Bc(a, "distance", e.id, `${e.id} vertical`);
 	}
 	return {
 		schema: "mesurer.review/v1",
@@ -6855,7 +6875,7 @@ function Bc(e) {
 		changes: a
 	};
 }
-async function Vc(e, t, n) {
+async function Uc(e, t, n) {
 	try {
 		if (t.navigator.clipboard?.writeText) {
 			await t.navigator.clipboard.writeText(n);
@@ -6869,43 +6889,43 @@ async function Vc(e, t, n) {
 }
 //#endregion
 //#region src/layout-guides.ts
-var Hc = rs, Uc = is, Wc = as, Gc = os, Kc = () => ({
-	...As(),
-	version: lc
-}), qc = "mesurer.context", Jc = "context:v1", Yc = "mesurer.context.settings", Xc = "context.ui", Zc = "data-mesurer-direct-text-edit-active", Qc = {
+var Wc = as, Gc = os, Kc = ss, qc = cs, Jc = () => ({
+	...Ms(),
+	version: dc
+}), Yc = "mesurer.context", Xc = "context:v1", Zc = "mesurer.context.settings", Qc = "context.ui", $c = "data-mesurer-direct-text-edit-active", el = {
 	viewBox: "0 0 256 256",
 	paths: ["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"]
-}, $c = {
+}, tl = {
 	viewBox: "0 0 256 256",
 	paths: ["M152,40a8,8,0,0,1-8,8H112a8,8,0,0,1,0-16h32A8,8,0,0,1,152,40Zm-8,168H112a8,8,0,0,0,0,16h32a8,8,0,0,0,0-16ZM208,32H184a8,8,0,0,0,0,16h24V72a8,8,0,0,0,16,0V48A16,16,0,0,0,208,32Zm8,72a8,8,0,0,0-8,8v32a8,8,0,0,0,16,0V112A8,8,0,0,0,216,104Zm0,72a8,8,0,0,0-8,8v24H184a8,8,0,0,0,0,16h24a16,16,0,0,0,16-16V184A8,8,0,0,0,216,176ZM40,152a8,8,0,0,0,8-8V112a8,8,0,0,0-16,0v32A8,8,0,0,0,40,152Zm32,56H48V184a8,8,0,0,0-16,0v24a16,16,0,0,0,16,16H72a8,8,0,0,0,0-16ZM72,32H48A16,16,0,0,0,32,48V72a8,8,0,0,0,16,0V48H72a8,8,0,0,0,0-16Z"]
-}, el = {
+}, nl = {
 	viewBox: "0 0 256 256",
 	paths: ["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"]
-}, tl = async (e, t, n = 1) => {
+}, rl = async (e, t, n = 1) => {
 	await e.fonts?.ready;
 	for (let e = 0; e < Math.max(1, n); e += 1) await new Promise((e) => t.requestAnimationFrame(() => e()));
-}, nl = (e, t, n, r) => {
-	let i = async (i) => Nc({
+}, il = (e, t, n, r) => {
+	let i = async (i) => Fc({
 		runtime: e,
 		ownerDocument: t,
 		ownerWindow: n,
 		request: i,
 		layoutGuides: r()
-	}), a = async (e) => Fc(await i(e));
+	}), a = async (e) => Lc(await i(e));
 	return {
 		context: i,
 		contextText: a,
-		copyContext: async (e) => Vc(t, n, await a(e)),
+		copyContext: async (e) => Uc(t, n, await a(e)),
 		select: async (r) => {
 			let a = Array.isArray(r) ? [...r] : [String(r)];
-			return e.select(a), await tl(t, n), i({ scope: "selection" });
+			return e.select(a), await rl(t, n), i({ scope: "selection" });
 		},
 		annotations: async () => e.annotations(),
 		removeAnnotation: async (r) => {
-			e.removeAnnotation(r), await tl(t, n);
+			e.removeAnnotation(r), await rl(t, n);
 		},
 		review: async (i) => {
-			if (await tl(t, n), i) return Bc({
+			if (await rl(t, n), i) return Hc({
 				runtime: e,
 				ownerDocument: t,
 				ownerWindow: n,
@@ -6913,7 +6933,7 @@ var Hc = rs, Uc = is, Wc = as, Gc = os, Kc = () => ({
 				layoutGuides: r()
 			});
 			let a = r();
-			return e.annotations().map((r) => Bc({
+			return e.annotations().map((r) => Hc({
 				runtime: e,
 				ownerDocument: t,
 				ownerWindow: n,
@@ -6921,38 +6941,38 @@ var Hc = rs, Uc = is, Wc = as, Gc = os, Kc = () => ({
 				layoutGuides: a
 			}));
 		},
-		capturePlan: async (e) => Ic(await i(e)),
+		capturePlan: async (e) => Rc(await i(e)),
 		prepareCapture: async () => {
-			e.prepareCapture(), await tl(t, n);
+			e.prepareCapture(), await rl(t, n);
 		},
 		finishCapture: async () => {
-			e.finishCapture(), await tl(t, n);
+			e.finishCapture(), await rl(t, n);
 		}
 	};
-}, rl = (e) => {
+}, al = (e) => {
 	let t = e.currentSelection();
 	return t.elements.length > 0 || t.region !== null;
 };
-function il(e = {}) {
+function ol(e = {}) {
 	return {
-		id: qc,
-		version: lc,
+		id: Yc,
+		version: dc,
 		requires: ["runtime:solid"],
-		provides: [Jc],
+		provides: [Xc],
 		setup(t) {
 			let n = t.service.get("runtime:solid");
 			if (!n) throw Error("Mesurer context plugin requires the renderer runtime service.");
-			let r = n.createWorkspaceRuntime(qc), i = nl(r, n.ownerDocument, n.ownerWindow, () => t.service.get(Uc)?.list() ?? []);
-			t.service.provide(Jc, i), t.state.register({
-				id: Yc,
+			let r = n.createWorkspaceRuntime(Yc), i = il(r, n.ownerDocument, n.ownerWindow, () => t.service.get(Gc)?.list() ?? []);
+			t.service.provide(Xc, i), t.state.register({
+				id: Zc,
 				initial: { ui: e.ui ?? !0 },
 				persist: !0
 			}), t.state.register({
-				id: Xc,
-				initial: { hasSelection: rl(r) }
+				id: Qc,
+				initial: { hasSelection: al(r) }
 			});
-			let a = () => t.state.get("mesurer.context.settings")?.ui ?? !0, o = () => t.state.get(Xc)?.hasSelection === !0, s = (e) => {
-				t.state.update(Yc, (t) => ({
+			let a = () => t.state.get("mesurer.context.settings")?.ui ?? !0, o = () => t.state.get(Qc)?.hasSelection === !0, s = (e) => {
+				t.state.update(Zc, (t) => ({
 					...t,
 					ui: e
 				}));
@@ -6966,21 +6986,21 @@ function il(e = {}) {
 					region: e.region ? { ...e.region } : null
 				}, r.selectGestureActive() ? c?.abandonNoteComposer() : n && c?.closeNoteComposer();
 				let i = e.elements.length > 0 || e.region !== null;
-				i !== (t.state.get(Xc)?.hasSelection ?? !1) && t.state.update(Xc, () => ({ hasSelection: i }));
+				i !== (t.state.get(Qc)?.hasSelection ?? !1) && t.state.update(Qc, () => ({ hasSelection: i }));
 			});
 			t.command.register("context.copy", () => i.copyContext()), t.command.register("context.copy-selection", () => i.copyContext({ scope: "selection" }));
 			let g = () => {
 				let e = u?.element;
-				e && (n.rendererRoot?.hasAttribute(Zc) ? e.setAttribute(Zc, "true") : e.removeAttribute(Zc));
+				e && (n.rendererRoot?.hasAttribute($c) ? e.setAttribute($c, "true") : e.removeAttribute($c));
 			}, _ = () => {
 				d?.disconnect(), d = null, c = null, l?.(), l = null, u?.dispose(), u = null;
 			}, v = () => {
 				if (u) return;
-				if (u = No(n), u.element.dataset.mesurerLayer = "evidence", u.element.dataset.mesurerContextRoot = "true", n.rendererRoot) {
+				if (u = Fo(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,
-						attributeFilter: [Zc]
+						attributeFilter: [$c]
 					}), g();
 				}
 				let e = {
@@ -6991,7 +7011,7 @@ function il(e = {}) {
 					},
 					coordinateSpace: "document"
 				};
-				l = Dn(() => qt(ko, En(e, { get ownerWindow() {
+				l = Dn(() => qt(jo, En(e, { get ownerWindow() {
 					return n.ownerWindow;
 				} })), u.element);
 			}, y = () => {
@@ -7003,7 +7023,7 @@ function il(e = {}) {
 				shortcut: "C",
 				command: "context.copy",
 				order: 70,
-				icon: Qc,
+				icon: el,
 				hidden: () => !a()
 			}), t.tool.register({
 				id: "context.copy-selection",
@@ -7011,7 +7031,7 @@ function il(e = {}) {
 				shortcut: "Shift+C",
 				command: "context.copy-selection",
 				order: 71,
-				icon: $c,
+				icon: tl,
 				hidden: () => !a(),
 				disabled: () => !o()
 			}), t.tool.register({
@@ -7020,7 +7040,7 @@ function il(e = {}) {
 				shortcut: "N",
 				command: "context.add-note",
 				order: 72,
-				icon: el,
+				icon: nl,
 				hidden: () => !a(),
 				disabled: () => !o()
 			}), t.settings.register({
@@ -7043,28 +7063,28 @@ function il(e = {}) {
 }
 //#endregion
 //#region src/codex-plugin.ts
-var al = "mesurer.codex", ol = "codex:v1", sl = "http://127.0.0.1:47365", cl = 2e3, ll = 750, ul = 1800, dl = 2e3, fl = 12e4, pl = 10, ml = 5, hl = [
+var sl = "mesurer.codex", cl = "codex:v1", ll = "http://127.0.0.1:47365", ul = 2e3, dl = 750, fl = 1800, pl = 2e3, ml = 12e4, hl = 10, gl = 5, _l = [
 	"Implement the current human feedback from Mesurer in this project.",
 	"Treat the rendered page as the source of truth, preserve unrelated Mesurer review state,",
 	"and verify the affected UI in the live page with Mesurer before claiming completion."
-].join(" "), gl = {
+].join(" "), vl = {
 	viewBox: "0 0 256 256",
 	paths: ["M224,48,32,120l88,32,32,88Z M120,152l104-104"]
-}, _l = {
+}, yl = {
 	viewBox: "0 0 256 256",
 	paths: ["M72,32H184a8,8,0,0,1,0,16h-8v20.69a40,40,0,0,1-11.72,28.28L137.25,124l27.03,27.03A40,40,0,0,1,176,179.31V208h8a8,8,0,0,1,0,16H72a8,8,0,0,1,0-16h8V179.31a40,40,0,0,1,11.72-28.28L118.75,124,91.72,96.97A40,40,0,0,1,80,68.69V48H72a8,8,0,0,1,0-16Zm24,16V68.69a24,24,0,0,0,7.03,16.97L128,110.63l24.97-24.97A24,24,0,0,0,160,68.69V48Zm32,90.63-24.97,24.97A24,24,0,0,0,96,180.57V208h64V180.57a24,24,0,0,0-7.03-16.97Z"]
-}, vl = {
+}, bl = {
 	viewBox: "0 0 256 256",
 	paths: ["M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z"]
-}, yl = (e) => {
+}, xl = (e) => {
 	try {
 		let t = globalThis.location;
 		return t?.origin ? `mesurer-codex-ui:v1:${e}:${t.origin}${t.pathname}` : null;
 	} catch {
 		return null;
 	}
-}, bl = (e) => {
-	let t = yl(e);
+}, Sl = (e) => {
+	let t = xl(e);
 	if (!t) return null;
 	try {
 		let e = globalThis.sessionStorage?.getItem(t);
@@ -7089,18 +7109,18 @@ var al = "mesurer.codex", ol = "codex:v1", sl = "http://127.0.0.1:47365", cl = 2
 	} catch {
 		return null;
 	}
-}, xl = (e, t) => {
-	let n = yl(e);
+}, Cl = (e, t) => {
+	let n = xl(e);
 	if (n) try {
 		globalThis.sessionStorage?.setItem(n, JSON.stringify(t));
 	} catch {}
-}, Sl = (e, t) => {
+}, wl = (e, t) => {
 	let n = e.endsWith("/") ? e : `${e}/`;
 	return new URL(t, n).toString();
-}, Cl = async (e, t, n) => {
+}, Tl = async (e, t, n) => {
 	let r = new AbortController(), i = setTimeout(() => r.abort(), 15e3);
 	try {
-		let i = await fetch(Sl(e, t), {
+		let i = await fetch(wl(e, t), {
 			...n,
 			signal: r.signal
 		}), a = await i.text(), o = {};
@@ -7116,10 +7136,10 @@ var al = "mesurer.codex", ol = "codex:v1", sl = "http://127.0.0.1:47365", cl = 2
 	} finally {
 		clearTimeout(i);
 	}
-}, wl = (e) => ({
+}, El = (e) => ({
 	thread: e.thread?.trim() || null,
 	threads: Array.isArray(e.threads) ? e.threads.filter((e) => e.trim().length > 0) : []
-}), Tl = (e) => {
+}), Dl = (e) => {
 	let t = e.deliveryId?.trim(), n = e.thread?.trim(), r = e.status;
 	if (!t || !n || !r) throw Error("Mesurer Codex bridge returned an invalid delivery state.");
 	let i = {
@@ -7131,7 +7151,7 @@ var al = "mesurer.codex", ol = "codex:v1", sl = "http://127.0.0.1:47365", cl = 2
 		updatedAt: Number.isFinite(e.updatedAt) ? Number(e.updatedAt) : 0
 	};
 	return e.queuedSubmissionId !== void 0 && (i.queuedSubmissionId = e.queuedSubmissionId?.trim() || null), e.dispatch !== void 0 && (i.dispatch = e.dispatch), e.dispatchError !== void 0 && (i.dispatchError = e.dispatchError?.trim() || null), i;
-}, El = (e) => ({
+}, Ol = (e) => ({
 	thread: e.thread?.trim() || null,
 	threads: Array.isArray(e.threadDetails) ? e.threadDetails.flatMap((e) => {
 		let t = e.id?.trim() ?? "";
@@ -7143,7 +7163,7 @@ var al = "mesurer.codex", ol = "codex:v1", sl = "http://127.0.0.1:47365", cl = 2
 		}] : [];
 	}) : [],
 	hasMore: e.hasMore === !0
-}), Dl = async (e, t, n) => {
+}), kl = async (e, t, n) => {
 	let r = t?.instruction?.trim() || n, i = await e.annotations(), a = t?.annotationIds, o = a ? a.flatMap((e) => {
 		let t = i.find((t) => t.id === e);
 		return t ? [t] : [];
@@ -7166,18 +7186,18 @@ var al = "mesurer.codex", ol = "codex:v1", sl = "http://127.0.0.1:47365", cl = 2
 			])
 		].join("\n").trimEnd()
 	};
-}, Ol = (e) => e.length > 16 ? `${e.slice(0, 8)}…${e.slice(-4)}` : e, kl = (e, t = 42) => e.length > t ? `${e.slice(0, t - 1)}…` : e, Al = (e, t) => e instanceof Error && e.message === `Mesurer Codex bridge is unavailable at ${t}. Start the local bridge before queueing feedback.`;
-function jl(e = {}) {
-	let t = e.endpoint ?? sl, n = e.instruction?.trim() || hl, r = e.ui ?? !0, i = e.clearCompletedAnnotations ?? !0;
+}, Al = (e) => e.length > 16 ? `${e.slice(0, 8)}…${e.slice(-4)}` : e, jl = (e, t = 42) => e.length > t ? `${e.slice(0, t - 1)}…` : e, Ml = (e, t) => e instanceof Error && e.message === `Mesurer Codex bridge is unavailable at ${t}. Start the local bridge before queueing feedback.`;
+function Nl(e = {}) {
+	let t = e.endpoint ?? ll, n = e.instruction?.trim() || _l, r = e.ui ?? !0, i = e.clearCompletedAnnotations ?? !0;
 	return {
-		id: al,
-		version: lc,
-		requires: [Jc],
-		provides: [ol],
+		id: sl,
+		version: dc,
+		requires: [Xc],
+		provides: [cl],
 		setup(e) {
-			let a = e.service.get(Jc);
+			let a = e.service.get(Xc);
 			if (!a) throw Error("Mesurer Codex plugin requires context() from mesurer-solid/plugins.");
-			let o = r ? bl(t) : null, s = "unknown", c = !1, l = o?.originThread ?? null, u = o?.selectedThread ?? o?.originThread ?? null, d = !1, f = null, p = [], m = [], h = !1, g = ml, _, v = "", y = null, b = o?.delivery ? {
+			let o = r ? Sl(t) : null, s = "unknown", c = !1, l = o?.originThread ?? null, u = o?.selectedThread ?? o?.originThread ?? null, d = !1, f = null, p = [], m = [], h = !1, g = gl, _, v = "", y = null, b = o?.delivery ? {
 				id: o.delivery.id,
 				thread: o.delivery.thread,
 				status: o.delivery.status,
@@ -7185,22 +7205,22 @@ function jl(e = {}) {
 				queuedSubmissionId: o.delivery.queuedSubmissionId ?? null,
 				dispatch: o.delivery.dispatch ?? null,
 				dispatchError: o.delivery.dispatchError ?? null
-			} : null, x = 0, S = 0, C = null, w = !1, T = async () => wl(await Cl(t, "health")), E = async (e) => Tl(await Cl(t, `deliveries/${encodeURIComponent(e)}`)), D = async (e) => {
+			} : null, x = 0, S = 0, C = null, w = !1, T = async () => El(await Tl(t, "health")), E = async (e) => Dl(await Tl(t, `deliveries/${encodeURIComponent(e)}`)), D = async (e) => {
 				if (!e.id || !e.thread) throw Error("Cannot restore a Codex delivery without its id and thread.");
 				let n = {
 					deliveryId: e.id,
 					thread: e.thread
 				};
-				return e.queuedSubmissionId && (n.queuedSubmissionId = e.queuedSubmissionId), Tl(await Cl(t, "deliveries/restore", {
+				return e.queuedSubmissionId && (n.queuedSubmissionId = e.queuedSubmissionId), Dl(await Tl(t, "deliveries/restore", {
 					method: "POST",
 					headers: { "Content-Type": "application/json" },
 					body: JSON.stringify(n)
 				}));
 			}, O = async (e = {}) => {
 				let n = new URLSearchParams();
-				n.set("limit", String(e.limit ?? pl));
+				n.set("limit", String(e.limit ?? hl));
 				let r = e.thread?.trim();
-				return r && n.set("thread", r), El(await Cl(t, `threads?${n.toString()}`));
+				return r && n.set("thread", r), Ol(await Tl(t, `threads?${n.toString()}`));
 			}, k = () => u ?? l ?? (d ? null : f), A = () => {
 				if (!r) return;
 				let e = b?.id && (b.status === "queued" || b.status === "working" || b.status === "interrupted") ? {
@@ -7212,7 +7232,7 @@ function jl(e = {}) {
 					dispatch: b.dispatch,
 					dispatchError: b.dispatchError
 				} : null;
-				xl(t, {
+				Cl(t, {
 					version: 1,
 					originThread: l,
 					selectedThread: u,
@@ -7230,12 +7250,12 @@ function jl(e = {}) {
 				"queueing",
 				"queued",
 				"working"
-			].includes(b.status) ? _l : b.status === "completed" ? vl : gl : gl, te = () => {
+			].includes(b.status) ? yl : b.status === "completed" ? bl : vl : vl, te = () => {
 				let e = [], t = /* @__PURE__ */ new Set(), n = (n) => {
 					t.has(n.id) || (t.add(n.id), e.push(n));
 				}, r = (e) => ({
 					id: e,
-					title: `Codex ${Ol(e)}`,
+					title: `Codex ${Al(e)}`,
 					updatedAt: null,
 					connected: !0
 				});
@@ -7255,7 +7275,7 @@ function jl(e = {}) {
 					let t = e.id === l ? "Current · " : e.connected ? "Connected · " : "", r = b?.thread === e.id ? ` · ${ee() ? "Blocked" : N(b.status)}` : "";
 					return {
 						id: `codex.thread.${e.id}`,
-						label: `${t}${kl(e.title)}${r}`,
+						label: `${t}${jl(e.title)}${r}`,
 						checked: () => n === e.id,
 						disabled: () => M(),
 						run() {
@@ -7263,11 +7283,11 @@ function jl(e = {}) {
 						}
 					};
 				});
-				return g < pl && (e.length > g || h) && r.push({
+				return g < hl && (e.length > g || h) && r.push({
 					id: "codex.thread.show-more",
 					label: "Show 5 more…",
 					run() {
-						g = pl, R();
+						g = hl, R();
 					}
 				}), r;
 			}, R = () => {
@@ -7303,14 +7323,14 @@ function jl(e = {}) {
 				let e = l && p.includes(l) ? l : f;
 				try {
 					let t = await O({
-						limit: pl,
+						limit: hl,
 						thread: e ?? void 0
 					});
 					m = t.threads, h = t.hasMore;
 				} catch {
 					m = p.map((e) => ({
 						id: e,
-						title: `Codex ${Ol(e)}`,
+						title: `Codex ${Al(e)}`,
 						updatedAt: null,
 						connected: !0
 					})), h = !1;
@@ -7333,7 +7353,7 @@ function jl(e = {}) {
 			}, V = () => {
 				S && globalThis.clearTimeout(S), S = globalThis.setTimeout(() => {
 					S = 0, b?.status === "completed" && (b = null, A(), R());
-				}, ul);
+				}, fl);
 			}, ne = async (e) => {
 				if (!(!b || b.id !== e.id)) {
 					if (b = {
@@ -7351,14 +7371,14 @@ function jl(e = {}) {
 					if (e.status === "interrupted") {
 						A(), R();
 						let t = e.updatedAt > 0 ? e.updatedAt : Date.now();
-						Date.now() - t < fl && (x = globalThis.setTimeout(() => {
+						Date.now() - t < ml && (x = globalThis.setTimeout(() => {
 							x = 0, re(e.id);
-						}, dl));
+						}, pl));
 						return;
 					}
 					R(), x = globalThis.setTimeout(() => {
 						x = 0, re(e.id);
-					}, ll);
+					}, dl);
 				}
 			}, re = async (e) => {
 				if (!(w || b?.id !== e)) try {
@@ -7382,7 +7402,7 @@ function jl(e = {}) {
 					b = {
 						...b,
 						status: "failed"
-					}, A(), Al(r, t) && (s = "unavailable"), R();
+					}, A(), Ml(r, t) && (s = "unavailable"), R();
 				}
 			}, H = {
 				health: T,
@@ -7391,7 +7411,7 @@ function jl(e = {}) {
 				async useThread(e) {
 					let n = e.trim();
 					if (!n) throw Error("Codex thread must be a non-empty string.");
-					let r = wl(await Cl(t, "target", {
+					let r = El(await Tl(t, "target", {
 						method: "POST",
 						headers: { "Content-Type": "application/json" },
 						body: JSON.stringify({ thread: n })
@@ -7399,12 +7419,12 @@ function jl(e = {}) {
 					return j(n, !l), f = r.thread, p = r.threads, s = "available", c = !0, R(), r;
 				},
 				async queue(e) {
-					let i = await Dl(a, e, n), o = e?.thread?.trim(), c = o || (r ? k() : null);
+					let i = await kl(a, e, n), o = e?.thread?.trim(), c = o || (r ? k() : null);
 					if (r && !o && (d || !c)) throw Error("Choose a Codex thread before queueing feedback.");
 					let l = { message: i.message };
 					c && (l.thread = c);
 					try {
-						let e = await Cl(t, "send", {
+						let e = await Tl(t, "send", {
 							method: "POST",
 							headers: { "Content-Type": "application/json" },
 							body: JSON.stringify(l)
@@ -7420,14 +7440,14 @@ function jl(e = {}) {
 						};
 						return e.queuedSubmissionId !== void 0 && (r.queuedSubmissionId = e.queuedSubmissionId?.trim() || null), e.dispatch !== void 0 && (r.dispatch = e.dispatch), e.dispatchError !== void 0 && (r.dispatchError = e.dispatchError?.trim() || null), r;
 					} catch (e) {
-						throw r && Al(e, t) && (s = "unavailable", R()), e;
+						throw r && Ml(e, t) && (s = "unavailable", R()), e;
 					}
 				},
 				send(e) {
 					return H.queue(e);
 				}
 			};
-			e.service.provide(ol, H);
+			e.service.provide(cl, H);
 			let ie = async () => {
 				if (!(C || M())) return B(), b = {
 					id: null,
@@ -7458,9 +7478,9 @@ function jl(e = {}) {
 							updatedAt: 0
 						}) : x = globalThis.setTimeout(() => {
 							x = 0, re(e.deliveryId);
-						}, ll) : S = globalThis.setTimeout(() => {
+						}, dl) : S = globalThis.setTimeout(() => {
 							S = 0, b?.id === null && b?.status === "queued" && (b = null, A(), R());
-						}, ul);
+						}, fl);
 					} catch (e) {
 						b = null, A(), R();
 						let t = e instanceof Error ? e.message : String(e);
@@ -7476,7 +7496,7 @@ function jl(e = {}) {
 				}, 0));
 				let t = globalThis.setInterval(() => {
 					c && I().catch(() => void 0);
-				}, cl);
+				}, ul);
 				e.lifecycle.onDispose(() => {
 					w = !0, B(), globalThis.clearInterval(t), _?.dispose(), _ = void 0;
 				});
@@ -7486,12 +7506,12 @@ function jl(e = {}) {
 }
 //#endregion
 //#region src/screenshot.ts
-var Ml = Gs, Nl = Hs, Pl = Us, Fl = Ws, Il = 4, Ll = Ur, Rl = (e, t) => br(e, t), zl = (e = /* @__PURE__ */ new Date()) => xr(e), Bl = (e, t, n, r) => yr(e, t, n, r), Vl = (e, t, n) => vr(e, t, n), Hl = (e, t) => Br(e, t), Ul = (e) => Hr(e), Wl = (e = {}) => ({
-	...cc(e),
-	version: lc
-}), Gl = (e) => Cr(e), Kl = (e) => ({
+var Pl = qs, Fl = Ws, Il = Gs, Ll = Ks, Rl = 4, zl = Ur, Bl = (e, t) => br(e, t), Vl = (e = /* @__PURE__ */ new Date()) => xr(e), Hl = (e, t, n, r) => yr(e, t, n, r), Ul = (e, t, n) => vr(e, t, n), Wl = (e, t) => Br(e, t), Gl = (e) => Hr(e), Kl = (e = {}) => ({
+	...uc(e),
+	version: dc
+}), ql = (e) => Cr(e), Jl = (e) => ({
 	...e,
-	version: lc
-}), ql = () => Kl(io()), Jl = () => Kl(ao()), Yl = () => Kl(oo()), Xl = () => Kl(so()), Zl = () => Kl(co()), Ql = () => Kl(lo()), $l = () => Kl(fo()), eu = () => Kl(uo()), tu = () => po().map(Kl), nu = (e = [], t = []) => mo(e, t).map((e) => e.id.startsWith("mesurer.") ? Kl(e) : e);
+	version: dc
+}), Yl = () => Jl(oo()), Xl = () => Jl(so()), Zl = () => Jl(co()), Ql = () => Jl(lo()), $l = () => Jl(uo()), eu = () => Jl(fo()), tu = () => Jl(mo()), nu = () => Jl(po()), ru = () => ho().map(Jl), iu = (e = [], t = []) => go(e, t).map((e) => e.id.startsWith("mesurer.") ? Jl(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, al as MESURER_CODEX_PLUGIN_ID, ol as MESURER_CODEX_SERVICE_ID, qc as MESURER_CONTEXT_PLUGIN_ID, Jc as MESURER_CONTEXT_SERVICE_ID, Yc as MESURER_CONTEXT_SETTINGS_STATE_ID, Gc as MESURER_LAYOUT_GUIDES_ACTIVE_STATE_ID, Hc as MESURER_LAYOUT_GUIDES_PLUGIN_ID, Uc as MESURER_LAYOUT_GUIDES_SERVICE_ID, Wc as MESURER_LAYOUT_GUIDES_STATE_ID, Ml as MESURER_SCREENSHOT_ACTIVE_STATE_ID, Nl as MESURER_SCREENSHOT_PLUGIN_ID, Pl as MESURER_SCREENSHOT_SERVICE_ID, Fl as MESURER_SCREENSHOT_SETTINGS_STATE_ID, Il as MIN_SCREENSHOT_SELECTION, hc as arrange, Ll as captureVisibleTabPng, jl as codex, Yl as colorPicker, nu as compose, il as context, Rl as copyPngToClipboard, zl as createScreenshotFilename, Bl as cropPngToViewportRect, tu as defaults, $l as distance, Ql as guides, Kc as layoutGuides, Vl as normalizeScreenshotRect, Hl as prepareScreenshotCapture, Ul as releaseScreenshotCapture, Xl as rulers, Wl as screenshot, ql as select, eu as settings, Zl as typography, Gl as waitForNextPaint, Jl as xray };
+export { fc as MESURER_ARRANGE_ACTIVE_STATE_ID, pc as MESURER_ARRANGE_PLUGIN_ID, mc as MESURER_ARRANGE_SERVICE_ID, hc as MESURER_ARRANGE_SETTINGS_STATE_ID, gc as MESURER_ARRANGE_STATE_ID, sl as MESURER_CODEX_PLUGIN_ID, cl as MESURER_CODEX_SERVICE_ID, Yc as MESURER_CONTEXT_PLUGIN_ID, Xc as MESURER_CONTEXT_SERVICE_ID, Zc as MESURER_CONTEXT_SETTINGS_STATE_ID, qc as MESURER_LAYOUT_GUIDES_ACTIVE_STATE_ID, Wc as MESURER_LAYOUT_GUIDES_PLUGIN_ID, Gc as MESURER_LAYOUT_GUIDES_SERVICE_ID, Kc as MESURER_LAYOUT_GUIDES_STATE_ID, Pl as MESURER_SCREENSHOT_ACTIVE_STATE_ID, Fl as MESURER_SCREENSHOT_PLUGIN_ID, Il as MESURER_SCREENSHOT_SERVICE_ID, Ll as MESURER_SCREENSHOT_SETTINGS_STATE_ID, Rl as MIN_SCREENSHOT_SELECTION, _c as arrange, zl as captureVisibleTabPng, Nl as codex, Zl as colorPicker, iu as compose, ol as context, Bl as copyPngToClipboard, Vl as createScreenshotFilename, Hl as cropPngToViewportRect, ru as defaults, tu as distance, eu as guides, Jc as layoutGuides, Ul as normalizeScreenshotRect, Wl as prepareScreenshotCapture, Gl as releaseScreenshotCapture, Ql as rulers, Kl as screenshot, Yl as select, nu as settings, $l as typography, ql as waitForNextPaint, Xl as xray };