@skylivellc/lienzo-editor 0.4.0 → 0.5.0

package/dist/{LienzoEditor-luruvISU.js → LienzoEditor-BeJz8Srw.js}

@@ -1099,6 +1099,12 @@ var Zt = {
 	"section.generateMobile": "Generate phone layout",
 	"section.heightDesktop": "Desktop height",
 	"section.heightMobile": "Phone height",
+	"fill.video": "Video",
+	"section.video": "Video address",
+	"section.videoHint": "An https link to an .mp4 or .webm file. It plays muted and on a loop.",
+	"section.poster": "Image while the video loads",
+	"section.wide": "Edge to edge",
+	"section.wideHint": "The section spans the screen instead of the theme's width.",
 	"section.background": "Background",
 	"section.color": "Section color",
 	"section.image": "Background image",
@@ -1629,6 +1635,12 @@ var Zt = {
 	"section.generateMobile": "Generar vista de celular",
 	"section.heightDesktop": "Alto escritorio",
 	"section.heightMobile": "Alto celular",
+	"fill.video": "Video",
+	"section.video": "Dirección del video",
+	"section.videoHint": "Un enlace https a un archivo .mp4 o .webm. Se reproduce en silencio y en bucle.",
+	"section.poster": "Imagen mientras carga el video",
+	"section.wide": "De borde a borde",
+	"section.wideHint": "La sección ocupa toda la pantalla en vez del ancho del tema.",
 	"section.background": "Fondo",
 	"section.color": "Color de la sección",
 	"section.image": "Imagen de fondo",
@@ -3594,7 +3606,7 @@ function En(e, t) {
 }
 //#endregion
 //#region ../core/dist/lienzo.css?raw
-var Dn = ".lz-page,.lz-page *{box-sizing:border-box}\nhtml:has(.lz-page){scroll-behavior:smooth}\n@media (prefers-reduced-motion:reduce){html:has(.lz-page){scroll-behavior:auto}}\n.lz-page{margin:0;container:lz/inline-size;background:var(--background);color:var(--text);font-family:var(--font-body)}\n.lz-notice{position:fixed;z-index:99;top:16px;left:50%;transform:translateX(-50%);background:var(--primary);color:var(--background);padding:12px 20px;border-radius:var(--radius);box-shadow:0 12px 32px rgba(15,23,42,.2)}\n.lz-section{position:relative;width:100%;scroll-margin-top:calc(var(--sticky,0) * 1px);background:var(--sbg,transparent)}\n.lz-section[data-fill=linear]{background:linear-gradient(calc(var(--sga,135) * 1deg),var(--sg1),var(--sg2))}\n.lz-section[data-fill=radial]{background:radial-gradient(circle at 50% 50%,var(--sg1),var(--sg2))}\n.lz-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\n.lz-bg::before{content:'';position:absolute;inset:0;background:var(--background)}\n.lz-parallax{position:absolute;inset:0;clip-path:inset(0)}\n.lz-parallax>.lz-bg{position:fixed}\n.lz-overlay{position:absolute;inset:0;background:rgb(0 0 0 / calc(var(--ov) * 100%))}\n.lz-frame{position:relative;height:calc(var(--fh) * var(--u))}\n.lz-section>.lz-frame{margin:0 auto;max-width:var(--max-width);container-type:inline-size;--u:calc(min(100cqw,var(--ref) * 1px) / var(--ref))}\n.lz-el{position:absolute;margin:0;display:block;overflow-wrap:break-word;left:calc(var(--x) * 1%);top:calc(var(--y) * var(--u));width:calc(var(--w) * 1%);height:calc(var(--h) * var(--u));z-index:var(--z);--_border:calc(var(--bw) * var(--u)) solid var(--bc,var(--text));--_fill:color-mix(in srgb,var(--bg) calc(var(--ba,1) * 100%),transparent);--_rot:rotate(calc(var(--rot) * 1deg));--_blur:blur(calc(var(--blur) * var(--u)));--_p:calc(var(--p) * var(--u));color:var(--c);background:var(--_fill);-webkit-backdrop-filter:var(--_blur);backdrop-filter:var(--_blur);font-family:var(--font-body);font-size:calc(var(--fs) * var(--u));font-weight:var(--fw);line-height:var(--lh);border:var(--_border,0);border-radius:calc(var(--r) * var(--u));padding:var(--_p,0);opacity:var(--op);transform:var(--_rot,) var(--_flip,) var(--_anim,)}\n.lz-el[data-font=heading]{font-family:var(--font-heading)}\n.lz-el[data-align=left]{text-align:left}\n.lz-el[data-align=center]{text-align:center}\n.lz-el[data-align=right]{text-align:right}\n.lz-el[data-fill=linear]{background:linear-gradient(calc(var(--ga,135) * 1deg),color-mix(in srgb,var(--g1) calc(var(--ba,1) * 100%),transparent),color-mix(in srgb,var(--g2) calc(var(--ba,1) * 100%),transparent))}\n.lz-el[data-fill=radial]{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--g1) calc(var(--ba,1) * 100%),transparent),color-mix(in srgb,var(--g2) calc(var(--ba,1) * 100%),transparent))}\n.lz-el[data-shadow=sm]{box-shadow:0 1px 2px rgba(15,23,42,.08)}\n.lz-el[data-shadow=md]{box-shadow:0 8px 24px rgba(15,23,42,.12)}\n.lz-el[data-shadow=lg]{box-shadow:0 24px 48px rgba(15,23,42,.18)}\n.lz-el[data-shadow=custom]{box-shadow:calc(var(--shx,0) * var(--u)) calc(var(--shy,12) * var(--u)) calc(var(--shb,32) * var(--u)) calc(var(--shs,0) * var(--u)) color-mix(in srgb,var(--shc,var(--secondary)) calc(var(--sha,.2) * 100%),transparent)}\n.lz-el[data-clip]:not([data-overflow]),.lz-el[data-overflow=hidden]{overflow:hidden}\n.lz-el[data-pin]{position:fixed;z-index:calc(var(--z) + 500);left:calc(50% - var(--ref) * var(--u) / 2 + var(--x) * var(--ref) * var(--u) / 100);top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--ref) * var(--u) / 100)}\n.lz-el[data-overflow=scroll-x]{overflow-x:auto;overflow-y:hidden}\n.lz-el[data-overflow=scroll-y]{overflow-y:auto;overflow-x:hidden}\n.lz-el[data-flip-x],.lz-el[data-flip-y]{--_flip:scale(var(--_fx,1),var(--_fy,1))}\n.lz-el[data-flip-x]{--_fx:-1}\n.lz-el[data-flip-y]{--_fy:-1}\n@container lz not (max-width:640px){.lz-el[data-visible=mobile]{display:none}}\n.lz-accent{color:var(--ac)}\n@media (prefers-reduced-motion:no-preference){.lz-el[data-anim]{opacity:0;transition:opacity calc(var(--adur,.7) * 1s) ease calc(var(--ad,0) * 1s),transform calc(var(--adur,.7) * 1s) cubic-bezier(.22,.61,.36,1) calc(var(--ad,0) * 1s)}.lz-el[data-anim=up]{--_anim:translateY(28px)}.lz-el[data-anim=down]{--_anim:translateY(-28px)}.lz-el[data-anim=left]{--_anim:translateX(-32px)}.lz-el[data-anim=right]{--_anim:translateX(32px)}.lz-el[data-anim=zoom]{--_anim:scale(.94)}.lz-el[data-anim].is-in{opacity:var(--op,1);--_anim:initial}}\n@media (scripting:none){.lz-el[data-anim]{opacity:var(--op,1)!important;--_anim:initial!important}}\n.lz-el[data-hover]{transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}\n@media (hover:hover){.lz-el[data-hover=lift]:hover{transform:var(--_rot,) var(--_flip,) translateY(calc(-6 * var(--u)));box-shadow:0 18px 40px rgba(15,23,42,.18)}.lz-el[data-hover=grow]:hover{transform:var(--_rot,) var(--_flip,) scale(1.04)}.lz-el[data-hover=fade]:hover{opacity:.82}}\nimg.lz-el{object-fit:cover}\nimg.lz-el[data-fit=contain]{object-fit:contain}\na.lz-el,button.lz-el{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}\nbutton.lz-el{cursor:pointer;padding:var(--_p,1px 6px)}\n.lz-divider{border:var(--_border,none);border-top:var(--_border,1px solid currentColor)}\n.lz-video iframe{width:100%;height:100%;border:0;border-radius:inherit}\n.lz-el[data-shape=ellipse]{border-radius:50%}\n.lz-el[data-shape=triangle]{clip-path:polygon(50% 0,100% 100%,0 100%)}\n.lz-el[data-shape=blob]{border-radius:42% 58% 63% 37% / 43% 38% 62% 57%}\n.lz-el[data-shape=arch]{border-radius:50% 50% 0 0 / 65% 65% 0 0}\n.lz-el[data-shape=diagonal]{clip-path:polygon(0 0,100% 0,100% 72%,0 100%)}\n.lz-el[data-shape=dots]{background-image:radial-gradient(currentColor calc(1.6 * var(--u)),transparent calc(1.7 * var(--u)));background-size:calc(16 * var(--u)) calc(16 * var(--u))}\n.lz-el[data-shape=grid]{background-image:linear-gradient(currentColor calc(1 * var(--u)),transparent calc(1 * var(--u))),linear-gradient(90deg,currentColor calc(1 * var(--u)),transparent calc(1 * var(--u)));background-size:calc(24 * var(--u)) calc(24 * var(--u))}\n.lz-icon{display:grid;place-items:center}\n.lz-icon svg{width:100%;height:100%}\n.lz-navbar{display:flex;align-items:center;gap:calc(24 * var(--u))}\n.lz-navbar[data-sticky]{position:fixed;left:50%;translate:-50% 0;width:min(100%,var(--max-width));top:0;transition:background .25s ease,box-shadow .25s ease,height .25s ease,backdrop-filter .25s ease}\n.lz-navbar[data-scrolled]{box-shadow:0 8px 24px rgba(15,23,42,.1)}\n.lz-navbar[data-scrolled][data-scroll]{box-shadow:0 10px 30px rgba(15,23,42,.12)}\n.lz-navbar[data-scrolled]:is([data-scroll=solid],[data-scroll=compact]){background:var(--bg,var(--background));-webkit-backdrop-filter:none;backdrop-filter:none}\n.lz-navbar[data-scrolled][data-scroll=compact]{height:calc(var(--h) * .78 * var(--u))}\n.lz-navbar-brand{font-family:var(--font-heading);font-weight:700;font-size:1.15em;white-space:nowrap}\n.lz-navbar[data-template=pill]{border-radius:999px;padding:0 calc(26 * var(--u));background:var(--bg,var(--surface))}\n.lz-navbar[data-template=card]{border-radius:calc(var(--r,14) * var(--u));padding:0 calc(22 * var(--u));background:var(--bg,var(--background));box-shadow:0 10px 30px rgba(15,23,42,.1)}\n.lz-navbar[data-template=underline]{border-bottom:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 18%,transparent)}\n.lz-navbar[data-template=underline] a{padding-bottom:calc(4 * var(--u));border-bottom:calc(2 * var(--u)) solid transparent}\n.lz-navbar[data-template=underline] a:hover{opacity:1;border-bottom-color:currentColor}\n.lz-navbar[data-template=divided] .lz-navbar-links{gap:0}\n.lz-navbar[data-template=divided] .lz-navbar-links a{padding:0 calc(18 * var(--u));border-left:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 20%,transparent)}\n.lz-navbar[data-template=divided] .lz-navbar-links a:first-child{border-left:0}\n.lz-navbar-links{display:flex;align-items:center;gap:calc(22 * var(--u));margin-left:auto}\n.lz-navbar[data-layout=left] .lz-navbar-links,.lz-navbar[data-layout=center] .lz-navbar-links{margin-left:0}\n.lz-navbar[data-layout=center]{justify-content:center}\n.lz-navbar a{color:inherit;text-decoration:none;white-space:nowrap}\n.lz-navbar a:hover{opacity:.7}\n.lz-navbar-menu{display:none;position:relative;margin-left:auto}\n.lz-navbar-menu summary{list-style:none;cursor:pointer;font-size:1.5em;line-height:1}\n.lz-navbar-menu summary::-webkit-details-marker{display:none}\n.lz-navbar-drop{position:absolute;z-index:60;top:100%;right:0;display:grid;gap:12px;min-width:160px;margin-top:8px;padding:14px 16px;background:var(--surface);color:var(--text);border-radius:var(--radius);box-shadow:0 12px 32px rgba(15,23,42,.18)}\n.lz-field{display:flex;flex-direction:column;gap:4px;justify-content:center;text-align:left}\n.lz-field>span{font-size:.78em;opacity:.75}\n.lz-field>span i{font-style:normal;color:#dc2626;margin-left:2px}\n.lz-field input,.lz-field select,.lz-field textarea{font:inherit;color:inherit;width:100%;flex:1;min-height:0;background:transparent;border:0;padding:0;outline:none;resize:none}\n.lz-choices-list{display:flex;flex-wrap:wrap;gap:10px 18px;overflow:auto}\n.lz-choices-list label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}\n.lz-choices-list input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--primary)}\n.lz-field-check{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}\n.lz-field-check input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--primary)}\n.lz-field-error{position:absolute;top:100%;left:0;margin-top:2px;font-size:12px;font-style:normal;color:#dc2626}\n.lz-stack-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:24px 20px 0;background:var(--background)}\n.lz-stack-nav button{font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid color-mix(in srgb,var(--muted) 35%,transparent);border-radius:999px;background:transparent;color:var(--muted);transition:background .2s ease,color .2s ease}\n.lz-stack-nav button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--background)}\n.lz-stack-nav i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:color-mix(in srgb,currentColor 18%,transparent);font-size:.8em}\n.lz-stack-panel{display:none}\n.lz-stack-panel[data-on]{display:block}\n.lz-modal{border:none;border-radius:var(--radius);padding:0;max-width:calc(100% - 2rem);max-height:calc(100dvh - 3rem);color:var(--text);font-family:var(--font-body);overflow:auto;width:min(calc(var(--dw) * 1px),calc(100vw - 2rem));--u:calc(min(100vw - 2rem,var(--dw) * 1px) / var(--dw));background:var(--dbg,var(--background))}\n.lz-modal[data-size=full]{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;--u:calc(min(100vw,var(--dw) * 1px) / var(--dw))}\n.lz-modal::backdrop{background:rgba(15,23,42,.5)}\n.lz-modal .lz-frame{overflow:hidden}\n.lz-modal-bar{display:flex;align-items:center;gap:calc(12 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u)) calc(8 * var(--u)) calc(18 * var(--u))}\n.lz-modal-title{margin:0;font-family:var(--font-heading);font-size:calc(20 * var(--u));font-weight:700}\n.lz-modal-close{margin-left:auto;width:calc(34 * var(--u));height:calc(34 * var(--u));display:grid;place-items:center;font:inherit;font-size:calc(20 * var(--u));line-height:1;color:var(--text);background:var(--surface);border:0;border-radius:999px;cursor:pointer}\n.lz-modal-close:hover{opacity:.8}\n.lz-placeholder{display:grid;place-items:center;padding:8px;border:1px dashed currentColor;font:12px/1.3 system-ui,sans-serif;opacity:.6}\n@container lz (max-width:640px){.lz-section>.lz-frame{--u:calc(min(100cqw,390px) / 390)}.lz-frame{height:calc(var(--fmh) * var(--u))}.lz-frame[data-stack]{height:auto;padding:32px 20px;display:flex;flex-direction:column;gap:20px}.lz-frame:not([data-stack]) .lz-el{position:absolute;left:calc(var(--mx) * 1%);top:calc(var(--my) * var(--u));width:calc(var(--mw) * 1%);height:calc(var(--mh) * var(--u))}.lz-frame[data-stack] .lz-el{position:static;width:auto;height:auto;order:var(--ord)}.lz-el[data-visible=desktop]{display:none}.lz-parallax>.lz-bg{position:absolute}.lz-navbar-links{display:none}.lz-navbar-menu{display:block}.lz-el{max-width:100%;min-width:0}img.lz-el{height:auto}.lz-icon{width:max-content}.lz-icon svg{width:calc(36 * var(--u));height:calc(36 * var(--u))}}\n", On = "\nhtml,body{margin:0}\nbody{overflow:hidden}\n.lz-el{cursor:default;user-select:none;-webkit-user-select:none}\n.lz-el[contenteditable]{cursor:text;user-select:text;-webkit-user-select:text;outline:none}\n.lz-el iframe,.lz-el input,.lz-el select,.lz-el textarea,.lz-el summary,.lz-el a,.lz-el button{pointer-events:none}\n.lz-navbar[data-sticky]{position:absolute;translate:none;left:calc(var(--x) * 1%);top:calc(var(--y) * var(--u));width:calc(var(--w) * 1%)}\n@container lz (max-width:640px){\n.lz-frame:not([data-stack]) .lz-navbar[data-sticky]{left:calc(var(--mx) * 1%);top:calc(var(--my) * var(--u));width:calc(var(--mw) * 1%)}\n.lz-frame[data-stack] .lz-navbar[data-sticky]{position:static;width:auto}\n}\n.lz-parallax>.lz-bg{position:absolute}\n.lz-stack-nav button{cursor:pointer}\nimg.lz-el[src=\"\"]::before,.lz-video:empty::before{position:absolute;inset:0;display:grid;place-items:center;padding:8px;text-align:center;border:1px dashed #94a3b8;border-radius:inherit;background:#f8fafc;color:#64748b;font:12px/1.3 system-ui,sans-serif}\nimg.lz-el[src=\"\"]::before{content:var(--lze-empty-image)}\n.lz-frame[data-stack] img.lz-el[src=\"\"]{position:relative;min-height:120px}\n.lz-video:empty::before{content:var(--lze-empty-video)}\n.lze-app-placeholder{display:grid;place-items:center;height:100%;padding:8px;text-align:center;border:1px dashed #94a3b8;border-radius:inherit;background:#f8fafc;color:#64748b;font:12px/1.3 system-ui,sans-serif}\n.lze-app-placeholder[data-status=loading]{animation:lze-pulse 1.2s ease-in-out infinite}\n@keyframes lze-pulse{50%{opacity:.55}}\nbody[data-lze-modal] .lz-section,body[data-lze-modal] .lz-stack,body[data-lze-modal] .lz-notice{display:none}\nbody[data-lze-modal] dialog.lz-modal[data-lze-open]{display:block;position:static;margin:16px auto;max-height:none;overflow:visible;box-shadow:0 12px 40px rgba(15,23,42,.18)}\nbody[data-lze-modal] dialog.lz-modal[data-lze-open][data-size=full]{margin:0}\n";
+var Dn = ".lz-page,.lz-page *{box-sizing:border-box}\nhtml:has(.lz-page){scroll-behavior:smooth}\n@media (prefers-reduced-motion:reduce){html:has(.lz-page){scroll-behavior:auto}}\n.lz-page{margin:0;container:lz/inline-size;background:var(--background);color:var(--text);font-family:var(--font-body)}\n.lz-notice{position:fixed;z-index:99;top:16px;left:50%;transform:translateX(-50%);background:var(--primary);color:var(--background);padding:12px 20px;border-radius:var(--radius);box-shadow:0 12px 32px rgba(15,23,42,.2)}\n.lz-section{position:relative;width:100%;scroll-margin-top:calc(var(--sticky,0) * 1px);background:var(--sbg,transparent)}\n.lz-section[data-fill=linear]{background:linear-gradient(calc(var(--sga,135) * 1deg),var(--sg1),var(--sg2))}\n.lz-section[data-fill=radial]{background:radial-gradient(circle at 50% 50%,var(--sg1),var(--sg2))}\n.lz-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\n.lz-bg::before{content:'';position:absolute;inset:0;background:var(--background)}\n.lz-parallax{position:absolute;inset:0;clip-path:inset(0)}\n.lz-parallax>.lz-bg{position:fixed}\n.lz-section[data-wide]>.lz-frame{max-width:none}\n.lz-overlay{position:absolute;inset:0;background:rgb(0 0 0 / calc(var(--ov) * 100%))}\n.lz-frame{position:relative;height:calc(var(--fh) * var(--u))}\n.lz-section>.lz-frame{margin:0 auto;max-width:var(--max-width);container-type:inline-size;--u:calc(min(100cqw,var(--ref) * 1px) / var(--ref))}\n.lz-el{position:absolute;margin:0;display:block;overflow-wrap:break-word;left:calc(var(--x) * 1%);top:calc(var(--y) * var(--u));width:calc(var(--w) * 1%);height:calc(var(--h) * var(--u));z-index:var(--z);--_border:calc(var(--bw) * var(--u)) solid var(--bc,var(--text));--_fill:color-mix(in srgb,var(--bg) calc(var(--ba,1) * 100%),transparent);--_rot:rotate(calc(var(--rot) * 1deg));--_blur:blur(calc(var(--blur) * var(--u)));--_p:calc(var(--p) * var(--u));color:var(--c);background:var(--_fill);-webkit-backdrop-filter:var(--_blur);backdrop-filter:var(--_blur);font-family:var(--font-body);font-size:calc(var(--fs) * var(--u));font-weight:var(--fw);line-height:var(--lh);border:var(--_border,0);border-radius:calc(var(--r) * var(--u));padding:var(--_p,0);opacity:var(--op);transform:var(--_rot,) var(--_flip,) var(--_anim,)}\n.lz-el[data-font=heading]{font-family:var(--font-heading)}\n.lz-el[data-align=left]{text-align:left}\n.lz-el[data-align=center]{text-align:center}\n.lz-el[data-align=right]{text-align:right}\n.lz-el[data-fill=linear]{background:linear-gradient(calc(var(--ga,135) * 1deg),color-mix(in srgb,var(--g1) calc(var(--ba,1) * 100%),transparent),color-mix(in srgb,var(--g2) calc(var(--ba,1) * 100%),transparent))}\n.lz-el[data-fill=radial]{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--g1) calc(var(--ba,1) * 100%),transparent),color-mix(in srgb,var(--g2) calc(var(--ba,1) * 100%),transparent))}\n.lz-el[data-shadow=sm]{box-shadow:0 1px 2px rgba(15,23,42,.08)}\n.lz-el[data-shadow=md]{box-shadow:0 8px 24px rgba(15,23,42,.12)}\n.lz-el[data-shadow=lg]{box-shadow:0 24px 48px rgba(15,23,42,.18)}\n.lz-el[data-shadow=custom]{box-shadow:calc(var(--shx,0) * var(--u)) calc(var(--shy,12) * var(--u)) calc(var(--shb,32) * var(--u)) calc(var(--shs,0) * var(--u)) color-mix(in srgb,var(--shc,var(--secondary)) calc(var(--sha,.2) * 100%),transparent)}\n.lz-el[data-clip]:not([data-overflow]),.lz-el[data-overflow=hidden]{overflow:hidden}\n.lz-el[data-pin]{position:fixed;z-index:calc(var(--z) + 500);left:calc(50% - var(--ref) * var(--u) / 2 + var(--x) * var(--ref) * var(--u) / 100);top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--ref) * var(--u) / 100)}\n.lz-el[data-overflow=scroll-x]{overflow-x:auto;overflow-y:hidden}\n.lz-el[data-overflow=scroll-y]{overflow-y:auto;overflow-x:hidden}\n.lz-el[data-flip-x],.lz-el[data-flip-y]{--_flip:scale(var(--_fx,1),var(--_fy,1))}\n.lz-el[data-flip-x]{--_fx:-1}\n.lz-el[data-flip-y]{--_fy:-1}\n@container lz not (max-width:640px){.lz-el[data-visible=mobile]{display:none}}\n.lz-accent{color:var(--ac)}\n@media (prefers-reduced-motion:no-preference){.lz-el[data-anim]{opacity:0;transition:opacity calc(var(--adur,.7) * 1s) ease calc(var(--ad,0) * 1s),transform calc(var(--adur,.7) * 1s) cubic-bezier(.22,.61,.36,1) calc(var(--ad,0) * 1s)}.lz-el[data-anim=up]{--_anim:translateY(28px)}.lz-el[data-anim=down]{--_anim:translateY(-28px)}.lz-el[data-anim=left]{--_anim:translateX(-32px)}.lz-el[data-anim=right]{--_anim:translateX(32px)}.lz-el[data-anim=zoom]{--_anim:scale(.94)}.lz-el[data-anim].is-in{opacity:var(--op,1);--_anim:initial}}\n@media (scripting:none){.lz-el[data-anim]{opacity:var(--op,1)!important;--_anim:initial!important}}\n.lz-el[data-hover]{transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}\n@media (hover:hover){.lz-el[data-hover=lift]:hover{transform:var(--_rot,) var(--_flip,) translateY(calc(-6 * var(--u)));box-shadow:0 18px 40px rgba(15,23,42,.18)}.lz-el[data-hover=grow]:hover{transform:var(--_rot,) var(--_flip,) scale(1.04)}.lz-el[data-hover=fade]:hover{opacity:.82}}\nimg.lz-el{object-fit:cover}\nimg.lz-el[data-fit=contain]{object-fit:contain}\na.lz-el,button.lz-el{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}\nbutton.lz-el{cursor:pointer;padding:var(--_p,1px 6px)}\n.lz-divider{border:var(--_border,none);border-top:var(--_border,1px solid currentColor)}\n.lz-video iframe{width:100%;height:100%;border:0;border-radius:inherit}\n.lz-el[data-shape=ellipse]{border-radius:50%}\n.lz-el[data-shape=triangle]{clip-path:polygon(50% 0,100% 100%,0 100%)}\n.lz-el[data-shape=blob]{border-radius:42% 58% 63% 37% / 43% 38% 62% 57%}\n.lz-el[data-shape=arch]{border-radius:50% 50% 0 0 / 65% 65% 0 0}\n.lz-el[data-shape=diagonal]{clip-path:polygon(0 0,100% 0,100% 72%,0 100%)}\n.lz-el[data-shape=dots]{background-image:radial-gradient(currentColor calc(1.6 * var(--u)),transparent calc(1.7 * var(--u)));background-size:calc(16 * var(--u)) calc(16 * var(--u))}\n.lz-el[data-shape=grid]{background-image:linear-gradient(currentColor calc(1 * var(--u)),transparent calc(1 * var(--u))),linear-gradient(90deg,currentColor calc(1 * var(--u)),transparent calc(1 * var(--u)));background-size:calc(24 * var(--u)) calc(24 * var(--u))}\n.lz-icon{display:grid;place-items:center}\n.lz-icon svg{width:100%;height:100%}\n.lz-navbar{display:flex;align-items:center;gap:calc(24 * var(--u))}\n.lz-navbar[data-sticky]{position:fixed;left:50%;translate:-50% 0;width:min(100%,var(--max-width));top:0;transition:background .25s ease,box-shadow .25s ease,height .25s ease,backdrop-filter .25s ease}\n.lz-navbar[data-scrolled]{box-shadow:0 8px 24px rgba(15,23,42,.1)}\n.lz-navbar[data-scrolled][data-scroll]{box-shadow:0 10px 30px rgba(15,23,42,.12)}\n.lz-navbar[data-scrolled]:is([data-scroll=solid],[data-scroll=compact]){background:var(--bg,var(--background));-webkit-backdrop-filter:none;backdrop-filter:none}\n.lz-navbar[data-scrolled][data-scroll=compact]{height:calc(var(--h) * .78 * var(--u))}\n.lz-navbar-brand{font-family:var(--font-heading);font-weight:700;font-size:1.15em;white-space:nowrap}\n.lz-navbar[data-template=pill]{border-radius:999px;padding:0 calc(26 * var(--u));background:var(--bg,var(--surface))}\n.lz-navbar[data-template=card]{border-radius:calc(var(--r,14) * var(--u));padding:0 calc(22 * var(--u));background:var(--bg,var(--background));box-shadow:0 10px 30px rgba(15,23,42,.1)}\n.lz-navbar[data-template=underline]{border-bottom:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 18%,transparent)}\n.lz-navbar[data-template=underline] a{padding-bottom:calc(4 * var(--u));border-bottom:calc(2 * var(--u)) solid transparent}\n.lz-navbar[data-template=underline] a:hover{opacity:1;border-bottom-color:currentColor}\n.lz-navbar[data-template=divided] .lz-navbar-links{gap:0}\n.lz-navbar[data-template=divided] .lz-navbar-links a{padding:0 calc(18 * var(--u));border-left:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 20%,transparent)}\n.lz-navbar[data-template=divided] .lz-navbar-links a:first-child{border-left:0}\n.lz-navbar-links{display:flex;align-items:center;gap:calc(22 * var(--u));margin-left:auto}\n.lz-navbar[data-layout=left] .lz-navbar-links,.lz-navbar[data-layout=center] .lz-navbar-links{margin-left:0}\n.lz-navbar[data-layout=center]{justify-content:center}\n.lz-navbar a{color:inherit;text-decoration:none;white-space:nowrap}\n.lz-navbar a:hover{opacity:.7}\n.lz-navbar-menu{display:none;position:relative;margin-left:auto}\n.lz-navbar-menu summary{list-style:none;cursor:pointer;font-size:1.5em;line-height:1}\n.lz-navbar-menu summary::-webkit-details-marker{display:none}\n.lz-navbar-drop{position:absolute;z-index:60;top:100%;right:0;display:grid;gap:12px;min-width:160px;margin-top:8px;padding:14px 16px;background:var(--surface);color:var(--text);border-radius:var(--radius);box-shadow:0 12px 32px rgba(15,23,42,.18)}\n.lz-field{display:flex;flex-direction:column;gap:4px;justify-content:center;text-align:left}\n.lz-field>span{font-size:.78em;opacity:.75}\n.lz-field>span i{font-style:normal;color:#dc2626;margin-left:2px}\n.lz-field input,.lz-field select,.lz-field textarea{font:inherit;color:inherit;width:100%;flex:1;min-height:0;background:transparent;border:0;padding:0;outline:none;resize:none}\n.lz-choices-list{display:flex;flex-wrap:wrap;gap:10px 18px;overflow:auto}\n.lz-choices-list label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}\n.lz-choices-list input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--primary)}\n.lz-field-check{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}\n.lz-field-check input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--primary)}\n.lz-field-error{position:absolute;top:100%;left:0;margin-top:2px;font-size:12px;font-style:normal;color:#dc2626}\n.lz-stack-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:24px 20px 0;background:var(--background)}\n.lz-stack-nav button{font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid color-mix(in srgb,var(--muted) 35%,transparent);border-radius:999px;background:transparent;color:var(--muted);transition:background .2s ease,color .2s ease}\n.lz-stack-nav button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--background)}\n.lz-stack-nav i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:color-mix(in srgb,currentColor 18%,transparent);font-size:.8em}\n.lz-stack-panel{display:none}\n.lz-stack-panel[data-on]{display:block}\n.lz-modal{border:none;border-radius:var(--radius);padding:0;max-width:calc(100% - 2rem);max-height:calc(100dvh - 3rem);color:var(--text);font-family:var(--font-body);overflow:auto;width:min(calc(var(--dw) * 1px),calc(100vw - 2rem));--u:calc(min(100vw - 2rem,var(--dw) * 1px) / var(--dw));background:var(--dbg,var(--background))}\n.lz-modal[data-size=full]{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;--u:calc(min(100vw,var(--dw) * 1px) / var(--dw))}\n.lz-modal::backdrop{background:rgba(15,23,42,.5)}\n.lz-modal .lz-frame{overflow:hidden}\n.lz-modal-bar{display:flex;align-items:center;gap:calc(12 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u)) calc(8 * var(--u)) calc(18 * var(--u))}\n.lz-modal-title{margin:0;font-family:var(--font-heading);font-size:calc(20 * var(--u));font-weight:700}\n.lz-modal-close{margin-left:auto;width:calc(34 * var(--u));height:calc(34 * var(--u));display:grid;place-items:center;font:inherit;font-size:calc(20 * var(--u));line-height:1;color:var(--text);background:var(--surface);border:0;border-radius:999px;cursor:pointer}\n.lz-modal-close:hover{opacity:.8}\n.lz-placeholder{display:grid;place-items:center;padding:8px;border:1px dashed currentColor;font:12px/1.3 system-ui,sans-serif;opacity:.6}\n@container lz (max-width:640px){.lz-section>.lz-frame{--u:calc(min(100cqw,390px) / 390)}.lz-frame{height:calc(var(--fmh) * var(--u))}.lz-frame[data-stack]{height:auto;padding:32px 20px;display:flex;flex-direction:column;gap:20px}.lz-frame:not([data-stack]) .lz-el{position:absolute;left:calc(var(--mx) * 1%);top:calc(var(--my) * var(--u));width:calc(var(--mw) * 1%);height:calc(var(--mh) * var(--u))}.lz-frame[data-stack] .lz-el{position:static;width:auto;height:auto;order:var(--ord)}.lz-el[data-visible=desktop]{display:none}.lz-parallax>.lz-bg{position:absolute}.lz-navbar-links{display:none}.lz-navbar-menu{display:block}.lz-el{max-width:100%;min-width:0}img.lz-el{height:auto}.lz-icon{width:max-content}.lz-icon svg{width:calc(36 * var(--u));height:calc(36 * var(--u))}}\n", On = "\nhtml,body{margin:0}\nbody{overflow:hidden}\n.lz-el{cursor:default;user-select:none;-webkit-user-select:none}\n.lz-el[contenteditable]{cursor:text;user-select:text;-webkit-user-select:text;outline:none}\n.lz-el iframe,.lz-el input,.lz-el select,.lz-el textarea,.lz-el summary,.lz-el a,.lz-el button{pointer-events:none}\n.lz-navbar[data-sticky]{position:absolute;translate:none;left:calc(var(--x) * 1%);top:calc(var(--y) * var(--u));width:calc(var(--w) * 1%)}\n@container lz (max-width:640px){\n.lz-frame:not([data-stack]) .lz-navbar[data-sticky]{left:calc(var(--mx) * 1%);top:calc(var(--my) * var(--u));width:calc(var(--mw) * 1%)}\n.lz-frame[data-stack] .lz-navbar[data-sticky]{position:static;width:auto}\n}\n.lz-parallax>.lz-bg{position:absolute}\n.lz-stack-nav button{cursor:pointer}\nimg.lz-el[src=\"\"]::before,.lz-video:empty::before{position:absolute;inset:0;display:grid;place-items:center;padding:8px;text-align:center;border:1px dashed #94a3b8;border-radius:inherit;background:#f8fafc;color:#64748b;font:12px/1.3 system-ui,sans-serif}\nimg.lz-el[src=\"\"]::before{content:var(--lze-empty-image)}\n.lz-frame[data-stack] img.lz-el[src=\"\"]{position:relative;min-height:120px}\n.lz-video:empty::before{content:var(--lze-empty-video)}\n.lze-app-placeholder{display:grid;place-items:center;height:100%;padding:8px;text-align:center;border:1px dashed #94a3b8;border-radius:inherit;background:#f8fafc;color:#64748b;font:12px/1.3 system-ui,sans-serif}\n.lze-app-placeholder[data-status=loading]{animation:lze-pulse 1.2s ease-in-out infinite}\n@keyframes lze-pulse{50%{opacity:.55}}\nbody[data-lze-modal] .lz-section,body[data-lze-modal] .lz-stack,body[data-lze-modal] .lz-notice{display:none}\nbody[data-lze-modal] dialog.lz-modal[data-lze-open]{display:block;position:static;margin:16px auto;max-height:none;overflow:visible;box-shadow:0 12px 40px rgba(15,23,42,.18)}\nbody[data-lze-modal] dialog.lz-modal[data-lze-open][data-size=full]{margin:0}\n";
 //#endregion
 //#region src/canvas/render.ts
 function kn(e) {
@@ -8370,7 +8382,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			a("p", oc, T(D(l)("multi.hint")), 1)
 		]));
 	}
