npm - @skylivellc/lienzo-editor - Versions diffs - 0.8.0 → 0.9.0 - Mend

@skylivellc/lienzo-editor 0.8.0 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/{LienzoEditor-CEfqCPdf.js → LienzoEditor-dSKBP4Pb.js} +240 -158
package/dist/LienzoEditor-dSKBP4Pb.js.map +1 -0
package/dist/element.js +1 -1
package/dist/index.js +1 -1
package/dist/standalone/lienzo-editor.js +20 -8
package/dist/standalone/lienzo-editor.js.map +1 -1
package/dist/types/i18n/en.d.ts +11 -0
package/dist/types/state/editor.d.ts +11 -8
package/package.json +2 -2
package/dist/LienzoEditor-CEfqCPdf.js.map +0 -1

package/dist/{LienzoEditor-CEfqCPdf.js → LienzoEditor-dSKBP4Pb.js} RENAMED Viewed

@@ -1103,6 +1103,17 @@ var Zt = {
 	"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.flow": "Lay it out",
+	"section.flowHint": "On its own, the section places its elements one after another and grows with them.",
+	"section.flow.free": "By hand",
+	"section.flow.column": "One under the other",
+	"section.flow.row": "Side by side",
+	"section.flowGap": "Space between",
+	"section.flowAlign": "Alignment",
+	"section.align.start": "To the start",
+	"section.align.center": "Centred",
+	"section.align.end": "To the end",
+	"section.align.between": "Spread out",
 	"section.wide": "Edge to edge",
 	"section.wideHint": "The section spans the screen instead of the theme's width.",
 	"section.background": "Background",
@@ -1669,6 +1680,17 @@ var Zt = {
 	"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.flow": "Acomodar",
+	"section.flowHint": "Sola, la sección pone sus elementos uno tras otro y crece con ellos.",
+	"section.flow.free": "A mano",
+	"section.flow.column": "Uno debajo del otro",
+	"section.flow.row": "Uno al lado del otro",
+	"section.flowGap": "Separación",
+	"section.flowAlign": "Alineación",
+	"section.align.start": "Al inicio",
+	"section.align.center": "Centrados",
+	"section.align.end": "Al final",
+	"section.align.between": "Repartidos",
 	"section.wide": "De borde a borde",
 	"section.wideHint": "La sección ocupa toda la pantalla en vez del ancho del tema.",
 	"section.background": "Fondo",
@@ -3666,7 +3688,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-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);letter-spacing:calc(var(--ls,0) * 1em);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-case=upper]{text-transform:uppercase}\n.lz-el[data-case=lower]{text-transform:lowercase}\n.lz-el[data-case=title]{text-transform:capitalize}\n.lz-el[data-text=outline]{-webkit-text-stroke:calc(1.5 * var(--u)) currentColor;-webkit-text-fill-color:transparent}\n.lz-el[data-text=glow]{text-shadow:0 0 calc(12 * var(--u)) color-mix(in srgb,currentColor 70%,transparent),0 0 calc(44 * var(--u)) color-mix(in srgb,currentColor 45%,transparent)}\n.lz-el[data-auto]{height:auto}\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=blur]{filter:blur(calc(10 * var(--u)));transition-property:opacity,transform,filter}.lz-el[data-anim=reveal]{clip-path:inset(0 100% 0 0);transition-property:opacity,transform,clip-path}.lz-el[data-anim=blur].is-in{filter:none}.lz-el[data-anim=reveal].is-in{clip-path:inset(0)}.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}.lz-el[data-hover=sink]:hover{transform:var(--_rot,) var(--_flip,) translateY(calc(4 * var(--u))) scale(.98)}.lz-el[data-hover=tilt]:hover{transform:var(--_rot,) var(--_flip,) perspective(600px) rotateX(6deg) rotateY(-6deg)}.lz-el[data-hover=glow]:hover{box-shadow:0 0 0 calc(2 * var(--u)) color-mix(in srgb,var(--primary) 55%,transparent),0 18px 44px color-mix(in srgb,var(--primary) 28%,transparent)}}\n@keyframes lz-rise{from{translate:0 7cqh}to{translate:0 -7cqh}}\n@keyframes lz-drift{from{translate:-4cqw 0}to{translate:4cqw 0}}\n@keyframes lz-zoom{from{scale:1}to{scale:1.12}}\n@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.lz-el[data-scroll]{animation:linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.lz-el[data-scroll=rise]{animation-name:lz-rise}.lz-el[data-scroll=drift]{animation-name:lz-drift}.lz-el[data-scroll=zoom]{animation-name:lz-zoom}}}\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-section[data-wide] .lz-navbar[data-sticky]{width:100%}\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(--sbgc,var(--bg,var(--background)));color:var(--sfgc,var(--c,var(--text)));-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[data-template=floating]{width:calc(100% - calc(48 * var(--u)));margin:calc(14 * var(--u)) auto;border-radius:calc(14 * var(--u));padding:0 calc(24 * var(--u));background:var(--bg,var(--surface));box-shadow:0 14px 38px rgba(15,23,42,.16)}\n.lz-navbar[data-template=boxed] .lz-navbar-links a{padding:calc(8 * var(--u)) calc(14 * var(--u));border:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 22%,transparent);border-radius:calc(6 * var(--u))}\n.lz-navbar[data-template=boxed] .lz-navbar-links a:hover{opacity:1;background:color-mix(in srgb,currentColor 10%,transparent)}\n.lz-navbar[data-template=tracked] .lz-navbar-links{gap:calc(30 * var(--u))}\n.lz-navbar[data-template=tracked] .lz-navbar-links a{text-transform:uppercase;letter-spacing:.14em;font-size:.82em}\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-el{font-size:calc(var(--fms,var(--fs)) * var(--u))}.lz-frame:not([data-stack]) .lz-el[data-auto]{height:auto}.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-frame:not([data-stack]) .lz-navbar[data-sticky]{position:fixed;left:50%;translate:-50% 0;width:min(100%,var(--max-width))}.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-frame[data-flow]{height:auto;min-height:calc(var(--fh) * var(--u));display:flex;gap:calc(var(--fg,24) * var(--u));padding:calc(56 * var(--u)) calc(24 * var(--u));box-sizing:border-box}\n.lz-frame[data-flow=column]{flex-direction:column}\n.lz-frame[data-flow=row]{flex-direction:row;flex-wrap:wrap;align-items:flex-start}\n.lz-frame[data-flow=column][data-flow-align=center]{align-items:center}\n.lz-frame[data-flow=column][data-flow-align=end]{align-items:flex-end}\n.lz-frame[data-flow=column][data-flow-align=between]{justify-content:space-between}\n.lz-frame[data-flow=row][data-flow-align=center]{justify-content:center}\n.lz-frame[data-flow=row][data-flow-align=end]{justify-content:flex-end}\n.lz-frame[data-flow=row][data-flow-align=between]{justify-content:space-between}\n.lz-frame[data-flow] .lz-el{position:static;order:var(--ord);height:auto;max-width:100%}\n.lz-frame[data-flow=column] .lz-el{width:calc(var(--w) * 1%)}\n.lz-frame[data-flow=row] .lz-el{width:calc(var(--w) * 1%);flex:0 1 auto}\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);letter-spacing:calc(var(--ls,0) * 1em);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-case=upper]{text-transform:uppercase}\n.lz-el[data-case=lower]{text-transform:lowercase}\n.lz-el[data-case=title]{text-transform:capitalize}\n.lz-el[data-text=outline]{-webkit-text-stroke:calc(1.5 * var(--u)) currentColor;-webkit-text-fill-color:transparent}\n.lz-el[data-text=glow]{text-shadow:0 0 calc(12 * var(--u)) color-mix(in srgb,currentColor 70%,transparent),0 0 calc(44 * var(--u)) color-mix(in srgb,currentColor 45%,transparent)}\n.lz-el[data-auto]{height:auto}\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=blur]{filter:blur(calc(10 * var(--u)));transition-property:opacity,transform,filter}.lz-el[data-anim=reveal]{clip-path:inset(0 100% 0 0);transition-property:opacity,transform,clip-path}.lz-el[data-anim=blur].is-in{filter:none}.lz-el[data-anim=reveal].is-in{clip-path:inset(0)}.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}.lz-el[data-hover=sink]:hover{transform:var(--_rot,) var(--_flip,) translateY(calc(4 * var(--u))) scale(.98)}.lz-el[data-hover=tilt]:hover{transform:var(--_rot,) var(--_flip,) perspective(600px) rotateX(6deg) rotateY(-6deg)}.lz-el[data-hover=glow]:hover{box-shadow:0 0 0 calc(2 * var(--u)) color-mix(in srgb,var(--primary) 55%,transparent),0 18px 44px color-mix(in srgb,var(--primary) 28%,transparent)}}\n@keyframes lz-rise{from{translate:0 7cqh}to{translate:0 -7cqh}}\n@keyframes lz-drift{from{translate:-4cqw 0}to{translate:4cqw 0}}\n@keyframes lz-zoom{from{scale:1}to{scale:1.12}}\n@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.lz-el[data-scroll]{animation:linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.lz-el[data-scroll=rise]{animation-name:lz-rise}.lz-el[data-scroll=drift]{animation-name:lz-drift}.lz-el[data-scroll=zoom]{animation-name:lz-zoom}}}\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-section[data-wide] .lz-navbar[data-sticky]{width:100%}\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(--sbgc,var(--bg,var(--background)));color:var(--sfgc,var(--c,var(--text)));-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[data-template=floating]{width:calc(100% - calc(48 * var(--u)));margin:calc(14 * var(--u)) auto;border-radius:calc(14 * var(--u));padding:0 calc(24 * var(--u));background:var(--bg,var(--surface));box-shadow:0 14px 38px rgba(15,23,42,.16)}\n.lz-navbar[data-template=boxed] .lz-navbar-links a{padding:calc(8 * var(--u)) calc(14 * var(--u));border:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 22%,transparent);border-radius:calc(6 * var(--u))}\n.lz-navbar[data-template=boxed] .lz-navbar-links a:hover{opacity:1;background:color-mix(in srgb,currentColor 10%,transparent)}\n.lz-navbar[data-template=tracked] .lz-navbar-links{gap:calc(30 * var(--u))}\n.lz-navbar[data-template=tracked] .lz-navbar-links a{text-transform:uppercase;letter-spacing:.14em;font-size:.82em}\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-el{font-size:calc(var(--fms,var(--fs)) * var(--u))}.lz-frame:not([data-stack]) .lz-el[data-auto]{height:auto}.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-frame:not([data-stack]) .lz-navbar[data-sticky]{position:fixed;left:50%;translate:-50% 0;width:min(100%,var(--max-width))}.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) {
@@ -4402,7 +4424,7 @@ var Fn = (e) => e !== null && typeof e.nodeType == "number", In = { class: "lze-
 			else return !1;
 			return e.preventDefault(), !0;
 		}
-		let ge = t(() => new Set(c.state.device === "mobile" ? c.canvases.value.filter(ct).map((e) => e.id) : [])), _e = t(() => c.canvases.value.every((e) => e.elements.length === 0)), ve = 0, ye = !1, be = !1;
+		let ge = t(() => new Set(c.canvases.value.filter((e) => "flow" in e && e.flow && e.flow !== "free" || c.state.device === "mobile" && ct(e)).map((e) => e.id))), _e = t(() => c.canvases.value.every((e) => e.elements.length === 0)), ve = 0, ye = !1, be = !1;
 		function xe() {
 			ve ||= requestAnimationFrame(() => {
 				ve = 0, Se();
@@ -8561,61 +8583,80 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			a("p", uc, T(D(l)("multi.hint")), 1)
 		]));
 	}
