@templatical/editor 0.39.4 → 0.40.0

package/dist/cdn/editor.js

@@ -1,30 +1,30 @@
 import { B as e, E as t, F as n, H as r, I as i, M as a, N as o, P as s, Q as c, R as l, S as u, U as d, Y as f, _ as p, at as m, b as h, c as g, ct as _, f as v, g as y, h as b, j as x, k as S, l as C, lt as w, m as T, n as E, o as D, p as O, r as k, s as A, t as j, u as M, ut as N, w as P, x as F, y as I } from "./chunks/draggable-IB4x6w2O.js";
-import { R as L, S as R, T as z, a as B, b as V, d as H, h as U, i as W, o as G, r as K, x as q, z as J } from "./chunks/src-Dwgq7hf4.js";
-import { c as Y, d as X, f as ee, l as te, p as Z, s as ne, u as re, x as ie } from "./chunks/socialIcons-9VrG8X3m.js";
-import { _ as ae, d as oe, g as se } from "./chunks/dist-BRZhN8qJ.js";
-import { a as ce } from "./chunks/dist-CXB2_kBa.js";
-import { A as le, D as ue, E as de, M as fe, O as pe, T as me, _ as he, a as ge, c as _e, d as ve, f as ye, g as be, h as xe, i as Se, j as Ce, k as we, m as Te, n as Ee, o as De, p as Oe, r as ke, s as Ae, t as je, u as Me, v as Ne, w as Pe, x as Fe } from "./chunks/useEditorCore-CXYI14ux.js";
-import { B as Ie, G as Le, H as Re, J as ze, K as Be, M as Ve, N as He, R as Ue, T as We, W as Ge, X as Ke, Y as qe, Z as Je, f as Ye, g as Xe, j as Ze, k as Qe, l as $e, m as et, o as tt, p as nt, r as rt, s as it } from "./chunks/keys-dJbD1QPs.js";
-import { t as Q } from "./chunks/useI18n-DTZ9sIcv.js";
-import { t as at } from "./chunks/logger-ByvdoAwq.js";
-import { t as ot } from "./chunks/templateSettingsFields-YCFVBVYh.js";
-import { $ as st, E as ct, F as lt, I as ut, It as dt, Lt as ft, M as pt, Mt as mt, N as ht, Q as gt, T as _t, Tt as vt, Y as yt, b as bt, it as xt, j as St, lt as Ct, n as wt, pt as Tt, q as Et, st as Dt, tt as Ot, wt as kt } from "./chunks/icons-BKkJ-5xF.js";
-import { t as At } from "./chunks/_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as jt } from "./chunks/useCloudI18n-C09JcFS0.js";
-import { C as Mt, S as Nt, p as Pt, y as Ft } from "./chunks/styleConstants-C_YAPdQS.js";
-import { n as It, t as Lt } from "./chunks/emailFrameWidth-BmFCN2dp.js";
-import { t as Rt } from "./chunks/readableTextColor-f8Kykfnh.js";
-import { t as zt } from "./chunks/blockTypeIcons-raBjStuv.js";
-import { t as Bt } from "./chunks/useScrollToBlock-CtTXwmiU.js";
-import { n as Vt, t as Ht } from "./chunks/MergeTagModeToggle-n3nvSNeQ.js";
-import { t as Ut } from "./chunks/formatAbsoluteDateTime-DMmop3C-.js";
-import { t as Wt } from "./chunks/formatRelativeTime-CtUU-QZ8.js";
-import { t as Gt } from "./chunks/TplModal-BKqDFLq3.js";
-import { t as Kt } from "./chunks/preRenderCustomBlocks-Bdpiiw4A.js";
+import { A as L, C as R, D as z, E as B, F as V, G as H, K as U, L as W, S as G, T as K, U as q, a as J, b as Y, d as ee, h as te, i as ne, it as X, o as re, r as ie, ut as ae, w as oe, x as se } from "./chunks/src-DveVYoWS.js";
+import { c as ce, d as le, f as ue, l as de, p as fe, s as pe, u as me, x as he } from "./chunks/socialIcons-BvYNMn1G.js";
+import { _ as ge, d as _e, g as ve } from "./chunks/dist-BRZhN8qJ.js";
+import { a as ye } from "./chunks/dist-CXB2_kBa.js";
+import { A as be, D as xe, E as Se, M as Ce, N as we, O as Te, S as Ee, T as De, _ as Oe, a as ke, c as Ae, f as je, g as Me, h as Ne, i as Pe, j as Fe, k as Ie, m as Le, n as Re, o as ze, p as Be, r as Ve, s as He, t as Ue, u as We, v as Ge, y as Ke } from "./chunks/useEditorCore-CQraU2s_.js";
+import { $ as qe, A as Je, E as Ye, J as Xe, K as Ze, M as Qe, N as $e, P as et, Q as tt, U as nt, V as rt, X as it, Z as at, f as ot, g as st, l as ct, m as lt, o as ut, p as dt, q as ft, r as pt, s as mt, z as ht } from "./chunks/keys-DCWeHkSF.js";
+import { t as Z } from "./chunks/useI18n-CyO_Nmca.js";
+import { t as gt } from "./chunks/logger-ByvdoAwq.js";
+import { t as _t } from "./chunks/templateSettingsFields-YCFVBVYh.js";
+import { $ as vt, E as yt, F as bt, I as xt, It as St, Lt as Ct, M as wt, Mt as Tt, N as Et, Q as Dt, T as Ot, Tt as kt, Y as At, b as jt, it as Mt, j as Nt, lt as Pt, n as Ft, pt as It, q as Lt, st as Rt, tt as zt, wt as Bt } from "./chunks/icons-BKkJ-5xF.js";
+import { t as Vt } from "./chunks/_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as Ht } from "./chunks/useCloudI18n-CrjWbpbu.js";
+import { C as Ut, S as Wt, p as Gt, y as Kt } from "./chunks/styleConstants-C_YAPdQS.js";
+import { n as qt, r as Jt, t as Yt } from "./chunks/WrapperBlock-DGkbmj06.js";
+import { t as Xt } from "./chunks/readableTextColor-f8Kykfnh.js";
+import { t as Zt } from "./chunks/blockTypeIcons-raBjStuv.js";
+import { t as Qt } from "./chunks/useScrollToBlock-DgHZJvID.js";
+import { n as $t, t as en } from "./chunks/MergeTagModeToggle-CdWIGo3Q.js";
+import { t as tn } from "./chunks/formatAbsoluteDateTime-DMmop3C-.js";
+import { t as nn } from "./chunks/formatRelativeTime-CtUU-QZ8.js";
+import { t as rn } from "./chunks/TplModal-CEuGD7pt.js";
+import { t as an } from "./chunks/preRenderCustomBlocks-Dpj-_cOj.js";
 //#region src/utils/resolveTemplateDefaults.ts