-}), cc = { class: "lze-stack" }, lc = { class: "lze-heading" }, uc = { class: "lze-panel-title" }, dc = { class: "lze-row" }, fc = { class: "lze-field" }, pc = /* @__PURE__ */ c({
+}), cc = { class: "lze-stack" }, lc = { class: "lze-heading" }, uc = { class: "lze-panel-title" }, dc = { class: "lze-row" }, fc = { class: "lze-field" }, pc = { class: "lze-hint" }, mc = /* @__PURE__ */ c({
 	__name: "SectionPanel",
 	props: { section: {} },
 	setup(t) {
@@ -8378,7 +8390,8 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			group: O(),
 			label: O(),
 			anchor: O(),
-			background: O()
+			background: O(),
+			video: O()
 		}, f = [
 			{
 				value: "alone",
@@ -8395,7 +8408,8 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 		], p = [
 			"color",
 			"gradient",
-			"image"
+			"image",
+			"video"
 		].map((e) => ({
 			value: e,
 			label: u(`fill.${e}`)
@@ -8415,7 +8429,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			}), l.commit());
 		}
 		function y(e) {
-			c.section.background.image = e ?? null, c.section.background.type = e ? "image" : "color";
+			c.section.background.image = e ?? null, c.section.background.type !== "video" && (c.section.background.type = e ? "image" : "color");
 		}
 		return (c, b) => (_(), i("div", cc, [
 			a("div", lc, [a("h2", uc, T(D(u)("section.heading")), 1), D(l).state.draft.sections.length > 1 ? (_(), n(Ir, {
@@ -8501,6 +8515,13 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				"onUpdate:modelValue": b[9] ||= (e) => t.section.height.mobile = e ?? t.section.height.mobile,
 				onCommit: b[10] ||= (e) => D(l).commit()
 			}, null, 8, ["model-value", "label"])]),
+			s(hi, {
+				modelValue: t.section.wide,
+				"onUpdate:modelValue": b[11] ||= (e) => t.section.wide = e,
+				label: D(u)("section.wide"),
+				onCommit: b[12] ||= (e) => D(l).commit()
+			}, null, 8, ["modelValue", "label"]),
+			a("p", pc, T(D(u)("section.wideHint")), 1),
 			s(J, {
 				id: d.background,
 				label: D(u)("section.background")
@@ -8520,41 +8541,62 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			t.section.background.type === "color" ? (_(), n($, {
 				key: 0,
 				modelValue: t.section.background.color,
-				"onUpdate:modelValue": b[11] ||= (e) => t.section.background.color = e,
+				"onUpdate:modelValue": b[13] ||= (e) => t.section.background.color = e,
 				label: D(u)("section.color"),
-				onCommit: b[12] ||= (e) => D(l).commit()
+				onCommit: b[14] ||= (e) => D(l).commit()
 			}, null, 8, ["modelValue", "label"])) : t.section.background.type === "gradient" ? (_(), n(ss, {
 				key: 1,
 				modelValue: t.section.background.gradient,
-				"onUpdate:modelValue": b[13] ||= (e) => t.section.background.gradient = e,
-				onCommit: b[14] ||= (e) => D(l).commit()
+				"onUpdate:modelValue": b[15] ||= (e) => t.section.background.gradient = e,
+				onCommit: b[16] ||= (e) => D(l).commit()
 			}, null, 8, ["modelValue"])) : (_(), i(e, { key: 2 }, [
+				t.section.background.type === "video" ? (_(), n(J, {
+					key: 0,
+					id: d.video,
+					label: D(u)("section.video"),
+					hint: D(u)("section.videoHint")
+				}, {
+					default: P(() => [s(Y, {
+						id: d.video,
+						modelValue: t.section.background.video,
+						"onUpdate:modelValue": b[17] ||= (e) => t.section.background.video = e,
+						maxlength: 500,
+						placeholder: "https://…/video.mp4",
+						onCommit: b[18] ||= (e) => D(l).commit()
+					}, null, 8, ["id", "modelValue"])]),
+					_: 1
+				}, 8, [
+					"id",
+					"label",
+					"hint"
+				])) : r("", !0),
 				s(ai, {
 					"model-value": t.section.background.image,
-					label: D(u)("section.image"),
+					label: t.section.background.type === "video" ? D(u)("section.poster") : D(u)("section.image"),
 					choose: D(u)("section.chooseImage"),
 					"onUpdate:modelValue": y,
-					onCommit: b[15] ||= (e) => D(l).commit()
+					onCommit: b[19] ||= (e) => D(l).commit()
 				}, null, 8, [
 					"model-value",
 					"label",
 					"choose"
 				]),
-				s(hi, {
+				t.section.background.type === "image" ? (_(), n(hi, {
+					key: 1,
 					modelValue: t.section.background.parallax,
-					"onUpdate:modelValue": b[16] ||= (e) => t.section.background.parallax = e,
+					"onUpdate:modelValue": b[20] ||= (e) => t.section.background.parallax = e,
 					label: D(u)("section.parallax"),
-					onCommit: b[17] ||= (e) => D(l).commit()
-				}, null, 8, ["modelValue", "label"]),
+					onCommit: b[21] ||= (e) => D(l).commit()
+				}, null, 8, ["modelValue", "label"])) : r("", !0),
 				s(Q, {
 					modelValue: t.section.background.overlay,
-					"onUpdate:modelValue": b[18] ||= (e) => t.section.background.overlay = e,
+					"onUpdate:modelValue": b[22] ||= (e) => t.section.background.overlay = e,
 					label: D(u)("section.overlay"),
 					min: 0,
 					max: .8,
 					step: .05,
 					format: (e) => `${Math.round(e * 100)}%`,
-					onCommit: b[19] ||= (e) => D(l).commit()
+					onCommit: b[23] ||= (e) => D(l).commit()
 				}, null, 8, [
 					"modelValue",
 					"label",
@@ -8563,10 +8605,10 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			], 64))
 		]));
 	}
-}), mc = {
+}), hc = {
 	key: 4,
 	class: "lze-hint"
-}, hc = /* @__PURE__ */ c({
+}, gc = /* @__PURE__ */ c({
 	__name: "DesignPanel",
 	setup(e) {
 		let r = K(), a = t(() => {
@@ -8593,18 +8635,18 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 		}, null, 8, ["element"])) : a.value.kind === "modal" ? (_(), n(Xs, {
 			key: a.value.modal.id,
 			modal: a.value.modal
-		}, null, 8, ["modal"])) : a.value.kind === "section" ? (_(), n(pc, {
+		}, null, 8, ["modal"])) : a.value.kind === "section" ? (_(), n(mc, {
 			key: a.value.section.id,
 			section: a.value.section
-		}, null, 8, ["section"])) : (_(), i("p", mc, T(D(r).t("panel.nothing")), 1));
+		}, null, 8, ["section"])) : (_(), i("p", hc, T(D(r).t("panel.nothing")), 1));
 	}
-}), gc = {
+}), _c = {
 	key: 0,
 	class: "lze-stack"
-}, _c = { class: "lze-slug-static" }, vc = { class: "lze-slug" }, yc = { class: "lze-row" }, bc = {
+}, vc = { class: "lze-slug-static" }, yc = { class: "lze-slug" }, bc = { class: "lze-row" }, xc = {
 	key: 2,
 	class: "lze-field lze-divided"
-}, xc = { class: "lze-label" }, Sc = ["onClick"], Cc = { class: "lze-hint" }, wc = { class: "lze-field lze-divided" }, Tc = { class: "lze-label" }, Ec = { class: "lze-shortcuts lze-hint" }, Dc = /* @__PURE__ */ c({
+}, Sc = { class: "lze-label" }, Cc = ["onClick"], wc = { class: "lze-hint" }, Tc = { class: "lze-field lze-divided" }, Ec = { class: "lze-label" }, Dc = { class: "lze-shortcuts lze-hint" }, Oc = /* @__PURE__ */ c({
 	__name: "PagePanel",
 	setup(c) {
 		let l = K(), u = l.t, d = {
@@ -8623,7 +8665,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 		function y() {
 			f.value && window.confirm(u("page.deleteConfirm", { title: f.value.title })) && l.deletePage();
 		}
-		return (t, c) => f.value ? (_(), i("div", gc, [
+		return (t, c) => f.value ? (_(), i("div", _c, [
 			s(J, {
 				id: d.title,
 				label: D(u)("page.title")
@@ -8641,7 +8683,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				label: D(u)("page.address"),
 				hint: D(u)("page.homeHint")
 			}, {
-				default: P(() => [a("p", _c, [c[4] ||= a("span", {
+				default: P(() => [a("p", vc, [c[4] ||= a("span", {
 					class: "lze-slug-root",
 					"aria-hidden": "true"
 				}, "/", -1), o(T(D(u)("page.home")), 1)])]),
@@ -8651,7 +8693,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				label: D(u)("page.address"),
 				error: m.value.map((e) => e.message).join(" ") || null
 			}, {
-				default: P(() => [a("div", vc, [c[5] ||= a("span", { "aria-hidden": "true" }, "/", -1), s(Y, {
+				default: P(() => [a("div", yc, [c[5] ||= a("span", { "aria-hidden": "true" }, "/", -1), s(Y, {
 					id: d.slug,
 					modelValue: p.value,
 					"onUpdate:modelValue": c[1] ||= (e) => p.value = e,
@@ -8667,7 +8709,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				"id",
 				"label",
 				"error"
-			]), a("div", yc, [s(q, {
+			]), a("div", bc, [s(q, {
 				disabled: h.value || p.value.trim() === f.value.slug,
 				onClick: v
 			}, {
@@ -8680,12 +8722,12 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				default: P(() => [o(T(D(u)("page.delete")), 1)]),
 				_: 1
 			})])], 64)),
-			g.value ? (_(), i("div", bc, [a("span", xc, T(D(u)("page.templates")), 1), (_(!0), i(e, null, x(D(dn), (e) => (_(), i("button", {
+			g.value ? (_(), i("div", xc, [a("span", Sc, T(D(u)("page.templates")), 1), (_(!0), i(e, null, x(D(dn), (e) => (_(), i("button", {
 				key: e.key,
 				type: "button",
 				class: "lze-choice",
 				onClick: (t) => D(l).applyPageTemplate(e.key)
-			}, [a("strong", null, T(D(u)(e.name)), 1), a("span", Cc, T(D(u)(e.note)), 1)], 8, Sc))), 128))])) : r("", !0),
+			}, [a("strong", null, T(D(u)(e.name)), 1), a("span", wc, T(D(u)(e.note)), 1)], 8, Cc))), 128))])) : r("", !0),
 			s(J, {
 				id: d.seoTitle,
 				label: D(u)("page.seoTitle"),
@@ -8716,7 +8758,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				}, null, 8, ["id", "modelValue"])]),
 				_: 1
 			}, 8, ["id", "label"]),
-			a("div", wc, [a("span", Tc, T(D(u)("page.shortcuts")), 1), a("ul", Ec, [
+			a("div", Tc, [a("span", Ec, T(D(u)("page.shortcuts")), 1), a("ul", Dc, [
 				a("li", null, T(D(u)("page.shortcutUndo")), 1),
 				a("li", null, T(D(u)("page.shortcutSave")), 1),
 				a("li", null, T(D(u)("page.shortcutCopy")), 1),
@@ -8724,42 +8766,42 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			])])
 		])) : r("", !0);
 	}
-}), Oc = { class: "lze-sidebar lze-right" }, kc = {
+}), kc = { class: "lze-sidebar lze-right" }, Ac = {
 	class: "lze-tabs",
 	role: "tablist"
-}, Ac = ["aria-selected"], jc = ["aria-selected"], Mc = {
+}, jc = ["aria-selected"], Mc = ["aria-selected"], Nc = {
 	class: "lze-scroll lze-pad",
 	role: "tabpanel"
-}, Nc = /* @__PURE__ */ c({
+}, Pc = /* @__PURE__ */ c({
 	__name: "RightPanel",
 	setup(e) {
 		let t = K(), r = b("design");
-		return (e, o) => (_(), i("aside", Oc, [a("div", kc, [a("button", {
+		return (e, o) => (_(), i("aside", kc, [a("div", Ac, [a("button", {
 			type: "button",
 			role: "tab",
 			"aria-selected": r.value === "design",
 			onClick: o[0] ||= (e) => r.value = "design"
-		}, T(D(t).t("panel.design")), 9, Ac), a("button", {
+		}, T(D(t).t("panel.design")), 9, jc), a("button", {
 			type: "button",
 			role: "tab",
 			"aria-selected": r.value === "page",
 			onClick: o[1] ||= (e) => r.value = "page"
-		}, T(D(t).t("panel.page")), 9, jc)]), a("div", Mc, [r.value === "design" ? (_(), n(hc, { key: 0 })) : (_(), n(Dc, { key: 1 }))])]));
+		}, T(D(t).t("panel.page")), 9, Mc)]), a("div", Nc, [r.value === "design" ? (_(), n(gc, { key: 0 })) : (_(), n(Oc, { key: 1 }))])]));
 	}
-}), Pc = { class: "lze-toolbar" }, Fc = { class: "lze-toolbar-group" }, Ic = { class: "lze-site-name" }, Lc = ["aria-label", "value"], Rc = ["value"], zc = ["data-published"], Bc = ["data-tone"], Vc = { class: "lze-toolbar-group" }, Hc = ["aria-label"], Uc = [
+}), Fc = { class: "lze-toolbar" }, Ic = { class: "lze-toolbar-group" }, Lc = { class: "lze-site-name" }, Rc = ["aria-label", "value"], zc = ["value"], Bc = ["data-published"], Vc = ["data-tone"], Hc = { class: "lze-toolbar-group" }, Uc = ["aria-label"], Wc = [
 	"title",
 	"aria-label",
 	"aria-pressed",
 	"onClick"
-], Wc = [
+], Gc = [
 	"title",
 	"aria-label",
 	"disabled"
-], Gc = [
+], Kc = [
 	"title",
 	"aria-label",
 	"disabled"
-], Kc = ["href"], qc = /* @__PURE__ */ c({
+], qc = ["href"], Jc = /* @__PURE__ */ c({
 	__name: "Toolbar",
 	setup(c) {
 		let l = K(), u = l.t, d = t(() => l.state.page), f = new Intl.DateTimeFormat(l.i18n.locale, {
@@ -8812,8 +8854,8 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			let t = e.target;
 			await l.openPage(Number(t.value)), t.value = String(l.state.page?.id ?? "");
 		}
-		return (t, c) => (_(), i("header", Pc, [a("div", Fc, [
-			a("strong", Ic, T(D(l).state.workspace.site.name), 1),
+		return (t, c) => (_(), i("header", Fc, [a("div", Ic, [
+			a("strong", Lc, T(D(l).state.workspace.site.name), 1),
 			d.value ? (_(), i("select", {
 				key: 0,
 				class: "lze-select lze-page-select",
@@ -8823,7 +8865,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			}, [(_(!0), i(e, null, x(D(l).state.workspace.pages, (e) => (_(), i("option", {
 				key: e.id,
 				value: e.id
-			}, T(e.title) + T(e.slug ? ` /${e.slug}` : ""), 9, Rc))), 128))], 40, Lc)) : r("", !0),
+			}, T(e.title) + T(e.slug ? ` /${e.slug}` : ""), 9, zc))), 128))], 40, Rc)) : r("", !0),
 			s(q, {
 				variant: "ghost",
 				title: D(u)("toolbar.newPageHint"),
@@ -8839,13 +8881,13 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				key: 1,
 				class: "lze-badge-status",
 				"data-published": d.value.publishedAt !== null
-			}, T(d.value.publishedAt ? D(u)("status.published") : D(u)("status.unpublished")), 9, zc)) : r("", !0),
+			}, T(d.value.publishedAt ? D(u)("status.published") : D(u)("status.unpublished")), 9, Bc)) : r("", !0),
 			a("span", {
 				class: "lze-save-status",
 				"data-tone": p.value.tone,
 				"data-testid": "save-status",
 				"aria-live": "polite"
-			}, T(p.value.text), 9, Bc),
+			}, T(p.value.text), 9, Vc),
 			p.value.retry ? (_(), n(q, {
 				key: 2,
 				variant: "ghost",
@@ -8862,7 +8904,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				default: P(() => [o(T(D(u)("conflict.reload")), 1)]),
 				_: 1
 			})) : r("", !0)
-		]), a("div", Vc, [
+		]), a("div", Hc, [
 			a("div", {
 				class: "lze-segmented",
 				role: "group",
@@ -8882,7 +8924,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				key: 1,
 				size: 16,
 				"aria-hidden": "true"
-			}))], 8, Uc)), 64))], 8, Hc),
+			}))], 8, Wc)), 64))], 8, Uc),
 			a("button", {
 				type: "button",
 				class: "lze-icon-btn",
@@ -8893,7 +8935,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			}, [s(D(Xe), {
 				size: 16,
 				"aria-hidden": "true"
-			})], 8, Wc),
+			})], 8, Gc),
 			a("button", {
 				type: "button",
 				class: "lze-icon-btn",
@@ -8904,7 +8946,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			}, [s(D(Be), {
 				size: 16,
 				"aria-hidden": "true"
-			})], 8, Gc),
+			})], 8, Kc),
 			s(q, {
 				variant: "ghost",
 				title: D(l).state.previewing ? D(u)("toolbar.editHint") : D(u)("toolbar.previewHint"),
@@ -8962,7 +9004,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				href: m.value,
 				target: "_blank",
 				rel: "noopener noreferrer"
-			}, T(D(u)("toolbar.viewSite")), 9, Kc)) : r("", !0),
+			}, T(D(u)("toolbar.viewSite")), 9, qc)) : r("", !0),
 			s(q, {
 				variant: "primary",
 				disabled: D(l).state.publishing || !d.value,
@@ -8973,25 +9015,25 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			}, 8, ["disabled"])
 		])]));
 	}
