@skylivellc/lienzo-editor 0.4.0 → 0.6.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.
@@ -1099,6 +1099,12 @@ var Zt = {
1099
1099
  "section.generateMobile": "Generate phone layout",
1100
1100
  "section.heightDesktop": "Desktop height",
1101
1101
  "section.heightMobile": "Phone height",
1102
+ "fill.video": "Video",
1103
+ "section.video": "Video address",
1104
+ "section.videoHint": "An https link to an .mp4 or .webm file. It plays muted and on a loop.",
1105
+ "section.poster": "Image while the video loads",
1106
+ "section.wide": "Edge to edge",
1107
+ "section.wideHint": "The section spans the screen instead of the theme's width.",
1102
1108
  "section.background": "Background",
1103
1109
  "section.color": "Section color",
1104
1110
  "section.image": "Background image",
@@ -1389,6 +1395,20 @@ var Zt = {
1389
1395
  "style.anim.zoom": "Zoom in",
1390
1396
  "style.delay": "Delay",
1391
1397
  "style.duration": "Duration",
1398
+ "style.anim.blur": "Come into focus",
1399
+ "style.anim.reveal": "Wipe across",
1400
+ "style.hover.sink": "Press in",
1401
+ "style.hover.tilt": "Tilt",
1402
+ "style.hover.glow": "Glow",
1403
+ "style.scroll": "With the scroll",
1404
+ "style.scrollHint": "Moves while it crosses the screen, where the browser supports it.",
1405
+ "style.scroll.none": "Still",
1406
+ "style.scroll.rise": "Rise",
1407
+ "style.scroll.drift": "Drift sideways",
1408
+ "style.scroll.zoom": "Zoom in",
1409
+ "el.navbarTemplate.floating": "Floating",
1410
+ "el.navbarTemplate.boxed": "Boxed links",
1411
+ "el.navbarTemplate.tracked": "Spaced out",
1392
1412
  "style.hover": "On hover",
1393
1413
  "style.hover.none": "Nothing",
1394
1414
  "style.hover.lift": "Lift",
@@ -1629,6 +1649,12 @@ var Zt = {
1629
1649
  "section.generateMobile": "Generar vista de celular",
1630
1650
  "section.heightDesktop": "Alto escritorio",
1631
1651
  "section.heightMobile": "Alto celular",
1652
+ "fill.video": "Video",
1653
+ "section.video": "Dirección del video",
1654
+ "section.videoHint": "Un enlace https a un archivo .mp4 o .webm. Se reproduce en silencio y en bucle.",
1655
+ "section.poster": "Imagen mientras carga el video",
1656
+ "section.wide": "De borde a borde",
1657
+ "section.wideHint": "La sección ocupa toda la pantalla en vez del ancho del tema.",
1632
1658
  "section.background": "Fondo",
1633
1659
  "section.color": "Color de la sección",
1634
1660
  "section.image": "Imagen de fondo",
@@ -1919,6 +1945,20 @@ var Zt = {
1919
1945
  "style.anim.zoom": "Acercarse",
1920
1946
  "style.delay": "Espera",
1921
1947
  "style.duration": "Duración",
1948
+ "style.anim.blur": "Enfocarse",
1949
+ "style.anim.reveal": "Barrido",
1950
+ "style.hover.sink": "Hundir",
1951
+ "style.hover.tilt": "Inclinar",
1952
+ "style.hover.glow": "Resplandor",
1953
+ "style.scroll": "Con el scroll",
1954
+ "style.scrollHint": "Se mueve mientras cruza la pantalla, donde el navegador lo permita.",
1955
+ "style.scroll.none": "Quieto",
1956
+ "style.scroll.rise": "Subir",
1957
+ "style.scroll.drift": "Derivar de lado",
1958
+ "style.scroll.zoom": "Acercarse",
1959
+ "el.navbarTemplate.floating": "Flotante",
1960
+ "el.navbarTemplate.boxed": "Enlaces en caja",
1961
+ "el.navbarTemplate.tracked": "Espaciado",
1922
1962
  "style.hover": "Al pasar el cursor",
1923
1963
  "style.hover.none": "Nada",
1924
1964
  "style.hover.lift": "Levantar",
@@ -3594,7 +3634,7 @@ function En(e, t) {
3594
3634
  }
3595
3635
  //#endregion
3596
3636
  //#region ../core/dist/lienzo.css?raw
3597
- var Dn = ".lz-page,.lz-page *{box-sizing:border-box}\nhtml:has(.lz-page){scroll-behavior:smooth}\n@media (prefers-reduced-motion:reduce){html:has(.lz-page){scroll-behavior:auto}}\n.lz-page{margin:0;container:lz/inline-size;background:var(--background);color:var(--text);font-family:var(--font-body)}\n.lz-notice{position:fixed;z-index:99;top:16px;left:50%;transform:translateX(-50%);background:var(--primary);color:var(--background);padding:12px 20px;border-radius:var(--radius);box-shadow:0 12px 32px rgba(15,23,42,.2)}\n.lz-section{position:relative;width:100%;scroll-margin-top:calc(var(--sticky,0) * 1px);background:var(--sbg,transparent)}\n.lz-section[data-fill=linear]{background:linear-gradient(calc(var(--sga,135) * 1deg),var(--sg1),var(--sg2))}\n.lz-section[data-fill=radial]{background:radial-gradient(circle at 50% 50%,var(--sg1),var(--sg2))}\n.lz-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\n.lz-bg::before{content:'';position:absolute;inset:0;background:var(--background)}\n.lz-parallax{position:absolute;inset:0;clip-path:inset(0)}\n.lz-parallax>.lz-bg{position:fixed}\n.lz-overlay{position:absolute;inset:0;background:rgb(0 0 0 / calc(var(--ov) * 100%))}\n.lz-frame{position:relative;height:calc(var(--fh) * var(--u))}\n.lz-section>.lz-frame{margin:0 auto;max-width:var(--max-width);container-type:inline-size;--u:calc(min(100cqw,var(--ref) * 1px) / var(--ref))}\n.lz-el{position:absolute;margin:0;display:block;overflow-wrap:break-word;left:calc(var(--x) * 1%);top:calc(var(--y) * var(--u));width:calc(var(--w) * 1%);height:calc(var(--h) * var(--u));z-index:var(--z);--_border:calc(var(--bw) * var(--u)) solid var(--bc,var(--text));--_fill:color-mix(in srgb,var(--bg) calc(var(--ba,1) * 100%),transparent);--_rot:rotate(calc(var(--rot) * 1deg));--_blur:blur(calc(var(--blur) * var(--u)));--_p:calc(var(--p) * var(--u));color:var(--c);background:var(--_fill);-webkit-backdrop-filter:var(--_blur);backdrop-filter:var(--_blur);font-family:var(--font-body);font-size:calc(var(--fs) * var(--u));font-weight:var(--fw);line-height:var(--lh);border:var(--_border,0);border-radius:calc(var(--r) * var(--u));padding:var(--_p,0);opacity:var(--op);transform:var(--_rot,) var(--_flip,) var(--_anim,)}\n.lz-el[data-font=heading]{font-family:var(--font-heading)}\n.lz-el[data-align=left]{text-align:left}\n.lz-el[data-align=center]{text-align:center}\n.lz-el[data-align=right]{text-align:right}\n.lz-el[data-fill=linear]{background:linear-gradient(calc(var(--ga,135) * 1deg),color-mix(in srgb,var(--g1) calc(var(--ba,1) * 100%),transparent),color-mix(in srgb,var(--g2) calc(var(--ba,1) * 100%),transparent))}\n.lz-el[data-fill=radial]{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--g1) calc(var(--ba,1) * 100%),transparent),color-mix(in srgb,var(--g2) calc(var(--ba,1) * 100%),transparent))}\n.lz-el[data-shadow=sm]{box-shadow:0 1px 2px rgba(15,23,42,.08)}\n.lz-el[data-shadow=md]{box-shadow:0 8px 24px rgba(15,23,42,.12)}\n.lz-el[data-shadow=lg]{box-shadow:0 24px 48px rgba(15,23,42,.18)}\n.lz-el[data-shadow=custom]{box-shadow:calc(var(--shx,0) * var(--u)) calc(var(--shy,12) * var(--u)) calc(var(--shb,32) * var(--u)) calc(var(--shs,0) * var(--u)) color-mix(in srgb,var(--shc,var(--secondary)) calc(var(--sha,.2) * 100%),transparent)}\n.lz-el[data-clip]:not([data-overflow]),.lz-el[data-overflow=hidden]{overflow:hidden}\n.lz-el[data-pin]{position:fixed;z-index:calc(var(--z) + 500);left:calc(50% - var(--ref) * var(--u) / 2 + var(--x) * var(--ref) * var(--u) / 100);top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--ref) * var(--u) / 100)}\n.lz-el[data-overflow=scroll-x]{overflow-x:auto;overflow-y:hidden}\n.lz-el[data-overflow=scroll-y]{overflow-y:auto;overflow-x:hidden}\n.lz-el[data-flip-x],.lz-el[data-flip-y]{--_flip:scale(var(--_fx,1),var(--_fy,1))}\n.lz-el[data-flip-x]{--_fx:-1}\n.lz-el[data-flip-y]{--_fy:-1}\n@container lz not (max-width:640px){.lz-el[data-visible=mobile]{display:none}}\n.lz-accent{color:var(--ac)}\n@media (prefers-reduced-motion:no-preference){.lz-el[data-anim]{opacity:0;transition:opacity calc(var(--adur,.7) * 1s) ease calc(var(--ad,0) * 1s),transform calc(var(--adur,.7) * 1s) cubic-bezier(.22,.61,.36,1) calc(var(--ad,0) * 1s)}.lz-el[data-anim=up]{--_anim:translateY(28px)}.lz-el[data-anim=down]{--_anim:translateY(-28px)}.lz-el[data-anim=left]{--_anim:translateX(-32px)}.lz-el[data-anim=right]{--_anim:translateX(32px)}.lz-el[data-anim=zoom]{--_anim:scale(.94)}.lz-el[data-anim].is-in{opacity:var(--op,1);--_anim:initial}}\n@media (scripting:none){.lz-el[data-anim]{opacity:var(--op,1)!important;--_anim:initial!important}}\n.lz-el[data-hover]{transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}\n@media (hover:hover){.lz-el[data-hover=lift]:hover{transform:var(--_rot,) var(--_flip,) translateY(calc(-6 * var(--u)));box-shadow:0 18px 40px rgba(15,23,42,.18)}.lz-el[data-hover=grow]:hover{transform:var(--_rot,) var(--_flip,) scale(1.04)}.lz-el[data-hover=fade]:hover{opacity:.82}}\nimg.lz-el{object-fit:cover}\nimg.lz-el[data-fit=contain]{object-fit:contain}\na.lz-el,button.lz-el{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}\nbutton.lz-el{cursor:pointer;padding:var(--_p,1px 6px)}\n.lz-divider{border:var(--_border,none);border-top:var(--_border,1px solid currentColor)}\n.lz-video iframe{width:100%;height:100%;border:0;border-radius:inherit}\n.lz-el[data-shape=ellipse]{border-radius:50%}\n.lz-el[data-shape=triangle]{clip-path:polygon(50% 0,100% 100%,0 100%)}\n.lz-el[data-shape=blob]{border-radius:42% 58% 63% 37% / 43% 38% 62% 57%}\n.lz-el[data-shape=arch]{border-radius:50% 50% 0 0 / 65% 65% 0 0}\n.lz-el[data-shape=diagonal]{clip-path:polygon(0 0,100% 0,100% 72%,0 100%)}\n.lz-el[data-shape=dots]{background-image:radial-gradient(currentColor calc(1.6 * var(--u)),transparent calc(1.7 * var(--u)));background-size:calc(16 * var(--u)) calc(16 * var(--u))}\n.lz-el[data-shape=grid]{background-image:linear-gradient(currentColor calc(1 * var(--u)),transparent calc(1 * var(--u))),linear-gradient(90deg,currentColor calc(1 * var(--u)),transparent calc(1 * var(--u)));background-size:calc(24 * var(--u)) calc(24 * var(--u))}\n.lz-icon{display:grid;place-items:center}\n.lz-icon svg{width:100%;height:100%}\n.lz-navbar{display:flex;align-items:center;gap:calc(24 * var(--u))}\n.lz-navbar[data-sticky]{position:fixed;left:50%;translate:-50% 0;width:min(100%,var(--max-width));top:0;transition:background .25s ease,box-shadow .25s ease,height .25s ease,backdrop-filter .25s ease}\n.lz-navbar[data-scrolled]{box-shadow:0 8px 24px rgba(15,23,42,.1)}\n.lz-navbar[data-scrolled][data-scroll]{box-shadow:0 10px 30px rgba(15,23,42,.12)}\n.lz-navbar[data-scrolled]:is([data-scroll=solid],[data-scroll=compact]){background:var(--bg,var(--background));-webkit-backdrop-filter:none;backdrop-filter:none}\n.lz-navbar[data-scrolled][data-scroll=compact]{height:calc(var(--h) * .78 * var(--u))}\n.lz-navbar-brand{font-family:var(--font-heading);font-weight:700;font-size:1.15em;white-space:nowrap}\n.lz-navbar[data-template=pill]{border-radius:999px;padding:0 calc(26 * var(--u));background:var(--bg,var(--surface))}\n.lz-navbar[data-template=card]{border-radius:calc(var(--r,14) * var(--u));padding:0 calc(22 * var(--u));background:var(--bg,var(--background));box-shadow:0 10px 30px rgba(15,23,42,.1)}\n.lz-navbar[data-template=underline]{border-bottom:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 18%,transparent)}\n.lz-navbar[data-template=underline] a{padding-bottom:calc(4 * var(--u));border-bottom:calc(2 * var(--u)) solid transparent}\n.lz-navbar[data-template=underline] a:hover{opacity:1;border-bottom-color:currentColor}\n.lz-navbar[data-template=divided] .lz-navbar-links{gap:0}\n.lz-navbar[data-template=divided] .lz-navbar-links a{padding:0 calc(18 * var(--u));border-left:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 20%,transparent)}\n.lz-navbar[data-template=divided] .lz-navbar-links a:first-child{border-left:0}\n.lz-navbar-links{display:flex;align-items:center;gap:calc(22 * var(--u));margin-left:auto}\n.lz-navbar[data-layout=left] .lz-navbar-links,.lz-navbar[data-layout=center] .lz-navbar-links{margin-left:0}\n.lz-navbar[data-layout=center]{justify-content:center}\n.lz-navbar a{color:inherit;text-decoration:none;white-space:nowrap}\n.lz-navbar a:hover{opacity:.7}\n.lz-navbar-menu{display:none;position:relative;margin-left:auto}\n.lz-navbar-menu summary{list-style:none;cursor:pointer;font-size:1.5em;line-height:1}\n.lz-navbar-menu summary::-webkit-details-marker{display:none}\n.lz-navbar-drop{position:absolute;z-index:60;top:100%;right:0;display:grid;gap:12px;min-width:160px;margin-top:8px;padding:14px 16px;background:var(--surface);color:var(--text);border-radius:var(--radius);box-shadow:0 12px 32px rgba(15,23,42,.18)}\n.lz-field{display:flex;flex-direction:column;gap:4px;justify-content:center;text-align:left}\n.lz-field>span{font-size:.78em;opacity:.75}\n.lz-field>span i{font-style:normal;color:#dc2626;margin-left:2px}\n.lz-field input,.lz-field select,.lz-field textarea{font:inherit;color:inherit;width:100%;flex:1;min-height:0;background:transparent;border:0;padding:0;outline:none;resize:none}\n.lz-choices-list{display:flex;flex-wrap:wrap;gap:10px 18px;overflow:auto}\n.lz-choices-list label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}\n.lz-choices-list input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--primary)}\n.lz-field-check{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}\n.lz-field-check input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--primary)}\n.lz-field-error{position:absolute;top:100%;left:0;margin-top:2px;font-size:12px;font-style:normal;color:#dc2626}\n.lz-stack-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:24px 20px 0;background:var(--background)}\n.lz-stack-nav button{font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid color-mix(in srgb,var(--muted) 35%,transparent);border-radius:999px;background:transparent;color:var(--muted);transition:background .2s ease,color .2s ease}\n.lz-stack-nav button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--background)}\n.lz-stack-nav i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:color-mix(in srgb,currentColor 18%,transparent);font-size:.8em}\n.lz-stack-panel{display:none}\n.lz-stack-panel[data-on]{display:block}\n.lz-modal{border:none;border-radius:var(--radius);padding:0;max-width:calc(100% - 2rem);max-height:calc(100dvh - 3rem);color:var(--text);font-family:var(--font-body);overflow:auto;width:min(calc(var(--dw) * 1px),calc(100vw - 2rem));--u:calc(min(100vw - 2rem,var(--dw) * 1px) / var(--dw));background:var(--dbg,var(--background))}\n.lz-modal[data-size=full]{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;--u:calc(min(100vw,var(--dw) * 1px) / var(--dw))}\n.lz-modal::backdrop{background:rgba(15,23,42,.5)}\n.lz-modal .lz-frame{overflow:hidden}\n.lz-modal-bar{display:flex;align-items:center;gap:calc(12 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u)) calc(8 * var(--u)) calc(18 * var(--u))}\n.lz-modal-title{margin:0;font-family:var(--font-heading);font-size:calc(20 * var(--u));font-weight:700}\n.lz-modal-close{margin-left:auto;width:calc(34 * var(--u));height:calc(34 * var(--u));display:grid;place-items:center;font:inherit;font-size:calc(20 * var(--u));line-height:1;color:var(--text);background:var(--surface);border:0;border-radius:999px;cursor:pointer}\n.lz-modal-close:hover{opacity:.8}\n.lz-placeholder{display:grid;place-items:center;padding:8px;border:1px dashed currentColor;font:12px/1.3 system-ui,sans-serif;opacity:.6}\n@container lz (max-width:640px){.lz-section>.lz-frame{--u:calc(min(100cqw,390px) / 390)}.lz-frame{height:calc(var(--fmh) * var(--u))}.lz-frame[data-stack]{height:auto;padding:32px 20px;display:flex;flex-direction:column;gap:20px}.lz-frame:not([data-stack]) .lz-el{position:absolute;left:calc(var(--mx) * 1%);top:calc(var(--my) * var(--u));width:calc(var(--mw) * 1%);height:calc(var(--mh) * var(--u))}.lz-frame[data-stack] .lz-el{position:static;width:auto;height:auto;order:var(--ord)}.lz-el[data-visible=desktop]{display:none}.lz-parallax>.lz-bg{position:absolute}.lz-navbar-links{display:none}.lz-navbar-menu{display:block}.lz-el{max-width:100%;min-width:0}img.lz-el{height:auto}.lz-icon{width:max-content}.lz-icon svg{width:calc(36 * var(--u));height:calc(36 * var(--u))}}\n", On = "\nhtml,body{margin:0}\nbody{overflow:hidden}\n.lz-el{cursor:default;user-select:none;-webkit-user-select:none}\n.lz-el[contenteditable]{cursor:text;user-select:text;-webkit-user-select:text;outline:none}\n.lz-el iframe,.lz-el input,.lz-el select,.lz-el textarea,.lz-el summary,.lz-el a,.lz-el button{pointer-events:none}\n.lz-navbar[data-sticky]{position:absolute;translate:none;left:calc(var(--x) * 1%);top:calc(var(--y) * var(--u));width:calc(var(--w) * 1%)}\n@container lz (max-width:640px){\n.lz-frame:not([data-stack]) .lz-navbar[data-sticky]{left:calc(var(--mx) * 1%);top:calc(var(--my) * var(--u));width:calc(var(--mw) * 1%)}\n.lz-frame[data-stack] .lz-navbar[data-sticky]{position:static;width:auto}\n}\n.lz-parallax>.lz-bg{position:absolute}\n.lz-stack-nav button{cursor:pointer}\nimg.lz-el[src=\"\"]::before,.lz-video:empty::before{position:absolute;inset:0;display:grid;place-items:center;padding:8px;text-align:center;border:1px dashed #94a3b8;border-radius:inherit;background:#f8fafc;color:#64748b;font:12px/1.3 system-ui,sans-serif}\nimg.lz-el[src=\"\"]::before{content:var(--lze-empty-image)}\n.lz-frame[data-stack] img.lz-el[src=\"\"]{position:relative;min-height:120px}\n.lz-video:empty::before{content:var(--lze-empty-video)}\n.lze-app-placeholder{display:grid;place-items:center;height:100%;padding:8px;text-align:center;border:1px dashed #94a3b8;border-radius:inherit;background:#f8fafc;color:#64748b;font:12px/1.3 system-ui,sans-serif}\n.lze-app-placeholder[data-status=loading]{animation:lze-pulse 1.2s ease-in-out infinite}\n@keyframes lze-pulse{50%{opacity:.55}}\nbody[data-lze-modal] .lz-section,body[data-lze-modal] .lz-stack,body[data-lze-modal] .lz-notice{display:none}\nbody[data-lze-modal] dialog.lz-modal[data-lze-open]{display:block;position:static;margin:16px auto;max-height:none;overflow:visible;box-shadow:0 12px 40px rgba(15,23,42,.18)}\nbody[data-lze-modal] dialog.lz-modal[data-lze-open][data-size=full]{margin:0}\n";
3637
+ 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-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";
3598
3638
  //#endregion
3599
3639
  //#region src/canvas/render.ts
3600
3640
  function kn(e) {
@@ -7022,7 +7062,10 @@ var va = _a(ma), ya = [...va.keys()], ba = [
7022
7062
  "pill",
7023
7063
  "card",
7024
7064
  "underline",
7025
- "divided"
7065
+ "divided",
7066
+ "floating",
7067
+ "boxed",
7068
+ "tracked"
7026
7069
  ].map((e) => ({
7027
7070
  value: e,
7028
7071
  label: u(`el.navbarTemplate.${e}`)
@@ -7737,7 +7780,8 @@ var va = _a(ma), ya = [...va.keys()], ba = [
7737
7780
  setup(e) {
7738
7781
  let o = e, c = K(), l = c.t, u = {
7739
7782
  entrance: O(),
7740
- hover: O()
7783
+ hover: O(),
7784
+ scroll: O()
7741
7785
  }, d = [
7742
7786
  "none",
7743
7787
  "fade",
@@ -7745,29 +7789,42 @@ var va = _a(ma), ya = [...va.keys()], ba = [
7745
7789
  "down",
7746
7790
  "left",
7747
7791
  "right",
7748
- "zoom"
7792
+ "zoom",
7793
+ "blur",
7794
+ "reveal"
7749
7795
  ].map((e) => ({
7750
7796
  value: e,
7751
7797
  label: l(`style.anim.${e}`)
7752
7798
  })), f = [
7799
+ "none",
7800
+ "rise",
7801
+ "drift",
7802
+ "zoom"
7803
+ ].map((e) => ({
7804
+ value: e,
7805
+ label: l(`style.scroll.${e}`)
7806
+ })), p = [
7753
7807
  "none",
7754
7808
  "lift",
7755
7809
  "grow",
7756
- "fade"
7810
+ "fade",
7811
+ "sink",
7812
+ "tilt",
7813
+ "glow"
7757
7814
  ].map((e) => ({
7758
7815
  value: e,
7759
7816
  label: l(`style.hover.${e}`)
7760
- })), p = (e) => `${e} s`, m = {
7817
+ })), m = (e) => `${e} s`, h = {
7761
7818
  type: "none",
7762
7819
  delay: 0,
7763
7820
  duration: .7
7764
- }, h = t(() => ({
7765
- ...m,
7821
+ }, g = t(() => ({
7822
+ ...h,
7766
7823
  ...o.element.style.animation
7767
7824
  }));
7768
- function g(e, t) {
7825
+ function v(e, t) {
7769
7826
  o.element.style.animation = {
7770
- ...h.value,
7827
+ ...g.value,
7771
7828
  [e]: t
7772
7829
  };
7773
7830
  }
@@ -7782,9 +7839,9 @@ var va = _a(ma), ya = [...va.keys()], ba = [
7782
7839
  }, {
7783
7840
  default: P(() => [s(Z, {
7784
7841
  id: u.entrance,
7785
- "model-value": h.value.type,
7842
+ "model-value": g.value.type,
7786
7843
  options: D(d),
7787
- "onUpdate:modelValue": o[0] ||= (e) => g("type", e),
7844
+ "onUpdate:modelValue": o[0] ||= (e) => v("type", e),
7788
7845
  onCommit: o[1] ||= (e) => D(c).commit()
7789
7846
  }, null, 8, [
7790
7847
  "id",
@@ -7793,26 +7850,48 @@ var va = _a(ma), ya = [...va.keys()], ba = [
7793
7850
  ])]),
7794
7851
  _: 1
7795
7852
  }, 8, ["id", "label"]),
7796
- h.value.type === "none" ? r("", !0) : (_(), i("div", gs, [s(Q, {
7797
- "model-value": h.value.delay,
7853
+ g.value.type === "none" ? r("", !0) : (_(), i("div", gs, [s(Q, {
7854
+ "model-value": g.value.delay,
7798
7855
  label: D(l)("style.delay"),
7799
7856
  min: 0,
7800
7857
  max: 2,
7801
7858
  step: .1,
7802
- format: p,
7803
- "onUpdate:modelValue": o[2] ||= (e) => g("delay", e),
7859
+ format: m,
7860
+ "onUpdate:modelValue": o[2] ||= (e) => v("delay", e),
7804
7861
  onCommit: o[3] ||= (e) => D(c).commit()
7805
7862
  }, null, 8, ["model-value", "label"]), s(Q, {
7806
- "model-value": h.value.duration,
7863
+ "model-value": g.value.duration,
7807
7864
  label: D(l)("style.duration"),
7808
7865
  min: .2,
7809
7866
  max: 2,
7810
7867
  step: .1,
7811
7868
  fallback: .7,
7812
- format: p,
7813
- "onUpdate:modelValue": o[4] ||= (e) => g("duration", e),
7869
+ format: m,
7870
+ "onUpdate:modelValue": o[4] ||= (e) => v("duration", e),
7814
7871
  onCommit: o[5] ||= (e) => D(c).commit()
7815
7872
  }, null, 8, ["model-value", "label"])])),
7873
+ s(J, {
7874
+ id: u.scroll,
7875
+ label: D(l)("style.scroll"),
7876
+ hint: D(l)("style.scrollHint")
7877
+ }, {
7878
+ default: P(() => [s(Z, {
7879
+ id: u.scroll,
7880
+ "model-value": e.element.style.scroll ?? "none",
7881
+ options: D(f),
7882
+ "onUpdate:modelValue": o[6] ||= (t) => e.element.style.scroll = t,
7883
+ onCommit: o[7] ||= (e) => D(c).commit()
7884
+ }, null, 8, [
7885
+ "id",
7886
+ "model-value",
7887
+ "options"
7888
+ ])]),
7889
+ _: 1
7890
+ }, 8, [
7891
+ "id",
7892
+ "label",
7893
+ "hint"
7894
+ ]),
7816
7895
  s(J, {
7817
7896
  id: u.hover,
7818
7897
  label: D(l)("style.hover")
@@ -7820,9 +7899,9 @@ var va = _a(ma), ya = [...va.keys()], ba = [
7820
7899
  default: P(() => [s(Z, {
7821
7900
  id: u.hover,
7822
7901
  "model-value": e.element.style.hover ?? "none",
7823
- options: D(f),
7824
- "onUpdate:modelValue": o[6] ||= (t) => e.element.style.hover = t,
7825
- onCommit: o[7] ||= (e) => D(c).commit()
7902
+ options: D(p),
7903
+ "onUpdate:modelValue": o[8] ||= (t) => e.element.style.hover = t,
7904
+ onCommit: o[9] ||= (e) => D(c).commit()
7826
7905
  }, null, 8, [
7827
7906
  "id",
7828
7907
  "model-value",
@@ -8370,7 +8449,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8370
8449
  a("p", oc, T(D(l)("multi.hint")), 1)
8371
8450
  ]));
8372
8451
  }
8373
- }), cc = { class: "lze-stack" }, lc = { class: "lze-heading" }, uc = { class: "lze-panel-title" }, dc = { class: "lze-row" }, fc = { class: "lze-field" }, pc = /* @__PURE__ */ c({
8452
+ }), 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({
8374
8453
  __name: "SectionPanel",
8375
8454
  props: { section: {} },
8376
8455
  setup(t) {
@@ -8378,7 +8457,8 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8378
8457
  group: O(),
8379
8458
  label: O(),
8380
8459
  anchor: O(),
8381
- background: O()
8460
+ background: O(),
8461
+ video: O()
8382
8462
  }, f = [
8383
8463
  {
8384
8464
  value: "alone",
@@ -8395,7 +8475,8 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8395
8475
  ], p = [
8396
8476
  "color",
8397
8477
  "gradient",
8398
- "image"
8478
+ "image",
8479
+ "video"
8399
8480
  ].map((e) => ({
8400
8481
  value: e,
8401
8482
  label: u(`fill.${e}`)
@@ -8415,7 +8496,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8415
8496
  }), l.commit());
8416
8497
  }
8417
8498
  function y(e) {
8418
- c.section.background.image = e ?? null, c.section.background.type = e ? "image" : "color";
8499
+ c.section.background.image = e ?? null, c.section.background.type !== "video" && (c.section.background.type = e ? "image" : "color");
8419
8500
  }
8420
8501
  return (c, b) => (_(), i("div", cc, [
8421
8502
  a("div", lc, [a("h2", uc, T(D(u)("section.heading")), 1), D(l).state.draft.sections.length > 1 ? (_(), n(Ir, {
@@ -8501,6 +8582,13 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8501
8582
  "onUpdate:modelValue": b[9] ||= (e) => t.section.height.mobile = e ?? t.section.height.mobile,
8502
8583
  onCommit: b[10] ||= (e) => D(l).commit()
8503
8584
  }, null, 8, ["model-value", "label"])]),
8585
+ s(hi, {
8586
+ modelValue: t.section.wide,
8587
+ "onUpdate:modelValue": b[11] ||= (e) => t.section.wide = e,
8588
+ label: D(u)("section.wide"),
8589
+ onCommit: b[12] ||= (e) => D(l).commit()
8590
+ }, null, 8, ["modelValue", "label"]),
8591
+ a("p", pc, T(D(u)("section.wideHint")), 1),
8504
8592
  s(J, {
8505
8593
  id: d.background,
8506
8594
  label: D(u)("section.background")
@@ -8520,21 +8608,41 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8520
8608
  t.section.background.type === "color" ? (_(), n($, {
8521
8609
  key: 0,
8522
8610
  modelValue: t.section.background.color,
8523
- "onUpdate:modelValue": b[11] ||= (e) => t.section.background.color = e,
8611
+ "onUpdate:modelValue": b[13] ||= (e) => t.section.background.color = e,
8524
8612
  label: D(u)("section.color"),
8525
- onCommit: b[12] ||= (e) => D(l).commit()
8613
+ onCommit: b[14] ||= (e) => D(l).commit()
8526
8614
  }, null, 8, ["modelValue", "label"])) : t.section.background.type === "gradient" ? (_(), n(ss, {
8527
8615
  key: 1,
8528
8616
  modelValue: t.section.background.gradient,
8529
- "onUpdate:modelValue": b[13] ||= (e) => t.section.background.gradient = e,
8530
- onCommit: b[14] ||= (e) => D(l).commit()
8617
+ "onUpdate:modelValue": b[15] ||= (e) => t.section.background.gradient = e,
8618
+ onCommit: b[16] ||= (e) => D(l).commit()
8531
8619
  }, null, 8, ["modelValue"])) : (_(), i(e, { key: 2 }, [
8620
+ t.section.background.type === "video" ? (_(), n(J, {
8621
+ key: 0,
8622
+ id: d.video,
8623
+ label: D(u)("section.video"),
8624
+ hint: D(u)("section.videoHint")
8625
+ }, {
8626
+ default: P(() => [s(Y, {
8627
+ id: d.video,
8628
+ modelValue: t.section.background.video,
8629
+ "onUpdate:modelValue": b[17] ||= (e) => t.section.background.video = e,
8630
+ maxlength: 500,
8631
+ placeholder: "https://…/video.mp4",
8632
+ onCommit: b[18] ||= (e) => D(l).commit()
8633
+ }, null, 8, ["id", "modelValue"])]),
8634
+ _: 1
8635
+ }, 8, [
8636
+ "id",
8637
+ "label",
8638
+ "hint"
8639
+ ])) : r("", !0),
8532
8640
  s(ai, {
8533
8641
  "model-value": t.section.background.image,
8534
- label: D(u)("section.image"),
8642
+ label: t.section.background.type === "video" ? D(u)("section.poster") : D(u)("section.image"),
8535
8643
  choose: D(u)("section.chooseImage"),
8536
8644
  "onUpdate:modelValue": y,
8537
- onCommit: b[15] ||= (e) => D(l).commit()
8645
+ onCommit: b[19] ||= (e) => D(l).commit()
8538
8646
  }, null, 8, [
8539
8647
  "model-value",
8540
8648
  "label",
@@ -8542,19 +8650,19 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8542
8650
  ]),
8543
8651
  s(hi, {
8544
8652
  modelValue: t.section.background.parallax,
8545
- "onUpdate:modelValue": b[16] ||= (e) => t.section.background.parallax = e,
8653
+ "onUpdate:modelValue": b[20] ||= (e) => t.section.background.parallax = e,
8546
8654
  label: D(u)("section.parallax"),
8547
- onCommit: b[17] ||= (e) => D(l).commit()
8655
+ onCommit: b[21] ||= (e) => D(l).commit()
8548
8656
  }, null, 8, ["modelValue", "label"]),
8549
8657
  s(Q, {
8550
8658
  modelValue: t.section.background.overlay,
8551
- "onUpdate:modelValue": b[18] ||= (e) => t.section.background.overlay = e,
8659
+ "onUpdate:modelValue": b[22] ||= (e) => t.section.background.overlay = e,
8552
8660
  label: D(u)("section.overlay"),
8553
8661
  min: 0,
8554
8662
  max: .8,
8555
8663
  step: .05,
8556
8664
  format: (e) => `${Math.round(e * 100)}%`,
8557
- onCommit: b[19] ||= (e) => D(l).commit()
8665
+ onCommit: b[23] ||= (e) => D(l).commit()
8558
8666
  }, null, 8, [
8559
8667
  "modelValue",
8560
8668
  "label",
@@ -8563,10 +8671,10 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8563
8671
  ], 64))
8564
8672
  ]));
8565
8673
  }
8566
- }), mc = {
8674
+ }), hc = {
8567
8675
  key: 4,
8568
8676
  class: "lze-hint"
8569
- }, hc = /* @__PURE__ */ c({
8677
+ }, gc = /* @__PURE__ */ c({
8570
8678
  __name: "DesignPanel",
8571
8679
  setup(e) {
8572
8680
  let r = K(), a = t(() => {
@@ -8593,18 +8701,18 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8593
8701
  }, null, 8, ["element"])) : a.value.kind === "modal" ? (_(), n(Xs, {
8594
8702
  key: a.value.modal.id,
8595
8703
  modal: a.value.modal
8596
- }, null, 8, ["modal"])) : a.value.kind === "section" ? (_(), n(pc, {
8704
+ }, null, 8, ["modal"])) : a.value.kind === "section" ? (_(), n(mc, {
8597
8705
  key: a.value.section.id,
8598
8706
  section: a.value.section
8599
- }, null, 8, ["section"])) : (_(), i("p", mc, T(D(r).t("panel.nothing")), 1));
8707
+ }, null, 8, ["section"])) : (_(), i("p", hc, T(D(r).t("panel.nothing")), 1));
8600
8708
  }
8601
- }), gc = {
8709
+ }), _c = {
8602
8710
  key: 0,
8603
8711
  class: "lze-stack"
8604
- }, _c = { class: "lze-slug-static" }, vc = { class: "lze-slug" }, yc = { class: "lze-row" }, bc = {
8712
+ }, vc = { class: "lze-slug-static" }, yc = { class: "lze-slug" }, bc = { class: "lze-row" }, xc = {
8605
8713
  key: 2,
8606
8714
  class: "lze-field lze-divided"
8607
- }, xc = { class: "lze-label" }, Sc = ["onClick"], Cc = { class: "lze-hint" }, wc = { class: "lze-field lze-divided" }, Tc = { class: "lze-label" }, Ec = { class: "lze-shortcuts lze-hint" }, Dc = /* @__PURE__ */ c({
8715
+ }, 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({
8608
8716
  __name: "PagePanel",
8609
8717
  setup(c) {
8610
8718
  let l = K(), u = l.t, d = {
@@ -8623,7 +8731,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8623
8731
  function y() {
8624
8732
  f.value && window.confirm(u("page.deleteConfirm", { title: f.value.title })) && l.deletePage();
8625
8733
  }
8626
- return (t, c) => f.value ? (_(), i("div", gc, [
8734
+ return (t, c) => f.value ? (_(), i("div", _c, [
8627
8735
  s(J, {
8628
8736
  id: d.title,
8629
8737
  label: D(u)("page.title")
@@ -8641,7 +8749,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8641
8749
  label: D(u)("page.address"),
8642
8750
  hint: D(u)("page.homeHint")
8643
8751
  }, {
8644
- default: P(() => [a("p", _c, [c[4] ||= a("span", {
8752
+ default: P(() => [a("p", vc, [c[4] ||= a("span", {
8645
8753
  class: "lze-slug-root",
8646
8754
  "aria-hidden": "true"
8647
8755
  }, "/", -1), o(T(D(u)("page.home")), 1)])]),
@@ -8651,7 +8759,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8651
8759
  label: D(u)("page.address"),
8652
8760
  error: m.value.map((e) => e.message).join(" ") || null
8653
8761
  }, {
8654
- default: P(() => [a("div", vc, [c[5] ||= a("span", { "aria-hidden": "true" }, "/", -1), s(Y, {
8762
+ default: P(() => [a("div", yc, [c[5] ||= a("span", { "aria-hidden": "true" }, "/", -1), s(Y, {
8655
8763
  id: d.slug,
8656
8764
  modelValue: p.value,
8657
8765
  "onUpdate:modelValue": c[1] ||= (e) => p.value = e,
@@ -8667,7 +8775,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8667
8775
  "id",
8668
8776
  "label",
8669
8777
  "error"
8670
- ]), a("div", yc, [s(q, {
8778
+ ]), a("div", bc, [s(q, {
8671
8779
  disabled: h.value || p.value.trim() === f.value.slug,
8672
8780
  onClick: v
8673
8781
  }, {
@@ -8680,12 +8788,12 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8680
8788
  default: P(() => [o(T(D(u)("page.delete")), 1)]),
8681
8789
  _: 1
8682
8790
  })])], 64)),
8683
- g.value ? (_(), i("div", bc, [a("span", xc, T(D(u)("page.templates")), 1), (_(!0), i(e, null, x(D(dn), (e) => (_(), i("button", {
8791
+ g.value ? (_(), i("div", xc, [a("span", Sc, T(D(u)("page.templates")), 1), (_(!0), i(e, null, x(D(dn), (e) => (_(), i("button", {
8684
8792
  key: e.key,
8685
8793
  type: "button",
8686
8794
  class: "lze-choice",
8687
8795
  onClick: (t) => D(l).applyPageTemplate(e.key)
8688
- }, [a("strong", null, T(D(u)(e.name)), 1), a("span", Cc, T(D(u)(e.note)), 1)], 8, Sc))), 128))])) : r("", !0),
8796
+ }, [a("strong", null, T(D(u)(e.name)), 1), a("span", wc, T(D(u)(e.note)), 1)], 8, Cc))), 128))])) : r("", !0),
8689
8797
  s(J, {
8690
8798
  id: d.seoTitle,
8691
8799
  label: D(u)("page.seoTitle"),
@@ -8716,7 +8824,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8716
8824
  }, null, 8, ["id", "modelValue"])]),
8717
8825
  _: 1
8718
8826
  }, 8, ["id", "label"]),
8719
- a("div", wc, [a("span", Tc, T(D(u)("page.shortcuts")), 1), a("ul", Ec, [
8827
+ a("div", Tc, [a("span", Ec, T(D(u)("page.shortcuts")), 1), a("ul", Dc, [
8720
8828
  a("li", null, T(D(u)("page.shortcutUndo")), 1),
8721
8829
  a("li", null, T(D(u)("page.shortcutSave")), 1),
8722
8830
  a("li", null, T(D(u)("page.shortcutCopy")), 1),
@@ -8724,42 +8832,42 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8724
8832
  ])])
8725
8833
  ])) : r("", !0);
8726
8834
  }
8727
- }), Oc = { class: "lze-sidebar lze-right" }, kc = {
8835
+ }), kc = { class: "lze-sidebar lze-right" }, Ac = {
8728
8836
  class: "lze-tabs",
8729
8837
  role: "tablist"
8730
- }, Ac = ["aria-selected"], jc = ["aria-selected"], Mc = {
8838
+ }, jc = ["aria-selected"], Mc = ["aria-selected"], Nc = {
8731
8839
  class: "lze-scroll lze-pad",
8732
8840
  role: "tabpanel"
8733
- }, Nc = /* @__PURE__ */ c({
8841
+ }, Pc = /* @__PURE__ */ c({
8734
8842
  __name: "RightPanel",
8735
8843
  setup(e) {
8736
8844
  let t = K(), r = b("design");
8737
- return (e, o) => (_(), i("aside", Oc, [a("div", kc, [a("button", {
8845
+ return (e, o) => (_(), i("aside", kc, [a("div", Ac, [a("button", {
8738
8846
  type: "button",
8739
8847
  role: "tab",
8740
8848
  "aria-selected": r.value === "design",
8741
8849
  onClick: o[0] ||= (e) => r.value = "design"
8742
- }, T(D(t).t("panel.design")), 9, Ac), a("button", {
8850
+ }, T(D(t).t("panel.design")), 9, jc), a("button", {
8743
8851
  type: "button",
8744
8852
  role: "tab",
8745
8853
  "aria-selected": r.value === "page",
8746
8854
  onClick: o[1] ||= (e) => r.value = "page"
8747
- }, T(D(t).t("panel.page")), 9, jc)]), a("div", Mc, [r.value === "design" ? (_(), n(hc, { key: 0 })) : (_(), n(Dc, { key: 1 }))])]));
8855
+ }, T(D(t).t("panel.page")), 9, Mc)]), a("div", Nc, [r.value === "design" ? (_(), n(gc, { key: 0 })) : (_(), n(Oc, { key: 1 }))])]));
8748
8856
  }
8749
- }), Pc = { class: "lze-toolbar" }, Fc = { class: "lze-toolbar-group" }, Ic = { class: "lze-site-name" }, Lc = ["aria-label", "value"], Rc = ["value"], zc = ["data-published"], Bc = ["data-tone"], Vc = { class: "lze-toolbar-group" }, Hc = ["aria-label"], Uc = [
8857
+ }), 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 = [
8750
8858
  "title",
8751
8859
  "aria-label",
8752
8860
  "aria-pressed",
8753
8861
  "onClick"
8754
- ], Wc = [
8862
+ ], Gc = [
8755
8863
  "title",
8756
8864
  "aria-label",
8757
8865
  "disabled"
8758
- ], Gc = [
8866
+ ], Kc = [
8759
8867
  "title",
8760
8868
  "aria-label",
8761
8869
  "disabled"
8762
- ], Kc = ["href"], qc = /* @__PURE__ */ c({
8870
+ ], qc = ["href"], Jc = /* @__PURE__ */ c({
8763
8871
  __name: "Toolbar",
8764
8872
  setup(c) {
8765
8873
  let l = K(), u = l.t, d = t(() => l.state.page), f = new Intl.DateTimeFormat(l.i18n.locale, {
@@ -8812,8 +8920,8 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8812
8920
  let t = e.target;
8813
8921
  await l.openPage(Number(t.value)), t.value = String(l.state.page?.id ?? "");
8814
8922
  }
8815
- return (t, c) => (_(), i("header", Pc, [a("div", Fc, [
8816
- a("strong", Ic, T(D(l).state.workspace.site.name), 1),
8923
+ return (t, c) => (_(), i("header", Fc, [a("div", Ic, [
8924
+ a("strong", Lc, T(D(l).state.workspace.site.name), 1),
8817
8925
  d.value ? (_(), i("select", {
8818
8926
  key: 0,
8819
8927
  class: "lze-select lze-page-select",
@@ -8823,7 +8931,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8823
8931
  }, [(_(!0), i(e, null, x(D(l).state.workspace.pages, (e) => (_(), i("option", {
8824
8932
  key: e.id,
8825
8933
  value: e.id
8826
- }, T(e.title) + T(e.slug ? ` /${e.slug}` : ""), 9, Rc))), 128))], 40, Lc)) : r("", !0),
8934
+ }, T(e.title) + T(e.slug ? ` /${e.slug}` : ""), 9, zc))), 128))], 40, Rc)) : r("", !0),
8827
8935
  s(q, {
8828
8936
  variant: "ghost",
8829
8937
  title: D(u)("toolbar.newPageHint"),
@@ -8839,13 +8947,13 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8839
8947
  key: 1,
8840
8948
  class: "lze-badge-status",
8841
8949
  "data-published": d.value.publishedAt !== null
8842
- }, T(d.value.publishedAt ? D(u)("status.published") : D(u)("status.unpublished")), 9, zc)) : r("", !0),
8950
+ }, T(d.value.publishedAt ? D(u)("status.published") : D(u)("status.unpublished")), 9, Bc)) : r("", !0),
8843
8951
  a("span", {
8844
8952
  class: "lze-save-status",
8845
8953
  "data-tone": p.value.tone,
8846
8954
  "data-testid": "save-status",
8847
8955
  "aria-live": "polite"
8848
- }, T(p.value.text), 9, Bc),
8956
+ }, T(p.value.text), 9, Vc),
8849
8957
  p.value.retry ? (_(), n(q, {
8850
8958
  key: 2,
8851
8959
  variant: "ghost",
@@ -8862,7 +8970,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8862
8970
  default: P(() => [o(T(D(u)("conflict.reload")), 1)]),
8863
8971
  _: 1
8864
8972
  })) : r("", !0)
8865
- ]), a("div", Vc, [
8973
+ ]), a("div", Hc, [
8866
8974
  a("div", {
8867
8975
  class: "lze-segmented",
8868
8976
  role: "group",
@@ -8882,7 +8990,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8882
8990
  key: 1,
8883
8991
  size: 16,
8884
8992
  "aria-hidden": "true"
8885
- }))], 8, Uc)), 64))], 8, Hc),
8993
+ }))], 8, Wc)), 64))], 8, Uc),
8886
8994
  a("button", {
8887
8995
  type: "button",
8888
8996
  class: "lze-icon-btn",
@@ -8893,7 +9001,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8893
9001
  }, [s(D(Xe), {
8894
9002
  size: 16,
8895
9003
  "aria-hidden": "true"
8896
- })], 8, Wc),
9004
+ })], 8, Gc),
8897
9005
  a("button", {
8898
9006
  type: "button",
8899
9007
  class: "lze-icon-btn",
@@ -8904,7 +9012,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8904
9012
  }, [s(D(Be), {
8905
9013
  size: 16,
8906
9014
  "aria-hidden": "true"
8907
- })], 8, Gc),
9015
+ })], 8, Kc),
8908
9016
  s(q, {
8909
9017
  variant: "ghost",
8910
9018
  title: D(l).state.previewing ? D(u)("toolbar.editHint") : D(u)("toolbar.previewHint"),
@@ -8962,7 +9070,7 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8962
9070
  href: m.value,
8963
9071
  target: "_blank",
8964
9072
  rel: "noopener noreferrer"
8965
- }, T(D(u)("toolbar.viewSite")), 9, Kc)) : r("", !0),
9073
+ }, T(D(u)("toolbar.viewSite")), 9, qc)) : r("", !0),
8966
9074
  s(q, {
8967
9075
  variant: "primary",
8968
9076
  disabled: D(l).state.publishing || !d.value,
@@ -8973,25 +9081,25 @@ var va = _a(ma), ya = [...va.keys()], ba = [
8973
9081
  }, 8, ["disabled"])
8974
9082
  ])]));
8975
9083
  }
8976
- }), Jc = [
9084
+ }), Yc = [
8977
9085
  ".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}",
8978
9086
  ".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}}",
8979
9087
  ".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}",
8980
9088
  ".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}"
8981
- ].join("\n"), Yc = /* @__PURE__ */ new WeakMap();
8982
- function Xc(e) {
9089
+ ].join("\n"), Xc = /* @__PURE__ */ new WeakMap();
9090
+ function Zc(e) {
8983
9091
  let t = e.getRootNode();
8984
- if (!(t instanceof Document || t instanceof ShadowRoot) || Yc.has(t)) return;
9092
+ if (!(t instanceof Document || t instanceof ShadowRoot) || Xc.has(t)) return;
8985
9093
  let n = new CSSStyleSheet();
8986
- n.replaceSync(Jc), Yc.set(t, n), t.adoptedStyleSheets = [...t.adoptedStyleSheets, n];
9094
+ n.replaceSync(Yc), Xc.set(t, n), t.adoptedStyleSheets = [...t.adoptedStyleSheets, n];
8987
9095
  }