-var qt = /^[a-z]{2,3}(-[a-z0-9]{2,8})*$/i;
-function Jt(e) {
-	let t = e.locale?.trim().replace(/_/g, "-"), n = t && qt.test(t) ? { locale: t } : void 0;
+var on = /^[a-z]{2,3}(-[a-z0-9]{2,8})*$/i;
+function sn(e) {
+	let t = e.locale?.trim().replace(/_/g, "-"), n = t && on.test(t) ? { locale: t } : void 0;
 	if (n || e.templateDefaults) return {
 		...n,
 		...e.templateDefaults
@@ -32,14 +32,14 @@ function Jt(e) {
 }
 //#endregion
 //#region src/composables/useCommentsFeature.ts
-function Yt(t) {
-	let { provider: n, editor: r } = t, i = te({
+function cn(t) {
+	let { provider: n, editor: r } = t, i = de({
 		provider: n,
 		getTemplateId: () => r.state.template?.id ?? null,
 		getUser: () => t.user ?? null,
 		onError: t.onError
 	});
-	Y({
+	ce({
 		comments: i,
 		provider: n,
 		getTemplateId: () => r.state.template?.id ?? null
@@ -92,16 +92,16 @@ function Yt(t) {
 }
 //#endregion
 //#region src/composables/useMediaFeature.ts
-function Xt(e) {
+function ln(e) {
 	return e instanceof Error ? e : Error(String(e));
 }
-function Zt(e, t, n) {
+function un(e, t, n) {
 	let r = e.maxFileSize ?? Infinity;
 	if (t.size > r) return /* @__PURE__ */ Error(`Image is too large (${t.size} bytes). Maximum allowed is ${r} bytes.`);
 	let i = e.mimeTypes;
 	return !i || (n && n.length > 0 ? n : Object.keys(i)).some((e) => i[e]?.includes(t.type) ?? !1) ? null : /* @__PURE__ */ Error(`Unsupported image type: ${t.type || "unknown"}.`);
 }
-function Qt(e) {
+function dn(e) {
 	let { provider: t, onRequestMedia: n, getTemplateId: r, onError: i } = e, a = c(!1), o = c(void 0), s = v(() => r?.()), l = v(() => !!n || typeof t?.create == "function"), u = null;
 	function d(e) {
 		a.value = !1, u?.(e), u = null;
@@ -123,7 +123,7 @@ function Qt(e) {
 			if (!t) return null;
 			if (e?.files?.length) {
 				if (typeof t.create != "function") return null;
-				let n = e.files[0], a = Zt(t, n, e.accept);
+				let n = e.files[0], a = un(t, n, e.accept);
 				if (a) return i?.(a), null;
 				let o = r?.();
 				try {
@@ -134,14 +134,14 @@ function Qt(e) {
 					try {
 						t.onCreated?.(e);
 					} catch (e) {
-						i?.(Xt(e));
+						i?.(ln(e));
 					}
 					return {
 						url: e.url,
 						alt: e.alt
 					};
 				} catch (e) {
-					return i?.(Xt(e)), null;
+					return i?.(ln(e)), null;
 				}
 			}
 			return u &&= (u(null), null), o.value = e?.accept, a.value = !0, new Promise((e) => {
@@ -159,8 +159,8 @@ function Qt(e) {
 }
 //#endregion
 //#region src/composables/useSavedBlocksFeature.ts
-function $t(t) {
-	let { provider: n, editor: r } = t, i = Z({
+function fn(t) {
+	let { provider: n, editor: r } = t, i = fe({
 		provider: n,
 		onError: t.onError
 	}), a = c(!1), o = c(!1), l = c(!1), u = c(/* @__PURE__ */ new Set()), d = v(() => l.value), f = v(() => u.value.size);
@@ -195,7 +195,7 @@ function $t(t) {
 	}
 	function S(e, t) {
 		for (let n = 0; n < e.content.length; n++) {
-			let i = q(e.content[n]), a = t === void 0 ? void 0 : t + n;
+			let i = B(e.content[n]), a = t === void 0 ? void 0 : t + n;
 			r.addBlock(i, void 0, void 0, a);
 		}
 		o.value = !1;
@@ -204,7 +204,7 @@ function $t(t) {
 		i.load().catch(() => {});
 	}
 	let w = v(() => i.savedBlocks.value.length), T = v(() => t.isAvailable?.() ?? !0);
-	return s(Re, i), {
+	return s(nt, i), {
 		headless: i,
 		isPicking: d,
 		pickedIds: u,
@@ -241,11 +241,11 @@ function $t(t) {
 }
 //#endregion
 //#region src/composables/useTemplatesFeature.ts
-var en = 3e3;
-function tn(e) {
-	let { provider: t, editor: n } = e, r = c("idle"), i = c(""), { start: a, stop: o } = ae(() => {
+var pn = 3e3;
+function mn(e) {
+	let { provider: t, editor: n } = e, r = c("idle"), i = c(""), { start: a, stop: o } = ge(() => {
 		r.value = "idle";
-	}, en, { immediate: !1 }), s = v(() => typeof t.create == "function"), l = v(() => typeof t.save == "function"), u = v(() => e.isAvailable?.() ?? !0), d = v(() => n.state.template?.name), f = v(() => {
+	}, pn, { immediate: !1 }), s = v(() => typeof t.create == "function"), l = v(() => typeof t.save == "function"), u = v(() => e.isAvailable?.() ?? !0), d = v(() => n.state.template?.name), f = v(() => {
 		let e = n.state.template;
 		return e?.updatedAt ? {
 			iso: e.updatedAt,
@@ -317,7 +317,7 @@ function tn(e) {
 		let t = e.trim();
 		t && t !== n.state.template?.name && (n.setName(t), w("rename"));
 	}
-	return e.guardUnsavedChanges !== !1 && ce(window, "beforeunload", (e) => {
+	return e.guardUnsavedChanges !== !1 && ye(window, "beforeunload", (e) => {
 		n.state.isDirty && (e.preventDefault(), e.returnValue = "");
 	}), {
 		save: _,
@@ -352,17 +352,17 @@ function tn(e) {
 }
 //#endregion
 //#region src/utils/toMjml.ts
-async function nn() {
+async function hn() {
 	try {
-		return await import("./chunks/src-CqYYKcCI.js");
+		return await import("./chunks/src-CbGCES0u.js");
 	} catch {
 		return null;
 	}
 }
-async function rn(e) {
-	let t = await nn();
+async function gn(e) {
+	let t = await hn();
 	if (!t) throw Error("[Templatical] toMjml() requires the @templatical/renderer package. Please install it.");
-	let n = e.getCustomBlockStylesheet, r = e.getFonts?.();
+	let n = e.getCustomBlockStylesheet, r = e.getFonts?.(), i = e.getLayout?.();
 	return t.renderToMjml(e.getContent(), {
 		renderCustomBlock: e.renderCustomBlock,
 		...n ? { getCustomBlockStylesheet: (e) => n(e) } : {},
@@ -370,16 +370,17 @@ async function rn(e) {
 			customFonts: r.customFonts,
 			defaultFallbackFont: r.defaultFallback
 		} : {},
-		...e.socialIconsBaseUrl ? { socialIconsBaseUrl: e.socialIconsBaseUrl } : {}
+		...e.socialIconsBaseUrl ? { socialIconsBaseUrl: e.socialIconsBaseUrl } : {},
+		...i ? { layout: i } : {}
 	});
 }
 //#endregion
 //#region src/composables/useTestEmailFeature.ts
-var an = 1200;
-function on(e) {
+var _n = 1200;
+function vn(e) {
 	return e instanceof Error ? e : Error(String(e));
 }
-function sn(e) {
+function yn(e) {
 	let { provider: t } = e, n = c(!1), r = c(!1), i = c(!1), a = c(null), o = null, s = !1;
 	function l() {
 		o !== null && (clearTimeout(o), o = null);
@@ -401,8 +402,8 @@ function sn(e) {
 		if (t.includeMjml && e.renderMjml) try {
 			return await e.renderMjml();
 		} catch (t) {
-			if ((e.usesLocalRenderer?.() ?? !0) && await nn() === null) {
-				s || (s = !0, at.warn("testEmail.includeMjml is set but @templatical/renderer is not installed — sending the template as JSON only. Install it to receive `payload.mjml`."));
+			if ((e.usesLocalRenderer?.() ?? !0) && await hn() === null) {
+				s || (s = !0, gt.warn("testEmail.includeMjml is set but @templatical/renderer is not installed — sending the template as JSON only. Install it to receive `payload.mjml`."));
 				return;
 			}
 			throw t;
@@ -412,7 +413,7 @@ function sn(e) {
 		try {
 			t.onSent?.(n);
 		} catch (t) {
-			e.onError?.(on(t));
+			e.onError?.(vn(t));
 		}
 	}
 	async function y(n) {
@@ -430,9 +431,9 @@ function sn(e) {
 				...r === void 0 ? {} : { mjml: r },
 				...s === void 0 ? {} : { allowedRecipients: s }
 			};
-			await t.send(a), i.value = !0, o = setTimeout(h, an), _(a);
+			await t.send(a), i.value = !0, o = setTimeout(h, _n), _(a);
 		} catch (t) {
-			let n = on(t);
+			let n = vn(t);
 			a.value = {
 				kind: "provider",
 				message: n.message
@@ -460,8 +461,8 @@ function sn(e) {
 }
 //#endregion
 //#region src/composables/useVersionHistoryFeature.ts
-function cn(e) {
-	let { provider: t, editor: n, history: r, conditionPreview: i, autoSave: a } = e, o = re({
+function bn(e) {
+	let { provider: t, editor: n, history: r, conditionPreview: i, autoSave: a } = e, o = me({
 		provider: t,
 		getTemplateId: () => n.state.template?.id ?? null,
 		onError: e.onError
@@ -487,7 +488,7 @@ function cn(e) {
 			return;
 		}
 		let t = await o.resolveContent(e);
-		p || (l.value = V(n.content.value), a?.pause(), s.value = e, n.setContent(t, !1));
+		p || (l.value = K(n.content.value), a?.pause(), s.value = e, n.setContent(t, !1));
 	}
 	async function D() {
 		if (s.value) {
@@ -571,12 +572,12 @@ function cn(e) {
 }
 //#endregion
 //#region src/types/auto-save.ts
-function ln(e, t) {
+function xn(e, t) {
 	return e ?? t;
 }
 //#endregion
 //#region src/utils/resolveLintOptions.ts
-function un(e) {
+function Sn(e) {
 	return {
 		...e.lint,
 		locale: e.locale
@@ -584,13 +585,13 @@ function un(e) {
 }
 //#endregion
 //#region src/utils/normalizeMergeTagMarkup.ts
-function dn(e) {
+function Cn(e) {
 	let t = e.flags.includes("g") ? e.flags : `${e.flags}g`;
 	return new RegExp(e.source, t);
 }
-function fn(e, t, n) {
+function wn(e, t, n) {
 	let r = [], i = (t, n, i) => {
-		let a = dn(t), o = a.exec(e);
+		let a = Cn(t), o = a.exec(e);
 		for (; o !== null;) {
 			let t = o.index, s = t + o[0].length;
 			o[0].length === 0 ? a.lastIndex++ : r.some((e) => t < e.end && s > e.start) || r.push({
@@ -602,9 +603,9 @@ function fn(e, t, n) {
 			}), o = a.exec(e);
 		}
 	};
-	return i(n.logic, "data-logic-merge-tag", (e) => B(e, n)), i(n.value, "data-merge-tag", (e) => G(e, t)), r.sort((e, t) => e.start - t.start);
+	return i(n.logic, "data-logic-merge-tag", (e) => J(e, n)), i(n.value, "data-merge-tag", (e) => re(e, t)), r.sort((e, t) => e.start - t.start);
 }
-function pn(e) {
+function Tn(e) {
 	let t = e.createTreeWalker(e.body, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT, { acceptNode(e) {
 		if (e.nodeType !== 1) return NodeFilter.FILTER_ACCEPT;
 		let t = e;
@@ -613,11 +614,11 @@ function pn(e) {
 	for (; r !== null;) n.push(r), r = t.nextNode();
 	return n;
 }
-function mn(e, t, n) {
-	if (!e || !W(e, n) || typeof DOMParser > "u") return e;
+function En(e, t, n) {
+	if (!e || !ne(e, n) || typeof DOMParser > "u") return e;
 	let r = new DOMParser().parseFromString(`<!doctype html><body>${e}</body>`, "text/html"), i = 0;
-	for (let e of pn(r)) {
-		let a = e.data, o = fn(a, t, n);
+	for (let e of Tn(r)) {
+		let a = e.data, o = wn(a, t, n);
 		if (o.length === 0) continue;
 		let s = r.createDocumentFragment(), c = 0;
 		for (let e of o) {
@@ -629,13 +630,13 @@ function mn(e, t, n) {
 	}
 	return i === 0 ? e : r.body.innerHTML;
 }
-function hn(e, t, n) {
+function Dn(e, t, n) {
 	if (e.type === "section") {
 		if (!Array.isArray(e.children)) return e;
 		let r = !1, i = e.children.map((e) => {
 			if (!Array.isArray(e)) return e;
 			let i = !1, a = e.map((e) => {
-				let r = hn(e, t, n);
+				let r = Dn(e, t, n);
 				return r !== e && (i = !0), r;
 			});
 			return i ? (r = !0, a) : e;
@@ -645,17 +646,28 @@ function hn(e, t, n) {
 			children: i
 		} : e;
 	}
+	if (e.type === "wrapper") {
+		if (!Array.isArray(e.children)) return e;
+		let r = !1, i = e.children.map((e) => {
+			let i = Dn(e, t, n);
+			return i !== e && (r = !0), i;
+		});
+		return r ? {
+			...e,
+			children: i
+		} : e;
+	}
 	if (e.type !== "title" && e.type !== "paragraph" || typeof e.content != "string") return e;
-	let r = mn(e.content, t, n);
+	let r = En(e.content, t, n);
 	return r === e.content ? e : {
 		...e,
 		content: r
 	};
 }
-function gn(e, t, n) {
+function On(e, t, n) {
 	if (!e || !Array.isArray(e.blocks)) return e;
 	let r = !1, i = e.blocks.map((e) => {
-		let i = hn(e, t, n);
+		let i = Dn(e, t, n);
 		return i !== e && (r = !0), i;
 	});
 	return r ? {
@@ -663,10 +675,10 @@ function gn(e, t, n) {
 		blocks: i
 	} : e;
 }
-function _n(e, t) {
-	return gn(e, t?.tags ?? [], U(t?.syntax));
+function kn(e, t) {
+	return On(e, t?.tags ?? [], te(t?.syntax));
 }
-function vn(e, t) {
+function An(e, t) {
 	return {
 		get state() {
 			return e.state;
@@ -674,14 +686,14 @@ function vn(e, t) {
 		get content() {
 			return e.content;
 		},
-		setContent: (n, r) => e.setContent(_n(n, t), r)
+		setContent: (n, r) => e.setContent(kn(n, t), r)
 	};
 }
-function yn(e, t) {
+function jn(e, t) {
 	return {
 		...e,
 		async load(n) {
-			let r = await e.load(n), i = _n(r.content, t);
+			let r = await e.load(n), i = kn(r.content, t);
 			return i === r.content ? r : {
 				...r,
 				content: i
@@ -691,30 +703,30 @@ function yn(e, t) {
 }
 //#endregion
 //#region src/components/Canvas.vue?vue&type=script&setup=true&lang.ts
-var bn = ["aria-label"], xn = ["lang", "dir"], Sn = {
+var Mn = ["aria-label"], Nn = ["lang", "dir"], Pn = {
 	key: 0,
 	role: "status",
 	"aria-busy": "true",
 	"data-testid": "preview-resolution-loading",
 	class: "tpl:flex tpl:flex-col tpl:gap-3 tpl:p-6"
-}, Cn = { class: "tpl:sr-only" }, wn = {
+}, Fn = { class: "tpl:sr-only" }, In = {
 	key: 1,
 	role: "status",
 	"data-testid": "preview-resolution-failed",
 	class: "tpl:mx-6 tpl:mt-4 tpl:rounded-md tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg-hover)]"
-}, Tn = {
+}, Ln = {
 	key: 0,
 	class: "tpl-canvas-empty-content tpl:flex tpl:flex-col tpl:items-center"
-}, En = { class: "tpl-canvas-empty-icon tpl:mb-4 tpl:text-[var(--tpl-primary)]" }, Dn = { class: "tpl-canvas-empty-title tpl:m-0 tpl:mb-2 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-primary)]" }, On = { class: "tpl-canvas-empty-text tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-dim)]" }, kn = {
+}, Rn = { class: "tpl-canvas-empty-icon tpl:mb-4 tpl:text-[var(--tpl-primary)]" }, zn = { class: "tpl-canvas-empty-title tpl:m-0 tpl:mb-2 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-primary)]" }, Bn = { class: "tpl-canvas-empty-text tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-dim)]" }, Vn = {
 	key: 0,
 	class: "tpl:m-0 tpl:mt-2 tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-center tpl:gap-x-1 tpl:gap-y-0.5 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
-}, An = {
+}, Hn = {
 	key: 1,
 	class: "tpl:m-0 tpl:mt-4 tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-center tpl:gap-x-1 tpl:gap-y-0.5 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
-}, jn = { class: "tpl:relative" }, Mn = {
+}, Un = { class: "tpl:relative" }, Wn = {
 	class: "tpl:inline-flex tpl:size-3 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[10px] tpl:font-bold",
 	style: { "background-color": "color-mix(\n                        in srgb,\n                        var(--tpl-bg) 30%,\n                        transparent\n                      )" }
-}, Nn = /*#__PURE__*/ At(/* @__PURE__ */ u({
+}, Gn = /*#__PURE__*/ Vt(/* @__PURE__ */ u({
 	__name: "Canvas",
 	props: {
 		viewport: {},
@@ -731,22 +743,23 @@ var bn = ["aria-label"], xn = ["lang", "dir"], Sn = {
 	],
 	setup(e, { emit: i }) {
 		let a = {
-			section: De,
-			title: Ae,
-			paragraph: ye,
-			image: Te,
-			button: me,
-			divider: be,
-			spacer: Se,
-			html: xe,
-			social: ge,
-			menu: Oe,
-			table: ke,
-			video: Ee,
-			custom: he
-		}, u = e, f = i, { t: p } = Q(), { t: g } = jt(), x = Je(Xe, "Canvas"), S = t(Ye, null), C = t(it, null), E = t($e, {}), D = t(Ze, null), k = t(Ie, null);
-		s(Ke, v(() => u.previewMode && (D?.value ?? !1) && !k?.isConfigured));
-		let P = v(() => (E.plan?.hasFeature("aiGeneration") ?? !1) && (E.ai?.isFeatureEnabled("chat") ?? !1)), F = v(() => (E.plan?.hasFeature("aiGeneration") ?? !1) && (E.ai?.isFeatureEnabled("designToTemplate") ?? !1)), R = t(rt, null), z = v({
+			section: ze,
+			title: He,
+			paragraph: Be,
+			image: Ne,
+			button: Se,
+			divider: Oe,
+			spacer: Pe,
+			html: Me,
+			social: ke,
+			menu: Le,
+			table: Ve,
+			video: Re,
+			custom: Ge,
+			wrapper: Yt
+		}, u = e, f = i, { t: p } = Z(), { t: g } = Ht(), x = qe(st, "Canvas"), S = t(ot, null), C = t(mt, null), E = t(ct, {}), D = t(Qe, null), k = t(rt, null);
+		s(tt, v(() => u.previewMode && (D?.value ?? !1) && !k?.isConfigured));
+		let P = v(() => (E.plan?.hasFeature("aiGeneration") ?? !1) && (E.ai?.isFeatureEnabled("chat") ?? !1)), F = v(() => (E.plan?.hasFeature("aiGeneration") ?? !1) && (E.ai?.isFeatureEnabled("designToTemplate") ?? !1)), L = t(pt, null), R = v({
 			get: () => u.content.blocks,
 			set: (e) => {
 				x.setContent({
@@ -754,27 +767,27 @@ var bn = ["aria-label"], xn = ["lang", "dir"], Sn = {
 					blocks: e
 				});
 			}
-		}), B = v(() => It(u.content.settings, u.viewport)), V = v(() => B.value + 192), H = v(() => Me(u.content.settings)), U = v(() => u.content.settings?.locale?.trim() || void 0), W = v(() => L(u.content.settings)), G = v(() => z.value.length === 0 && !u.previewMode), K = c(0), q = v(() => G.value && K.value > 0);
+		}), z = v(() => Jt(u.content.settings, u.viewport)), B = v(() => z.value + 192), V = v(() => We(u.content.settings)), U = v(() => u.content.settings?.locale?.trim() || void 0), W = v(() => H(u.content.settings)), G = v(() => R.value.length === 0 && !u.previewMode), K = c(0), q = v(() => G.value && K.value > 0);
 		function J() {
 			G.value && (K.value += 1);
 		}
 		function Y() {
 			G.value && (K.value = Math.max(0, K.value - 1));
 		}
-		function X() {
+		function ee() {
 			K.value = 0;
 		}
-		function ee(e) {
+		function te(e) {
 			u.previewMode || E.savedBlocks?.isPicking.value || e.target === e.currentTarget && f("select-block", null);
 		}
-		function te(e) {
-			return ve(e, C, a);
+		function ne(e) {
+			return je(e, C, a);
 		}
-		function Z(e) {
+		function X(e) {
 			return u.lockedBlocks?.get(e) ?? null;
 		}
-		function ne(e) {
-			if (u.previewMode || Z(e)) return;
+		function re(e) {
+			if (u.previewMode || X(e)) return;
 			let t = E.savedBlocks;
 			if (t?.isPicking.value) {
 				t.togglePick(e);
@@ -782,11 +795,11 @@ var bn = ["aria-label"], xn = ["lang", "dir"], Sn = {
 			}
 			f("select-block", e);
 		}
-		function re(e) {
+		function ie(e) {
 			return E.savedBlocks?.isPicked(e) ?? !1;
 		}
-		let ie = v(() => E.savedBlocks?.isPicking.value === !0);
-		function ae(e, t) {
+		let ae = v(() => E.savedBlocks?.isPicking.value === !0);
+		function oe(e, t) {
 			e.type === "custom" && x.updateBlock(e.id, {
 				fieldValues: t.fieldValues,
 				dataSourceFetched: t.dataSourceFetched
@@ -795,9 +808,9 @@ var bn = ["aria-label"], xn = ["lang", "dir"], Sn = {
 		return (t, i) => (o(), y("div", {
 			class: "tpl-canvas-stage tpl:relative tpl:flex tpl:justify-center tpl:rounded-lg",
 			style: w({
-				width: `${V.value}px`,
+				width: `${B.value}px`,
 				boxShadow: e.darkMode ? "none" : "var(--tpl-shadow-xl)",
-				transition: m(Lt)
+				transition: m(qt)
 			})
 		}, [O("div", {
 			class: "tpl-canvas-bg tpl:absolute tpl:inset-0 tpl:rounded-lg tpl:pointer-events-none",
@@ -812,8 +825,8 @@ var bn = ["aria-label"], xn = ["lang", "dir"], Sn = {
 			"aria-label": m(p).landmarks.canvas,
 			class: "tpl-canvas-wrapper tpl:relative",
 			style: w({
-				width: `${B.value}px`,
-				transition: m(Lt)
+				width: `${z.value}px`,
+				transition: m(qt)
 			})
 		}, [O("div", {
 			class: _(["tpl-canvas tpl:relative tpl:rounded-lg", {
@@ -822,15 +835,15 @@ var bn = ["aria-label"], xn = ["lang", "dir"], Sn = {
 			}]),
 			lang: U.value,
 			dir: W.value,
-			style: w(H.value),
-			onClick: ee
-		}, [m(k)?.isInitialResolve.value ? (o(), y("div", Sn, [O("span", Cn, N(m(p).previewResolution.resolving), 1), (o(), y(M, null, n(3, (e) => O("div", {
+			style: w(V.value),
+			onClick: te
+		}, [m(k)?.isInitialResolve.value ? (o(), y("div", Pn, [O("span", Fn, N(m(p).previewResolution.resolving), 1), (o(), y(M, null, n(3, (e) => O("div", {
 			key: e,
 			"aria-hidden": "true",
 			class: "tpl-pulse tpl:h-16 tpl:rounded-md tpl:bg-[var(--tpl-bg-hover)]"
-		})), 64))])) : m(k)?.hasFailed.value ? (o(), y("p", wn, N(m(p).previewResolution.failed), 1)) : b("", !0), d(h(m(j), {
-			modelValue: z.value,
-			"onUpdate:modelValue": i[2] ||= (e) => z.value = e,
+		})), 64))])) : m(k)?.hasFailed.value ? (o(), y("p", In, N(m(p).previewResolution.failed), 1)) : b("", !0), d(h(m(j), {
+			modelValue: R.value,
+			"onUpdate:modelValue": i[2] ||= (e) => R.value = e,
 			group: "blocks",
 			animation: 150,
 			"ghost-class": "tpl-ghost",
@@ -849,65 +862,70 @@ var bn = ["aria-label"], xn = ["lang", "dir"], Sn = {
 			]),
 			onDragenter: J,
 			onDragleave: Y,
-			onDrop: X
+			onDrop: ee
 		}, {
-			default: r(() => [G.value ? (o(), y("div", Tn, [
-				O("div", En, [h(m(_t), {
+			default: r(() => [G.value ? (o(), y("div", Ln, [
+				O("div", Rn, [h(m(Ot), {
 					size: 48,
 					"stroke-width": 1
 				})]),
-				O("p", Dn, N(m(p).canvas.noBlocks), 1),
-				O("p", On, N(m(p).canvas.dragHint), 1),
-				P.value && m(g) ? (o(), y("p", kn, [
+				O("p", zn, N(m(p).canvas.noBlocks), 1),
+				O("p", Bn, N(m(p).canvas.dragHint), 1),
+				P.value && m(g) ? (o(), y("p", Vn, [
 					I(N(m(p).canvas.aiHintChat) + " ", 1),
 					O("button", {
 						class: "tpl:inline-flex tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:whitespace-nowrap tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-sm tpl:font-semibold tpl:transition-colors tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
 						onClick: i[0] ||= (e) => f("open-ai-chat")
-					}, [h(m(ct), {
+					}, [h(m(yt), {
 						size: 14,
 						"stroke-width": 2
 					}), I(" " + N(m(g).aiMenu.aiAssistant), 1)]),
 					I(" " + N(m(p).canvas.aiHintChatSuffix), 1)
 				])) : b("", !0),
-				F.value && m(g) ? (o(), y("p", An, [
+				F.value && m(g) ? (o(), y("p", Hn, [
 					I(N(m(p).canvas.aiHintDesign) + " ", 1),
 					O("button", {
 						class: "tpl:inline-flex tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:whitespace-nowrap tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-sm tpl:font-semibold tpl:transition-colors tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
 						onClick: i[1] ||= (e) => f("open-design-reference")
-					}, [h(m(Tt), {
+					}, [h(m(It), {
 						size: 14,
 						"stroke-width": 2
 					}), I(" " + N(m(g).aiMenu.designToTemplate), 1)]),
 					I(" " + N(m(p).canvas.aiHintDesignSuffix), 1)
 				])) : b("", !0)
-			])) : b("", !0), (o(!0), y(M, null, n(z.value, (t) => d((o(), y("div", {
+			])) : b("", !0), (o(!0), y(M, null, n(R.value, (t) => d((o(), y("div", {
 				key: t.id,
 				class: "tpl-block-item"
-			}, [O("div", jn, [Z(t.id) ? (o(), y("div", {
+			}, [O("div", Un, [X(t.id) ? (o(), y("div", {
 				key: 0,
 				class: "tpl-collab-lock tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[4] tpl:rounded-sm",
 				style: w({
-					outline: `2px solid ${Z(t.id).color}`,
+					outline: `2px solid ${X(t.id).color}`,
 					outlineOffset: "-1px"
 				})
 			}, [O("span", {
 				class: "tpl:absolute tpl:-top-0.5 tpl:left-1/2 tpl:z-[5] tpl:flex tpl:-translate-x-1/2 tpl:-translate-y-full tpl:items-center tpl:gap-1 tpl:rounded-full tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:whitespace-nowrap",
 				style: w({
-					backgroundColor: Z(t.id).color,
-					color: m(Rt)(Z(t.id).color)
+					backgroundColor: X(t.id).color,
+					color: m(Xt)(X(t.id).color)
 				})
-			}, [O("span", Mn, N(Z(t.id).name.charAt(0)), 1), I(" " + N(Z(t.id).name), 1)], 4)], 4)) : b("", !0), h(_e, {
+			}, [O("span", Wn, N(X(t.id).name.charAt(0)), 1), I(" " + N(X(t.id).name), 1)], 4)], 4)) : b("", !0), t.type === "wrapper" ? (o(), T(l(ne(t)), {
+				key: 1,
 				block: t,
-				"is-selected": !e.previewMode && !ie.value && e.selectedBlockId === t.id && !Z(t.id),
-				picked: re(t.id),
+				viewport: e.viewport
+			}, null, 8, ["block", "viewport"])) : (o(), T(Ae, {
+				key: 2,
+				block: t,
+				"is-selected": !e.previewMode && !ae.value && e.selectedBlockId === t.id && !X(t.id),
+				picked: ie(t.id),
 				viewport: e.viewport,
 				"preview-mode": e.previewMode,
-				onSelect: (e) => ne(t.id)
+				onSelect: (e) => re(t.id)
 			}, {
-				default: r(() => [(o(), T(l(te(t)), {
+				default: r(() => [(o(), T(l(ne(t)), {
 					block: t,
 					viewport: e.viewport,
-					onFetchData: (e) => ae(t, e),
+					onFetchData: (e) => oe(t, e),
 					onUpdate: (e) => m(x).updateBlock(t.id, e)
 				}, null, 40, [
 					"block",
@@ -923,18 +941,18 @@ var bn = ["aria-label"], xn = ["lang", "dir"], Sn = {
 				"viewport",
 				"preview-mode",
 				"onSelect"
-			])])])), [[A, m(R) === !1 || !m(S)?.isHidden(t.id)]])), 128))]),
+			]))])])), [[A, m(L) === !1 || !m(S)?.isHidden(t.id)]])), 128))]),
 			_: 1
 		}, 8, [
 			"modelValue",
 			"disabled",
 			"class"
-		]), [[A, !m(k)?.isInitialResolve.value]])], 14, xn)], 12, bn)], 4));
+		]), [[A, !m(k)?.isInitialResolve.value]])], 14, Nn)], 12, Mn)], 4));
 	}
-}), [["__scopeId", "data-v-5153811a"]]), Pn = u({
+}), [["__scopeId", "data-v-699490d7"]]), Kn = u({
 	name: "CustomBlockStylesheets",
 	setup() {
-		let e = t(et, null);
+		let e = t(lt, null);
 		return () => e ? e.value.map((e, t) => P("style", {
 			key: t,
 			"data-tpl-custom-block-stylesheet": "",
@@ -944,7 +962,7 @@ var bn = ["aria-label"], xn = ["lang", "dir"], Sn = {
 });
 //#endregion
 //#region src/utils/resolvePaletteBlocks.ts
-function Fn(e, t) {
+function qn(e, t) {
 	if (!t || t.length === 0) return {
 		items: e,
 		unknown: []
@@ -963,7 +981,7 @@ function Fn(e, t) {
 }
 //#endregion
 //#region src/utils/resolveInsertPosition.ts
-function In(e) {
+function Jn(e) {
 	let { blockType: t, selectedBlockId: n, findBlockLocation: r, isBlockLocked: i } = e;
 	if (!n) return {};
 	let a = r(n);
@@ -981,24 +999,24 @@ function In(e) {
 }
 //#endregion
 //#region src/components/Sidebar.vue?vue&type=script&setup=true&lang.ts
-var Ln = ["aria-label"], Rn = {
+var Yn = ["aria-label"], Xn = {
 	key: 0,
 	class: "tpl:border-b tpl:px-1 tpl:pb-1 tpl:border-[var(--tpl-border)]"
-}, zn = ["aria-label"], Bn = {
+}, Zn = ["aria-label"], Qn = {
 	key: 0,
 	class: "tpl:truncate tpl:text-sm tpl:font-medium"
-}, Vn = [
+}, $n = [
 	"data-palette-type",
 	"aria-label",
 	"onClick",
 	"onKeydown"
-], Hn = { class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:transition-transform tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:scale-105" }, Un = {
+], er = { class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:transition-transform tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:scale-105" }, tr = {
 	key: 0,
 	class: "tpl:truncate tpl:text-sm tpl:font-medium"
-}, Wn = /* @__PURE__ */ u({
+}, nr = /* @__PURE__ */ u({
 	__name: "Sidebar",
 	setup(i) {
-		let { t: a, format: s } = Q(), u = t(nt, []), d = t(Ue, void 0), f = t(tt, void 0), p = t(Xe, null), g = Bt(), _ = t($e, {}), x = v(() => _.savedBlocks?.isAvailable.value === !0), S = c(!1), C = c(!1), E = c(null);
+		let { t: a, format: s } = Z(), u = t(dt, []), d = t(ht, void 0), f = t(ut, void 0), p = t(st, null), g = Qt(), _ = t(ct, {}), x = v(() => _.savedBlocks?.isAvailable.value === !0), S = c(!1), C = c(!1), E = c(null);
 		function D() {
 			try {
 				return E.value?.querySelector(":focus-visible") != null;
@@ -1031,34 +1049,34 @@ var Ln = ["aria-label"], Rn = {
 			"table",
 			"spacer",
 			"html"
-		], L = v(() => {
+		], R = v(() => {
 			let e = I.map((e) => ({
 				type: e,
-				label: ne(e, a)
+				label: pe(e, a)
 			}));
 			return _.plan && e.splice(-1, 0, {
 				type: "countdown",
-				label: ne("countdown", a)
+				label: pe("countdown", a)
 			}), e;
 		}), B = v(() => u.map((e) => ({
 			type: `custom:${e.type}`,
 			label: e.name,
 			isCustom: !0,
 			icon: e.icon
-		}))), V = v(() => [...L.value, ...B.value]), H = v(() => Fn(V.value, d)), U = v(() => H.value.items), W = /* @__PURE__ */ new Set();
+		}))), V = v(() => [...R.value, ...B.value]), H = v(() => qn(V.value, d)), U = v(() => H.value.items), W = /* @__PURE__ */ new Set();
 		e(() => H.value.unknown, (e) => {
-			for (let t of e) W.has(t) || (W.add(t), at.warn(`config.paletteBlocks: "${t}" is not a built-in or registered custom block (use the "custom:" prefix for custom blocks) — skipping it in the palette.`));
+			for (let t of e) W.has(t) || (W.add(t), gt.warn(`config.paletteBlocks: "${t}" is not a built-in or registered custom block (use the "custom:" prefix for custom blocks) — skipping it in the palette.`));
 		}, { immediate: !0 });
 		function G(e) {
 			if (e.isCustom) {
 				let t = e.type.replace("custom:", ""), n = u.find((e) => e.type === t);
-				if (n) return z(n);
+				if (n) return L(n);
 			}
-			return R(e.type, f?.value);
+			return z(e.type, f?.value);
 		}
 		function K(e) {
 			if (!p) return;
-			let t = G(e), { targetSectionId: n, columnIndex: r, index: i } = In({
+			let t = G(e), { targetSectionId: n, columnIndex: r, index: i } = Jn({
 				blockType: e.type,
 				selectedBlockId: p.state.selectedBlockId,
 				findBlockLocation: p.findBlockLocation,
@@ -1085,17 +1103,17 @@ var Ln = ["aria-label"], Rn = {
 			onMouseleave: k,
 			onFocusin: t[2] ||= (e) => S.value = !0,
 			onFocusout: t[3] ||= (e) => S.value = !1
-		}, [x.value ? (o(), y("div", Rn, [O("button", {
+		}, [x.value ? (o(), y("div", Xn, [O("button", {
 			type: "button",
 			"aria-label": m(a).sidebarNav.browseSavedBlocks,
 			class: "tpl:flex tpl:h-10 tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-3 tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)]",
 			style: w({ justifyContent: S.value ? "flex-start" : "center" }),
 			onClick: t[0] ||= (e) => m(_).savedBlocks?.openBrowser()
-		}, [h(m(yt), {
+		}, [h(m(At), {
 			size: 20,
 			"stroke-width": 1.5,
 			class: "tpl:shrink-0"
-		}), S.value ? (o(), y("span", Bn, N(m(a).savedBlocks.title), 1)) : b("", !0)], 12, zn)])) : b("", !0), h(m(j), {
+		}), S.value ? (o(), y("span", Qn, N(m(a).savedBlocks.title), 1)) : b("", !0)], 12, Zn)])) : b("", !0), h(m(j), {
 			"model-value": U.value,
 			group: {
 				name: "blocks",
@@ -1120,58 +1138,58 @@ var Ln = ["aria-label"], Rn = {
 				style: w({ justifyContent: S.value ? "flex-start" : "center" }),
 				onClick: (t) => K(e),
 				onKeydown: (t) => q(t, e)
-			}, [O("div", Hn, [m(zt)[e.type] ? (o(), T(l(m(zt)[e.type]), {
+			}, [O("div", er, [m(Zt)[e.type] ? (o(), T(l(m(Zt)[e.type]), {
 				key: 0,
 				size: 20,
 				"stroke-width": 1.5
-			})) : e.isCustom ? (o(), T(Pe, {
+			})) : e.isCustom ? (o(), T(De, {
 				key: 1,
 				icon: e.icon,
 				size: 20
-			}, null, 8, ["icon"])) : b("", !0)]), S.value ? (o(), y("span", Un, N(e.label), 1)) : b("", !0)], 44, Vn))), 128))]),
+			}, null, 8, ["icon"])) : b("", !0)]), S.value ? (o(), y("span", tr, N(e.label), 1)) : b("", !0)], 44, $n))), 128))]),
 			_: 1
-		}, 8, ["model-value"])], 44, Ln));
+		}, 8, ["model-value"])], 44, Yn));
 	}
-}), Gn = ["aria-label"], Kn = {
+}), rr = ["aria-label"], ir = {
 	role: "tablist",
 	class: "tpl:relative tpl:flex tpl:gap-1 tpl:border-b tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-active)] tpl:p-1.5"
-}, qn = [
+}, ar = [
 	"aria-selected",
 	"aria-label",
 	"title"
-], Jn = { key: 0 }, Yn = [
+], or = { key: 0 }, sr = [
 	"aria-selected",
 	"aria-label",
 	"title"
-], Xn = { key: 0 }, Zn = [
+], cr = { key: 0 }, lr = [
 	"aria-selected",
 	"aria-label",
 	"title"
-], Qn = { key: 0 }, $n = {
+], ur = { key: 0 }, dr = {
 	key: 1,
 	class: "tpl:ml-1 tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-1.5 tpl:text-[10px]"
-}, er = {
+}, fr = {
 	key: 0,
 	id: "tpl-tabpanel-content",
 	role: "tabpanel",
 	"aria-labelledby": "tpl-tab-content",
 	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
-}, tr = {
+}, pr = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:px-6 tpl:py-10 tpl:text-center tpl:text-[var(--tpl-text-muted)]"
-}, nr = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, rr = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, ir = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, ar = {
+}, mr = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, hr = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, gr = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, _r = {
 	key: 1,
 	id: "tpl-tabpanel-settings",
 	role: "tabpanel",
 	"aria-labelledby": "tpl-tab-settings",
 	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
-}, or = {
+}, vr = {
 	key: 2,
 	id: "tpl-tabpanel-issues",
 	role: "tabpanel",
 	"aria-labelledby": "tpl-tab-issues",
 	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
-}, sr = /* @__PURE__ */ u({
+}, yr = /* @__PURE__ */ u({
 	__name: "RightSidebar",
 	props: {
 		selectedBlock: {},
@@ -1185,7 +1203,7 @@ var Ln = ["aria-label"], Rn = {
 		"update-settings"
 	],
 	setup(n, { emit: r }) {
-		let i = F(() => import("./chunks/Toolbar-DqFhWxgW.js").then((e) => e.t)), a = F(() => import("./chunks/TemplateSettings-DjXiiiNr.js")), s = F(() => import("./chunks/IssuesPanel-C6RlIxoi.js")), l = n, u = r, { t: d } = Q(), f = c("content"), p = t(Ge, null), g = v(() => p !== null), x = v(() => p?.issues.value.length ?? 0), S = t(Le, new Set(ot)), C = v(() => S.size > 0);
+		let i = F(() => import("./chunks/Toolbar-BsiHW9gY.js").then((e) => e.t)), a = F(() => import("./chunks/TemplateSettings-Dr5OJ0Gi.js")), s = F(() => import("./chunks/IssuesPanel-CKkv9z9g.js")), l = n, u = r, { t: d } = Z(), f = c("content"), p = t(Ze, null), g = v(() => p !== null), x = v(() => p?.issues.value.length ?? 0), S = t(ft, new Set(_t)), C = v(() => S.size > 0);
 		function E(e) {
 			return f.value === e ? "tpl:flex-1 tpl:text-[var(--tpl-primary)]" : "tpl:shrink-0 tpl:text-[var(--tpl-text-muted)] tpl:hover:text-[var(--tpl-text)]";
 		}
@@ -1201,7 +1219,7 @@ var Ln = ["aria-label"], Rn = {
 			"aria-label": m(d).landmarks.rightSidebar,
 			class: _(["tpl-right-sidebar tpl:absolute tpl:top-14 tpl:bottom-0 tpl:z-40 tpl:flex tpl:w-[320px] tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)] tpl:transition-all tpl:duration-200 tpl:border-l tpl:border-[var(--tpl-border)]", n.shiftedLeft ? "tpl:right-[360px]" : "tpl:right-0"])
 		}, [
-			O("div", Kn, [
+			O("div", ir, [
 				O("button", {
 					id: "tpl-tab-content",
 					role: "tab",
@@ -1212,10 +1230,10 @@ var Ln = ["aria-label"], Rn = {
 					class: _(["tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", E("content")]),
 					style: w(D("content")),
 					onClick: t[0] ||= (e) => f.value = "content"
-				}, [h(m(Et), {
+				}, [h(m(Lt), {
 					size: 14,
 					"stroke-width": 2
-				}), f.value === "content" ? (o(), y("span", Jn, N(m(d).sidebar.content), 1)) : b("", !0)], 14, qn),
+				}), f.value === "content" ? (o(), y("span", or, N(m(d).sidebar.content), 1)) : b("", !0)], 14, ar),
 				C.value ? (o(), y("button", {
 					key: 0,
 					id: "tpl-tab-settings",
@@ -1227,10 +1245,10 @@ var Ln = ["aria-label"], Rn = {
 					class: _(["tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", E("settings")]),
 					style: w(D("settings")),
 					onClick: t[1] ||= (e) => f.value = "settings"
-				}, [h(m(St), {
+				}, [h(m(Nt), {
 					size: 14,
 					"stroke-width": 1.5
-				}), f.value === "settings" ? (o(), y("span", Xn, N(m(d).sidebar.settings), 1)) : b("", !0)], 14, Yn)) : b("", !0),
+				}), f.value === "settings" ? (o(), y("span", cr, N(m(d).sidebar.settings), 1)) : b("", !0)], 14, sr)) : b("", !0),
 				g.value ? (o(), y("button", {
 					key: 1,
 					id: "tpl-tab-issues",
@@ -1243,72 +1261,72 @@ var Ln = ["aria-label"], Rn = {
 					style: w(D("issues")),
 					onClick: t[2] ||= (e) => f.value = "issues"
 				}, [
-					h(m(Dt), {
+					h(m(Rt), {
 						size: 14,
 						"stroke-width": 1.5
 					}),
-					f.value === "issues" ? (o(), y("span", Qn, N(m(d).issues.panelTabLabel), 1)) : b("", !0),
-					x.value > 0 ? (o(), y("span", $n, N(x.value), 1)) : b("", !0)
-				], 14, Zn)) : b("", !0)
+					f.value === "issues" ? (o(), y("span", ur, N(m(d).issues.panelTabLabel), 1)) : b("", !0),
+					x.value > 0 ? (o(), y("span", dr, N(x.value), 1)) : b("", !0)
+				], 14, lr)) : b("", !0)
 			]),
-			f.value === "content" ? (o(), y("div", er, [n.selectedBlock ? (o(), T(m(i), {
+			f.value === "content" ? (o(), y("div", fr, [n.selectedBlock ? (o(), T(m(i), {
 				key: 0,
 				block: n.selectedBlock,
 				onUpdate: t[3] ||= (e) => u("update-block", e),
 				onDelete: t[4] ||= (e) => u("delete-block"),
 				onDuplicate: t[5] ||= (e) => u("duplicate-block")
-			}, null, 8, ["block"])) : (o(), y("div", tr, [
-				O("div", nr, [h(m(Ct), {
+			}, null, 8, ["block"])) : (o(), y("div", pr, [
+				O("div", mr, [h(m(Pt), {
 					size: 40,
 					"stroke-width": 1.5
 				})]),
-				O("h3", rr, N(m(d).sidebar.noSelection), 1),
-				O("p", ir, N(m(d).sidebar.noSelectionHint), 1)
+				O("h3", hr, N(m(d).sidebar.noSelection), 1),
+				O("p", gr, N(m(d).sidebar.noSelectionHint), 1)
 			]))])) : b("", !0),
-			f.value === "settings" && C.value ? (o(), y("div", ar, [h(m(a), {
+			f.value === "settings" && C.value ? (o(), y("div", _r, [h(m(a), {
 				settings: n.settings,
 				onUpdate: t[6] ||= (e) => u("update-settings", e)
 			}, null, 8, ["settings"])])) : b("", !0),
-			f.value === "issues" && g.value ? (o(), y("div", or, [h(m(s))])) : b("", !0)
-		], 10, Gn));
+			f.value === "issues" && g.value ? (o(), y("div", vr, [h(m(s))])) : b("", !0)
+		], 10, rr));
 	}
-}), cr = {
+}), br = {
 	class: "tpl-small-screen-notice tpl:absolute tpl:inset-0 tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-4 tpl:px-6 tpl:py-10 tpl:text-center tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)]",
 	style: { "z-index": "10001" },
 	role: "status",
 	"data-testid": "small-screen-notice"
-}, lr = { class: "tpl:text-[var(--tpl-text-dim)]" }, ur = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, dr = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, fr = /* @__PURE__ */ u({
+}, xr = { class: "tpl:text-[var(--tpl-text-dim)]" }, Sr = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Cr = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, wr = /* @__PURE__ */ u({
 	__name: "SmallScreenNotice",
 	setup(e) {
-		let { t } = Q();
-		return (e, n) => (o(), y("div", cr, [
-			O("div", lr, [h(m(st), {
+		let { t } = Z();
+		return (e, n) => (o(), y("div", br, [
+			O("div", xr, [h(m(vt), {
 				size: 48,
 				"stroke-width": 1.5
 			})]),
-			O("h2", ur, N(m(t).smallScreen.title), 1),
-			O("p", dr, N(m(t).smallScreen.message), 1)
+			O("h2", Sr, N(m(t).smallScreen.title), 1),
+			O("p", Cr, N(m(t).smallScreen.message), 1)
 		]));
 	}
-}), pr = {
+}), Tr = {
 	class: "tpl:pointer-events-auto tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-tl-lg tpl:p-1",
 	style: {
 		"background-color": "color-mix(\n          in srgb,\n          var(--tpl-canvas-bg) 85%,\n          transparent\n        )",
 		"backdrop-filter": "blur(8px)",
 		"-webkit-backdrop-filter": "blur(8px)"
 	}
-}, mr = {
+}, Er = {
 	href: "https://github.com/templatical/sdk",
 	target: "_blank",
 	rel: "noopener noreferrer",
 	class: "tpl:transition-colors tpl:hover:opacity-80 tpl:text-[var(--tpl-text-dim)]",
 	style: { "text-decoration": "none" }
-}, hr = /* @__PURE__ */ u({
+}, Dr = /* @__PURE__ */ u({
 	__name: "EditorFooter",
 	props: { positionClass: {} },
 	setup(e) {
-		let { t } = Q();
-		return (n, r) => (o(), y("footer", { class: _(["tpl:pointer-events-none tpl:absolute tpl:bottom-0 tpl:z-50 tpl:flex tpl:h-8 tpl:items-center tpl:justify-end tpl:pr-4 tpl:text-[10px] tpl:opacity-90 tpl:transition-all tpl:duration-300 tpl:text-[var(--tpl-text-dim)]", e.positionClass]) }, [O("div", pr, [
+		let { t } = Z();
+		return (n, r) => (o(), y("footer", { class: _(["tpl:pointer-events-none tpl:absolute tpl:bottom-0 tpl:z-50 tpl:flex tpl:h-8 tpl:items-center tpl:justify-end tpl:pr-4 tpl:text-[10px] tpl:opacity-90 tpl:transition-all tpl:duration-300 tpl:text-[var(--tpl-text-dim)]", e.positionClass]) }, [O("div", Tr, [
 			O("span", null, N(m(t).footer.poweredBy), 1),
 			r[0] ||= O("a", {
 				href: "https://templatical.com",
@@ -1323,19 +1341,19 @@ var Ln = ["aria-label"], Rn = {
 				alt: ""
 			}), I(" Templatical ")], -1),
 			r[1] ||= O("span", { class: "tpl:text-[var(--tpl-border)]" }, "·", -1),
-			O("a", mr, N(m(t).footer.openSource), 1)
+			O("a", Er, N(m(t).footer.openSource), 1)
 		])], 2));
 	}
-}), gr = [
+}), Or = [
 	"aria-label",
 	"title",
 	"aria-pressed"
-], _r = /*#__PURE__*/ At(/* @__PURE__ */ u({
+], kr = /*#__PURE__*/ Vt(/* @__PURE__ */ u({
 	__name: "DarkModeToggle",
 	props: { darkMode: { type: Boolean } },
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let n = t, { t: i } = Q();
+		let n = t, { t: i } = Z();
 		return (t, a) => (o(), y("button", {
 			class: "tpl-dark-mode-toggle tpl:relative tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:p-2 tpl:transition-all",
 			style: w({
@@ -1353,28 +1371,28 @@ var Ln = ["aria-label"], Rn = {
 			"leave-to-class": "tpl-icon-leave-to",
 			mode: "out-in"
 		}, {
-			default: r(() => [e.darkMode ? (o(), T(m(gt), {
+			default: r(() => [e.darkMode ? (o(), T(m(Dt), {
 				key: "moon",
 				size: 18,
 				"stroke-width": 1.5
-			})) : (o(), T(m(bt), {
+			})) : (o(), T(m(jt), {
 				key: "sun",
 				size: 18,
 				"stroke-width": 1.5
 			}))]),
 			_: 1
-		})], 12, gr));
+		})], 12, Or));
 	}
-}), [["__scopeId", "data-v-632aa74f"]]), vr = [
+}), [["__scopeId", "data-v-632aa74f"]]), Ar = [
 	"aria-label",
 	"title",
 	"aria-pressed"
-], yr = /*#__PURE__*/ At(/* @__PURE__ */ u({
+], jr = /*#__PURE__*/ Vt(/* @__PURE__ */ u({
 	__name: "PreviewToggle",
 	props: { previewMode: { type: Boolean } },
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let n = t, { t: i } = Q();
+		let n = t, { t: i } = Z();
 		return (t, a) => (o(), y("button", {
 			class: "tpl-preview-toggle tpl:relative tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:p-2 tpl:transition-all",
 			style: w({
@@ -1392,19 +1410,19 @@ var Ln = ["aria-label"], Rn = {
 			"leave-to-class": "tpl-icon-leave-to",
 			mode: "out-in"
 		}, {
-			default: r(() => [e.previewMode ? (o(), T(m(kt), {
+			default: r(() => [e.previewMode ? (o(), T(m(Bt), {
 				key: "eye",
 				size: 18,
 				"stroke-width": 1.5
-			})) : (o(), T(m(vt), {
+			})) : (o(), T(m(kt), {
 				key: "eye-off",
 				size: 18,
 				"stroke-width": 1.5
 			}))]),
 			_: 1
-		})], 12, vr));
+		})], 12, Ar));
 	}
-}), [["__scopeId", "data-v-eef7b2ca"]]), br = ["aria-label", "onKeydown"], xr = ["title", "aria-label"], Sr = /* @__PURE__ */ u({
+}), [["__scopeId", "data-v-eef7b2ca"]]), Mr = ["aria-label", "onKeydown"], Nr = ["title", "aria-label"], Pr = /* @__PURE__ */ u({
 	__name: "TemplateNameField",
 	props: {
 		name: {},
@@ -1412,7 +1430,7 @@ var Ln = ["aria-label"], Rn = {
 	},
 	emits: ["commit"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = Q(), a = c(!1), s = c(""), l = c(null);
+		let n = e, r = t, { t: i } = Z(), a = c(!1), s = c(""), l = c(null);
 		async function u() {
 			n.editable && (s.value = n.name ?? "", a.value = !0, await S(), l.value?.focus(), l.value?.select());
 		}
@@ -1433,10 +1451,10 @@ var Ln = ["aria-label"], Rn = {
 			type: "text",
 			"data-testid": "template-name-input",
 			"aria-label": m(i).header.templateName,
-			class: _([m(Pt), "tpl:h-8 tpl:max-w-[260px] tpl:text-sm tpl:font-medium"]),
+			class: _([m(Gt), "tpl:h-8 tpl:max-w-[260px] tpl:text-sm tpl:font-medium"]),
 			onKeydown: [g(C(f, ["prevent"]), ["enter"]), g(C(p, ["prevent"]), ["esc"])],
 			onBlur: f
-		}, null, 42, br)), [[D, s.value]]) : e.editable ? (o(), y("button", {
+		}, null, 42, Mr)), [[D, s.value]]) : e.editable ? (o(), y("button", {
 			key: 1,
 			type: "button",
 			"data-testid": "template-name",
@@ -1444,47 +1462,47 @@ var Ln = ["aria-label"], Rn = {
 			"aria-label": m(i).header.rename,
 			class: _(["tpl:max-w-[260px] tpl:cursor-pointer tpl:truncate tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-transparent tpl:px-2 tpl:py-1 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:border-[var(--tpl-border)] tpl:hover:bg-[var(--tpl-bg-hover)]", { "tpl:text-[var(--tpl-text-dim)]": !e.name }]),
 			onClick: u
-		}, N(e.name || m(i).header.untitled), 11, xr)) : (o(), y("span", {
+		}, N(e.name || m(i).header.untitled), 11, Nr)) : (o(), y("span", {
 			key: 2,
 			"data-testid": "template-name",
 			class: _(["tpl:max-w-[260px] tpl:truncate tpl:px-2 tpl:py-1 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]", { "tpl:text-[var(--tpl-text-dim)]": !e.name }])
 		}, N(e.name || m(i).header.untitled), 3));
 	}
-}), Cr = ["title"], wr = /* @__PURE__ */ u({
+}), Fr = ["title"], Ir = /* @__PURE__ */ u({
 	__name: "TemplateTimestamp",
 	props: {
 		iso: {},
 		kind: {}
 	},
 	setup(e) {
-		let n = e, { t: r, format: i } = Q(), a = t(ze, void 0), s = c(0);
-		se(() => {
+		let n = e, { t: r, format: i } = Z(), a = t(it, void 0), s = c(0);
+		ve(() => {
 			s.value += 1;
 		}, 6e4);
 		let l = v(() => {
-			let e = Wt(n.iso, r.time, i);
+			let e = nn(n.iso, r.time, i);
 			if (e === null) return "";
 			let t = e === r.time.justNow;
 			return n.kind === "updatedAt" ? t ? r.header.updatedJustNow : i(r.header.updatedAt, { time: e }) : t ? r.header.createdJustNow : i(r.header.createdAt, { time: e });
-		}), u = v(() => Ut(n.iso, a));
+		}), u = v(() => tn(n.iso, a));
 		return (e, t) => l.value ? (o(), y("span", {
 			key: 0,
 			"data-testid": "template-timestamp",
 			title: u.value,
 			class: "tpl:max-w-[260px] tpl:truncate tpl:px-2 tpl:text-xs tpl:leading-tight tpl:text-[var(--tpl-text-dim)]"
-		}, N(l.value), 9, Cr)) : b("", !0);
+		}, N(l.value), 9, Fr)) : b("", !0);
 	}
-}), Tr = ["data-tooltip"], Er = {
+}), Lr = ["data-tooltip"], Rr = {
 	key: 1,
 	"aria-live": "polite",
 	"data-testid": "save-status-saved",
 	class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-success)]"
-}, Dr = {
+}, zr = {
 	key: 2,
 	"aria-live": "polite",
 	"data-testid": "save-status-unsaved",
 	class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
-}, Or = /* @__PURE__ */ u({
+}, Br = /* @__PURE__ */ u({
 	__name: "TemplateSaveStatus",
 	props: {
 		status: {},
@@ -1492,29 +1510,29 @@ var Ln = ["aria-label"], Rn = {
 		isDirty: { type: Boolean }
 	},
 	setup(e) {
-		let { t } = Q();
+		let { t } = Z();
 		return (n, r) => e.status === "error" ? (o(), y("div", {
 			key: 0,
 			"aria-live": "assertive",
 			"data-testid": "save-status-error",
 			class: "tpl-tooltip tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-danger)]",
 			"data-tooltip": e.errorMessage
-		}, [h(m(mt), {
+		}, [h(m(Tt), {
 			size: 12,
 			"stroke-width": 2.5
-		}), I(" " + N(m(t).header.saveFailed), 1)], 8, Tr)) : e.status === "saved" ? (o(), y("div", Er, [h(m(ft), {
+		}), I(" " + N(m(t).header.saveFailed), 1)], 8, Lr)) : e.status === "saved" ? (o(), y("div", Rr, [h(m(Ct), {
 			size: 12,
 			"stroke-width": 2.5
-		}), I(" " + N(m(t).header.saved), 1)])) : e.isDirty ? (o(), y("div", Dr, [r[0] ||= O("span", { class: "tpl-pulse tpl:size-1.5 tpl:rounded-full tpl:bg-[var(--tpl-primary)]" }, null, -1), I(" " + N(m(t).header.unsaved), 1)])) : b("", !0);
+		}), I(" " + N(m(t).header.saved), 1)])) : e.isDirty ? (o(), y("div", zr, [r[0] ||= O("span", { class: "tpl-pulse tpl:size-1.5 tpl:rounded-full tpl:bg-[var(--tpl-primary)]" }, null, -1), I(" " + N(m(t).header.unsaved), 1)])) : b("", !0);
 	}
-}), kr = { class: "tpl-header tpl:absolute tpl:top-0 tpl:right-0 tpl:left-0 tpl:z-50 tpl:grid tpl:h-14 tpl:grid-cols-[1fr_auto_1fr] tpl:items-center tpl:px-4 tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:border-b tpl:border-[var(--tpl-border)]" }, Ar = { class: "tpl-header-left tpl:flex tpl:min-w-[200px] tpl:items-center tpl:gap-2.5" }, jr = { class: "tpl-header-center tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, Mr = { class: "tpl-header-right tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, Nr = ["aria-label", "aria-expanded"], Pr = {
+}), Vr = { class: "tpl-header tpl:absolute tpl:top-0 tpl:right-0 tpl:left-0 tpl:z-50 tpl:grid tpl:h-14 tpl:grid-cols-[1fr_auto_1fr] tpl:items-center tpl:px-4 tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:border-b tpl:border-[var(--tpl-border)]" }, Hr = { class: "tpl-header-left tpl:flex tpl:min-w-[200px] tpl:items-center tpl:gap-2.5" }, Ur = { class: "tpl-header-center tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, Wr = { class: "tpl-header-right tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, Gr = ["aria-label", "aria-expanded"], Kr = {
 	key: 0,
 	class: "tpl:inline-flex tpl:size-4.5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[10px] tpl:font-semibold tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-on-primary)]"
-}, Fr = [
+}, qr = [
 	"aria-label",
 	"title",
 	"disabled"
-], Ir = ["disabled", "title"], Lr = /* @__PURE__ */ u({
+], Jr = ["disabled", "title"], Yr = /* @__PURE__ */ u({
 	__name: "EditorHeader",
 	props: {
 		editor: {},
@@ -1526,13 +1544,13 @@ var Ln = ["aria-label"], Rn = {
 		comments: {}
 	},
 	setup(e) {
-		let t = F(() => import("./chunks/VersionHistoryMenu-Dij1pTEb.js"));
-		return (n, r) => (o(), y("header", kr, [
-			O("div", Ar, [
+		let t = F(() => import("./chunks/VersionHistoryMenu-B3-hNu9c.js"));
+		return (n, r) => (o(), y("header", Vr, [
+			O("div", Hr, [
 				e.templates?.isAvailable.value && e.templates.hasTemplate.value && (e.showTemplateName || e.templates.timestamp.value) ? (o(), y("div", {
 					key: 0,
 					class: _(["tpl:flex tpl:min-w-0 tpl:flex-col tpl:items-start", { "tpl:pb-1.5": e.showTemplateName && e.templates.timestamp.value !== null }])
-				}, [e.showTemplateName ? (o(), T(Sr, {
+				}, [e.showTemplateName ? (o(), T(Pr, {
 					key: 0,
 					name: e.templates.name.value,
 					editable: e.templates.canSave.value,
@@ -1541,7 +1559,7 @@ var Ln = ["aria-label"], Rn = {
 					"name",
 					"editable",
 					"onCommit"
-				])) : b("", !0), e.templates.timestamp.value ? (o(), T(wr, {
+				])) : b("", !0), e.templates.timestamp.value ? (o(), T(Ir, {
 					key: 1,
 					iso: e.templates.timestamp.value.iso,
 					kind: e.templates.timestamp.value.kind
@@ -1562,22 +1580,22 @@ var Ln = ["aria-label"], Rn = {
 				])) : b("", !0),
 				i(n.$slots, "left-extras")
 			]),
-			O("div", jr, [
-				h(Vt, {
+			O("div", Ur, [
+				h($t, {
 					viewport: e.editor.state.viewport,
 					onChange: e.editor.setViewport
 				}, null, 8, ["viewport", "onChange"]),
-				h(_r, {
+				h(kr, {
 					"dark-mode": e.editor.state.darkMode,
 					onChange: e.editor.setDarkMode
 				}, null, 8, ["dark-mode", "onChange"]),
-				h(yr, {
+				h(jr, {
 					"preview-mode": e.editor.state.previewMode,
 					onChange: e.editor.setPreviewMode
 				}, null, 8, ["preview-mode", "onChange"])
 			]),
-			O("div", Mr, [
-				e.templates?.isAvailable.value && e.templates.canSave.value ? (o(), T(Or, {
+			O("div", Wr, [
+				e.templates?.isAvailable.value && e.templates.canSave.value ? (o(), T(Br, {
 					key: 0,
 					status: e.templates.status.value,
 					"error-message": e.templates.errorMessage.value,
@@ -1593,20 +1611,20 @@ var Ln = ["aria-label"], Rn = {
 					"data-testid": "comments-trigger",
 					"aria-label": e.comments.unresolvedCount.value > 0 ? `${e.core.t.comments.button} (${e.comments.unresolvedCount.value})` : e.core.t.comments.button,
 					"aria-expanded": e.comments.isOpen.value,
-					class: _(m(Nt)),
+					class: _(m(Wt)),
 					style: w(e.comments.isOpen.value ? {
 						backgroundColor: "var(--tpl-primary-light)",
 						borderColor: "var(--tpl-primary-light)"
 					} : void 0),
 					onClick: r[2] ||= (t) => e.comments.toggle()
 				}, [
-					h(m(Ot), {
+					h(m(zt), {
 						size: 16,
 						"stroke-width": 2
 					}),
 					I(" " + N(e.core.t.comments.button) + " ", 1),
-					e.comments.unresolvedCount.value > 0 && !e.comments.isOpen.value ? (o(), y("span", Pr, N(e.comments.unresolvedCount.value), 1)) : b("", !0)
-				], 14, Nr)) : b("", !0),
+					e.comments.unresolvedCount.value > 0 && !e.comments.isOpen.value ? (o(), y("span", Kr, N(e.comments.unresolvedCount.value), 1)) : b("", !0)
+				], 14, Gr)) : b("", !0),
 				i(n.$slots, "right-extras"),
 				e.testEmail?.isAvailable.value ? (o(), y("button", {
 					key: 2,
@@ -1615,63 +1633,63 @@ var Ln = ["aria-label"], Rn = {
 					"aria-label": e.core.t.testEmail.title,
 					title: e.core.t.testEmail.title,
 					disabled: e.testEmail.isSending.value,
-					class: _(m(Nt)),
+					class: _(m(Wt)),
 					onClick: r[3] ||= (t) => e.testEmail.open()
-				}, [e.testEmail.isSending.value ? (o(), T(m(xt), {
+				}, [e.testEmail.isSending.value ? (o(), T(m(Mt), {
 					key: 1,
 					class: "tpl-spinner",
 					size: 16,
 					"stroke-width": 2
-				})) : (o(), T(m(pt), {
+				})) : (o(), T(m(wt), {
 					key: 0,
 					size: 16,
 					"stroke-width": 2
-				})), I(" " + N(e.core.t.testEmail.button), 1)], 10, Fr)) : b("", !0),
+				})), I(" " + N(e.core.t.testEmail.button), 1)], 10, qr)) : b("", !0),
 				e.templates?.isAvailable.value && e.templates.canSave.value ? (o(), y("button", {
 					key: 3,
 					type: "button",
 					"data-testid": "template-save",
-					class: _(m(e.editor.state.isDirty && e.templates.hasTemplate.value ? Ft : Nt)),
+					class: _(m(e.editor.state.isDirty && e.templates.hasTemplate.value ? Kt : Wt)),
 					style: w(e.editor.state.isDirty && e.templates.hasTemplate.value ? { boxShadow: "var(--tpl-shadow-sm)" } : void 0),
 					disabled: e.templates.isSaving.value || !e.templates.hasTemplate.value,
 					title: e.templates.hasTemplate.value ? e.core.t.header.save : e.core.t.header.saveNoTemplate,
 					onClick: r[4] ||= (t) => e.templates.requestSave()
-				}, [e.templates.isSaving.value ? (o(), T(m(xt), {
+				}, [e.templates.isSaving.value ? (o(), T(m(Mt), {
 					key: 1,
 					class: "tpl-spinner",
 					size: 16,
 					"stroke-width": 2
-				})) : (o(), T(m(lt), {
+				})) : (o(), T(m(bt), {
 					key: 0,
 					size: 16,
 					"stroke-width": 2
-				})), I(" " + N(e.templates.isSaving.value ? e.core.t.header.saving : e.core.t.header.save), 1)], 14, Ir)) : b("", !0)
+				})), I(" " + N(e.templates.isSaving.value ? e.core.t.header.saving : e.core.t.header.save), 1)], 14, Jr)) : b("", !0)
 			])
 		]));
 	}
-}), Rr = ["aria-labelledby", "data-tpl-theme"], zr = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:gap-3 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Br = ["id"], Vr = ["aria-label"], Hr = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Ur = [
+}), Xr = ["aria-labelledby", "data-tpl-theme"], Zr = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:gap-3 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Qr = ["id"], $r = ["aria-label"], ei = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, ti = [
 	"id",
 	"placeholder",
 	"aria-label",
 	"aria-activedescendant"
-], Wr = {
+], ni = {
 	key: 0,
 	class: "tpl:flex tpl:gap-1.5 tpl:overflow-x-auto tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2",
 	"data-testid": "merge-tag-picker-group-pills"
-}, Gr = ["data-group-name", "onClick"], Kr = ["aria-label"], qr = {
+}, ri = ["data-group-name", "onClick"], ii = ["aria-label"], ai = {
 	key: 0,
 	class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
 	"data-testid": "merge-tag-picker-empty"
-}, Jr = {
+}, oi = {
 	key: 1,
 	class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
 	"data-testid": "merge-tag-picker-empty"
-}, Yr = [
+}, si = [
 	"aria-expanded",
 	"data-group-name",
 	"data-group-collapsed",
 	"onClick"
-], Xr = { class: "tpl:ml-1 tpl:font-normal" }, Zr = [
+], ci = { class: "tpl:ml-1 tpl:font-normal" }, li = [
 	"id",
 	"aria-selected",
 	"data-selected",
@@ -1681,21 +1699,21 @@ var Ln = ["aria-label"], Rn = {
 	"title",
 	"onMousemove",
 	"onClick"
-], Qr = { class: "tpl:text-sm tpl:font-medium" }, $r = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, ei = {
+], ui = { class: "tpl:text-sm tpl:font-medium" }, di = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, fi = {
 	key: 0,
 	class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
-}, ti = {
+}, pi = {
 	key: 1,
 	"data-testid": "merge-tag-picker-sample",
 	class: "tpl:line-clamp-1 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
-}, $ = "tpl-merge-tag-picker-list", ni = /* @__PURE__ */ u({
+}, Q = "tpl-merge-tag-picker-list", mi = /* @__PURE__ */ u({
 	__name: "MergeTagPickerModal",
 	setup(i) {
-		let a = Je(Qe, "MergeTagPickerModal"), { t: s, format: l } = Q(), u = t(Be, null), f = t(qe, null), p = t(Ve, !0), x = v(() => a.current.value !== null), E = v(() => x.value ? s.mergeTag.picker.changeTitle : s.mergeTag.picker.title);
+		let a = qe(Je, "MergeTagPickerModal"), { t: s, format: l } = Z(), u = t(Xe, null), f = t(at, null), p = t($e, !0), x = v(() => a.current.value !== null), E = v(() => x.value ? s.mergeTag.picker.changeTitle : s.mergeTag.picker.title);
 		function k(e) {
 			return p ? e.description ? `${e.value} — ${e.description}` : e.value : e.description || void 0;
 		}
-		let A = c(""), j = oe(A, 200), P = c(null), F = v(() => j.value.trim().length > 0), I = c(0), L = v(() => a.tags.value.some((e) => !!e.group)), R = c(/* @__PURE__ */ new Set());
+		let A = c(""), j = _e(A, 200), P = c(null), F = v(() => j.value.trim().length > 0), I = c(0), L = v(() => a.tags.value.some((e) => !!e.group)), R = c(/* @__PURE__ */ new Set());
 		function z(e) {
 			return R.value.has(e);
 		}
@@ -1775,29 +1793,29 @@ var Ln = ["aria-label"], Rn = {
 		function Y() {
 			a.resolve(null);
 		}
-		function X(e) {
+		function ee(e) {
 			if (W.value.length === 0) return;
 			G = !1;
 			let t = I.value + e;
-			I.value = Math.max(0, Math.min(W.value.length - 1, t)), ne();
+			I.value = Math.max(0, Math.min(W.value.length - 1, t)), re();
 		}
-		let ee = c(null), te = c({});
-		function Z(e, t) {
-			te.value[e] = t ?? null;
+		let te = c(null), ne = c({});
+		function X(e, t) {
+			ne.value[e] = t ?? null;
 		}
-		function ne() {
+		function re() {
 			S(() => {
-				let e = ee.value;
+				let e = te.value;
 				e && e.querySelector(`[data-merge-tag-index="${I.value}"]`)?.scrollIntoView({ block: "nearest" });
 			});
 		}
-		function re(e) {
+		function ie(e) {
 			if (R.value.has(e)) {
 				let t = new Set(R.value);
 				t.delete(e), R.value = t;
 			}
 			S(() => {
-				let t = ee.value;
+				let t = te.value;
 				if (!t) return;
 				let n = 0, r = !1;
 				for (let i of Array.from(t.children)) {
@@ -1813,55 +1831,55 @@ var Ln = ["aria-label"], Rn = {
 				});
 			});
 		}
-		function ie(e) {
-			if (e.key === "ArrowDown") e.preventDefault(), X(1);
-			else if (e.key === "ArrowUp") e.preventDefault(), X(-1);
+		function ae(e) {
+			if (e.key === "ArrowDown") e.preventDefault(), ee(1);
+			else if (e.key === "ArrowUp") e.preventDefault(), ee(-1);
 			else if (e.key === "Enter") {
 				e.preventDefault();
 				let t = W.value[I.value];
 				t && J(t);
 			}
 		}
-		function ae() {
-			if (W.value.length !== 0) return `${$}-opt-${I.value}`;
+		function oe() {
+			if (W.value.length !== 0) return `${Q}-opt-${I.value}`;
 		}
 		function se(e) {
-			return `${$}-opt-${e}`;
+			return `${Q}-opt-${e}`;
 		}
 		let ce = v(() => a.tags.value.length === 0), le = v(() => !ce.value && V.value.length === 0), ue = v(() => L.value && H.value.length > 1 && !F.value);
-		return (e, t) => (o(), T(Gt, {
+		return (e, t) => (o(), T(rn, {
 			visible: m(a).isOpen.value,
 			onClose: Y,
-			onKeydown: ie
+			onKeydown: ae
 		}, {
 			default: r(() => [O("div", {
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-labelledby": `${$}-title`,
+				"aria-labelledby": `${Q}-title`,
 				"data-tpl-theme": m(f),
 				"data-testid": "merge-tag-picker-modal",
 				class: "tpl tpl:flex tpl:max-h-[80%] tpl:w-[420px] tpl:max-w-full tpl:flex-col tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-lg)]",
 				style: w(m(u))
 			}, [
-				O("header", zr, [O("h2", {
-					id: `${$}-title`,
+				O("header", Zr, [O("h2", {
+					id: `${Q}-title`,
 					class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-				}, N(E.value), 9, Br), O("button", {
+				}, N(E.value), 9, Qr), O("button", {
 					type: "button",
 					class: "tpl:flex tpl:h-7 tpl:w-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
 					"aria-label": m(s).mergeTag.picker.close,
 					"data-testid": "merge-tag-picker-close",
 					onClick: Y
-				}, [h(m(wt), {
+				}, [h(m(Ft), {
 					size: 16,
 					"stroke-width": 2
-				})], 8, Vr)]),
-				O("div", Hr, [h(m(ht), {
+				})], 8, $r)]),
+				O("div", ei, [h(m(Et), {
 					class: "tpl:pointer-events-none tpl:absolute tpl:top-1/2 tpl:left-5 tpl:-translate-y-1/2 tpl:text-[var(--tpl-text-dim)]",
 					size: 14,
 					"stroke-width": 2
 				}), d(O("input", {
-					id: `${$}-search`,
+					id: `${Q}-search`,
 					ref_key: "searchInputRef",
 					ref: P,
 					"onUpdate:modelValue": t[0] ||= (e) => A.value = e,
@@ -1869,48 +1887,48 @@ var Ln = ["aria-label"], Rn = {
 					class: "tpl:w-full tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]",
 					placeholder: m(s).mergeTag.picker.searchPlaceholder,
 					"aria-label": m(s).mergeTag.picker.searchAriaLabel,
-					"aria-controls": $,
-					"aria-activedescendant": ae(),
+					"aria-controls": Q,
+					"aria-activedescendant": oe(),
 					"data-testid": "merge-tag-picker-search",
 					onKeydown: t[1] ||= g(C(() => {}, ["prevent"]), ["enter"])
-				}, null, 40, Ur), [[D, A.value]])]),
-				ue.value ? (o(), y("div", Wr, [(o(!0), y(M, null, n(H.value, (e) => (o(), y("button", {
+				}, null, 40, ti), [[D, A.value]])]),
+				ue.value ? (o(), y("div", ni, [(o(!0), y(M, null, n(H.value, (e) => (o(), y("button", {
 					key: e,
 					type: "button",
 					class: "tpl:flex tpl:flex-shrink-0 tpl:cursor-pointer tpl:items-center tpl:rounded-full tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-2.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
 					"data-testid": "merge-tag-picker-group-pill",
 					"data-group-name": e,
-					onClick: (t) => re(e)
-				}, N(e), 9, Gr))), 128))])) : b("", !0),
+					onClick: (t) => ie(e)
+				}, N(e), 9, ri))), 128))])) : b("", !0),
 				O("div", {
-					id: $,
+					id: Q,
 					ref_key: "listRef",
-					ref: ee,
+					ref: te,
 					class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
 					role: "listbox",
 					"aria-label": E.value,
 					"data-testid": "merge-tag-picker-list"
-				}, [ce.value ? (o(), y("div", qr, N(m(s).mergeTag.picker.empty), 1)) : le.value ? (o(), y("div", Jr, N(m(s).mergeTag.picker.noResults), 1)) : (o(!0), y(M, { key: 2 }, n(U.value, (e, t) => (o(), y(M, { key: t }, [e.kind === "header" ? (o(), y("button", {
+				}, [ce.value ? (o(), y("div", ai, N(m(s).mergeTag.picker.empty), 1)) : le.value ? (o(), y("div", oi, N(m(s).mergeTag.picker.noResults), 1)) : (o(!0), y(M, { key: 2 }, n(U.value, (e, t) => (o(), y(M, { key: t }, [e.kind === "header" ? (o(), y("button", {
 					key: 0,
 					ref_for: !0,
-					ref: (t) => Z(e.group, t),
+					ref: (t) => X(e.group, t),
 					type: "button",
 					"aria-expanded": !z(e.group),
-					"aria-controls": $,
+					"aria-controls": Q,
 					class: "tpl:sticky tpl:top-0 tpl:z-10 tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-1.5 tpl:border-none tpl:bg-[var(--tpl-bg-elevated)] tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-left tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)]",
 					"data-testid": "merge-tag-picker-group-header",
 					"data-group-name": e.group,
 					"data-group-collapsed": z(e.group) ? "true" : "false",
 					onClick: (t) => B(e.group)
 				}, [
-					h(m(dt), {
+					h(m(St), {
 						size: 12,
 						"stroke-width": 2,
 						class: _(["tpl:transition-transform", z(e.group) ? "tpl:-rotate-90" : ""])
 					}, null, 8, ["class"]),
 					O("span", null, N(e.group), 1),
-					O("span", Xr, " (" + N(m(l)(m(s).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
-				], 8, Yr)) : (o(), y("button", {
+					O("span", ci, " (" + N(m(l)(m(s).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
+				], 8, si)) : (o(), y("button", {
 					key: 1,
 					id: se(e.index),
 					type: "button",
@@ -1926,23 +1944,23 @@ var Ln = ["aria-label"], Rn = {
 					onMousemove: (t) => q(e.index),
 					onClick: (t) => J(e.tag)
 				}, [
-					O("span", Qr, N(e.tag.label), 1),
-					O("span", $r, N(e.tag.value), 1),
-					e.tag.description ? (o(), y("span", ei, N(e.tag.description), 1)) : b("", !0),
-					e.tag.sample === void 0 ? b("", !0) : (o(), y("span", ti, N(m(l)(m(s).mergeTag.picker.sample, { sample: e.tag.sample })), 1))
-				], 42, Zr))], 64))), 128))], 8, Kr)
-			], 12, Rr)]),
+					O("span", ui, N(e.tag.label), 1),
+					O("span", di, N(e.tag.value), 1),
+					e.tag.description ? (o(), y("span", fi, N(e.tag.description), 1)) : b("", !0),
+					e.tag.sample === void 0 ? b("", !0) : (o(), y("span", pi, N(m(l)(m(s).mergeTag.picker.sample, { sample: e.tag.sample })), 1))
+				], 42, li))], 64))), 128))], 8, ii)
+			], 12, Xr)]),
 			_: 1
 		}, 8, ["visible"]));
 	}
-}), ri = ["data-logic-keyword"], ii = /* @__PURE__ */ u({
+}), hi = ["data-logic-keyword"], gi = /* @__PURE__ */ u({
 	__name: "LogicTagBadge",
 	props: {
 		value: {},
 		syntax: {}
 	},
 	setup(e) {
-		let t = e, n = v(() => H(t.value, t.syntax)), r = v(() => B(t.value, t.syntax));
+		let t = e, n = v(() => ee(t.value, t.syntax)), r = v(() => J(t.value, t.syntax));
 		return (e, t) => n.value ? (o(), y("span", {
 			key: 0,
 			class: "tpl:inline-flex tpl:flex-shrink-0 tpl:items-center tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:leading-none tpl:font-bold tpl:tracking-wide tpl:uppercase",
@@ -1952,22 +1970,22 @@ var Ln = ["aria-label"], Rn = {
 			},
 			"data-testid": "merge-tag-logic-badge",
 			"data-logic-keyword": r.value
-		}, N(r.value), 9, ri)) : b("", !0);
+		}, N(r.value), 9, hi)) : b("", !0);
 	}
-}), ai = ["aria-labelledby", "data-tpl-theme"], oi = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:gap-3 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, si = ["id"], ci = ["aria-label"], li = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, ui = [
+}), _i = ["aria-labelledby", "data-tpl-theme"], vi = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:gap-3 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, yi = ["id"], bi = ["aria-label"], xi = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Si = [
 	"id",
 	"placeholder",
 	"aria-label",
 	"aria-activedescendant"
-], di = ["aria-label"], fi = {
+], Ci = ["aria-label"], wi = {
 	key: 0,
 	class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
 	"data-testid": "logic-picker-empty"
-}, pi = {
+}, Ti = {
 	key: 1,
 	class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
 	"data-testid": "logic-picker-empty"
-}, mi = ["data-group-name"], hi = [
+}, Ei = ["data-group-name"], Di = [
 	"id",
 	"aria-selected",
 	"data-selected",
@@ -1975,19 +1993,19 @@ var Ln = ["aria-label"], Rn = {
 	"data-logic-kind",
 	"onMousemove",
 	"onClick"
-], gi = { class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-between tpl:gap-2" }, _i = { class: "tpl:text-sm tpl:font-medium" }, vi = {
+], Oi = { class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-between tpl:gap-2" }, ki = { class: "tpl:text-sm tpl:font-medium" }, Ai = {
 	key: 0,
 	class: "tpl:flex tpl:items-center"
-}, yi = {
+}, ji = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:gap-1"
-}, bi = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, xi = {
+}, Mi = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, Ni = {
 	key: 0,
 	class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
-}, Si = "tpl-logic-picker-list", Ci = /* @__PURE__ */ u({
+}, $ = "tpl-logic-picker-list", Pi = /* @__PURE__ */ u({
 	__name: "LogicTagPickerModal",
 	setup(i) {
-		let a = Je(We, "LogicTagPickerModal"), { t: s } = Q(), l = t(He, K.liquid), u = t(Be, null), f = t(qe, null), p = c(""), x = oe(p, 200), E = c(null), k = v(() => x.value.trim().length > 0), A = c(0);
+		let a = qe(Ye, "LogicTagPickerModal"), { t: s } = Z(), l = t(et, ie.liquid), u = t(Xe, null), f = t(at, null), p = c(""), x = _e(p, 200), E = c(null), k = v(() => x.value.trim().length > 0), A = c(0);
 		function j(e) {
 			let t = x.value.trim().toLowerCase();
 			return !t || e.filter(Boolean).join(" ").toLowerCase().includes(t);
@@ -2055,59 +2073,59 @@ var Ln = ["aria-label"], Rn = {
 		function G() {
 			a.resolve(null);
 		}
-		function q(e) {
+		function K(e) {
 			B.value.length !== 0 && (A.value = Math.max(0, Math.min(B.value.length - 1, A.value + e)), S(() => {
 				U.value?.querySelector(`[data-logic-index="${A.value}"]`)?.scrollIntoView({ block: "nearest" });
 			}));
 		}
-		function J(e) {
-			if (e.key === "ArrowDown") e.preventDefault(), q(1);
-			else if (e.key === "ArrowUp") e.preventDefault(), q(-1);
+		function q(e) {
+			if (e.key === "ArrowDown") e.preventDefault(), K(1);
+			else if (e.key === "ArrowUp") e.preventDefault(), K(-1);
 			else if (e.key === "Enter") {
 				e.preventDefault();
 				let t = B.value[A.value];
 				t && W(t);
 			}
 		}
-		function Y(e) {
-			return `${Si}-opt-${e}`;
+		function J(e) {
+			return `${$}-opt-${e}`;
 		}
-		function X() {
-			return B.value.length === 0 ? void 0 : `${Si}-opt-${A.value}`;
+		function Y() {
+			return B.value.length === 0 ? void 0 : `${$}-opt-${A.value}`;
 		}
-		return (e, t) => (o(), T(Gt, {
+		return (e, t) => (o(), T(rn, {
 			visible: m(a).isOpen.value,
 			onClose: G,
-			onKeydown: J
+			onKeydown: q
 		}, {
 			default: r(() => [O("div", {
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-labelledby": `${Si}-title`,
+				"aria-labelledby": `${$}-title`,
 				"data-tpl-theme": m(f),
 				"data-testid": "logic-picker-modal",
 				class: "tpl tpl:flex tpl:max-h-[80%] tpl:w-[420px] tpl:max-w-full tpl:flex-col tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-lg)]",
 				style: w(m(u))
 			}, [
-				O("header", oi, [O("h2", {
-					id: `${Si}-title`,
+				O("header", vi, [O("h2", {
+					id: `${$}-title`,
 					class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-				}, N(m(s).logicTag.picker.title), 9, si), O("button", {
+				}, N(m(s).logicTag.picker.title), 9, yi), O("button", {
 					type: "button",
 					class: "tpl:flex tpl:h-7 tpl:w-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
 					"aria-label": m(s).logicTag.picker.close,
 					"data-testid": "logic-picker-close",
 					onClick: G
-				}, [h(m(wt), {
+				}, [h(m(Ft), {
 					size: 16,
 					"stroke-width": 2
-				})], 8, ci)]),
-				O("div", li, [h(m(ht), {
+				})], 8, bi)]),
+				O("div", xi, [h(m(Et), {
 					class: "tpl:pointer-events-none tpl:absolute tpl:top-1/2 tpl:left-5 tpl:-translate-y-1/2 tpl:text-[var(--tpl-text-dim)]",
 					size: 14,
 					"stroke-width": 2
 				}), d(O("input", {
-					id: `${Si}-search`,
+					id: `${$}-search`,
 					ref_key: "searchInputRef",
 					ref: E,
 					"onUpdate:modelValue": t[0] ||= (e) => p.value = e,
@@ -2115,27 +2133,27 @@ var Ln = ["aria-label"], Rn = {
 					class: "tpl:w-full tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]",
 					placeholder: m(s).logicTag.picker.searchPlaceholder,
 					"aria-label": m(s).logicTag.picker.searchAriaLabel,
-					"aria-controls": Si,
-					"aria-activedescendant": X(),
+					"aria-controls": $,
+					"aria-activedescendant": Y(),
 					"data-testid": "logic-picker-search",
 					onKeydown: t[1] ||= g(C(() => {}, ["prevent"]), ["enter"])
-				}, null, 40, ui), [[D, p.value]])]),
+				}, null, 40, Si), [[D, p.value]])]),
 				O("div", {
-					id: Si,
+					id: $,
 					ref_key: "listRef",
 					ref: U,
 					class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
 					role: "listbox",
 					"aria-label": m(s).logicTag.picker.title,
 					"data-testid": "logic-picker-list"
-				}, [V.value ? (o(), y("div", fi, N(m(s).logicTag.picker.empty), 1)) : H.value ? (o(), y("div", pi, N(m(s).logicTag.picker.noResults), 1)) : (o(!0), y(M, { key: 2 }, n(z.value.rows, (e, n) => (o(), y(M, { key: n }, [e.kind === "header" ? (o(), y("div", {
+				}, [V.value ? (o(), y("div", wi, N(m(s).logicTag.picker.empty), 1)) : H.value ? (o(), y("div", Ti, N(m(s).logicTag.picker.noResults), 1)) : (o(!0), y(M, { key: 2 }, n(z.value.rows, (e, n) => (o(), y(M, { key: n }, [e.kind === "header" ? (o(), y("div", {
 					key: 0,
 					class: "tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]",
 					"data-testid": "logic-picker-header",
 					"data-group-name": e.label
-				}, N(e.label), 9, mi)) : (o(), y("button", {
+				}, N(e.label), 9, Ei)) : (o(), y("button", {
 					key: 1,
-					id: Y(e.index),
+					id: J(e.index),
 					type: "button",
 					role: "option",
 					"aria-selected": e.index === A.value,
@@ -2147,32 +2165,32 @@ var Ln = ["aria-label"], Rn = {
 					onMousemove: (t) => A.value = e.index,
 					onClick: (t) => W(e.kind === "tag" ? e.tag : e.pair)
 				}, [
-					O("span", gi, [O("span", _i, N(e.kind === "tag" ? e.tag.label : e.pair.label), 1), e.kind === "tag" ? (o(), y("span", vi, [h(ii, {
+					O("span", Oi, [O("span", ki, N(e.kind === "tag" ? e.tag.label : e.pair.label), 1), e.kind === "tag" ? (o(), y("span", Ai, [h(gi, {
 						value: e.tag.value,
 						syntax: m(l)
-					}, null, 8, ["value", "syntax"])])) : (o(), y("span", yi, [
-						h(ii, {
+					}, null, 8, ["value", "syntax"])])) : (o(), y("span", ji, [
+						h(gi, {
 							value: e.pair.before,
 							syntax: m(l)
 						}, null, 8, ["value", "syntax"]),
 						t[2] ||= O("span", { class: "tpl:text-[var(--tpl-text-dim)]" }, "…", -1),
-						h(ii, {
+						h(gi, {
 							value: e.pair.after,
 							syntax: m(l)
 						}, null, 8, ["value", "syntax"])
 					]))]),
-					O("span", bi, N(e.kind === "tag" ? e.tag.value : `${e.pair.before} … ${e.pair.after}`), 1),
-					(e.kind === "tag" ? e.tag.description : e.pair.description) ? (o(), y("span", xi, N(e.kind === "tag" ? e.tag.description : e.pair.description), 1)) : b("", !0)
-				], 42, hi))], 64))), 128))], 8, di)
-			], 12, ai)]),
+					O("span", Mi, N(e.kind === "tag" ? e.tag.value : `${e.pair.before} … ${e.pair.after}`), 1),
+					(e.kind === "tag" ? e.tag.description : e.pair.description) ? (o(), y("span", Ni, N(e.kind === "tag" ? e.tag.description : e.pair.description), 1)) : b("", !0)
+				], 42, Di))], 64))), 128))], 8, Ci)
+			], 12, _i)]),
 			_: 1
 		}, 8, ["visible"]));
 	}
-}), wi = ["data-tpl-theme"], Ti = { class: "tpl:absolute tpl:inset-0 tpl:overflow-hidden" }, Ei = { class: "tpl-preview-overlay tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, Di = { class: "tpl:absolute tpl:left-1/2 tpl:top-2 tpl:flex tpl:-translate-x-1/2 tpl:flex-col tpl:items-center tpl:gap-2" }, Oi = {
+}), Fi = ["data-tpl-theme"], Ii = { class: "tpl:absolute tpl:inset-0 tpl:overflow-hidden" }, Li = { class: "tpl-preview-overlay tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, Ri = { class: "tpl:absolute tpl:left-1/2 tpl:top-2 tpl:flex tpl:-translate-x-1/2 tpl:flex-col tpl:items-center tpl:gap-2" }, zi = {
 	key: 0,
 	"data-testid": "merge-tag-mode-toggle-anchor",
 	class: "tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-[var(--tpl-shadow-md)]"
-}, ki = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, Ai = ["aria-label"], ji = /*#__PURE__*/ At(/* @__PURE__ */ u({
+}, Bi = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, Vi = ["aria-label"], Hi = /*#__PURE__*/ Vt(/* @__PURE__ */ u({
 	__name: "Editor",
 	props: {
 		config: {},
@@ -2184,38 +2202,38 @@ var Ln = ["aria-label"], Rn = {
 		usesLocalRenderer: { type: Function }
 	},
 	setup(t, { expose: n }) {
-		let i = t, s = i.config.templates ? yn(i.config.templates, i.config.mergeTags) : void 0, l = ie({
+		let i = t, s = i.config.templates ? jn(i.config.templates, i.config.mergeTags) : void 0, l = he({
 			content: i.config.content,
 			defaultFontFamily: i.config.fonts?.defaultFont,
-			templateDefaults: Jt(i.config),
+			templateDefaults: sn(i.config),
 			templates: s,
 			onError: i.config.onError,
 			lockedBlocks: i.cloud?.lockedBlocks
-		}), u = i.cloud ? i.cloud.attach({ editor: l }) : null, f = s ? tn({
+		}), u = i.cloud ? i.cloud.attach({ editor: l }) : null, f = s ? mn({
 			provider: s,
 			editor: l,
 			guardUnsavedChanges: i.config.templates?.unsavedChangesGuard,
 			getSaveGate: i.cloud ? () => i.cloud.getSaveGate() : void 0
 		}) : null;
 		i.config.onDirtyChange && e(() => l.state.isDirty, (e) => i.config.onDirtyChange(e));
-		let g = c(null), S = i.config.savedBlocks ? $t({
+		let g = c(null), S = i.config.savedBlocks ? fn({
 			provider: i.config.savedBlocks,
 			editor: l,
 			onError: i.config.onError,
 			isAvailable: i.cloud ? () => i.cloud.isSavedBlocksAvailable() : void 0
-		}) : null, D = F(() => import("./chunks/SavedBlocksPanels-DfTaMPAr.js")), k = i.config.media || i.config.onRequestMedia ? Qt({
+		}) : null, D = F(() => import("./chunks/SavedBlocksPanels-Ce1RePjk.js")), k = i.config.media || i.config.onRequestMedia ? dn({
 			provider: i.config.media,
 			onRequestMedia: i.config.onRequestMedia,
 			getTemplateId: () => l.state.template?.id,
 			onError: i.config.onError
-		}) : null, j = F(() => import("./chunks/MediaPanels-Bq5b-XJM.js")), M = i.config.testEmail ? sn({
+		}) : null, j = F(() => import("./chunks/MediaPanels-Bq5b-XJM.js")), M = i.config.testEmail ? yn({
 			provider: i.config.testEmail,
 			getContent: () => l.content.value,
 			renderMjml: i.renderMjml,
 			usesLocalRenderer: i.usesLocalRenderer,
 			onError: i.config.onError,
 			isAvailable: i.cloud ? () => i.cloud.isTestEmailAvailable() : void 0
-		}) : null, P = F(() => import("./chunks/TestEmailPanel-B8LwXmeX.js")), L = i.config.comments ? Yt({
+		}) : null, P = F(() => import("./chunks/TestEmailPanel-BdYsVHXA.js")), L = i.config.comments ? cn({
 			provider: i.config.comments,
 			editor: l,
 			user: i.config.user,
@@ -2223,8 +2241,8 @@ var Ln = ["aria-label"], Rn = {
 			onError: i.config.onError,
 			isAvailable: i.cloud ? () => i.cloud.isCommentsAvailable() : void 0,
 			isBlockSaved: i.cloud ? (e) => i.cloud.isBlockSaved(e) : void 0
-		}) : null, R = F(() => import("./chunks/CommentsPanel-C8ibhaiK.js")), z = F(() => import("./chunks/CloudPanels-DmxmqAS_.js")), B = F(() => import("./chunks/CloudHeaderExtras-BxsMpvVr.js")), V = F(() => import("./chunks/VersionHistoryPanels-DcCFFDK6.js")), H = ln(i.config.templates?.autoSave, !1), U = H && f !== null;
-		H && f !== null && !f.canSave.value && at.warn("config.templates.autoSave is on but this provider's save is false — there is nothing to persist to. Give it a real save function, or use `onChange` to persist the content yourself."), i.config.changeDebounce !== void 0 && f !== null && i.config.templates?.autoSave === void 0 && !i.config.onChange && at.warn("config.changeDebounce is set but nothing will use it — config.templates.autoSave is unset and there is no onChange either, so the timer has no consumer. Set config.templates.autoSave, or add onChange, so the debounce takes effect.");
+		}) : null, R = F(() => import("./chunks/CommentsPanel-BtAGZfF6.js")), z = F(() => import("./chunks/CloudPanels-DcAn5QW7.js")), B = F(() => import("./chunks/CloudHeaderExtras-DOB_uWpt.js")), V = F(() => import("./chunks/VersionHistoryPanels-C1yck5gT.js")), H = xn(i.config.templates?.autoSave, !1), U = H && f !== null;
+		H && f !== null && !f.canSave.value && gt.warn("config.templates.autoSave is on but this provider's save is false — there is nothing to persist to. Give it a real save function, or use `onChange` to persist the content yourself."), i.config.changeDebounce !== void 0 && f !== null && i.config.templates?.autoSave === void 0 && !i.config.onChange && gt.warn("config.changeDebounce is set but nothing will use it — config.templates.autoSave is unset and there is no onChange either, so the timer has no consumer. Set config.templates.autoSave, or add onChange, so the debounce takes effect.");
 		let W = i.config.onChange || U ? {
 			onChange: () => {
 				i.config.onChange?.(JSON.parse(JSON.stringify(l.state.content))), U && f.requestAutoSave();
@@ -2235,7 +2253,7 @@ var Ln = ["aria-label"], Rn = {
 			...f ? { templates: f.capability } : {},
 			...M ? { testEmail: M.capability } : {},
 			...L ? { comments: L.capability } : {}
-		}, K = je({
+		}, K = Ue({
 			editor: l,
 			containerEl: g,
 			config: {
@@ -2246,6 +2264,8 @@ var Ln = ["aria-label"], Rn = {
 				customBlocks: i.config.customBlocks,
 				paletteBlocks: i.config.paletteBlocks,
 				htmlBlockPreview: i.config.htmlBlockPreview,
+				layout: i.config.layout,
+				sectionWrapper: i.config.sectionWrapper,
 				colors: i.config.colors,
 				templateSettings: i.config.templateSettings,
 				mergeTags: i.config.mergeTags,
@@ -2255,7 +2275,7 @@ var Ln = ["aria-label"], Rn = {
 				canDropMedia: k?.canDrop ?? null,
 				resolvePreview: i.config.resolvePreview,
 				resolveImageUrl: i.config.resolveImageUrl,
-				lint: un(i.config),
+				lint: Sn(i.config),
 				locale: i.config.locale
 			},
 			translations: i.translations,
@@ -2268,9 +2288,9 @@ var Ln = ["aria-label"], Rn = {
 		}), q = i.cloud && u ? i.cloud.ready({
 			core: K,
 			capabilities: G
-		}) : null, J = i.config.versionHistory ? cn({
+		}) : null, J = i.config.versionHistory ? bn({
 			provider: i.config.versionHistory,
-			editor: vn(l, i.config.mergeTags),
+			editor: An(l, i.config.mergeTags),
 			history: K.history,
 			conditionPreview: K.conditionPreview,
 			autoSave: K.autoSave,
@@ -2281,26 +2301,26 @@ var Ln = ["aria-label"], Rn = {
 			onError: i.config.onError
 		}) : null;
 		J && (G.versionHistory = J.capability);
-		let Y = v(() => L?.isOpen.value === !0 || u?.panelState.rightPanelOpen.value === !0), X = v(() => l.state.previewMode ? "tpl:left-0 tpl:right-0" : Y.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]");
-		function ee(e) {
+		let Y = v(() => L?.isOpen.value === !0 || u?.panelState.rightPanelOpen.value === !0), ee = v(() => l.state.previewMode ? "tpl:left-0 tpl:right-0" : Y.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]");
+		function te(e) {
 			u && (e === "ai-chat" ? u.panelState.aiChatOpen.value = !0 : u.panelState.designReferenceOpen.value = !0);
 		}
-		let { showNotice: te } = Ne(() => i.config.smallScreenNotice);
+		let { showNotice: ne } = Ke(() => i.config.smallScreenNotice);
 		x(async () => {
 			await i.fontsManager.loadCustomFonts();
 		}), a(() => {
 			i.fontsManager.cleanupFontLinks(), i.cloud?.destroy(), K.destroy();
 		});
-		let Z = f ?? l;
+		let X = f ?? l;
 		return n({
 			getContent: () => l.content.value,
 			setContent: (e) => l.setContent(e),
 			setTheme: (e) => l.setUiTheme(e),
 			setMergeTags: K.setMergeTags,
 			isDirty: () => l.state.isDirty,
-			create: Z.create,
-			load: Z.load,
-			save: Z.save,
+			create: X.create,
+			load: X.load,
+			save: X.save,
 			renderCustomBlock: K.registry.renderCustomBlock,
 			getCustomBlockStylesheet: (e) => K.registry.getDefinition(e)?.stylesheet
 		}), (e, n) => (o(), y("div", {
@@ -2312,9 +2332,9 @@ var Ln = ["aria-label"], Rn = {
 			onDragover: n[8] ||= C(() => {}, ["prevent"]),
 			onDrop: n[9] ||= C(() => {}, ["prevent"])
 		}, [
-			h(Pn),
-			O("div", Ti, [
-				h(Lr, {
+			h(Kn),
+			O("div", Ii, [
+				h(Yr, {
 					editor: m(l),
 					core: m(K),
 					templates: m(f),
@@ -2345,12 +2365,12 @@ var Ln = ["aria-label"], Rn = {
 					"version-history",
 					"comments"
 				]),
-				d(h(Wn, null, null, 512), [[A, !m(l).state.previewMode]]),
+				d(h(nr, null, null, 512), [[A, !m(l).state.previewMode]]),
 				O("div", {
-					class: _(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [X.value, m(J)?.isPreviewing.value ? "tpl:top-[104px]" : "tpl:top-14"]]),
+					class: _(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [ee.value, m(J)?.isPreviewing.value ? "tpl:top-[104px]" : "tpl:top-14"]]),
 					style: { transition: "all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)" }
-				}, [O("div", Ei, [O("div", Di, [h(E, { name: "tpl-preview-pill" }, {
-					default: r(() => [m(l).state.previewMode && !m(K).previewResolution.supersedesSamples.value ? (o(), y("div", Oi, [h(Ht, {
+				}, [O("div", Li, [O("div", Ri, [h(E, { name: "tpl-preview-pill" }, {
+					default: r(() => [m(l).state.previewMode && !m(K).previewResolution.supersedesSamples.value ? (o(), y("div", zi, [h(en, {
 						"sample-mode": m(K).mergeTagSampleMode.value,
 						onChange: n[0] ||= (e) => m(K).mergeTagSampleMode.value = e
 					}, null, 8, ["sample-mode"])])) : b("", !0)]),
@@ -2359,15 +2379,15 @@ var Ln = ["aria-label"], Rn = {
 					default: r(() => [m(K).conditionPreview.hasHiddenBlocks.value && m(K).appliesConditionFilter.value ? (o(), y("button", {
 						key: 0,
 						type: "button",
-						class: _([m(Mt), "tpl:shadow-[var(--tpl-shadow-md)]"]),
+						class: _([m(Ut), "tpl:shadow-[var(--tpl-shadow-md)]"]),
 						"data-testid": "restore-hidden-blocks",
 						onClick: n[1] ||= (e) => m(K).conditionPreview.reset()
-					}, [h(m(ut), {
+					}, [h(m(xt), {
 						size: 16,
 						"stroke-width": 2
 					}), I(" " + N(m(K).t.blockSettings.restoreHiddenBlocks), 1)], 2)) : b("", !0)]),
 					_: 1
-				})])]), O("main", ki, [h(Nn, {
+				})])]), O("main", Bi, [h(Gn, {
 					viewport: m(l).state.viewport,
 					content: m(K).previewResolution.content.value,
 					"selected-block-id": m(l).state.selectedBlockId,
@@ -2375,8 +2395,8 @@ var Ln = ["aria-label"], Rn = {
 					"preview-mode": m(l).state.previewMode,
 					"locked-blocks": m(u)?.collaboration?.lockedBlocks.value,
 					onSelectBlock: m(l).selectBlock,
-					onOpenAiChat: n[2] ||= (e) => ee("ai-chat"),
-					onOpenDesignReference: n[3] ||= (e) => ee("design-reference")
+					onOpenAiChat: n[2] ||= (e) => te("ai-chat"),
+					onOpenDesignReference: n[3] ||= (e) => te("design-reference")
 				}, null, 8, [
 					"viewport",
 					"content",
@@ -2386,9 +2406,9 @@ var Ln = ["aria-label"], Rn = {
 					"locked-blocks",
 					"onSelectBlock"
 				])])], 2),
-				t.config.branding === !1 ? b("", !0) : (o(), T(hr, {
+				t.config.branding === !1 ? b("", !0) : (o(), T(Dr, {
 					key: 0,
-					"position-class": [X.value]
+					"position-class": [ee.value]
 				}, null, 8, ["position-class"])),
 				O("div", {
 					class: "tpl-sr-only",
@@ -2396,8 +2416,8 @@ var Ln = ["aria-label"], Rn = {
 					"aria-live": "polite",
 					"aria-atomic": "true",
 					"aria-label": m(K).t.landmarks.reorderAnnouncements
-				}, N(m(K).keyboardReorder.announcement.value), 9, Ai),
-				d(h(sr, {
+				}, N(m(K).keyboardReorder.announcement.value), 9, Vi),
+				d(h(yr, {
 					"selected-block": m(l).selectedBlock.value,
 					settings: m(l).content.value.settings,
 					"shifted-left": Y.value,
@@ -2419,8 +2439,8 @@ var Ln = ["aria-label"], Rn = {
 				ref: (e) => m(K).popoverRoot.value = e,
 				class: "tpl-popover-root"
 			}, null, 512),
-			h(ni),
-			h(Ci),
+			h(mi),
+			h(Pi),
 			m(S)?.isAvailable.value ? (o(), T(m(D), {
 				key: 0,
 				feature: m(S)
@@ -2465,26 +2485,26 @@ var Ln = ["aria-label"], Rn = {
 				"cloud",
 				"ready"
 			])) : b("", !0),
-			m(te) ? (o(), T(fr, { key: 6 })) : b("", !0)
-		], 46, wi));
+			m(ne) ? (o(), T(wr, { key: 6 })) : b("", !0)
+		], 46, Fi));
 	}
-}), [["__scopeId", "data-v-433680d1"]]);
+}), [["__scopeId", "data-v-d04b2cd0"]]);
 //#endregion
 //#region src/utils/renderProvider.ts
-function Mi(e) {
+function Ui(e) {
 	return {
 		customFonts: e.customFonts.value,
 		defaultFallback: e.defaultFallback.value
 	};
 }
-async function Ni(e) {
-	let t = V(e.getContent());
-	return await Kt(t, { renderCustomBlock: e.renderCustomBlock }), {
-		content: t,
+async function Wi(e) {
+	let t = K(e.getContent()), n = e.getLayout?.(), r = n ? Y(n, t) : t;
+	return n || (se(r), G(r)), await an(r, { renderCustomBlock: e.renderCustomBlock }), {
+		content: r,
 		fonts: e.getFonts()
 	};
 }
-function Pi(e) {
+function Gi(e) {
 	async function t() {
 		let t = e.provider, n = t?.toMjml?.bind(t);
 		return n ? n(await e.buildPayload()) : e.renderLocalMjml();
@@ -2507,50 +2527,50 @@ function Pi(e) {
 }
 //#endregion
 //#region \0virtual:editor-css
-var Fi = "@import\"https://fonts.bunny.net/css?family=geist:400,500,600\";.tpl-loading-track[data-v-e61f3b63]{height:3px;width:100%;border-radius:9999px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 15%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 30%,var(--tpl-primary) 50%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 70%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 85%,transparent 100%);background-size:200% 100%;animation:tpl-loading-flow-e61f3b63 3s ease-in-out infinite}@keyframes tpl-loading-flow-e61f3b63{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.tpl-loading-track[data-v-e61f3b63]{animation:none;background-position:50% 0}}.tpl-block--idle[data-v-2c239048]{outline:1.5px dashed color-mix(in srgb,var(--tpl-primary) 30%,transparent);outline-offset:-1px;transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--idle[data-v-2c239048]:hover{outline:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent);outline-offset:-1px;box-shadow:0 0 8px color-mix(in srgb,var(--tpl-primary) 8%,transparent)}.tpl-block--picked[data-v-2c239048]{outline:2px solid var(--tpl-primary);outline-offset:-1px;box-shadow:0 0 0 4px color-mix(in srgb,var(--tpl-primary) 18%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--selected[data-v-2c239048]{outline:2px solid color-mix(in srgb,var(--tpl-primary) 60%,transparent);outline-offset:-1px;box-shadow:0 0 12px color-mix(in srgb,var(--tpl-primary) 15%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block-action-btn[data-v-2c239048]{color:var(--tpl-chrome-text-muted);background-color:transparent}.tpl-block-action-btn[data-v-2c239048]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-chrome-text)}.tpl-block-action-btn[data-v-2c239048]:active{transform:scale(.9)}.tpl-block-delete-btn[data-v-2c239048]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-condition-toggle[data-v-2c239048]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-condition-toggle[data-v-2c239048]:active{transform:scale(.9)}.tpl-block-hidden-overlay[data-v-2c239048]{background-color:color-mix(in srgb,var(--tpl-bg) 60%,transparent)}.tpl-table-editable[data-v-963ac422] th[contenteditable],.tpl-table-editable[data-v-963ac422] td[contenteditable]{outline:none;cursor:text;min-width:calc(2 * var(--tpl-base-size))}.tpl-table-editable[data-v-963ac422] th[contenteditable]:empty:before,.tpl-table-editable[data-v-963ac422] td[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--tpl-text-dim);pointer-events:none}.tpl-table-editable[data-v-963ac422] th[contenteditable]:focus,.tpl-table-editable[data-v-963ac422] td[contenteditable]:focus{outline:2px solid var(--tpl-primary);outline-offset:-2px;border-radius:1px}.tpl-canvas--dark-mode[data-v-5153811a] .tpl-block-content:not(.tpl-block-content *){filter:invert(1) hue-rotate(180deg)}[data-v-5153811a] .tpl-block-content{transition:filter .3s ease}.tpl-canvas--dark-mode[data-v-5153811a] .tpl-block-content img{filter:invert(1) hue-rotate(180deg)}.tpl-icon-enter-active[data-v-632aa74f],.tpl-icon-leave-active[data-v-632aa74f]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-632aa74f],.tpl-icon-leave-to[data-v-632aa74f]{opacity:0;transform:scale(.8)}.tpl-dark-mode-toggle[data-v-632aa74f]:hover{background-color:var(--tpl-bg-hover)}.tpl-dark-mode-toggle[data-v-632aa74f]:active{transform:scale(.92)}.tpl-icon-enter-active[data-v-eef7b2ca],.tpl-icon-leave-active[data-v-eef7b2ca]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-eef7b2ca],.tpl-icon-leave-to[data-v-eef7b2ca]{opacity:0;transform:scale(.8)}.tpl-preview-toggle[data-v-eef7b2ca]:hover{background-color:var(--tpl-bg-hover)}.tpl-preview-toggle[data-v-eef7b2ca]:active{transform:scale(.92)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tpl-comet-angle:0deg;--tpl-comet-start:100%}}}@layer theme{:root,:host{--tpl-radius-sm:calc(.25 * var(--tpl-base-size));--tpl-radius-md:calc(.375 * var(--tpl-base-size));--tpl-radius-lg:calc(.5 * var(--tpl-base-size));--tpl-shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tpl-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tpl-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tpl-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tpl-radius:calc(.25 * var(--tpl-base-size))}}.tpl\\:pointer-events-auto{pointer-events:auto}.tpl\\:pointer-events-none{pointer-events:none}.tpl\\:invisible{visibility:hidden}.tpl\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl\\:absolute{position:absolute}.tpl\\:fixed{position:fixed}.tpl\\:relative{position:relative}.tpl\\:sticky{position:sticky}.tpl\\:inset-0{inset:0}.tpl\\:inset-x-0{inset-inline:0}.tpl\\:inset-y-1{inset-block:calc(var(--tpl-base-size) / 4)}.tpl\\:-top-0\\.5{top:calc(calc(var(--tpl-base-size) / 4) * -.5)}.tpl\\:-top-1{top:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:top-0{top:0}.tpl\\:top-1{top:calc(var(--tpl-base-size) / 4)}.tpl\\:top-1\\.5{top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:top-1\\/2{top:50%}.tpl\\:top-2{top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:top-14{top:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:top-16{top:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:top-\\[104px\\]{top:104px}.tpl\\:top-full{top:100%}.tpl\\:-right-1{right:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:-right-2{right:calc(calc(var(--tpl-base-size) / 4) * -2)}.tpl\\:right-0{right:0}.tpl\\:right-1{right:calc(var(--tpl-base-size) / 4)}.tpl\\:right-1\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:right-2{right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:right-2\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:right-\\[320px\\]{right:320px}.tpl\\:right-\\[360px\\]{right:360px}.tpl\\:right-\\[680px\\]{right:680px}.tpl\\:bottom-0{bottom:0}.tpl\\:bottom-1{bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:bottom-10{bottom:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:bottom-full{bottom:100%}.tpl\\:-left-1{left:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:left-0{left:0}.tpl\\:left-1\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:left-1\\/2{left:50%}.tpl\\:left-2\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:left-3{left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:left-5{left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:left-12{left:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:z-10{z-index:10}.tpl\\:z-40{z-index:40}.tpl\\:z-50{z-index:50}.tpl\\:z-\\[4\\]{z-index:4}.tpl\\:z-\\[5\\]{z-index:5}.tpl\\:z-\\[60\\]{z-index:60}.tpl\\:z-\\[100\\]{z-index:100}.tpl\\:m-0{margin:0}.tpl\\:m-6{margin:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-0\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mx-1{margin-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:mx-1\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mx-3{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mx-4{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mx-6{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-auto{margin-inline:auto}.tpl\\:mt-0\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mt-1{margin-top:calc(var(--tpl-base-size) / 4)}.tpl\\:mt-1\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mt-2{margin-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mt-3{margin-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mt-4{margin-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:\\!mb-0{margin-bottom:0!important}.tpl\\:mb-1{margin-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:mb-1\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mb-2{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mb-2\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:mb-3{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mb-3\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:mb-4{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mb-px{margin-bottom:1px}.tpl\\:-ml-48{margin-left:calc(calc(var(--tpl-base-size) / 4) * -48)}.tpl\\:ml-0{margin-left:0}.tpl\\:ml-0\\.5{margin-left:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:ml-1{margin-left:calc(var(--tpl-base-size) / 4)}.tpl\\:ml-5{margin-left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:ml-auto{margin-left:auto}.tpl\\:line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:\\!flex{display:flex!important}.tpl\\:block{display:block}.tpl\\:flex{display:flex}.tpl\\:grid{display:grid}.tpl\\:hidden{display:none}.tpl\\:inline{display:inline}.tpl\\:inline-block{display:inline-block}.tpl\\:inline-flex{display:inline-flex}.tpl\\:aspect-square{aspect-ratio:1}.tpl\\:size-1\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 1.5);height:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:size-2{width:calc(calc(var(--tpl-base-size) / 4) * 2);height:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:size-3{width:calc(calc(var(--tpl-base-size) / 4) * 3);height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:size-4{width:calc(calc(var(--tpl-base-size) / 4) * 4);height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:size-4\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 4.5);height:calc(calc(var(--tpl-base-size) / 4) * 4.5)}.tpl\\:size-5{width:calc(calc(var(--tpl-base-size) / 4) * 5);height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:size-6{width:calc(calc(var(--tpl-base-size) / 4) * 6);height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:size-7{width:calc(calc(var(--tpl-base-size) / 4) * 7);height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:size-8{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:size-10{width:calc(calc(var(--tpl-base-size) / 4) * 10);height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:size-16{width:calc(calc(var(--tpl-base-size) / 4) * 16);height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:size-full{width:100%;height:100%}.tpl\\:h-0{height:0}.tpl\\:h-2\\.5{height:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:h-3{height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:h-4{height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:h-5{height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:h-6{height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:h-7{height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:h-8{height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:h-9{height:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:h-10{height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:h-12{height:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:h-14{height:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:h-16{height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:h-32{height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:h-44{height:calc(calc(var(--tpl-base-size) / 4) * 44)}.tpl\\:h-\\[32px\\]{height:32px}.tpl\\:h-auto{height:auto}.tpl\\:h-full{height:100%}.tpl\\:max-h-24{max-height:calc(calc(var(--tpl-base-size) / 4) * 24)}.tpl\\:max-h-32{max-height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:max-h-48{max-height:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:max-h-56{max-height:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:max-h-64{max-height:calc(calc(var(--tpl-base-size) / 4) * 64)}.tpl\\:max-h-\\[50vh\\]{max-height:50vh}.tpl\\:max-h-\\[60vh\\]{max-height:60vh}.tpl\\:max-h-\\[80\\%\\]{max-height:80%}.tpl\\:max-h-\\[80vh\\]{max-height:80vh}.tpl\\:max-h-\\[90\\%\\]{max-height:90%}.tpl\\:max-h-\\[90vh\\]{max-height:90vh}.tpl\\:max-h-full{max-height:100%}.tpl\\:min-h-0{min-height:0}.tpl\\:min-h-6{min-height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-h-10{min-height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:min-h-20{min-height:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:min-h-\\[1\\.5em\\]{min-height:1.5em}.tpl\\:min-h-\\[1em\\]{min-height:1em}.tpl\\:min-h-\\[48px\\]{min-height:48px}.tpl\\:min-h-\\[60px\\]{min-height:60px}.tpl\\:min-h-\\[64px\\]{min-height:64px}.tpl\\:min-h-\\[68px\\]{min-height:68px}.tpl\\:min-h-\\[72px\\]{min-height:72px}.tpl\\:min-h-\\[80px\\]{min-height:80px}.tpl\\:min-h-\\[100px\\]{min-height:100px}.tpl\\:min-h-\\[120px\\]{min-height:120px}.tpl\\:min-h-\\[150px\\]{min-height:150px}.tpl\\:min-h-\\[400px\\]{min-height:400px}.tpl\\:w-1\\/2{width:50%}.tpl\\:w-1\\/3{width:33.3333%}.tpl\\:w-1\\/4{width:25%}.tpl\\:w-2\\/3{width:66.6667%}.tpl\\:w-3\\/4{width:75%}.tpl\\:w-5\\/6{width:83.3333%}.tpl\\:w-7{width:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:w-8{width:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:w-9{width:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:w-10{width:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:w-12{width:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:w-16{width:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:w-20{width:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:w-28{width:calc(calc(var(--tpl-base-size) / 4) * 28)}.tpl\\:w-32{width:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:w-36{width:calc(calc(var(--tpl-base-size) / 4) * 36)}.tpl\\:w-40{width:calc(calc(var(--tpl-base-size) / 4) * 40)}.tpl\\:w-48{width:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:w-52{width:calc(calc(var(--tpl-base-size) / 4) * 52)}.tpl\\:w-56{width:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:w-72{width:calc(calc(var(--tpl-base-size) / 4) * 72)}.tpl\\:w-\\[280px\\]{width:280px}.tpl\\:w-\\[300px\\]{width:300px}.tpl\\:w-\\[320px\\]{width:320px}.tpl\\:w-\\[360px\\]{width:360px}.tpl\\:w-\\[400px\\]{width:400px}.tpl\\:w-\\[420px\\]{width:420px}.tpl\\:w-\\[1000px\\]{width:1000px}.tpl\\:w-\\[min\\(420px\\,92vw\\)\\]{width:min(420px,92vw)}.tpl\\:w-full{width:100%}.tpl\\:w-px{width:1px}.tpl\\:max-w-2xl{max-width:calc(42 * var(--tpl-base-size))}.tpl\\:max-w-3xl{max-width:calc(48 * var(--tpl-base-size))}.tpl\\:max-w-\\[220px\\]{max-width:220px}.tpl\\:max-w-\\[240px\\]{max-width:240px}.tpl\\:max-w-\\[260px\\]{max-width:260px}.tpl\\:max-w-\\[320px\\]{max-width:320px}.tpl\\:max-w-\\[600px\\]{max-width:600px}.tpl\\:max-w-\\[calc\\(100\\%_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100% - 2 * var(--tpl-base-size))}.tpl\\:max-w-\\[calc\\(100vw_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100vw - 2 * var(--tpl-base-size))}.tpl\\:max-w-full{max-width:100%}.tpl\\:max-w-md{max-width:calc(28 * var(--tpl-base-size))}.tpl\\:max-w-sm{max-width:calc(24 * var(--tpl-base-size))}.tpl\\:min-w-0{min-width:0}.tpl\\:min-w-6{min-width:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-w-\\[20px\\]{min-width:20px}.tpl\\:min-w-\\[200px\\]{min-width:200px}.tpl\\:flex-1{flex:1}.tpl\\:flex-shrink-0,.tpl\\:shrink-0{flex-shrink:0}.tpl\\:origin-top-right{transform-origin:100% 0}.tpl\\:-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-4{--tw-translate-x:calc(calc(var(--tpl-base-size) / 4) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-2{--tw-translate-y:calc(calc(var(--tpl-base-size) / 4) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-1{--tw-translate-y:calc(var(--tpl-base-size) / 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-\\[-8px\\]{--tw-translate-y:-8px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:-rotate-90{rotate:-90deg}.tpl\\:rotate-0{rotate:0deg}.tpl\\:rotate-45{rotate:45deg}.tpl\\:rotate-90{rotate:90deg}.tpl\\:rotate-180{rotate:180deg}.tpl\\:animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.tpl\\:animate-spin{animation:1s linear infinite spin}.tpl\\:cursor-default{cursor:default}.tpl\\:cursor-grab{cursor:grab}.tpl\\:cursor-help{cursor:help}.tpl\\:cursor-not-allowed{cursor:not-allowed}.tpl\\:cursor-pointer{cursor:pointer}.tpl\\:resize-none{resize:none}.tpl\\:resize-y{resize:vertical}.tpl\\:list-none{list-style-type:none}.tpl\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tpl\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.tpl\\:grid-cols-\\[1fr_auto_1fr\\]{grid-template-columns:1fr auto 1fr}.tpl\\:flex-col{flex-direction:column}.tpl\\:flex-row-reverse{flex-direction:row-reverse}.tpl\\:flex-wrap{flex-wrap:wrap}.tpl\\:items-center{align-items:center}.tpl\\:items-end{align-items:flex-end}.tpl\\:items-start{align-items:flex-start}.tpl\\:items-stretch{align-items:stretch}.tpl\\:justify-between{justify-content:space-between}.tpl\\:justify-center{justify-content:center}.tpl\\:justify-end{justify-content:flex-end}.tpl\\:gap-0{gap:0}.tpl\\:gap-0\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-1{gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-1\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:gap-2{gap:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:gap-2\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:gap-3{gap:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:gap-3\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:gap-4{gap:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:gap-5{gap:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:gap-6{gap:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:gap-10{gap:calc(calc(var(--tpl-base-size) / 4) * 10)}:where(.tpl\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tpl-base-size) / 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tpl-base-size) / 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * calc(1 - var(--tw-space-y-reverse)))}.tpl\\:gap-x-1{column-gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-x-3{column-gap:calc(calc(var(--tpl-base-size) / 4) * 3)}:where(.tpl\\:-space-x-1\\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * calc(1 - var(--tw-space-x-reverse)))}.tpl\\:gap-y-0\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-y-1\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:self-end{align-self:flex-end}.tpl\\:self-start{align-self:flex-start}.tpl\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tpl\\:overflow-auto{overflow:auto}.tpl\\:overflow-hidden{overflow:hidden}.tpl\\:overflow-x-auto{overflow-x:auto}.tpl\\:overflow-y-auto{overflow-y:auto}.tpl\\:rounded{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-\\[calc\\(var\\(--tpl-radius-sm\\)-2px\\)\\]{border-radius:calc(var(--tpl-radius-sm) - 2px)}.tpl\\:rounded-\\[var\\(--tpl-radius\\)\\]{border-radius:var(--tpl-radius)}.tpl\\:rounded-\\[var\\(--tpl-radius-lg\\)\\]{border-radius:var(--tpl-radius-lg)}.tpl\\:rounded-\\[var\\(--tpl-radius-md\\)\\]{border-radius:var(--tpl-radius-md)}.tpl\\:rounded-\\[var\\(--tpl-radius-sm\\)\\]{border-radius:var(--tpl-radius-sm)}.tpl\\:rounded-full{border-radius:3.40282e38px}.tpl\\:rounded-lg{border-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-md{border-radius:calc(.375 * var(--tpl-base-size))}.tpl\\:rounded-sm{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-xl{border-radius:calc(.75 * var(--tpl-base-size))}.tpl\\:rounded-l-\\[var\\(--tpl-radius-sm\\)\\]{border-top-left-radius:var(--tpl-radius-sm);border-bottom-left-radius:var(--tpl-radius-sm)}.tpl\\:rounded-tl-lg{border-top-left-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-r-\\[var\\(--tpl-radius-sm\\)\\]{border-top-right-radius:var(--tpl-radius-sm);border-bottom-right-radius:var(--tpl-radius-sm)}.tpl\\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.tpl\\:border{border-style:var(--tw-border-style);border-width:1px}.tpl\\:border-0{border-style:var(--tw-border-style);border-width:0}.tpl\\:border-2{border-style:var(--tw-border-style);border-width:2px}.tpl\\:border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.tpl\\:border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.tpl\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.tpl\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.tpl\\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.tpl\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.tpl\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.tpl\\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.tpl\\:border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.tpl\\:border-dashed{--tw-border-style:dashed;border-style:dashed}.tpl\\:border-none{--tw-border-style:none;border-style:none}.tpl\\:border-\\[var\\(--tpl-bg\\)\\]{border-color:var(--tpl-bg)}.tpl\\:border-\\[var\\(--tpl-border\\)\\]{border-color:var(--tpl-border)}.tpl\\:border-\\[var\\(--tpl-border-light\\)\\]{border-color:var(--tpl-border-light)}.tpl\\:border-\\[var\\(--tpl-danger\\)\\]{border-color:var(--tpl-danger)}.tpl\\:border-\\[var\\(--tpl-primary\\)\\]{border-color:var(--tpl-primary)}.tpl\\:border-\\[var\\(--tpl-primary-hover\\)\\]{border-color:var(--tpl-primary-hover)}.tpl\\:border-\\[var\\(--tpl-warning\\)\\]{border-color:var(--tpl-warning)}.tpl\\:border-transparent{border-color:#0000}.tpl\\:border-l-\\[var\\(--tpl-primary\\)\\]{border-left-color:var(--tpl-primary)}.tpl\\:border-l-transparent{border-left-color:#0000}.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:var(--tpl-bg)}@supports (color:color-mix(in lab,red,red)){.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:color-mix(in srgb,var(--tpl-bg) 90%,transparent)}}.tpl\\:bg-\\[var\\(--tpl-bg\\)\\]{background-color:var(--tpl-bg)}.tpl\\:bg-\\[var\\(--tpl-bg-active\\)\\]{background-color:var(--tpl-bg-active)}.tpl\\:bg-\\[var\\(--tpl-bg-elevated\\)\\]{background-color:var(--tpl-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-bg-hover\\)\\]{background-color:var(--tpl-bg-hover)}.tpl\\:bg-\\[var\\(--tpl-border\\)\\]{background-color:var(--tpl-border)}.tpl\\:bg-\\[var\\(--tpl-canvas-bg\\)\\]{background-color:var(--tpl-canvas-bg)}.tpl\\:bg-\\[var\\(--tpl-chrome-bg-elevated\\)\\]{background-color:var(--tpl-chrome-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-chrome-primary-light\\)\\]{background-color:var(--tpl-chrome-primary-light)}.tpl\\:bg-\\[var\\(--tpl-danger\\)\\]{background-color:var(--tpl-danger)}.tpl\\:bg-\\[var\\(--tpl-danger-light\\)\\]{background-color:var(--tpl-danger-light)}.tpl\\:bg-\\[var\\(--tpl-primary\\)\\]{background-color:var(--tpl-primary)}.tpl\\:bg-\\[var\\(--tpl-primary-light\\)\\]{background-color:var(--tpl-primary-light)}.tpl\\:bg-\\[var\\(--tpl-warning-light\\)\\]{background-color:var(--tpl-warning-light)}.tpl\\:bg-black\\/30{background-color:oklab(0% none none/.3)}.tpl\\:bg-transparent{background-color:#0000}.tpl\\:object-contain{object-fit:contain}.tpl\\:object-cover{object-fit:cover}.tpl\\:p-0{padding:0}.tpl\\:p-0\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:p-1{padding:calc(var(--tpl-base-size) / 4)}.tpl\\:p-1\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:p-2{padding:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:p-3{padding:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:p-4{padding:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:p-5{padding:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:p-6{padding:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:p-8{padding:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-0\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:px-1{padding-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:px-1\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:px-2{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:px-2\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:px-3{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:px-3\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:px-4{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:px-5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:px-6{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:px-8{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-10{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-0{padding-block:0}.tpl\\:py-0\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:py-1{padding-block:calc(var(--tpl-base-size) / 4)}.tpl\\:py-1\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:py-2{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:py-2\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:py-3{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:py-3\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:py-4{padding-block:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:py-5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:py-6{padding-block:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:py-8{padding-block:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:py-10{padding-block:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-12{padding-block:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:py-16{padding-block:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:py-\\[5px\\]{padding-block:5px}.tpl\\:py-\\[7px\\]{padding-block:7px}.tpl\\:py-px{padding-block:1px}.tpl\\:pt-1{padding-top:calc(var(--tpl-base-size) / 4)}.tpl\\:pt-2{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pt-2\\.5{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pt-3{padding-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pt-4{padding-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-2{padding-right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pr-3{padding-right:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pr-4{padding-right:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-7{padding-right:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:pr-8{padding-right:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pb-1{padding-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:pb-1\\.5{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:pb-2{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pb-3{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pb-4{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-2\\.5{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pl-3{padding-left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pl-4{padding-left:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-8{padding-left:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pl-9{padding-left:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:pl-\\[18px\\]{padding-left:18px}.tpl\\:text-center{text-align:center}.tpl\\:text-left{text-align:left}.tpl\\:font-\\[inherit\\]{font-family:inherit}.tpl\\:font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tpl\\:font-sans{font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.tpl\\:text-4xl{font-size:calc(2.25 * var(--tpl-base-size));line-height:var(--tw-leading,calc(2.5 / 2.25))}.tpl\\:text-base{font-size:var(--tpl-base-size);line-height:var(--tw-leading, 1.5 )}.tpl\\:text-lg{font-size:calc(1.125 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.75 / 1.125))}.tpl\\:text-sm{font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875))}.tpl\\:text-xs{font-size:calc(.75 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1 / .75))}.tpl\\:text-\\[0\\.8em\\]{font-size:.8em}.tpl\\:text-\\[0\\.9em\\]{font-size:.9em}.tpl\\:text-\\[1em\\]{font-size:1em}.tpl\\:text-\\[10px\\]{font-size:10px}.tpl\\:text-\\[12px\\]{font-size:12px}.tpl\\:text-\\[13px\\]{font-size:13px}.tpl\\:text-\\[length\\:inherit\\]{font-size:inherit}.tpl\\:leading-none{--tw-leading:1;line-height:1}.tpl\\:leading-normal{--tw-leading:1.5;line-height:1.5}.tpl\\:leading-relaxed{--tw-leading:1.625;line-height:1.625}.tpl\\:leading-snug{--tw-leading:1.375;line-height:1.375}.tpl\\:leading-tight{--tw-leading:1.25;line-height:1.25}.tpl\\:font-\\[var\\(--tpl-font-family\\)\\]{--tw-font-weight:var(--tpl-font-family);font-weight:var(--tpl-font-family)}.tpl\\:font-bold{--tw-font-weight:700;font-weight:700}.tpl\\:font-medium{--tw-font-weight:500;font-weight:500}.tpl\\:font-normal{--tw-font-weight:400;font-weight:400}.tpl\\:font-semibold{--tw-font-weight:600;font-weight:600}.tpl\\:tracking-wide{--tw-tracking:.025em;letter-spacing:.025em}.tpl\\:tracking-wider{--tw-tracking:.05em;letter-spacing:.05em}.tpl\\:break-all{word-break:break-all}.tpl\\:text-ellipsis{text-overflow:ellipsis}.tpl\\:whitespace-nowrap{white-space:nowrap}.tpl\\:whitespace-pre-wrap{white-space:pre-wrap}.tpl\\:text-\\[var\\(--tpl-bg\\)\\]{color:var(--tpl-bg)}.tpl\\:text-\\[var\\(--tpl-border\\)\\]{color:var(--tpl-border)}.tpl\\:text-\\[var\\(--tpl-border-light\\)\\]{color:var(--tpl-border-light)}.tpl\\:text-\\[var\\(--tpl-chrome-text-dim\\)\\]{color:var(--tpl-chrome-text-dim)}.tpl\\:text-\\[var\\(--tpl-chrome-text-muted\\)\\]{color:var(--tpl-chrome-text-muted)}.tpl\\:text-\\[var\\(--tpl-danger\\)\\]{color:var(--tpl-danger)}.tpl\\:text-\\[var\\(--tpl-on-primary\\)\\]{color:var(--tpl-on-primary)}.tpl\\:text-\\[var\\(--tpl-primary\\)\\]{color:var(--tpl-primary)}.tpl\\:text-\\[var\\(--tpl-primary-hover\\)\\]{color:var(--tpl-primary-hover)}.tpl\\:text-\\[var\\(--tpl-success\\)\\]{color:var(--tpl-success)}.tpl\\:text-\\[var\\(--tpl-success\\,var\\(--tpl-primary\\)\\)\\]{color:var(--tpl-success,var(--tpl-primary))}.tpl\\:text-\\[var\\(--tpl-text\\)\\]{color:var(--tpl-text)}.tpl\\:text-\\[var\\(--tpl-text-dim\\)\\]{color:var(--tpl-text-dim)}.tpl\\:text-\\[var\\(--tpl-text-muted\\)\\]{color:var(--tpl-text-muted)}.tpl\\:text-\\[var\\(--tpl-warning\\)\\]{color:var(--tpl-warning)}.tpl\\:normal-case{text-transform:none}.tpl\\:uppercase{text-transform:uppercase}.tpl\\:italic{font-style:italic}.tpl\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tpl\\:no-underline{text-decoration-line:none}.tpl\\:underline{text-decoration-line:underline}.tpl\\:accent-\\[var\\(--tpl-primary\\)\\]{accent-color:var(--tpl-primary)}.tpl\\:opacity-0{opacity:0}.tpl\\:opacity-50{opacity:.5}.tpl\\:opacity-60{opacity:.6}.tpl\\:opacity-70{opacity:.7}.tpl\\:opacity-90{opacity:.9}.tpl\\:opacity-100{opacity:1}.tpl\\:shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-ring\\)\\]{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow\\)\\]{--tw-shadow:var(--tpl-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-lg\\)\\]{--tw-shadow:var(--tpl-shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-md\\)\\]{--tw-shadow:var(--tpl-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-sm\\)\\]{--tw-shadow:var(--tpl-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-\\[var\\(--tpl-border\\)\\]{--tw-ring-color:var(--tpl-border)}.tpl\\:ring-\\[var\\(--tpl-primary\\)\\]{--tw-ring-color:var(--tpl-primary)}.tpl\\:ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tpl\\:ring-offset-\\[var\\(--tpl-bg-elevated\\)\\]{--tw-ring-offset-color:var(--tpl-bg-elevated)}.tpl\\:backdrop-blur-\\[2px\\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.tpl\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.tpl\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.tpl\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.tpl\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.tpl\\:duration-\\[80ms\\]{--tw-duration:80ms;transition-duration:80ms}.tpl\\:duration-\\[120ms\\]{--tw-duration:.12s;transition-duration:.12s}.tpl\\:ease-\\[cubic-bezier\\(0\\.16\\,1\\,0\\.3\\,1\\)\\]{--tw-ease:cubic-bezier(.16,1,.3,1);transition-timing-function:cubic-bezier(.16,1,.3,1)}.tpl\\:ease-in{--tw-ease:cubic-bezier(.4, 0, 1, 1);transition-timing-function:cubic-bezier(.4,0,1,1)}.tpl\\:ease-out{--tw-ease:cubic-bezier(0, 0, .2, 1);transition-timing-function:cubic-bezier(0,0,.2,1)}.tpl\\:outline-none{--tw-outline-style:none;outline-style:none}.tpl\\:select-none{-webkit-user-select:none;user-select:none}.tpl\\:group-focus-within\\:opacity-100:is(:where(.tpl\\:group):focus-within *){opacity:1}@media(hover:hover){.tpl\\:group-hover\\:bg-black\\/40:is(:where(.tpl\\:group):hover *){background-color:oklab(0% none none/.4)}.tpl\\:group-hover\\:opacity-100:is(:where(.tpl\\:group):hover *){opacity:1}}.tpl\\:placeholder\\:text-\\[var\\(--tpl-text-dim\\)\\]::placeholder{color:var(--tpl-text-dim)}.tpl\\:first\\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.tpl\\:last\\:mb-0:last-child{margin-bottom:0}@media(hover:hover){.tpl\\:hover\\:z-10:hover{z-index:10}.tpl\\:hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:border-\\[var\\(--tpl-border\\)\\]:hover{border-color:var(--tpl-border)}.tpl\\:hover\\:border-\\[var\\(--tpl-danger\\)\\]:hover{border-color:var(--tpl-danger)}.tpl\\:hover\\:border-\\[var\\(--tpl-primary\\)\\]:hover{border-color:var(--tpl-primary)}.tpl\\:hover\\:border-\\[var\\(--tpl-text-dim\\)\\]:hover{border-color:var(--tpl-text-dim)}.tpl\\:hover\\:border-l-\\[var\\(--tpl-primary\\)\\]:hover{border-left-color:var(--tpl-primary)}.tpl\\:hover\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-text\\)_8\\%\\,transparent\\)\\]:hover{background-color:var(--tpl-text)}@supports (color:color-mix(in lab,red,red)){.tpl\\:hover\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-text\\)_8\\%\\,transparent\\)\\]:hover{background-color:color-mix(in srgb,var(--tpl-text) 8%,transparent)}}.tpl\\:hover\\:bg-\\[var\\(--tpl-bg-active\\)\\]:hover{background-color:var(--tpl-bg-active)}.tpl\\:hover\\:bg-\\[var\\(--tpl-bg-hover\\)\\]:hover{background-color:var(--tpl-bg-hover)}.tpl\\:hover\\:bg-\\[var\\(--tpl-danger-light\\)\\]:hover{background-color:var(--tpl-danger-light)}.tpl\\:hover\\:bg-\\[var\\(--tpl-primary-hover\\)\\]:hover{background-color:var(--tpl-primary-hover)}.tpl\\:hover\\:bg-\\[var\\(--tpl-primary-light\\)\\]:hover{background-color:var(--tpl-primary-light)}.tpl\\:hover\\:bg-\\[var\\(--tpl-warning-light\\)\\]:hover{background-color:var(--tpl-warning-light)}.tpl\\:hover\\:text-\\[var\\(--tpl-danger\\)\\]:hover{color:var(--tpl-danger)}.tpl\\:hover\\:text-\\[var\\(--tpl-primary\\)\\]:hover{color:var(--tpl-primary)}.tpl\\:hover\\:text-\\[var\\(--tpl-text\\)\\]:hover{color:var(--tpl-text)}.tpl\\:hover\\:underline:hover{text-decoration-line:underline}.tpl\\:hover\\:opacity-80:hover{opacity:.8}.tpl\\:hover\\:opacity-100:hover{opacity:1}.tpl\\:hover\\:shadow-\\[var\\(--tpl-shadow-md\\)\\]:hover{--tw-shadow:var(--tpl-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:hover\\:shadow-\\[var\\(--tpl-shadow-sm\\)\\]:hover{--tw-shadow:var(--tpl-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.tpl\\:focus\\:border-\\[var\\(--tpl-primary\\)\\]:focus{border-color:var(--tpl-primary)}.tpl\\:focus\\:shadow-\\[0_0_0_3px_var\\(--tpl-primary-light\\)\\]:focus{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--tpl-primary-light));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus\\:shadow-\\[var\\(--tpl-ring\\)\\]:focus,.tpl\\:focus-visible\\:shadow-\\[var\\(--tpl-ring\\)\\]:focus-visible{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus-visible\\:ring-\\[var\\(--tpl-primary\\)\\]:focus-visible{--tw-ring-color:var(--tpl-primary)}.tpl\\:focus-visible\\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tpl\\:focus-visible\\:ring-offset-\\[var\\(--tpl-bg-elevated\\)\\]:focus-visible{--tw-ring-offset-color:var(--tpl-bg-elevated)}.tpl\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.tpl\\:active\\:cursor-grabbing:active{cursor:grabbing}.tpl\\:active\\:bg-\\[var\\(--tpl-bg-active\\)\\]:active{background-color:var(--tpl-bg-active)}.tpl\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.tpl\\:disabled\\:opacity-30:disabled{opacity:.3}.tpl\\:disabled\\:opacity-40:disabled{opacity:.4}.tpl\\:disabled\\:opacity-50:disabled{opacity:.5}@media(hover:hover){.tpl\\:disabled\\:hover\\:bg-transparent:disabled:hover{background-color:#0000}}.tpl\\:\\[\\&_p\\]\\:mb-2 p{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}@layer base,components;.tpl{--tpl-base-size:var(--tpl-user-base-size,16px);--tpl-bg:var(--tpl-user-bg,oklch(99.5% .002 60));--tpl-bg-elevated:var(--tpl-user-bg-elevated,oklch(98% .004 60));--tpl-bg-hover:var(--tpl-user-bg-hover,oklch(96% .006 60));--tpl-bg-active:var(--tpl-user-bg-active,oklch(93.5% .008 60));--tpl-border:var(--tpl-user-border,oklch(92% .006 60));--tpl-border-light:var(--tpl-user-border-light,oklch(86% .01 60));--tpl-text:var(--tpl-user-text,oklch(18% .01 60));--tpl-text-muted:var(--tpl-user-text-muted,oklch(50% .015 60));--tpl-text-dim:var(--tpl-user-text-dim,oklch(68% .012 60));--tpl-primary:var(--tpl-user-primary,oklch(70% .16 55));--tpl-primary-hover:var(--tpl-user-primary-hover,oklch(63% .17 55));--tpl-primary-light:var(--tpl-user-primary-light,oklch(95% .04 55));--tpl-on-primary:var(--tpl-user-on-primary,var(--tpl-bg));--tpl-secondary:var(--tpl-user-secondary,oklch(60% .118 184.71));--tpl-secondary-hover:var(--tpl-user-secondary-hover,oklch(53.2% .105 186.39));--tpl-secondary-light:var(--tpl-user-secondary-light,oklch(93.8% .03 186.82));--tpl-success:var(--tpl-user-success,oklch(62.8% .194 155.1));--tpl-success-light:var(--tpl-user-success-light,oklch(93.6% .043 163.51));--tpl-warning:var(--tpl-user-warning,oklch(76.9% .168 70.08));--tpl-warning-light:var(--tpl-user-warning-light,oklch(95% .038 73.59));--tpl-danger:var(--tpl-user-danger,oklch(63.7% .237 25.33));--tpl-danger-light:var(--tpl-user-danger-light,oklch(93.6% .032 17.72));--tpl-canvas-bg:var(--tpl-user-canvas-bg,oklch(97.5% .003 60));--tpl-chrome-bg-elevated:var(--tpl-bg-elevated);--tpl-chrome-border-light:var(--tpl-border-light);--tpl-chrome-text:var(--tpl-text);--tpl-chrome-text-muted:var(--tpl-text-muted);--tpl-chrome-text-dim:var(--tpl-text-dim);--tpl-chrome-primary-light:var(--tpl-primary-light);--tpl-chrome-primary-hover:var(--tpl-primary-hover);--tpl-radius:var(--tpl-user-radius,10px);--tpl-radius-sm:var(--tpl-user-radius-sm,7px);--tpl-radius-lg:var(--tpl-user-radius-lg,14px);--tpl-font-family:var(--tpl-user-font-family,\"Geist\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");--tpl-shadow-sm:var(--tpl-user-shadow-sm,0 1px 2px #00000008);--tpl-shadow:var(--tpl-user-shadow,0 1px 2px #0000000a, 0 1px 3px #00000008);--tpl-shadow-md:var(--tpl-user-shadow-md,0 2px 8px #0000000f, 0 1px 3px #0000000a);--tpl-shadow-lg:var(--tpl-user-shadow-lg,0 4px 16px #00000014, 0 2px 6px #0000000a);--tpl-shadow-xl:var(--tpl-user-shadow-xl,0 8px 32px #0000001a, 0 4px 12px #0000000f);--tpl-overlay:var(--tpl-user-overlay,#00000080);--tpl-ring:var(--tpl-user-ring,0 0 0 3px var(--tpl-primary-light));--tpl-transition:var(--tpl-user-transition,.12s cubic-bezier(.16, 1, .3, 1))}.tpl[data-tpl-theme=dark]{--tpl-bg:var(--tpl-user-dark-bg,oklch(16% .005 60));--tpl-bg-elevated:var(--tpl-user-dark-bg-elevated,oklch(21% .006 60));--tpl-bg-hover:var(--tpl-user-dark-bg-hover,oklch(26% .007 60));--tpl-bg-active:var(--tpl-user-dark-bg-active,oklch(30% .008 60));--tpl-border:var(--tpl-user-dark-border,oklch(30% .006 60));--tpl-border-light:var(--tpl-user-dark-border-light,oklch(38% .008 60));--tpl-text:var(--tpl-user-dark-text,oklch(93% .005 60));--tpl-text-muted:var(--tpl-user-dark-text-muted,oklch(65% .01 60));--tpl-text-dim:var(--tpl-user-dark-text-dim,oklch(50% .008 60));--tpl-primary:var(--tpl-user-dark-primary,oklch(73% .15 55));--tpl-primary-hover:var(--tpl-user-dark-primary-hover,oklch(78% .14 55));--tpl-primary-light:var(--tpl-user-dark-primary-light,oklch(28% .05 55));--tpl-secondary:var(--tpl-user-dark-secondary,oklch(63% .11 184.71));--tpl-secondary-hover:var(--tpl-user-dark-secondary-hover,oklch(68% .1 186.39));--tpl-secondary-light:var(--tpl-user-dark-secondary-light,oklch(25% .03 186.82));--tpl-success:var(--tpl-user-dark-success,oklch(65% .18 155.1));--tpl-success-light:var(--tpl-user-dark-success-light,oklch(25% .04 163.51));--tpl-warning:var(--tpl-user-dark-warning,oklch(78% .16 70.08));--tpl-warning-light:var(--tpl-user-dark-warning-light,oklch(28% .04 73.59));--tpl-danger:var(--tpl-user-dark-danger,oklch(65% .22 25.33));--tpl-danger-light:var(--tpl-user-dark-danger-light,oklch(25% .04 17.72));--tpl-canvas-bg:var(--tpl-user-dark-canvas-bg,oklch(10% .003 60));--tpl-shadow-sm:var(--tpl-user-dark-shadow-sm,0 1px 2px #0003);--tpl-shadow:var(--tpl-user-dark-shadow,0 1px 2px #0000004d, 0 1px 3px #0003);--tpl-shadow-md:var(--tpl-user-dark-shadow-md,0 2px 8px #00000059, 0 1px 3px #00000040);--tpl-shadow-lg:var(--tpl-user-dark-shadow-lg,0 4px 16px #0006, 0 2px 6px #0000004d);--tpl-shadow-xl:var(--tpl-user-dark-shadow-xl,0 8px 32px #00000080, 0 4px 12px #00000059);--tpl-overlay:var(--tpl-user-dark-overlay,#000000b3);--tpl-ring:var(--tpl-user-dark-ring,0 0 0 3px var(--tpl-primary-light))}.tpl[data-tpl-theme=dark] .tpl-block-content{--tpl-bg-elevated:oklch(98% .004 60);--tpl-border-light:oklch(86% .01 60);--tpl-text:oklch(18% .01 60);--tpl-text-muted:oklch(50% .015 60);--tpl-text-dim:oklch(68% .012 60);--tpl-primary-light:oklch(95% .04 55);--tpl-primary-hover:oklch(60% .16 55);color:var(--tpl-text)}.tpl{height:100%;font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875));--tw-leading:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tpl-bg);min-height:320px;color:var(--tpl-text);line-height:1.5;font-family:var(--tpl-font-family);letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-align:start;white-space:normal;cursor:auto;font-variant-numeric:normal;text-shadow:none;flex-direction:column;font-style:normal;font-weight:400;list-style-type:disc;display:flex}:where(.tpl) button,:where(.tpl) input,:where(.tpl) select,:where(.tpl) textarea{box-sizing:border-box;font-family:inherit}:where(.tpl) button{cursor:pointer;background:0 0;border:none;margin:0;padding:0}:where(.tpl) button:focus-visible,:where(.tpl) input:focus-visible,:where(.tpl) select:focus-visible,:where(.tpl) textarea:focus-visible{box-shadow:var(--tpl-ring);outline:none}:where(.tpl) .tpl-focus-ring-host:focus-within :is(input,select,textarea):focus-visible{box-shadow:none}.tpl ::-webkit-scrollbar{width:6px;height:6px}.tpl ::-webkit-scrollbar-track{background:0 0}.tpl ::-webkit-scrollbar-thumb{background-color:var(--tpl-border-light)}@supports (color:color-mix(in lab,red,red)){.tpl ::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--tpl-border-light) 60%,transparent)}}.tpl ::-webkit-scrollbar-thumb{border-radius:calc(.25 * var(--tpl-base-size))}.tpl ::-webkit-scrollbar-thumb:hover{background-color:var(--tpl-border-light)}@keyframes tpl-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes tpl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tpl-popover-root{z-index:10000;position:relative}.tpl-merge-tag-label{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@supports (color:color-mix(in lab,red,red)){.tpl-merge-tag-label{-webkit-text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)}}.tpl-merge-tag-label{unicode-bidi:isolate}.tpl-pulse{animation:2s infinite tpl-pulse}.tpl-spinner{animation:1s linear infinite tpl-spin}@keyframes tpl-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tpl-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes tpl-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tpl-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) tpl-fade-in}.tpl-scale-in{animation:.15s cubic-bezier(.16,1,.3,1) tpl-scale-in}.tpl-shimmer{background:linear-gradient(90deg,var(--tpl-bg-hover) 25%,var(--tpl-bg-active) 50%,var(--tpl-bg-hover) 75%);background-size:200% 100%;animation:1.5s linear infinite tpl-shimmer}.tpl-preview-mode .tpl-block--idle,.tpl-preview-mode .tpl-block--idle:hover,.tpl-preview-mode .tpl-block--selected{box-shadow:none!important;outline:none!important}.tpl-preview-mode .tpl-block{cursor:default;pointer-events:none}.tpl-preview-mode .tpl-block-actions,.tpl-preview-mode .tpl-block-hidden-overlay,.tpl-preview-mode .tpl-condition-toggle,.tpl-preview-mode .tpl-comment-indicator,.tpl-preview-mode .tpl-collab-lock{display:none}.tpl-ghost{border:none!important;border-top:2px dotted var(--tpl-primary)!important;background-color:#0000!important;justify-content:center!important;align-items:center!important;width:100%!important;height:0!important;min-height:0!important;max-height:0!important;margin:12px 0!important;padding:0!important;display:flex!important;position:relative!important;overflow:visible!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost{border-top:2px dotted color-mix(in srgb,var(--tpl-primary) 50%,transparent)!important}}.tpl-ghost{box-shadow:none!important;border-radius:0!important}.tpl-ghost>*{display:none!important}.tpl-ghost:before{content:var(--tpl-drop-text,\"Drop here\");white-space:nowrap!important;color:var(--tpl-primary)!important;background-color:var(--tpl-primary)!important;padding:2px 8px!important;font-size:12px!important;font-weight:500!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost:before{background-color:color-mix(in srgb,var(--tpl-primary) 15%,var(--tpl-bg))!important}}.tpl-ghost:before{border-radius:var(--tpl-radius-sm)!important;box-shadow:none!important}.tpl-canvas-empty .tpl-ghost{display:none!important}.tpl-dragging{opacity:.8;box-shadow:var(--tpl-shadow-xl)}.sortable-fallback{transition:none!important;animation:none!important}.tpl-block--lifted{outline:2px dashed var(--tpl-primary)!important;outline-offset:2px!important;box-shadow:var(--tpl-shadow-xl),0 0 0 4px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-block--lifted{box-shadow:var(--tpl-shadow-xl),0 0 0 4px color-mix(in srgb,var(--tpl-primary) 20%,transparent)!important}}.tpl-block--lifted{transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transform:scale(1.01)}.tpl-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl-text-toolbar-btn{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8);cursor:pointer;border-radius:calc(.25 * var(--tpl-base-size));--tw-border-style:none;transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s);color:var(--tpl-text);background-color:#0000;border-style:none;justify-content:center;align-items:center;padding:0;display:flex}.tpl-text-toolbar-btn:hover{background-color:var(--tpl-bg-active)}.tpl-text-toolbar-btn--active{box-shadow:inset 0 0 0 1.5px var(--tpl-primary-hover);background-color:var(--tpl-primary)!important;color:var(--tpl-bg)!important}.tpl-text-toolbar-btn--active svg{stroke-width:2.75px}.tpl-text-content,.tpl-text-editable .tiptap{--tw-outline-style:none;outline-style:none}.tpl-text-editable{border-radius:calc(.25 * var(--tpl-base-size));border-style:var(--tw-border-style);--tw-border-style:dashed;padding:calc(calc(var(--tpl-base-size) / 4) * 2);border-style:dashed;border-width:1px;border-color:var(--tpl-primary);min-height:1.5em}.tpl-text-content p,.tpl-text-editable .tiptap p{margin:0 0 var(--tpl-doc-paragraph-spacing,8px)}.tpl-text-content p:last-child,.tpl-text-editable .tiptap p:last-child{margin-bottom:0}.tpl-text-content ul,.tpl-text-content ol,.tpl-text-editable .tiptap ul,.tpl-text-editable .tiptap ol{margin:8px 0;padding-inline-start:24px}.tpl-text-content li,.tpl-text-editable .tiptap li{margin:4px 0}.tpl-text-content s,.tpl-text-editable .tiptap s{text-decoration-line:line-through}.tpl-text-content sub,.tpl-text-editable .tiptap sub{vertical-align:sub;font-size:.75em}.tpl-text-content sup,.tpl-text-editable .tiptap sup{vertical-align:super;font-size:.75em}.tpl-text-content a,.tpl-text-editable a{color:var(--tpl-doc-link-color,inherit);-webkit-text-decoration:var(--tpl-doc-link-underline,none);text-decoration:var(--tpl-doc-link-underline,none)}.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5);border-radius:calc(.25 * var(--tpl-base-size));padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5);padding-block:calc(calc(var(--tpl-base-size) / 4) * .5);--tw-font-weight:500;background-color:var(--tpl-primary);align-items:center;font-size:.9em;font-weight:500;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{background-color:color-mix(in srgb,var(--tpl-primary) 20%,transparent)}}.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{color:var(--tpl-primary);unicode-bidi:isolate}.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5);border-radius:calc(.25 * var(--tpl-base-size));padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5);padding-block:calc(calc(var(--tpl-base-size) / 4) * .5);--tw-font-weight:700;--tw-tracking:.025em;letter-spacing:.025em;text-transform:uppercase;border:1.5px solid var(--tpl-primary);unicode-bidi:isolate;background-color:#0000;align-items:center;font-size:.8em;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{border:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent)}}.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{color:var(--tpl-primary)}.tpl-tooltip{position:relative}.tpl-tooltip:after{content:attr(data-tooltip);border-radius:var(--tpl-radius-sm);background-color:var(--tpl-text);color:var(--tpl-bg);white-space:normal;text-align:center;pointer-events:none;opacity:0;text-transform:none;z-index:50;width:max-content;max-width:min(320px,90vw);padding:4px 10px;font-size:12px;font-weight:500;line-height:1.4;transition:opacity .15s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tpl-tooltip:before{content:\"\";border:4px solid #0000;border-bottom-color:var(--tpl-text);pointer-events:none;opacity:0;z-index:50;transition:opacity .15s;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.tpl-tooltip:hover:after,.tpl-tooltip:hover:before{opacity:1}.tpl-media-overlay{background-color:var(--tpl-overlay);-webkit-backdrop-filter:blur(8px);height:100%;min-height:0;color:var(--tpl-text);flex-direction:row;justify-content:center;align-items:center;display:flex}.tpl.tpl-text-toolbar{flex-direction:row;height:auto;min-height:0;display:flex}.tpl.tpl-link-dialog{background-color:var(--tpl-overlay);flex-direction:row;justify-content:center;align-items:center;height:100%;min-height:0;display:flex}.tpl-upload-zone-active{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}@property --tpl-comet-angle{syntax:\"<angle>\";inherits:false;initial-value:0deg}@property --tpl-comet-start{syntax:\"<percentage>\";inherits:false;initial-value:100%}@keyframes tpl-ai-comet{0%{--tpl-comet-angle:0deg;--tpl-comet-start:100%}1%{--tpl-comet-angle:24deg;--tpl-comet-start:88%}5%{--tpl-comet-angle:120deg;--tpl-comet-start:60%}25%{--tpl-comet-angle:600deg;--tpl-comet-start:60%}33%{--tpl-comet-angle:720deg;--tpl-comet-start:100%}to{--tpl-comet-angle:720deg;--tpl-comet-start:100%}}.tpl-ai-btn--idle{background-color:var(--tpl-primary-light);color:var(--tpl-text);box-shadow:none;z-index:0;position:relative}.tpl-ai-btn--idle:before{content:\"\";border-radius:inherit;background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),var(--tpl-primary) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%);padding:2px;position:absolute;inset:-2px}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:before{background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),color-mix(in srgb,var(--tpl-primary) 40%,transparent) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%)}}.tpl-ai-btn--idle:before{z-index:-1;pointer-events:none;animation:20s linear 3s infinite tpl-ai-comet;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tpl-ai-btn--idle:hover{background-color:var(--tpl-primary);color:var(--tpl-on-primary);transform:translateY(-1px);box-shadow:0 0 0 3px var(--tpl-primary),0 4px 16px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-primary) 20%,transparent),0 4px 16px color-mix(in srgb,var(--tpl-primary) 30%,transparent)!important}}.tpl-ai-btn--idle:hover:before{animation:none}.tpl-ai-btn--active{background-color:var(--tpl-primary-light);color:var(--tpl-primary-hover);border:1px solid var(--tpl-primary)}.tpl-ai-btn--active .tpl-ai-btn-icon{fill:var(--tpl-primary)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active .tpl-ai-btn-icon{fill:color-mix(in srgb,var(--tpl-primary) 25%,transparent)}}.tpl-ai-btn--active:hover{background-color:var(--tpl-primary-light)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active:hover{background-color:color-mix(in srgb,var(--tpl-primary-light) 80%,var(--tpl-primary))}}.tpl-merge-tag-delete:hover{color:var(--tpl-danger)!important}@media(prefers-reduced-motion:reduce){.tpl-pulse,.tpl-shimmer,.tpl-fade-in,.tpl-scale-in,.tpl-ai-btn--idle:before{animation:none}.tpl-shimmer{background:var(--tpl-bg-hover)}.tpl-spinner{animation:1s linear infinite tpl-spin}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.tpl-preview-pill-enter-active[data-v-433680d1]{transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.tpl-preview-pill-leave-active[data-v-433680d1]{transition:opacity .15s ease-in,transform .15s ease-in}.tpl-preview-pill-enter-from[data-v-433680d1],.tpl-preview-pill-leave-to[data-v-433680d1]{opacity:0;transform:translateY(-8px) scale(.9)}.tpl-preview-pill-enter-to[data-v-433680d1],.tpl-preview-pill-leave-from[data-v-433680d1]{opacity:1;transform:translateY(0) scale(1)}hex-color-picker{--hcp-width: 200px}hex-color-picker::part(hue){border-radius:var(--tpl-radius-sm, 7px)}hex-color-picker::part(saturation){border-radius:var(--tpl-radius-sm, 7px) var(--tpl-radius-sm, 7px) 0 0}.tpl-color-swatch-empty{background-color:var(--tpl-bg);background-image:linear-gradient(to top right,transparent calc(50% - .75px),var(--tpl-text-dim) calc(50% - .75px),var(--tpl-text-dim) calc(50% + .75px),transparent calc(50% + .75px))}.tpl-pulse-fill[data-v-fca026e4]{animation:tpl-field-pulse-fca026e4 1s ease-out}@keyframes tpl-field-pulse-fca026e4{0%{box-shadow:0 0 color-mix(in srgb,var(--tpl-warning) 30%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 6%,transparent)}40%{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-warning) 15%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 5%,transparent)}to{box-shadow:0 0 0 0 transparent;background-color:transparent}}@media(prefers-reduced-motion:reduce){.tpl-pulse-fill[data-v-fca026e4]{animation:none}}input[type=number][data-v-69591c1e]::-webkit-outer-spin-button,input[type=number][data-v-69591c1e]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-69591c1e]{-moz-appearance:textfield}.tpl-collapsible[data-v-1038bf62]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.16,1,.3,1)}.tpl-collapsible--open[data-v-1038bf62]{grid-template-rows:1fr}.tpl-collapsible>div[data-v-1038bf62]{overflow:hidden}.tpl-saved-block-skeleton{animation:tpl-saved-block-pulse 1.4s ease-in-out infinite}@keyframes tpl-saved-block-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.tpl-saved-block-skeleton{animation:none}}.tpl-saved-block-delete-btn:hover{color:var(--tpl-danger)!important}.tpl-saved-block-rename-btn:hover{color:var(--tpl-primary)!important}.tpl-media-item[data-v-373617e3]:not(.tpl-media-item--selected):hover{border-color:var(--tpl-border)!important}.tpl-media-list-item[data-v-373617e3]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-list-icon[data-v-373617e3]{transform:scale(.35);transform-origin:center}.tpl-preview-icon[data-v-c3c1707e]{transform:scale(.45);transform-origin:center}.tpl-comments-slide-enter-active[data-v-32af5912]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-comments-slide-leave-active[data-v-32af5912]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-comments-input-wrapper[data-v-32af5912]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-comments-send-btn[data-v-32af5912]:not(:disabled):hover{transform:scale(1.05)}.tpl-comment-filter[data-v-32af5912]{color:var(--tpl-text-muted);background-color:transparent}.tpl-comment-filter[data-v-32af5912]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-filter--active[data-v-32af5912]{background-color:var(--tpl-primary-light);color:var(--tpl-primary)}.tpl-comment-action[data-v-32af5912]{color:var(--tpl-text-dim);background-color:transparent}.tpl-comment-action[data-v-32af5912]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-delete[data-v-32af5912]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-comment-card[data-v-32af5912],.tpl-comment-reply-card[data-v-32af5912]{border-color:var(--tpl-border);background-color:var(--tpl-bg)}.tpl-resolve-enter-active[data-v-32af5912],.tpl-resolve-leave-active[data-v-32af5912]{transition:opacity .3s ease,transform .3s ease}.tpl-resolve-enter-from[data-v-32af5912],.tpl-resolve-leave-to[data-v-32af5912]{opacity:0;transform:translateY(-4px)}.tpl-resolve-icon[data-v-32af5912]{transition:color .3s ease,transform .2s ease}.tpl-resolve-icon[data-v-32af5912]:active{transform:scale(1.3)}.tpl-replies-enter-active[data-v-32af5912],.tpl-replies-leave-active[data-v-32af5912]{transition:opacity .25s ease,transform .25s ease}.tpl-replies-enter-from[data-v-32af5912],.tpl-replies-leave-to[data-v-32af5912]{opacity:0;transform:translateY(-4px)}.tpl-ai-slide-enter-active[data-v-0a3b048c]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-ai-slide-leave-active[data-v-0a3b048c]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-ai-input-wrapper[data-v-0a3b048c]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-ai-send-btn[data-v-0a3b048c]:not(:disabled):hover{transform:scale(1.05)}.tpl-suggestion-btn[data-v-0a3b048c]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-design-slide-enter-active[data-v-a5a76ec5]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-design-slide-leave-active[data-v-a5a76ec5]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-design-prompt-input[data-v-a5a76ec5]:focus{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-design-dropzone[data-v-a5a76ec5]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-scoring-slide-enter-active[data-v-165e948a]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-scoring-slide-leave-active[data-v-165e948a]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-scoring-fix-btn[data-v-165e948a]:not(:disabled):hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-ai-feature-menu-item[data-v-bf59b787]:hover{background-color:var(--tpl-bg-hover)!important}.vue-advanced-cropper{text-align:center;position:relative;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}[data-v-51052195] .tpl-cropper-background{background-color:var(--tpl-bg)!important}[data-v-51052195] .vue-advanced-cropper{background-color:transparent!important}[data-v-51052195] .vue-advanced-cropper__background{background-color:var(--tpl-bg)!important}[data-v-51052195] .vue-advanced-cropper__foreground{background-color:var(--tpl-overlay)!important}\n/*$vite$:1*/", Ii = null;
-function Li() {
-	if (Ii === null) {
+var Ki = "@import\"https://fonts.bunny.net/css?family=geist:400,500,600\";.tpl-loading-track[data-v-e61f3b63]{height:3px;width:100%;border-radius:9999px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 15%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 30%,var(--tpl-primary) 50%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 70%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 85%,transparent 100%);background-size:200% 100%;animation:tpl-loading-flow-e61f3b63 3s ease-in-out infinite}@keyframes tpl-loading-flow-e61f3b63{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.tpl-loading-track[data-v-e61f3b63]{animation:none;background-position:50% 0}}.tpl-block--idle[data-v-2c239048]{outline:1.5px dashed color-mix(in srgb,var(--tpl-primary) 30%,transparent);outline-offset:-1px;transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--idle[data-v-2c239048]:hover{outline:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent);outline-offset:-1px;box-shadow:0 0 8px color-mix(in srgb,var(--tpl-primary) 8%,transparent)}.tpl-block--picked[data-v-2c239048]{outline:2px solid var(--tpl-primary);outline-offset:-1px;box-shadow:0 0 0 4px color-mix(in srgb,var(--tpl-primary) 18%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--selected[data-v-2c239048]{outline:2px solid color-mix(in srgb,var(--tpl-primary) 60%,transparent);outline-offset:-1px;box-shadow:0 0 12px color-mix(in srgb,var(--tpl-primary) 15%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block-action-btn[data-v-2c239048]{color:var(--tpl-chrome-text-muted);background-color:transparent}.tpl-block-action-btn[data-v-2c239048]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-chrome-text)}.tpl-block-action-btn[data-v-2c239048]:active{transform:scale(.9)}.tpl-block-delete-btn[data-v-2c239048]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-condition-toggle[data-v-2c239048]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-condition-toggle[data-v-2c239048]:active{transform:scale(.9)}.tpl-block-hidden-overlay[data-v-2c239048]{background-color:color-mix(in srgb,var(--tpl-bg) 60%,transparent)}.tpl-table-editable[data-v-963ac422] th[contenteditable],.tpl-table-editable[data-v-963ac422] td[contenteditable]{outline:none;cursor:text;min-width:calc(2 * var(--tpl-base-size))}.tpl-table-editable[data-v-963ac422] th[contenteditable]:empty:before,.tpl-table-editable[data-v-963ac422] td[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--tpl-text-dim);pointer-events:none}.tpl-table-editable[data-v-963ac422] th[contenteditable]:focus,.tpl-table-editable[data-v-963ac422] td[contenteditable]:focus{outline:2px solid var(--tpl-primary);outline-offset:-2px;border-radius:1px}.tpl-canvas--dark-mode[data-v-699490d7] .tpl-block-content:not(.tpl-block-content *){filter:invert(1) hue-rotate(180deg)}[data-v-699490d7] .tpl-block-content{transition:filter .3s ease}.tpl-canvas--dark-mode[data-v-699490d7] .tpl-block-content img{filter:invert(1) hue-rotate(180deg)}.tpl-icon-enter-active[data-v-632aa74f],.tpl-icon-leave-active[data-v-632aa74f]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-632aa74f],.tpl-icon-leave-to[data-v-632aa74f]{opacity:0;transform:scale(.8)}.tpl-dark-mode-toggle[data-v-632aa74f]:hover{background-color:var(--tpl-bg-hover)}.tpl-dark-mode-toggle[data-v-632aa74f]:active{transform:scale(.92)}.tpl-icon-enter-active[data-v-eef7b2ca],.tpl-icon-leave-active[data-v-eef7b2ca]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-eef7b2ca],.tpl-icon-leave-to[data-v-eef7b2ca]{opacity:0;transform:scale(.8)}.tpl-preview-toggle[data-v-eef7b2ca]:hover{background-color:var(--tpl-bg-hover)}.tpl-preview-toggle[data-v-eef7b2ca]:active{transform:scale(.92)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tpl-comet-angle:0deg;--tpl-comet-start:100%}}}@layer theme{:root,:host{--tpl-radius-sm:calc(.25 * var(--tpl-base-size));--tpl-radius-md:calc(.375 * var(--tpl-base-size));--tpl-radius-lg:calc(.5 * var(--tpl-base-size));--tpl-shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tpl-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tpl-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tpl-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tpl-radius:calc(.25 * var(--tpl-base-size))}}.tpl\\:pointer-events-auto{pointer-events:auto}.tpl\\:pointer-events-none{pointer-events:none}.tpl\\:invisible{visibility:hidden}.tpl\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl\\:absolute{position:absolute}.tpl\\:fixed{position:fixed}.tpl\\:relative{position:relative}.tpl\\:sticky{position:sticky}.tpl\\:inset-0{inset:0}.tpl\\:inset-x-0{inset-inline:0}.tpl\\:inset-y-1{inset-block:calc(var(--tpl-base-size) / 4)}.tpl\\:-top-0\\.5{top:calc(calc(var(--tpl-base-size) / 4) * -.5)}.tpl\\:-top-1{top:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:top-0{top:0}.tpl\\:top-1{top:calc(var(--tpl-base-size) / 4)}.tpl\\:top-1\\.5{top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:top-1\\/2{top:50%}.tpl\\:top-2{top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:top-14{top:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:top-16{top:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:top-\\[104px\\]{top:104px}.tpl\\:top-full{top:100%}.tpl\\:-right-1{right:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:-right-2{right:calc(calc(var(--tpl-base-size) / 4) * -2)}.tpl\\:right-0{right:0}.tpl\\:right-1{right:calc(var(--tpl-base-size) / 4)}.tpl\\:right-1\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:right-2{right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:right-2\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:right-\\[320px\\]{right:320px}.tpl\\:right-\\[360px\\]{right:360px}.tpl\\:right-\\[680px\\]{right:680px}.tpl\\:bottom-0{bottom:0}.tpl\\:bottom-1{bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:bottom-10{bottom:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:bottom-full{bottom:100%}.tpl\\:-left-1{left:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:left-0{left:0}.tpl\\:left-1\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:left-1\\/2{left:50%}.tpl\\:left-2\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:left-3{left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:left-5{left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:left-12{left:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:z-10{z-index:10}.tpl\\:z-40{z-index:40}.tpl\\:z-50{z-index:50}.tpl\\:z-\\[4\\]{z-index:4}.tpl\\:z-\\[5\\]{z-index:5}.tpl\\:z-\\[60\\]{z-index:60}.tpl\\:z-\\[100\\]{z-index:100}.tpl\\:m-0{margin:0}.tpl\\:m-6{margin:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-0\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mx-1{margin-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:mx-1\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mx-3{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mx-4{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mx-6{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-auto{margin-inline:auto}.tpl\\:mt-0\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mt-1{margin-top:calc(var(--tpl-base-size) / 4)}.tpl\\:mt-1\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mt-2{margin-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mt-3{margin-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mt-4{margin-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:\\!mb-0{margin-bottom:0!important}.tpl\\:mb-1{margin-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:mb-1\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mb-2{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mb-2\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:mb-3{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mb-3\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:mb-4{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mb-px{margin-bottom:1px}.tpl\\:-ml-48{margin-left:calc(calc(var(--tpl-base-size) / 4) * -48)}.tpl\\:ml-0{margin-left:0}.tpl\\:ml-0\\.5{margin-left:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:ml-1{margin-left:calc(var(--tpl-base-size) / 4)}.tpl\\:ml-5{margin-left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:ml-auto{margin-left:auto}.tpl\\:line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:\\!flex{display:flex!important}.tpl\\:block{display:block}.tpl\\:flex{display:flex}.tpl\\:grid{display:grid}.tpl\\:hidden{display:none}.tpl\\:inline{display:inline}.tpl\\:inline-block{display:inline-block}.tpl\\:inline-flex{display:inline-flex}.tpl\\:aspect-square{aspect-ratio:1}.tpl\\:size-1\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 1.5);height:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:size-2{width:calc(calc(var(--tpl-base-size) / 4) * 2);height:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:size-3{width:calc(calc(var(--tpl-base-size) / 4) * 3);height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:size-4{width:calc(calc(var(--tpl-base-size) / 4) * 4);height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:size-4\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 4.5);height:calc(calc(var(--tpl-base-size) / 4) * 4.5)}.tpl\\:size-5{width:calc(calc(var(--tpl-base-size) / 4) * 5);height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:size-6{width:calc(calc(var(--tpl-base-size) / 4) * 6);height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:size-7{width:calc(calc(var(--tpl-base-size) / 4) * 7);height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:size-8{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:size-10{width:calc(calc(var(--tpl-base-size) / 4) * 10);height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:size-16{width:calc(calc(var(--tpl-base-size) / 4) * 16);height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:size-full{width:100%;height:100%}.tpl\\:h-0{height:0}.tpl\\:h-2\\.5{height:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:h-3{height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:h-4{height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:h-5{height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:h-6{height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:h-7{height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:h-8{height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:h-9{height:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:h-10{height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:h-12{height:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:h-14{height:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:h-16{height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:h-32{height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:h-44{height:calc(calc(var(--tpl-base-size) / 4) * 44)}.tpl\\:h-\\[32px\\]{height:32px}.tpl\\:h-auto{height:auto}.tpl\\:h-full{height:100%}.tpl\\:max-h-24{max-height:calc(calc(var(--tpl-base-size) / 4) * 24)}.tpl\\:max-h-32{max-height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:max-h-48{max-height:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:max-h-56{max-height:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:max-h-64{max-height:calc(calc(var(--tpl-base-size) / 4) * 64)}.tpl\\:max-h-\\[50vh\\]{max-height:50vh}.tpl\\:max-h-\\[60vh\\]{max-height:60vh}.tpl\\:max-h-\\[80\\%\\]{max-height:80%}.tpl\\:max-h-\\[80vh\\]{max-height:80vh}.tpl\\:max-h-\\[90\\%\\]{max-height:90%}.tpl\\:max-h-\\[90vh\\]{max-height:90vh}.tpl\\:max-h-full{max-height:100%}.tpl\\:min-h-0{min-height:0}.tpl\\:min-h-6{min-height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-h-10{min-height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:min-h-20{min-height:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:min-h-\\[1\\.5em\\]{min-height:1.5em}.tpl\\:min-h-\\[1em\\]{min-height:1em}.tpl\\:min-h-\\[48px\\]{min-height:48px}.tpl\\:min-h-\\[60px\\]{min-height:60px}.tpl\\:min-h-\\[64px\\]{min-height:64px}.tpl\\:min-h-\\[68px\\]{min-height:68px}.tpl\\:min-h-\\[72px\\]{min-height:72px}.tpl\\:min-h-\\[80px\\]{min-height:80px}.tpl\\:min-h-\\[100px\\]{min-height:100px}.tpl\\:min-h-\\[120px\\]{min-height:120px}.tpl\\:min-h-\\[150px\\]{min-height:150px}.tpl\\:min-h-\\[400px\\]{min-height:400px}.tpl\\:w-1\\/2{width:50%}.tpl\\:w-1\\/3{width:33.3333%}.tpl\\:w-1\\/4{width:25%}.tpl\\:w-2\\/3{width:66.6667%}.tpl\\:w-3\\/4{width:75%}.tpl\\:w-5\\/6{width:83.3333%}.tpl\\:w-7{width:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:w-8{width:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:w-9{width:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:w-10{width:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:w-12{width:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:w-16{width:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:w-20{width:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:w-28{width:calc(calc(var(--tpl-base-size) / 4) * 28)}.tpl\\:w-32{width:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:w-36{width:calc(calc(var(--tpl-base-size) / 4) * 36)}.tpl\\:w-40{width:calc(calc(var(--tpl-base-size) / 4) * 40)}.tpl\\:w-48{width:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:w-52{width:calc(calc(var(--tpl-base-size) / 4) * 52)}.tpl\\:w-56{width:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:w-72{width:calc(calc(var(--tpl-base-size) / 4) * 72)}.tpl\\:w-\\[280px\\]{width:280px}.tpl\\:w-\\[300px\\]{width:300px}.tpl\\:w-\\[320px\\]{width:320px}.tpl\\:w-\\[360px\\]{width:360px}.tpl\\:w-\\[400px\\]{width:400px}.tpl\\:w-\\[420px\\]{width:420px}.tpl\\:w-\\[1000px\\]{width:1000px}.tpl\\:w-\\[min\\(420px\\,92vw\\)\\]{width:min(420px,92vw)}.tpl\\:w-full{width:100%}.tpl\\:w-px{width:1px}.tpl\\:max-w-2xl{max-width:calc(42 * var(--tpl-base-size))}.tpl\\:max-w-3xl{max-width:calc(48 * var(--tpl-base-size))}.tpl\\:max-w-\\[220px\\]{max-width:220px}.tpl\\:max-w-\\[240px\\]{max-width:240px}.tpl\\:max-w-\\[260px\\]{max-width:260px}.tpl\\:max-w-\\[320px\\]{max-width:320px}.tpl\\:max-w-\\[600px\\]{max-width:600px}.tpl\\:max-w-\\[calc\\(100\\%_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100% - 2 * var(--tpl-base-size))}.tpl\\:max-w-\\[calc\\(100vw_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100vw - 2 * var(--tpl-base-size))}.tpl\\:max-w-full{max-width:100%}.tpl\\:max-w-md{max-width:calc(28 * var(--tpl-base-size))}.tpl\\:max-w-sm{max-width:calc(24 * var(--tpl-base-size))}.tpl\\:min-w-0{min-width:0}.tpl\\:min-w-6{min-width:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-w-\\[20px\\]{min-width:20px}.tpl\\:min-w-\\[200px\\]{min-width:200px}.tpl\\:flex-1{flex:1}.tpl\\:flex-shrink-0,.tpl\\:shrink-0{flex-shrink:0}.tpl\\:origin-top-right{transform-origin:100% 0}.tpl\\:-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-4{--tw-translate-x:calc(calc(var(--tpl-base-size) / 4) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-2{--tw-translate-y:calc(calc(var(--tpl-base-size) / 4) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-1{--tw-translate-y:calc(var(--tpl-base-size) / 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-\\[-8px\\]{--tw-translate-y:-8px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:-rotate-90{rotate:-90deg}.tpl\\:rotate-0{rotate:0deg}.tpl\\:rotate-45{rotate:45deg}.tpl\\:rotate-90{rotate:90deg}.tpl\\:rotate-180{rotate:180deg}.tpl\\:animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.tpl\\:animate-spin{animation:1s linear infinite spin}.tpl\\:cursor-default{cursor:default}.tpl\\:cursor-grab{cursor:grab}.tpl\\:cursor-help{cursor:help}.tpl\\:cursor-not-allowed{cursor:not-allowed}.tpl\\:cursor-pointer{cursor:pointer}.tpl\\:resize-none{resize:none}.tpl\\:resize-y{resize:vertical}.tpl\\:list-none{list-style-type:none}.tpl\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tpl\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.tpl\\:grid-cols-\\[1fr_auto_1fr\\]{grid-template-columns:1fr auto 1fr}.tpl\\:flex-col{flex-direction:column}.tpl\\:flex-row-reverse{flex-direction:row-reverse}.tpl\\:flex-wrap{flex-wrap:wrap}.tpl\\:items-center{align-items:center}.tpl\\:items-end{align-items:flex-end}.tpl\\:items-start{align-items:flex-start}.tpl\\:items-stretch{align-items:stretch}.tpl\\:justify-between{justify-content:space-between}.tpl\\:justify-center{justify-content:center}.tpl\\:justify-end{justify-content:flex-end}.tpl\\:gap-0{gap:0}.tpl\\:gap-0\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-1{gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-1\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:gap-2{gap:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:gap-2\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:gap-3{gap:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:gap-3\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:gap-4{gap:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:gap-5{gap:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:gap-6{gap:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:gap-10{gap:calc(calc(var(--tpl-base-size) / 4) * 10)}:where(.tpl\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tpl-base-size) / 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tpl-base-size) / 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * calc(1 - var(--tw-space-y-reverse)))}.tpl\\:gap-x-1{column-gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-x-3{column-gap:calc(calc(var(--tpl-base-size) / 4) * 3)}:where(.tpl\\:-space-x-1\\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * calc(1 - var(--tw-space-x-reverse)))}.tpl\\:gap-y-0\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-y-1\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:self-end{align-self:flex-end}.tpl\\:self-start{align-self:flex-start}.tpl\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tpl\\:overflow-auto{overflow:auto}.tpl\\:overflow-hidden{overflow:hidden}.tpl\\:overflow-x-auto{overflow-x:auto}.tpl\\:overflow-y-auto{overflow-y:auto}.tpl\\:rounded{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-\\[calc\\(var\\(--tpl-radius-sm\\)-2px\\)\\]{border-radius:calc(var(--tpl-radius-sm) - 2px)}.tpl\\:rounded-\\[var\\(--tpl-radius\\)\\]{border-radius:var(--tpl-radius)}.tpl\\:rounded-\\[var\\(--tpl-radius-lg\\)\\]{border-radius:var(--tpl-radius-lg)}.tpl\\:rounded-\\[var\\(--tpl-radius-md\\)\\]{border-radius:var(--tpl-radius-md)}.tpl\\:rounded-\\[var\\(--tpl-radius-sm\\)\\]{border-radius:var(--tpl-radius-sm)}.tpl\\:rounded-full{border-radius:3.40282e38px}.tpl\\:rounded-lg{border-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-md{border-radius:calc(.375 * var(--tpl-base-size))}.tpl\\:rounded-sm{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-xl{border-radius:calc(.75 * var(--tpl-base-size))}.tpl\\:rounded-l-\\[var\\(--tpl-radius-sm\\)\\]{border-top-left-radius:var(--tpl-radius-sm);border-bottom-left-radius:var(--tpl-radius-sm)}.tpl\\:rounded-tl-lg{border-top-left-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-r-\\[var\\(--tpl-radius-sm\\)\\]{border-top-right-radius:var(--tpl-radius-sm);border-bottom-right-radius:var(--tpl-radius-sm)}.tpl\\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.tpl\\:border{border-style:var(--tw-border-style);border-width:1px}.tpl\\:border-0{border-style:var(--tw-border-style);border-width:0}.tpl\\:border-2{border-style:var(--tw-border-style);border-width:2px}.tpl\\:border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.tpl\\:border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.tpl\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.tpl\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.tpl\\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.tpl\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.tpl\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.tpl\\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.tpl\\:border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.tpl\\:border-dashed{--tw-border-style:dashed;border-style:dashed}.tpl\\:border-none{--tw-border-style:none;border-style:none}.tpl\\:border-\\[var\\(--tpl-bg\\)\\]{border-color:var(--tpl-bg)}.tpl\\:border-\\[var\\(--tpl-border\\)\\]{border-color:var(--tpl-border)}.tpl\\:border-\\[var\\(--tpl-border-light\\)\\]{border-color:var(--tpl-border-light)}.tpl\\:border-\\[var\\(--tpl-danger\\)\\]{border-color:var(--tpl-danger)}.tpl\\:border-\\[var\\(--tpl-primary\\)\\]{border-color:var(--tpl-primary)}.tpl\\:border-\\[var\\(--tpl-primary-hover\\)\\]{border-color:var(--tpl-primary-hover)}.tpl\\:border-\\[var\\(--tpl-warning\\)\\]{border-color:var(--tpl-warning)}.tpl\\:border-transparent{border-color:#0000}.tpl\\:border-l-\\[var\\(--tpl-primary\\)\\]{border-left-color:var(--tpl-primary)}.tpl\\:border-l-transparent{border-left-color:#0000}.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:var(--tpl-bg)}@supports (color:color-mix(in lab,red,red)){.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:color-mix(in srgb,var(--tpl-bg) 90%,transparent)}}.tpl\\:bg-\\[var\\(--tpl-bg\\)\\]{background-color:var(--tpl-bg)}.tpl\\:bg-\\[var\\(--tpl-bg-active\\)\\]{background-color:var(--tpl-bg-active)}.tpl\\:bg-\\[var\\(--tpl-bg-elevated\\)\\]{background-color:var(--tpl-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-bg-hover\\)\\]{background-color:var(--tpl-bg-hover)}.tpl\\:bg-\\[var\\(--tpl-border\\)\\]{background-color:var(--tpl-border)}.tpl\\:bg-\\[var\\(--tpl-canvas-bg\\)\\]{background-color:var(--tpl-canvas-bg)}.tpl\\:bg-\\[var\\(--tpl-chrome-bg-elevated\\)\\]{background-color:var(--tpl-chrome-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-chrome-primary-light\\)\\]{background-color:var(--tpl-chrome-primary-light)}.tpl\\:bg-\\[var\\(--tpl-danger\\)\\]{background-color:var(--tpl-danger)}.tpl\\:bg-\\[var\\(--tpl-danger-light\\)\\]{background-color:var(--tpl-danger-light)}.tpl\\:bg-\\[var\\(--tpl-primary\\)\\]{background-color:var(--tpl-primary)}.tpl\\:bg-\\[var\\(--tpl-primary-light\\)\\]{background-color:var(--tpl-primary-light)}.tpl\\:bg-\\[var\\(--tpl-warning-light\\)\\]{background-color:var(--tpl-warning-light)}.tpl\\:bg-black\\/30{background-color:oklab(0% none none/.3)}.tpl\\:bg-transparent{background-color:#0000}.tpl\\:object-contain{object-fit:contain}.tpl\\:object-cover{object-fit:cover}.tpl\\:p-0{padding:0}.tpl\\:p-0\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:p-1{padding:calc(var(--tpl-base-size) / 4)}.tpl\\:p-1\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:p-2{padding:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:p-3{padding:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:p-4{padding:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:p-5{padding:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:p-6{padding:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:p-8{padding:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-0\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:px-1{padding-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:px-1\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:px-2{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:px-2\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:px-3{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:px-3\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:px-4{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:px-5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:px-6{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:px-8{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-10{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-0{padding-block:0}.tpl\\:py-0\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:py-1{padding-block:calc(var(--tpl-base-size) / 4)}.tpl\\:py-1\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:py-2{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:py-2\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:py-3{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:py-3\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:py-4{padding-block:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:py-5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:py-6{padding-block:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:py-8{padding-block:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:py-10{padding-block:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-12{padding-block:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:py-16{padding-block:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:py-\\[5px\\]{padding-block:5px}.tpl\\:py-\\[7px\\]{padding-block:7px}.tpl\\:py-px{padding-block:1px}.tpl\\:pt-1{padding-top:calc(var(--tpl-base-size) / 4)}.tpl\\:pt-2{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pt-2\\.5{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pt-3{padding-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pt-4{padding-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-2{padding-right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pr-3{padding-right:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pr-4{padding-right:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-7{padding-right:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:pr-8{padding-right:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pb-1{padding-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:pb-1\\.5{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:pb-2{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pb-3{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pb-4{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-2\\.5{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pl-3{padding-left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pl-4{padding-left:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-8{padding-left:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pl-9{padding-left:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:pl-\\[18px\\]{padding-left:18px}.tpl\\:text-center{text-align:center}.tpl\\:text-left{text-align:left}.tpl\\:font-\\[inherit\\]{font-family:inherit}.tpl\\:font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tpl\\:font-sans{font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.tpl\\:text-4xl{font-size:calc(2.25 * var(--tpl-base-size));line-height:var(--tw-leading,calc(2.5 / 2.25))}.tpl\\:text-base{font-size:var(--tpl-base-size);line-height:var(--tw-leading, 1.5 )}.tpl\\:text-lg{font-size:calc(1.125 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.75 / 1.125))}.tpl\\:text-sm{font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875))}.tpl\\:text-xs{font-size:calc(.75 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1 / .75))}.tpl\\:text-\\[0\\.8em\\]{font-size:.8em}.tpl\\:text-\\[0\\.9em\\]{font-size:.9em}.tpl\\:text-\\[1em\\]{font-size:1em}.tpl\\:text-\\[10px\\]{font-size:10px}.tpl\\:text-\\[12px\\]{font-size:12px}.tpl\\:text-\\[13px\\]{font-size:13px}.tpl\\:text-\\[length\\:inherit\\]{font-size:inherit}.tpl\\:leading-none{--tw-leading:1;line-height:1}.tpl\\:leading-normal{--tw-leading:1.5;line-height:1.5}.tpl\\:leading-relaxed{--tw-leading:1.625;line-height:1.625}.tpl\\:leading-snug{--tw-leading:1.375;line-height:1.375}.tpl\\:leading-tight{--tw-leading:1.25;line-height:1.25}.tpl\\:font-\\[var\\(--tpl-font-family\\)\\]{--tw-font-weight:var(--tpl-font-family);font-weight:var(--tpl-font-family)}.tpl\\:font-bold{--tw-font-weight:700;font-weight:700}.tpl\\:font-medium{--tw-font-weight:500;font-weight:500}.tpl\\:font-normal{--tw-font-weight:400;font-weight:400}.tpl\\:font-semibold{--tw-font-weight:600;font-weight:600}.tpl\\:tracking-wide{--tw-tracking:.025em;letter-spacing:.025em}.tpl\\:tracking-wider{--tw-tracking:.05em;letter-spacing:.05em}.tpl\\:break-all{word-break:break-all}.tpl\\:text-ellipsis{text-overflow:ellipsis}.tpl\\:whitespace-nowrap{white-space:nowrap}.tpl\\:whitespace-pre-wrap{white-space:pre-wrap}.tpl\\:text-\\[var\\(--tpl-bg\\)\\]{color:var(--tpl-bg)}.tpl\\:text-\\[var\\(--tpl-border\\)\\]{color:var(--tpl-border)}.tpl\\:text-\\[var\\(--tpl-border-light\\)\\]{color:var(--tpl-border-light)}.tpl\\:text-\\[var\\(--tpl-chrome-text-dim\\)\\]{color:var(--tpl-chrome-text-dim)}.tpl\\:text-\\[var\\(--tpl-chrome-text-muted\\)\\]{color:var(--tpl-chrome-text-muted)}.tpl\\:text-\\[var\\(--tpl-danger\\)\\]{color:var(--tpl-danger)}.tpl\\:text-\\[var\\(--tpl-on-primary\\)\\]{color:var(--tpl-on-primary)}.tpl\\:text-\\[var\\(--tpl-primary\\)\\]{color:var(--tpl-primary)}.tpl\\:text-\\[var\\(--tpl-primary-hover\\)\\]{color:var(--tpl-primary-hover)}.tpl\\:text-\\[var\\(--tpl-success\\)\\]{color:var(--tpl-success)}.tpl\\:text-\\[var\\(--tpl-success\\,var\\(--tpl-primary\\)\\)\\]{color:var(--tpl-success,var(--tpl-primary))}.tpl\\:text-\\[var\\(--tpl-text\\)\\]{color:var(--tpl-text)}.tpl\\:text-\\[var\\(--tpl-text-dim\\)\\]{color:var(--tpl-text-dim)}.tpl\\:text-\\[var\\(--tpl-text-muted\\)\\]{color:var(--tpl-text-muted)}.tpl\\:text-\\[var\\(--tpl-warning\\)\\]{color:var(--tpl-warning)}.tpl\\:normal-case{text-transform:none}.tpl\\:uppercase{text-transform:uppercase}.tpl\\:italic{font-style:italic}.tpl\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tpl\\:no-underline{text-decoration-line:none}.tpl\\:underline{text-decoration-line:underline}.tpl\\:accent-\\[var\\(--tpl-primary\\)\\]{accent-color:var(--tpl-primary)}.tpl\\:opacity-0{opacity:0}.tpl\\:opacity-50{opacity:.5}.tpl\\:opacity-60{opacity:.6}.tpl\\:opacity-70{opacity:.7}.tpl\\:opacity-90{opacity:.9}.tpl\\:opacity-100{opacity:1}.tpl\\:shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-ring\\)\\]{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow\\)\\]{--tw-shadow:var(--tpl-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-lg\\)\\]{--tw-shadow:var(--tpl-shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-md\\)\\]{--tw-shadow:var(--tpl-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-sm\\)\\]{--tw-shadow:var(--tpl-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-\\[var\\(--tpl-border\\)\\]{--tw-ring-color:var(--tpl-border)}.tpl\\:ring-\\[var\\(--tpl-primary\\)\\]{--tw-ring-color:var(--tpl-primary)}.tpl\\:ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tpl\\:ring-offset-\\[var\\(--tpl-bg-elevated\\)\\]{--tw-ring-offset-color:var(--tpl-bg-elevated)}.tpl\\:backdrop-blur-\\[2px\\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.tpl\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.tpl\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.tpl\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.tpl\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.tpl\\:duration-\\[80ms\\]{--tw-duration:80ms;transition-duration:80ms}.tpl\\:duration-\\[120ms\\]{--tw-duration:.12s;transition-duration:.12s}.tpl\\:ease-\\[cubic-bezier\\(0\\.16\\,1\\,0\\.3\\,1\\)\\]{--tw-ease:cubic-bezier(.16,1,.3,1);transition-timing-function:cubic-bezier(.16,1,.3,1)}.tpl\\:ease-in{--tw-ease:cubic-bezier(.4, 0, 1, 1);transition-timing-function:cubic-bezier(.4,0,1,1)}.tpl\\:ease-out{--tw-ease:cubic-bezier(0, 0, .2, 1);transition-timing-function:cubic-bezier(0,0,.2,1)}.tpl\\:outline-none{--tw-outline-style:none;outline-style:none}.tpl\\:select-none{-webkit-user-select:none;user-select:none}.tpl\\:group-focus-within\\:opacity-100:is(:where(.tpl\\:group):focus-within *){opacity:1}@media(hover:hover){.tpl\\:group-hover\\:bg-black\\/40:is(:where(.tpl\\:group):hover *){background-color:oklab(0% none none/.4)}.tpl\\:group-hover\\:opacity-100:is(:where(.tpl\\:group):hover *){opacity:1}}.tpl\\:placeholder\\:text-\\[var\\(--tpl-text-dim\\)\\]::placeholder{color:var(--tpl-text-dim)}.tpl\\:first\\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.tpl\\:last\\:mb-0:last-child{margin-bottom:0}@media(hover:hover){.tpl\\:hover\\:z-10:hover{z-index:10}.tpl\\:hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:border-\\[var\\(--tpl-border\\)\\]:hover{border-color:var(--tpl-border)}.tpl\\:hover\\:border-\\[var\\(--tpl-danger\\)\\]:hover{border-color:var(--tpl-danger)}.tpl\\:hover\\:border-\\[var\\(--tpl-primary\\)\\]:hover{border-color:var(--tpl-primary)}.tpl\\:hover\\:border-\\[var\\(--tpl-text-dim\\)\\]:hover{border-color:var(--tpl-text-dim)}.tpl\\:hover\\:border-l-\\[var\\(--tpl-primary\\)\\]:hover{border-left-color:var(--tpl-primary)}.tpl\\:hover\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-text\\)_8\\%\\,transparent\\)\\]:hover{background-color:var(--tpl-text)}@supports (color:color-mix(in lab,red,red)){.tpl\\:hover\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-text\\)_8\\%\\,transparent\\)\\]:hover{background-color:color-mix(in srgb,var(--tpl-text) 8%,transparent)}}.tpl\\:hover\\:bg-\\[var\\(--tpl-bg-active\\)\\]:hover{background-color:var(--tpl-bg-active)}.tpl\\:hover\\:bg-\\[var\\(--tpl-bg-hover\\)\\]:hover{background-color:var(--tpl-bg-hover)}.tpl\\:hover\\:bg-\\[var\\(--tpl-danger-light\\)\\]:hover{background-color:var(--tpl-danger-light)}.tpl\\:hover\\:bg-\\[var\\(--tpl-primary-hover\\)\\]:hover{background-color:var(--tpl-primary-hover)}.tpl\\:hover\\:bg-\\[var\\(--tpl-primary-light\\)\\]:hover{background-color:var(--tpl-primary-light)}.tpl\\:hover\\:bg-\\[var\\(--tpl-warning-light\\)\\]:hover{background-color:var(--tpl-warning-light)}.tpl\\:hover\\:text-\\[var\\(--tpl-danger\\)\\]:hover{color:var(--tpl-danger)}.tpl\\:hover\\:text-\\[var\\(--tpl-primary\\)\\]:hover{color:var(--tpl-primary)}.tpl\\:hover\\:text-\\[var\\(--tpl-text\\)\\]:hover{color:var(--tpl-text)}.tpl\\:hover\\:underline:hover{text-decoration-line:underline}.tpl\\:hover\\:opacity-80:hover{opacity:.8}.tpl\\:hover\\:opacity-100:hover{opacity:1}.tpl\\:hover\\:shadow-\\[var\\(--tpl-shadow-md\\)\\]:hover{--tw-shadow:var(--tpl-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:hover\\:shadow-\\[var\\(--tpl-shadow-sm\\)\\]:hover{--tw-shadow:var(--tpl-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.tpl\\:focus\\:border-\\[var\\(--tpl-primary\\)\\]:focus{border-color:var(--tpl-primary)}.tpl\\:focus\\:shadow-\\[0_0_0_3px_var\\(--tpl-primary-light\\)\\]:focus{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--tpl-primary-light));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus\\:shadow-\\[var\\(--tpl-ring\\)\\]:focus,.tpl\\:focus-visible\\:shadow-\\[var\\(--tpl-ring\\)\\]:focus-visible{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus-visible\\:ring-\\[var\\(--tpl-primary\\)\\]:focus-visible{--tw-ring-color:var(--tpl-primary)}.tpl\\:focus-visible\\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tpl\\:focus-visible\\:ring-offset-\\[var\\(--tpl-bg-elevated\\)\\]:focus-visible{--tw-ring-offset-color:var(--tpl-bg-elevated)}.tpl\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.tpl\\:active\\:cursor-grabbing:active{cursor:grabbing}.tpl\\:active\\:bg-\\[var\\(--tpl-bg-active\\)\\]:active{background-color:var(--tpl-bg-active)}.tpl\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.tpl\\:disabled\\:opacity-30:disabled{opacity:.3}.tpl\\:disabled\\:opacity-40:disabled{opacity:.4}.tpl\\:disabled\\:opacity-50:disabled{opacity:.5}@media(hover:hover){.tpl\\:disabled\\:hover\\:bg-transparent:disabled:hover{background-color:#0000}}.tpl\\:\\[\\&_p\\]\\:mb-2 p{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}@layer base,components;.tpl{--tpl-base-size:var(--tpl-user-base-size,16px);--tpl-bg:var(--tpl-user-bg,oklch(99.5% .002 60));--tpl-bg-elevated:var(--tpl-user-bg-elevated,oklch(98% .004 60));--tpl-bg-hover:var(--tpl-user-bg-hover,oklch(96% .006 60));--tpl-bg-active:var(--tpl-user-bg-active,oklch(93.5% .008 60));--tpl-border:var(--tpl-user-border,oklch(92% .006 60));--tpl-border-light:var(--tpl-user-border-light,oklch(86% .01 60));--tpl-text:var(--tpl-user-text,oklch(18% .01 60));--tpl-text-muted:var(--tpl-user-text-muted,oklch(50% .015 60));--tpl-text-dim:var(--tpl-user-text-dim,oklch(68% .012 60));--tpl-primary:var(--tpl-user-primary,oklch(70% .16 55));--tpl-primary-hover:var(--tpl-user-primary-hover,oklch(63% .17 55));--tpl-primary-light:var(--tpl-user-primary-light,oklch(95% .04 55));--tpl-on-primary:var(--tpl-user-on-primary,var(--tpl-bg));--tpl-secondary:var(--tpl-user-secondary,oklch(60% .118 184.71));--tpl-secondary-hover:var(--tpl-user-secondary-hover,oklch(53.2% .105 186.39));--tpl-secondary-light:var(--tpl-user-secondary-light,oklch(93.8% .03 186.82));--tpl-success:var(--tpl-user-success,oklch(62.8% .194 155.1));--tpl-success-light:var(--tpl-user-success-light,oklch(93.6% .043 163.51));--tpl-warning:var(--tpl-user-warning,oklch(76.9% .168 70.08));--tpl-warning-light:var(--tpl-user-warning-light,oklch(95% .038 73.59));--tpl-danger:var(--tpl-user-danger,oklch(63.7% .237 25.33));--tpl-danger-light:var(--tpl-user-danger-light,oklch(93.6% .032 17.72));--tpl-canvas-bg:var(--tpl-user-canvas-bg,oklch(97.5% .003 60));--tpl-chrome-bg-elevated:var(--tpl-bg-elevated);--tpl-chrome-border-light:var(--tpl-border-light);--tpl-chrome-text:var(--tpl-text);--tpl-chrome-text-muted:var(--tpl-text-muted);--tpl-chrome-text-dim:var(--tpl-text-dim);--tpl-chrome-primary-light:var(--tpl-primary-light);--tpl-chrome-primary-hover:var(--tpl-primary-hover);--tpl-radius:var(--tpl-user-radius,10px);--tpl-radius-sm:var(--tpl-user-radius-sm,7px);--tpl-radius-lg:var(--tpl-user-radius-lg,14px);--tpl-font-family:var(--tpl-user-font-family,\"Geist\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");--tpl-shadow-sm:var(--tpl-user-shadow-sm,0 1px 2px #00000008);--tpl-shadow:var(--tpl-user-shadow,0 1px 2px #0000000a, 0 1px 3px #00000008);--tpl-shadow-md:var(--tpl-user-shadow-md,0 2px 8px #0000000f, 0 1px 3px #0000000a);--tpl-shadow-lg:var(--tpl-user-shadow-lg,0 4px 16px #00000014, 0 2px 6px #0000000a);--tpl-shadow-xl:var(--tpl-user-shadow-xl,0 8px 32px #0000001a, 0 4px 12px #0000000f);--tpl-overlay:var(--tpl-user-overlay,#00000080);--tpl-ring:var(--tpl-user-ring,0 0 0 3px var(--tpl-primary-light));--tpl-transition:var(--tpl-user-transition,.12s cubic-bezier(.16, 1, .3, 1))}.tpl[data-tpl-theme=dark]{--tpl-bg:var(--tpl-user-dark-bg,oklch(16% .005 60));--tpl-bg-elevated:var(--tpl-user-dark-bg-elevated,oklch(21% .006 60));--tpl-bg-hover:var(--tpl-user-dark-bg-hover,oklch(26% .007 60));--tpl-bg-active:var(--tpl-user-dark-bg-active,oklch(30% .008 60));--tpl-border:var(--tpl-user-dark-border,oklch(30% .006 60));--tpl-border-light:var(--tpl-user-dark-border-light,oklch(38% .008 60));--tpl-text:var(--tpl-user-dark-text,oklch(93% .005 60));--tpl-text-muted:var(--tpl-user-dark-text-muted,oklch(65% .01 60));--tpl-text-dim:var(--tpl-user-dark-text-dim,oklch(50% .008 60));--tpl-primary:var(--tpl-user-dark-primary,oklch(73% .15 55));--tpl-primary-hover:var(--tpl-user-dark-primary-hover,oklch(78% .14 55));--tpl-primary-light:var(--tpl-user-dark-primary-light,oklch(28% .05 55));--tpl-secondary:var(--tpl-user-dark-secondary,oklch(63% .11 184.71));--tpl-secondary-hover:var(--tpl-user-dark-secondary-hover,oklch(68% .1 186.39));--tpl-secondary-light:var(--tpl-user-dark-secondary-light,oklch(25% .03 186.82));--tpl-success:var(--tpl-user-dark-success,oklch(65% .18 155.1));--tpl-success-light:var(--tpl-user-dark-success-light,oklch(25% .04 163.51));--tpl-warning:var(--tpl-user-dark-warning,oklch(78% .16 70.08));--tpl-warning-light:var(--tpl-user-dark-warning-light,oklch(28% .04 73.59));--tpl-danger:var(--tpl-user-dark-danger,oklch(65% .22 25.33));--tpl-danger-light:var(--tpl-user-dark-danger-light,oklch(25% .04 17.72));--tpl-canvas-bg:var(--tpl-user-dark-canvas-bg,oklch(10% .003 60));--tpl-shadow-sm:var(--tpl-user-dark-shadow-sm,0 1px 2px #0003);--tpl-shadow:var(--tpl-user-dark-shadow,0 1px 2px #0000004d, 0 1px 3px #0003);--tpl-shadow-md:var(--tpl-user-dark-shadow-md,0 2px 8px #00000059, 0 1px 3px #00000040);--tpl-shadow-lg:var(--tpl-user-dark-shadow-lg,0 4px 16px #0006, 0 2px 6px #0000004d);--tpl-shadow-xl:var(--tpl-user-dark-shadow-xl,0 8px 32px #00000080, 0 4px 12px #00000059);--tpl-overlay:var(--tpl-user-dark-overlay,#000000b3);--tpl-ring:var(--tpl-user-dark-ring,0 0 0 3px var(--tpl-primary-light))}.tpl[data-tpl-theme=dark] .tpl-block-content{--tpl-bg-elevated:oklch(98% .004 60);--tpl-border-light:oklch(86% .01 60);--tpl-text:oklch(18% .01 60);--tpl-text-muted:oklch(50% .015 60);--tpl-text-dim:oklch(68% .012 60);--tpl-primary-light:oklch(95% .04 55);--tpl-primary-hover:oklch(60% .16 55);color:var(--tpl-text)}.tpl{height:100%;font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875));--tw-leading:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tpl-bg);min-height:320px;color:var(--tpl-text);line-height:1.5;font-family:var(--tpl-font-family);letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-align:start;white-space:normal;cursor:auto;font-variant-numeric:normal;text-shadow:none;flex-direction:column;font-style:normal;font-weight:400;list-style-type:disc;display:flex}:where(.tpl) button,:where(.tpl) input,:where(.tpl) select,:where(.tpl) textarea{box-sizing:border-box;font-family:inherit}:where(.tpl) button{cursor:pointer;background:0 0;border:none;margin:0;padding:0}:where(.tpl) button:focus-visible,:where(.tpl) input:focus-visible,:where(.tpl) select:focus-visible,:where(.tpl) textarea:focus-visible{box-shadow:var(--tpl-ring);outline:none}:where(.tpl) .tpl-focus-ring-host:focus-within :is(input,select,textarea):focus-visible{box-shadow:none}.tpl ::-webkit-scrollbar{width:6px;height:6px}.tpl ::-webkit-scrollbar-track{background:0 0}.tpl ::-webkit-scrollbar-thumb{background-color:var(--tpl-border-light)}@supports (color:color-mix(in lab,red,red)){.tpl ::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--tpl-border-light) 60%,transparent)}}.tpl ::-webkit-scrollbar-thumb{border-radius:calc(.25 * var(--tpl-base-size))}.tpl ::-webkit-scrollbar-thumb:hover{background-color:var(--tpl-border-light)}@keyframes tpl-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes tpl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tpl-popover-root{z-index:10000;position:relative}.tpl-merge-tag-label{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@supports (color:color-mix(in lab,red,red)){.tpl-merge-tag-label{-webkit-text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)}}.tpl-merge-tag-label{unicode-bidi:isolate}.tpl-pulse{animation:2s infinite tpl-pulse}.tpl-spinner{animation:1s linear infinite tpl-spin}@keyframes tpl-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tpl-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes tpl-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tpl-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) tpl-fade-in}.tpl-scale-in{animation:.15s cubic-bezier(.16,1,.3,1) tpl-scale-in}.tpl-shimmer{background:linear-gradient(90deg,var(--tpl-bg-hover) 25%,var(--tpl-bg-active) 50%,var(--tpl-bg-hover) 75%);background-size:200% 100%;animation:1.5s linear infinite tpl-shimmer}.tpl-preview-mode .tpl-block--idle,.tpl-preview-mode .tpl-block--idle:hover,.tpl-preview-mode .tpl-block--selected{box-shadow:none!important;outline:none!important}.tpl-preview-mode .tpl-block{cursor:default;pointer-events:none}.tpl-preview-mode .tpl-block-actions,.tpl-preview-mode .tpl-block-hidden-overlay,.tpl-preview-mode .tpl-condition-toggle,.tpl-preview-mode .tpl-comment-indicator,.tpl-preview-mode .tpl-collab-lock{display:none}.tpl-ghost{border:none!important;border-top:2px dotted var(--tpl-primary)!important;background-color:#0000!important;justify-content:center!important;align-items:center!important;width:100%!important;height:0!important;min-height:0!important;max-height:0!important;margin:12px 0!important;padding:0!important;display:flex!important;position:relative!important;overflow:visible!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost{border-top:2px dotted color-mix(in srgb,var(--tpl-primary) 50%,transparent)!important}}.tpl-ghost{box-shadow:none!important;border-radius:0!important}.tpl-ghost>*{display:none!important}.tpl-ghost:before{content:var(--tpl-drop-text,\"Drop here\");white-space:nowrap!important;color:var(--tpl-primary)!important;background-color:var(--tpl-primary)!important;padding:2px 8px!important;font-size:12px!important;font-weight:500!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost:before{background-color:color-mix(in srgb,var(--tpl-primary) 15%,var(--tpl-bg))!important}}.tpl-ghost:before{border-radius:var(--tpl-radius-sm)!important;box-shadow:none!important}.tpl-canvas-empty .tpl-ghost{display:none!important}.tpl-dragging{opacity:.8;box-shadow:var(--tpl-shadow-xl)}.sortable-fallback{transition:none!important;animation:none!important}.tpl-block--lifted{outline:2px dashed var(--tpl-primary)!important;outline-offset:2px!important;box-shadow:var(--tpl-shadow-xl),0 0 0 4px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-block--lifted{box-shadow:var(--tpl-shadow-xl),0 0 0 4px color-mix(in srgb,var(--tpl-primary) 20%,transparent)!important}}.tpl-block--lifted{transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transform:scale(1.01)}.tpl-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl-text-toolbar-btn{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8);cursor:pointer;border-radius:calc(.25 * var(--tpl-base-size));--tw-border-style:none;transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s);color:var(--tpl-text);background-color:#0000;border-style:none;justify-content:center;align-items:center;padding:0;display:flex}.tpl-text-toolbar-btn:hover{background-color:var(--tpl-bg-active)}.tpl-text-toolbar-btn--active{box-shadow:inset 0 0 0 1.5px var(--tpl-primary-hover);background-color:var(--tpl-primary)!important;color:var(--tpl-bg)!important}.tpl-text-toolbar-btn--active svg{stroke-width:2.75px}.tpl-text-content,.tpl-text-editable .tiptap{--tw-outline-style:none;outline-style:none}.tpl-text-editable{border-radius:calc(.25 * var(--tpl-base-size));border-style:var(--tw-border-style);--tw-border-style:dashed;padding:calc(calc(var(--tpl-base-size) / 4) * 2);border-style:dashed;border-width:1px;border-color:var(--tpl-primary);min-height:1.5em}.tpl-text-content p,.tpl-text-editable .tiptap p{margin:0 0 var(--tpl-doc-paragraph-spacing,8px)}.tpl-text-content p:last-child,.tpl-text-editable .tiptap p:last-child{margin-bottom:0}.tpl-text-content ul,.tpl-text-content ol,.tpl-text-editable .tiptap ul,.tpl-text-editable .tiptap ol{margin:8px 0;padding-inline-start:24px}.tpl-text-content li,.tpl-text-editable .tiptap li{margin:4px 0}.tpl-text-content s,.tpl-text-editable .tiptap s{text-decoration-line:line-through}.tpl-text-content sub,.tpl-text-editable .tiptap sub{vertical-align:sub;font-size:.75em}.tpl-text-content sup,.tpl-text-editable .tiptap sup{vertical-align:super;font-size:.75em}.tpl-text-content a,.tpl-text-editable a{color:var(--tpl-doc-link-color,inherit);-webkit-text-decoration:var(--tpl-doc-link-underline,none);text-decoration:var(--tpl-doc-link-underline,none)}.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5);border-radius:calc(.25 * var(--tpl-base-size));padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5);padding-block:calc(calc(var(--tpl-base-size) / 4) * .5);--tw-font-weight:500;background-color:var(--tpl-primary);align-items:center;font-size:.9em;font-weight:500;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{background-color:color-mix(in srgb,var(--tpl-primary) 20%,transparent)}}.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{color:var(--tpl-primary);unicode-bidi:isolate}.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5);border-radius:calc(.25 * var(--tpl-base-size));padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5);padding-block:calc(calc(var(--tpl-base-size) / 4) * .5);--tw-font-weight:700;--tw-tracking:.025em;letter-spacing:.025em;text-transform:uppercase;border:1.5px solid var(--tpl-primary);unicode-bidi:isolate;background-color:#0000;align-items:center;font-size:.8em;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{border:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent)}}.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{color:var(--tpl-primary)}.tpl-tooltip{position:relative}.tpl-tooltip:after{content:attr(data-tooltip);border-radius:var(--tpl-radius-sm);background-color:var(--tpl-text);color:var(--tpl-bg);white-space:normal;text-align:center;pointer-events:none;opacity:0;text-transform:none;z-index:50;width:max-content;max-width:min(320px,90vw);padding:4px 10px;font-size:12px;font-weight:500;line-height:1.4;transition:opacity .15s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tpl-tooltip:before{content:\"\";border:4px solid #0000;border-bottom-color:var(--tpl-text);pointer-events:none;opacity:0;z-index:50;transition:opacity .15s;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.tpl-tooltip:hover:after,.tpl-tooltip:hover:before{opacity:1}.tpl-media-overlay{background-color:var(--tpl-overlay);-webkit-backdrop-filter:blur(8px);height:100%;min-height:0;color:var(--tpl-text);flex-direction:row;justify-content:center;align-items:center;display:flex}.tpl.tpl-text-toolbar{flex-direction:row;height:auto;min-height:0;display:flex}.tpl.tpl-link-dialog{background-color:var(--tpl-overlay);flex-direction:row;justify-content:center;align-items:center;height:100%;min-height:0;display:flex}.tpl-upload-zone-active{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}@property --tpl-comet-angle{syntax:\"<angle>\";inherits:false;initial-value:0deg}@property --tpl-comet-start{syntax:\"<percentage>\";inherits:false;initial-value:100%}@keyframes tpl-ai-comet{0%{--tpl-comet-angle:0deg;--tpl-comet-start:100%}1%{--tpl-comet-angle:24deg;--tpl-comet-start:88%}5%{--tpl-comet-angle:120deg;--tpl-comet-start:60%}25%{--tpl-comet-angle:600deg;--tpl-comet-start:60%}33%{--tpl-comet-angle:720deg;--tpl-comet-start:100%}to{--tpl-comet-angle:720deg;--tpl-comet-start:100%}}.tpl-ai-btn--idle{background-color:var(--tpl-primary-light);color:var(--tpl-text);box-shadow:none;z-index:0;position:relative}.tpl-ai-btn--idle:before{content:\"\";border-radius:inherit;background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),var(--tpl-primary) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%);padding:2px;position:absolute;inset:-2px}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:before{background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),color-mix(in srgb,var(--tpl-primary) 40%,transparent) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%)}}.tpl-ai-btn--idle:before{z-index:-1;pointer-events:none;animation:20s linear 3s infinite tpl-ai-comet;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tpl-ai-btn--idle:hover{background-color:var(--tpl-primary);color:var(--tpl-on-primary);transform:translateY(-1px);box-shadow:0 0 0 3px var(--tpl-primary),0 4px 16px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-primary) 20%,transparent),0 4px 16px color-mix(in srgb,var(--tpl-primary) 30%,transparent)!important}}.tpl-ai-btn--idle:hover:before{animation:none}.tpl-ai-btn--active{background-color:var(--tpl-primary-light);color:var(--tpl-primary-hover);border:1px solid var(--tpl-primary)}.tpl-ai-btn--active .tpl-ai-btn-icon{fill:var(--tpl-primary)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active .tpl-ai-btn-icon{fill:color-mix(in srgb,var(--tpl-primary) 25%,transparent)}}.tpl-ai-btn--active:hover{background-color:var(--tpl-primary-light)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active:hover{background-color:color-mix(in srgb,var(--tpl-primary-light) 80%,var(--tpl-primary))}}.tpl-merge-tag-delete:hover{color:var(--tpl-danger)!important}@media(prefers-reduced-motion:reduce){.tpl-pulse,.tpl-shimmer,.tpl-fade-in,.tpl-scale-in,.tpl-ai-btn--idle:before{animation:none}.tpl-shimmer{background:var(--tpl-bg-hover)}.tpl-spinner{animation:1s linear infinite tpl-spin}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.tpl-preview-pill-enter-active[data-v-d04b2cd0]{transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.tpl-preview-pill-leave-active[data-v-d04b2cd0]{transition:opacity .15s ease-in,transform .15s ease-in}.tpl-preview-pill-enter-from[data-v-d04b2cd0],.tpl-preview-pill-leave-to[data-v-d04b2cd0]{opacity:0;transform:translateY(-8px) scale(.9)}.tpl-preview-pill-enter-to[data-v-d04b2cd0],.tpl-preview-pill-leave-from[data-v-d04b2cd0]{opacity:1;transform:translateY(0) scale(1)}hex-color-picker{--hcp-width: 200px}hex-color-picker::part(hue){border-radius:var(--tpl-radius-sm, 7px)}hex-color-picker::part(saturation){border-radius:var(--tpl-radius-sm, 7px) var(--tpl-radius-sm, 7px) 0 0}.tpl-color-swatch-empty{background-color:var(--tpl-bg);background-image:linear-gradient(to top right,transparent calc(50% - .75px),var(--tpl-text-dim) calc(50% - .75px),var(--tpl-text-dim) calc(50% + .75px),transparent calc(50% + .75px))}.tpl-pulse-fill[data-v-fca026e4]{animation:tpl-field-pulse-fca026e4 1s ease-out}@keyframes tpl-field-pulse-fca026e4{0%{box-shadow:0 0 color-mix(in srgb,var(--tpl-warning) 30%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 6%,transparent)}40%{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-warning) 15%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 5%,transparent)}to{box-shadow:0 0 0 0 transparent;background-color:transparent}}@media(prefers-reduced-motion:reduce){.tpl-pulse-fill[data-v-fca026e4]{animation:none}}input[type=number][data-v-69591c1e]::-webkit-outer-spin-button,input[type=number][data-v-69591c1e]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-69591c1e]{-moz-appearance:textfield}.tpl-collapsible[data-v-1038bf62]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.16,1,.3,1)}.tpl-collapsible--open[data-v-1038bf62]{grid-template-rows:1fr}.tpl-collapsible>div[data-v-1038bf62]{overflow:hidden}.tpl-saved-block-skeleton{animation:tpl-saved-block-pulse 1.4s ease-in-out infinite}@keyframes tpl-saved-block-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.tpl-saved-block-skeleton{animation:none}}.tpl-saved-block-delete-btn:hover{color:var(--tpl-danger)!important}.tpl-saved-block-rename-btn:hover{color:var(--tpl-primary)!important}.tpl-media-item[data-v-373617e3]:not(.tpl-media-item--selected):hover{border-color:var(--tpl-border)!important}.tpl-media-list-item[data-v-373617e3]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-list-icon[data-v-373617e3]{transform:scale(.35);transform-origin:center}.tpl-preview-icon[data-v-c3c1707e]{transform:scale(.45);transform-origin:center}.tpl-comments-slide-enter-active[data-v-32af5912]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-comments-slide-leave-active[data-v-32af5912]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-comments-input-wrapper[data-v-32af5912]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-comments-send-btn[data-v-32af5912]:not(:disabled):hover{transform:scale(1.05)}.tpl-comment-filter[data-v-32af5912]{color:var(--tpl-text-muted);background-color:transparent}.tpl-comment-filter[data-v-32af5912]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-filter--active[data-v-32af5912]{background-color:var(--tpl-primary-light);color:var(--tpl-primary)}.tpl-comment-action[data-v-32af5912]{color:var(--tpl-text-dim);background-color:transparent}.tpl-comment-action[data-v-32af5912]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-delete[data-v-32af5912]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-comment-card[data-v-32af5912],.tpl-comment-reply-card[data-v-32af5912]{border-color:var(--tpl-border);background-color:var(--tpl-bg)}.tpl-resolve-enter-active[data-v-32af5912],.tpl-resolve-leave-active[data-v-32af5912]{transition:opacity .3s ease,transform .3s ease}.tpl-resolve-enter-from[data-v-32af5912],.tpl-resolve-leave-to[data-v-32af5912]{opacity:0;transform:translateY(-4px)}.tpl-resolve-icon[data-v-32af5912]{transition:color .3s ease,transform .2s ease}.tpl-resolve-icon[data-v-32af5912]:active{transform:scale(1.3)}.tpl-replies-enter-active[data-v-32af5912],.tpl-replies-leave-active[data-v-32af5912]{transition:opacity .25s ease,transform .25s ease}.tpl-replies-enter-from[data-v-32af5912],.tpl-replies-leave-to[data-v-32af5912]{opacity:0;transform:translateY(-4px)}.tpl-ai-slide-enter-active[data-v-0a3b048c]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-ai-slide-leave-active[data-v-0a3b048c]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-ai-input-wrapper[data-v-0a3b048c]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-ai-send-btn[data-v-0a3b048c]:not(:disabled):hover{transform:scale(1.05)}.tpl-suggestion-btn[data-v-0a3b048c]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-design-slide-enter-active[data-v-a5a76ec5]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-design-slide-leave-active[data-v-a5a76ec5]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-design-prompt-input[data-v-a5a76ec5]:focus{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-design-dropzone[data-v-a5a76ec5]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-scoring-slide-enter-active[data-v-165e948a]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-scoring-slide-leave-active[data-v-165e948a]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-scoring-fix-btn[data-v-165e948a]:not(:disabled):hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-ai-feature-menu-item[data-v-bf59b787]:hover{background-color:var(--tpl-bg-hover)!important}.vue-advanced-cropper{text-align:center;position:relative;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}[data-v-51052195] .tpl-cropper-background{background-color:var(--tpl-bg)!important}[data-v-51052195] .vue-advanced-cropper{background-color:transparent!important}[data-v-51052195] .vue-advanced-cropper__background{background-color:var(--tpl-bg)!important}[data-v-51052195] .vue-advanced-cropper__foreground{background-color:var(--tpl-overlay)!important}\n/*$vite$:1*/", qi = null;
+function Ji() {
+	if (qi === null) {
 		let e = new CSSStyleSheet();
-		e.replaceSync(Fi), Ii = e;
+		e.replaceSync(Ki), qi = e;
 	}
-	return Ii;
+	return qi;
 }
-function Ri(e) {
+function Yi(e) {
 	return () => {};
 }
-function zi(e, t) {
+function Xi(e, t) {
 	if (!t) return {
 		target: e,
 		shadowRoot: null,
 		cleanup: () => {}
 	};
 	let n = e.shadowRoot ?? e.attachShadow({ mode: "open" });
-	for (n.adoptedStyleSheets = [Li()]; n.firstChild;) n.removeChild(n.firstChild);
+	for (n.adoptedStyleSheets = [Ji()]; n.firstChild;) n.removeChild(n.firstChild);
 	let r = document.createElement("div");
 	return r.className = "tpl-editor-host", r.style.cssText = "display:block;height:100%;width:100%;", n.appendChild(r), {
 		target: r,
 		shadowRoot: n,
-		cleanup: Ri(n)
+		cleanup: Yi(n)
 	};
 }
-var Bi = /* @__PURE__ */ new Map(), Vi = null;
-function Hi(e) {
-	let t = Bi.get(e);
-	t && (t.cleanup(), t.app.unmount(), Bi.delete(e), Vi === e && (Vi = null));
+var Zi = /* @__PURE__ */ new Map(), Qi = null;
+function $i(e) {
+	let t = Zi.get(e);
+	t && (t.cleanup(), t.app.unmount(), Zi.delete(e), Qi === e && (Qi = null));
 }
-async function Ui(e) {
-	return Wi(e);
+async function ea(e) {
+	return ta(e);
 }
-async function Wi(e, t) {
+async function ta(e, t) {
 	let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
 	if (!n) throw Error(`[Templatical] Container element not found: ${e.container}`);
-	e.locale !== void 0 && !le(e.locale) && at.warn(`config.locale: "${e.locale}" has no translations — falling back to English. Supported: ${pe().sort().join(", ")}.`);
-	let r = await fe(e.locale ?? "en"), i = Fe(e.fonts);
-	Hi(n);
-	let a = zi(n, e.shadowDom ?? !0), o = c(null);
-	e.content &&= _n(e.content, e.mergeTags);
+	e.locale !== void 0 && !Fe(e.locale) && gt.warn(`config.locale: "${e.locale}" has no translations — falling back to English. Supported: ${Ie().sort().join(", ")}.`);
+	let r = await we(e.locale ?? "en"), i = Ee(e.fonts);
+	$i(n);
+	let a = Xi(n, e.shadowDom ?? !0), o = c(null);
+	e.layout && (e.layout = kn(e.layout, e.mergeTags), oe(e.layout)), e.content && (e.content = kn(e.content, e.mergeTags), se(e.content), G(e.content));
 	let s = k({ setup() {
-		return () => P(ji, {
+		return () => P(Hi, {
 			config: e,
 			translations: r,
 			fontsManager: i,
@@ -2561,17 +2581,17 @@ async function Wi(e, t) {
 			ref: o
 		});
 	} });
-	s.mount(a.target), Bi.set(n, {
+	s.mount(a.target), Zi.set(n, {
 		app: s,
 		editorRef: o,
 		cleanup: a.cleanup
-	}), Vi = n;
+	}), Qi = n;
 	let l = {
 		getContent() {
-			return V(o.value ? o.value.getContent() : e.content ?? J(e.fonts?.defaultFont, Jt(e)));
+			return K(o.value ? o.value.getContent() : e.content ?? U(e.fonts?.defaultFont, sn(e)));
 		},
 		setContent(t) {
-			let n = _n(t, e.mergeTags);
+			let n = kn(t, e.mergeTags);
 			o.value && o.value.setContent(n), e.content = n;
 		},
 		setTheme(e) {
@@ -2587,11 +2607,11 @@ async function Wi(e, t) {
 				tags: t
 			};
 		},
-		unmount: () => Hi(n),
+		unmount: () => $i(n),
 		create(t) {
 			return o.value ? o.value.create(t?.content ? {
 				...t,
-				content: _n(t.content, e.mergeTags)
+				content: kn(t.content, e.mergeTags)
 			} : t) : Promise.reject(/* @__PURE__ */ Error("[Templatical] Editor not ready"));
 		},
 		load(e) {
@@ -2611,31 +2631,35 @@ async function Wi(e, t) {
 		},
 		toMjml: () => u.toMjml(),
 		toHtml: () => u.toHtml()
-	}, u = Pi({
+	}, u = Gi({
 		provider: e.render,
-		buildPayload: () => Ni({
+		buildPayload: () => Wi({
 			getContent: () => l.getContent(),
 			renderCustomBlock: (e) => l.renderCustomBlock(e),
-			getFonts: () => Mi(i)
+			getFonts: () => Ui(i),
+			getLayout: () => e.layout
 		}),
-		renderLocalMjml: () => rn({
+		renderLocalMjml: () => gn({
 			getContent: () => l.getContent(),
 			renderCustomBlock: (e) => l.renderCustomBlock(e),
 			getCustomBlockStylesheet: (e) => l.getCustomBlockStylesheet(e),
-			getFonts: () => Mi(i),
-			socialIconsBaseUrl: e.socialIconsBaseUrl
+			getFonts: () => Ui(i),
+			socialIconsBaseUrl: e.socialIconsBaseUrl,
+			getLayout: () => e.layout
 		})
 	});
 	return l;
 }
-async function Gi(e) {
-	let [{ bootstrapCloud: t }, n] = await Promise.all([import("./chunks/createCloudRuntime-D5bXzcTe.js"), Ce(e.locale ?? "en")]), { runtime: r, providers: i, user: a } = await t({
+async function na(e) {
+	let [{ bootstrapCloud: t }, n] = await Promise.all([import("./chunks/createCloudRuntime-COUxbPvd.js"), Ce(e.locale ?? "en")]), { runtime: r, providers: i, user: a } = await t({
 		config: e,
 		cloudTranslations: n
 	});
-	return Wi({
+	return ta({
 		container: e.container,
 		content: e.content,
+		layout: e.layout,
+		sectionWrapper: e.sectionWrapper,
 		shadowDom: e.shadowDom,
 		locale: e.locale,
 		uiTheme: e.uiTheme,
@@ -2675,10 +2699,10 @@ async function Gi(e) {
 		user: a
 	}, r);
 }
-function Ki() {
-	Vi && Hi(Vi);
+function ra() {
+	Qi && $i(Qi);
 }
 //#endregion
-export { X as createLocalStorageMediaProvider, ee as createLocalStorageSavedBlocksProvider, de as getBaseLocale, ue as getSupportedCloudLocales, pe as getSupportedLocales, Ui as init, Gi as initCloud, we as isCloudLocaleSupported, le as isLocaleSupported, Ki as unmount, Fe as useFonts };
+export { Y as applyLayout, U as createDefaultTemplateContent, le as createLocalStorageMediaProvider, ue as createLocalStorageSavedBlocksProvider, V as createParagraphBlock, W as createSlotBlock, q as createWrapperBlock, xe as getBaseLocale, Te as getSupportedCloudLocales, Ie as getSupportedLocales, ea as init, na as initCloud, be as isCloudLocaleSupported, Fe as isLocaleSupported, X as isSlot, ae as isWrapper, R as layoutWrapsSlot, ra as unmount, Ee as useFonts, oe as validateLayout };
 
 //# sourceMappingURL=editor.js.map