-}), Jc = [
+}), Yc = [
 	".lze-root{--lze-bg:#f3f4f6;--lze-panel:#fff;--lze-fg:#0f172a;--lze-muted:#64748b;--lze-border:#e2e8f0;--lze-hover:#f1f5f9;--lze-active:#e8eefc;--lze-accent:#2563eb;--lze-accent-fg:#fff;--lze-danger:#dc2626;--lze-success:#15803d;--lze-warning:#b45309;--lze-radius:8px;--lze-font:ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif;--lze-select:#2563eb;--lze-guide:#ec4899;all:initial;box-sizing:border-box;background:var(--lze-bg);height:100%;min-height:480px;color:var(--lze-fg);font:13px/1.45 var(--lze-font);-webkit-font-smoothing:antialiased;grid-template-rows:auto minmax(0,1fr);display:grid}.lze-root :where(:not(svg,svg *)){all:revert;box-sizing:border-box}.lze-root :where(){box-sizing:border-box}.lze-root :where(h1,h2,h3,p,figure){margin:0}.lze-root :where(button,input,select,textarea){font:inherit;color:inherit}.lze-root :focus-visible{outline:2px solid var(--lze-accent);outline-offset:1px}.lze-muted,.lze-hint{color:var(--lze-muted)}.lze-hint{font-size:12px}.lze-error{color:var(--lze-danger);font-size:12px}.lze-btn{border-radius:var(--lze-radius);border:1px solid var(--lze-border);background:var(--lze-panel);height:32px;color:var(--lze-fg);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;text-decoration:none;display:inline-flex}.lze-btn[data-size=md]{height:36px;padding:0 14px}.lze-btn:hover:not(:disabled){background:var(--lze-hover)}.lze-btn:disabled{opacity:.5;cursor:default}.lze-btn[data-variant=primary]{background:var(--lze-accent);border-color:var(--lze-accent);color:var(--lze-accent-fg)}.lze-btn[data-variant=primary]:hover:not(:disabled){background:color-mix(in srgb, var(--lze-accent) 88%, black)}.lze-btn[data-variant=ghost]{background:0 0;border-color:#0000}.lze-btn[data-variant=danger]{color:var(--lze-danger)}.lze-icon-btn{border-radius:var(--lze-radius);width:32px;height:32px;color:var(--lze-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:inline-grid}.lze-icon-btn:hover:not(:disabled){background:var(--lze-hover);color:var(--lze-fg)}.lze-icon-btn[aria-pressed=true]{border-color:var(--lze-fg);background:var(--lze-active);color:var(--lze-fg)}.lze-icon-btn[data-tone=danger]{color:var(--lze-danger)}.lze-icon-btn:disabled{opacity:.4;cursor:default}.lze-field{gap:6px;display:grid}.lze-label{color:var(--lze-fg);font-size:12px;font-weight:600}.lze-input,.lze-select{border:1px solid var(--lze-border);background:var(--lze-panel);width:100%;min-height:32px;color:var(--lze-fg);border-radius:6px;padding:6px 8px}.lze-input:focus,.lze-select:focus{border-color:var(--lze-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--lze-accent) 20%, transparent);outline:none}textarea.lze-input{resize:vertical;line-height:1.4}.lze-select[data-compact=true]{width:auto;min-height:26px;padding:2px 6px;font-size:12px}.lze-number{border:1px solid var(--lze-border);background:var(--lze-panel);border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 8px;display:flex}.lze-number:focus-within{border-color:var(--lze-accent)}.lze-number input{text-align:right;background:0 0;border:0;outline:none;width:100%;min-width:0}.lze-number-label,.lze-number-suffix{color:var(--lze-muted);flex:none;font-size:11px}.lze-toggle{cursor:pointer;align-items:center;gap:8px;display:flex}.lze-toggle input{width:16px;height:16px;accent-color:var(--lze-fg);margin:0}.lze-range{gap:4px;display:grid}.lze-range input{width:100%;accent-color:var(--lze-fg)}.lze-swatches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lze-swatch{cursor:pointer;border:1px solid #0f172a1f;border-radius:999px;width:26px;height:26px;padding:0}.lze-swatch[aria-pressed=true]{outline:2px solid var(--lze-fg);outline-offset:2px}.lze-swatch-custom{border:1px solid var(--lze-border);color:var(--lze-muted);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 3px;font-size:12px;display:inline-flex}.lze-swatch-custom[data-active=true]{outline:2px solid var(--lze-fg);outline-offset:2px}.lze-swatch-custom input{cursor:pointer;background:0 0;border:0;border-radius:999px;width:20px;height:20px;padding:0}.lze-panel-section{border-top:1px solid var(--lze-border);padding-top:4px}.lze-panel-section>summary{color:var(--lze-muted);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;font-weight:600;list-style:none;display:flex}.lze-panel-section>summary::-webkit-details-marker{display:none}.lze-panel-section>summary:hover{color:var(--lze-fg)}.lze-panel-section[open]>summary svg{transform:rotate(180deg)}.lze-panel-body{gap:10px;padding:2px 0 12px;display:grid}.lze-dialog{border:1px solid var(--lze-border);background:var(--lze-panel);width:min(520px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--lze-fg);font:13px/1.45 var(--lze-font);border-radius:12px;padding:0;box-shadow:0 24px 64px #0f172a3d}.lze-dialog[data-size=lg]{width:min(720px,100vw - 32px)}.lze-dialog[data-size=xl]{width:min(880px,100vw - 32px)}.lze-dialog::backdrop{background:#0f172a73}.lze-dialog-body{gap:16px;padding:20px;display:grid}.lze-dialog-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.lze-dialog-head h2{font-size:16px;font-weight:650}.lze-dialog-actions{flex-wrap:wrap;gap:8px;display:flex}.lze-toasts{z-index:2147483000;gap:8px;max-width:min(420px,100vw - 32px);display:grid;position:fixed;bottom:16px;right:16px}.lze-toast{background:var(--lze-fg);color:var(--lze-panel);border-radius:10px;align-items:center;gap:8px;padding:8px 8px 8px 14px;display:flex;box-shadow:0 12px 32px #0f172a3d}.lze-toast[data-tone=error]{background:var(--lze-danger)}.lze-toast span{flex:1}.lze-toast .lze-icon-btn{color:inherit;width:26px;height:26px}.lze-toast .lze-icon-btn:hover{color:inherit;background:#ffffff26}.lze-grid-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lze-grid-4{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.lze-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lze-stack{gap:12px;display:grid}.lze-heading{justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.lze-link{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}",
 	".lze-center{text-align:center;color:var(--lze-muted);grid-row:1/-1;place-content:center;justify-items:center;gap:12px;padding:32px;display:grid}.lze-toolbar{border-bottom:1px solid var(--lze-border);background:var(--lze-panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.lze-toolbar-group{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.lze-site-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:14px;overflow:hidden}.lze-page-select{width:auto;max-width:220px}.lze-badge-status{color:var(--lze-warning);background:#fef3c7;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.lze-badge-status[data-published=true]{color:var(--lze-success);background:#dcfce7}.lze-save-status{color:var(--lze-muted);max-width:360px;font-size:12px}.lze-save-status[data-tone=warning]{color:var(--lze-warning)}.lze-save-status[data-tone=danger]{color:var(--lze-danger)}.lze-segmented{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-bg);padding:2px;display:inline-flex}.lze-segmented button{width:32px;height:26px;color:var(--lze-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.lze-segmented button[aria-pressed=true]{background:var(--lze-panel);color:var(--lze-fg);box-shadow:0 1px 2px #0f172a14}.lze-body{grid-template-columns:272px minmax(0,1fr) 312px;min-height:0;display:grid}.lze-main{min-width:0;min-height:0;display:grid;position:relative}.lze-sidebar{background:var(--lze-panel);flex-direction:column;min-height:0;display:flex}.lze-left{border-right:1px solid var(--lze-border)}.lze-right{border-left:1px solid var(--lze-border)}.lze-scroll{flex:1;min-height:0;overflow-y:auto}.lze-pad{padding:12px}.lze-left>.lze-scroll.lze-stack{align-content:start;padding:12px}.lze-tabs{border-bottom:1px solid var(--lze-border);gap:4px;padding:8px;display:flex}.lze-tabs button{color:var(--lze-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;font-size:11px;font-weight:600;display:flex}.lze-right .lze-tabs button{flex-direction:row;justify-content:center;font-size:13px}.lze-tabs button:hover{color:var(--lze-fg)}.lze-tabs button[aria-selected=true]{background:var(--lze-hover);color:var(--lze-fg)}.lze-group-title{color:var(--lze-muted);margin-top:4px;font-size:12px;font-weight:600}.lze-palette{grid-template-columns:1fr 1fr;gap:6px;display:grid}.lze-palette-item{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);min-width:0;color:var(--lze-muted);text-align:left;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:500;display:flex}.lze-palette-item:hover{border-color:var(--lze-fg);color:var(--lze-fg);background:var(--lze-hover)}.lze-palette-item svg{flex:none}.lze-list{gap:6px;display:grid}.lze-list-item{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);color:var(--lze-muted);text-align:left;cursor:pointer;padding:8px 10px;font-size:12px;font-weight:500}.lze-list-item:hover{border-color:var(--lze-fg);color:var(--lze-fg)}.lze-drag-ghost{z-index:2147483000;pointer-events:none;border:1px solid var(--lze-fg);border-radius:var(--lze-radius);background:var(--lze-panel);padding:6px 10px;font-size:12px;font-weight:600;position:fixed;box-shadow:0 8px 24px #0f172a2e}.lze-layer-group{padding:0 8px 2px}.lze-layer-row{color:var(--lze-muted);border-radius:6px;align-items:center;gap:2px;display:flex}.lze-layer-row:hover{background:var(--lze-hover)}.lze-layer-row[data-selected=true]{background:var(--lze-active);color:var(--lze-fg)}.lze-layer-row .lze-icon-btn{width:24px;height:24px}.lze-layer-name{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:6px 4px;display:flex}.lze-layer-name span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lze-layer-actions{opacity:0;display:flex}.lze-layer-row:hover .lze-layer-actions,.lze-layer-row:focus-within .lze-layer-actions{opacity:1}.lze-layer-children{border-left:1px solid var(--lze-border);margin-left:16px;padding-left:4px}.lze-lock-toggle{opacity:0}.lze-lock-toggle[data-locked=true],.lze-layer-row:hover .lze-lock-toggle,.lze-lock-toggle:focus-visible{opacity:1}.lze-card{border:1px solid var(--lze-border);border-radius:var(--lze-radius);gap:8px;padding:8px;display:grid}.lze-card[data-active=true]{border-color:var(--lze-fg);background:var(--lze-hover)}.lze-media-grid{grid-template-columns:1fr 1fr;align-content:start;gap:8px;display:grid}.lze-media-item{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-bg);cursor:grab;touch-action:none;height:80px;padding:0;overflow:hidden}.lze-media-item:hover{border-color:var(--lze-fg)}.lze-media-item img{object-fit:contain;width:100%;height:100%}@media (width<=1100px){.lze-body{grid-template-columns:232px minmax(0,1fr) 280px}}",
 	".lze-stage{overscroll-behavior:contain;padding:24px;position:relative;overflow:auto}.lze-stage[data-space],.lze-stage[data-space] *{cursor:grab!important}.lze-stage[data-space=panning],.lze-stage[data-space=panning] *{cursor:grabbing!important}.lze-context{z-index:2147483100;border:1px solid var(--lze-border);background:var(--lze-panel);border-radius:10px;min-width:208px;padding:6px;font-size:13px;position:fixed;box-shadow:0 12px 32px #0f172a2e}.lze-context:focus{outline:none}.lze-context>button{width:100%;color:var(--lze-fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:7px 10px;display:flex}.lze-context>button:hover,.lze-context>button:focus-visible{background:var(--lze-hover)}.lze-context .lze-context-danger{color:var(--lze-danger)}.lze-context kbd{color:var(--lze-muted);font:inherit;font-size:11px}.lze-context hr{border:0;border-top:1px solid var(--lze-border);margin:5px 6px}.lze-context-label{color:var(--lze-muted);margin:6px 10px 2px;font-size:11px}.lze-context-row{gap:2px;padding:0 6px 4px;display:flex}.lze-context-row button{width:32px;height:28px;color:var(--lze-fg);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.lze-context-row button:hover{background:var(--lze-hover)}.lze-context-align{width:16px;height:16px;display:block;position:relative}.lze-context-align:before{content:\"\";background:var(--lze-fg);position:absolute}.lze-context-align:after{content:\"\";background:var(--lze-muted);border-radius:1px;position:absolute}.lze-context-align[data-align=left]:before{width:1.5px;top:0;bottom:0;left:0}.lze-context-align[data-align=left]:after{width:11px;height:8px;top:4px;left:3px}.lze-context-align[data-align=hcenter]:before{width:1.5px;top:0;bottom:0;left:7.25px}.lze-context-align[data-align=hcenter]:after{width:11px;height:8px;top:4px;left:2.5px}.lze-context-align[data-align=right]:before{width:1.5px;top:0;bottom:0;right:0}.lze-context-align[data-align=right]:after{width:11px;height:8px;top:4px;right:3px}.lze-context-align[data-align=top]:before{height:1.5px;top:0;left:0;right:0}.lze-context-align[data-align=top]:after{width:8px;height:11px;top:3px;left:4px}.lze-context-align[data-align=vmiddle]:before{height:1.5px;top:7.25px;left:0;right:0}.lze-context-align[data-align=vmiddle]:after{width:8px;height:11px;top:2.5px;left:4px}.lze-context-align[data-align=bottom]:before{height:1.5px;bottom:0;left:0;right:0}.lze-context-align[data-align=bottom]:after{width:8px;height:11px;bottom:3px;left:4px}.lze-zoom{z-index:25;float:right;border:1px solid var(--lze-border);background:var(--lze-panel);border-radius:999px;align-items:center;gap:2px;margin-top:12px;padding:4px;display:inline-flex;position:sticky;bottom:0;box-shadow:0 6px 18px #0f172a1f}.lze-zoom button{color:var(--lze-fg);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px}.lze-zoom-btn{width:28px;height:28px;font-size:15px;line-height:1}.lze-zoom-value{font-variant-numeric:tabular-nums;min-width:54px;height:28px;font-size:12px;font-weight:600}.lze-zoom button:hover{background:var(--lze-hover)}.lze-sheet{background:var(--lze-panel);border-radius:10px;margin:0 auto;position:relative;box-shadow:0 1px 3px #0f172a14,0 12px 40px #0f172a14}.lze-sheet[data-device=mobile]{border-radius:18px}.lze-scaler{transform-origin:0 0;position:absolute;top:0;left:0}.lze-frame{background:0 0;border:0;display:block}.lze-preview .lze-sheet{overflow:hidden}.lze-preview .lze-frame{transform-origin:0 0}.lze-empty-hint{text-align:center;max-width:520px;color:var(--lze-muted);margin:16px auto 0}.lze-hint-bubble{z-index:2147483000;background:var(--lze-fg);color:var(--lze-panel);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.lze-render-issue,.lze-modal-banner{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);justify-content:space-between;align-items:center;gap:8px;max-width:900px;margin:0 auto 12px;padding:8px 12px;display:flex}.lze-render-issue{border-color:var(--lze-danger);color:var(--lze-danger)}.lze-modal-banner{border-color:var(--lze-fg);font-weight:600}.lze-overlay{pointer-events:none;--line:calc(1px * var(--inv));position:absolute;inset:0}.lze-overlay>*{position:absolute}.lze-canvas-outline{outline:calc(2px * var(--inv)) solid var(--lze-select);outline-offset:calc(-2px * var(--inv));box-shadow:inset 0 0 0 calc(4px * var(--inv)) #ffffffb3}.lze-hover{outline:var(--line) solid var(--lze-select)}.lze-selection{outline:calc(2px * var(--inv)) solid var(--lze-select);outline-offset:var(--line);box-shadow:0 0 0 calc(4px * var(--inv)) #ffffffb3}.lze-selection[data-locked=true]{outline-style:dashed}.lze-lock{top:calc(-18px * var(--inv));width:calc(12px * var(--inv));height:calc(12px * var(--inv));color:var(--lze-select);position:absolute;right:0}.lze-handles{pointer-events:none}.lze-handle,.lze-radius,.lze-rotate{pointer-events:auto;touch-action:none;padding:0;position:absolute}.lze-handle{width:calc(11px * var(--inv));height:calc(11px * var(--inv));margin:calc(-5.5px * var(--inv));border:var(--line) solid #fff;background:var(--lze-select);border-radius:999px}.lze-handle[data-handle^=n]{top:0}.lze-handle[data-handle^=s]{top:100%}.lze-handle[data-handle=e],.lze-handle[data-handle=w]{top:50%}.lze-handle[data-handle$=w]{left:0}.lze-handle[data-handle$=e]{left:100%}.lze-handle[data-handle=n],.lze-handle[data-handle=s]{left:50%}.lze-handle[data-handle=nw],.lze-handle[data-handle=se]{cursor:nwse-resize}.lze-handle[data-handle=ne],.lze-handle[data-handle=sw]{cursor:nesw-resize}.lze-handle[data-handle=n],.lze-handle[data-handle=s]{cursor:ns-resize}.lze-handle[data-handle=e],.lze-handle[data-handle=w]{cursor:ew-resize}.lze-radius{top:calc(10px * var(--inv));left:calc(10px * var(--inv));width:calc(14px * var(--inv));height:calc(14px * var(--inv));border:calc(2px * var(--inv)) solid var(--lze-select);cursor:ew-resize;background:#fff;border-radius:999px}.lze-rotate{top:calc(100% + 10px * var(--inv));left:calc(100% + 10px * var(--inv));width:calc(24px * var(--inv));height:calc(24px * var(--inv));border:var(--line) solid var(--lze-select);color:var(--lze-select);cursor:grab;background:#fff;border-radius:999px;place-items:center;display:grid}.lze-rotate svg{width:calc(13px * var(--inv));height:calc(13px * var(--inv))}.lze-guide{background:var(--lze-guide)}.lze-guide[data-axis=x]{width:var(--line)}.lze-guide[data-axis=y]{height:var(--line)}.lze-badge{transform:translateY(-100%) scale(var(--inv));transform-origin:0 100%;background:var(--lze-select);color:#fff;white-space:nowrap;border-radius:4px;margin-top:-4px;padding:2px 6px;font-size:11px;font-weight:600}.lze-section-chip{z-index:5;transform:scale(var(--inv)) translateY(-100%);transform-origin:0 100%;border:1px solid var(--lze-border);background:var(--lze-panel);color:var(--lze-muted);font:600 11px/1.6 var(--lze-font);white-space:nowrap;cursor:pointer;pointer-events:auto;opacity:.5;border-radius:999px;margin-top:-4px;padding:2px 8px;transition:opacity .15s;position:absolute}.lze-section-chip:hover,.lze-section-chip[data-current=true]{opacity:1;color:var(--lze-fg)}.lze-section-chip[data-current=true]{border-color:var(--lze-select);color:var(--lze-select)}.lze-section-empty{z-index:4;transform:scale(var(--inv)) translate(-50%, -50%);transform-origin:0 0;color:var(--lze-muted);font:500 12px/1.4 var(--lze-font);white-space:nowrap;background:#ffffffd1;border-radius:999px;margin:0;padding:6px 14px;position:absolute}.lze-edge{z-index:6;transform:scale(var(--inv)) translate(-50%, -50%);transform-origin:0 0;border:1px solid var(--lze-border);background:var(--lze-surface);pointer-events:auto;opacity:.22;border-radius:999px;gap:4px;padding:3px;transition:opacity .15s;display:flex;position:absolute;box-shadow:0 6px 18px #0f172a24}.lze-edge:hover,.lze-edge:focus-within{opacity:1}.lze-stacked{pointer-events:auto;transform:scale(var(--inv));transform-origin:0 0;border-bottom:1px solid var(--lze-border);max-width:none;color:var(--lze-fg);background:#fffffff2;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex;width:auto!important}.lze-element-bar{pointer-events:auto;transform-origin:0 0;transform:scale(var(--inv)) translateY(calc(-100% - 10px));border:1px solid var(--lze-border);background:var(--lze-panel);border-radius:10px;align-items:center;gap:2px;padding:3px;display:flex;box-shadow:0 8px 24px #0f172a24}.lze-element-bar[data-below=true]{transform:scale(var(--inv)) translateY(14px)}.lze-divider{background:var(--lze-border);width:1px;height:20px;margin:0 2px}",
 	".lze-panel-title{font-size:13px;font-weight:650}.lze-grow{flex:1;min-width:0}.lze-nowrap{flex-wrap:nowrap}.lze-divided{border-top:1px solid var(--lze-border);padding-top:12px}.lze-image-preview{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-bg);overflow:hidden}.lze-image-preview img{object-fit:contain;width:100%;height:96px;display:block}.lze-image-preview[data-thumb=icon]{width:fit-content;padding:6px}.lze-image-preview[data-thumb=icon] img{width:40px;height:40px}.lze-tabs-inline{border-radius:var(--lze-radius);background:var(--lze-bg);gap:4px;padding:3px;display:flex}.lze-tabs-inline button{color:var(--lze-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:5px 8px;font-size:12px;font-weight:500}.lze-tabs-inline button:hover{color:var(--lze-fg)}.lze-tabs-inline button[aria-pressed=true]{background:var(--lze-panel);color:var(--lze-fg);box-shadow:0 1px 2px #0f172a14}.lze-gradient-presets{flex-wrap:wrap;gap:6px;display:flex}.lze-gradient-preset{cursor:pointer;border:1px solid #0f172a1f;border-radius:6px;width:48px;height:28px;padding:0}.lze-gradient-preset:hover{outline:2px solid var(--lze-fg);outline-offset:1px}.lze-link-card{border:1px solid var(--lze-border);border-radius:var(--lze-radius);gap:8px;margin:0;padding:8px;display:grid}.lze-link-card legend{color:var(--lze-muted);padding:0 4px;font-size:11px}.lze-icon-grid{border:1px solid var(--lze-border);border-radius:var(--lze-radius);grid-template-columns:repeat(6,1fr);gap:4px;max-height:192px;padding:6px;display:grid;overflow-y:auto}.lze-icon-grid .lze-hint{text-align:center;grid-column:1/-1;padding:8px 0}.lze-icon-choice{aspect-ratio:1;color:var(--lze-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.lze-icon-choice:hover{background:var(--lze-hover);color:var(--lze-fg)}.lze-icon-choice[aria-pressed=true]{background:var(--lze-active);color:var(--lze-fg)}.lze-slug{color:var(--lze-muted);align-items:center;gap:6px;font-family:ui-monospace,monospace;display:flex}.lze-slug-static{border:1px solid var(--lze-border);color:var(--lze-muted);border-radius:6px;gap:6px;padding:6px 8px;display:flex}.lze-slug-root{font-family:ui-monospace,monospace}.lze-choice{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);color:inherit;text-align:left;cursor:pointer;gap:2px;padding:8px 10px;display:grid}.lze-choice:hover{border-color:var(--lze-fg);background:var(--lze-hover)}.lze-shortcuts{gap:4px;margin:0;padding-left:16px;display:grid}.lze-rows{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lze-row-item{border:1px solid var(--lze-border);border-radius:var(--lze-radius);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.lze-palette-choice{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);color:inherit;cursor:pointer;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.lze-palette-choice:hover{border-color:var(--lze-fg);background:var(--lze-hover)}.lze-palette-choice .lze-row{gap:3px}.lze-dot{border:1px solid #0f172a1f;border-radius:999px;width:14px;height:14px}.lze-theme-colors{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.lze-theme-color{border:1px solid var(--lze-border);border-radius:var(--lze-radius);align-items:center;gap:8px;padding:6px 10px;display:flex}.lze-theme-color span{flex:1}.lze-theme-color .lze-hex{width:84px;min-height:28px;padding:3px 6px;font-family:ui-monospace,monospace;font-size:12px}.lze-theme-color input[type=color]{border:1px solid var(--lze-border);cursor:pointer;background:0 0;border-radius:6px;width:32px;height:32px;padding:0}.lze-theme-preview{border:1px solid var(--lze-border);gap:10px;padding:20px;display:grid}.lze-theme-preview-heading{font-size:24px;font-weight:700;line-height:1.2}.lze-theme-preview-button{width:fit-content;padding:8px 16px;font-weight:600}.lze-file-input{display:none}.lze-asset-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.lze-upload-tile{border:2px dashed var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);height:128px;color:var(--lze-muted);text-align:center;cursor:pointer;align-content:center;place-items:center;gap:4px;padding:8px;display:grid}.lze-upload-tile:hover:not(:disabled){border-color:var(--lze-fg);color:var(--lze-fg)}.lze-upload-tile:disabled{cursor:progress}.lze-asset{border:1px solid var(--lze-border);border-radius:var(--lze-radius);height:128px;margin:0;position:relative;overflow:hidden}.lze-asset:hover{border-color:var(--lze-fg)}.lze-asset-use{background:var(--lze-bg);width:100%;height:100%;color:inherit;cursor:pointer;border:0;flex-direction:column;padding:0;display:flex}.lze-asset-use img{object-fit:contain;flex:1;width:100%;min-height:0}.lze-asset-use figcaption{background:var(--lze-panel);color:var(--lze-muted);text-align:left;white-space:nowrap;text-overflow:ellipsis;padding:4px 8px;font-size:11px;overflow:hidden}.lze-asset .lze-asset-delete{opacity:0;background:#ffffffeb;width:28px;height:28px;position:absolute;top:6px;right:6px}.lze-asset:hover .lze-asset-delete,.lze-asset .lze-asset-delete:focus-visible{opacity:1}.lze-submission{border-bottom:1px solid var(--lze-border);gap:6px;padding:10px 0;display:grid}.lze-submission dl{grid-template-columns:minmax(96px,max-content) 1fr;gap:4px 12px;margin:0;display:grid}.lze-submission dt{color:var(--lze-muted)}.lze-submission dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.lze-choices{gap:6px;display:grid}"
-].join("\n"), Yc = /* @__PURE__ */ new WeakMap();
-function Xc(e) {
+].join("\n"), Xc = /* @__PURE__ */ new WeakMap();
+function Zc(e) {
 	let t = e.getRootNode();
-	if (!(t instanceof Document || t instanceof ShadowRoot) || Yc.has(t)) return;
+	if (!(t instanceof Document || t instanceof ShadowRoot) || Xc.has(t)) return;
 	let n = new CSSStyleSheet();
-	n.replaceSync(Jc), Yc.set(t, n), t.adoptedStyleSheets = [...t.adoptedStyleSheets, n];
+	n.replaceSync(Yc), Xc.set(t, n), t.adoptedStyleSheets = [...t.adoptedStyleSheets, n];
 }
 //#endregion
 //#region src/ui/Toasts.vue?vue&type=script&setup=true&lang.ts