-}), fc = { class: "lze-stack" }, pc = { class: "lze-heading" }, mc = { class: "lze-panel-title" }, hc = { class: "lze-row" }, gc = { class: "lze-field" }, _c = { class: "lze-hint" }, vc = /* @__PURE__ */ c({
+}), fc = { class: "lze-stack" }, pc = { class: "lze-heading" }, mc = { class: "lze-panel-title" }, hc = { class: "lze-row" }, gc = { class: "lze-field" }, _c = {
+	key: 0,
+	class: "lze-grid-2"
+}, vc = { class: "lze-hint" }, yc = /* @__PURE__ */ c({
 	__name: "SectionPanel",
 	props: { section: {} },
-	setup(t) {
-		let c = t, l = K(), u = l.t, d = {
+	setup(c) {
+		let l = c, u = K(), d = u.t, f = {
 			group: O(),
 			label: O(),
 			anchor: O(),
 			background: O(),
-			video: O()
-		}, f = [
+			video: O(),
+			flow: O()
+		}, p = [
 			{
 				value: "alone",
-				label: u("section.alone")
+				label: d("section.alone")
 			},
 			{
 				value: "tabs",
-				label: u("section.tab")
+				label: d("section.tab")
 			},
 			{
 				value: "steps",
-				label: u("section.step")
+				label: d("section.step")
 			}
-		], p = [
+		], m = [
+			"free",
+			"column",
+			"row"
+		].map((e) => ({
+			value: e,
+			label: d(`section.flow.${e}`)
+		})), h = [
+			"start",
+			"center",
+			"end",
+			"between"
+		].map((e) => ({
+			value: e,
+			label: d(`section.align.${e}`)
+		})), g = t(() => (l.section.flow ?? "free") !== "free"), v = [
 			"color",
 			"gradient",
 			"image",
 			"video"
 		].map((e) => ({
 			value: e,
-			label: u(`fill.${e}`)
-		})), m = b(c.section.id), h = b(!1);
-		N(() => c.section.id, (e) => m.value = e);
-		function g() {
-			let e = m.value.trim(), t = e !== c.section.id && B(l.state.draft, e) !== void 0;
-			h.value = !/^[a-zA-Z0-9_-]{1,40}$/.test(e) || t, !(h.value || e === c.section.id) && (c.section.id = e, l.selectCanvas(e), l.commit());
+			label: d(`fill.${e}`)
+		})), y = b(l.section.id), x = b(!1);
+		N(() => l.section.id, (e) => y.value = e);
+		function S() {
+			let e = y.value.trim(), t = e !== l.section.id && B(u.state.draft, e) !== void 0;
+			x.value = !/^[a-zA-Z0-9_-]{1,40}$/.test(e) || t, !(x.value || e === l.section.id) && (l.section.id = e, u.selectCanvas(e), u.commit());
 		}
-		function v(e) {
-			let t = c.section.background;
+		function C(e) {
+			let t = l.section.background;
 			e && (t.type = e, e === "gradient" && (t.gradient ??= {
 				type: "linear",
 				from: "primary",
 				to: "secondary",
 				angle: 135
-			}), l.commit());
+			}), u.commit());
 		}
-		function y(e) {
-			c.section.background.image = e ?? null, c.section.background.type !== "video" && (c.section.background.type = e ? "image" : "color");
+		function w(e) {
+			l.section.background.image = e ?? null, l.section.background.type !== "video" && (l.section.background.type = e ? "image" : "color");
 		}
-		return (c, b) => (_(), i("div", fc, [
-			a("div", pc, [a("h2", mc, T(D(u)("section.heading")), 1), D(l).state.draft.sections.length > 1 ? (_(), n(Ir, {
+		return (t, l) => (_(), i("div", fc, [
+			a("div", pc, [a("h2", mc, T(D(d)("section.heading")), 1), D(u).state.draft.sections.length > 1 ? (_(), n(Ir, {
 				key: 0,
-				label: D(u)("section.delete"),
+				label: D(d)("section.delete"),
 				tone: "danger",
-				onClick: b[0] ||= (e) => D(l).removeSection(t.section.id)
+				onClick: l[0] ||= (e) => D(u).removeSection(c.section.id)
 			}, {
 				default: P(() => [s(D(Je), {
 					size: 16,
@@ -8624,23 +8665,23 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				_: 1
 			}, 8, ["label"])) : r("", !0)]),
 			s(J, {
-				id: d.group,
-				label: D(u)("section.shownAs"),
-				hint: D(u)("section.groupHint")
+				id: f.group,
+				label: D(d)("section.shownAs"),
+				hint: D(d)("section.groupHint")
 			}, {
 				default: P(() => [s(Z, {
-					id: d.group,
-					"model-value": t.section.group?.type ?? "alone",
-					options: f,
-					"onUpdate:modelValue": b[1] ||= (e) => D(l).setSectionGroup(t.section, e ?? "alone")
-				}, null, 8, ["id", "model-value"]), t.section.group ? (_(), n(Y, {
+					id: f.group,
+					"model-value": c.section.group?.type ?? "alone",
+					options: p,
+					"onUpdate:modelValue": l[1] ||= (e) => D(u).setSectionGroup(c.section, e ?? "alone")
+				}, null, 8, ["id", "model-value"]), c.section.group ? (_(), n(Y, {
 					key: 0,
-					modelValue: t.section.group.label,
-					"onUpdate:modelValue": b[2] ||= (e) => t.section.group.label = e,
+					modelValue: c.section.group.label,
+					"onUpdate:modelValue": l[2] ||= (e) => c.section.group.label = e,
 					maxlength: 60,
-					placeholder: D(u)("section.groupLabel"),
-					label: D(u)("section.groupLabel"),
-					onCommit: b[3] ||= (e) => D(l).commit()
+					placeholder: D(d)("section.groupLabel"),
+					label: D(d)("section.groupLabel"),
+					onCommit: l[3] ||= (e) => D(u).commit()
 				}, null, 8, [
 					"modelValue",
 					"placeholder",
@@ -8653,17 +8694,17 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				"hint"
 			]),
 			s(J, {
-				id: d.anchor,
-				label: D(u)("section.anchor"),
-				hint: D(u)("section.anchorHint"),
-				error: h.value ? D(u)("section.anchorInvalid") : null
+				id: f.anchor,
+				label: D(d)("section.anchor"),
+				hint: D(d)("section.anchorHint"),
+				error: x.value ? D(d)("section.anchorInvalid") : null
 			}, {
 				default: P(() => [s(Y, {
-					id: d.anchor,
-					modelValue: m.value,
-					"onUpdate:modelValue": b[4] ||= (e) => m.value = e,
+					id: f.anchor,
+					modelValue: y.value,
+					"onUpdate:modelValue": l[4] ||= (e) => y.value = e,
 					maxlength: 40,
-					onCommit: g
+					onCommit: S
 				}, null, 8, ["id", "modelValue"])]),
 				_: 1
 			}, 8, [
@@ -8672,44 +8713,85 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				"hint",
 				"error"
 			]),
-			a("div", hc, [s(q, { onClick: b[5] ||= (e) => D(l).fitCanvas(t.section) }, {
-				default: P(() => [o(T(D(u)("section.fitHeight")), 1)]),
+			a("div", hc, [s(q, { onClick: l[5] ||= (e) => D(u).fitCanvas(c.section) }, {
+				default: P(() => [o(T(D(d)("section.fitHeight")), 1)]),
 				_: 1
-			}), s(q, { onClick: b[6] ||= (e) => D(l).generateMobile(t.section) }, {
-				default: P(() => [o(T(D(u)("section.generateMobile")), 1)]),
+			}), s(q, { onClick: l[6] ||= (e) => D(u).generateMobile(c.section) }, {
+				default: P(() => [o(T(D(d)("section.generateMobile")), 1)]),
 				_: 1
 			})]),
 			a("div", gc, [s(X, {
-				"model-value": t.section.height.desktop,
-				label: D(u)("section.heightDesktop"),
+				"model-value": c.section.height.desktop,
+				label: D(d)("section.heightDesktop"),
 				min: 80,
 				max: 3e3,
-				"onUpdate:modelValue": b[7] ||= (e) => t.section.height.desktop = e ?? t.section.height.desktop,
-				onCommit: b[8] ||= (e) => D(l).commit()
+				"onUpdate:modelValue": l[7] ||= (e) => c.section.height.desktop = e ?? c.section.height.desktop,
+				onCommit: l[8] ||= (e) => D(u).commit()
 			}, null, 8, ["model-value", "label"]), s(X, {
-				"model-value": t.section.height.mobile,
-				label: D(u)("section.heightMobile"),
+				"model-value": c.section.height.mobile,
+				label: D(d)("section.heightMobile"),
 				min: 80,
 				max: 4e3,
-				"onUpdate:modelValue": b[9] ||= (e) => t.section.height.mobile = e ?? t.section.height.mobile,
-				onCommit: b[10] ||= (e) => D(l).commit()
+				"onUpdate:modelValue": l[9] ||= (e) => c.section.height.mobile = e ?? c.section.height.mobile,
+				onCommit: l[10] ||= (e) => D(u).commit()
 			}, null, 8, ["model-value", "label"])]),
+			s(J, {
+				id: f.flow,
+				label: D(d)("section.flow"),
+				hint: D(d)("section.flowHint")
+			}, {
+				default: P(() => [s(Z, {
+					id: f.flow,
+					"model-value": c.section.flow ?? "free",
+					options: D(m),
+					"onUpdate:modelValue": l[11] ||= (e) => c.section.flow = e,
+					onCommit: l[12] ||= (e) => D(u).commit()
+				}, null, 8, [
+					"id",
+					"model-value",
+					"options"
+				])]),
+				_: 1
+			}, 8, [
+				"id",
+				"label",
+				"hint"
+			]),
+			g.value ? (_(), i("div", _c, [s(X, {
+				"model-value": c.section.flow_gap ?? 24,
+				label: D(d)("section.flowGap"),
+				min: 0,
+				max: 160,
+				suffix: "px",
+				"onUpdate:modelValue": l[13] ||= (e) => c.section.flow_gap = e ?? 24,
+				onCommit: l[14] ||= (e) => D(u).commit()
+			}, null, 8, ["model-value", "label"]), s(Z, {
+				"model-value": c.section.flow_align ?? "start",
+				options: D(h),
+				label: D(d)("section.flowAlign"),
+				"onUpdate:modelValue": l[15] ||= (e) => c.section.flow_align = e,
+				onCommit: l[16] ||= (e) => D(u).commit()
+			}, null, 8, [
+				"model-value",
+				"options",
+				"label"
+			])])) : r("", !0),
 			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()
+				modelValue: c.section.wide,
+				"onUpdate:modelValue": l[17] ||= (e) => c.section.wide = e,
+				label: D(d)("section.wide"),
+				onCommit: l[18] ||= (e) => D(u).commit()
 			}, null, 8, ["modelValue", "label"]),
-			a("p", _c, T(D(u)("section.wideHint")), 1),
+			a("p", vc, T(D(d)("section.wideHint")), 1),
 			s(J, {
-				id: d.background,
-				label: D(u)("section.background")
+				id: f.background,
+				label: D(d)("section.background")
 			}, {
 				default: P(() => [s(Z, {
-					id: d.background,
-					"model-value": t.section.background.type,
-					options: D(p),
-					"onUpdate:modelValue": v
+					id: f.background,
+					"model-value": c.section.background.type,
+					options: D(v),
+					"onUpdate:modelValue": C
 				}, null, 8, [
 					"id",
 					"model-value",
@@ -8717,31 +8799,31 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				])]),
 				_: 1
 			}, 8, ["id", "label"]),
-			t.section.background.type === "color" ? (_(), n($, {
-				key: 0,
-				modelValue: t.section.background.color,
-				"onUpdate:modelValue": b[13] ||= (e) => t.section.background.color = e,
-				label: D(u)("section.color"),
-				onCommit: b[14] ||= (e) => D(l).commit()
-			}, null, 8, ["modelValue", "label"])) : t.section.background.type === "gradient" ? (_(), n(cs, {
+			c.section.background.type === "color" ? (_(), n($, {
 				key: 1,
-				modelValue: t.section.background.gradient,
-				"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, {
+				modelValue: c.section.background.color,
+				"onUpdate:modelValue": l[19] ||= (e) => c.section.background.color = e,
+				label: D(d)("section.color"),
+				onCommit: l[20] ||= (e) => D(u).commit()
+			}, null, 8, ["modelValue", "label"])) : c.section.background.type === "gradient" ? (_(), n(cs, {
+				key: 2,
+				modelValue: c.section.background.gradient,
+				"onUpdate:modelValue": l[21] ||= (e) => c.section.background.gradient = e,
+				onCommit: l[22] ||= (e) => D(u).commit()
+			}, null, 8, ["modelValue"])) : (_(), i(e, { key: 3 }, [
+				c.section.background.type === "video" ? (_(), n(J, {
 					key: 0,
-					id: d.video,
-					label: D(u)("section.video"),
-					hint: D(u)("section.videoHint")
+					id: f.video,
+					label: D(d)("section.video"),
+					hint: D(d)("section.videoHint")
 				}, {
 					default: P(() => [s(Y, {
-						id: d.video,
-						modelValue: t.section.background.video,
-						"onUpdate:modelValue": b[17] ||= (e) => t.section.background.video = e,
+						id: f.video,
+						modelValue: c.section.background.video,
+						"onUpdate:modelValue": l[23] ||= (e) => c.section.background.video = e,
 						maxlength: 500,
 						placeholder: "https://…/video.mp4",
-						onCommit: b[18] ||= (e) => D(l).commit()
+						onCommit: l[24] ||= (e) => D(u).commit()
 					}, null, 8, ["id", "modelValue"])]),
 					_: 1
 				}, 8, [
@@ -8750,31 +8832,31 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 					"hint"
 				])) : r("", !0),
 				s(ai, {
-					"model-value": t.section.background.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[19] ||= (e) => D(l).commit()
+					"model-value": c.section.background.image,
+					label: c.section.background.type === "video" ? D(d)("section.poster") : D(d)("section.image"),
+					choose: D(d)("section.chooseImage"),
+					"onUpdate:modelValue": w,
+					onCommit: l[25] ||= (e) => D(u).commit()
 				}, null, 8, [
 					"model-value",
 					"label",
 					"choose"
 				]),
 				s(hi, {
-					modelValue: t.section.background.parallax,
-					"onUpdate:modelValue": b[20] ||= (e) => t.section.background.parallax = e,
-					label: D(u)("section.parallax"),
-					onCommit: b[21] ||= (e) => D(l).commit()
+					modelValue: c.section.background.parallax,
+					"onUpdate:modelValue": l[26] ||= (e) => c.section.background.parallax = e,
+					label: D(d)("section.parallax"),
+					onCommit: l[27] ||= (e) => D(u).commit()
 				}, null, 8, ["modelValue", "label"]),
 				s(Q, {
-					modelValue: t.section.background.overlay,
-					"onUpdate:modelValue": b[22] ||= (e) => t.section.background.overlay = e,
-					label: D(u)("section.overlay"),
+					modelValue: c.section.background.overlay,
+					"onUpdate:modelValue": l[28] ||= (e) => c.section.background.overlay = e,
+					label: D(d)("section.overlay"),
 					min: 0,
 					max: .8,
 					step: .05,
 					format: (e) => `${Math.round(e * 100)}%`,
-					onCommit: b[23] ||= (e) => D(l).commit()
+					onCommit: l[29] ||= (e) => D(u).commit()
 				}, null, 8, [
 					"modelValue",
 					"label",
@@ -8783,10 +8865,10 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			], 64))
 		]));
 	}
-}), yc = {
+}), bc = {
 	key: 4,
 	class: "lze-hint"
-}, bc = /* @__PURE__ */ c({
+}, xc = /* @__PURE__ */ c({
 	__name: "DesignPanel",
 	setup(e) {
 		let r = K(), a = t(() => {
@@ -8813,18 +8895,18 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 		}, null, 8, ["element"])) : a.value.kind === "modal" ? (_(), n(ec, {
 			key: a.value.modal.id,
 			modal: a.value.modal
-		}, null, 8, ["modal"])) : a.value.kind === "section" ? (_(), n(vc, {
+		}, null, 8, ["modal"])) : a.value.kind === "section" ? (_(), n(yc, {
 			key: a.value.section.id,
 			section: a.value.section
-		}, null, 8, ["section"])) : (_(), i("p", yc, T(D(r).t("panel.nothing")), 1));
+		}, null, 8, ["section"])) : (_(), i("p", bc, T(D(r).t("panel.nothing")), 1));
 	}
-}), xc = {
+}), Sc = {
 	key: 0,
 	class: "lze-stack"
-}, Sc = { class: "lze-slug-static" }, Cc = { class: "lze-slug" }, wc = { class: "lze-row" }, Tc = {
+}, Cc = { class: "lze-slug-static" }, wc = { class: "lze-slug" }, Tc = { class: "lze-row" }, Ec = {
 	key: 2,
 	class: "lze-field lze-divided"
-}, Ec = { class: "lze-label" }, Dc = ["onClick"], Oc = { class: "lze-hint" }, kc = { class: "lze-field lze-divided" }, Ac = { class: "lze-label" }, jc = { class: "lze-shortcuts lze-hint" }, Mc = /* @__PURE__ */ c({
+}, Dc = { class: "lze-label" }, Oc = ["onClick"], kc = { class: "lze-hint" }, Ac = { class: "lze-field lze-divided" }, jc = { class: "lze-label" }, Mc = { class: "lze-shortcuts lze-hint" }, Nc = /* @__PURE__ */ c({
 	__name: "PagePanel",
 	setup(c) {
 		let l = K(), u = l.t, d = {
@@ -8843,7 +8925,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", xc, [
+		return (t, c) => f.value ? (_(), i("div", Sc, [
 			s(J, {
 				id: d.title,
 				label: D(u)("page.title")
@@ -8861,7 +8943,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				label: D(u)("page.address"),
 				hint: D(u)("page.homeHint")
 			}, {
-				default: P(() => [a("p", Sc, [c[4] ||= a("span", {
+				default: P(() => [a("p", Cc, [c[4] ||= a("span", {
 					class: "lze-slug-root",
 					"aria-hidden": "true"
 				}, "/", -1), o(T(D(u)("page.home")), 1)])]),
@@ -8871,7 +8953,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", Cc, [c[5] ||= a("span", { "aria-hidden": "true" }, "/", -1), s(Y, {
+				default: P(() => [a("div", wc, [c[5] ||= a("span", { "aria-hidden": "true" }, "/", -1), s(Y, {
 					id: d.slug,
 					modelValue: p.value,
 					"onUpdate:modelValue": c[1] ||= (e) => p.value = e,
@@ -8887,7 +8969,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				"id",
 				"label",
 				"error"
-			]), a("div", wc, [s(q, {
+			]), a("div", Tc, [s(q, {
 				disabled: h.value || p.value.trim() === f.value.slug,
 				onClick: v
 			}, {
@@ -8900,12 +8982,12 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				default: P(() => [o(T(D(u)("page.delete")), 1)]),
 				_: 1
 			})])], 64)),
-			g.value ? (_(), i("div", Tc, [a("span", Ec, T(D(u)("page.templates")), 1), (_(!0), i(e, null, x(D(dn), (e) => (_(), i("button", {
+			g.value ? (_(), i("div", Ec, [a("span", Dc, 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", Oc, T(D(u)(e.note)), 1)], 8, Dc))), 128))])) : r("", !0),
+			}, [a("strong", null, T(D(u)(e.name)), 1), a("span", kc, T(D(u)(e.note)), 1)], 8, Oc))), 128))])) : r("", !0),
 			s(J, {
 				id: d.seoTitle,
 				label: D(u)("page.seoTitle"),
@@ -8936,7 +9018,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				}, null, 8, ["id", "modelValue"])]),
 				_: 1
 			}, 8, ["id", "label"]),
-			a("div", kc, [a("span", Ac, T(D(u)("page.shortcuts")), 1), a("ul", jc, [
+			a("div", Ac, [a("span", jc, T(D(u)("page.shortcuts")), 1), a("ul", Mc, [
 				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),
@@ -8944,42 +9026,42 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			])])
 		])) : r("", !0);
 	}
-}), Nc = { class: "lze-sidebar lze-right" }, Pc = {
+}), Pc = { class: "lze-sidebar lze-right" }, Fc = {
 	class: "lze-tabs",
 	role: "tablist"
-}, Fc = ["aria-selected"], Ic = ["aria-selected"], Lc = {
+}, Ic = ["aria-selected"], Lc = ["aria-selected"], Rc = {
 	class: "lze-scroll lze-pad",
 	role: "tabpanel"
-}, Rc = /* @__PURE__ */ c({
+}, zc = /* @__PURE__ */ c({
 	__name: "RightPanel",
 	setup(e) {
 		let t = K(), r = b("design");
-		return (e, o) => (_(), i("aside", Nc, [a("div", Pc, [a("button", {
+		return (e, o) => (_(), i("aside", Pc, [a("div", Fc, [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, Fc), a("button", {
+		}, T(D(t).t("panel.design")), 9, Ic), 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, Ic)]), a("div", Lc, [r.value === "design" ? (_(), n(bc, { key: 0 })) : (_(), n(Mc, { key: 1 }))])]));
+		}, T(D(t).t("panel.page")), 9, Lc)]), a("div", Rc, [r.value === "design" ? (_(), n(xc, { key: 0 })) : (_(), n(Nc, { key: 1 }))])]));
 	}
-}), zc = { class: "lze-toolbar" }, Bc = { class: "lze-toolbar-group" }, Vc = { class: "lze-site-name" }, Hc = ["aria-label", "value"], Uc = ["value"], Wc = ["data-published"], Gc = ["data-tone"], Kc = { class: "lze-toolbar-group" }, qc = ["aria-label"], Jc = [
+}), Bc = { class: "lze-toolbar" }, Vc = { class: "lze-toolbar-group" }, Hc = { class: "lze-site-name" }, Uc = ["aria-label", "value"], Wc = ["value"], Gc = ["data-published"], Kc = ["data-tone"], qc = { class: "lze-toolbar-group" }, Jc = ["aria-label"], Yc = [
 	"title",
 	"aria-label",
 	"aria-pressed",
 	"onClick"
-], Yc = [
+], Xc = [
 	"title",
 	"aria-label",
 	"disabled"
-], Xc = [
+], Zc = [
 	"title",
 	"aria-label",
 	"disabled"
-], Zc = ["href"], Qc = /* @__PURE__ */ c({
+], Qc = ["href"], $c = /* @__PURE__ */ c({
 	__name: "Toolbar",
 	setup(c) {
 		let l = K(), u = l.t, d = t(() => l.state.page), f = new Intl.DateTimeFormat(l.i18n.locale, {
@@ -9032,8 +9114,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", zc, [a("div", Bc, [
-			a("strong", Vc, T(D(l).state.workspace.site.name), 1),
+		return (t, c) => (_(), i("header", Bc, [a("div", Vc, [
+			a("strong", Hc, T(D(l).state.workspace.site.name), 1),
 			d.value ? (_(), i("select", {
 				key: 0,
 				class: "lze-select lze-page-select",
@@ -9043,7 +9125,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, Uc))), 128))], 40, Hc)) : r("", !0),
+			}, T(e.title) + T(e.slug ? ` /${e.slug}` : ""), 9, Wc))), 128))], 40, Uc)) : r("", !0),
 			s(q, {
 				variant: "ghost",
 				title: D(u)("toolbar.newPageHint"),
@@ -9059,13 +9141,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, Wc)) : r("", !0),
+			}, T(d.value.publishedAt ? D(u)("status.published") : D(u)("status.unpublished")), 9, Gc)) : 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, Gc),
+			}, T(p.value.text), 9, Kc),
 			p.value.retry ? (_(), n(q, {
 				key: 2,
 				variant: "ghost",
@@ -9082,7 +9164,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				default: P(() => [o(T(D(u)("conflict.reload")), 1)]),
 				_: 1
 			})) : r("", !0)
-		]), a("div", Kc, [
+		]), a("div", qc, [
 			a("div", {
 				class: "lze-segmented",
 				role: "group",
@@ -9102,7 +9184,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				key: 1,
 				size: 16,
 				"aria-hidden": "true"
-			}))], 8, Jc)), 64))], 8, qc),
+			}))], 8, Yc)), 64))], 8, Jc),
 			a("button", {
 				type: "button",
 				class: "lze-icon-btn",
@@ -9113,7 +9195,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			}, [s(D(Xe), {
 				size: 16,
 				"aria-hidden": "true"
-			})], 8, Yc),
+			})], 8, Xc),
 			a("button", {
 				type: "button",
 				class: "lze-icon-btn",
@@ -9124,7 +9206,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			}, [s(D(Be), {
 				size: 16,
 				"aria-hidden": "true"
-			})], 8, Xc),
+			})], 8, Zc),
 			s(q, {
 				variant: "ghost",
 				title: D(l).state.previewing ? D(u)("toolbar.editHint") : D(u)("toolbar.previewHint"),
@@ -9182,7 +9264,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				href: m.value,
 				target: "_blank",
 				rel: "noopener noreferrer"
-			}, T(D(u)("toolbar.viewSite")), 9, Zc)) : r("", !0),
+			}, T(D(u)("toolbar.viewSite")), 9, Qc)) : r("", !0),
 			s(q, {
 				variant: "primary",
 				disabled: D(l).state.publishing || !d.value,
@@ -9193,25 +9275,25 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			}, 8, ["disabled"])
 		])]));
 	}
