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

@skylivellc/lienzo-editor 0.6.1 → 0.8.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 (11) hide show

package/dist/{LienzoEditor-BgKVBD49.js → LienzoEditor-CEfqCPdf.js} +395 -283
package/dist/LienzoEditor-CEfqCPdf.js.map +1 -0
package/dist/element.js +1 -1
package/dist/index.js +1 -1
package/dist/standalone/lienzo-editor.js +14 -8
package/dist/standalone/lienzo-editor.js.map +1 -1
package/dist/types/i18n/en.d.ts +16 -0
package/dist/types/state/editor.d.ts +50 -8
package/dist/types/ui/Button.vue.d.ts +1 -1
package/package.json +2 -2
package/dist/LienzoEditor-BgKVBD49.js.map +0 -1

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

@@ -1303,6 +1303,9 @@ var Zt = {
 	"el.scroll.shadow": "Gains a shadow",
 	"el.scroll.solid": "Solid background and shadow",
 	"el.scroll.compact": "Shrinks, solid and with a shadow",
+	"el.scrollBackground": "Background once it scrolls",
+	"el.scrollColor": "Text once it scrolls",
+	"el.scrollColorsHint": "A bar that starts transparent over a photo needs its own colors once the page moves, or it turns invisible.",
 	"el.notSticky": "Not sticky: the menu stays where you put it and scrolls away with the page.",
 	"el.layout": "Layout",
 	"el.layout.split": "Brand and links on each side",
@@ -1351,6 +1354,19 @@ var Zt = {
 	"style.align.left": "Left",
 	"style.align.center": "Center",
 	"style.align.right": "Right",
+	"style.sizeMobile": "Size on phones",
+	"style.tracking": "Letter spacing",
+	"style.case": "Letters",
+	"style.case.none": "As written",
+	"style.case.upper": "UPPERCASE",
+	"style.case.lower": "lowercase",
+	"style.case.title": "Title Case",
+	"style.face": "Face",
+	"style.face.solid": "Solid",
+	"style.face.outline": "Hollow",
+	"style.face.glow": "Glowing",
+	"style.autoHeight": "Grow with the text",
+	"style.autoHeightHint": "The box takes the height its text needs, so a longer line never gets cropped.",
 	"style.lineHeight": "Line height",
 	"style.frame": "Frame",
 	"style.radius": "Corners",
@@ -1853,6 +1869,9 @@ var Zt = {
 	"el.scroll.shadow": "Gana sombra",
 	"el.scroll.solid": "Fondo sólido y sombra",
 	"el.scroll.compact": "Se encoge, sólido y con sombra",
+	"el.scrollBackground": "Fondo al bajar",
+	"el.scrollColor": "Texto al bajar",
+	"el.scrollColorsHint": "Una barra que empieza transparente sobre una foto necesita sus propios colores al bajar, o se vuelve invisible.",
 	"el.notSticky": "Sin fijar, el menú se queda donde lo pusiste y se va con el desplazamiento.",
 	"el.layout": "Distribución",
 	"el.layout.split": "Marca y enlaces a los lados",
@@ -1901,6 +1920,19 @@ var Zt = {
 	"style.align.left": "Izquierda",
 	"style.align.center": "Centro",
 	"style.align.right": "Derecha",
+	"style.sizeMobile": "Tamaño en celular",
+	"style.tracking": "Espacio entre letras",
+	"style.case": "Letras",
+	"style.case.none": "Como se escribió",
+	"style.case.upper": "MAYÚSCULAS",
+	"style.case.lower": "minúsculas",
+	"style.case.title": "Tipo Título",
+	"style.face": "Trazo",
+	"style.face.solid": "Lleno",
+	"style.face.outline": "Hueco",
+	"style.face.glow": "Con resplandor",
+	"style.autoHeight": "Crecer con el texto",
+	"style.autoHeightHint": "La caja toma el alto que su texto necesita, así una línea larga nunca se corta.",
 	"style.lineHeight": "Interlineado",
 	"style.frame": "Marco",
 	"style.radius": "Esquinas",
@@ -3634,7 +3666,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);border:var(--_border,0);border-radius:calc(var(--r) * var(--u));padding:var(--_p,0);opacity:var(--op);transform:var(--_rot,) var(--_flip,) var(--_anim,)}\n.lz-el[data-font=heading]{font-family:var(--font-heading)}\n.lz-el[data-align=left]{text-align:left}\n.lz-el[data-align=center]{text-align:center}\n.lz-el[data-align=right]{text-align:right}\n.lz-el[data-fill=linear]{background:linear-gradient(calc(var(--ga,135) * 1deg),color-mix(in srgb,var(--g1) calc(var(--ba,1) * 100%),transparent),color-mix(in srgb,var(--g2) calc(var(--ba,1) * 100%),transparent))}\n.lz-el[data-fill=radial]{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--g1) calc(var(--ba,1) * 100%),transparent),color-mix(in srgb,var(--g2) calc(var(--ba,1) * 100%),transparent))}\n.lz-el[data-shadow=sm]{box-shadow:0 1px 2px rgba(15,23,42,.08)}\n.lz-el[data-shadow=md]{box-shadow:0 8px 24px rgba(15,23,42,.12)}\n.lz-el[data-shadow=lg]{box-shadow:0 24px 48px rgba(15,23,42,.18)}\n.lz-el[data-shadow=custom]{box-shadow:calc(var(--shx,0) * var(--u)) calc(var(--shy,12) * var(--u)) calc(var(--shb,32) * var(--u)) calc(var(--shs,0) * var(--u)) color-mix(in srgb,var(--shc,var(--secondary)) calc(var(--sha,.2) * 100%),transparent)}\n.lz-el[data-clip]:not([data-overflow]),.lz-el[data-overflow=hidden]{overflow:hidden}\n.lz-el[data-pin]{position:fixed;z-index:calc(var(--z) + 500);left:calc(50% - var(--ref) * var(--u) / 2 + var(--x) * var(--ref) * var(--u) / 100);top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--ref) * var(--u) / 100)}\n.lz-el[data-overflow=scroll-x]{overflow-x:auto;overflow-y:hidden}\n.lz-el[data-overflow=scroll-y]{overflow-y:auto;overflow-x:hidden}\n.lz-el[data-flip-x],.lz-el[data-flip-y]{--_flip:scale(var(--_fx,1),var(--_fy,1))}\n.lz-el[data-flip-x]{--_fx:-1}\n.lz-el[data-flip-y]{--_fy:-1}\n@container lz not (max-width:640px){.lz-el[data-visible=mobile]{display:none}}\n.lz-accent{color:var(--ac)}\n@media (prefers-reduced-motion:no-preference){.lz-el[data-anim]{opacity:0;transition:opacity calc(var(--adur,.7) * 1s) ease calc(var(--ad,0) * 1s),transform calc(var(--adur,.7) * 1s) cubic-bezier(.22,.61,.36,1) calc(var(--ad,0) * 1s)}.lz-el[data-anim=up]{--_anim:translateY(28px)}.lz-el[data-anim=down]{--_anim:translateY(-28px)}.lz-el[data-anim=left]{--_anim:translateX(-32px)}.lz-el[data-anim=right]{--_anim:translateX(32px)}.lz-el[data-anim=zoom]{--_anim:scale(.94)}.lz-el[data-anim=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(--bg,var(--background));-webkit-backdrop-filter:none;backdrop-filter:none}\n.lz-navbar[data-scrolled][data-scroll=compact]{height:calc(var(--h) * .78 * var(--u))}\n.lz-navbar-brand{font-family:var(--font-heading);font-weight:700;font-size:1.15em;white-space:nowrap}\n.lz-navbar[data-template=pill]{border-radius:999px;padding:0 calc(26 * var(--u));background:var(--bg,var(--surface))}\n.lz-navbar[data-template=card]{border-radius:calc(var(--r,14) * var(--u));padding:0 calc(22 * var(--u));background:var(--bg,var(--background));box-shadow:0 10px 30px rgba(15,23,42,.1)}\n.lz-navbar[data-template=underline]{border-bottom:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 18%,transparent)}\n.lz-navbar[data-template=underline] a{padding-bottom:calc(4 * var(--u));border-bottom:calc(2 * var(--u)) solid transparent}\n.lz-navbar[data-template=underline] a:hover{opacity:1;border-bottom-color:currentColor}\n.lz-navbar[data-template=divided] .lz-navbar-links{gap:0}\n.lz-navbar[data-template=divided] .lz-navbar-links a{padding:0 calc(18 * var(--u));border-left:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 20%,transparent)}\n.lz-navbar[data-template=divided] .lz-navbar-links a:first-child{border-left:0}\n.lz-navbar[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-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-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) {
@@ -7037,27 +7069,69 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			}, 8, ["id", "label"])
 		], 64));
 	}