8988
9096
  //#endregion
8989
9097
  //#region src/ui/Toasts.vue?vue&type=script&setup=true&lang.ts
8990
- var Zc = { class: "lze-toasts" }, Qc = ["data-tone", "role"], $c = ["aria-label", "onClick"], el = /* @__PURE__ */ c({
9098
+ var Qc = { class: "lze-toasts" }, $c = ["data-tone", "role"], el = ["aria-label", "onClick"], tl = /* @__PURE__ */ c({
8991
9099
  __name: "Toasts",
8992
9100
  setup(t) {
8993
9101
  let n = K();
8994
- return (t, r) => (_(), i("div", Zc, [(_(!0), i(e, null, x(D(n).state.toasts, (e) => (_(), i("div", {
9102
+ return (t, r) => (_(), i("div", Qc, [(_(!0), i(e, null, x(D(n).state.toasts, (e) => (_(), i("div", {
8995
9103
  key: e.id,
8996
9104
  class: "lze-toast",
8997
9105
  "data-tone": e.tone,
@@ -9004,19 +9112,19 @@ var Zc = { class: "lze-toasts" }, Qc = ["data-tone", "role"], $c = ["aria-label"
9004
9112
  }, [s(D($e), {
9005
9113
  size: 14,
9006
9114
  "aria-hidden": "true"
9007
- })], 8, $c)], 8, Qc))), 128))]));
9115
+ })], 8, el)], 8, $c))), 128))]));
9008
9116
  }
