mesurer-solid 0.1.9 → 0.2.0-beta.1

package/dist/plugins.js

@@ -127,21 +127,21 @@ function ee(e, t) {
 }
 function N() {
 	if (E) {
-		P();
+		F();
 		return;
 	}
 	T || (T = !0, !O && !U.gt && queueMicrotask(W));
 }
-function te(e) {
+function P(e) {
 	if (E) return;
 	E = !0;
 	let t = "[REACTIVITY_HALTED]";
 	e === void 0 ? console.error(t) : console.error(t, e);
 }
-function P() {
+function F() {
 	D || (D = !0, console.error("[REACTIVITY_HALTED]"));
 }
-var ne = 0, F = class {
+var te = 0, I = class {
 	ke = null;
 	bt = [[], []];
 	vt = [];
@@ -162,7 +162,7 @@ var ne = 0, F = class {
 			let t = this.bt[e - 1];
 			this.bt[e - 1] = [], oe(t, e);
 		}
-		let t = this.vt, n = ++ne;
+		let t = this.vt, n = ++te;
 		for (let r = 0; r < t.length;) {
 			let i = t[r];
 			if (i.kt !== n && (i.kt = n, i.run?.(e), t[r] !== i)) {
@@ -192,7 +192,7 @@ var ne = 0, F = class {
 			r && r.restoreQueues(n);
 		}
 	}
-}, I = class e extends F {
+}, L = class e extends I {
 	gt = !1;
 	m = M();
 	static Ce;
@@ -242,7 +242,7 @@ var ne = 0, F = class {
 						let e = M();
 						e.Qt = n.Qt, e.Me = n.Me, e.A = n.A, e.cn = n.cn, ae = this.m = e;
 					}
-				} else A(this) ? (V(), b.EE >= b.Ve && (ye(b, e.Ce), V())) : (y.size && ye(x, e.Ce), re());
+				} else A(this) ? (ne(), b.EE >= b.Ve && (ye(b, e.Ce), ne())) : (y.size && ye(x, e.Ce), re());
 				C++, T = b.EE >= b.Ve, f.size && e.In(1), this.run(1), f.size && e.In(2), this.run(2);
 			} finally {
 				this.gt = !1;
@@ -294,12 +294,12 @@ var ne = 0, F = class {
 		for (let e of f) e.Ne ||= w;
 	}
 };
-function L(e) {
+function R(e) {
 	ae.Qt.push(e);
 }
-var R = !1;
-function z(e, t = !1) {
-	let n = e.Ke || tt, r = e.Le !== void 0, i = R;
+var z = !1;
+function B(e, t = !1) {
+	let n = e.Ke || tt, r = e.Le !== void 0, i = z;
 	for (let o = e.o; o !== null; o = o.le) {
 		if (i && (o.fe.se &= ~a), r && o.fe.T & 8) {
 			o.fe.se |= 256;
@@ -308,31 +308,31 @@ function z(e, t = !1) {
 		t && n ? (o.fe.se |= 128, v(o.fe, n)) : t && (o.fe.se |= 128, o.fe.Ke = void 0), fe(o.fe);
 	}
 }
-function B(e) {
+function V(e) {
 	let t = e;
 	if (!t.ce) {
-		e.De !== o && (e.Ue = e.De, e.De = o), (e.ge || e.pe) && I.un(e);
+		e.De !== o && (e.Ue = e.De, e.De = o), (e.ge || e.pe) && L.un(e);
 		return;
 	}
-	e.De !== o && (e.Ue = e.De, e.De = o, e.Re && e.Re !== 3 && (e.Je = !0)), t.Ee = !1, t.se &= ~i, t.S & 1 || (t.S &= -5), (t.We !== null || t.Qe !== null) && I.me(t, !1, !0), (e.ge || e.pe) && I.un(e);
+	e.De !== o && (e.Ue = e.De, e.De = o, e.Re && e.Re !== 3 && (e.Je = !0)), t.Ee = !1, t.se &= ~i, t.S & 1 || (t.S &= -5), (t.We !== null || t.Qe !== null) && L.me(t, !1, !0), (e.ge || e.pe) && L.un(e);
 }
-function V() {
+function ne() {
 	let e = ae.Qt;
-	for (let t = 0; t < e.length; t++) B(e[t]);
+	for (let t = 0; t < e.length; t++) V(e[t]);
 	e.length = 0;
 }
 function re(e = null, t = !1) {
 	let n = !t;
-	n && V(), !t && U.vt.length && H(U);
+	n && ne(), !t && U.vt.length && H(U);
 	let r = b.EE >= b.Ve;
-	if (r && ye(b, I.Ce), n) {
-		r && V();
+	if (r && ye(b, L.Ce), n) {
+		r && ne();
 		let t = e ?? U.m;
-		if (t.Me.length && I.En(t.Me), t.ln.size) {
+		if (t.Me.length && L.En(t.Me), t.ln.size) {
 			for (let e of t.ln) e.se & 64 || fe(e);
 			t.ln.clear(), N();
 		}
-		t.A.length && (I.G(t.A), U.vt.length && H(U)), t.cn.size && I.Dt(t.cn, e), j(), f.size && I.dn(e);
+		t.A.length && (L.G(t.A), U.vt.length && H(U)), t.cn.size && L.Dt(t.cn, e), j(), f.size && L.dn(e);
 	}
 }
 function H(e) {
@@ -341,7 +341,7 @@ function H(e) {
 function ie(e) {
 	for (let t = 0; t < e.length; t++) e[t].Ne = w;
 }
-var U = new I(), ae = U.m;
+var U = new L(), ae = U.m;
 function W(e) {
 	if (e) {
 		O++;
@@ -391,7 +391,7 @@ function ce(e) {
 			break;
 		}
 	}
-	return t && I.Tn?.(e) && (t = !1), t && (e.fn = !0), t;
+	return t && L.Tn?.(e) && (t = !1), t && (e.fn = !0), t;
 }
 function le(e) {
 	for (; e.fn && typeof e.fn == "object";) e = e.fn;
@@ -498,7 +498,7 @@ function Se(e, t = !1, n) {
 	if (t) {
 		e.se = r | 64;
 		let t = e;
-		(t.ge || t.pe) && I.un(t);
+		(t.ge || t.pe) && L.un(t);
 	}
 	t && e.ce && (e.Te = null);
 	let i = n ? e.We : e.Fe;
@@ -686,7 +686,7 @@ function Ge(e, t) {
 	He(e, i), n && N();
 }
 function Ke(e) {
-	let t = !1, n, r = /* @__PURE__ */ new Set(), i = I.Se, a = (o) => {
+	let t = !1, n, r = /* @__PURE__ */ new Set(), i = L.Se, a = (o) => {
 		if (r.has(o) || !Re(o, e)) return;
 		r.add(o), o.de = C;
 		let s = o.oe?.values().next().value, c = o.S & 2;
@@ -726,11 +726,11 @@ function Je(t, n, r) {
 		Pe(t), Ye(t);
 		let s = h(t);
 		if (s && s.Ae.delete(t), r) r(e), a && Ye(t, !0);
-		else if (t._e !== void 0) t.De === o && L(t), t.De = e, I.Pe !== null && I.Pe(t, e), _(t) || z(t), t.de = C;
+		else if (t._e !== void 0) t.De === o && R(t), t.De = e, L.Pe !== null && L.Pe(t, e), _(t) || B(t), t.de = C;
 		else if (s) {
 			let n = t.Re, r = t.Ue, i = t.be;
 			try {
-				(!n && a || !i || !i(e, r)) && (t.Ue = e, t.de = C, I.Pe !== null && I.Pe(t, e), z(t, !0));
+				(!n && a || !i || !i(e, r)) && (t.Ue = e, t.de = C, L.Pe !== null && L.Pe(t, e), B(t, !0));
 			} catch (e) {
 				Xe(t, 2, e);
 			}
@@ -790,12 +790,12 @@ function Je(t, n, r) {
 	return s;
 }
 function Ye(e, t = !1) {
-	e.oe && ze(e), e.ue &&= !1, e.he = !1, e.S = t ? 0 : e.S & 4, e._ && Ve(e), (e.ge || e.pe) && I.Se(e), e.u && I.Oe !== null && I.Oe(e), e.i && e.i();
+	e.oe && ze(e), e.ue &&= !1, e.he = !1, e.S = t ? 0 : e.S & 4, e._ && Ve(e), (e.ge || e.pe) && L.Se(e), e.u && L.Oe !== null && L.Oe(e), e.i && e.i();
 }
 function Xe(n, r, i, a, o) {
 	r === 2 && !(i instanceof t) && !(i instanceof e) && (i = new t(n, i));
 	let s = r === 1 && i instanceof e ? i.source : void 0, c = s === n, l = r === 1 && n._e !== void 0 && !c, u = l && _(n);
-	a || (r === 1 && s ? (Le(n, s), n.S = 1 | n.S & 4, Ve(n, s, i)) : (ze(n), n.S = r | (r === 2 ? 0 : n.S & 4), n._ = i), I.Se !== null && I.Se(n), n.u && I.Oe !== null && I.Oe(n)), o && !a && v(n, o);
+	a || (r === 1 && s ? (Le(n, s), n.S = 1 | n.S & 4, Ve(n, s, i)) : (ze(n), n.S = r | (r === 2 ? 0 : n.S & 4), n._ = i), L.Se !== null && L.Se(n), n.u && L.Oe !== null && L.Oe(n)), o && !a && v(n, o);
 	let d = a || u, f = a || l ? void 0 : o;
 	if (n.i) {
 		if (a && r === 1) return;
@@ -808,11 +808,11 @@ function Xe(n, r, i, a, o) {
 				fe(t), N();
 				return;
 			}
-			!d && !t.Ne && L(t), Xe(t, r, i, d, f);
+			!d && !t.Ne && R(t), Xe(t, r, i, d, f);
 		}
 	});
 }
-I.Ce = nt, I.me = Se;
+L.Ce = nt, L.me = Se;
 var Ze = !1, Qe = !1, $e = !1, et = !1, G = null, tt = null;
 function nt(t, n = !1) {
 	let r = t.Re;
@@ -823,10 +823,10 @@ function nt(t, n = !1) {
 	Ze = !0;
 	let y = et;
 	if (et = !1, i) {
-		let e = I.je(t, !0);
+		let e = L.je(t, !0);
 		e && (tt = e);
 	} else if (w && !n && w.Me.length) {
-		let e = I.je(t, !1);
+		let e = L.je(t, !1);
 		e && (i = !0, tt = e);
 	}
 	let b = r && r !== 2, x = Qe;
@@ -837,14 +837,14 @@ function nt(t, n = !1) {
 			let e = t.Te, n = t.ce(h), r = typeof n == "object" && !!n, i = t.Te !== e;
 			h = i || !r ? n : Je(t, n), !i && !r && (t.Te = null, t.Ee = !1);
 		}
-		(t.S !== 0 || t.i !== void 0 || t._ || t.he || t.ue || t.oe !== void 0 || t.ge !== void 0 || t.pe !== void 0 || t.u !== null) && Ye(t, n), t.Ke && I.ze(t);
+		(t.S !== 0 || t.i !== void 0 || t._ || t.he || t.ue || t.oe !== void 0 || t.ge !== void 0 || t.pe !== void 0 || t.u !== null) && Ye(t, n), t.Ke && L.ze(t);
 	} catch (n) {
 		let r = n instanceof e;
 		if (r && t.Ee) Be(t, n);
 		else {
-			r && tt && I.$e(t);
+			r && tt && L.$e(t);
 			let e = !1;
-			r && (t.ue = !0, I.Be !== null && (e = I.Be(t, f))), Xe(t, r ? 1 : 2, n, void 0, r ? t.Ke : void 0), e && I.k(t);
+			r && (t.ue = !0, L.Be !== null && (e = L.Be(t, f))), Xe(t, r ? 1 : 2, n, void 0, r ? t.Ke : void 0), e && L.k(t);
 		}
 	} finally {
 		Ze = _, et = y, b && (Qe = x), t.se = 0 | (n ? t.se & 256 : 0), G = m;
@@ -857,16 +857,16 @@ function nt(t, n = !1) {
 		} catch (e) {
 			Xe(t, 2, e);
 		}
-		if (r && a && (t.Je = !t._, n || t.C.enqueue(r, t.Xe ??= I.et.bind(null, t))), !t._) {
+		if (r && a && (t.Je = !t._, n || t.C.enqueue(r, t.Xe ??= L.et.bind(null, t))), !t._) {
 			if (a) {
 				let e = l ? t._e : void 0;
-				n || r && (w !== t.Ne || w === null) || i ? (t.Ue = h, l && i && (t._e = h === void 0 ? s : h, t.De = o)) : (t.De = h, p && (t.Ee = !0), (w || t.Ne) && I.Pe !== null && I.Pe(t, h)), t.o !== null && (!l || i || t._e !== e) && z(t, i || l);
-			} else if (l) t.De === o && L(t), t.De = h, p && (t.Ee = !0);
+				n || r && (w !== t.Ne || w === null) || i ? (t.Ue = h, l && i && (t._e = h === void 0 ? s : h, t.De = o)) : (t.De = h, p && (t.Ee = !0), (w || t.Ne) && L.Pe !== null && L.Pe(t, h)), t.o !== null && (!l || i || t._e !== e) && B(t, i || l);
+			} else if (l) t.De === o && R(t), t.De = h, p && (t.Ee = !0);
 			else if (t.xe != g) for (let e = t.o; e !== null; e = e.le) he(e.fe, de(e.fe));
 		}
 		d !== void 0 && !a && !t._ && Ge(t, d);
 	}
-	tt = v, (t.De !== o || t.We !== null || t.Qe !== null || t.S & 5) && (!n || t.S & 1) && (!t.Ne || l) && L(t), t.Ne && r && w !== t.Ne && ue(t.Ne, () => nt(t));
+	tt = v, (t.De !== o || t.We !== null || t.Qe !== null || t.S & 5) && (!n || t.S & 1) && (!t.Ne || l) && R(t), t.Ne && r && w !== t.Ne && ue(t.Ne, () => nt(t));
 }
 function rt(e) {
 	if (e.se & 1) for (let t = e.tt; t; t = t.nt) {
@@ -966,7 +966,7 @@ function st(e, t) {
 		let t = G.Fe;
 		t === null ? G.Fe = e : (e.He = t, t.ct = e, G.Fe = e);
 	}
-	n && (e.xe = n.xe + 1), I.It !== null && I.It(e), !t?.lazy && nt(e, !0);
+	n && (e.xe = n.xe + 1), L.It !== null && L.It(e), !t?.lazy && nt(e, !0);
 }
 function ct(e, t, n = null) {
 	let r = {
@@ -987,11 +987,11 @@ function lt(e, t) {
 	return e === t;
 }
 function ut(e, t) {
-	if (I.St === null && !Ze) return e();
+	if (L.St === null && !Ze) return e();
 	let n = Ze;
 	Ze = !1;
 	try {
-		return I.St === null ? e() : I.St(e);
+		return L.St === null ? e() : L.St(e);
 	} finally {
 		Ze = n;
 	}
@@ -1000,7 +1000,7 @@ function dt(e, t) {
 	e.se & 512 ? (e.se &= -513, nt(e, !0)) : e.se & 64 ? nt(e, !0) : t && rt(e);
 }
 function ft(e) {
-	if (et) return I.At(e);
+	if (et) return L.At(e);
 	let t = G;
 	t?.Nt && (t = t.dt);
 	let n = e, r = e.lt || e;
@@ -1013,7 +1013,7 @@ function ft(e) {
 	}
 	if (r.S & 1) {
 		if (t && !(Qe && r.Ne && w !== r.Ne)) {
-			if (tt === null || I.Ot(r)) throw !Ze && e !== t && Ie(e, t), r._;
+			if (tt === null || L.Ot(r)) throw !Ze && e !== t && Ie(e, t), r._;
 		} else if (t && r !== e && r.S & 4) throw !Ze && e !== t && Ie(e, t), r._;
 		else if (!t && r.S & 4) throw r._;
 	}
@@ -1022,17 +1022,17 @@ function ft(e) {
 		throw r._;
 	}
 	if (e._e !== void 0 && e._e !== o) return c(e._e);
-	if (tt !== null && w !== null && t !== null && I.Rt(e, r, t)) return e.Ue;
-	let i = !t || tt !== null && I.Pt(e, r, t) || e.De === o || Qe && e.Ne && w !== e.Ne ? e.Ue : e.De;
+	if (tt !== null && w !== null && t !== null && L.Rt(e, r, t)) return e.Ue;
+	let i = !t || tt !== null && L.Pt(e, r, t) || e.De === o || Qe && e.Ne && w !== e.Ne ? e.Ue : e.De;
 	return !t && r === e && typeof n.ce == "function" && e.T & 32 && !(r.S & 1) && !e.o && Fe(e), i;
 }
 function pt(e, t) {
-	if (e.Ne && w !== e.Ne && U.initTransition(e.Ne), e._e !== void 0) return I.Gt(e, t);
+	if (e.Ne && w !== e.Ne && U.initTransition(e.Ne), e._e !== void 0) return L.Gt(e, t);
 	let n = e.De === o ? e.Ue : e.De;
-	return typeof t == "function" && (t = t(n)), e.S & 4 || !e.be || !e.be(n, t) ? (e.De === o && L(e), e.De = t, (e.ge !== void 0 || e.pe !== void 0) && I.Pe !== null && I.Pe(e, t), e.de = C, z(e), N(), t) : t;
+	return typeof t == "function" && (t = t(n)), e.S & 4 || !e.be || !e.be(n, t) ? (e.De === o && R(e), e.De = t, (e.ge !== void 0 || e.pe !== void 0) && L.Pe !== null && L.Pe(e, t), e.de = C, B(e), N(), t) : t;
 }
 function mt(e) {
-	ge(e, de(e)), !(e.se & 1024) && e.De === o && (L(e), N()), e.se = e.se & -4 | i;
+	ge(e, de(e)), !(e.se & 1024) && e.De === o && (R(e), N()), e.se = e.se & -4 | i;
 }
 function ht(e, t) {
 	let n = pt(e, t);
@@ -1072,7 +1072,7 @@ function bt(e, t) {
 			this.S & 2 && (this.Je = !0, this.C.enqueue(this.Re, this.Xe ??= xt.bind(null, this)));
 			return;
 		}
-		if (!this.C.notify(this, 2, 2)) throw te(n(i)), i;
+		if (!this.C.notify(this, 2, 2)) throw P(n(i)), i;
 	} else this.Re === 1 && this.C.notify(this, 3, r, i);
 }
 function xt(e) {
@@ -1086,7 +1086,7 @@ function xt(e) {
 				e.Tt = void 0, t?.();
 			}) : console.error(t);
 		} catch (t) {
-			if (!e.C.notify(e, 2, 2)) throw te(t), t;
+			if (!e.C.notify(e, 2, 2)) throw P(t), t;
 		}
 		return;
 	}
@@ -1095,12 +1095,12 @@ function xt(e) {
 	try {
 		r?.(), e.Tt = e.ft(e.Ue, e._t);
 	} catch (n) {
-		if (e._ = new t(e, n), e.S |= 2, !e.C.notify(e, 2, 2)) throw te(n), n;
+		if (e._ = new t(e, n), e.S |= 2, !e.C.notify(e, 2, 2)) throw P(n), n;
 	} finally {
 		e._t = e.Ue, e.Je = !1;
 	}
 }
-I.et = xt;
+L.et = xt;
 //#endregion
 //#region ../../node_modules/.bun/@solidjs+signals@2.0.0-rc.0/node_modules/@solidjs/signals/dist/prod/signals.js
 function St(e) {
@@ -2103,40 +2103,202 @@ var ar = (e) => e, or = (e, t = 0, n = 1) => Math.min(n, Math.max(t, e)), sr = (
 		e.blue
 	].map((e) => ur(e).toString(16).padStart(2, "0")).join("");
 	return e.alpha >= .999 ? `#${t}` : `#${t}${Math.round(e.alpha * 255).toString(16).padStart(2, "0")}`;
-}, fr = () => globalThis.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random()}`, pr = /* @__PURE__ */ new WeakMap(), mr = (e) => (pr.get(e) ?? 0) > 0, hr = /* @__PURE__ */ new WeakMap(), gr = (e) => {
+}, fr = "mesurer:capture-bridge-ping", pr = "mesurer:capture-bridge-request", mr = "mesurer:capture-bridge-response", hr = (e) => e.__MESURER_HOST__?.captureScreenshot, gr = (e) => {
+	if (e instanceof Blob) return e;
+	if (e instanceof Uint8Array) {
+		let t = new Uint8Array(e.byteLength);
+		return t.set(e), new Blob([t.buffer], { type: "image/png" });
+	}
+	if (e instanceof ArrayBuffer) return new Blob([e.slice(0)], { type: "image/png" });
+	if (e == null) throw Error("Host screenshot capture returned no PNG data.");
+	if (!e.png) throw Error("Host screenshot capture returned unsupported PNG data.");
+	return gr(e.png);
+}, _r = async (e) => {
+	let t = hr(e);
+	return t ? gr(await t()) : null;
+}, vr = (e, t, n) => {
+	let r = Math.max(0, Math.min(e.x, t.x, n.width)), i = Math.max(0, Math.min(e.y, t.y, n.height)), a = Math.max(0, Math.min(Math.max(e.x, t.x), n.width)), o = Math.max(0, Math.min(Math.max(e.y, t.y), n.height));
+	return {
+		left: r,
+		top: i,
+		width: Math.max(0, a - r),
+		height: Math.max(0, o - i)
+	};
+}, yr = async (e, t, n, r) => {
+	let i = await createImageBitmap(e);
+	try {
+		let e = i.width / n.width, a = i.height / n.height, o = Math.max(0, Math.round(t.left * e)), s = Math.max(0, Math.round(t.top * a)), c = Math.max(1, Math.min(i.width - o, Math.round(t.width * e))), l = Math.max(1, Math.min(i.height - s, Math.round(t.height * a))), u = r.createElement("canvas");
+		u.width = c, u.height = l;
+		let d = u.getContext("2d");
+		if (!d) throw Error("Could not crop screenshot");
+		return d.drawImage(i, o, s, c, l, 0, 0, c, l), await new Promise((e, t) => {
+			u.toBlob((n) => {
+				n ? e(n) : t(/* @__PURE__ */ Error("Could not crop screenshot"));
+			}, "image/png");
+		});
+	} finally {
+		i.close();
+	}
+}, br = async (e, t) => {
+	let n = t.navigator.clipboard, r = globalThis.ClipboardItem;
+	if (!n?.write || !r) throw Error("PNG clipboard copy is not available");
+	await n.write([new r({ "image/png": e })]);
+}, xr = (e = /* @__PURE__ */ new Date()) => {
+	let t = (e) => String(e).padStart(2, "0");
+	return `mesurer-${e.getFullYear()}-${t(e.getMonth() + 1)}-${t(e.getDate())}-${t(e.getHours())}${t(e.getMinutes())}${t(e.getSeconds())}.png`;
+}, Sr = (e, t, n, r) => {
+	let i = globalThis.URL.createObjectURL(e), a = n.createElement("a");
+	a.href = i, a.download = t, a.rel = "noopener", n.documentElement.append(a), a.click(), a.remove(), r.setTimeout(() => globalThis.URL.revokeObjectURL(i), 1e3);
+}, Cr = (e) => new Promise((t) => {
+	e.requestAnimationFrame(() => {
+		e.requestAnimationFrame(() => t());
+	});
+}), wr = (e) => e.crypto?.randomUUID?.() ?? `mesurer-${Date.now()}-${Math.random().toString(36).slice(2)}`, Tr = (e, t, n = "") => `${e}:${t}:${n}`, Er = (e) => e.location.origin === "null" ? "*" : e.location.origin, Dr = (e, t, n) => {
+	let r = `${t}:${n}:`;
+	return e.startsWith(r) ? e.slice(r.length) : null;
+}, Or = (e) => new Promise((t) => {
+	let n = wr(e), r = e.location.origin, i = (o) => {
+		o.source === e && o.origin === r && Dr(String(o.data ?? ""), "mesurer:capture-bridge-pong", n) !== null && (e.removeEventListener("message", i), e.clearTimeout(a), t(!0));
+	}, a = e.setTimeout(() => {
+		e.removeEventListener("message", i), t(!1);
+	}, 80);
+	e.addEventListener("message", i), e.postMessage(Tr(fr, n), Er(e));
+}), kr = (e) => new Promise((t, n) => {
+	let r = wr(e), i = e.location.origin, a = (s) => {
+		if (s.source !== e || s.origin !== i) return;
+		let c = Dr(String(s.data ?? ""), mr, r);
+		if (c === null) return;
+		if (e.removeEventListener("message", a), e.clearTimeout(o), !c.startsWith("ok:")) {
+			t(null);
+			return;
+		}
+		let l = c.slice(3);
+		if (!l) {
+			t(null);
+			return;
+		}
+		e.fetch(l).then((e) => e.blob()).then(t, n);
+	}, o = e.setTimeout(() => {
+		e.removeEventListener("message", a), t(null);
+	}, 4e3);
+	e.addEventListener("message", a), e.postMessage(Tr(pr, r), Er(e));
+}), Ar = /* @__PURE__ */ new WeakMap(), jr = (e) => {
+	let t = Ar.get(e), n = t?.stream.getVideoTracks()[0];
+	if (!t || !n || n.readyState !== "live") {
+		Ar.delete(e);
+		return;
+	}
+	return t;
+}, Mr = async (e, t) => {
+	let n = jr(t);
+	if (n) return n;
+	let r = t.navigator.mediaDevices;
+	if (!r?.getDisplayMedia) throw Error("Screenshot capture is unavailable");
+	let i = await r.getDisplayMedia({
+		audio: !1,
+		video: !0,
+		preferCurrentTab: !0,
+		selfBrowserSurface: "include"
+	}), a = i.getVideoTracks()[0];
+	if (!a) throw i.getTracks().forEach((e) => e.stop()), Error("Capture failed");
+	try {
+		let n = e.createElement("video");
+		n.autoplay = !0, n.muted = !0, n.playsInline = !0, n.srcObject = i, await n.play(), (n.videoWidth === 0 || n.videoHeight === 0) && await new Promise((e) => {
+			n.onloadedmetadata = () => e();
+		});
+		let r = {
+			stream: i,
+			video: n
+		};
+		return Ar.set(t, r), a.addEventListener("ended", () => {
+			Ar.get(t) === r && Ar.delete(t);
+		}, { once: !0 }), r;
+	} catch (e) {
+		throw i.getTracks().forEach((e) => e.stop()), e;
+	}
+}, Nr = (e) => {
+	let t = Ar.get(e);
+	t && (Ar.delete(e), t.video.pause(), t.video.srcObject = null, t.stream.getTracks().forEach((e) => e.stop()));
+}, Pr = async ({ ownerDocument: e, ownerWindow: t }) => {
+	let { video: n } = await Mr(e, t), r = e.createElement("canvas");
+	r.width = n.videoWidth, r.height = n.videoHeight;
+	let i = r.getContext("2d");
+	if (!i) throw Error("Capture failed");
+	return i.drawImage(n, 0, 0), await new Promise((e, t) => {
+		r.toBlob((n) => {
+			n ? e(n) : t(/* @__PURE__ */ Error("Capture failed"));
+		}, "image/png");
+	});
+}, Fr = {
+	prepare: async () => void 0,
+	capture: async ({ ownerWindow: e }) => {
+		let t = await _r(e);
+		if (!t) throw Error("Host screenshot capture is unavailable.");
+		return t;
+	},
+	release: () => void 0
+}, Ir = {
+	prepare: async () => void 0,
+	capture: async ({ ownerWindow: e }) => {
+		let t = await kr(e);
+		if (!t) throw Error("Host screenshot capture failed.");
+		return t;
+	},
+	release: () => void 0
+}, Lr = {
+	prepare: async ({ ownerDocument: e, ownerWindow: t }) => {
+		await Mr(e, t);
+	},
+	capture: Pr,
+	release: Nr
+}, Rr = /* @__PURE__ */ new WeakMap(), zr = async (e) => {
+	let t = Rr.get(e.ownerWindow);
+	if (t) return t;
+	let n = Lr;
+	return hr(e.ownerWindow) ? n = Fr : await Or(e.ownerWindow) && (n = Ir), Rr.set(e.ownerWindow, n), n;
+}, Br = async (e, t) => {
+	let n = {
+		ownerDocument: e,
+		ownerWindow: t
+	};
+	await (await zr(n)).prepare(n);
+}, Vr = async (e) => (await zr(e)).capture(e), Hr = (e) => {
+	let t = Rr.get(e);
+	Rr.delete(e), t?.release(e);
+}, Ur = Vr, Wr = () => globalThis.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random()}`, Gr = /* @__PURE__ */ new WeakMap(), Kr = (e) => (Gr.get(e) ?? 0) > 0, qr = /* @__PURE__ */ new WeakMap(), Jr = (e) => {
 	let t = e.location.pathname.replace(/\/+$/, "") || "/", n = new URLSearchParams(e.location.search);
 	n.sort();
 	let r = n.toString(), i = e.location.hash, a = i.startsWith("#/") ? i : "";
 	return `${t}${r ? `?${r}` : ""}${a}`;
-}, _r = (e, t) => {
-	let n = gr(e);
+}, Yr = (e, t) => {
+	let n = Jr(e);
 	for (let e of t.listeners) e(n);
-}, vr = (e) => {
-	let t = hr.get(e);
+}, Xr = (e) => {
+	let t = qr.get(e);
 	if (t) return t;
 	let n = e.history, r = n.pushState, i = n.replaceState, a = {
 		listeners: /* @__PURE__ */ new Set(),
 		pushState: r,
 		replaceState: i,
-		handleNativeChange: () => _r(e, a)
+		handleNativeChange: () => Yr(e, a)
 	};
 	return n.pushState = function(...t) {
 		let n = r.apply(this, t);
-		return _r(e, a), n;
+		return Yr(e, a), n;
 	}, n.replaceState = function(...t) {
 		let n = i.apply(this, t);
-		return _r(e, a), n;
-	}, e.addEventListener("popstate", a.handleNativeChange), e.addEventListener("hashchange", a.handleNativeChange), hr.set(e, a), a;
-}, yr = (e, t) => {
-	t.listeners.size > 0 || hr.get(e) !== t || (e.history.pushState = t.pushState, e.history.replaceState = t.replaceState, e.removeEventListener("popstate", t.handleNativeChange), e.removeEventListener("hashchange", t.handleNativeChange), hr.delete(e));
-}, br = (e, t) => {
-	let n = vr(e);
+		return Yr(e, a), n;
+	}, e.addEventListener("popstate", a.handleNativeChange), e.addEventListener("hashchange", a.handleNativeChange), qr.set(e, a), a;
+}, Zr = (e, t) => {
+	t.listeners.size > 0 || qr.get(e) !== t || (e.history.pushState = t.pushState, e.history.replaceState = t.replaceState, e.removeEventListener("popstate", t.handleNativeChange), e.removeEventListener("hashchange", t.handleNativeChange), qr.delete(e));
+}, Qr = (e, t) => {
+	let n = Xr(e);
 	n.listeners.add(t);
 	let r = !1;
 	return () => {
-		r || (r = !0, n.listeners.delete(t), yr(e, n));
+		r || (r = !0, n.listeners.delete(t), Zr(e, n));
 	};
-}, xr = "--mesurer-nested-scroll-x", Sr = "--mesurer-nested-scroll-y", Cr = (e, t, n, r = {}) => {
+}, $r = "--mesurer-nested-scroll-x", ei = "--mesurer-nested-scroll-y", ti = (e, t, n, r = {}) => {
 	let i = e, a = /* @__PURE__ */ new Map(), o = t.ownerDocument, s = r.trackWindow === !0, c = (e) => {
 		if (e.parentElement) return e.parentElement;
 		let t = e.getRootNode();
@@ -2162,7 +2324,7 @@ var ar = (e) => e, or = (e, t = 0, n = 1) => Math.min(n, Math.max(t, e)), sr = (
 		let i = `${n}px`;
 		r !== i && e.style.setProperty(t, i);
 	}, g = () => {
-		if (!p) for (let e of m()) e.dataset.mesurerNestedScrollCompensation !== "true" && (e.dataset.mesurerNestedScrollCompensation = "true"), h(e, xr, d), h(e, Sr, f);
+		if (!p) for (let e of m()) e.dataset.mesurerNestedScrollCompensation !== "true" && (e.dataset.mesurerNestedScrollCompensation = "true"), h(e, $r, d), h(e, ei, f);
 	}, _ = (e, t, n) => {
 		let r = t - e.left, i = n - e.top;
 		return r === 0 && i === 0 ? !1 : (e.left = t, e.top = n, d -= r, f -= i, !0);
@@ -2195,21 +2357,21 @@ var ar = (e) => e, or = (e, t = 0, n = 1) => Math.min(n, Math.max(t, e)), sr = (
 			if (!p) {
 				p = !0, s && e.removeEventListener("scroll", y, !0);
 				for (let e of a.keys()) e.removeEventListener("scroll", v, !0);
-				for (let e of m()) delete e.dataset.mesurerNestedScrollCompensation, e.style.removeProperty(xr), e.style.removeProperty(Sr);
+				for (let e of m()) delete e.dataset.mesurerNestedScrollCompensation, e.style.removeProperty($r), e.style.removeProperty(ei);
 				a.clear();
 			}
 		}
 	};
-}, wr = 5;
-Array.from({ length: 801 }, (e, t) => t * wr), Ht(null);
-var Tr = "mesurer-settings-select msr:h-6 msr:w-full msr:appearance-none msr:rounded-control msr:border msr:border-ink-200 msr:bg-white msr:px-1.5 msr:pr-6 msr:text-[11px] msr:outline-none msr:focus:shadow-[inset_0_0_0_1px_var(--msr-accent)]";
-function Er() {
+}, ni = 5;
+Array.from({ length: 801 }, (e, t) => t * ni), Ht(null);
+var ri = "mesurer-settings-select msr:h-6 msr:w-full msr:appearance-none msr:rounded-control msr:border msr:border-ink-200 msr:bg-white msr:px-1.5 msr:pr-6 msr:text-[11px] msr:outline-none msr:focus:shadow-[inset_0_0_0_1px_var(--msr-accent)]";
+function ii() {
 	return Y("span", {
 		"aria-hidden": "true",
 		class: "msr:pointer-events-none msr:absolute msr:right-2 msr:top-1/2 msr:size-1.5 msr:-translate-y-1/2 msr:rotate-45 msr:border-r msr:border-b msr:border-ink-500"
 	});
 }
-function Dr(e) {
+function ai(e) {
 	let t = () => e.variant !== "legacy";
 	var n = Y("div"), r = Y("div");
 	return X(n, r), Z(r, () => e.left), Z(n, (() => {
@@ -2227,7 +2389,7 @@ function Dr(e) {
 		e !== i?.e && Q(n, "class", e, i?.e), t !== i?.t && Q(r, "class", t, i?.t);
 	}), n;
 }
-function Or(e) {
+function oi(e) {
 	let t = () => e.variant !== "legacy", n = () => {
 		let t = lr(e.value);
 		if (t) return t;
@@ -2257,7 +2419,7 @@ function Or(e) {
 		e.onChange(n);
 	}, v = () => t() ? `msr:col-span-2 msr:grid msr:h-8 msr:w-full ${e.columns ?? "msr:grid-cols-[78px_150px]"} msr:items-center msr:gap-0 msr:text-[12px] msr:text-ink-700` : "msr:col-span-2 msr:grid msr:w-full msr:grid-cols-[78px_156px] msr:items-center msr:gap-3 msr:text-[12px] msr:text-ink-700";
 	var y = Y("div"), b = Y("span");
-	return X(y, b), Z(b, () => e.label), Z(y, J(Dr, {
+	return X(y, b), Z(b, () => e.label), Z(y, J(ai, {
 		get variant() {
 			return e.variant;
 		},
@@ -2340,7 +2502,7 @@ function Or(e) {
 		Q(y, "class", e, t);
 	}), y;
 }
-var kr = (e) => (() => {
+var si = (e) => (() => {
 	var t = Y("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 256 256",
@@ -2355,7 +2517,7 @@ var kr = (e) => (() => {
 	}), ({ e, t: n, a: r }, i) => {
 		e !== i?.e && Q(t, "width", e, i?.e), n !== i?.t && Q(t, "height", n, i?.t), r !== i?.a && Q(t, "class", r, i?.a);
 	}), t;
-})(), Ar = (e) => J(kr, {
+})(), ci = (e) => J(si, {
 	get size() {
 		return e.size ?? 8;
 	},
@@ -2365,7 +2527,7 @@ var kr = (e) => (() => {
 	get children() {
 		return Y("path", { d: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z" });
 	}
-}), jr = (e) => J(kr, {
+}), li = (e) => J(si, {
 	get size() {
 		return e.size ?? 12;
 	},
@@ -2375,8 +2537,8 @@ var kr = (e) => (() => {
 	get children() {
 		return Y("path", { d: "M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128Z" });
 	}
-}), Mr = (e, t, n) => t * 256 / e / n, Nr = (e) => {
-	let t = e.size ?? 20, n = Mr(t, e.strokePx ?? 1, e.frameScale ?? 1);
+}), ui = (e, t, n) => t * 256 / e / n, di = (e) => {
+	let t = e.size ?? 20, n = ui(t, e.strokePx ?? 1, e.frameScale ?? 1);
 	var r = Y("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		width: t,
@@ -2400,7 +2562,7 @@ var kr = (e) => (() => {
 	return X(r, i), X(r, a), Z(a, () => e.children), q(() => e.class, (e, t) => {
 		Q(r, "class", e, t);
 	}), r;
-}, Pr = (e) => J(Nr, {
+}, fi = (e) => J(di, {
 	get size() {
 		return e.size ?? 20;
 	},
@@ -2410,7 +2572,7 @@ var kr = (e) => (() => {
 	get children() {
 		return Y("path", { d: "M128 48v160M48 128h160" });
 	}
-}), Fr = (e) => J(Nr, {
+}), pi = (e) => J(di, {
 	get size() {
 		return e.size ?? 20;
 	},
@@ -2420,7 +2582,7 @@ var kr = (e) => (() => {
 	get children() {
 		return Y("path", { d: "M101.33 48v160M154.67 48v160" });
 	}
-}), Ir = (e) => J(Nr, {
+}), mi = (e) => J(di, {
 	get size() {
 		return e.size ?? 20;
 	},
@@ -2430,7 +2592,7 @@ var kr = (e) => (() => {
 	get children() {
 		return Y("path", { d: "M48 101.33h160M48 154.67h160" });
 	}
-}), Lr = (e) => (() => {
+}), hi = (e) => (() => {
 	var t = Y("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 12 12",
@@ -2449,7 +2611,7 @@ var kr = (e) => (() => {
 	}), ({ e, t: n, a: r }, i) => {
 		e !== i?.e && Q(t, "width", e, i?.e), n !== i?.t && Q(t, "height", n, i?.t), r !== i?.a && Q(t, "class", r, i?.a);
 	}), t;
-})(), Rr = (e) => (() => {
+})(), gi = (e) => (() => {
 	var t = Y("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 16 16",
@@ -2473,7 +2635,7 @@ var kr = (e) => (() => {
 	}), ({ e, t: n, a: r }, i) => {
 		e !== i?.e && Q(t, "width", e, i?.e), n !== i?.t && Q(t, "height", n, i?.t), r !== i?.a && Q(t, "class", r, i?.a);
 	}), t;
-})(), zr = (e) => (() => {
+})(), _i = (e) => (() => {
 	var t = Y("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 16 16",
@@ -2497,7 +2659,7 @@ var kr = (e) => (() => {
 	}), ({ e, t: n, a: r }, i) => {
 		e !== i?.e && Q(t, "width", e, i?.e), n !== i?.t && Q(t, "height", n, i?.t), r !== i?.a && Q(t, "class", r, i?.a);
 	}), t;
-})(), Br = (e) => J(kr, {
+})(), vi = (e) => J(si, {
 	get size() {
 		return e.size ?? 20;
 	},
@@ -2507,7 +2669,7 @@ var kr = (e) => (() => {
 	get children() {
 		return Y("path", { d: "M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z" });
 	}
-}), Vr = (e) => J(kr, {
+}), yi = (e) => J(si, {
 	get size() {
 		return e.size ?? 20;
 	},
@@ -2517,7 +2679,7 @@ var kr = (e) => (() => {
 	get children() {
 		return Y("path", { d: "M229.66,58.34l-32-32a8,8,0,0,0-11.32,0l-96,96A8,8,0,0,0,88,128v32a8,8,0,0,0,8,8h32a8,8,0,0,0,5.66-2.34l96-96A8,8,0,0,0,229.66,58.34ZM124.69,152H104V131.31l64-64L188.69,88ZM200,76.69,179.31,56,192,43.31,212.69,64ZM224,128v80a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32h80a8,8,0,0,1,0,16H48V208H208V128a8,8,0,0,1,16,0Z" });
 	}
-}), Hr = (e) => J(kr, {
+}), bi = (e) => J(si, {
 	get size() {
 		return e.size ?? 18;
 	},
@@ -2527,7 +2689,7 @@ var kr = (e) => (() => {
 	get children() {
 		return Y("path", { d: "M216,48H176V40a24,24,0,0,0-24-24H104A24,24,0,0,0,80,40v8H40a8,8,0,0,0,0,16h8V208a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64h8a8,8,0,0,0,0-16ZM96,40a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96Zm96,168H64V64H192ZM112,104v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm48,0v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Z" });
 	}
-}), Ur = (e) => J(kr, {
+}), xi = (e) => J(si, {
 	get size() {
 		return e.size ?? 18;
 	},
@@ -2537,11 +2699,11 @@ var kr = (e) => (() => {
 	get children() {
 		return Y("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" });
 	}
-}), Wr = (e, t) => {
+}), Si = (e, t) => {
 	let n = t.CSS;
 	return n?.escape ? n.escape(e) : e.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
-}, Gr = (e) => (e.textContent ?? "").replace(/\s+/g, " ").trim().slice(0, 200) || null, Kr = (e) => e.nodeType === 9, qr = (e) => e.nodeType === 11;
-function Jr(e) {
+}, Ci = (e) => (e.textContent ?? "").replace(/\s+/g, " ").trim().slice(0, 200) || null, wi = (e) => e.nodeType === 9, Ti = (e) => e.nodeType === 11;
+function Ei(e) {
 	let t = e.getBoundingClientRect();
 	return {
 		left: t.left,
@@ -2550,20 +2712,20 @@ function Jr(e) {
 		height: t.height
 	};
 }
-function Yr(e, t) {
-	if (Kr(t)) return !0;
+function Di(e, t) {
+	if (wi(t)) return !0;
 	let n = e;
 	for (; n;) {
 		if (t === n || t.contains(n)) return !0;
 		let e = n.getRootNode();
-		if (!qr(e)) return !1;
+		if (!Ti(e)) return !1;
 		n = e.host;
 	}
 	return !1;
 }
-function Xr(e) {
+function Oi(e) {
 	let t = e.ownerDocument.defaultView ?? window;
-	if (e.id) return `#${Wr(e.id, t)}`;
+	if (e.id) return `#${Si(e.id, t)}`;
 	let n = e.getAttribute("data-testid");
 	if (n) return `[data-testid=${JSON.stringify(n)}]`;
 	let r = [], i = e;
@@ -2577,7 +2739,7 @@ function Xr(e) {
 	}
 	return r.join(" > ");
 }
-function Zr(e) {
+function ki(e) {
 	return {
 		tag: e.localName,
 		id: e.id || null,
@@ -2585,30 +2747,30 @@ function Zr(e) {
 		role: e.getAttribute("role"),
 		ariaLabel: e.getAttribute("aria-label"),
 		classes: [...e.classList],
-		text: Gr(e)
+		text: Ci(e)
 	};
 }
-function Qr(e) {
+function Ai(e) {
 	return !!(e.id || e.testId || e.role || e.ariaLabel || e.classes.length || e.text);
 }
-function $r(e, t) {
-	return e.localName !== t.tag || t.id && e.id !== t.id || t.testId && e.getAttribute("data-testid") !== t.testId || t.role && e.getAttribute("role") !== t.role || t.ariaLabel && e.getAttribute("aria-label") !== t.ariaLabel ? !1 : t.id || t.testId ? !0 : t.classes.some((t) => !e.classList.contains(t)) || t.text && Gr(e) !== t.text ? !1 : Qr(t);
+function ji(e, t) {
+	return e.localName !== t.tag || t.id && e.id !== t.id || t.testId && e.getAttribute("data-testid") !== t.testId || t.role && e.getAttribute("role") !== t.role || t.ariaLabel && e.getAttribute("aria-label") !== t.ariaLabel ? !1 : t.id || t.testId ? !0 : t.classes.some((t) => !e.classList.contains(t)) || t.text && Ci(e) !== t.text ? !1 : Ai(t);
 }
-var ei = "mesurer:select-gesture-start";
-function ti(e, t) {
-	return e.addEventListener(ei, t), () => e.removeEventListener(ei, t);
+var Mi = "mesurer:select-gesture-start";
+function Ni(e, t) {
+	return e.addEventListener(Mi, t), () => e.removeEventListener(Mi, t);
 }
 Ht((e) => void 0);
-var ni = "mesurer-solid-styles", ri = (e) => e?.nodeType === 11, ii = (e) => e.nodeType === 9;
-function ai(e, t) {
+var Pi = "mesurer-solid-styles", Fi = (e) => e?.nodeType === 11, Ii = (e) => e.nodeType === 9;
+function Li(e, t) {
 	let n = t?.ownerDocument ?? globalThis.document;
 	if (!n) return;
-	let r = ri(t) ? t : n;
-	if (r.querySelector(`#${ni}`)) return;
+	let r = Fi(t) ? t : n;
+	if (r.querySelector(`#${Pi}`)) return;
 	let i = n.createElement("style");
-	i.id = ni, i.textContent = e, ii(r) ? r.head.append(i) : r.append(i);
+	i.id = Pi, i.textContent = e, Ii(r) ? r.head.append(i) : r.append(i);
 }
-var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e8f0)", ci = "var(--msr-color-ink-500, #64748b)", li = "var(--msr-content, #0f172a)", ui = (e, t, n) => {
+var Ri = "var(--msr-color-ink-50, #f8fafc)", zi = "var(--msr-color-ink-200, #e2e8f0)", Bi = "var(--msr-color-ink-500, #64748b)", Vi = "var(--msr-content, #0f172a)", Hi = (e, t, n) => {
 	let r = e.createElement("div");
 	return Object.assign(r.style, {
 		position: "absolute",
@@ -2625,7 +2787,7 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 			height: "100%"
 		}
 	}), r;
-}, di = (e, t, n) => {
+}, Ui = (e, t, n) => {
 	let r = e.createElement("div");
 	Object.assign(r.style, {
 		position: "fixed",
@@ -2639,23 +2801,23 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 		"right",
 		"bottom",
 		"left"
-	]) r.appendChild(ui(e, t, n));
+	]) r.appendChild(Hi(e, t, n));
 	return r;
-}, fi = (e, t) => {
+}, Wi = (e, t) => {
 	Object.assign(e.style, {
 		left: `${t.left}px`,
 		top: `${t.top}px`,
 		width: `${t.width}px`,
 		height: `${t.height}px`
 	});
-}, pi = (e, t) => {
+}, Gi = (e, t) => {
 	let n = e.createElement("div");
 	return Object.assign(n.style, {
 		position: "fixed",
 		zIndex: "1",
 		pointerEvents: t ? "auto" : "none",
 		background: "var(--msr-surface-raised, #ffffff)",
-		color: li,
+		color: Vi,
 		borderRadius: "13px",
 		padding: "10px 12px",
 		fontSize: "11px",
@@ -2670,7 +2832,7 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 		boxSizing: "border-box",
 		boxShadow: "var(--msr-shadow-floating, 0px 0px 0.5px rgba(0, 0, 0, 0.18), 0px 3px 8px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1))"
 	}), n.className = t ? "mesurer-ti-card mesurer-ti-card--pinned" : "mesurer-ti-card", n.dataset.state = "hidden", n;
-}, mi = (e, t, n, r) => {
+}, Ki = (e, t, n, r) => {
 	t.replaceChildren();
 	let i = e.createElement("div");
 	Object.assign(i.style, {
@@ -2682,8 +2844,8 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 	});
 	let a = e.createElement("span");
 	if (Object.assign(a.style, {
-		color: oi,
-		background: li,
+		color: Ri,
+		background: Vi,
 		borderRadius: "4px",
 		padding: "1px 5px",
 		fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
@@ -2692,7 +2854,7 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 	}), a.textContent = n.tagName, i.appendChild(a), n.textSnippet) {
 		let t = e.createElement("span");
 		Object.assign(t.style, {
-			color: ci,
+			color: Bi,
 			overflow: "hidden",
 			textOverflow: "ellipsis",
 			whiteSpace: "nowrap",
@@ -2712,7 +2874,7 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 			lineHeight: "14px",
 			textAlign: "center",
 			borderRadius: "4px",
-			color: ci,
+			color: Bi,
 			fontSize: "14px"
 		}), i.appendChild(t);
 	}
@@ -2727,12 +2889,12 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 	});
 	for (let t of n.rows) {
 		let n = e.createElement("span");
-		n.style.color = ci, n.style.fontSize = "11px", n.textContent = t.label;
+		n.style.color = Bi, n.style.fontSize = "11px", n.textContent = t.label;
 		let r = e.createElement("span");
 		if (Object.assign(r.style, {
 			fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
 			fontSize: "11px",
-			color: li,
+			color: Vi,
 			overflow: "hidden",
 			textOverflow: "ellipsis",
 			whiteSpace: "nowrap"
@@ -2741,21 +2903,21 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 			let n = e.createElement("span");
 			n.textContent = t.value;
 			let i = e.createElement("span");
-			i.style.color = si, i.style.margin = "0 6px", i.textContent = "·";
+			i.style.color = zi, i.style.margin = "0 6px", i.textContent = "·";
 			let a = e.createElement("span");
 			a.style.color = "#0369a1", a.textContent = t.varName, r.append(n, i, a);
 		}
 		o.append(n, r);
 	}
 	t.appendChild(o);
-}, hi = (e, t, n, r = 0, i = 0) => {
+}, qi = (e, t, n, r = 0, i = 0) => {
 	let a = Number.parseFloat(t.dataset.mesurerPositionedScrollX ?? ""), o = Number.parseFloat(t.dataset.mesurerPositionedScrollY ?? ""), s = Number.isFinite(a) && a !== e.scrollX || Number.isFinite(o) && o !== e.scrollY, c = n.left + n.width / 2 + r;
 	t.style.left = `${c}px`;
 	let l = t.getBoundingClientRect(), u = n.bottom + 4 + i;
 	u + l.height > e.innerHeight - 8 && (u = n.top - l.height - 4 + i), t.style.top = `${Math.max(8, u)}px`;
 	let d = l.width / 2;
 	t.style.left = `${Math.min(Math.max(c, 8 + d), e.innerWidth - 8 - d)}px`, t.dataset.mesurerPositionedScrollX = String(e.scrollX), t.dataset.mesurerPositionedScrollY = String(e.scrollY), s && !t.dataset.mesurerNativeScrollAnchor && (t.dataset.mesurerNativeScrollAnchor = "pending");
-}, gi = /* @__PURE__ */ new Map([
+}, Ji = /* @__PURE__ */ new Map([
 	["100", "thin"],
 	["200", "extralight"],
 	["300", "light"],
@@ -2765,26 +2927,26 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 	["700", "bold"],
 	["800", "extrabold"],
 	["900", "black"]
-]), _i = [
+]), Yi = [
 	"font-family",
 	"font-size",
 	"font-weight",
 	"line-height",
 	"letter-spacing"
-], vi = /* @__PURE__ */ new Map([
+], Xi = /* @__PURE__ */ new Map([
 	["Family", "font-family"],
 	["Size", "font-size"],
 	["Weight", "font-weight"],
 	["Line", "line-height"],
 	["Tracking", "letter-spacing"]
-]), yi = (e) => {
+]), Zi = (e) => {
 	if (!e || e === "normal") return e || "normal";
 	let t = /^(-?[\d.]+)px$/.exec(e);
 	return t ? `${Math.round(Number(t[1]) * 10) / 10}px` : e;
-}, bi = (e) => (e.split(",")[0] ?? "").trim().replace(/^['"]|['"]$/g, ""), xi = (e) => {
-	let t = gi.get(e);
+}, Qi = (e) => (e.split(",")[0] ?? "").trim().replace(/^['"]|['"]$/g, ""), $i = (e) => {
+	let t = Ji.get(e);
 	return t ? `${e} / ${t}` : e;
-}, Si = (e) => e ? /var\(\s*(--[a-zA-Z0-9_-]+)/.exec(e)?.[1] ?? null : null, Ci = (e) => (e.match(/#[\w-]+/g) ?? []).length * 1e4 + (e.match(/\.[\w-]+|\[[^\]]+\]|:[\w-]+/g) ?? []).length * 100 + (e.match(/(?:^|[ >+~])([a-zA-Z][\w-]*)/g) ?? []).length, wi = (e, t) => !t || (e.important === t.important ? e.specificity === t.specificity ? e.order > t.order : e.specificity > t.specificity : e.important), Ti = class {
+}, ea = (e) => e ? /var\(\s*(--[a-zA-Z0-9_-]+)/.exec(e)?.[1] ?? null : null, ta = (e) => (e.match(/#[\w-]+/g) ?? []).length * 1e4 + (e.match(/\.[\w-]+|\[[^\]]+\]|:[\w-]+/g) ?? []).length * 100 + (e.match(/(?:^|[ >+~])([a-zA-Z][\w-]*)/g) ?? []).length, na = (e, t) => !t || (e.important === t.important ? e.specificity === t.specificity ? e.order > t.order : e.specificity > t.specificity : e.important), ra = class {
 	document;
 	window;
 	constructor(e, t) {
@@ -2824,11 +2986,11 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 		return e;
 	}
 	findVarReferences(e) {
-		let t = new Map(_i.map((e) => [e, null])), n = this.getRules();
-		for (let r of _i) {
+		let t = new Map(Yi.map((e) => [e, null])), n = this.getRules();
+		for (let r of Yi) {
 			let i = e;
 			for (; i && t.get(r) === null;) {
-				let e, a = Si(i.style.getPropertyValue(r));
+				let e, a = ea(i.style.getPropertyValue(r));
 				a && (e = {
 					name: a,
 					specificity: 2 ** 53 - 1,
@@ -2844,15 +3006,15 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 						continue;
 					}
 					if (!n) continue;
-					let s = Si(t.style.getPropertyValue(r));
+					let s = ea(t.style.getPropertyValue(r));
 					if (!s) continue;
 					let c = {
 						name: s,
-						specificity: Ci(t.selectorText),
+						specificity: ta(t.selectorText),
 						order: o,
 						important: t.style.getPropertyPriority(r) === "important"
 					};
-					wi(c, e) && (e = c);
+					na(c, e) && (e = c);
 				}
 				e && t.set(r, e.name), i = i.parentElement;
 			}
@@ -2863,27 +3025,27 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 		let t = this.window.getComputedStyle(e), n = [
 			{
 				label: "Family",
-				value: bi(t.fontFamily),
+				value: Qi(t.fontFamily),
 				varName: null
 			},
 			{
 				label: "Size",
-				value: yi(t.fontSize),
+				value: Zi(t.fontSize),
 				varName: null
 			},
 			{
 				label: "Weight",
-				value: xi(t.fontWeight),
+				value: $i(t.fontWeight),
 				varName: null
 			},
 			{
 				label: "Line",
-				value: t.lineHeight === "normal" ? "normal" : yi(t.lineHeight),
+				value: t.lineHeight === "normal" ? "normal" : Zi(t.lineHeight),
 				varName: null
 			},
 			{
 				label: "Tracking",
-				value: t.letterSpacing === "normal" ? "normal" : yi(t.letterSpacing),
+				value: t.letterSpacing === "normal" ? "normal" : Zi(t.letterSpacing),
 				varName: null
 			}
 		], r = Array.from(e.childNodes).filter((e) => e.nodeType === Node.TEXT_NODE).map((e) => e.nodeValue?.trim() ?? "").filter(Boolean).join(" ").replace(/\s+/g, " ");
@@ -2898,7 +3060,7 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 		return {
 			...t,
 			rows: t.rows.map((e) => {
-				let t = vi.get(e.label);
+				let t = Xi.get(e.label);
 				return {
 					...e,
 					varName: t ? n.get(t) ?? null : null
@@ -2906,7 +3068,7 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 			})
 		};
 	}
-}, Ei = [
+}, ia = [
 	"HTML",
 	"BODY",
 	"SCRIPT",
@@ -2918,7 +3080,7 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 	"VIDEO",
 	"AUDIO",
 	"IFRAME"
-], Di = "color-mix(in oklch, oklch(0.62 0.18 255) 8%, transparent)", Oi = "color-mix(in oklch, oklch(0.62 0.18 255) 80%, transparent)", ki = "color-mix(in oklch, oklch(0.62 0.18 255) 4%, transparent)", Ai = "color-mix(in oklch, oklch(0.62 0.18 255) 35%, transparent)", ji = 80, Mi = 0, Ni = (e, t) => `
+], aa = "color-mix(in oklch, oklch(0.62 0.18 255) 8%, transparent)", oa = "color-mix(in oklch, oklch(0.62 0.18 255) 80%, transparent)", sa = "color-mix(in oklch, oklch(0.62 0.18 255) 4%, transparent)", ca = "color-mix(in oklch, oklch(0.62 0.18 255) 35%, transparent)", la = 80, ua = 0, da = (e, t) => `
 .${e},.${e} *{cursor:help!important}
 .${e} [data-mesurer-root],.${e} [data-mesurer-root] *{cursor:auto!important}
 #${t} .mesurer-ti-card{transform:translateX(-50%);opacity:1;transition:none!important;animation:none!important}
@@ -2929,7 +3091,7 @@ var oi = "var(--msr-color-ink-50, #f8fafc)", si = "var(--msr-color-ink-200, #e2e
 #${t} .mesurer-ti-close{cursor:pointer}
 #${t} .mesurer-ti-close:hover{background:color-mix(in srgb,var(--msr-content,#0f172a) 6%,transparent)!important;color:var(--msr-content,#0f172a)!important}
 `;
-function Pi(e = {}, t = !1) {
+function fa(e = {}, t = !1) {
 	let n = e.portalTarget?.ownerDocument ?? globalThis.document, r = n?.defaultView ?? globalThis.window;
 	if (!n || !r) {
 		let e = () => {};
@@ -2947,7 +3109,7 @@ function Pi(e = {}, t = !1) {
 			canRedo: () => !1
 		};
 	}
-	let i = (e.id ?? (t ? "mesurer-text-inspector" : `mesurer-text-inspector-${++Mi}`)).replace(/[^a-zA-Z0-9_-]/g, "-"), a = `${i}-overlay`, o = `${i}-styles`, s = `${i}-mode`, c = new Set((e.ignoredTags ?? Ei).map((e) => e.toUpperCase())), l = Number.isFinite(e.maxPinned) ? Math.max(1, Math.floor(e.maxPinned)) : Infinity, u = new Ti(n, r), d = r.HTMLElement, f = r.SVGElement, p = r.Node, m = !1, h = null, g = null, _ = null, v = null, y = {
+	let i = (e.id ?? (t ? "mesurer-text-inspector" : `mesurer-text-inspector-${++ua}`)).replace(/[^a-zA-Z0-9_-]/g, "-"), a = `${i}-overlay`, o = `${i}-styles`, s = `${i}-mode`, c = new Set((e.ignoredTags ?? ia).map((e) => e.toUpperCase())), l = Number.isFinite(e.maxPinned) ? Math.max(1, Math.floor(e.maxPinned)) : Infinity, u = new ra(n, r), d = r.HTMLElement, f = r.SVGElement, p = r.Node, m = !1, h = null, g = null, _ = null, v = null, y = {
 		x: 0,
 		y: 0
 	}, b = 0, x = 0, S = 0, C = r.scrollX, w = r.scrollY, T = null, E = [], D = [], O = [], k = e.portalTarget ?? n.body, A = () => {
@@ -2956,7 +3118,7 @@ function Pi(e = {}, t = !1) {
 		for (let t of e) {
 			if (t.querySelector(`#${o}`)) continue;
 			let e = n.createElement("style");
-			e.id = o, e.textContent = Ni(s, a), t === n ? n.head.append(e) : t.append(e);
+			e.id = o, e.textContent = da(s, a), t === n ? n.head.append(e) : t.append(e);
 		}
 	}, j = () => h?.isConnected ? h : (h = n.createElement("div"), h.id = a, h.dataset.mesurerInspectorUi = "true", h.dataset.theme = e.theme?.() ?? "system", T ??= e.subscribeTheme?.((e) => {
 		h && (h.dataset.theme = e);
@@ -2969,35 +3131,35 @@ function Pi(e = {}, t = !1) {
 		e && (e.dataset.state = t ? "visible" : "hidden");
 	}, ee = () => {
 		let e = j();
-		g ??= di(n, Di, Oi), _ ??= pi(n, !1), g.parentNode || e.append(g), _.parentNode || e.append(_);
-	}, N = (e) => Array.from(e.childNodes).some((e) => e.nodeType === p.TEXT_NODE && !!e.nodeValue?.trim()), te = (e) => !!e && e instanceof d && !(e instanceof f) && !c.has(e.tagName) && N(e) && !e.closest("[data-mesurer-root]"), P = (e, t) => n.elementsFromPoint(e, t).find((e) => te(e)) ?? null, ne = () => {
+		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 = () => {
 		v = null, M(g, !1), M(_, !1);
-	}, F = (t) => {
-		if (!m || !te(t)) return !1;
+	}, I = (t) => {
+		if (!m || !P(t)) return !1;
 		ee();
 		let i = t.getBoundingClientRect(), a = u.getFast(t);
-		return v = t, mi(n, _, a, !1), fi(g, i), hi(r, _, i), M(g, !0), M(_, !0), r.clearTimeout(x), x = r.setTimeout(() => {
+		return v = t, Ki(n, _, a, !1), Wi(g, i), qi(r, _, i), M(g, !0), M(_, !0), r.clearTimeout(x), x = r.setTimeout(() => {
 			if (!m || v !== t || !_) return;
 			let i = u.getFull(t, a);
-			mi(n, _, i, !1), hi(r, _, t.getBoundingClientRect()), e.onInspect?.(t, i);
+			Ki(n, _, i, !1), qi(r, _, t.getBoundingClientRect()), e.onInspect?.(t, i);
 		}, 24), !0;
-	}, I = () => E.map((e) => ({
+	}, L = () => E.map((e) => ({
 		sourceEl: e.sourceEl,
 		left: e.userPlaced ? e.card.getBoundingClientRect().left + e.card.getBoundingClientRect().width / 2 : 0,
 		top: e.userPlaced ? e.card.getBoundingClientRect().top : 0,
 		userPlaced: e.userPlaced
-	})), L = () => {
-		D.push(I()), D.length > 100 && D.shift(), O.length = 0;
-	}, R = (t, n = !0, r = !0) => {
+	})), R = () => {
+		D.push(L()), D.length > 100 && D.shift(), O.length = 0;
+	}, z = (t, n = !0, r = !0) => {
 		let i = E.indexOf(t);
-		i < 0 || (n && L(), E.splice(i, 1), t.detach(), t.box.remove(), t.card.remove(), r && e.onUnpin?.(t.sourceEl));
-	}, z = (e = !1) => {
-		for (; E.length;) R(E[E.length - 1], !1, e);
-	}, B = (e) => {
+		i < 0 || (n && R(), E.splice(i, 1), t.detach(), t.box.remove(), t.card.remove(), r && e.onUnpin?.(t.sourceEl));
+	}, B = (e = !1) => {
+		for (; E.length;) z(E[E.length - 1], !1, e);
+	}, V = (e) => {
 		let t = -1, n = 0, i = 0, a = 0, o = 0, s = !1, c = !1, l = (l) => {
 			if (l.pointerId !== t) return;
 			let u = l.clientX - n, d = l.clientY - i;
-			!s && Math.abs(u) <= 6 && Math.abs(d) <= 6 || (s || (s = !0, e.card.classList.add("mesurer-ti-card--pinned"), delete e.card.dataset.mesurerNativeScrollAnchor, delete e.card.dataset.mesurerNativeScrollOwner, e.card.style.removeProperty("position-anchor")), c ||= (L(), !0), e.userPlaced = !0, e.card.style.left = `${Math.min(r.innerWidth - 8, Math.max(8, a + u))}px`, e.card.style.top = `${Math.min(r.innerHeight - 8, Math.max(8, o + d))}px`);
+			!s && Math.abs(u) <= 6 && Math.abs(d) <= 6 || (s || (s = !0, e.card.classList.add("mesurer-ti-card--pinned"), delete e.card.dataset.mesurerNativeScrollAnchor, delete e.card.dataset.mesurerNativeScrollOwner, e.card.style.removeProperty("position-anchor")), c ||= (R(), !0), e.userPlaced = !0, e.card.style.left = `${Math.min(r.innerWidth - 8, Math.max(8, a + u))}px`, e.card.style.top = `${Math.min(r.innerHeight - 8, Math.max(8, o + d))}px`);
 		}, u = (e) => {
 			(t === -1 || e.pointerId === t) && (r.removeEventListener("pointermove", l), r.removeEventListener("pointerup", u), r.removeEventListener("pointercancel", u), t = -1, s = !1, c = !1);
 		}, f = (s) => {
@@ -3008,15 +3170,15 @@ function Pi(e = {}, t = !1) {
 		return e.card.addEventListener("pointerdown", f), () => {
 			e.card.removeEventListener("pointerdown", f), r.removeEventListener("pointermove", l), r.removeEventListener("pointerup", u), r.removeEventListener("pointercancel", u);
 		};
-	}, V = (t, i, a = !0, o = !0) => {
+	}, ne = (t, i, a = !0, o = !0) => {
 		if (E.find((e) => e.sourceEl === t)) return;
-		a && L(), E.length >= l && R(E[0], !1, !0);
-		let s = j(), c = di(n, ki, Ai), d = pi(n, !0);
+		a && R(), E.length >= l && z(E[0], !1, !0);
+		let s = j(), c = Ui(n, sa, ca), d = Gi(n, !0);
 		d.classList.add("mesurer-ti-card--draggable"), d.classList.remove("mesurer-ti-card--pinned");
 		let f = u.getFull(t);
-		mi(n, d, f, !0), s.append(c, d);
+		Ki(n, d, f, !0), s.append(c, d);
 		let p = t.getBoundingClientRect();
-		fi(c, p), hi(r, d, p), i?.userPlaced && (d.classList.add("mesurer-ti-card--pinned"), d.style.left = `${i.left}px`, d.style.top = `${i.top}px`), M(c, !0), M(d, !0);
+		Wi(c, p), qi(r, d, p), i?.userPlaced && (d.classList.add("mesurer-ti-card--pinned"), d.style.left = `${i.left}px`, d.style.top = `${i.top}px`), M(c, !0), M(d, !0);
 		let m = {
 			sourceEl: t,
 			box: c,
@@ -3026,38 +3188,38 @@ function Pi(e = {}, t = !1) {
 			userPlaced: i?.userPlaced ?? !1,
 			detach: () => {}
 		};
-		E.push(m), m.detach = B(m), d.querySelector(".mesurer-ti-close")?.addEventListener("click", (e) => {
-			e.preventDefault(), e.stopPropagation(), R(m);
+		E.push(m), m.detach = V(m), d.querySelector(".mesurer-ti-close")?.addEventListener("click", (e) => {
+			e.preventDefault(), e.stopPropagation(), z(m);
 		}), o && e.onPin?.(t, f);
 	}, re = (e) => {
-		z(!1);
-		for (let t of e) t.sourceEl.isConnected && V(t.sourceEl, t, !1, !1);
+		B(!1);
+		for (let t of e) t.sourceEl.isConnected && ne(t.sourceEl, t, !1, !1);
 	}, H = () => {
 		let e = D.pop();
-		return e ? (O.push(I()), re(e), !0) : !1;
+		return e ? (O.push(L()), re(e), !0) : !1;
 	}, ie = () => {
 		let e = O.pop();
-		return e ? (D.push(I()), re(e), !0) : !1;
+		return e ? (D.push(L()), re(e), !0) : !1;
 	}, U = () => {
-		E.length && (L(), z(!0));
+		E.length && (R(), B(!0));
 	}, ae = () => {
 		for (let e of E.slice()) {
 			if (!e.sourceEl.isConnected) {
-				R(e, !1, !1);
+				z(e, !1, !1);
 				continue;
 			}
 			let t = e.sourceEl.getBoundingClientRect();
-			fi(e.box, t), e.userPlaced || hi(r, e.card, t);
+			Wi(e.box, t), e.userPlaced || qi(r, e.card, t);
 			let n = t.bottom >= 0 && t.right >= 0 && t.left <= r.innerWidth && t.top <= r.innerHeight;
 			M(e.box, n), M(e.card, n), e.card.style.pointerEvents = n ? "auto" : "none";
 		}
 	}, W = () => {
 		if (m) {
 			if (v && g && _) {
-				if (!v.isConnected) ne();
+				if (!v.isConnected) te();
 				else {
 					let e = v.getBoundingClientRect();
-					fi(g, e), hi(r, _, e);
+					Wi(g, e), qi(r, _, e);
 					let t = e.bottom >= 0 && e.right >= 0 && e.left <= r.innerWidth && e.top <= r.innerHeight;
 					M(g, t), M(_, t);
 				}
@@ -3066,12 +3228,12 @@ function Pi(e = {}, t = !1) {
 		}
 	}, oe = () => {
 		if (!m) return;
-		let e = P(y.x, y.y);
-		if (!e) ne();
-		else if (e !== v) F(e);
+		let e = F(y.x, y.y);
+		if (!e) te();
+		else if (e !== v) I(e);
 		else if (g && _) {
 			let t = e.getBoundingClientRect();
-			fi(g, t), hi(r, _, t);
+			Wi(g, t), qi(r, _, t);
 		}
 		ae();
 	}, se = () => {
@@ -3089,23 +3251,23 @@ function Pi(e = {}, t = !1) {
 		Number.isFinite(r) && (e.style.left = `${r - t}px`), Number.isFinite(i) && (e.style.top = `${i - n}px`);
 	}, ue = () => {
 		let e = r.scrollX, t = r.scrollY, i = e - C, a = t - w;
-		if (C = e, w = t, mr(n)) {
+		if (C = e, w = t, Kr(n)) {
 			if (i || a) {
 				le(g, i, a), le(_, i, a);
 				for (let e of E) le(e.box, i, a), e.userPlaced || le(e.card, i, a);
 			}
 			S && r.clearTimeout(S), S = r.setTimeout(() => {
 				S = 0, W();
-			}, ji);
+			}, la);
 			return;
 		}
 		W(), se();
 	}, de = (e) => {
-		e.relatedTarget || ne();
+		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)) {
-			let t = P(e.clientX, e.clientY);
-			t && V(t);
+			let t = F(e.clientX, e.clientY);
+			t && ne(t);
 		}
 	}, me = (e) => {
 		fe(e) || (e.preventDefault(), e.stopImmediatePropagation());
@@ -3115,7 +3277,7 @@ function Pi(e = {}, t = !1) {
 			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), ne(), z(), 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", 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));
 	}, _e = () => {
 		ge(), T?.(), T = null, h?.remove(), h = null, n.getElementById(o)?.remove(), k instanceof r.ShadowRoot && k.querySelector(`#${o}`)?.remove();
 	};
@@ -3125,7 +3287,7 @@ function Pi(e = {}, t = !1) {
 		undo: H,
 		redo: ie,
 		clear: U,
-		inspect: F,
+		inspect: I,
 		isEnabled: () => m,
 		canUndo: () => D.length > 0,
 		canRedo: () => O.length > 0,
@@ -3133,24 +3295,24 @@ function Pi(e = {}, t = !1) {
 		destroy: _e
 	};
 }
-Pi({}, !0);
-var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --msr-font-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\",\n      \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n      \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --msr-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --msr-color-red-50: oklch(97.1% 0.013 17.38);\n    --msr-color-red-200: oklch(88.5% 0.062 18.334);\n    --msr-color-red-600: oklch(57.7% 0.245 27.325);\n    --msr-color-black: #000;\n    --msr-color-white: #fff;\n    --msr-spacing: 0.25rem;\n    --msr-font-weight-normal: 400;\n    --msr-font-weight-medium: 500;\n    --msr-font-weight-semibold: 600;\n    --msr-radius-md: 0.375rem;\n    --msr-radius-lg: 0.5rem;\n    --msr-default-transition-duration: 150ms;\n    --msr-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --msr-default-font-family: var(--msr-font-sans);\n    --msr-default-mono-font-family: var(--msr-font-mono);\n    --msr-color-ink-50: #f8fafc;\n    --msr-color-ink-200: #e2e8f0;\n    --msr-color-ink-500: #64748b;\n    --msr-color-ink-700: #334155;\n    --msr-color-ink-900: #0f172a;\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--msr-default-font-family, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--msr-default-font-feature-settings, normal);\n    font-variation-settings: var(--msr-default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--msr-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--msr-default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--msr-default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring:where(:not(iframe)) {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .msr\\:pointer-events-auto {\n    pointer-events: auto;\n  }\n  .msr\\:pointer-events-none {\n    pointer-events: none;\n  }\n  .msr\\:absolute {\n    position: absolute;\n  }\n  .msr\\:fixed {\n    position: fixed;\n  }\n  .msr\\:relative {\n    position: relative;\n  }\n  .msr\\:inset-0 {\n    inset: 0px;\n  }\n  .msr\\:top-0 {\n    top: 0px;\n  }\n  .msr\\:top-1\\/2 {\n    top: calc(1 / 2 * 100%);\n  }\n  .msr\\:top-\\[18px\\] {\n    top: 18px;\n  }\n  .msr\\:top-full {\n    top: 100%;\n  }\n  .msr\\:right-0 {\n    right: 0px;\n  }\n  .msr\\:right-2 {\n    right: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:right-\\[8px\\] {\n    right: 8px;\n  }\n  .msr\\:bottom-0 {\n    bottom: 0px;\n  }\n  .msr\\:bottom-full {\n    bottom: 100%;\n  }\n  .msr\\:left-0 {\n    left: 0px;\n  }\n  .msr\\:left-1\\/2 {\n    left: calc(1 / 2 * 100%);\n  }\n  .msr\\:left-\\[8px\\] {\n    left: 8px;\n  }\n  .msr\\:left-\\[18px\\] {\n    left: 18px;\n  }\n  .msr\\:z-10 {\n    z-index: 10;\n  }\n  .msr\\:z-\\[70\\] {\n    z-index: 70;\n  }\n  .msr\\:z-\\[80\\] {\n    z-index: 80;\n  }\n  .msr\\:z-\\[90\\] {\n    z-index: 90;\n  }\n  .msr\\:z-\\[94\\] {\n    z-index: 94;\n  }\n  .msr\\:z-\\[95\\] {\n    z-index: 95;\n  }\n  .msr\\:col-span-2 {\n    grid-column: span 2 / span 2;\n  }\n  .msr\\:col-start-1 {\n    grid-column-start: 1;\n  }\n  .msr\\:col-start-2 {\n    grid-column-start: 2;\n  }\n  .msr\\:col-start-3 {\n    grid-column-start: 3;\n  }\n  .msr\\:m-0 {\n    margin: 0px;\n  }\n  .msr\\:mx-1 {\n    margin-inline: var(--msr-spacing);\n  }\n  .msr\\:mt-1 {\n    margin-top: var(--msr-spacing);\n  }\n  .msr\\:mt-1\\.5 {\n    margin-top: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:mt-2 {\n    margin-top: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:mb-1 {\n    margin-bottom: var(--msr-spacing);\n  }\n  .msr\\:mb-2 {\n    margin-bottom: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:-ml-1 {\n    margin-left: calc(var(--msr-spacing) * -1);\n  }\n  .msr\\:ml-1 {\n    margin-left: var(--msr-spacing);\n  }\n  .msr\\:ml-2 {\n    margin-left: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:ml-6 {\n    margin-left: calc(var(--msr-spacing) * 6);\n  }\n  .msr\\:box-border {\n    box-sizing: border-box;\n  }\n  .msr\\:block {\n    display: block;\n  }\n  .msr\\:flex {\n    display: flex;\n  }\n  .msr\\:grid {\n    display: grid;\n  }\n  .msr\\:inline-flex {\n    display: inline-flex;\n  }\n  .msr\\:size-1\\.5 {\n    width: calc(var(--msr-spacing) * 1.5);\n    height: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:size-3 {\n    width: calc(var(--msr-spacing) * 3);\n    height: calc(var(--msr-spacing) * 3);\n  }\n  .msr\\:size-4 {\n    width: calc(var(--msr-spacing) * 4);\n    height: calc(var(--msr-spacing) * 4);\n  }\n  .msr\\:size-6 {\n    width: calc(var(--msr-spacing) * 6);\n    height: calc(var(--msr-spacing) * 6);\n  }\n  .msr\\:size-7 {\n    width: calc(var(--msr-spacing) * 7);\n    height: calc(var(--msr-spacing) * 7);\n  }\n  .msr\\:size-8 {\n    width: calc(var(--msr-spacing) * 8);\n    height: calc(var(--msr-spacing) * 8);\n  }\n  .msr\\:size-\\[10px\\] {\n    width: 10px;\n    height: 10px;\n  }\n  .msr\\:size-\\[18px\\] {\n    width: 18px;\n    height: 18px;\n  }\n  .msr\\:size-full {\n    width: 100%;\n    height: 100%;\n  }\n  .msr\\:h-5 {\n    height: calc(var(--msr-spacing) * 5);\n  }\n  .msr\\:h-6 {\n    height: calc(var(--msr-spacing) * 6);\n  }\n  .msr\\:h-7 {\n    height: calc(var(--msr-spacing) * 7);\n  }\n  .msr\\:h-8 {\n    height: calc(var(--msr-spacing) * 8);\n  }\n  .msr\\:h-20 {\n    height: calc(var(--msr-spacing) * 20);\n  }\n  .msr\\:h-\\[14px\\] {\n    height: 14px;\n  }\n  .msr\\:h-\\[18px\\] {\n    height: 18px;\n  }\n  .msr\\:h-\\[19px\\] {\n    height: 19px;\n  }\n  .msr\\:h-full {\n    height: 100%;\n  }\n  .msr\\:h-px {\n    height: 1px;\n  }\n  .msr\\:max-h-36 {\n    max-height: calc(var(--msr-spacing) * 36);\n  }\n  .msr\\:max-h-\\[220px\\] {\n    max-height: 220px;\n  }\n  .msr\\:max-h-\\[calc\\(100vh-16px\\)\\] {\n    max-height: calc(100vh - 16px);\n  }\n  .msr\\:max-h-\\[min\\(70vh\\,34rem\\)\\] {\n    max-height: min(70vh, 34rem);\n  }\n  .msr\\:max-h-\\[min\\(320px\\,calc\\(100vh-16px\\)\\)\\] {\n    max-height: min(320px, calc(100vh - 16px));\n  }\n  .msr\\:min-h-0 {\n    min-height: 0px;\n  }\n  .msr\\:w-0 {\n    width: 0px;\n  }\n  .msr\\:w-3 {\n    width: calc(var(--msr-spacing) * 3);\n  }\n  .msr\\:w-4 {\n    width: calc(var(--msr-spacing) * 4);\n  }\n  .msr\\:w-5 {\n    width: calc(var(--msr-spacing) * 5);\n  }\n  .msr\\:w-6 {\n    width: calc(var(--msr-spacing) * 6);\n  }\n  .msr\\:w-9 {\n    width: calc(var(--msr-spacing) * 9);\n  }\n  .msr\\:w-12 {\n    width: calc(var(--msr-spacing) * 12);\n  }\n  .msr\\:w-44 {\n    width: calc(var(--msr-spacing) * 44);\n  }\n  .msr\\:w-60 {\n    width: calc(var(--msr-spacing) * 60);\n  }\n  .msr\\:w-\\[18px\\] {\n    width: 18px;\n  }\n  .msr\\:w-\\[26px\\] {\n    width: 26px;\n  }\n  .msr\\:w-\\[272px\\] {\n    width: 272px;\n  }\n  .msr\\:w-full {\n    width: 100%;\n  }\n  .msr\\:w-px {\n    width: 1px;\n  }\n  .msr\\:max-w-0 {\n    max-width: 0px;\n  }\n  .msr\\:max-w-20 {\n    max-width: calc(var(--msr-spacing) * 20);\n  }\n  .msr\\:max-w-\\[calc\\(100vw-16px\\)\\] {\n    max-width: calc(100vw - 16px);\n  }\n  .msr\\:min-w-0 {\n    min-width: 0px;\n  }\n  .msr\\:min-w-36 {\n    min-width: calc(var(--msr-spacing) * 36);\n  }\n  .msr\\:flex-1 {\n    flex: 1;\n  }\n  .msr\\:flex-none {\n    flex: none;\n  }\n  .msr\\:shrink-0 {\n    flex-shrink: 0;\n  }\n  .msr\\:-translate-x-1 {\n    --tw-translate-x: calc(var(--msr-spacing) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .msr\\:-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .msr\\:translate-x-0 {\n    --tw-translate-x: 0px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .msr\\:-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .msr\\:-rotate-90 {\n    rotate: calc(90deg * -1);\n  }\n  .msr\\:rotate-45 {\n    rotate: 45deg;\n  }\n  .msr\\:rotate-90 {\n    rotate: 90deg;\n  }\n  .msr\\:rotate-180 {\n    rotate: 180deg;\n  }\n  .msr\\:rotate-\\[45deg\\] {\n    rotate: 45deg;\n  }\n  .msr\\:rotate-\\[135deg\\] {\n    rotate: 135deg;\n  }\n  .msr\\:cursor-crosshair {\n    cursor: crosshair;\n  }\n  .msr\\:cursor-default {\n    cursor: default;\n  }\n  .msr\\:cursor-pointer {\n    cursor: pointer;\n  }\n  .msr\\:touch-none {\n    touch-action: none;\n  }\n  .msr\\:resize-none {\n    resize: none;\n  }\n  .msr\\:list-none {\n    list-style-type: none;\n  }\n  .msr\\:appearance-none {\n    appearance: none;\n  }\n  .msr\\:grid-cols-\\[78px_150px\\] {\n    grid-template-columns: 78px 150px;\n  }\n  .msr\\:grid-cols-\\[78px_156px\\] {\n    grid-template-columns: 78px 156px;\n  }\n  .msr\\:grid-cols-\\[78px_minmax\\(0\\,1fr\\)\\] {\n    grid-template-columns: 78px minmax(0,1fr);\n  }\n  .msr\\:grid-cols-\\[minmax\\(0\\,1fr\\)_28px_34px\\] {\n    grid-template-columns: minmax(0,1fr) 28px 34px;\n  }\n  .msr\\:flex-col {\n    flex-direction: column;\n  }\n  .msr\\:items-center {\n    align-items: center;\n  }\n  .msr\\:items-start {\n    align-items: flex-start;\n  }\n  .msr\\:items-stretch {\n    align-items: stretch;\n  }\n  .msr\\:justify-between {\n    justify-content: space-between;\n  }\n  .msr\\:justify-center {\n    justify-content: center;\n  }\n  .msr\\:justify-end {\n    justify-content: flex-end;\n  }\n  .msr\\:gap-0 {\n    gap: 0px;\n  }\n  .msr\\:gap-0\\.5 {\n    gap: calc(var(--msr-spacing) * 0.5);\n  }\n  .msr\\:gap-1 {\n    gap: var(--msr-spacing);\n  }\n  .msr\\:gap-1\\.5 {\n    gap: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:gap-2 {\n    gap: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:gap-3 {\n    gap: calc(var(--msr-spacing) * 3);\n  }\n  .msr\\:gap-px {\n    gap: 1px;\n  }\n  .msr\\:gap-x-3 {\n    column-gap: calc(var(--msr-spacing) * 3);\n  }\n  .msr\\:gap-y-1 {\n    row-gap: var(--msr-spacing);\n  }\n  .msr\\:self-stretch {\n    align-self: stretch;\n  }\n  .msr\\:justify-self-end {\n    justify-self: flex-end;\n  }\n  .msr\\:truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .msr\\:overflow-auto {\n    overflow: auto;\n  }\n  .msr\\:overflow-hidden {\n    overflow: hidden;\n  }\n  .msr\\:overflow-visible {\n    overflow: visible;\n  }\n  .msr\\:overflow-x-hidden {\n    overflow-x: hidden;\n  }\n  .msr\\:overflow-y-auto {\n    overflow-y: auto;\n  }\n  .msr\\:rounded {\n    border-radius: 0.25rem;\n  }\n  .msr\\:rounded-\\[3px\\] {\n    border-radius: 3px;\n  }\n  .msr\\:rounded-\\[5px\\] {\n    border-radius: 5px;\n  }\n  .msr\\:rounded-\\[6px\\] {\n    border-radius: 6px;\n  }\n  .msr\\:rounded-\\[7px\\] {\n    border-radius: 7px;\n  }\n  .msr\\:rounded-\\[8px\\] {\n    border-radius: 8px;\n  }\n  .msr\\:rounded-\\[10px\\] {\n    border-radius: 10px;\n  }\n  .msr\\:rounded-\\[12px\\] {\n    border-radius: 12px;\n  }\n  .msr\\:rounded-full {\n    border-radius: calc(infinity * 1px);\n  }\n  .msr\\:rounded-lg {\n    border-radius: var(--msr-radius-lg);\n  }\n  .msr\\:rounded-md {\n    border-radius: var(--msr-radius-md);\n  }\n  .msr\\:rounded-none {\n    border-radius: 0;\n  }\n  .msr\\:border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .msr\\:border-0 {\n    border-style: var(--tw-border-style);\n    border-width: 0px;\n  }\n  .msr\\:border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n  .msr\\:border-t-2 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 2px;\n  }\n  .msr\\:border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n  .msr\\:border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n  .msr\\:border-l {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n  .msr\\:border-dashed {\n    --tw-border-style: dashed;\n    border-style: dashed;\n  }\n  .msr\\:border-dotted {\n    --tw-border-style: dotted;\n    border-style: dotted;\n  }\n  .msr\\:border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .msr\\:border-\\[\\#0d99ff\\] {\n    border-color: #0d99ff;\n  }\n  .msr\\:border-\\[\\#2563eb\\]\\/70 {\n    border-color: color-mix(in oklab, #2563eb 70%, transparent);\n  }\n  .msr\\:border-black\\/8 {\n    border-color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--msr-color-black) 8%, transparent);\n    }\n  }\n  .msr\\:border-black\\/10 {\n    border-color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--msr-color-black) 10%, transparent);\n    }\n  }\n  .msr\\:border-black\\/15 {\n    border-color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--msr-color-black) 15%, transparent);\n    }\n  }\n  .msr\\:border-ink-200 {\n    border-color: var(--msr-color-ink-200);\n  }\n  .msr\\:border-ink-500 {\n    border-color: var(--msr-color-ink-500);\n  }\n  .msr\\:border-ink-700 {\n    border-color: var(--msr-color-ink-700);\n  }\n  .msr\\:border-red-200 {\n    border-color: var(--msr-color-red-200);\n  }\n  .msr\\:border-transparent {\n    border-color: transparent;\n  }\n  .msr\\:bg-\\[\\#0d99ff\\] {\n    background-color: #0d99ff;\n  }\n  .msr\\:bg-\\[\\#0d99ff\\]\\/10 {\n    background-color: color-mix(in oklab, #0d99ff 10%, transparent);\n  }\n  .msr\\:bg-\\[\\#2563eb\\] {\n    background-color: #2563eb;\n  }\n  .msr\\:bg-\\[\\#fff\\] {\n    background-color: #fff;\n  }\n  .msr\\:bg-black {\n    background-color: var(--msr-color-black);\n  }\n  .msr\\:bg-black\\/10 {\n    background-color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--msr-color-black) 10%, transparent);\n    }\n  }\n  .msr\\:bg-ink-50 {\n    background-color: var(--msr-color-ink-50);\n  }\n  .msr\\:bg-ink-50\\/40 {\n    background-color: var(--msr-color-ink-50);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--msr-color-ink-50) 40%, transparent);\n    }\n  }\n  .msr\\:bg-ink-900\\/90 {\n    background-color: var(--msr-color-ink-900);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--msr-color-ink-900) 90%, transparent);\n    }\n  }\n  .msr\\:bg-transparent {\n    background-color: transparent;\n  }\n  .msr\\:bg-white {\n    background-color: var(--msr-color-white);\n  }\n  .msr\\:bg-white\\/60 {\n    background-color: var(--msr-color-white);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--msr-color-white) 60%, transparent);\n    }\n  }\n  .msr\\:p-0 {\n    padding: 0px;\n  }\n  .msr\\:p-1 {\n    padding: var(--msr-spacing);\n  }\n  .msr\\:p-1\\.5 {\n    padding: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:p-2 {\n    padding: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:p-3 {\n    padding: calc(var(--msr-spacing) * 3);\n  }\n  .msr\\:p-px {\n    padding: 1px;\n  }\n  .msr\\:px-0 {\n    padding-inline: 0px;\n  }\n  .msr\\:px-0\\.5 {\n    padding-inline: calc(var(--msr-spacing) * 0.5);\n  }\n  .msr\\:px-1 {\n    padding-inline: var(--msr-spacing);\n  }\n  .msr\\:px-1\\.5 {\n    padding-inline: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:px-2 {\n    padding-inline: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:px-2\\.5 {\n    padding-inline: calc(var(--msr-spacing) * 2.5);\n  }\n  .msr\\:py-0 {\n    padding-block: 0px;\n  }\n  .msr\\:py-0\\.5 {\n    padding-block: calc(var(--msr-spacing) * 0.5);\n  }\n  .msr\\:py-1 {\n    padding-block: var(--msr-spacing);\n  }\n  .msr\\:py-1\\.5 {\n    padding-block: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:py-2 {\n    padding-block: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:pt-2 {\n    padding-top: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:pr-2 {\n    padding-right: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:pr-6 {\n    padding-right: calc(var(--msr-spacing) * 6);\n  }\n  .msr\\:pb-1 {\n    padding-bottom: var(--msr-spacing);\n  }\n  .msr\\:pb-2 {\n    padding-bottom: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:text-center {\n    text-align: center;\n  }\n  .msr\\:text-left {\n    text-align: left;\n  }\n  .msr\\:font-mono {\n    font-family: var(--msr-font-mono);\n  }\n  .msr\\:text-\\[9px\\] {\n    font-size: 9px;\n  }\n  .msr\\:text-\\[10px\\] {\n    font-size: 10px;\n  }\n  .msr\\:text-\\[11px\\] {\n    font-size: 11px;\n  }\n  .msr\\:text-\\[12px\\] {\n    font-size: 12px;\n  }\n  .msr\\:leading-4 {\n    --tw-leading: calc(var(--msr-spacing) * 4);\n    line-height: calc(var(--msr-spacing) * 4);\n  }\n  .msr\\:leading-\\[1\\.4\\] {\n    --tw-leading: 1.4;\n    line-height: 1.4;\n  }\n  .msr\\:leading-\\[1\\.45\\] {\n    --tw-leading: 1.45;\n    line-height: 1.45;\n  }\n  .msr\\:leading-\\[18px\\] {\n    --tw-leading: 18px;\n    line-height: 18px;\n  }\n  .msr\\:leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n  .msr\\:font-medium {\n    --tw-font-weight: var(--msr-font-weight-medium);\n    font-weight: var(--msr-font-weight-medium);\n  }\n  .msr\\:font-normal {\n    --tw-font-weight: var(--msr-font-weight-normal);\n    font-weight: var(--msr-font-weight-normal);\n  }\n  .msr\\:font-semibold {\n    --tw-font-weight: var(--msr-font-weight-semibold);\n    font-weight: var(--msr-font-weight-semibold);\n  }\n  .msr\\:text-ellipsis {\n    text-overflow: ellipsis;\n  }\n  .msr\\:whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .msr\\:whitespace-pre-wrap {\n    white-space: pre-wrap;\n  }\n  .msr\\:text-\\[\\#64748b\\] {\n    color: #64748b;\n  }\n  .msr\\:text-black {\n    color: var(--msr-color-black);\n  }\n  .msr\\:text-black\\/30 {\n    color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--msr-color-black) 30%, transparent);\n    }\n  }\n  .msr\\:text-black\\/45 {\n    color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--msr-color-black) 45%, transparent);\n    }\n  }\n  .msr\\:text-ink-50 {\n    color: var(--msr-color-ink-50);\n  }\n  .msr\\:text-ink-500 {\n    color: var(--msr-color-ink-500);\n  }\n  .msr\\:text-ink-700 {\n    color: var(--msr-color-ink-700);\n  }\n  .msr\\:text-ink-900 {\n    color: var(--msr-color-ink-900);\n  }\n  .msr\\:text-red-600 {\n    color: var(--msr-color-red-600);\n  }\n  .msr\\:text-white {\n    color: var(--msr-color-white);\n  }\n  .msr\\:text-white\\/60 {\n    color: var(--msr-color-white);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--msr-color-white) 60%, transparent);\n    }\n  }\n  .msr\\:tabular-nums {\n    --tw-numeric-spacing: tabular-nums;\n    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n  }\n  .msr\\:opacity-0 {\n    opacity: 0%;\n  }\n  .msr\\:opacity-60 {\n    opacity: 60%;\n  }\n  .msr\\:opacity-80 {\n    opacity: 80%;\n  }\n  .msr\\:opacity-100 {\n    opacity: 100%;\n  }\n  .msr\\:shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:shadow-sm {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .msr\\:outline-transparent {\n    outline-color: transparent;\n  }\n  .msr\\:transition-\\[max-width\\,opacity\\,transform\\,padding\\] {\n    transition-property: max-width,opacity,transform,padding;\n    transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n  }\n  .msr\\:transition-\\[width\\,opacity\\] {\n    transition-property: width,opacity;\n    transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n  }\n  .msr\\:transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n  }\n  .msr\\:transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n  }\n  .msr\\:transition-transform {\n    transition-property: transform, translate, scale, rotate;\n    transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n  }\n  .msr\\:transition-none {\n    transition-property: none;\n  }\n  .msr\\:duration-150 {\n    --tw-duration: 150ms;\n    transition-duration: 150ms;\n  }\n  .msr\\:ease-\\[ease\\] {\n    --tw-ease: ease;\n    transition-timing-function: ease;\n  }\n  .msr\\:outline-none {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .msr\\:select-none {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n  @media (hover: hover) {\n    .msr\\:group-hover\\:border-ink-200:is(:where(.msr\\:group):hover *) {\n      border-color: var(--msr-color-ink-200);\n    }\n  }\n  .msr\\:focus-within\\:rounded-l-\\[5px\\]:focus-within {\n    border-top-left-radius: 5px;\n    border-bottom-left-radius: 5px;\n  }\n  .msr\\:focus-within\\:rounded-r-\\[5px\\]:focus-within {\n    border-top-right-radius: 5px;\n    border-bottom-right-radius: 5px;\n  }\n  .msr\\:focus-within\\:outline:focus-within {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .msr\\:focus-within\\:outline-1:focus-within {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .msr\\:focus-within\\:outline-offset-\\[-1px\\]:focus-within {\n    outline-offset: -1px;\n  }\n  .msr\\:focus-within\\:outline-\\[\\#0d99ff\\]:focus-within {\n    outline-color: #0d99ff;\n  }\n  .msr\\:focus-within\\:outline-\\[var\\(--msr-accent\\)\\]:focus-within {\n    outline-color: var(--msr-accent);\n  }\n  @media (hover: hover) {\n    .msr\\:hover\\:border-ink-200:hover {\n      border-color: var(--msr-color-ink-200);\n    }\n    .msr\\:hover\\:bg-\\[\\#0b8eea\\]:hover {\n      background-color: #0b8eea;\n    }\n    .msr\\:hover\\:bg-\\[\\#0d99ff\\]:hover {\n      background-color: #0d99ff;\n    }\n    .msr\\:hover\\:bg-black\\/4:hover {\n      background-color: var(--msr-color-black);\n    }\n    @supports (color: color-mix(in lab, red, red)) {\n      .msr\\:hover\\:bg-black\\/4:hover {\n        background-color: color-mix(in oklab, var(--msr-color-black) 4%, transparent);\n      }\n    }\n    .msr\\:hover\\:bg-black\\/10:hover {\n      background-color: var(--msr-color-black);\n    }\n    @supports (color: color-mix(in lab, red, red)) {\n      .msr\\:hover\\:bg-black\\/10:hover {\n        background-color: color-mix(in oklab, var(--msr-color-black) 10%, transparent);\n      }\n    }\n    .msr\\:hover\\:bg-ink-50:hover {\n      background-color: var(--msr-color-ink-50);\n    }\n    .msr\\:hover\\:bg-red-50:hover {\n      background-color: var(--msr-color-red-50);\n    }\n    .msr\\:hover\\:text-ink-700:hover {\n      color: var(--msr-color-ink-700);\n    }\n    .msr\\:hover\\:text-ink-900:hover {\n      color: var(--msr-color-ink-900);\n    }\n    .msr\\:hover\\:text-white:hover {\n      color: var(--msr-color-white);\n    }\n    .msr\\:hover\\:underline:hover {\n      text-decoration-line: underline;\n    }\n  }\n  .msr\\:focus\\:border-\\[\\#0d99ff\\]:focus {\n    border-color: #0d99ff;\n  }\n  .msr\\:focus\\:shadow-\\[inset_0_0_0_1px_\\#0d99ff\\]:focus {\n    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0d99ff);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:focus\\:shadow-\\[inset_0_0_0_1px_var\\(--msr-accent\\)\\]:focus {\n    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--msr-accent));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:focus\\:outline-none:focus {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .msr\\:focus-visible\\:border-\\[\\#0d99ff\\]:focus-visible {\n    border-color: #0d99ff;\n  }\n  .msr\\:focus-visible\\:bg-\\[\\#0d99ff\\]:focus-visible {\n    background-color: #0d99ff;\n  }\n  .msr\\:focus-visible\\:text-white:focus-visible {\n    color: var(--msr-color-white);\n  }\n  .msr\\:focus-visible\\:shadow-\\[inset_0_0_0_1px_\\#0d99ff\\]:focus-visible {\n    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0d99ff);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:focus-visible\\:shadow-\\[inset_0_0_0_1px_\\#ef4444\\]:focus-visible {\n    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #ef4444);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:focus-visible\\:ring-1:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:focus-visible\\:ring-\\[\\#0d99ff\\]\\/25:focus-visible {\n    --tw-ring-color: color-mix(in oklab, #0d99ff 25%, transparent);\n  }\n  .msr\\:focus-visible\\:outline-none:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .msr\\:disabled\\:cursor-default:disabled {\n    cursor: default;\n  }\n  .msr\\:disabled\\:opacity-40:disabled {\n    opacity: 40%;\n  }\n  .msr\\:disabled\\:opacity-45:disabled {\n    opacity: 45%;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .msr\\:motion-reduce\\:transition-none {\n      transition-property: none;\n    }\n  }\n}\n:root, :host {\n  --color-ink-50: #f8fafc;\n  --color-ink-200: #e2e8f0;\n  --color-ink-500: #64748b;\n  --color-ink-700: #334155;\n  --color-ink-900: #0f172a;\n}\n:host {\n  all: initial;\n  display: block;\n  color-scheme: light;\n  color: #0f172a;\n  font-family: ui-sans-serif, system-ui, sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  letter-spacing: normal;\n  direction: ltr;\n  --msr-spacing: 4px;\n}\n*, *::before, *::after {\n  box-sizing: border-box;\n}\n@layer base {\n  *, ::before, ::after, ::backdrop {\n    --tw-border-style: solid;\n    --tw-outline-style: solid;\n    --tw-shadow: 0 0 #0000;\n    --tw-inset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-inset-ring-shadow: 0 0 #0000;\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-translate-z: 0;\n  }\n  button, input, select, textarea {\n    appearance: none;\n    background-color: transparent;\n    padding: 0;\n    font: inherit;\n    color: inherit;\n    letter-spacing: inherit;\n  }\n}\n.mesurer-toolbar-surface {\n  box-shadow: 0 0 0.5px rgba(0, 0, 0, 0.18), 0 3px 8px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n.mesurer-menu-surface {\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n}\n.mesurer-color-picker {\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n}\n.mesurer-settings-tabs {\n  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);\n}\n.mesurer-settings-tab[aria-selected=\"true\"] {\n  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.12);\n}\n.mesurer-switch-track {\n  box-sizing: border-box;\n  border: 1px solid #e2e8f0;\n}\n.mesurer-switch-track[data-checked=\"true\"] {\n  border-color: #0d99ff;\n}\n.mesurer-control-shell {\n  border: 1px solid transparent;\n}\n.mesurer-control-shell:hover {\n  border-color: #e2e8f0;\n}\n.mesurer-control-focus:focus-within {\n  outline: 1px solid #0d99ff;\n  outline-offset: -1px;\n}\n.mesurer-root {\n  --msr-spacing: 4px;\n}\nbody [data-mesurer-native-scroll-anchor=\"box\"][data-mesurer-nested-scroll-compensation=\"true\"] {\n  position: absolute !important;\n  left: calc(anchor(left) + var(--mesurer-nested-scroll-x, 0px)) !important;\n  top: calc(anchor(top) + var(--mesurer-nested-scroll-y, 0px)) !important;\n}\nbody [data-mesurer-native-scroll-anchor=\"label\"][data-mesurer-nested-scroll-compensation=\"true\"] {\n  position: absolute !important;\n  left: calc(anchor(center) + var(--mesurer-nested-scroll-x, 0px)) !important;\n  top: calc(anchor(bottom) + 2px + var(--mesurer-nested-scroll-y, 0px)) !important;\n}\nbody [data-mesurer-native-scroll-anchor=\"offset\"][data-mesurer-nested-scroll-compensation=\"true\"] {\n  position: absolute !important;\n  left: calc(anchor(left) + var(--mesurer-native-anchor-x, 0px) + var(--mesurer-nested-scroll-x, 0px)) !important;\n  top: calc(anchor(top) + var(--mesurer-native-anchor-y, 0px) + var(--mesurer-nested-scroll-y, 0px)) !important;\n}\n[data-mesurer-text-edit-ring=\"true\"], [data-mesurer-text-selection-highlight=\"true\"], [data-mesurer-text-caret=\"true\"] {\n  z-index: 2147482900 !important;\n}\n[data-mesurer-text-inspector-placement-shell=\"true\"], .mesurer-ti-card {\n  z-index: 2147483647 !important;\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-scroll-mode=\"document\"] {\n  position: absolute !important;\n}\n[data-mesurer-annotation-scroll-mode=\"native-anchor\"] {\n  position: fixed !important;\n}\n[data-mesurer-native-scroll-anchor=\"offset\"][data-mesurer-nested-scroll-compensation=\"true\"][data-mesurer-annotation-scroll-mode=\"native-anchor\"] {\n  position: fixed !important;\n}\n[data-mesurer-annotation-badge=\"true\"] {\n  width: 20px !important;\n  height: 20px !important;\n  transform: none !important;\n  transition: width 150ms ease, height 150ms ease, background 150ms ease, color 150ms ease, box-shadow 150ms ease !important;\n}\n[data-mesurer-annotation-marker=\"true\"][data-mesurer-annotation-highlighted=\"true\"] > [data-mesurer-annotation-badge=\"true\"] {\n  width: 24px !important;\n  height: 24px !important;\n}\n[data-mesurer-root=\"true\"][data-mesurer-direct-text-edit-active=\"true\"] [data-mesurer-annotation-trigger=\"true\"], [data-mesurer-context-root=\"true\"][data-mesurer-direct-text-edit-active=\"true\"] [data-mesurer-annotation-trigger=\"true\"] {\n  display: none !important;\n}\n[data-mesurer-plugin-settings] [role=\"switch\"] {\n  grid-template-columns: minmax(0, 1fr) auto;\n}\n[data-mesurer-plugin-settings] [role=\"switch\"] > span:first-child {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n[data-mesurer-plugin-settings-disclosure=\"plugins\"] {\n  width: calc(100% + 16px);\n  margin-inline: -8px;\n}\n.mesurer-solid-root {\n  position: fixed;\n  inset: 0;\n  z-index: 2147483000;\n  pointer-events: none;\n  --msr-spacing: 4px;\n}\n.mesurer-solid-root [role=\"slider\"] {\n  border: 0;\n}\n[data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"] [data-mesurer-distance-hover-target=\"true\"] {\n  opacity: 1 !important;\n}\n[data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"]:has([data-mesurer-distance-label-axis=\"x\"]:hover) [data-mesurer-distance-line^=\"vertical\"], [data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"]:has([data-mesurer-distance-label-axis=\"y\"]:hover) [data-mesurer-distance-line^=\"horizontal\"], [data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"]:has([data-mesurer-distance-label-axis]:hover) [data-mesurer-distance-connector=\"true\"] {\n  opacity: 0.16 !important;\n}\nbody.mesurer-solid-xray * {\n  outline: solid 1px blue !important;\n}\nbody.mesurer-solid-xray [data-mesurer-root], body.mesurer-solid-xray [data-mesurer-root] *, body.mesurer-solid-xray [data-mesurer-inspector-ui], body.mesurer-solid-xray [data-mesurer-inspector-ui] *, body.mesurer-solid-xray .mesurer-toolbar-surface, body.mesurer-solid-xray .mesurer-toolbar-surface *, body.mesurer-solid-xray .mesurer-ti-box, body.mesurer-solid-xray .mesurer-ti-card, body.mesurer-solid-xray .mesurer-ti-card *, body.mesurer-solid-xray .mesurer-ti-close {\n  outline: none !important;\n}\n[data-mesurer-toolbar=\"true\"] > div:has(> [data-mesurer-toolbar-compact-item]) {\n  transition: padding-inline 150ms ease;\n}\n[data-mesurer-toolbar=\"true\"][data-mesurer-toolbar-compact=\"true\"] > div:has(> [data-mesurer-toolbar-compact-item]):not(:has(> [data-mesurer-toolbar-compact-item][data-visible=\"true\"])) {\n  padding-inline: 0;\n}\n[data-mesurer-selected-measurement=\"true\"]:has(> [data-mesurer-native-scroll-anchor=\"box\"]) {\n  display: contents !important;\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-mesurer-toolbar=\"true\"] > div:has(> [data-mesurer-toolbar-compact-item]) {\n    transition: none;\n  }\n  [data-mesurer-annotation-badge=\"true\"] {\n    transition: none !important;\n  }\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) {\n  --msr-accent: #0d99ff;\n  --msr-surface: #fff;\n  --msr-surface-raised: #fff;\n  --msr-surface-muted: #f8fafc;\n  --msr-content: #18181b;\n  --msr-color-white: #fff;\n  --msr-color-black: #000;\n  --msr-color-ink-50: #f8fafc;\n  --msr-color-ink-100: #f1f5f9;\n  --msr-color-ink-200: #e2e8f0;\n  --msr-color-ink-300: #cbd5e1;\n  --msr-color-ink-500: #64748b;\n  --msr-color-ink-700: #334155;\n  --msr-color-ink-900: #18181b;\n  --color-ink-50: var(--msr-color-ink-50);\n  --color-ink-100: var(--msr-color-ink-100);\n  --color-ink-200: var(--msr-color-ink-200);\n  --color-ink-300: var(--msr-color-ink-300);\n  --color-ink-500: var(--msr-color-ink-500);\n  --color-ink-700: var(--msr-color-ink-700);\n  --color-ink-900: var(--msr-color-ink-900);\n  --msr-danger-bg: #fef2f2;\n  --msr-danger-border: #fecaca;\n  --msr-danger-text: #dc2626;\n  --msr-danger-solid-bg: #dc2626;\n  --msr-danger-solid-hover: #b91c1c;\n  --msr-danger-solid-text: #fff;\n  --color-red-50: var(--msr-danger-bg);\n  --color-red-200: var(--msr-danger-border);\n  --color-red-600: var(--msr-danger-text);\n  --color-red-700: #b91c1c;\n  --msr-control-thumb: #fff;\n  --msr-slider-track: rgba(15, 23, 42, 0.16);\n  --msr-shadow-toolbar: 0 0 0.4px rgba(0, 0, 0, 0.22),\n    0 6px 18px rgba(0, 0, 0, 0.03),\n    0 3px 9px rgba(0, 0, 0, 0.06),\n    0 1px 1px rgba(0, 0, 0, 0.06);\n  --msr-shadow-floating: 0 0 0 0.4px rgba(0, 0, 0, 0.22),\n    0 6px 18px rgba(0, 0, 0, 0.03),\n    0 3px 9px rgba(0, 0, 0, 0.06),\n    0 1px 1px rgba(0, 0, 0, 0.06);\n  --msr-shadow-select-menu: var(--msr-shadow-floating);\n  color: var(--msr-content);\n  color-scheme: light;\n}\n:where( [data-mesurer-root=\"true\"][data-theme=\"dark\"], [data-mesurer-inspector-ui=\"true\"][data-theme=\"dark\"] ) {\n  --msr-accent: #0c8ce9;\n  --msr-surface: #323232;\n  --msr-surface-raised: #3a3a3a;\n  --msr-surface-muted: #3a3a3a;\n  --msr-content: #f5f5f5;\n  --msr-color-white: #f5f5f5;\n  --msr-color-black: #171717;\n  --msr-color-ink-50: #3a3a3a;\n  --msr-color-ink-100: #414141;\n  --msr-color-ink-200: #4a4a4a;\n  --msr-color-ink-300: #5a5a5a;\n  --msr-color-ink-500: #a0a0a0;\n  --msr-color-ink-700: #dedede;\n  --msr-color-ink-900: #f5f5f5;\n  --msr-danger-bg: #3f2020;\n  --msr-danger-border: #7f3f46;\n  --msr-danger-text: #f87171;\n  --msr-danger-solid-bg: #c95058;\n  --msr-danger-solid-hover: #b7424b;\n  --msr-danger-solid-text: #f5f5f5;\n  --color-red-700: #fca5a5;\n  --msr-control-thumb: #f4f4f5;\n  --msr-slider-track: rgba(245, 245, 245, 0.24);\n  --msr-shadow-toolbar: 0 0 0.4px lch(100% 0 0 / 0.10),\n    0 3px 8px lch(0% 0 0 / 0.125),\n    0 2px 5px lch(0% 0 0 / 0.125),\n    0 1px 1px lch(0% 0 0 / 0.125);\n  --msr-shadow-floating: 0 0 0 0.4px lch(100% 0 0 / 0.05),\n    0 4px 12px lch(0% 0 0 / 0.12),\n    0 1px 3px lch(0% 0 0 / 0.10);\n  --msr-shadow-select-menu: 0 0 0 0.4px lch(100% 0 0 / 0.14),\n    0 4px 12px lch(0% 0 0 / 0.22),\n    0 1px 3px lch(0% 0 0 / 0.18);\n  color-scheme: dark;\n}\n@media (prefers-color-scheme: dark) {\n  :where( [data-mesurer-root=\"true\"][data-theme=\"system\"], [data-mesurer-inspector-ui=\"true\"][data-theme=\"system\"] ) {\n    --msr-accent: #0c8ce9;\n    --msr-surface: #323232;\n    --msr-surface-raised: #3a3a3a;\n    --msr-surface-muted: #3a3a3a;\n    --msr-content: #f5f5f5;\n    --msr-color-white: #f5f5f5;\n    --msr-color-black: #171717;\n    --msr-color-ink-50: #3a3a3a;\n    --msr-color-ink-100: #414141;\n    --msr-color-ink-200: #4a4a4a;\n    --msr-color-ink-300: #5a5a5a;\n    --msr-color-ink-500: #a0a0a0;\n    --msr-color-ink-700: #dedede;\n    --msr-color-ink-900: #f5f5f5;\n    --msr-danger-bg: #3f2020;\n    --msr-danger-border: #7f3f46;\n    --msr-danger-text: #f87171;\n    --msr-danger-solid-bg: #c95058;\n    --msr-danger-solid-hover: #b7424b;\n    --msr-danger-solid-text: #f5f5f5;\n    --color-red-700: #fca5a5;\n    --msr-control-thumb: #f4f4f5;\n    --msr-slider-track: rgba(245, 245, 245, 0.24);\n    --msr-shadow-toolbar: 0 0 0.4px lch(100% 0 0 / 0.10),\n      0 3px 8px lch(0% 0 0 / 0.125),\n      0 2px 5px lch(0% 0 0 / 0.125),\n      0 1px 1px lch(0% 0 0 / 0.125);\n    --msr-shadow-floating: 0 0 0 0.4px lch(100% 0 0 / 0.05),\n      0 4px 12px lch(0% 0 0 / 0.12),\n      0 1px 3px lch(0% 0 0 / 0.10);\n    --msr-shadow-select-menu: 0 0 0 0.4px lch(100% 0 0 / 0.14),\n      0 4px 12px lch(0% 0 0 / 0.22),\n      0 1px 3px lch(0% 0 0 / 0.18);\n    color-scheme: dark;\n  }\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:bg-white\"], :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:bg-[#fff]\"] {\n  background-color: var(--msr-surface) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:text-black\"] {\n  color: var(--msr-content) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:hover:bg-black/4\"]:hover, :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:hover:bg-black/5\"]:hover {\n  background-color: var(--msr-content) !important;\n  @supports (color: color-mix(in lab, red, red)) {\n    background-color: color-mix(in srgb, var(--msr-content) 6%, transparent) !important;\n  }\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-toolbar-surface {\n  background-color: var(--msr-surface) !important;\n  box-shadow: var(--msr-shadow-toolbar) !important;\n  color: var(--msr-content);\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) :is( .mesurer-menu-surface, .mesurer-color-picker, .mesurer-ti-card, [data-mesurer-text-inspector-info=\"true\"], [data-mesurer-annotation-panel=\"true\"], [data-mesurer-annotation-composer=\"true\"] ) {\n  background-color: var(--msr-surface-raised) !important;\n  color: var(--msr-content) !important;\n  box-shadow: var(--msr-shadow-floating) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-switch-track[data-checked=\"false\"], :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-control-shell {\n  background-color: var(--msr-surface-muted) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-switch-track > span {\n  background-color: var(--msr-control-thumb) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) :is(.mesurer-settings-select, .mesurer-settings-select-menu) {\n  background-color: var(--msr-surface-raised) !important;\n  border-color: var(--msr-color-ink-200) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [data-mesurer-rulers=\"true\"] {\n  color: var(--msr-color-ink-500) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [data-slider-container=\"true\"] > div:first-child {\n  background-color: var(--msr-slider-track) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:bg-[#0d99ff]\"] {\n  background-color: var(--msr-accent) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:border-[#0d99ff]\"] {\n  border-color: var(--msr-accent) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:hover:bg-[#0d99ff]\"]:hover, :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:focus-visible:bg-[#0d99ff]\"]:focus-visible {\n  background-color: var(--msr-accent) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:text-white\"] {\n  color: var(--msr-color-white) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [data-slider-thumb=\"true\"]:focus-visible {\n  box-shadow: 0 0 0 1px var(--msr-accent) !important;\n  @supports (color: color-mix(in lab, red, red)) {\n    box-shadow: 0 0 0 1px color-mix(in srgb, var(--msr-accent) 25%, transparent) !important;\n  }\n}\n:where([data-mesurer-root=\"true\"], [data-mesurer-inspector-ui=\"true\"]) {\n  --msr-radius-control: 5px;\n}\n@layer utilities {\n  .msr\\:rounded-control {\n    border-radius: var(--msr-radius-control);\n  }\n}\n.mesurer-thin-scrollbar {\n  scrollbar-width: thin;\n  scrollbar-color: var(--msr-color-ink-200) transparent;\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar-track {\n  background: transparent;\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar-thumb {\n  background: var(--msr-color-ink-200);\n  border-radius: var(--msr-radius-control);\n}\n.mesurer-thin-scrollbar:hover {\n  scrollbar-color: var(--msr-color-ink-300) transparent;\n}\n.mesurer-thin-scrollbar:hover::-webkit-scrollbar-thumb {\n  background: var(--msr-color-ink-300);\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar-corner {\n  background: transparent;\n}\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ordinal {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-slashed-zero {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-figure {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-spacing {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-fraction {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ease {\n  syntax: \"*\";\n  inherits: false;\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-border-style: solid;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-ordinal: initial;\n      --tw-slashed-zero: initial;\n      --tw-numeric-figure: initial;\n      --tw-numeric-spacing: initial;\n      --tw-numeric-fraction: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-duration: initial;\n      --tw-ease: initial;\n    }\n  }\n}\n", Ii = {
+fa({}, !0);
+var pa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --msr-font-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\",\n      \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n      \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --msr-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --msr-color-red-50: oklch(97.1% 0.013 17.38);\n    --msr-color-red-200: oklch(88.5% 0.062 18.334);\n    --msr-color-red-600: oklch(57.7% 0.245 27.325);\n    --msr-color-black: #000;\n    --msr-color-white: #fff;\n    --msr-spacing: 0.25rem;\n    --msr-font-weight-normal: 400;\n    --msr-font-weight-medium: 500;\n    --msr-font-weight-semibold: 600;\n    --msr-radius-md: 0.375rem;\n    --msr-radius-lg: 0.5rem;\n    --msr-default-transition-duration: 150ms;\n    --msr-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --msr-default-font-family: var(--msr-font-sans);\n    --msr-default-mono-font-family: var(--msr-font-mono);\n    --msr-color-ink-50: #f8fafc;\n    --msr-color-ink-200: #e2e8f0;\n    --msr-color-ink-500: #64748b;\n    --msr-color-ink-700: #334155;\n    --msr-color-ink-900: #0f172a;\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--msr-default-font-family, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--msr-default-font-feature-settings, normal);\n    font-variation-settings: var(--msr-default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--msr-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--msr-default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--msr-default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring:where(:not(iframe)) {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .msr\\:pointer-events-auto {\n    pointer-events: auto;\n  }\n  .msr\\:pointer-events-none {\n    pointer-events: none;\n  }\n  .msr\\:absolute {\n    position: absolute;\n  }\n  .msr\\:fixed {\n    position: fixed;\n  }\n  .msr\\:relative {\n    position: relative;\n  }\n  .msr\\:inset-0 {\n    inset: 0px;\n  }\n  .msr\\:top-0 {\n    top: 0px;\n  }\n  .msr\\:top-1\\/2 {\n    top: calc(1 / 2 * 100%);\n  }\n  .msr\\:top-\\[18px\\] {\n    top: 18px;\n  }\n  .msr\\:top-full {\n    top: 100%;\n  }\n  .msr\\:right-0 {\n    right: 0px;\n  }\n  .msr\\:right-2 {\n    right: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:right-\\[8px\\] {\n    right: 8px;\n  }\n  .msr\\:bottom-0 {\n    bottom: 0px;\n  }\n  .msr\\:bottom-full {\n    bottom: 100%;\n  }\n  .msr\\:left-0 {\n    left: 0px;\n  }\n  .msr\\:left-1\\/2 {\n    left: calc(1 / 2 * 100%);\n  }\n  .msr\\:left-\\[8px\\] {\n    left: 8px;\n  }\n  .msr\\:left-\\[18px\\] {\n    left: 18px;\n  }\n  .msr\\:z-10 {\n    z-index: 10;\n  }\n  .msr\\:z-\\[60\\] {\n    z-index: 60;\n  }\n  .msr\\:z-\\[70\\] {\n    z-index: 70;\n  }\n  .msr\\:z-\\[80\\] {\n    z-index: 80;\n  }\n  .msr\\:z-\\[90\\] {\n    z-index: 90;\n  }\n  .msr\\:z-\\[94\\] {\n    z-index: 94;\n  }\n  .msr\\:z-\\[95\\] {\n    z-index: 95;\n  }\n  .msr\\:col-span-2 {\n    grid-column: span 2 / span 2;\n  }\n  .msr\\:col-start-1 {\n    grid-column-start: 1;\n  }\n  .msr\\:col-start-2 {\n    grid-column-start: 2;\n  }\n  .msr\\:col-start-3 {\n    grid-column-start: 3;\n  }\n  .msr\\:m-0 {\n    margin: 0px;\n  }\n  .msr\\:mx-1 {\n    margin-inline: var(--msr-spacing);\n  }\n  .msr\\:mt-1 {\n    margin-top: var(--msr-spacing);\n  }\n  .msr\\:mt-1\\.5 {\n    margin-top: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:mt-2 {\n    margin-top: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:mb-1 {\n    margin-bottom: var(--msr-spacing);\n  }\n  .msr\\:mb-2 {\n    margin-bottom: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:-ml-1 {\n    margin-left: calc(var(--msr-spacing) * -1);\n  }\n  .msr\\:ml-1 {\n    margin-left: var(--msr-spacing);\n  }\n  .msr\\:ml-2 {\n    margin-left: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:ml-6 {\n    margin-left: calc(var(--msr-spacing) * 6);\n  }\n  .msr\\:box-border {\n    box-sizing: border-box;\n  }\n  .msr\\:block {\n    display: block;\n  }\n  .msr\\:flex {\n    display: flex;\n  }\n  .msr\\:grid {\n    display: grid;\n  }\n  .msr\\:inline-flex {\n    display: inline-flex;\n  }\n  .msr\\:size-1\\.5 {\n    width: calc(var(--msr-spacing) * 1.5);\n    height: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:size-3 {\n    width: calc(var(--msr-spacing) * 3);\n    height: calc(var(--msr-spacing) * 3);\n  }\n  .msr\\:size-4 {\n    width: calc(var(--msr-spacing) * 4);\n    height: calc(var(--msr-spacing) * 4);\n  }\n  .msr\\:size-6 {\n    width: calc(var(--msr-spacing) * 6);\n    height: calc(var(--msr-spacing) * 6);\n  }\n  .msr\\:size-7 {\n    width: calc(var(--msr-spacing) * 7);\n    height: calc(var(--msr-spacing) * 7);\n  }\n  .msr\\:size-8 {\n    width: calc(var(--msr-spacing) * 8);\n    height: calc(var(--msr-spacing) * 8);\n  }\n  .msr\\:size-\\[10px\\] {\n    width: 10px;\n    height: 10px;\n  }\n  .msr\\:size-\\[18px\\] {\n    width: 18px;\n    height: 18px;\n  }\n  .msr\\:size-full {\n    width: 100%;\n    height: 100%;\n  }\n  .msr\\:h-5 {\n    height: calc(var(--msr-spacing) * 5);\n  }\n  .msr\\:h-6 {\n    height: calc(var(--msr-spacing) * 6);\n  }\n  .msr\\:h-7 {\n    height: calc(var(--msr-spacing) * 7);\n  }\n  .msr\\:h-8 {\n    height: calc(var(--msr-spacing) * 8);\n  }\n  .msr\\:h-20 {\n    height: calc(var(--msr-spacing) * 20);\n  }\n  .msr\\:h-\\[14px\\] {\n    height: 14px;\n  }\n  .msr\\:h-\\[18px\\] {\n    height: 18px;\n  }\n  .msr\\:h-\\[19px\\] {\n    height: 19px;\n  }\n  .msr\\:h-full {\n    height: 100%;\n  }\n  .msr\\:h-px {\n    height: 1px;\n  }\n  .msr\\:max-h-36 {\n    max-height: calc(var(--msr-spacing) * 36);\n  }\n  .msr\\:max-h-\\[220px\\] {\n    max-height: 220px;\n  }\n  .msr\\:max-h-\\[calc\\(100vh-16px\\)\\] {\n    max-height: calc(100vh - 16px);\n  }\n  .msr\\:max-h-\\[min\\(70vh\\,34rem\\)\\] {\n    max-height: min(70vh, 34rem);\n  }\n  .msr\\:max-h-\\[min\\(320px\\,calc\\(100vh-16px\\)\\)\\] {\n    max-height: min(320px, calc(100vh - 16px));\n  }\n  .msr\\:min-h-0 {\n    min-height: 0px;\n  }\n  .msr\\:w-0 {\n    width: 0px;\n  }\n  .msr\\:w-3 {\n    width: calc(var(--msr-spacing) * 3);\n  }\n  .msr\\:w-4 {\n    width: calc(var(--msr-spacing) * 4);\n  }\n  .msr\\:w-5 {\n    width: calc(var(--msr-spacing) * 5);\n  }\n  .msr\\:w-6 {\n    width: calc(var(--msr-spacing) * 6);\n  }\n  .msr\\:w-9 {\n    width: calc(var(--msr-spacing) * 9);\n  }\n  .msr\\:w-12 {\n    width: calc(var(--msr-spacing) * 12);\n  }\n  .msr\\:w-44 {\n    width: calc(var(--msr-spacing) * 44);\n  }\n  .msr\\:w-60 {\n    width: calc(var(--msr-spacing) * 60);\n  }\n  .msr\\:w-\\[18px\\] {\n    width: 18px;\n  }\n  .msr\\:w-\\[26px\\] {\n    width: 26px;\n  }\n  .msr\\:w-\\[272px\\] {\n    width: 272px;\n  }\n  .msr\\:w-full {\n    width: 100%;\n  }\n  .msr\\:w-px {\n    width: 1px;\n  }\n  .msr\\:max-w-0 {\n    max-width: 0px;\n  }\n  .msr\\:max-w-20 {\n    max-width: calc(var(--msr-spacing) * 20);\n  }\n  .msr\\:max-w-\\[calc\\(100vw-16px\\)\\] {\n    max-width: calc(100vw - 16px);\n  }\n  .msr\\:min-w-0 {\n    min-width: 0px;\n  }\n  .msr\\:min-w-36 {\n    min-width: calc(var(--msr-spacing) * 36);\n  }\n  .msr\\:flex-1 {\n    flex: 1;\n  }\n  .msr\\:flex-none {\n    flex: none;\n  }\n  .msr\\:shrink-0 {\n    flex-shrink: 0;\n  }\n  .msr\\:-translate-x-1 {\n    --tw-translate-x: calc(var(--msr-spacing) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .msr\\:-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .msr\\:translate-x-0 {\n    --tw-translate-x: 0px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .msr\\:-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .msr\\:-rotate-90 {\n    rotate: calc(90deg * -1);\n  }\n  .msr\\:rotate-45 {\n    rotate: 45deg;\n  }\n  .msr\\:rotate-90 {\n    rotate: 90deg;\n  }\n  .msr\\:rotate-180 {\n    rotate: 180deg;\n  }\n  .msr\\:rotate-\\[45deg\\] {\n    rotate: 45deg;\n  }\n  .msr\\:rotate-\\[135deg\\] {\n    rotate: 135deg;\n  }\n  .msr\\:cursor-crosshair {\n    cursor: crosshair;\n  }\n  .msr\\:cursor-default {\n    cursor: default;\n  }\n  .msr\\:cursor-pointer {\n    cursor: pointer;\n  }\n  .msr\\:touch-none {\n    touch-action: none;\n  }\n  .msr\\:resize-none {\n    resize: none;\n  }\n  .msr\\:list-none {\n    list-style-type: none;\n  }\n  .msr\\:appearance-none {\n    appearance: none;\n  }\n  .msr\\:grid-cols-\\[78px_150px\\] {\n    grid-template-columns: 78px 150px;\n  }\n  .msr\\:grid-cols-\\[78px_156px\\] {\n    grid-template-columns: 78px 156px;\n  }\n  .msr\\:grid-cols-\\[78px_minmax\\(0\\,1fr\\)\\] {\n    grid-template-columns: 78px minmax(0,1fr);\n  }\n  .msr\\:grid-cols-\\[minmax\\(0\\,1fr\\)_28px_34px\\] {\n    grid-template-columns: minmax(0,1fr) 28px 34px;\n  }\n  .msr\\:flex-col {\n    flex-direction: column;\n  }\n  .msr\\:items-center {\n    align-items: center;\n  }\n  .msr\\:items-start {\n    align-items: flex-start;\n  }\n  .msr\\:items-stretch {\n    align-items: stretch;\n  }\n  .msr\\:justify-between {\n    justify-content: space-between;\n  }\n  .msr\\:justify-center {\n    justify-content: center;\n  }\n  .msr\\:justify-end {\n    justify-content: flex-end;\n  }\n  .msr\\:gap-0 {\n    gap: 0px;\n  }\n  .msr\\:gap-0\\.5 {\n    gap: calc(var(--msr-spacing) * 0.5);\n  }\n  .msr\\:gap-1 {\n    gap: var(--msr-spacing);\n  }\n  .msr\\:gap-1\\.5 {\n    gap: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:gap-2 {\n    gap: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:gap-3 {\n    gap: calc(var(--msr-spacing) * 3);\n  }\n  .msr\\:gap-px {\n    gap: 1px;\n  }\n  .msr\\:gap-x-3 {\n    column-gap: calc(var(--msr-spacing) * 3);\n  }\n  .msr\\:gap-y-1 {\n    row-gap: var(--msr-spacing);\n  }\n  .msr\\:self-stretch {\n    align-self: stretch;\n  }\n  .msr\\:justify-self-end {\n    justify-self: flex-end;\n  }\n  .msr\\:truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .msr\\:overflow-auto {\n    overflow: auto;\n  }\n  .msr\\:overflow-hidden {\n    overflow: hidden;\n  }\n  .msr\\:overflow-visible {\n    overflow: visible;\n  }\n  .msr\\:overflow-x-hidden {\n    overflow-x: hidden;\n  }\n  .msr\\:overflow-y-auto {\n    overflow-y: auto;\n  }\n  .msr\\:rounded {\n    border-radius: 0.25rem;\n  }\n  .msr\\:rounded-\\[3px\\] {\n    border-radius: 3px;\n  }\n  .msr\\:rounded-\\[5px\\] {\n    border-radius: 5px;\n  }\n  .msr\\:rounded-\\[6px\\] {\n    border-radius: 6px;\n  }\n  .msr\\:rounded-\\[7px\\] {\n    border-radius: 7px;\n  }\n  .msr\\:rounded-\\[8px\\] {\n    border-radius: 8px;\n  }\n  .msr\\:rounded-\\[10px\\] {\n    border-radius: 10px;\n  }\n  .msr\\:rounded-\\[12px\\] {\n    border-radius: 12px;\n  }\n  .msr\\:rounded-full {\n    border-radius: calc(infinity * 1px);\n  }\n  .msr\\:rounded-lg {\n    border-radius: var(--msr-radius-lg);\n  }\n  .msr\\:rounded-md {\n    border-radius: var(--msr-radius-md);\n  }\n  .msr\\:rounded-none {\n    border-radius: 0;\n  }\n  .msr\\:border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .msr\\:border-0 {\n    border-style: var(--tw-border-style);\n    border-width: 0px;\n  }\n  .msr\\:border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n  .msr\\:border-t-2 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 2px;\n  }\n  .msr\\:border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n  .msr\\:border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n  .msr\\:border-l {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n  .msr\\:border-dashed {\n    --tw-border-style: dashed;\n    border-style: dashed;\n  }\n  .msr\\:border-dotted {\n    --tw-border-style: dotted;\n    border-style: dotted;\n  }\n  .msr\\:border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .msr\\:border-\\[\\#0d99ff\\] {\n    border-color: #0d99ff;\n  }\n  .msr\\:border-\\[\\#2563eb\\]\\/70 {\n    border-color: color-mix(in oklab, #2563eb 70%, transparent);\n  }\n  .msr\\:border-black\\/8 {\n    border-color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--msr-color-black) 8%, transparent);\n    }\n  }\n  .msr\\:border-black\\/10 {\n    border-color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--msr-color-black) 10%, transparent);\n    }\n  }\n  .msr\\:border-black\\/15 {\n    border-color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--msr-color-black) 15%, transparent);\n    }\n  }\n  .msr\\:border-ink-200 {\n    border-color: var(--msr-color-ink-200);\n  }\n  .msr\\:border-ink-500 {\n    border-color: var(--msr-color-ink-500);\n  }\n  .msr\\:border-ink-700 {\n    border-color: var(--msr-color-ink-700);\n  }\n  .msr\\:border-red-200 {\n    border-color: var(--msr-color-red-200);\n  }\n  .msr\\:border-transparent {\n    border-color: transparent;\n  }\n  .msr\\:bg-\\[\\#0d99ff\\] {\n    background-color: #0d99ff;\n  }\n  .msr\\:bg-\\[\\#0d99ff\\]\\/10 {\n    background-color: color-mix(in oklab, #0d99ff 10%, transparent);\n  }\n  .msr\\:bg-\\[\\#2563eb\\] {\n    background-color: #2563eb;\n  }\n  .msr\\:bg-\\[\\#fff\\] {\n    background-color: #fff;\n  }\n  .msr\\:bg-black {\n    background-color: var(--msr-color-black);\n  }\n  .msr\\:bg-black\\/10 {\n    background-color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--msr-color-black) 10%, transparent);\n    }\n  }\n  .msr\\:bg-ink-50 {\n    background-color: var(--msr-color-ink-50);\n  }\n  .msr\\:bg-ink-50\\/40 {\n    background-color: var(--msr-color-ink-50);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--msr-color-ink-50) 40%, transparent);\n    }\n  }\n  .msr\\:bg-ink-900\\/90 {\n    background-color: var(--msr-color-ink-900);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--msr-color-ink-900) 90%, transparent);\n    }\n  }\n  .msr\\:bg-transparent {\n    background-color: transparent;\n  }\n  .msr\\:bg-white {\n    background-color: var(--msr-color-white);\n  }\n  .msr\\:bg-white\\/60 {\n    background-color: var(--msr-color-white);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--msr-color-white) 60%, transparent);\n    }\n  }\n  .msr\\:p-0 {\n    padding: 0px;\n  }\n  .msr\\:p-1 {\n    padding: var(--msr-spacing);\n  }\n  .msr\\:p-1\\.5 {\n    padding: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:p-2 {\n    padding: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:p-3 {\n    padding: calc(var(--msr-spacing) * 3);\n  }\n  .msr\\:p-px {\n    padding: 1px;\n  }\n  .msr\\:px-0 {\n    padding-inline: 0px;\n  }\n  .msr\\:px-0\\.5 {\n    padding-inline: calc(var(--msr-spacing) * 0.5);\n  }\n  .msr\\:px-1 {\n    padding-inline: var(--msr-spacing);\n  }\n  .msr\\:px-1\\.5 {\n    padding-inline: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:px-2 {\n    padding-inline: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:px-2\\.5 {\n    padding-inline: calc(var(--msr-spacing) * 2.5);\n  }\n  .msr\\:py-0 {\n    padding-block: 0px;\n  }\n  .msr\\:py-0\\.5 {\n    padding-block: calc(var(--msr-spacing) * 0.5);\n  }\n  .msr\\:py-1 {\n    padding-block: var(--msr-spacing);\n  }\n  .msr\\:py-1\\.5 {\n    padding-block: calc(var(--msr-spacing) * 1.5);\n  }\n  .msr\\:py-2 {\n    padding-block: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:pt-2 {\n    padding-top: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:pr-2 {\n    padding-right: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:pr-6 {\n    padding-right: calc(var(--msr-spacing) * 6);\n  }\n  .msr\\:pb-1 {\n    padding-bottom: var(--msr-spacing);\n  }\n  .msr\\:pb-2 {\n    padding-bottom: calc(var(--msr-spacing) * 2);\n  }\n  .msr\\:text-center {\n    text-align: center;\n  }\n  .msr\\:text-left {\n    text-align: left;\n  }\n  .msr\\:font-mono {\n    font-family: var(--msr-font-mono);\n  }\n  .msr\\:text-\\[9px\\] {\n    font-size: 9px;\n  }\n  .msr\\:text-\\[10px\\] {\n    font-size: 10px;\n  }\n  .msr\\:text-\\[11px\\] {\n    font-size: 11px;\n  }\n  .msr\\:text-\\[12px\\] {\n    font-size: 12px;\n  }\n  .msr\\:leading-4 {\n    --tw-leading: calc(var(--msr-spacing) * 4);\n    line-height: calc(var(--msr-spacing) * 4);\n  }\n  .msr\\:leading-\\[1\\.4\\] {\n    --tw-leading: 1.4;\n    line-height: 1.4;\n  }\n  .msr\\:leading-\\[1\\.45\\] {\n    --tw-leading: 1.45;\n    line-height: 1.45;\n  }\n  .msr\\:leading-\\[18px\\] {\n    --tw-leading: 18px;\n    line-height: 18px;\n  }\n  .msr\\:leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n  .msr\\:font-medium {\n    --tw-font-weight: var(--msr-font-weight-medium);\n    font-weight: var(--msr-font-weight-medium);\n  }\n  .msr\\:font-normal {\n    --tw-font-weight: var(--msr-font-weight-normal);\n    font-weight: var(--msr-font-weight-normal);\n  }\n  .msr\\:font-semibold {\n    --tw-font-weight: var(--msr-font-weight-semibold);\n    font-weight: var(--msr-font-weight-semibold);\n  }\n  .msr\\:text-ellipsis {\n    text-overflow: ellipsis;\n  }\n  .msr\\:whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .msr\\:whitespace-pre-wrap {\n    white-space: pre-wrap;\n  }\n  .msr\\:text-\\[\\#64748b\\] {\n    color: #64748b;\n  }\n  .msr\\:text-black {\n    color: var(--msr-color-black);\n  }\n  .msr\\:text-black\\/30 {\n    color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--msr-color-black) 30%, transparent);\n    }\n  }\n  .msr\\:text-black\\/45 {\n    color: var(--msr-color-black);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--msr-color-black) 45%, transparent);\n    }\n  }\n  .msr\\:text-ink-50 {\n    color: var(--msr-color-ink-50);\n  }\n  .msr\\:text-ink-500 {\n    color: var(--msr-color-ink-500);\n  }\n  .msr\\:text-ink-700 {\n    color: var(--msr-color-ink-700);\n  }\n  .msr\\:text-ink-900 {\n    color: var(--msr-color-ink-900);\n  }\n  .msr\\:text-red-600 {\n    color: var(--msr-color-red-600);\n  }\n  .msr\\:text-white {\n    color: var(--msr-color-white);\n  }\n  .msr\\:text-white\\/60 {\n    color: var(--msr-color-white);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--msr-color-white) 60%, transparent);\n    }\n  }\n  .msr\\:tabular-nums {\n    --tw-numeric-spacing: tabular-nums;\n    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n  }\n  .msr\\:opacity-0 {\n    opacity: 0%;\n  }\n  .msr\\:opacity-60 {\n    opacity: 60%;\n  }\n  .msr\\:opacity-80 {\n    opacity: 80%;\n  }\n  .msr\\:opacity-100 {\n    opacity: 100%;\n  }\n  .msr\\:shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:shadow-sm {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .msr\\:outline-transparent {\n    outline-color: transparent;\n  }\n  .msr\\:transition-\\[max-width\\,opacity\\,transform\\,padding\\] {\n    transition-property: max-width,opacity,transform,padding;\n    transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n  }\n  .msr\\:transition-\\[width\\,opacity\\] {\n    transition-property: width,opacity;\n    transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n  }\n  .msr\\:transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n  }\n  .msr\\:transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n  }\n  .msr\\:transition-transform {\n    transition-property: transform, translate, scale, rotate;\n    transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n  }\n  .msr\\:transition-none {\n    transition-property: none;\n  }\n  .msr\\:duration-150 {\n    --tw-duration: 150ms;\n    transition-duration: 150ms;\n  }\n  .msr\\:ease-\\[ease\\] {\n    --tw-ease: ease;\n    transition-timing-function: ease;\n  }\n  .msr\\:outline-none {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .msr\\:select-none {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n  @media (hover: hover) {\n    .msr\\:group-hover\\:border-ink-200:is(:where(.msr\\:group):hover *) {\n      border-color: var(--msr-color-ink-200);\n    }\n  }\n  .msr\\:focus-within\\:rounded-l-\\[5px\\]:focus-within {\n    border-top-left-radius: 5px;\n    border-bottom-left-radius: 5px;\n  }\n  .msr\\:focus-within\\:rounded-r-\\[5px\\]:focus-within {\n    border-top-right-radius: 5px;\n    border-bottom-right-radius: 5px;\n  }\n  .msr\\:focus-within\\:outline:focus-within {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .msr\\:focus-within\\:outline-1:focus-within {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .msr\\:focus-within\\:outline-offset-\\[-1px\\]:focus-within {\n    outline-offset: -1px;\n  }\n  .msr\\:focus-within\\:outline-\\[\\#0d99ff\\]:focus-within {\n    outline-color: #0d99ff;\n  }\n  .msr\\:focus-within\\:outline-\\[var\\(--msr-accent\\)\\]:focus-within {\n    outline-color: var(--msr-accent);\n  }\n  @media (hover: hover) {\n    .msr\\:hover\\:border-ink-200:hover {\n      border-color: var(--msr-color-ink-200);\n    }\n    .msr\\:hover\\:bg-\\[\\#0b8eea\\]:hover {\n      background-color: #0b8eea;\n    }\n    .msr\\:hover\\:bg-\\[\\#0d99ff\\]:hover {\n      background-color: #0d99ff;\n    }\n    .msr\\:hover\\:bg-black\\/4:hover {\n      background-color: var(--msr-color-black);\n    }\n    @supports (color: color-mix(in lab, red, red)) {\n      .msr\\:hover\\:bg-black\\/4:hover {\n        background-color: color-mix(in oklab, var(--msr-color-black) 4%, transparent);\n      }\n    }\n    .msr\\:hover\\:bg-black\\/10:hover {\n      background-color: var(--msr-color-black);\n    }\n    @supports (color: color-mix(in lab, red, red)) {\n      .msr\\:hover\\:bg-black\\/10:hover {\n        background-color: color-mix(in oklab, var(--msr-color-black) 10%, transparent);\n      }\n    }\n    .msr\\:hover\\:bg-ink-50:hover {\n      background-color: var(--msr-color-ink-50);\n    }\n    .msr\\:hover\\:bg-red-50:hover {\n      background-color: var(--msr-color-red-50);\n    }\n    .msr\\:hover\\:text-ink-700:hover {\n      color: var(--msr-color-ink-700);\n    }\n    .msr\\:hover\\:text-ink-900:hover {\n      color: var(--msr-color-ink-900);\n    }\n    .msr\\:hover\\:text-white:hover {\n      color: var(--msr-color-white);\n    }\n    .msr\\:hover\\:underline:hover {\n      text-decoration-line: underline;\n    }\n  }\n  .msr\\:focus\\:border-\\[\\#0d99ff\\]:focus {\n    border-color: #0d99ff;\n  }\n  .msr\\:focus\\:shadow-\\[inset_0_0_0_1px_\\#0d99ff\\]:focus {\n    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0d99ff);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:focus\\:shadow-\\[inset_0_0_0_1px_var\\(--msr-accent\\)\\]:focus {\n    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--msr-accent));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:focus\\:outline-none:focus {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .msr\\:focus-visible\\:border-\\[\\#0d99ff\\]:focus-visible {\n    border-color: #0d99ff;\n  }\n  .msr\\:focus-visible\\:bg-\\[\\#0d99ff\\]:focus-visible {\n    background-color: #0d99ff;\n  }\n  .msr\\:focus-visible\\:text-white:focus-visible {\n    color: var(--msr-color-white);\n  }\n  .msr\\:focus-visible\\:shadow-\\[inset_0_0_0_1px_\\#0d99ff\\]:focus-visible {\n    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0d99ff);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:focus-visible\\:shadow-\\[inset_0_0_0_1px_\\#ef4444\\]:focus-visible {\n    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #ef4444);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:focus-visible\\:ring-1:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .msr\\:focus-visible\\:ring-\\[\\#0d99ff\\]\\/25:focus-visible {\n    --tw-ring-color: color-mix(in oklab, #0d99ff 25%, transparent);\n  }\n  .msr\\:focus-visible\\:outline-none:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .msr\\:disabled\\:cursor-default:disabled {\n    cursor: default;\n  }\n  .msr\\:disabled\\:opacity-40:disabled {\n    opacity: 40%;\n  }\n  .msr\\:disabled\\:opacity-45:disabled {\n    opacity: 45%;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .msr\\:motion-reduce\\:transition-none {\n      transition-property: none;\n    }\n  }\n}\n:root, :host {\n  --color-ink-50: #f8fafc;\n  --color-ink-200: #e2e8f0;\n  --color-ink-500: #64748b;\n  --color-ink-700: #334155;\n  --color-ink-900: #0f172a;\n}\n:host {\n  all: initial;\n  display: block;\n  color-scheme: light;\n  color: #0f172a;\n  font-family: ui-sans-serif, system-ui, sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  letter-spacing: normal;\n  direction: ltr;\n  --msr-spacing: 4px;\n}\n*, *::before, *::after {\n  box-sizing: border-box;\n}\n@layer base {\n  *, ::before, ::after, ::backdrop {\n    --tw-border-style: solid;\n    --tw-outline-style: solid;\n    --tw-shadow: 0 0 #0000;\n    --tw-inset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-inset-ring-shadow: 0 0 #0000;\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-translate-z: 0;\n  }\n  button, input, select, textarea {\n    appearance: none;\n    background-color: transparent;\n    padding: 0;\n    font: inherit;\n    color: inherit;\n    letter-spacing: inherit;\n  }\n}\n.mesurer-toolbar-surface {\n  box-shadow: 0 0 0.5px rgba(0, 0, 0, 0.18), 0 3px 8px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n.mesurer-menu-surface {\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n}\n.mesurer-color-picker {\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n}\n.mesurer-settings-tabs {\n  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);\n}\n.mesurer-settings-tab[aria-selected=\"true\"] {\n  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.12);\n}\n.mesurer-switch-track {\n  box-sizing: border-box;\n  border: 1px solid #e2e8f0;\n}\n.mesurer-switch-track[data-checked=\"true\"] {\n  border-color: #0d99ff;\n}\n.mesurer-control-shell {\n  border: 1px solid transparent;\n}\n.mesurer-control-shell:hover {\n  border-color: #e2e8f0;\n}\n.mesurer-control-focus:focus-within {\n  outline: 1px solid #0d99ff;\n  outline-offset: -1px;\n}\n.mesurer-root {\n  --msr-spacing: 4px;\n}\nbody [data-mesurer-native-scroll-anchor=\"box\"][data-mesurer-nested-scroll-compensation=\"true\"] {\n  position: absolute !important;\n  left: calc(anchor(left) + var(--mesurer-nested-scroll-x, 0px)) !important;\n  top: calc(anchor(top) + var(--mesurer-nested-scroll-y, 0px)) !important;\n}\nbody [data-mesurer-native-scroll-anchor=\"label\"][data-mesurer-nested-scroll-compensation=\"true\"] {\n  position: absolute !important;\n  left: calc(anchor(center) + var(--mesurer-nested-scroll-x, 0px)) !important;\n  top: calc(anchor(bottom) + 2px + var(--mesurer-nested-scroll-y, 0px)) !important;\n}\nbody [data-mesurer-native-scroll-anchor=\"offset\"][data-mesurer-nested-scroll-compensation=\"true\"] {\n  position: absolute !important;\n  left: calc(anchor(left) + var(--mesurer-native-anchor-x, 0px) + var(--mesurer-nested-scroll-x, 0px)) !important;\n  top: calc(anchor(top) + var(--mesurer-native-anchor-y, 0px) + var(--mesurer-nested-scroll-y, 0px)) !important;\n}\n[data-mesurer-text-edit-ring=\"true\"], [data-mesurer-text-selection-highlight=\"true\"], [data-mesurer-text-caret=\"true\"] {\n  z-index: 2147482900 !important;\n}\n[data-mesurer-text-inspector-placement-shell=\"true\"], .mesurer-ti-card {\n  z-index: 2147483647 !important;\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-scroll-mode=\"document\"] {\n  position: absolute !important;\n}\n[data-mesurer-annotation-scroll-mode=\"native-anchor\"] {\n  position: fixed !important;\n}\n[data-mesurer-native-scroll-anchor=\"offset\"][data-mesurer-nested-scroll-compensation=\"true\"][data-mesurer-annotation-scroll-mode=\"native-anchor\"] {\n  position: fixed !important;\n}\n[data-mesurer-annotation-badge=\"true\"] {\n  width: 20px !important;\n  height: 20px !important;\n  transform: none !important;\n  transition: width 150ms ease, height 150ms ease, background 150ms ease, color 150ms ease, box-shadow 150ms ease !important;\n}\n[data-mesurer-annotation-marker=\"true\"][data-mesurer-annotation-highlighted=\"true\"] > [data-mesurer-annotation-badge=\"true\"] {\n  width: 24px !important;\n  height: 24px !important;\n}\n[data-mesurer-root=\"true\"][data-mesurer-direct-text-edit-active=\"true\"] [data-mesurer-annotation-trigger=\"true\"], [data-mesurer-context-root=\"true\"][data-mesurer-direct-text-edit-active=\"true\"] [data-mesurer-annotation-trigger=\"true\"] {\n  display: none !important;\n}\n[data-mesurer-plugin-settings] [role=\"switch\"] {\n  grid-template-columns: minmax(0, 1fr) auto;\n}\n[data-mesurer-plugin-settings] [role=\"switch\"] > span:first-child {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n[data-mesurer-plugin-settings-disclosure=\"plugins\"] {\n  width: calc(100% + 16px);\n  margin-inline: -8px;\n}\n.mesurer-solid-root {\n  position: fixed;\n  inset: 0;\n  z-index: 2147483000;\n  pointer-events: none;\n  --msr-spacing: 4px;\n}\n.mesurer-solid-root [role=\"slider\"] {\n  border: 0;\n}\n[data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"] [data-mesurer-distance-hover-target=\"true\"] {\n  opacity: 1 !important;\n}\n[data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"]:has([data-mesurer-distance-label-axis=\"x\"]:hover) [data-mesurer-distance-line^=\"vertical\"], [data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"]:has([data-mesurer-distance-label-axis=\"y\"]:hover) [data-mesurer-distance-line^=\"horizontal\"], [data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"]:has([data-mesurer-distance-label-axis]:hover) [data-mesurer-distance-connector=\"true\"] {\n  opacity: 0.16 !important;\n}\nbody.mesurer-solid-xray * {\n  outline: solid 1px blue !important;\n}\nbody.mesurer-solid-xray [data-mesurer-root], body.mesurer-solid-xray [data-mesurer-root] *, body.mesurer-solid-xray [data-mesurer-inspector-ui], body.mesurer-solid-xray [data-mesurer-inspector-ui] *, body.mesurer-solid-xray .mesurer-toolbar-surface, body.mesurer-solid-xray .mesurer-toolbar-surface *, body.mesurer-solid-xray .mesurer-ti-box, body.mesurer-solid-xray .mesurer-ti-card, body.mesurer-solid-xray .mesurer-ti-card *, body.mesurer-solid-xray .mesurer-ti-close {\n  outline: none !important;\n}\n[data-mesurer-toolbar=\"true\"] > div:has(> [data-mesurer-toolbar-compact-item]) {\n  transition: padding-inline 150ms ease;\n}\n[data-mesurer-toolbar=\"true\"][data-mesurer-toolbar-compact=\"true\"] > div:has(> [data-mesurer-toolbar-compact-item]):not(:has(> [data-mesurer-toolbar-compact-item][data-visible=\"true\"])) {\n  padding-inline: 0;\n}\n[data-mesurer-selected-measurement=\"true\"]:has(> [data-mesurer-native-scroll-anchor=\"box\"]) {\n  display: contents !important;\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-mesurer-toolbar=\"true\"] > div:has(> [data-mesurer-toolbar-compact-item]) {\n    transition: none;\n  }\n  [data-mesurer-annotation-badge=\"true\"] {\n    transition: none !important;\n  }\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) {\n  --msr-accent: #0d99ff;\n  --msr-surface: #fff;\n  --msr-surface-raised: #fff;\n  --msr-surface-muted: #f8fafc;\n  --msr-content: #18181b;\n  --msr-color-white: #fff;\n  --msr-color-black: #000;\n  --msr-color-ink-50: #f8fafc;\n  --msr-color-ink-100: #f1f5f9;\n  --msr-color-ink-200: #e2e8f0;\n  --msr-color-ink-300: #cbd5e1;\n  --msr-color-ink-500: #64748b;\n  --msr-color-ink-700: #334155;\n  --msr-color-ink-900: #18181b;\n  --color-ink-50: var(--msr-color-ink-50);\n  --color-ink-100: var(--msr-color-ink-100);\n  --color-ink-200: var(--msr-color-ink-200);\n  --color-ink-300: var(--msr-color-ink-300);\n  --color-ink-500: var(--msr-color-ink-500);\n  --color-ink-700: var(--msr-color-ink-700);\n  --color-ink-900: var(--msr-color-ink-900);\n  --msr-danger-bg: #fef2f2;\n  --msr-danger-border: #fecaca;\n  --msr-danger-text: #dc2626;\n  --msr-danger-solid-bg: #dc2626;\n  --msr-danger-solid-hover: #b91c1c;\n  --msr-danger-solid-text: #fff;\n  --color-red-50: var(--msr-danger-bg);\n  --color-red-200: var(--msr-danger-border);\n  --color-red-600: var(--msr-danger-text);\n  --color-red-700: #b91c1c;\n  --msr-control-thumb: #fff;\n  --msr-slider-track: rgba(15, 23, 42, 0.16);\n  --msr-shadow-toolbar: 0 0 0.4px rgba(0, 0, 0, 0.22),\n    0 6px 18px rgba(0, 0, 0, 0.03),\n    0 3px 9px rgba(0, 0, 0, 0.06),\n    0 1px 1px rgba(0, 0, 0, 0.06);\n  --msr-shadow-floating: 0 0 0 0.4px rgba(0, 0, 0, 0.22),\n    0 6px 18px rgba(0, 0, 0, 0.03),\n    0 3px 9px rgba(0, 0, 0, 0.06),\n    0 1px 1px rgba(0, 0, 0, 0.06);\n  --msr-shadow-select-menu: var(--msr-shadow-floating);\n  color: var(--msr-content);\n  color-scheme: light;\n}\n:where( [data-mesurer-root=\"true\"][data-theme=\"dark\"], [data-mesurer-inspector-ui=\"true\"][data-theme=\"dark\"] ) {\n  --msr-accent: #0c8ce9;\n  --msr-surface: #323232;\n  --msr-surface-raised: #3a3a3a;\n  --msr-surface-muted: #3a3a3a;\n  --msr-content: #f5f5f5;\n  --msr-color-white: #f5f5f5;\n  --msr-color-black: #171717;\n  --msr-color-ink-50: #3a3a3a;\n  --msr-color-ink-100: #414141;\n  --msr-color-ink-200: #4a4a4a;\n  --msr-color-ink-300: #5a5a5a;\n  --msr-color-ink-500: #a0a0a0;\n  --msr-color-ink-700: #dedede;\n  --msr-color-ink-900: #f5f5f5;\n  --msr-danger-bg: #3f2020;\n  --msr-danger-border: #7f3f46;\n  --msr-danger-text: #f87171;\n  --msr-danger-solid-bg: #c95058;\n  --msr-danger-solid-hover: #b7424b;\n  --msr-danger-solid-text: #f5f5f5;\n  --color-red-700: #fca5a5;\n  --msr-control-thumb: #f4f4f5;\n  --msr-slider-track: rgba(245, 245, 245, 0.24);\n  --msr-shadow-toolbar: 0 0 0.4px lch(100% 0 0 / 0.10),\n    0 3px 8px lch(0% 0 0 / 0.125),\n    0 2px 5px lch(0% 0 0 / 0.125),\n    0 1px 1px lch(0% 0 0 / 0.125);\n  --msr-shadow-floating: 0 0 0 0.4px lch(100% 0 0 / 0.05),\n    0 4px 12px lch(0% 0 0 / 0.12),\n    0 1px 3px lch(0% 0 0 / 0.10);\n  --msr-shadow-select-menu: 0 0 0 0.4px lch(100% 0 0 / 0.14),\n    0 4px 12px lch(0% 0 0 / 0.22),\n    0 1px 3px lch(0% 0 0 / 0.18);\n  color-scheme: dark;\n}\n@media (prefers-color-scheme: dark) {\n  :where( [data-mesurer-root=\"true\"][data-theme=\"system\"], [data-mesurer-inspector-ui=\"true\"][data-theme=\"system\"] ) {\n    --msr-accent: #0c8ce9;\n    --msr-surface: #323232;\n    --msr-surface-raised: #3a3a3a;\n    --msr-surface-muted: #3a3a3a;\n    --msr-content: #f5f5f5;\n    --msr-color-white: #f5f5f5;\n    --msr-color-black: #171717;\n    --msr-color-ink-50: #3a3a3a;\n    --msr-color-ink-100: #414141;\n    --msr-color-ink-200: #4a4a4a;\n    --msr-color-ink-300: #5a5a5a;\n    --msr-color-ink-500: #a0a0a0;\n    --msr-color-ink-700: #dedede;\n    --msr-color-ink-900: #f5f5f5;\n    --msr-danger-bg: #3f2020;\n    --msr-danger-border: #7f3f46;\n    --msr-danger-text: #f87171;\n    --msr-danger-solid-bg: #c95058;\n    --msr-danger-solid-hover: #b7424b;\n    --msr-danger-solid-text: #f5f5f5;\n    --color-red-700: #fca5a5;\n    --msr-control-thumb: #f4f4f5;\n    --msr-slider-track: rgba(245, 245, 245, 0.24);\n    --msr-shadow-toolbar: 0 0 0.4px lch(100% 0 0 / 0.10),\n      0 3px 8px lch(0% 0 0 / 0.125),\n      0 2px 5px lch(0% 0 0 / 0.125),\n      0 1px 1px lch(0% 0 0 / 0.125);\n    --msr-shadow-floating: 0 0 0 0.4px lch(100% 0 0 / 0.05),\n      0 4px 12px lch(0% 0 0 / 0.12),\n      0 1px 3px lch(0% 0 0 / 0.10);\n    --msr-shadow-select-menu: 0 0 0 0.4px lch(100% 0 0 / 0.14),\n      0 4px 12px lch(0% 0 0 / 0.22),\n      0 1px 3px lch(0% 0 0 / 0.18);\n    color-scheme: dark;\n  }\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:bg-white\"], :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:bg-[#fff]\"] {\n  background-color: var(--msr-surface) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:text-black\"] {\n  color: var(--msr-content) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:hover:bg-black/4\"]:hover, :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:hover:bg-black/5\"]:hover {\n  background-color: var(--msr-content) !important;\n  @supports (color: color-mix(in lab, red, red)) {\n    background-color: color-mix(in srgb, var(--msr-content) 6%, transparent) !important;\n  }\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-toolbar-surface {\n  background-color: var(--msr-surface) !important;\n  box-shadow: var(--msr-shadow-toolbar) !important;\n  color: var(--msr-content);\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) :is( .mesurer-menu-surface, .mesurer-color-picker, .mesurer-ti-card, [data-mesurer-text-inspector-info=\"true\"], [data-mesurer-annotation-panel=\"true\"], [data-mesurer-annotation-composer=\"true\"] ) {\n  background-color: var(--msr-surface-raised) !important;\n  color: var(--msr-content) !important;\n  box-shadow: var(--msr-shadow-floating) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-switch-track[data-checked=\"false\"], :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-control-shell {\n  background-color: var(--msr-surface-muted) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-switch-track > span {\n  background-color: var(--msr-control-thumb) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) :is(.mesurer-settings-select, .mesurer-settings-select-menu) {\n  background-color: var(--msr-surface-raised) !important;\n  border-color: var(--msr-color-ink-200) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [data-mesurer-rulers=\"true\"] {\n  color: var(--msr-color-ink-500) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [data-slider-container=\"true\"] > div:first-child {\n  background-color: var(--msr-slider-track) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:bg-[#0d99ff]\"] {\n  background-color: var(--msr-accent) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:border-[#0d99ff]\"] {\n  border-color: var(--msr-accent) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:hover:bg-[#0d99ff]\"]:hover, :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:focus-visible:bg-[#0d99ff]\"]:focus-visible {\n  background-color: var(--msr-accent) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:text-white\"] {\n  color: var(--msr-color-white) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [data-slider-thumb=\"true\"]:focus-visible {\n  box-shadow: 0 0 0 1px var(--msr-accent) !important;\n  @supports (color: color-mix(in lab, red, red)) {\n    box-shadow: 0 0 0 1px color-mix(in srgb, var(--msr-accent) 25%, transparent) !important;\n  }\n}\n:where([data-mesurer-root=\"true\"], [data-mesurer-inspector-ui=\"true\"]) {\n  --msr-radius-control: 5px;\n}\n@layer utilities {\n  .msr\\:rounded-control {\n    border-radius: var(--msr-radius-control);\n  }\n}\n.mesurer-thin-scrollbar {\n  scrollbar-width: thin;\n  scrollbar-color: var(--msr-color-ink-200) transparent;\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar-track {\n  background: transparent;\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar-thumb {\n  background: var(--msr-color-ink-200);\n  border-radius: var(--msr-radius-control);\n}\n.mesurer-thin-scrollbar:hover {\n  scrollbar-color: var(--msr-color-ink-300) transparent;\n}\n.mesurer-thin-scrollbar:hover::-webkit-scrollbar-thumb {\n  background: var(--msr-color-ink-300);\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar-corner {\n  background: transparent;\n}\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ordinal {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-slashed-zero {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-figure {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-spacing {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-fraction {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ease {\n  syntax: \"*\";\n  inherits: false;\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-border-style: solid;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-ordinal: initial;\n      --tw-slashed-zero: initial;\n      --tw-numeric-figure: initial;\n      --tw-numeric-spacing: initial;\n      --tw-numeric-fraction: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-duration: initial;\n      --tw-ease: initial;\n    }\n  }\n}\n", ma = {
 	keepTextChanges: !1,
 	keepArrangeChanges: !1
-}, Li = (e) => e.state.get("mesurer.presentation.preferences") ?? Ii, Ri = "mesurer.arrange", zi = "arrange", Bi = "mesurer.arrange.intents", Vi = "mesurer.arrange.active", Hi = "mesurer.arrange.settings", Ui = "runtime:solid", Wi = "builtin.select", Gi = "arrange.toggle", Ki = "arrange.commit", qi = "arrange.clear", Ji = "mesurer.arrange.selection-available", Yi = 1, Xi = 24, Zi = 160, Qi = 500, $i = "#ef4444", ea = {
+}, ha = (e) => e.state.get("mesurer.presentation.preferences") ?? ma, ga = "mesurer.arrange", _a = "arrange", va = "mesurer.arrange.intents", ya = "mesurer.arrange.active", ba = "mesurer.arrange.settings", xa = "runtime:solid", Sa = "builtin.select", Ca = "arrange.toggle", wa = "arrange.commit", Ta = "arrange.clear", Ea = "mesurer.arrange.selection-available", Da = 1, Oa = 24, ka = 160, Aa = 500, ja = "#ef4444", Ma = {
 	viewBox: "0 0 24 24",
 	paths: ["M12 2.75 8.75 6h2.5v5.25H6V8.75L2.75 12 6 15.25v-2.5h5.25V18h-2.5L12 21.25 15.25 18h-2.5v-5.25H18v2.5L21.25 12 18 8.75v2.5h-5.25V6h2.5L12 2.75Z"]
-}, ta = (e, t) => ({
+}, Na = (e, t) => ({
 	left: e.left + t.x,
 	top: e.top + t.y,
 	width: e.width,
 	height: e.height
-}), na = (e, t) => ({
+}), Pa = (e, t) => ({
 	left: e.left - t.left,
 	top: e.top - t.top,
 	width: e.width - t.width,
 	height: e.height - t.height
-}), ra = (e) => {
+}), Fa = (e) => {
 	if (!e.length) return null;
 	let t = Math.min(...e.map((e) => e.left)), n = Math.min(...e.map((e) => e.top)), r = Math.max(...e.map((e) => e.left + e.width)), i = Math.max(...e.map((e) => e.top + e.height));
 	return {
@@ -3159,35 +3321,35 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 		width: r - t,
 		height: i - n
 	};
-}, ia = (e, t, n, r) => Math.max(0, Math.max(e, n) - Math.min(t, r)), aa = (e, t, n) => {
+}, Ia = (e, t, n, r) => Math.max(0, Math.max(e, n) - Math.min(t, r)), La = (e, t, n) => {
 	let r = t === "x" ? e.left : e.top, i = t === "x" ? e.width : e.height, a = r + i;
 	return n === "edge" ? [r, a] : n === "center" ? [r + i / 2] : [
 		r,
 		r + i / 2,
 		a
 	];
-}, oa = (e, t) => t === "x" ? {
+}, Ra = (e, t) => t === "x" ? {
 	start: e.top,
 	end: e.top + e.height
 } : {
 	start: e.left,
 	end: e.left + e.width
-}, sa = (e) => e.kind === "edge" ? 2 : +(e.kind === "guide"), ca = (e, t, n) => {
-	let r = oa(t, e), i = null;
-	for (let a of n) if (a.axis === e && !(a.source === "element" && ia(r.start, r.end, a.start, a.end) > Zi)) for (let n of aa(t, e, a.kind)) {
+}, za = (e) => e.kind === "edge" ? 2 : +(e.kind === "guide"), Ba = (e, t, n) => {
+	let r = Ra(t, e), i = null;
+	for (let a of n) if (a.axis === e && !(a.source === "element" && Ia(r.start, r.end, a.start, a.end) > ka)) for (let n of La(t, e, a.kind)) {
 		let e = a.position - n, t = Math.abs(e);
 		if (t > 10) continue;
 		let r = i ? Math.abs(i.delta) : Infinity;
-		(t < r || t === r && (!i || sa(a) > sa(i))) && (i = {
+		(t < r || t === r && (!i || za(a) > za(i))) && (i = {
 			...a,
 			delta: e
 		});
 	}
 	return i;
-}, la = (e) => {
+}, Va = (e) => {
 	let { origin: t, pathname: n, search: r } = e.location;
 	return `${t}${n}${r}`;
-}, ua = (e, t) => `${t}-${e.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`}`, da = (e) => ({
+}, Ha = (e, t) => `${t}-${e.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`}`, Ua = (e) => ({
 	tag: e.fingerprintTag,
 	id: e.fingerprintId,
 	testId: e.fingerprintTestId,
@@ -3195,10 +3357,10 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 	ariaLabel: e.fingerprintAriaLabel,
 	classes: [...e.fingerprintClasses],
 	text: e.fingerprintText
-}), fa = (e) => ({
+}), Wa = (e) => ({
 	id: e.id,
 	selector: e.selector,
-	fingerprint: da(e),
+	fingerprint: Ua(e),
 	before: {
 		left: e.beforeLeft,
 		top: e.beforeTop,
@@ -3219,21 +3381,21 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 		x: e.desiredOffsetX,
 		y: e.desiredOffsetY
 	}
-}), pa = (e) => ({
+}), Ga = (e) => ({
 	id: e.id,
 	createdAt: e.createdAt,
 	pageUrl: e.pageUrl,
-	targets: e.targets.map(fa)
-}), ma = (e) => ({
+	targets: e.targets.map(Wa)
+}), Ka = (e) => ({
 	value: e.style.getPropertyValue("transform"),
 	priority: e.style.getPropertyPriority("transform")
-}), ha = (e, t) => e.value === t.value && e.priority === t.priority, ga = (e) => {
+}), qa = (e, t) => e.value === t.value && e.priority === t.priority, Ja = (e) => {
 	let { element: t, beforeTransform: n, appliedTransform: r } = e;
-	ha(ma(t), r) && (n.value || n.priority ? t.style.setProperty("transform", n.value, n.priority) : t.style.removeProperty("transform"));
-}, _a = (e) => e instanceof Element && !!e.closest("input, textarea, select, [contenteditable='true'], [contenteditable='']"), va = () => ar({
-	id: Ri,
+	qa(Ka(t), r) && (n.value || n.priority ? t.style.setProperty("transform", n.value, n.priority) : t.style.removeProperty("transform"));
+}, Ya = (e) => e instanceof Element && !!e.closest("input, textarea, select, [contenteditable='true'], [contenteditable='']"), Xa = () => ar({
+	id: ga,
 	version: "0.1.0",
-	requires: [Ui, "tool:select"],
+	requires: [xa, "tool:select"],
 	provides: [
 		"tool:arrange",
 		"intent:arrange",
@@ -3241,19 +3403,19 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 		"settings:arrange"
 	],
 	setup(e) {
-		let t = e.service.get(Ui);
+		let t = e.service.get(xa);
 		if (!t) throw Error("Arrange plugin requires the Solid renderer runtime.");
 		let { ownerDocument: n, ownerWindow: r } = t, i = t.createWorkspaceRuntime(), a = t.createInspectorMount(), o = t.pageTarget ?? n.body ?? n.documentElement, s = t.portalTarget, c = r;
 		e.state.register({
-			id: Bi,
+			id: va,
 			initial: { intents: [] },
 			history: !0,
 			persist: !0
 		}), e.state.register({
-			id: Vi,
+			id: ya,
 			initial: !1
 		}), e.state.register({
-			id: Hi,
+			id: ba,
 			initial: {
 				snapping: !0,
 				elementEdges: !0,
@@ -3267,16 +3429,16 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 		let l = a.element;
 		l.dataset.mesurerArrange = "true", l.style.position = "fixed", l.style.inset = "0", l.style.zIndex = "84", l.style.pointerEvents = "none";
 		let u = n.createElement("div");
-		u.dataset.mesurerArrangeSnapLine = "vertical", u.setAttribute("aria-hidden", "true"), u.style.position = "fixed", u.style.display = "none", u.style.width = "1px", u.style.backgroundColor = $i, u.style.pointerEvents = "none";
+		u.dataset.mesurerArrangeSnapLine = "vertical", u.setAttribute("aria-hidden", "true"), u.style.position = "fixed", u.style.display = "none", u.style.width = "1px", u.style.backgroundColor = ja, u.style.pointerEvents = "none";
 		let d = n.createElement("div");
-		d.dataset.mesurerArrangeSnapLine = "horizontal", d.setAttribute("aria-hidden", "true"), d.style.position = "fixed", d.style.display = "none", d.style.height = "1px", d.style.backgroundColor = $i, d.style.pointerEvents = "none";
+		d.dataset.mesurerArrangeSnapLine = "horizontal", d.setAttribute("aria-hidden", "true"), d.style.position = "fixed", d.style.display = "none", d.style.height = "1px", d.style.backgroundColor = ja, d.style.pointerEvents = "none";
 		let f = n.createElement("div");
 		f.dataset.mesurerArrangeBox = "true", f.setAttribute("role", "application"), f.setAttribute("aria-label", "Arrange selected elements"), f.style.position = "fixed", f.style.display = "none", f.style.boxSizing = "border-box", f.style.border = "1px solid #0d99ff", f.style.cursor = "grab", f.style.pointerEvents = "auto", f.style.touchAction = "none", f.style.userSelect = "none", l.append(u, d, f);
 		let p = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), h = {
 			intentId: null,
 			state: "desired"
 		}, g = null, _ = null, v = !1, y = 0, b = null, x = () => e.state.get("mesurer.arrange.intents") ?? { intents: [] }, S = () => e.state.get("mesurer.arrange.active") ?? !1, C = () => {
-			let t = e.state.get(Hi);
+			let t = e.state.get(ba);
 			return {
 				snapping: t?.snapping ?? !0,
 				elementEdges: t?.elementEdges ?? !0,
@@ -3286,21 +3448,21 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				snapLines: t?.snapLines ?? !0
 			};
 		}, w = (t) => {
-			e.state.update(Hi, (e) => ({
+			e.state.update(ba, (e) => ({
 				...e,
 				...t
 			}));
-		}, T = () => la(r), E = () => x().intents.filter((e) => e.pageUrl === T()), D = (e) => !!e.closest("[data-mesurer-island='true'], [data-mesurer-inspector-ui='true'], [data-mesurer-root='true']"), O = (e) => Yr(e, o) && !D(e), k = (e) => {
+		}, T = () => Va(r), E = () => x().intents.filter((e) => e.pageUrl === T()), D = (e) => !!e.closest("[data-mesurer-island='true'], [data-mesurer-inspector-ui='true'], [data-mesurer-root='true']"), O = (e) => Di(e, o) && !D(e), k = (e) => {
 			let t = [];
 			o instanceof c.HTMLElement && o.matches(e) && !D(o) && t.push(o);
 			for (let n of o.querySelectorAll(e)) n instanceof c.HTMLElement && O(n) && t.push(n);
 			return t;
 		}, A = (e) => {
-			let t = da(e);
-			if (!Qr(t)) return null;
+			let t = Ua(e);
+			if (!Ai(t)) return null;
 			let n = [];
 			try {
-				n = k(e.selector).filter((e) => $r(e, t));
+				n = k(e.selector).filter((e) => ji(e, t));
 			} catch {
 				return null;
 			}
@@ -3308,7 +3470,7 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			if (!t.id && !t.testId) {
 				let e = [];
 				try {
-					e = k(t.tag).filter((e) => $r(e, t));
+					e = k(t.tag).filter((e) => ji(e, t));
 				} catch {
 					return null;
 				}
@@ -3316,7 +3478,7 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			}
 			return n[0] ?? null;
 		}, j = () => {
-			for (let e of p.values()) ga(e);
+			for (let e of p.values()) Ja(e);
 			p.clear();
 		}, M = () => {
 			u.style.display = "none", d.style.display = "none";
@@ -3336,10 +3498,10 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				value: e.style.getPropertyValue("visibility"),
 				priority: e.style.getPropertyPriority("visibility")
 			}), e.style.setProperty("visibility", "hidden", "important"));
-		}, te = () => {
+		}, P = () => {
 			for (let [e, t] of m) t.value || t.priority ? e.style.setProperty("visibility", t.value, t.priority) : e.style.removeProperty("visibility");
 			m.clear();
-		}, P = (e = E()) => {
+		}, F = (e = E()) => {
 			let t = /* @__PURE__ */ new Map();
 			for (let n of e) for (let e of n.targets) {
 				let n = A(e);
@@ -3349,11 +3511,11 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				});
 			}
 			return t;
-		}, ne = () => {
+		}, te = () => {
 			if (h.state === "live") return /* @__PURE__ */ new Map();
-			if (!h.intentId) return P();
+			if (!h.intentId) return F();
 			let e = x().intents.find((e) => e.id === h.intentId);
-			if (!e) return P();
+			if (!e) return F();
 			let t = /* @__PURE__ */ new Map();
 			for (let n of e.targets) {
 				let e = A(n);
@@ -3366,44 +3528,44 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				});
 			}
 			return t;
-		}, F = (e) => {
+		}, I = (e) => {
 			j();
 			for (let [t, n] of e) {
 				if (!t.isConnected || !O(t) || n.x === 0 && n.y === 0) continue;
-				let e = ma(t), i = r.getComputedStyle(t).transform, a = i && i !== "none" ? ` ${i}` : "";
+				let e = Ka(t), i = r.getComputedStyle(t).transform, a = i && i !== "none" ? ` ${i}` : "";
 				t.style.setProperty("transform", `translate3d(${n.x}px, ${n.y}px, 0)${a}`, "important"), p.set(t, {
 					element: t,
 					beforeTransform: e,
-					appliedTransform: ma(t)
+					appliedTransform: Ka(t)
 				});
 			}
-		}, I = () => F(ne()), L = (e) => {
+		}, L = () => I(te()), R = (e) => {
 			j();
 			try {
 				return e();
 			} finally {
-				!v && !g && I();
+				!v && !g && L();
 			}
-		}, R = () => i.currentSelection().elements.filter((e) => e instanceof c.HTMLElement && e.isConnected && O(e));
+		}, z = () => i.currentSelection().elements.filter((e) => e instanceof c.HTMLElement && e.isConnected && O(e));
 		e.state.register({
-			id: Ji,
-			initial: R().length > 0
+			id: Ea,
+			initial: z().length > 0
 		});
-		let z = () => e.state.get(Ji) ?? !1, B = () => {
-			let t = R().length > 0;
-			t !== z() && e.state.update(Ji, () => t);
-		}, V = () => ra(R().map((e) => Jr(e))), re = (e) => {
+		let B = () => e.state.get(Ea) ?? !1, V = () => {
+			let t = z().length > 0;
+			t !== B() && e.state.update(Ea, () => t);
+		}, ne = () => Fa(z().map((e) => Ei(e))), re = (e) => {
 			let t = C();
 			if (!t.snapping) return [];
 			let n = [], a = new Set(e), s = i.snapshot(), l = s.xrayVisible && t.preferXrayEdges && t.elementEdges, u = 0, d = (i) => {
-				if (u >= Qi || a.has(i) || e.some((e) => e.contains(i)) || !O(i)) return;
+				if (u >= Aa || a.has(i) || e.some((e) => e.contains(i)) || !O(i)) return;
 				let o = r.getComputedStyle(i);
 				if (o.display === "none" || o.visibility === "hidden" || o.visibility === "collapse") return;
 				let s = o.outlineStyle === "solid" && (Number.parseFloat(o.outlineWidth) || 0) > 0;
 				if (l && !s) return;
-				let c = Jr(i);
+				let c = Ei(i);
 				if (c.width <= 0 || c.height <= 0) return;
-				let d = Zi;
+				let d = ka;
 				if (c.left + c.width < -160 || c.top + c.height < -160 || c.left > r.innerWidth + d || c.top > r.innerHeight + d) return;
 				u += 1;
 				let f = c.left + c.width, p = c.top + c.height;
@@ -3444,7 +3606,7 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			if (t.elementEdges || t.elementCenters) {
 				o instanceof c.HTMLElement && d(o);
 				for (let e of o.querySelectorAll("*")) {
-					if (u >= Qi) break;
+					if (u >= Aa) break;
 					e instanceof c.HTMLElement && d(e);
 				}
 			}
@@ -3469,7 +3631,7 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				f.style.display = "none";
 				return;
 			}
-			let t = e === void 0 ? V() : e;
+			let t = e === void 0 ? ne() : e;
 			if (!t) {
 				f.style.display = "none";
 				return;
@@ -3479,40 +3641,40 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			h = {
 				intentId: null,
 				state: "desired"
-			}, I(), M(), S() ? N() : te();
+			}, L(), M(), S() ? N() : P();
 		}, U = () => {
 			h = {
 				intentId: null,
 				state: "live"
-			}, j(), M(), te();
+			}, j(), M(), P();
 		}, ae = () => {
-			v || g || (I(), M(), S() ? N() : te(), H());
+			v || g || (L(), M(), S() ? N() : P(), H());
 		}, W = () => {
 			y || v || (y = r.requestAnimationFrame(() => {
 				y = 0, ae();
 			}));
 		}, oe = async () => {
-			s.querySelector("[data-mesurer-builtin='select'] button")?.getAttribute("aria-pressed") !== "true" && await e.command.execute(Wi, void 0, { source: "arrange" });
+			s.querySelector("[data-mesurer-builtin='select'] button")?.getAttribute("aria-pressed") !== "true" && await e.command.execute(Sa, void 0, { source: "arrange" });
 		}, se = (e) => {
 			if (!S() || e.button !== 0) return;
-			let t = R();
+			let t = z();
 			if (!t.length) return;
 			e.preventDefault(), e.stopPropagation(), h = {
 				intentId: null,
 				state: "desired"
-			}, I();
-			let n = P(E());
+			}, L();
+			let n = F(E());
 			j();
 			let r = t.map((e, t) => {
-				let r = Jr(e), i = n.get(e) ?? {
+				let r = Ei(e), i = n.get(e) ?? {
 					x: 0,
 					y: 0
-				}, a = ta(r, i), o = Zr(e);
+				}, a = Na(r, i), o = ki(e);
 				return {
 					element: e,
 					target: {
 						id: `target-${t + 1}`,
-						selector: Xr(e),
+						selector: Oi(e),
 						fingerprintTag: o.tag,
 						fingerprintId: o.id,
 						fingerprintTestId: o.testId,
@@ -3534,17 +3696,17 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 						desiredOffsetY: i.y
 					}
 				};
-			}), i = ra(r.map(({ target: e }) => ({
+			}), i = Fa(r.map(({ target: e }) => ({
 				left: e.beforeLeft,
 				top: e.beforeTop,
 				width: e.beforeWidth,
 				height: e.beforeHeight
 			})));
 			if (!i) {
-				I();
+				L();
 				return;
 			}
-			I(), N(), M(), g = {
+			L(), N(), M(), g = {
 				pointerId: e.pointerId,
 				originX: e.clientX,
 				originY: e.clientY,
@@ -3558,18 +3720,18 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			if (!g || e.pointerId !== g.pointerId) return;
 			let t = e.clientX - g.originX, n = e.clientY - g.originY, r = null;
 			e.shiftKey && (Math.abs(t) >= Math.abs(n) ? (n = 0, r = "x") : (t = 0, r = "y"));
-			let i = ta(g.groupBefore, {
+			let i = Na(g.groupBefore, {
 				x: t,
 				y: n
-			}), a = r === "y" ? null : ca("x", i, g.snapCandidates), o = r === "x" ? null : ca("y", i, g.snapCandidates);
+			}), a = r === "y" ? null : Ba("x", i, g.snapCandidates), o = r === "x" ? null : Ba("y", i, g.snapCandidates);
 			t += a?.delta ?? 0, n += o?.delta ?? 0, g.dx = t, g.dy = n;
-			let s = P(E());
+			let s = F(E());
 			for (let e of g.targets) s.set(e.element, {
 				x: e.target.beforeOffsetX + t,
 				y: e.target.beforeOffsetY + n
 			});
-			F(s);
-			let c = ta(g.groupBefore, {
+			I(s);
+			let c = Na(g.groupBefore, {
 				x: t,
 				y: n
 			});
@@ -3587,7 +3749,7 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				return;
 			}
 			_ = {
-				id: ua(r, "arrange"),
+				id: Ha(r, "arrange"),
 				createdAt: Date.now(),
 				pageUrl: T(),
 				targets: n.targets.map(({ target: e }) => ({
@@ -3597,16 +3759,16 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 					desiredOffsetX: e.beforeOffsetX + n.dx,
 					desiredOffsetY: e.beforeOffsetY + n.dy
 				}))
-			}, e.command.execute(Ki).catch(() => {
+			}, e.command.execute(wa).catch(() => {
 				_ = null, ie(), H();
 			});
 		}, de = (e) => {
 			!g || e.pointerId !== g.pointerId || le();
 		}, fe = (t) => {
-			t.key !== "Escape" || !S() && !g || _a(t.target) || s.querySelector("[data-mesurer-tool-menu]") || (t.preventDefault(), t.stopImmediatePropagation(), g ? le() : (e.state.update("mesurer.arrange.active", () => !1), U(), H()));
+			t.key !== "Escape" || !S() && !g || Ya(t.target) || s.querySelector("[data-mesurer-tool-menu]") || (t.preventDefault(), t.stopImmediatePropagation(), g ? le() : (e.state.update("mesurer.arrange.active", () => !1), U(), H()));
 		};
 		f.addEventListener("pointerdown", se), f.addEventListener("pointermove", ce), f.addEventListener("pointerup", ue), f.addEventListener("pointercancel", de), r.addEventListener("keydown", fe, !0), r.addEventListener("resize", W), r.addEventListener("scroll", W, !0), o.addEventListener("scroll", W, !0), b = new c.MutationObserver(() => {
-			B(), W();
+			V(), W();
 		}), b.observe(o, {
 			childList: !0,
 			subtree: !0,
@@ -3620,21 +3782,21 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			]
 		});
 		let pe = i.subscribe(() => {
-			B(), W();
+			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" ? ra(e.targets.map((e) => ({
+			if (n = t === "before" ? Fa(e.targets.map((e) => ({
 				left: e.beforeLeft,
 				top: e.beforeTop,
 				width: e.beforeWidth,
 				height: e.beforeHeight
-			}))) : t === "desired" ? ra(e.targets.map((e) => ({
+			}))) : t === "desired" ? Fa(e.targets.map((e) => ({
 				left: e.desiredLeft,
 				top: e.desiredTop,
 				width: e.desiredWidth,
 				height: e.desiredHeight
-			}))) : L(() => ra(e.targets.map((e) => A(e)).filter((e) => e !== null).map((e) => Jr(e)))), !n) throw Error(`Arrange intent has no resolvable capture region: ${e.id}`);
-			let i = Math.max(0, n.left - Xi), a = Math.max(0, n.top - Xi), o = Math.min(r.innerWidth, n.left + n.width + Xi), s = Math.min(r.innerHeight, n.top + n.height + Xi);
+			}))) : 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);
 			return {
 				left: i,
 				top: a,
@@ -3643,10 +3805,10 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			};
 		}, _e = {
 			active: S,
-			intents: () => x().intents.map(pa),
+			intents: () => x().intents.map(Ga),
 			intent(e) {
 				let t = he(e);
-				return t ? pa(t) : null;
+				return t ? Ga(t) : null;
 			},
 			show(e, t) {
 				if (!he(e)) throw Error(`Arrange intent not found: ${e}`);
@@ -3679,10 +3841,10 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 					}]
 				};
 			},
-			review: (e, t = Yi) => {
+			review: (e, t = Da) => {
 				let n = he(e);
 				if (!n) throw Error(`Arrange intent not found: ${e}`);
-				let r = L(() => n.targets.map((e) => {
+				let r = R(() => n.targets.map((e) => {
 					let n = A(e), r = {
 						left: e.desiredLeft,
 						top: e.desiredTop,
@@ -3697,7 +3859,7 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 						delta: null,
 						matched: !1
 					};
-					let i = Jr(n), a = na(i, r), o = Math.abs(a.left) <= t && Math.abs(a.top) <= t && Math.abs(a.width) <= t && Math.abs(a.height) <= t;
+					let i = Ei(n), a = Pa(i, r), o = Math.abs(a.left) <= t && Math.abs(a.top) <= t && Math.abs(a.width) <= t && Math.abs(a.height) <= t;
 					return {
 						targetId: e.id,
 						selector: e.selector,
@@ -3717,7 +3879,7 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				};
 			},
 			clear: async () => {
-				await e.command.execute(qi);
+				await e.command.execute(Ta);
 			}
 		};
 		e.tool.register({
@@ -3725,8 +3887,8 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			label: "Arrange",
 			shortcut: "Shift+A",
 			order: 65,
-			command: Gi,
-			icon: ea,
+			command: Ca,
+			icon: Ma,
 			active: S,
 			menu: {
 				label: "Arrange options",
@@ -3833,28 +3995,28 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 					disabled: () => !C().snapping
 				}
 			]
-		}), e.command.register(Gi, async () => {
+		}), e.command.register(Ca, async () => {
 			let t = !S();
 			if (t && await oe(), e.state.update("mesurer.arrange.active", () => t), !t) {
 				g && le(), U(), H();
 				return;
 			}
 			ie(), H();
-		}), e.command.register(Ki, () => {
+		}), e.command.register(wa, () => {
 			let t = _;
 			_ = null, t && (e.state.update("mesurer.arrange.intents", (e) => ({ intents: [...e.intents, t].slice(-100) })), ie(), H());
-		}), e.command.register(qi, () => {
-			e.state.update(Bi, () => ({ intents: [] })), h = {
+		}), e.command.register(Ta, () => {
+			e.state.update(va, () => ({ intents: [] })), h = {
 				intentId: null,
 				state: "desired"
-			}, j(), M(), S() ? N() : te(), H();
-		}), e.service.provide(zi, _e), I(), H(), e.lifecycle.onDispose(() => {
-			v = !0, y && r.cancelAnimationFrame(y), b?.disconnect(), b = null, f.removeEventListener("pointerdown", se), f.removeEventListener("pointermove", ce), f.removeEventListener("pointerup", ue), f.removeEventListener("pointercancel", de), r.removeEventListener("keydown", fe, !0), r.removeEventListener("resize", W), r.removeEventListener("scroll", W, !0), o.removeEventListener("scroll", W, !0), pe(), me.dispose(), j(), M(), te(), i.dispose(), a.dispose();
+			}, j(), M(), S() ? N() : P(), H();
+		}), e.service.provide(_a, _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();
 		});
 	}
-}), ya = (e, t, n) => {
+}), Za = (e, t, n) => {
 	let r = !1, i = 0, a = null, o = null, s = () => ({
-		visible: (e.state.get("mesurer.arrange.active") ?? !1) || Li(e).keepArrangeChanges,
+		visible: (e.state.get("mesurer.arrange.active") ?? !1) || ha(e).keepArrangeChanges,
 		intents: e.state.get("mesurer.arrange.intents")?.intents ?? []
 	}), c = (e, t) => e?.visible === t.visible && e.intents === t.intents, l = (e) => {
 		if (a = e, e.visible) {
@@ -3875,23 +4037,23 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 	l(s()), e.lifecycle.onDispose(() => {
 		r = !0, i && n.cancelAnimationFrame(i), i = 0, o = null, d.dispose();
 	});
-}, ba = [
+}, Qa = [
 	"[data-mesurer-measurement='true']",
 	"[data-mesurer-selected-measurement='true']",
 	"[data-mesurer-inspector-ui='true']"
-].join(""), xa = "[data-mesurer-text-edit-runtime='true']", Sa = "[data-mesurer-text-editor='true']", Ca = (e, t) => {
+].join(""), $a = "[data-mesurer-text-edit-runtime='true']", eo = "[data-mesurer-text-editor='true']", to = (e, t) => {
 	let n = t.ownerDocument.body;
 	if (!n) return;
-	let r = t.ownerWindow, i = /* @__PURE__ */ new Map(), a = e.state.get("mesurer.arrange.active") ?? !1, o = null, s = null, c = (e) => e.matches(ba) && e.getRootNode() === t.ownerDocument && e.parentElement === n, l = () => {
+	let r = t.ownerWindow, i = /* @__PURE__ */ new Map(), a = e.state.get("mesurer.arrange.active") ?? !1, o = null, s = null, c = (e) => e.matches(Qa) && e.getRootNode() === t.ownerDocument && e.parentElement === n, l = () => {
 		for (let [e, t] of i) e.isConnected && (t.value || t.priority ? e.style.setProperty("visibility", t.value, t.priority) : e.style.removeProperty("visibility"));
 		i.clear();
-	}, u = () => !!o?.querySelector(Sa), d = (e) => {
+	}, u = () => !!o?.querySelector(eo), d = (e) => {
 		!a || u() || !c(e) || (i.has(e) || i.set(e, {
 			value: e.style.getPropertyValue("visibility"),
 			priority: e.style.getPropertyPriority("visibility")
 		}), (e.style.getPropertyValue("visibility") !== "hidden" || e.style.getPropertyPriority("visibility") !== "important") && e.style.setProperty("visibility", "hidden", "important"));
 	}, f = () => {
-		if (!(!a || u())) for (let e of n.querySelectorAll(ba)) e instanceof r.HTMLElement && d(e);
+		if (!(!a || u())) for (let e of n.querySelectorAll(Qa)) e instanceof r.HTMLElement && d(e);
 	}, p = () => {
 		!a || u() ? l() : f();
 	}, m = (e) => {
@@ -3906,14 +4068,14 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			}), p();
 		}
 	}, h = () => {
-		let e = n.querySelectorAll(xa);
+		let e = n.querySelectorAll($a);
 		return e.item(e.length - 1);
 	};
 	m(h());
 	let g = new r.MutationObserver((e) => {
 		let t = !1;
 		for (let n of e) {
-			for (let e of n.addedNodes) e instanceof r.HTMLElement && (e.matches(xa) && (t = !0), d(e));
+			for (let e of n.addedNodes) e instanceof r.HTMLElement && (e.matches($a) && (t = !0), d(e));
 			for (let e of n.removedNodes) e === o && (t = !0);
 		}
 		t && m(h());
@@ -3926,20 +4088,20 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 	p(), e.lifecycle.onDispose(() => {
 		g.disconnect(), s?.disconnect(), s = null, _.dispose(), l();
 	});
-}, wa = () => {
-	let e = va();
+}, no = () => {
+	let e = Xa();
 	return {
 		...e,
 		async setup(t) {
 			await e.setup(t);
-			let n = t.service.get(zi);
+			let n = t.service.get(_a);
 			if (!n) throw Error("Arrange presentation policy requires the Arrange service.");
 			let r = t.service.get("runtime:solid");
 			if (!r) throw Error("Arrange presentation policy requires the Solid renderer runtime.");
-			ya(t, n, r.ownerWindow), Ca(t, r);
+			Za(t, n, r.ownerWindow), to(t, r);
 		}
 	};
-}, Ta = (e, t, n, r) => ar({
+}, ro = (e, t, n, r) => ar({
 	id: `mesurer.${e}`,
 	version: "0.1.0",
 	provides: [`tool:${e}`],
@@ -3953,7 +4115,7 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			command: `builtin.${e}`
 		});
 	}
-}), Ea = () => Ta("select", "Select", "S", 10), Da = () => Ta("xray", "X-ray", "X", 20), Oa = () => Ta("color-picker", "Color picker", "P", 30), ka = () => Ta("rulers", "Rulers", "R", 40), Aa = () => Ta("text-inspector", "Typography", "A", 50), ja = () => Ta("guides", "Guides", "G", 60), Ma = () => Ta("settings", "Settings", "⌘/Ctrl+,", 90), Na = () => ar({
+}), io = () => ro("select", "Select", "S", 10), ao = () => ro("xray", "X-ray", "X", 20), oo = () => ro("color-picker", "Color picker", "P", 30), so = () => ro("rulers", "Rulers", "R", 40), co = () => ro("text-inspector", "Typography", "A", 50), lo = () => ro("guides", "Guides", "G", 60), uo = () => ro("settings", "Settings", "⌘/Ctrl+,", 90), fo = () => ar({
 	id: "mesurer.distance",
 	version: "0.1.0",
 	provides: ["overlay:distance", "settings:selection-spacing"],
@@ -3969,21 +4131,21 @@ var Fi = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			order: 30
 		});
 	}
-}), Pa = () => [
-	Ea(),
-	Da(),
-	Oa(),
-	ka(),
-	Aa(),
-	ja(),
-	Na(),
-	Ma()
+}), po = () => [
+	io(),
+	ao(),
+	oo(),
+	so(),
+	co(),
+	lo(),
+	fo(),
+	uo()
 ];
-function Fa(e = [], t = []) {
+function mo(e = [], t = []) {
 	let n = new Set(t.map((e) => `mesurer.${e}`));
-	return [...Pa().filter((e) => !n.has(e.id)), ...e];
+	return [...po().filter((e) => !n.has(e.id)), ...e];
 }
-var Ia = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), La = (e, t, n = 0) => !(e.left + e.width + n <= t.left || t.left + t.width + n <= e.left || e.top + e.height + n <= t.top || t.top + t.height + n <= e.top), Ra = (e, t, n, r, i) => {
+var ho = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), go = (e, t, n = 0) => !(e.left + e.width + n <= t.left || t.left + t.width + n <= e.left || e.top + e.height + n <= t.top || t.top + t.height + n <= e.top), _o = (e, t, n, r, i) => {
 	let a = e.left + e.width, o = e.top + e.height, s = [
 		{
 			axis: "vertical",
@@ -4031,7 +4193,7 @@ var Ia = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), La = (e, t, n =
 		}
 	];
 	return i ? s.sort((e, t) => t.space - e.space) : s;
-}, za = (e, t, n) => {
+}, vo = (e, t, n) => {
 	let r = [];
 	for (let i = 0; i <= n; i += 1) {
 		let n = i * t;
@@ -4057,14 +4219,14 @@ var Ia = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), La = (e, t, n =
 	}
 	return r;
 };
-function Ba(e, t, n = {}) {
+function yo(e, t, n = {}) {
 	let r = n.markerSize ?? 24, i = n.markerGap ?? 4, a = n.targetGap ?? 6, o = n.targetClearance ?? 2, s = n.viewportPadding ?? 4, c = n.obstacles ?? [], l = Math.max(0, n.maxShiftRings ?? 2), u = n.viewportAware ?? !1, d = r + i, f = Math.max(s, t.width - r - s), p = Math.max(s, t.height - r - s), m = [], h = e.map((e) => e.rect), g = [];
 	for (let n of e) {
-		let e = /* @__PURE__ */ new Set(), _ = [], v = Ra(n.rect, t, r, a, u);
-		for (let t of za(v, d, l)) {
+		let e = /* @__PURE__ */ new Set(), _ = [], v = _o(n.rect, t, r, a, u);
+		for (let t of vo(v, d, l)) {
 			let n = u ? {
-				left: Ia(t.left, s, f),
-				top: Ia(t.top, s, p)
+				left: ho(t.left, s, f),
+				top: ho(t.top, s, p)
 			} : t, r = `${n.left}:${n.top}`;
 			e.has(r) || (e.add(r), _.push(n));
 		}
@@ -4074,21 +4236,21 @@ function Ba(e, t, n = {}) {
 				width: r,
 				height: r
 			};
-			return h.every((e) => !La(t, e, o)) && c.every((e) => !La(t, e, i));
+			return h.every((e) => !go(t, e, o)) && c.every((e) => !go(t, e, i));
 		}), b = y.find((e) => {
 			let t = {
 				...e,
 				width: r,
 				height: r
 			};
-			return m.every((e) => !La(t, e, i));
+			return m.every((e) => !go(t, e, i));
 		}) ?? y.find((e) => {
 			let t = {
 				...e,
 				width: r,
 				height: r
 			};
-			return m.every((e) => !La(t, e));
+			return m.every((e) => !go(t, e));
 		}) ?? y[0] ?? _[0] ?? {
 			left: s,
 			top: s
@@ -4104,20 +4266,20 @@ function Ba(e, t, n = {}) {
 	}
 	return g;
 }
-var Va = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), Ha = 0, Ua = (e) => e.split(",").map((e) => e.trim()).filter((e) => e.length > 0 && e !== "none"), Wa = (e) => {
+var bo = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), xo = 0, So = (e) => e.split(",").map((e) => e.trim()).filter((e) => e.length > 0 && e !== "none"), Co = (e) => {
 	let t = e.ownerDocument.defaultView?.HTMLElement;
 	return !!(t && e instanceof t);
-}, Ga = (e, t) => {
-	let n = e.style.getPropertyValue("anchor-name"), r = e.style.getPropertyPriority("anchor-name"), i = Ua(n);
+}, wo = (e, t) => {
+	let n = e.style.getPropertyValue("anchor-name"), r = e.style.getPropertyPriority("anchor-name"), i = So(n);
 	i.includes(t) || e.style.setProperty("anchor-name", [...i, t].join(", "), r);
 	let a = !1;
 	return () => {
 		if (a) return;
 		a = !0;
-		let i = Ua(e.style.getPropertyValue("anchor-name")).filter((e) => e !== t);
+		let i = So(e.style.getPropertyValue("anchor-name")).filter((e) => e !== t);
 		i.length ? e.style.setProperty("anchor-name", i.join(", "), e.style.getPropertyPriority("anchor-name")) : n.trim() === "none" ? e.style.setProperty("anchor-name", n, r) : e.style.removeProperty("anchor-name");
 	};
-}, Ka = (e) => {
+}, To = (e) => {
 	if (!e.length) return null;
 	let t = Math.min(...e.map((e) => e.left)), n = Math.min(...e.map((e) => e.top)), r = Math.max(...e.map((e) => e.left + e.width)), i = Math.max(...e.map((e) => e.top + e.height));
 	return {
@@ -4126,14 +4288,14 @@ var Va = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), Ha = 0, Ua = (e)
 		width: r - t,
 		height: i - n
 	};
-}, qa = (e, t, n, r, i = 8) => {
+}, Eo = (e, t, n, r, i = 8) => {
 	let a = r.innerWidth - t - 8, o = r.innerHeight - n - 8, s = e.left + e.width + i, c = e.left - t - i;
 	return {
-		left: s + t <= r.innerWidth - 8 ? s : c >= 8 ? c : Va(e.left + e.width - t, 8, a),
-		top: Va(e.top, 8, o)
+		left: s + t <= r.innerWidth - 8 ? s : c >= 8 ? c : bo(e.left + e.width - t, 8, a),
+		top: bo(e.top, 8, o)
 	};
-}, Ja = (e, t, n, r, i = 8) => {
-	let a = r.innerWidth - t - 8, o = Va(e.left + e.width / 2 - t / 2, 8, a), s = e.top + e.height + i;
+}, Do = (e, t, n, r, i = 8) => {
+	let a = r.innerWidth - t - 8, o = bo(e.left + e.width / 2 - t / 2, 8, a), s = e.top + e.height + i;
 	if (s + n <= r.innerHeight - 8) return {
 		left: o,
 		top: s
@@ -4142,12 +4304,12 @@ var Va = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), Ha = 0, Ua = (e)
 	return c >= 8 ? {
 		left: o,
 		top: c
-	} : qa(e, t, n, r, i);
+	} : Eo(e, t, n, r, i);
 };
-function Ya(e) {
-	let [t, n] = K(0), [r, i] = K(0), [a, o] = K(null), [s, c] = K(null), [l, u] = K(null), [d, f] = K({}), [p, m] = K(null), [h, g] = K(!1), [_, v] = K(""), [y, b] = K(null), [x, S] = K(!1), [C, w] = K(null), [T, E] = K(null), D = `--mesurer-annotation-trigger-${++Ha}`, O = null, k = e.initialTriggerFallback === "current-and-next", A = null, j = null, M = null, ee, N, te = null, P = null, ne = null, F = null, I = null, L = null, R = /* @__PURE__ */ new Map(), z = () => ee?.ownerDocument.defaultView ?? window, B = () => e.coordinateSpace === "viewport", V = (e) => e ? "native-anchor" : B() ? "cached-delta" : "document", re = (e) => {
-		if (B()) return e;
-		let t = z();
+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) => {
+		if (V()) return e;
+		let t = B();
 		return {
 			left: e.left + t.scrollX,
 			top: e.top + t.scrollY
@@ -4161,7 +4323,7 @@ function Ya(e) {
 	}, ie = (e, t) => e.elements.length !== t.elements.length || e.elements.some((e, n) => e !== t.elements[n]) ? !1 : e.region === t.region ? !0 : !e.region || !t.region ? !1 : e.region.left === t.region.left && e.region.top === t.region.top && e.region.width === t.region.width && e.region.height === t.region.height, U = () => {
 		A = null, v(""), g(!1), b(null), m(null);
 	}, ae = () => {
-		let e = z();
+		let e = B();
 		return !!(e.CSS?.supports("anchor-name: --mesurer-annotation-trigger") && e.CSS.supports("position-anchor: --mesurer-annotation-trigger") && e.CSS.supports("left: anchor(left)"));
 	}, W = () => {
 		let t = e.runtime.currentSelection().elements;
@@ -4170,18 +4332,18 @@ function Ya(e) {
 		return t.find((e) => e === n) ?? t.find((e) => n && e.contains(n)) ?? t[0];
 	}, oe = () => ee?.parentElement, se = () => {
 		let e = oe();
-		return e ? [...e.querySelectorAll("[data-mesurer-annotation-trigger='true'], [data-mesurer-annotation-composer='true']")].filter((e) => e !== N || P === null) : [];
+		return e ? [...e.querySelectorAll("[data-mesurer-annotation-trigger='true'], [data-mesurer-annotation-composer='true']")].filter((e) => e !== N || F === null) : [];
 	}, ce = (e) => {
 		let t = oe();
 		return t ? [...t.querySelectorAll("[data-mesurer-annotation-id]")].filter((t) => t.dataset.mesurerAnnotationId === e) : [];
 	}, le = (e) => {
-		let t = R.get(e);
-		t && (t.scroll.release(), t.releaseAnchor?.(), R.delete(e));
+		let t = z.get(e);
+		t && (t.scroll.release(), t.releaseAnchor?.(), z.delete(e));
 	}, ue = (t) => {
 		let n = e.runtime.annotation(t);
 		return !n || n.anchor.kind !== "elements" ? null : n.resolvedTargets.find(({ element: e }) => e?.isConnected)?.element ?? null;
-	}, de = (e) => !!(Wa(e) && B() && ee && ae() && e.getRootNode() === ee.getRootNode()), fe = (e) => {
-		let t = ue(e), n = R.get(e);
+	}, de = (e) => !!(Co(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));
 			return;
@@ -4194,65 +4356,65 @@ function Ya(e) {
 		le(e);
 		let a = t.ownerDocument.defaultView;
 		if (a) {
-			if (r && Wa(t)) {
-				let n = `--mesurer-annotation-${++Ha}`;
-				R.set(e, {
+			if (r && Co(t)) {
+				let n = `--mesurer-annotation-${++xo}`;
+				z.set(e, {
 					target: t,
 					anchorName: n,
-					releaseAnchor: Ga(t, n),
-					scroll: Cr(a, t, () => ce(e), { trackWindow: !1 })
+					releaseAnchor: wo(t, n),
+					scroll: ti(a, t, () => ce(e), { trackWindow: !1 })
 				});
-			} else R.set(e, {
+			} else z.set(e, {
 				target: t,
 				anchorName: null,
 				releaseAnchor: null,
-				scroll: Cr(a, t, () => ce(e), { trackWindow: B() })
+				scroll: ti(a, t, () => ce(e), { trackWindow: V() })
 			});
 			i((e) => e + 1);
 		}
 	}, pe = () => {
 		let t = new Set(e.runtime.annotations().map((e) => e.id));
-		for (let e of R.keys()) t.has(e) || le(e);
+		for (let e of z.keys()) t.has(e) || le(e);
 		for (let e of t) fe(e);
 	}, me = (e) => {
-		z().queueMicrotask(() => fe(e));
+		B().queueMicrotask(() => fe(e));
 	}, he = () => {
-		z().queueMicrotask(() => {
+		B().queueMicrotask(() => {
 			pe();
-			for (let e of R.values()) e.anchorName || e.scroll.rebase();
+			for (let e of z.values()) e.anchorName || e.scroll.rebase();
 		});
 	};
 	e.initialTriggerFallback && (O = W());
 	let ge = () => {
-		F?.release(), F = null, ne?.(), ne = null, te = null, P = null;
-	}, _e = (e) => !!(Wa(e) && B() && ee && e !== O && ae() && e.getRootNode() === ee.getRootNode()), ve = () => {
+		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 = () => {
 		let e = W();
 		O && e !== O && (O = null);
-		let t = te, n = !!(e?.isConnected && _e(e)), r = P === e;
-		if (e === te && e?.isConnected && n === r) {
-			F?.sync();
+		let t = P, n = !!(e?.isConnected && _e(e)), r = F === e;
+		if (e === P && e?.isConnected && n === r) {
+			I?.sync();
 			return;
 		}
-		let i = e === t ? D : `--mesurer-annotation-trigger-${++Ha}`;
+		let i = e === t ? D : `--mesurer-annotation-trigger-${++xo}`;
 		if (ge(), !e?.isConnected) return;
-		te = e;
+		P = e;
 		let a = e.ownerDocument.defaultView;
 		if (a) {
-			if (n && Wa(e)) {
-				ne = Ga(e, i), P = e, D = i, F = Cr(a, e, se, { trackWindow: !1 });
+			if (n && Co(e)) {
+				te = wo(e, i), F = e, D = i, I = ti(a, e, se, { trackWindow: !1 });
 				return;
 			}
-			D = i, F = Cr(a, e, se, { trackWindow: B() });
+			D = i, I = ti(a, e, se, { trackWindow: V() });
 		}
 	}, ye = (e) => {
-		if (I?.disconnect(), I = null, !e?.isConnected) return;
+		if (L?.disconnect(), L = null, !e?.isConnected) return;
 		let t = e.ownerDocument.defaultView;
-		t && (I = new t.ResizeObserver(() => {
+		t && (L = new t.ResizeObserver(() => {
 			i((e) => e + 1);
-		}), I.observe(e));
+		}), L.observe(e));
 	}, be = () => {
-		let e = z();
-		L !== e && (L?.removeEventListener("resize", xe), L = e, L.addEventListener("resize", xe, { passive: !0 }));
+		let e = B();
+		R !== e && (R?.removeEventListener("resize", xe), R = e, R.addEventListener("resize", xe, { passive: !0 }));
 	};
 	function xe() {
 		i((e) => e + 1);
@@ -4265,9 +4427,9 @@ function Ya(e) {
 		let r = W(), i = r !== Se;
 		i && (Se = r, ye(Se), k && (k = !1, O = r)), ve(), i && xe(), n((e) => e + 1), he();
 	});
-	ve(), z().queueMicrotask(pe), St(() => {
-		I?.disconnect(), I = null, L?.removeEventListener("resize", xe), L = null, ge();
-		for (let e of R.keys()) le(e);
+	ve(), B().queueMicrotask(pe), St(() => {
+		L?.disconnect(), L = null, R?.removeEventListener("resize", xe), R = null, ge();
+		for (let e of z.keys()) le(e);
 		Ce();
 	});
 	let we = Gt(() => (t(), e.runtime.currentSelection())), Te = Gt(() => (t(), e.runtime.annotations())), Ee = Gt(() => {
@@ -4308,7 +4470,7 @@ function Ya(e) {
 			};
 		});
 		return e.region && t.push({ ...e.region }), t;
-	}), Ne = Gt(() => Ka(Me())), Pe = () => {
+	}), Ne = Gt(() => To(Me())), Pe = () => {
 		let e = we().elements.length;
 		return e > 1 ? `${e} selected elements` : e === 1 ? "Selected element" : "Selected region";
 	}, Fe = (e) => e.anchor.kind === "elements" ? `${e.anchor.targets.length} selected ${e.anchor.targets.length === 1 ? "element" : "elements"}` : "Selected region", Ie = Gt(() => {
@@ -4325,12 +4487,12 @@ function Ya(e) {
 			top: t.top,
 			width: t.width,
 			height: t.height
-		}, r = z(), i = [...ut(Re).values()].map((e) => ({
+		}, r = B(), i = [...ut(Re).values()].map((e) => ({
 			left: e.left,
 			top: e.top,
 			width: 24,
 			height: 24
-		})), [a] = Ba([{
+		})), [a] = yo([{
 			id: "selection-note-trigger",
 			rect: n
 		}], {
@@ -4339,7 +4501,7 @@ function Ya(e) {
 		}, {
 			obstacles: i,
 			maxShiftRings: 1
-		}), o = a?.left ?? Va(n.left + n.width + 6, 4, r.innerWidth - 24 - 4), s = a?.top ?? Va(n.top, 4, r.innerHeight - 24 - 4), c = P === e, l = B() && !c;
+		}), o = a?.left ?? bo(n.left + n.width + 6, 4, r.innerWidth - 24 - 4), s = a?.top ?? bo(n.top, 4, r.innerHeight - 24 - 4), c = F === e, l = V() && !c;
 		return {
 			left: c || l ? o : o + r.scrollX,
 			top: c || l ? s : s + r.scrollY,
@@ -4350,20 +4512,20 @@ function Ya(e) {
 		};
 	}, Re = Gt(() => {
 		t(), r();
-		let n = z(), i = Te().flatMap((t) => {
+		let n = B(), i = Te().flatMap((t) => {
 			let n = e.runtime.annotationRect(t.id);
 			return n ? [{
 				id: t.id,
 				rect: n
 			}] : [];
 		});
-		return new Map(Ba(i, {
+		return new Map(yo(i, {
 			width: n.innerWidth,
 			height: n.innerHeight
 		}, { obstacles: Me() }).map((e) => [e.id, e]));
 	}), ze = (e) => Re().get(e) ?? null, Be = (e, t) => {
 		r();
-		let n = R.get(e);
+		let n = z.get(e);
 		if (!n?.anchorName || !n.target.isConnected) return {
 			...re(t),
 			nativeAnchor: !1
@@ -4377,18 +4539,18 @@ function Ya(e) {
 			anchorY: t.top - i.top
 		};
 	}, Ve = () => {
-		let e = Ne(), t = z(), n = p();
+		let e = Ne(), t = B(), n = p();
 		return n && e ? {
 			left: e.left + n.left,
 			top: e.top + n.top
-		} : e ? Ja(e, 272, 168, t) : {
+		} : e ? Do(e, 272, 168, t) : {
 			left: 8,
 			top: 8
 		};
 	}, He = () => {
 		r();
 		let e = Ve(), t = Ie();
-		if (!t?.isConnected || P !== t) return {
+		if (!t?.isConnected || F !== t) return {
 			...re(e),
 			nativeAnchor: !1
 		};
@@ -4401,8 +4563,8 @@ function Ya(e) {
 			anchorY: e.top - n.top
 		};
 	}, Ue = (e, t) => {
-		let n = z(), r = Re(), i = r.get(e);
-		if (!i) return qa(t, 272, 176, n);
+		let n = B(), r = Re(), i = r.get(e);
+		if (!i) return Eo(t, 272, 176, n);
 		let a = n.innerWidth - 272 - 8, o = n.innerHeight - 176 - 8, s = [...r.values()].map((e) => ({
 			left: e.left,
 			top: e.top,
@@ -4428,8 +4590,8 @@ function Ya(e) {
 			}
 		]) {
 			let t = {
-				left: Va(e.left, 8, a),
-				top: Va(e.top, 8, o)
+				left: bo(e.left, 8, a),
+				top: bo(e.top, 8, o)
 			}, n = `${t.left}:${t.top}`;
 			l.has(n) || (l.add(n), u.push(t));
 		}
@@ -4445,7 +4607,7 @@ function Ya(e) {
 				targetOverlap: c(r, t),
 				index: n
 			};
-		}).sort((e, t) => e.markerOverlap - t.markerOverlap || e.targetOverlap - t.targetOverlap || e.index - t.index)[0]?.candidate ?? qa(t, 272, 176, n);
+		}).sort((e, t) => e.markerOverlap - t.markerOverlap || e.targetOverlap - t.targetOverlap || e.index - t.index)[0]?.candidate ?? Eo(t, 272, 176, n);
 	}, We = (t) => {
 		let n = e.runtime.annotationRect(t);
 		if (!n) return {
@@ -4458,7 +4620,7 @@ function Ya(e) {
 			top: n.top + r.top
 		} : Ue(t, n);
 	}, Ge = (t) => {
-		z().queueMicrotask(() => {
+		B().queueMicrotask(() => {
 			let n = e.runtime.annotationRect(t);
 			n && f((e) => {
 				if (e[t]) return e;
@@ -4479,7 +4641,7 @@ function Ya(e) {
 		if (t.button !== 0 || r && i instanceof r && i.closest("button")) return;
 		let a = t.currentTarget.parentElement;
 		if (!a) return;
-		let o = a.getBoundingClientRect(), s = z(), c = s.document.documentElement, l = c.style.userSelect;
+		let o = a.getBoundingClientRect(), s = B(), c = s.document.documentElement, l = c.style.userSelect;
 		c.style.setProperty("user-select", "none", "important"), j = {
 			surfaceId: n,
 			pointerId: t.pointerId,
@@ -4493,8 +4655,8 @@ function Ya(e) {
 		let u = (t) => {
 			if (!j || t.pointerId !== j.pointerId) return;
 			let r = j, i = Math.max(8, s.innerWidth - r.width - 8), a = Math.max(8, s.innerHeight - r.height - 8), o = {
-				left: Va(r.originLeft + t.clientX - r.startX, 8, i),
-				top: Va(r.originTop + t.clientY - r.startY, 8, a)
+				left: bo(r.originLeft + t.clientX - r.startX, 8, i),
+				top: bo(r.originTop + t.clientY - r.startY, 8, a)
 			};
 			if (n === "composer") {
 				let e = Ne();
@@ -4539,13 +4701,13 @@ function Ya(e) {
 		k = !1, A = H(), v(""), b(null), w(null), o(null);
 		let e = Ne();
 		if (e) {
-			let t = Ja(e, 272, 168, z());
+			let t = Do(e, 272, 168, B());
 			m({
 				left: t.left - e.left,
 				top: t.top - e.top
 			});
 		} else m(null);
-		g(!0), z().queueMicrotask(() => F?.sync());
+		g(!0), B().queueMicrotask(() => I?.sync());
 	}, Qe = () => {
 		let e = h();
 		A !== null && !ie(A, H()) ? (O = W(), k = !1, ve(), xe()) : e && (k = !1), Xe();
@@ -4602,10 +4764,10 @@ function Ya(e) {
 								}
 							});
 							return nr(() => (e) => {
-								N = e, F?.sync();
-							}, t), Z(t, J(Vr, { size: 14 })), q(() => ({
-								e: B() ? "viewport" : "document",
-								t: V(e().nativeAnchor),
+								N = e, I?.sync();
+							}, t), Z(t, J(yi, { size: 14 })), q(() => ({
+								e: V() ? "viewport" : "document",
+								t: ne(e().nativeAnchor),
 								a: {
 									position: e().nativeAnchor || e().viewportOwned ? "fixed" : "absolute",
 									left: e().nativeAnchor ? `calc(anchor(left) + ${e().anchorX}px)` : `${e().left}px`,
@@ -4668,10 +4830,10 @@ function Ya(e) {
 							class: "msr:h-7 msr:rounded-[7px] msr:border-0 msr:bg-[#0d99ff] msr:px-2.5 msr:text-[11px] msr:font-medium msr:text-white msr:hover:bg-[#0b8eea]",
 							onClick: et
 						});
-						return X(t, n), X(t, s), X(t, c), X(n, r), X(n, o), Z(n, J(Vr, {
+						return X(t, n), X(t, s), X(t, c), X(n, r), X(n, o), Z(n, J(yi, {
 							size: 14,
 							class: "msr:text-ink-700"
-						}), r), X(r, i), X(r, a), X(i, Qn("Add note")), Z(a, Pe), Z(o, J(Ur, { size: 14 })), Z(t, J(Xt, {
+						}), r), X(r, i), X(r, a), X(i, Qn("Add note")), Z(a, Pe), Z(o, J(xi, { size: 14 })), Z(t, J(Xt, {
 							get when() {
 								return y();
 							},
@@ -4680,10 +4842,10 @@ function Ya(e) {
 								return Z(t, e), t;
 							})()
 						}), c), X(c, l), X(c, u), X(l, Qn("⌘/Ctrl ↵")), X(u, d), X(u, f), X(d, Qn("Cancel")), X(f, Qn("Add note")), q(() => ({
-							e: B() ? "viewport" : "document",
-							t: V(e().nativeAnchor),
+							e: V() ? "viewport" : "document",
+							t: ne(e().nativeAnchor),
 							a: {
-								position: e().nativeAnchor || B() ? "fixed" : "absolute",
+								position: e().nativeAnchor || V() ? "fixed" : "absolute",
 								left: e().nativeAnchor ? `calc(anchor(left) + ${e().anchorX}px)` : `${e().left}px`,
 								top: e().nativeAnchor ? `calc(anchor(top) + ${e().anchorY}px)` : `${e().top}px`,
 								translate: "var(--mesurer-nested-scroll-x, 0px) var(--mesurer-nested-scroll-y, 0px)",
@@ -4726,9 +4888,9 @@ function Ya(e) {
 				});
 				return q(() => ({
 					e: t() ?? void 0,
-					t: V(n().nativeAnchor),
+					t: ne(n().nativeAnchor),
 					a: {
-						position: n().nativeAnchor || B() ? "fixed" : "absolute",
+						position: n().nativeAnchor || V() ? "fixed" : "absolute",
 						left: n().nativeAnchor ? `calc(anchor(left) + ${n().anchorX}px)` : `${n().left}px`,
 						top: n().nativeAnchor ? `calc(anchor(top) + ${n().anchorY}px)` : `${n().top}px`,
 						width: `${e.width}px`,
@@ -4788,13 +4950,13 @@ function Ya(e) {
 							t: t() + 1,
 							a: i() ? "true" : void 0,
 							o: o() ? "true" : void 0,
-							i: V(n().nativeAnchor),
-							n: B() ? "viewport" : "document",
+							i: ne(n().nativeAnchor),
+							n: V() ? "viewport" : "document",
 							s: `Mesurer annotation ${t() + 1}: ${e.note}`,
 							h: e.note,
 							r: a() === e.id ? "true" : "false",
 							d: {
-								position: n().nativeAnchor || B() ? "fixed" : "absolute",
+								position: n().nativeAnchor || V() ? "fixed" : "absolute",
 								left: n().nativeAnchor ? `calc(anchor(left) + ${n().anchorX}px)` : `${n().left}px`,
 								top: n().nativeAnchor ? `calc(anchor(top) + ${n().anchorY}px)` : `${n().top}px`,
 								opacity: o() ? "0.36" : "1",
@@ -4871,7 +5033,7 @@ function Ya(e) {
 						o(null), w(null);
 					}
 				}), y = Y("div", { class: "msr:mx-1 msr:mt-1 msr:max-h-36 msr:overflow-auto msr:whitespace-pre-wrap msr:rounded-[7px] msr:bg-ink-50 msr:px-2 msr:py-2 msr:text-[12px] msr:leading-[1.45] msr:text-ink-800" });
-				return X(i, a), X(i, y), X(a, s), X(a, l), X(a, h), Z(s, r), X(l, d), X(l, m), X(d, p), Z(d, r, null), Z(m, () => Fe(t())), X(h, g), X(h, _), X(h, v), Z(g, J(Br, { size: 14 })), Z(_, J(Hr, { size: 14 })), Z(v, J(Ur, { size: 14 })), Z(y, () => t().note), Z(i, J(Xt, {
+				return X(i, a), X(i, y), X(a, s), X(a, l), X(a, h), Z(s, r), X(l, d), X(l, m), X(d, p), Z(d, r, null), Z(m, () => Fe(t())), X(h, g), X(h, _), X(h, v), Z(g, J(vi, { size: 14 })), Z(_, J(bi, { size: 14 })), Z(v, J(xi, { size: 14 })), Z(y, () => t().note), Z(i, J(Xt, {
 					get when() {
 						return C();
 					},
@@ -4884,10 +5046,10 @@ function Ya(e) {
 					})()
 				}), null), q(() => ({
 					e: t().id,
-					t: V(n().nativeAnchor),
-					a: B() ? "viewport" : "document",
+					t: ne(n().nativeAnchor),
+					a: V() ? "viewport" : "document",
 					o: {
-						position: n().nativeAnchor || B() ? "fixed" : "absolute",
+						position: n().nativeAnchor || V() ? "fixed" : "absolute",
 						left: n().nativeAnchor ? `calc(anchor(left) + ${n().anchorX}px)` : `${n().left}px`,
 						top: n().nativeAnchor ? `calc(anchor(top) + ${n().anchorY}px)` : `${n().top}px`,
 						translate: "var(--mesurer-nested-scroll-x, 0px) var(--mesurer-nested-scroll-y, 0px)",
@@ -4903,11 +5065,11 @@ function Ya(e) {
 		})
 	];
 }
-function Xa(e) {
+function ko(e) {
 	let t = null;
-	return St(ti(e.ownerWindow, () => {
+	return St(Ni(e.ownerWindow, () => {
 		t?.abandonNoteComposer();
-	})), J(Ya, {
+	})), J(Oo, {
 		get runtime() {
 			return e.runtime;
 		},
@@ -4925,11 +5087,11 @@ function Xa(e) {
 		}
 	});
 }
-var Za = "2147482950", Qa = "2147483646", $a = "2147483647";
-function eo(e) {
+var Ao = "2147482950", jo = "2147483646", Mo = "2147483647";
+function No(e) {
 	let { ownerDocument: t, ownerWindow: n, pageTarget: r } = e, i = t.body;
 	if (!(i && !(r instanceof n.ShadowRoot) && r.getRootNode() === t)) return e.createInspectorMount();
-	ai(Fi, i);
+	Li(pa, i);
 	let a = t.createElement("div");
 	a.dataset.mesurerInspectorUi = "true", a.dataset.mesurerDocumentInspectorMount = "true", a.dataset.theme = e.theme?.() ?? "system";
 	let o = e.subscribeTheme?.((e) => {
@@ -4947,17 +5109,17 @@ function eo(e) {
 	s.dataset.mesurerDocumentInspectorLayerStyle = "true", s.textContent = `
 [data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-target-highlight="true"] {
   position: absolute !important;
-  z-index: ${Za} !important;
+  z-index: ${Ao} !important;
 }
 [data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-panel="true"] {
   position: absolute !important;
-  z-index: ${Qa} !important;
+  z-index: ${jo} !important;
 }
 [data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-marker="true"],
 [data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-trigger="true"],
 [data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-composer="true"] {
   position: absolute !important;
-  z-index: ${$a} !important;
+  z-index: ${Mo} !important;
 }
 `, t.head.append(s), i.append(a);
 	let c = !1;
@@ -4968,8 +5130,8 @@ function eo(e) {
 		}
 	};
 }
-var to = (e) => `color-mix(in srgb, ${e.color} ${e.opacity * 100}%, transparent)`, no = (e) => e === "max" ? "end" : e === "center" ? "center" : "start", ro = (e) => {
-	let t = e.kind === "columns", n = e.align === "stretch", r = n ? `repeat(${e.count}, minmax(0, 1fr))` : `repeat(${e.count}, ${e.size}px)`, i = no(e.align);
+var Po = (e) => `color-mix(in srgb, ${e.color} ${e.opacity * 100}%, transparent)`, Fo = (e) => e === "max" ? "end" : e === "center" ? "center" : "start", Io = (e) => {
+	let t = e.kind === "columns", n = e.align === "stretch", r = n ? `repeat(${e.count}, minmax(0, 1fr))` : `repeat(${e.count}, ${e.size}px)`, i = Fo(e.align);
 	return {
 		position: "absolute",
 		inset: "0",
@@ -4990,7 +5152,7 @@ var to = (e) => `color-mix(in srgb, ${e.color} ${e.opacity * 100}%, transparent)
 		transform: e.align === "center" ? t ? `translateX(${e.offset}px)` : `translateY(${e.offset}px)` : void 0
 	};
 };
-function io(e) {
+function Lo(e) {
 	let t = () => e.guides.filter((e) => e.visible);
 	return J(Xt, {
 		get when() {
@@ -5025,7 +5187,7 @@ function io(e) {
 									"min-height": "0",
 									width: "100%",
 									height: "100%",
-									"background-color": to(e)
+									"background-color": Po(e)
 								}), (e, n) => {
 									Q(t, "style", e, n);
 								}), t;
@@ -5033,7 +5195,7 @@ function io(e) {
 						})), q(() => ({
 							e: e.id,
 							t: e.kind,
-							a: ro(e)
+							a: Io(e)
 						}), ({ e, t: n, a: r }, i) => {
 							e !== i?.e && Q(t, "data-mesurer-layout-guide", e, i?.e), n !== i?.t && Q(t, "data-mesurer-layout-guide-kind", n, i?.t), r !== i?.a && Q(t, "style", r, i?.a);
 						}), t;
@@ -5046,7 +5208,7 @@ function io(e) {
 						return q(() => ({
 							e: e.id,
 							t: {
-								"background-image": `linear-gradient(to right, ${to(e)} 1px, transparent 1px), linear-gradient(to bottom, ${to(e)} 1px, transparent 1px)`,
+								"background-image": `linear-gradient(to right, ${Po(e)} 1px, transparent 1px), linear-gradient(to bottom, ${Po(e)} 1px, transparent 1px)`,
 								"background-size": `${e.size}px ${e.size}px`
 							}
 						}), ({ e, t: n }, r) => {
@@ -5058,34 +5220,34 @@ function io(e) {
 		}
 	});
 }
-var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
+var Ro = "#FF0000", zo = .1, Bo = /* @__PURE__ */ new Set([
 	"columns",
 	"rows",
 	"grid"
-]), co = /* @__PURE__ */ new Set([
+]), Vo = /* @__PURE__ */ new Set([
 	"stretch",
 	"min",
 	"center",
 	"max"
-]), lo = (e, t, n) => Math.min(n, Math.max(t, e)), uo = (e, t) => e !== void 0 && Number.isFinite(e) ? e : t, fo = (e = {}) => {
-	let t = e.kind && so.has(e.kind) ? e.kind : "columns", n = e.align && co.has(e.align) ? e.align : t === "grid" ? "min" : "stretch", r = e.id?.trim(), i = e.color?.trim();
+]), Ho = (e, t, n) => Math.min(n, Math.max(t, e)), Uo = (e, t) => e !== void 0 && Number.isFinite(e) ? e : t, Wo = (e = {}) => {
+	let t = e.kind && Bo.has(e.kind) ? e.kind : "columns", n = e.align && Vo.has(e.align) ? e.align : t === "grid" ? "min" : "stretch", r = e.id?.trim(), i = e.color?.trim();
 	return {
-		id: r || fr(),
+		id: r || Wr(),
 		kind: t,
 		visible: e.visible ?? !0,
 		color: i || "#FF0000",
-		opacity: lo(uo(e.opacity, oo), 0, 1),
-		count: lo(Math.round(uo(e.count, 5)), 1, 24),
-		size: lo(uo(e.size, 72), 1, 4096),
-		gutter: lo(uo(e.gutter, 20), 0, 800),
-		offset: lo(uo(e.offset, 0), 0, 4096),
+		opacity: Ho(Uo(e.opacity, zo), 0, 1),
+		count: Ho(Math.round(Uo(e.count, 5)), 1, 24),
+		size: Ho(Uo(e.size, 72), 1, 4096),
+		gutter: Ho(Uo(e.gutter, 20), 0, 800),
+		offset: Ho(Uo(e.offset, 0), 0, 4096),
 		align: n
 	};
-}, po = (e) => (e ?? []).map(fo), mo = (e) => {
+}, Go = (e) => (e ?? []).map(Wo), Ko = (e) => {
 	if (e.kind === "grid") return `Grid ${Math.round(e.size)}px`;
 	let t = e.kind === "columns" ? "columns" : "rows";
 	return e.align === "stretch" ? `${e.count} ${t}` : `${e.count} ${t} (${Math.round(e.size)}px)`;
-}, ho = (e) => (() => {
+}, qo = (e) => (() => {
 	var t = Y("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
@@ -5104,22 +5266,22 @@ var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
 	}), ({ e, t: n }, r) => {
 		e !== r?.e && Q(t, "width", e, r?.e), n !== r?.t && Q(t, "height", n, r?.t);
 	}), t;
-})(), go = (e) => e.kind === "rows" ? J(Ir, { size: 14 }) : e.kind === "grid" ? J(Pr, { size: 14 }) : J(Fr, { size: 14 }), _o = "msr:grid-cols-[78px_minmax(0,1fr)]", vo = (e) => (() => {
+})(), Jo = (e) => e.kind === "rows" ? J(mi, { size: 14 }) : e.kind === "grid" ? J(fi, { size: 14 }) : J(pi, { size: 14 }), Yo = "msr:grid-cols-[78px_minmax(0,1fr)]", Xo = (e) => (() => {
 	var t = Y("label", { class: "msr:col-span-2 msr:grid msr:h-8 msr:w-full msr:grid-cols-[78px_minmax(0,1fr)] msr:items-center msr:gap-0 msr:text-[12px] msr:text-ink-700" }), n = Y("span");
 	return X(t, n), Z(n, () => e.label), Z(t, () => e.children, null), t;
-})(), yo = (e) => (() => {
+})(), Zo = (e) => (() => {
 	var t = Y("span", { class: "msr:relative msr:block msr:w-full" }), n = Y("select", {
-		class: Tr,
+		class: ri,
 		onPointerDown: (e) => e.stopPropagation(),
 		onChange: (t) => e.onChange(t.currentTarget.value)
 	});
-	return X(t, n), Z(n, () => e.children), Z(t, J(Er, {}), null), q(() => ({
+	return X(t, n), Z(n, () => e.children), Z(t, J(ii, {}), null), q(() => ({
 		e: e.label,
 		t: e.value
 	}), ({ e, t }, r) => {
 		e !== r?.e && Q(n, "aria-label", e, r?.e), t !== r?.t && Q(n, "value", t, r?.t);
 	}), t;
-})(), bo = (e) => {
+})(), Qo = (e) => {
 	let [t, n] = K(!1), [r, i] = K(String(e.value)), a = () => e.min ?? 0, o = () => e.max ?? 9999, s = (e) => Math.min(o(), Math.max(a(), e)), c = (t) => {
 		let n = Number(t.replace(/[^\d.-]/g, ""));
 		if (!Number.isFinite(n)) {
@@ -5128,7 +5290,7 @@ var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
 		}
 		e.onChange(s(n));
 	};
-	return J(Dr, { get left() {
+	return J(ai, { get left() {
 		var a = Y("input", {
 			type: "text",
 			inputmode: "numeric",
@@ -5160,7 +5322,7 @@ var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
 			e !== n?.e && Q(a, "aria-label", e, n?.e), t !== n?.t && Q(a, "value", t, n?.t);
 		}), a;
 	} });
-}, xo = (e) => e === "rows" || e === "grid" ? e : "columns", So = (e) => e === "min" || e === "center" || e === "max" ? e : "stretch", Co = (e) => {
+}, $o = (e) => e === "rows" || e === "grid" ? e : "columns", es = (e) => e === "min" || e === "center" || e === "max" ? e : "stretch", ts = (e) => {
 	let t = Gt(() => e.guide.kind === "rows" ? {
 		stretch: "Stretch",
 		min: "Top",
@@ -5177,13 +5339,13 @@ var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
 		"aria-label": "Back to layout guides",
 		class: "msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-control msr:text-ink-500 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900"
 	});
-	return X(r, i), X(i, a), Z(i, J(yo, {
+	return X(r, i), X(i, a), Z(i, J(Zo, {
 		label: "Layout guide type",
 		get value() {
 			return e.guide.kind;
 		},
 		onChange: (t) => {
-			let n = xo(t);
+			let n = $o(t);
 			e.onUpdate({
 				kind: n,
 				align: n === "grid" ? "min" : e.guide.align === "stretch" || n === e.guide.kind ? e.guide.align : "stretch"
@@ -5205,15 +5367,15 @@ var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
 				})()
 			];
 		}
-	}), a), Z(a, J(ho, {})), Z(r, J(Xt, {
+	}), a), Z(a, J(qo, {})), Z(r, J(Xt, {
 		get when() {
 			return e.guide.kind !== "grid";
 		},
 		get children() {
-			return J(vo, {
+			return J(Xo, {
 				label: "Count",
 				get children() {
-					return J(bo, {
+					return J(Qo, {
 						label: "Count",
 						get value() {
 							return e.guide.count;
@@ -5225,16 +5387,16 @@ var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
 				}
 			});
 		}
-	}), null), Z(r, J(Or, {
+	}), null), Z(r, J(oi, {
 		label: "Color",
-		columns: _o,
+		columns: Yo,
 		get value() {
 			return dr({
 				...lr(e.guide.color) ?? lr("#FF0000"),
 				alpha: e.guide.opacity
 			});
 		},
-		fallback: ao,
+		fallback: Ro,
 		get ownerWindow() {
 			return e.ownerWindow;
 		},
@@ -5253,15 +5415,15 @@ var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
 			return e.guide.kind !== "grid";
 		},
 		get children() {
-			return J(vo, {
+			return J(Xo, {
 				label: "Type",
 				get children() {
-					return J(yo, {
+					return J(Zo, {
 						label: "Alignment",
 						get value() {
 							return e.guide.align;
 						},
-						onChange: (t) => e.onUpdate({ align: So(t) }),
+						onChange: (t) => e.onUpdate({ align: es(t) }),
 						get children() {
 							return J(Yt, {
 								each: [
@@ -5285,12 +5447,12 @@ var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
 			return e.guide.kind === "grid" || e.guide.align !== "stretch";
 		},
 		get children() {
-			return J(vo, {
+			return J(Xo, {
 				get label() {
 					return n();
 				},
 				get children() {
-					return J(bo, {
+					return J(Qo, {
 						get label() {
 							return n();
 						},
@@ -5309,10 +5471,10 @@ var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
 			return e.guide.kind !== "grid";
 		},
 		get children() {
-			return [J(vo, {
+			return [J(Xo, {
 				label: "Offset",
 				get children() {
-					return J(bo, {
+					return J(Qo, {
 						label: "Offset",
 						get value() {
 							return e.guide.offset;
@@ -5322,10 +5484,10 @@ var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
 						onChange: (t) => e.onUpdate({ offset: t })
 					});
 				}
-			}), J(vo, {
+			}), J(Xo, {
 				label: "Gutter",
 				get children() {
-					return J(bo, {
+					return J(Qo, {
 						label: "Gutter",
 						get value() {
 							return e.guide.gutter;
@@ -5341,7 +5503,7 @@ var ao = "#FF0000", oo = .1, so = /* @__PURE__ */ new Set([
 		Q(a, "onClick", e, t);
 	}), r;
 };
-function wo(e) {
+function ns(e) {
 	let [t, n] = K(null), r = Gt(() => e.guides.find((e) => e.id === t()) ?? null);
 	var i = Y("div", {
 		"data-mesurer-layout-guides-panel": "true",
@@ -5363,7 +5525,7 @@ function wo(e) {
 				"aria-label": "Add layout guide",
 				class: "msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-control msr:text-ink-500 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900"
 			});
-			return X(t, r), X(r, i), X(r, a), X(i, Qn("Layout guides")), Z(a, J(Lr, {})), Z(t, J(Xt, {
+			return X(t, r), X(r, i), X(r, a), X(i, Qn("Layout guides")), Z(a, J(hi, {})), Z(t, J(Xt, {
 				get when() {
 					return e.guides.length > 0;
 				},
@@ -5390,22 +5552,22 @@ function wo(e) {
 								class: "msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-control msr:text-ink-400 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900",
 								onClick: () => e.onRemove(t.id)
 							});
-							return X(r, i), X(r, s), X(r, c), X(i, a), X(i, o), Z(a, J(go, { get kind() {
+							return X(r, i), X(r, s), X(r, c), X(i, a), X(i, o), Z(a, J(Jo, { get kind() {
 								return t.kind;
-							} })), Z(o, () => mo(t)), Z(i, J(Ar, {
+							} })), Z(o, () => Ko(t)), Z(i, J(ci, {
 								size: 8,
 								class: "msr:block msr:-rotate-90 msr:text-ink-400"
 							}), null), Z(s, (() => {
 								var e = Zn(() => !!t.visible);
-								return () => e() ? J(Rr, {}) : J(zr, {});
-							})()), Z(c, J(jr, {
+								return () => e() ? J(gi, {}) : J(_i, {});
+							})()), Z(c, J(li, {
 								size: 10,
 								class: "msr:block"
 							})), q(() => ({
-								e: t.visible ? `Hide ${mo(t)}` : `Show ${mo(t)}`,
+								e: t.visible ? `Hide ${Ko(t)}` : `Show ${Ko(t)}`,
 								t: t.visible ? "true" : "false",
 								a: `msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-control msr:outline-none msr:hover:bg-ink-100 ${t.visible ? "msr:text-ink-700" : "msr:text-ink-400"}`,
-								o: `Remove ${mo(t)}`
+								o: `Remove ${Ko(t)}`
 							}), ({ e, t, a: n, o: r }, i) => {
 								e !== i?.e && Q(s, "aria-label", e, i?.e), t !== i?.t && Q(s, "aria-pressed", t, i?.t), n !== i?.a && Q(s, "class", n, i?.a), r !== i?.o && Q(c, "aria-label", r, i?.o);
 							}), r;
@@ -5416,7 +5578,7 @@ function wo(e) {
 				Q(a, "onClick", e, t);
 			}), t;
 		},
-		children: (t) => J(Co, {
+		children: (t) => J(ts, {
 			get guide() {
 				return t();
 			},
@@ -5428,56 +5590,56 @@ function wo(e) {
 		})
 	})), i;
 }
-var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-guides.pages", Oo = "mesurer.layout-guides.active", ko = "runtime:solid", Ao = "layout-guides.toggle", jo = "layout-guides.add", Mo = "layout-guides.update", No = "layout-guides.remove", Po = "layout-guides.clear", Fo = 240, Io = 8, Lo = 8, Ro = () => ({ pages: {} }), zo = (e, t) => e.pages[t] ?? [], Bo = (e) => typeof e == "object" && !!e && !Array.isArray(e), Vo = (e) => typeof e == "string", Ho = (e) => typeof e == "boolean", Uo = (e) => typeof e == "number", Wo = (e) => e === "columns" || e === "rows" || e === "grid", Go = (e) => e === "stretch" || e === "min" || e === "center" || e === "max", Ko = (e) => ({ ...e }), qo = (e) => e.map(Ko), Jo = (e) => Bo(e) ? e : null, Yo = (e) => {
+var rs = "mesurer.layout-guides", is = "layout-guides:v1", as = "mesurer.layout-guides.pages", os = "mesurer.layout-guides.active", ss = "runtime:solid", cs = "layout-guides.toggle", ls = "layout-guides.add", us = "layout-guides.update", ds = "layout-guides.remove", fs = "layout-guides.clear", ps = 240, ms = 8, hs = 8, gs = () => ({ pages: {} }), _s = (e, t) => e.pages[t] ?? [], vs = (e) => typeof e == "object" && !!e && !Array.isArray(e), ys = (e) => typeof e == "string", bs = (e) => typeof e == "boolean", xs = (e) => typeof e == "number", Ss = (e) => e === "columns" || e === "rows" || e === "grid", Cs = (e) => e === "stretch" || e === "min" || e === "center" || e === "max", ws = (e) => ({ ...e }), Ts = (e) => e.map(ws), Es = (e) => vs(e) ? e : null, Ds = (e) => {
 	if (!e) return {};
 	let t = {};
-	return Vo(e.id) && (t.id = e.id), Wo(e.kind) && (t.kind = e.kind), Ho(e.visible) && (t.visible = e.visible), Vo(e.color) && (t.color = e.color), Uo(e.opacity) && (t.opacity = e.opacity), Uo(e.count) && (t.count = e.count), Uo(e.size) && (t.size = e.size), Uo(e.gutter) && (t.gutter = e.gutter), Uo(e.offset) && (t.offset = e.offset), Go(e.align) && (t.align = e.align), t;
-}, Xo = (e) => {
+	return ys(e.id) && (t.id = e.id), Ss(e.kind) && (t.kind = e.kind), bs(e.visible) && (t.visible = e.visible), ys(e.color) && (t.color = e.color), xs(e.opacity) && (t.opacity = e.opacity), xs(e.count) && (t.count = e.count), xs(e.size) && (t.size = e.size), xs(e.gutter) && (t.gutter = e.gutter), xs(e.offset) && (t.offset = e.offset), Cs(e.align) && (t.align = e.align), t;
+}, Os = (e) => {
 	let t = {};
 	return e.id !== void 0 && (t.id = e.id), e.kind !== void 0 && (t.kind = e.kind), e.visible !== void 0 && (t.visible = e.visible), e.color !== void 0 && (t.color = e.color), e.opacity !== void 0 && (t.opacity = e.opacity), e.count !== void 0 && (t.count = e.count), e.size !== void 0 && (t.size = e.size), e.gutter !== void 0 && (t.gutter = e.gutter), e.offset !== void 0 && (t.offset = e.offset), e.align !== void 0 && (t.align = e.align), t;
-}, Zo = {
+}, ks = {
 	viewBox: "0 0 256 256",
 	paths: ["M48 48h160v8H48zM48 200h160v8H48zM48 56h8v144h-8zM200 56h8v144h-8z", "M101 56h8v144h-8zM147 56h8v144h-8z"]
-}, Qo = () => ar({
-	id: To,
+}, As = () => ar({
+	id: rs,
 	version: "0.1.0",
-	requires: [ko],
-	provides: [Eo, "tool:layout-guides"],
+	requires: [ss],
+	provides: [is, "tool:layout-guides"],
 	setup(e) {
-		let t = e.service.get(ko);
+		let t = e.service.get(ss);
 		if (!t) throw Error("Layout Guides requires the Solid renderer runtime.");
 		let n = t.rendererRoot;
 		if (!n) throw Error("Layout Guides requires a mounted renderer root.");
 		e.state.register({
-			id: Do,
-			initial: Ro(),
+			id: as,
+			initial: gs(),
 			history: !0,
 			persist: !0
 		}), e.state.register({
-			id: Oo,
+			id: os,
 			initial: !1
 		});
-		let r = gr(t.ownerWindow), i = !1, [a, o] = K(0), s = /* @__PURE__ */ new Set(), c = 0, l = () => e.state.get("mesurer.layout-guides.pages") ?? Ro(), u = () => e.state.get("mesurer.layout-guides.active") ?? !1, d = () => po(zo(l(), r)), f = () => (a(), u() ? d() : []), p = (t) => {
-			e.state.update(Oo, () => t);
+		let r = Jr(t.ownerWindow), i = !1, [a, o] = K(0), s = /* @__PURE__ */ new Set(), c = 0, l = () => e.state.get("mesurer.layout-guides.pages") ?? gs(), u = () => e.state.get("mesurer.layout-guides.active") ?? !1, d = () => Go(_s(l(), r)), f = () => (a(), u() ? d() : []), p = (t) => {
+			e.state.update(os, () => t);
 		}, m = (t) => {
-			e.state.update(Do, (e) => ({
+			e.state.update(as, (e) => ({
 				...e,
 				pages: {
 					...e.pages,
-					[r]: qo(t(po(e.pages[r])))
+					[r]: Ts(t(Go(e.pages[r])))
 				}
 			}));
 		};
-		e.command.register(Ao, () => {
+		e.command.register(cs, () => {
 			let e = !u();
-			return e && d().length === 0 && m(() => [fo()]), i = e, p(e), u();
-		}), e.command.register(jo, (e) => {
-			let t = fo(Yo(Jo(e)));
+			return e && d().length === 0 && m(() => [Wo()]), i = e, p(e), u();
+		}), e.command.register(ls, (e) => {
+			let t = Wo(Ds(Es(e)));
 			return m((e) => [...e, t]), { ...t };
-		}), e.command.register(Mo, (e) => {
-			let t = Jo(e), n = t && Vo(t.id) ? t.id : null, r = Yo(Jo(t?.patch));
+		}), e.command.register(us, (e) => {
+			let t = Es(e), n = t && ys(t.id) ? t.id : null, r = Ds(Es(t?.patch));
 			if (!n) throw Error("layout-guides.update requires a guide id.");
-			m((e) => e.map((e) => e.id === n ? fo({
+			m((e) => e.map((e) => e.id === n ? Wo({
 				...e,
 				...r,
 				id: e.id
@@ -5485,30 +5647,30 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 			let i = d().find((e) => e.id === n);
 			if (!i) throw Error(`Layout guide not found: ${n}`);
 			return { ...i };
-		}), e.command.register(No, (e) => {
-			let t = Jo(e), n = t && Vo(t.id) ? t.id : null;
+		}), e.command.register(ds, (e) => {
+			let t = Es(e), n = t && ys(t.id) ? t.id : null;
 			if (!n) throw Error("layout-guides.remove requires a guide id.");
 			let r = d().length;
 			return m((e) => e.filter((e) => e.id !== n)), d().length !== r;
-		}), e.command.register(Po, () => {
+		}), e.command.register(fs, () => {
 			m(() => []);
 		});
 		let h = async (t, n) => {
-			let r = Jo(await e.command.execute(t, n));
+			let r = Es(await e.command.execute(t, n));
 			if (!r) throw Error(`${t} did not return a layout guide.`);
-			return fo(Yo(r));
+			return Wo(Ds(r));
 		}, g = {
 			list: () => d().map((e) => ({ ...e })),
-			add: (e = {}) => h(jo, Xo(e)),
-			update: (e, t) => h(Mo, {
+			add: (e = {}) => h(ls, Os(e)),
+			update: (e, t) => h(us, {
 				id: e,
-				patch: Xo(t)
+				patch: Os(t)
 			}),
 			async remove(t) {
-				return await e.command.execute(No, { id: t }) === !0;
+				return await e.command.execute(ds, { id: t }) === !0;
 			},
 			async clear() {
-				await e.command.execute(Po);
+				await e.command.execute(fs);
 			},
 			subscribe(e) {
 				s.add(e);
@@ -5518,25 +5680,25 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 				};
 			}
 		};
-		e.service.provide(Eo, g), e.tool.register({
+		e.service.provide(is, g), e.tool.register({
 			id: "layout-guides",
 			label: "Layout guides",
 			shortcut: "L",
-			command: Ao,
+			command: cs,
 			order: 38,
-			icon: Zo,
+			icon: ks,
 			active: u
 		});
 		let _ = t.ownerDocument.createElement("div");
 		_.dataset.mesurerLayoutGuidesRoot = "true", _.dataset.mesurerLayer = "evidence", _.style.position = "absolute", _.style.inset = "0", _.style.pointerEvents = "none", n.prepend(_);
-		let v = Xn(() => J(io, { get guides() {
+		let v = Xn(() => J(Lo, { get guides() {
 			return f();
 		} }), _), y = t.createInspectorMount();
 		y.element.dataset.mesurerLayoutGuidesPanelRoot = "true", Object.assign(y.element.style, {
 			position: "fixed",
 			left: "0",
 			top: "0",
-			width: `${Fo}px`,
+			width: `${ps}px`,
 			zIndex: "100",
 			pointerEvents: "none",
 			display: "none"
@@ -5545,13 +5707,13 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 			if (c = 0, !i) return;
 			let e = t.portalTarget.querySelector("[data-mesurer-tool-id='layout-guides']");
 			if (!e) return;
-			let n = e.getBoundingClientRect(), r = Math.min(Math.max(Lo, n.right - Fo), Math.max(Lo, t.ownerWindow.innerWidth - Fo - Lo)), a = t.ownerWindow.innerHeight - n.bottom - Io - Lo, o = Math.min(320, t.ownerWindow.innerHeight - 16), s = a >= Math.min(o, 320) ? n.bottom + Io : Math.max(Lo, n.top - Io - o);
+			let n = e.getBoundingClientRect(), r = Math.min(Math.max(hs, n.right - ps), Math.max(hs, t.ownerWindow.innerWidth - ps - hs)), a = t.ownerWindow.innerHeight - n.bottom - ms - hs, o = Math.min(320, t.ownerWindow.innerHeight - 16), s = a >= Math.min(o, 320) ? n.bottom + ms : Math.max(hs, n.top - ms - o);
 			y.element.style.left = `${r}px`, y.element.style.top = `${s}px`;
 		}, x = () => {
 			c ||= t.ownerWindow.requestAnimationFrame(b);
 		}, S = () => {
 			y.element.style.display = i ? "block" : "none", i && x();
-		}, C = Xn(() => J(wo, {
+		}, C = Xn(() => J(ns, {
 			get guides() {
 				return f();
 			},
@@ -5571,7 +5733,7 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 			o((e) => e + 1);
 			for (let e of s) e();
 			S();
-		}, T = e.state.subscribe(w), E = br(t.ownerWindow, (e) => {
+		}, T = e.state.subscribe(w), E = Qr(t.ownerWindow, (e) => {
 			r !== e && (r = e, w());
 		}), D = (e) => {
 			if (!i) return;
@@ -5586,169 +5748,7 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 			t.ownerDocument.removeEventListener("pointerdown", D, !0), t.ownerDocument.removeEventListener("keydown", O, !0), t.ownerWindow.removeEventListener("resize", x), t.ownerWindow.removeEventListener("pointerup", x, !0), c && t.ownerWindow.cancelAnimationFrame(c), c = 0, s.clear(), T.dispose(), E(), C(), y.dispose(), v(), _.remove();
 		});
 	}
-}), $o = "mesurer:capture-bridge-ping", es = "mesurer:capture-bridge-request", ts = "mesurer:capture-bridge-response", ns = (e) => e.__MESURER_HOST__?.captureScreenshot, rs = (e) => {
-	if (e instanceof Blob) return e;
-	if (e instanceof Uint8Array) {
-		let t = new Uint8Array(e.byteLength);
-		return t.set(e), new Blob([t.buffer], { type: "image/png" });
-	}
-	if (e instanceof ArrayBuffer) return new Blob([e.slice(0)], { type: "image/png" });
-	if (e == null) throw Error("Host screenshot capture returned no PNG data.");
-	if (!e.png) throw Error("Host screenshot capture returned unsupported PNG data.");
-	return rs(e.png);
-}, is = async (e) => {
-	let t = ns(e);
-	return t ? rs(await t()) : null;
-}, as = (e, t, n) => {
-	let r = Math.max(0, Math.min(e.x, t.x, n.width)), i = Math.max(0, Math.min(e.y, t.y, n.height)), a = Math.max(0, Math.min(Math.max(e.x, t.x), n.width)), o = Math.max(0, Math.min(Math.max(e.y, t.y), n.height));
-	return {
-		left: r,
-		top: i,
-		width: Math.max(0, a - r),
-		height: Math.max(0, o - i)
-	};
-}, os = async (e, t, n, r) => {
-	let i = await createImageBitmap(e);
-	try {
-		let e = i.width / n.width, a = i.height / n.height, o = Math.max(0, Math.round(t.left * e)), s = Math.max(0, Math.round(t.top * a)), c = Math.max(1, Math.min(i.width - o, Math.round(t.width * e))), l = Math.max(1, Math.min(i.height - s, Math.round(t.height * a))), u = r.createElement("canvas");
-		u.width = c, u.height = l;
-		let d = u.getContext("2d");
-		if (!d) throw Error("Could not crop screenshot");
-		return d.drawImage(i, o, s, c, l, 0, 0, c, l), await new Promise((e, t) => {
-			u.toBlob((n) => {
-				n ? e(n) : t(/* @__PURE__ */ Error("Could not crop screenshot"));
-			}, "image/png");
-		});
-	} finally {
-		i.close();
-	}
-}, ss = async (e, t) => {
-	let n = t.navigator.clipboard, r = globalThis.ClipboardItem;
-	if (!n?.write || !r) throw Error("PNG clipboard copy is not available");
-	await n.write([new r({ "image/png": e })]);
-}, cs = (e = /* @__PURE__ */ new Date()) => {
-	let t = (e) => String(e).padStart(2, "0");
-	return `mesurer-${e.getFullYear()}-${t(e.getMonth() + 1)}-${t(e.getDate())}-${t(e.getHours())}${t(e.getMinutes())}${t(e.getSeconds())}.png`;
-}, ls = (e, t, n, r) => {
-	let i = globalThis.URL.createObjectURL(e), a = n.createElement("a");
-	a.href = i, a.download = t, a.rel = "noopener", n.documentElement.append(a), a.click(), a.remove(), r.setTimeout(() => globalThis.URL.revokeObjectURL(i), 1e3);
-}, us = (e) => new Promise((t) => {
-	e.requestAnimationFrame(() => {
-		e.requestAnimationFrame(() => t());
-	});
-}), ds = (e) => e.crypto?.randomUUID?.() ?? `mesurer-${Date.now()}-${Math.random().toString(36).slice(2)}`, fs = (e, t, n = "") => `${e}:${t}:${n}`, ps = (e) => e.location.origin === "null" ? "*" : e.location.origin, ms = (e, t, n) => {
-	let r = `${t}:${n}:`;
-	return e.startsWith(r) ? e.slice(r.length) : null;
-}, hs = (e) => new Promise((t) => {
-	let n = ds(e), r = e.location.origin, i = (o) => {
-		o.source === e && o.origin === r && ms(String(o.data ?? ""), "mesurer:capture-bridge-pong", n) !== null && (e.removeEventListener("message", i), e.clearTimeout(a), t(!0));
-	}, a = e.setTimeout(() => {
-		e.removeEventListener("message", i), t(!1);
-	}, 80);
-	e.addEventListener("message", i), e.postMessage(fs($o, n), ps(e));
-}), gs = (e) => new Promise((t, n) => {
-	let r = ds(e), i = e.location.origin, a = (s) => {
-		if (s.source !== e || s.origin !== i) return;
-		let c = ms(String(s.data ?? ""), ts, r);
-		if (c === null) return;
-		if (e.removeEventListener("message", a), e.clearTimeout(o), !c.startsWith("ok:")) {
-			t(null);
-			return;
-		}
-		let l = c.slice(3);
-		if (!l) {
-			t(null);
-			return;
-		}
-		e.fetch(l).then((e) => e.blob()).then(t, n);
-	}, o = e.setTimeout(() => {
-		e.removeEventListener("message", a), t(null);
-	}, 4e3);
-	e.addEventListener("message", a), e.postMessage(fs(es, r), ps(e));
-}), _s = /* @__PURE__ */ new WeakMap(), vs = (e) => {
-	let t = _s.get(e), n = t?.stream.getVideoTracks()[0];
-	if (!t || !n || n.readyState !== "live") {
-		_s.delete(e);
-		return;
-	}
-	return t;
-}, ys = async (e, t) => {
-	let n = vs(t);
-	if (n) return n;
-	let r = t.navigator.mediaDevices;
-	if (!r?.getDisplayMedia) throw Error("Screenshot capture is unavailable");
-	let i = await r.getDisplayMedia({
-		audio: !1,
-		video: !0,
-		preferCurrentTab: !0,
-		selfBrowserSurface: "include"
-	}), a = i.getVideoTracks()[0];
-	if (!a) throw i.getTracks().forEach((e) => e.stop()), Error("Capture failed");
-	try {
-		let n = e.createElement("video");
-		n.autoplay = !0, n.muted = !0, n.playsInline = !0, n.srcObject = i, await n.play(), (n.videoWidth === 0 || n.videoHeight === 0) && await new Promise((e) => {
-			n.onloadedmetadata = () => e();
-		});
-		let r = {
-			stream: i,
-			video: n
-		};
-		return _s.set(t, r), a.addEventListener("ended", () => {
-			_s.get(t) === r && _s.delete(t);
-		}, { once: !0 }), r;
-	} catch (e) {
-		throw i.getTracks().forEach((e) => e.stop()), e;
-	}
-}, bs = (e) => {
-	let t = _s.get(e);
-	t && (_s.delete(e), t.video.pause(), t.video.srcObject = null, t.stream.getTracks().forEach((e) => e.stop()));
-}, xs = async ({ ownerDocument: e, ownerWindow: t }) => {
-	let { video: n } = await ys(e, t), r = e.createElement("canvas");
-	r.width = n.videoWidth, r.height = n.videoHeight;
-	let i = r.getContext("2d");
-	if (!i) throw Error("Capture failed");
-	return i.drawImage(n, 0, 0), await new Promise((e, t) => {
-		r.toBlob((n) => {
-			n ? e(n) : t(/* @__PURE__ */ Error("Capture failed"));
-		}, "image/png");
-	});
-}, Ss = {
-	prepare: async () => void 0,
-	capture: async ({ ownerWindow: e }) => {
-		let t = await is(e);
-		if (!t) throw Error("Host screenshot capture is unavailable.");
-		return t;
-	},
-	release: () => void 0
-}, Cs = {
-	prepare: async () => void 0,
-	capture: async ({ ownerWindow: e }) => {
-		let t = await gs(e);
-		if (!t) throw Error("Host screenshot capture failed.");
-		return t;
-	},
-	release: () => void 0
-}, ws = {
-	prepare: async ({ ownerDocument: e, ownerWindow: t }) => {
-		await ys(e, t);
-	},
-	capture: xs,
-	release: bs
-}, Ts = /* @__PURE__ */ new WeakMap(), Es = async (e) => {
-	let t = Ts.get(e.ownerWindow);
-	if (t) return t;
-	let n = ws;
-	return ns(e.ownerWindow) ? n = Ss : await hs(e.ownerWindow) && (n = Cs), Ts.set(e.ownerWindow, n), n;
-}, Ds = async (e, t) => {
-	let n = {
-		ownerDocument: e,
-		ownerWindow: t
-	};
-	await (await Es(n)).prepare(n);
-}, Os = async (e) => (await Es(e)).capture(e), ks = (e) => {
-	let t = Ts.get(e);
-	Ts.delete(e), t?.release(e);
-}, As = Os, js = 144, Ms = 96, Ns = 8, Ps = 4, Fs = 1800, Is = (e, t) => {
+}), js = 144, Ms = 96, Ns = 8, Ps = 4, Fs = 1800, Is = (e, t) => {
 	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
 }, Ls = (e, t) => ({
 	left: Math.min(Math.max(Ns, e.left), Math.max(Ns, t.innerWidth - js - Ns)),
@@ -5915,18 +5915,18 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 	}, N = async () => {
 		let e = v;
 		if (e) try {
-			await ss(Promise.resolve(e), t), D("Copied screenshot");
+			await br(Promise.resolve(e), t), D("Copied screenshot");
 		} catch {
 			D("Could not copy screenshot", !0);
 		}
-	}, te = () => {
+	}, P = () => {
 		let n = v;
 		if (n) try {
-			ls(n, cs(), e, t), D("Saved screenshot");
+			Sr(n, xr(), e, t), D("Saved screenshot");
 		} catch {
 			D("Could not save screenshot", !0);
 		}
-	}, P = (e, t, n) => {
+	}, F = (e, t, n) => {
 		if (!v) return !1;
 		T();
 		let r = o.getBoundingClientRect();
@@ -5938,7 +5938,7 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 			top: r.top,
 			moved: !1
 		}, o.style.cursor = "grabbing", !0;
-	}, ne = (e, t) => {
+	}, te = (e, t) => {
 		let n = x;
 		if (!n) return;
 		let r = e - n.startX, i = t - n.startY;
@@ -5946,28 +5946,28 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 			left: n.left + r,
 			top: n.top + i
 		});
-	}, F = () => {
+	}, I = () => {
 		let e = x;
 		e && (x = null, o.style.cursor = "grab", e.moved || ee());
-	}, I = () => {
+	}, L = () => {
 		x && (x = null, o.style.cursor = "grab");
-	}, L = (e) => {
-		e.button !== 0 || !P(e.clientX, e.clientY, null) || e.preventDefault();
 	}, R = (e) => {
-		x?.pointerId === null && ne(e.clientX, e.clientY);
+		e.button !== 0 || !F(e.clientX, e.clientY, null) || e.preventDefault();
 	}, z = (e) => {
-		e.button === 0 && x?.pointerId === null && F();
+		x?.pointerId === null && te(e.clientX, e.clientY);
 	}, B = (e) => {
-		e.pointerType !== "mouse" && e.button === 0 && P(e.clientX, e.clientY, e.pointerId) && (o.setPointerCapture?.(e.pointerId), e.preventDefault());
+		e.button === 0 && x?.pointerId === null && I();
 	}, V = (e) => {
+		e.pointerType !== "mouse" && e.button === 0 && F(e.clientX, e.clientY, e.pointerId) && (o.setPointerCapture?.(e.pointerId), e.preventDefault());
+	}, ne = (e) => {
 		let t = x?.pointerId;
-		t != null && t === e.pointerId && ne(e.clientX, e.clientY);
+		t != null && t === e.pointerId && te(e.clientX, e.clientY);
 	}, re = (e) => {
 		let t = x?.pointerId;
-		t != null && t === e.pointerId && (o.hasPointerCapture?.(e.pointerId) && o.releasePointerCapture(e.pointerId), F());
+		t != null && t === e.pointerId && (o.hasPointerCapture?.(e.pointerId) && o.releasePointerCapture(e.pointerId), I());
 	}, H = (e) => {
 		let t = x?.pointerId;
-		t != null && t === e.pointerId && (o.hasPointerCapture?.(e.pointerId) && o.releasePointerCapture(e.pointerId), I());
+		t != null && t === e.pointerId && (o.hasPointerCapture?.(e.pointerId) && o.releasePointerCapture(e.pointerId), L());
 	}, ie = (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), ee());
 	}, U = (e) => {
@@ -5979,9 +5979,9 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 	};
 	return c.addEventListener("pointerdown", (e) => e.stopPropagation()), c.addEventListener("mousedown", (e) => e.stopPropagation()), c.addEventListener("click", (e) => {
 		e.stopPropagation(), A();
-	}), o.addEventListener("mousedown", L), o.addEventListener("pointerdown", B), o.addEventListener("keydown", ie), o.addEventListener("contextmenu", U), d.addEventListener("click", ae), m.addEventListener("click", () => {
+	}), o.addEventListener("mousedown", R), o.addEventListener("pointerdown", V), o.addEventListener("keydown", ie), o.addEventListener("contextmenu", U), d.addEventListener("click", ae), m.addEventListener("click", () => {
 		N();
-	}), h.addEventListener("click", te), g.addEventListener("click", O), t.addEventListener("mousemove", R, !0), t.addEventListener("mouseup", z, !0), t.addEventListener("pointermove", V, !0), t.addEventListener("pointerup", re, !0), t.addEventListener("pointercancel", H, !0), t.addEventListener("keydown", W, !0), {
+	}), h.addEventListener("click", P), g.addEventListener("click", O), t.addEventListener("mousemove", z, !0), t.addEventListener("mouseup", B, !0), t.addEventListener("pointermove", ne, !0), t.addEventListener("pointerup", re, !0), t.addEventListener("pointercancel", H, !0), t.addEventListener("keydown", W, !0), {
 		show(e, n) {
 			if (w) return;
 			T(), O(), k(), v = e;
@@ -5990,7 +5990,7 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 		},
 		dismiss: A,
 		dispose() {
-			w || (w = !0, T(), E(), A(), t.removeEventListener("mousemove", R, !0), t.removeEventListener("mouseup", z, !0), t.removeEventListener("pointermove", V, !0), t.removeEventListener("pointerup", re, !0), t.removeEventListener("pointercancel", H, !0), t.removeEventListener("keydown", W, !0), o.removeEventListener("mousedown", L), o.removeEventListener("pointerdown", B), o.removeEventListener("keydown", ie), o.removeEventListener("contextmenu", U), d.removeEventListener("click", ae), a.remove());
+			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 = [
@@ -6070,7 +6070,7 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 	setup(t) {
 		let n = t.service.get(Ks);
 		if (!n) throw Error("Screenshot plugin requires the Solid renderer runtime.");
-		let { ownerDocument: r, ownerWindow: i } = n, a = n.createWorkspaceRuntime(), o = n.createInspectorMount(), s = e.capture ?? e.captureVisibleTab, c = s ?? Os, l = e.previewDurationMs ?? Ys;
+		let { ownerDocument: r, ownerWindow: i } = n, a = n.createWorkspaceRuntime(), o = n.createInspectorMount(), s = e.capture ?? e.captureVisibleTab, c = s ?? Vr, l = e.previewDurationMs ?? Ys;
 		t.state.register({
 			id: Ws,
 			initial: {
@@ -6232,19 +6232,19 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 			y && i.clearTimeout(y), g.style.display = "block", ee(g), y = i.setTimeout(() => {
 				y = 0, g.style.display = "none";
 			}, Js);
-		}, te = () => {
-			_ = null, A(null), d.style.visibility = "", d.style.display = "none", u.style.pointerEvents = "none", D(!1), k();
 		}, P = () => {
-			b += 1, te(), ks(i);
-		}, ne = async (e) => {
+			_ = null, A(null), d.style.visibility = "", d.style.display = "none", u.style.pointerEvents = "none", D(!1), k();
+		}, F = () => {
+			b += 1, P(), Hr(i);
+		}, te = async (e) => {
 			if (x) throw Error("A screenshot capture is already running.");
 			if (e.width < 4 || e.height < 4) throw Error("Screenshot selection must be at least 4px by 4px.");
 			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);
 			try {
-				d.style.visibility = "hidden", await us(i);
-				let n = await os(await c({
+				d.style.visibility = "hidden", await Cr(i);
+				let n = await yr(await c({
 					ownerDocument: r,
 					ownerWindow: i
 				}), e, {
@@ -6252,10 +6252,10 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 					height: i.innerHeight
 				}, r);
 				if (b !== o) throw Error("Screenshot capture was cancelled.");
-				let a = !1, l = !1, u = s.copy ? ss(Promise.resolve(n), i).then(() => {
+				let a = !1, l = !1, u = s.copy ? br(Promise.resolve(n), i).then(() => {
 					a = !0;
 				}) : Promise.resolve(), f = s.download ? Promise.resolve().then(() => {
-					ls(n, cs(), r, i), l = !0;
+					Sr(n, xr(), r, i), l = !0;
 				}) : Promise.resolve(), p = await Promise.allSettled([u, f]), m = s.copy && p[0]?.status === "rejected", h = s.download && p[1]?.status === "rejected";
 				if (b !== o) throw Error("Screenshot capture was cancelled.");
 				return M.show(n, {
@@ -6278,16 +6278,16 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 			} finally {
 				d.style.visibility = "", u(), a.finishCapture(), x = !1;
 			}
-		}, F = async () => {
+		}, I = async () => {
 			if (T().toolEnabled) {
 				if (w()) {
-					P();
+					F();
 					return;
 				}
 				if (!S) {
 					S = !0, M.dismiss();
 					try {
-						if (s || await Ds(r, i), C) return;
+						if (s || await Br(r, i), C) return;
 						O(), A(null), d.style.visibility = "visible", u.style.pointerEvents = "auto", d.style.display = "block", D(!0);
 					} catch (e) {
 						throw e instanceof Error && e.name === "AbortError" || N(), e;
@@ -6296,27 +6296,27 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 					}
 				}
 			}
-		}, I = (e) => {
+		}, L = (e) => {
 			!w() || e.button !== 0 || (e.preventDefault(), e.stopPropagation(), _ = {
 				x: e.clientX,
 				y: e.clientY
-			}, A(as(_, _, {
+			}, A(vr(_, _, {
 				width: i.innerWidth,
 				height: i.innerHeight
 			})), d.setPointerCapture?.(e.pointerId));
-		}, L = (e) => {
-			!w() || !_ || A(as(_, {
+		}, R = (e) => {
+			!w() || !_ || A(vr(_, {
 				x: e.clientX,
 				y: e.clientY
 			}, {
 				width: i.innerWidth,
 				height: i.innerHeight
 			}));
-		}, R = (e) => {
+		}, z = (e) => {
 			let t = _;
 			if (_ = null, !w() || !t) return;
 			d.hasPointerCapture?.(e.pointerId) && d.releasePointerCapture(e.pointerId);
-			let n = as(t, {
+			let n = vr(t, {
 				x: e.clientX,
 				y: e.clientY
 			}, {
@@ -6327,22 +6327,22 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 				A(null);
 				return;
 			}
-			ne(n).catch(() => void 0).finally(() => {
-				w() && te();
+			te(n).catch(() => void 0).finally(() => {
+				w() && P();
 			});
-		}, z = (e) => {
-			_ = null, d.hasPointerCapture?.(e.pointerId) && d.releasePointerCapture(e.pointerId), A(null);
 		}, B = (e) => {
-			e.key !== "Escape" || !w() || (e.preventDefault(), e.stopImmediatePropagation(), P());
+			_ = null, d.hasPointerCapture?.(e.pointerId) && d.releasePointerCapture(e.pointerId), A(null);
+		}, V = (e) => {
+			e.key !== "Escape" || !w() || (e.preventDefault(), e.stopImmediatePropagation(), F());
 		};
-		d.addEventListener("pointerdown", I), d.addEventListener("pointermove", L), d.addEventListener("pointerup", R), d.addEventListener("pointercancel", z), i.addEventListener("keydown", B, !0);
-		let V = {
+		d.addEventListener("pointerdown", L), d.addEventListener("pointermove", R), d.addEventListener("pointerup", z), d.addEventListener("pointercancel", B), i.addEventListener("keydown", V, !0);
+		let ne = {
 			active: w,
 			settings: T,
 			setSettings: E,
-			start: F,
-			cancel: P,
-			capture: ne
+			start: I,
+			cancel: F,
+			capture: te
 		};
 		t.tool.register({
 			id: "screenshot",
@@ -6388,7 +6388,7 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 					description: "Show the camera tool in the toolbar.",
 					value: () => T().toolEnabled,
 					set: (e) => {
-						E({ toolEnabled: e }), !e && w() && P();
+						E({ toolEnabled: e }), !e && w() && F();
 					}
 				},
 				{
@@ -6416,12 +6416,12 @@ var To = "mesurer.layout-guides", Eo = "layout-guides:v1", Do = "mesurer.layout-
 					set: (e) => E({ includeMeasurements: e })
 				}
 			]
-		}), t.command.register(qs, F), t.service.provide(Us, V), t.lifecycle.onDispose(() => {
-			C = !0, b += 1, d.removeEventListener("pointerdown", I), d.removeEventListener("pointermove", L), d.removeEventListener("pointerup", R), d.removeEventListener("pointercancel", z), i.removeEventListener("keydown", B, !0), y && i.clearTimeout(y), M.dispose(), k(), ks(i), a.finishCapture(), a.dispose(), o.dispose();
+		}), t.command.register(qs, I), t.service.provide(Us, 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.1.9", uc = Vi, dc = Ri, fc = zi, pc = Hi, mc = Bi, hc = () => ({
-	...wa(),
+}), lc = "0.2.0-beta.1", uc = ya, dc = ga, fc = _a, pc = ba, mc = va, hc = () => ({
+	...no(),
 	version: lc
 }), gc = (e, t) => e.left <= t.left + t.width && e.left + e.width >= t.left && e.top <= t.top + t.height && e.top + e.height >= t.top, _c = (e) => {
 	if (!e.length) return null;
@@ -6794,8 +6794,8 @@ var Lc = (e, t, n, r, i) => {
 	evidence: t,
 	id: n,
 	label: r
-});
-function zc(e) {
+}), 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) {
 	let t = e.runtime.annotation(e.annotationId);
 	if (!t) throw Error(`Mesurer annotation not found: ${e.annotationId}`);
 	let n = Nc({
@@ -6829,12 +6829,13 @@ function zc(e) {
 		Lc(a, "guide", `${e.orientation} guide ${e.id}`, e.position, t.position);
 	}
 	for (let e of t.baseline.measurements) {
-		let t = n.visualContext.measurements.find((t) => t.id === e.id) ?? i.find((t) => t.id === e.id);
-		if (!t) {
-			Rc(a, "measurement", e.id, e.id);
+		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);
 			continue;
 		}
-		Lc(a, "measurement", `${e.id} width`, e.rect.width, t.rect.width), Lc(a, "measurement", `${e.id} height`, e.rect.height, t.rect.height);
+		Lc(a, "measurement", `${e.id} width`, e.rect.width, r.rect.width), Lc(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);
@@ -6854,7 +6855,7 @@ function zc(e) {
 		changes: a
 	};
 }
-async function Bc(e, t, n) {
+async function Vc(e, t, n) {
 	try {
 		if (t.navigator.clipboard?.writeText) {
 			await t.navigator.clipboard.writeText(n);
@@ -6868,22 +6869,22 @@ async function Bc(e, t, n) {
 }
 //#endregion
 //#region src/layout-guides.ts
-var Vc = To, Hc = Eo, Uc = Do, Wc = Oo, Gc = () => ({
-	...Qo(),
+var Hc = rs, Uc = is, Wc = as, Gc = os, Kc = () => ({
+	...As(),
 	version: lc
-}), Kc = "mesurer.context", qc = "context:v1", Jc = "mesurer.context.settings", Yc = "context.ui", Xc = "data-mesurer-direct-text-edit-active", Zc = {
+}), qc = "mesurer.context", Jc = "context:v1", Yc = "mesurer.context.settings", Xc = "context.ui", Zc = "data-mesurer-direct-text-edit-active", Qc = {
 	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"]
-}, Qc = {
+}, $c = {
 	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"]
-}, $c = {
+}, el = {
 	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"]
-}, el = async (e, t, n = 1) => {
+}, tl = 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()));
-}, tl = (e, t, n, r) => {
+}, nl = (e, t, n, r) => {
 	let i = async (i) => Nc({
 		runtime: e,
 		ownerDocument: t,
@@ -6894,17 +6895,17 @@ var Vc = To, Hc = Eo, Uc = Do, Wc = Oo, Gc = () => ({
 	return {
 		context: i,
 		contextText: a,
-		copyContext: async (e) => Bc(t, n, await a(e)),
+		copyContext: async (e) => Vc(t, n, await a(e)),
 		select: async (r) => {
 			let a = Array.isArray(r) ? [...r] : [String(r)];
-			return e.select(a), await el(t, n), i({ scope: "selection" });
+			return e.select(a), await tl(t, n), i({ scope: "selection" });
 		},
 		annotations: async () => e.annotations(),
 		removeAnnotation: async (r) => {
-			e.removeAnnotation(r), await el(t, n);
+			e.removeAnnotation(r), await tl(t, n);
 		},
 		review: async (i) => {
-			if (await el(t, n), i) return zc({
+			if (await tl(t, n), i) return Bc({
 				runtime: e,
 				ownerDocument: t,
 				ownerWindow: n,
@@ -6912,7 +6913,7 @@ var Vc = To, Hc = Eo, Uc = Do, Wc = Oo, Gc = () => ({
 				layoutGuides: r()
 			});
 			let a = r();
-			return e.annotations().map((r) => zc({
+			return e.annotations().map((r) => Bc({
 				runtime: e,
 				ownerDocument: t,
 				ownerWindow: n,
@@ -6922,36 +6923,36 @@ var Vc = To, Hc = Eo, Uc = Do, Wc = Oo, Gc = () => ({
 		},
 		capturePlan: async (e) => Ic(await i(e)),
 		prepareCapture: async () => {
-			e.prepareCapture(), await el(t, n);
+			e.prepareCapture(), await tl(t, n);
 		},
 		finishCapture: async () => {
-			e.finishCapture(), await el(t, n);
+			e.finishCapture(), await tl(t, n);
 		}
 	};
-}, nl = (e) => {
+}, rl = (e) => {
 	let t = e.currentSelection();
 	return t.elements.length > 0 || t.region !== null;
 };
-function rl(e = {}) {
+function il(e = {}) {
 	return {
-		id: Kc,
+		id: qc,
 		version: lc,
 		requires: ["runtime:solid"],
-		provides: [qc],
+		provides: [Jc],
 		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(Kc), i = tl(r, n.ownerDocument, n.ownerWindow, () => t.service.get(Hc)?.list() ?? []);
-			t.service.provide(qc, i), t.state.register({
-				id: Jc,
+			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,
 				initial: { ui: e.ui ?? !0 },
 				persist: !0
 			}), t.state.register({
-				id: Yc,
-				initial: { hasSelection: nl(r) }
+				id: Xc,
+				initial: { hasSelection: rl(r) }
 			});
-			let a = () => t.state.get("mesurer.context.settings")?.ui ?? !0, o = () => t.state.get(Yc)?.hasSelection === !0, s = (e) => {
-				t.state.update(Jc, (t) => ({
+			let a = () => t.state.get("mesurer.context.settings")?.ui ?? !0, o = () => t.state.get(Xc)?.hasSelection === !0, s = (e) => {
+				t.state.update(Yc, (t) => ({
 					...t,
 					ui: e
 				}));
@@ -6965,21 +6966,21 @@ function rl(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(Yc)?.hasSelection ?? !1) && t.state.update(Yc, () => ({ hasSelection: i }));
+				i !== (t.state.get(Xc)?.hasSelection ?? !1) && t.state.update(Xc, () => ({ 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(Xc) ? e.setAttribute(Xc, "true") : e.removeAttribute(Xc));
+				e && (n.rendererRoot?.hasAttribute(Zc) ? e.setAttribute(Zc, "true") : e.removeAttribute(Zc));
 			}, _ = () => {
 				d?.disconnect(), d = null, c = null, l?.(), l = null, u?.dispose(), u = null;
 			}, v = () => {
 				if (u) return;
-				if (u = eo(n), u.element.dataset.mesurerLayer = "evidence", u.element.dataset.mesurerContextRoot = "true", n.rendererRoot) {
+				if (u = No(n), u.element.dataset.mesurerLayer = "evidence", u.element.dataset.mesurerContextRoot = "true", n.rendererRoot) {
 					let e = new n.ownerWindow.MutationObserver(g);
 					d = e, e.observe(n.rendererRoot, {
 						attributes: !0,
-						attributeFilter: [Xc]
+						attributeFilter: [Zc]
 					}), g();
 				}
 				let e = {
@@ -6990,7 +6991,7 @@ function rl(e = {}) {
 					},
 					coordinateSpace: "document"
 				};
-				l = Dn(() => qt(Xa, En(e, { get ownerWindow() {
+				l = Dn(() => qt(ko, En(e, { get ownerWindow() {
 					return n.ownerWindow;
 				} })), u.element);
 			}, y = () => {
@@ -7002,7 +7003,7 @@ function rl(e = {}) {
 				shortcut: "C",
 				command: "context.copy",
 				order: 70,
-				icon: Zc,
+				icon: Qc,
 				hidden: () => !a()
 			}), t.tool.register({
 				id: "context.copy-selection",
@@ -7010,7 +7011,7 @@ function rl(e = {}) {
 				shortcut: "Shift+C",
 				command: "context.copy-selection",
 				order: 71,
-				icon: Qc,
+				icon: $c,
 				hidden: () => !a(),
 				disabled: () => !o()
 			}), t.tool.register({
@@ -7019,7 +7020,7 @@ function rl(e = {}) {
 				shortcut: "N",
 				command: "context.add-note",
 				order: 72,
-				icon: $c,
+				icon: el,
 				hidden: () => !a(),
 				disabled: () => !o()
 			}), t.settings.register({
@@ -7042,28 +7043,28 @@ function rl(e = {}) {
 }
 //#endregion
 //#region src/codex-plugin.ts
-var il = "mesurer.codex", al = "codex:v1", ol = "http://127.0.0.1:47365", sl = 2e3, cl = 750, ll = 1800, ul = 2e3, dl = 12e4, fl = 10, pl = 5, ml = [
+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 = [
 	"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(" "), hl = {
+].join(" "), gl = {
 	viewBox: "0 0 256 256",
 	paths: ["M224,48,32,120l88,32,32,88Z M120,152l104-104"]
-}, gl = {
+}, _l = {
 	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"]
-}, _l = {
+}, vl = {
 	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"]
-}, vl = (e) => {
+}, yl = (e) => {
 	try {
 		let t = globalThis.location;
 		return t?.origin ? `mesurer-codex-ui:v1:${e}:${t.origin}${t.pathname}` : null;
 	} catch {
 		return null;
 	}
-}, yl = (e) => {
-	let t = vl(e);
+}, bl = (e) => {
+	let t = yl(e);
 	if (!t) return null;
 	try {
 		let e = globalThis.sessionStorage?.getItem(t);
@@ -7088,18 +7089,18 @@ var il = "mesurer.codex", al = "codex:v1", ol = "http://127.0.0.1:47365", sl = 2
 	} catch {
 		return null;
 	}
-}, bl = (e, t) => {
-	let n = vl(e);
+}, xl = (e, t) => {
+	let n = yl(e);
 	if (n) try {
 		globalThis.sessionStorage?.setItem(n, JSON.stringify(t));
 	} catch {}
-}, xl = (e, t) => {
+}, Sl = (e, t) => {
 	let n = e.endsWith("/") ? e : `${e}/`;
 	return new URL(t, n).toString();
-}, Sl = async (e, t, n) => {
+}, Cl = async (e, t, n) => {
 	let r = new AbortController(), i = setTimeout(() => r.abort(), 15e3);
 	try {
-		let i = await fetch(xl(e, t), {
+		let i = await fetch(Sl(e, t), {
 			...n,
 			signal: r.signal
 		}), a = await i.text(), o = {};
@@ -7115,10 +7116,10 @@ var il = "mesurer.codex", al = "codex:v1", ol = "http://127.0.0.1:47365", sl = 2
 	} finally {
 		clearTimeout(i);
 	}
-}, Cl = (e) => ({
+}, wl = (e) => ({
 	thread: e.thread?.trim() || null,
 	threads: Array.isArray(e.threads) ? e.threads.filter((e) => e.trim().length > 0) : []
-}), wl = (e) => {
+}), Tl = (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 = {
@@ -7130,7 +7131,7 @@ var il = "mesurer.codex", al = "codex:v1", ol = "http://127.0.0.1:47365", sl = 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;
-}, Tl = (e) => ({
+}, El = (e) => ({
 	thread: e.thread?.trim() || null,
 	threads: Array.isArray(e.threadDetails) ? e.threadDetails.flatMap((e) => {
 		let t = e.id?.trim() ?? "";
@@ -7142,7 +7143,7 @@ var il = "mesurer.codex", al = "codex:v1", ol = "http://127.0.0.1:47365", sl = 2
 		}] : [];
 	}) : [],
 	hasMore: e.hasMore === !0
-}), El = async (e, t, n) => {
+}), Dl = 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] : [];
@@ -7165,18 +7166,18 @@ var il = "mesurer.codex", al = "codex:v1", ol = "http://127.0.0.1:47365", sl = 2
 			])
 		].join("\n").trimEnd()
 	};
-}, Dl = (e) => e.length > 16 ? `${e.slice(0, 8)}…${e.slice(-4)}` : e, Ol = (e, t = 42) => e.length > t ? `${e.slice(0, t - 1)}…` : e, kl = (e, t) => e instanceof Error && e.message === `Mesurer Codex bridge is unavailable at ${t}. Start the local bridge before queueing feedback.`;
-function Al(e = {}) {
-	let t = e.endpoint ?? ol, n = e.instruction?.trim() || ml, r = e.ui ?? !0, i = e.clearCompletedAnnotations ?? !0;
+}, 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;
 	return {
-		id: il,
+		id: al,
 		version: lc,
-		requires: [qc],
-		provides: [al],
+		requires: [Jc],
+		provides: [ol],
 		setup(e) {
-			let a = e.service.get(qc);
+			let a = e.service.get(Jc);
 			if (!a) throw Error("Mesurer Codex plugin requires context() from mesurer-solid/plugins.");
-			let o = r ? yl(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 = pl, _, v = "", y = null, b = o?.delivery ? {
+			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 ? {
 				id: o.delivery.id,
 				thread: o.delivery.thread,
 				status: o.delivery.status,
@@ -7184,22 +7185,22 @@ function Al(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 () => Cl(await Sl(t, "health")), E = async (e) => wl(await Sl(t, `deliveries/${encodeURIComponent(e)}`)), D = async (e) => {
+			} : 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) => {
 				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), wl(await Sl(t, "deliveries/restore", {
+				return e.queuedSubmissionId && (n.queuedSubmissionId = e.queuedSubmissionId), Tl(await Cl(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 ?? fl));
+				n.set("limit", String(e.limit ?? pl));
 				let r = e.thread?.trim();
-				return r && n.set("thread", r), Tl(await Sl(t, `threads?${n.toString()}`));
+				return r && n.set("thread", r), El(await Cl(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") ? {
@@ -7211,7 +7212,7 @@ function Al(e = {}) {
 					dispatch: b.dispatch,
 					dispatchError: b.dispatchError
 				} : null;
-				bl(t, {
+				xl(t, {
 					version: 1,
 					originThread: l,
 					selectedThread: u,
@@ -7225,16 +7226,16 @@ function Al(e = {}) {
 				"queued",
 				"working",
 				"completed"
-			].includes(b.status), ee = () => b?.status === "queued" && (b.dispatch === "desktop-send-uncertain" || b.dispatch === "desktop-wait-failed"), N = (e) => e === "queueing" ? "Queueing…" : e === "queued" ? "Queued" : e === "working" ? "Working…" : e === "completed" ? "Done" : e === "interrupted" ? "Interrupted" : "Failed", te = () => b ? b.status === "queueing" ? "Queueing to Codex…" : ee() ? "Codex delivery blocked" : b.status === "queued" ? "Queued for Codex" : b.status === "working" ? "Codex working…" : b.status === "completed" ? "Codex finished" : b.status === "interrupted" ? "Codex interrupted" : "Queue failed" : null, P = () => b ? [
+			].includes(b.status), ee = () => b?.status === "queued" && (b.dispatch === "desktop-send-uncertain" || b.dispatch === "desktop-wait-failed"), N = (e) => e === "queueing" ? "Queueing…" : e === "queued" ? "Queued" : e === "working" ? "Working…" : e === "completed" ? "Done" : e === "interrupted" ? "Interrupted" : "Failed", P = () => b ? b.status === "queueing" ? "Queueing to Codex…" : ee() ? "Codex delivery blocked" : b.status === "queued" ? "Queued for Codex" : b.status === "working" ? "Codex working…" : b.status === "completed" ? "Codex finished" : b.status === "interrupted" ? "Codex interrupted" : "Queue failed" : null, F = () => b ? [
 				"queueing",
 				"queued",
 				"working"
-			].includes(b.status) ? gl : b.status === "completed" ? _l : hl : hl, ne = () => {
+			].includes(b.status) ? _l : b.status === "completed" ? vl : gl : gl, 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 ${Dl(e)}`,
+					title: `Codex ${Ol(e)}`,
 					updatedAt: null,
 					connected: !0
 				});
@@ -7244,34 +7245,34 @@ function Al(e = {}) {
 				for (let e of m) n(e);
 				for (let e of p) n(m.find((t) => t.id === e) ?? r(e));
 				return e;
-			}, F = (e = !1) => Promise.resolve(), I = () => {
+			}, I = (e = !1) => Promise.resolve(), L = () => {
 				if (s !== "available") return [{
 					id: "codex.thread.connect",
 					label: s === "unavailable" ? "Retry Codex connection" : "Choose Codex thread…",
-					run: () => F(!0)
+					run: () => I(!0)
 				}];
-				let e = ne(), t = e.slice(0, g), n = k(), r = t.map((e) => {
+				let e = te(), t = e.slice(0, g), n = k(), r = t.map((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}${Ol(e.title)}${r}`,
+						label: `${t}${kl(e.title)}${r}`,
 						checked: () => n === e.id,
 						disabled: () => M(),
 						run() {
-							M() || (j(e.id, !l), L());
+							M() || (j(e.id, !l), R());
 						}
 					};
 				});
-				return g < fl && (e.length > g || h) && r.push({
+				return g < pl && (e.length > g || h) && r.push({
 					id: "codex.thread.show-more",
 					label: "Show 5 more…",
 					run() {
-						g = fl, L();
+						g = pl, R();
 					}
 				}), r;
-			}, L = () => {
+			}, R = () => {
 				if (!r || w) return;
-				let t = k(), n = I(), i = !M() && !d && s !== "unavailable" && (s === "unknown" || !!t), a = te() ?? (s === "unavailable" ? "Codex unavailable" : d || s === "available" && !t ? "Choose Codex thread" : "Queue to Codex"), o = JSON.stringify({
+				let t = k(), n = L(), i = !M() && !d && s !== "unavailable" && (s === "unknown" || !!t), a = P() ?? (s === "unavailable" ? "Codex unavailable" : d || s === "available" && !t ? "Choose Codex thread" : "Queue to Codex"), o = JSON.stringify({
 					bridgeAvailability: s,
 					routeNeedsSelection: d,
 					target: t,
@@ -7290,50 +7291,50 @@ function Al(e = {}) {
 					label: a,
 					command: "codex.queue",
 					order: 73,
-					icon: P(),
+					icon: F(),
 					disabled: () => !i,
 					menu: n.length ? {
 						label: "Codex destination",
 						items: n
 					} : void 0
 				}));
-			}, R = async () => {
+			}, z = async () => {
 				if (s !== "available") return;
 				let e = l && p.includes(l) ? l : f;
 				try {
 					let t = await O({
-						limit: fl,
+						limit: pl,
 						thread: e ?? void 0
 					});
 					m = t.threads, h = t.hasMore;
 				} catch {
 					m = p.map((e) => ({
 						id: e,
-						title: `Codex ${Dl(e)}`,
+						title: `Codex ${Ol(e)}`,
 						updatedAt: null,
 						connected: !0
 					})), h = !1;
 				}
 			};
-			F = (e = !1) => w || s === "unknown" && !e ? Promise.resolve() : y || (y = (async () => {
+			I = (e = !1) => w || s === "unknown" && !e ? Promise.resolve() : y || (y = (async () => {
 				try {
 					let e = await T(), t = e.thread !== f;
 					s = "available", c = !0, f = e.thread, p = e.threads;
 					let n = u ?? l;
-					n ? d = !e.threads.includes(n) : e.threads.length === 1 ? j(e.threads[0], !0) : d = (e.threads.length, !0), (t || m.length === 0 || d) && await R(), d && n && m.some((e) => e.id === n) && (d = !1, A());
+					n ? d = !e.threads.includes(n) : e.threads.length === 1 ? j(e.threads[0], !0) : d = (e.threads.length, !0), (t || m.length === 0 || d) && await z(), d && n && m.some((e) => e.id === n) && (d = !1, A());
 				} catch (e) {
 					throw s = "unavailable", e;
 				} finally {
-					y = null, L();
+					y = null, R();
 				}
 			})(), y);
-			let z = () => {
+			let B = () => {
 				x &&= (globalThis.clearTimeout(x), 0), S &&= (globalThis.clearTimeout(S), 0);
-			}, B = () => {
+			}, V = () => {
 				S && globalThis.clearTimeout(S), S = globalThis.setTimeout(() => {
-					S = 0, b?.status === "completed" && (b = null, A(), L());
-				}, ll);
-			}, V = async (e) => {
+					S = 0, b?.status === "completed" && (b = null, A(), R());
+				}, ul);
+			}, ne = async (e) => {
 				if (!(!b || b.id !== e.id)) {
 					if (b = {
 						...b,
@@ -7344,44 +7345,44 @@ function Al(e = {}) {
 						dispatchError: e.dispatchError ?? b.dispatchError
 					}, A(), e.status === "completed") {
 						if (i) for (let e of b.annotationIds) await a.removeAnnotation(e);
-						A(), L(), B();
+						A(), R(), V();
 						return;
 					}
 					if (e.status === "interrupted") {
-						A(), L();
+						A(), R();
 						let t = e.updatedAt > 0 ? e.updatedAt : Date.now();
-						Date.now() - t < dl && (x = globalThis.setTimeout(() => {
+						Date.now() - t < fl && (x = globalThis.setTimeout(() => {
 							x = 0, re(e.id);
-						}, ul));
+						}, dl));
 						return;
 					}
-					L(), x = globalThis.setTimeout(() => {
+					R(), x = globalThis.setTimeout(() => {
 						x = 0, re(e.id);
-					}, cl);
+					}, ll);
 				}
 			}, re = async (e) => {
 				if (!(w || b?.id !== e)) try {
-					await V(await E(e));
+					await ne(await E(e));
 				} catch (n) {
 					if (b?.id !== e) return;
 					let r = n;
 					if (b.status === "queued" && b.thread) try {
-						s !== "available" && await F(!0);
+						s !== "available" && await I(!0);
 						let e = await D(b);
-						await V(e);
+						await ne(e);
 						return;
 					} catch (e) {
 						r = e;
 					}
 					if (b?.id !== e) return;
 					if (b.status === "interrupted") {
-						L();
+						R();
 						return;
 					}
 					b = {
 						...b,
 						status: "failed"
-					}, A(), kl(r, t) && (s = "unavailable"), L();
+					}, A(), Al(r, t) && (s = "unavailable"), R();
 				}
 			}, H = {
 				health: T,
@@ -7390,20 +7391,20 @@ function Al(e = {}) {
 				async useThread(e) {
 					let n = e.trim();
 					if (!n) throw Error("Codex thread must be a non-empty string.");
-					let r = Cl(await Sl(t, "target", {
+					let r = wl(await Cl(t, "target", {
 						method: "POST",
 						headers: { "Content-Type": "application/json" },
 						body: JSON.stringify({ thread: n })
 					}));
-					return j(n, !l), f = r.thread, p = r.threads, s = "available", c = !0, L(), r;
+					return j(n, !l), f = r.thread, p = r.threads, s = "available", c = !0, R(), r;
 				},
 				async queue(e) {
-					let i = await El(a, e, n), o = e?.thread?.trim(), c = o || (r ? k() : null);
+					let i = await Dl(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 Sl(t, "send", {
+						let e = await Cl(t, "send", {
 							method: "POST",
 							headers: { "Content-Type": "application/json" },
 							body: JSON.stringify(l)
@@ -7419,16 +7420,16 @@ function Al(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 && kl(e, t) && (s = "unavailable", L()), e;
+						throw r && Al(e, t) && (s = "unavailable", R()), e;
 					}
 				},
 				send(e) {
 					return H.queue(e);
 				}
 			};
-			e.service.provide(al, H);
+			e.service.provide(ol, H);
 			let ie = async () => {
-				if (!(C || M())) return z(), b = {
+				if (!(C || M())) return B(), b = {
 					id: null,
 					thread: k(),
 					status: "queueing",
@@ -7436,9 +7437,9 @@ function Al(e = {}) {
 					queuedSubmissionId: null,
 					dispatch: null,
 					dispatchError: null
-				}, L(), C = (async () => {
+				}, R(), C = (async () => {
 					try {
-						r && s !== "available" && await F(!0);
+						r && s !== "available" && await I(!0);
 						let e = await H.queue();
 						b = {
 							id: e.deliveryId,
@@ -7448,7 +7449,7 @@ function Al(e = {}) {
 							queuedSubmissionId: e.queuedSubmissionId ?? null,
 							dispatch: e.dispatch ?? null,
 							dispatchError: e.dispatchError ?? null
-						}, j(e.thread, !l), A(), L(), console.info(`[Mesurer] Queued feedback for Codex thread ${e.thread}.`), e.deliveryId ? e.status === "completed" || e.status === "interrupted" ? await V({
+						}, j(e.thread, !l), A(), R(), console.info(`[Mesurer] Queued feedback for Codex thread ${e.thread}.`), e.deliveryId ? e.status === "completed" || e.status === "interrupted" ? await ne({
 							id: e.deliveryId,
 							thread: e.thread,
 							status: e.status,
@@ -7457,11 +7458,11 @@ function Al(e = {}) {
 							updatedAt: 0
 						}) : x = globalThis.setTimeout(() => {
 							x = 0, re(e.deliveryId);
-						}, cl) : S = globalThis.setTimeout(() => {
-							S = 0, b?.id === null && b?.status === "queued" && (b = null, A(), L());
-						}, ll);
+						}, ll) : S = globalThis.setTimeout(() => {
+							S = 0, b?.id === null && b?.status === "queued" && (b = null, A(), R());
+						}, ul);
 					} catch (e) {
-						b = null, A(), L();
+						b = null, A(), R();
 						let t = e instanceof Error ? e.message : String(e);
 						throw console.error(`[Mesurer] Failed to queue feedback for Codex: ${t}`), e;
 					} finally {
@@ -7470,14 +7471,14 @@ function Al(e = {}) {
 				})(), C;
 			};
 			if (e.command.register("codex.queue", ie), e.command.register("codex.send", ie), r) {
-				L(), b?.id && (c = !0, x = globalThis.setTimeout(() => {
+				R(), b?.id && (c = !0, x = globalThis.setTimeout(() => {
 					x = 0, b?.id && re(b.id);
 				}, 0));
 				let t = globalThis.setInterval(() => {
-					c && F().catch(() => void 0);
-				}, sl);
+					c && I().catch(() => void 0);
+				}, cl);
 				e.lifecycle.onDispose(() => {
-					w = !0, z(), globalThis.clearInterval(t), _?.dispose(), _ = void 0;
+					w = !0, B(), globalThis.clearInterval(t), _?.dispose(), _ = void 0;
 				});
 			}
 		}
@@ -7485,12 +7486,12 @@ function Al(e = {}) {
 }
 //#endregion
 //#region src/screenshot.ts
-var jl = Gs, Ml = Hs, Nl = Us, Pl = Ws, Fl = 4, Il = As, Ll = (e, t) => ss(e, t), Rl = (e = /* @__PURE__ */ new Date()) => cs(e), zl = (e, t, n, r) => os(e, t, n, r), Bl = (e, t, n) => as(e, t, n), Vl = (e, t) => Ds(e, t), Hl = (e) => ks(e), Ul = (e = {}) => ({
+var 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
-}), Wl = (e) => us(e), Gl = (e) => ({
+}), Gl = (e) => Cr(e), Kl = (e) => ({
 	...e,
 	version: lc
-}), Kl = () => Gl(Ea()), ql = () => Gl(Da()), Jl = () => Gl(Oa()), Yl = () => Gl(ka()), Xl = () => Gl(Aa()), Zl = () => Gl(ja()), Ql = () => Gl(Na()), $l = () => Gl(Ma()), eu = () => Pa().map(Gl), tu = (e = [], t = []) => Fa(e, t).map((e) => e.id.startsWith("mesurer.") ? Gl(e) : e);
+}), 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);
 //#endregion
-export { uc as MESURER_ARRANGE_ACTIVE_STATE_ID, dc as MESURER_ARRANGE_PLUGIN_ID, fc as MESURER_ARRANGE_SERVICE_ID, pc as MESURER_ARRANGE_SETTINGS_STATE_ID, mc as MESURER_ARRANGE_STATE_ID, il as MESURER_CODEX_PLUGIN_ID, al as MESURER_CODEX_SERVICE_ID, Kc as MESURER_CONTEXT_PLUGIN_ID, qc as MESURER_CONTEXT_SERVICE_ID, Jc as MESURER_CONTEXT_SETTINGS_STATE_ID, Wc as MESURER_LAYOUT_GUIDES_ACTIVE_STATE_ID, Vc as MESURER_LAYOUT_GUIDES_PLUGIN_ID, Hc as MESURER_LAYOUT_GUIDES_SERVICE_ID, Uc as MESURER_LAYOUT_GUIDES_STATE_ID, jl as MESURER_SCREENSHOT_ACTIVE_STATE_ID, Ml as MESURER_SCREENSHOT_PLUGIN_ID, Nl as MESURER_SCREENSHOT_SERVICE_ID, Pl as MESURER_SCREENSHOT_SETTINGS_STATE_ID, Fl as MIN_SCREENSHOT_SELECTION, hc as arrange, Il as captureVisibleTabPng, Al as codex, Jl as colorPicker, tu as compose, rl as context, Ll as copyPngToClipboard, Rl as createScreenshotFilename, zl as cropPngToViewportRect, eu as defaults, Ql as distance, Zl as guides, Gc as layoutGuides, Bl as normalizeScreenshotRect, Vl as prepareScreenshotCapture, Hl as releaseScreenshotCapture, Yl as rulers, Ul as screenshot, Kl as select, $l as settings, Xl as typography, Wl as waitForNextPaint, ql as xray };
+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 };