-var Zc = { class: "lze-toasts" }, Qc = ["data-tone", "role"], $c = ["aria-label", "onClick"], el = /* @__PURE__ */ c({
+var Qc = { class: "lze-toasts" }, $c = ["data-tone", "role"], el = ["aria-label", "onClick"], tl = /* @__PURE__ */ c({
 	__name: "Toasts",
 	setup(t) {
 		let n = K();
-		return (t, r) => (_(), i("div", Zc, [(_(!0), i(e, null, x(D(n).state.toasts, (e) => (_(), i("div", {
+		return (t, r) => (_(), i("div", Qc, [(_(!0), i(e, null, x(D(n).state.toasts, (e) => (_(), i("div", {
 			key: e.id,
 			class: "lze-toast",
 			"data-tone": e.tone,
@@ -9004,19 +9046,19 @@ var Zc = { class: "lze-toasts" }, Qc = ["data-tone", "role"], $c = ["aria-label"
 		}, [s(D($e), {
 			size: 14,
 			"aria-hidden": "true"
-		})], 8, $c)], 8, Qc))), 128))]));
+		})], 8, el)], 8, $c))), 128))]));
 	}
-}), tl = ["lang"], nl = {
+}), nl = ["lang"], rl = {
 	key: 0,
 	class: "lze-center"
-}, rl = {
+}, il = {
 	key: 1,
 	class: "lze-center",
 	role: "alert"
-}, il = {
+}, al = {
 	key: 2,
 	class: "lze-center"
-}, al = { class: "lze-body" }, ol = { class: "lze-main" }, sl = /* @__PURE__ */ c({
+}, ol = { class: "lze-body" }, sl = { class: "lze-main" }, cl = /* @__PURE__ */ c({
 	inheritAttrs: !1,
 	__name: "LienzoEditor",
 	props: {
@@ -9046,7 +9088,7 @@ var Zc = { class: "lze-toasts" }, Qc = ["data-tone", "role"], $c = ["aria-label"
 			let e = l.theme.value;
 			l.state.load.kind === "ready" && typeof document < "u" && (m ??= document.head.appendChild(Object.assign(document.createElement("link"), { rel: "stylesheet" })), m.href = Vt([e.heading_font, e.body_font]));
 		}), g(() => {
-			u.value && Xc(u.value), window.addEventListener("keydown", p), l.load();
+			u.value && Zc(u.value), window.addEventListener("keydown", p), l.load();
 		}), h(() => {
 			window.removeEventListener("keydown", p), m?.remove(), l.dispose();
 		}), (t, r) => (_(), i("div", {
@@ -9055,23 +9097,23 @@ var Zc = { class: "lze-toasts" }, Qc = ["data-tone", "role"], $c = ["aria-label"
 			class: "lze-root",
 			lang: D(c).locale
 		}, [
-			D(l).state.load.kind === "loading" ? (_(), i("div", nl, T(D(l).t("load.loading")), 1)) : D(l).state.load.kind === "failed" ? (_(), i("div", rl, [a("p", null, T(D(l).t("load.failed", { message: D(l).state.load.message })), 1), s(q, { onClick: r[0] ||= (e) => D(l).load() }, {
+			D(l).state.load.kind === "loading" ? (_(), i("div", rl, T(D(l).t("load.loading")), 1)) : D(l).state.load.kind === "failed" ? (_(), i("div", il, [a("p", null, T(D(l).t("load.failed", { message: D(l).state.load.message })), 1), s(q, { onClick: r[0] ||= (e) => D(l).load() }, {
 				default: P(() => [o(T(D(l).t("load.retry")), 1)]),
 				_: 1
-			})])) : D(l).state.load.kind === "empty" ? (_(), i("div", il, [s(q, {
+			})])) : D(l).state.load.kind === "empty" ? (_(), i("div", al, [s(q, {
 				variant: "primary",
 				onClick: r[1] ||= (e) => D(l).state.dialog = "newPage"
 			}, {
 				default: P(() => [o(T(D(l).t("newPage.title")), 1)]),
 				_: 1
-			})])) : (_(), i(e, { key: 3 }, [s(qc), a("div", al, [
+			})])) : (_(), i(e, { key: 3 }, [s(Jc), a("div", ol, [
 				s(So, { "drop-point": f }),
-				a("main", ol, [D(l).state.previewing ? (_(), n(vr, { key: 0 })) : (_(), n(gr, {
+				a("main", sl, [D(l).state.previewing ? (_(), n(vr, { key: 0 })) : (_(), n(gr, {
 					key: 1,
 					ref_key: "canvas",
 					ref: d
 				}, null, 512))]),
-				s(Nc)
+				s(Pc)
 			])], 64)),
 			s($r),
 			s(pa),
@@ -9080,11 +9122,11 @@ var Zc = { class: "lze-toasts" }, Qc = ["data-tone", "role"], $c = ["aria-label"
 			s(Vi),
 			s(Pr),
 			s(Wr),
-			s(el)
-		], 8, tl));
+			s(tl)
+		], 8, nl));
 	}
 });
 //#endregion
-export { Qt as n, Zt as r, sl as t };
+export { Qt as n, Zt as r, cl as t };
 
-//# sourceMappingURL=LienzoEditor-luruvISU.js.map
+//# sourceMappingURL=LienzoEditor-BeJz8Srw.js.map