9009
- }), tl = ["lang"], nl = {
9117
+ }), nl = ["lang"], rl = {
9010
9118
  key: 0,
9011
9119
  class: "lze-center"
9012
- }, rl = {
9120
+ }, il = {
9013
9121
  key: 1,
9014
9122
  class: "lze-center",
9015
9123
  role: "alert"
9016
- }, il = {
9124
+ }, al = {
9017
9125
  key: 2,
9018
9126
  class: "lze-center"
9019
- }, al = { class: "lze-body" }, ol = { class: "lze-main" }, sl = /* @__PURE__ */ c({
9127
+ }, ol = { class: "lze-body" }, sl = { class: "lze-main" }, cl = /* @__PURE__ */ c({
9020
9128
  inheritAttrs: !1,
9021
9129
  __name: "LienzoEditor",
9022
9130
  props: {
@@ -9046,7 +9154,7 @@ var Zc = { class: "lze-toasts" }, Qc = ["data-tone", "role"], $c = ["aria-label"
9046
9154
  let e = l.theme.value;
9047
9155
  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]));
9048
9156
  }), g(() => {
9049
- u.value && Xc(u.value), window.addEventListener("keydown", p), l.load();
9157
+ u.value && Zc(u.value), window.addEventListener("keydown", p), l.load();
9050
9158
  }), h(() => {
9051
9159
  window.removeEventListener("keydown", p), m?.remove(), l.dispose();
9052
9160
  }), (t, r) => (_(), i("div", {
@@ -9055,23 +9163,23 @@ var Zc = { class: "lze-toasts" }, Qc = ["data-tone", "role"], $c = ["aria-label"
9055
9163
  class: "lze-root",
9056
9164
  lang: D(c).locale
9057
9165
  }, [
9058
- D(l).state.load.kind === "loading" ? (_(), i("div", nl, T(D(l).t("load.loading")), 1)) : D(l).state.load.kind === "failed" ? (_(), i("div", rl, [a("p", null, T(D(l).t("load.failed", { message: D(l).state.load.message })), 1), s(q, { onClick: r[0] ||= (e) => D(l).load() }, {
9166
+ 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() }, {
9059
9167
  default: P(() => [o(T(D(l).t("load.retry")), 1)]),
9060
9168
  _: 1
9061
- })])) : D(l).state.load.kind === "empty" ? (_(), i("div", il, [s(q, {
9169
+ })])) : D(l).state.load.kind === "empty" ? (_(), i("div", al, [s(q, {
9062
9170
  variant: "primary",
9063
9171
  onClick: r[1] ||= (e) => D(l).state.dialog = "newPage"
9064
9172
  }, {
9065
9173
  default: P(() => [o(T(D(l).t("newPage.title")), 1)]),
9066
9174
  _: 1
9067
- })])) : (_(), i(e, { key: 3 }, [s(qc), a("div", al, [
9175
+ })])) : (_(), i(e, { key: 3 }, [s(Jc), a("div", ol, [
9068
9176
  s(So, { "drop-point": f }),
9069
- a("main", ol, [D(l).state.previewing ? (_(), n(vr, { key: 0 })) : (_(), n(gr, {
9177
+ a("main", sl, [D(l).state.previewing ? (_(), n(vr, { key: 0 })) : (_(), n(gr, {
9070
9178
  key: 1,
9071
9179
  ref_key: "canvas",
9072
9180
  ref: d
9073
9181
  }, null, 512))]),
9074
- s(Nc)
9182
+ s(Pc)
9075
9183
  ])], 64)),
9076
9184
  s($r),
9077
9185
  s(pa),
@@ -9080,11 +9188,11 @@ var Zc = { class: "lze-toasts" }, Qc = ["data-tone", "role"], $c = ["aria-label"
9080
9188
  s(Vi),
9081
9189
  s(Pr),
9082
9190
  s(Wr),
9083
- s(el)
9084
- ], 8, tl));
9191
+ s(tl)
9192
+ ], 8, nl));
9085
9193
  }
9086
9194
  });
9087
9195
  //#endregion
9088
- export { Qt as n, Zt as r, sl as t };
9196
+ export { Qt as n, Zt as r, cl as t };
9089
9197
 
9090
- //# sourceMappingURL=LienzoEditor-luruvISU.js.map
9198
+ //# sourceMappingURL=LienzoEditor-CM8FH-q3.js.map