-}), Po = { class: "lze-field" }, Fo = { class: "lze-label" }, Io = { class: "lze-row" }, Lo = {
-	key: 1,
+}), Po = { class: "lze-field" }, Fo = { class: "lze-label" }, Io = ["aria-label"], Lo = [
+	"title",
+	"aria-label",
+	"aria-pressed",
+	"onClick"
+], Ro = ["data-active", "title"], zo = ["value", "aria-label"], $ = /* @__PURE__ */ c({
+	__name: "ColorPicker",
+	props: /*@__PURE__*/ d({ label: {} }, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ d(["commit"], ["update:modelValue"]),
+	setup(n, { emit: r }) {
+		let s = k(n, "modelValue"), c = r, l = K(), u = t(() => s.value && !kt(s.value) ? s.value : "#2563eb");
+		function d(e) {
+			s.value = e, c("commit");
+		}
+		return (t, r) => (_(), i("div", Po, [a("span", Fo, T(n.label), 1), a("div", {
+			class: "lze-swatches",
+			role: "group",
+			"aria-label": n.label
+		}, [(_(!0), i(e, null, x(D(Dt), (e) => (_(), i("button", {
+			key: e,
+			type: "button",
+			class: "lze-swatch",
+			style: m({ background: D(It)(e, D(l).theme.value) }),
+			title: D(l).t(`token.${e}`),
+			"aria-label": D(l).t(`token.${e}`),
+			"aria-pressed": s.value === e,
+			onClick: (t) => d(e)
+		}, null, 12, Lo))), 128)), a("label", {
+			class: "lze-swatch-custom",
+			"data-active": !!s.value && !D(kt)(s.value),
+			title: D(l).t("color.custom")
+		}, [a("input", {
+			type: "color",
+			value: u.value,
+			"aria-label": D(l).t("color.customLabel", { label: n.label }),
+			onInput: r[0] ||= (e) => s.value = e.target.value,
+			onChange: r[1] ||= (e) => c("commit")
+		}, null, 40, zo), o(" " + T(D(l).t("color.custom")), 1)], 8, Ro)], 8, Io)]));
+	}
+}), Bo = { class: "lze-field" }, Vo = { class: "lze-label" }, Ho = { class: "lze-row" }, Uo = { class: "lze-hint" }, Wo = {
+	key: 2,
 	class: "lze-hint"
-}, Ro = { class: "lze-field" }, zo = { class: "lze-heading" }, Bo = { class: "lze-label" }, Vo = { class: "lze-row lze-nowrap" }, Ho = { class: "lze-hint" }, Uo = 8, Wo = /* @__PURE__ */ c({
+}, Go = { class: "lze-field" }, Ko = { class: "lze-heading" }, qo = { class: "lze-label" }, Jo = { class: "lze-row lze-nowrap" }, Yo = { class: "lze-hint" }, Xo = 8, Zo = /* @__PURE__ */ c({
 	__name: "NavbarContent",
 	props: { element: {} },
-	setup(r) {
-		let c = r, l = K(), u = l.t, d = {
+	setup(c) {
+		let l = c, u = K(), d = u.t, f = {
 			brand: O(),
 			scroll: O(),
 			layout: O(),
 			template: O()
-		}, f = Gt(u), p = [
+		}, p = Gt(d), m = [
 			"same",
 			"shadow",
 			"solid",
 			"compact"
 		].map((e) => ({
 			value: e,
-			label: u(`el.scroll.${e}`)
-		})), m = [
+			label: d(`el.scroll.${e}`)
+		})), h = [
 			"plain",
 			"pill",
 			"card",
@@ -7068,55 +7142,55 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			"tracked"
 		].map((e) => ({
 			value: e,
-			label: u(`el.navbarTemplate.${e}`)
-		})), h = [
+			label: d(`el.navbarTemplate.${e}`)
+		})), g = [
 			"split",
 			"left",
 			"center"
 		].map((e) => ({
 			value: e,
-			label: u(`el.layout.${e}`)
-		})), g = t(() => c.element.props.links ?? []);
-		function v(e) {
-			c.element.props = {
-				...c.element.props,
+			label: d(`el.layout.${e}`)
+		})), v = t(() => l.element.props.links ?? []);
+		function y(e) {
+			l.element.props = {
+				...l.element.props,
 				...H(e.props)
-			}, c.element.style = {
-				...c.element.style,
+			}, l.element.style = {
+				...l.element.style,
 				...H(e.style)
-			}, l.commit();
+			}, u.commit();
 		}
-		function y() {
-			c.element.props.links = [...g.value, {
-				label: u("default.link"),
+		function b() {
+			l.element.props.links = [...v.value, {
+				label: d("default.link"),
 				action: {
 					type: "anchor",
 					value: ""
 				}
-			}], l.commit();
+			}], u.commit();
 		}
-		function b(e) {
-			c.element.props.links = g.value.filter((t, n) => n !== e), l.commit();
+		function S(e) {
+			l.element.props.links = v.value.filter((t, n) => n !== e), u.commit();
 		}
-		return (t, c) => (_(), i(e, null, [
-			a("div", Po, [a("span", Fo, T(D(u)("el.presets")), 1), a("div", Io, [(_(!0), i(e, null, x(D(f), (e) => (_(), n(q, {
+		return (t, l) => (_(), i(e, null, [
+			a("div", Bo, [a("span", Vo, T(D(d)("el.presets")), 1), a("div", Ho, [(_(!0), i(e, null, x(D(p), (e) => (_(), n(q, {
 				key: e.name,
-				onClick: (t) => v(e)
+				onClick: (t) => y(e)
 			}, {
-				default: P(() => [o(T(D(u)(e.name)), 1)]),
+				default: P(() => [o(T(D(d)(e.name)), 1)]),
 				_: 2
 			}, 1032, ["onClick"]))), 128))])]),
 			s(J, {
-				id: d.brand,
-				label: D(u)("el.brand")
+				id: f.brand,
+				label: D(d)("el.brand")
 			}, {
 				default: P(() => [s(Y, {
-					id: d.brand,
-					modelValue: r.element.props.brand,
-					"onUpdate:modelValue": c[0] ||= (e) => r.element.props.brand = e,
+					id: f.brand,
+					modelValue: c.element.props.brand,
+					"onUpdate:modelValue": l[0] ||= (e) => c.element.props.brand = e,
 					maxlength: 60,
-					placeholder: D(u)("el.brandPlaceholder"),
-					onCommit: c[1] ||= (e) => D(l).commit()
+					placeholder: D(d)("el.brandPlaceholder"),
+					onCommit: l[1] ||= (e) => D(u).commit()
 				}, null, 8, [
 					"id",
 					"modelValue",
@@ -7125,39 +7199,54 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				_: 1
 			}, 8, ["id", "label"]),
 			s(hi, {
-				modelValue: r.element.props.sticky,
-				"onUpdate:modelValue": c[2] ||= (e) => r.element.props.sticky = e,
-				label: D(u)("el.sticky"),
-				onCommit: c[3] ||= (e) => D(l).commit()
+				modelValue: c.element.props.sticky,
+				"onUpdate:modelValue": l[2] ||= (e) => c.element.props.sticky = e,
+				label: D(d)("el.sticky"),
+				onCommit: l[3] ||= (e) => D(u).commit()
 			}, null, 8, ["modelValue", "label"]),
-			r.element.props.sticky ? (_(), n(J, {
+			c.element.props.sticky ? (_(), n(J, {
 				key: 0,
-				id: d.scroll,
-				label: D(u)("el.scrollStyle")
+				id: f.scroll,
+				label: D(d)("el.scrollStyle")
 			}, {
 				default: P(() => [s(Z, {
-					id: d.scroll,
-					"model-value": r.element.props.scroll_style ?? "same",
-					options: D(p),
-					"onUpdate:modelValue": c[4] ||= (e) => r.element.props.scroll_style = e,
-					onCommit: c[5] ||= (e) => D(l).commit()
+					id: f.scroll,
+					"model-value": c.element.props.scroll_style ?? "same",
+					options: D(m),
+					"onUpdate:modelValue": l[4] ||= (e) => c.element.props.scroll_style = e,
+					onCommit: l[5] ||= (e) => D(u).commit()
 				}, null, 8, [
 					"id",
 					"model-value",
 					"options"
 				])]),
 				_: 1
-			}, 8, ["id", "label"])) : (_(), i("p", Lo, T(D(u)("el.notSticky")), 1)),
+			}, 8, ["id", "label"])) : r("", !0),
+			c.element.props.sticky ? (_(), i(e, { key: 1 }, [
+				s($, {
+					modelValue: c.element.style.scroll_background,
+					"onUpdate:modelValue": l[6] ||= (e) => c.element.style.scroll_background = e,
+					label: D(d)("el.scrollBackground"),
+					onCommit: l[7] ||= (e) => D(u).commit()
+				}, null, 8, ["modelValue", "label"]),
+				s($, {
+					modelValue: c.element.style.scroll_color,
+					"onUpdate:modelValue": l[8] ||= (e) => c.element.style.scroll_color = e,
+					label: D(d)("el.scrollColor"),
+					onCommit: l[9] ||= (e) => D(u).commit()
+				}, null, 8, ["modelValue", "label"]),
+				a("p", Uo, T(D(d)("el.scrollColorsHint")), 1)
+			], 64)) : (_(), i("p", Wo, T(D(d)("el.notSticky")), 1)),
 			s(J, {
-				id: d.layout,
-				label: D(u)("el.layout")
+				id: f.layout,
+				label: D(d)("el.layout")
 			}, {
 				default: P(() => [s(Z, {
-					id: d.layout,
-					"model-value": r.element.props.layout ?? "split",
-					options: D(h),
-					"onUpdate:modelValue": c[6] ||= (e) => r.element.props.layout = e,
-					onCommit: c[7] ||= (e) => D(l).commit()
+					id: f.layout,
+					"model-value": c.element.props.layout ?? "split",
+					options: D(g),
+					"onUpdate:modelValue": l[10] ||= (e) => c.element.props.layout = e,
+					onCommit: l[11] ||= (e) => D(u).commit()
 				}, null, 8, [
 					"id",
 					"model-value",
@@ -7166,15 +7255,15 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				_: 1
 			}, 8, ["id", "label"]),
 			s(J, {
-				id: d.template,
-				label: D(u)("el.navbarTemplate")
+				id: f.template,
+				label: D(d)("el.navbarTemplate")
 			}, {
 				default: P(() => [s(Z, {
-					id: d.template,
-					"model-value": r.element.props.template ?? "plain",
-					options: D(m),
-					"onUpdate:modelValue": c[8] ||= (e) => r.element.props.template = e,
-					onCommit: c[9] ||= (e) => D(l).commit()
+					id: f.template,
+					"model-value": c.element.props.template ?? "plain",
+					options: D(h),
+					"onUpdate:modelValue": l[12] ||= (e) => c.element.props.template = e,
+					onCommit: l[13] ||= (e) => D(u).commit()
 				}, null, 8, [
 					"id",
 					"model-value",
@@ -7182,52 +7271,52 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				])]),
 				_: 1
 			}, 8, ["id", "label"]),
-			a("div", Ro, [
-				a("div", zo, [a("span", Bo, T(D(u)("el.links")), 1), s(q, {
-					disabled: g.value.length >= Uo,
-					onClick: y
+			a("div", Go, [
+				a("div", Ko, [a("span", qo, T(D(d)("el.links")), 1), s(q, {
+					disabled: v.value.length >= Xo,
+					onClick: b
 				}, {
-					default: P(() => [o(T(D(u)("common.add")), 1)]),
+					default: P(() => [o(T(D(d)("common.add")), 1)]),
 					_: 1
 				}, 8, ["disabled"])]),
-				(_(!0), i(e, null, x(g.value, (e, t) => (_(), i("fieldset", {
+				(_(!0), i(e, null, x(v.value, (e, t) => (_(), i("fieldset", {
 					key: t,
 					class: "lze-link-card"
 				}, [
-					a("legend", null, T(D(u)("el.linkN", { n: t + 1 })), 1),
-					a("div", Vo, [s(Y, {
+					a("legend", null, T(D(d)("el.linkN", { n: t + 1 })), 1),
+					a("div", Jo, [s(Y, {
 						modelValue: e.label,
 						"onUpdate:modelValue": (t) => e.label = t,
 						maxlength: 40,
-						label: D(u)("el.linkLabel"),
-						onCommit: c[10] ||= (e) => D(l).commit()
+						label: D(d)("el.linkLabel"),
+						onCommit: l[14] ||= (e) => D(u).commit()
 					}, null, 8, [
 						"modelValue",
 						"onUpdate:modelValue",
 						"label"
 					]), s(q, {
 						variant: "danger",
-						onClick: (e) => b(t)
+						onClick: (e) => S(t)
 					}, {
-						default: P(() => [o(T(D(u)("el.removeLink")), 1)]),
+						default: P(() => [o(T(D(d)("el.removeLink")), 1)]),
 						_: 1
 					}, 8, ["onClick"])]),
 					s(Ci, {
 						modelValue: e.action,
 						"onUpdate:modelValue": (t) => e.action = t,
-						label: D(u)("el.action"),
-						onCommit: c[11] ||= (e) => D(l).commit()
+						label: D(d)("el.action"),
+						onCommit: l[15] ||= (e) => D(u).commit()
 					}, null, 8, [
 						"modelValue",
 						"onUpdate:modelValue",
 						"label"
 					])
 				]))), 128)),
-				a("p", Ho, T(D(u)("el.linksHint")), 1)
+				a("p", Yo, T(D(d)("el.linksHint")), 1)
 			])
 		], 64));
 	}
-}), Go = /* @__PURE__ */ c({
+}), Qo = /* @__PURE__ */ c({
 	__name: "ShapeContent",
 	props: { element: {} },
 	setup(t) {
@@ -7264,49 +7353,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			"format"
 		])], 64));
 	}
-}), Ko = { class: "lze-field" }, qo = { class: "lze-label" }, Jo = ["aria-label"], Yo = [
-	"title",
-	"aria-label",
-	"aria-pressed",
-	"onClick"
-], Xo = ["data-active", "title"], Zo = ["value", "aria-label"], $ = /* @__PURE__ */ c({
-	__name: "ColorPicker",
-	props: /*@__PURE__*/ d({ label: {} }, {
-		modelValue: { required: !0 },
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ d(["commit"], ["update:modelValue"]),
-	setup(n, { emit: r }) {
-		let s = k(n, "modelValue"), c = r, l = K(), u = t(() => s.value && !kt(s.value) ? s.value : "#2563eb");
-		function d(e) {
-			s.value = e, c("commit");
-		}
-		return (t, r) => (_(), i("div", Ko, [a("span", qo, T(n.label), 1), a("div", {
-			class: "lze-swatches",
-			role: "group",
-			"aria-label": n.label
-		}, [(_(!0), i(e, null, x(D(Dt), (e) => (_(), i("button", {
-			key: e,
-			type: "button",
-			class: "lze-swatch",
-			style: m({ background: D(It)(e, D(l).theme.value) }),
-			title: D(l).t(`token.${e}`),
-			"aria-label": D(l).t(`token.${e}`),
-			"aria-pressed": s.value === e,
-			onClick: (t) => d(e)
-		}, null, 12, Yo))), 128)), a("label", {
-			class: "lze-swatch-custom",
-			"data-active": !!s.value && !D(kt)(s.value),
-			title: D(l).t("color.custom")
-		}, [a("input", {
-			type: "color",
-			value: u.value,
-			"aria-label": D(l).t("color.customLabel", { label: n.label }),
-			onInput: r[0] ||= (e) => s.value = e.target.value,
-			onChange: r[1] ||= (e) => c("commit")
-		}, null, 40, Zo), o(" " + T(D(l).t("color.custom")), 1)], 8, Xo)], 8, Jo)]));
-	}
-}), Qo = /* @__PURE__ */ c({
+}), $o = /* @__PURE__ */ c({
 	__name: "TextContent",
 	props: { element: {} },
 	setup(t) {
@@ -7383,7 +7430,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			}, 8, ["id", "label"])) : r("", !0)
 		], 64));
 	}
-}), $o = /* @__PURE__ */ c({
+}), es = /* @__PURE__ */ c({
 	__name: "VideoContent",
 	props: { element: {} },
 	setup(e) {
@@ -7413,7 +7460,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			"hint"
 		]));
 	}
-}), es = ["open"], ts = { class: "lze-panel-body" }, ns = /* @__PURE__ */ c({
+}), ts = ["open"], ns = { class: "lze-panel-body" }, rs = /* @__PURE__ */ c({
 	__name: "PanelSection",
 	props: {
 		title: {},
@@ -7429,13 +7476,13 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 		}, [a("summary", null, [o(T(e.title), 1), s(D(ye), {
 			size: 14,
 			"aria-hidden": "true"
-		})]), a("div", ts, [S(t.$slots, "default")])], 8, es));
+		})]), a("div", ns, [S(t.$slots, "default")])], 8, ts));
 	}
-}), rs = { class: "lze-stack" }, is = ["aria-label"], as = [
+}), is = { class: "lze-stack" }, as = ["aria-label"], os = [
 	"title",
 	"aria-label",
 	"onClick"
-], os = { class: "lze-grid-2" }, ss = /* @__PURE__ */ c({
+], ss = { class: "lze-grid-2" }, cs = /* @__PURE__ */ c({
 	__name: "GradientEditor",
 	props: {
 		modelValue: { required: !0 },
@@ -7461,7 +7508,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 		function y(e) {
 			l.value = { ...e }, u("commit");
 		}
-		return (t, o) => (_(), i("div", rs, [
+		return (t, o) => (_(), i("div", is, [
 			a("div", {
 				class: "lze-gradient-presets",
 				role: "group",
@@ -7474,7 +7521,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				title: D(f)(e.name),
 				"aria-label": D(f)(e.name),
 				onClick: (t) => y(e.gradient)
-			}, null, 12, as))), 128))], 8, is),
+			}, null, 12, os))), 128))], 8, as),
 			s($, {
 				"model-value": g.value.from,
 				label: D(f)("gradient.from"),
@@ -7487,7 +7534,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				"onUpdate:modelValue": o[2] ||= (e) => v("to", e),
 				onCommit: o[3] ||= (e) => u("commit")
 			}, null, 8, ["model-value", "label"]),
-			a("div", os, [s(J, {
+			a("div", ss, [s(J, {
 				id: D(p),
 				label: D(f)("gradient.shape")
 			}, {
@@ -7527,10 +7574,10 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			])) : r("", !0)])
 		]));
 	}
-}), cs = { class: "lze-heading" }, ls = { class: "lze-label" }, us = { class: "lze-grid-2" }, ds = {
+}), ls = { class: "lze-heading" }, us = { class: "lze-label" }, ds = { class: "lze-grid-2" }, fs = {
 	key: 2,
 	class: "lze-hint"
-}, fs = /* @__PURE__ */ c({
+}, ps = /* @__PURE__ */ c({
 	__name: "FillStyle",
 	props: { element: {} },
 	setup(e) {
@@ -7544,7 +7591,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				angle: 135
 			} : null, c.commit();
 		}
-		return (t, o) => (_(), n(ns, { title: D(l)("style.fill") }, {
+		return (t, o) => (_(), n(rs, { title: D(l)("style.fill") }, {
 			default: P(() => [
 				s($, {
 					modelValue: e.element.style.color,
@@ -7552,7 +7599,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 					label: D(l)("style.color"),
 					onCommit: o[1] ||= (e) => D(c).commit()
 				}, null, 8, ["modelValue", "label"]),
-				a("div", cs, [a("span", ls, T(D(l)("style.background")), 1), s(Z, {
+				a("div", ls, [a("span", us, T(D(l)("style.background")), 1), s(Z, {
 					"model-value": d.value,
 					compact: "",
 					label: D(l)("style.backgroundType"),
@@ -7575,13 +7622,13 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 					"onUpdate:modelValue": o[2] ||= (t) => e.element.style.background = t,
 					label: D(l)("style.backgroundColor"),
 					onCommit: o[3] ||= (e) => D(c).commit()
-				}, null, 8, ["modelValue", "label"])) : (_(), n(ss, {
+				}, null, 8, ["modelValue", "label"])) : (_(), n(cs, {
 					key: 1,
 					modelValue: e.element.style.gradient,
 					"onUpdate:modelValue": o[4] ||= (t) => e.element.style.gradient = t,
 					onCommit: o[5] ||= (e) => D(c).commit()
 				}, null, 8, ["modelValue"])),
-				a("div", us, [s(Q, {
+				a("div", ds, [s(Q, {
 					modelValue: e.element.style.background_opacity,
 					"onUpdate:modelValue": o[6] ||= (t) => e.element.style.background_opacity = t,
 					label: D(l)("style.transparency"),
@@ -7604,12 +7651,12 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 					"label",
 					"format"
 				])]),
-				e.element.style.blur ? (_(), i("p", ds, T(D(l)("style.glassHint")), 1)) : r("", !0)
+				e.element.style.blur ? (_(), i("p", fs, T(D(l)("style.glassHint")), 1)) : r("", !0)
 			]),
 			_: 1
 		}, 8, ["title"]));
 	}
-}), ps = { class: "lze-grid-2" }, ms = { class: "lze-grid-2" }, hs = /* @__PURE__ */ c({
+}), ms = { class: "lze-grid-2" }, hs = { class: "lze-grid-2" }, gs = /* @__PURE__ */ c({
 	__name: "FrameStyle",
 	props: { element: {} },
 	setup(o) {
@@ -7639,9 +7686,9 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				[e]: t
 			};
 		}
-		return (t, c) => (_(), i(e, null, [s(ns, { title: D(u)("style.frame") }, {
+		return (t, c) => (_(), i(e, null, [s(rs, { title: D(u)("style.frame") }, {
 			default: P(() => [
-				a("div", ps, [
+				a("div", ms, [
 					s(X, {
 						modelValue: o.element.style.radius,
 						"onUpdate:modelValue": c[0] ||= (e) => o.element.style.radius = e,
@@ -7704,12 +7751,12 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				}, 8, ["id", "label"])
 			]),
 			_: 1
-		}, 8, ["title"]), o.element.style.shadow === "custom" ? (_(), n(ns, {
+		}, 8, ["title"]), o.element.style.shadow === "custom" ? (_(), n(rs, {
 			key: 0,
 			title: D(u)("style.customShadow")
 		}, {
 			default: P(() => [
-				a("div", ms, [
+				a("div", hs, [
 					s(X, {
 						"model-value": m.value.x,
 						label: D(u)("position.x"),
@@ -7771,10 +7818,10 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			_: 1
 		}, 8, ["title"])) : r("", !0)], 64));
 	}
-}), gs = {
+}), _s = {
 	key: 0,
 	class: "lze-grid-2"
-}, _s = { class: "lze-hint" }, vs = /* @__PURE__ */ c({
+}, vs = { class: "lze-hint" }, ys = /* @__PURE__ */ c({
 	__name: "MotionStyle",
 	props: { element: {} },
 	setup(e) {
@@ -7828,7 +7875,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				[e]: t
 			};
 		}
-		return (t, o) => (_(), n(ns, {
+		return (t, o) => (_(), n(rs, {
 			title: D(l)("style.motion"),
 			open: !1
 		}, {
@@ -7850,7 +7897,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 					])]),
 					_: 1
 				}, 8, ["id", "label"]),
-				g.value.type === "none" ? r("", !0) : (_(), i("div", gs, [s(Q, {
+				g.value.type === "none" ? r("", !0) : (_(), i("div", _s, [s(Q, {
 					"model-value": g.value.delay,
 					label: D(l)("style.delay"),
 					min: 0,
@@ -7909,12 +7956,12 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 					])]),
 					_: 1
 				}, 8, ["id", "label"]),
-				a("p", _s, T(D(l)("style.motionHint")), 1)
+				a("p", vs, T(D(l)("style.motionHint")), 1)
 			]),
 			_: 1
 		}, 8, ["title"]));
 	}
-}), ys = ["aria-label"], bs = /* @__PURE__ */ c({
+}), bs = ["aria-label"], xs = /* @__PURE__ */ c({
 	__name: "AlignButtons",
 	setup(t) {
 		let r = K(), a = {
@@ -7939,12 +7986,12 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				"aria-hidden": "true"
 			}))]),
 			_: 2
-		}, 1032, ["label", "onClick"]))), 128))], 8, ys));
+		}, 1032, ["label", "onClick"]))), 128))], 8, bs));
 	}
-}), xs = { class: "lze-grid-2" }, Ss = { class: "lze-hint" }, Cs = {
+}), Ss = { class: "lze-grid-2" }, Cs = { class: "lze-hint" }, ws = {
 	key: 0,
 	class: "lze-hint"
-}, ws = /* @__PURE__ */ c({
+}, Ts = /* @__PURE__ */ c({
 	__name: "PositionSection",
 	props: { element: {} },
 	setup(c) {
@@ -7958,13 +8005,13 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 		function h() {
 			l.element.layout.mobile = null, u.commit();
 		}
-		return (t, l) => (_(), n(ns, {
+		return (t, l) => (_(), n(rs, {
 			title: D(d)("position.title", { device: D(d)(f.value === "desktop" ? "position.desktop" : "position.mobile") }),
 			open: !1
 		}, {
 			default: P(() => [
-				s(bs),
-				a("div", xs, [
+				s(xs),
+				a("div", Ss, [
 					s(X, {
 						"model-value": p.value.x,
 						label: D(d)("position.x"),
@@ -8000,8 +8047,8 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 					label: D(d)("position.pinned"),
 					onCommit: l[9] ||= (e) => D(u).commit()
 				}, null, 8, ["modelValue", "label"]),
-				a("p", Ss, T(D(d)("position.pinnedHint")), 1),
-				f.value === "mobile" ? (_(), i("p", Cs, [c.element.layout.mobile ? (_(), i(e, { key: 0 }, [o(T(D(d)("position.own")) + " ", 1), a("button", {
+				a("p", Cs, T(D(d)("position.pinnedHint")), 1),
+				f.value === "mobile" ? (_(), i("p", ws, [c.element.layout.mobile ? (_(), i(e, { key: 0 }, [o(T(D(d)("position.own")) + " ", 1), a("button", {
 					type: "button",
 					class: "lze-link",
 					onClick: h
@@ -8010,7 +8057,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			_: 1
 		}, 8, ["title"]));
 	}
-}), Ts = ["aria-label"], Es = ["aria-pressed", "onClick"], Ds = { class: "lze-grid-2" }, Os = { class: "lze-row" }, ks = ["aria-label"], As = /* @__PURE__ */ c({
+}), Es = ["aria-label"], Ds = ["aria-pressed", "onClick"], Os = { class: "lze-grid-2" }, ks = { class: "lze-grid-2" }, As = { class: "lze-grid-2" }, js = { class: "lze-row" }, Ms = ["aria-label"], Ns = { class: "lze-hint" }, Ps = /* @__PURE__ */ c({
 	__name: "TextStyle",
 	props: { element: {} },
 	setup(t) {
@@ -8046,11 +8093,26 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 		].map((e) => ({
 			value: e,
 			label: c(`style.weight.${e}`)
+		})), f = [
+			"none",
+			"upper",
+			"lower",
+			"title"
+		].map((e) => ({
+			value: e,
+			label: c(`style.case.${e}`)
+		})), p = [
+			"solid",
+			"outline",
+			"glow"
+		].map((e) => ({
+			value: e,
+			label: c(`style.face.${e}`)
 		}));
-		function f(e, t) {
+		function m(e, t) {
 			r.element.style[e] = t, o.commit();
 		}
-		return (r, p) => (_(), n(ns, { title: D(c)("style.text") }, {
+		return (r, h) => (_(), n(rs, { title: D(c)("style.text") }, {
 			default: P(() => [
 				a("div", {
 					class: "lze-tabs-inline",
@@ -8060,30 +8122,73 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 					key: e.value,
 					type: "button",
 					"aria-pressed": (t.element.style.font ?? "body") === e.value,
-					onClick: (t) => f("font", e.value)
-				}, T(D(c)(e.label)), 9, Es)), 64))], 8, Ts),
-				a("div", Ds, [s(X, {
+					onClick: (t) => m("font", e.value)
+				}, T(D(c)(e.label)), 9, Ds)), 64))], 8, Es),
+				a("div", Os, [s(X, {
 					modelValue: t.element.style.size,
-					"onUpdate:modelValue": p[0] ||= (e) => t.element.style.size = e,
+					"onUpdate:modelValue": h[0] ||= (e) => t.element.style.size = e,
 					label: D(c)("style.size"),
 					min: 8,
-					max: 160,
+					max: 240,
 					suffix: "px",
-					onCommit: p[1] ||= (e) => D(o).commit()
+					onCommit: h[1] ||= (e) => D(o).commit()
 				}, null, 8, ["modelValue", "label"]), s(Z, {
 					modelValue: t.element.style.weight,
-					"onUpdate:modelValue": p[2] ||= (e) => t.element.style.weight = e,
+					"onUpdate:modelValue": h[2] ||= (e) => t.element.style.weight = e,
 					options: D(d),
 					label: D(c)("style.weight"),
 					placeholder: D(c)("style.weight"),
-					onCommit: p[3] ||= (e) => D(o).commit()
+					onCommit: h[3] ||= (e) => D(o).commit()
 				}, null, 8, [
 					"modelValue",
 					"options",
 					"label",
 					"placeholder"
 				])]),
-				a("div", Os, [a("div", {
+				a("div", ks, [s(X, {
+					modelValue: t.element.style.size_mobile,
+					"onUpdate:modelValue": h[4] ||= (e) => t.element.style.size_mobile = e,
+					label: D(c)("style.sizeMobile"),
+					min: 8,
+					max: 240,
+					suffix: "px",
+					placeholder: String(t.element.style.size ?? ""),
+					onCommit: h[5] ||= (e) => D(o).commit()
+				}, null, 8, [
+					"modelValue",
+					"label",
+					"placeholder"
+				]), s(X, {
+					modelValue: t.element.style.tracking,
+					"onUpdate:modelValue": h[6] ||= (e) => t.element.style.tracking = e,
+					label: D(c)("style.tracking"),
+					min: -.05,
+					max: .5,
+					step: .01,
+					onCommit: h[7] ||= (e) => D(o).commit()
+				}, null, 8, ["modelValue", "label"])]),
+				a("div", As, [s(Z, {
+					modelValue: t.element.style.text_case,
+					"onUpdate:modelValue": h[8] ||= (e) => t.element.style.text_case = e,
+					options: D(f),
+					label: D(c)("style.case"),
+					onCommit: h[9] ||= (e) => D(o).commit()
+				}, null, 8, [
+					"modelValue",
+					"options",
+					"label"
+				]), s(Z, {
+					modelValue: t.element.style.text_style,
+					"onUpdate:modelValue": h[10] ||= (e) => t.element.style.text_style = e,
+					options: D(p),
+					label: D(c)("style.face"),
+					onCommit: h[11] ||= (e) => D(o).commit()
+				}, null, 8, [
+					"modelValue",
+					"options",
+					"label"
+				])]),
+				a("div", js, [a("div", {
 					class: "lze-row",
 					role: "group",
 					"aria-label": D(c)("style.align")
@@ -8091,7 +8196,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 					key: e.value,
 					label: D(c)(e.label),
 					active: (t.element.style.align ?? "left") === e.value,
-					onClick: (t) => f("align", e.value)
+					onClick: (t) => m("align", e.value)
 				}, {
 					default: P(() => [(_(), n(C(e.icon), {
 						size: 16,
@@ -8102,21 +8207,28 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 					"label",
 					"active",
 					"onClick"
-				])), 64))], 8, ks), s(X, {
+				])), 64))], 8, Ms), s(X, {
 					modelValue: t.element.style.line_height,
-					"onUpdate:modelValue": p[4] ||= (e) => t.element.style.line_height = e,
+					"onUpdate:modelValue": h[12] ||= (e) => t.element.style.line_height = e,
 					class: "lze-grow",
 					label: D(c)("style.lineHeight"),
 					min: .8,
 					max: 3,
 					step: .05,
-					onCommit: p[5] ||= (e) => D(o).commit()
-				}, null, 8, ["modelValue", "label"])])
+					onCommit: h[13] ||= (e) => D(o).commit()
+				}, null, 8, ["modelValue", "label"])]),
+				s(hi, {
+					modelValue: t.element.style.auto_height,
+					"onUpdate:modelValue": h[14] ||= (e) => t.element.style.auto_height = e,
+					label: D(c)("style.autoHeight"),
+					onCommit: h[15] ||= (e) => D(o).commit()
+				}, null, 8, ["modelValue", "label"]),
+				a("p", Ns, T(D(c)("style.autoHeightHint")), 1)
 			]),
 			_: 1
 		}, 8, ["title"]));
 	}
-}), js = { class: "lze-row" }, Ms = { class: "lze-grid-2" }, Ns = { class: "lze-hint" }, Ps = /* @__PURE__ */ c({
+}), Fs = { class: "lze-row" }, Is = { class: "lze-grid-2" }, Ls = { class: "lze-hint" }, Rs = /* @__PURE__ */ c({
 	__name: "TransformStyle",
 	props: { element: {} },
 	setup(e) {
@@ -8142,12 +8254,12 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 		function u(e, n) {
 			t.element.style[e] = n, r.commit();
 		}
-		return (t, d) => (_(), n(ns, {
+		return (t, d) => (_(), n(rs, {
 			title: D(i)("style.transform"),
 			open: !1
 		}, {
 			default: P(() => [
-				a("div", js, [
+				a("div", Fs, [
 					s(X, {
 						modelValue: e.element.style.rotate,
 						"onUpdate:modelValue": d[0] ||= (t) => e.element.style.rotate = t,
@@ -8191,7 +8303,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 						_: 1
 					}, 8, ["label", "active"])
 				]),
-				a("div", Ms, [s(J, {
+				a("div", Is, [s(J, {
 					id: o.overflow,
 					label: D(i)("style.overflow")
 				}, {
@@ -8224,38 +8336,38 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 					])]),
 					_: 1
 				}, 8, ["id", "label"])]),
-				a("p", Ns, T(D(i)("style.transformHint")), 1)
+				a("p", Ls, T(D(i)("style.transformHint")), 1)
 			]),
 			_: 1
 		}, 8, ["title"]));
 	}
-}), Fs = { class: "lze-stack" }, Is = { class: "lze-heading" }, Ls = { class: "lze-panel-title" }, Rs = { class: "lze-row lze-nowrap" }, zs = {
+}), zs = { class: "lze-stack" }, Bs = { class: "lze-heading" }, Vs = { class: "lze-panel-title" }, Hs = { class: "lze-row lze-nowrap" }, Us = {
 	key: 0,
 	class: "lze-hint"
-}, Bs = /* @__PURE__ */ c({
+}, Ws = /* @__PURE__ */ c({
 	__name: "ElementPanel",
 	props: { element: {} },
 	setup(c) {
 		let l = c, u = K(), d = u.t, f = {
-			heading: Qo,
-			text: Qo,
+			heading: $o,
+			text: $o,
 			image: No,
 			button: wo,
 			divider: null,
-			video: $o,
-			shape: Go,
+			video: es,
+			shape: Qo,
 			icon: Ao,
-			navbar: Wo,
+			navbar: Zo,
 			input: Eo,
 			textarea: Eo,
 			select: Eo,
 			checkbox: Eo
 		}, p = {
-			fill: fs,
-			text: As,
-			border: hs,
-			effects: Ps,
-			motion: vs
+			fill: ps,
+			text: Ps,
+			border: gs,
+			effects: Rs,
+			motion: ys
 		}, m = t(() => u.kindOf(l.element)), h = t(() => {
 			let e = m.value;
 			return e.kind === "core" ? d(e.spec.label) : e.kind === "app" ? u.i18n.localized(e.spec.label) : d("type.unknown");
@@ -8266,7 +8378,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				panel: p[e]
 			}));
 		});
-		return (t, l) => (_(), i("div", Fs, [a("div", Is, [a("h2", Ls, T(h.value), 1), a("div", Rs, [m.value.kind === "opaque" ? r("", !0) : (_(), n(q, {
+		return (t, l) => (_(), i("div", zs, [a("div", Bs, [a("h2", Vs, T(h.value), 1), a("div", Hs, [m.value.kind === "opaque" ? r("", !0) : (_(), n(q, {
 			key: 0,
 			onClick: l[0] ||= (e) => D(u).duplicateSelected()
 		}, {
@@ -8278,7 +8390,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 		}, {
 			default: P(() => [o(T(D(d)("common.delete")), 1)]),
 			_: 1
-		})])]), m.value.kind === "opaque" ? (_(), i("p", zs, T(D(d)("el.unknown")), 1)) : (_(), i(e, { key: 1 }, [
+		})])]), m.value.kind === "opaque" ? (_(), i("p", Us, T(D(d)("el.unknown")), 1)) : (_(), i(e, { key: 1 }, [
 			m.value.kind === "core" && f[m.value.element.type] ? (_(), n(C(f[m.value.element.type]), {
 				key: 0,
 				element: m.value.element
@@ -8291,13 +8403,13 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				key: e.group,
 				element: c.element
 			}, null, 8, ["element"]))), 128)),
-			s(ws, { element: c.element }, null, 8, ["element"])
+			s(Ts, { element: c.element }, null, 8, ["element"])
 		], 64))]));
 	}
-}), Vs = { class: "lze-stack" }, Hs = { class: "lze-panel-title" }, Us = { class: "lze-hint" }, Ws = { class: "lze-field" }, Gs = { class: "lze-label" }, Ks = ["aria-label"], qs = { class: "lze-field" }, Js = {
+}), Gs = { class: "lze-stack" }, Ks = { class: "lze-panel-title" }, qs = { class: "lze-hint" }, Js = { class: "lze-field" }, Ys = { class: "lze-label" }, Xs = ["aria-label"], Zs = { class: "lze-field" }, Qs = {
 	key: 0,
 	class: "lze-hint"
-}, Ys = { class: "lze-field" }, Xs = /* @__PURE__ */ c({
+}, $s = { class: "lze-field" }, ec = /* @__PURE__ */ c({
 	__name: "ModalPanel",
 	props: { modal: {} },
 	setup(t) {
@@ -8308,8 +8420,8 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 		function p(e) {
 			typeof e == "number" && (c.modal.width = e, c.modal.size = "custom");
 		}
-		return (c, m) => (_(), i("div", Vs, [
-			a("h2", Hs, T(D(u)("modal.heading")), 1),
+		return (c, m) => (_(), i("div", Gs, [
+			a("h2", Ks, T(D(u)("modal.heading")), 1),
 			s(J, {
 				id: D(d),
 				label: D(u)("modal.title")
@@ -8328,11 +8440,11 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 						label: D(u)("modal.showTitle"),
 						onCommit: m[3] ||= (e) => D(l).commit()
 					}, null, 8, ["modelValue", "label"]),
-					a("p", Us, T(D(u)("modal.showTitleHint")), 1)
+					a("p", qs, T(D(u)("modal.showTitleHint")), 1)
 				]),
 				_: 1
 			}, 8, ["id", "label"]),
-			a("div", Ws, [a("span", Gs, T(D(u)("modal.size")), 1), a("div", {
+			a("div", Js, [a("span", Ys, T(D(u)("modal.size")), 1), a("div", {
 				class: "lze-row",
 				role: "group",
 				"aria-label": D(u)("modal.size")
@@ -8348,8 +8460,8 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				"variant",
 				"aria-pressed",
 				"onClick"
-			]))), 128))], 8, Ks)]),
-			a("div", qs, [s(X, {
+			]))), 128))], 8, Xs)]),
+			a("div", Zs, [s(X, {
 				"model-value": t.modal.width,
 				label: D(u)("modal.width"),
 				min: 280,
@@ -8362,12 +8474,12 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				"model-value",
 				"label",
 				"disabled"
-			]), t.modal.size === "full" ? (_(), i("p", Js, T(D(u)("modal.fullHint")), 1)) : r("", !0)]),
+			]), t.modal.size === "full" ? (_(), i("p", Qs, T(D(u)("modal.fullHint")), 1)) : r("", !0)]),
 			s(q, { onClick: m[5] ||= (e) => D(l).fitCanvas(t.modal) }, {
 				default: P(() => [o(T(D(u)("section.fitHeight")), 1)]),
 				_: 1
 			}),
-			a("div", Ys, [s(X, {
+			a("div", $s, [s(X, {
 				"model-value": t.modal.height.desktop,
 				label: D(u)("section.heightDesktop"),
 				min: 80,
@@ -8394,15 +8506,15 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			})
 		]));
 	}
-}), Zs = { class: "lze-stack" }, Qs = { class: "lze-panel-title" }, $s = { class: "lze-field" }, ec = { class: "lze-label" }, tc = { class: "lze-field" }, nc = { class: "lze-label" }, rc = { class: "lze-row" }, ic = { class: "lze-hint" }, ac = { class: "lze-hint" }, oc = { class: "lze-hint" }, sc = /* @__PURE__ */ c({
+}), tc = { class: "lze-stack" }, nc = { class: "lze-panel-title" }, rc = { class: "lze-field" }, ic = { class: "lze-label" }, ac = { class: "lze-field" }, oc = { class: "lze-label" }, sc = { class: "lze-row" }, cc = { class: "lze-hint" }, lc = { class: "lze-hint" }, uc = { class: "lze-hint" }, dc = /* @__PURE__ */ c({
 	__name: "MultiPanel",
 	setup(o) {
 		let c = K(), l = c.t, u = t(() => c.selectedElements.value.length), d = {
-			fill: fs,
-			text: As,
-			border: hs,
-			effects: Ps,
-			motion: vs
+			fill: ps,
+			text: Ps,
+			border: gs,
+			effects: Rs,
+			motion: ys
 		}, f = t(() => {
 			let e = c.selectedElements.value.map((e) => {
 				let t = c.kindOf(e);
@@ -8413,12 +8525,12 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				panel: d[e]
 			}));
 		}), p = t(() => c.sharedTarget());
-		return (t, o) => (_(), i("div", Zs, [
-			a("h2", Qs, T(D(l)("multi.count", { n: u.value })), 1),
-			a("div", $s, [a("span", ec, T(D(l)("multi.align")), 1), s(bs)]),
-			a("div", tc, [
-				a("span", nc, T(D(l)("multi.distribute")), 1),
-				a("div", rc, [s(Ir, {
+		return (t, o) => (_(), i("div", tc, [
+			a("h2", nc, T(D(l)("multi.count", { n: u.value })), 1),
+			a("div", rc, [a("span", ic, T(D(l)("multi.align")), 1), s(xs)]),
+			a("div", ac, [
+				a("span", oc, T(D(l)("multi.distribute")), 1),
+				a("div", sc, [s(Ir, {
 					label: D(l)("multi.distributeX"),
 					disabled: u.value < 3,
 					onClick: o[0] ||= (e) => D(c).distributeSelected("x")
@@ -8439,17 +8551,17 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 					})]),
 					_: 1
 				}, 8, ["label", "disabled"])]),
-				a("p", ic, T(D(l)("multi.distributeHint")), 1)
+				a("p", cc, T(D(l)("multi.distributeHint")), 1)
 			]),
 			p.value ? (_(!0), i(e, { key: 0 }, x(f.value, (e) => (_(), n(C(e.panel), {
 				key: e.group,
 				element: p.value
 			}, null, 8, ["element"]))), 128)) : r("", !0),
-			a("p", ac, T(D(l)("multi.menuHint")), 1),
-			a("p", oc, T(D(l)("multi.hint")), 1)
+			a("p", lc, T(D(l)("multi.menuHint")), 1),
+			a("p", uc, T(D(l)("multi.hint")), 1)
 		]));
 	}
-}), cc = { class: "lze-stack" }, lc = { class: "lze-heading" }, uc = { class: "lze-panel-title" }, dc = { class: "lze-row" }, fc = { class: "lze-field" }, pc = { class: "lze-hint" }, mc = /* @__PURE__ */ c({
+}), 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({
 	__name: "SectionPanel",
 	props: { section: {} },
 	setup(t) {
@@ -8498,8 +8610,8 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 		function y(e) {
 			c.section.background.image = e ?? null, c.section.background.type !== "video" && (c.section.background.type = e ? "image" : "color");
 		}
-		return (c, b) => (_(), i("div", cc, [
-			a("div", lc, [a("h2", uc, T(D(u)("section.heading")), 1), D(l).state.draft.sections.length > 1 ? (_(), n(Ir, {
+		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, {
 				key: 0,
 				label: D(u)("section.delete"),
 				tone: "danger",
@@ -8560,14 +8672,14 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				"hint",
 				"error"
 			]),
-			a("div", dc, [s(q, { onClick: b[5] ||= (e) => D(l).fitCanvas(t.section) }, {
+			a("div", hc, [s(q, { onClick: b[5] ||= (e) => D(l).fitCanvas(t.section) }, {
 				default: P(() => [o(T(D(u)("section.fitHeight")), 1)]),
 				_: 1
 			}), s(q, { onClick: b[6] ||= (e) => D(l).generateMobile(t.section) }, {
 				default: P(() => [o(T(D(u)("section.generateMobile")), 1)]),
 				_: 1
 			})]),
-			a("div", fc, [s(X, {
+			a("div", gc, [s(X, {
 				"model-value": t.section.height.desktop,
 				label: D(u)("section.heightDesktop"),
 				min: 80,
@@ -8588,7 +8700,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				label: D(u)("section.wide"),
 				onCommit: b[12] ||= (e) => D(l).commit()
 			}, null, 8, ["modelValue", "label"]),
-			a("p", pc, T(D(u)("section.wideHint")), 1),
+			a("p", _c, T(D(u)("section.wideHint")), 1),
 			s(J, {
 				id: d.background,
 				label: D(u)("section.background")
@@ -8611,7 +8723,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				"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(ss, {
+			}, null, 8, ["modelValue", "label"])) : t.section.background.type === "gradient" ? (_(), n(cs, {
 				key: 1,
 				modelValue: t.section.background.gradient,
 				"onUpdate:modelValue": b[15] ||= (e) => t.section.background.gradient = e,
@@ -8671,10 +8783,10 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			], 64))
 		]));
 	}
-}), hc = {
+}), yc = {
 	key: 4,
 	class: "lze-hint"
-}, gc = /* @__PURE__ */ c({
+}, bc = /* @__PURE__ */ c({
 	__name: "DesignPanel",
 	setup(e) {
 		let r = K(), a = t(() => {
@@ -8695,24 +8807,24 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				section: t
 			} : { kind: "none" };
 		});
-		return (e, t) => a.value.kind === "multi" ? (_(), n(sc, { key: 0 })) : a.value.kind === "element" ? (_(), n(Bs, {
+		return (e, t) => a.value.kind === "multi" ? (_(), n(dc, { key: 0 })) : a.value.kind === "element" ? (_(), n(Ws, {
 			key: a.value.element.id,
 			element: a.value.element
-		}, null, 8, ["element"])) : a.value.kind === "modal" ? (_(), n(Xs, {
+		}, 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(mc, {
+		}, null, 8, ["modal"])) : a.value.kind === "section" ? (_(), n(vc, {
 			key: a.value.section.id,
 			section: a.value.section
-		}, null, 8, ["section"])) : (_(), i("p", hc, T(D(r).t("panel.nothing")), 1));
+		}, null, 8, ["section"])) : (_(), i("p", yc, T(D(r).t("panel.nothing")), 1));
 	}
-}), _c = {
+}), xc = {
 	key: 0,
 	class: "lze-stack"
-}, vc = { class: "lze-slug-static" }, yc = { class: "lze-slug" }, bc = { class: "lze-row" }, xc = {
+}, Sc = { class: "lze-slug-static" }, Cc = { class: "lze-slug" }, wc = { class: "lze-row" }, Tc = {
 	key: 2,
 	class: "lze-field lze-divided"
-}, Sc = { class: "lze-label" }, Cc = ["onClick"], wc = { class: "lze-hint" }, Tc = { class: "lze-field lze-divided" }, Ec = { class: "lze-label" }, Dc = { class: "lze-shortcuts lze-hint" }, Oc = /* @__PURE__ */ c({
+}, 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({
 	__name: "PagePanel",
 	setup(c) {
 		let l = K(), u = l.t, d = {
@@ -8731,7 +8843,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", _c, [
+		return (t, c) => f.value ? (_(), i("div", xc, [
 			s(J, {
 				id: d.title,
 				label: D(u)("page.title")
@@ -8749,7 +8861,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				label: D(u)("page.address"),
 				hint: D(u)("page.homeHint")
 			}, {
-				default: P(() => [a("p", vc, [c[4] ||= a("span", {
+				default: P(() => [a("p", Sc, [c[4] ||= a("span", {
 					class: "lze-slug-root",
 					"aria-hidden": "true"
 				}, "/", -1), o(T(D(u)("page.home")), 1)])]),
@@ -8759,7 +8871,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", yc, [c[5] ||= a("span", { "aria-hidden": "true" }, "/", -1), s(Y, {
+				default: P(() => [a("div", Cc, [c[5] ||= a("span", { "aria-hidden": "true" }, "/", -1), s(Y, {
 					id: d.slug,
 					modelValue: p.value,
 					"onUpdate:modelValue": c[1] ||= (e) => p.value = e,
@@ -8775,7 +8887,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				"id",
 				"label",
 				"error"
-			]), a("div", bc, [s(q, {
+			]), a("div", wc, [s(q, {
 				disabled: h.value || p.value.trim() === f.value.slug,
 				onClick: v
 			}, {
@@ -8788,12 +8900,12 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				default: P(() => [o(T(D(u)("page.delete")), 1)]),
 				_: 1
 			})])], 64)),
-			g.value ? (_(), i("div", xc, [a("span", Sc, T(D(u)("page.templates")), 1), (_(!0), i(e, null, x(D(dn), (e) => (_(), i("button", {
+			g.value ? (_(), i("div", Tc, [a("span", Ec, 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", wc, T(D(u)(e.note)), 1)], 8, Cc))), 128))])) : r("", !0),
+			}, [a("strong", null, T(D(u)(e.name)), 1), a("span", Oc, T(D(u)(e.note)), 1)], 8, Dc))), 128))])) : r("", !0),
 			s(J, {
 				id: d.seoTitle,
 				label: D(u)("page.seoTitle"),
@@ -8824,7 +8936,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				}, null, 8, ["id", "modelValue"])]),
 				_: 1
 			}, 8, ["id", "label"]),
-			a("div", Tc, [a("span", Ec, T(D(u)("page.shortcuts")), 1), a("ul", Dc, [
+			a("div", kc, [a("span", Ac, T(D(u)("page.shortcuts")), 1), a("ul", jc, [
 				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),
@@ -8832,42 +8944,42 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			])])
 		])) : r("", !0);
 	}
-}), kc = { class: "lze-sidebar lze-right" }, Ac = {
+}), Nc = { class: "lze-sidebar lze-right" }, Pc = {
 	class: "lze-tabs",
 	role: "tablist"
-}, jc = ["aria-selected"], Mc = ["aria-selected"], Nc = {
+}, Fc = ["aria-selected"], Ic = ["aria-selected"], Lc = {
 	class: "lze-scroll lze-pad",
 	role: "tabpanel"
-}, Pc = /* @__PURE__ */ c({
+}, Rc = /* @__PURE__ */ c({
 	__name: "RightPanel",
 	setup(e) {
 		let t = K(), r = b("design");
-		return (e, o) => (_(), i("aside", kc, [a("div", Ac, [a("button", {
+		return (e, o) => (_(), i("aside", Nc, [a("div", Pc, [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, jc), a("button", {
+		}, T(D(t).t("panel.design")), 9, Fc), 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, Mc)]), a("div", Nc, [r.value === "design" ? (_(), n(gc, { key: 0 })) : (_(), n(Oc, { key: 1 }))])]));
+		}, T(D(t).t("panel.page")), 9, Ic)]), a("div", Lc, [r.value === "design" ? (_(), n(bc, { key: 0 })) : (_(), n(Mc, { key: 1 }))])]));
 	}
-}), Fc = { class: "lze-toolbar" }, Ic = { class: "lze-toolbar-group" }, Lc = { class: "lze-site-name" }, Rc = ["aria-label", "value"], zc = ["value"], Bc = ["data-published"], Vc = ["data-tone"], Hc = { class: "lze-toolbar-group" }, Uc = ["aria-label"], Wc = [
+}), 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 = [
 	"title",
 	"aria-label",
 	"aria-pressed",
 	"onClick"
-], Gc = [
+], Yc = [
 	"title",
 	"aria-label",
 	"disabled"
-], Kc = [
+], Xc = [
 	"title",
 	"aria-label",
 	"disabled"
-], qc = ["href"], Jc = /* @__PURE__ */ c({
+], Zc = ["href"], Qc = /* @__PURE__ */ c({
 	__name: "Toolbar",
 	setup(c) {
 		let l = K(), u = l.t, d = t(() => l.state.page), f = new Intl.DateTimeFormat(l.i18n.locale, {
@@ -8920,8 +9032,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", Fc, [a("div", Ic, [
-			a("strong", Lc, T(D(l).state.workspace.site.name), 1),
+		return (t, c) => (_(), i("header", zc, [a("div", Bc, [
+			a("strong", Vc, T(D(l).state.workspace.site.name), 1),
 			d.value ? (_(), i("select", {
 				key: 0,
 				class: "lze-select lze-page-select",
@@ -8931,7 +9043,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, zc))), 128))], 40, Rc)) : r("", !0),
+			}, T(e.title) + T(e.slug ? ` /${e.slug}` : ""), 9, Uc))), 128))], 40, Hc)) : r("", !0),
 			s(q, {
 				variant: "ghost",
 				title: D(u)("toolbar.newPageHint"),
@@ -8947,13 +9059,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, Bc)) : r("", !0),
+			}, T(d.value.publishedAt ? D(u)("status.published") : D(u)("status.unpublished")), 9, Wc)) : 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, Vc),
+			}, T(p.value.text), 9, Gc),
 			p.value.retry ? (_(), n(q, {
 				key: 2,
 				variant: "ghost",
@@ -8970,7 +9082,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				default: P(() => [o(T(D(u)("conflict.reload")), 1)]),
 				_: 1
 			})) : r("", !0)
-		]), a("div", Hc, [
+		]), a("div", Kc, [
 			a("div", {
 				class: "lze-segmented",
 				role: "group",
@@ -8990,7 +9102,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				key: 1,
 				size: 16,
 				"aria-hidden": "true"
-			}))], 8, Wc)), 64))], 8, Uc),
+			}))], 8, Jc)), 64))], 8, qc),
 			a("button", {
 				type: "button",
 				class: "lze-icon-btn",
@@ -9001,7 +9113,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			}, [s(D(Xe), {
 				size: 16,
 				"aria-hidden": "true"
-			})], 8, Gc),
+			})], 8, Yc),
 			a("button", {
 				type: "button",
 				class: "lze-icon-btn",
@@ -9012,7 +9124,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			}, [s(D(Be), {
 				size: 16,
 				"aria-hidden": "true"
-			})], 8, Kc),
+			})], 8, Xc),
 			s(q, {
 				variant: "ghost",
 				title: D(l).state.previewing ? D(u)("toolbar.editHint") : D(u)("toolbar.previewHint"),
@@ -9070,7 +9182,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 				href: m.value,
 				target: "_blank",
 				rel: "noopener noreferrer"
-			}, T(D(u)("toolbar.viewSite")), 9, qc)) : r("", !0),
+			}, T(D(u)("toolbar.viewSite")), 9, Zc)) : r("", !0),
 			s(q, {
 				variant: "primary",
 				disabled: D(l).state.publishing || !d.value,
@@ -9081,25 +9193,25 @@ var va = _a(ma), ya = [...va.keys()], ba = [
 			}, 8, ["disabled"])
 		])]));
 	}
-}), Yc = [
+}), $c = [
 	".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"), Xc = /* @__PURE__ */ new WeakMap();
-function Zc(e) {
+].join("\n"), el = /* @__PURE__ */ new WeakMap();
+function tl(e) {
 	let t = e.getRootNode();
-	if (!(t instanceof Document || t instanceof ShadowRoot) || Xc.has(t)) return;
+	if (!(t instanceof Document || t instanceof ShadowRoot) || el.has(t)) return;
 	let n = new CSSStyleSheet();
-	n.replaceSync(Yc), Xc.set(t, n), t.adoptedStyleSheets = [...t.adoptedStyleSheets, n];
+	n.replaceSync($c), el.set(t, n), t.adoptedStyleSheets = [...t.adoptedStyleSheets, n];
 }
 //#endregion
 //#region src/ui/Toasts.vue?vue&type=script&setup=true&lang.ts
-var Qc = { class: "lze-toasts" }, $c = ["data-tone", "role"], el = ["aria-label", "onClick"], tl = /* @__PURE__ */ c({
+var nl = { class: "lze-toasts" }, rl = ["data-tone", "role"], il = ["aria-label", "onClick"], al = /* @__PURE__ */ c({
 	__name: "Toasts",
 	setup(t) {
 		let n = K();
-		return (t, r) => (_(), i("div", Qc, [(_(!0), i(e, null, x(D(n).state.toasts, (e) => (_(), i("div", {
+		return (t, r) => (_(), i("div", nl, [(_(!0), i(e, null, x(D(n).state.toasts, (e) => (_(), i("div", {
 			key: e.id,
 			class: "lze-toast",
 			"data-tone": e.tone,
@@ -9112,19 +9224,19 @@ var Qc = { class: "lze-toasts" }, $c = ["data-tone", "role"], el = ["aria-label"
 		}, [s(D($e), {
 			size: 14,
 			"aria-hidden": "true"
-		})], 8, el)], 8, $c))), 128))]));
+		})], 8, il)], 8, rl))), 128))]));
 	}
-}), nl = ["lang"], rl = {
+}), ol = ["lang"], sl = {
 	key: 0,
 	class: "lze-center"
-}, il = {
+}, cl = {
 	key: 1,
 	class: "lze-center",
 	role: "alert"
-}, al = {
+}, ll = {
 	key: 2,
 	class: "lze-center"
-}, ol = { class: "lze-body" }, sl = { class: "lze-main" }, cl = /* @__PURE__ */ c({
+}, ul = { class: "lze-body" }, dl = { class: "lze-main" }, fl = /* @__PURE__ */ c({
 	inheritAttrs: !1,
 	__name: "LienzoEditor",
 	props: {
@@ -9154,7 +9266,7 @@ var Qc = { class: "lze-toasts" }, $c = ["data-tone", "role"], el = ["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 && Zc(u.value), window.addEventListener("keydown", p), l.load();
+			u.value && tl(u.value), window.addEventListener("keydown", p), l.load();
 		}), h(() => {
 			window.removeEventListener("keydown", p), m?.remove(), l.dispose();
 		}), (t, r) => (_(), i("div", {
@@ -9163,23 +9275,23 @@ var Qc = { class: "lze-toasts" }, $c = ["data-tone", "role"], el = ["aria-label"
 			class: "lze-root",
 			lang: D(c).locale
 		}, [
-			D(l).state.load.kind === "loading" ? (_(), i("div", rl, T(D(l).t("load.loading")), 1)) : D(l).state.load.kind === "failed" ? (_(), i("div", il, [a("p", null, T(D(l).t("load.failed", { message: D(l).state.load.message })), 1), s(q, { onClick: r[0] ||= (e) => D(l).load() }, {
+			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() }, {
 				default: P(() => [o(T(D(l).t("load.retry")), 1)]),
 				_: 1
-			})])) : D(l).state.load.kind === "empty" ? (_(), i("div", al, [s(q, {
+			})])) : D(l).state.load.kind === "empty" ? (_(), i("div", ll, [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(Jc), a("div", ol, [
+			})])) : (_(), i(e, { key: 3 }, [s(Qc), a("div", ul, [
 				s(So, { "drop-point": f }),
-				a("main", sl, [D(l).state.previewing ? (_(), n(vr, { key: 0 })) : (_(), n(gr, {
+				a("main", dl, [D(l).state.previewing ? (_(), n(vr, { key: 0 })) : (_(), n(gr, {
 					key: 1,
 					ref_key: "canvas",
 					ref: d
 				}, null, 512))]),
-				s(Pc)
+				s(Rc)
 			])], 64)),
 			s($r),
 			s(pa),
@@ -9188,11 +9300,11 @@ var Qc = { class: "lze-toasts" }, $c = ["data-tone", "role"], el = ["aria-label"
 			s(Vi),
 			s(Pr),
 			s(Wr),
-			s(tl)
-		], 8, nl));
+			s(al)
+		], 8, ol));
 	}
 });
 //#endregion
-export { Qt as n, Zt as r, cl as t };
+export { Qt as n, Zt as r, fl as t };
-//# sourceMappingURL=LienzoEditor-BgKVBD49.js.map
+//# sourceMappingURL=LienzoEditor-CEfqCPdf.js.map