mesurer-solid 0.2.3-beta.3 → 0.2.3-beta.4

package/dist/plugins.js

@@ -3781,7 +3781,22 @@ function Js(e) {
 	}), y;
 }
 xr(null);
-var Ys = (e, t) => {
+var Ys = (e) => {
+	let t = e, n = /* @__PURE__ */ new Set();
+	for (; !n.has(t);) {
+		n.add(t);
+		let e = null;
+		try {
+			e = t.defaultView?.frameElement ?? null;
+		} catch {
+			return !1;
+		}
+		if (!e) return !1;
+		if (e.hasAttribute("data-mesurer-responsive-frame")) return !0;
+		t = e.ownerDocument;
+	}
+	return !1;
+}, Xs = (e, t) => {
 	if (bs(e, t)) return !0;
 	let n = t.ownerDocument, r = e.ownerDocument, i = /* @__PURE__ */ new Set();
 	for (; r !== n && !i.has(r);) {
@@ -3797,11 +3812,11 @@ var Ys = (e, t) => {
 		r = e.ownerDocument;
 	}
 	return !1;
-}, Xs = (e) => e.nodeType === 11, Zs = (e) => {
+}, Zs = (e) => e.nodeType === 11, Qs = (e) => {
 	if (!e) return null;
 	let t = e.getRootNode();
-	return Xs(t) ? t.host : null;
-}, Qs = (e, t, n) => !!(t?.contains(e) || n && e === n), $s = (e, t) => {
+	return Zs(t) ? t.host : null;
+}, $s = (e, t, n) => !!(t?.contains(e) || n && e === n), ec = (e, t) => {
 	let n = e;
 	for (; n.shadowRoot;) {
 		let e = n.shadowRoot.elementFromPoint(t.x, t.y);
@@ -3809,27 +3824,27 @@ var Ys = (e, t) => {
 		n = e;
 	}
 	return n;
-}, ec = (e, t, n = document, r = n.body) => {
+}, tc = (e, t, n = document, r = n.body) => {
 	let i = n.defaultView;
 	if (!i) return !1;
-	let a = i, o = Zs(t);
+	let a = i, o = Qs(t);
 	for (let s of n.elementsFromPoint(e.x, e.y)) {
 		if (!(s instanceof a.Element)) continue;
-		let n = $s(s, e);
-		if (!Qs(n, t, o)) {
+		let n = ec(s, e);
+		if (!$s(n, t, o)) {
 			if (mo(n, i)) return !0;
 			if (bs(n, r) && !po(n, i)) return !1;
 		}
 	}
 	return !1;
-}, tc = (e, t, n, r) => ec(e, t, n, r) ? null : xs(t, () => ys(e, r, n)), nc = (e, t, n = document, r = n.body) => {
-	let i = Zs(t), a = tc(e, t, n, r), o = n.defaultView;
+}, nc = (e, t, n, r) => tc(e, t, n, r) ? null : xs(t, () => ys(e, r, n)), rc = (e, t, n = document, r = n.body) => {
+	let i = Qs(t), a = nc(e, t, n, r), o = n.defaultView;
 	if (!o || !a) return null;
-	let s = rc(a, e);
-	if (!Ys(s, r) || Qs(s, t, i) || po(s, o) || s === s.ownerDocument.body || s === s.ownerDocument.documentElement) return null;
+	let s = ic(a, e);
+	if (!Xs(s, r) || $s(s, t, i) || po(s, o) || s === s.ownerDocument.body || s === s.ownerDocument.documentElement) return null;
 	let c = Us(s);
 	return c.width > 2 && c.height > 2 ? s : null;
-}, rc = (e, t) => {
+}, ic = (e, t) => {
 	let n = e, r = t;
 	for (let e = 0; e < 16; e += 1) {
 		let e = As(n);
@@ -3841,12 +3856,12 @@ var Ys = (e, t) => {
 		n = i, r = t;
 	}
 	return n;
-}, ic = "mesurer:select-gesture-start";
-function ac(e, t) {
-	return e.addEventListener(ic, t), () => e.removeEventListener(ic, t);
+}, ac = "mesurer:select-gesture-start";
+function oc(e, t) {
+	return e.addEventListener(ac, t), () => e.removeEventListener(ac, t);
 }
 xr((e) => void 0);
-var oc = "var(--msr-color-ink-50, #f8fafc)", sc = "var(--msr-color-ink-200, #e2e8f0)", cc = "var(--msr-color-ink-500, #64748b)", lc = "var(--msr-content, #0f172a)", uc = (e, t, n) => {
+var sc = "var(--msr-color-ink-50, #f8fafc)", cc = "var(--msr-color-ink-200, #e2e8f0)", lc = "var(--msr-color-ink-500, #64748b)", uc = "var(--msr-content, #0f172a)", dc = (e, t, n) => {
 	let r = e.createElement("div");
 	return Object.assign(r.style, {
 		position: "absolute",
@@ -3863,7 +3878,7 @@ var oc = "var(--msr-color-ink-50, #f8fafc)", sc = "var(--msr-color-ink-200, #e2e
 			height: "100%"
 		}
 	}), r;
-}, dc = (e, t, n) => {
+}, fc = (e, t, n) => {
 	let r = e.createElement("div");
 	Object.assign(r.style, {
 		position: "fixed",
@@ -3877,23 +3892,23 @@ var oc = "var(--msr-color-ink-50, #f8fafc)", sc = "var(--msr-color-ink-200, #e2e
 		"right",
 		"bottom",
 		"left"
-	]) r.appendChild(uc(e, t, n));
+	]) r.appendChild(dc(e, t, n));
 	return r;
-}, fc = (e, t) => {
+}, pc = (e, t) => {
 	Object.assign(e.style, {
 		left: `${t.left}px`,
 		top: `${t.top}px`,
 		width: `${t.width}px`,
 		height: `${t.height}px`
 	});
-}, pc = (e, t) => {
+}, mc = (e, t) => {
 	let n = e.createElement("div");
 	return Object.assign(n.style, {
 		position: "fixed",
 		zIndex: "1",
 		pointerEvents: t ? "auto" : "none",
 		background: "var(--msr-surface-raised, #ffffff)",
-		color: lc,
+		color: uc,
 		borderRadius: "13px",
 		padding: "10px 12px",
 		fontSize: "11px",
@@ -3908,7 +3923,7 @@ var oc = "var(--msr-color-ink-50, #f8fafc)", sc = "var(--msr-color-ink-200, #e2e
 		boxSizing: "border-box",
 		boxShadow: "var(--msr-shadow-floating, 0px 0px 0.5px rgba(0, 0, 0, 0.18), 0px 3px 8px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1))"
 	}), n.className = t ? "mesurer-ti-card mesurer-ti-card--pinned" : "mesurer-ti-card", n.dataset.state = "hidden", n;
-}, mc = (e, t, n, r) => {
+}, hc = (e, t, n, r) => {
 	t.replaceChildren();
 	let i = e.createElement("div");
 	Object.assign(i.style, {
@@ -3920,8 +3935,8 @@ var oc = "var(--msr-color-ink-50, #f8fafc)", sc = "var(--msr-color-ink-200, #e2e
 	});
 	let a = e.createElement("span");
 	if (Object.assign(a.style, {
-		color: oc,
-		background: lc,
+		color: sc,
+		background: uc,
 		borderRadius: "4px",
 		padding: "1px 5px",
 		fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
@@ -3930,7 +3945,7 @@ var oc = "var(--msr-color-ink-50, #f8fafc)", sc = "var(--msr-color-ink-200, #e2e
 	}), a.textContent = n.tagName, i.appendChild(a), n.textSnippet) {
 		let t = e.createElement("span");
 		Object.assign(t.style, {
-			color: cc,
+			color: lc,
 			overflow: "hidden",
 			textOverflow: "ellipsis",
 			whiteSpace: "nowrap",
@@ -3950,7 +3965,7 @@ var oc = "var(--msr-color-ink-50, #f8fafc)", sc = "var(--msr-color-ink-200, #e2e
 			lineHeight: "14px",
 			textAlign: "center",
 			borderRadius: "4px",
-			color: cc,
+			color: lc,
 			fontSize: "14px"
 		}), i.appendChild(t);
 	}
@@ -3965,12 +3980,12 @@ var oc = "var(--msr-color-ink-50, #f8fafc)", sc = "var(--msr-color-ink-200, #e2e
 	});
 	for (let t of n.rows) {
 		let n = e.createElement("span");
-		n.style.color = cc, n.style.fontSize = "11px", n.textContent = t.label;
+		n.style.color = lc, n.style.fontSize = "11px", n.textContent = t.label;
 		let r = e.createElement("span");
 		if (Object.assign(r.style, {
 			fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
 			fontSize: "11px",
-			color: lc,
+			color: uc,
 			overflow: "hidden",
 			textOverflow: "ellipsis",
 			whiteSpace: "nowrap"
@@ -3979,21 +3994,21 @@ var oc = "var(--msr-color-ink-50, #f8fafc)", sc = "var(--msr-color-ink-200, #e2e
 			let n = e.createElement("span");
 			n.textContent = t.value;
 			let i = e.createElement("span");
-			i.style.color = sc, i.style.margin = "0 6px", i.textContent = "·";
+			i.style.color = cc, i.style.margin = "0 6px", i.textContent = "·";
 			let a = e.createElement("span");
 			a.style.color = "#0369a1", a.textContent = t.varName, r.append(n, i, a);
 		}
 		o.append(n, r);
 	}
 	t.appendChild(o);
-}, hc = (e, t, n, r = 0, i = 0) => {
+}, gc = (e, t, n, r = 0, i = 0) => {
 	let a = Number.parseFloat(t.dataset.mesurerPositionedScrollX ?? ""), o = Number.parseFloat(t.dataset.mesurerPositionedScrollY ?? ""), s = Number.isFinite(a) && a !== e.scrollX || Number.isFinite(o) && o !== e.scrollY, c = n.left + n.width / 2 + r;
 	t.style.left = `${c}px`;
 	let l = t.getBoundingClientRect(), u = n.bottom + 4 + i;
 	u + l.height > e.innerHeight - 8 && (u = n.top - l.height - 4 + i), t.style.top = `${Math.max(8, u)}px`;
 	let d = l.width / 2;
 	t.style.left = `${Math.min(Math.max(c, 8 + d), e.innerWidth - 8 - d)}px`, t.dataset.mesurerPositionedScrollX = String(e.scrollX), t.dataset.mesurerPositionedScrollY = String(e.scrollY), s && !t.dataset.mesurerNativeScrollAnchor && (t.dataset.mesurerNativeScrollAnchor = "pending");
-}, gc = /* @__PURE__ */ new Map([
+}, _c = /* @__PURE__ */ new Map([
 	["100", "thin"],
 	["200", "extralight"],
 	["300", "light"],
@@ -4003,26 +4018,26 @@ var oc = "var(--msr-color-ink-50, #f8fafc)", sc = "var(--msr-color-ink-200, #e2e
 	["700", "bold"],
 	["800", "extrabold"],
 	["900", "black"]
-]), _c = [
+]), vc = [
 	"font-family",
 	"font-size",
 	"font-weight",
 	"line-height",
 	"letter-spacing"
-], vc = /* @__PURE__ */ new Map([
+], yc = /* @__PURE__ */ new Map([
 	["Family", "font-family"],
 	["Size", "font-size"],
 	["Weight", "font-weight"],
 	["Line", "line-height"],
 	["Tracking", "letter-spacing"]
-]), yc = (e) => {
+]), bc = (e) => {
 	if (!e || e === "normal") return e || "normal";
 	let t = /^(-?[\d.]+)px$/.exec(e);
 	return t ? `${Math.round(Number(t[1]) * 10) / 10}px` : e;
-}, bc = (e) => (e.split(",")[0] ?? "").trim().replace(/^['"]|['"]$/g, ""), xc = (e) => {
-	let t = gc.get(e);
+}, xc = (e) => (e.split(",")[0] ?? "").trim().replace(/^['"]|['"]$/g, ""), Sc = (e) => {
+	let t = _c.get(e);
 	return t ? `${e} / ${t}` : e;
-}, Sc = (e) => e ? /var\(\s*(--[a-zA-Z0-9_-]+)/.exec(e)?.[1] ?? null : null, Cc = (e) => (e.match(/#[\w-]+/g) ?? []).length * 1e4 + (e.match(/\.[\w-]+|\[[^\]]+\]|:[\w-]+/g) ?? []).length * 100 + (e.match(/(?:^|[ >+~])([a-zA-Z][\w-]*)/g) ?? []).length, wc = (e, t) => !t || (e.important === t.important ? e.specificity === t.specificity ? e.order > t.order : e.specificity > t.specificity : e.important), Tc = class {
+}, Cc = (e) => e ? /var\(\s*(--[a-zA-Z0-9_-]+)/.exec(e)?.[1] ?? null : null, wc = (e) => (e.match(/#[\w-]+/g) ?? []).length * 1e4 + (e.match(/\.[\w-]+|\[[^\]]+\]|:[\w-]+/g) ?? []).length * 100 + (e.match(/(?:^|[ >+~])([a-zA-Z][\w-]*)/g) ?? []).length, Tc = (e, t) => !t || (e.important === t.important ? e.specificity === t.specificity ? e.order > t.order : e.specificity > t.specificity : e.important), Ec = class {
 	document;
 	window;
 	constructor(e, t) {
@@ -4062,11 +4077,11 @@ var oc = "var(--msr-color-ink-50, #f8fafc)", sc = "var(--msr-color-ink-200, #e2e
 		return e;
 	}
 	findVarReferences(e) {
-		let t = new Map(_c.map((e) => [e, null])), n = this.getRules();
-		for (let r of _c) {
+		let t = new Map(vc.map((e) => [e, null])), n = this.getRules();
+		for (let r of vc) {
 			let i = e;
 			for (; i && t.get(r) === null;) {
-				let e, a = Sc(i.style.getPropertyValue(r));
+				let e, a = Cc(i.style.getPropertyValue(r));
 				a && (e = {
 					name: a,
 					specificity: 2 ** 53 - 1,
@@ -4082,15 +4097,15 @@ var oc = "var(--msr-color-ink-50, #f8fafc)", sc = "var(--msr-color-ink-200, #e2e
 						continue;
 					}
 					if (!n) continue;
-					let s = Sc(t.style.getPropertyValue(r));
+					let s = Cc(t.style.getPropertyValue(r));
 					if (!s) continue;
 					let c = {
 						name: s,
-						specificity: Cc(t.selectorText),
+						specificity: wc(t.selectorText),
 						order: o,
 						important: t.style.getPropertyPriority(r) === "important"
 					};
-					wc(c, e) && (e = c);
+					Tc(c, e) && (e = c);
 				}
 				e && t.set(r, e.name), i = i.parentElement;
 			}
@@ -4101,27 +4116,27 @@ var oc = "var(--msr-color-ink-50, #f8fafc)", sc = "var(--msr-color-ink-200, #e2e
 		let t = this.window.getComputedStyle(e), n = [
 			{
 				label: "Family",
-				value: bc(t.fontFamily),
+				value: xc(t.fontFamily),
 				varName: null
 			},
 			{
 				label: "Size",
-				value: yc(t.fontSize),
+				value: bc(t.fontSize),
 				varName: null
 			},
 			{
 				label: "Weight",
-				value: xc(t.fontWeight),
+				value: Sc(t.fontWeight),
 				varName: null
 			},
 			{
 				label: "Line",
-				value: t.lineHeight === "normal" ? "normal" : yc(t.lineHeight),
+				value: t.lineHeight === "normal" ? "normal" : bc(t.lineHeight),
 				varName: null
 			},
 			{
 				label: "Tracking",
-				value: t.letterSpacing === "normal" ? "normal" : yc(t.letterSpacing),
+				value: t.letterSpacing === "normal" ? "normal" : bc(t.letterSpacing),
 				varName: null
 			}
 		], r = Array.from(e.childNodes).filter((e) => e.nodeType === Node.TEXT_NODE).map((e) => e.nodeValue?.trim() ?? "").filter(Boolean).join(" ").replace(/\s+/g, " ");
@@ -4136,7 +4151,7 @@ var oc = "var(--msr-color-ink-50, #f8fafc)", sc = "var(--msr-color-ink-200, #e2e
 		return {
 			...t,
 			rows: t.rows.map((e) => {
-				let t = vc.get(e.label);
+				let t = yc.get(e.label);
 				return {
 					...e,
 					varName: t ? n.get(t) ?? null : null
@@ -4144,7 +4159,7 @@ var oc = "var(--msr-color-ink-50, #f8fafc)", sc = "var(--msr-color-ink-200, #e2e
 			})
 		};
 	}
-}, Ec = [
+}, Dc = [
 	"HTML",
 	"BODY",
 	"SCRIPT",
@@ -4156,7 +4171,7 @@ var oc = "var(--msr-color-ink-50, #f8fafc)", sc = "var(--msr-color-ink-200, #e2e
 	"VIDEO",
 	"AUDIO",
 	"IFRAME"
-], Dc = "color-mix(in oklch, oklch(0.62 0.18 255) 8%, transparent)", Oc = "color-mix(in oklch, oklch(0.62 0.18 255) 80%, transparent)", kc = "color-mix(in oklch, oklch(0.62 0.18 255) 4%, transparent)", Ac = "color-mix(in oklch, oklch(0.62 0.18 255) 35%, transparent)", jc = 80, Mc = 0, Nc = (e, t) => `
+], Oc = "color-mix(in oklch, oklch(0.62 0.18 255) 8%, transparent)", kc = "color-mix(in oklch, oklch(0.62 0.18 255) 80%, transparent)", Ac = "color-mix(in oklch, oklch(0.62 0.18 255) 4%, transparent)", jc = "color-mix(in oklch, oklch(0.62 0.18 255) 35%, transparent)", Mc = 80, Nc = 0, Pc = (e, t) => `
 .${e},.${e} *{cursor:help!important}
 .${e} [data-mesurer-root],.${e} [data-mesurer-root] *{cursor:auto!important}
 #${t} .mesurer-ti-card{transform:translateX(-50%);opacity:1;transition:none!important;animation:none!important}
@@ -4167,7 +4182,7 @@ var oc = "var(--msr-color-ink-50, #f8fafc)", sc = "var(--msr-color-ink-200, #e2e
 #${t} .mesurer-ti-close{cursor:pointer}
 #${t} .mesurer-ti-close:hover{background:color-mix(in srgb,var(--msr-content,#0f172a) 6%,transparent)!important;color:var(--msr-content,#0f172a)!important}
 `;
-function Pc(e = {}, t = !1) {
+function Fc(e = {}, t = !1) {
 	let n = e.portalTarget?.ownerDocument ?? globalThis.document, r = n?.defaultView ?? globalThis.window;
 	if (!n || !r) {
 		let e = () => {};
@@ -4181,71 +4196,82 @@ function Pc(e = {}, t = !1) {
 			destroy: e,
 			clear: e,
 			inspect: () => !1,
+			pin: () => !1,
+			clearHover: e,
+			clearResponsivePreview: e,
 			canUndo: () => !1,
 			canRedo: () => !1
 		};
 	}
-	let i = (e.id ?? (t ? "mesurer-text-inspector" : `mesurer-text-inspector-${++Mc}`)).replace(/[^a-zA-Z0-9_-]/g, "-"), a = `${i}-overlay`, o = `${i}-styles`, s = `${i}-mode`, c = new Set((e.ignoredTags ?? Ec).map((e) => e.toUpperCase())), l = Number.isFinite(e.maxPinned) ? Math.max(1, Math.floor(e.maxPinned)) : Infinity, u = new Tc(n, r), d = r.HTMLElement, f = r.SVGElement, p = r.Node, m = !1, h = null, g = null, _ = null, v = null, y = {
+	let i = (e.id ?? (t ? "mesurer-text-inspector" : `mesurer-text-inspector-${++Nc}`)).replace(/[^a-zA-Z0-9_-]/g, "-"), a = `${i}-overlay`, o = `${i}-styles`, s = `${i}-mode`, c = new Set((e.ignoredTags ?? Dc).map((e) => e.toUpperCase())), l = Number.isFinite(e.maxPinned) ? Math.max(1, Math.floor(e.maxPinned)) : Infinity, u = new Ec(n, r), d = r.HTMLElement, f = r.Node, p = !1, m = null, h = null, g = null, _ = null, v = {
 		x: 0,
 		y: 0
-	}, b = 0, x = 0, S = 0, C = r.scrollX, w = r.scrollY, T = null, E = [], D = [], O = [], k = e.portalTarget ?? n.body, A = () => {
+	}, y = 0, b = 0, x = 0, S = r.scrollX, C = r.scrollY, w = null, T = [], E = [], D = [], O = e.portalTarget ?? n.body, k = () => {
 		let e = [n];
-		k instanceof r.ShadowRoot && e.push(k);
+		O instanceof r.ShadowRoot && e.push(O);
 		for (let t of e) {
 			if (t.querySelector(`#${o}`)) continue;
 			let e = n.createElement("style");
-			e.id = o, e.textContent = Nc(s, a), t === n ? n.head.append(e) : t.append(e);
+			e.id = o, e.textContent = Pc(s, a), t === n ? n.head.append(e) : t.append(e);
 		}
-	}, j = () => h?.isConnected ? h : (h = n.createElement("div"), h.id = a, h.dataset.mesurerInspectorUi = "true", h.dataset.theme = e.theme?.() ?? "system", T ??= e.subscribeTheme?.((e) => {
-		h && (h.dataset.theme = e);
-	}) ?? null, Object.assign(h.style, {
+	}, A = () => m?.isConnected ? m : (m = n.createElement("div"), m.id = a, m.dataset.mesurerInspectorUi = "true", m.dataset.theme = e.theme?.() ?? "system", w ??= e.subscribeTheme?.((e) => {
+		m && (m.dataset.theme = e);
+	}) ?? null, Object.assign(m.style, {
 		position: "fixed",
 		inset: "0",
 		pointerEvents: "none",
 		zIndex: "2147483646"
-	}), k.appendChild(h), h), M = (e, t) => {
+	}), O.appendChild(m), m), j = (e, t) => {
 		e && (e.dataset.state = t ? "visible" : "hidden");
-	}, N = () => {
-		let e = j();
-		g ??= dc(n, Dc, Oc), _ ??= pc(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()), F = (e) => !!e && e instanceof d && !(e instanceof f) && !c.has(e.tagName) && P(e) && !e.closest("[data-mesurer-root], [data-mesurer-inspector-ui='true']"), I = (e, t) => {
+	}, M = () => {
+		let e = A();
+		h ??= fc(n, Oc, kc), g ??= mc(n, !1), h.parentNode || e.append(h), g.parentNode || e.append(g);
+	}, N = (e) => Array.from(e.childNodes).some((e) => e.nodeType === f.TEXT_NODE && !!e.nodeValue?.trim()), P = (e) => {
+		let t = e?.ownerDocument.defaultView;
+		return !!e && !!t && e instanceof t.HTMLElement && !(e instanceof t.SVGElement) && !c.has(e.tagName) && N(e) && !e.closest("[data-mesurer-root], [data-mesurer-inspector-ui='true']");
+	}, F = (t) => e.projectRect?.(t, t.getBoundingClientRect()) ?? t.getBoundingClientRect(), I = (e, t) => {
 		for (let i of n.elementsFromPoint(e, t)) {
 			if (mo(i, r)) return null;
-			if (F(i)) return i;
+			if (P(i)) return i;
 		}
 		return null;
 	}, L = () => {
-		v = null, M(g, !1), M(_, !1);
-	}, R = (e, t, n) => {
+		_ = null, j(h, !1), j(g, !1);
+	}, R = () => {
+		r.clearTimeout(b), L();
+	}, z = () => {
+		_ && Ys(_.ownerDocument) && L();
+		for (let e of T.slice()) Ys(e.sourceEl.ownerDocument) && W(e, !1, !1);
+	}, B = (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;
-	}, z = (e, t) => E.some((n) => R(n.card, e, t)), B = (t) => {
-		if (!m || !F(t)) return !1;
-		N();
-		let i = t.getBoundingClientRect(), a = u.getFast(t);
-		return v = t, mc(n, _, a, !1), fc(g, i), hc(r, _, i), M(g, !0), M(_, !0), r.clearTimeout(x), x = r.setTimeout(() => {
-			if (!m || v !== t || !_) return;
+	}, V = (e, t) => T.some((n) => B(n.card, e, t)), H = (t) => {
+		if (!p || !P(t)) return !1;
+		M();
+		let i = F(t), a = u.getFast(t);
+		return _ = t, hc(n, g, a, !1), pc(h, i), gc(r, g, i), j(h, !0), j(g, !0), r.clearTimeout(b), b = r.setTimeout(() => {
+			if (!p || _ !== t || !g) return;
 			let i = u.getFull(t, a);
-			mc(n, _, i, !1), hc(r, _, t.getBoundingClientRect()), e.onInspect?.(t, i);
+			hc(n, g, i, !1), gc(r, g, F(t)), e.onInspect?.(t, i);
 		}, 24), !0;
-	}, V = () => E.map((e) => ({
+	}, ee = () => T.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
-	})), H = () => {
-		D.push(V()), D.length > 100 && D.shift(), O.length = 0;
-	}, ee = (t, n = !0, r = !0) => {
-		let i = E.indexOf(t);
-		i < 0 || (n && H(), E.splice(i, 1), t.detach(), t.box.remove(), t.card.remove(), r && e.onUnpin?.(t.sourceEl));
-	}, U = (e = !1) => {
-		for (; E.length;) ee(E[E.length - 1], !1, e);
-	}, W = (e) => {
+	})), U = () => {
+		E.push(ee()), E.length > 100 && E.shift(), D.length = 0;
+	}, W = (t, n = !0, r = !0) => {
+		let i = T.indexOf(t);
+		i < 0 || (n && U(), T.splice(i, 1), t.detach(), t.box.remove(), t.card.remove(), r && e.onUnpin?.(t.sourceEl));
+	}, te = (e = !1) => {
+		for (; T.length;) W(T[T.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 ||= (H(), !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 ||= (U(), !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) => {
@@ -4256,15 +4282,15 @@ function Pc(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);
 		};
-	}, te = (t, i, a = !0, o = !0) => {
-		if (E.find((e) => e.sourceEl === t)) return;
-		a && H(), E.length >= l && ee(E[0], !1, !0);
-		let s = j(), c = dc(n, kc, Ac), d = pc(n, !0);
+	}, G = (t, i, a = !0, o = !0) => {
+		if (T.find((e) => e.sourceEl === t)) return;
+		a && U(), T.length >= l && W(T[0], !1, !0);
+		let s = A(), c = fc(n, Ac, jc), d = mc(n, !0);
 		d.classList.add("mesurer-ti-card--draggable"), d.classList.remove("mesurer-ti-card--pinned");
 		let f = u.getFull(t);
-		mc(n, d, f, !0), s.append(c, d);
-		let p = t.getBoundingClientRect();
-		fc(c, p), hc(r, d, p), i?.userPlaced && (d.classList.add("mesurer-ti-card--pinned"), d.style.left = `${i.left}px`, d.style.top = `${i.top}px`), M(c, !0), M(d, !0);
+		hc(n, d, f, !0), s.append(c, d);
+		let p = F(t);
+		pc(c, p), gc(r, d, p), i?.userPlaced && (d.classList.add("mesurer-ti-card--pinned"), d.style.left = `${i.left}px`, d.style.top = `${i.top}px`), j(c, !0), j(d, !0);
 		let m = {
 			sourceEl: t,
 			box: c,
@@ -4274,147 +4300,152 @@ function Pc(e = {}, t = !1) {
 			userPlaced: i?.userPlaced ?? !1,
 			detach: () => {}
 		};
-		E.push(m), m.detach = W(m), d.querySelector(".mesurer-ti-close")?.addEventListener("click", (e) => {
-			e.preventDefault(), e.stopPropagation(), ee(m);
+		T.push(m), m.detach = ne(m), d.querySelector(".mesurer-ti-close")?.addEventListener("click", (e) => {
+			e.preventDefault(), e.stopPropagation(), W(m);
 		}), o && e.onPin?.(t, f);
-	}, ne = (e) => {
-		U(!1);
-		for (let t of e) t.sourceEl.isConnected && te(t.sourceEl, t, !1, !1);
-	}, G = () => {
-		let e = D.pop();
-		return e ? (O.push(V()), ne(e), !0) : !1;
-	}, re = () => {
-		let e = O.pop();
-		return e ? (D.push(V()), ne(e), !0) : !1;
-	}, K = () => {
-		E.length && (H(), U(!0));
+	}, re = (e) => !p || !P(e) ? !1 : (G(e), !0), K = (e) => {
+		te(!1);
+		for (let t of e) t.sourceEl.isConnected && G(t.sourceEl, t, !1, !1);
 	}, ie = () => {
-		for (let e of E.slice()) {
+		let e = E.pop();
+		return e ? (D.push(ee()), K(e), !0) : !1;
+	}, ae = () => {
+		let e = D.pop();
+		return e ? (E.push(ee()), K(e), !0) : !1;
+	}, oe = () => {
+		T.length && (U(), te(!0));
+	}, se = () => {
+		for (let e of T.slice()) {
 			if (!e.sourceEl.isConnected) {
-				ee(e, !1, !1);
+				W(e, !1, !1);
 				continue;
 			}
-			let t = e.sourceEl.getBoundingClientRect();
-			fc(e.box, t), e.userPlaced || hc(r, e.card, t);
+			let t = F(e.sourceEl);
+			pc(e.box, t), e.userPlaced || gc(r, e.card, t);
 			let n = t.bottom >= 0 && t.right >= 0 && t.left <= r.innerWidth && t.top <= r.innerHeight;
-			M(e.box, n), M(e.card, n), e.card.style.pointerEvents = n ? "auto" : "none";
+			j(e.box, n), j(e.card, n), e.card.style.pointerEvents = n ? "auto" : "none";
 		}
-	}, ae = () => {
-		if (m) {
-			if (v && g && _) {
-				if (!v.isConnected) L();
+	}, ce = () => {
+		if (p) {
+			if (_ && h && g) {
+				if (!_.isConnected) L();
 				else {
-					let e = v.getBoundingClientRect();
-					fc(g, e), hc(r, _, e);
+					let e = F(_);
+					pc(h, e), gc(r, g, e);
 					let t = e.bottom >= 0 && e.right >= 0 && e.left <= r.innerWidth && e.top <= r.innerHeight;
-					M(g, t), M(_, t);
+					j(h, t), j(g, t);
 				}
 			}
-			ie();
+			se();
 		}
-	}, oe = () => {
-		if (!m) return;
-		let e = I(y.x, y.y);
+	}, q = () => {
+		if (!p) return;
+		let e = I(v.x, v.y);
 		if (!e) L();
-		else if (e !== v) B(e);
-		else if (g && _) {
-			let t = e.getBoundingClientRect();
-			fc(g, t), hc(r, _, t);
+		else if (e !== _) H(e);
+		else if (h && g) {
+			let t = F(e);
+			pc(h, t), gc(r, g, t);
 		}
-		ie();
-	}, se = () => {
-		b ||= r.requestAnimationFrame(() => {
-			b = 0, oe();
+		se();
+	}, le = () => {
+		y ||= r.requestAnimationFrame(() => {
+			y = 0, q();
 		});
-	}, ce = (e) => e.composedPath().some((e) => mo(e, r)), q = (e) => {
-		if (y = {
-			x: e.clientX,
-			y: e.clientY
-		}, ce(e) || z(e.clientX, e.clientY)) {
-			L();
-			return;
+	}, ue = (e) => e.composedPath().some((e) => mo(e, r)), de = (t) => {
+		if (v = {
+			x: t.clientX,
+			y: t.clientY
+		}, !e.suppressRootPointer?.()) {
+			if (ue(t) || V(t.clientX, t.clientY)) {
+				L();
+				return;
+			}
+			B(g, t.clientX, t.clientY) || le();
 		}
-		R(_, e.clientX, e.clientY) || se();
-	}, le = (e, t, n) => {
+	}, 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`);
-	}, ue = () => {
-		let e = r.scrollX, t = r.scrollY, i = e - C, a = t - w;
-		if (C = e, w = t, Fo(n)) {
+	}, pe = () => {
+		let e = r.scrollX, t = r.scrollY, i = e - S, a = t - C;
+		if (S = e, C = t, Fo(n)) {
 			if (i || a) {
-				le(g, i, a), le(_, i, a);
-				for (let e of E) le(e.box, i, a), e.userPlaced || le(e.card, i, a);
+				fe(h, i, a), fe(g, i, a);
+				for (let e of T) fe(e.box, i, a), e.userPlaced || fe(e.card, i, a);
 			}
-			S && r.clearTimeout(S), S = r.setTimeout(() => {
-				S = 0, ae();
-			}, jc);
+			x && r.clearTimeout(x), x = r.setTimeout(() => {
+				x = 0, ce();
+			}, Mc);
 			return;
 		}
-		ae(), se();
-	}, de = (e) => {
+		ce(), le();
+	}, me = (e) => {
 		e.relatedTarget || L();
-	}, fe = (e) => {
-		if (!ce(e)) {
-			if (R(_, e.clientX, e.clientY) || z(e.clientX, e.clientY)) {
+	}, he = (e) => {
+		if (!ue(e)) {
+			if (B(g, e.clientX, e.clientY) || V(e.clientX, e.clientY)) {
 				e.preventDefault(), e.stopImmediatePropagation();
 				return;
 			}
 			if (e.preventDefault(), e.stopImmediatePropagation(), e.button === 0) {
 				let t = I(e.clientX, e.clientY);
-				t && te(t);
+				t && G(t);
 			}
 		}
-	}, pe = (e) => {
-		if (!ce(e)) {
-			if (R(_, e.clientX, e.clientY) || z(e.clientX, e.clientY)) {
+	}, ge = (e) => {
+		if (!ue(e)) {
+			if (B(g, e.clientX, e.clientY) || V(e.clientX, e.clientY)) {
 				e.preventDefault(), e.stopImmediatePropagation();
 				return;
 			}
 			e.preventDefault(), e.stopImmediatePropagation();
 		}
-	}, me = () => {
-		m || (m = !0, A(), j(), n.body.classList.add(s), C = r.scrollX, w = r.scrollY, r.addEventListener("mousemove", q, !0), r.addEventListener("mouseout", de, !0), r.addEventListener("click", fe, !0), r.addEventListener("auxclick", pe, !0), r.addEventListener("scroll", ue, {
+	}, _e = () => {
+		p || (p = !0, k(), A(), n.body.classList.add(s), S = r.scrollX, C = 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", se, !0));
-	}, he = () => {
-		m && (m = !1, r.cancelAnimationFrame(b), b = 0, r.clearTimeout(x), r.clearTimeout(S), S = 0, r.removeEventListener("mousemove", q, !0), r.removeEventListener("mouseout", de, !0), r.removeEventListener("click", fe, !0), r.removeEventListener("auxclick", pe, !0), r.removeEventListener("scroll", ue, !0), r.removeEventListener("resize", se, !0), L(), U(), g?.remove(), _?.remove(), g = null, _ = null, D.length = 0, O.length = 0, n.body.classList.remove(s));
-	}, ge = () => {
-		he(), T?.(), T = null, h?.remove(), h = null, n.getElementById(o)?.remove(), k instanceof r.ShadowRoot && k.querySelector(`#${o}`)?.remove();
+		}), r.addEventListener("resize", le, !0));
+	}, ve = () => {
+		p && (p = !1, r.cancelAnimationFrame(y), y = 0, r.clearTimeout(b), r.clearTimeout(x), x = 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), L(), te(), h?.remove(), g?.remove(), h = null, g = null, E.length = 0, D.length = 0, n.body.classList.remove(s));
+	}, ye = () => {
+		ve(), w?.(), w = null, m?.remove(), m = null, n.getElementById(o)?.remove(), O instanceof r.ShadowRoot && O.querySelector(`#${o}`)?.remove();
 	};
 	return {
-		enable: me,
-		disable: he,
-		undo: G,
-		redo: re,
-		clear: K,
-		inspect: B,
-		isEnabled: () => m,
-		canUndo: () => D.length > 0,
-		canRedo: () => O.length > 0,
-		cleanup: ge,
-		destroy: ge
+		enable: _e,
+		disable: ve,
+		undo: ie,
+		redo: ae,
+		clear: oe,
+		inspect: H,
+		pin: re,
+		clearHover: R,
+		clearResponsivePreview: z,
+		isEnabled: () => p,
+		canUndo: () => E.length > 0,
+		canRedo: () => D.length > 0,
+		cleanup: ye,
+		destroy: ye
 	};
 }
-Pc({}, !0);
-var Fc = {
+Fc({}, !0);
+var Ic = {
 	keepTextChanges: !1,
 	keepArrangeChanges: !1
-}, Ic = (e) => e.state.get("mesurer.presentation.preferences") ?? Fc, Lc = "mesurer.arrange", Rc = "arrange", zc = "mesurer.arrange.intents", Bc = "mesurer.arrange.active", Vc = "mesurer.arrange.settings", Hc = "runtime:solid", Uc = "builtin.select", Wc = "arrange.toggle", Gc = "arrange.commit", Kc = "arrange.clear", qc = "arrange.reset-selection", Jc = "arrange.reset-all", Yc = "mesurer.arrange.selection-available", Xc = 1, Zc = 24, Qc = 160, $c = 500, el = "#ef4444", tl = 24, nl = 6, rl = 30, il = .5, al = 4, ol = "[data-mesurer-text-editor='true']", sl = {
+}, Lc = (e) => e.state.get("mesurer.presentation.preferences") ?? Ic, Rc = "mesurer.arrange", zc = "arrange", Bc = "mesurer.arrange.intents", Vc = "mesurer.arrange.active", Hc = "mesurer.arrange.settings", Uc = "runtime:solid", Wc = "builtin.select", Gc = "arrange.toggle", Kc = "arrange.commit", qc = "arrange.clear", Jc = "arrange.reset-selection", Yc = "arrange.reset-all", Xc = "mesurer.arrange.selection-available", Zc = 1, Qc = 24, $c = 160, el = 500, tl = "#ef4444", nl = 24, rl = 6, il = 30, al = .5, ol = 4, sl = "[data-mesurer-text-editor='true']", cl = {
 	viewBox: "0 0 24 24",
 	paths: ["M12 2.75 8.75 6h2.5v5.25H6V8.75L2.75 12 6 15.25v-2.5h5.25V18h-2.5L12 21.25 15.25 18h-2.5v-5.25H18v2.5L21.25 12 18 8.75v2.5h-5.25V6h2.5L12 2.75Z"]
-}, cl = (e, t) => ({
+}, ll = (e, t) => ({
 	left: e.left + t.x,
 	top: e.top + t.y,
 	width: e.width,
 	height: e.height
-}), ll = (e, t) => ({
+}), ul = (e, t) => ({
 	left: e.left - t.left,
 	top: e.top - t.top,
 	width: e.width - t.width,
 	height: e.height - t.height
-}), ul = (e) => {
+}), dl = (e) => {
 	if (!e.length) return null;
 	let t = Math.min(...e.map((e) => e.left)), n = Math.min(...e.map((e) => e.top)), r = Math.max(...e.map((e) => e.left + e.width)), i = Math.max(...e.map((e) => e.top + e.height));
 	return {
@@ -4423,35 +4454,35 @@ var Fc = {
 		width: r - t,
 		height: i - n
 	};
-}, dl = (e, t, n, r) => Math.max(0, Math.max(e, n) - Math.min(t, r)), fl = (e, t, n) => {
+}, fl = (e, t, n, r) => Math.max(0, Math.max(e, n) - Math.min(t, r)), pl = (e, t, n) => {
 	let r = t === "x" ? e.left : e.top, i = t === "x" ? e.width : e.height, a = r + i;
 	return n === "edge" ? [r, a] : n === "center" ? [r + i / 2] : [
 		r,
 		r + i / 2,
 		a
 	];
-}, pl = (e, t) => t === "x" ? {
+}, ml = (e, t) => t === "x" ? {
 	start: e.top,
 	end: e.top + e.height
 } : {
 	start: e.left,
 	end: e.left + e.width
-}, ml = (e) => e.kind === "edge" ? 2 : +(e.kind === "guide"), hl = (e, t, n) => {
-	let r = pl(t, e), i = null;
-	for (let a of n) if (a.axis === e && !(a.source === "element" && dl(r.start, r.end, a.start, a.end) > Qc)) for (let n of fl(t, e, a.kind)) {
+}, hl = (e) => e.kind === "edge" ? 2 : +(e.kind === "guide"), gl = (e, t, n) => {
+	let r = ml(t, e), i = null;
+	for (let a of n) if (a.axis === e && !(a.source === "element" && fl(r.start, r.end, a.start, a.end) > $c)) for (let n of pl(t, e, a.kind)) {
 		let e = a.position - n, t = Math.abs(e);
 		if (t > 10) continue;
 		let r = i ? Math.abs(i.delta) : Infinity;
-		(t < r || t === r && (!i || ml(a) > ml(i))) && (i = {
+		(t < r || t === r && (!i || hl(a) > hl(i))) && (i = {
 			...a,
 			delta: e
 		});
 	}
 	return i;
-}, gl = (e) => {
+}, _l = (e) => {
 	let { origin: t, pathname: n, search: r } = e.location;
 	return `${t}${n}${r}`;
-}, _l = (e, t) => `${t}-${e.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`}`, vl = (e) => ({
+}, vl = (e, t) => `${t}-${e.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`}`, yl = (e) => ({
 	tag: e.fingerprintTag,
 	id: e.fingerprintId,
 	testId: e.fingerprintTestId,
@@ -4459,10 +4490,10 @@ var Fc = {
 	ariaLabel: e.fingerprintAriaLabel,
 	classes: [...e.fingerprintClasses],
 	text: e.fingerprintText
-}), yl = (e) => ({
+}), bl = (e) => ({
 	id: e.id,
 	selector: e.selector,
-	fingerprint: vl(e),
+	fingerprint: yl(e),
 	before: {
 		left: e.beforeLeft,
 		top: e.beforeTop,
@@ -4483,21 +4514,21 @@ var Fc = {
 		x: e.desiredOffsetX,
 		y: e.desiredOffsetY
 	}
-}), bl = (e) => ({
+}), xl = (e) => ({
 	id: e.id,
 	createdAt: e.createdAt,
 	pageUrl: e.pageUrl,
-	targets: e.targets.map(yl)
-}), xl = (e, t) => ({
+	targets: e.targets.map(bl)
+}), Sl = (e, t) => ({
 	value: e.style.getPropertyValue(t),
 	priority: e.style.getPropertyPriority(t)
-}), Sl = (e) => xl(e, "transform"), Cl = (e, t) => e.value === t.value && e.priority === t.priority, wl = Cl, Tl = (e) => {
+}), Cl = (e) => Sl(e, "transform"), wl = (e, t) => e.value === t.value && e.priority === t.priority, Tl = wl, El = (e) => {
 	let { element: t, beforeTransform: n, appliedTransform: r } = e;
-	wl(Sl(t), r) && (n.value || n.priority ? t.style.setProperty("transform", n.value, n.priority) : t.style.removeProperty("transform"));
-}, El = (e) => e instanceof Element && !!e.closest("input, textarea, select, [contenteditable='true'], [contenteditable='']"), Dl = () => ba({
-	id: Lc,
+	Tl(Cl(t), r) && (n.value || n.priority ? t.style.setProperty("transform", n.value, n.priority) : t.style.removeProperty("transform"));
+}, Dl = (e) => e instanceof Element && !!e.closest("input, textarea, select, [contenteditable='true'], [contenteditable='']"), Ol = () => ba({
+	id: Rc,
 	version: "0.1.0",
-	requires: [Hc, "tool:select"],
+	requires: [Uc, "tool:select"],
 	provides: [
 		"tool:arrange",
 		"intent:arrange",
@@ -4505,19 +4536,19 @@ var Fc = {
 		"settings:arrange"
 	],
 	setup(e) {
-		let t = e.service.get(Hc);
+		let t = e.service.get(Uc);
 		if (!t) throw Error("Edit movement plugin requires the Solid renderer runtime.");
 		let { ownerDocument: n, ownerWindow: r } = t, i = t.createWorkspaceRuntime(), a = t.createInspectorMount(), o = t.pageTarget ?? n.body ?? n.documentElement, s = t.portalTarget, c = r;
 		e.state.register({
-			id: zc,
+			id: Bc,
 			initial: { intents: [] },
 			history: !0,
 			persist: !0
 		}), e.state.register({
-			id: Bc,
+			id: Vc,
 			initial: !1
 		}), e.state.register({
-			id: Vc,
+			id: Hc,
 			initial: {
 				snapping: !0,
 				elementEdges: !0,
@@ -4531,9 +4562,9 @@ var Fc = {
 		let l = a.element;
 		l.dataset.mesurerArrange = "true", l.style.position = "fixed", l.style.inset = "0", l.style.zIndex = "84", l.style.pointerEvents = "none";
 		let u = n.createElement("div");
-		u.dataset.mesurerArrangeSnapLine = "vertical", u.setAttribute("aria-hidden", "true"), u.style.position = "fixed", u.style.display = "none", u.style.width = "1px", u.style.backgroundColor = el, u.style.pointerEvents = "none";
+		u.dataset.mesurerArrangeSnapLine = "vertical", u.setAttribute("aria-hidden", "true"), u.style.position = "fixed", u.style.display = "none", u.style.width = "1px", u.style.backgroundColor = tl, u.style.pointerEvents = "none";
 		let d = n.createElement("div");
-		d.dataset.mesurerArrangeSnapLine = "horizontal", d.setAttribute("aria-hidden", "true"), d.style.position = "fixed", d.style.display = "none", d.style.height = "1px", d.style.backgroundColor = el, d.style.pointerEvents = "none";
+		d.dataset.mesurerArrangeSnapLine = "horizontal", d.setAttribute("aria-hidden", "true"), d.style.position = "fixed", d.style.display = "none", d.style.height = "1px", d.style.backgroundColor = tl, d.style.pointerEvents = "none";
 		let f = n.createElement("div");
 		f.dataset.mesurerArrangeBox = "true", f.setAttribute("role", "application"), f.setAttribute("aria-label", "Edit selected elements"), f.style.position = "fixed", f.style.display = "none", f.style.boxSizing = "border-box", f.style.border = "1px solid #0d99ff", f.style.cursor = "grab", f.style.pointerEvents = "auto", f.style.touchAction = "none", f.style.userSelect = "none", l.append(u, d, f);
 		let p = /* @__PURE__ */ new Map(), m = n.createElement("style");
@@ -4572,7 +4603,7 @@ var Fc = {
 			intentId: null,
 			state: "desired"
 		}, T = null, E = null, D = null, O = !1, k = 0, A = null, j = () => e.state.get("mesurer.arrange.intents") ?? { intents: [] }, M = () => e.state.get("mesurer.arrange.active") ?? !1, N = () => {
-			let t = e.state.get(Vc);
+			let t = e.state.get(Hc);
 			return {
 				snapping: t?.snapping ?? !0,
 				elementEdges: t?.elementEdges ?? !0,
@@ -4582,17 +4613,17 @@ var Fc = {
 				snapLines: t?.snapLines ?? !0
 			};
 		}, P = (t) => {
-			e.state.update(Vc, (e) => ({
+			e.state.update(Hc, (e) => ({
 				...e,
 				...t
 			}));
-		}, F = () => gl(r), I = () => j().intents.filter((e) => e.pageUrl === F()), L = (e) => !!e.closest("[data-mesurer-island='true'], [data-mesurer-inspector-ui='true'], [data-mesurer-root='true']"), R = (e) => bs(e, o) && !L(e), z = (e) => {
+		}, F = () => _l(r), I = () => j().intents.filter((e) => e.pageUrl === F()), L = (e) => !!e.closest("[data-mesurer-island='true'], [data-mesurer-inspector-ui='true'], [data-mesurer-root='true']"), R = (e) => bs(e, o) && !L(e), z = (e) => {
 			let t = [];
 			o instanceof c.HTMLElement && o.matches(e) && !L(o) && t.push(o);
 			for (let n of o.querySelectorAll(e)) n instanceof c.HTMLElement && R(n) && t.push(n);
 			return t;
 		}, B = (e, t) => e.localName !== t.fingerprintTag || t.fingerprintId && e.id !== t.fingerprintId || t.fingerprintTestId && e.getAttribute("data-testid") !== t.fingerprintTestId || t.fingerprintRole && e.getAttribute("role") !== t.fingerprintRole || t.fingerprintAriaLabel && e.getAttribute("aria-label") !== t.fingerprintAriaLabel ? !1 : t.fingerprintClasses.every((t) => e.classList.contains(t)), V = (e) => {
-			let t = vl(e), n = b.get(e.selector);
+			let t = yl(e), n = b.get(e.selector);
 			if (n && n.isConnected && R(n) && B(n, e)) return n;
 			if (n && b.delete(e.selector), !ws(t)) return null;
 			let r = [];
@@ -4616,17 +4647,17 @@ var Fc = {
 			value: "none",
 			priority: "important"
 		}, ee = (e) => {
-			let t = xl(e, "transition-property");
-			(!x.get(e) || !Cl(t, H)) && x.set(e, t), Cl(t, H) || e.style.setProperty("transition-property", H.value, H.priority);
+			let t = Sl(e, "transition-property");
+			(!x.get(e) || !wl(t, H)) && x.set(e, t), wl(t, H) || e.style.setProperty("transition-property", H.value, H.priority);
 		}, U = (e) => {
 			let t = x.get(e);
-			t && (Cl(xl(e, "transition-property"), H) && (t.value || t.priority ? e.style.setProperty("transition-property", t.value, t.priority) : e.style.removeProperty("transition-property")), x.delete(e));
+			t && (wl(Sl(e, "transition-property"), H) && (t.value || t.priority ? e.style.setProperty("transition-property", t.value, t.priority) : e.style.removeProperty("transition-property")), x.delete(e));
 		}, W = (e) => {
 			for (let t of x.keys()) e.has(t) || U(t);
 		}, te = () => {
 			for (let e of x.keys()) U(e);
 		}, ne = () => {
-			for (let e of y.values()) Tl(e);
+			for (let e of y.values()) El(e);
 			y.clear();
 		}, G = () => {
 			O || i.refreshSelectionGeometry();
@@ -4646,7 +4677,7 @@ var Fc = {
 					d.style.display = "block", d.style.left = `${e}px`, d.style.top = `${t.position}px`, d.style.width = `${Math.max(1, r - e)}px`;
 				}
 			}
-		}, ae = () => !!(n.querySelector(ol) || s.querySelector(ol)), oe = () => {
+		}, ae = () => !!(n.querySelector(sl) || s.querySelector(sl)), oe = () => {
 			for (let [e, t] of S) t.value || t.priority ? e.style.setProperty("visibility", t.value, t.priority) : e.style.removeProperty("visibility");
 			S.clear();
 		}, se = () => {
@@ -4752,11 +4783,11 @@ var Fc = {
 			let i = new Map([...y].map(([e, t]) => [e, t.appliedTransform]));
 			ne();
 			for (let { element: e, offset: n } of t) {
-				let t = Sl(e), i = r.getComputedStyle(e).transform, a = i && i !== "none" ? ` ${i}` : "";
+				let t = Cl(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"), y.set(e, {
 					element: e,
 					beforeTransform: t,
-					appliedTransform: Sl(e)
+					appliedTransform: Cl(e)
 				});
 			}
 			W(n), (i.size !== y.size || [...y].some(([e, t]) => i.get(e) !== t.appliedTransform)) && G();
@@ -4769,19 +4800,19 @@ var Fc = {
 			}
 		}, _e = () => i.currentSelection().elements.filter((e) => e instanceof c.HTMLElement && e.isConnected && R(e));
 		e.state.register({
-			id: Yc,
+			id: Xc,
 			initial: _e().length > 0
 		});
-		let ve = () => e.state.get(Yc) ?? !1, ye = () => {
+		let ve = () => e.state.get(Xc) ?? !1, ye = () => {
 			let t = _e().length > 0;
-			t !== ve() && e.state.update(Yc, () => t);
-		}, be = () => ul(_e().map((e) => ns(e))), xe = () => {
+			t !== ve() && e.state.update(Xc, () => t);
+		}, be = () => dl(_e().map((e) => ns(e))), xe = () => {
 			for (let e of C.values()) e.remove();
 			C.clear();
 		}, Se = (e) => {
-			let t = e.getBoundingClientRect(), n = t.right + nl;
-			n + tl > r.innerWidth - 4 && (n = Math.max(4, t.left - tl - nl));
-			let i = Math.min(Math.max(4, t.top + rl), Math.max(4, r.innerHeight - tl - 4));
+			let t = e.getBoundingClientRect(), n = t.right + rl;
+			n + nl > r.innerWidth - 4 && (n = Math.max(4, t.left - nl - rl));
+			let i = Math.min(Math.max(4, t.top + il), Math.max(4, r.innerHeight - nl - 4));
 			return {
 				left: n,
 				top: i
@@ -4801,11 +4832,11 @@ var Fc = {
 					x: s.x - c.x,
 					y: s.y - c.y
 				};
-				if (Math.abs(u.x) <= il && Math.abs(u.y) <= il) continue;
+				if (Math.abs(u.x) <= al && Math.abs(u.y) <= al) continue;
 				a.add(t);
 				let d = C.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(), D = [t], e.command.execute(qc, void 0, { source: "arrange-reset-button" }).catch(() => {
+					n.preventDefault(), n.stopPropagation(), D = [t], e.command.execute(Jc, void 0, { source: "arrange-reset-button" }).catch(() => {
 						D = null;
 					});
 				}), C.set(t, d), l.append(d));
@@ -4830,7 +4861,7 @@ var Fc = {
 				return t ? { intents: r } : e;
 			}), Oe(), De());
 		}, Te = () => {
-			e.state.update(zc, (e) => {
+			e.state.update(Bc, (e) => {
 				let t = e.intents.filter((e) => e.pageUrl !== F());
 				return t.length === e.intents.length ? e : { intents: t };
 			}), Oe(), De();
@@ -4838,14 +4869,14 @@ var Fc = {
 			let t = N();
 			if (!t.snapping) return [];
 			let n = [], a = new Set(e), s = i.snapshot(), l = s.xrayVisible && t.preferXrayEdges && t.elementEdges, u = 0, d = (i) => {
-				if (u >= $c || a.has(i) || e.some((e) => e.contains(i)) || !R(i)) return;
+				if (u >= el || a.has(i) || e.some((e) => e.contains(i)) || !R(i)) return;
 				let o = r.getComputedStyle(i);
 				if (o.display === "none" || o.visibility === "hidden" || o.visibility === "collapse") return;
 				let s = o.outlineStyle === "solid" && (Number.parseFloat(o.outlineWidth) || 0) > 0;
 				if (l && !s) return;
 				let c = ns(i);
 				if (c.width <= 0 || c.height <= 0) return;
-				let d = Qc;
+				let d = $c;
 				if (c.left + c.width < -160 || c.top + c.height < -160 || c.left > r.innerWidth + d || c.top > r.innerHeight + d) return;
 				u += 1;
 				let f = c.left + c.width, p = c.top + c.height;
@@ -4886,7 +4917,7 @@ var Fc = {
 			if (t.elementEdges || t.elementCenters) {
 				o instanceof c.HTMLElement && d(o);
 				for (let e of o.querySelectorAll("*")) {
-					if (u >= $c) break;
+					if (u >= el) break;
 					e instanceof c.HTMLElement && d(e);
 				}
 			}
@@ -4946,7 +4977,7 @@ var Fc = {
 		}, Me = async () => {
 			if (s.querySelector("[data-mesurer-builtin='select'] button")?.getAttribute("aria-pressed") === "true") return;
 			let t = i.currentSelection().elements;
-			await e.command.execute(Uc, void 0, { source: "arrange" });
+			await e.command.execute(Wc, void 0, { source: "arrange" });
 			let n = new Set(i.currentSelection().elements);
 			for (let e of t) n.has(e) || i.toggleSelection(e);
 		}, Ne = (e) => {
@@ -4971,7 +5002,7 @@ var Fc = {
 				let n = ns(e), r = q(e, d), i = d.get(e) ?? r, a = u.get(e), o = (a ? ue(a) : null) ?? {
 					x: i.x - r.x,
 					y: i.y - r.y
-				}, s = cl(n, i), c = Cs(e);
+				}, s = ll(n, i), c = Cs(e);
 				return {
 					element: e,
 					movesDirectly: de(e, p) === null,
@@ -5004,7 +5035,7 @@ var Fc = {
 						desiredLocalOffsetY: o.y
 					}
 				};
-			}), h = ul(m.map(({ target: e }) => ({
+			}), h = dl(m.map(({ target: e }) => ({
 				left: e.beforeLeft,
 				top: e.beforeTop,
 				width: e.beforeWidth,
@@ -5044,18 +5075,18 @@ var Fc = {
 			if (!T || e.pointerId !== T.pointerId) return;
 			let t = e.clientX - T.originX, n = e.clientY - T.originY, r = null;
 			if (!T.moved) {
-				if (Math.hypot(t, n) < al) return;
+				if (Math.hypot(t, n) < ol) return;
 				T.moved = !0;
 			}
 			e.shiftKey && (Math.abs(t) >= Math.abs(n) ? (n = 0, r = "x") : (t = 0, r = "y"));
-			let i = cl(T.groupBefore, {
+			let i = ll(T.groupBefore, {
 				x: t,
 				y: n
-			}), a = r === "y" ? null : hl("x", i, T.snapCandidates), o = r === "x" ? null : hl("y", i, T.snapCandidates);
+			}), a = r === "y" ? null : gl("x", i, T.snapCandidates), o = r === "x" ? null : gl("y", i, T.snapCandidates);
 			t += a?.delta ?? 0, n += o?.delta ?? 0, T.dx = t, T.dy = n;
 			let s = fe(I(), Pe(T, t, n));
 			me(s);
-			let c = cl(T.groupBefore, {
+			let c = ll(T.groupBefore, {
 				x: t,
 				y: n
 			});
@@ -5080,7 +5111,7 @@ var Fc = {
 			}
 			let a = fe(I(), Pe(n, n.dx, n.dy));
 			E = {
-				id: _l(r, "arrange"),
+				id: vl(r, "arrange"),
 				createdAt: Date.now(),
 				pageUrl: F(),
 				targets: n.targets.map(({ element: e, movesDirectly: t, target: r }) => {
@@ -5106,12 +5137,12 @@ var Fc = {
 				})
 			};
 			for (let { element: e, target: t } of n.targets) b.set(t.selector, e);
-			e.command.execute(Gc).catch(() => {
+			e.command.execute(Kc).catch(() => {
 				E = null, Oe(), De();
 			});
 		}, Re = (e) => {
 			!T || e.pointerId !== T.pointerId || Ie();
-		}, ze = (e) => xs(l, () => nc({
+		}, ze = (e) => xs(l, () => rc({
 			x: e.clientX,
 			y: e.clientY
 		}, t.rendererRoot ?? null, n, o)), Be = (e) => {
@@ -5125,7 +5156,7 @@ var Fc = {
 			let r = ze(e);
 			i.setHover(r instanceof c.HTMLElement && R(r) ? r : null);
 		}, Ve = (t) => {
-			if (t.key !== "Escape" || !M() && !T || El(t.target) || s.querySelector("[data-mesurer-tool-menu]")) return;
+			if (t.key !== "Escape" || !M() && !T || Dl(t.target) || s.querySelector("[data-mesurer-tool-menu]")) return;
 			if (t.preventDefault(), t.stopImmediatePropagation(), T) {
 				Ie();
 				return;
@@ -5135,7 +5166,7 @@ var Fc = {
 				i.clearSelection(), De();
 				return;
 			}
-			e.state.update(Bc, () => !1), ke(), De(), e.command.execute(Uc, void 0, { source: "arrange-escape" }).catch(() => void 0);
+			e.state.update(Vc, () => !1), ke(), De(), e.command.execute(Wc, void 0, { source: "arrange-escape" }).catch(() => void 0);
 		};
 		f.addEventListener("pointerdown", Ne), f.addEventListener("pointermove", Fe), f.addEventListener("pointerup", Le), f.addEventListener("pointercancel", Re), r.addEventListener("pointermove", Be, !0), r.addEventListener("keydown", Ve, !0), r.addEventListener("dblclick", je, !0), r.addEventListener("keyup", je, !0), r.addEventListener("pointerup", je, !0), r.addEventListener("resize", je), r.addEventListener("scroll", je, !0), o.addEventListener("scroll", je, !0), A = new c.MutationObserver(() => {
 			ye(), je();
@@ -5157,18 +5188,18 @@ var Fc = {
 			!O && M() && !T && De();
 		}), Ge = (e) => j().intents.find((t) => t.id === e) ?? null, Ke = (e, t) => {
 			let n = null;
-			if (n = t === "before" ? ul(e.targets.map((e) => ({
+			if (n = t === "before" ? dl(e.targets.map((e) => ({
 				left: e.beforeLeft,
 				top: e.beforeTop,
 				width: e.beforeWidth,
 				height: e.beforeHeight
-			}))) : t === "desired" ? ul(e.targets.map((e) => ({
+			}))) : t === "desired" ? dl(e.targets.map((e) => ({
 				left: e.desiredLeft,
 				top: e.desiredTop,
 				width: e.desiredWidth,
 				height: e.desiredHeight
-			}))) : ge(() => ul(e.targets.map((e) => V(e)).filter((e) => e !== null).map((e) => ns(e)))), !n) throw Error(`Edit movement intent has no resolvable capture region: ${e.id}`);
-			let i = Math.max(0, n.left - Zc), a = Math.max(0, n.top - Zc), o = Math.min(r.innerWidth, n.left + n.width + Zc), s = Math.min(r.innerHeight, n.top + n.height + Zc);
+			}))) : ge(() => dl(e.targets.map((e) => V(e)).filter((e) => e !== null).map((e) => ns(e)))), !n) throw Error(`Edit movement intent has no resolvable capture region: ${e.id}`);
+			let i = Math.max(0, n.left - Qc), a = Math.max(0, n.top - Qc), o = Math.min(r.innerWidth, n.left + n.width + Qc), s = Math.min(r.innerHeight, n.top + n.height + Qc);
 			return {
 				left: i,
 				top: a,
@@ -5177,10 +5208,10 @@ var Fc = {
 			};
 		}, qe = {
 			active: M,
-			intents: () => j().intents.map(bl),
+			intents: () => j().intents.map(xl),
 			intent(e) {
 				let t = Ge(e);
-				return t ? bl(t) : null;
+				return t ? xl(t) : null;
 			},
 			show(e, t) {
 				if (!Ge(e)) throw Error(`Edit intent not found: ${e}`);
@@ -5213,7 +5244,7 @@ var Fc = {
 					}]
 				};
 			},
-			review: (e, t = Xc) => {
+			review: (e, t = Zc) => {
 				let n = Ge(e);
 				if (!n) throw Error(`Edit movement intent not found: ${e}`);
 				let r = ge(() => n.targets.map((e) => {
@@ -5231,7 +5262,7 @@ var Fc = {
 						delta: null,
 						matched: !1
 					};
-					let i = ns(n), a = ll(i, r), o = Math.abs(a.left) <= t && Math.abs(a.top) <= t && Math.abs(a.width) <= t && Math.abs(a.height) <= t;
+					let i = ns(n), a = ul(i, r), o = Math.abs(a.left) <= t && Math.abs(a.top) <= t && Math.abs(a.width) <= t && Math.abs(a.height) <= t;
 					return {
 						targetId: e.id,
 						selector: e.selector,
@@ -5251,13 +5282,13 @@ var Fc = {
 				};
 			},
 			resetSelection: async () => {
-				await e.command.execute(qc);
+				await e.command.execute(Jc);
 			},
 			resetAll: async () => {
-				await e.command.execute(Jc);
+				await e.command.execute(Yc);
 			},
 			clear: async () => {
-				await e.command.execute(Kc);
+				await e.command.execute(qc);
 			}
 		};
 		e.tool.register({
@@ -5265,10 +5296,10 @@ var Fc = {
 			label: "Edit",
 			shortcut: "Shift+A",
 			order: 65,
-			command: Wc,
+			command: Gc,
 			toolbarMode: "edit",
 			modeSwitch: !0,
-			icon: sl,
+			icon: cl,
 			active: M,
 			menu: {
 				label: "Edit options",
@@ -5319,7 +5350,7 @@ var Fc = {
 						label: "Reset all positions",
 						disabled: () => I().length === 0,
 						run: async () => {
-							await e.command.execute(Jc, void 0, { source: "arrange-menu" });
+							await e.command.execute(Yc, void 0, { source: "arrange-menu" });
 						}
 					}
 				]
@@ -5383,31 +5414,31 @@ var Fc = {
 					disabled: () => !N().snapping
 				}
 			]
-		}), e.command.register(Wc, async () => {
+		}), e.command.register(Gc, async () => {
 			let t = !M();
 			if (t && await Me(), e.state.update("mesurer.arrange.active", () => t), !t) {
 				T && Ie(), ke(), De();
 				return;
 			}
 			Oe(), De();
-		}), e.command.register(Gc, () => {
+		}), e.command.register(Kc, () => {
 			let t = E;
 			E = null, t && (e.state.update("mesurer.arrange.intents", (e) => ({ intents: [...e.intents, t].slice(-100) })), Oe(), De());
-		}), e.command.register(qc, () => {
+		}), e.command.register(Jc, () => {
 			let e = D ?? _e();
 			D = null, we(e);
-		}), e.command.register(Jc, Te), e.command.register(Kc, () => {
-			e.state.update(zc, () => ({ intents: [] })), w = {
+		}), e.command.register(Yc, Te), e.command.register(qc, () => {
+			e.state.update(Bc, () => ({ intents: [] })), w = {
 				intentId: null,
 				state: "desired"
 			}, re(), K(), M() ? se() : oe(), De();
-		}), e.service.provide(Rc, qe), he(), De(), e.lifecycle.onDispose(() => {
+		}), e.service.provide(zc, qe), he(), De(), e.lifecycle.onDispose(() => {
 			O = !0, k && r.cancelAnimationFrame(k), A?.disconnect(), A = null, f.removeEventListener("pointerdown", Ne), f.removeEventListener("pointermove", Fe), f.removeEventListener("pointerup", Le), f.removeEventListener("pointercancel", Re), r.removeEventListener("pointermove", Be, !0), r.removeEventListener("keydown", Ve, !0), r.removeEventListener("dblclick", je, !0), r.removeEventListener("keyup", je, !0), r.removeEventListener("pointerup", je, !0), r.removeEventListener("resize", je), r.removeEventListener("scroll", je, !0), o.removeEventListener("scroll", je, !0), He(), We(), Ue.dispose(), re(), xe(), K(), oe(), h(), _([]), m.remove(), i.dispose(), a.dispose();
 		});
 	}
-}), Ol = (e, t, n) => {
+}), kl = (e, t, n) => {
 	let r = !1, i = 0, a = null, o = null, s = () => ({
-		visible: (e.state.get("mesurer.arrange.active") ?? !1) || Ic(e).keepArrangeChanges,
+		visible: (e.state.get("mesurer.arrange.active") ?? !1) || Lc(e).keepArrangeChanges,
 		intents: e.state.get("mesurer.arrange.intents")?.intents ?? []
 	}), c = (e, t) => e?.visible === t.visible && e.intents === t.intents, l = (e) => {
 		if (a = e, e.visible) {
@@ -5428,27 +5459,27 @@ var Fc = {
 	l(s()), e.lifecycle.onDispose(() => {
 		r = !0, i && n.cancelAnimationFrame(i), i = 0, o = null, d.dispose();
 	});
-}, kl = [
+}, Al = [
 	"[data-mesurer-measurement='true']",
 	"[data-mesurer-selected-measurement='true']",
 	"[data-mesurer-inspector-ui='true']"
-].join(""), Al = "[data-mesurer-text-edit-runtime='true']", jl = "[data-mesurer-text-editor='true']", Ml = (e, t) => {
+].join(""), jl = "[data-mesurer-text-edit-runtime='true']", Ml = "[data-mesurer-text-editor='true']", Nl = (e, t) => {
 	let n = t.ownerDocument.body;
 	if (!n) return;
-	let r = t.ownerWindow, i = /* @__PURE__ */ new Map(), a = e.state.get("mesurer.arrange.active") ?? !1, o = [], s = null, c = (e) => e.matches(kl) && e.getRootNode() === t.ownerDocument && e.parentElement === n, l = () => {
+	let r = t.ownerWindow, i = /* @__PURE__ */ new Map(), a = e.state.get("mesurer.arrange.active") ?? !1, o = [], s = null, c = (e) => e.matches(Al) && e.getRootNode() === t.ownerDocument && e.parentElement === n, l = () => {
 		for (let [e, t] of i) e.isConnected && (t.value || t.priority ? e.style.setProperty("visibility", t.value, t.priority) : e.style.removeProperty("visibility"));
 		i.clear();
-	}, u = () => o.some((e) => e.isConnected && !!e.querySelector(jl)), d = (e) => {
+	}, u = () => o.some((e) => e.isConnected && !!e.querySelector(Ml)), d = (e) => {
 		!a || u() || !c(e) || (i.has(e) || i.set(e, {
 			value: e.style.getPropertyValue("visibility"),
 			priority: e.style.getPropertyPriority("visibility")
 		}), (e.style.getPropertyValue("visibility") !== "hidden" || e.style.getPropertyPriority("visibility") !== "important") && e.style.setProperty("visibility", "hidden", "important"));
 	}, f = () => {
-		if (!(!a || u())) for (let e of n.querySelectorAll(kl)) e instanceof r.HTMLElement && d(e);
+		if (!(!a || u())) for (let e of n.querySelectorAll(Al)) e instanceof r.HTMLElement && d(e);
 	}, p = () => {
 		!a || u() ? l() : f();
 	}, m = () => {
-		let e = Array.from(n.querySelectorAll(Al));
+		let e = Array.from(n.querySelectorAll(jl));
 		if (!(e.length === o.length && e.every((e, t) => e === o[t]))) {
 			if (s?.disconnect(), s = null, o = e, e.length > 0) {
 				s = new r.MutationObserver(p);
@@ -5464,8 +5495,8 @@ var Fc = {
 	let h = new r.MutationObserver((e) => {
 		let t = !1;
 		for (let n of e) {
-			for (let e of n.addedNodes) e instanceof r.HTMLElement && (e.matches(Al) && (t = !0), d(e));
-			for (let e of n.removedNodes) e instanceof r.HTMLElement && e.matches(Al) && (t = !0);
+			for (let e of n.addedNodes) e instanceof r.HTMLElement && (e.matches(jl) && (t = !0), d(e));
+			for (let e of n.removedNodes) e instanceof r.HTMLElement && e.matches(jl) && (t = !0);
 		}
 		t && m();
 	});
@@ -5477,20 +5508,20 @@ var Fc = {
 	p(), e.lifecycle.onDispose(() => {
 		h.disconnect(), s?.disconnect(), s = null, o = [], g.dispose(), l();
 	});
-}, Nl = () => {
-	let e = Dl();
+}, Pl = () => {
+	let e = Ol();
 	return {
 		...e,
 		async setup(t) {
 			await e.setup(t);
-			let n = t.service.get(Rc);
+			let n = t.service.get(zc);
 			if (!n) throw Error("Edit movement presentation policy requires the movement service.");
 			let r = t.service.get("runtime:solid");
 			if (!r) throw Error("Edit movement presentation policy requires the Solid renderer runtime.");
-			Ol(t, n, r.ownerWindow), Ml(t, r);
+			kl(t, n, r.ownerWindow), Nl(t, r);
 		}
 	};
-}, Pl = (e, t, n, r) => ba({
+}, Fl = (e, t, n, r) => ba({
 	id: `mesurer.${e}`,
 	version: "0.1.0",
 	provides: [`tool:${e}`],
@@ -5504,7 +5535,7 @@ var Fc = {
 			command: `builtin.${e}`
 		});
 	}
-}), Fl = () => Pl("select", "Select", "S", 10), Il = () => Pl("xray", "X-ray", "X", 20), Ll = () => Pl("color-picker", "Color picker", "P", 30), Rl = () => Pl("rulers", "Rulers", "R", 40), zl = () => Pl("responsive", "Responsive", "B", 65), Bl = () => Pl("text-inspector", "Typography", "A", 50), Vl = () => Pl("guides", "Guides", "G", 60), Hl = () => Pl("settings", "Settings", "⌘/Ctrl+,", 90), Ul = () => ba({
+}), Il = () => Fl("select", "Select", "S", 10), Ll = () => Fl("xray", "X-ray", "X", 20), Rl = () => Fl("color-picker", "Color picker", "P", 30), zl = () => Fl("rulers", "Rulers", "R", 40), Bl = () => Fl("responsive", "Responsive", "B", 65), Vl = () => Fl("text-inspector", "Typography", "A", 50), Hl = () => Fl("guides", "Guides", "G", 60), Ul = () => Fl("settings", "Settings", "⌘/Ctrl+,", 90), Wl = () => ba({
 	id: "mesurer.distance",
 	version: "0.1.0",
 	provides: ["overlay:distance", "settings:selection-spacing"],
@@ -5520,22 +5551,22 @@ var Fc = {
 			order: 30
 		});
 	}
-}), Wl = () => [
-	Fl(),
+}), Gl = () => [
 	Il(),
 	Ll(),
 	Rl(),
-	Bl(),
-	Vl(),
 	zl(),
-	Ul(),
-	Hl()
+	Vl(),
+	Hl(),
+	Bl(),
+	Wl(),
+	Ul()
 ];
-function Gl(e = [], t = []) {
+function Kl(e = [], t = []) {
 	let n = new Set(t.map((e) => `mesurer.${e}`));
-	return [...Wl().filter((e) => !n.has(e.id)), ...e];
+	return [...Gl().filter((e) => !n.has(e.id)), ...e];
 }
-var Kl = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), ql = (e, t, n = 0) => !(e.left + e.width + n <= t.left || t.left + t.width + n <= e.left || e.top + e.height + n <= t.top || t.top + t.height + n <= e.top), Jl = (e, t, n, r, i) => {
+var ql = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), Jl = (e, t, n = 0) => !(e.left + e.width + n <= t.left || t.left + t.width + n <= e.left || e.top + e.height + n <= t.top || t.top + t.height + n <= e.top), Yl = (e, t, n, r, i) => {
 	let a = e.left + e.width, o = e.top + e.height, s = [
 		{
 			axis: "vertical",
@@ -5583,7 +5614,7 @@ var Kl = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), ql = (e, t, n =
 		}
 	];
 	return i ? s.sort((e, t) => t.space - e.space) : s;
-}, Yl = (e, t, n) => {
+}, Xl = (e, t, n) => {
 	let r = [];
 	for (let i = 0; i <= n; i += 1) {
 		let n = i * t;
@@ -5609,14 +5640,14 @@ var Kl = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), ql = (e, t, n =
 	}
 	return r;
 };
-function Xl(e, t, n = {}) {
+function Zl(e, t, n = {}) {
 	let r = n.markerSize ?? 24, i = n.markerGap ?? 4, a = n.targetGap ?? 6, o = n.targetClearance ?? 2, s = n.viewportPadding ?? 4, c = n.obstacles ?? [], l = Math.max(0, n.maxShiftRings ?? 2), u = n.viewportAware ?? !1, d = r + i, f = Math.max(s, t.width - r - s), p = Math.max(s, t.height - r - s), m = [], h = e.map((e) => e.rect), g = [];
 	for (let n of e) {
-		let e = /* @__PURE__ */ new Set(), _ = [], v = Jl(n.rect, t, r, a, u);
-		for (let t of Yl(v, d, l)) {
+		let e = /* @__PURE__ */ new Set(), _ = [], v = Yl(n.rect, t, r, a, u);
+		for (let t of Xl(v, d, l)) {
 			let n = u ? {
-				left: Kl(t.left, s, f),
-				top: Kl(t.top, s, p)
+				left: ql(t.left, s, f),
+				top: ql(t.top, s, p)
 			} : t, r = `${n.left}:${n.top}`;
 			e.has(r) || (e.add(r), _.push(n));
 		}
@@ -5626,21 +5657,21 @@ function Xl(e, t, n = {}) {
 				width: r,
 				height: r
 			};
-			return h.every((e) => !ql(t, e, o)) && c.every((e) => !ql(t, e, i));
+			return h.every((e) => !Jl(t, e, o)) && c.every((e) => !Jl(t, e, i));
 		}), b = y.find((e) => {
 			let t = {
 				...e,
 				width: r,
 				height: r
 			};
-			return m.every((e) => !ql(t, e, i));
+			return m.every((e) => !Jl(t, e, i));
 		}) ?? y.find((e) => {
 			let t = {
 				...e,
 				width: r,
 				height: r
 			};
-			return m.every((e) => !ql(t, e));
+			return m.every((e) => !Jl(t, e));
 		}) ?? y[0] ?? _[0] ?? {
 			left: s,
 			top: s
@@ -5656,20 +5687,20 @@ function Xl(e, t, n = {}) {
 	}
 	return g;
 }
-var Zl = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), Ql = 0, $l = (e) => e.split(",").map((e) => e.trim()).filter((e) => e.length > 0 && e !== "none"), eu = (e) => {
+var Ql = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), $l = 0, eu = (e) => e.split(",").map((e) => e.trim()).filter((e) => e.length > 0 && e !== "none"), tu = (e) => {
 	let t = e.ownerDocument.defaultView?.HTMLElement;
 	return !!(t && e instanceof t);
-}, tu = (e, t) => {
-	let n = e.style.getPropertyValue("anchor-name"), r = e.style.getPropertyPriority("anchor-name"), i = $l(n);
+}, nu = (e, t) => {
+	let n = e.style.getPropertyValue("anchor-name"), r = e.style.getPropertyPriority("anchor-name"), i = eu(n);
 	i.includes(t) || e.style.setProperty("anchor-name", [...i, t].join(", "), r);
 	let a = !1;
 	return () => {
 		if (a) return;
 		a = !0;
-		let i = $l(e.style.getPropertyValue("anchor-name")).filter((e) => e !== t);
+		let i = eu(e.style.getPropertyValue("anchor-name")).filter((e) => e !== t);
 		i.length ? e.style.setProperty("anchor-name", i.join(", "), e.style.getPropertyPriority("anchor-name")) : n.trim() === "none" ? e.style.setProperty("anchor-name", n, r) : e.style.removeProperty("anchor-name");
 	};
-}, nu = (e) => {
+}, ru = (e) => {
 	if (!e.length) return null;
 	let t = Math.min(...e.map((e) => e.left)), n = Math.min(...e.map((e) => e.top)), r = Math.max(...e.map((e) => e.left + e.width)), i = Math.max(...e.map((e) => e.top + e.height));
 	return {
@@ -5678,14 +5709,14 @@ var Zl = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), Ql = 0, $l = (e)
 		width: r - t,
 		height: i - n
 	};
-}, ru = (e, t, n, r, i = 8) => {
+}, iu = (e, t, n, r, i = 8) => {
 	let a = r.innerWidth - t - 8, o = r.innerHeight - n - 8, s = e.left + e.width + i, c = e.left - t - i;
 	return {
-		left: s + t <= r.innerWidth - 8 ? s : c >= 8 ? c : Zl(e.left + e.width - t, 8, a),
-		top: Zl(e.top, 8, o)
+		left: s + t <= r.innerWidth - 8 ? s : c >= 8 ? c : Ql(e.left + e.width - t, 8, a),
+		top: Ql(e.top, 8, o)
 	};
-}, iu = (e, t, n, r, i = 8) => {
-	let a = r.innerWidth - t - 8, o = Zl(e.left + e.width / 2 - t / 2, 8, a), s = e.top + e.height + i;
+}, au = (e, t, n, r, i = 8) => {
+	let a = r.innerWidth - t - 8, o = Ql(e.left + e.width / 2 - t / 2, 8, a), s = e.top + e.height + i;
 	if (s + n <= r.innerHeight - 8) return {
 		left: o,
 		top: s
@@ -5694,10 +5725,10 @@ var Zl = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), Ql = 0, $l = (e)
 	return c >= 8 ? {
 		left: o,
 		top: c
-	} : ru(e, t, n, r, i);
+	} : iu(e, t, n, r, i);
 };
-function au(e) {
-	let [t, n] = Tr(0), [r, i] = Tr(0), [a, o] = Tr(null), [s, c] = Tr(null), [l, u] = Tr(null), [d, f] = Tr({}), [p, m] = Tr(!1), [h, g] = Tr(""), [_, v] = Tr(!1), [y, b] = Tr(null), [x, S] = Tr(!1), [C, w] = Tr(null), [T, E] = Tr(null), D = `--mesurer-annotation-trigger-${++Ql}`, O = null, k = e.initialTriggerFallback === "current-and-next", A = null, j = null, M = null, N, P, F = null, I = null, L = !1, R = null, z = null, B = null, V = null, H = null, ee = null, U = /* @__PURE__ */ new Map(), W = () => N?.ownerDocument.defaultView ?? window, te = uo(W()), ne = "context-annotation-send", G = () => e.coordinateSpace === "viewport", re = (e) => e ? "native-anchor" : G() ? "cached-delta" : "document", K = (e) => {
+function ou(e) {
+	let [t, n] = Tr(0), [r, i] = Tr(0), [a, o] = Tr(null), [s, c] = Tr(null), [l, u] = Tr(null), [d, f] = Tr({}), [p, m] = Tr(!1), [h, g] = Tr(""), [_, v] = Tr(!1), [y, b] = Tr(null), [x, S] = Tr(!1), [C, w] = Tr(null), [T, E] = Tr(null), D = `--mesurer-annotation-trigger-${++$l}`, O = null, k = e.initialTriggerFallback === "current-and-next", A = null, j = null, M = null, N, P, F = null, I = null, L = !1, R = null, z = null, B = null, V = null, H = null, ee = null, U = /* @__PURE__ */ new Map(), W = () => N?.ownerDocument.defaultView ?? window, te = uo(W()), ne = "context-annotation-send", G = () => e.coordinateSpace === "viewport", re = (e) => e ? "native-anchor" : G() ? "cached-delta" : "document", K = (e) => {
 		if (G()) return e;
 		let t = W();
 		return {
@@ -5734,7 +5765,7 @@ function au(e) {
 	}, pe = (t) => {
 		let n = e.runtime.annotation(t);
 		return !n || n.anchor.kind !== "elements" ? null : n.resolvedTargets.find(({ element: e }) => e?.isConnected)?.element ?? null;
-	}, me = (e) => !!(eu(e) && G() && N && ce() && e.getRootNode() === N.getRootNode()), he = (e) => {
+	}, me = (e) => !!(tu(e) && G() && N && ce() && e.getRootNode() === N.getRootNode()), he = (e) => {
 		let t = pe(e), n = U.get(e);
 		if (!t) {
 			n && (fe(e), i((e) => e + 1));
@@ -5748,12 +5779,12 @@ function au(e) {
 		fe(e);
 		let a = t.ownerDocument.defaultView;
 		if (a) {
-			if (r && eu(t)) {
-				let n = `--mesurer-annotation-${++Ql}`;
+			if (r && tu(t)) {
+				let n = `--mesurer-annotation-${++$l}`;
 				U.set(e, {
 					target: t,
 					anchorName: n,
-					releaseAnchor: tu(t, n),
+					releaseAnchor: nu(t, n),
 					scroll: Zo(a, t, () => de(e), { trackWindow: !1 })
 				});
 			} else U.set(e, {
@@ -5779,7 +5810,7 @@ function au(e) {
 	e.initialTriggerFallback && (O = q());
 	let ye = () => {
 		V?.release(), V = null, B?.(), B = null, R = null, z = null;
-	}, be = (e) => !!(eu(e) && G() && N && e !== O && ce() && e.getRootNode() === N.getRootNode()), xe = () => {
+	}, be = (e) => !!(tu(e) && G() && N && e !== O && ce() && e.getRootNode() === N.getRootNode()), xe = () => {
 		let e = q();
 		O && e !== O && (O = null);
 		let t = R, n = !!(e?.isConnected && be(e)), r = z === e;
@@ -5787,13 +5818,13 @@ function au(e) {
 			V?.sync();
 			return;
 		}
-		let i = e === t ? D : `--mesurer-annotation-trigger-${++Ql}`;
+		let i = e === t ? D : `--mesurer-annotation-trigger-${++$l}`;
 		if (ye(), !e?.isConnected) return;
 		R = e;
 		let a = e.ownerDocument.defaultView;
 		if (a) {
-			if (n && eu(e)) {
-				B = tu(e, i), z = e, D = i, V = Zo(a, e, ue, { trackWindow: !1 });
+			if (n && tu(e)) {
+				B = nu(e, i), z = e, D = i, V = Zo(a, e, ue, { trackWindow: !1 });
 				return;
 			}
 			D = i, V = Zo(a, e, ue, { trackWindow: G() });
@@ -5884,7 +5915,7 @@ function au(e) {
 			};
 		});
 		return e.region && t.push({ ...e.region }), t;
-	}), Ue = wr(() => nu(He())), We = (e) => e.anchor.kind === "elements" ? `${e.anchor.targets.length} selected ${e.anchor.targets.length === 1 ? "element" : "elements"}` : "Selected region", Ge = wr(() => {
+	}), Ue = wr(() => ru(He())), We = (e) => e.anchor.kind === "elements" ? `${e.anchor.targets.length} selected ${e.anchor.targets.length === 1 ? "element" : "elements"}` : "Selected region", Ge = wr(() => {
 		r();
 		let t = e.runtime.currentSelection().elements;
 		if (!t.length) return null;
@@ -5893,7 +5924,7 @@ function au(e) {
 	}), Ke = () => {
 		r();
 		let e = Ge();
-		if (!e?.isConnected) return null;
+		if (!e?.isConnected || Ys(e.ownerDocument)) return null;
 		let t = zs(e), n = {
 			left: t.left,
 			top: t.top,
@@ -5904,7 +5935,7 @@ function au(e) {
 			top: e.top,
 			width: 24,
 			height: 24
-		})), [o] = Xl([{
+		})), [o] = Zl([{
 			id: "selection-note-trigger",
 			rect: n
 		}], {
@@ -5914,7 +5945,7 @@ function au(e) {
 			obstacles: [...a, ...Te()],
 			maxShiftRings: Math.ceil(Math.max(i.innerWidth, i.innerHeight) / 28),
 			viewportAware: !0
-		}), s = o?.left ?? Zl(n.left + n.width + 6, 4, i.innerWidth - 24 - 4), c = o?.top ?? Zl(n.top, 4, i.innerHeight - 24 - 4), l = z === e, u = G() && !l;
+		}), s = o?.left ?? Ql(n.left + n.width + 6, 4, i.innerWidth - 24 - 4), c = o?.top ?? Ql(n.top, 4, i.innerHeight - 24 - 4), l = z === e, u = G() && !l;
 		return {
 			left: l || u ? s : s + i.scrollX,
 			top: l || u ? c : c + i.scrollY,
@@ -5932,7 +5963,7 @@ function au(e) {
 				rect: n
 			}] : [];
 		});
-		return new Map(Xl(i, {
+		return new Map(Zl(i, {
 			width: n.innerWidth,
 			height: n.innerHeight
 		}, { obstacles: He() }).map((e) => [e.id, e]));
@@ -5953,7 +5984,7 @@ function au(e) {
 		};
 	}, Xe = () => {
 		let e = Ue(), t = W();
-		return e ? iu(e, 256, 160, t) : {
+		return e ? au(e, 256, 160, t) : {
 			left: 8,
 			top: 8
 		};
@@ -5974,7 +6005,7 @@ function au(e) {
 		};
 	}, Qe = (e, t) => {
 		let n = W(), r = qe(), i = r.get(e);
-		if (!i) return ru(t, 272, 176, n);
+		if (!i) return iu(t, 272, 176, n);
 		let a = n.innerWidth - 272 - 8, o = n.innerHeight - 176 - 8, s = [...r.values()].map((e) => ({
 			left: e.left,
 			top: e.top,
@@ -6000,8 +6031,8 @@ function au(e) {
 			}
 		]) {
 			let t = {
-				left: Zl(e.left, 8, a),
-				top: Zl(e.top, 8, o)
+				left: Ql(e.left, 8, a),
+				top: Ql(e.top, 8, o)
 			}, n = `${t.left}:${t.top}`;
 			l.has(n) || (l.add(n), u.push(t));
 		}
@@ -6017,7 +6048,7 @@ function au(e) {
 				targetOverlap: c(r, t),
 				index: n
 			};
-		}).sort((e, t) => e.markerOverlap - t.markerOverlap || e.targetOverlap - t.targetOverlap || e.index - t.index)[0]?.candidate ?? ru(t, 272, 176, n);
+		}).sort((e, t) => e.markerOverlap - t.markerOverlap || e.targetOverlap - t.targetOverlap || e.index - t.index)[0]?.candidate ?? iu(t, 272, 176, n);
 	}, $e = (t) => {
 		let n = e.runtime.annotationRect(t);
 		if (!n) return {
@@ -6069,8 +6100,8 @@ function au(e) {
 		let u = (t) => {
 			if (!j || t.pointerId !== j.pointerId) return;
 			let r = j, i = Math.max(8, s.innerWidth - r.width - 8), a = Math.max(8, s.innerHeight - r.height - 8), o = {
-				left: Zl(r.originLeft + t.clientX - r.startX, 8, i),
-				top: Zl(r.originTop + t.clientY - r.startY, 8, a)
+				left: Ql(r.originLeft + t.clientX - r.startX, 8, i),
+				top: Ql(r.originTop + t.clientY - r.startY, 8, a)
 			}, c = e.runtime.annotationRect(n);
 			c && f((e) => ({
 				...e,
@@ -6101,7 +6132,7 @@ function au(e) {
 			}
 		}
 	}, ot = se, st = () => {
-		Be() && (k = !1, A = ie(), g(""), v(!1), b(null), w(null), o(null), m(!0), F = (e) => {
+		Be() && (e.runtime.currentSelection().elements.some((e) => Ys(e.ownerDocument)) || (k = !1, A = ie(), g(""), v(!1), b(null), w(null), o(null), m(!0), F = (e) => {
 			let t = le()?.querySelector("[data-mesurer-annotation-composer='true']"), n = W().Node;
 			if (!(t && n && e.target instanceof n && t.contains(e.target))) {
 				if (h().trim() && !y()) {
@@ -6110,18 +6141,24 @@ function au(e) {
 				}
 				ct();
 			}
-		}, W().document.addEventListener("pointerdown", F, !0), W().queueMicrotask(() => V?.sync()));
+		}, W().document.addEventListener("pointerdown", F, !0), W().queueMicrotask(() => V?.sync())));
 	}, ct = () => {
 		let e = p();
 		A !== null && !ae(A, ie()) ? (O = q(), k = !1, xe(), we()) : e && (k = !1), ot();
 	}, lt = () => {
 		p() && (k = !0, ot());
 	}, ut = () => {
-		if (!(!h().trim() || x())) try {
-			let t = e.runtime.addSelectionAnnotation(h());
-			k = !1, A = null, g(""), v(!1), b(null), m(!1), oe(), he(t.id), et(t.id), o(t.id), w(null), _e(t.id);
-		} catch (e) {
-			b(e instanceof Error ? e.message : String(e));
+		if (!(!h().trim() || x())) {
+			if (e.runtime.currentSelection().elements.some((e) => Ys(e.ownerDocument))) {
+				b("Context annotations are unavailable for Responsive preview targets.");
+				return;
+			}
+			try {
+				let t = e.runtime.addSelectionAnnotation(h());
+				k = !1, A = null, g(""), v(!1), b(null), m(!1), oe(), he(t.id), et(t.id), o(t.id), w(null), _e(t.id);
+			} catch (e) {
+				b(e instanceof Error ? e.message : String(e));
+			}
 		}
 	}, dt = {
 		openNoteComposer: st,
@@ -6511,11 +6548,11 @@ function au(e) {
 		})
 	];
 }
-function ou(e) {
+function su(e) {
 	let t = null;
-	return Sn(ac(e.ownerWindow, () => {
+	return Sn(oc(e.ownerWindow, () => {
 		t?.abandonNoteComposer();
-	})), Y(au, {
+	})), Y(ou, {
 		get runtime() {
 			return e.runtime;
 		},
@@ -6536,8 +6573,8 @@ function ou(e) {
 		}
 	});
 }
-var su = "2147482950", cu = "2147483646", lu = "2147483647";
-function uu(e) {
+var cu = "2147482950", lu = "2147483646", uu = "2147483647";
+function du(e) {
 	let { ownerDocument: t, ownerWindow: n, pageTarget: r } = e, i = t.body;
 	if (!(i && !(r instanceof n.ShadowRoot) && r.getRootNode() === t)) return e.createInspectorMount();
 	Vo(Ho, i);
@@ -6558,17 +6595,17 @@ function uu(e) {
 	s.dataset.mesurerDocumentInspectorLayerStyle = "true", s.textContent = `
 [data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-target-highlight="true"] {
   position: absolute !important;
-  z-index: ${su} !important;
+  z-index: ${cu} !important;
 }
 [data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-panel="true"] {
   position: absolute !important;
-  z-index: ${cu} !important;
+  z-index: ${lu} !important;
 }
 [data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-marker="true"],
 [data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-trigger="true"],
 [data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-composer="true"] {
   position: absolute !important;
-  z-index: ${lu} !important;
+  z-index: ${uu} !important;
 }
 `, t.head.append(s), i.append(a);
 	let c = !1;
@@ -6579,8 +6616,8 @@ function uu(e) {
 		}
 	};
 }
-var du = (e) => `color-mix(in srgb, ${e.color} ${e.opacity * 100}%, transparent)`, fu = (e) => e === "max" ? "end" : e === "center" ? "center" : "start", pu = (e) => {
-	let t = e.kind === "columns", n = e.align === "stretch", r = n ? `repeat(${e.count}, minmax(0, 1fr))` : `repeat(${e.count}, ${e.size}px)`, i = fu(e.align);
+var fu = (e) => `color-mix(in srgb, ${e.color} ${e.opacity * 100}%, transparent)`, pu = (e) => e === "max" ? "end" : e === "center" ? "center" : "start", mu = (e) => {
+	let t = e.kind === "columns", n = e.align === "stretch", r = n ? `repeat(${e.count}, minmax(0, 1fr))` : `repeat(${e.count}, ${e.size}px)`, i = pu(e.align);
 	return {
 		position: "absolute",
 		inset: "0",
@@ -6601,7 +6638,7 @@ var du = (e) => `color-mix(in srgb, ${e.color} ${e.opacity * 100}%, transparent)
 		transform: e.align === "center" ? t ? `translateX(${e.offset}px)` : `translateY(${e.offset}px)` : void 0
 	};
 };
-function mu(e) {
+function hu(e) {
 	let t = () => e.guides.filter((e) => e.visible);
 	return Y(jr, {
 		get when() {
@@ -6636,7 +6673,7 @@ function mu(e) {
 									"min-height": "0",
 									width: "100%",
 									height: "100%",
-									"background-color": du(e)
+									"background-color": fu(e)
 								}), (e, n) => {
 									$(t, "style", e, n);
 								}), t;
@@ -6644,7 +6681,7 @@ function mu(e) {
 						})), da(() => ({
 							e: e.id,
 							t: e.kind,
-							a: pu(e)
+							a: mu(e)
 						}), ({ e, t: n, a: r }, i) => {
 							e !== i?.e && $(t, "data-mesurer-layout-guide", e, i?.e), n !== i?.t && $(t, "data-mesurer-layout-guide-kind", n, i?.t), r !== i?.a && $(t, "style", r, i?.a);
 						}), t;
@@ -6657,7 +6694,7 @@ function mu(e) {
 						return da(() => ({
 							e: e.id,
 							t: {
-								"background-image": `linear-gradient(to right, ${du(e)} 1px, transparent 1px), linear-gradient(to bottom, ${du(e)} 1px, transparent 1px)`,
+								"background-image": `linear-gradient(to right, ${fu(e)} 1px, transparent 1px), linear-gradient(to bottom, ${fu(e)} 1px, transparent 1px)`,
 								"background-size": `${e.size}px ${e.size}px`
 							}
 						}), ({ e, t: n }, r) => {
@@ -6669,34 +6706,34 @@ function mu(e) {
 		}
 	});
 }
-var hu = "#FF0000", gu = .1, _u = /* @__PURE__ */ new Set([
+var gu = "#FF0000", _u = .1, vu = /* @__PURE__ */ new Set([
 	"columns",
 	"rows",
 	"grid"
-]), vu = /* @__PURE__ */ new Set([
+]), yu = /* @__PURE__ */ new Set([
 	"stretch",
 	"min",
 	"center",
 	"max"
-]), yu = (e, t, n) => Math.min(n, Math.max(t, e)), bu = (e, t) => e !== void 0 && Number.isFinite(e) ? e : t, xu = (e = {}) => {
-	let t = e.kind && _u.has(e.kind) ? e.kind : "columns", n = e.align && vu.has(e.align) ? e.align : t === "grid" ? "min" : "stretch", r = e.id?.trim(), i = e.color?.trim();
+]), bu = (e, t, n) => Math.min(n, Math.max(t, e)), xu = (e, t) => e !== void 0 && Number.isFinite(e) ? e : t, Su = (e = {}) => {
+	let t = e.kind && vu.has(e.kind) ? e.kind : "columns", n = e.align && yu.has(e.align) ? e.align : t === "grid" ? "min" : "stretch", r = e.id?.trim(), i = e.color?.trim();
 	return {
 		id: r || No(),
 		kind: t,
 		visible: e.visible ?? !0,
 		color: i || "#FF0000",
-		opacity: yu(bu(e.opacity, gu), 0, 1),
-		count: yu(Math.round(bu(e.count, 5)), 1, 24),
-		size: yu(bu(e.size, 72), 1, 4096),
-		gutter: yu(bu(e.gutter, 20), 0, 800),
-		offset: yu(bu(e.offset, 0), 0, 4096),
+		opacity: bu(xu(e.opacity, _u), 0, 1),
+		count: bu(Math.round(xu(e.count, 5)), 1, 24),
+		size: bu(xu(e.size, 72), 1, 4096),
+		gutter: bu(xu(e.gutter, 20), 0, 800),
+		offset: bu(xu(e.offset, 0), 0, 4096),
 		align: n
 	};
-}, Su = (e) => (e ?? []).map(xu), Cu = (e) => {
+}, Cu = (e) => (e ?? []).map(Su), wu = (e) => {
 	if (e.kind === "grid") return `Grid ${Math.round(e.size)}px`;
 	let t = e.kind === "columns" ? "columns" : "rows";
 	return e.align === "stretch" ? `${e.count} ${t}` : `${e.count} ${t} (${Math.round(e.size)}px)`;
-}, wu = (e) => (() => {
+}, Tu = (e) => (() => {
 	var t = X("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
@@ -6715,10 +6752,10 @@ var hu = "#FF0000", gu = .1, _u = /* @__PURE__ */ new Set([
 	}), ({ e, t: n }, r) => {
 		e !== r?.e && $(t, "width", e, r?.e), n !== r?.t && $(t, "height", n, r?.t);
 	}), t;
-})(), Tu = (e) => e.kind === "rows" ? Y(wo, { size: 14 }) : e.kind === "grid" ? Y(So, { size: 14 }) : Y(Co, { size: 14 }), Eu = "msr:grid-cols-[78px_minmax(0,1fr)]", Du = (e) => (() => {
+})(), Eu = (e) => e.kind === "rows" ? Y(wo, { size: 14 }) : e.kind === "grid" ? Y(So, { size: 14 }) : Y(Co, { size: 14 }), Du = "msr:grid-cols-[78px_minmax(0,1fr)]", Ou = (e) => (() => {
 	var t = X("label", { class: "msr:col-span-2 msr:grid msr:h-8 msr:w-full msr:grid-cols-[78px_minmax(0,1fr)] msr:items-center msr:gap-0 msr:text-[12px] msr:text-ink-700" }), n = X("span");
 	return Z(t, n), Q(n, () => e.label), Q(t, () => e.children, null), t;
-})(), Ou = (e) => (() => {
+})(), ku = (e) => (() => {
 	var t = X("span", { class: "msr:relative msr:block msr:w-full" }), n = X("select", {
 		class: Gs,
 		onPointerDown: (e) => e.stopPropagation(),
@@ -6730,7 +6767,7 @@ var hu = "#FF0000", gu = .1, _u = /* @__PURE__ */ new Set([
 	}), ({ e, t }, r) => {
 		e !== r?.e && $(n, "aria-label", e, r?.e), t !== r?.t && $(n, "value", t, r?.t);
 	}), t;
-})(), ku = (e) => {
+})(), Au = (e) => {
 	let [t, n] = Tr(!1), [r, i] = Tr(String(e.value)), a = () => e.min ?? 0, o = () => e.max ?? 9999, s = (e) => Math.min(o(), Math.max(a(), e)), c = (t) => {
 		let n = Number(t.replace(/[^\d.-]/g, ""));
 		if (!Number.isFinite(n)) {
@@ -6771,7 +6808,7 @@ var hu = "#FF0000", gu = .1, _u = /* @__PURE__ */ new Set([
 			e !== n?.e && $(a, "aria-label", e, n?.e), t !== n?.t && $(a, "value", t, n?.t);
 		}), a;
 	} });
-}, Au = (e) => e === "rows" || e === "grid" ? e : "columns", ju = (e) => e === "min" || e === "center" || e === "max" ? e : "stretch", Mu = (e) => {
+}, ju = (e) => e === "rows" || e === "grid" ? e : "columns", Mu = (e) => e === "min" || e === "center" || e === "max" ? e : "stretch", Nu = (e) => {
 	let t = wr(() => e.guide.kind === "rows" ? {
 		stretch: "Stretch",
 		min: "Top",
@@ -6788,13 +6825,13 @@ var hu = "#FF0000", gu = .1, _u = /* @__PURE__ */ new Set([
 		"aria-label": "Back to layout guides",
 		class: "msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-control msr:text-ink-500 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900"
 	});
-	return Z(r, i), Z(i, a), Q(i, Y(Ou, {
+	return Z(r, i), Z(i, a), Q(i, Y(ku, {
 		label: "Layout guide type",
 		get value() {
 			return e.guide.kind;
 		},
 		onChange: (t) => {
-			let n = Au(t);
+			let n = ju(t);
 			e.onUpdate({
 				kind: n,
 				align: n === "grid" ? "min" : e.guide.align === "stretch" || n === e.guide.kind ? e.guide.align : "stretch"
@@ -6816,15 +6853,15 @@ var hu = "#FF0000", gu = .1, _u = /* @__PURE__ */ new Set([
 				})()
 			];
 		}
-	}), a), Q(a, Y(wu, {})), Q(r, Y(jr, {
+	}), a), Q(a, Y(Tu, {})), Q(r, Y(jr, {
 		get when() {
 			return e.guide.kind !== "grid";
 		},
 		get children() {
-			return Y(Du, {
+			return Y(Ou, {
 				label: "Count",
 				get children() {
-					return Y(ku, {
+					return Y(Au, {
 						label: "Count",
 						get value() {
 							return e.guide.count;
@@ -6838,14 +6875,14 @@ var hu = "#FF0000", gu = .1, _u = /* @__PURE__ */ new Set([
 		}
 	}), null), Q(r, Y(Js, {
 		label: "Color",
-		columns: Eu,
+		columns: Du,
 		get value() {
 			return Ea({
 				...wa(e.guide.color) ?? wa("#FF0000"),
 				alpha: e.guide.opacity
 			});
 		},
-		fallback: hu,
+		fallback: gu,
 		get ownerWindow() {
 			return e.ownerWindow;
 		},
@@ -6864,15 +6901,15 @@ var hu = "#FF0000", gu = .1, _u = /* @__PURE__ */ new Set([
 			return e.guide.kind !== "grid";
 		},
 		get children() {
-			return Y(Du, {
+			return Y(Ou, {
 				label: "Type",
 				get children() {
-					return Y(Ou, {
+					return Y(ku, {
 						label: "Alignment",
 						get value() {
 							return e.guide.align;
 						},
-						onChange: (t) => e.onUpdate({ align: ju(t) }),
+						onChange: (t) => e.onUpdate({ align: Mu(t) }),
 						get children() {
 							return Y(Ar, {
 								each: [
@@ -6896,12 +6933,12 @@ var hu = "#FF0000", gu = .1, _u = /* @__PURE__ */ new Set([
 			return e.guide.kind === "grid" || e.guide.align !== "stretch";
 		},
 		get children() {
-			return Y(Du, {
+			return Y(Ou, {
 				get label() {
 					return n();
 				},
 				get children() {
-					return Y(ku, {
+					return Y(Au, {
 						get label() {
 							return n();
 						},
@@ -6920,10 +6957,10 @@ var hu = "#FF0000", gu = .1, _u = /* @__PURE__ */ new Set([
 			return e.guide.kind !== "grid";
 		},
 		get children() {
-			return [Y(Du, {
+			return [Y(Ou, {
 				label: "Offset",
 				get children() {
-					return Y(ku, {
+					return Y(Au, {
 						label: "Offset",
 						get value() {
 							return e.guide.offset;
@@ -6933,10 +6970,10 @@ var hu = "#FF0000", gu = .1, _u = /* @__PURE__ */ new Set([
 						onChange: (t) => e.onUpdate({ offset: t })
 					});
 				}
-			}), Y(Du, {
+			}), Y(Ou, {
 				label: "Gutter",
 				get children() {
-					return Y(ku, {
+					return Y(Au, {
 						label: "Gutter",
 						get value() {
 							return e.guide.gutter;
@@ -6952,7 +6989,7 @@ var hu = "#FF0000", gu = .1, _u = /* @__PURE__ */ new Set([
 		$(a, "onClick", e, t);
 	}), r;
 };
-function Nu(e) {
+function Pu(e) {
 	let [t, n] = Tr(null), r = wr(() => e.guides.find((e) => e.id === t()) ?? null);
 	var i = X("div", {
 		"data-mesurer-layout-guides-panel": "true",
@@ -7001,9 +7038,9 @@ function Nu(e) {
 								class: "msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-control msr:text-ink-400 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900",
 								onClick: () => e.onRemove(t.id)
 							});
-							return Z(r, i), Z(r, s), Z(r, c), Z(i, a), Z(i, o), Q(a, Y(Tu, { get kind() {
+							return Z(r, i), Z(r, s), Z(r, c), Z(i, a), Z(i, o), Q(a, Y(Eu, { get kind() {
 								return t.kind;
-							} })), Q(o, () => Cu(t)), Q(i, Y(vo, {
+							} })), Q(o, () => wu(t)), Q(i, Y(vo, {
 								size: 8,
 								class: "msr:block msr:-rotate-90 msr:text-ink-400"
 							}), null), Q(s, (() => {
@@ -7013,10 +7050,10 @@ function Nu(e) {
 								size: 10,
 								class: "msr:block"
 							})), da(() => ({
-								e: t.visible ? `Hide ${Cu(t)}` : `Show ${Cu(t)}`,
+								e: t.visible ? `Hide ${wu(t)}` : `Show ${wu(t)}`,
 								t: t.visible ? "true" : "false",
 								a: `msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-control msr:outline-none msr:hover:bg-ink-100 ${t.visible ? "msr:text-ink-700" : "msr:text-ink-400"}`,
-								o: `Remove ${Cu(t)}`
+								o: `Remove ${wu(t)}`
 							}), ({ e, t, a: n, o: r }, i) => {
 								e !== i?.e && $(s, "aria-label", e, i?.e), t !== i?.t && $(s, "aria-pressed", t, i?.t), n !== i?.a && $(s, "class", n, i?.a), r !== i?.o && $(c, "aria-label", r, i?.o);
 							}), r;
@@ -7027,7 +7064,7 @@ function Nu(e) {
 				$(a, "onClick", e, t);
 			}), t;
 		},
-		children: (t) => Y(Mu, {
+		children: (t) => Y(Nu, {
 			get guide() {
 				return t();
 			},
@@ -7039,56 +7076,56 @@ function Nu(e) {
 		})
 	})), i;
 }
-var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-guides.pages", Lu = "mesurer.layout-guides.active", Ru = "runtime:solid", zu = "layout-guides.toggle", Bu = "layout-guides.add", Vu = "layout-guides.update", Hu = "layout-guides.remove", Uu = "layout-guides.clear", Wu = 240, Gu = 8, Ku = 8, qu = () => ({ pages: {} }), Ju = (e, t) => e.pages[t] ?? [], Yu = (e) => typeof e == "object" && !!e && !Array.isArray(e), Xu = (e) => typeof e == "string", Zu = (e) => typeof e == "boolean", Qu = (e) => typeof e == "number", $u = (e) => e === "columns" || e === "rows" || e === "grid", ed = (e) => e === "stretch" || e === "min" || e === "center" || e === "max", td = (e) => ({ ...e }), nd = (e) => e.map(td), rd = (e) => Yu(e) ? e : null, id = (e) => {
+var Fu = "mesurer.layout-guides", Iu = "layout-guides:v1", Lu = "mesurer.layout-guides.pages", Ru = "mesurer.layout-guides.active", zu = "runtime:solid", Bu = "layout-guides.toggle", Vu = "layout-guides.add", Hu = "layout-guides.update", Uu = "layout-guides.remove", Wu = "layout-guides.clear", Gu = 240, Ku = 8, qu = 8, Ju = () => ({ pages: {} }), Yu = (e, t) => e.pages[t] ?? [], Xu = (e) => typeof e == "object" && !!e && !Array.isArray(e), Zu = (e) => typeof e == "string", Qu = (e) => typeof e == "boolean", $u = (e) => typeof e == "number", ed = (e) => e === "columns" || e === "rows" || e === "grid", td = (e) => e === "stretch" || e === "min" || e === "center" || e === "max", nd = (e) => ({ ...e }), rd = (e) => e.map(nd), id = (e) => Xu(e) ? e : null, ad = (e) => {
 	if (!e) return {};
 	let t = {};
-	return Xu(e.id) && (t.id = e.id), $u(e.kind) && (t.kind = e.kind), Zu(e.visible) && (t.visible = e.visible), Xu(e.color) && (t.color = e.color), Qu(e.opacity) && (t.opacity = e.opacity), Qu(e.count) && (t.count = e.count), Qu(e.size) && (t.size = e.size), Qu(e.gutter) && (t.gutter = e.gutter), Qu(e.offset) && (t.offset = e.offset), ed(e.align) && (t.align = e.align), t;
-}, ad = (e) => {
+	return Zu(e.id) && (t.id = e.id), ed(e.kind) && (t.kind = e.kind), Qu(e.visible) && (t.visible = e.visible), Zu(e.color) && (t.color = e.color), $u(e.opacity) && (t.opacity = e.opacity), $u(e.count) && (t.count = e.count), $u(e.size) && (t.size = e.size), $u(e.gutter) && (t.gutter = e.gutter), $u(e.offset) && (t.offset = e.offset), td(e.align) && (t.align = e.align), t;
+}, od = (e) => {
 	let t = {};
 	return e.id !== void 0 && (t.id = e.id), e.kind !== void 0 && (t.kind = e.kind), e.visible !== void 0 && (t.visible = e.visible), e.color !== void 0 && (t.color = e.color), e.opacity !== void 0 && (t.opacity = e.opacity), e.count !== void 0 && (t.count = e.count), e.size !== void 0 && (t.size = e.size), e.gutter !== void 0 && (t.gutter = e.gutter), e.offset !== void 0 && (t.offset = e.offset), e.align !== void 0 && (t.align = e.align), t;
-}, od = {
+}, sd = {
 	viewBox: "0 0 256 256",
 	paths: ["M48 48h160v8H48zM48 200h160v8H48zM48 56h8v144h-8zM200 56h8v144h-8z", "M101 56h8v144h-8zM147 56h8v144h-8z"]
-}, sd = () => ba({
-	id: Pu,
+}, cd = () => ba({
+	id: Fu,
 	version: "0.1.0",
-	requires: [Ru],
-	provides: [Fu, "tool:layout-guides"],
+	requires: [zu],
+	provides: [Iu, "tool:layout-guides"],
 	setup(e) {
-		let t = e.service.get(Ru);
+		let t = e.service.get(zu);
 		if (!t) throw Error("Layout Guides requires the Solid renderer runtime.");
 		let n = t.rendererRoot;
 		if (!n) throw Error("Layout Guides requires a mounted renderer root.");
 		e.state.register({
-			id: Iu,
-			initial: qu(),
+			id: Lu,
+			initial: Ju(),
 			history: !0,
 			persist: !0
 		}), e.state.register({
-			id: Lu,
+			id: Ru,
 			initial: !1
 		});
-		let r = Wo(t.ownerWindow), i = !1, [a, o] = Tr(0), s = /* @__PURE__ */ new Set(), c = 0, l = () => e.state.get("mesurer.layout-guides.pages") ?? qu(), u = () => e.state.get("mesurer.layout-guides.active") ?? !1, d = () => Su(Ju(l(), r)), f = () => (a(), u() ? d() : []), p = (t) => {
-			e.state.update(Lu, () => t);
+		let r = Wo(t.ownerWindow), i = !1, [a, o] = Tr(0), s = /* @__PURE__ */ new Set(), c = 0, l = () => e.state.get("mesurer.layout-guides.pages") ?? Ju(), u = () => e.state.get("mesurer.layout-guides.active") ?? !1, d = () => Cu(Yu(l(), r)), f = () => (a(), u() ? d() : []), p = (t) => {
+			e.state.update(Ru, () => t);
 		}, m = (t) => {
-			e.state.update(Iu, (e) => ({
+			e.state.update(Lu, (e) => ({
 				...e,
 				pages: {
 					...e.pages,
-					[r]: nd(t(Su(e.pages[r])))
+					[r]: rd(t(Cu(e.pages[r])))
 				}
 			}));
 		};
-		e.command.register(zu, () => {
+		e.command.register(Bu, () => {
 			let e = !u();
-			return e && d().length === 0 && m(() => [xu()]), i = e, p(e), u();
-		}), e.command.register(Bu, (e) => {
-			let t = xu(id(rd(e)));
-			return m((e) => [...e, t]), { ...t };
+			return e && d().length === 0 && m(() => [Su()]), i = e, p(e), u();
 		}), e.command.register(Vu, (e) => {
-			let t = rd(e), n = t && Xu(t.id) ? t.id : null, r = id(rd(t?.patch));
+			let t = Su(ad(id(e)));
+			return m((e) => [...e, t]), { ...t };
+		}), e.command.register(Hu, (e) => {
+			let t = id(e), n = t && Zu(t.id) ? t.id : null, r = ad(id(t?.patch));
 			if (!n) throw Error("layout-guides.update requires a guide id.");
-			m((e) => e.map((e) => e.id === n ? xu({
+			m((e) => e.map((e) => e.id === n ? Su({
 				...e,
 				...r,
 				id: e.id
@@ -7096,30 +7133,30 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			let i = d().find((e) => e.id === n);
 			if (!i) throw Error(`Layout guide not found: ${n}`);
 			return { ...i };
-		}), e.command.register(Hu, (e) => {
-			let t = rd(e), n = t && Xu(t.id) ? t.id : null;
+		}), e.command.register(Uu, (e) => {
+			let t = id(e), n = t && Zu(t.id) ? t.id : null;
 			if (!n) throw Error("layout-guides.remove requires a guide id.");
 			let r = d().length;
 			return m((e) => e.filter((e) => e.id !== n)), d().length !== r;
-		}), e.command.register(Uu, () => {
+		}), e.command.register(Wu, () => {
 			m(() => []);
 		});
 		let h = async (t, n) => {
-			let r = rd(await e.command.execute(t, n));
+			let r = id(await e.command.execute(t, n));
 			if (!r) throw Error(`${t} did not return a layout guide.`);
-			return xu(id(r));
+			return Su(ad(r));
 		}, g = {
 			list: () => d().map((e) => ({ ...e })),
-			add: (e = {}) => h(Bu, ad(e)),
-			update: (e, t) => h(Vu, {
+			add: (e = {}) => h(Vu, od(e)),
+			update: (e, t) => h(Hu, {
 				id: e,
-				patch: ad(t)
+				patch: od(t)
 			}),
 			async remove(t) {
-				return await e.command.execute(Hu, { id: t }) === !0;
+				return await e.command.execute(Uu, { id: t }) === !0;
 			},
 			async clear() {
-				await e.command.execute(Uu);
+				await e.command.execute(Wu);
 			},
 			subscribe(e) {
 				s.add(e);
@@ -7129,27 +7166,27 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 				};
 			}
 		};
-		e.service.provide(Fu, g), e.tool.register({
+		e.service.provide(Iu, g), e.tool.register({
 			id: "layout-guides",
 			label: "Layout guides",
 			shortcut: "L",
-			command: zu,
+			command: Bu,
 			order: 38,
 			toolbarMode: "always",
 			compactPinned: !0,
-			icon: od,
+			icon: sd,
 			active: u
 		});
 		let _ = t.ownerDocument.createElement("div");
 		_.dataset.mesurerLayoutGuidesRoot = "true", _.dataset.mesurerLayer = "evidence", _.style.position = "absolute", _.style.inset = "0", _.style.pointerEvents = "none", n.prepend(_);
-		let v = ua(() => Y(mu, { get guides() {
+		let v = ua(() => Y(hu, { get guides() {
 			return f();
 		} }), _), y = t.createInspectorMount();
 		y.element.dataset.mesurerLayoutGuidesPanelRoot = "true", Object.assign(y.element.style, {
 			position: "fixed",
 			left: "0",
 			top: "0",
-			width: `${Wu}px`,
+			width: `${Gu}px`,
 			zIndex: "100",
 			pointerEvents: "none",
 			display: "none"
@@ -7158,13 +7195,13 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			if (c = 0, !i) return;
 			let e = t.portalTarget.querySelector("[data-mesurer-tool-id='layout-guides']");
 			if (!e) return;
-			let n = e.getBoundingClientRect(), r = Math.min(Math.max(Ku, n.right - Wu), Math.max(Ku, t.ownerWindow.innerWidth - Wu - Ku)), a = t.ownerWindow.innerHeight - n.bottom - Gu - Ku, o = Math.min(320, t.ownerWindow.innerHeight - 16), s = a >= Math.min(o, 320) ? n.bottom + Gu : Math.max(Ku, n.top - Gu - o);
+			let n = e.getBoundingClientRect(), r = Math.min(Math.max(qu, n.right - Gu), Math.max(qu, t.ownerWindow.innerWidth - Gu - qu)), a = t.ownerWindow.innerHeight - n.bottom - Ku - qu, o = Math.min(320, t.ownerWindow.innerHeight - 16), s = a >= Math.min(o, 320) ? n.bottom + Ku : Math.max(qu, n.top - Ku - o);
 			y.element.style.left = `${r}px`, y.element.style.top = `${s}px`;
 		}, x = () => {
 			c ||= t.ownerWindow.requestAnimationFrame(b);
 		}, S = () => {
 			y.element.style.display = i ? "block" : "none", i && x();
-		}, C = ua(() => Y(Nu, {
+		}, C = ua(() => Y(Pu, {
 			get guides() {
 				return f();
 			},
@@ -7199,11 +7236,11 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			t.ownerDocument.removeEventListener("pointerdown", D, !0), t.ownerDocument.removeEventListener("keydown", O, !0), t.ownerWindow.removeEventListener("resize", x), t.ownerWindow.removeEventListener("pointerup", x, !0), c && t.ownerWindow.cancelAnimationFrame(c), c = 0, s.clear(), T.dispose(), E(), C(), y.dispose(), v(), _.remove();
 		});
 	}
-}), cd = "mesurer:recording-bridge-ping", ld = "mesurer:recording-bridge-request", ud = "mesurer:recording-bridge-response", dd = "position:fixed;left:0;top:0;width:1px;height:1px;margin:0;padding:0;border:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none", fd = .01, pd = (e) => ({
+}), ld = "mesurer:recording-bridge-ping", ud = "mesurer:recording-bridge-request", dd = "mesurer:recording-bridge-response", fd = "position:fixed;left:0;top:0;width:1px;height:1px;margin:0;padding:0;border:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none", pd = .01, md = (e) => ({
 	width: e.innerWidth,
 	height: e.innerHeight
-}), md = (e, t, n, r) => {
-	let i = Math.max(1, r.width), a = Math.max(1, r.height), o = t / i, s = n / a, c = Math.abs(o - s) <= fd * Math.max(o, s), l = c ? o : Math.min(o, s), u = c ? 0 : (t - i * l) / 2, d = c ? 0 : (n - a * l) / 2, f = c ? o : l, p = c ? s : l, m = u + e.left * f, h = d + e.top * p, g = u + (e.left + e.width) * f, _ = d + (e.top + e.height) * p, v = Math.max(g - m, 1e-6), y = Math.max(_ - h, 1e-6), b = Math.max(0, Math.min(t, m)), x = Math.max(0, Math.min(n, h)), S = Math.max(0, Math.min(t, g)), C = Math.max(0, Math.min(n, _)), w = Math.max(0, Math.round(b)), T = Math.max(0, Math.round(x)), E = Math.min(t, Math.round(S)), D = Math.min(n, Math.round(C));
+}), hd = (e, t, n, r) => {
+	let i = Math.max(1, r.width), a = Math.max(1, r.height), o = t / i, s = n / a, c = Math.abs(o - s) <= pd * Math.max(o, s), l = c ? o : Math.min(o, s), u = c ? 0 : (t - i * l) / 2, d = c ? 0 : (n - a * l) / 2, f = c ? o : l, p = c ? s : l, m = u + e.left * f, h = d + e.top * p, g = u + (e.left + e.width) * f, _ = d + (e.top + e.height) * p, v = Math.max(g - m, 1e-6), y = Math.max(_ - h, 1e-6), b = Math.max(0, Math.min(t, m)), x = Math.max(0, Math.min(n, h)), S = Math.max(0, Math.min(t, g)), C = Math.max(0, Math.min(n, _)), w = Math.max(0, Math.round(b)), T = Math.max(0, Math.round(x)), E = Math.min(t, Math.round(S)), D = Math.min(n, Math.round(C));
 	return {
 		sx: w,
 		sy: T,
@@ -7214,15 +7251,15 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		dw: Math.max(0, S - b) / v,
 		dh: Math.max(0, C - x) / y
 	};
-}, hd = (e, t) => {
+}, gd = (e, t) => {
 	let n = e.createElement("div");
 	return n.dataset.mesurerRecordingCrop = "true", n.setAttribute("aria-hidden", "true"), n.style.position = "fixed", n.style.left = `${t.left}px`, n.style.top = `${t.top}px`, n.style.width = `${t.width}px`, n.style.height = `${t.height}px`, n.style.margin = "0", n.style.padding = "0", n.style.border = "0", n.style.background = "transparent", n.style.opacity = "0", n.style.pointerEvents = "none", e.body.append(n), n;
-}, gd = async (e, t) => {
+}, _d = async (e, t) => {
 	let n = e.cropTo, r = globalThis.CropTarget;
 	if (!n || !r) return !1;
 	let i = await r.fromElement(t);
 	return await n.call(e, i), !0;
-}, _d = (e, t) => new Promise((n) => {
+}, vd = (e, t) => new Promise((n) => {
 	let r = !1, i = () => {
 		r || (r = !0, t.clearTimeout(a), n());
 	}, a = t.setTimeout(i, 250), o = e;
@@ -7231,20 +7268,20 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		return;
 	}
 	t.requestAnimationFrame(i);
-}), vd = (e) => e.location.origin === "null" ? "*" : e.location.origin, yd = (e, t, n = "") => `${e}:${t}:${n}`, bd = (e, t, n) => {
+}), yd = (e) => e.location.origin === "null" ? "*" : e.location.origin, bd = (e, t, n = "") => `${e}:${t}:${n}`, xd = (e, t, n) => {
 	let r = `${t}:${n}:`;
 	return e.startsWith(r) ? e.slice(r.length) : null;
-}, xd = (e) => e.crypto?.randomUUID?.() ?? `mesurer-recording-${Date.now()}-${Math.random().toString(36).slice(2)}`, Sd = (e) => new Promise((t) => {
-	let n = xd(e), r = e.location.origin, i = (o) => {
-		o.source === e && o.origin === r && bd(String(o.data ?? ""), "mesurer:recording-bridge-pong", n) !== null && (e.removeEventListener("message", i), e.clearTimeout(a), t(!0));
+}, Sd = (e) => e.crypto?.randomUUID?.() ?? `mesurer-recording-${Date.now()}-${Math.random().toString(36).slice(2)}`, Cd = (e) => new Promise((t) => {
+	let n = Sd(e), r = e.location.origin, i = (o) => {
+		o.source === e && o.origin === r && xd(String(o.data ?? ""), "mesurer:recording-bridge-pong", n) !== null && (e.removeEventListener("message", i), e.clearTimeout(a), t(!0));
 	}, a = e.setTimeout(() => {
 		e.removeEventListener("message", i), t(!1);
 	}, 80);
-	e.addEventListener("message", i), e.postMessage(yd(cd, n), vd(e));
-}), Cd = (e) => new Promise((t) => {
-	let n = xd(e), r = e.location.origin, i = (o) => {
+	e.addEventListener("message", i), e.postMessage(bd(ld, n), yd(e));
+}), wd = (e) => new Promise((t) => {
+	let n = Sd(e), r = e.location.origin, i = (o) => {
 		if (o.source !== e || o.origin !== r) return;
-		let s = bd(String(o.data ?? ""), ud, n);
+		let s = xd(String(o.data ?? ""), dd, n);
 		if (s !== null) {
 			if (e.removeEventListener("message", i), e.clearTimeout(a), !s.startsWith("ok:")) {
 				t(null);
@@ -7255,9 +7292,9 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 	}, a = e.setTimeout(() => {
 		e.removeEventListener("message", i), t(null);
 	}, 1500);
-	e.addEventListener("message", i), e.postMessage(yd(ld, n), vd(e));
-}), wd = (e) => e.__MESURER_RECORDING_HOST__?.captureRecordingStream ?? e.__MESURER_HOST__?.captureRecordingStream, Td = async (e, t) => {
-	let n = wd(e);
+	e.addEventListener("message", i), e.postMessage(bd(ud, n), yd(e));
+}), Td = (e) => e.__MESURER_RECORDING_HOST__?.captureRecordingStream ?? e.__MESURER_HOST__?.captureRecordingStream, Ed = async (e, t) => {
+	let n = Td(e);
 	if (!n) throw Error("Native recording capture is unavailable.");
 	let r = (await n())?.streamId?.trim();
 	if (!r) throw Error("Native recording capture returned no stream id.");
@@ -7269,9 +7306,9 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		audio: !1,
 		video: i
 	});
-}, Ed = async (e, t) => {
-	if (!e.isSecureContext || !await Sd(e)) return null;
-	let n = await Cd(e);
+}, Dd = async (e, t) => {
+	if (!e.isSecureContext || !await Cd(e)) return null;
+	let n = await wd(e);
 	if (!n) return null;
 	let r = { mandatory: {
 		chromeMediaSource: "tab",
@@ -7281,7 +7318,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		audio: !1,
 		video: r
 	});
-}, Dd = async (e, t) => {
+}, Od = async (e, t) => {
 	let n = e.getVideoTracks()[0];
 	if (!n?.applyConstraints) return e;
 	try {
@@ -7291,13 +7328,13 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		} });
 	} catch {}
 	return e;
-}, Od = async (e, t) => {
+}, kd = async (e, t) => {
 	let n = e.navigator.mediaDevices;
 	if (!n) throw Error("Screen recording is unavailable in this browser.");
-	if (wd(e)) return Dd(await Td(e, n), t);
+	if (Td(e)) return Od(await Ed(e, n), t);
 	try {
-		let r = await Ed(e, n);
-		if (r) return Dd(r, t);
+		let r = await Dd(e, n);
+		if (r) return Od(r, t);
 	} catch {}
 	if (!n.getDisplayMedia) throw Error("Screen recording is unavailable in this browser.");
 	let r = {
@@ -7313,33 +7350,33 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		selfBrowserSurface: "include"
 	};
 	try {
-		return Dd(await n.getDisplayMedia(i), t);
+		return Od(await n.getDisplayMedia(i), t);
 	} catch (e) {
 		if (e instanceof DOMException && e.name === "AbortError") throw e;
-		return Dd(await n.getDisplayMedia({
+		return Od(await n.getDisplayMedia({
 			audio: !1,
 			video: { frameRate: r }
 		}), t);
 	}
-}, kd = async (e, t, n, r = 60) => {
-	let i = await Od(t, r), a = i.getVideoTracks()[0];
+}, Ad = async (e, t, n, r = 60) => {
+	let i = await kd(t, r), a = i.getVideoTracks()[0];
 	if (!a) throw i.getTracks().forEach((e) => e.stop()), Error("No video track was selected.");
 	if (a.getSettings().displaySurface && a.getSettings().displaySurface !== "browser") throw i.getTracks().forEach((e) => e.stop()), Error("Select the current browser tab to record this region.");
 	let o = e.createElement("video");
-	o.autoplay = !0, o.muted = !0, o.playsInline = !0, o.srcObject = i, o.setAttribute("playsinline", ""), o.setAttribute("aria-hidden", "true"), o.style.cssText = dd, e.body.append(o);
+	o.autoplay = !0, o.muted = !0, o.playsInline = !0, o.srcObject = i, o.setAttribute("playsinline", ""), o.setAttribute("aria-hidden", "true"), o.style.cssText = fd, e.body.append(o);
 	try {
 		await o.play(), (o.videoWidth <= 0 || o.videoHeight <= 0) && await new Promise((e, t) => {
 			o.addEventListener("loadeddata", () => e(), { once: !0 }), o.addEventListener("error", () => t(/* @__PURE__ */ Error("Could not read the selected video track.")), { once: !0 });
 		});
-		let r = hd(e, n), s = !1;
+		let r = gd(e, n), s = !1;
 		try {
-			s = await gd(a, r);
+			s = await _d(a, r);
 		} catch {
 			s = !1;
 		}
-		s || r.remove(), await _d(o, t);
-		let c = t.devicePixelRatio || 1, l = md(n, o.videoWidth, o.videoHeight, pd(t)), u = e.createElement("canvas");
-		u.width = s ? Math.max(2, Math.round(n.width * c)) : l.sw, u.height = s ? Math.max(2, Math.round(n.height * c)) : l.sh, u.setAttribute("aria-hidden", "true"), u.style.cssText = dd, e.body.append(u);
+		s || r.remove(), await vd(o, t);
+		let c = t.devicePixelRatio || 1, l = hd(n, o.videoWidth, o.videoHeight, md(t)), u = e.createElement("canvas");
+		u.width = s ? Math.max(2, Math.round(n.width * c)) : l.sw, u.height = s ? Math.max(2, Math.round(n.height * c)) : l.sh, u.setAttribute("aria-hidden", "true"), u.style.cssText = fd, e.body.append(u);
 		let d = u.getContext("2d", { alpha: !1 });
 		if (!d) throw u.remove(), Error("Screen recording requires a 2D canvas.");
 		let f = {
@@ -7351,32 +7388,32 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			cropTarget: s ? r : null,
 			regionLocked: s
 		};
-		return Ad(f, n, pd(t)), f;
+		return jd(f, n, md(t)), f;
 	} catch (e) {
 		throw o.pause(), o.srcObject = null, o.remove(), i.getTracks().forEach((e) => e.stop()), e;
 	}
-}, Ad = (e, t, n) => {
+}, jd = (e, t, n) => {
 	let { source: r, canvas: i, context: a, regionLocked: o } = e;
 	if (r.videoWidth <= 0 || r.videoHeight <= 0) return;
 	if (o) {
 		a.drawImage(r, 0, 0, i.width, i.height);
 		return;
 	}
-	let s = md(t, r.videoWidth, r.videoHeight, n), c = s.dx <= .001 && s.dy <= .001 && s.dw >= .999 && s.dh >= .999, l = c ? 0 : s.dx * i.width, u = c ? 0 : s.dy * i.height, d = c ? i.width : s.dw * i.width, f = c ? i.height : s.dh * i.height;
+	let s = hd(t, r.videoWidth, r.videoHeight, n), c = s.dx <= .001 && s.dy <= .001 && s.dw >= .999 && s.dh >= .999, l = c ? 0 : s.dx * i.width, u = c ? 0 : s.dy * i.height, d = c ? i.width : s.dw * i.width, f = c ? i.height : s.dh * i.height;
 	c || (a.fillStyle = "#000", a.fillRect(0, 0, i.width, i.height)), !(d < 1 || f < 1 || s.dw <= 0 || s.dh <= 0) && a.drawImage(r, s.sx, s.sy, s.sw, s.sh, l, u, d, f);
-}, jd = (e) => {
+}, Md = (e) => {
 	e.source.pause(), e.source.srcObject = null, e.stream.getTracks().forEach((e) => e.stop()), e.cropTarget?.remove(), e.canvas.remove(), e.source.remove();
-}, Md = {
+}, Nd = {
 	webm: "video/webm",
 	mp4: "video/mp4"
-}, Nd = ["vp9", "vp8"], Pd = ["avc"], Fd = (e) => new c(e), Id = (e, t) => Number.isFinite(e) && e > 0 ? e : t, Ld = (e, t, n) => {
-	let r = Math.max(2, Math.round(Id(e, 2))), i = Math.max(2, Math.round(Id(t, 2)));
+}, Pd = ["vp9", "vp8"], Fd = ["avc"], Id = (e) => new c(e), Ld = (e, t) => Number.isFinite(e) && e > 0 ? e : t, Rd = (e, t, n) => {
+	let r = Math.max(2, Math.round(Ld(e, 2))), i = Math.max(2, Math.round(Ld(t, 2)));
 	return n === "mp4" && (r % 2 != 0 && (r += 1), i % 2 != 0 && (i += 1)), {
 		width: r,
 		height: i
 	};
-}, Rd = (e, t = {}) => {
-	let n = Math.max(.001, Id(e.duration, .001)), r = Math.min(n, Math.max(0, Number.isFinite(t.startTime) ? t.startTime ?? 0 : 0)), i = Number.isFinite(t.endTime) ? t.endTime ?? n : n, a = Math.min(n, Math.max(r + .001, i));
+}, zd = (e, t = {}) => {
+	let n = Math.max(.001, Ld(e.duration, .001)), r = Math.min(n, Math.max(0, Number.isFinite(t.startTime) ? t.startTime ?? 0 : 0)), i = Number.isFinite(t.endTime) ? t.endTime ?? n : n, a = Math.min(n, Math.max(r + .001, i));
 	return {
 		format: t.format ?? "webm",
 		startTime: r,
@@ -7384,33 +7421,33 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		scale: t.scale ?? 1,
 		quality: t.quality ?? "medium"
 	};
-}, zd = (e) => e === "webm" ? Nd : Pd, Bd = async (e, t, n, r, i = "medium") => {
-	let a = Ld(t, n, e), o = Fd(i);
-	for (let t of zd(e)) if (await u(t, {
+}, Bd = (e) => e === "webm" ? Pd : Fd, Vd = async (e, t, n, r, i = "medium") => {
+	let a = Rd(t, n, e), o = Id(i);
+	for (let t of Bd(e)) if (await u(t, {
 		width: a.width,
 		height: a.height,
 		frameRate: r,
 		quality: o
 	})) return t;
 	return null;
-}, Vd = async (e, t, n = 30) => {
+}, Hd = async (e, t, n = 30) => {
 	let r = [];
-	return await Bd("webm", e, t, n) && r.push("webm"), await Bd("mp4", e, t, n) && r.push("mp4"), r;
-}, Hd = (e) => e === "webm" ? new l() : new o(), Ud = async (e, t = {}) => {
-	let i = t.format ?? "webm", a = Math.max(1, Math.min(120, Math.round(t.frameRate ?? 30))), o = t.quality ?? "medium", c = e.width, l = e.height, u = await Bd(i, c, l, a, o);
+	return await Vd("webm", e, t, n) && r.push("webm"), await Vd("mp4", e, t, n) && r.push("mp4"), r;
+}, Ud = (e) => e === "webm" ? new l() : new o(), Wd = async (e, t = {}) => {
+	let i = t.format ?? "webm", a = Math.max(1, Math.min(120, Math.round(t.frameRate ?? 30))), o = t.quality ?? "medium", c = e.width, l = e.height, u = await Vd(i, c, l, a, o);
 	if (!u) throw Error(`MediaBunny cannot encode ${i.toUpperCase()} at ${c}×${l} in this runtime.`);
 	let d = new n(), f = new s({
-		format: Hd(i),
+		format: Ud(i),
 		target: d
 	}), p = new r(e, {
 		codec: u,
-		quality: Fd(o)
+		quality: Id(o)
 	});
 	f.addVideoTrack(p, { frameRate: a }), await f.start();
 	let m = !1, h = -1;
 	return {
 		format: i,
-		mimeType: Md[i],
+		mimeType: Nd[i],
 		codec: u,
 		async addFrame(e, t = 1 / a) {
 			if (m) throw Error("Recording session is already closed.");
@@ -7422,7 +7459,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		finalize: async () => {
 			if (m) throw Error("Recording session is already closed.");
 			if (m = !0, p.close(), await f.finalize(), !d.buffer || d.buffer.byteLength === 0) throw Error("MediaBunny produced an empty recording.");
-			return new Blob([d.buffer], { type: Md[i] });
+			return new Blob([d.buffer], { type: Nd[i] });
 		},
 		async cancel() {
 			if (!m) {
@@ -7433,7 +7470,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			}
 		}
 	};
-}, Wd = async (n) => {
+}, Gd = async (n) => {
 	let r = new a({
 		source: new t(n),
 		formats: e
@@ -7455,14 +7492,14 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 	} finally {
 		r.dispose();
 	}
-}, Gd = async (r, o = {}) => {
-	let c = await Wd(r), l = Rd(c, o), u = Ld(c.width * l.scale, c.height * l.scale, l.format), d = await Bd(l.format, u.width, u.height, 30, l.quality);
+}, Kd = async (r, o = {}) => {
+	let c = await Gd(r), l = zd(c, o), u = Rd(c.width * l.scale, c.height * l.scale, l.format), d = await Vd(l.format, u.width, u.height, 30, l.quality);
 	if (!d) throw Error(`MediaBunny cannot export ${l.format.toUpperCase()} in this runtime.`);
 	let f = new a({
 		source: new t(r),
 		formats: e
 	}), p = new n(), m = new s({
-		format: Hd(l.format),
+		format: Ud(l.format),
 		target: p
 	});
 	try {
@@ -7478,14 +7515,14 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 				width: u.width,
 				height: u.height,
 				fit: "fill",
-				quality: Fd(l.quality),
+				quality: Id(l.quality),
 				forceTranscode: !0
 			},
 			audio: { discard: !0 }
 		});
 		if (!e.isValid) throw Error(`MediaBunny cannot convert this recording to ${l.format.toUpperCase()}.`);
 		if (await e.execute(), !p.buffer || p.buffer.byteLength === 0) throw Error("MediaBunny produced an empty export.");
-		let t = new Blob([p.buffer], { type: Md[l.format] }), n = await Wd(t);
+		let t = new Blob([p.buffer], { type: Nd[l.format] }), n = await Gd(t);
 		return {
 			blob: t,
 			format: l.format,
@@ -7496,11 +7533,11 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 	} finally {
 		f.dispose();
 	}
-}, Kd = (e, t = /* @__PURE__ */ new Date()) => `mesurer-recording-${t.toISOString().replace(/[:.]/g, "-")}.${e}`, qd = 10, Jd = (e, t) => {
+}, qd = (e, t = /* @__PURE__ */ new Date()) => `mesurer-recording-${t.toISOString().replace(/[:.]/g, "-")}.${e}`, Jd = 10, Yd = (e, t) => {
 	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
-}, Yd = (e, t, n) => {
+}, Xd = (e, t, n) => {
 	let r = e.createElement("button");
-	return r.type = "button", r.setAttribute("aria-label", t), r.title = t, r.textContent = n, Jd(r, {
+	return r.type = "button", r.setAttribute("aria-label", t), r.title = t, r.textContent = n, Yd(r, {
 		display: "inline-flex",
 		width: "20px",
 		height: "20px",
@@ -7516,9 +7553,9 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		"line-height": "1",
 		cursor: "pointer"
 	}), r;
-}, Xd = (e, t) => {
+}, Zd = (e, t) => {
 	let n = e.createElement("button");
-	n.type = "button", n.setAttribute("role", "menuitemradio"), Jd(n, {
+	n.type = "button", n.setAttribute("role", "menuitemradio"), Yd(n, {
 		display: "grid",
 		width: "100%",
 		height: "28px",
@@ -7543,9 +7580,9 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		check: r,
 		text: i
 	};
-}, Zd = ({ ownerDocument: e, root: t }) => {
+}, Qd = ({ ownerDocument: e, root: t }) => {
 	let n = e.createElement("section");
-	n.dataset.mesurerRecordingPreview = "true", n.dataset.mesurerInspectorUi = "true", n.setAttribute("role", "dialog"), n.setAttribute("aria-label", "Screen recording editor"), n.tabIndex = 0, Jd(n, {
+	n.dataset.mesurerRecordingPreview = "true", n.dataset.mesurerInspectorUi = "true", n.setAttribute("role", "dialog"), n.setAttribute("aria-label", "Screen recording editor"), n.tabIndex = 0, Yd(n, {
 		position: "fixed",
 		display: "none",
 		width: "352px",
@@ -7566,7 +7603,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		transition: "width 200ms ease"
 	}), t.append(n);
 	let r = e.createElement("div");
-	Jd(r, {
+	Yd(r, {
 		position: "relative",
 		display: "flex",
 		width: "100%",
@@ -7581,7 +7618,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		cursor: "default"
 	}), n.append(r);
 	let i = e.createElement("video");
-	i.muted = !0, i.playsInline = !0, i.preload = "auto", Jd(i, {
+	i.muted = !0, i.playsInline = !0, i.preload = "auto", Yd(i, {
 		display: "block",
 		width: "100%",
 		height: "100%",
@@ -7591,7 +7628,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		transition: "max-height 200ms ease"
 	}), r.append(i);
 	let a = e.createElement("div");
-	a.dataset.mesurerRecordingExporting = "true", a.textContent = "Exporting…", Jd(a, {
+	a.dataset.mesurerRecordingExporting = "true", a.textContent = "Exporting…", Yd(a, {
 		position: "absolute",
 		inset: "0",
 		display: "none",
@@ -7603,8 +7640,8 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		"font-size": "11px",
 		"pointer-events": "none"
 	}), r.append(a);
-	let o = Yd(e, "Close", "×");
-	o.dataset.mesurerRecordingDiscard = "true", Jd(o, {
+	let o = Xd(e, "Close", "×");
+	o.dataset.mesurerRecordingDiscard = "true", Yd(o, {
 		position: "absolute",
 		top: "6px",
 		right: "6px",
@@ -7626,17 +7663,17 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		o.style.opacity = "0", o.style.pointerEvents = "none";
 	});
 	let s = e.createElement("div");
-	Jd(s, {
+	Yd(s, {
 		display: "flex",
 		height: "28px",
 		"align-items": "center",
 		gap: "8px",
 		"margin-top": "8px"
 	}), n.append(s);
-	let c = Yd(e, "Play", "▶");
+	let c = Xd(e, "Play", "▶");
 	c.dataset.mesurerRecordingPlay = "true", s.append(c);
 	let l = e.createElement("span");
-	l.dataset.mesurerRecordingCurrentTime = "true", l.textContent = "0:00.00", Jd(l, {
+	l.dataset.mesurerRecordingCurrentTime = "true", l.textContent = "0:00.00", Yd(l, {
 		display: "flex",
 		width: "8ch",
 		"min-width": "8ch",
@@ -7650,7 +7687,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		"white-space": "nowrap"
 	}), s.append(l);
 	let u = e.createElement("div");
-	u.dataset.mesurerRecordingTimeline = "true", Jd(u, {
+	u.dataset.mesurerRecordingTimeline = "true", Yd(u, {
 		position: "relative",
 		height: "28px",
 		"min-width": "0",
@@ -7659,15 +7696,15 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		"user-select": "none"
 	}), s.append(u);
 	let d = e.createElement("div");
-	d.dataset.mesurerRecordingTimelineTrack = "true", Jd(d, {
+	d.dataset.mesurerRecordingTimelineTrack = "true", Yd(d, {
 		position: "absolute",
-		left: `${qd}px`,
-		right: `${qd}px`,
+		left: `${Jd}px`,
+		right: `${Jd}px`,
 		top: "0",
 		bottom: "0"
 	}), u.append(d);
 	let f = e.createElement("div");
-	f.dataset.mesurerRecordingTimelineRail = "true", Jd(f, {
+	f.dataset.mesurerRecordingTimelineRail = "true", Yd(f, {
 		position: "absolute",
 		left: "0",
 		right: "0",
@@ -7679,7 +7716,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		"pointer-events": "none"
 	}), d.append(f);
 	let p = e.createElement("div");
-	p.dataset.mesurerRecordingTimelineClip = "true", Jd(p, {
+	p.dataset.mesurerRecordingTimelineClip = "true", Yd(p, {
 		position: "absolute",
 		top: "21px",
 		height: "3px",
@@ -7689,7 +7726,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		"pointer-events": "none"
 	}), d.append(p);
 	let m = e.createElement("div");
-	Jd(m, {
+	Yd(m, {
 		position: "absolute",
 		display: "none",
 		top: "21px",
@@ -7702,7 +7739,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		"pointer-events": "none"
 	}), d.append(m);
 	let h = e.createElement("div");
-	h.dataset.mesurerRecordingPlayhead = "true", Jd(h, {
+	h.dataset.mesurerRecordingPlayhead = "true", Yd(h, {
 		position: "absolute",
 		top: "21px",
 		left: "0",
@@ -7717,7 +7754,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 	}), d.append(h);
 	let g = (t, n) => {
 		let r = e.createElement("button");
-		r.type = "button", r.dataset.mesurerRecordingTrimHandle = t, r.setAttribute("role", "slider"), r.setAttribute("aria-label", n), r.setAttribute("aria-valuemin", "0"), Jd(r, {
+		r.type = "button", r.dataset.mesurerRecordingTrimHandle = t, r.setAttribute("role", "slider"), r.setAttribute("aria-label", n), r.setAttribute("aria-valuemin", "0"), Yd(r, {
 			position: "absolute",
 			top: "0",
 			display: "flex",
@@ -7740,7 +7777,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		let a = e.createElementNS("http://www.w3.org/2000/svg", "path");
 		a.setAttribute("d", t === "start" ? "M3.5 2.5L8.5 7L3.5 11.5" : "M8.5 2.5L3.5 7L8.5 11.5"), a.setAttribute("fill", "none"), a.setAttribute("stroke", "currentColor"), a.setAttribute("stroke-width", "2"), a.setAttribute("stroke-linecap", "round"), a.setAttribute("stroke-linejoin", "round"), i.append(a), r.append(i);
 		let o = e.createElement("span");
-		return o.setAttribute("aria-hidden", "true"), Jd(o, {
+		return o.setAttribute("aria-hidden", "true"), Yd(o, {
 			position: "absolute",
 			left: "50%",
 			top: "15px",
@@ -7751,7 +7788,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			"pointer-events": "none"
 		}), r.append(o), d.append(r), r;
 	}, _ = g("start", "Trim start"), v = g("end", "Trim end"), y = e.createElement("span");
-	y.dataset.mesurerRecordingDuration = "true", Jd(y, {
+	y.dataset.mesurerRecordingDuration = "true", Yd(y, {
 		display: "flex",
 		width: "8ch",
 		"min-width": "8ch",
@@ -7766,20 +7803,20 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		"white-space": "nowrap"
 	}), s.append(y);
 	let b = e.createElement("div");
-	Jd(b, {
+	Yd(b, {
 		position: "relative",
 		display: "flex",
 		height: "20px",
 		"align-items": "center"
 	}), s.append(b);
-	let x = Yd(e, "Export options", "1×");
-	x.dataset.mesurerRecordingExportOptions = "true", x.setAttribute("aria-haspopup", "menu"), x.setAttribute("aria-expanded", "false"), Jd(x, {
+	let x = Xd(e, "Export options", "1×");
+	x.dataset.mesurerRecordingExportOptions = "true", x.setAttribute("aria-haspopup", "menu"), x.setAttribute("aria-expanded", "false"), Yd(x, {
 		width: "28px",
 		"font-family": "ui-monospace, SFMono-Regular, Menlo, monospace",
 		"font-size": "10px"
 	}), b.append(x);
 	let S = e.createElement("div");
-	S.dataset.mesurerRecordingExportMenu = "true", S.setAttribute("role", "menu"), Jd(S, {
+	S.dataset.mesurerRecordingExportMenu = "true", S.setAttribute("role", "menu"), Yd(S, {
 		position: "absolute",
 		display: "none",
 		right: "0",
@@ -7795,7 +7832,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		"pointer-events": "auto"
 	}), b.append(S);
 	let C = e.createElement("p");
-	C.textContent = "Format", Jd(C, {
+	C.textContent = "Format", Yd(C, {
 		margin: "0",
 		padding: "4px 8px",
 		color: "var(--msr-color-ink-500, #64748b)",
@@ -7805,7 +7842,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 	let w = e.createElement("div");
 	S.append(w);
 	let T = e.createElement("p");
-	T.textContent = "Size", Jd(T, {
+	T.textContent = "Size", Yd(T, {
 		margin: "0",
 		padding: "6px 8px 4px",
 		color: "var(--msr-color-ink-500, #64748b)",
@@ -7819,17 +7856,17 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		2,
 		3
 	].map((t) => {
-		let n = Xd(e, `${t}×`);
+		let n = Zd(e, `${t}×`);
 		return n.button.dataset.mesurerRecordingScale = String(t), E.append(n.button), {
 			scale: t,
 			...n
 		};
-	}), O = Yd(e, "Download", "↓");
+	}), O = Xd(e, "Download", "↓");
 	O.dataset.mesurerRecordingExport = "true", s.append(O);
-	let k = Yd(e, "Grow preview", "↗");
+	let k = Xd(e, "Grow preview", "↗");
 	k.dataset.mesurerRecordingExpand = "true", s.append(k);
 	let A = e.createElement("p");
-	return A.dataset.mesurerRecordingPreviewStatus = "true", A.setAttribute("role", "status"), Jd(A, {
+	return A.dataset.mesurerRecordingPreviewStatus = "true", A.setAttribute("role", "status"), Yd(A, {
 		display: "none",
 		margin: "8px 0 0",
 		color: "var(--msr-color-ink-500, #64748b)",
@@ -7860,14 +7897,14 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		expand: k,
 		status: A
 	};
-}, Qd = 8, $d = 8, ef = .05, tf = 200, nf = (e) => {
+}, $d = 8, ef = 8, tf = .05, nf = 200, rf = (e) => {
 	let t = Number.isFinite(e) ? Math.max(0, e) : 0, n = Math.floor(t / 60);
 	return `${n}:${(t - n * 60).toFixed(2).padStart(5, "0")}`;
-}, rf = (e, t, n, r) => {
+}, af = (e, t, n, r) => {
 	let i = globalThis.URL.createObjectURL(e), a = n.createElement("a");
 	a.href = i, a.download = t, a.rel = "noopener", n.documentElement.append(a), a.click(), a.remove(), r.setTimeout(() => globalThis.URL.revokeObjectURL(i), 1e3);
-}, af = ({ ownerDocument: e, ownerWindow: t, root: n, formats: r, onDiscard: i, onExport: a }) => {
-	let { panel: o, previewShell: s, video: c, exportingOverlay: l, close: u, play: d, currentTime: f, timeline: p, track: m, clip: h, hoverMarker: g, playhead: _, trimStart: v, trimEnd: y, durationLabel: b, exportAnchor: x, exportOptions: S, exportMenu: C, formatRows: w, scaleRows: T, download: E, expand: D, status: O } = Zd({
+}, of = ({ ownerDocument: e, ownerWindow: t, root: n, formats: r, onDiscard: i, onExport: a }) => {
+	let { panel: o, previewShell: s, video: c, exportingOverlay: l, close: u, play: d, currentTime: f, timeline: p, track: m, clip: h, hoverMarker: g, playhead: _, trimStart: v, trimEnd: y, durationLabel: b, exportAnchor: x, exportOptions: S, exportMenu: C, formatRows: w, scaleRows: T, download: E, expand: D, status: O } = Qd({
 		ownerDocument: e,
 		root: n
 	}), k = null, A = null, j = !1, M = !1, N = 0, P = ["webm"], F = "webm", I = 1, L = 0, R = 0, z = null, B = null, V = null, H = (e) => {
@@ -7881,15 +7918,15 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		return t <= 0 || n.width <= 0 ? 0 : Math.min(t, Math.max(0, (e - n.left) / n.width * t));
 	}, W = () => {
 		let e = k?.duration ?? 0, t = Math.min(e, Math.max(0, c.currentTime || 0)), n = H(L) * 100, r = H(R) * 100;
-		v.style.left = `${n}%`, y.style.left = `${r}%`, h.style.left = `${n}%`, h.style.width = `${Math.max(0, r - n)}%`, _.style.left = `${H(t) * 100}%`, v.setAttribute("aria-valuemax", String(Math.max(0, R - ef))), v.setAttribute("aria-valuenow", String(L)), v.setAttribute("aria-valuetext", nf(L)), y.setAttribute("aria-valuemin", String(Math.min(e, L + ef))), y.setAttribute("aria-valuemax", String(e)), y.setAttribute("aria-valuenow", String(R)), y.setAttribute("aria-valuetext", nf(R)), f.textContent = nf(t), b.textContent = nf(e);
+		v.style.left = `${n}%`, y.style.left = `${r}%`, h.style.left = `${n}%`, h.style.width = `${Math.max(0, r - n)}%`, _.style.left = `${H(t) * 100}%`, v.setAttribute("aria-valuemax", String(Math.max(0, R - tf))), v.setAttribute("aria-valuenow", String(L)), v.setAttribute("aria-valuetext", rf(L)), y.setAttribute("aria-valuemin", String(Math.min(e, L + tf))), y.setAttribute("aria-valuemax", String(e)), y.setAttribute("aria-valuenow", String(R)), y.setAttribute("aria-valuetext", rf(R)), f.textContent = rf(t), b.textContent = rf(e);
 	}, te = (e, t = !0) => {
 		if (!k) return;
 		let n = Math.min(R, Math.max(L, e));
 		t && !c.paused && c.pause(), c.currentTime = n, W();
 	}, ne = (e, t = !1) => {
-		k && (L = Math.min(Math.max(0, e), Math.max(0, R - ef)), (t || c.currentTime < L) && te(L), W());
+		k && (L = Math.min(Math.max(0, e), Math.max(0, R - tf)), (t || c.currentTime < L) && te(L), W());
 	}, G = (e, t = !1) => {
-		k && (R = Math.max(Math.min(k.duration, e), Math.min(k.duration, L + ef)), t ? te(R) : c.currentTime > R && te(L), W());
+		k && (R = Math.max(Math.min(k.duration, e), Math.min(k.duration, L + tf)), t ? te(R) : c.currentTime > R && te(L), W());
 	}, re = () => {
 		S.textContent = `${I}×`;
 		for (let e of T) {
@@ -7899,14 +7936,14 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 	}, K = () => {
 		w.replaceChildren();
 		for (let t of P) {
-			let n = Xd(e, t === "mp4" ? "MP4" : "WebM"), r = t === F;
+			let n = Zd(e, t === "mp4" ? "MP4" : "WebM"), r = t === F;
 			n.button.dataset.mesurerRecordingFormat = t, n.button.setAttribute("aria-checked", r ? "true" : "false"), n.check.style.opacity = r ? "1" : "0", n.button.addEventListener("click", () => {
 				F = t, K();
 			}), w.append(n.button);
 		}
 	}, ie = () => {
 		if (C.style.display === "none") return;
-		let e = x.getBoundingClientRect(), n = Math.max(1, C.offsetHeight), r = e.top - Qd, i = t.innerHeight - e.bottom - Qd;
+		let e = x.getBoundingClientRect(), n = Math.max(1, C.offsetHeight), r = e.top - $d, i = t.innerHeight - e.bottom - $d;
 		r >= n || r >= i ? (C.style.top = "auto", C.style.bottom = "24px") : (C.style.top = "24px", C.style.bottom = "auto");
 	}, ae = (e) => {
 		C.style.display = e ? "block" : "none", S.setAttribute("aria-expanded", e ? "true" : "false"), e && ie();
@@ -7924,8 +7961,8 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		]) t.toggleAttribute("disabled", e);
 	}, se = () => n.closest("[data-mesurer-root='true']")?.querySelector("[data-mesurer-tool-id='recording']") ?? e.querySelector("[data-mesurer-tool-id='recording']"), ce = () => {
 		if (o.style.display === "none") return;
-		let e = Math.min(j ? 576 : 352, Math.max(1, t.innerWidth - 16)), n = Math.max(180, o.offsetHeight), r = se()?.getBoundingClientRect(), i = r ? r.left + r.width / 2 : t.innerWidth - Qd - e / 2, a = Qd + e / 2, s = Math.max(a, t.innerWidth - Qd - e / 2), c = Math.min(Math.max(a, i), s), l = r ? r.bottom + $d : Qd;
-		l + n > t.innerHeight - Qd && (l = r ? r.top - n - $d : t.innerHeight - n - Qd), o.style.left = `${c}px`, o.style.top = `${Math.max(Qd, l)}px`, C.style.display !== "none" && ie();
+		let e = Math.min(j ? 576 : 352, Math.max(1, t.innerWidth - 16)), n = Math.max(180, o.offsetHeight), r = se()?.getBoundingClientRect(), i = r ? r.left + r.width / 2 : t.innerWidth - $d - e / 2, a = $d + e / 2, s = Math.max(a, t.innerWidth - $d - e / 2), c = Math.min(Math.max(a, i), s), l = r ? r.bottom + ef : $d;
+		l + n > t.innerHeight - $d && (l = r ? r.top - n - ef : t.innerHeight - n - $d), o.style.left = `${c}px`, o.style.top = `${Math.max($d, l)}px`, C.style.display !== "none" && ie();
 	}, q = () => {
 		c.pause(), c.removeAttribute("src"), c.load(), A &&= (globalThis.URL.revokeObjectURL(A), null);
 	}, le = () => {
@@ -7941,7 +7978,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			transform: "scale(0.08)",
 			opacity: 0
 		}], {
-			duration: tf,
+			duration: nf,
 			easing: "ease",
 			fill: "forwards"
 		});
@@ -8016,7 +8053,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			endTime: i,
 			scale: I
 		}).then((r) => {
-			n === N && rf(r.blob, r.filename, e, t);
+			n === N && af(r.blob, r.filename, e, t);
 		}).catch((e) => {
 			n === N && (O.style.display = "block", O.style.color = "var(--msr-danger-text, #dc2626)", O.textContent = e instanceof Error ? e.message : "Could not export the recording.");
 		}).finally(() => {
@@ -8038,7 +8075,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		show(e) {
 			N += 1, V &&= (V.cancel(), null), o.style.pointerEvents = "auto", o.style.opacity = "1", o.style.transform = "translateX(-50%)", o.style.removeProperty("transform-origin"), o.style.removeProperty("will-change"), q(), k = e, j = !1, I = 1, F = "webm", P = ["webm"], L = 0, R = e.duration, z = null, B = null;
 			let n = globalThis.URL.createObjectURL(e.blob);
-			A = n, c.src = n, c.currentTime = 0, s.style.aspectRatio = e.width > 0 && e.height > 0 ? `${e.width} / ${e.height}` : "16 / 9", o.style.width = "352px", s.style.maxHeight = "144px", c.style.maxHeight = "144px", D.textContent = "↗", D.setAttribute("aria-label", "Grow preview"), D.title = "Grow preview", f.textContent = "0:00.00", b.textContent = nf(e.duration), O.style.display = "none", O.style.color = "var(--msr-color-ink-500, #64748b)", ae(!1), K(), re(), W(), oe(!1), o.style.display = "block", ce(), o.focus({ preventScroll: !0 });
+			A = n, c.src = n, c.currentTime = 0, s.style.aspectRatio = e.width > 0 && e.height > 0 ? `${e.width} / ${e.height}` : "16 / 9", o.style.width = "352px", s.style.maxHeight = "144px", c.style.maxHeight = "144px", D.textContent = "↗", D.setAttribute("aria-label", "Grow preview"), D.title = "Grow preview", f.textContent = "0:00.00", b.textContent = rf(e.duration), O.style.display = "none", O.style.color = "var(--msr-color-ink-500, #64748b)", ae(!1), K(), re(), W(), oe(!1), o.style.display = "block", ce(), o.focus({ preventScroll: !0 });
 			let i = N;
 			r(e).then((e) => {
 				i !== N || !k || (P = e, F = e.includes(F) ? F : e[0] ?? "webm", K(), E.disabled = e.length === 0, e.length === 0 && (O.style.display = "block", O.style.color = "var(--msr-danger-text, #dc2626)", O.textContent = "No MediaBunny video encoder is available in this runtime."));
@@ -8051,11 +8088,11 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			le(), t.removeEventListener("resize", ve), t.removeEventListener("pointermove", he, !0), t.removeEventListener("pointerup", ge, !0), t.removeEventListener("pointercancel", ge, !0), e.removeEventListener("pointerdown", _e, !0), o.remove();
 		}
 	};
-}, of = 3e3, sf = (e, t) => {
+}, sf = 3e3, cf = (e, t) => {
 	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
-}, cf = ({ ownerDocument: e, ownerWindow: t, root: n, statusRoot: r, rendererRoot: i, isSelecting: a, isRecording: o, onRectChange: s, onConfirm: c, onCancel: l, onStop: u, setRecordingInteractionActive: d }) => {
+}, lf = ({ ownerDocument: e, ownerWindow: t, root: n, statusRoot: r, rendererRoot: i, isSelecting: a, isRecording: o, onRectChange: s, onConfirm: c, onCancel: l, onStop: u, setRecordingInteractionActive: d }) => {
 	let f = e.createElement("div");
-	f.dataset.mesurerRecordingSelect = "true", f.dataset.mesurerInspectorUi = "true", f.setAttribute("role", "application"), f.setAttribute("aria-label", "Recording selection"), sf(f, {
+	f.dataset.mesurerRecordingSelect = "true", f.dataset.mesurerInspectorUi = "true", f.setAttribute("role", "application"), f.setAttribute("aria-label", "Recording selection"), cf(f, {
 		position: "fixed",
 		inset: "0",
 		display: "none",
@@ -8067,13 +8104,13 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 	}), n.append(f);
 	let p = Array.from({ length: 4 }, () => {
 		let t = e.createElement("div");
-		return t.dataset.mesurerRecordingShade = "true", sf(t, {
+		return t.dataset.mesurerRecordingShade = "true", cf(t, {
 			position: "fixed",
 			background: "rgb(0 0 0 / 40%)",
 			"pointer-events": "none"
 		}), f.append(t), t;
 	}), m = e.createElement("div");
-	m.dataset.mesurerRecordingMask = "true", sf(m, {
+	m.dataset.mesurerRecordingMask = "true", cf(m, {
 		position: "fixed",
 		display: "none",
 		background: "transparent",
@@ -8083,7 +8120,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		"pointer-events": "none"
 	}), f.append(m);
 	let h = e.createElement("div");
-	h.dataset.mesurerRecordingSelection = "true", sf(h, {
+	h.dataset.mesurerRecordingSelection = "true", cf(h, {
 		position: "fixed",
 		display: "none",
 		border: "1px solid var(--msr-accent, #0d99ff)",
@@ -8091,7 +8128,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		"pointer-events": "none"
 	}), f.append(h);
 	let g = e.createElement("div");
-	sf(g, {
+	cf(g, {
 		position: "fixed",
 		display: "none",
 		transform: "translateX(-50%)",
@@ -8104,7 +8141,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		"pointer-events": "none"
 	}), f.append(g);
 	let _ = e.createElement("div");
-	_.textContent = "Drag a region to record · Esc to cancel", sf(_, {
+	_.textContent = "Drag a region to record · Esc to cancel", cf(_, {
 		position: "fixed",
 		left: "50%",
 		bottom: "16px",
@@ -8117,7 +8154,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		"pointer-events": "none"
 	}), f.append(_);
 	let v = e.createElement("div");
-	v.dataset.mesurerRecordingRegion = "true", v.dataset.mesurerInspectorUi = "true", v.setAttribute("role", "dialog"), v.setAttribute("aria-label", "Recording region"), sf(v, {
+	v.dataset.mesurerRecordingRegion = "true", v.dataset.mesurerInspectorUi = "true", v.setAttribute("role", "dialog"), v.setAttribute("aria-label", "Recording region"), cf(v, {
 		position: "fixed",
 		display: "none",
 		width: "220px",
@@ -8135,7 +8172,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 	}), f.append(v);
 	let y = (t) => {
 		let n = e.createElement("label");
-		sf(n, {
+		cf(n, {
 			display: "grid",
 			"grid-template-columns": "44px minmax(0,1fr)",
 			"align-items": "center",
@@ -8144,7 +8181,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		let r = e.createElement("span");
 		r.textContent = t, r.style.color = "var(--msr-color-ink-500, #64748b)", n.append(r);
 		let i = e.createElement("div");
-		return sf(i, {
+		return cf(i, {
 			display: "flex",
 			"align-items": "center",
 			gap: "4px",
@@ -8152,7 +8189,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		}), n.append(i), v.append(n), i;
 	}, b = (t) => {
 		let n = e.createElement("input");
-		return n.type = "number", n.setAttribute("aria-label", t), n.step = "1", sf(n, {
+		return n.type = "number", n.setAttribute("aria-label", t), n.step = "1", cf(n, {
 			width: "0",
 			"min-width": "0",
 			flex: "1 1 0",
@@ -8179,7 +8216,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 	let k = e.createElement("span");
 	k.textContent = "px", k.style.color = "var(--msr-color-ink-500, #64748b)", E.append(k);
 	let A = e.createElement("button");
-	A.type = "button", A.dataset.mesurerRecordingStart = "true", A.textContent = "●  Start recording", sf(A, {
+	A.type = "button", A.dataset.mesurerRecordingStart = "true", A.textContent = "●  Start recording", cf(A, {
 		width: "100%",
 		height: "28px",
 		"margin-top": "8px",
@@ -8193,7 +8230,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		cursor: "pointer"
 	}), v.append(A);
 	let j = e.createElement("div");
-	j.dataset.mesurerRecordingGrid = "true", sf(j, {
+	j.dataset.mesurerRecordingGrid = "true", cf(j, {
 		position: "absolute",
 		inset: "0",
 		display: "none",
@@ -8201,7 +8238,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 	}), h.append(j);
 	let M = (t) => {
 		let n = e.createElement("div");
-		sf(n, {
+		cf(n, {
 			position: "absolute",
 			opacity: "0.3",
 			...t
@@ -8263,7 +8300,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		}
 	}).map(([t, n]) => {
 		let r = e.createElement("button");
-		return r.type = "button", r.dataset.mesurerRecordingResize = t, r.setAttribute("aria-label", `Resize ${t}`), sf(r, {
+		return r.type = "button", r.dataset.mesurerRecordingResize = t, r.setAttribute("aria-label", `Resize ${t}`), cf(r, {
 			position: "absolute",
 			display: "none",
 			left: n.left,
@@ -8280,7 +8317,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			"pointer-events": "auto"
 		}), h.append(r), r;
 	}), P = e.createElement("section");
-	P.dataset.mesurerRecordingStatus = "true", P.dataset.mesurerInspectorUi = "true", P.setAttribute("aria-label", "Screen recording"), sf(P, {
+	P.dataset.mesurerRecordingStatus = "true", P.dataset.mesurerInspectorUi = "true", P.setAttribute("aria-label", "Screen recording"), cf(P, {
 		position: "fixed",
 		display: "none",
 		height: "34px",
@@ -8297,7 +8334,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		"pointer-events": "auto"
 	});
 	let F = e.createElement("span");
-	F.setAttribute("aria-hidden", "true"), sf(F, {
+	F.setAttribute("aria-hidden", "true"), cf(F, {
 		width: "6px",
 		height: "6px",
 		"border-radius": "999px",
@@ -8305,14 +8342,14 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		"flex-shrink": "0"
 	}), P.append(F);
 	let I = e.createElement("span");
-	I.dataset.mesurerRecordingTime = "true", I.textContent = "00:00", sf(I, {
+	I.dataset.mesurerRecordingTime = "true", I.textContent = "00:00", cf(I, {
 		color: "var(--msr-content, #18181b)",
 		"font-family": "ui-monospace, SFMono-Regular, Menlo, monospace",
 		"font-size": "11px",
 		"font-variant-numeric": "tabular-nums"
 	}), P.append(I);
 	let L = e.createElement("button");
-	L.type = "button", L.dataset.mesurerRecordingStop = "true", L.textContent = "Stop", L.setAttribute("aria-label", "Stop recording"), sf(L, {
+	L.type = "button", L.dataset.mesurerRecordingStop = "true", L.textContent = "Stop", L.setAttribute("aria-label", "Stop recording"), cf(L, {
 		height: "24px",
 		padding: "0 8px",
 		border: "0",
@@ -8325,7 +8362,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		cursor: "pointer"
 	}), P.append(L), r.append(P);
 	let R = e.createElement("div");
-	R.dataset.mesurerRecordingError = "true", R.dataset.mesurerInspectorUi = "true", R.setAttribute("role", "status"), sf(R, {
+	R.dataset.mesurerRecordingError = "true", R.dataset.mesurerInspectorUi = "true", R.setAttribute("role", "status"), cf(R, {
 		position: "fixed",
 		display: "none",
 		left: "8px",
@@ -8446,7 +8483,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		let n = e instanceof Error ? e.message : "Could not record this region.";
 		R.textContent = n, R.style.display = "block", ee = t.setTimeout(() => {
 			ee = 0, R.style.display = "none";
-		}, of);
+		}, sf);
 	}, q = (e, t, n) => {
 		let r = B;
 		!V || !r || e.button !== 0 || (e.preventDefault(), e.stopPropagation(), H = {
@@ -8576,7 +8613,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			f.removeEventListener("pointerdown", le), f.removeEventListener("pointermove", ue), f.removeEventListener("pointerup", de), f.removeEventListener("pointercancel", fe), t.removeEventListener("keydown", pe, !0), ee && t.clearTimeout(ee), ae();
 		}
 	};
-}, lf = (e) => {
+}, uf = (e) => {
 	let t = null, n = () => {
 		let e = t;
 		e && (t = null, e.pointerEvents || e.pointerEventsPriority ? e.element.style.setProperty("pointer-events", e.pointerEvents, e.pointerEventsPriority) : e.element.style.removeProperty("pointer-events"), e.cursor || e.cursorPriority ? e.element.style.setProperty("cursor", e.cursor, e.cursorPriority) : e.element.style.removeProperty("cursor"));
@@ -8595,19 +8632,19 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			cursorPriority: i.style.getPropertyPriority("cursor")
 		}), i.style.setProperty("pointer-events", "none", "important"), i.style.setProperty("cursor", "default", "important"));
 	} };
-}, uf = "mesurer.recording", df = "recording:v1", ff = "mesurer.recording.settings", pf = "runtime:solid", mf = "recording.toggle", hf = "recording.stop", gf = "recording.discard", _f = "recording.export", vf = 60, yf = 60, bf = {
+}, df = "mesurer.recording", ff = "recording:v1", pf = "mesurer.recording.settings", mf = "runtime:solid", hf = "recording.toggle", gf = "recording.stop", _f = "recording.discard", vf = "recording.export", yf = 60, bf = 60, xf = {
 	viewBox: "0 0 24 24",
 	paths: ["M7 5.75A3.25 3.25 0 0 0 3.75 9v6A3.25 3.25 0 0 0 7 18.25h7A3.25 3.25 0 0 0 17.25 15v-1.03l2.13 1.42a.75.75 0 0 0 1.17-.624V9.234a.75.75 0 0 0-1.17-.624l-2.13 1.42V9A3.25 3.25 0 0 0 14 5.75H7Zm10.25 6.082 1.8-1.2v2.736l-1.8-1.2v-.336Z", "M10.5 9.25a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 0 0 0-5.5Z"]
-}, xf = (e) => e ? { ...e } : null, Sf = (e) => ({
+}, Sf = (e) => e ? { ...e } : null, Cf = (e) => ({
 	...e,
-	rect: xf(e.rect)
-}), Cf = (e, t) => {
+	rect: Sf(e.rect)
+}), wf = (e, t) => {
 	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
-}, wf = (e) => e != null && !Array.isArray(e) && typeof e == "object", Tf = (e) => typeof e == "number" && Number.isFinite(e), Ef = (e) => {
-	if (!wf(e)) return {};
+}, Tf = (e) => e != null && !Array.isArray(e) && typeof e == "object", Ef = (e) => typeof e == "number" && Number.isFinite(e), Df = (e) => {
+	if (!Tf(e)) return {};
 	let t = {};
-	return (e.format === "webm" || e.format === "mp4") && (t.format = e.format), Tf(e.startTime) && (t.startTime = e.startTime), Tf(e.endTime) && (t.endTime = e.endTime), (e.scale === 1 || e.scale === 2 || e.scale === 3) && (t.scale = e.scale), t;
-}, Df = (e) => ({
+	return (e.format === "webm" || e.format === "mp4") && (t.format = e.format), Ef(e.startTime) && (t.startTime = e.startTime), Ef(e.endTime) && (t.endTime = e.endTime), (e.scale === 1 || e.scale === 2 || e.scale === 3) && (t.scale = e.scale), t;
+}, Of = (e) => ({
 	status: e.status,
 	elapsed: e.elapsed,
 	rect: e.rect ? { ...e.rect } : null,
@@ -8615,62 +8652,62 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 	width: e.width,
 	height: e.height,
 	error: e.error
-}), Of = (e) => ({
+}), kf = (e) => ({
 	filename: e.filename,
 	format: e.format,
 	duration: e.duration,
 	width: e.width,
 	height: e.height,
 	bytes: e.blob.size
-}), kf = (e) => ({
+}), Af = (e) => ({
 	format: e.format,
 	duration: e.duration,
 	width: e.width,
 	height: e.height,
 	bytes: e.blob.size,
 	createdAt: e.createdAt
-}), Af = (e, t, n) => {
+}), jf = (e, t, n) => {
 	let r = globalThis.URL.createObjectURL(e.blob), i = t.createElement("a");
 	i.href = r, i.download = e.filename, i.rel = "noopener", t.documentElement.append(i), i.click(), i.remove(), n.setTimeout(() => globalThis.URL.revokeObjectURL(r), 1e3);
-}, jf = (e = {}) => ba({
-	id: uf,
+}, Mf = (e = {}) => ba({
+	id: df,
 	version: "0.1.0",
-	requires: [pf],
-	provides: ["tool:recording", df],
+	requires: [mf],
+	provides: ["tool:recording", ff],
 	setup(t) {
-		let n = t.service.get(pf);
+		let n = t.service.get(mf);
 		if (!n) throw Error("Recording plugin requires the Solid renderer runtime.");
-		let { ownerDocument: r, ownerWindow: i } = n, a = n.createInspectorMount(), o = a.element, s = n.createInspectorMount(), c = s.element, l = n.rendererRoot ?? n.portalTarget.querySelector("[data-mesurer-root='true']"), u = lf(l);
-		o.dataset.mesurerRecording = "true", c.dataset.mesurerRecordingStatusRoot = "true", Cf(o, {
+		let { ownerDocument: r, ownerWindow: i } = n, a = n.createInspectorMount(), o = a.element, s = n.createInspectorMount(), c = s.element, l = n.rendererRoot ?? n.portalTarget.querySelector("[data-mesurer-root='true']"), u = uf(l);
+		o.dataset.mesurerRecording = "true", c.dataset.mesurerRecordingStatusRoot = "true", wf(o, {
 			position: "fixed",
 			inset: "0",
 			"z-index": "86",
 			"pointer-events": "none",
 			"font-family": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif"
-		}), Cf(c, {
+		}), wf(c, {
 			position: "fixed",
 			inset: "0",
 			"z-index": "96",
 			"pointer-events": "none",
 			"font-family": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif"
 		});
-		let d = Math.max(1, Math.min(600, e.maxDurationSeconds ?? yf)), f = e.quality ?? "medium";
+		let d = Math.max(1, Math.min(600, e.maxDurationSeconds ?? bf)), f = e.quality ?? "medium";
 		t.state.register({
-			id: ff,
+			id: pf,
 			initial: {
 				toolEnabled: e.toolEnabled ?? !0,
-				frameRate: e.frameRate ?? vf
+				frameRate: e.frameRate ?? yf
 			},
 			persist: !0
 		});
 		let p = () => {
-			let e = t.state.get(ff);
+			let e = t.state.get(pf);
 			return {
 				toolEnabled: e?.toolEnabled ?? !0,
 				frameRate: e?.frameRate === 120 ? 120 : 60
 			};
 		}, m = (e) => {
-			t.state.update(ff, (t) => {
+			t.state.update(pf, (t) => {
 				let n = { ...t };
 				return e.toolEnabled !== void 0 && (n.toolEnabled = e.toolEnabled), (e.frameRate === 60 || e.frameRate === 120) && (n.frameRate = e.frameRate), n;
 			});
@@ -8683,13 +8720,13 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			height: null,
 			error: null
 		}, g = /* @__PURE__ */ new Set(), _ = null, v = null, y = null, b = null, x, S = null, C = 0, w = 0, T = 0, E = 0, D = -1, O = !1, k = null, A = () => {
-			let e = Sf(h);
+			let e = Cf(h);
 			for (let t of g) t(e);
 		}, j = (e) => {
 			h = {
 				...h,
 				...e,
-				rect: e.rect === void 0 ? h.rect : xf(e.rect)
+				rect: e.rect === void 0 ? h.rect : Sf(e.rect)
 			}, A();
 		}, M = () => h.status === "selecting" || h.status === "recording" || h.status === "exporting", N = () => {
 			if (S) return;
@@ -8712,7 +8749,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			let n = y;
 			y = null, e && await n?.cancel();
 			let r = v;
-			v = null, r && jd(r), x.hideRecordingMask(), x.hideRecordingStatus();
+			v = null, r && Md(r), x.hideRecordingMask(), x.hideRecordingStatus();
 		}, I = () => {
 			_ = null, z.dismiss(), j({
 				status: "idle",
@@ -8725,7 +8762,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			}), t.hook.emit("recording:discard", {});
 		}, L = async () => {
 			let e = _;
-			return Vd(e?.width ?? Math.max(2, Math.round(i.innerWidth)), e?.height ?? Math.max(2, Math.round(i.innerHeight)), p().frameRate);
+			return Hd(e?.width ?? Math.max(2, Math.round(i.innerWidth)), e?.height ?? Math.max(2, Math.round(i.innerHeight)), p().frameRate);
 		}, R = async (e = {}) => {
 			let n = _;
 			if (!n) throw Error("No recording is ready to export.");
@@ -8735,9 +8772,9 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 				error: null
 			});
 			try {
-				let r = await Gd(n.blob, e), i = {
+				let r = await Kd(n.blob, e), i = {
 					...r,
-					filename: Kd(r.format)
+					filename: qd(r.format)
 				};
 				return j({
 					status: "ready",
@@ -8759,7 +8796,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 					error: e instanceof Error ? e.message : "Could not export the recording."
 				}), e;
 			}
-		}, z = af({
+		}, z = of({
 			ownerDocument: r,
 			ownerWindow: i,
 			root: o,
@@ -8769,15 +8806,15 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		}), B = async () => {
 			if (k) return k;
 			if (h.status !== "recording" || !y || !v) throw Error("No recording is active.");
-			let e = T, n = y, r = v, a = xf(h.rect);
+			let e = T, n = y, r = v, a = Sf(h.rect);
 			if (!a) throw Error("Recording region is unavailable.");
 			return k = (async () => {
 				C && i.cancelAnimationFrame(C), C = 0, w && i.clearTimeout(w), w = 0;
 				let s = b;
 				b = null, s && await s;
 				let c = await n.finalize();
-				if (y = null, v = null, jd(r), T !== e || O) throw Error("Recording was cancelled.");
-				let l = await Wd(c), u = {
+				if (y = null, v = null, Md(r), T !== e || O) throw Error("Recording was cancelled.");
+				let l = await Gd(c), u = {
 					blob: c,
 					format: "webm",
 					duration: l.duration,
@@ -8817,12 +8854,12 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 				let s = Math.max(0, (r - E) / 1e3);
 				j({ elapsed: s }), x.setRecordingTime(`${String(Math.floor(s / 60)).padStart(2, "0")}:${String(Math.floor(s % 60)).padStart(2, "0")}`);
 				let c = s;
-				!b && c - D >= a * .8 && (Ad(e, h.rect ?? {
+				!b && c - D >= a * .8 && (jd(e, h.rect ?? {
 					left: 0,
 					top: 0,
 					width: i.innerWidth,
 					height: i.innerHeight
-				}, pd(i)), D = c, b = t.addFrame(c, a).catch((e) => {
+				}, md(i)), D = c, b = t.addFrame(c, a).catch((e) => {
 					throw T === n && !O && F(!0).then(() => {
 						P();
 						let t = e instanceof Error ? e.message : "MediaBunny could not encode the recording.";
@@ -8848,21 +8885,21 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 				error: null
 			}), x.setRecordingTime("00:00"), x.placeRecordingStatus(e);
 			try {
-				let s = await kd(r, i, e, a);
+				let s = await Ad(r, i, e, a);
 				if (O || T !== n) {
-					jd(s);
+					Md(s);
 					return;
 				}
-				let c = await Ud(s.canvas, {
+				let c = await Wd(s.canvas, {
 					format: "webm",
 					frameRate: a,
 					quality: f
 				});
 				if (O || T !== n) {
-					await c.cancel(), jd(s);
+					await c.cancel(), Md(s);
 					return;
 				}
-				if (v = s, y = c, E = i.performance.now(), D = 0, Ad(s, e, pd(i)), await c.addFrame(0, 1 / a), O || T !== n) {
+				if (v = s, y = c, E = i.performance.now(), D = 0, jd(s, e, md(i)), await c.addFrame(0, 1 / a), O || T !== n) {
 					await F(!0);
 					return;
 				}
@@ -8923,7 +8960,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 				error: null
 			});
 		};
-		x = cf({
+		x = lf({
 			ownerDocument: r,
 			ownerWindow: i,
 			root: o,
@@ -8940,7 +8977,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			setRecordingInteractionActive: u.setActive
 		});
 		let te = {
-			snapshot: () => Sf(h),
+			snapshot: () => Cf(h),
 			subscribe(e) {
 				return g.add(e), () => g.delete(e);
 			},
@@ -8958,10 +8995,10 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			label: "Record",
 			shortcut: "Shift+R",
 			order: 72,
-			command: mf,
+			command: hf,
 			toolbarMode: "select",
 			compactPinned: !0,
-			icon: bf,
+			icon: xf,
 			active: M,
 			hidden: () => !p().toolEnabled,
 			menu: {
@@ -9011,21 +9048,21 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 					m({ frameRate: e ? 120 : 60 });
 				}
 			}]
-		}), t.command.register(mf, async () => (await U(), Df(h))), t.command.register(hf, async () => kf(await B())), t.command.register(gf, () => (I(), Df(h))), t.command.register(_f, async (e) => {
-			let t = await R(Ef(e));
-			return Af(t, r, i), Of(t);
-		}), t.service.provide(df, te), t.lifecycle.onDispose(() => {
+		}), t.command.register(hf, async () => (await U(), Of(h))), t.command.register(gf, async () => Af(await B())), t.command.register(_f, () => (I(), Of(h))), t.command.register(vf, async (e) => {
+			let t = await R(Df(e));
+			return jf(t, r, i), kf(t);
+		}), t.service.provide(ff, te), t.lifecycle.onDispose(() => {
 			O = !0, ++T, g.clear(), z.dispose(), x.dispose(), P(), F(!0), s.dispose(), a.dispose();
 		});
 	}
-}), Mf = 144, Nf = 96, Pf = 8, Ff = 4, If = 1800, Lf = 200, Rf = (e, t) => {
+}), Nf = 144, Pf = 96, Ff = 8, If = 4, Lf = 1800, Rf = 200, zf = (e, t) => {
 	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
-}, zf = (e, t) => ({
-	left: Math.min(Math.max(Pf, e.left), Math.max(Pf, t.innerWidth - Mf - Pf)),
-	top: Math.min(Math.max(Pf, e.top), Math.max(Pf, t.innerHeight - Nf - Pf))
-}), Bf = (e, t) => {
+}, Bf = (e, t) => ({
+	left: Math.min(Math.max(Ff, e.left), Math.max(Ff, t.innerWidth - Nf - Ff)),
+	top: Math.min(Math.max(Ff, e.top), Math.max(Ff, t.innerHeight - Pf - Ff))
+}), Vf = (e, t) => {
 	let n = e.createElement("button");
-	return n.type = "button", n.textContent = t, Rf(n, {
+	return n.type = "button", n.textContent = t, zf(n, {
 		height: "32px",
 		padding: "0 12px",
 		border: "1px solid rgb(255 255 255 / 18%)",
@@ -9037,11 +9074,11 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		"font-weight": "500",
 		cursor: "pointer"
 	}), n;
-}, Vf = ({ copied: e, downloaded: t, copyFailed: n, downloadFailed: r }) => e && t ? "Copied and saved screenshot" : e && r ? "Copied screenshot · Save unavailable" : t && n ? "Saved screenshot · Copy unavailable" : e ? "Copied screenshot" : t ? "Saved screenshot" : n && r ? "Screenshot captured · Copy and save unavailable" : n ? "Screenshot captured · Copy unavailable" : r ? "Screenshot captured · Save unavailable" : "Screenshot captured", Hf = (e) => e !== null && (e.nodeType === 1 || e.nodeType === 11), Uf = ({ ownerDocument: e, ownerWindow: t, root: n, previewDurationMs: r }) => {
+}, Hf = ({ copied: e, downloaded: t, copyFailed: n, downloadFailed: r }) => e && t ? "Copied and saved screenshot" : e && r ? "Copied screenshot · Save unavailable" : t && n ? "Saved screenshot · Copy unavailable" : e ? "Copied screenshot" : t ? "Saved screenshot" : n && r ? "Screenshot captured · Copy and save unavailable" : n ? "Screenshot captured · Copy unavailable" : r ? "Screenshot captured · Save unavailable" : "Screenshot captured", Uf = (e) => e !== null && (e.nodeType === 1 || e.nodeType === 11), Wf = ({ ownerDocument: e, ownerWindow: t, root: n, previewDurationMs: r }) => {
 	let i = n.closest("[data-mesurer-root='true']") ?? n.parentNode;
-	if (!Hf(i)) throw Error("Screenshot preview requires a mounted Mesurer host.");
+	if (!Uf(i)) throw Error("Screenshot preview requires a mounted Mesurer host.");
 	let a = e.createElement("div");
-	a.dataset.mesurerInspectorUi = "true", a.dataset.mesurerScreenshotInteractive = "true", Rf(a, {
+	a.dataset.mesurerInspectorUi = "true", a.dataset.mesurerScreenshotInteractive = "true", zf(a, {
 		position: "fixed",
 		left: "0",
 		top: "0",
@@ -9053,12 +9090,12 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		"font-family": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif"
 	}), i.append(a);
 	let o = e.createElement("div");
-	o.dataset.mesurerScreenshotPreview = "true", o.setAttribute("role", "button"), o.setAttribute("aria-label", "Open captured screenshot"), o.tabIndex = 0, Rf(o, {
+	o.dataset.mesurerScreenshotPreview = "true", o.setAttribute("role", "button"), o.setAttribute("aria-label", "Open captured screenshot"), o.tabIndex = 0, zf(o, {
 		position: "fixed",
 		display: "none",
 		"z-index": "96",
-		width: `${Mf}px`,
-		height: `${Nf}px`,
+		width: `${Nf}px`,
+		height: `${Pf}px`,
 		"box-sizing": "border-box",
 		overflow: "hidden",
 		"border-radius": "10px",
@@ -9071,7 +9108,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		"touch-action": "none"
 	});
 	let s = e.createElement("img");
-	s.dataset.mesurerScreenshotPreviewImage = "true", s.alt = "Captured screenshot", s.draggable = !1, s.title = "Click to open · Right-click for browser image actions", Rf(s, {
+	s.dataset.mesurerScreenshotPreviewImage = "true", s.alt = "Captured screenshot", s.draggable = !1, s.title = "Click to open · Right-click for browser image actions", zf(s, {
 		display: "block",
 		width: "100%",
 		height: "100%",
@@ -9079,7 +9116,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		"background-color": "white"
 	}), o.append(s);
 	let c = e.createElement("button");
-	c.dataset.mesurerScreenshotPreviewDismiss = "true", c.type = "button", c.setAttribute("aria-label", "Dismiss screenshot preview"), c.title = "Dismiss", Rf(c, {
+	c.dataset.mesurerScreenshotPreviewDismiss = "true", c.type = "button", c.setAttribute("aria-label", "Dismiss screenshot preview"), c.title = "Dismiss", zf(c, {
 		position: "absolute",
 		top: "8px",
 		right: "8px",
@@ -9106,7 +9143,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 	let u = e.createElementNS("http://www.w3.org/2000/svg", "path");
 	u.setAttribute("d", "m4 4 8 8M12 4l-8 8"), u.setAttribute("stroke", "currentColor"), u.setAttribute("stroke-width", "1.75"), u.setAttribute("stroke-linecap", "round"), l.append(u), c.append(l), o.append(c), a.append(o);
 	let d = e.createElement("div");
-	d.dataset.mesurerScreenshotViewer = "true", d.setAttribute("role", "dialog"), d.setAttribute("aria-modal", "true"), d.setAttribute("aria-label", "Screenshot viewer"), Rf(d, {
+	d.dataset.mesurerScreenshotViewer = "true", d.setAttribute("role", "dialog"), d.setAttribute("aria-modal", "true"), d.setAttribute("aria-label", "Screenshot viewer"), zf(d, {
 		position: "fixed",
 		inset: "0",
 		display: "none",
@@ -9120,7 +9157,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		"pointer-events": "auto"
 	});
 	let f = e.createElement("img");
-	f.dataset.mesurerScreenshotViewerImage = "true", f.alt = "Captured screenshot", Rf(f, {
+	f.dataset.mesurerScreenshotViewerImage = "true", f.alt = "Captured screenshot", zf(f, {
 		display: "block",
 		"max-width": "calc(100vw - 96px)",
 		"max-height": "calc(100vh - 112px)",
@@ -9131,7 +9168,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		"box-shadow": "0 8px 30px rgb(0 0 0 / 28%)"
 	}), d.append(f);
 	let p = e.createElement("div");
-	p.dataset.mesurerScreenshotViewerControls = "true", Rf(p, {
+	p.dataset.mesurerScreenshotViewerControls = "true", zf(p, {
 		position: "fixed",
 		top: "16px",
 		right: "16px",
@@ -9139,14 +9176,14 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		gap: "8px",
 		"pointer-events": "auto"
 	});
-	let m = Bf(e, "Copy");
+	let m = Vf(e, "Copy");
 	m.dataset.mesurerScreenshotViewerCopy = "true", m.setAttribute("aria-label", "Copy screenshot");
-	let h = Bf(e, "Save");
+	let h = Vf(e, "Save");
 	h.dataset.mesurerScreenshotViewerSave = "true", h.setAttribute("aria-label", "Save screenshot");
-	let g = Bf(e, "Close");
+	let g = Vf(e, "Close");
 	g.dataset.mesurerScreenshotViewerClose = "true", g.setAttribute("aria-label", "Close screenshot viewer"), p.append(m, h, g), d.append(p), a.append(d);
 	let _ = e.createElement("div");
-	_.dataset.mesurerScreenshotToast = "true", _.setAttribute("role", "status"), Rf(_, {
+	_.dataset.mesurerScreenshotToast = "true", _.setAttribute("role", "status"), zf(_, {
 		position: "fixed",
 		left: "50%",
 		bottom: "20px",
@@ -9168,7 +9205,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 	}, O = (e, n = !1) => {
 		D(), _.textContent = e, _.style.backgroundColor = n ? "#b42318" : "rgb(28 28 30 / 90%)", _.style.display = "block", C = t.setTimeout(() => {
 			C = 0, _.style.display = "none";
-		}, If);
+		}, Lf);
 	}, k = () => {
 		d.style.display = "none";
 	}, A = () => {
@@ -9178,7 +9215,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 	}, M = () => {
 		if (!v || o.style.display === "none" || w) return;
 		E(), k();
-		let e = o.getBoundingClientRect(), n = Math.max(152, t.innerWidth - e.left + Pf);
+		let e = o.getBoundingClientRect(), n = Math.max(152, t.innerWidth - e.left + Ff);
 		o.style.pointerEvents = "none", o.style.willChange = "transform, opacity";
 		let r = o.animate([{
 			transform: "translateX(0) scale(1)",
@@ -9187,18 +9224,18 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			transform: `translateX(${n}px) scale(0.92)`,
 			opacity: 0
 		}], {
-			duration: Lf,
+			duration: Rf,
 			easing: "ease",
 			fill: "forwards"
 		});
 		w = r, r.finished.catch(() => void 0).then(() => {
 			w === r && (r.cancel(), w = null, j());
 		});
-	}, N = () => zf({
-		left: t.innerWidth - Mf - Pf,
-		top: t.innerHeight - Nf - Pf
+	}, N = () => Bf({
+		left: t.innerWidth - Nf - Ff,
+		top: t.innerHeight - Pf - Ff
 	}, t), P = (e) => {
-		let n = zf(e, t);
+		let n = Bf(e, t);
 		b = n, o.style.left = `${n.left}px`, o.style.top = `${n.top}px`;
 	}, F = () => {
 		!v || !y || (E(), d.style.display = "flex", g.focus());
@@ -9232,7 +9269,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		let n = x;
 		if (!n) return;
 		let r = e - n.startX, i = t - n.startY;
-		!n.moved && Math.hypot(r, i) >= Ff && (n.moved = !0), n.moved && P({
+		!n.moved && Math.hypot(r, i) >= If && (n.moved = !0), n.moved && P({
 			left: n.left + r,
 			top: n.top + i
 		});
@@ -9276,25 +9313,25 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			if (T) return;
 			E(), k(), w &&= (w.cancel(), null), o.style.opacity = "1", o.style.transform = "none", o.style.willChange = "transform, opacity", o.style.pointerEvents = "auto", A(), v = e;
 			let i = globalThis.URL.createObjectURL(e);
-			y = i, s.src = i, f.src = i, o.style.display = "block", P(b ?? N()), O(Vf(n)), r > 0 && (S = t.setTimeout(j, r));
+			y = i, s.src = i, f.src = i, o.style.display = "block", P(b ?? N()), O(Hf(n)), r > 0 && (S = t.setTimeout(j, r));
 		},
 		dismiss: j,
 		dispose() {
 			T || (T = !0, E(), D(), j(), t.removeEventListener("mousemove", ee, !0), t.removeEventListener("mouseup", U, !0), t.removeEventListener("pointermove", te, !0), t.removeEventListener("pointerup", ne, !0), t.removeEventListener("pointercancel", G, !0), t.removeEventListener("keydown", ae, !0), o.removeEventListener("mousedown", H), o.removeEventListener("pointerdown", W), o.removeEventListener("keydown", re), o.removeEventListener("contextmenu", K), d.removeEventListener("click", ie), a.remove());
 		}
 	};
-}, Wf = "mesurer.screenshot", Gf = "screenshot", Kf = "mesurer.screenshot.settings", qf = "mesurer.screenshot.active", Jf = "runtime:solid", Yf = "screenshot.toggle", Xf = 2500, Zf = 0, Qf = [
+}, Gf = "mesurer.screenshot", Kf = "screenshot", qf = "mesurer.screenshot.settings", Jf = "mesurer.screenshot.active", Yf = "runtime:solid", Xf = "screenshot.toggle", Zf = 2500, Qf = 0, $f = [
 	"[data-mesurer-measurement='true']",
 	"[data-mesurer-selected-measurement='true']",
 	"[data-mesurer-selection-spacing-target='true']",
 	"[data-mesurer-guide='true']",
 	"[data-mesurer-distance='true']"
-].join(","), $f = `${Qf},[data-mesurer-rulers='true'],[data-mesurer-multi-selection-document-layer='true']`, ep = {
+].join(","), ep = `${$f},[data-mesurer-rulers='true'],[data-mesurer-multi-selection-document-layer='true']`, tp = {
 	viewBox: "0 0 256 256",
 	paths: ["m 96,50 a 6.0006,6.0006 0 0 0 -4.992188,2.671875 L 76.789062,74 H 40 C 27.920803,74 18,83.920803 18,96 v 96 c 0,12.0792 9.920803,22 22,22 h 176 c 12.0792,0 22,-9.9208 22,-22 V 96 C 238,83.920803 228.0792,74 216,74 H 179.21094 L 164.99219,52.671875 A 6.0006,6.0006 0 0 0 160,50 Z m 3.210937,12 h 57.578123 l 14.21875,21.328125 A 6.0006,6.0006 0 0 0 176,86 h 40 c 5.59392,0 10,4.406085 10,10 v 96 c 0,5.59392 -4.40608,10 -10,10 H 40 c -5.593915,0 -10,-4.40608 -10,-10 V 96 c 0,-5.593915 4.406085,-10 10,-10 h 40 a 6.0006,6.0006 0 0 0 4.992187,-2.671875 z", "m 128,94 c -23.12489,0 -42,18.87511 -42,42 0,23.12489 18.87511,42 42,42 23.12489,0 42,-18.87511 42,-42 0,-23.12489 -18.87511,-42 -42,-42 z m 0,12 c 16.63961,0 30,13.36039 30,30 0,16.63961 -13.36039,30 -30,30 -16.63961,0 -30,-13.36039 -30,-30 0,-16.63961 13.36039,-30 30,-30 z"]
-}, tp = (e, t) => {
-	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
 }, np = (e, t) => {
+	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
+}, rp = (e, t) => {
 	for (let n of [
 		"left",
 		"top",
@@ -9306,63 +9343,63 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		let r = t[n];
 		r === void 0 ? e.style.removeProperty(n) : e.style.setProperty(n, `${r}px`);
 	}
-}, rp = (e) => {
-	let t = e(Kf);
+}, ip = (e) => {
+	let t = e(qf);
 	return {
 		toolEnabled: t?.toolEnabled ?? !0,
 		copy: t?.copy ?? !0,
 		download: t?.download ?? !1,
 		includeMeasurements: t?.includeMeasurements ?? !1
 	};
-}, ip = (e) => ({
+}, ap = (e) => ({
 	value: e.style.getPropertyValue("display"),
 	priority: e.style.getPropertyPriority("display")
-}), ap = (e, t) => {
+}), op = (e, t) => {
 	t.value || t.priority ? e.style.setProperty("display", t.value, t.priority) : e.style.removeProperty("display");
-}, op = (e, t) => {
+}, sp = (e, t) => {
 	let n = e;
 	for (; n.parentElement && n.parentElement !== t;) n = n.parentElement;
 	return n.parentElement === t ? n : null;
-}, sp = (e) => {
+}, cp = (e) => {
 	let t = e.querySelector("[data-mesurer-root='true']");
 	if (!t) return () => void 0;
 	let n = /* @__PURE__ */ new Set();
 	for (let e of t.querySelectorAll("[data-mesurer-rulers='true']")) {
-		let r = op(e, t);
+		let r = sp(e, t);
 		r && n.add(r);
 	}
-	for (let e of t.querySelectorAll(Qf)) {
-		let r = op(e, t);
+	for (let e of t.querySelectorAll($f)) {
+		let r = sp(e, t);
 		r && n.add(r);
 	}
 	let r = [];
 	for (let e of n) e.dataset.mesurerInspectorUi !== "true" && (r.push({
 		element: e,
-		display: ip(e)
+		display: ap(e)
 	}), e.style.setProperty("display", "none", "important"));
 	return () => {
-		for (let e of r) ap(e.element, e.display);
+		for (let e of r) op(e.element, e.display);
 	};
-}, cp = (e) => Array.from(e.querySelectorAll($f)).filter((e) => e.dataset.mesurerInspectorUi === "true").map((e) => ({
+}, lp = (e) => Array.from(e.querySelectorAll(ep)).filter((e) => e.dataset.mesurerInspectorUi === "true").map((e) => ({
 	element: e,
-	display: ip(e)
-})), lp = (e) => {
-	for (let t of e) t.element.isConnected && ap(t.element, t.display);
-}, up = (e = {}) => ba({
-	id: Wf,
+	display: ap(e)
+})), up = (e) => {
+	for (let t of e) t.element.isConnected && op(t.element, t.display);
+}, dp = (e = {}) => ba({
+	id: Gf,
 	version: "0.1.0",
-	requires: [Jf],
+	requires: [Yf],
 	provides: [
 		"tool:screenshot",
 		"capture:screenshot",
 		"settings:screenshot"
 	],
 	setup(t) {
-		let n = t.service.get(Jf);
+		let n = t.service.get(Yf);
 		if (!n) throw Error("Screenshot plugin requires the Solid renderer runtime.");
-		let { ownerDocument: r, ownerWindow: i } = n, a = n.createWorkspaceRuntime(), o = n.createInspectorMount(), s = e.capture ?? e.captureVisibleTab, c = s ?? ao, l = e.previewDurationMs ?? Zf;
+		let { ownerDocument: r, ownerWindow: i } = n, a = n.createWorkspaceRuntime(), o = n.createInspectorMount(), s = e.capture ?? e.captureVisibleTab, c = s ?? ao, l = e.previewDurationMs ?? Qf;
 		t.state.register({
-			id: Kf,
+			id: qf,
 			initial: {
 				toolEnabled: e.toolEnabled ?? !0,
 				copy: e.copy ?? !0,
@@ -9371,11 +9408,11 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			},
 			persist: !0
 		}), t.state.register({
-			id: qf,
+			id: Jf,
 			initial: !1
 		});
 		let u = o.element;
-		u.dataset.mesurerScreenshot = "true", tp(u, {
+		u.dataset.mesurerScreenshot = "true", np(u, {
 			position: "fixed",
 			inset: "0",
 			"z-index": "85",
@@ -9383,7 +9420,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			"font-family": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif"
 		});
 		let d = r.createElement("div");
-		d.dataset.mesurerScreenshotSelect = "true", d.setAttribute("role", "application"), d.setAttribute("aria-label", "Screenshot selection"), tp(d, {
+		d.dataset.mesurerScreenshotSelect = "true", d.setAttribute("role", "application"), d.setAttribute("aria-label", "Screenshot selection"), np(d, {
 			position: "fixed",
 			inset: "0",
 			display: "none",
@@ -9395,13 +9432,13 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		}), u.append(d);
 		let f = Array.from({ length: 4 }, () => {
 			let e = r.createElement("div");
-			return tp(e, {
+			return np(e, {
 				position: "fixed",
 				"background-color": "rgb(0 0 0 / 40%)",
 				"pointer-events": "none"
 			}), d.append(e), e;
 		}), p = r.createElement("div");
-		tp(p, {
+		np(p, {
 			position: "fixed",
 			display: "none",
 			border: "1px solid #0d99ff",
@@ -9409,7 +9446,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			"pointer-events": "none"
 		}), d.append(p);
 		let m = r.createElement("div");
-		tp(m, {
+		np(m, {
 			position: "fixed",
 			display: "none",
 			"z-index": "86",
@@ -9423,7 +9460,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			"pointer-events": "none"
 		}), d.append(m);
 		let h = r.createElement("div");
-		h.textContent = "Drag to select · Esc to cancel", tp(h, {
+		h.textContent = "Drag to select · Esc to cancel", np(h, {
 			position: "fixed",
 			left: "50%",
 			bottom: "16px",
@@ -9436,7 +9473,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			"pointer-events": "none"
 		}), d.append(h);
 		let g = r.createElement("div");
-		g.dataset.mesurerScreenshotError = "true", g.setAttribute("role", "status"), g.textContent = "Could not save screenshot", tp(g, {
+		g.dataset.mesurerScreenshotError = "true", g.setAttribute("role", "status"), g.textContent = "Could not save screenshot", np(g, {
 			position: "fixed",
 			display: "none",
 			"z-index": "97",
@@ -9447,8 +9484,8 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			"font-size": "11px",
 			"pointer-events": "none"
 		}), u.append(g);
-		let _ = null, v = null, y = 0, b = 0, x = !1, S = !1, C = !1, w = () => t.state.get("mesurer.screenshot.active") ?? !1, T = () => rp(t.state.get), E = (e) => {
-			t.state.update(Kf, (t) => {
+		let _ = null, v = null, y = 0, b = 0, x = !1, S = !1, C = !1, w = () => t.state.get("mesurer.screenshot.active") ?? !1, T = () => ip(t.state.get), E = (e) => {
+			t.state.update(qf, (t) => {
 				let n = { ...t };
 				return e.toolEnabled !== void 0 && (n.toolEnabled = e.toolEnabled), e.copy !== void 0 && (n.copy = e.copy), e.download !== void 0 && (n.download = e.download), e.includeMeasurements !== void 0 && (n.includeMeasurements = e.includeMeasurements), n;
 			});
@@ -9471,13 +9508,13 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		}, A = (e) => {
 			let t = i.innerWidth, n = i.innerHeight;
 			if (!e || e.width <= 0 || e.height <= 0) {
-				np(f[0], {
+				rp(f[0], {
 					left: 0,
 					top: 0,
 					width: t,
 					height: n
 				});
-				for (let e of f.slice(1)) np(e, {
+				for (let e of f.slice(1)) rp(e, {
 					left: 0,
 					top: 0,
 					width: 0,
@@ -9486,31 +9523,31 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 				p.style.display = "none", m.style.display = "none";
 				return;
 			}
-			np(f[0], {
+			rp(f[0], {
 				left: 0,
 				top: 0,
 				width: t,
 				height: e.top
-			}), np(f[1], {
+			}), rp(f[1], {
 				left: 0,
 				top: e.top,
 				width: e.left,
 				height: e.height
-			}), np(f[2], {
+			}), rp(f[2], {
 				left: e.left + e.width,
 				top: e.top,
 				width: Math.max(0, t - e.left - e.width),
 				height: e.height
-			}), np(f[3], {
+			}), rp(f[3], {
 				left: 0,
 				top: e.top + e.height,
 				width: t,
 				height: Math.max(0, n - e.top - e.height)
-			}), p.style.display = "block", np(p, e), m.style.display = "block", m.textContent = `${Math.round(e.width)} × ${Math.round(e.height)}`, np(m, {
+			}), p.style.display = "block", rp(p, e), m.style.display = "block", m.textContent = `${Math.round(e.width)} × ${Math.round(e.height)}`, rp(m, {
 				left: e.left + e.width / 2,
 				top: Math.min(n - 22, e.top + e.height + 6)
 			});
-		}, j = () => n.portalTarget.querySelector("[data-mesurer-tool-id='screenshot']")?.getBoundingClientRect() ?? null, M = Uf({
+		}, j = () => n.portalTarget.querySelector("[data-mesurer-tool-id='screenshot']")?.getBoundingClientRect() ?? null, M = Wf({
 			ownerDocument: r,
 			ownerWindow: i,
 			root: u,
@@ -9521,7 +9558,7 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		}, P = () => {
 			y && i.clearTimeout(y), g.style.display = "block", N(g), y = i.setTimeout(() => {
 				y = 0, g.style.display = "none";
-			}, Xf);
+			}, Zf);
 		}, F = () => {
 			_ = null, A(null), d.style.visibility = "", d.style.display = "none", u.style.pointerEvents = "none", D(!1), k();
 		}, I = () => {
@@ -9530,8 +9567,8 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			if (x) throw Error("A screenshot capture is already running.");
 			if (e.width < 4 || e.height < 4) throw Error("Screenshot selection must be at least 4px by 4px.");
 			x = !0;
-			let o = ++b, s = T(), l = s.includeMeasurements ? cp(r) : [], u = s.includeMeasurements ? () => void 0 : sp(n.portalTarget);
-			a.prepareCapture(), s.includeMeasurements && lp(l);
+			let o = ++b, s = T(), l = s.includeMeasurements ? lp(r) : [], u = s.includeMeasurements ? () => void 0 : cp(n.portalTarget);
+			a.prepareCapture(), s.includeMeasurements && up(l);
 			try {
 				d.style.visibility = "hidden", await Va(i);
 				let n = await La(await c({
@@ -9639,10 +9676,10 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 			label: "Screenshot",
 			shortcut: "Shift+S",
 			order: 70,
-			command: Yf,
+			command: Xf,
 			toolbarMode: "select",
 			compactPinned: !0,
-			icon: ep,
+			icon: tp,
 			active: w,
 			hidden: () => !T().toolEnabled,
 			menu: {
@@ -9708,14 +9745,14 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 					set: (e) => E({ includeMeasurements: e })
 				}
 			]
-		}), t.command.register(Yf, R), t.service.provide(Gf, U), t.lifecycle.onDispose(() => {
+		}), t.command.register(Xf, R), t.service.provide(Kf, U), t.lifecycle.onDispose(() => {
 			C = !0, b += 1, d.removeEventListener("pointerdown", z), d.removeEventListener("pointermove", B), d.removeEventListener("pointerup", V), d.removeEventListener("pointercancel", H), i.removeEventListener("keydown", ee, !0), y && i.clearTimeout(y), M.dispose(), k(), oo(i), a.finishCapture(), a.dispose(), o.dispose();
 		});
 	}
-}), dp = "0.2.3-beta.3", fp = Bc, pp = Lc, mp = Rc, hp = Vc, gp = zc, _p = () => ({
-	...Nl(),
-	version: dp
-}), vp = _p, yp = fp, bp = pp, xp = mp, Sp = hp, Cp = gp, wp = (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, Tp = (e) => {
+}), fp = "0.2.3-beta.4", pp = Vc, mp = Rc, hp = zc, gp = Hc, _p = Bc, vp = () => ({
+	...Pl(),
+	version: fp
+}), yp = vp, bp = pp, xp = mp, Sp = hp, Cp = gp, wp = _p, Tp = (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, Ep = (e) => {
 	if (!e.length) return null;
 	let t = Math.min(...e.map((e) => e.left)), n = Math.min(...e.map((e) => e.top)), r = Math.max(...e.map((e) => e.left + e.width)), i = Math.max(...e.map((e) => e.top + e.height));
 	return {
@@ -9724,43 +9761,43 @@ var Pu = "mesurer.layout-guides", Fu = "layout-guides:v1", Iu = "mesurer.layout-
 		width: r - t,
 		height: i - n
 	};
-}, Ep = (e, t, n) => t.some((t) => e.orientation === "vertical" ? e.position >= t.left - n && e.position <= t.left + t.width + n : e.position >= t.top - n && e.position <= t.top + t.height + n), Dp = (e) => [...e.measurements, ...e.activeMeasurement && !e.measurements.some((t) => t.id === e.activeMeasurement?.id) ? [e.activeMeasurement] : []];
-function Op(e) {
+}, Dp = (e, t, n) => t.some((t) => e.orientation === "vertical" ? e.position >= t.left - n && e.position <= t.left + t.width + n : e.position >= t.top - n && e.position <= t.top + t.height + n), Op = (e) => [...e.measurements, ...e.activeMeasurement && !e.measurements.some((t) => t.id === e.activeMeasurement?.id) ? [e.activeMeasurement] : []];
+function kp(e) {
 	let { workspace: t, scope: n, guideTolerance: r } = e;
 	if (n.kind === "workspace") return {
 		guides: t.guides.map((e) => ({ ...e })),
-		measurements: Dp(t),
+		measurements: Op(t),
 		distances: [...t.distances]
 	};
-	let i = new Set(n.elements), a = (e) => e != null && i.has(e), o = (e) => n.regions.some((t) => wp(e, t));
+	let i = new Set(n.elements), a = (e) => e != null && i.has(e), o = (e) => n.regions.some((t) => Tp(e, t));
 	return {
-		guides: t.guides.filter((e) => Ep(e, n.regions, r)).map((e) => ({ ...e })),
-		measurements: Dp(t).filter((e) => a(e.elementRef) || o(e.rect)),
+		guides: t.guides.filter((e) => Dp(e, n.regions, r)).map((e) => ({ ...e })),
+		measurements: Op(t).filter((e) => a(e.elementRef) || o(e.rect)),
 		distances: t.distances.filter((e) => a(e.elementRefA) || a(e.elementRefB) || o(e.rectA) || o(e.rectB))
 	};
 }
 //#endregion
 //#region ../mesurer-core/dist/domain.js
-var kp = {
+var Ap = {
 	opacity: 1,
 	width: 1,
 	pattern: "solid",
 	dashLength: 6,
 	gap: 4
-}, Ap = {
+}, jp = {
 	opacity: 1,
 	edgeReveal: !1
 };
-({ ...kp }), { ...Ap };
+({ ...Ap }), { ...jp };
 //#endregion
 //#region ../mesurer-dom/dist/index.js
-var jp = (e) => Number.parseFloat(e) || 0, Mp = 0, Np = (e, t) => {
+var Mp = (e) => Number.parseFloat(e) || 0, Np = 0, Pp = (e, t) => {
 	let n = t.CSS;
 	return n?.escape ? n.escape(e) : e.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
 };
-function Pp(e) {
+function Fp(e) {
 	let t = e.ownerDocument.defaultView ?? window;
-	if (e.id) return `#${Np(e.id, t)}`;
+	if (e.id) return `#${Pp(e.id, t)}`;
 	let n = e.getAttribute("data-testid");
 	if (n) return `[data-testid=${JSON.stringify(n)}]`;
 	let r = [], i = e;
@@ -9774,17 +9811,17 @@ function Pp(e) {
 	}
 	return r.join(" > ");
 }
-function Fp(e, t, n = `dom-inspection-${++Mp}`) {
+function Ip(e, t, n = `dom-inspection-${++Np}`) {
 	let r = e.getBoundingClientRect(), i = t.getComputedStyle(e), a = {
-		top: jp(i.paddingTop),
-		right: jp(i.paddingRight),
-		bottom: jp(i.paddingBottom),
-		left: jp(i.paddingLeft)
+		top: Mp(i.paddingTop),
+		right: Mp(i.paddingRight),
+		bottom: Mp(i.paddingBottom),
+		left: Mp(i.paddingLeft)
 	}, o = {
-		top: jp(i.marginTop),
-		right: jp(i.marginRight),
-		bottom: jp(i.marginBottom),
-		left: jp(i.marginLeft)
+		top: Mp(i.marginTop),
+		right: Mp(i.marginRight),
+		bottom: Mp(i.marginBottom),
+		left: Mp(i.marginLeft)
 	}, s = {
 		left: r.left + a.left,
 		top: r.top + a.top,
@@ -9812,8 +9849,8 @@ function Fp(e, t, n = `dom-inspection-${++Mp}`) {
 		elementRef: e
 	};
 }
-function Ip(e) {
-	let t = e.ownerDocument.defaultView ?? window, n = t.getComputedStyle(e), r = e instanceof t.HTMLElement ? e : null, i = e.getBoundingClientRect(), a = r ? Fp(r, t) : null, o = (e) => {
+function Lp(e) {
+	let t = e.ownerDocument.defaultView ?? window, n = t.getComputedStyle(e), r = e instanceof t.HTMLElement ? e : null, i = e.getBoundingClientRect(), a = r ? Ip(r, t) : null, o = (e) => {
 		let t = Number.parseFloat(e);
 		return Number.isFinite(t) ? t : 0;
 	}, s = (e) => ({
@@ -9823,7 +9860,7 @@ function Ip(e) {
 		left: o(n.getPropertyValue(`${e}-left${e === "border" ? "-width" : ""}`))
 	});
 	return {
-		selector: Pp(e),
+		selector: Fp(e),
 		tag: e.localName,
 		id: e.id || null,
 		classes: [...e.classList],
@@ -9885,25 +9922,25 @@ function Ip(e) {
 }
 //#endregion
 //#region src/context.ts
-var Lp = 10, Rp = (e) => ({
+var Rp = 10, zp = (e) => ({
 	left: e.left,
 	top: e.top,
 	width: e.width,
 	height: e.height
-}), zp = (e) => {
+}), Bp = (e) => {
 	let t = /* @__PURE__ */ new Set(), n = [];
 	for (let r of e) !r?.isConnected || t.has(r) || (t.add(r), n.push(r));
 	return n;
-}, Bp = (e) => e.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`;
-function Vp(e) {
+}, Vp = (e) => e.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+function Hp(e) {
 	let { runtime: t, ownerDocument: n, ownerWindow: r } = e, i = e.request ?? { scope: "workspace" }, a = t.snapshot();
 	if (!a) throw Error("Mesurer workspace is not ready yet.");
-	let o = (e) => Rp(t.elementRect?.(e) ?? e.getBoundingClientRect()), s = [], c = [], l = { kind: "workspace" }, u = /* @__PURE__ */ new Map();
+	let o = (e) => zp(t.elementRect?.(e) ?? e.getBoundingClientRect()), s = [], c = [], l = { kind: "workspace" }, u = /* @__PURE__ */ new Map();
 	if ("annotation" in i) {
 		let e = t.annotation(i.annotation);
 		if (!e) throw Error(`Mesurer annotation not found: ${i.annotation}`);
 		for (let t of e.resolvedTargets) t.element?.isConnected && u.set(t.element, t.target.id);
-		s = zp(e.resolvedTargets.map((e) => e.element));
+		s = Bp(e.resolvedTargets.map((e) => e.element));
 		let n = t.annotationRect(e.id);
 		n && (c = [n]);
 		let r = e.resolvedTargets.length, a = e.resolvedTargets.filter((e) => e.element?.isConnected).length, o = e.anchor.kind === "region" ? "connected" : r === 0 || a === 0 ? "stale" : a === r ? "connected" : "partial";
@@ -9915,15 +9952,15 @@ function Vp(e) {
 		};
 	} else if (i.scope === "selection") {
 		let e = t.currentSelection();
-		if (s = zp(e.elements), !s.length && !e.region) throw Error("Mesurer has no current selection.");
+		if (s = Bp(e.elements), !s.length && !e.region) throw Error("Mesurer has no current selection.");
 		c = e.region ? [e.region] : s.map(o), l = { kind: "selection" };
-	} else s = zp([
+	} else s = Bp([
 		...t.currentSelection().elements,
 		...a.measurements.map((e) => e.elementRef),
 		a.activeMeasurement?.elementRef,
 		...a.heldDistances.flatMap((e) => [e.elementRefA, e.elementRefB])
 	]);
-	let d = l.kind === "workspace" ? [] : c.length ? c : s.map(o), f = Op({
+	let d = l.kind === "workspace" ? [] : c.length ? c : s.map(o), f = kp({
 		workspace: {
 			guides: a.guides,
 			measurements: a.measurements,
@@ -9935,8 +9972,8 @@ function Vp(e) {
 			elements: s,
 			regions: d
 		},
-		guideTolerance: a.guideRelevanceTolerance ?? Lp
-	}), p = f.measurements, m = f.distances, h = f.guides, g = zp([
+		guideTolerance: a.guideRelevanceTolerance ?? Rp
+	}), p = f.measurements, m = f.distances, h = f.guides, g = Bp([
 		...s,
 		...p.map((e) => e.elementRef),
 		...m.flatMap((e) => [e.elementRefA, e.elementRefB])
@@ -9945,7 +9982,7 @@ function Vp(e) {
 		for (; v.has(e);) e = `target-${y++}`;
 		return v.add(e), e;
 	}, x = g.map((e) => {
-		let t = u.get(e) ?? b(), n = o(e), r = Ip(e);
+		let t = u.get(e) ?? b(), n = o(e), r = Lp(e);
 		return _.set(e, t), {
 			ref: t,
 			inspection: {
@@ -9962,7 +9999,7 @@ function Vp(e) {
 	}), S = p.map((e) => {
 		let t = {
 			id: e.id,
-			rect: Rp(e.rect),
+			rect: zp(e.rect),
 			deltaX: e.deltaX,
 			deltaY: e.deltaY
 		};
@@ -9972,8 +10009,8 @@ function Vp(e) {
 	}), C = m.map((e) => {
 		let t = {
 			id: e.id,
-			rectA: Rp(e.rectA),
-			rectB: Rp(e.rectB),
+			rectA: zp(e.rectA),
+			rectB: zp(e.rectB),
 			horizontal: e.horizontal ? { ...e.horizontal } : null,
 			vertical: e.vertical ? { ...e.vertical } : null
 		}, n = e.elementRefA ? _.get(e.elementRefA) : void 0, r = e.elementRefB ? _.get(e.elementRefB) : void 0;
@@ -9981,7 +10018,7 @@ function Vp(e) {
 	});
 	return {
 		schema: "mesurer.context/v1",
-		id: Bp(r),
+		id: Vp(r),
 		createdAt: (/* @__PURE__ */ new Date()).toISOString(),
 		scope: l,
 		page: {
@@ -9996,7 +10033,7 @@ function Vp(e) {
 			scrollY: r.scrollY
 		},
 		coordinateSpace: "viewport-css-px",
-		regions: l.kind === "workspace" ? [] : c.map(Rp),
+		regions: l.kind === "workspace" ? [] : c.map(zp),
 		visualState: {
 			rulersVisible: a.rulersVisible,
 			xrayVisible: a.xrayVisible
@@ -10010,48 +10047,48 @@ function Vp(e) {
 		}
 	};
 }
-var Hp = (e) => `${Math.round(e * 100) / 100}px`, Up = (e) => `x=${Hp(e.left)} y=${Hp(e.top)} w=${Hp(e.width)} h=${Hp(e.height)}`;
-function Wp(e) {
+var Up = (e) => `${Math.round(e * 100) / 100}px`, Wp = (e) => `x=${Up(e.left)} y=${Up(e.top)} w=${Up(e.width)} h=${Up(e.height)}`;
+function Gp(e) {
 	let t = [
 		"Mesurer visual context",
 		"",
 		`Page: ${e.page.url}`,
 		`Viewport: ${e.viewport.width} × ${e.viewport.height} CSS px; scroll x=${e.viewport.scrollX} y=${e.viewport.scrollY}`
 	];
-	if (e.scope.kind === "annotation" ? t.push("", "Annotation", e.scope.note, `Target status: ${e.scope.targetStatus}`) : t.push("", `Scope: ${e.scope.kind}`), e.regions.length && (t.push("", "Requested regions"), e.regions.forEach((e, n) => t.push(`- region-${n + 1}: ${Up(e)}`))), (e.visualState.rulersVisible || e.visualState.xrayVisible) && t.push("", `Visual state: rulers=${e.visualState.rulersVisible ? "on" : "off"}; x-ray=${e.visualState.xrayVisible ? "on" : "off"}`), e.targets.length) {
+	if (e.scope.kind === "annotation" ? t.push("", "Annotation", e.scope.note, `Target status: ${e.scope.targetStatus}`) : t.push("", `Scope: ${e.scope.kind}`), e.regions.length && (t.push("", "Requested regions"), e.regions.forEach((e, n) => t.push(`- region-${n + 1}: ${Wp(e)}`))), (e.visualState.rulersVisible || e.visualState.xrayVisible) && t.push("", `Visual state: rulers=${e.visualState.rulersVisible ? "on" : "off"}; x-ray=${e.visualState.xrayVisible ? "on" : "off"}`), e.targets.length) {
 		t.push("", "Targets");
 		for (let n of e.targets) {
 			let e = n.inspection;
-			t.push(`[${n.ref}] ${e.selector}`, `  rect: ${Up(e.rect)}`, `  margin: ${Hp(e.margin.top)} ${Hp(e.margin.right)} ${Hp(e.margin.bottom)} ${Hp(e.margin.left)}`, `  padding: ${Hp(e.padding.top)} ${Hp(e.padding.right)} ${Hp(e.padding.bottom)} ${Hp(e.padding.left)}`, `  layout: display=${e.layout.display}; position=${e.layout.position}; gap=${e.layout.gap}`, `  typography: ${e.typography.fontSize} / ${e.typography.lineHeight}; weight=${e.typography.fontWeight}; align=${e.typography.textAlign}`), e.text && t.push(`  text: ${JSON.stringify(e.text)}`);
+			t.push(`[${n.ref}] ${e.selector}`, `  rect: ${Wp(e.rect)}`, `  margin: ${Up(e.margin.top)} ${Up(e.margin.right)} ${Up(e.margin.bottom)} ${Up(e.margin.left)}`, `  padding: ${Up(e.padding.top)} ${Up(e.padding.right)} ${Up(e.padding.bottom)} ${Up(e.padding.left)}`, `  layout: display=${e.layout.display}; position=${e.layout.position}; gap=${e.layout.gap}`, `  typography: ${e.typography.fontSize} / ${e.typography.lineHeight}; weight=${e.typography.fontWeight}; align=${e.typography.textAlign}`), e.text && t.push(`  text: ${JSON.stringify(e.text)}`);
 		}
 	}
 	if (e.visualContext.guides.length) {
 		t.push("", "Relevant guides");
-		for (let n of e.visualContext.guides) t.push(`- ${n.orientation} ${n.orientation === "vertical" ? "x" : "y"}=${Hp(n.position)}`);
+		for (let n of e.visualContext.guides) t.push(`- ${n.orientation} ${n.orientation === "vertical" ? "x" : "y"}=${Up(n.position)}`);
 	}
 	if (e.visualContext.layoutGuides.length) {
 		t.push("", "Layout guides");
 		for (let n of e.visualContext.layoutGuides) {
 			if (!n.visible) continue;
-			let e = n.kind === "grid" ? `grid ${Hp(n.size)}` : `${n.count} ${n.kind}; gutter=${Hp(n.gutter)}; offset=${Hp(n.offset)}; align=${n.align}`;
+			let e = n.kind === "grid" ? `grid ${Up(n.size)}` : `${n.count} ${n.kind}; gutter=${Up(n.gutter)}; offset=${Up(n.offset)}; align=${n.align}`;
 			t.push(`- ${e}; color=${n.color}; opacity=${Math.round(n.opacity * 100)}%`);
 		}
 	}
 	if (e.visualContext.measurements.length) {
 		t.push("", "Relevant measurements");
-		for (let n of e.visualContext.measurements) t.push(`- ${n.targetRef ? `${n.targetRef}: ` : ""}${Up(n.rect)}; delta=${Hp(n.deltaX)} × ${Hp(n.deltaY)}`);
+		for (let n of e.visualContext.measurements) t.push(`- ${n.targetRef ? `${n.targetRef}: ` : ""}${Wp(n.rect)}; delta=${Up(n.deltaX)} × ${Up(n.deltaY)}`);
 	}
 	if (e.visualContext.distances.length) {
 		t.push("", "Relevant distances");
 		for (let n of e.visualContext.distances) {
-			let e = [n.targetARef, n.targetBRef].filter(Boolean).join(" → "), r = [n.horizontal ? `horizontal=${Hp(n.horizontal.value)}` : null, n.vertical ? `vertical=${Hp(n.vertical.value)}` : null].filter(Boolean).join("; ");
+			let e = [n.targetARef, n.targetBRef].filter(Boolean).join(" → "), r = [n.horizontal ? `horizontal=${Up(n.horizontal.value)}` : null, n.vertical ? `vertical=${Up(n.vertical.value)}` : null].filter(Boolean).join("; ");
 			t.push(`- ${e ? `${e}: ` : ""}${r || "overlapping"}`);
 		}
 	}
 	return t.join("\n").trimEnd();
 }
-function Gp(e) {
-	let t = Tp([
+function Kp(e) {
+	let t = Ep([
 		...e.regions,
 		...e.targets.map((e) => e.inspection.rect),
 		...e.visualContext.measurements.map((e) => e.rect),
@@ -10081,7 +10118,7 @@ function Gp(e) {
 		captures: n
 	};
 }
-var Kp = (e, t, n, r, i) => {
+var qp = (e, t, n, r, i) => {
 	!Number.isFinite(r) || !Number.isFinite(i) || Math.abs(r - i) < .01 || e.push({
 		kind: t,
 		label: n,
@@ -10090,16 +10127,16 @@ var Kp = (e, t, n, r, i) => {
 		delta: i - r,
 		unit: "px"
 	});
-}, qp = (e, t, n, r) => e.push({
+}, Jp = (e, t, n, r) => e.push({
 	kind: "missing",
 	evidence: t,
 	id: n,
 	label: r
-}), Jp = (e, t) => Math.abs(e.left - t.left) < .01 && Math.abs(e.top - t.top) < .01 && Math.abs(e.width - t.width) < .01 && Math.abs(e.height - t.height) < .01;
-function Yp(e) {
+}), Yp = (e, t) => Math.abs(e.left - t.left) < .01 && Math.abs(e.top - t.top) < .01 && Math.abs(e.width - t.width) < .01 && Math.abs(e.height - t.height) < .01;
+function Xp(e) {
 	let t = e.runtime.annotation(e.annotationId);
 	if (!t) throw Error(`Mesurer annotation not found: ${e.annotationId}`);
-	let n = Vp({
+	let n = Hp({
 		runtime: e.runtime,
 		ownerDocument: e.ownerDocument,
 		ownerWindow: e.ownerWindow,
@@ -10109,42 +10146,42 @@ function Yp(e) {
 	if (n.scope.kind !== "annotation") throw Error("Mesurer annotation context invariant failed.");
 	let r = e.runtime.snapshot();
 	if (!r) throw Error("Mesurer workspace is not ready yet.");
-	let i = Dp({
+	let i = Op({
 		measurements: r.measurements,
 		activeMeasurement: r.activeMeasurement
 	}), a = [];
 	for (let e of t.baseline.targets) {
 		let t = n.targets.find((t) => t.ref === e.id);
 		if (!t) {
-			qp(a, "target", e.id, e.selector);
+			Jp(a, "target", e.id, e.selector);
 			continue;
 		}
-		Kp(a, "target-rect", `${t.inspection.selector} left`, e.rect.left, t.inspection.rect.left), Kp(a, "target-rect", `${t.inspection.selector} top`, e.rect.top, t.inspection.rect.top), Kp(a, "target-rect", `${t.inspection.selector} width`, e.rect.width, t.inspection.rect.width), Kp(a, "target-rect", `${t.inspection.selector} height`, e.rect.height, t.inspection.rect.height);
+		qp(a, "target-rect", `${t.inspection.selector} left`, e.rect.left, t.inspection.rect.left), qp(a, "target-rect", `${t.inspection.selector} top`, e.rect.top, t.inspection.rect.top), qp(a, "target-rect", `${t.inspection.selector} width`, e.rect.width, t.inspection.rect.width), qp(a, "target-rect", `${t.inspection.selector} height`, e.rect.height, t.inspection.rect.height);
 	}
 	for (let e of t.baseline.guides) {
 		let t = n.visualContext.guides.find((t) => t.id === e.id) ?? r.guides.find((t) => t.id === e.id);
 		if (!t) {
-			qp(a, "guide", e.id, `${e.orientation} guide ${e.id}`);
+			Jp(a, "guide", e.id, `${e.orientation} guide ${e.id}`);
 			continue;
 		}
-		Kp(a, "guide", `${e.orientation} guide ${e.id}`, e.position, t.position);
+		qp(a, "guide", `${e.orientation} guide ${e.id}`, e.position, t.position);
 	}
 	for (let e of t.baseline.measurements) {
 		let r = n.visualContext.measurements.find((t) => t.id === e.id) ?? i.find((t) => t.id === e.id);
 		if (!r) {
-			let r = t.baseline.targets.find((t) => Jp(t.rect, e.rect));
-			r && n.targets.some((e) => e.ref === r.id) || qp(a, "measurement", e.id, e.id);
+			let r = t.baseline.targets.find((t) => Yp(t.rect, e.rect));
+			r && n.targets.some((e) => e.ref === r.id) || Jp(a, "measurement", e.id, e.id);
 			continue;
 		}
-		Kp(a, "measurement", `${e.id} width`, e.rect.width, r.rect.width), Kp(a, "measurement", `${e.id} height`, e.rect.height, r.rect.height);
+		qp(a, "measurement", `${e.id} width`, e.rect.width, r.rect.width), qp(a, "measurement", `${e.id} height`, e.rect.height, r.rect.height);
 	}
 	for (let e of t.baseline.distances) {
 		let t = n.visualContext.distances.find((t) => t.id === e.id) ?? r.heldDistances.find((t) => t.id === e.id);
 		if (!t) {
-			qp(a, "distance", e.id, e.id);
+			Jp(a, "distance", e.id, e.id);
 			continue;
 		}
-		e.horizontal && t.horizontal ? Kp(a, "distance", `${e.id} horizontal`, e.horizontal.value, t.horizontal.value) : e.horizontal && !t.horizontal && qp(a, "distance", e.id, `${e.id} horizontal`), e.vertical && t.vertical ? Kp(a, "distance", `${e.id} vertical`, e.vertical.value, t.vertical.value) : e.vertical && !t.vertical && qp(a, "distance", e.id, `${e.id} vertical`);
+		e.horizontal && t.horizontal ? qp(a, "distance", `${e.id} horizontal`, e.horizontal.value, t.horizontal.value) : e.horizontal && !t.horizontal && Jp(a, "distance", e.id, `${e.id} horizontal`), e.vertical && t.vertical ? qp(a, "distance", `${e.id} vertical`, e.vertical.value, t.vertical.value) : e.vertical && !t.vertical && Jp(a, "distance", e.id, `${e.id} vertical`);
 	}
 	return {
 		schema: "mesurer.review/v1",
@@ -10156,7 +10193,7 @@ function Yp(e) {
 		changes: a
 	};
 }
-async function Xp(e, t, n) {
+async function Zp(e, t, n) {
 	try {
 		if (t.navigator.clipboard?.writeText) {
 			await t.navigator.clipboard.writeText(n);
@@ -10170,43 +10207,43 @@ async function Xp(e, t, n) {
 }
 //#endregion
 //#region src/layout-guides.ts
-var Zp = Pu, Qp = Fu, $p = Iu, em = Lu, tm = () => ({
-	...sd(),
-	version: dp
-}), nm = "mesurer.context", rm = "context:v1", im = "mesurer.context.settings", am = "context.ui", om = "data-mesurer-direct-text-edit-active", sm = {
+var Qp = Fu, $p = Iu, em = Lu, tm = Ru, nm = () => ({
+	...cd(),
+	version: fp
+}), rm = "mesurer.context", im = "context:v1", am = "mesurer.context.settings", om = "context.ui", sm = "data-mesurer-direct-text-edit-active", cm = {
 	viewBox: "0 0 256 256",
 	paths: ["M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z"]
-}, cm = {
+}, lm = {
 	viewBox: "0 0 256 256",
 	paths: ["M152,40a8,8,0,0,1-8,8H112a8,8,0,0,1,0-16h32A8,8,0,0,1,152,40Zm-8,168H112a8,8,0,0,0,0,16h32a8,8,0,0,0,0-16ZM208,32H184a8,8,0,0,0,0,16h24V72a8,8,0,0,0,16,0V48A16,16,0,0,0,208,32Zm8,72a8,8,0,0,0-8,8v32a8,8,0,0,0,16,0V112A8,8,0,0,0,216,104Zm0,72a8,8,0,0,0-8,8v24H184a8,8,0,0,0,0,16h24a16,16,0,0,0,16-16V184A8,8,0,0,0,216,176ZM40,152a8,8,0,0,0,8-8V112a8,8,0,0,0-16,0v32A8,8,0,0,0,40,152Zm32,56H48V184a8,8,0,0,0-16,0v24a16,16,0,0,0,16,16H72a8,8,0,0,0,0-16ZM72,32H48A16,16,0,0,0,32,48V72a8,8,0,0,0,16,0V48H72a8,8,0,0,0,0-16Z"]
-}, lm = {
+}, um = {
 	viewBox: "0 0 256 256",
 	paths: ["M229.66,58.34l-32-32a8,8,0,0,0-11.32,0l-96,96A8,8,0,0,0,88,128v32a8,8,0,0,0,8,8h32a8,8,0,0,0,5.66-2.34l96-96A8,8,0,0,0,229.66,58.34ZM124.69,152H104V131.31l64-64L188.69,88ZM200,76.69,179.31,56,192,43.31,212.69,64ZM224,128v80a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32h80a8,8,0,0,1,0,16H48V208H208V128a8,8,0,0,1,16,0Z"]
-}, um = async (e, t, n = 1) => {
+}, dm = async (e, t, n = 1) => {
 	await e.fonts?.ready;
 	for (let e = 0; e < Math.max(1, n); e += 1) await new Promise((e) => t.requestAnimationFrame(() => e()));
-}, dm = (e, t, n, r) => {
-	let i = async (i) => Vp({
+}, fm = (e, t, n, r) => {
+	let i = async (i) => Hp({
 		runtime: e,
 		ownerDocument: t,
 		ownerWindow: n,
 		request: i,
 		layoutGuides: r()
-	}), a = async (e) => Wp(await i(e));
+	}), a = async (e) => Gp(await i(e));
 	return {
 		context: i,
 		contextText: a,
-		copyContext: async (e) => Xp(t, n, await a(e)),
+		copyContext: async (e) => Zp(t, n, await a(e)),
 		select: async (r) => {
 			let a = Array.isArray(r) ? [...r] : [String(r)];
-			return e.select(a), await um(t, n), i({ scope: "selection" });
+			return e.select(a), await dm(t, n), i({ scope: "selection" });
 		},
 		annotations: async () => e.annotations(),
 		removeAnnotation: async (r) => {
-			e.removeAnnotation(r), await um(t, n);
+			e.removeAnnotation(r), await dm(t, n);
 		},
 		review: async (i) => {
-			if (await um(t, n), i) return Yp({
+			if (await dm(t, n), i) return Xp({
 				runtime: e,
 				ownerDocument: t,
 				ownerWindow: n,
@@ -10214,7 +10251,7 @@ var Zp = Pu, Qp = Fu, $p = Iu, em = Lu, tm = () => ({
 				layoutGuides: r()
 			});
 			let a = r();
-			return e.annotations().map((r) => Yp({
+			return e.annotations().map((r) => Xp({
 				runtime: e,
 				ownerDocument: t,
 				ownerWindow: n,
@@ -10222,38 +10259,47 @@ var Zp = Pu, Qp = Fu, $p = Iu, em = Lu, tm = () => ({
 				layoutGuides: a
 			}));
 		},
-		capturePlan: async (e) => Gp(await i(e)),
+		capturePlan: async (e) => Kp(await i(e)),
 		prepareCapture: async () => {
-			e.prepareCapture(), await um(t, n);
+			e.prepareCapture(), await dm(t, n);
 		},
 		finishCapture: async () => {
-			e.finishCapture(), await um(t, n);
+			e.finishCapture(), await dm(t, n);
 		}
 	};
-}, fm = (e) => {
+}, pm = (e) => {
 	let t = e.currentSelection();
-	return t.elements.length > 0 || t.region !== null;
+	return (t.elements.length > 0 || t.region !== null) && !t.elements.some((e) => {
+		let t = e.ownerDocument;
+		for (; t;) {
+			let e = t.defaultView?.frameElement ?? null;
+			if (!e) return !1;
+			if (e.hasAttribute("data-mesurer-responsive-frame")) return !0;
+			t = e.ownerDocument;
+		}
+		return !1;
+	});
 };
-function pm(e = {}) {
+function mm(e = {}) {
 	return {
-		id: nm,
-		version: dp,
+		id: rm,
+		version: fp,
 		requires: ["runtime:solid"],
-		provides: [rm],
+		provides: [im],
 		setup(t) {
 			let n = t.service.get("runtime:solid");
 			if (!n) throw Error("Mesurer context plugin requires the renderer runtime service.");
-			let r = n.createWorkspaceRuntime(nm), i = dm(r, n.ownerDocument, n.ownerWindow, () => t.service.get(Qp)?.list() ?? []);
-			t.service.provide(rm, i), t.state.register({
-				id: im,
+			let r = n.createWorkspaceRuntime(rm), i = fm(r, n.ownerDocument, n.ownerWindow, () => t.service.get($p)?.list() ?? []);
+			t.service.provide(im, i), t.state.register({
+				id: am,
 				initial: { ui: e.ui ?? !0 },
 				persist: !0
 			}), t.state.register({
-				id: am,
-				initial: { hasSelection: fm(r) }
+				id: om,
+				initial: { hasSelection: pm(r) }
 			});
-			let a = () => t.state.get("mesurer.context.settings")?.ui ?? !0, o = () => t.state.get(am)?.hasSelection === !0, s = (e) => {
-				t.state.update(im, (t) => ({
+			let a = () => t.state.get("mesurer.context.settings")?.ui ?? !0, o = () => pm(r), s = (e) => {
+				t.state.update(am, (t) => ({
 					...t,
 					ui: e
 				}));
@@ -10266,22 +10312,22 @@ function pm(e = {}) {
 					elements: [...e.elements],
 					region: e.region ? { ...e.region } : null
 				}, r.selectGestureActive() ? c?.abandonNoteComposer() : n && c?.closeNoteComposer();
-				let i = e.elements.length > 0 || e.region !== null;
-				i !== (t.state.get(am)?.hasSelection ?? !1) && t.state.update(am, () => ({ hasSelection: i }));
+				let i = pm(r);
+				i !== (t.state.get(om)?.hasSelection ?? !1) && t.state.update(om, () => ({ hasSelection: i }));
 			});
 			t.command.register("context.copy", () => i.copyContext()), t.command.register("context.copy-selection", () => i.copyContext({ scope: "selection" }));
 			let g = () => {
 				let e = u?.element;
-				e && (n.rendererRoot?.hasAttribute(om) ? e.setAttribute(om, "true") : e.removeAttribute(om));
+				e && (n.rendererRoot?.hasAttribute(sm) ? e.setAttribute(sm, "true") : e.removeAttribute(sm));
 			}, _ = () => {
 				d?.disconnect(), d = null, c = null, l?.(), l = null, u?.dispose(), u = null;
 			}, v = () => {
 				if (u) return;
-				if (u = uu(n), u.element.dataset.mesurerLayer = "evidence", u.element.dataset.mesurerContextRoot = "true", n.rendererRoot) {
+				if (u = du(n), u.element.dataset.mesurerLayer = "evidence", u.element.dataset.mesurerContextRoot = "true", n.rendererRoot) {
 					let e = new n.ownerWindow.MutationObserver(g);
 					d = e, e.observe(n.rendererRoot, {
 						attributes: !0,
-						attributeFilter: [om]
+						attributeFilter: [sm]
 					}), g();
 				}
 				let e = {
@@ -10293,20 +10339,22 @@ function pm(e = {}) {
 					coordinateSpace: "document",
 					rendererRoot: n.rendererRoot
 				};
-				l = Ur(() => Or(ou, yr(e, { get ownerWindow() {
+				l = Ur(() => Or(su, yr(e, { get ownerWindow() {
 					return n.ownerWindow;
 				} })), u.element);
 			}, y = () => {
 				a() ? v() : _();
 			};
-			y(), t.state.subscribe(y), t.command.register("context.add-note", () => c?.openNoteComposer()), t.tool.register({
+			y(), t.state.subscribe(y), t.command.register("context.add-note", () => {
+				o() && c?.openNoteComposer();
+			}), t.tool.register({
 				id: "context.copy",
 				label: "Copy context",
 				shortcut: "C",
 				command: "context.copy",
 				order: 70,
 				toolbarMode: "always",
-				icon: sm,
+				icon: cm,
 				hidden: () => !a()
 			}), t.tool.register({
 				id: "context.copy-selection",
@@ -10315,7 +10363,7 @@ function pm(e = {}) {
 				command: "context.copy-selection",
 				order: 71,
 				toolbarMode: "always",
-				icon: cm,
+				icon: lm,
 				hidden: () => !a(),
 				disabled: () => !o()
 			}), t.tool.register({
@@ -10325,7 +10373,7 @@ function pm(e = {}) {
 				command: "context.add-note",
 				order: 72,
 				toolbarMode: "always",
-				icon: lm,
+				icon: um,
 				hidden: () => !a(),
 				disabled: () => !o()
 			}), t.settings.register({
@@ -10348,7 +10396,7 @@ function pm(e = {}) {
 }
 //#endregion
 //#region src/plugins/codex/index.ts
-var mm = "mesurer.codex", hm = "codex:v1", gm = "mesurer.plugin.before-disable", _m = 2e3, vm = 750, ym = 2e3, bm = 1800, xm = 2e3, Sm = 12e4, Cm = 10, wm = 5, Tm = "http://127.0.0.1:47365", Em = "mesurer-codex", Dm = 2, Om = [
+var hm = "mesurer.codex", gm = "codex:v1", _m = "mesurer.plugin.before-disable", vm = 2e3, ym = 750, bm = 2e3, xm = 1800, Sm = 2e3, Cm = 12e4, wm = 10, Tm = 5, Em = "http://127.0.0.1:47365", Dm = "mesurer-codex", Om = 2, km = [
 	"thread-discovery-v1",
 	"durable-queue-v1",
 	"history-recovery-v2",
@@ -10356,33 +10404,33 @@ var mm = "mesurer.codex", hm = "codex:v1", gm = "mesurer.plugin.before-disable",
 	"idle-safe-shutdown-v1",
 	"nonterminal-retention-v1",
 	"instance-binding-v1"
-], km = 1500, Am = 15e3, jm = 5e3, Mm = [
+], Am = 1500, jm = 15e3, Mm = 5e3, Nm = [
 	"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(" "), Nm = {
+].join(" "), Pm = {
 	viewBox: "0 0 256 256",
 	paths: ["M224,48,32,120l88,32,32,88Z M120,152l104-104"]
-}, Pm = {
+}, Fm = {
 	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"]
-}, Fm = {
+}, Im = {
 	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"]
-}, Im = class extends Error {
+}, Lm = class extends Error {
 	issue;
 	constructor(e, t) {
 		super(t), this.issue = e, this.name = "BrowserBridgeConnectionError";
 	}
-}, Lm = () => {
+}, Rm = () => {
 	try {
 		let e = globalThis.location;
 		return e?.origin ? `mesurer-codex-ui:v2:${e.origin}${e.pathname}` : null;
 	} catch {
 		return null;
 	}
-}, Rm = () => {
-	let e = Lm();
+}, zm = () => {
+	let e = Rm();
 	if (!e) return null;
 	try {
 		let t = globalThis.sessionStorage?.getItem(e);
@@ -10408,35 +10456,35 @@ var mm = "mesurer.codex", hm = "codex:v1", gm = "mesurer.plugin.before-disable",
 	} catch {
 		return null;
 	}
-}, zm = (e) => {
-	let t = Lm();
+}, Bm = (e) => {
+	let t = Rm();
 	if (t) try {
 		globalThis.sessionStorage?.setItem(t, JSON.stringify(e));
 	} catch {}
-}, Bm = (e) => {
-	let t = Tm.endsWith("/") ? Tm : `${Tm}/`;
-	return new URL(e, t).toString();
 }, Vm = (e) => {
+	let t = Em.endsWith("/") ? Em : `${Em}/`;
+	return new URL(e, t).toString();
+}, Hm = (e) => {
 	let t = e.bridge;
-	if (!t) throw new Im("port-conflict", "Another local service or an outdated Mesurer Codex Bridge is using port 47365. Mesurer will not send data to an unverified service.");
-	if (t.name !== Em) throw new Im("port-conflict", `Another local service is using port 47365 (${t.name ?? "unknown"}). Mesurer will not send Codex data to it.`);
-	if (t.protocol !== Dm) throw new Im("version-mismatch", `Mesurer Codex Bridge is out of date (protocol ${t.protocol ?? "unknown"}; expected ${Dm}). Restart the matching Mesurer Codex Bridge helper.`);
-	if (e.access?.allowed === !1) throw new Im("origin-denied", `Mesurer Codex Bridge does not allow this browser origin (${globalThis.location?.origin ?? "this page"}). Allow this origin when starting the bridge.`);
-	let n = new Set(Array.isArray(t.capabilities) ? t.capabilities : []), r = Om.filter((e) => !n.has(e));
-	if (r.length > 0) throw new Im("capability-mismatch", `Mesurer Codex Bridge is missing required capabilities: ${r.join(", ")}. Restart or update the matching helper.`);
-	if (!t.instanceId?.trim()) throw new Im("capability-mismatch", "Mesurer Codex Bridge did not provide an instance identity. Restart or update the matching helper.");
-}, Hm = (e) => e.includes("does not allow this browser origin") ? "origin-denied" : e.includes("out of date") ? "version-mismatch" : e.includes("missing required capabilities") || e.includes("did not provide an instance identity") ? "capability-mismatch" : e.includes("Another local service") ? "port-conflict" : e.includes("instance changed") ? "instance-changed" : e.includes("timed out") ? "timed-out" : e.includes("companion is unavailable") ? "not-running" : null, Um = (e) => e instanceof Im ? e.issue : e instanceof Error ? Hm(e.message) : null, Wm = async (e) => {
+	if (!t) throw new Lm("port-conflict", "Another local service or an outdated Mesurer Codex Bridge is using port 47365. Mesurer will not send data to an unverified service.");
+	if (t.name !== Dm) throw new Lm("port-conflict", `Another local service is using port 47365 (${t.name ?? "unknown"}). Mesurer will not send Codex data to it.`);
+	if (t.protocol !== Om) throw new Lm("version-mismatch", `Mesurer Codex Bridge is out of date (protocol ${t.protocol ?? "unknown"}; expected ${Om}). Restart the matching Mesurer Codex Bridge helper.`);
+	if (e.access?.allowed === !1) throw new Lm("origin-denied", `Mesurer Codex Bridge does not allow this browser origin (${globalThis.location?.origin ?? "this page"}). Allow this origin when starting the bridge.`);
+	let n = new Set(Array.isArray(t.capabilities) ? t.capabilities : []), r = km.filter((e) => !n.has(e));
+	if (r.length > 0) throw new Lm("capability-mismatch", `Mesurer Codex Bridge is missing required capabilities: ${r.join(", ")}. Restart or update the matching helper.`);
+	if (!t.instanceId?.trim()) throw new Lm("capability-mismatch", "Mesurer Codex Bridge did not provide an instance identity. Restart or update the matching helper.");
+}, Um = (e) => e.includes("does not allow this browser origin") ? "origin-denied" : e.includes("out of date") ? "version-mismatch" : e.includes("missing required capabilities") || e.includes("did not provide an instance identity") ? "capability-mismatch" : e.includes("Another local service") ? "port-conflict" : e.includes("instance changed") ? "instance-changed" : e.includes("timed out") ? "timed-out" : e.includes("companion is unavailable") ? "not-running" : null, Wm = (e) => e instanceof Lm ? e.issue : e instanceof Error ? Um(e.message) : null, Gm = async (e) => {
 	let t, n;
-	if (e.action === "health") t = Bm("health");
+	if (e.action === "health") t = Vm("health");
 	else if (e.action === "threads") {
 		let n = new URLSearchParams();
-		n.set("limit", String(e.limit ?? Cm)), e.thread && n.set("thread", e.thread), t = `${Bm("threads")}?${n.toString()}`;
-	} else if (e.action === "target") t = Bm("target"), n = {
+		n.set("limit", String(e.limit ?? wm)), e.thread && n.set("thread", e.thread), t = `${Vm("threads")}?${n.toString()}`;
+	} else if (e.action === "target") t = Vm("target"), n = {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({ thread: e.thread })
 	};
-	else if (e.action === "queue") t = Bm("send"), n = {
+	else if (e.action === "queue") t = Vm("send"), n = {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({
@@ -10444,8 +10492,8 @@ var mm = "mesurer.codex", hm = "codex:v1", gm = "mesurer.plugin.before-disable",
 			thread: e.thread
 		})
 	};
-	else if (e.action === "delivery") t = Bm(`deliveries/${encodeURIComponent(String(e.deliveryId ?? ""))}`);
-	else if (e.action === "restore") t = Bm("deliveries/restore"), n = {
+	else if (e.action === "delivery") t = Vm(`deliveries/${encodeURIComponent(String(e.deliveryId ?? ""))}`);
+	else if (e.action === "restore") t = Vm("deliveries/restore"), n = {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({
@@ -10459,14 +10507,14 @@ var mm = "mesurer.codex", hm = "codex:v1", gm = "mesurer.plugin.before-disable",
 	else throw Error(`Codex browser companion does not support ${e.action}.`);
 	if (e.action !== "health") {
 		let t = e.bridgeInstanceId?.trim();
-		if (!t) throw new Im("instance-changed", "Mesurer Codex Bridge instance changed before this request could be verified.");
+		if (!t) throw new Lm("instance-changed", "Mesurer Codex Bridge instance changed before this request could be verified.");
 		let r = new Headers(n?.headers);
 		r.set("X-Mesurer-Bridge-Instance", t), n = {
 			...n,
 			headers: r
 		};
 	}
-	let r = new AbortController(), i = e.action === "health" || e.action === "threads" ? km : Am, a = globalThis.setTimeout(() => r.abort(), i);
+	let r = new AbortController(), i = e.action === "health" || e.action === "threads" ? Am : jm, a = globalThis.setTimeout(() => r.abort(), i);
 	try {
 		let i = await fetch(t, {
 			...n,
@@ -10477,23 +10525,23 @@ var mm = "mesurer.codex", hm = "codex:v1", gm = "mesurer.plugin.before-disable",
 		} catch {
 			o = { error: a };
 		}
-		if (e.action === "health" && Vm(o), !i.ok || o.ok === !1) {
-			let e = o.error ?? `Mesurer Codex companion returned HTTP ${i.status}.`, t = Hm(e);
-			throw t ? new Im(t, e) : Error(e);
+		if (e.action === "health" && Hm(o), !i.ok || o.ok === !1) {
+			let e = o.error ?? `Mesurer Codex companion returned HTTP ${i.status}.`, t = Um(e);
+			throw t ? new Lm(t, e) : Error(e);
 		}
 		return o;
 	} catch (e) {
-		throw e instanceof Error && e.name === "AbortError" ? new Im("timed-out", "Mesurer Codex companion timed out.") : e instanceof TypeError ? new Im("not-running", `Mesurer Codex companion is unavailable at ${Tm}.`) : e;
+		throw e instanceof Error && e.name === "AbortError" ? new Lm("timed-out", "Mesurer Codex companion timed out.") : e instanceof TypeError ? new Lm("not-running", `Mesurer Codex companion is unavailable at ${Em}.`) : e;
 	} finally {
 		globalThis.clearTimeout(a);
 	}
-}, Gm = async (e) => {
+}, Km = async (e) => {
 	let t = window.__MESURER_HOST__?.codexBridge;
 	if (!t) throw Error("Codex native host bridge is unavailable.");
 	let n = await t(e);
 	if (n.ok === !1) throw Error(n.error ?? "Codex Bridge request failed.");
 	return n;
-}, Km = (e) => {
+}, qm = (e) => {
 	let t = e.runtime;
 	return !t || ![
 		"shared",
@@ -10511,10 +10559,10 @@ var mm = "mesurer.codex", hm = "codex:v1", gm = "mesurer.plugin.before-disable",
 		available: t.available === !0,
 		reason: t.reason
 	};
-}, qm = (e) => ({
+}, Jm = (e) => ({
 	thread: e.thread?.trim() || null,
 	threads: Array.isArray(e.threads) ? e.threads.filter((e) => e.trim().length > 0) : []
-}), Jm = (e) => {
+}), Ym = (e) => {
 	let t = e.deliveryId?.trim(), n = e.thread?.trim(), r = e.status;
 	if (!t || !n || !r) throw Error("Codex Bridge returned an invalid delivery state.");
 	let i = {
@@ -10526,7 +10574,7 @@ var mm = "mesurer.codex", hm = "codex:v1", gm = "mesurer.plugin.before-disable",
 		updatedAt: Number.isFinite(e.updatedAt) ? Number(e.updatedAt) : 0
 	};
 	return e.queuedSubmissionId !== void 0 && (i.queuedSubmissionId = e.queuedSubmissionId?.trim() || null), e.clientUserMessageId !== void 0 && (i.clientUserMessageId = e.clientUserMessageId?.trim() || null), e.dispatch !== void 0 && (i.dispatch = e.dispatch), e.dispatchError !== void 0 && (i.dispatchError = e.dispatchError?.trim() || null), i;
-}, Ym = (e) => ({
+}, Xm = (e) => ({
 	thread: e.thread?.trim() || null,
 	threads: Array.isArray(e.threadDetails) ? e.threadDetails.flatMap((e) => {
 		let t = e.id?.trim() ?? "";
@@ -10538,7 +10586,7 @@ var mm = "mesurer.codex", hm = "codex:v1", gm = "mesurer.plugin.before-disable",
 		}] : [];
 	}) : [],
 	hasMore: e.hasMore === !0
-}), Xm = async (e, t, n) => {
+}), Zm = 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] : [];
@@ -10561,18 +10609,18 @@ var mm = "mesurer.codex", hm = "codex:v1", gm = "mesurer.plugin.before-disable",
 			])
 		].join("\n").trimEnd()
 	};
-}, Zm = (e) => e.length > 16 ? `${e.slice(0, 8)}…${e.slice(-4)}` : e, Qm = (e, t = 42) => e.length > t ? `${e.slice(0, t - 1)}…` : e, $m = (e) => Um(e) !== null || e instanceof Error && (e.message === "Codex Bridge is unavailable in this host." || e.message.includes("Codex Bridge lease") || e.message.includes("Mesurer Codex Bridge"));
-function eh(e = {}) {
-	let t = e.instruction?.trim() || Mm, n = e.ui ?? !0, r = e.clearCompletedAnnotations ?? !0;
+}, Qm = (e) => e.length > 16 ? `${e.slice(0, 8)}…${e.slice(-4)}` : e, $m = (e, t = 42) => e.length > t ? `${e.slice(0, t - 1)}…` : e, eh = (e) => Wm(e) !== null || e instanceof Error && (e.message === "Codex Bridge is unavailable in this host." || e.message.includes("Codex Bridge lease") || e.message.includes("Mesurer Codex Bridge"));
+function th(e = {}) {
+	let t = e.instruction?.trim() || Nm, n = e.ui ?? !0, r = e.clearCompletedAnnotations ?? !0;
 	return {
-		id: mm,
-		version: dp,
-		requires: [rm],
-		provides: [hm],
+		id: hm,
+		version: fp,
+		requires: [im],
+		provides: [gm],
 		async setup(e) {
-			let i = e.service.get(rm);
+			let i = e.service.get(im);
 			if (!i) throw Error("Mesurer Codex plugin requires context() from mesurer-solid/plugins.");
-			let a = n ? Rm() : 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 = wm, _, v = "", y = null, b = a?.delivery ? {
+			let a = n ? zm() : 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 = Tm, _, v = "", y = null, b = a?.delivery ? {
 				id: a.delivery.id,
 				thread: a.delivery.thread,
 				status: a.delivery.status,
@@ -10585,22 +10633,22 @@ function eh(e = {}) {
 				if (!k) try {
 					let t = e.action === "queue" || e.action === "target" || e.action === "delivery" || e.action === "restore";
 					if (e.action === "health") {
-						let t = await Wm(e);
+						let t = await Gm(e);
 						return D = t.bridge?.instanceId?.trim() || null, E = Date.now(), t;
 					}
-					return (!D || t || Date.now() - E >= jm) && (D = (await Wm({
+					return (!D || t || Date.now() - E >= Mm) && (D = (await Gm({
 						action: "health",
 						thread: u ?? l ?? void 0
-					})).bridge?.instanceId?.trim() || null, E = Date.now()), await Wm({
+					})).bridge?.instanceId?.trim() || null, E = Date.now()), await Gm({
 						...e,
 						bridgeInstanceId: D ?? void 0
 					});
 				} catch (e) {
 					throw E = 0, D = null, e;
 				}
-				if (e.action === "activate" || e.action === "runtime") return Gm(e);
+				if (e.action === "activate" || e.action === "runtime") return Km(e);
 				if (!T) throw Error("Codex Bridge lease is not active for this plugin.");
-				return Gm({
+				return Km({
 					...e,
 					leaseId: T
 				});
@@ -10608,7 +10656,7 @@ function eh(e = {}) {
 				if (!k) return;
 				let e = T;
 				if (e) {
-					if ((await Gm({
+					if ((await Km({
 						action: "deactivate",
 						leaseId: e
 					})).released !== !0) throw Error("Codex Bridge did not confirm lease release.");
@@ -10616,13 +10664,13 @@ function eh(e = {}) {
 				}
 			};
 			if (k) {
-				let e = await Gm({
+				let e = await Km({
 					action: "activate",
 					thread: u ?? l ?? void 0
 				}), t = e.leaseId?.trim();
 				if (!t) throw Error("Codex Bridge did not return an activation lease.");
-				T = t, o = "available", s = Km(e);
-				let n = qm(e);
+				T = t, o = "available", s = qm(e);
+				let n = Jm(e);
 				c = !0, f = n.thread, p = n.threads;
 			}
 			e.lifecycle.onDispose(() => {
@@ -10630,12 +10678,12 @@ function eh(e = {}) {
 					let t = e instanceof Error ? e.message : String(e);
 					console.error(`[Mesurer] Failed to release Codex host lease: ${t}`);
 				});
-			}), e.hook.on(gm, async (e) => {
+			}), e.hook.on(_m, async (e) => {
 				e === "mesurer.codex" && await j();
 			});
 			let M = async () => {
 				if (!k) return null;
-				let e = Km(await A({ action: "runtime" }));
+				let e = qm(await A({ action: "runtime" }));
 				if (!e) throw Error("Codex Bridge returned an invalid runtime state.");
 				return s = e, e;
 			}, N = async () => {
@@ -10643,8 +10691,8 @@ function eh(e = {}) {
 					action: "health",
 					thread: u ?? l ?? void 0
 				});
-				return s = Km(e) ?? s, qm(e);
-			}, P = N, F = async (e) => Jm(await A({
+				return s = qm(e) ?? s, Jm(e);
+			}, P = N, F = async (e) => Ym(await A({
 				action: "delivery",
 				deliveryId: e
 			})), I = async (e) => {
@@ -10656,17 +10704,17 @@ function eh(e = {}) {
 				};
 				if (e.queuedSubmissionId && (n.queuedSubmissionId = e.queuedSubmissionId), e.clientUserMessageId) n.clientUserMessageId = e.clientUserMessageId;
 				else if (e.annotationIds.length > 0) {
-					let r = await Xm(i, { annotationIds: e.annotationIds }, t);
+					let r = await Zm(i, { annotationIds: e.annotationIds }, t);
 					if (!(r.annotationIds.length === e.annotationIds.length && r.annotationIds.every((t, n) => t === e.annotationIds[n]))) throw Error("Cannot safely restore this Codex delivery because one or more saved Mesurer annotations are unavailable.");
 					n.message = r.message;
 				}
-				return Jm(await A(n));
+				return Ym(await A(n));
 			}, L = async (e = {}) => {
 				let t = {
 					action: "threads",
-					limit: e.limit ?? Cm
+					limit: e.limit ?? wm
 				}, n = e.thread?.trim();
-				return n && (t.thread = n), Ym(await A(t));
+				return n && (t.thread = n), Xm(await A(t));
 			}, R = () => u ?? l ?? (d ? null : f), z = () => {
 				if (!n) return;
 				let e = b?.id && (b.status === "queued" || b.status === "working" || b.status === "completed" || b.status === "interrupted" || b.status === "failed") ? {
@@ -10679,7 +10727,7 @@ function eh(e = {}) {
 					dispatch: b.dispatch,
 					dispatchError: b.dispatchError
 				} : null;
-				zm({
+				Bm({
 					version: 1,
 					originThread: l,
 					selectedThread: u,
@@ -10697,12 +10745,12 @@ function eh(e = {}) {
 				"queueing",
 				"queued",
 				"working"
-			].includes(b.status) ? Pm : b.status === "completed" ? Fm : Nm : Nm, W = () => {
+			].includes(b.status) ? Fm : b.status === "completed" ? Im : Pm : Pm, W = () => {
 				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 ${Zm(e)}`,
+					title: `Codex ${Qm(e)}`,
 					updatedAt: null,
 					connected: !0
 				});
@@ -10740,22 +10788,22 @@ function eh(e = {}) {
 					let t = e.id === l ? "Current · " : e.connected ? "Loaded · " : "", r = b?.thread === e.id ? ` · ${H(b.status)}` : "";
 					return {
 						id: `codex.thread.${e.id}`,
-						label: `${t}${Qm(e.title)}${r}`,
+						label: `${t}${$m(e.title)}${r}`,
 						checked: () => n === e.id,
 						disabled: () => V(),
 						run() {
 							V() || (B(e.id, !l), K());
 						}
 					};
-				})), g < Cm && (e.length > g || h) && r.push({
+				})), g < wm && (e.length > g || h) && r.push({
 					id: "codex.thread.show-more",
 					label: "Show 5 more…",
 					run() {
-						g = Cm, K();
+						g = wm, K();
 					}
 				}), b?.queuedSubmissionId && b.status === "queued" && (b.dispatch === "desktop-opened" || b.dispatch === "desktop-wake-failed") && r.push({
 					id: "codex.delivery.receipt",
-					label: `Receipt · ${Zm(b.queuedSubmissionId)}`,
+					label: `Receipt · ${Qm(b.queuedSubmissionId)}`,
 					disabled: () => !0,
 					run: () => void 0
 				}), r;
@@ -10792,7 +10840,7 @@ function eh(e = {}) {
 			}, ie = async (e) => {
 				if (o !== "available") return;
 				let t = await L({
-					limit: Cm,
+					limit: wm,
 					thread: e ?? void 0
 				});
 				m = t.threads, h = t.hasMore, p = t.threads.filter((e) => e.connected).map((e) => e.id), f = t.thread;
@@ -10804,7 +10852,7 @@ function eh(e = {}) {
 					let t = u ?? l;
 					t && p.includes(t) ? d = !1 : p.length === 1 ? B(p[0], !0) : d = !0, !d && t && z();
 				} catch (e) {
-					throw o = "unavailable", O = k ? null : Um(e) ?? "unavailable", s = await M().catch(() => s), e;
+					throw o = "unavailable", O = k ? null : Wm(e) ?? "unavailable", s = await M().catch(() => s), e;
 				} finally {
 					y = null, K();
 				}
@@ -10814,7 +10862,7 @@ function eh(e = {}) {
 			}, oe = () => {
 				S && globalThis.clearTimeout(S), S = globalThis.setTimeout(() => {
 					S = 0, b?.status === "completed" && (b = null, z(), K());
-				}, bm);
+				}, xm);
 			}, se = async (e) => {
 				if (!(!b || b.id !== e.id)) {
 					if (b = {
@@ -10843,7 +10891,7 @@ function eh(e = {}) {
 							if (t || n.length > 0) {
 								z(), K(), x = globalThis.setTimeout(() => {
 									x = 0, ce(e.id);
-								}, vm);
+								}, ym);
 								return;
 							}
 						}
@@ -10853,14 +10901,14 @@ function eh(e = {}) {
 					if (e.status === "interrupted") {
 						z(), K();
 						let t = e.updatedAt > 0 ? e.updatedAt : Date.now();
-						Date.now() - t < Sm && (x = globalThis.setTimeout(() => {
+						Date.now() - t < Cm && (x = globalThis.setTimeout(() => {
 							x = 0, ce(e.id);
-						}, xm));
+						}, Sm));
 						return;
 					}
 					K(), x = globalThis.setTimeout(() => {
 						x = 0, ce(e.id);
-					}, ym);
+					}, bm);
 				}
 			}, ce = async (e) => {
 				if (!(w || b?.id !== e)) try {
@@ -10884,7 +10932,7 @@ function eh(e = {}) {
 					b = {
 						...b,
 						status: "failed"
-					}, z(), $m(n) && (o = "unavailable"), K();
+					}, z(), eh(n) && (o = "unavailable"), K();
 				}
 			}, q = {
 				health: N,
@@ -10896,11 +10944,11 @@ function eh(e = {}) {
 					let n = await A({
 						action: "target",
 						thread: t
-					}), r = qm(n);
-					return s = Km(n) ?? s, B(t, !l), f = r.thread, p = r.threads, o = "available", c = !0, K(), r;
+					}), r = Jm(n);
+					return s = qm(n) ?? s, B(t, !l), f = r.thread, p = r.threads, o = "available", c = !0, K(), r;
 				},
 				async queue(e) {
-					let r = await Xm(i, e, t), a = e?.thread?.trim(), s = a || (n ? R() : null);
+					let r = await Zm(i, e, t), a = e?.thread?.trim(), s = a || (n ? R() : null);
 					if (n && !a && (d || !s)) throw Error("Choose a Codex thread before queueing feedback.");
 					let c = { message: r.message };
 					s && (c.thread = s);
@@ -10920,14 +10968,14 @@ function eh(e = {}) {
 						};
 						return e.queuedSubmissionId !== void 0 && (n.queuedSubmissionId = e.queuedSubmissionId?.trim() || null), e.clientUserMessageId !== void 0 && (n.clientUserMessageId = e.clientUserMessageId?.trim() || null), e.dispatch !== void 0 && (n.dispatch = e.dispatch), e.dispatchError !== void 0 && (n.dispatchError = e.dispatchError?.trim() || null), n;
 					} catch (e) {
-						throw n && $m(e) && (o = "unavailable", O = k ? null : Um(e) ?? "unavailable", K()), e;
+						throw n && eh(e) && (o = "unavailable", O = k ? null : Wm(e) ?? "unavailable", K()), e;
 					}
 				},
 				send(e) {
 					return q.queue(e);
 				}
 			};
-			e.service.provide(hm, q);
+			e.service.provide(gm, q);
 			let le = async () => {
 				if (!(C || V())) {
 					if (b?.status === "failed" && b.id) {
@@ -10965,9 +11013,9 @@ function eh(e = {}) {
 								updatedAt: 0
 							}) : x = globalThis.setTimeout(() => {
 								x = 0, ce(e.deliveryId);
-							}, vm) : S = globalThis.setTimeout(() => {
+							}, ym) : S = globalThis.setTimeout(() => {
 								S = 0, b?.id === null && b?.status === "queued" && (b = null, z(), K());
-							}, bm);
+							}, xm);
 						} catch (e) {
 							b = null, z(), K();
 							let t = e instanceof Error ? e.message : String(e);
@@ -10996,7 +11044,7 @@ function eh(e = {}) {
 				}, 0));
 				let t = globalThis.setInterval(() => {
 					k && !c || te(!0).catch(() => void 0);
-				}, k ? _m : jm);
+				}, k ? vm : Mm);
 				e.lifecycle.onDispose(() => {
 					w = !0, ae(), globalThis.clearInterval(t), _?.dispose(), _ = void 0;
 				});
@@ -11006,15 +11054,15 @@ function eh(e = {}) {
 }
 //#endregion
 //#region src/recording.ts
-var th = uf, nh = df, rh = ff, ih = (e = {}) => ({
-	...jf(e),
-	version: dp
-}), ah = qf, oh = Wf, sh = Gf, ch = Kf, lh = 4, uh = so, dh = (e, t) => Ra(e, t), fh = (e = /* @__PURE__ */ new Date()) => za(e), ph = (e, t, n, r) => La(e, t, n, r), mh = (e, t, n) => Ia(e, t, n), hh = (e, t) => io(e, t), gh = (e) => oo(e), _h = (e = {}) => ({
-	...up(e),
-	version: dp
-}), vh = (e) => Va(e), yh = (e) => ({
+var nh = df, rh = ff, ih = pf, ah = (e = {}) => ({
+	...Mf(e),
+	version: fp
+}), oh = Jf, sh = Gf, ch = Kf, lh = qf, uh = 4, dh = so, fh = (e, t) => Ra(e, t), ph = (e = /* @__PURE__ */ new Date()) => za(e), mh = (e, t, n, r) => La(e, t, n, r), hh = (e, t, n) => Ia(e, t, n), gh = (e, t) => io(e, t), _h = (e) => oo(e), vh = (e = {}) => ({
+	...dp(e),
+	version: fp
+}), yh = (e) => Va(e), bh = (e) => ({
 	...e,
-	version: dp
-}), bh = () => yh(Fl()), xh = () => yh(Il()), Sh = () => yh(Ll()), Ch = () => yh(Rl()), wh = () => yh(Bl()), Th = () => yh(Vl()), Eh = () => yh(Ul()), Dh = () => yh(Hl()), Oh = () => Wl().map(yh), kh = (e = [], t = []) => Gl(e, t).map((e) => e.id.startsWith("mesurer.") ? yh(e) : e);
+	version: fp
+}), xh = () => bh(Il()), Sh = () => bh(Ll()), Ch = () => bh(Rl()), wh = () => bh(zl()), Th = () => bh(Vl()), Eh = () => bh(Hl()), Dh = () => bh(Wl()), Oh = () => bh(Ul()), kh = () => Gl().map(bh), Ah = (e = [], t = []) => Kl(e, t).map((e) => e.id.startsWith("mesurer.") ? bh(e) : e);
 //#endregion
-export { fp as MESURER_ARRANGE_ACTIVE_STATE_ID, pp as MESURER_ARRANGE_PLUGIN_ID, mp as MESURER_ARRANGE_SERVICE_ID, hp as MESURER_ARRANGE_SETTINGS_STATE_ID, gp as MESURER_ARRANGE_STATE_ID, mm as MESURER_CODEX_PLUGIN_ID, hm as MESURER_CODEX_SERVICE_ID, nm as MESURER_CONTEXT_PLUGIN_ID, rm as MESURER_CONTEXT_SERVICE_ID, im as MESURER_CONTEXT_SETTINGS_STATE_ID, yp as MESURER_EDIT_ACTIVE_STATE_ID, bp as MESURER_EDIT_PLUGIN_ID, xp as MESURER_EDIT_SERVICE_ID, Sp as MESURER_EDIT_SETTINGS_STATE_ID, Cp as MESURER_EDIT_STATE_ID, em as MESURER_LAYOUT_GUIDES_ACTIVE_STATE_ID, Zp as MESURER_LAYOUT_GUIDES_PLUGIN_ID, Qp as MESURER_LAYOUT_GUIDES_SERVICE_ID, $p as MESURER_LAYOUT_GUIDES_STATE_ID, th as MESURER_RECORDING_PLUGIN_ID, nh as MESURER_RECORDING_SERVICE_ID, rh as MESURER_RECORDING_SETTINGS_STATE_ID, ah as MESURER_SCREENSHOT_ACTIVE_STATE_ID, oh as MESURER_SCREENSHOT_PLUGIN_ID, sh as MESURER_SCREENSHOT_SERVICE_ID, ch as MESURER_SCREENSHOT_SETTINGS_STATE_ID, lh as MIN_SCREENSHOT_SELECTION, _p as arrange, uh as captureVisibleTabPng, eh as codex, Sh as colorPicker, kh as compose, pm as context, dh as copyPngToClipboard, fh as createScreenshotFilename, ph as cropPngToViewportRect, Oh as defaults, Eh as distance, vp as edit, Th as guides, tm as layoutGuides, mh as normalizeScreenshotRect, hh as prepareScreenshotCapture, ih as recording, gh as releaseScreenshotCapture, Ch as rulers, _h as screenshot, bh as select, Dh as settings, wh as typography, vh as waitForNextPaint, xh as xray };
+export { pp as MESURER_ARRANGE_ACTIVE_STATE_ID, mp as MESURER_ARRANGE_PLUGIN_ID, hp as MESURER_ARRANGE_SERVICE_ID, gp as MESURER_ARRANGE_SETTINGS_STATE_ID, _p as MESURER_ARRANGE_STATE_ID, hm as MESURER_CODEX_PLUGIN_ID, gm as MESURER_CODEX_SERVICE_ID, rm as MESURER_CONTEXT_PLUGIN_ID, im as MESURER_CONTEXT_SERVICE_ID, am as MESURER_CONTEXT_SETTINGS_STATE_ID, bp as MESURER_EDIT_ACTIVE_STATE_ID, xp as MESURER_EDIT_PLUGIN_ID, Sp as MESURER_EDIT_SERVICE_ID, Cp as MESURER_EDIT_SETTINGS_STATE_ID, wp as MESURER_EDIT_STATE_ID, tm as MESURER_LAYOUT_GUIDES_ACTIVE_STATE_ID, Qp as MESURER_LAYOUT_GUIDES_PLUGIN_ID, $p as MESURER_LAYOUT_GUIDES_SERVICE_ID, em as MESURER_LAYOUT_GUIDES_STATE_ID, nh as MESURER_RECORDING_PLUGIN_ID, rh as MESURER_RECORDING_SERVICE_ID, ih as MESURER_RECORDING_SETTINGS_STATE_ID, oh as MESURER_SCREENSHOT_ACTIVE_STATE_ID, sh as MESURER_SCREENSHOT_PLUGIN_ID, ch as MESURER_SCREENSHOT_SERVICE_ID, lh as MESURER_SCREENSHOT_SETTINGS_STATE_ID, uh as MIN_SCREENSHOT_SELECTION, vp as arrange, dh as captureVisibleTabPng, th as codex, Ch as colorPicker, Ah as compose, mm as context, fh as copyPngToClipboard, ph as createScreenshotFilename, mh as cropPngToViewportRect, kh as defaults, Dh as distance, yp as edit, Eh as guides, nm as layoutGuides, hh as normalizeScreenshotRect, gh as prepareScreenshotCapture, ah as recording, _h as releaseScreenshotCapture, wh as rulers, vh as screenshot, xh as select, Oh as settings, Th as typography, yh as waitForNextPaint, Sh as xray };