mesurer-solid 0.2.0-beta.11 → 0.2.0-beta.13

package/dist/plugins.js

@@ -42,7 +42,7 @@ function h(e) {
 }
 function g(e) {
 	if (_(e) && e.sn) {
-		let t = e.sn = ue(e.sn);
+		let t = e.sn = le(e.sn);
 		if (t.fn !== !0) return t;
 		e.sn = null;
 	}
@@ -80,7 +80,7 @@ var y = /* @__PURE__ */ new Set(), b = {
 	EE: 0
 };
 function S(e) {
-	e.se & 16 ? e.se &= -12 : (_e(e, x), e.se &= -4);
+	e.se & 16 ? e.se &= -12 : (ge(e, x), e.se &= -4);
 }
 var C = 0, w = null, T = !1, E = !1, D = !1, O = 0, k = /* @__PURE__ */ new Set();
 function A(e) {
@@ -127,10 +127,10 @@ function N(e, t) {
 }
 function P() {
 	if (E) {
-		te();
+		F();
 		return;
 	}
-	T || (T = !0, !O && !H.gt && queueMicrotask(U));
+	T || (T = !0, !O && !U.gt && queueMicrotask(W));
 }
 function ee(e) {
 	if (E) return;
@@ -138,10 +138,10 @@ function ee(e) {
 	let t = "[REACTIVITY_HALTED]";
 	e === void 0 ? console.error(t) : console.error(t, e);
 }
-function te() {
+function F() {
 	D || (D = !0, console.error("[REACTIVITY_HALTED]"));
 }
-var ne = 0, F = class {
+var te = 0, I = class {
 	ke = null;
 	bt = [[], []];
 	vt = [];
@@ -160,9 +160,9 @@ var ne = 0, F = class {
 	run(e) {
 		if (this.bt[e - 1].length) {
 			let t = this.bt[e - 1];
-			this.bt[e - 1] = [], se(t, e);
+			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;
@@ -232,17 +232,17 @@ var ne = 0, F = class {
 			this.gt = !0;
 			try {
 				if (ye(b, e.Ce), w) {
-					if (!le(w)) {
+					if (!ce(w)) {
 						let t = w;
-						ye(x, this.m === t ? S : e.Ce), this.m === t && (oe = this.m = M()), f.size && (e.In(1), e.In(2)), this.stashQueues(t.yt), C++, T = b.EE >= b.Ve || this.m.Qt.length > 0, ae(t.Qt), w = null, re(null, !0);
+						ye(x, this.m === t ? S : e.Ce), this.m === t && (ae = this.m = M()), f.size && (e.In(1), e.In(2)), this.stashQueues(t.yt), C++, T = b.EE >= b.Ve || this.m.Qt.length > 0, ie(t.Qt), w = null, ne(null, !0);
 						return;
 					}
 					let t = w, n = this.m;
-					if (n !== t && n.Qt.push(...t.Qt), this.restoreQueues(t.yt), y.delete(t), w = null, ae(n.Qt), re(t), n === t) {
+					if (n !== t && n.Qt.push(...t.Qt), this.restoreQueues(t.yt), y.delete(t), w = null, ie(n.Qt), ne(t), n === t) {
 						let e = M();
-						e.Qt = n.Qt, e.Me = n.Me, e.A = n.A, e.cn = n.cn, oe = this.m = e;
+						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) ? (H(), b.EE >= b.Ve && (ye(b, e.Ce), H())) : (y.size && ye(x, e.Ce), ne());
 				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;
@@ -266,7 +266,7 @@ var ne = 0, F = class {
 		return !1;
 	}
 	initTransition(e) {
-		if (e &&= ue(e), e && e === w || !e && w && w.de === C) return;
+		if (e &&= le(e), e && e === w || !e && w && w.de === C) return;
 		if (!w) w = e ?? M();
 		else if (e) {
 			let t = w;
@@ -289,78 +289,78 @@ var ne = 0, F = class {
 				for (let e of t.ln) w.ln.add(e);
 				t.ln.clear();
 			}
-			oe = this.m = w;
+			ae = this.m = w;
 		}
 		for (let e of f) e.Ne ||= w;
 	}
 };
-function L(e) {
-	oe.Qt.push(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;
 			continue;
 		}
-		t && n ? (o.fe.se |= 128, v(o.fe, n)) : t && (o.fe.se |= 128, o.fe.Ke = void 0), pe(o.fe);
+		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() {
-	let e = oe.Qt;
-	for (let t = 0; t < e.length; t++) B(e[t]);
+function H() {
+	let e = ae.Qt;
+	for (let t = 0; t < e.length; t++) V(e[t]);
 	e.length = 0;
 }
-function re(e = null, t = !1) {
+function ne(e = null, t = !1) {
 	let n = !t;
-	n && V(), !t && H.vt.length && ie(H);
+	n && H(), !t && U.vt.length && re(U);
 	let r = b.EE >= b.Ve;
-	if (r && ye(b, I.Ce), n) {
-		r && V();
-		let t = e ?? H.m;
-		if (t.Me.length && I.En(t.Me), t.ln.size) {
-			for (let e of t.ln) e.se & 64 || pe(e);
+	if (r && ye(b, L.Ce), n) {
+		r && H();
+		let t = e ?? U.m;
+		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(), P();
 		}
-		t.A.length && (I.G(t.A), H.vt.length && ie(H)), t.cn.size && I.Dt(t.cn, e), j(), f.size && I.dn(e);
+		t.A.length && (L.G(t.A), U.vt.length && re(U)), t.cn.size && L.Dt(t.cn, e), j(), f.size && L.dn(e);
 	}
 }
-function ie(e) {
-	for (let t of e.vt) t.ne?.(), ie(t);
+function re(e) {
+	for (let t of e.vt) t.ne?.(), re(t);
 }
-function ae(e) {
+function ie(e) {
 	for (let t = 0; t < e.length; t++) e[t].Ne = w;
 }
-var H = new I(), oe = H.m;
-function U(e) {
+var U = new L(), ae = U.m;
+function W(e) {
 	if (e) {
 		O++;
 		try {
 			return e();
 		} finally {
 			try {
-				U();
+				W();
 			} finally {
 				O--;
 			}
 		}
 	}
-	if (!H.gt && !E) for (; T || w;) H.flush();
+	if (!U.gt && !E) for (; T || w;) U.flush();
 }
-function se(e, t) {
+function oe(e, t) {
 	for (let n = 0; n < e.length; n++) e[n](t);
 }
-function ce(t, n) {
+function se(t, n) {
 	if (t.se & 96) return !1;
 	if (t.oe?.has(n)) return !0;
 	for (let e = t.tt; e; e = e.nt) {
@@ -372,14 +372,14 @@ function ce(t, n) {
 	}
 	return !!(t.S & 1 && t._ instanceof e && t._.source === n);
 }
-function le(e) {
+function ce(e) {
 	if (e.fn) return !0;
 	if (e.ie.length) return !1;
 	let t = !0;
 	for (let [n, r] of e.Ie) {
 		let i = !1;
 		for (let e of r) {
-			if (ce(e, n)) {
+			if (se(e, n)) {
 				i = !0;
 				break;
 			}
@@ -391,35 +391,35 @@ function le(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 ue(e) {
+function le(e) {
 	for (; e.fn && typeof e.fn == "object";) e = e.fn;
 	return e;
 }
-function de(e, t) {
+function ue(e, t) {
 	let n = w;
 	try {
-		return w = ue(e), t();
+		return w = le(e), t();
 	} finally {
 		w = n;
 	}
 }
 //#endregion
 //#region ../../node_modules/.bun/@solidjs+signals@2.0.0-rc.0/node_modules/@solidjs/signals/dist/prod/core/heap.js
-function fe(e) {
+function de(e) {
 	return e.se & 32 ? x : b;
 }
-function pe(e) {
+function fe(e) {
 	if (e.Re === 3) {
 		let t = e;
 		t.Je || (t.Je = !0, t.C.enqueue(2, t.Ft));
 		return;
 	}
-	let t = fe(e);
-	t.Ve > e.xe && (t.Ve = e.xe), he(e, t);
+	let t = de(e);
+	t.Ve > e.xe && (t.Ve = e.xe), me(e, t);
 }
-function me(e, t) {
+function pe(e, t) {
 	let n = (e.ke?.Nt ? e.ke.dt?.xe : e.ke?.xe) ?? -1;
 	n >= e.xe && (e.xe = n + 1);
 	let r = e.xe, i = t.eE[r];
@@ -430,15 +430,15 @@ function me(e, t) {
 	}
 	r > t.EE && (t.EE = r);
 }
-function he(e, t) {
+function me(e, t) {
 	let n = e.se;
-	n & 1036 || (n & 1 ? e.se = n & -4 | 10 : (e.se = n | 8, t.tE && !(n & 2) && (t.tE = !1)), n & 16 || me(e, t));
+	n & 1036 || (n & 1 ? e.se = n & -4 | 10 : (e.se = n | 8, t.tE && !(n & 2) && (t.tE = !1)), n & 16 || pe(e, t));
 }
-function ge(e, t) {
+function he(e, t) {
 	let n = e.se;
-	n & 1052 || (e.se = n | 16, me(e, t));
+	n & 1052 || (e.se = n | 16, pe(e, t));
 }
-function _e(e, t) {
+function ge(e, t) {
 	let n = e.se;
 	if (!(n & 24)) return;
 	e.se = n & -25;
@@ -450,7 +450,7 @@ function _e(e, t) {
 	}
 	e.st = e, e.ot = void 0;
 }
-function W(e) {
+function _e(e) {
 	if (!e.tE) {
 		e.tE = !0;
 		for (let t = 0; t <= e.EE; t++) for (let n = e.eE[t]; n !== void 0; n = n.ot) n.se & 8 && ve(n);
@@ -472,7 +472,7 @@ function ye(e, t) {
 	e.EE = 0;
 }
 function be(e, t) {
-	_e(e, t);
+	ge(e, t);
 	let n = e.xe;
 	for (let t = e.tt; t; t = t.nt) {
 		let e = t.it, r = e.lt || e;
@@ -480,7 +480,7 @@ function be(e, t) {
 	}
 	if (e.xe !== n) {
 		e.xe = n;
-		for (let t = e.o; t !== null; t = t.le) ge(t.fe, fe(t.fe));
+		for (let t = e.o; t !== null; t = t.le) he(t.fe, de(t.fe));
 	}
 }
 //#endregion
@@ -489,7 +489,7 @@ function xe(e) {
 	let t = e.Fe;
 	for (; t;) {
 		let e = t.se;
-		t.se = e | 32, e & 24 && (_e(t, e & 32 ? x : b), e & 8 ? he(t, x) : ge(t, x)), xe(t), t = t.He;
+		t.se = e | 32, e & 24 && (ge(t, e & 32 ? x : b), e & 8 ? me(t, x) : he(t, x)), xe(t), t = t.He;
 	}
 }
 function Se(e, t = !1, n) {
@@ -498,13 +498,13 @@ 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;
 	for (; i;) {
 		let e = i.He, t = i;
-		if (t.se & 24 && _e(t, fe(t)), t.tt) {
+		if (t.se & 24 && ge(t, de(t)), t.tt) {
 			let e = t.tt;
 			do
 				e = Ne(e);
@@ -568,7 +568,7 @@ function je(e) {
 		He: null,
 		ct: null,
 		ye: null,
-		C: t?.C ?? H,
+		C: t?.C ?? U,
 		we: t?.we || u,
 		qe: 0,
 		Qe: null,
@@ -608,7 +608,7 @@ function Pe(e) {
 	}
 }
 function Fe(e) {
-	_e(e, fe(e));
+	ge(e, de(e));
 	let t = e.tt;
 	for (; t !== null;) t = Ne(t);
 	e.tt = null, e.Ye = null, Se(e, !0);
@@ -681,16 +681,16 @@ function We(e) {
 }
 function Ge(e, t) {
 	let n = !1, r = /* @__PURE__ */ new Set(), i = (e) => {
-		r.has(e) || (r.add(e), e._ === t && (pe(e), n = !0), He(e, i));
+		r.has(e) || (r.add(e), e._ === t && (fe(e), n = !0), He(e, i));
 	};
 	He(e, i), n && P();
 }
 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;
-		s ? (c || Ve(o, s), i !== null && i(o)) : (o.S &= -2, c || Ve(o), i !== null && i(o), o.ue && (pe(o), t = !0), o.ue = !1, !o.o && o.T & 32 && (n ??= []).push(o)), He(o, a);
+		s ? (c || Ve(o, s), i !== null && i(o)) : (o.S &= -2, c || Ve(o), i !== null && i(o), o.ue && (fe(o), t = !0), o.ue = !1, !o.o && o.T & 32 && (n ??= []).push(o)), He(o, a);
 	};
 	if (He(e, a), n) for (let e of n) Ue(e);
 	t && P();
@@ -706,11 +706,11 @@ function Je(t, n, r) {
 	t.Te = n;
 	let s, c = () => {
 		let e = g(t);
-		if (e && t.S & 4 && !ue(e).Ie.has(t)) {
+		if (e && t.S & 4 && !le(e).Ie.has(t)) {
 			t.Ne = null;
 			return;
 		}
-		H.initTransition(e);
+		U.initTransition(e);
 	}, l = (r) => {
 		if (t.Te !== n) return;
 		let i = r instanceof e;
@@ -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);
 			}
@@ -739,7 +739,7 @@ function Je(t, n, r) {
 		} catch (e) {
 			Xe(t, 2, e);
 		}
-		t.De === o && (t.Ee = !1), Ke(t), P(), U(), i?.();
+		t.De === o && (t.Ee = !1), Ke(t), P(), W(), i?.();
 	}, d = () => t.T & 32 && !t.o && !(t.S & 1) ? (Fe(t), !0) : !1;
 	if (a) {
 		let r = !1, i = !1, a, o = !0;
@@ -751,7 +751,7 @@ function Je(t, n, r) {
 		if (r) t.Ee = !1;
 		else {
 			if (t.Ee) return t.Ue;
-			throw H.initTransition(g(t)), new e(G);
+			throw U.initTransition(g(t)), new e(G);
 		}
 	}
 	if (i) {
@@ -772,7 +772,7 @@ function Je(t, n, r) {
 			if ((qe(_) ? _ : { then: (e) => void e(_) }).then((r) => {
 				if (g && o) e = r, m = !0, r.done && (a = !0);
 				else if (t.Te !== n) return;
-				else r.done ? (a = !0, i ? (P(), U()) : u(void 0), d()) : (i = !0, u(r.value, c));
+				else r.done ? (a = !0, i ? (P(), W()) : u(void 0), d()) : (i = !0, u(r.value, c));
 			}, (e) => {
 				g ? (p = e, h = !0) : t.Te === n && (a = !0, l(e), d());
 			}), g = !1, h) {
@@ -783,19 +783,19 @@ function Je(t, n, r) {
 		}, p = f();
 		if (o = !1, !i && !p) {
 			if (t.Ee) return t.Ue;
-			throw H.initTransition(g(t)), new e(G);
+			throw U.initTransition(g(t)), new e(G);
 		}
 		t.Ee = !1;
 	}
 	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;
@@ -805,28 +805,28 @@ function Xe(n, r, i, a, o) {
 	He(n, (t, n) => {
 		if (t.de = C, r === 1 && s && !t.oe?.has(s) || r !== 1 && (t._ !== i || t.oe)) {
 			if (n.Ge && r !== 1 && !(i instanceof e)) {
-				pe(t), P();
+				fe(t), P();
 				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;
-	n || (t.Ne && (!r || w) && w !== t.Ne && H.initTransition(t.Ne), _e(t, fe(t)), t.Te = null, t.Ne || r === 3 ? Se(t) : (t.Fe !== null || t.ye !== null) && (xe(t), t.Qe = t.ye, t.We = t.Fe, t.ye = null, t.Fe = null, t.qe = 0));
+	n || (t.Ne && (!r || w) && w !== t.Ne && U.initTransition(t.Ne), ge(t, de(t)), t.Te = null, t.Ne || r === 3 ? Se(t) : (t.Fe !== null || t.ye !== null) && (xe(t), t.Qe = t.ye, t.We = t.Fe, t.ye = null, t.Fe = null, t.qe = 0));
 	let i = !!(t.se & 128), l = t._e !== void 0 && t._e !== o, u = !!(t.S & 4), d = t.S & 2 ? t._ : void 0, f = (t.se & a) !== 0, p = t.Ee, m = G;
 	G = t, t.Ye = null, t.Ze++, t.se = 4, t.de = C;
 	let h = t.De === o ? t.Ue : t.De, g = t.xe, _ = Ze, v = tt;
 	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);
-			else if (t.xe != g) for (let e = t.o; e !== null; e = e.le) ge(e.fe, fe(e.fe));
+				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 && de(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) {
@@ -882,7 +882,7 @@ function it(e, t) {
 		be: t?.equals == null ? lt : t.equals,
 		ut: t?.unobserved,
 		ye: null,
-		C: G?.C ?? H,
+		C: G?.C ?? U,
 		we: G?.we ?? u,
 		qe: 0,
 		ce: e,
@@ -920,7 +920,7 @@ function at(e, t, n, r, i, a) {
 		be: !1,
 		ut: a?.unobserved,
 		ye: null,
-		C: G?.C ?? H,
+		C: G?.C ?? U,
 		we: G?.we ?? u,
 		qe: 0,
 		ce: e,
@@ -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,20 +1000,20 @@ 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;
 	if (typeof n.ce == "function" && dt(e, !1), !n.ce && r === e && e._e === void 0 && e.Le === void 0 && w === null && tt === null) return t && Ze && Ie(e, t), !t || e.De === o ? e.Ue : e.De;
 	if (t && Ze && (Ie(e, t, $e), r.ce)) {
-		let n = fe(e);
-		r.xe >= n.Ve && (ve(t), W(n), rt(r));
+		let n = de(e);
+		r.xe >= n.Ve && (ve(t), _e(n), rt(r));
 		let i = r.xe;
 		i >= t.xe && e.ke !== t && (t.xe = i + 1);
 	}
 	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 && H.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), P(), 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), P(), t) : t;
 }
 function mt(e) {
-	_e(e, fe(e)), !(e.se & 1024) && e.De === o && (L(e), P()), e.se = e.se & -4 | i;
+	ge(e, de(e)), !(e.se & 1024) && e.De === o && (R(e), P()), e.se = e.se & -4 | i;
 }
 function ht(e, t) {
 	let n = pt(e, t);
@@ -1100,7 +1100,7 @@ function xt(e) {
 		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) {
@@ -1685,7 +1685,7 @@ function Dn(e, t, n, r = {}) {
 			...r,
 			insertOptions: { schedule: !0 }
 		});
-		return U(), i;
+		return W(), i;
 	} finally {}
 }
 //#endregion
@@ -1891,7 +1891,7 @@ function Pn(e) {
 				r = i;
 				let a = e();
 				n(t, () => a, void 0, void 0, { schedule: !0 });
-			}), U(), r;
+			}), W(), r;
 		}
 	};
 }
@@ -3222,19 +3222,19 @@ function Ca(e = {}, t = !1) {
 	}, N = () => {
 		let e = j();
 		g ??= ea(n, ga, _a), _ ??= na(n, !1), g.parentNode || e.append(g), _.parentNode || e.append(_);
-	}, P = (e) => Array.from(e.childNodes).some((e) => e.nodeType === p.TEXT_NODE && !!e.nodeValue?.trim()), ee = (e) => !!e && e instanceof d && !(e instanceof f) && !c.has(e.tagName) && P(e) && !e.closest("[data-mesurer-root], [data-mesurer-inspector-ui='true']"), te = (e, t) => {
+	}, P = (e) => Array.from(e.childNodes).some((e) => e.nodeType === p.TEXT_NODE && !!e.nodeValue?.trim()), ee = (e) => !!e && e instanceof d && !(e instanceof f) && !c.has(e.tagName) && P(e) && !e.closest("[data-mesurer-root], [data-mesurer-inspector-ui='true']"), F = (e, t) => {
 		for (let i of n.elementsFromPoint(e, t)) {
 			if (Kr(i, r)) return null;
 			if (ee(i)) return i;
 		}
 		return null;
-	}, ne = () => {
+	}, te = () => {
 		v = null, M(g, !1), M(_, !1);
-	}, F = (e, t, n) => {
+	}, I = (e, t, n) => {
 		if (!e || e.dataset.state !== "visible") return !1;
 		let r = e.getBoundingClientRect();
 		return t >= r.left && t <= r.right && n >= r.top && n <= r.bottom;
-	}, I = (e, t) => E.some((n) => F(n.card, e, t)), L = (t) => {
+	}, L = (e, t) => E.some((n) => I(n.card, e, t)), R = (t) => {
 		if (!m || !ee(t)) return !1;
 		N();
 		let i = t.getBoundingClientRect(), a = u.getFast(t);
@@ -3243,23 +3243,23 @@ function Ca(e = {}, t = !1) {
 			let i = u.getFull(t, a);
 			ra(n, _, i, !1), ia(r, _, t.getBoundingClientRect()), e.onInspect?.(t, i);
 		}, 24), !0;
-	}, R = () => E.map((e) => ({
+	}, z = () => 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
-	})), z = () => {
-		D.push(R()), D.length > 100 && D.shift(), O.length = 0;
-	}, B = (t, n = !0, r = !0) => {
+	})), B = () => {
+		D.push(z()), D.length > 100 && D.shift(), O.length = 0;
+	}, V = (t, n = !0, r = !0) => {
 		let i = E.indexOf(t);
-		i < 0 || (n && z(), E.splice(i, 1), t.detach(), t.box.remove(), t.card.remove(), r && e.onUnpin?.(t.sourceEl));
-	}, V = (e = !1) => {
-		for (; E.length;) B(E[E.length - 1], !1, e);
-	}, re = (e) => {
+		i < 0 || (n && B(), E.splice(i, 1), t.detach(), t.box.remove(), t.card.remove(), r && e.onUnpin?.(t.sourceEl));
+	}, H = (e = !1) => {
+		for (; E.length;) V(E[E.length - 1], !1, e);
+	}, ne = (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 ||= (z(), !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 ||= (B(), !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) => {
@@ -3270,9 +3270,9 @@ function Ca(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);
 		};
-	}, ie = (t, i, a = !0, o = !0) => {
+	}, re = (t, i, a = !0, o = !0) => {
 		if (E.find((e) => e.sourceEl === t)) return;
-		a && z(), E.length >= l && B(E[0], !1, !0);
+		a && B(), E.length >= l && V(E[0], !1, !0);
 		let s = j(), c = ea(n, va, ya), d = na(n, !0);
 		d.classList.add("mesurer-ti-card--draggable"), d.classList.remove("mesurer-ti-card--pinned");
 		let f = u.getFull(t);
@@ -3288,24 +3288,24 @@ function Ca(e = {}, t = !1) {
 			userPlaced: i?.userPlaced ?? !1,
 			detach: () => {}
 		};
-		E.push(m), m.detach = re(m), d.querySelector(".mesurer-ti-close")?.addEventListener("click", (e) => {
-			e.preventDefault(), e.stopPropagation(), B(m);
+		E.push(m), m.detach = ne(m), d.querySelector(".mesurer-ti-close")?.addEventListener("click", (e) => {
+			e.preventDefault(), e.stopPropagation(), V(m);
 		}), o && e.onPin?.(t, f);
-	}, ae = (e) => {
-		V(!1);
-		for (let t of e) t.sourceEl.isConnected && ie(t.sourceEl, t, !1, !1);
-	}, H = () => {
+	}, ie = (e) => {
+		H(!1);
+		for (let t of e) t.sourceEl.isConnected && re(t.sourceEl, t, !1, !1);
+	}, U = () => {
 		let e = D.pop();
-		return e ? (O.push(R()), ae(e), !0) : !1;
-	}, oe = () => {
+		return e ? (O.push(z()), ie(e), !0) : !1;
+	}, ae = () => {
 		let e = O.pop();
-		return e ? (D.push(R()), ae(e), !0) : !1;
-	}, U = () => {
-		E.length && (z(), V(!0));
-	}, se = () => {
+		return e ? (D.push(z()), ie(e), !0) : !1;
+	}, W = () => {
+		E.length && (B(), H(!0));
+	}, oe = () => {
 		for (let e of E.slice()) {
 			if (!e.sourceEl.isConnected) {
-				B(e, !1, !1);
+				V(e, !1, !1);
 				continue;
 			}
 			let t = e.sourceEl.getBoundingClientRect();
@@ -3313,10 +3313,10 @@ function Ca(e = {}, t = !1) {
 			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";
 		}
-	}, ce = () => {
+	}, se = () => {
 		if (m) {
 			if (v && g && _) {
-				if (!v.isConnected) ne();
+				if (!v.isConnected) te();
 				else {
 					let e = v.getBoundingClientRect();
 					ta(g, e), ia(r, _, e);
@@ -3324,86 +3324,86 @@ function Ca(e = {}, t = !1) {
 					M(g, t), M(_, t);
 				}
 			}
-			se();
+			oe();
 		}
-	}, le = () => {
+	}, ce = () => {
 		if (!m) return;
-		let e = te(y.x, y.y);
-		if (!e) ne();
-		else if (e !== v) L(e);
+		let e = F(y.x, y.y);
+		if (!e) te();
+		else if (e !== v) R(e);
 		else if (g && _) {
 			let t = e.getBoundingClientRect();
 			ta(g, t), ia(r, _, t);
 		}
-		se();
-	}, ue = () => {
+		oe();
+	}, le = () => {
 		b ||= r.requestAnimationFrame(() => {
-			b = 0, le();
+			b = 0, ce();
 		});
-	}, de = (e) => e.composedPath().some((e) => Kr(e, r)), fe = (e) => {
+	}, ue = (e) => e.composedPath().some((e) => Kr(e, r)), de = (e) => {
 		if (y = {
 			x: e.clientX,
 			y: e.clientY
-		}, de(e) || I(e.clientX, e.clientY)) {
-			ne();
+		}, ue(e) || L(e.clientX, e.clientY)) {
+			te();
 			return;
 		}
-		F(_, e.clientX, e.clientY) || ue();
-	}, pe = (e, t, n) => {
+		I(_, e.clientX, e.clientY) || le();
+	}, fe = (e, t, n) => {
 		if (!e || e.dataset.mesurerNativeScrollAnchor) return;
 		let r = Number.parseFloat(e.style.left), i = Number.parseFloat(e.style.top);
 		Number.isFinite(r) && (e.style.left = `${r - t}px`), Number.isFinite(i) && (e.style.top = `${i - n}px`);
-	}, me = () => {
+	}, pe = () => {
 		let e = r.scrollX, t = r.scrollY, i = e - C, a = t - w;
 		if (C = e, w = t, Jr(n)) {
 			if (i || a) {
-				pe(g, i, a), pe(_, i, a);
-				for (let e of E) pe(e.box, i, a), e.userPlaced || pe(e.card, i, a);
+				fe(g, i, a), fe(_, i, a);
+				for (let e of E) fe(e.box, i, a), e.userPlaced || fe(e.card, i, a);
 			}
 			S && r.clearTimeout(S), S = r.setTimeout(() => {
-				S = 0, ce();
+				S = 0, se();
 			}, ba);
 			return;
 		}
-		ce(), ue();
+		se(), le();
+	}, me = (e) => {
+		e.relatedTarget || te();
 	}, he = (e) => {
-		e.relatedTarget || ne();
-	}, ge = (e) => {
-		if (!de(e)) {
-			if (F(_, e.clientX, e.clientY) || I(e.clientX, e.clientY)) {
+		if (!ue(e)) {
+			if (I(_, e.clientX, e.clientY) || L(e.clientX, e.clientY)) {
 				e.preventDefault(), e.stopImmediatePropagation();
 				return;
 			}
 			if (e.preventDefault(), e.stopImmediatePropagation(), e.button === 0) {
-				let t = te(e.clientX, e.clientY);
-				t && ie(t);
+				let t = F(e.clientX, e.clientY);
+				t && re(t);
 			}
 		}
-	}, _e = (e) => {
-		if (!de(e)) {
-			if (F(_, e.clientX, e.clientY) || I(e.clientX, e.clientY)) {
+	}, ge = (e) => {
+		if (!ue(e)) {
+			if (I(_, e.clientX, e.clientY) || L(e.clientX, e.clientY)) {
 				e.preventDefault(), e.stopImmediatePropagation();
 				return;
 			}
 			e.preventDefault(), e.stopImmediatePropagation();
 		}
-	}, W = () => {
-		m || (m = !0, A(), j(), n.body.classList.add(s), C = r.scrollX, w = r.scrollY, r.addEventListener("mousemove", fe, !0), r.addEventListener("mouseout", he, !0), r.addEventListener("click", ge, !0), r.addEventListener("auxclick", _e, !0), r.addEventListener("scroll", me, {
+	}, _e = () => {
+		m || (m = !0, A(), j(), n.body.classList.add(s), C = r.scrollX, w = r.scrollY, r.addEventListener("mousemove", de, !0), r.addEventListener("mouseout", me, !0), r.addEventListener("click", he, !0), r.addEventListener("auxclick", ge, !0), r.addEventListener("scroll", pe, {
 			capture: !0,
 			passive: !0
-		}), r.addEventListener("resize", ue, !0));
+		}), r.addEventListener("resize", le, !0));
 	}, ve = () => {
-		m && (m = !1, r.cancelAnimationFrame(b), b = 0, r.clearTimeout(x), r.clearTimeout(S), S = 0, r.removeEventListener("mousemove", fe, !0), r.removeEventListener("mouseout", he, !0), r.removeEventListener("click", ge, !0), r.removeEventListener("auxclick", _e, !0), r.removeEventListener("scroll", me, !0), r.removeEventListener("resize", ue, !0), ne(), V(), 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", de, !0), r.removeEventListener("mouseout", me, !0), r.removeEventListener("click", he, !0), r.removeEventListener("auxclick", ge, !0), r.removeEventListener("scroll", pe, !0), r.removeEventListener("resize", le, !0), te(), H(), g?.remove(), _?.remove(), g = null, _ = null, D.length = 0, O.length = 0, n.body.classList.remove(s));
 	}, ye = () => {
 		ve(), T?.(), T = null, h?.remove(), h = null, n.getElementById(o)?.remove(), k instanceof r.ShadowRoot && k.querySelector(`#${o}`)?.remove();
 	};
 	return {
-		enable: W,
+		enable: _e,
 		disable: ve,
-		undo: H,
-		redo: oe,
-		clear: U,
-		inspect: L,
+		undo: U,
+		redo: ae,
+		clear: W,
+		inspect: R,
 		isEnabled: () => m,
 		canUndo: () => D.length > 0,
 		canRedo: () => O.length > 0,
@@ -3412,7 +3412,7 @@ function Ca(e = {}, t = !1) {
 	};
 }
 Ca({}, !0);
-var wa = "/*! 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\\:text-\\[14px\\] {\n    font-size: 14px;\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", Ta = {
+var wa = "/*! 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-0\\.5 {\n    padding-top: calc(var(--msr-spacing) * 0.5);\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-1\\.5 {\n    padding-bottom: calc(var(--msr-spacing) * 1.5);\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\\:text-\\[14px\\] {\n    font-size: 14px;\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", Ta = {
 	keepTextChanges: !1,
 	keepArrangeChanges: !1
 }, Ea = (e) => e.state.get("mesurer.presentation.preferences") ?? Ta, Da = "mesurer.arrange", Oa = "arrange", ka = "mesurer.arrange.intents", Aa = "mesurer.arrange.active", ja = "mesurer.arrange.settings", Ma = "runtime:solid", Na = "builtin.select", Pa = "arrange.toggle", Fa = "arrange.commit", Ia = "arrange.clear", La = "arrange.reset-selection", Ra = "arrange.reset-all", za = "mesurer.arrange.selection-available", Ba = 1, Va = 24, Ha = 160, Ua = 500, Wa = "#ef4444", Ga = 24, Ka = 6, qa = 30, Ja = .5, Ya = {
@@ -3599,22 +3599,22 @@ var wa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 		}, ee = (e) => {
 			let t = lo(e, "transition-property");
 			(!m.get(e) || !fo(t, P)) && m.set(e, t), fo(t, P) || e.style.setProperty("transition-property", P.value, P.priority);
-		}, te = (e) => {
+		}, F = (e) => {
 			let t = m.get(e);
 			t && (fo(lo(e, "transition-property"), P) && (t.value || t.priority ? e.style.setProperty("transition-property", t.value, t.priority) : e.style.removeProperty("transition-property")), m.delete(e));
-		}, ne = (e) => {
-			for (let t of m.keys()) e.has(t) || te(t);
-		}, F = () => {
-			for (let e of m.keys()) te(e);
+		}, te = (e) => {
+			for (let t of m.keys()) e.has(t) || F(t);
 		}, I = () => {
+			for (let e of m.keys()) F(e);
+		}, L = () => {
 			for (let e of p.values()) mo(e);
 			p.clear();
-		}, L = () => {
-			I(), F();
 		}, R = () => {
+			L(), I();
+		}, z = () => {
 			u.style.display = "none", d.style.display = "none";
-		}, z = (e, t, n) => {
-			if (R(), E().snapLines) {
+		}, B = (e, t, n) => {
+			if (z(), E().snapLines) {
 				if (e) {
 					let t = Math.min(n.top, e.start), r = Math.max(n.top + n.height, e.end);
 					u.style.display = "block", u.style.left = `${e.position}px`, u.style.top = `${t}px`, u.style.height = `${Math.max(1, r - t)}px`;
@@ -3624,29 +3624,80 @@ var wa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 					d.style.display = "block", d.style.left = `${e}px`, d.style.top = `${t.position}px`, d.style.width = `${Math.max(1, r - e)}px`;
 				}
 			}
-		}, B = () => {
+		}, V = () => {
 			if (!(h.size > 0)) for (let e of s.querySelectorAll("[data-mesurer-measurement='true']")) e instanceof c.HTMLElement && (h.set(e, {
 				value: e.style.getPropertyValue("visibility"),
 				priority: e.style.getPropertyPriority("visibility")
 			}), e.style.setProperty("visibility", "hidden", "important"));
-		}, V = () => {
+		}, H = () => {
 			for (let [e, t] of h) t.value || t.priority ? e.style.setProperty("visibility", t.value, t.priority) : e.style.removeProperty("visibility");
 			h.clear();
-		}, re = (e = k()) => {
+		}, ne = (e) => {
+			if (e.parentElement instanceof c.HTMLElement) return e.parentElement;
+			let t = e.getRootNode();
+			return t instanceof c.ShadowRoot && t.host instanceof c.HTMLElement ? t.host : null;
+		}, re = (e, t) => {
+			let n = ne(e);
+			for (; n;) {
+				let e = t.get(n);
+				if (e) return e;
+				n = ne(n);
+			}
+			return {
+				x: 0,
+				y: 0
+			};
+		}, ie = (e = k()) => {
 			let t = /* @__PURE__ */ new Map();
 			for (let n of e) for (let e of n.targets) {
 				let n = N(e);
-				n && t.set(n, {
-					x: e.desiredOffsetX,
-					y: e.desiredOffsetY
-				});
+				n && t.set(n, e);
 			}
 			return t;
-		}, ie = () => {
+		}, U = (e) => e.offsetSpace !== "local" || e.desiredLocalOffsetX === null || e.desiredLocalOffsetY === null ? null : {
+			x: e.desiredLocalOffsetX,
+			y: e.desiredLocalOffsetY
+		}, ae = (e, t) => {
+			let n = ne(e);
+			for (; n;) {
+				if (t.has(n)) return n;
+				n = ne(n);
+			}
+			return null;
+		}, W = (e = k(), t = /* @__PURE__ */ new Map()) => {
+			let n = ie(e), r = /* @__PURE__ */ new Set([...n.keys(), ...t.keys()]), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set(), o = (e) => {
+				let s = i.get(e);
+				if (s) return s;
+				let c = n.get(e), l = t.get(e) ?? (c ? U(c) : null);
+				if (!l && c) {
+					let t = {
+						x: c.desiredOffsetX,
+						y: c.desiredOffsetY
+					};
+					return i.set(e, t), t;
+				}
+				if (!l) return {
+					x: 0,
+					y: 0
+				};
+				if (a.has(e)) return l;
+				a.add(e);
+				let u = ae(e, r), d = u ? o(u) : {
+					x: 0,
+					y: 0
+				}, f = {
+					x: d.x + l.x,
+					y: d.y + l.y
+				};
+				return a.delete(e), i.set(e, f), f;
+			};
+			for (let e of r) o(e);
+			return i;
+		}, oe = () => {
 			if (_.state === "live") return /* @__PURE__ */ new Map();
-			if (!_.intentId) return re();
+			if (!_.intentId) return W();
 			let e = w().intents.find((e) => e.id === _.intentId);
-			if (!e) return re();
+			if (!e) return W();
 			let t = /* @__PURE__ */ new Map();
 			for (let n of e.targets) {
 				let e = N(n);
@@ -3659,25 +3710,10 @@ var wa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				});
 			}
 			return t;
-		}, ae = (e) => {
-			if (e.parentElement instanceof c.HTMLElement) return e.parentElement;
-			let t = e.getRootNode();
-			return t instanceof c.ShadowRoot && t.host instanceof c.HTMLElement ? t.host : null;
-		}, H = (e, t) => {
-			let n = ae(e);
-			for (; n;) {
-				let e = t.get(n);
-				if (e) return e;
-				n = ae(n);
-			}
-			return {
-				x: 0,
-				y: 0
-			};
-		}, oe = (e) => {
+		}, se = (e) => {
 			let t = [...e].flatMap(([t, n]) => {
 				if (!t.isConnected || !j(t)) return [];
-				let r = H(t, e), i = {
+				let r = re(t, e), i = {
 					x: n.x - r.x,
 					y: n.y - r.y
 				};
@@ -3687,7 +3723,7 @@ var wa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				}];
 			}), n = new Set(t.map(({ element: e }) => e));
 			for (let { element: e } of t) ee(e);
-			I();
+			L();
 			for (let { element: e, offset: n } of t) {
 				let t = uo(e), i = r.getComputedStyle(e).transform, a = i && i !== "none" ? ` ${i}` : "";
 				e.style.setProperty("transform", `translate3d(${n.x}px, ${n.y}px, 0)${a}`, "important"), p.set(e, {
@@ -3696,26 +3732,26 @@ var wa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 					appliedTransform: uo(e)
 				});
 			}
-			ne(n);
-		}, U = () => oe(ie()), se = (e) => {
-			I();
+			te(n);
+		}, ce = () => se(oe()), le = (e) => {
+			L();
 			try {
 				return e();
 			} finally {
-				!x && !v && U();
+				!x && !v && ce();
 			}
-		}, ce = () => i.currentSelection().elements.filter((e) => e instanceof c.HTMLElement && e.isConnected && j(e));
+		}, ue = () => i.currentSelection().elements.filter((e) => e instanceof c.HTMLElement && e.isConnected && j(e));
 		e.state.register({
 			id: za,
-			initial: ce().length > 0
+			initial: ue().length > 0
 		});
-		let le = () => e.state.get(za) ?? !1, ue = () => {
-			let t = ce().length > 0;
-			t !== le() && e.state.update(za, () => t);
-		}, de = () => Qa(ce().map((e) => Oi(e))), fe = () => {
+		let de = () => e.state.get(za) ?? !1, fe = () => {
+			let t = ue().length > 0;
+			t !== de() && e.state.update(za, () => t);
+		}, pe = () => Qa(ue().map((e) => Oi(e))), me = () => {
 			for (let e of g.values()) e.remove();
 			g.clear();
-		}, pe = (e) => {
+		}, he = (e) => {
 			let t = e.getBoundingClientRect(), n = t.right + Ka;
 			n + Ga > r.innerWidth - 4 && (n = Math.max(4, t.left - Ga - Ka));
 			let i = Math.min(Math.max(4, t.top + qa), Math.max(4, r.innerHeight - Ga - 4));
@@ -3723,27 +3759,34 @@ var wa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				left: n,
 				top: i
 			};
-		}, me = () => {
+		}, ge = () => {
 			if (!T() || v) {
-				fe();
+				me();
 				return;
 			}
-			let t = re(k()), r = /* @__PURE__ */ new Set();
-			for (let i of ce()) {
-				let a = t.get(i);
-				if (!a || Math.abs(a.x) <= Ja && Math.abs(a.y) <= Ja) continue;
-				r.add(i);
-				let o = g.get(i);
-				o || (o = n.createElement("button"), o.type = "button", o.dataset.mesurerArrangeReset = "true", o.dataset.mesurerInspectorUi = "true", o.setAttribute("aria-label", "Reset position"), o.title = "Reset position", o.textContent = "↺", o.className = "msr:pointer-events-auto msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-[7px] msr:border msr:border-ink-200 msr:bg-white msr:text-[14px] msr:leading-none msr:text-black msr:outline-none msr:hover:bg-ink-50 msr:focus-visible:border-[#0d99ff]", o.style.position = "fixed", o.addEventListener("pointerdown", (e) => e.stopPropagation()), o.addEventListener("click", (t) => {
-					t.preventDefault(), t.stopPropagation(), b = [i], e.command.execute(La, void 0, { source: "arrange-reset-button" }).catch(() => {
+			let t = k(), r = ie(t), i = W(t), a = /* @__PURE__ */ new Set();
+			for (let t of ue()) {
+				let o = r.get(t);
+				if (!o) continue;
+				let s = i.get(t);
+				if (!s) continue;
+				let c = re(t, i), u = U(o) ?? {
+					x: s.x - c.x,
+					y: s.y - c.y
+				};
+				if (Math.abs(u.x) <= Ja && Math.abs(u.y) <= Ja) continue;
+				a.add(t);
+				let d = g.get(t);
+				d || (d = n.createElement("button"), d.type = "button", d.dataset.mesurerArrangeReset = "true", d.dataset.mesurerInspectorUi = "true", d.setAttribute("aria-label", "Reset position"), d.title = "Reset position", d.textContent = "↺", d.className = "msr:pointer-events-auto msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-[7px] msr:border msr:border-ink-200 msr:bg-white msr:text-[14px] msr:leading-none msr:text-black msr:outline-none msr:hover:bg-ink-50 msr:focus-visible:border-[#0d99ff]", d.style.position = "fixed", d.addEventListener("pointerdown", (e) => e.stopPropagation()), d.addEventListener("click", (n) => {
+					n.preventDefault(), n.stopPropagation(), b = [t], e.command.execute(La, void 0, { source: "arrange-reset-button" }).catch(() => {
 						b = null;
 					});
-				}), g.set(i, o), l.append(o));
-				let s = pe(i);
-				o.style.left = `${s.left}px`, o.style.top = `${s.top}px`;
+				}), g.set(t, d), l.append(d));
+				let f = he(t);
+				d.style.left = `${f.left}px`, d.style.top = `${f.top}px`;
 			}
-			for (let [e, t] of g) r.has(e) || (t.remove(), g.delete(e));
-		}, he = (t) => {
+			for (let [e, t] of g) a.has(e) || (t.remove(), g.delete(e));
+		}, _e = (t) => {
 			let n = new Set(t);
 			n.size && (e.state.update("mesurer.arrange.intents", (e) => {
 				let t = !1, r = e.intents.flatMap((e) => {
@@ -3758,13 +3801,13 @@ var wa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 					}] : [];
 				});
 				return t ? { intents: r } : e;
-			}), ve(), W());
-		}, ge = () => {
+			}), xe(), be());
+		}, ve = () => {
 			e.state.update(ka, (e) => {
 				let t = e.intents.filter((e) => e.pageUrl !== O());
 				return t.length === e.intents.length ? e : { intents: t };
-			}), ve(), W();
-		}, _e = (e) => {
+			}), xe(), be();
+		}, ye = (e) => {
 			let t = E();
 			if (!t.snapping) return [];
 			let n = [], a = new Set(e), s = i.snapshot(), l = s.xrayVisible && t.preferXrayEdges && t.elementEdges, u = 0, d = (i) => {
@@ -3836,38 +3879,38 @@ var wa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				kind: "guide"
 			});
 			return n;
-		}, W = (e) => {
+		}, be = (e) => {
 			if (!T()) {
-				f.style.display = "none", fe();
+				f.style.display = "none", me();
 				return;
 			}
-			let t = e === void 0 ? de() : e;
+			let t = e === void 0 ? pe() : e;
 			if (!t) {
-				f.style.display = "none", fe();
+				f.style.display = "none", me();
 				return;
 			}
-			f.style.display = "block", f.style.left = `${t.left}px`, f.style.top = `${t.top}px`, f.style.width = `${t.width}px`, f.style.height = `${t.height}px`, v ? fe() : me();
-		}, ve = () => {
+			f.style.display = "block", f.style.left = `${t.left}px`, f.style.top = `${t.top}px`, f.style.width = `${t.width}px`, f.style.height = `${t.height}px`, v ? me() : ge();
+		}, xe = () => {
 			_ = {
 				intentId: null,
 				state: "desired"
-			}, U(), R(), T() ? B() : V();
-		}, ye = () => {
+			}, ce(), z(), T() ? V() : H();
+		}, Se = () => {
 			_ = {
 				intentId: null,
 				state: "live"
-			}, L(), R(), V();
-		}, be = () => {
-			x || v || (U(), R(), T() ? B() : V(), W());
-		}, xe = () => {
+			}, R(), z(), H();
+		}, Ce = () => {
+			x || v || (ce(), z(), T() ? V() : H(), be());
+		}, we = () => {
 			S || x || (S = r.requestAnimationFrame(() => {
-				S = 0, be();
+				S = 0, Ce();
 			}));
-		}, Se = async () => {
+		}, Te = async () => {
 			s.querySelector("[data-mesurer-builtin='select'] button")?.getAttribute("aria-pressed") !== "true" && await e.command.execute(Na, void 0, { source: "arrange" });
-		}, Ce = (e) => {
+		}, Ee = (e) => {
 			if (!T() || e.button !== 0) return;
-			let r = ce();
+			let r = ue();
 			if (!r.length) return;
 			let a = e.shiftKey ? Ri(t.rendererRoot ?? null, () => Ri(l, () => Ii({
 				x: e.clientX,
@@ -3880,62 +3923,81 @@ var wa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			e.preventDefault(), e.stopPropagation(), _ = {
 				intentId: null,
 				state: "desired"
-			}, U();
-			let s = re(k());
-			I();
-			let u = r.map((e, t) => {
-				let n = Oi(e), r = s.get(e) ?? {
-					x: 0,
-					y: 0
-				}, i = Xa(n, r), a = Bi(e);
+			}, ce();
+			let s = ie(k()), u = W(k()), d = new Set(r);
+			L();
+			let p = r.map((e, t) => {
+				let n = Oi(e), r = re(e, u), i = u.get(e) ?? r, a = s.get(e), o = (a ? U(a) : null) ?? {
+					x: i.x - r.x,
+					y: i.y - r.y
+				}, c = Xa(n, i), l = Bi(e);
 				return {
 					element: e,
+					movesDirectly: ae(e, d) === null,
 					target: {
 						id: `target-${t + 1}`,
 						selector: zi(e),
-						fingerprintTag: a.tag,
-						fingerprintId: a.id,
-						fingerprintTestId: a.testId,
-						fingerprintRole: a.role,
-						fingerprintAriaLabel: a.ariaLabel,
-						fingerprintClasses: [...a.classes],
-						fingerprintText: a.text,
-						beforeLeft: i.left,
-						beforeTop: i.top,
-						beforeWidth: i.width,
-						beforeHeight: i.height,
-						desiredLeft: i.left,
-						desiredTop: i.top,
-						desiredWidth: i.width,
-						desiredHeight: i.height,
-						beforeOffsetX: r.x,
-						beforeOffsetY: r.y,
-						desiredOffsetX: r.x,
-						desiredOffsetY: r.y
+						fingerprintTag: l.tag,
+						fingerprintId: l.id,
+						fingerprintTestId: l.testId,
+						fingerprintRole: l.role,
+						fingerprintAriaLabel: l.ariaLabel,
+						fingerprintClasses: [...l.classes],
+						fingerprintText: l.text,
+						beforeLeft: c.left,
+						beforeTop: c.top,
+						beforeWidth: c.width,
+						beforeHeight: c.height,
+						desiredLeft: c.left,
+						desiredTop: c.top,
+						desiredWidth: c.width,
+						desiredHeight: c.height,
+						beforeOffsetX: i.x,
+						beforeOffsetY: i.y,
+						desiredOffsetX: i.x,
+						desiredOffsetY: i.y,
+						offsetSpace: "local",
+						beforeLocalOffsetX: o.x,
+						beforeLocalOffsetY: o.y,
+						desiredLocalOffsetX: o.x,
+						desiredLocalOffsetY: o.y
 					}
 				};
-			}), d = Qa(u.map(({ target: e }) => ({
+			}), m = Qa(p.map(({ target: e }) => ({
 				left: e.beforeLeft,
 				top: e.beforeTop,
 				width: e.beforeWidth,
 				height: e.beforeHeight
 			})));
-			if (!d) {
-				U();
+			if (!m) {
+				ce();
 				return;
 			}
-			U(), B(), R(), v = {
+			ce(), V(), z(), v = {
 				pointerId: e.pointerId,
 				originX: e.clientX,
 				originY: e.clientY,
-				targets: u,
-				groupBefore: d,
-				snapCandidates: _e(r),
+				targets: p,
+				groupBefore: m,
+				snapCandidates: ye(r),
 				shiftToggleElement: e.shiftKey && a instanceof c.HTMLElement && r.includes(a) ? a : null,
 				dx: 0,
 				dy: 0
-			}, W(d), f.style.cursor = "grabbing", f.setPointerCapture?.(e.pointerId);
-		}, we = (e) => {
+			}, be(m), f.style.cursor = "grabbing", f.setPointerCapture?.(e.pointerId);
+		}, De = (e, t, n) => {
+			let r = /* @__PURE__ */ new Map();
+			for (let i of e.targets) {
+				let e = {
+					x: i.target.beforeLocalOffsetX ?? 0,
+					y: i.target.beforeLocalOffsetY ?? 0
+				};
+				r.set(i.element, i.movesDirectly ? {
+					x: e.x + t,
+					y: e.y + n
+				} : e);
+			}
+			return r;
+		}, Oe = (e) => {
 			if (!v || e.pointerId !== v.pointerId) return;
 			let t = e.clientX - v.originX, n = e.clientY - v.originY, r = null;
 			e.shiftKey && (Math.abs(t) >= Math.abs(n) ? (n = 0, r = "x") : (t = 0, r = "y"));
@@ -3944,60 +4006,71 @@ var wa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				y: n
 			}), a = r === "y" ? null : ro("x", i, v.snapCandidates), o = r === "x" ? null : ro("y", i, v.snapCandidates);
 			t += a?.delta ?? 0, n += o?.delta ?? 0, v.dx = t, v.dy = n;
-			let s = re(k());
-			for (let e of v.targets) s.set(e.element, {
-				x: e.target.beforeOffsetX + t,
-				y: e.target.beforeOffsetY + n
-			});
-			oe(s);
+			let s = W(k(), De(v, t, n));
+			se(s);
 			let c = Xa(v.groupBefore, {
 				x: t,
 				y: n
 			});
-			W(c), z(a, o, c);
-		}, Te = () => {
+			be(c), B(a, o, c);
+		}, ke = () => {
 			if (!v) return;
 			let e = v.pointerId;
-			v = null, f.hasPointerCapture?.(e) && f.releasePointerCapture(e), f.style.cursor = "grab", ve(), W();
-		}, Ee = (t) => {
+			v = null, f.hasPointerCapture?.(e) && f.releasePointerCapture(e), f.style.cursor = "grab", xe(), be();
+		}, Ae = (t) => {
 			if (!v || t.pointerId !== v.pointerId) return;
 			t.preventDefault(), t.stopPropagation();
 			let n = v;
-			if (v = null, f.hasPointerCapture?.(t.pointerId) && f.releasePointerCapture(t.pointerId), f.style.cursor = "grab", R(), n.dx === 0 && n.dy === 0) {
-				n.shiftToggleElement && i.toggleSelection(n.shiftToggleElement), ve(), W();
+			if (v = null, f.hasPointerCapture?.(t.pointerId) && f.releasePointerCapture(t.pointerId), f.style.cursor = "grab", z(), n.dx === 0 && n.dy === 0) {
+				n.shiftToggleElement && i.toggleSelection(n.shiftToggleElement), xe(), be();
 				return;
 			}
+			let a = W(k(), De(n, n.dx, n.dy));
 			y = {
 				id: ao(r, "arrange"),
 				createdAt: Date.now(),
 				pageUrl: O(),
-				targets: n.targets.map(({ target: e }) => ({
-					...e,
-					desiredLeft: e.beforeLeft + n.dx,
-					desiredTop: e.beforeTop + n.dy,
-					desiredOffsetX: e.beforeOffsetX + n.dx,
-					desiredOffsetY: e.beforeOffsetY + n.dy
-				}))
+				targets: n.targets.map(({ element: e, movesDirectly: t, target: r }) => {
+					let i = {
+						x: r.beforeLocalOffsetX ?? 0,
+						y: r.beforeLocalOffsetY ?? 0
+					}, o = t ? {
+						x: i.x + n.dx,
+						y: i.y + n.dy
+					} : i, s = a.get(e) ?? {
+						x: r.beforeOffsetX + n.dx,
+						y: r.beforeOffsetY + n.dy
+					};
+					return {
+						...r,
+						desiredLeft: r.beforeLeft + n.dx,
+						desiredTop: r.beforeTop + n.dy,
+						desiredOffsetX: s.x,
+						desiredOffsetY: s.y,
+						desiredLocalOffsetX: o.x,
+						desiredLocalOffsetY: o.y
+					};
+				})
 			}, e.command.execute(Fa).catch(() => {
-				y = null, ve(), W();
+				y = null, xe(), be();
 			});
-		}, De = (e) => {
-			!v || e.pointerId !== v.pointerId || Te();
-		}, Oe = (t) => {
+		}, je = (e) => {
+			!v || e.pointerId !== v.pointerId || ke();
+		}, Me = (t) => {
 			if (t.key !== "Escape" || !T() && !v || ho(t.target) || s.querySelector("[data-mesurer-tool-menu]")) return;
 			if (t.preventDefault(), t.stopImmediatePropagation(), v) {
-				Te();
+				ke();
 				return;
 			}
 			let n = i.currentSelection();
 			if (n.elements.length > 0 || n.region) {
-				i.clearSelection(), W();
+				i.clearSelection(), be();
 				return;
 			}
-			e.state.update(Aa, () => !1), ye(), W(), e.command.execute(Na, void 0, { source: "arrange-escape" }).catch(() => void 0);
+			e.state.update(Aa, () => !1), Se(), be(), e.command.execute(Na, void 0, { source: "arrange-escape" }).catch(() => void 0);
 		};
-		f.addEventListener("pointerdown", Ce), f.addEventListener("pointermove", we), f.addEventListener("pointerup", Ee), f.addEventListener("pointercancel", De), r.addEventListener("keydown", Oe, !0), r.addEventListener("resize", xe), r.addEventListener("scroll", xe, !0), o.addEventListener("scroll", xe, !0), C = new c.MutationObserver(() => {
-			ue(), xe();
+		f.addEventListener("pointerdown", Ee), f.addEventListener("pointermove", Oe), f.addEventListener("pointerup", Ae), f.addEventListener("pointercancel", je), r.addEventListener("keydown", Me, !0), r.addEventListener("resize", we), r.addEventListener("scroll", we, !0), o.addEventListener("scroll", we, !0), C = new c.MutationObserver(() => {
+			fe(), we();
 		}), C.observe(o, {
 			childList: !0,
 			subtree: !0,
@@ -4010,9 +4083,9 @@ var wa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				"aria-label"
 			]
 		});
-		let ke = i.subscribe(() => {
-			ue(), xe();
-		}), Ae = e.state.subscribe(xe), je = (e) => w().intents.find((t) => t.id === e) ?? null, Me = (e, t) => {
+		let Ne = i.subscribe(() => {
+			fe(), we();
+		}), Pe = e.state.subscribe(we), Fe = (e) => w().intents.find((t) => t.id === e) ?? null, Ie = (e, t) => {
 			let n = null;
 			if (n = t === "before" ? Qa(e.targets.map((e) => ({
 				left: e.beforeLeft,
@@ -4024,7 +4097,7 @@ var wa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				top: e.desiredTop,
 				width: e.desiredWidth,
 				height: e.desiredHeight
-			}))) : se(() => Qa(e.targets.map((e) => N(e)).filter((e) => e !== null).map((e) => Oi(e)))), !n) throw Error(`Arrange intent has no resolvable capture region: ${e.id}`);
+			}))) : le(() => Qa(e.targets.map((e) => N(e)).filter((e) => e !== null).map((e) => Oi(e)))), !n) throw Error(`Arrange intent has no resolvable capture region: ${e.id}`);
 			let i = Math.max(0, n.left - Va), a = Math.max(0, n.top - Va), o = Math.min(r.innerWidth, n.left + n.width + Va), s = Math.min(r.innerHeight, n.top + n.height + Va);
 			return {
 				left: i,
@@ -4032,28 +4105,28 @@ var wa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				width: Math.max(0, o - i),
 				height: Math.max(0, s - a)
 			};
-		}, Ne = {
+		}, Le = {
 			active: T,
 			intents: () => w().intents.map(co),
 			intent(e) {
-				let t = je(e);
+				let t = Fe(e);
 				return t ? co(t) : null;
 			},
 			show(e, t) {
-				if (!je(e)) throw Error(`Arrange intent not found: ${e}`);
+				if (!Fe(e)) throw Error(`Arrange intent not found: ${e}`);
 				_ = {
 					intentId: e,
 					state: t
-				}, be();
+				}, Ce();
 			},
 			showCurrent() {
 				_ = {
 					intentId: null,
 					state: "desired"
-				}, be();
+				}, Ce();
 			},
 			capturePlan(e, t) {
-				let n = je(e);
+				let n = Fe(e);
 				if (!n) throw Error(`Arrange intent not found: ${e}`);
 				return {
 					schema: "mesurer.arrange-capture/v1",
@@ -4066,14 +4139,14 @@ var wa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 					}, {
 						id: "focus",
 						kind: "clip",
-						rect: Me(n, t)
+						rect: Ie(n, t)
 					}]
 				};
 			},
 			review: (e, t = Ba) => {
-				let n = je(e);
+				let n = Fe(e);
 				if (!n) throw Error(`Arrange intent not found: ${e}`);
-				let r = se(() => n.targets.map((e) => {
+				let r = le(() => n.targets.map((e) => {
 					let n = N(e), r = {
 						left: e.desiredLeft,
 						top: e.desiredTop,
@@ -4240,24 +4313,24 @@ var wa = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			]
 		}), e.command.register(Pa, async () => {
 			let t = !T();
-			if (t && await Se(), e.state.update("mesurer.arrange.active", () => t), !t) {
-				v && Te(), ye(), W();
+			if (t && await Te(), e.state.update("mesurer.arrange.active", () => t), !t) {
+				v && ke(), Se(), be();
 				return;
 			}
-			ve(), W();
+			xe(), be();
 		}), e.command.register(Fa, () => {
 			let t = y;
-			y = null, t && (e.state.update("mesurer.arrange.intents", (e) => ({ intents: [...e.intents, t].slice(-100) })), ve(), W());
+			y = null, t && (e.state.update("mesurer.arrange.intents", (e) => ({ intents: [...e.intents, t].slice(-100) })), xe(), be());
 		}), e.command.register(La, () => {
-			let e = b ?? ce();
-			b = null, he(e);
-		}), e.command.register(Ra, ge), e.command.register(Ia, () => {
+			let e = b ?? ue();
+			b = null, _e(e);
+		}), e.command.register(Ra, ve), e.command.register(Ia, () => {
 			e.state.update(ka, () => ({ intents: [] })), _ = {
 				intentId: null,
 				state: "desired"
-			}, L(), R(), T() ? B() : V(), W();
-		}), e.service.provide(Oa, Ne), U(), W(), e.lifecycle.onDispose(() => {
-			x = !0, S && r.cancelAnimationFrame(S), C?.disconnect(), C = null, f.removeEventListener("pointerdown", Ce), f.removeEventListener("pointermove", we), f.removeEventListener("pointerup", Ee), f.removeEventListener("pointercancel", De), r.removeEventListener("keydown", Oe, !0), r.removeEventListener("resize", xe), r.removeEventListener("scroll", xe, !0), o.removeEventListener("scroll", xe, !0), ke(), Ae.dispose(), L(), fe(), R(), V(), i.dispose(), a.dispose();
+			}, R(), z(), T() ? V() : H(), be();
+		}), e.service.provide(Oa, Le), ce(), be(), e.lifecycle.onDispose(() => {
+			x = !0, S && r.cancelAnimationFrame(S), C?.disconnect(), C = null, f.removeEventListener("pointerdown", Ee), f.removeEventListener("pointermove", Oe), f.removeEventListener("pointerup", Ae), f.removeEventListener("pointercancel", je), r.removeEventListener("keydown", Me, !0), r.removeEventListener("resize", we), r.removeEventListener("scroll", we, !0), o.removeEventListener("scroll", we, !0), Ne(), Pe.dispose(), R(), me(), z(), H(), i.dispose(), a.dispose();
 		});
 	}
 }), _o = (e, t, n) => {
@@ -4553,129 +4626,129 @@ var zo = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), Bo = 0, Vo = (e)
 	} : Go(e, t, n, r, i);
 };
 function qo(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-${++Bo}`, O = null, k = e.initialTriggerFallback === "current-and-next", A = null, j = null, M = null, N, P, ee = null, te = null, ne = null, F = null, I = null, L = null, R = /* @__PURE__ */ new Map(), z = () => N?.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();
+	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-${++Bo}`, O = null, k = e.initialTriggerFallback === "current-and-next", A = null, j = null, M = null, N, P, ee = null, F = null, te = null, I = null, L = null, R = null, z = /* @__PURE__ */ new Map(), B = () => N?.ownerDocument.defaultView ?? window, V = () => e.coordinateSpace === "viewport", H = (e) => e ? "native-anchor" : V() ? "cached-delta" : "document", ne = (e) => {
+		if (V()) return e;
+		let t = B();
 		return {
 			left: e.left + t.scrollX,
 			top: e.top + t.scrollY
 		};
-	}, ie = () => {
+	}, re = () => {
 		let t = e.runtime.currentSelection();
 		return {
 			elements: [...t.elements],
 			region: t.region ? { ...t.region } : null
 		};
-	}, ae = (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, H = () => {
+	}, 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);
-	}, oe = () => {
-		let e = z();
+	}, ae = () => {
+		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)"));
-	}, U = () => {
+	}, W = () => {
 		let t = e.runtime.currentSelection().elements;
 		if (!t.length) return null;
 		let n = e.runtime.hoveredElement();
 		return t.find((e) => e === n) ?? t.find((e) => n && e.contains(n)) ?? t[0];
-	}, se = () => N?.parentElement, ce = () => {
-		let e = se();
-		return e ? [...e.querySelectorAll("[data-mesurer-annotation-trigger='true'], [data-mesurer-annotation-composer='true']")].filter((e) => e !== P || te === null) : [];
-	}, le = (e) => {
-		let t = se();
+	}, oe = () => N?.parentElement, se = () => {
+		let e = oe();
+		return e ? [...e.querySelectorAll("[data-mesurer-annotation-trigger='true'], [data-mesurer-annotation-composer='true']")].filter((e) => e !== P || F === null) : [];
+	}, ce = (e) => {
+		let t = oe();
 		return t ? [...t.querySelectorAll("[data-mesurer-annotation-id]")].filter((t) => t.dataset.mesurerAnnotationId === e) : [];
-	}, ue = (e) => {
-		let t = R.get(e);
-		t && (t.scroll.release(), t.releaseAnchor?.(), R.delete(e));
-	}, de = (t) => {
+	}, le = (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;
-	}, fe = (e) => !!(Ho(e) && B() && N && oe() && e.getRootNode() === N.getRootNode()), pe = (e) => {
-		let t = de(e), n = R.get(e);
+	}, de = (e) => !!(Ho(e) && V() && N && ae() && e.getRootNode() === N.getRootNode()), fe = (e) => {
+		let t = ue(e), n = z.get(e);
 		if (!t) {
-			n && (ue(e), i((e) => e + 1));
+			n && (le(e), i((e) => e + 1));
 			return;
 		}
-		let r = fe(t);
+		let r = de(t);
 		if (n?.target === t && !!n.anchorName === r) {
 			n.scroll.sync();
 			return;
 		}
-		ue(e);
+		le(e);
 		let a = t.ownerDocument.defaultView;
 		if (a) {
 			if (r && Ho(t)) {
 				let n = `--mesurer-annotation-${++Bo}`;
-				R.set(e, {
+				z.set(e, {
 					target: t,
 					anchorName: n,
 					releaseAnchor: Uo(t, n),
-					scroll: ri(a, t, () => le(e), { trackWindow: !1 })
+					scroll: ri(a, t, () => ce(e), { trackWindow: !1 })
 				});
-			} else R.set(e, {
+			} else z.set(e, {
 				target: t,
 				anchorName: null,
 				releaseAnchor: null,
-				scroll: ri(a, t, () => le(e), { trackWindow: B() })
+				scroll: ri(a, t, () => ce(e), { trackWindow: V() })
 			});
 			i((e) => e + 1);
 		}
-	}, me = () => {
+	}, pe = () => {
 		let t = new Set(e.runtime.annotations().map((e) => e.id));
-		for (let e of R.keys()) t.has(e) || ue(e);
-		for (let e of t) pe(e);
-	}, he = (e) => {
-		z().queueMicrotask(() => pe(e));
-	}, ge = () => {
-		z().queueMicrotask(() => {
-			me();
-			for (let e of R.values()) e.anchorName || e.scroll.rebase();
+		for (let e of z.keys()) t.has(e) || le(e);
+		for (let e of t) fe(e);
+	}, me = (e) => {
+		B().queueMicrotask(() => fe(e));
+	}, he = () => {
+		B().queueMicrotask(() => {
+			pe();
+			for (let e of z.values()) e.anchorName || e.scroll.rebase();
 		});
 	};
-	e.initialTriggerFallback && (O = U());
-	let _e = () => {
-		F?.release(), F = null, ne?.(), ne = null, ee = null, te = null;
-	}, W = (e) => !!(Ho(e) && B() && N && e !== O && oe() && e.getRootNode() === N.getRootNode()), ve = () => {
-		let e = U();
+	e.initialTriggerFallback && (O = W());
+	let ge = () => {
+		I?.release(), I = null, te?.(), te = null, ee = null, F = null;
+	}, _e = (e) => !!(Ho(e) && V() && N && e !== O && ae() && e.getRootNode() === N.getRootNode()), ve = () => {
+		let e = W();
 		O && e !== O && (O = null);
-		let t = ee, n = !!(e?.isConnected && W(e)), r = te === e;
+		let t = ee, n = !!(e?.isConnected && _e(e)), r = F === e;
 		if (e === ee && e?.isConnected && n === r) {
-			F?.sync();
+			I?.sync();
 			return;
 		}
 		let i = e === t ? D : `--mesurer-annotation-trigger-${++Bo}`;
-		if (_e(), !e?.isConnected) return;
+		if (ge(), !e?.isConnected) return;
 		ee = e;
 		let a = e.ownerDocument.defaultView;
 		if (a) {
 			if (n && Ho(e)) {
-				ne = Uo(e, i), te = e, D = i, F = ri(a, e, ce, { trackWindow: !1 });
+				te = Uo(e, i), F = e, D = i, I = ri(a, e, se, { trackWindow: !1 });
 				return;
 			}
-			D = i, F = ri(a, e, ce, { trackWindow: B() });
+			D = i, I = ri(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);
 	}
-	let Se = U();
+	let Se = W();
 	ye(Se);
 	let Ce = e.runtime.subscribe(() => {
 		let t = e.runtime.selectGestureActive();
-		h() && t ? (k = !0, H()) : h() && A !== null && !ae(A, ie()) && (O = U(), k = !1, H());
-		let r = U(), i = r !== Se;
-		i && (Se = r, ye(Se), k && (k = !1, O = r)), ve(), i && xe(), n((e) => e + 1), ge();
+		h() && t ? (k = !0, U()) : h() && A !== null && !ie(A, re()) && (O = W(), k = !1, U());
+		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(me), St(() => {
-		I?.disconnect(), I = null, L?.removeEventListener("resize", xe), L = null, _e();
-		for (let e of R.keys()) ue(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(() => {
@@ -4704,7 +4777,7 @@ function qo(e) {
 	}), Ae = () => we().elements.length > 0 || we().region !== null, je = () => {
 		t();
 		let e = A;
-		return e !== null && ae(e, ie());
+		return e !== null && ie(e, re());
 	}, Me = Gt(() => {
 		let e = we(), t = e.elements.filter((e) => e.isConnected).map((e) => {
 			let t = e.getBoundingClientRect();
@@ -4733,7 +4806,7 @@ function qo(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,
@@ -4747,7 +4820,7 @@ function qo(e) {
 		}, {
 			obstacles: i,
 			maxShiftRings: 1
-		}), o = a?.left ?? zo(n.left + n.width + 6, 4, r.innerWidth - 24 - 4), s = a?.top ?? zo(n.top, 4, r.innerHeight - 24 - 4), c = te === e, l = B() && !c;
+		}), o = a?.left ?? zo(n.left + n.width + 6, 4, r.innerWidth - 24 - 4), s = a?.top ?? zo(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,
@@ -4758,7 +4831,7 @@ function qo(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,
@@ -4771,9 +4844,9 @@ function qo(e) {
 		}, { 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),
+			...ne(t),
 			nativeAnchor: !1
 		};
 		let i = n.target.getBoundingClientRect();
@@ -4785,7 +4858,7 @@ function qo(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
@@ -4796,8 +4869,8 @@ function qo(e) {
 	}, He = () => {
 		r();
 		let e = Ve(), t = Ie();
-		if (!t?.isConnected || te !== t) return {
-			...re(e),
+		if (!t?.isConnected || F !== t) return {
+			...ne(e),
 			nativeAnchor: !1
 		};
 		let n = t.getBoundingClientRect();
@@ -4809,7 +4882,7 @@ function qo(e) {
 			anchorY: e.top - n.top
 		};
 	}, Ue = (e, t) => {
-		let n = z(), r = Re(), i = r.get(e);
+		let n = B(), r = Re(), i = r.get(e);
 		if (!i) return Go(t, 272, 176, n);
 		let a = n.innerWidth - 272 - 8, o = n.innerHeight - 176 - 8, s = [...r.values()].map((e) => ({
 			left: e.left,
@@ -4866,7 +4939,7 @@ function qo(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;
@@ -4881,13 +4954,13 @@ function qo(e) {
 			});
 		});
 	}, Ke = (e) => Be(e, We(e)), qe = (e) => {
-		k = !1, A = null, g(!1), pe(e), Ge(e), o(e), w(null), he(e);
+		k = !1, A = null, g(!1), fe(e), Ge(e), o(e), w(null), me(e);
 	}, Je = (t, n) => {
 		let r = t.currentTarget.ownerDocument.defaultView?.Element, i = t.target;
 		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,
@@ -4942,27 +5015,27 @@ function qo(e) {
 				S(!1);
 			}
 		}
-	}, Xe = H, Ze = () => {
+	}, Xe = U, Ze = () => {
 		if (!Ae()) return;
-		k = !1, A = ie(), v(""), b(null), w(null), o(null);
+		k = !1, A = re(), v(""), b(null), w(null), o(null);
 		let e = Ne();
 		if (e) {
-			let t = Ko(e, 272, 168, z());
+			let t = Ko(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 && !ae(A, ie()) ? (O = U(), k = !1, ve(), xe()) : e && (k = !1), Xe();
+		A !== null && !ie(A, re()) ? (O = W(), k = !1, ve(), xe()) : e && (k = !1), Xe();
 	}, $e = () => {
 		h() && (k = !0, Xe());
 	}, et = () => {
 		try {
 			let t = e.runtime.addSelectionAnnotation(_());
-			k = !1, A = null, v(""), b(null), g(!1), m(null), pe(t.id), Ge(t.id), o(t.id), w(null), he(t.id);
+			k = !1, A = null, v(""), b(null), g(!1), m(null), fe(t.id), Ge(t.id), o(t.id), w(null), me(t.id);
 		} catch (e) {
 			b(e instanceof Error ? e.message : String(e));
 		}
@@ -5010,10 +5083,10 @@ function qo(e) {
 								}
 							});
 							return nr(() => (e) => {
-								P = e, F?.sync();
+								P = e, I?.sync();
 							}, t), Z(t, J(xi, { size: 14 })), q(() => ({
-								e: B() ? "viewport" : "document",
-								t: V(e().nativeAnchor),
+								e: V() ? "viewport" : "document",
+								t: H(e().nativeAnchor),
 								a: {
 									position: e().nativeAnchor || e().viewportOwned ? "fixed" : "absolute",
 									left: e().nativeAnchor ? `calc(anchor(left) + ${e().anchorX}px)` : `${e().left}px`,
@@ -5088,10 +5161,10 @@ function qo(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: H(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)",
@@ -5118,7 +5191,7 @@ function qo(e) {
 						left: e.left,
 						top: e.top
 					}) : {
-						...re({
+						...ne({
 							left: e.left,
 							top: e.top
 						}),
@@ -5134,9 +5207,9 @@ function qo(e) {
 				});
 				return q(() => ({
 					e: t() ?? void 0,
-					t: V(n().nativeAnchor),
+					t: H(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`,
@@ -5171,11 +5244,11 @@ function qo(e) {
 							"data-mesurer-layer": "evidence",
 							"data-mesurer-annotation-marker": "true",
 							onPointerEnter: () => {
-								c(e.id), he(e.id);
+								c(e.id), me(e.id);
 							},
 							onPointerLeave: () => c((t) => t === e.id ? null : t),
 							onFocus: () => {
-								u(e.id), he(e.id);
+								u(e.id), me(e.id);
 							},
 							onBlur: () => u((t) => t === e.id ? null : t),
 							onPointerDown: (t) => {
@@ -5196,13 +5269,13 @@ function qo(e) {
 							t: t() + 1,
 							a: i() ? "true" : void 0,
 							o: o() ? "true" : void 0,
-							i: V(n().nativeAnchor),
-							n: B() ? "viewport" : "document",
+							i: H(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",
@@ -5268,7 +5341,7 @@ function qo(e) {
 						e.runtime.removeAnnotation(n), f((e) => {
 							let t = { ...e };
 							return delete t[n], t;
-						}), ue(n), c((e) => e === n ? null : e), u((e) => e === n ? null : e), o(null), w(null);
+						}), le(n), c((e) => e === n ? null : e), u((e) => e === n ? null : e), o(null), w(null);
 					}
 				}), v = Y("button", {
 					type: "button",
@@ -5292,10 +5365,10 @@ function qo(e) {
 					})()
 				}), null), q(() => ({
 					e: t().id,
-					t: V(n().nativeAnchor),
-					a: B() ? "viewport" : "document",
+					t: H(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)",
@@ -6172,7 +6245,7 @@ var Ss = "mesurer.layout-guides", Cs = "layout-guides:v1", ws = "mesurer.layout-
 		} catch {
 			D("Could not save screenshot", !0);
 		}
-	}, te = (e, t, n) => {
+	}, F = (e, t, n) => {
 		if (!v) return !1;
 		T();
 		let r = o.getBoundingClientRect();
@@ -6184,7 +6257,7 @@ var Ss = "mesurer.layout-guides", Cs = "layout-guides:v1", ws = "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;
@@ -6192,42 +6265,42 @@ var Ss = "mesurer.layout-guides", Cs = "layout-guides:v1", ws = "mesurer.layout-
 			left: n.left + r,
 			top: n.top + i
 		});
-	}, F = () => {
+	}, I = () => {
 		let e = x;
 		e && (x = null, o.style.cursor = "grab", e.moved || N());
-	}, I = () => {
+	}, L = () => {
 		x && (x = null, o.style.cursor = "grab");
-	}, L = (e) => {
-		e.button !== 0 || !te(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 && te(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());
+	}, H = (e) => {
+		let t = x?.pointerId;
+		t != null && t === e.pointerId && te(e.clientX, e.clientY);
+	}, ne = (e) => {
 		let t = x?.pointerId;
-		t != null && t === e.pointerId && ne(e.clientX, e.clientY);
+		t != null && t === e.pointerId && (o.hasPointerCapture?.(e.pointerId) && o.releasePointerCapture(e.pointerId), I());
 	}, 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), L());
 	}, ie = (e) => {
-		let t = x?.pointerId;
-		t != null && t === e.pointerId && (o.hasPointerCapture?.(e.pointerId) && o.releasePointerCapture(e.pointerId), I());
-	}, ae = (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), N());
-	}, H = (e) => {
+	}, U = (e) => {
 		e.target !== s && e.preventDefault();
-	}, oe = (e) => {
+	}, ae = (e) => {
 		e.target === d && O();
-	}, U = (e) => {
+	}, W = (e) => {
 		e.key === "Escape" && d.style.display !== "none" && (e.preventDefault(), e.stopImmediatePropagation(), O());
 	};
 	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", ae), o.addEventListener("contextmenu", H), d.addEventListener("click", oe), 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", () => {
 		P();
-	}), h.addEventListener("click", ee), 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", ie, !0), t.addEventListener("keydown", U, !0), {
+	}), h.addEventListener("click", ee), g.addEventListener("click", O), t.addEventListener("mousemove", z, !0), t.addEventListener("mouseup", B, !0), t.addEventListener("pointermove", H, !0), t.addEventListener("pointerup", ne, !0), t.addEventListener("pointercancel", re, !0), t.addEventListener("keydown", W, !0), {
 		show(e, n) {
 			if (w) return;
 			T(), O(), k(), v = e;
@@ -6236,7 +6309,7 @@ var Ss = "mesurer.layout-guides", Cs = "layout-guides:v1", ws = "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", ie, !0), t.removeEventListener("keydown", U, !0), o.removeEventListener("mousedown", L), o.removeEventListener("pointerdown", B), o.removeEventListener("keydown", ae), o.removeEventListener("contextmenu", H), d.removeEventListener("click", oe), a.remove());
+			w || (w = !0, T(), E(), A(), t.removeEventListener("mousemove", z, !0), t.removeEventListener("mouseup", B, !0), t.removeEventListener("pointermove", H, !0), t.removeEventListener("pointerup", ne, !0), t.removeEventListener("pointercancel", re, !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());
 		}
 	};
 }, sc = "mesurer.screenshot", cc = "screenshot", lc = "mesurer.screenshot.settings", uc = "mesurer.screenshot.active", dc = "runtime:solid", fc = "screenshot.toggle", pc = 2500, mc = 0, hc = [
@@ -6480,9 +6553,9 @@ var Ss = "mesurer.layout-guides", Cs = "layout-guides:v1", ws = "mesurer.layout-
 			}, pc);
 		}, ee = () => {
 			_ = null, A(null), d.style.visibility = "", d.style.display = "none", u.style.pointerEvents = "none", D(!1), k();
-		}, te = () => {
+		}, F = () => {
 			b += 1, ee(), Hr(i);
-		}, ne = async (e) => {
+		}, 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;
@@ -6524,10 +6597,10 @@ var Ss = "mesurer.layout-guides", Cs = "layout-guides:v1", ws = "mesurer.layout-
 			} finally {
 				d.style.visibility = "", u(), a.finishCapture(), x = !1;
 			}
-		}, F = async () => {
+		}, I = async () => {
 			if (T().toolEnabled) {
 				if (w()) {
-					te();
+					F();
 					return;
 				}
 				if (!S) {
@@ -6542,7 +6615,7 @@ var Ss = "mesurer.layout-guides", Cs = "layout-guides:v1", ws = "mesurer.layout-
 					}
 				}
 			}
-		}, I = (e) => {
+		}, L = (e) => {
 			!w() || e.button !== 0 || (e.preventDefault(), e.stopPropagation(), _ = {
 				x: e.clientX,
 				y: e.clientY
@@ -6550,7 +6623,7 @@ var Ss = "mesurer.layout-guides", Cs = "layout-guides:v1", ws = "mesurer.layout-
 				width: i.innerWidth,
 				height: i.innerHeight
 			})), d.setPointerCapture?.(e.pointerId));
-		}, L = (e) => {
+		}, R = (e) => {
 			!w() || !_ || A(vr(_, {
 				x: e.clientX,
 				y: e.clientY
@@ -6558,7 +6631,7 @@ var Ss = "mesurer.layout-guides", Cs = "layout-guides:v1", ws = "mesurer.layout-
 				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);
@@ -6573,22 +6646,22 @@ var Ss = "mesurer.layout-guides", Cs = "layout-guides:v1", ws = "mesurer.layout-
 				A(null);
 				return;
 			}
-			ne(n).catch(() => void 0).finally(() => {
+			te(n).catch(() => void 0).finally(() => {
 				w() && ee();
 			});
-		}, z = (e) => {
-			_ = null, d.hasPointerCapture?.(e.pointerId) && d.releasePointerCapture(e.pointerId), A(null);
 		}, B = (e) => {
-			e.key !== "Escape" || !w() || (e.preventDefault(), e.stopImmediatePropagation(), te());
+			_ = 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 H = {
 			active: w,
 			settings: T,
 			setSettings: E,
-			start: F,
-			cancel: te,
-			capture: ne
+			start: I,
+			cancel: F,
+			capture: te
 		};
 		t.tool.register({
 			id: "screenshot",
@@ -6634,7 +6707,7 @@ var Ss = "mesurer.layout-guides", Cs = "layout-guides:v1", ws = "mesurer.layout-
 					description: "Show the camera tool in the toolbar.",
 					value: () => T().toolEnabled,
 					set: (e) => {
-						E({ toolEnabled: e }), !e && w() && te();
+						E({ toolEnabled: e }), !e && w() && F();
 					}
 				},
 				{
@@ -6662,11 +6735,11 @@ var Ss = "mesurer.layout-guides", Cs = "layout-guides:v1", ws = "mesurer.layout-
 					set: (e) => E({ includeMeasurements: e })
 				}
 			]
-		}), t.command.register(fc, F), t.service.provide(cc, 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(), Hr(i), a.finishCapture(), a.dispose(), o.dispose();
+		}), t.command.register(fc, I), t.service.provide(cc, H), 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();
 		});
 	}
-}), Oc = "0.2.0-beta.11", kc = Aa, Ac = Da, jc = Oa, Mc = ja, Nc = ka, Pc = () => ({
+}), Oc = "0.2.0-beta.13", kc = Aa, Ac = Da, jc = Oa, Mc = ja, Nc = ka, Pc = () => ({
 	...So(),
 	version: Oc
 }), Fc = (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, Ic = (e) => {
@@ -7288,34 +7361,34 @@ function Cl(e = {}) {
 	};
 }
 //#endregion
-//#region src/codex-plugin.ts
-var wl = "mesurer.codex", Tl = "codex:v1", El = "http://127.0.0.1:47365", Dl = 2e3, Ol = 750, kl = 1800, Al = 2e3, jl = 12e4, Ml = 10, Nl = 5, Pl = [
+//#region src/plugins/codex/index.ts
+var wl = "mesurer.codex", Tl = "codex:v1", El = 2e3, Dl = 750, Ol = 1800, kl = 2e3, Al = 12e4, jl = 10, Ml = 5, Nl = [
 	"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(" "), Fl = {
+].join(" "), Pl = {
 	viewBox: "0 0 256 256",
 	paths: ["M224,48,32,120l88,32,32,88Z M120,152l104-104"]
-}, Il = {
+}, Fl = {
 	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"]
-}, Ll = {
+}, Il = {
 	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"]
-}, Rl = (e) => {
+}, Ll = () => {
 	try {
-		let t = globalThis.location;
-		return t?.origin ? `mesurer-codex-ui:v1:${e}:${t.origin}${t.pathname}` : null;
+		let e = globalThis.location;
+		return e?.origin ? `mesurer-codex-ui:v2:${e.origin}${e.pathname}` : null;
 	} catch {
 		return null;
 	}
-}, zl = (e) => {
-	let t = Rl(e);
-	if (!t) return null;
+}, Rl = () => {
+	let e = Ll();
+	if (!e) return null;
 	try {
-		let e = globalThis.sessionStorage?.getItem(t);
-		if (!e) return null;
-		let n = JSON.parse(e);
+		let t = globalThis.sessionStorage?.getItem(e);
+		if (!t) return null;
+		let n = JSON.parse(t);
 		if (n.version !== 1) return null;
 		let r = n.originThread?.trim() || null, i = n.selectedThread?.trim() || null, a = n.delivery;
 		return {
@@ -7335,39 +7408,41 @@ var wl = "mesurer.codex", Tl = "codex:v1", El = "http://127.0.0.1:47365", Dl = 2
 	} catch {
 		return null;
 	}
-}, Bl = (e, t) => {
-	let n = Rl(e);
-	if (n) try {
-		globalThis.sessionStorage?.setItem(n, JSON.stringify(t));
+}, zl = (e) => {
+	let t = Ll();
+	if (t) try {
+		globalThis.sessionStorage?.setItem(t, JSON.stringify(e));
 	} catch {}
-}, Vl = (e, t) => {
-	let n = e.endsWith("/") ? e : `${e}/`;
-	return new URL(t, n).toString();
-}, Hl = async (e, t, n) => {
-	let r = new AbortController(), i = setTimeout(() => r.abort(), 15e3);
-	try {
-		let i = await fetch(Vl(e, t), {
-			...n,
-			signal: r.signal
-		}), a = await i.text(), o = {};
-		if (a) try {
-			o = JSON.parse(a);
-		} catch {
-			o = { error: a };
-		}
-		if (!i.ok || o.ok === !1) throw Error(o.error || `Mesurer Codex bridge returned HTTP ${i.status}.`);
-		return o;
-	} catch (t) {
-		throw t instanceof Error && t.name === "AbortError" ? Error("Mesurer Codex bridge timed out.") : t instanceof TypeError ? Error(`Mesurer Codex bridge is unavailable at ${e}. Start the local bridge before queueing feedback.`) : t;
-	} finally {
-		clearTimeout(i);
-	}
-}, Ul = (e) => ({
+}, Bl = async (e) => {
+	let t = window.__MESURER_HOST__?.codexBridge;
+	if (!t) throw Error("Codex Bridge is unavailable in this host.");
+	let n = await t(e);
+	if (n.ok === !1) throw Error(n.error ?? "Codex Bridge request failed.");
+	return n;
+}, Vl = (e) => {
+	let t = e.runtime;
+	return !t || ![
+		"shared",
+		"standalone",
+		"desktop",
+		"none"
+	].includes(t.source) || ![
+		"shared-app-server",
+		"desktop-queue",
+		"private-stdio",
+		"none"
+	].includes(t.transport) || t.reason !== null && t.reason !== "desktop-private-transport" && t.reason !== "runtime-not-found" ? null : {
+		source: t.source,
+		transport: t.transport,
+		available: t.available === !0,
+		reason: t.reason
+	};
+}, Hl = (e) => ({
 	thread: e.thread?.trim() || null,
 	threads: Array.isArray(e.threads) ? e.threads.filter((e) => e.trim().length > 0) : []
-}), Wl = (e) => {
+}), Ul = (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.");
+	if (!t || !n || !r) throw Error("Codex Bridge returned an invalid delivery state.");
 	let i = {
 		id: t,
 		thread: n,
@@ -7377,7 +7452,7 @@ var wl = "mesurer.codex", Tl = "codex:v1", El = "http://127.0.0.1:47365", Dl = 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;
-}, Gl = (e) => ({
+}, Wl = (e) => ({
 	thread: e.thread?.trim() || null,
 	threads: Array.isArray(e.threadDetails) ? e.threadDetails.flatMap((e) => {
 		let t = e.id?.trim() ?? "";
@@ -7389,7 +7464,7 @@ var wl = "mesurer.codex", Tl = "codex:v1", El = "http://127.0.0.1:47365", Dl = 2
 		}] : [];
 	}) : [],
 	hasMore: e.hasMore === !0
-}), Kl = async (e, t, n) => {
+}), Gl = 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] : [];
@@ -7412,76 +7487,87 @@ var wl = "mesurer.codex", Tl = "codex:v1", El = "http://127.0.0.1:47365", Dl = 2
 			])
 		].join("\n").trimEnd()
 	};
-}, ql = (e) => e.length > 16 ? `${e.slice(0, 8)}…${e.slice(-4)}` : e, Jl = (e, t = 42) => e.length > t ? `${e.slice(0, t - 1)}…` : e, Yl = (e, t) => e instanceof Error && e.message === `Mesurer Codex bridge is unavailable at ${t}. Start the local bridge before queueing feedback.`;
-function Xl(e = {}) {
-	let t = e.endpoint ?? El, n = e.instruction?.trim() || Pl, r = e.ui ?? !0, i = e.clearCompletedAnnotations ?? !0;
+}, Kl = (e) => e.length > 16 ? `${e.slice(0, 8)}…${e.slice(-4)}` : e, ql = (e, t = 42) => e.length > t ? `${e.slice(0, t - 1)}…` : e, Jl = (e) => e instanceof Error && e.message === "Codex Bridge is unavailable in this host.";
+function Yl(e = {}) {
+	let t = e.instruction?.trim() || Nl, n = e.ui ?? !0, r = e.clearCompletedAnnotations ?? !0;
 	return {
 		id: wl,
 		version: Oc,
 		requires: [pl],
 		provides: [Tl],
 		setup(e) {
-			let a = e.service.get(pl);
-			if (!a) throw Error("Mesurer Codex plugin requires context() from mesurer-solid/plugins.");
-			let o = r ? zl(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 = Nl, _, v = "", y = null, b = o?.delivery ? {
-				id: o.delivery.id,
-				thread: o.delivery.thread,
-				status: o.delivery.status,
-				annotationIds: o.delivery.annotationIds,
-				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 () => Ul(await Hl(t, "health")), E = async (e) => Wl(await Hl(t, `deliveries/${encodeURIComponent(e)}`)), D = async (e) => {
+			let i = e.service.get(pl);
+			if (!i) throw Error("Mesurer Codex plugin requires context() from mesurer-solid/plugins.");
+			let a = n ? Rl() : null, o = "unknown", s = null, c = !1, l = a?.originThread ?? null, u = a?.selectedThread ?? a?.originThread ?? null, d = !1, f = null, p = [], m = [], h = !1, g = Ml, _, v = "", y = null, b = a?.delivery ? {
+				id: a.delivery.id,
+				thread: a.delivery.thread,
+				status: a.delivery.status,
+				annotationIds: a.delivery.annotationIds,
+				queuedSubmissionId: a.delivery.queuedSubmissionId ?? null,
+				dispatch: a.delivery.dispatch ?? null,
+				dispatchError: a.delivery.dispatchError ?? null
+			} : null, x = 0, S = 0, C = null, w = !1, T = async () => {
+				let e = Vl(await Bl({ action: "runtime" }));
+				if (!e) throw Error("Codex Bridge returned an invalid runtime state.");
+				return s = e, e;
+			}, E = async () => {
+				let e = await Bl({
+					action: "health",
+					thread: u ?? l ?? void 0
+				});
+				return s = Vl(e) ?? s, Hl(e);
+			}, D = E, O = async (e) => Ul(await Bl({
+				action: "delivery",
+				deliveryId: e
+			})), k = async (e) => {
 				if (!e.id || !e.thread) throw Error("Cannot restore a Codex delivery without its id and thread.");
-				let n = {
+				let t = {
+					action: "restore",
 					deliveryId: e.id,
 					thread: e.thread
 				};
-				return e.queuedSubmissionId && (n.queuedSubmissionId = e.queuedSubmissionId), Wl(await Hl(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 ?? Ml));
-				let r = e.thread?.trim();
-				return r && n.set("thread", r), Gl(await Hl(t, `threads?${n.toString()}`));
-			}, k = () => u ?? l ?? (d ? null : f), A = () => {
-				if (!r) return;
+				return e.queuedSubmissionId && (t.queuedSubmissionId = e.queuedSubmissionId), Ul(await Bl(t));
+			}, A = async (e = {}) => {
+				let t = {
+					action: "threads",
+					limit: e.limit ?? jl
+				}, n = e.thread?.trim();
+				return n && (t.thread = n), Wl(await Bl(t));
+			}, j = () => u ?? l ?? (d ? null : f), M = () => {
+				if (!n) return;
 				let e = b?.id && (b.status === "queued" || b.status === "working" || b.status === "interrupted") ? {
 					id: b.id,
-					thread: b.thread ?? k() ?? "",
+					thread: b.thread ?? j() ?? "",
 					status: b.status,
 					annotationIds: [...b.annotationIds],
 					queuedSubmissionId: b.queuedSubmissionId,
 					dispatch: b.dispatch,
 					dispatchError: b.dispatchError
 				} : null;
-				Bl(t, {
+				zl({
 					version: 1,
 					originThread: l,
 					selectedThread: u,
 					delivery: e?.thread ? e : null
 				});
-			}, j = (e, t = !1) => {
+			}, N = (e, t = !1) => {
 				let n = e.trim();
-				n && ((t || !l) && (l = n), u = n, d = !1, A());
-			}, M = () => b !== null && [
+				n && ((t || !l) && (l = n), u = n, d = !1, M());
+			}, P = () => b !== null && [
 				"queueing",
 				"queued",
 				"working",
 				"completed"
-			].includes(b.status), N = () => b?.status === "queued" && (b.dispatch === "desktop-send-uncertain" || b.dispatch === "desktop-wait-failed"), P = (e) => e === "queueing" ? "Queueing…" : e === "queued" ? "Queued" : e === "working" ? "Working…" : e === "completed" ? "Done" : e === "interrupted" ? "Interrupted" : "Failed", ee = () => b ? b.status === "queueing" ? "Queueing to Codex…" : N() ? "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, te = () => b ? [
+			].includes(b.status), ee = (e) => e === "queueing" ? "Queueing…" : e === "queued" ? "Queued" : e === "working" ? "Working…" : e === "completed" ? "Done" : e === "interrupted" ? "Interrupted" : "Failed", F = () => b ? b.status === "queueing" ? "Queueing to Codex…" : b.status === "queued" ? b.dispatch === "desktop-wake-failed" ? "Queued — open Codex" : "Queued for Codex" : b.status === "working" ? "Codex working…" : b.status === "completed" ? "Codex finished" : b.status === "interrupted" ? "Codex interrupted" : "Queue failed" : null, te = () => b ? [
 				"queueing",
 				"queued",
 				"working"
-			].includes(b.status) ? Il : b.status === "completed" ? Ll : Fl : Fl, ne = () => {
+			].includes(b.status) ? Fl : b.status === "completed" ? Il : Pl : Pl, I = () => {
 				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 ${ql(e)}`,
+					title: `Codex ${Kl(e)}`,
 					updatedAt: null,
 					connected: !0
 				});
@@ -7491,96 +7577,94 @@ function Xl(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 = () => {
-				if (s !== "available") return [{
-					id: "codex.thread.connect",
-					label: s === "unavailable" ? "Retry Codex connection" : "Choose Codex thread…",
-					run: () => F(!0)
-				}];
-				let e = ne(), 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 ? ` · ${N() ? "Blocked" : P(b.status)}` : "";
+			}, L = (e = !1) => Promise.resolve(), R = () => {
+				if (o !== "available") {
+					let e = s?.source === "desktop" && s.reason === "desktop-private-transport";
+					return [{
+						id: "codex.thread.connect",
+						label: o === "unavailable" ? e ? "Retry Codex Desktop" : "Retry Codex connection" : "Choose Codex thread…",
+						run: () => L(!0)
+					}];
+				}
+				let e = I(), t = e.slice(0, g), n = j(), r = t.map((e) => {
+					let t = e.id === l ? "Current · " : e.connected ? "Loaded · " : "", r = b?.thread === e.id ? ` · ${ee(b.status)}` : "";
 					return {
 						id: `codex.thread.${e.id}`,
-						label: `${t}${Jl(e.title)}${r}`,
+						label: `${t}${ql(e.title)}${r}`,
 						checked: () => n === e.id,
-						disabled: () => M(),
+						disabled: () => P(),
 						run() {
-							M() || (j(e.id, !l), L());
+							P() || (N(e.id, !l), z());
 						}
 					};
 				});
-				return g < Ml && (e.length > g || h) && r.push({
+				return g < jl && (e.length > g || h) && r.push({
 					id: "codex.thread.show-more",
 					label: "Show 5 more…",
 					run() {
-						g = Ml, L();
+						g = jl, z();
 					}
 				}), r;
-			}, L = () => {
-				if (!r || w) return;
-				let t = k(), n = I(), i = !M() && !d && s !== "unavailable" && (s === "unknown" || !!t), a = ee() ?? (s === "unavailable" ? "Codex unavailable" : d || s === "available" && !t ? "Choose Codex thread" : "Queue to Codex"), o = JSON.stringify({
-					bridgeAvailability: s,
+			}, z = () => {
+				if (!n || w) return;
+				let t = j(), r = R(), i = !P() && !d && o !== "unavailable" && (o === "unknown" || !!t), a = s?.source === "desktop" && s.reason === "desktop-private-transport", c = F() ?? (o === "unavailable" ? a ? "Codex Desktop not connected" : "Codex unavailable" : d || o === "available" && !t ? "Choose Codex thread" : "Queue to Codex"), l = JSON.stringify({
+					bridgeAvailability: o,
+					codexRuntime: s,
 					routeNeedsSelection: d,
 					target: t,
-					label: a,
+					label: c,
 					visibleThreadCount: g,
 					activeDelivery: b,
-					items: n.map((e) => ({
+					items: r.map((e) => ({
 						id: e.id,
 						label: e.label,
 						checked: e.checked?.() ?? null,
 						disabled: e.disabled?.() ?? !1
 					}))
 				});
-				o !== v && (v = o, _?.dispose(), _ = e.tool.register({
+				l !== v && (v = l, _?.dispose(), _ = e.tool.register({
 					id: "codex.send",
-					label: a,
+					label: c,
 					command: "codex.queue",
 					order: 73,
 					icon: te(),
 					disabled: () => !i,
-					menu: n.length ? {
+					menu: r.length ? {
 						label: "Codex destination",
-						items: n
+						items: r
 					} : void 0
 				}));
-			}, R = async () => {
-				if (s !== "available") return;
-				let e = l && p.includes(l) ? l : f;
-				try {
-					let t = await O({
-						limit: Ml,
-						thread: e ?? void 0
-					});
-					m = t.threads, h = t.hasMore;
-				} catch {
-					m = p.map((e) => ({
-						id: e,
-						title: `Codex ${ql(e)}`,
-						updatedAt: null,
-						connected: !0
-					})), h = !1;
-				}
+			}, B = async (e) => {
+				if (o !== "available") return;
+				let t = await A({
+					limit: jl,
+					thread: e ?? void 0
+				});
+				m = t.threads, h = t.hasMore, p = t.threads.filter((e) => e.connected).map((e) => e.id), f = t.thread;
 			};
-			F = (e = !1) => w || s === "unknown" && !e ? Promise.resolve() : y || (y = (async () => {
+			L = (e = !1) => w || o === "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());
+					let e = await D();
+					o = "available", c = !0, f = e.thread, await B(u ?? l ?? e.thread);
+					let t = u ?? l;
+					t && p.includes(t) ? d = !1 : p.length === 1 ? N(p[0], !0) : d = !0, !d && t && M();
 				} catch (e) {
-					throw s = "unavailable", e;
+					throw o = "unavailable", s = await T().catch(() => s), e;
 				} finally {
-					y = null, L();
+					y = null, z();
 				}
 			})(), y);
-			let z = () => {
+			let V = () => {
 				x &&= (globalThis.clearTimeout(x), 0), S &&= (globalThis.clearTimeout(S), 0);
-			}, B = () => {
+			}, H = () => {
+				S && globalThis.clearTimeout(S), S = globalThis.setTimeout(() => {
+					S = 0, b?.status === "completed" && (b = null, M(), z());
+				}, Ol);
+			}, ne = () => {
 				S && globalThis.clearTimeout(S), S = globalThis.setTimeout(() => {
-					S = 0, b?.status === "completed" && (b = null, A(), L());
-				}, kl);
-			}, V = async (e) => {
+					S = 0, !(b?.status !== "queued" || b.dispatch !== "desktop-opened" && b.dispatch !== "desktop-wake-failed") && (b = null, M(), z());
+				}, Ol);
+			}, re = async (e) => {
 				if (!(!b || b.id !== e.id)) {
 					if (b = {
 						...b,
@@ -7589,104 +7673,106 @@ function Xl(e = {}) {
 						queuedSubmissionId: e.queuedSubmissionId ?? b.queuedSubmissionId,
 						dispatch: e.dispatch ?? b.dispatch,
 						dispatchError: e.dispatchError ?? b.dispatchError
-					}, A(), e.status === "completed") {
-						if (i) for (let e of b.annotationIds) await a.removeAnnotation(e);
-						A(), L(), B();
+					}, M(), e.status === "queued" && (e.dispatch === "desktop-opened" || e.dispatch === "desktop-wake-failed")) {
+						z(), ne();
+						return;
+					}
+					if (e.status === "completed") {
+						if (r) for (let e of b.annotationIds) await i.removeAnnotation(e);
+						M(), z(), H();
 						return;
 					}
 					if (e.status === "interrupted") {
-						A(), L();
+						M(), z();
 						let t = e.updatedAt > 0 ? e.updatedAt : Date.now();
-						Date.now() - t < jl && (x = globalThis.setTimeout(() => {
-							x = 0, re(e.id);
-						}, Al));
+						Date.now() - t < Al && (x = globalThis.setTimeout(() => {
+							x = 0, ie(e.id);
+						}, kl));
 						return;
 					}
-					L(), x = globalThis.setTimeout(() => {
-						x = 0, re(e.id);
-					}, Ol);
+					z(), x = globalThis.setTimeout(() => {
+						x = 0, ie(e.id);
+					}, Dl);
 				}
-			}, re = async (e) => {
+			}, ie = async (e) => {
 				if (!(w || b?.id !== e)) try {
-					await V(await E(e));
-				} catch (n) {
+					await re(await O(e));
+				} catch (t) {
 					if (b?.id !== e) return;
-					let r = n;
+					let n = t;
 					if (b.status === "queued" && b.thread) try {
-						s !== "available" && await F(!0);
-						let e = await D(b);
-						await V(e);
+						o !== "available" && await L(!0);
+						let e = await k(b);
+						await re(e);
 						return;
 					} catch (e) {
-						r = e;
+						n = e;
 					}
 					if (b?.id !== e) return;
 					if (b.status === "interrupted") {
-						L();
+						z();
 						return;
 					}
 					b = {
 						...b,
 						status: "failed"
-					}, A(), Yl(r, t) && (s = "unavailable"), L();
+					}, M(), Jl(n) && (o = "unavailable"), z();
 				}
-			}, ie = {
-				health: T,
-				listThreads: O,
-				delivery: E,
+			}, U = {
+				health: E,
+				listThreads: A,
+				delivery: O,
 				async useThread(e) {
-					let n = e.trim();
-					if (!n) throw Error("Codex thread must be a non-empty string.");
-					let r = Ul(await Hl(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;
+					let t = e.trim();
+					if (!t) throw Error("Codex thread must be a non-empty string.");
+					let n = await Bl({
+						action: "target",
+						thread: t
+					}), r = Hl(n);
+					return s = Vl(n) ?? s, N(t, !l), f = r.thread, p = r.threads, o = "available", c = !0, z(), r;
 				},
 				async queue(e) {
-					let i = await Kl(a, e, n), o = e?.thread?.trim(), c = o || (r ? k() : null);
-					if (r && !o && (d || !c)) throw Error("Choose a Codex thread before queueing feedback.");
-					let l = { message: i.message };
-					c && (l.thread = c);
+					let r = await Gl(i, e, t), a = e?.thread?.trim(), s = a || (n ? j() : null);
+					if (n && !a && (d || !s)) throw Error("Choose a Codex thread before queueing feedback.");
+					let c = { message: r.message };
+					s && (c.thread = s);
 					try {
-						let e = await Hl(t, "send", {
-							method: "POST",
-							headers: { "Content-Type": "application/json" },
-							body: JSON.stringify(l)
-						}), n = e.thread?.trim();
-						if (!n) throw Error("Mesurer Codex bridge did not report the destination thread.");
-						let r = {
-							thread: n,
+						let e = await Bl({
+							action: "queue",
+							...c
+						}), t = e.thread?.trim();
+						if (!t) throw Error("Codex Bridge did not report the destination thread.");
+						let n = {
+							thread: t,
 							output: e.output ?? "",
 							delivery: "queued",
 							deliveryId: e.deliveryId?.trim() || null,
 							status: e.status ?? "queued",
-							annotationIds: i.annotationIds
+							annotationIds: r.annotationIds
 						};
-						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;
+						return e.queuedSubmissionId !== void 0 && (n.queuedSubmissionId = e.queuedSubmissionId?.trim() || null), e.dispatch !== void 0 && (n.dispatch = e.dispatch), e.dispatchError !== void 0 && (n.dispatchError = e.dispatchError?.trim() || null), n;
 					} catch (e) {
-						throw r && Yl(e, t) && (s = "unavailable", L()), e;
+						throw n && Jl(e) && (o = "unavailable", z()), e;
 					}
 				},
 				send(e) {
-					return ie.queue(e);
+					return U.queue(e);
 				}
 			};
-			e.service.provide(Tl, ie);
+			e.service.provide(Tl, U);
 			let ae = async () => {
-				if (!(C || M())) return z(), b = {
+				if (!(C || P())) return V(), b = {
 					id: null,
-					thread: k(),
+					thread: j(),
 					status: "queueing",
 					annotationIds: [],
 					queuedSubmissionId: null,
 					dispatch: null,
 					dispatchError: null
-				}, L(), C = (async () => {
+				}, z(), C = (async () => {
 					try {
-						r && s !== "available" && await F(!0);
-						let e = await ie.queue();
+						n && o !== "available" && await L(!0);
+						let e = await U.queue();
 						b = {
 							id: e.deliveryId,
 							thread: e.thread,
@@ -7695,7 +7781,7 @@ function Xl(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({
+						}, N(e.thread, !l), M(), z(), console.info(`[Mesurer] Queued feedback for Codex thread ${e.thread}.`), e.deliveryId ? e.status === "completed" || e.status === "interrupted" ? await re({
 							id: e.deliveryId,
 							thread: e.thread,
 							status: e.status,
@@ -7703,12 +7789,12 @@ function Xl(e = {}) {
 							createdAt: 0,
 							updatedAt: 0
 						}) : x = globalThis.setTimeout(() => {
-							x = 0, re(e.deliveryId);
-						}, Ol) : S = globalThis.setTimeout(() => {
-							S = 0, b?.id === null && b?.status === "queued" && (b = null, A(), L());
-						}, kl);
+							x = 0, ie(e.deliveryId);
+						}, Dl) : S = globalThis.setTimeout(() => {
+							S = 0, b?.id === null && b?.status === "queued" && (b = null, M(), z());
+						}, Ol);
 					} catch (e) {
-						b = null, A(), L();
+						b = null, M(), z();
 						let t = e instanceof Error ? e.message : String(e);
 						throw console.error(`[Mesurer] Failed to queue feedback for Codex: ${t}`), e;
 					} finally {
@@ -7716,15 +7802,15 @@ function Xl(e = {}) {
 					}
 				})(), C;
 			};
-			if (e.command.register("codex.queue", ae), e.command.register("codex.send", ae), r) {
-				L(), b?.id && (c = !0, x = globalThis.setTimeout(() => {
-					x = 0, b?.id && re(b.id);
+			if (e.command.register("codex.queue", ae), e.command.register("codex.send", ae), n) {
+				z(), window.__MESURER_HOST__?.codexBridge && L(!0).catch(() => void 0), b?.id && (c = !0, x = globalThis.setTimeout(() => {
+					x = 0, b?.id && ie(b.id);
 				}, 0));
 				let t = globalThis.setInterval(() => {
-					c && F().catch(() => void 0);
-				}, Dl);
+					c && L().catch(() => void 0);
+				}, El);
 				e.lifecycle.onDispose(() => {
-					w = !0, z(), globalThis.clearInterval(t), _?.dispose(), _ = void 0;
+					w = !0, V(), globalThis.clearInterval(t), _?.dispose(), _ = void 0;
 				});
 			}
 		}
@@ -7732,12 +7818,12 @@ function Xl(e = {}) {
 }
 //#endregion
 //#region src/screenshot.ts
-var Zl = uc, Ql = sc, $l = cc, eu = lc, tu = 4, nu = Ur, ru = (e, t) => br(e, t), iu = (e = /* @__PURE__ */ new Date()) => xr(e), au = (e, t, n, r) => yr(e, t, n, r), ou = (e, t, n) => vr(e, t, n), su = (e, t) => Br(e, t), cu = (e) => Hr(e), lu = (e = {}) => ({
+var Xl = uc, Zl = sc, Ql = cc, $l = lc, eu = 4, tu = Ur, nu = (e, t) => br(e, t), ru = (e = /* @__PURE__ */ new Date()) => xr(e), iu = (e, t, n, r) => yr(e, t, n, r), au = (e, t, n) => vr(e, t, n), ou = (e, t) => Br(e, t), su = (e) => Hr(e), cu = (e = {}) => ({
 	...Dc(e),
 	version: Oc
-}), uu = (e) => Cr(e), du = (e) => ({
+}), lu = (e) => Cr(e), uu = (e) => ({
 	...e,
 	version: Oc
-}), fu = () => du(wo()), pu = () => du(To()), mu = () => du(Eo()), hu = () => du(Do()), gu = () => du(Oo()), _u = () => du(ko()), vu = () => du(jo()), yu = () => du(Ao()), bu = () => Mo().map(du), xu = (e = [], t = []) => No(e, t).map((e) => e.id.startsWith("mesurer.") ? du(e) : e);
+}), du = () => uu(wo()), fu = () => uu(To()), pu = () => uu(Eo()), mu = () => uu(Do()), hu = () => uu(Oo()), gu = () => uu(ko()), _u = () => uu(jo()), vu = () => uu(Ao()), yu = () => Mo().map(uu), bu = (e = [], t = []) => No(e, t).map((e) => e.id.startsWith("mesurer.") ? uu(e) : e);
 //#endregion
-export { kc as MESURER_ARRANGE_ACTIVE_STATE_ID, Ac as MESURER_ARRANGE_PLUGIN_ID, jc as MESURER_ARRANGE_SERVICE_ID, Mc as MESURER_ARRANGE_SETTINGS_STATE_ID, Nc as MESURER_ARRANGE_STATE_ID, wl as MESURER_CODEX_PLUGIN_ID, Tl as MESURER_CODEX_SERVICE_ID, fl as MESURER_CONTEXT_PLUGIN_ID, pl as MESURER_CONTEXT_SERVICE_ID, ml as MESURER_CONTEXT_SETTINGS_STATE_ID, ul as MESURER_LAYOUT_GUIDES_ACTIVE_STATE_ID, sl as MESURER_LAYOUT_GUIDES_PLUGIN_ID, cl as MESURER_LAYOUT_GUIDES_SERVICE_ID, ll as MESURER_LAYOUT_GUIDES_STATE_ID, Zl as MESURER_SCREENSHOT_ACTIVE_STATE_ID, Ql as MESURER_SCREENSHOT_PLUGIN_ID, $l as MESURER_SCREENSHOT_SERVICE_ID, eu as MESURER_SCREENSHOT_SETTINGS_STATE_ID, tu as MIN_SCREENSHOT_SELECTION, Pc as arrange, nu as captureVisibleTabPng, Xl as codex, mu as colorPicker, xu as compose, Cl as context, ru as copyPngToClipboard, iu as createScreenshotFilename, au as cropPngToViewportRect, bu as defaults, vu as distance, _u as guides, dl as layoutGuides, ou as normalizeScreenshotRect, su as prepareScreenshotCapture, cu as releaseScreenshotCapture, hu as rulers, lu as screenshot, fu as select, yu as settings, gu as typography, uu as waitForNextPaint, pu as xray };
+export { kc as MESURER_ARRANGE_ACTIVE_STATE_ID, Ac as MESURER_ARRANGE_PLUGIN_ID, jc as MESURER_ARRANGE_SERVICE_ID, Mc as MESURER_ARRANGE_SETTINGS_STATE_ID, Nc as MESURER_ARRANGE_STATE_ID, wl as MESURER_CODEX_PLUGIN_ID, Tl as MESURER_CODEX_SERVICE_ID, fl as MESURER_CONTEXT_PLUGIN_ID, pl as MESURER_CONTEXT_SERVICE_ID, ml as MESURER_CONTEXT_SETTINGS_STATE_ID, ul as MESURER_LAYOUT_GUIDES_ACTIVE_STATE_ID, sl as MESURER_LAYOUT_GUIDES_PLUGIN_ID, cl as MESURER_LAYOUT_GUIDES_SERVICE_ID, ll as MESURER_LAYOUT_GUIDES_STATE_ID, Xl as MESURER_SCREENSHOT_ACTIVE_STATE_ID, Zl as MESURER_SCREENSHOT_PLUGIN_ID, Ql as MESURER_SCREENSHOT_SERVICE_ID, $l as MESURER_SCREENSHOT_SETTINGS_STATE_ID, eu as MIN_SCREENSHOT_SELECTION, Pc as arrange, tu as captureVisibleTabPng, Yl as codex, pu as colorPicker, bu as compose, Cl as context, nu as copyPngToClipboard, ru as createScreenshotFilename, iu as cropPngToViewportRect, yu as defaults, _u as distance, gu as guides, dl as layoutGuides, au as normalizeScreenshotRect, ou as prepareScreenshotCapture, su as releaseScreenshotCapture, mu as rulers, cu as screenshot, du as select, vu as settings, hu as typography, lu as waitForNextPaint, fu as xray };