-}), $c = [
+}), el = [
 	".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"), el = /* @__PURE__ */ new WeakMap();
-function tl(e) {
+].join("\n"), tl = /* @__PURE__ */ new WeakMap();
+function nl(e) {
 	let t = e.getRootNode();
-	if (!(t instanceof Document || t instanceof ShadowRoot) || el.has(t)) return;
+	if (!(t instanceof Document || t instanceof ShadowRoot) || tl.has(t)) return;
 	let n = new CSSStyleSheet();
-	n.replaceSync($c), el.set(t, n), t.adoptedStyleSheets = [...t.adoptedStyleSheets, n];
+	n.replaceSync(el), tl.set(t, n), t.adoptedStyleSheets = [...t.adoptedStyleSheets, n];
 }
 //#endregion
 //#region src/ui/Toasts.vue?vue&type=script&setup=true&lang.ts
-var nl = { class: "lze-toasts" }, rl = ["data-tone", "role"], il = ["aria-label", "onClick"], al = /* @__PURE__ */ c({
+var rl = { class: "lze-toasts" }, il = ["data-tone", "role"], al = ["aria-label", "onClick"], ol = /* @__PURE__ */ c({
 	__name: "Toasts",
 	setup(t) {
 		let n = K();
-		return (t, r) => (_(), i("div", nl, [(_(!0), i(e, null, x(D(n).state.toasts, (e) => (_(), i("div", {
+		return (t, r) => (_(), i("div", rl, [(_(!0), i(e, null, x(D(n).state.toasts, (e) => (_(), i("div", {
 			key: e.id,
 			class: "lze-toast",
 			"data-tone": e.tone,
@@ -9224,19 +9306,19 @@ var nl = { class: "lze-toasts" }, rl = ["data-tone", "role"], il = ["aria-label"
 		}, [s(D($e), {
 			size: 14,
 			"aria-hidden": "true"
-		})], 8, il)], 8, rl))), 128))]));
+		})], 8, al)], 8, il))), 128))]));
 	}
-}), ol = ["lang"], sl = {
+}), sl = ["lang"], cl = {
 	key: 0,
 	class: "lze-center"
-}, cl = {
+}, ll = {
 	key: 1,
 	class: "lze-center",
 	role: "alert"
-}, ll = {
+}, ul = {
 	key: 2,
 	class: "lze-center"
-}, ul = { class: "lze-body" }, dl = { class: "lze-main" }, fl = /* @__PURE__ */ c({
+}, dl = { class: "lze-body" }, fl = { class: "lze-main" }, pl = /* @__PURE__ */ c({
 	inheritAttrs: !1,
 	__name: "LienzoEditor",
 	props: {
@@ -9266,7 +9348,7 @@ var nl = { class: "lze-toasts" }, rl = ["data-tone", "role"], il = ["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 && tl(u.value), window.addEventListener("keydown", p), l.load();
+			u.value && nl(u.value), window.addEventListener("keydown", p), l.load();
 		}), h(() => {
 			window.removeEventListener("keydown", p), m?.remove(), l.dispose();
 		}), (t, r) => (_(), i("div", {
@@ -9275,23 +9357,23 @@ var nl = { class: "lze-toasts" }, rl = ["data-tone", "role"], il = ["aria-label"
 			class: "lze-root",
 			lang: D(c).locale
 		}, [
-			D(l).state.load.kind === "loading" ? (_(), i("div", sl, T(D(l).t("load.loading")), 1)) : D(l).state.load.kind === "failed" ? (_(), i("div", cl, [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", cl, T(D(l).t("load.loading")), 1)) : D(l).state.load.kind === "failed" ? (_(), i("div", ll, [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", ll, [s(q, {
+			})])) : D(l).state.load.kind === "empty" ? (_(), i("div", ul, [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", ul, [
+			})])) : (_(), i(e, { key: 3 }, [s($c), a("div", dl, [
 				s(So, { "drop-point": f }),
-				a("main", dl, [D(l).state.previewing ? (_(), n(vr, { key: 0 })) : (_(), n(gr, {
+				a("main", fl, [D(l).state.previewing ? (_(), n(vr, { key: 0 })) : (_(), n(gr, {
 					key: 1,
 					ref_key: "canvas",
 					ref: d
 				}, null, 512))]),
-				s(Rc)
+				s(zc)
 			])], 64)),
 			s($r),
 			s(pa),
@@ -9300,11 +9382,11 @@ var nl = { class: "lze-toasts" }, rl = ["data-tone", "role"], il = ["aria-label"
 			s(Vi),
 			s(Pr),
 			s(Wr),
-			s(al)
-		], 8, ol));
+			s(ol)
+		], 8, sl));
 	}
 });
 //#endregion
-export { Qt as n, Zt as r, fl as t };
+export { Qt as n, Zt as r, pl as t };
-//# sourceMappingURL=LienzoEditor-CEfqCPdf.js.map
+//# sourceMappingURL=LienzoEditor-dSKBP4Pb.js.map