@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/playfair-display-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/playfair-display-italic-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-ui:"Plus Jakarta Sans", sans-serif;--font-editorial:"Playfair Display", serif;--type-hero:40px;--type-section:30px;--type-page:32px;--type-panel:22px;--type-card:20px;--type-lead:16px;--type-body:16px;--type-control:15px;--type-secondary:14px;--leading-heading:1.12;--leading-body:1.6;--tracking-heading:-.03em}@media (width>=1024px){:root{--type-hero:64px;--type-section:40px;--type-page:40px;--type-panel:24px;--type-card:22px;--type-lead:18px}}:root{--vv-ink:#24101f;--vv-paper:#fff8f4;--vv-surface:#fff;--vv-surface-alt:#fff3ef;--vv-berry:#a52463;--vv-berry-dark:#731441;--vv-berry-soft:#f9e3ed;--vv-coral:#d84e4a;--vv-text-secondary:#57534e;--vv-control-border:#78716c;--vv-line:#e7e5e4;--vv-on-dark:#fff}[data-vv-ui] :where(input,select,textarea):not(.canvas-area *,#preview-frame *,[type=hidden],[type=range],[type=color],[aria-invalid=true]):not(:focus){border-color:var(--vv-control-border)}[data-vv-ui] :where(input,select,textarea):not(.canvas-area *,#preview-frame *){accent-color:var(--vv-berry)}[data-vv-ui] :not(.canvas-area *,#preview-frame *)::selection{background:var(--vv-berry-soft);color:var(--vv-berry-dark)}.xv-countdown[data-element-type=countdown]{max-width:100%;container-type:inline-size}.xv-countdown>div{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:18px!important;display:grid!important}.xv-countdown>div>span[aria-hidden=true]{display:none}@container (width<=380px){.xv-countdown>div{grid-template-columns:repeat(2,minmax(0,1fr))}}.material-symbols-outlined{white-space:nowrap;flex-shrink:0;width:1em;height:1em;line-height:1;display:inline-block;overflow:hidden}:root{--color-brand:var(--vv-berry);--color-brand-light:var(--vv-berry-soft);--color-brand-dark:var(--vv-berry-dark);--color-brand-subtle:#a5246314;--color-accent:var(--vv-coral);--color-accent-light:var(--vv-surface-alt);--color-warm-cream:var(--vv-surface-alt);--color-warm-champagne:#f3c3b5;--color-warm-terracota:var(--vv-coral);--color-warm-ivory:var(--vv-paper);--color-warm-terra-dk:var(--vv-berry-dark);--color-bg:var(--vv-paper);--color-bg-alt:var(--vv-surface-alt);--color-surface:var(--vv-surface);--color-surface-hover:var(--vv-surface-alt);--color-border:var(--vv-line);--color-border-strong:var(--vv-control-border);--color-text:var(--vv-ink);--color-text-secondary:var(--vv-text-secondary);--color-text-muted:var(--vv-text-secondary);--color-text-on-brand:var(--vv-on-dark);--color-success:#16a34a;--color-error:#dc2626;--color-warning:#d97706;--color-info:#2563eb;--shadow-soft:0 4px 20px -2px #0000000f;--color-editor-ink:var(--vv-ink);--color-editor-workspace:var(--vv-paper);--shadow-glow:0 0 30px #a524631f;--shadow-float:0 10px 40px -10px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-editor-workspace);height:100dvh;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,sans-serif;overflow:hidden}body[data-editor-state] :where(button,input,select,textarea):not(.canvas-area *,#preview-frame *){font-family:var(--font-ui)}body[data-editor-state] :where(input,select,textarea):not(.canvas-area *,#preview-frame *,[type=color],[type=range]){font-size:var(--type-body)}#canvas-content{--color-accent:#f26f63;--color-accent-light:#ffe4db;--color-warm-terracota:#f26f63;--color-warm-ivory:#fffaf7;--color-warm-terra-dk:#c33e72;--color-bg:#fffaf7;--color-surface-hover:#f5f5f4;--color-border-strong:#d6d3d1;--color-text:#1c1917;--color-text-secondary:#78716c;--color-text-muted:#a8a29e;color:var(--color-text)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.editor-container{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.editor-document-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:4px;min-height:44px;padding:0 16px;display:flex}.editor-document-bar button{width:44px;height:44px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.editor-document-bar button:disabled{color:#a49894;cursor:default}.editor-document-bar button:not(:disabled):hover{background:var(--color-brand-light);color:var(--color-brand)}#editor-draft-status{color:var(--vv-text-secondary);margin-left:12px;font-size:11px;line-height:1.4}.editor-layout-switch{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:10px;align-items:center;gap:2px;margin-left:auto;padding:3px;display:flex}.editor-layout-switch-label{color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase;padding:0 6px;font-size:10px;font-weight:700}.editor-document-bar .editor-layout-switch button{width:auto;height:30px;color:var(--color-text-secondary);font:inherit;border-radius:7px;padding:0 10px;font-size:11px;font-weight:700}.editor-document-bar .editor-layout-switch button[aria-pressed=true]{color:var(--color-brand-dark);background:var(--color-surface);box-shadow:0 1px 4px #1c19171f}.editor-publication-state{color:var(--vv-text-secondary);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;margin:0;padding:5px 16px;font-size:11px;line-height:1.4}.header-btn[hidden],.editor-publication-state[hidden]{display:none!important}.editor-recovery{background:var(--color-brand-light);color:var(--color-brand-dark);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:8px 20px;font-size:12px;display:flex}.editor-recovery[hidden]{display:none}.editor-body[inert]{opacity:.65}.editor-recovery button{border:1px solid var(--color-brand);min-height:44px;color:var(--color-brand-dark);cursor:pointer;font-family:inherit;font-size:var(--type-control);background:#fff;border-radius:8px;padding:8px 12px;font-weight:600}.outline-intro{color:var(--vv-text-secondary);margin:0 0 16px;font-size:12px;line-height:1.6}.outline-count{letter-spacing:.08em;text-transform:uppercase;color:var(--vv-text-secondary);margin:0 0 12px;font-size:10px;font-weight:700}.editor-outline-list,.outline-children{margin:0;padding:0;list-style:none}.outline-item{border:1px solid var(--color-border);background:#fff;border-radius:10px;margin-bottom:8px;overflow:hidden}.outline-row{align-items:center;min-width:0;display:flex}.outline-select{text-align:left;cursor:pointer;min-width:0;min-height:44px;color:var(--color-text);font:inherit;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.outline-number{color:var(--vv-text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:10px}.outline-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.outline-icon{width:44px;height:44px;color:var(--color-text);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;display:grid}.outline-icon .material-symbols-outlined{font-size:18px}.outline-icon:disabled{color:#b0a5a0;cursor:default}.outline-icon:not(:disabled):hover,.outline-select:hover{background:var(--color-brand-light);color:var(--color-brand-dark)}.outline-item summary{cursor:pointer;min-height:44px;font-size:var(--type-control);color:var(--vv-text-secondary);border-top:1px solid var(--color-border);padding:10px 12px;line-height:24px}.outline-name{color:var(--vv-text-secondary);padding:4px 10px 12px;font-size:11px;display:block}.outline-name input{border:1px solid var(--color-border);width:100%;min-height:44px;font:inherit;color:var(--color-text);background:#fff;border-radius:6px;margin-top:6px;padding:8px;font-size:13px;display:block}.outline-children{padding:0 5px 4px 10px}.outline-children .outline-children{padding:0}.outline-children .outline-item{border-bottom:0;border-left:0;border-right:0;border-radius:0;margin-bottom:0}.outline-children .outline-item>details{border-left:2px solid var(--color-border)}.outline-children .outline-children .outline-item>details{border-left:0}.outline-children .outline-number{display:none}.outline-children .outline-select{padding-left:6px}.outline-add{background:var(--color-brand-light);width:100%;min-height:44px;color:var(--color-brand-dark);border:1px solid var(--color-brand);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:14px;padding:8px;font-size:12px;font-weight:600;display:flex}.editor-arrange{border-bottom:1px solid var(--color-border)}.editor-arrange[hidden],.editor-arrange [hidden],.outline-multiple-actions[hidden]{display:none}.editor-arrange summary{cursor:pointer;min-height:48px;font-size:var(--type-control);color:var(--color-text);padding:14px 16px;font-weight:600}.arrange-content{padding:0 16px 16px}.arrange-content p,.editor-arrange-layout p,.outline-multiple-actions p{color:var(--color-ink-700,var(--vv-text-secondary));margin:12px 0 8px;font-size:12px;line-height:1.6}.arrange-content label,.editor-arrange-layout label{color:var(--color-text);margin:14px 0 8px;font-size:12px;font-weight:600;display:block}.arrange-content button,.outline-multiple-actions button,.arrange-content select,.arrange-content input,.editor-arrange-layout select{border:1px solid var(--color-border-strong);background:var(--color-surface);width:100%;min-width:0;min-height:44px;color:var(--color-text);font:inherit;font-size:var(--type-control);border-radius:8px;padding:10px}.arrange-content button,.outline-multiple-actions button{cursor:pointer}.arrange-content button:disabled,.outline-multiple-actions button:disabled{color:var(--color-ink-700,var(--vv-text-secondary));background:var(--color-surface-hover);cursor:default}.arrange-content button:not(:disabled):hover,.outline-multiple-actions button:not(:disabled):hover{background:var(--color-brand-light);border-color:var(--color-brand)}.arrange-content select,.editor-arrange-layout select{font-size:13px}.arrange-buttons{flex-wrap:wrap;gap:8px;display:flex}.arrange-buttons>button{flex:110px}#arrange-transfer,#arrange-ungroup{margin-top:10px}#arrange-status:empty,#arrange-action-reason:empty{display:none}.arrange-layer-details{border-top:1px solid var(--color-border);margin-top:16px}.arrange-layer-details>summary{padding:14px 0}#arrange-layers{gap:6px;max-height:240px;margin:12px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}#arrange-layers button{text-align:left;overflow-wrap:anywhere}#arrange-layers button[aria-pressed=true]{border-color:var(--color-brand);background:var(--color-brand-light);color:var(--color-brand-dark)}.editor-clipboard-tools{border-top:1px solid var(--color-border);gap:8px;margin-top:16px;padding-top:16px;display:grid}.editor-clipboard-tools button{border:1px solid var(--color-border-strong);background:var(--color-surface);min-height:44px;color:var(--color-text);font:inherit;font-size:var(--type-control);cursor:pointer;border-radius:8px;padding:10px}.editor-clipboard-tools [hidden]{display:none}.editor-clipboard-tools p{color:var(--color-ink-700,var(--vv-text-secondary));margin:0;font-size:12px;line-height:1.6}.editor-clipboard-tools button:focus-visible,.editor-arrange :is(button,input,select,summary):focus-visible,.editor-arrange-layout select:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}#outline-multiple{background:var(--color-surface);margin:0 0 12px}#outline-multiple[aria-pressed=true]{background:var(--color-brand-light)}.outline-multiple-actions{z-index:2;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;margin-bottom:12px;padding:0 0 12px;position:sticky;top:0}#panel-outline:has(#outline-multiple-actions:not([hidden])){scroll-padding-top:245px}.outline-batch-buttons{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.outline-multiple-actions button:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}#outline-selection-help[hidden]{display:none}#outline-selection-help p{margin:0 0 10px}#outline-group-reason:empty{display:none}.outline-more-actions{border:1px solid var(--color-border);border-radius:8px;margin:0 0 14px}.outline-more-actions>summary{cursor:pointer;min-height:44px;color:var(--color-text);padding:12px;font-weight:600}.outline-more-actions .arrange-content{padding:0 12px 12px}.outline-more-actions [data-batch-action=transfer]{margin:8px 0}#outline-action-reason:empty,#outline-order-reason:empty,#outline-protection-reason:empty{display:none}.editor-selection-scope{border:1px solid var(--color-border);background:var(--color-surface-neutral);border-radius:8px;margin:12px 16px;padding:12px}.editor-selection-scope p{color:var(--color-ink-700);margin:0 0 8px;font-size:12px;line-height:1.6}.editor-selection-scope button,.editor-delete-dialog button{border:1px solid var(--color-border-strong);background:var(--color-surface);min-height:44px;color:var(--color-text);font:inherit;font-size:var(--type-control);cursor:pointer;border-radius:8px;padding:10px 12px}.editor-selection-scope[hidden]{display:none}.editor-delete-dialog{border:1px solid var(--color-border);background:var(--color-surface);width:min(440px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--color-text);border-radius:16px;margin:auto;padding:24px;overflow-y:auto}.editor-delete-dialog::backdrop{background:#1c191780}.editor-delete-dialog h2{font-family:var(--font-ui);font-size:var(--type-panel);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);margin:0 0 16px;font-weight:600}.editor-delete-dialog p,.editor-delete-dialog li{overflow-wrap:anywhere;font-size:13px;line-height:1.6}.editor-delete-dialog ul{margin:14px 0;padding-left:20px}.editor-delete-dialog .arrange-buttons{margin-top:20px}#editor-delete-confirm{background:var(--color-brand-dark);border-color:var(--color-brand-dark);color:var(--color-text-on-brand,#fff)}.editor-delete-dialog button:focus-visible,.editor-selection-scope button:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}@media (height<=500px){.outline-multiple-actions{position:static}#panel-outline:has(#outline-multiple-actions:not([hidden])){scroll-padding-top:12px}}.outline-check{cursor:pointer;flex:0 0 44px;place-items:center;min-height:44px;display:grid}.outline-check input{width:18px;height:18px;accent-color:var(--color-brand);cursor:pointer}.canvas-content .editor-multiselected{outline-offset:3px;outline:2px dashed var(--color-brand)!important}#container-properties .alignment-btn{min-width:44px;min-height:44px}.editor-lock-controls{border-bottom:1px solid var(--color-border);padding:14px 16px}.editor-lock-controls p{color:var(--color-ink-700,var(--vv-text-secondary));margin:0 0 10px;font-size:12px;line-height:1.6}.editor-lock-controls button{border:1px solid var(--color-border-strong);background:var(--color-surface);width:100%;min-height:44px;color:var(--color-text);font:inherit;font-size:var(--type-control);cursor:pointer;border-radius:8px;padding:10px}.editor-lock-controls button+button{margin-top:8px}.editor-lock-controls button[aria-pressed=true]{background:var(--color-brand-light);color:var(--color-brand-dark);border-color:var(--color-brand)}.editor-lock-controls button:disabled{color:var(--color-ink-700,var(--vv-text-secondary));background:var(--color-surface-hover);cursor:default}.editor-lock-controls button:focus-visible,.editor-lock-feedback button:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.editor-lock-controls[hidden],.editor-lock-controls [hidden],#editor-unlock-all[hidden],.editor-lock-feedback[hidden]{display:none}.editor-lock-feedback{border-bottom:1px solid var(--color-border);background:var(--color-brand-light);color:var(--color-brand-dark);justify-content:space-between;align-items:center;gap:12px;padding:4px 16px;font-size:12px;line-height:1.5;display:flex}.editor-lock-feedback button{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.outline-lock-state{color:var(--color-brand-dark);font-size:10px;display:block}.canvas-content [data-editor-locked=true].selected{outline-style:dashed!important}#prop-font,#prop-size,#prop-size-unit,#prop-weight,#prop-rotate,#prop-anim-type,#prop-anim-delay{min-height:44px}.editor-design-section>label{color:var(--color-text);margin:12px 0 6px;font-size:12px;font-weight:600;display:block}.editor-design-section>select{border:1px solid var(--color-border);width:100%;min-height:44px;color:var(--color-text);font:inherit;background:#fff;border-radius:8px;padding:8px;font-size:12px}.editor-design-section>select:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}#editor-design-status{margin:12px 0 0}.calendar-properties label{color:var(--color-text);margin:14px 0 6px;font-size:12px;font-weight:600;display:block}.calendar-properties label span{font-weight:400}.calendar-properties :is(input,select,textarea){box-sizing:border-box;border:1px solid var(--color-border-strong);background:var(--color-surface);width:100%;min-width:0;min-height:44px;color:var(--color-text);font:inherit;border-radius:8px;padding:10px;font-size:13px;display:block}.calendar-properties :is(input,select,textarea):focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.calendar-properties [aria-invalid=true]{border-color:var(--color-error)}.calendar-error{color:#9f1a36;margin-top:10px;font-size:12px;line-height:1.5}[data-calendar-action]:focus-visible,[data-gift-copy]:focus-visible{outline:3px solid var(--vv-ink);outline-offset:3px}.editor-document-bar button:focus-visible,.editor-recovery button:focus-visible,#panel-outline :is(button,input,summary):focus-visible{outline:2px solid var(--color-brand);outline-offset:-3px}#editor-outline-status{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.editor-body{flex:1;display:flex;position:relative;overflow:hidden}.editor-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:30;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.header-left,.header-right{align-items:center;gap:12px;display:flex}.logo{color:var(--color-text);align-items:center;gap:8px;text-decoration:none;display:flex}.logo-icon{background:var(--color-brand);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:700;display:flex}.tables-offer{z-index:1150;width:min(460px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-float);border-radius:16px;grid-template-columns:48px 1fr;gap:12px;margin:auto;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.tables-offer:not([open]),.tables-offer-actions[hidden],.tables-offer-result[hidden]{display:none}.tables-offer::backdrop{background:#1c191780}.tables-offer :is(button,a):focus-visible{outline:3px solid var(--color-brand);outline-offset:2px}.tables-offer-close{width:44px;height:44px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:8px;right:8px}.tables-offer-close:hover{background:var(--color-surface-hover)}.tables-offer-close .material-symbols-outlined{font-size:20px}.tables-offer-icon{width:48px;height:48px;color:var(--color-brand-dark);background:var(--color-brand-light);border-radius:12px;place-items:center;display:grid}.tables-offer-copy{min-width:0;padding-right:28px}.tables-offer-kicker{color:var(--color-brand);letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:700}.tables-offer h2{margin:0;font-size:18px;line-height:1.25}.tables-offer-copy>p:not(.tables-offer-kicker){color:var(--color-text-secondary);margin:6px 0 0;font-size:12px;line-height:1.55}.tables-offer-plan{color:var(--color-brand-dark);background:var(--color-brand-light);border-radius:999px;margin-top:10px;padding:5px 8px;font-size:11px;font-weight:700;display:inline-flex}.tables-offer-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.tables-offer-primary,.tables-offer-secondary{cursor:pointer;min-height:44px;font:inherit;border-radius:12px;padding:0 14px;font-size:12px;font-weight:700}.tables-offer-primary{color:var(--color-text-on-brand);background:var(--color-brand);border:1px solid var(--color-brand)}.tables-offer-primary:hover{background:var(--color-brand-dark)}.tables-offer-secondary{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border)}.tables-offer-secondary:hover{background:var(--color-surface-hover)}.tables-offer-result{color:var(--color-text-secondary);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;padding-top:4px;font-size:12px;line-height:1.45;display:flex}.tables-offer-result .material-symbols-outlined{color:var(--color-brand);font-size:20px}.tables-offer-result a,.tables-offer-result button{color:var(--color-brand-dark);margin-left:auto;font-weight:600;text-decoration:none}.tables-offer-result button,.tables-offer-result a{cursor:pointer;min-height:44px;font:inherit;background:0 0;border:0;border-radius:10px;align-items:center;padding:0 10px;display:inline-flex}.tables-offer-result button:hover{background:var(--color-brand-light)}.editor-back-icon{display:none}.logo-text{font-size:14px;font-weight:700}.device-switcher{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:10px;gap:2px;padding:4px;display:flex}.device-btn{cursor:pointer;color:var(--color-text-secondary);font-size:var(--type-control);white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-weight:600;transition:all .15s;display:flex}.device-btn-label{color:var(--color-ink-700,var(--vv-text-secondary));font-size:var(--type-control);letter-spacing:.01em;font-weight:600}.device-btn.active{background:var(--vv-berry-soft);color:var(--vv-berry-dark);box-shadow:0 1px 4px #0000001f}.device-btn.active .material-symbols-outlined{color:var(--color-brand)}.device-btn:hover:not(.active){color:var(--color-text);background:#fff9}.header-btn{cursor:pointer;font-size:var(--type-control);color:var(--color-text-secondary);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-weight:600;transition:background-color .15s,color .15s;display:flex}.header-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.btn-publish{background:var(--vv-berry);color:var(--vv-on-dark);letter-spacing:.01em;box-shadow:none;border-radius:8px;padding:8px 18px;font-weight:600;transition:transform .15s,box-shadow .2s,filter .2s}.btn-publish:hover{background:var(--vv-berry-dark);color:var(--vv-on-dark);filter:none;box-shadow:none}.btn-publish:active{filter:brightness(.97);transform:translateY(0)}.btn-warm-primary{width:100%;font-size:var(--type-control);color:var(--color-warm-ivory);background:linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-dark) 100%);cursor:pointer;letter-spacing:.01em;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:9px 12px;font-weight:600;transition:transform .15s,box-shadow .2s,filter .2s;display:flex;box-shadow:0 2px 8px -2px #a524634d}.btn-warm-primary:hover{background:linear-gradient(135deg, var(--color-brand-dark) 0%, var(--color-brand) 100%);filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 4px 12px -2px #a5246366}.btn-warm-primary:active{filter:brightness(.97);transform:translateY(0)}.btn-warm-danger{color:var(--color-warm-terra-dk);transition:color .15s,background .15s}.btn-warm-danger:hover{color:var(--color-warm-ivory);background:var(--color-warm-terra-dk)}.sidebar-rail{background:var(--color-surface);border-right:1px solid var(--color-border);z-index:22;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;width:64px;padding:8px 0;display:flex;overflow-y:auto}.rail-item{cursor:pointer;width:56px;color:var(--color-text-secondary);background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 6px;transition:all .15s;display:flex}.rail-item .material-symbols-outlined{font-size:22px}.rail-label{font-size:10px;font-weight:600;line-height:1}.rail-item:hover{background:var(--color-surface-hover);color:#334155}.rail-item.active{background:var(--vv-berry-soft);color:var(--vv-berry-dark)}.flyout-panel{background:var(--color-surface);border-right:1px solid var(--color-border);z-index:21;flex-direction:column;flex-shrink:0;width:0;transition:width .2s;display:flex;overflow:hidden}.flyout-panel.open{width:300px}.flyout-panel:not(.open){visibility:hidden;pointer-events:none}.flyout-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 16px 8px;display:flex}.flyout-title{color:var(--color-text);font-size:15px;font-weight:700}.flyout-close{cursor:pointer;width:28px;height:28px;color:var(--color-text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.flyout-close:hover{background:var(--color-surface-hover);color:#334155}.flyout-close .material-symbols-outlined{font-size:20px}.flyout-content{flex-direction:column;flex:1;padding:0 16px 16px;display:none;overflow-y:auto}.flyout-content.active{display:flex}.flyout-section-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:12px 0 8px;font-size:12px;font-weight:700}.flyout-widget-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:8px;display:grid}.flyout-letter-shortcut{color:#572e36;text-align:left;width:100%;min-height:64px;font:inherit;cursor:pointer;background:#f7efe7;border:1px solid #d7b9a7;border-radius:12px;align-items:center;gap:10px;margin:10px 0 18px;padding:10px 12px;display:flex}.flyout-letter-shortcut>.material-symbols-outlined:first-child{color:#7e403e;background:#e7d4c5;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-size:21px;display:grid}.flyout-letter-shortcut>span:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.flyout-letter-shortcut strong{font-size:14px;line-height:1.3}.flyout-letter-shortcut small{font-size:11px;line-height:1.35}.flyout-letter-shortcut>.material-symbols-outlined:last-child{flex:none;font-size:18px}.flyout-letter-shortcut:hover{background:#f1e3d7;border-color:#a7736e}.flyout-letter-shortcut:focus-visible{outline-offset:2px;outline:3px solid #a52463}.flyout-widget-btn{overflow-wrap:anywhere;border:1px solid var(--color-surface-hover);cursor:grab;min-width:0;font-size:var(--type-control);color:var(--color-text-secondary);background:#fafbfc;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px 4px 8px;font-family:inherit;font-weight:600;transition:all .15s;display:flex}.flyout-widget-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border);box-shadow:0 1px 3px #0000000f}.flyout-widget-btn:active{cursor:grabbing}.flyout-widget-icon{background:var(--color-warm-cream);border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .15s,box-shadow .15s;display:flex}.flyout-widget-btn:hover .flyout-widget-icon{transform:translateY(-1px);box-shadow:0 2px 8px -2px #a5246340}.flyout-widget-icon .material-symbols-outlined{font-size:20px}.flyout-widget-icon.gray{background:var(--color-warm-cream);color:var(--color-brand)}.flyout-widget-icon.blue{background:var(--color-warm-ivory);color:var(--color-brand-dark)}.flyout-widget-icon.green{background:var(--color-brand-light);color:var(--color-brand)}.flyout-widget-icon.rose{background:var(--color-accent-light);color:var(--color-brand-dark)}.flyout-widget-icon.teal{background:var(--color-warm-cream);color:var(--color-warm-terra-dk)}.flyout-widget-icon.purple{background:var(--color-warm-champagne);color:var(--color-brand-dark)}.sidebar-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:10px;font-weight:700}.widget-btn{cursor:grab;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:4px;width:100%;padding:8px;transition:background .15s;display:flex}.widget-btn:hover{background:var(--color-surface-hover)}.widget-btn:active{cursor:grabbing}.widget-btn:hover .widget-icon{box-shadow:0 0 0 2px #a524634d}.widget-btn:hover .widget-label{color:var(--color-brand)}.widget-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .15s;display:flex}.widget-icon.blue{background:var(--color-warm-ivory);color:var(--color-brand-dark)}.widget-icon.gray{background:var(--color-warm-cream);color:var(--color-brand)}.widget-icon.purple{background:var(--color-warm-champagne);color:var(--color-brand-dark)}.widget-icon.green{background:var(--color-brand-light);color:var(--color-brand)}.widget-icon.rose{background:var(--color-accent-light);color:var(--color-brand-dark)}.widget-icon.teal{background:var(--color-warm-cream);color:var(--color-warm-terra-dk)}.widget-label{color:var(--color-text-secondary);font-size:10px;font-weight:500;transition:color .15s}.canvas-area{background:var(--color-editor-workspace);isolation:isolate;flex:1;justify-content:stretch;align-items:stretch;padding:20px;display:flex;position:relative;overflow:hidden}.canvas-frame{transform-origin:top;background:#fff;border-radius:16px;flex-shrink:0;width:100%;height:100%;position:relative;overflow:hidden;transform:none;box-shadow:0 4px 24px #0000001a}.canvas-frame.mobile{width:375px;height:812px;min-height:unset;transform:none;box-shadow:0 25px 50px -12px #00000040}.canvas-frame.tablet{width:768px;height:1024px;min-height:unset;transform:none;box-shadow:0 25px 50px -12px #00000040}.canvas-area:has(.canvas-frame.mobile),.canvas-area:has(.canvas-frame.tablet){justify-content:center;align-items:flex-start;padding:24px}.canvas-content{isolation:isolate;flex-direction:column;width:100%;height:100%;min-height:100%;display:flex;position:relative;overflow:hidden auto}.canvas-content>[data-element-type=container]:first-child{flex:1}.canvas-content>[data-section=true][data-height=auto],.preview-frame-content>[data-section=true][data-height=auto]{flex-shrink:0;min-height:min-content}.canvas-content:empty:before{content:"Arrastra widgets aqui para comenzar";color:var(--color-text-muted);text-align:center;pointer-events:none;font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-content [data-element-type=countdown],.preview-frame-content [data-element-type=countdown]{flex-wrap:wrap;justify-content:center;max-width:100%}.canvas-content [data-element-id]:hover:not(.selected){outline:1px dashed var(--color-brand);outline-offset:2px}.transform-overlay{pointer-events:none;z-index:200;transform-origin:50%;position:absolute}.transform-overlay[data-geometry=custom] :is(.transform-handle,.transform-rotate-handle){display:none}.editor-insert-hint{color:var(--color-text-secondary);margin:0 0 16px;font-size:13px;line-height:1.5}.position-nudges{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.position-nudges button{border:1px solid var(--color-border);min-width:0;min-height:44px;color:var(--color-brand);cursor:pointer;font:inherit;background:#fff;border-radius:8px;padding:8px 4px}.position-nudges button:first-child{grid-column:2}.position-nudges button:nth-child(2){grid-column:1}.position-nudges button:last-child{grid-column:2}.position-nudges button:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.position-nudges button:active{background:var(--color-brand-light)}.asset-thumb:focus-visible{outline:3px solid var(--color-brand);outline-offset:2px}.transform-border{border:2px solid var(--color-brand,var(--vv-berry));pointer-events:none;border-radius:2px;position:absolute;inset:0}.transform-handle{pointer-events:auto;z-index:2;background:0 0;border-radius:50%;width:22px;height:22px;position:absolute;transform:translate(-50%,-50%)}.transform-handle:after{content:"";border:2px solid var(--color-brand);background:#fff;border-radius:50%;position:absolute;inset:5px}.transform-handle:hover:after{background:var(--color-brand)}.transform-handle-nw{top:0;left:0}.transform-handle-ne{top:0;right:0;transform:translate(50%,-50%)}.transform-handle-sw{bottom:0;left:0;transform:translate(-50%,50%)}.transform-handle-se{bottom:0;right:0;transform:translate(50%,50%)}.transform-handle[data-resize-active=false]{display:none}.transform-handle[data-resize-active=true]{cursor:nwse-resize}.transform-handle-ne[data-resize-active=true],.transform-handle-sw[data-resize-active=true]{cursor:nesw-resize}.transform-rotate-handle{border:2px solid var(--color-brand,var(--vv-berry));cursor:grab;pointer-events:auto;z-index:2;width:28px;height:28px;color:var(--color-brand,var(--vv-berry));background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,box-shadow .15s;display:flex;position:absolute;bottom:-36px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0000001f}.transform-rotate-handle:hover{background:var(--color-brand,var(--vv-berry));color:#fff}.transform-rotate-handle:active{cursor:grabbing}.transform-angle-tooltip{background:var(--vv-ink);color:#fff;white-space:nowrap;pointer-events:none;z-index:3;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:600;position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}.rotation-presets{flex-wrap:wrap;gap:4px;display:flex}.rotation-preset-btn{border:1px solid var(--vv-line);color:#475569;font-size:var(--type-control);cursor:pointer;background:#fff;border-radius:6px;padding:4px 10px;font-weight:600;transition:all .15s}.rotation-preset-btn:hover{border-color:var(--color-brand,var(--vv-berry));color:var(--color-brand,var(--vv-berry))}.rotation-preset-btn.active{background:var(--color-brand,var(--vv-berry));border-color:var(--color-brand,var(--vv-berry));color:#fff}.canvas-content.drag-over{background:#a524630d}.canvas-area.is-receiving{background:color-mix(in srgb, var(--color-brand) 3%, transparent)}.properties-sidebar{backdrop-filter:blur(14px);z-index:20;background:#fffffffa;border:1px solid #a5246314;border-radius:14px;flex-direction:column;flex-shrink:0;width:260px;height:auto;transition:transform .3s,width .3s,opacity .2s;display:flex;position:absolute;top:12px;bottom:12px;right:12px;overflow:hidden;transform:translate(0);box-shadow:0 10px 40px -8px #a5246326,0 2px 8px -2px #0000000d}.properties-sidebar.hidden{visibility:hidden;pointer-events:none;width:0;box-shadow:none;border-left:none;overflow:hidden;transform:translate(100%)}.properties-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:16px;display:flex}.properties-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-right:auto;font-size:11px;font-weight:700}.btn-delete{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.btn-delete:hover{color:#ef4444;background:#fef2f2}.properties-content{scrollbar-width:thin;scrollbar-color:var(--color-warm-champagne) transparent;flex:1;padding:16px;overflow-y:auto}.properties-content::-webkit-scrollbar{width:8px}.properties-content::-webkit-scrollbar-track{background:0 0;margin:4px 0}.properties-content::-webkit-scrollbar-thumb{background:var(--color-warm-champagne);background-clip:padding-box;border:2px solid #0000;border-radius:8px;transition:background .2s}.properties-content::-webkit-scrollbar-thumb:hover{background:var(--color-brand);background-clip:padding-box;border:2px solid #0000}.property-section{margin-bottom:20px}.property-section-title{color:var(--color-text);align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.property-section-title .material-symbols-outlined{color:var(--color-brand);font-size:16px}.property-row{margin-bottom:12px}.properties-dismiss,.properties-back{width:44px;height:44px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center}.properties-dismiss{display:grid}.properties-back{flex-shrink:0;display:none}.properties-dismiss:hover,.properties-back:hover{background:var(--color-surface-hover)}.properties-dismiss:focus-visible,.properties-back:focus-visible{outline:2px solid var(--color-brand);outline-offset:-3px}.upload-device-btn{border:1px solid color-mix(in srgb, var(--color-brand) 18%, var(--color-border));background:var(--color-warm-ivory);width:100%;min-height:42px;color:var(--color-brand);font-family:inherit;font-size:var(--type-control);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .12s;display:inline-flex}.upload-device-btn:hover:not(:disabled){background:var(--color-brand-subtle);border-color:var(--color-brand)}.upload-device-btn:active:not(:disabled){transform:translateY(1px)}.upload-device-btn:disabled{cursor:not-allowed;color:var(--color-text-muted);background:var(--vv-surface-alt);border-color:var(--color-border);opacity:1}.upload-progress{text-align:center;color:var(--color-text-secondary);padding:8px;font-size:13px}.upload-storage-info{text-align:left;color:var(--color-text-secondary);margin-top:8px;font-size:12px}.upload-storage-lock{background:var(--vv-surface-alt);color:var(--color-text-secondary);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;line-height:1.35;display:flex}.upload-storage-lock .material-symbols-outlined{color:var(--color-text-muted);font-size:14px}.upload-format-row{margin-top:2px}.upload-format-hint{color:var(--color-text-muted);font-size:11px;line-height:1.4;display:block}.property-label{color:var(--color-text-secondary);margin-bottom:6px;font-size:11px;font-weight:500;display:block}.property-input{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:#f9fafb;border-radius:6px;padding:8px 12px;font-size:12px;transition:all .15s}.property-input:focus{border-color:var(--color-brand);background:#fff;outline:none;box-shadow:0 0 0 3px #a524631a}.property-textarea{resize:vertical;min-height:80px;font-family:inherit}.property-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.color-picker-wrapper{flex-wrap:wrap;gap:8px;display:flex}.color-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:all .15s}.color-btn:hover{box-shadow:0 0 0 2px #a5246366}.color-btn.active{border-color:var(--color-brand);box-shadow:0 0 0 2px white, 0 0 0 4px var(--color-brand)}.alignment-group{border:1px solid var(--color-border);background:#f9fafb;border-radius:6px;padding:4px;display:flex}.alignment-btn{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:4px;flex:1;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.alignment-btn:hover{color:var(--color-text);background:#fff}.alignment-btn.active{color:var(--color-brand);background:#fff;box-shadow:0 1px 2px #0000000d}.size-input-group{gap:8px;display:flex}.size-input{flex:1}.size-unit{width:60px}.toggle-sidebar{border:1px solid var(--color-border);cursor:pointer;color:#9ca3af;z-index:10;background:#fff;border-right:none;border-radius:8px 0 0 8px;justify-content:center;align-items:center;padding:16px 2px;display:flex;position:absolute;top:50%;left:-12px;transform:translateY(-50%);box-shadow:-2px 0 8px #0000000d}.toggle-sidebar:hover{color:var(--color-brand)}.empty-state{text-align:center;color:var(--color-text-secondary);padding:24px}.empty-state-icon{opacity:.5;margin-bottom:12px;font-size:48px}.empty-state-text{font-size:12px}.gradient-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.gradient-btn{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:8px;width:100%;transition:all .15s}.gradient-btn:hover{transform:scale(1.08);box-shadow:0 4px 12px #0003}.gradient-btn.active{border-color:var(--color-brand);box-shadow:0 0 0 2px white, 0 0 0 4px var(--color-brand)}.properties-footer{background:#f9fafb80;border-top:1px solid #f3f4f6;padding:16px}.btn-apply{background:var(--color-brand);color:#fff;width:100%;font-size:var(--type-control);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 4px 12px #a5246340}.btn-apply:hover{background:var(--color-brand-dark)}.toggle-switch-label{cursor:pointer;border:1px solid var(--color-border);background:#f9fafb;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;transition:all .15s;display:flex}.toggle-switch-label:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.toggle-switch-info{flex-direction:column;gap:2px;display:flex}.toggle-switch-text{color:var(--color-text);font-size:13px;font-weight:600}.toggle-switch-hint{color:var(--color-text-secondary);font-size:10px}.toggle-switch{flex-shrink:0;width:44px;height:24px;position:relative}.toggle-switch-input{opacity:0;width:0;height:0}.toggle-switch-slider{cursor:pointer;background-color:var(--color-border-strong);border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}.toggle-switch-input:checked+.toggle-switch-slider{background-color:var(--color-brand)}.toggle-switch-input:checked+.toggle-switch-slider:before{transform:translate(20px)}#prop-anim-inicial-toggle{cursor:pointer;width:44px;height:44px;margin:0;position:absolute;inset:50% 0 auto;transform:translateY(-50%)}#prop-anim-inicial-toggle+.toggle-switch-slider{pointer-events:none;transition:none}#prop-anim-inicial-toggle+.toggle-switch-slider:before{transition:none}#prop-anim-inicial-toggle:focus-visible+.toggle-switch-slider{outline:3px solid var(--vv-ink);outline-offset:4px}.anim-style-btn:focus-visible{outline:3px solid var(--vv-ink);outline-offset:3px}.position-coords{margin-top:12px}.position-inputs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.position-input-group{border:1px solid var(--color-border);background:#f9fafb;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex}.position-label{color:var(--color-text-secondary);min-width:14px;font-size:11px;font-weight:700}.position-input{color:var(--color-text);flex:1;width:60px;font-family:SF Mono,Monaco,monospace;font-size:13px;background:0 0!important;border:none!important;padding:0!important}.position-input:focus{outline:none;box-shadow:none!important}.position-unit{color:var(--color-text-muted);font-size:10px;font-weight:500}.canvas-content [data-element-id][data-free-position=true]{z-index:10;position:absolute;cursor:move!important}.canvas-content [data-element-id][data-free-position=true].dragging{opacity:.8;z-index:100;-webkit-user-select:none;user-select:none;box-shadow:0 10px 40px #0000004d}.canvas-content [data-element-id][data-free-position=true]:hover:not(.selected){outline:2px dashed var(--color-brand);outline-offset:4px}.save-overlay{width:100%;max-width:none;height:100%;max-height:none;color:var(--color-text);z-index:200;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:16px;display:none;position:fixed;inset:0}.save-overlay[open]{display:flex}.save-overlay::backdrop{background:#1c191773}.save-modal{background:var(--color-surface);overscroll-behavior:contain;text-align:left;border:1px solid var(--color-border);border-radius:16px;width:100%;max-width:440px;max-height:100%;padding:24px;overflow-y:auto;box-shadow:0 20px 40px -10px #0f172a1a,0 10px 20px -5px #0f172a0d}.save-modal-title{font-family:var(--font-ui);font-size:var(--type-panel);color:var(--color-text);font-weight:600;line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);margin-bottom:8px}.save-modal-subtitle{color:var(--color-ink-700);margin-bottom:24px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;line-height:1.5}.save-modal-input-group{text-align:left;margin-bottom:16px}.save-modal-input-group label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.save-feedback{color:var(--color-ink-700);margin:0 0 16px;font-size:14px;line-height:1.5}.save-feedback:empty{display:none}.save-feedback:focus-visible,.save-modal button:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.save-input[aria-invalid=true]{border-color:var(--color-brand)}.save-input{border:1px solid var(--color-border);width:100%;min-height:44px;color:var(--color-text);background:#f9fafb;border-radius:8px;padding:12px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;transition:border-color .2s,background-color .2s,box-shadow .2s}.save-input:focus{border-color:var(--color-brand);background:var(--color-surface);outline:none;box-shadow:0 0 0 3px #a524631a}.save-input::placeholder{color:var(--color-text-muted)}.save-modal-actions{flex-wrap:wrap;gap:12px;display:flex}.save-btn-cancel,.save-btn-confirm{min-width:0;min-height:44px;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:var(--type-control);cursor:pointer;border-radius:8px;flex:1;padding:12px 20px;transition:border-color .2s,background-color .2s,color .2s}.save-btn-cancel{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.save-btn-cancel:hover{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border-strong)}.save-btn-confirm{background:var(--color-text);border:1px solid var(--color-text);color:var(--color-text-on-brand)}.save-btn-confirm:hover{background:var(--vv-ink);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0f172a1a}.save-btn-confirm:disabled,.save-btn-cancel:disabled{opacity:.7;cursor:not-allowed;transform:none}.preview-overlay{background:var(--color-bg);z-index:100;opacity:0;flex-direction:column;transition:opacity .3s;display:none;position:fixed;inset:0}.preview-overlay.active{opacity:1;display:flex}.preview-container{flex-direction:column;height:100%;display:flex;overflow:hidden}.preview-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex;box-shadow:0 1px 3px #0000000d}.preview-header-left,.preview-header-right{align-items:center;gap:16px;display:flex}.preview-back-btn{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .15s;display:flex}.preview-back-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.preview-logo{align-items:center;display:flex}.preview-logo-icon{background:var(--color-brand);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:flex;box-shadow:0 0 15px #a524634d}.preview-device-switcher{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:12px;gap:4px;padding:6px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #0000000d}.preview-device-btn{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.preview-device-btn .material-symbols-outlined{font-size:20px}.preview-device-btn.active{background:var(--vv-berry-soft);color:var(--vv-berry-dark);box-shadow:0 1px 3px #0000001a}.preview-device-btn.active .material-symbols-outlined{font-variation-settings:"FILL" 1}.preview-device-btn:hover:not(.active){color:var(--color-text);background:#ffffff80}.preview-close-btn-alt{background:var(--color-text);color:#fff;font-size:var(--type-control);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 2px 8px #00000026}.preview-close-btn-alt:hover{background:var(--vv-ink)}.preview-close-btn-alt .material-symbols-outlined{font-size:16px}.preview-body{flex:1;display:flex;overflow:hidden}.preview-canvas-area{background:var(--color-surface-hover);flex:1;justify-content:center;align-items:center;padding:32px;display:flex;position:relative;overflow:auto}.preview-canvas-bg{background-image:radial-gradient(var(--color-text-secondary) 1px, transparent 1px);opacity:.03;pointer-events:none;background-size:20px 20px;position:absolute;inset:0}.preview-frame{border:8px solid var(--vv-ink);background:#fff;flex-direction:column;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1),border-radius .3s,width .3s,height .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.preview-frame-desktop{border-radius:16px}.preview-frame-tablet{border-radius:24px}.preview-frame-mobile{border-radius:48px}.preview-frame-toolbar{background:var(--color-surface-hover);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;height:36px;padding:0 16px;display:flex;position:relative}.preview-frame-dots{gap:8px;display:flex;position:absolute;left:16px}.preview-frame-dots .dot{border-radius:50%;width:12px;height:12px}.preview-frame-dots .dot.red{background:#f87171}.preview-frame-dots .dot.yellow{background:#fbbf24}.preview-frame-dots .dot.green{background:#4ade80}.preview-frame-url{color:var(--color-text-secondary);background:#fff;border-radius:4px;max-width:300px;padding:4px 16px;font-size:11px}.preview-frame-mobile .preview-frame-toolbar{background:#fff;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:flex-end;height:48px;padding:0 24px 8px}.preview-frame-mobile .preview-frame-dots,.preview-frame-mobile .preview-frame-url{display:none}.preview-frame-mobile .preview-frame-toolbar:before{content:"";background:var(--vv-ink);border-radius:0 0 16px 16px;width:96px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.preview-mobile-time{color:var(--color-text);font-size:12px;font-weight:600}.preview-mobile-icons{align-items:center;gap:4px;display:flex}.preview-mobile-icons .material-symbols-outlined{color:var(--color-text);font-size:16px}.preview-mobile-home{background:#fff;flex-shrink:0;justify-content:center;align-items:center;height:24px;display:flex}.preview-mobile-home-bar{background:var(--color-border-strong);border-radius:4px;width:128px;height:4px}.preview-frame-content{flex:1;position:relative;overflow-y:auto}.preview-frame-content::-webkit-scrollbar{display:none}.preview-frame-content{-ms-overflow-style:none;scrollbar-width:none}.preview-sidebar{background:var(--color-surface);border-left:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:320px;transition:all .3s;display:flex}.preview-sidebar-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.preview-sidebar-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.preview-reset-btn{color:var(--color-text-secondary);font-size:var(--type-control);cursor:pointer;background:0 0;border:none;font-weight:600;transition:color .15s}.preview-reset-btn:hover{color:var(--color-brand)}.preview-sidebar-content{flex:1;padding:24px;overflow-y:auto}.preview-section{margin-bottom:24px}.preview-section-label{color:#334155;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.preview-section-label .material-symbols-outlined{color:var(--color-brand);font-size:18px}.preview-edit-list{color:var(--color-brand);cursor:pointer;margin-left:auto;font-size:11px;font-weight:500}.preview-edit-list:hover{text-decoration:underline}.preview-category-grid{background:var(--color-surface-hover);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.preview-category-btn{min-height:44px;font-size:var(--type-control);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 4px;font-weight:600;transition:all .15s}.preview-category-btn:hover{color:var(--color-text);background:#ffffff80}.preview-category-btn.active{color:var(--color-brand);background:#fff;box-shadow:0 1px 3px #0000001a}.preview-model-selector{width:100%;font:inherit;text-align:left;cursor:pointer;background:#fff;border:2px solid #a5246333;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .15s;display:flex}.preview-model-selector:hover{border-color:#a5246380}.preview-model-selector .material-symbols-outlined{color:var(--color-text-secondary);transition:color .15s}.preview-model-selector:hover .material-symbols-outlined{color:var(--color-brand)}.preview-model-info{align-items:center;gap:12px;display:flex}.preview-model-icon-wrapper{background:var(--color-surface-hover);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.preview-apple-icon{fill:#334155;width:16px;height:16px}.preview-model-text{flex-direction:column;gap:2px;display:flex}.preview-model-name{color:var(--color-text);font-size:13px;font-weight:600}.preview-model-dimensions{color:var(--color-text-secondary);font-size:10px}.preview-model-dropdown{border:1px solid var(--color-border);background:#fff;border-radius:12px;max-height:250px;margin-top:8px;display:none;overflow:hidden auto;box-shadow:0 10px 40px #00000026}.preview-model-dropdown.active{display:block}.preview-model-option{cursor:pointer;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.preview-model-option:hover{background:var(--color-bg)}.preview-model-option.active{background:var(--color-brand-subtle)}.preview-model-option-icon{background:var(--color-surface-hover);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.preview-model-option-icon svg{fill:#334155;width:14px;height:14px}.preview-model-option-text{flex:1}.preview-model-option-name{color:var(--color-text);font-size:13px;font-weight:500;display:block}.preview-model-option-size{color:var(--color-text-secondary);font-size:10px}.preview-dimensions-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.preview-dimension-input{position:relative}.preview-dimension-input input{background:var(--color-bg);border:1px solid var(--color-border);width:100%;color:var(--color-text);border-radius:8px;padding:10px 32px 10px 12px;font-family:SF Mono,Monaco,monospace;font-size:13px;transition:all .15s}.preview-dimension-input input:focus{border-color:var(--color-brand);background:#fff;outline:none;box-shadow:0 0 0 3px #a524631a}.preview-dimension-label{color:var(--color-text-muted);font-size:10px;font-weight:700;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.preview-orientation-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.preview-orientation-btn{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px 12px;transition:all .15s;display:flex}.preview-orientation-btn:hover{border-color:var(--color-border-strong)}.preview-orientation-btn.active{background:var(--color-brand-subtle);border:2px solid var(--color-brand);color:var(--color-brand)}.preview-orientation-btn .material-symbols-outlined{color:var(--color-text-secondary);font-size:24px}.preview-orientation-btn.active .material-symbols-outlined{color:var(--color-brand);font-variation-settings:"FILL" 1}.preview-orientation-btn span:last-child{font-size:var(--type-control);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-weight:600}.preview-orientation-btn.active span:last-child{color:var(--color-brand)}.preview-orientation-section.disabled{opacity:.4;pointer-events:none}.preview-orientation-section.disabled .preview-section-label:after{content:"Fijo";text-transform:uppercase;background:var(--color-border);color:var(--color-text-secondary);border-radius:4px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:600}.preview-zoom-section{border-top:1px solid var(--color-border);padding-top:16px}.preview-zoom-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.preview-zoom-header .preview-section-label{margin-bottom:0}.preview-zoom-value{color:var(--color-text-secondary);background:var(--color-surface-hover);border-radius:4px;padding:4px 8px;font-family:SF Mono,Monaco,monospace;font-size:12px}.preview-zoom-controls{align-items:center;gap:12px;margin-bottom:16px;display:flex}.preview-zoom-label{color:var(--color-text-muted);font-size:11px;font-weight:500}.preview-zoom-slider{background:linear-gradient(var(--color-border), var(--color-border)) center / 100% 6px no-repeat;appearance:none;cursor:pointer;border-radius:4px;flex:1;min-width:0;height:44px}.preview-zoom-slider::-webkit-slider-thumb{appearance:none;background:var(--color-brand);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 6px #a5246366}.preview-zoom-slider::-moz-range-thumb{background:var(--color-brand);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 6px #a5246366}.preview-checkbox-label{color:var(--color-text-secondary);cursor:pointer;user-select:none;align-items:center;gap:10px;font-size:13px;display:flex}.preview-checkbox-label:hover{color:var(--color-text)}.preview-checkbox{opacity:0;cursor:pointer;position:absolute}.preview-checkbox-mark{border:1px solid var(--color-border-strong);background:#fff;border-radius:4px;flex-shrink:0;width:16px;height:16px;transition:all .15s;position:relative}.preview-checkbox:checked+.preview-checkbox-mark{background:var(--color-brand);border-color:var(--color-brand)}.preview-checkbox:checked+.preview-checkbox-mark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.preview-checkbox:focus+.preview-checkbox-mark{box-shadow:0 0 0 3px #a5246333}@media (width<=1024px){.preview-sidebar{width:280px}.preview-canvas-area{padding:24px}}@media (width<=768px){.preview-body{flex-direction:column}.preview-sidebar{border-left:none;border-top:1px solid var(--color-border);width:100%;height:auto;max-height:50vh}.preview-canvas-area{flex:1;padding:16px}.preview-frame-desktop,.preview-frame-tablet{max-width:100%;max-height:50vh}.preview-frame-mobile{border-width:6px;border-radius:32px;max-width:100%;height:50vh}.preview-device-switcher{gap:2px;padding:4px}.preview-device-btn{padding:6px}.preview-live-toggle{display:none}.preview-header{padding:0 12px}.preview-close-btn-alt span:first-child{display:none}}[data-element-type=container]{transition:outline .15s;position:relative}.canvas-content [data-element-type=container]:hover:not(.selected){outline-offset:2px;outline:1px dashed #a855f799}.canvas-content [data-element-type=container].selected{outline-offset:2px;outline:2px solid #a855f7}.canvas-content [data-element-type=container].drop-target{outline-offset:2px;outline:2px dashed #a855f7}.canvas-content [data-element-type=container]:empty:before{content:"Arrastra elementos aqui";color:#ffffff80;letter-spacing:.05em;pointer-events:none;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem}[data-element-id].reordering{opacity:.5;cursor:grabbing!important}[data-element-id][draggable=true]{cursor:grab}[data-element-id][draggable=true]:active{cursor:grabbing}.drag-placeholder{border:2px dashed var(--color-brand);background:color-mix(in srgb, var(--color-brand) 14%, #ffffffeb);-webkit-backdrop-filter:blur(8px)saturate(1.4);width:100%;min-height:72px;box-shadow:0 8px 24px -8px color-mix(in srgb, var(--color-brand) 45%, transparent);pointer-events:none;box-sizing:border-box;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin:8px 0;transition:opacity .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);display:flex}.drag-placeholder__icon{width:20px;height:20px;color:var(--color-brand);flex-shrink:0;justify-content:center;align-items:center;display:flex}.drag-placeholder__label{color:var(--color-brand);white-space:nowrap;font-size:14px;font-weight:600}.canvas-area>.drag-placeholder{z-index:190;background:var(--color-brand);border:0;border-radius:2px;min-height:0;margin:0;padding:0;transition:none;position:absolute}.canvas-area>.drag-placeholder .drag-placeholder__icon{display:none}.canvas-area>.drag-placeholder .drag-placeholder__label{border:1px solid var(--color-brand);white-space:normal;background:#fff;border-radius:8px;max-width:220px;padding:6px 10px;font-size:12px;position:absolute;top:8px;left:8px}.drag-placeholder--line{background:var(--color-brand);-webkit-backdrop-filter:none;min-height:4px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 22%, transparent), 0 2px 8px -2px color-mix(in srgb, var(--color-brand) 45%, transparent);border:none;border-radius:2px;margin:6px 0;padding:0}.drag-placeholder--line .drag-placeholder__icon,.drag-placeholder--line .drag-placeholder__label{display:none}@media (prefers-reduced-motion:reduce){.drag-placeholder{transition:none}}.size-unit-static{background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text-secondary);border-left:none;border-radius:0 6px 6px 0;padding:8px 12px;font-size:.75rem}.widget-icon.purple{background:linear-gradient(135deg, var(--color-accent), var(--color-brand))}.color-dropper{cursor:pointer;border:1px solid var(--color-border);background:linear-gradient(135deg, var(--color-bg) 0%, var(--color-border) 100%);border-radius:6px;width:28px;height:28px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.color-dropper:hover{box-shadow:0 0 0 2px #a524634d,0 2px 8px #00000026}.color-dropper-input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;top:0;left:0}.color-dropper-icon{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.color-dropper-icon .material-symbols-outlined{color:var(--color-text-secondary);font-size:16px}.color-dropper.has-color{border:2px solid var(--color-brand)}.color-dropper.has-color .color-dropper-icon{display:none}.color-picker-wrapper{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.shimmer-colors-row{align-items:center;gap:8px;margin-top:4px;display:flex}.shimmer-color-input{border:2px solid var(--color-border);cursor:pointer;background:0 0;border-radius:8px;width:36px;height:36px;padding:2px}.shimmer-color-input:hover{border-color:var(--color-brand)}.sidebar-tabs{border-bottom:1px solid var(--color-border);width:100%;margin-bottom:8px;padding:0 4px;display:flex}.sidebar-tab{text-align:center;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 4px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.sidebar-tab:hover{color:var(--color-text-secondary)}.sidebar-tab.active{color:var(--color-brand);border-bottom-color:var(--color-brand)}.sidebar-tab .material-symbols-outlined{font-size:16px}.sidebar-tab-content{width:100%;display:none}.sidebar-tab-content.active{display:block}.asset-category{margin-bottom:4px}.asset-category-header{cursor:pointer;color:#334155;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.asset-category-header:hover{background:var(--color-surface-hover)}.asset-category-header .material-symbols-outlined{color:var(--color-text-secondary);font-size:18px}.asset-category-header .expand-icon{color:var(--color-text-muted);margin-left:auto;font-size:16px;transition:transform .2s}.asset-category-header.expanded .expand-icon{transform:rotate(180deg)}.asset-category-grid{grid-template-columns:1fr 1fr;gap:6px;padding:4px 8px 8px;display:none}.asset-category-grid.expanded{display:grid}.asset-thumb{aspect-ratio:1;border:1px solid var(--color-border);cursor:grab;background:#fafbfc;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.asset-thumb:hover{border-color:var(--color-brand);box-shadow:0 0 0 2px #a5246326}.asset-thumb:active{cursor:grabbing}.asset-thumb img{object-fit:contain;width:100%;height:100%}.asset-empty-msg{text-align:center;color:var(--color-text-muted);padding:12px;font-size:12px}.image-widget-container{background:var(--color-surface-hover);border:2px dashed var(--color-border-strong);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:120px;transition:all .2s;display:flex;overflow:hidden}.image-widget-container:hover{border-color:var(--color-brand);background:#f0f9ff}.image-widget-container img{object-fit:cover;width:100%;height:100%}.image-widget-container .image-placeholder{text-align:center;color:var(--color-text-muted);font-family:Plus Jakarta Sans,sans-serif}.image-widget-container .image-placeholder .material-symbols-outlined{margin-bottom:4px;font-size:32px;display:block}.image-widget-container .image-placeholder span:last-child{font-size:12px}.image-url-input{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-bg);border-radius:8px;padding:8px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;transition:border-color .2s}.image-url-input:focus{border-color:var(--color-brand);outline:none;box-shadow:0 0 0 3px #a524631a}.image-url-input::placeholder{color:var(--color-text-muted)}.canvas-content [data-element-type=rsvp]{cursor:pointer;transition:box-shadow .2s}.canvas-content [data-element-type=rsvp]:hover{box-shadow:0 0 0 2px #e11d484d}.canvas-content [data-element-type=rsvp].selected{box-shadow:0 0 0 2px #e11d48}.tpl-sidebar-filter{border:1px solid var(--color-border);width:100%;color:var(--color-text);cursor:pointer;background:#fff;border-radius:8px;outline:none;margin-bottom:12px;padding:8px 12px;font-family:inherit;font-size:13px}.tpl-sidebar-filter:focus{border-color:var(--color-brand)}.tpl-sidebar-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.tpl-sidebar-card{text-align:left;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:10px;padding:0;font-family:inherit;transition:all .2s;overflow:hidden}.tpl-sidebar-card:hover{border-color:var(--color-brand);transform:translateY(-2px);box-shadow:0 4px 12px -2px #a5246333}.tpl-sidebar-card img{aspect-ratio:9/16;object-fit:cover;background:var(--color-surface-hover);width:100%;display:block}.tpl-sidebar-card-name{color:#334155;text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:6px 8px;font-size:11px;font-weight:600;display:block;overflow:hidden}.tpl-sidebar-back{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:12px;padding:0;font-family:inherit;font-size:13px;display:flex}.tpl-sidebar-back:hover{color:var(--color-text)}.tpl-sidebar-wizard-title{font-family:var(--font-ui);color:var(--color-text);margin:0 0 16px;font-size:17px}.tpl-sidebar-wizard-fields{flex-direction:column;gap:12px;display:flex}.tpl-sidebar-wizard-fields label{color:var(--color-text-secondary);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.tpl-sidebar-wizard-fields input{border:1px solid var(--color-border);box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.tpl-sidebar-wizard-fields input:focus{border-color:var(--color-brand)}.tpl-sidebar-wizard-actions{gap:8px;margin-top:4px;display:flex}.tpl-sidebar-btn-cancel{border:1px solid var(--color-border);color:var(--color-text-secondary);font-weight:600;font-size:var(--type-control);cursor:pointer;background:#fff;border-radius:8px;flex:1;padding:10px;font-family:inherit}.tpl-sidebar-btn-cancel:hover{background:var(--color-bg)}.tpl-sidebar-btn-apply{background:var(--color-brand);color:#fff;font-weight:600;font-size:var(--type-control);cursor:pointer;border:none;border-radius:8px;flex:2;padding:10px;font-family:inherit}.tpl-sidebar-btn-apply:hover{opacity:.9}[data-section=true]{width:100%;position:relative;overflow:visible}.canvas-content [data-section=true]{border:2px dashed var(--color-border-strong);border-radius:8px;transition:border-color .15s}.section-label{color:var(--color-text-secondary);pointer-events:none;z-index:5;white-space:nowrap;background:#ffffffe6;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.4;position:absolute;top:8px;left:8px}[data-section=true]:hover{border-color:var(--color-text-muted)}[data-section=true].selected{border-color:var(--color-brand);border-style:solid}[data-section=true][data-height=auto]{min-height:120px}[data-section=true][data-height="100vh"]{min-height:100vh}.section-bg-overlay{pointer-events:none;z-index:1;border-radius:inherit;position:absolute;inset:0}[data-section=true]>:not(.section-bg-overlay):not(.section-label):not(.section-reorder-btns):not(.vv-opening__photo){z-index:2;position:relative}.section-reorder-btns{z-index:5;gap:4px;display:flex;position:absolute;top:8px;right:8px}.section-reorder-btns button{border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;background:#ffffffe6;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:18px;transition:all .15s;display:flex}.section-reorder-btns button:hover{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong);box-shadow:0 1px 4px #00000014}.section-reorder-btns button:disabled{opacity:.35;cursor:not-allowed}.bg-type-tabs{background:var(--color-surface-hover);border-radius:8px;gap:2px;margin-bottom:10px;padding:3px;display:flex}.bg-type-tab{cursor:pointer;color:var(--color-text-secondary);text-align:center;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 0;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s}.bg-type-tab.active{background:var(--color-warm-cream);color:var(--color-brand);box-shadow:0 1px 3px #a524631f}.bg-type-tab:hover:not(.active){color:var(--color-text)}.bg-image-controls{flex-direction:column;gap:8px;display:flex}.bg-image-controls label{color:var(--color-text-secondary);font-size:11px;font-weight:600}.bg-image-controls input[type=text]{border:1px solid var(--color-border);border-radius:6px;outline:none;width:100%;padding:7px 10px;font-family:inherit;font-size:12px}.bg-image-controls input[type=text]:focus{border-color:var(--color-brand)}.bg-image-controls select{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:6px;outline:none;width:100%;padding:7px 10px;font-family:inherit;font-size:12px}.bg-image-controls select:focus{border-color:var(--color-brand)}.bg-overlay-row{align-items:center;gap:8px;display:flex}.bg-overlay-row input[type=range]{flex:1}.bg-overlay-row .overlay-value{color:var(--color-text-secondary);text-align:right;min-width:32px;font-size:11px;font-weight:600}.tqs-overlay{-webkit-backdrop-filter:blur(8px);z-index:300;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.tqs-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;width:100%;max-width:780px;max-height:90vh;padding:36px 36px 28px;overflow-y:auto;box-shadow:0 24px 64px -12px #0f172a2e,0 8px 24px -4px #0f172a14}.tqs-header{text-align:center;margin-bottom:28px}.tqs-title{font-family:var(--font-ui);font-size:var(--type-panel);color:var(--color-text);font-weight:600;line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);margin-bottom:8px}.tqs-subtitle{color:var(--color-text-secondary);font-family:Plus Jakarta Sans,sans-serif;font-size:14px;line-height:1.5}.tqs-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.tqs-card{text-align:left;border:2px solid var(--color-border);cursor:pointer;background:var(--color-bg);border-radius:12px;padding:0;font-family:inherit;transition:border-color .2s,transform .15s,box-shadow .2s;overflow:hidden}.tqs-card:hover{border-color:var(--color-brand);transform:translateY(-2px);box-shadow:0 8px 24px -6px #a524632e}.tqs-card-img{aspect-ratio:2/3;object-fit:cover;background:var(--vv-surface-alt);width:100%;display:block}.tqs-card-info{padding:10px 12px}.tqs-card-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;display:block;overflow:hidden}.tqs-card-cat{color:var(--color-text-muted);text-transform:capitalize;margin-top:2px;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;display:block}.tqs-footer{text-align:center;border-top:1px solid var(--color-border);padding-top:16px}.tqs-btn-scratch{color:var(--color-text-secondary);font-family:Plus Jakarta Sans,sans-serif;font-size:var(--type-control);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.tqs-btn-scratch:hover{background:var(--color-bg);color:var(--color-text)}@media (width<=600px){.tqs-modal{padding:24px 16px 20px}.tqs-grid{grid-template-columns:repeat(2,1fr);gap:12px}.tqs-title{font-size:var(--type-panel);font-family:var(--font-ui);font-weight:600;line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}}.editor-mode-banner{background:color-mix(in srgb, var(--color-brand) 10%, transparent);border-bottom:1px solid color-mix(in srgb, var(--color-brand) 25%, transparent);color:var(--color-brand);z-index:31;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;display:flex;position:sticky;top:0}.editor-mode-banner-sep{opacity:.5}.editor-mode-banner-back{background:color-mix(in srgb, var(--color-brand) 8%, transparent);color:var(--color-brand);border-radius:999px;align-items:center;gap:4px;padding:3px 10px 3px 6px;font-size:12.5px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.editor-mode-banner-back:hover{background:color-mix(in srgb, var(--color-brand) 18%, transparent);transform:translate(-1px)}.editor-mode-banner-back:active{transform:translate(0)scale(.98)}.tpl-estado-badge{text-transform:uppercase;letter-spacing:.04em;background:#fff9;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.tpl-estado-badge.published{color:var(--color-success);background:#dcfce7}.tpl-estado-badge.draft{color:var(--color-warning);background:#fef3c7}#template-metadata-panel .property-input{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:8px;padding:8px 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;transition:border-color .15s}#template-metadata-panel .property-input:focus{border-color:var(--color-brand);outline:none}#template-metadata-panel .property-label{color:var(--color-text-secondary);margin-bottom:4px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600;display:block}.tpl-preview-dropzone{border:2px dashed var(--color-border);text-align:center;cursor:pointer;border-radius:12px;min-height:160px;padding:16px;transition:border-color .15s,background .15s;position:relative;overflow:hidden}.tpl-preview-dropzone:hover{border-color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 4%, transparent)}.tpl-preview-dropzone.drag-over{border-color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 10%, transparent)}#tpl-preview-empty{color:var(--color-text-secondary);font-family:Plus Jakarta Sans,sans-serif}#tpl-preview-empty p{color:var(--color-text);margin:6px 0 4px;font-size:13px;font-weight:600}#tpl-preview-empty small{color:var(--color-text-muted,var(--vv-text-secondary));font-size:11px}#tpl-preview-filled{position:relative}#tpl-preview-img{object-fit:cover;border-radius:8px;width:100%;max-height:220px;display:block}.tpl-preview-actions{gap:6px;margin-top:8px;display:flex}.tpl-preview-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:Plus Jakarta Sans,sans-serif;font-size:var(--type-control);cursor:pointer;border-radius:8px;flex:1;padding:8px 12px;font-weight:600;transition:background .12s}.tpl-preview-btn:hover{background:var(--color-surface-hover)}.tpl-preview-btn.danger{color:var(--color-error);border-color:color-mix(in srgb, var(--color-error) 25%, transparent)}.tpl-preview-btn.danger:hover{background:color-mix(in srgb, var(--color-error) 8%, transparent)}.tpl-publish-btn{background:var(--color-brand);width:100%;color:var(--color-text-on-brand);font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:var(--type-control);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;transition:background .15s;display:inline-flex}.tpl-publish-btn:hover{background:var(--color-brand-dark,#6344d9)}.tpl-publish-btn.despublicar{background:var(--color-surface-hover);color:var(--color-text)}.tpl-sidebar-card:focus-visible,.tqs-card:focus-visible{outline:3px solid var(--color-brand);outline-offset:3px}.preview-category-btn:not(.active),.preview-zoom-value,.preview-zoom-label{color:var(--color-ink-700,var(--vv-text-secondary))}.preview-sidebar :is(button,input:not([type=checkbox]),.preview-checkbox-label){min-height:44px}.preview-model-option{width:100%;font:inherit;text-align:left;background:0 0;border:0}.preview-dimension-input input{padding-right:52px}.preview-dimension-label{color:var(--color-ink-700,var(--vv-text-secondary))}.preview-sidebar :is(button,input):focus-visible{outline:3px solid var(--color-brand);outline-offset:3px}.editor-image-input-status{z-index:55;border:1px solid var(--color-border);width:max-content;max-width:min(580px,100% - 24px);max-height:5.5em;color:var(--color-text-secondary);overflow-wrap:anywhere;background:#fffffff5;border-radius:12px;margin:0;padding:8px 12px;font:500 12px/1.45 Plus Jakarta Sans,sans-serif;position:absolute;bottom:10px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 3px 14px #28101f0c}.canvas-area[data-editor-image-drag=ready]{box-shadow:inset 0 0 0 3px #a52463}.canvas-area[data-editor-image-drag=blocked]{box-shadow:inset 0 0 0 3px #b45309}#canvas-content[data-editor-image-target],#canvas-content [data-editor-image-target]{outline-offset:-4px;outline:3px dashed #a52463}.canvas-area[data-editor-image-busy=true]{cursor:progress}#text-properties .text-size-controls{gap:8px;min-width:0;display:grid}#text-properties .text-size-controls .property-input{width:100%;min-width:0;min-height:44px}#prop-size-apply{border:1px solid var(--color-brand,#a52463);background:var(--color-brand,#a52463);color:#fff;min-height:44px;font:inherit;cursor:pointer;border-radius:8px;padding:10px 12px;font-size:12px;font-weight:600}#prop-size-apply:disabled{color:var(--color-text,#1c1917);background:var(--color-bg-alt,#fff3ef);border-color:var(--color-border,#e7e5e4);cursor:default}#prop-size-apply:focus-visible{outline:2px solid var(--color-brand,#a52463);outline-offset:3px}#prop-size-hint,#prop-size-feedback{color:var(--color-text,#1c1917);overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.55}#prop-size-feedback:empty{display:none}#prop-size[aria-invalid=true]{border-color:var(--color-brand-dark,#731441)}#image-properties .property-label{color:var(--color-text)}#image-properties .property-input,#image-properties button{min-height:44px}#image-properties input[type=range]{min-height:44px;accent-color:var(--color-brand);cursor:pointer}#image-properties :is(input,select,button):focus-visible{outline:3px solid var(--color-brand-dark);outline-offset:3px}#image-properties .photo-help{color:var(--color-ink-700,#57534e);margin:6px 0 0;font-size:12px;line-height:1.5;display:block}#image-properties .photo-action{background:var(--color-surface);min-height:44px;color:var(--color-text);border:1px solid var(--color-border-strong);font:600 13px var(--font-sans);cursor:pointer;border-radius:8px;padding:10px 16px}#image-properties .photo-action:disabled{color:var(--color-ink-700,#57534e);cursor:wait}#photo-source-status{overflow-wrap:anywhere}#photo-framing-controls{border:0;min-width:0;margin:0;padding:0}#photo-framing-controls>legend{color:var(--color-text);margin:0 0 12px;padding:0;font-size:13px;font-weight:700}.photo-framing-preview-box{background:var(--color-surface-hover);justify-content:center;margin:12px 0;padding:8px;display:flex}#photo-framing-preview{object-fit:cover;max-width:100%;height:auto;max-height:200px;display:block}#photo-framing-preview[hidden]{display:none}.photo-position-row{grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:8px;display:grid}.photo-position-row input{width:100%;min-width:0}.photo-position-row output{color:var(--color-text);text-align:right;font-size:12px}#photo-framing-controls label{color:var(--color-text);margin:12px 0 4px;font-size:13px;display:block}#photo-framing-controls .property-select{width:100%}#timeline-properties .timeline-editor-hint,#timeline-editor-status{color:var(--color-ink-700,#57534e);font-size:13px;line-height:1.6}#timeline-editor-status{min-height:24px;margin:12px 0 0}#timeline-properties summary{cursor:pointer;min-height:44px;padding:12px 0}#timeline-properties .timeline-editor-colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}#timeline-properties .timeline-editor-colors label{color:var(--color-text,#1c1917);margin-bottom:8px;font-size:13px;display:block}#timeline-properties input[type=color]{border:1px solid var(--color-border-strong,#d6d3d1);cursor:pointer;background:var(--color-surface,#fff);border-radius:8px;width:100%;min-height:44px;padding:4px}#timeline-items-list{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.timeline-editor-step{border:1px solid var(--color-border-strong,#d6d3d1);background:var(--color-surface,#fff);border-radius:8px;min-width:0;margin:0;padding:12px}.timeline-editor-step legend{color:var(--color-text,#1c1917);padding:0 6px;font-size:14px;font-weight:700}.timeline-editor-step label{color:var(--color-ink-700,#57534e);margin:12px 0 6px;font-size:13px;display:block}#timeline-properties .timeline-editor-step .property-input{width:100%;min-width:0;min-height:44px;color:var(--color-text,#1c1917);background:var(--color-surface,#fff);border:1px solid #78716c;border-radius:8px;padding:10px;font-size:16px;line-height:1.5;display:block}.timeline-editor-step textarea{resize:vertical}.timeline-editor-step :is(input,textarea){font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif)}.timeline-editor-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.timeline-editor-actions button,#btn-add-timeline-step{border:1px solid var(--color-border-strong,#d6d3d1);background:var(--color-surface,#fff);min-width:44px;min-height:44px;color:var(--color-text,#1c1917);font:600 13px/1.5 var(--font-sans,"Plus Jakarta Sans", sans-serif);cursor:pointer;border-radius:8px;padding:8px}.timeline-editor-actions button{flex:1}#btn-add-timeline-step{width:100%;margin-top:20px}.timeline-editor-actions button:disabled,#btn-add-timeline-step:disabled{cursor:not-allowed;color:var(--color-ink-700,#57534e);background:var(--color-surface-hover,#f5f5f4)}#timeline-properties :is(button,input,textarea,summary):focus-visible{outline:3px solid var(--color-brand,#a52463);outline-offset:3px}#section-properties :is(input,select,button,textarea){box-sizing:border-box;min-height:44px}#section-properties button{min-width:44px}#prop-container-padding,#prop-container-gap,#prop-container-min-height{min-height:44px;font-size:16px}#section-properties input:not([type=range]):not([type=color]),#section-properties textarea{font-size:16px}#section-properties .section-background-help{color:var(--color-ink-700,#57534e);margin:8px 0;font:13px/1.6 Plus Jakarta Sans,sans-serif}#prop-section-bg-upload-btn:disabled{cursor:default;opacity:.72}#prop-section-bg-upload-btn.is-uploading{cursor:wait;opacity:1}#prop-section-bg-upload-btn .section-bg-upload-spinner{border:2px solid color-mix(in srgb, currentColor 25%, transparent);border-top-color:currentColor;border-radius:50%;flex:0 0 18px;width:18px;height:18px;animation:.8s linear infinite section-bg-upload-spin;display:none}#prop-section-bg-upload-btn.is-uploading .section-bg-upload-icon{display:none}#prop-section-bg-upload-btn.is-uploading .section-bg-upload-spinner{display:inline-block}#section-properties :is(input,select,textarea,button):focus-visible{outline:3px solid var(--color-brand);outline-offset:3px}#section-properties input[type=range]{accent-color:var(--color-brand);min-width:0}#section-bg-apply{border:2px solid var(--color-text);width:100%;min-height:44px;color:var(--color-text);background:var(--color-surface);cursor:pointer;border-radius:8px;padding:12px;font:600 13px/1.5 Plus Jakarta Sans,sans-serif}#section-bg-apply:disabled{color:#57534e;cursor:default}#section-bg-error{color:var(--color-brand-dark);font-size:13px}#section-bg-recovery-group{min-width:0}#section-bg-recovery{width:100%}#section-properties .bg-type-tabs{flex-wrap:wrap}#section-properties .bg-type-tab{color:var(--color-ink-700,#57534e);flex:1;padding:8px 4px;font-size:12px}#section-properties .bg-type-tab.active{color:var(--color-brand-dark)}#section-properties .bg-tab-content{display:none}#section-properties .bg-tab-content.active{display:block}#section-properties .color-picker-wrapper{flex-wrap:wrap;gap:8px;display:flex}#section-properties .color-dropper{width:44px;height:44px}#section-properties .bg-overlay-row{display:block}@keyframes section-bg-upload-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){#prop-section-bg-upload-btn .section-bg-upload-spinner{animation:none}}.editor-dimension{gap:8px;min-width:0;margin:12px 0;display:grid}.editor-dimension .property-label{width:auto}.editor-dimension .property-input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;font-size:16px}.editor-dimension :is(input,button):focus-visible{outline:3px solid var(--color-brand);outline-offset:3px}.dimension-help,.dimension-feedback{color:var(--color-ink-700,#57534e);font:13px/1.6 var(--font-sans,"Plus Jakarta Sans", sans-serif);overflow-wrap:anywhere;margin:0}.dimension-feedback:empty{display:none}.dimension-apply{border:2px solid var(--color-text);background:var(--color-surface);min-height:44px;color:var(--color-text);font:600 13px/1.5 var(--font-sans,"Plus Jakarta Sans", sans-serif);cursor:pointer;border-radius:8px;padding:10px 8px}.dimension-apply:disabled{color:var(--color-ink-700,#57534e);border-color:var(--color-border-strong);cursor:default}#section-custom-height-row:not([hidden]){gap:8px;display:grid}#section-custom-height-row[hidden]{display:none}#propImgOpacity{min-width:0;min-height:44px;accent-color:var(--color-brand)}#propImgOpacityValue{color:var(--color-ink-700,#57534e)!important}#image-properties .upload-format-hint{color:var(--color-ink-700,#57534e)}#prop-pos-x,#prop-pos-y,#prop-rotate{min-height:44px;font-size:16px}#position-coords .dimension-help,#rotation-properties .dimension-help{margin:8px 0}#prop-pos-x:focus-visible,#prop-pos-y:focus-visible,#prop-rotate:focus-visible{outline:3px solid var(--color-brand);outline-offset:3px}.element-toolbar,body.editor-touch-input .transform-handle,body.editor-touch-input .transform-rotate-handle{display:none}body.editor-touch-input .canvas-content{touch-action:pan-y pinch-zoom}body.editor-touch-input .canvas-content [draggable]{-webkit-user-drag:none}@media (width<=768px){html,body,.editor-container{width:100%;height:100dvh;min-height:100dvh;overflow:hidden}.element-toolbar{width:min(400px,100vw - 16px);top:auto;bottom:calc(var(--editor-mobile-tabbar-height) + 18px);background:var(--color-surface,#fff);border:1px solid var(--color-border);z-index:55;opacity:1;border-radius:14px;flex-direction:column;gap:4px;padding:6px;transition:opacity .15s;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #1c191724}.element-toolbar-context{white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-secondary);padding:2px 8px;font-size:12px;line-height:18px;overflow:hidden}.element-toolbar-actions{justify-content:space-between;align-items:center;gap:4px;display:flex}.element-toolbar-quick,.element-toolbar-quick-sep,.element-toolbar-more{display:none!important}.element-toolbar-menu{justify-content:space-between;align-items:center;gap:4px;width:100%;min-width:0;display:flex}.element-toolbar-menu-label,.element-toolbar-menu-format{display:none!important}.element-toolbar.hidden,body.editor-flyout-open .element-toolbar,body.editor-drawer-open .element-toolbar,body.editor-preview-open .element-toolbar,body.editor-modal-open .element-toolbar{visibility:hidden;opacity:0;pointer-events:none}body.editor-scroll-locked{overflow:hidden}.element-toolbar[data-offscreen]{visibility:hidden;pointer-events:none}#el-toolbar-edit{background:var(--color-brand-light);width:auto;color:var(--color-brand-dark);gap:4px;padding-inline:10px}.element-toolbar-label{font-size:13px;font-weight:600}.properties-header,.flyout-header{touch-action:pan-x pinch-zoom}.canvas-content{touch-action:pan-y pinch-zoom}.canvas-content [draggable]{-webkit-user-drag:none}.transform-handle,.transform-rotate-handle{display:none}.canvas-content [data-section=true]:not(.selected){border-color:#0000;border-radius:0}.canvas-content [data-section=true]>.section-label{opacity:0}.canvas-content [data-section=true].selected>.section-label,.canvas-content [data-section=true]:has(.selected)>.section-label{opacity:1}body.editor-scroll-locked .flyout-content,body.editor-scroll-locked .properties-content,body.editor-scroll-locked .preview-overlay,body.editor-scroll-locked .save-overlay{touch-action:pan-y}.element-toolbar-btn{width:var(--tap-target-min);height:var(--tap-target-min);color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:background .12s,color .12s,transform .12s;display:inline-flex}.element-toolbar-btn:active{background:var(--color-surface-hover);transform:scale(.92)}.element-toolbar-btn:disabled{opacity:.3;cursor:not-allowed}.element-toolbar-btn .material-symbols-outlined{font-size:20px}.element-toolbar-danger{color:var(--color-error,#ef4444)}.element-toolbar-sep{background:var(--color-border);width:1px;height:22px;margin:0 4px}.editor-header{height:var(--editor-mobile-header-height);min-height:var(--editor-mobile-header-height);padding:0 max(8px, env(safe-area-inset-right)) 0 max(8px, env(safe-area-inset-left));gap:6px}.header-left{flex:0 0 var(--tap-target-min)}.header-right{gap:4px;min-width:0}.logo-text{display:none}.logo{min-width:var(--tap-target-min);min-height:var(--tap-target-min);border-radius:10px;justify-content:center}.editor-back-icon{width:var(--tap-target-min);height:var(--tap-target-min);color:var(--color-text);justify-content:center;align-items:center;font-size:22px;display:inline-flex}.logo-icon{background:var(--color-surface-hover);width:36px;height:36px;color:var(--color-text);border-radius:10px;font-size:0;position:relative}.logo-icon:before{content:"arrow_back";-webkit-font-feature-settings:"liga";color:var(--color-text);font-family:Material Symbols Outlined;font-size:22px;font-style:normal;font-weight:400;line-height:1;display:block}.device-switcher{display:none!important}.editor-layout-switch,.header-btn span:not(.material-symbols-outlined){display:none}.header-btn{min-width:var(--tap-target-min);min-height:var(--tap-target-min);justify-content:center;padding:8px}.header-btn.btn-publish{min-width:auto;padding:8px 16px}.header-btn.btn-publish span:not(.material-symbols-outlined){display:inline}.editor-body{flex-direction:column;position:relative}.canvas-area{padding:12px;padding-bottom:calc(var(--editor-mobile-tabbar-height) + 108px);overscroll-behavior:contain;scroll-padding-top:16px;scroll-padding-bottom:calc(var(--editor-mobile-tabbar-height) + 108px);flex:1;order:1;justify-content:center;align-items:flex-start;overflow:auto}.canvas-frame{transform-origin:top;border-radius:12px;max-width:400px;min-height:400px;margin:0 auto;transform:scale(1);width:calc(100vw - 24px)!important;height:auto!important}.canvas-content{height:auto;min-height:400px}.sidebar-rail{bottom:calc(10px + env(safe-area-inset-bottom));height:var(--editor-mobile-tabbar-base-height);z-index:var(--z-mobile-tab-bar);background:color-mix(in srgb, var(--color-surface) 74%, transparent);backdrop-filter:blur(20px)saturate(180%);border:1px solid #ffffff8c;border-radius:999px;justify-content:space-around;align-items:center;padding:6px 4px;position:fixed;left:12px;right:12px;overflow:visible;box-shadow:0 12px 32px #0f172a29,0 2px 8px #0f172a14;flex-direction:row!important;width:auto!important}@supports not (backdrop-filter:blur(1px)){.sidebar-rail{background:var(--color-surface)}}.sidebar-rail{animation:.42s cubic-bezier(.32,.72,0,1) both rail-enter}@keyframes rail-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sidebar-rail{animation:none}}.rail-item{max-width:92px;min-height:var(--tap-target-min);touch-action:manipulation;border-radius:18px;flex:1;gap:4px;padding:8px 4px 6px}.rail-item .material-symbols-outlined{font-size:24px;transition:font-variation-settings .16s}.rail-label{font-size:11px;font-weight:600}.rail-item.active{background:color-mix(in srgb, var(--color-brand) 12%, transparent);color:var(--color-brand);font-weight:700}.rail-item.active .material-symbols-outlined{font-variation-settings:"FILL" 1}.rail-item:focus-visible{outline:3px solid var(--color-brand);outline-offset:-3px}.rail-item:active{transform:scale(.96)}.flyout-panel{bottom:calc(10px + env(safe-area-inset-bottom));height:min(50dvh,480px);max-height:calc(100dvh - var(--editor-mobile-header-height) - var(--editor-mobile-tabbar-height) - 20px);border:1px solid var(--color-border);border-radius:var(--editor-mobile-sheet-radius) var(--editor-mobile-sheet-radius) 28px 28px;z-index:var(--z-mobile-flyout);transition:transform var(--editor-mobile-sheet-duration) cubic-bezier(.32, .72, 0, 1);background:var(--color-surface);position:fixed;top:auto;left:12px;right:12px;overflow:hidden;box-shadow:0 -6px 40px #0f172a24,0 12px 32px #0f172a1f;width:auto!important}.flyout-panel.open{transform:translateY(0)}.sidebar-rail{z-index:calc(var(--z-mobile-flyout) + 1);transition:background-color .2s,border-color .2s,box-shadow .2s}body:not(.editor-keyboard-open):has(.flyout-panel.open) .sidebar-rail{background:var(--color-surface);box-shadow:none;backdrop-filter:none;border-color:#0000}.flyout-panel.open:after{content:"";left:0;right:0;bottom:calc(var(--editor-mobile-tabbar-base-height) + env(safe-area-inset-bottom));background:linear-gradient(to bottom, transparent, var(--color-surface) 85%);pointer-events:none;height:28px;position:absolute}.flyout-panel.open .flyout-content{padding-bottom:calc(var(--editor-mobile-tabbar-base-height) + 28px + env(safe-area-inset-bottom))}.flyout-panel:not(.open){transform:translateY(calc(100% + var(--editor-mobile-tabbar-height) + 10px));pointer-events:none}.flyout-panel:not(.open) .flyout-content{overflow-y:hidden}.flyout-content,.properties-content,.tqs-modal{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.flyout-content{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.tqs-modal{max-height:calc(100dvh - 32px)}.flyout-header{padding:16px 16px 10px;position:relative}.flyout-header:before{display:none}.flyout-panel.panel-switch .flyout-content.active{animation:.24s cubic-bezier(.32,.72,0,1) both panel-switch-in}@keyframes panel-switch-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.flyout-panel.panel-switch .flyout-content.active{animation:none}}.flyout-close{min-width:var(--tap-target-min);min-height:var(--tap-target-min)}.properties-sidebar{border-left:none;border-top:1px solid var(--color-border);border-radius:var(--editor-mobile-sheet-radius) var(--editor-mobile-sheet-radius) 0 0;height:min(68dvh,640px);max-height:calc(100dvh - 12px);z-index:var(--z-mobile-drawer);transition:transform var(--editor-mobile-sheet-duration) cubic-bezier(.32, .72, 0, 1);position:fixed;inset:auto 0 0;overflow:hidden;transform:translateY(0);box-shadow:0 -10px 48px #0f172a24;width:100%!important}.properties-sidebar.hidden{box-shadow:none;border-top:none;overflow:hidden;transform:translateY(100%);width:100%!important}.properties-header{cursor:grab;padding:22px 16px 12px;position:relative}.properties-header:before{content:"";background:var(--color-border-strong,#cbd5e1);border-radius:999px;width:44px;height:5px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.properties-content{padding:12px 16px;padding-bottom:calc(28px + env(safe-area-inset-bottom));max-height:calc(min(68dvh,640px) - 58px);overflow-y:auto}.toggle-sidebar{display:none}.properties-backdrop{z-index:var(--z-mobile-backdrop);opacity:0;pointer-events:none;background:#0000004d;transition:opacity .3s;position:fixed;inset:0;display:block!important}.properties-backdrop.visible{opacity:1;pointer-events:auto}.preview-logo{display:none}.preview-overlay,.preview-container,.preview-body{flex-direction:column}.preview-sidebar{border-left:none;border-top:1px solid var(--color-border);width:100%;height:auto;max-height:40vh;overflow-y:auto}.preview-canvas-area{flex:1;min-height:50vh}.preview-overlay[data-live-mobile=true] .preview-body{flex:1;min-height:0;overflow:hidden}.preview-overlay[data-live-mobile=true] .preview-sidebar{display:none}.preview-overlay[data-live-mobile=true] .preview-canvas-area{background:#fff;flex:1;min-height:0;padding:0;display:block;overflow:hidden}.preview-overlay[data-live-mobile=true] .preview-frame-content{border-radius:0;width:100%;height:100%;max-height:none;overflow-y:auto}.save-modal button{min-height:var(--tap-target-min)}.properties-sidebar input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.properties-sidebar textarea,.properties-sidebar select,.save-modal input,.tqs-modal input,.preview-sidebar input:not([type=checkbox]):not([type=radio]):not([type=range]){font-size:16px!important}.btn-delete,.alignment-btn,.bg-type-tab,.preview-back-btn,.preview-device-btn,.preview-close-btn-alt,.preview-category-btn,.preview-orientation-btn,.tqs-btn-scratch{min-width:var(--tap-target-min);min-height:var(--tap-target-min)}.color-picker-wrapper{gap:6px}.color-btn,.color-dropper{width:var(--tap-target-min);height:var(--tap-target-min);min-width:var(--tap-target-min);min-height:var(--tap-target-min)}.section-label{padding:2px 6px;font-size:10px;top:6px;left:6px}.section-reorder-btns{gap:6px;top:6px;right:6px}.section-reorder-btns button{width:var(--tap-target-min);height:var(--tap-target-min);border-radius:8px;font-size:20px}.tables-offer{border-radius:16px;grid-template-columns:44px 1fr;gap:10px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px;inset:0;overflow-y:auto}.tables-offer-copy{padding-right:24px}.tables-offer-actions{flex-direction:column-reverse;align-items:stretch}.tables-offer-primary,.tables-offer-secondary{width:100%;min-height:44px;font-size:14px}.tables-offer-result{flex-wrap:wrap;align-items:flex-start}.tables-offer-result a,.tables-offer-result button{text-align:left;width:calc(100% - 28px);min-height:44px;margin-left:28px;padding-top:10px}.save-overlay{top:var(--editor-visible-top,0px);height:var(--editor-visible-height,100dvh);padding:12px;bottom:auto}.save-modal{padding:20px}.save-modal-title{font-size:26px}.save-modal-subtitle{margin-bottom:16px}.save-modal-actions{gap:8px}.save-modal-actions button{padding:12px}}@media (width<=768px) and (height<=520px) and (orientation:landscape){.flyout-panel{height:calc(100dvh - var(--editor-mobile-header-height) - 18px - env(safe-area-inset-bottom));border-radius:16px;max-height:none}.properties-sidebar{height:calc(100dvh - 8px);max-height:none}.properties-content{max-height:calc(100dvh - 66px)}}@media (width<=360px){.editor-header,.header-right{gap:2px}.header-btn.btn-publish{padding-inline:12px}.rail-label{font-size:10px}}@media (width>=769px) and (width<=1024px){.logo-text,.device-btn-label,.header-btn span:not(.material-symbols-outlined){display:none}.sidebar-rail{width:56px}.flyout-panel.open{width:260px}.properties-sidebar{width:240px}.canvas-frame{width:100%;transform:none}}@media (width<=768px){body.editor-keyboard-open .properties-sidebar,body.editor-keyboard-open .flyout-panel{bottom:var(--editor-visible-bottom,0px);height:calc(var(--editor-visible-height,100dvh) - 8px);max-height:calc(var(--editor-visible-height,100dvh) - 8px)}body.editor-keyboard-open .properties-content,body.editor-keyboard-open .flyout-content{min-height:0;max-height:none;scroll-padding-block:16px}}@media (width>=769px){body[data-editor-layout=focused] .sidebar-rail{order:1}body[data-editor-layout=focused] :is(.flyout-panel,.properties-sidebar){order:2}body[data-editor-layout=focused] .canvas-area{order:3}body[data-editor-layout=focused] .properties-sidebar{border:0;border-right:1px solid var(--color-border);width:320px;height:100%;box-shadow:none;backdrop-filter:none;z-index:21;border-radius:0;transition:width .2s,opacity .15s;position:relative;inset:auto;transform:none}body[data-editor-layout=focused] .properties-sidebar.hidden{opacity:0;border:0;width:0;transform:none}body[data-editor-layout=focused] .properties-back{display:grid}body[data-editor-layout=focused] :is(.properties-dismiss,.toggle-sidebar){display:none}body[data-editor-layout=focused] .properties-header{padding:8px 12px}body[data-editor-layout=focused] .element-toolbar{z-index:260;width:max-content;max-width:calc(100% - 416px);min-height:48px;color:var(--color-text);background:#fffffffc;border:1px solid #1c19171f;border-radius:10px;align-items:center;gap:0;padding:6px;transition:opacity .15s,visibility .15s;display:flex;position:absolute;top:8px;left:calc(50% + 192px);transform:translate(-50%);box-shadow:0 2px 10px #1c191729}body[data-editor-layout=focused] .element-toolbar.hidden,body[data-editor-layout=focused].editor-preview-open .element-toolbar,body[data-editor-layout=focused].editor-modal-open .element-toolbar,body[data-editor-layout=focused].editor-canvas-pan .element-toolbar{visibility:hidden;opacity:0;pointer-events:none}body[data-editor-layout=focused] .element-toolbar-heading{display:none}body[data-editor-layout=focused] .element-toolbar[data-toolbar-kind=element] .element-toolbar-heading{align-items:center;display:flex}body[data-editor-layout=focused] .element-toolbar-context{max-width:132px;color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;padding:0 10px 0 6px;font-size:12px;font-weight:600;overflow:hidden}body[data-editor-layout=focused] .element-toolbar-actions,body[data-editor-layout=focused] .element-toolbar-quick{align-items:center;gap:4px;min-width:0;display:flex}body[data-editor-layout=focused] .element-toolbar-actions{flex:auto;max-width:100%;position:relative;overflow:visible}body[data-editor-layout=focused] .element-toolbar-quick{flex:none;gap:2px}body[data-editor-layout=focused] .element-toolbar-quick[hidden],body[data-editor-layout=focused] .element-toolbar-quick-sep[hidden]{display:none}body[data-editor-layout=focused] .element-toolbar-font{border-radius:7px;flex:none;width:148px;height:36px;position:relative}body[data-editor-layout=focused] .element-toolbar-font:hover,body[data-editor-layout=focused] .element-toolbar-font:focus-within{background:var(--color-surface-hover)}body[data-editor-layout=focused] .element-toolbar-font select{appearance:none;width:100%;height:36px;color:var(--color-text);border-radius:inherit;font:inherit;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;padding:0 28px 0 10px;font-size:12px;font-weight:600}body[data-editor-layout=focused] .element-toolbar-font .material-symbols-outlined{pointer-events:none;font-size:18px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}body[data-editor-layout=focused] .element-toolbar-size{border:1px solid var(--color-border);border-radius:8px;flex:none;align-items:stretch;height:36px;display:flex;overflow:hidden}body[data-editor-layout=focused] .element-toolbar-size .element-toolbar-btn{border-radius:0;flex-basis:32px;width:32px;height:34px}body[data-editor-layout=focused] .element-toolbar-size .material-symbols-outlined{font-size:16px}body[data-editor-layout=focused] .element-toolbar-size input{width:42px;min-width:0;color:var(--color-text);background:var(--color-surface);border:0;border-inline:1px solid var(--color-border);font:inherit;text-align:center;appearance:textfield;border-radius:0;padding:0 3px;font-size:12px;font-weight:600}body[data-editor-layout=focused] .element-toolbar-size input::-webkit-inner-spin-button{appearance:none}body[data-editor-layout=focused] .element-toolbar-color{width:36px;height:36px;color:var(--color-text);cursor:pointer;border-radius:7px;flex:0 0 36px;place-items:center;display:grid;position:relative;overflow:hidden}body[data-editor-layout=focused] .element-toolbar-color:hover{background:var(--color-surface-hover)}body[data-editor-layout=focused] .element-toolbar-color:after{content:"";background:var(--toolbar-text-color,#1c1917);pointer-events:none;border-radius:999px;height:3px;position:absolute;bottom:4px;left:8px;right:8px}body[data-editor-layout=focused] .element-toolbar-color .material-symbols-outlined{font-size:21px}body[data-editor-layout=focused] .element-toolbar-color input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}body[data-editor-layout=focused] .element-toolbar-color:has(input:disabled){opacity:.35;cursor:not-allowed}body[data-editor-layout=focused] .element-toolbar-btn{width:36px;height:36px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:0 0 36px;justify-content:center;align-items:center;gap:4px;padding:0;display:inline-flex}body[data-editor-layout=focused] .element-toolbar-btn:hover:not(:disabled),body[data-editor-layout=focused] .element-toolbar-btn[aria-pressed=true]{color:var(--color-brand-dark);background:var(--color-brand-light)}body[data-editor-layout=focused] .element-toolbar-btn:disabled{opacity:.35;cursor:not-allowed}body[data-editor-layout=focused] .element-toolbar-btn .material-symbols-outlined{font-size:20px}body[data-editor-layout=focused] .element-toolbar-letter{font-size:16px;font-weight:800}body[data-editor-layout=focused] .element-toolbar-italic{font-family:Georgia,serif;font-style:italic;font-weight:700}body[data-editor-layout=focused] .element-toolbar-underline{text-underline-offset:2px;font-family:Georgia,serif;text-decoration:underline}body[data-editor-layout=focused] .element-toolbar-label,body[data-editor-layout=focused] .element-toolbar-menu-label{font-size:12px;font-weight:600}body[data-editor-layout=focused] .element-toolbar-danger{color:var(--color-error,#ef4444)}body[data-editor-layout=focused] .element-toolbar-sep{background:var(--color-border);flex:0 0 1px;width:1px;height:24px;margin:0 2px}body[data-editor-layout=focused] .element-toolbar :is(button,select,input):focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}body[data-editor-layout=focused] .element-toolbar-menu{background:var(--color-surface,#fff);z-index:2;border:1px solid #1c19171f;border-radius:10px;width:206px;padding:6px;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #1c191729}body[data-editor-layout=focused] .element-toolbar-menu.is-open{gap:2px;display:grid}body[data-editor-layout=focused] .element-toolbar-menu .element-toolbar-btn{flex-basis:auto;justify-content:flex-start;width:100%;height:38px;padding:0 10px}body[data-editor-layout=focused] .element-toolbar-menu .element-toolbar-menu-sep{width:100%;height:1px;margin:4px 0}body[data-editor-layout=focused] .element-toolbar-menu .element-toolbar-menu-format{display:none}}@media (width>=769px) and (width<=1024px){body[data-editor-layout=focused] .properties-sidebar{width:280px}body[data-editor-layout=focused] .element-toolbar{max-width:calc(100% - 360px);left:calc(50% + 168px)}body[data-editor-layout=focused] .element-toolbar-heading{display:none!important}body[data-editor-layout=focused] .element-toolbar-font{width:118px}}@media (width>=769px) and (width<=900px){body[data-editor-layout=focused] .element-toolbar-font{width:104px}body[data-editor-layout=focused] .element-toolbar-size .element-toolbar-btn{flex-basis:30px;width:30px}body[data-editor-layout=focused] .element-toolbar-size input{width:34px}body[data-editor-layout=focused] #el-toolbar-italic,body[data-editor-layout=focused] #el-toolbar-underline{display:none}body[data-editor-layout=focused] .element-toolbar[data-toolbar-kind=text] .element-toolbar-menu .element-toolbar-menu-format{display:inline-flex}}.text-edit-navigation{border-bottom:1px solid var(--color-border);flex-shrink:0;gap:4px;padding:8px 12px;display:flex}.text-edit-navigation[hidden],.element-toolbar-style[hidden]{display:none}.text-edit-navigation button{min-width:44px;min-height:44px;color:var(--color-text-secondary);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex:1;padding:8px;font-size:12px;font-weight:600}.text-edit-navigation button[aria-pressed=true]{background:var(--color-brand-light);color:var(--color-brand-dark);border-color:var(--color-border)}.text-editor-hint{color:var(--color-text-secondary);margin:8px 0;font-size:12px;line-height:1.5}#text-edit-done{display:none}#properties-panel[data-text-view=content] #text-edit-done{background:var(--color-brand);color:#fff;width:100%;min-height:44px;font:inherit;cursor:pointer;border:none;border-radius:10px;margin-top:12px;font-weight:600;display:block}#properties-panel:is([data-text-view=content],[data-text-view=style]) .properties-content>:not(#text-properties):not(#editor-selection-scope),#properties-panel:is([data-text-view=content],[data-text-view=style]) #btn-delete,#properties-panel[data-text-view=content] #text-properties>:not([data-text-section=content]),#properties-panel[data-text-view=style] #text-properties>:is([data-text-section=content],[data-text-section=effects]){display:none!important}@media (width<=768px){.element-toolbar-heading{align-items:center;gap:8px;display:flex}.element-toolbar-heading .element-toolbar-context{flex:1;min-width:0;margin:0}.element-toolbar-style{gap:4px;width:auto;min-width:44px;min-height:44px;padding-inline:10px;font-size:13px}#properties-panel[data-text-view=content]{height:clamp(300px,46dvh,380px)}#properties-panel[data-text-view=style]{height:min(62dvh,560px)}#properties-panel[data-text-view] .properties-content{flex:1;min-height:0;max-height:none}body:has(#properties-panel[data-text-view=content]:not(.hidden)) .canvas-area{padding-bottom:calc(clamp(300px,46dvh,380px) + 24px)}body:has(#properties-panel[data-text-view=style]:not(.hidden)) .canvas-area{padding-bottom:calc(min(62dvh,560px) + 24px)}body.editor-keyboard-open #properties-panel[data-text-view]{bottom:var(--editor-visible-bottom,0px);height:calc(var(--editor-visible-height,100dvh) - 8px);max-height:calc(var(--editor-visible-height,100dvh) - 8px)}}.canvas-workspace{flex-shrink:0;width:100%;height:100%;position:relative}.canvas-workspace>.canvas-frame{margin-inline:auto}.canvas-workspace:not(.zoomed)[data-panel-space] .canvas-content:after{content:"";width:calc(100% + var(--editor-view-right-inset));pointer-events:none;flex:0 0 0;align-self:flex-start;height:0;display:block}.canvas-area:has(.canvas-workspace.zoomed){display:block;overflow:auto}.canvas-workspace.zoomed{width:calc(var(--editor-view-width) + var(--editor-view-right-inset,0px));height:var(--editor-view-height);margin-inline:auto}.canvas-workspace.zoomed>.canvas-frame{transform-origin:0 0;max-width:none;min-height:0;position:absolute;top:0;left:0;width:var(--editor-frame-width)!important;height:var(--editor-frame-height)!important;transform:scale(var(--editor-view-scale))!important}.canvas-workspace.zoomed .canvas-content{height:auto;min-height:0;overflow:visible}body.editor-canvas-pan .canvas-content,body.editor-canvas-pan .canvas-content *{user-select:none;cursor:grab!important}body.editor-canvas-pan .transform-overlay,body.editor-canvas-pan .element-toolbar{visibility:hidden}body.editor-canvas-panning .canvas-content,body.editor-canvas-panning .canvas-content *{cursor:grabbing!important}.canvas-workspace.zoomed .canvas-content{touch-action:pan-x pan-y pinch-zoom}.editor-document-bar>button{flex-shrink:0;min-width:44px}.device-btn{min-height:44px}.editor-document-bar #canvas-view-toggle{flex-shrink:0;justify-content:center;gap:4px;width:72px;font-size:11px;display:inline-flex}#canvas-view-toggle .material-symbols-outlined{font-size:20px}.editor-document-bar #canvas-view-toggle[data-pan]{color:var(--color-brand);background:var(--color-brand-light)}.canvas-view-menu{overscroll-behavior:contain;border:1px solid var(--color-border);width:min(320px,100vw - 24px);max-height:calc(100dvh - 120px);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-float);border-radius:16px;margin:0;padding:16px;font-size:14px;position:fixed;inset:108px 16px auto auto;overflow:auto}.canvas-view-menu header{justify-content:space-between;align-items:center;gap:8px;display:flex}.canvas-view-menu h2,.canvas-help h2{font-size:18px;line-height:1.3}.canvas-view-menu button,.canvas-help button{border:1px solid var(--color-border);background:var(--color-surface);min-width:44px;min-height:44px;color:var(--color-text);font:inherit;cursor:pointer;border-radius:10px}.canvas-view-menu button:disabled{color:var(--color-text-secondary);opacity:.5;cursor:default}.canvas-view-menu [aria-pressed=true]{background:var(--color-brand-light);color:var(--color-brand);border-color:var(--color-brand)}.canvas-view-menu header button{border:0;place-items:center;display:grid}.canvas-view-modes{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.editor-document-bar :is(.canvas-view-modes,.canvas-view-actions) button{width:100%;height:auto}.canvas-view-modes button{justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.canvas-view-hint{color:var(--color-text-secondary);margin:12px 0;font-size:12px;line-height:1.5}.canvas-view-zoom-row{grid-template-columns:44px 1fr 44px;gap:8px;margin:6px 0 12px;display:grid}.canvas-view-zoom-row button{place-items:center;display:grid}.canvas-view-zoom-row select{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;min-height:44px;color:var(--color-text);text-align:center;border-radius:10px}.canvas-view-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.canvas-view-actions button{padding:8px;font-size:12px}#canvas-view-selection,#canvas-help-open{grid-column:1/-1}.canvas-help{border:1px solid var(--color-border);width:min(500px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--color-text);background:var(--color-surface);border-radius:18px;margin:auto;padding:20px}.canvas-help[open]{flex-direction:column;gap:16px;display:flex}.canvas-help::backdrop{background:#1c191766}.canvas-help-copy{overscroll-behavior:contain;min-height:0;overflow:auto}.canvas-help ol{padding-left:20px;font-size:14px;line-height:1.6}.canvas-help li{margin-top:14px}#canvas-help-close{background:var(--color-brand);color:#fff;flex-shrink:0;width:100%;height:auto}.canvas-help-touch{display:none}@media (width<=768px){.canvas-workspace{width:min(400px,100vw - 24px);height:auto}.canvas-help-mouse{display:none}.canvas-help-touch{display:inline}.canvas-view-menu{right:12px}.editor-document-bar{padding-inline:8px}#editor-draft-status{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin-left:4px;overflow:hidden}}[data-element-id],[data-anim],.gsap-reveal,.gsap-reveal-left,.gsap-reveal-right,.gsap-hero-title{--invitation-opacity:1}[data-element-id]{opacity:var(--invitation-opacity,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:var(--invitation-opacity,1);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:var(--invitation-opacity,1);transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:var(--invitation-opacity,1);transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:var(--invitation-opacity,1);transform:translate(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:var(--invitation-opacity,1);transform:scale(1)}}@keyframes bounce{0%{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}to{transform:translateY(0)}}[data-anim]{--anim-duration:.6s;opacity:0;transition:none;transform:translateY(30px)}[data-anim].anim-visible{opacity:var(--invitation-opacity,1);transform:none}[data-anim=fadeInUp].anim-visible{animation:fadeInUp var(--anim-duration) ease-out forwards}[data-anim=fadeInDown].anim-visible{animation:fadeInDown var(--anim-duration) ease-out forwards}[data-anim=slideInLeft].anim-visible{animation:slideInLeft var(--anim-duration) ease-out forwards}[data-anim=slideInRight].anim-visible{animation:slideInRight var(--anim-duration) ease-out forwards}[data-anim=zoomIn].anim-visible{animation:zoomIn var(--anim-duration) ease-out forwards}[data-anim=bounce].anim-visible{animation:bounce var(--anim-duration) ease-out forwards}.anim-speed-slow{--anim-duration:1s}.anim-speed-normal{--anim-duration:.6s}.anim-speed-fast{--anim-duration:.3s}@media (prefers-reduced-motion:reduce){[data-anim],.gsap-reveal,.gsap-reveal-left,.gsap-reveal-right,.gsap-hero-title{opacity:var(--invitation-opacity,1)!important;animation:none!important;transform:none!important}}.canvas-content [data-anim]{opacity:var(--invitation-opacity,1)!important;animation:none!important;transform:none!important}.preview-frame-content.preview-live-anim [data-anim]{opacity:0;transition:none;transform:translateY(30px)}.preview-frame-content.preview-live-anim [data-anim].anim-visible{opacity:var(--invitation-opacity,1);transform:none}.preview-frame-content.preview-live-anim [data-anim=fadeInUp].anim-visible{animation:fadeInUp var(--anim-duration,.6s) ease-out forwards}.preview-frame-content.preview-live-anim [data-anim=fadeInDown].anim-visible{animation:fadeInDown var(--anim-duration,.6s) ease-out forwards}.preview-frame-content.preview-live-anim [data-anim=slideInLeft].anim-visible{animation:slideInLeft var(--anim-duration,.6s) ease-out forwards}.preview-frame-content.preview-live-anim [data-anim=slideInRight].anim-visible{animation:slideInRight var(--anim-duration,.6s) ease-out forwards}.preview-frame-content.preview-live-anim [data-anim=zoomIn].anim-visible{animation:zoomIn var(--anim-duration,.6s) ease-out forwards}.preview-frame-content.preview-live-anim [data-anim=bounce].anim-visible{animation:bounce var(--anim-duration,.6s) ease-out forwards}.preview-frame-content:not(.preview-live-anim) [data-anim]{opacity:var(--invitation-opacity,1)!important;animation:none!important;transform:none!important}.preview-frame-content .section-label,.preview-frame-content .section-reorder-btns{display:none!important}[data-section=true]{overflow:visible}[data-section=true][data-parallax],[data-section=true]:has([data-parallax]){overflow:hidden}.preview-overlay{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--color-text);border:0;margin:0;padding:0;transition:none}.preview-overlay::backdrop{background:var(--color-bg)}.preview-overlay [hidden]{display:none!important}.preview-overlay .preview-container{min-height:0}.preview-overlay .preview-header{height:auto;min-height:64px;box-shadow:none;gap:16px;padding:8px 16px;position:relative}.preview-overlay .preview-header-left{gap:12px}.preview-overlay .preview-header-left h2{font-size:16px;font-weight:700}.preview-brand{color:var(--color-brand-dark);border-left:1px solid var(--color-border);padding-left:12px;font-size:12px;font-weight:600}.preview-overlay .preview-header-right{gap:8px}.preview-overlay .preview-device-switcher{box-shadow:none;gap:4px;padding:2px}.preview-overlay :is(button,input:not([type=checkbox])){min-height:44px}.preview-overlay :is(button,input):focus-visible{outline:3px solid var(--color-brand);outline-offset:3px}.preview-overlay :is(.preview-device-btn,.preview-settings-toggle,#preview-settings-close){min-width:44px;min-height:44px;color:var(--color-ink-700);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.preview-overlay .preview-device-btn.active{color:var(--color-brand-dark);background:var(--color-surface);box-shadow:none}.preview-overlay :is(.preview-settings-toggle,#preview-settings-close){display:none}.preview-overlay .preview-close-btn-alt{box-shadow:none;white-space:nowrap}.preview-context{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:4px 24px;padding:10px 20px;display:flex}.preview-context p{color:var(--color-ink-700);margin:0;font-size:12px;line-height:1.5}.preview-context #preview-view-summary{color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:600}.preview-overlay .preview-body{min-height:0}.preview-overlay .preview-canvas-area{overscroll-behavior:contain;background:var(--color-surface-hover);min-width:0;min-height:0;padding:24px;display:block;overflow:auto}.preview-frame-holder{flex:none;margin-inline:auto;position:relative}.preview-overlay .preview-frame{box-sizing:content-box;border-style:solid;border-color:var(--color-text);transform-origin:0 0;max-width:none;max-height:none;box-shadow:var(--shadow-soft);border-radius:12px;transition:none;display:block;position:absolute;inset:0 auto auto 0;overflow:hidden}.preview-overlay .preview-frame-toolbar{box-sizing:border-box;background:var(--color-surface-hover);min-height:0;font:11px/1.5 var(--font-sans);color:var(--color-ink-700);justify-content:center;padding:0 12px}.preview-overlay .preview-frame-mobile .preview-frame-toolbar:before{display:none}.preview-overlay .preview-viewport{box-sizing:content-box;background:#fff;border:0;flex:none;min-width:0;max-width:none;margin:0;padding:0;display:block}.preview-overlay[data-live-mobile=true] .preview-canvas-area{background:#fff;padding:0}.preview-overlay[data-live-mobile=true] .preview-frame{box-shadow:none;border-radius:0}.preview-load-status{background:var(--color-surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;line-height:1.6;display:flex;position:absolute;inset:24px}.preview-load-status p{max-width:40ch}.preview-load-status button{background:var(--color-brand);color:var(--color-text-on-brand);cursor:pointer;border:0;border-radius:8px;padding:10px 18px}.preview-overlay .preview-sidebar{width:304px;max-height:none;transition:none;overflow:hidden}.preview-overlay .preview-sidebar-header{flex-shrink:0;gap:12px;height:auto;min-height:60px;padding:8px 20px}.preview-overlay .preview-sidebar-title{color:var(--color-text);text-transform:none;letter-spacing:0;white-space:nowrap;font-size:14px}.preview-overlay .preview-sidebar-content{overscroll-behavior:contain;min-height:0;padding:20px}.preview-overlay .preview-section{margin-bottom:24px;position:relative}.preview-overlay .preview-section-label{color:var(--color-text);font-size:13px}.preview-overlay .preview-setting-hint{color:var(--color-ink-700);margin:8px 0 0;font-size:12px;line-height:1.6}.preview-live-device{border:1px solid var(--color-border-strong);background:var(--color-surface);width:100%;font:600 13px/1.4 var(--font-sans);color:var(--color-brand-dark);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex}.preview-overlay .preview-model-selector{gap:12px;width:100%;min-width:0;padding:12px}.preview-overlay .preview-model-text{text-align:left;flex-direction:column;min-width:0;display:flex}.preview-overlay .preview-model-dimensions{color:var(--color-ink-700);font-variant-numeric:tabular-nums}.preview-overlay .preview-model-dropdown{width:100%;max-height:240px;box-shadow:none;border-color:var(--color-border);margin-top:8px;position:static;overflow-y:auto}.preview-overlay .preview-model-option{white-space:normal;text-align:left;width:100%;color:var(--color-text);padding:12px;font-size:13px;line-height:1.5;display:block}.preview-overlay .preview-model-option.active{background:var(--color-brand-light);color:var(--color-brand-dark)}.preview-overlay .preview-dimensions-grid{align-items:start;gap:12px}.preview-overlay .preview-dimension-input{min-width:0}.preview-overlay .preview-dimension-input label{color:var(--color-ink-700);margin-bottom:6px;font-size:12px;display:block}.preview-overlay .preview-dimension-input input{border:1px solid var(--color-border-strong);width:100%;color:var(--color-text);font-variant-numeric:tabular-nums;border-radius:8px;padding:10px;font-size:16px;line-height:1.4}.preview-overlay .preview-dimension-input input[aria-invalid=true]{border-color:var(--color-brand-dark)}.preview-input-error{color:var(--color-brand-dark);margin-top:6px;font-size:12px;line-height:1.5}.preview-overlay .preview-orientation-btn{gap:6px;padding:10px}.preview-overlay .preview-orientation-btn span:last-child{color:var(--color-ink-700);text-transform:none;font-size:12px}.preview-overlay .preview-orientation-btn.active span:last-child{color:var(--color-brand-dark)}.preview-overlay .preview-zoom-value{color:var(--color-ink-700);background:0 0;padding:0;font-size:12px}.preview-overlay .preview-zoom-slider{background:linear-gradient(var(--color-border-strong),var(--color-border-strong)) center/100% 6px no-repeat;width:100%;min-width:0;height:44px}.preview-zoom-actions{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.preview-zoom-actions>button{border:1px solid var(--color-border-strong);color:var(--color-text);background:var(--color-surface);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:12px}.preview-overlay .preview-checkbox-label{color:var(--color-ink-700);min-height:44px;font-size:12px}.preview-overlay .preview-checkbox{opacity:1;width:20px;height:20px;accent-color:var(--color-brand);flex:none;margin:0;position:static}.preview-overlay .preview-checkbox-mark{display:none}@media (width<=768px){.preview-overlay .preview-header{gap:8px;min-height:56px;padding:6px 10px}.preview-overlay .preview-header-left{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.preview-overlay .preview-device-switcher{position:static;left:auto;transform:none}.preview-overlay .preview-header-right{gap:4px}.preview-overlay .preview-close-btn-alt{padding:8px 10px}.preview-overlay .preview-close-btn-alt .material-symbols-outlined{display:none}.preview-overlay :is(.preview-settings-toggle,#preview-settings-close){display:inline-flex}.preview-overlay .preview-context{gap:2px;padding:8px 12px}.preview-overlay .preview-context p{font-size:11px}.preview-overlay .preview-canvas-area{flex:1;min-height:0;padding:16px}.preview-overlay .preview-sidebar{border-left:0;border-top:1px solid var(--color-border);flex:0 auto;width:100%;height:auto;min-height:0;max-height:52dvh}.preview-overlay[data-live-mobile=true] .preview-sidebar:not([hidden]){display:flex}.preview-overlay .preview-sidebar-header{gap:8px;min-height:52px;padding:4px 16px}.preview-overlay .preview-sidebar-title{flex:1}.preview-overlay .preview-sidebar-content{padding:16px}.preview-overlay .preview-body{flex:1;min-height:0;overflow:hidden}.preview-overlay .preview-load-status{inset:8px}}@media (height<=480px) and (width<=768px){.preview-overlay .preview-sidebar{max-height:min(60dvh,100dvh - 180px)}.preview-overlay[data-settings-open=true] .preview-canvas-area{min-height:0}}@media (prefers-reduced-motion:reduce){.preview-overlay *{transition:none;animation:none}}.properties-sidebar:not(.hidden) .opening-settings[data-astro-cid-kwoqcdtm]{visibility:visible}.opening-settings[data-astro-cid-kwoqcdtm] label[data-astro-cid-kwoqcdtm],.opening-settings[data-astro-cid-kwoqcdtm] legend[data-astro-cid-kwoqcdtm]{color:var(--color-text,#28101f);margin:13px 0 6px;font-size:13px;font-weight:600;display:block}.opening-settings[data-astro-cid-kwoqcdtm] input[data-astro-cid-kwoqcdtm]:not([type=checkbox]),.opening-settings[data-astro-cid-kwoqcdtm] select[data-astro-cid-kwoqcdtm],.opening-settings[data-astro-cid-kwoqcdtm] textarea[data-astro-cid-kwoqcdtm]{border:1px solid var(--color-border,#d6d3d1);background:var(--color-surface,#fff);width:100%;min-height:44px;color:var(--color-text,#28101f);font:inherit;box-sizing:border-box;border-radius:8px;padding:10px;font-size:14px}.opening-settings[data-astro-cid-kwoqcdtm] .opening-toggle[data-astro-cid-kwoqcdtm]{align-items:center;gap:10px;min-height:44px;line-height:1.5;display:flex}.opening-toggle[data-astro-cid-kwoqcdtm] input[data-astro-cid-kwoqcdtm]{accent-color:#a52463;flex:none;width:19px;height:19px}.opening-settings[data-astro-cid-kwoqcdtm] fieldset[data-astro-cid-kwoqcdtm]{border:0;margin:12px 0;padding:0}.opening-settings[data-astro-cid-kwoqcdtm] button[data-astro-cid-kwoqcdtm]{color:#731441;width:100%;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #a52463;border-radius:8px;margin:8px 0 0;padding:10px;font-size:14px;font-weight:600;line-height:1.4}.opening-settings[data-astro-cid-kwoqcdtm] #opening-apply[data-astro-cid-kwoqcdtm]{color:#fff;background:#a52463}.opening-letter-feature[data-astro-cid-kwoqcdtm]{color:#382923;background:#f7f0e7;border:1px solid #d8c0ad;border-radius:12px;margin:16px 0 18px;padding:16px}.opening-letter-feature[data-astro-cid-kwoqcdtm] strong[data-astro-cid-kwoqcdtm]{font:600 16px/1.3 Plus Jakarta Sans,sans-serif}.opening-letter-feature[data-astro-cid-kwoqcdtm] p[data-astro-cid-kwoqcdtm]{margin:7px 0 10px;font-size:13px;line-height:1.5}.opening-settings[data-astro-cid-kwoqcdtm] .opening-letter-feature[data-astro-cid-kwoqcdtm] button[data-astro-cid-kwoqcdtm]{color:#fff;background:#7e403e;border-color:#7e403e;margin-top:0}.opening-settings[data-astro-cid-kwoqcdtm] button[data-astro-cid-kwoqcdtm]:disabled{opacity:.55;cursor:not-allowed}.opening-letter-palettes[data-astro-cid-kwoqcdtm]{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.opening-letter-palettes[data-astro-cid-kwoqcdtm] button[data-astro-cid-kwoqcdtm]{padding:8px 2px;font-size:12px}.opening-letter-palettes[data-astro-cid-kwoqcdtm] button[data-astro-cid-kwoqcdtm][aria-pressed=true]{color:#fff;background:#382923;border-color:#382923}.opening-letter-colors[data-astro-cid-kwoqcdtm]{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.opening-letter-colors[data-astro-cid-kwoqcdtm] label[data-astro-cid-kwoqcdtm]{justify-content:space-between;align-items:center;gap:5px;margin:8px 0;font-size:12px;display:flex}.opening-settings[data-astro-cid-kwoqcdtm] .opening-letter-colors[data-astro-cid-kwoqcdtm] input[data-astro-cid-kwoqcdtm][type=color]{cursor:pointer;flex:none;width:54px;height:44px;padding:5px}.opening-letter-sample[data-astro-cid-kwoqcdtm]{background:var(--letter-backdrop,#17242b);min-height:170px;color:var(--letter-stage-ink,#fff8ec);background-position:50%;background-size:cover;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:14px;margin-top:12px;padding:14px;display:flex;overflow:hidden}.opening-letter-sample[data-astro-cid-kwoqcdtm] p[data-astro-cid-kwoqcdtm]{font:400 17px/1.2 var(--letter-heading-font,Georgia,serif);overflow-wrap:anywhere;text-align:center;white-space:pre-line;max-width:100%;margin:0}.opening-letter-sample[data-astro-cid-kwoqcdtm]>span[data-astro-cid-kwoqcdtm]{background:var(--letter-envelope,#eadcc3);background-size:cover;flex:none;width:112px;height:70px;display:block;position:relative;transform:rotate(-5deg);box-shadow:0 8px 12px #0003}.opening-letter-sample[data-astro-cid-kwoqcdtm] i[data-astro-cid-kwoqcdtm]{background:var(--letter-lining,#d9bf94);clip-path:polygon(0 0,100% 0,50% 68%);position:absolute;inset:5px 7px 0}.opening-letter-sample[data-astro-cid-kwoqcdtm] b[data-astro-cid-kwoqcdtm]{background:var(--letter-seal,#b28152);width:22px;height:22px;color:var(--letter-seal-ink,#fff);border-radius:50%;place-items:center;font:italic 9px/1 Georgia,serif;display:grid;position:absolute;top:39%;left:41%;overflow:hidden;box-shadow:0 2px 3px #0003}.opening-letter-sample[data-astro-cid-kwoqcdtm] small[data-astro-cid-kwoqcdtm]{background:var(--letter-paper,#fffaf0);max-width:100%;color:var(--letter-title-ink,#30271f);font:400 15px/1.3 var(--letter-heading-font,Georgia,serif);text-align:var(--letter-align,center);overflow-wrap:anywhere;border-radius:3px;padding:5px 12px}.opening-letter-details[data-astro-cid-kwoqcdtm]{border-top:1px solid var(--color-border,#ded4d0);margin-top:12px;padding-top:4px}.opening-letter-details[data-astro-cid-kwoqcdtm] summary[data-astro-cid-kwoqcdtm]{cursor:pointer;align-items:center;min-height:44px;font-size:13px;font-weight:600;display:flex}.opening-letter-details[data-astro-cid-kwoqcdtm] summary[data-astro-cid-kwoqcdtm]:before{content:"+";margin-right:10px;font-size:19px}.opening-letter-details[data-astro-cid-kwoqcdtm][open] summary[data-astro-cid-kwoqcdtm]:before{content:"−"}.opening-letter-columns[data-astro-cid-kwoqcdtm]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.opening-letter-ink[data-astro-cid-kwoqcdtm]{align-items:center;gap:10px;display:flex}.opening-letter-ink[data-astro-cid-kwoqcdtm] .opening-toggle[data-astro-cid-kwoqcdtm]{flex:1}.opening-letter-ink[data-astro-cid-kwoqcdtm] input[data-astro-cid-kwoqcdtm][type=color]{flex:none;width:54px;height:44px;padding:5px}.opening-settings[data-astro-cid-kwoqcdtm] [data-astro-cid-kwoqcdtm]:is(input,button,select,textarea):focus-visible{outline-offset:3px;outline:3px solid #a52463}.letter-workspace{box-sizing:border-box;color:#28101f;overscroll-behavior:contain;background:#fffaf7;border:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:0;font-family:Plus Jakarta Sans,sans-serif;position:fixed;inset:0;overflow:hidden}.letter-workspace[open]{flex-direction:column;display:flex}.letter-workspace::backdrop{backdrop-filter:blur(6px);background:#28101f80}.letter-workspace *{box-sizing:border-box}.letter-workspace :where(.letter-workspace-header,.letter-workspace-view,.letter-workspace-sections) button{color:#28101f;cursor:pointer;background:#fff;border:1px solid #e7dce1;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font:600 13px/1.4 Plus Jakarta Sans,sans-serif;transition:background .18s,border-color .18s;display:inline-flex}.letter-workspace button:disabled{opacity:.55;cursor:wait}.letter-workspace :is(button,input,select,textarea,summary):focus-visible{outline-offset:3px;outline:3px solid #a52463}.letter-workspace-header{background:#fffaf7;border-bottom:1px solid #eadfe3;flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:82px;padding:14px 24px;display:flex}.letter-workspace-heading{align-items:center;gap:14px;min-width:0;display:flex}.letter-workspace-header .letter-workspace-back{background:0 0;border-radius:50%;flex:none;width:44px;padding:0;font-size:23px}.letter-workspace-header h2{letter-spacing:-.5px;margin:0;font:600 19px/1.3 Plus Jakarta Sans,sans-serif}.letter-workspace-header h2:focus{outline:none}.letter-workspace-draft{color:#745e67;margin-top:3px;font-size:11px;display:block}.letter-workspace-actions{flex:none;gap:10px;display:flex}.letter-workspace-actions button:hover{background:#f6edf1}.letter-workspace button.letter-workspace-primary{color:#fff;background:#28101f;border-color:#28101f;min-width:96px}.letter-workspace button.letter-workspace-primary:hover{background:#a52463;border-color:#a52463}.letter-workspace-body{flex:1;grid-template-columns:minmax(0,1fr) 390px;min-height:0;display:grid}.letter-workspace-visual{background:radial-gradient(at 50% 10%,#f8f1ed,#eee6e2);flex-direction:column;align-items:stretch;gap:14px;min-width:0;min-height:0;padding:20px 28px 16px;display:flex}.letter-workspace-view{background:#ffffff80;border:1px solid #e2d6d9;border-radius:999px;flex:none;justify-content:center;align-self:center;gap:3px;padding:4px;display:flex}.letter-workspace-view button{background:0 0;border-color:#0000;border-radius:999px;min-height:40px;padding:8px 24px;font-size:12px}.letter-workspace-view button[aria-pressed=true]{color:#28101f;background:#fff;box-shadow:0 2px 7px #28101f0d}.letter-workspace-stage{scrollbar-width:thin;isolation:isolate;border-radius:22px;flex:1;min-width:0;min-height:0;overflow:auto;box-shadow:0 12px 35px #3a252710}.letter-workspace-stage>.vv-opening{width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important;transform:none!important}.letter-workspace-stage .vv-letter-experience:not([data-letter-editing]){min-height:100%}.letter-workspace-description{color:#765665;text-align:center;flex:none;margin:0 auto;font-size:11px;line-height:1.5}.letter-workspace-testing-label{text-align:center;color:#5e4651;flex:none;font-size:12px;font-weight:500;display:none}.letter-workspace-inspector{background:#fff;border-left:1px solid #eadfe3;flex-direction:column;min-width:0;min-height:0;display:flex}.letter-workspace-sections{border-bottom:1px solid #eee4e8;flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:14px 12px 0;display:grid}.letter-workspace-sections button{color:#745e67;background:0 0;border:0;border-radius:0;min-width:0;padding:12px 4px;font-size:12px;position:relative}.letter-workspace-sections button:after{content:"";background:0 0;border-radius:2px;height:2px;position:absolute;inset:auto 12px 0}.letter-workspace-sections button[aria-selected=true]{color:#a52463}.letter-workspace-sections button[aria-selected=true]:after{background:#a52463}.letter-workspace-panel{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:22px 24px 32px;scroll-padding:18px;overflow:auto}.letter-workspace-status{color:#a2244a;background:#fff0f0;flex:none;margin:0;padding:12px 18px;font-size:12px;line-height:1.5}.letter-workspace-status:empty{display:none}.letter-workspace #letter-workspace-controls:focus{outline:none}.letter-workspace .opening-settings{visibility:visible!important;border:0!important;margin:0!important;padding:0!important}.letter-workspace .opening-page-controls,.letter-workspace #opening-letter-sample,.letter-workspace #opening-letter-fields>legend,.letter-workspace .opening-context-note{display:none!important}.letter-workspace #opening-fields{flex-direction:column;display:flex}.letter-workspace #opening-photo-fields{order:-1}.letter-workspace .opening-settings fieldset{min-width:0;margin:0 0 18px}.letter-workspace .opening-settings legend{margin:0 0 8px;padding:0;font-size:16px;font-weight:600}.letter-workspace .opening-settings .outline-intro{color:#765665;font-size:11px;line-height:1.6}.letter-workspace .opening-settings :is(input:not([type=checkbox]),select,textarea){background:#fffdfb;border-color:#dfd3d8;border-radius:12px;min-height:48px;padding:12px;scroll-margin:18px;font-size:16px}.letter-workspace .opening-settings label{color:#49353f;margin-top:18px;font-size:12px;line-height:1.5}.letter-workspace .opening-settings .opening-toggle{min-height:48px}.letter-workspace .opening-settings .opening-letter-palettes{gap:8px;margin:0 0 24px}.letter-workspace .opening-settings button[data-letter-palette][aria-pressed]{color:#49353f;background:#fff;border-color:#e7dce1;border-radius:14px;flex-direction:column;align-items:center;gap:8px;margin:0;padding:10px 4px;font-size:11px;display:flex}.letter-workspace .opening-settings button[data-letter-palette]:before{content:"";background:conic-gradient(var(--palette-envelope) 0 45%,var(--palette-paper) 45% 75%,var(--palette-seal) 75%);border:3px solid #fff;border-radius:50%;width:36px;height:36px;display:block;box-shadow:0 0 0 1px #eadfe3}.letter-workspace .opening-settings button[data-letter-palette][aria-pressed=true]{color:#8b1d50;background:#fff7fa;border-color:#a52463;box-shadow:inset 0 0 0 1px #a52463}.letter-workspace .opening-settings .opening-letter-colors{grid-template-columns:1fr;gap:0;margin-bottom:16px}.letter-workspace .opening-settings .opening-letter-colors label{border-bottom:1px solid #f1e8ec;min-height:50px;margin:0;font-size:13px}.letter-workspace .opening-settings input[type=color]{cursor:pointer;border-radius:10px;width:54px;height:38px;min-height:38px;padding:4px}.letter-workspace .opening-letter-details{border-top:1px solid #eee4e8;margin-top:14px;padding-top:4px}.letter-workspace .opening-letter-details summary{min-height:48px;font-size:13px}.letter-workspace .opening-settings .opening-letter-effects .opening-toggle{background:#fffaf7;border:1px solid #eadfe3;border-radius:14px;margin:0 0 12px;padding:14px}.letter-workspace .opening-settings #opening-upload{color:#fff;background:#28101f;border-color:#28101f;border-radius:12px}.letter-workspace:not([data-section=content]) [data-letter-group=content],.letter-workspace:not([data-section=design]) [data-letter-group=design],.letter-workspace:not([data-section=photos]) [data-letter-group=photos],.letter-workspace:not([data-section=effects]) [data-letter-group=effects]{display:none!important}.letter-workspace[data-mode=preview] .letter-workspace-body{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.letter-workspace[data-mode=preview] :is(.letter-workspace-inspector,.letter-workspace-view,.letter-workspace-description){display:none}.letter-workspace[data-mode=preview] .letter-workspace-testing-label{display:block}.letter-workspace[data-mode=preview] .vv-letter-scene{width:min(100%,660px)}@media (width<=760px){.letter-workspace-header{flex-wrap:wrap;gap:10px;min-height:74px;padding:12px 14px}.letter-workspace-heading{flex:1;gap:10px}.letter-workspace-header h2{font-size:16px}.letter-workspace-actions{gap:6px}.letter-workspace-actions button{padding:10px 12px;font-size:12px}.letter-workspace-actions button svg{display:none}.letter-workspace button.letter-workspace-primary{min-width:66px}.letter-workspace-body{grid-template-rows:minmax(180px,43%) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.letter-workspace-visual{gap:8px;padding:10px 14px}.letter-workspace-view{padding:3px}.letter-workspace-view button{min-height:36px;padding:6px 20px;font-size:11px}.letter-workspace-stage{border-radius:16px}.letter-workspace-description{display:none}.letter-workspace-inspector{border-top:1px solid #eadfe3;border-left:0}.letter-workspace-sections{padding:0 12px}.letter-workspace-sections button{min-height:46px}.letter-workspace-panel{padding:18px 20px 32px}.letter-workspace-stage .vv-letter-experience[data-letter-editing=card]{gap:0;height:100%;padding:12px}.letter-workspace-stage .vv-letter-experience[data-letter-editing=card]>:is(.vv-letter-eyebrow,.vv-letter-heading,.vv-letter-skip){display:none}.letter-workspace-stage .vv-letter-experience[data-letter-editing=card] .vv-letter-scene{height:100%;min-height:0;margin:0;display:block}.letter-workspace-stage .vv-letter-experience[data-letter-editing=card] .vv-letter-envelope{height:100%;min-height:0}.letter-workspace-stage .vv-letter-experience[data-letter-editing=card] .vv-letter-sheet{height:100%}.letter-workspace-stage .vv-letter-experience[data-letter-editing=card] .vv-letter-sheet__inside{gap:5px;padding:12px 14px}.letter-workspace-stage .vv-letter-experience[data-letter-editing=card] .vv-letter-edit-photo{min-height:32px;padding:4px 8px;font-size:11px}}@media (width<=370px){.letter-workspace-header{padding:10px 12px}.letter-workspace-actions{width:100%;padding-left:54px}.letter-workspace-actions #letter-workspace-preview{flex:1}.letter-workspace-draft{display:none}}@media (height<=540px) and (width>=761px){.letter-workspace-header{min-height:60px;padding-block:8px}.letter-workspace-visual{padding:10px}.letter-workspace-body{grid-template-columns:minmax(0,1fr) 340px}}@media (prefers-reduced-motion:reduce){.letter-workspace :is(button,input,select,textarea){transition:none}}dialog[data-astro-cid-esf4rfhd]{box-sizing:border-box;color:#28101f;background:#fffaf7;border:1px solid #eedce3;border-radius:20px;width:min(560px,100% - 24px);max-height:calc(100svh - 24px);margin:auto;padding:32px;font:15px/1.6 Plus Jakarta Sans,sans-serif;inset:0;overflow:auto}dialog[data-astro-cid-esf4rfhd]::backdrop{background:#28101f99}h2[data-astro-cid-esf4rfhd]{text-wrap:balance;margin:8px 28px 16px 0;font:500 clamp(26px,5vw,34px)/1.15 Playfair Display,Georgia,serif}p[data-astro-cid-esf4rfhd]{margin:12px 0}.intro-eyebrow[data-astro-cid-esf4rfhd]{text-transform:uppercase;letter-spacing:2px;color:#8b2052;margin:0;font-size:11px;font-weight:700}button[data-astro-cid-esf4rfhd]{cursor:pointer;color:#731441;background:0 0;border:1px solid #a52463;border-radius:9px;min-height:44px;padding:10px 16px;font:600 14px/1.5 Plus Jakarta Sans,sans-serif}button[data-astro-cid-esf4rfhd]:focus-visible{outline-offset:3px;outline:3px solid #a52463}.intro-close[data-astro-cid-esf4rfhd]{border:0;width:44px;padding:0;font-size:26px;position:absolute;top:12px;right:12px}.intro-example[data-astro-cid-esf4rfhd]{text-align:center;background:#f4e9e6;border-radius:12px;margin:22px 0 16px;padding:18px}.intro-card[data-astro-cid-esf4rfhd]{box-sizing:border-box;color:#fff5e7;background:#303b30;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:230px;padding:24px;display:flex}.intro-card[data-astro-cid-esf4rfhd][hidden]{display:none}.intro-card[data-astro-cid-esf4rfhd]>span[data-astro-cid-esf4rfhd]{letter-spacing:2px;font-size:10px}.intro-card[data-astro-cid-esf4rfhd] strong[data-astro-cid-esf4rfhd]{font:400 34px/1.1 Playfair Display,Georgia,serif}.intro-card[data-astro-cid-esf4rfhd] button[data-astro-cid-esf4rfhd]{color:#30281c;background:#f3dbb3;border:0}.intro-card[data-astro-cid-esf4rfhd] p[data-astro-cid-esf4rfhd]{margin:0;font-size:12px}.intro-invitation[data-astro-cid-esf4rfhd]{color:#40312c;background:#fffaf7;border:1px solid #ddccc2}.intro-invitation[data-astro-cid-esf4rfhd] button[data-astro-cid-esf4rfhd]{color:#40312c;background:#f2e6df}#opening-intro-demo-state[data-astro-cid-esf4rfhd]{color:#684a58;margin:12px 0 0;font-size:12px}.intro-actions[data-astro-cid-esf4rfhd]{gap:10px;margin-top:20px;display:flex}.intro-actions[data-astro-cid-esf4rfhd] button[data-astro-cid-esf4rfhd]{flex:1}#opening-intro-yes[data-astro-cid-esf4rfhd]{color:#fff;background:#a52463}.intro-note[data-astro-cid-esf4rfhd]{color:#6f5961;font-size:12px}.intro-note[data-astro-cid-esf4rfhd] strong[data-astro-cid-esf4rfhd]{font-weight:600}#opening-intro-feedback[data-astro-cid-esf4rfhd]:empty{display:none}@media (width<=420px){dialog[data-astro-cid-esf4rfhd]{padding:24px 18px}.intro-actions[data-astro-cid-esf4rfhd]{flex-direction:column}.intro-card[data-astro-cid-esf4rfhd]{min-height:200px}.intro-example[data-astro-cid-esf4rfhd]{padding:12px}}.event-details-dialog{border:1px solid var(--color-border);background:var(--color-surface);width:min(560px,100% - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--color-text);border-radius:16px;margin:auto;padding:0;overflow:hidden}.event-details-dialog form{flex-direction:column;max-height:calc(100dvh - 34px);display:flex}.event-details-heading,.event-details-footer{flex-shrink:0}.event-details-dialog::backdrop{background:#28101f66}.event-details-heading{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.event-details-heading h2{font-size:var(--type-panel);font-weight:600;line-height:var(--leading-heading);font-family:var(--font-ui);letter-spacing:var(--tracking-heading);margin:0}.event-details-dialog button{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm,8px);background:var(--color-surface);min-height:44px;color:var(--color-text);font-family:inherit;font-size:var(--type-control);cursor:pointer;padding:10px 16px;font-weight:600;line-height:1.4}.event-details-content{overscroll-behavior:contain;gap:20px;min-height:0;padding:24px;display:grid;overflow:auto}.event-details-content p,.event-details-footer p{font-size:var(--type-secondary);color:var(--color-text);margin:0;line-height:1.6}.event-details-field{gap:8px;min-width:0;display:grid}.event-details-field label{font-size:14px;font-weight:600}.event-details-field input,.event-details-field select{border:1px solid var(--color-border-strong);background:var(--color-surface);width:100%;min-width:0;min-height:46px;color:var(--color-text);font:inherit;border-radius:8px;padding:10px 12px;font-size:16px}.event-details-dates{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;display:grid}.event-details-bindings summary{min-height:44px;font-size:var(--type-control);cursor:pointer;align-content:center;font-weight:600}.event-details-bindings p{margin:8px 0 16px}.event-details-binding{border-top:1px solid var(--color-border);cursor:pointer;align-items:flex-start;gap:12px;min-height:44px;padding:12px 0;display:flex}.event-details-binding input{width:20px;height:20px;accent-color:var(--color-brand);flex-shrink:0;margin-top:2px}.event-details-binding span{overflow-wrap:anywhere;min-width:0;font-size:var(--type-secondary);line-height:1.6}.event-details-binding small{font-size:var(--type-secondary);display:block}.event-details-footer{border-top:1px solid var(--color-border);gap:12px;padding:20px 24px;display:grid}.event-details-footer button{border-color:var(--color-editor-ink)}#event-details-error{color:var(--color-brand-dark);font-weight:600}#event-details-open{justify-content:center;width:100%;min-height:44px}@media (width<=480px){.event-details-dialog{border-radius:0;width:100%;max-height:100dvh}.event-details-dialog form{max-height:calc(100dvh - 2px)}.event-details-heading,.event-details-content,.event-details-footer{padding:16px}}@media (width<=380px){.event-details-dates{grid-template-columns:minmax(0,1fr)}}#batch-style-dialog{border:1px solid var(--color-border);background:var(--color-surface);width:min(620px,100% - 24px);max-height:calc(100dvh - 24px);color:var(--color-text);border-radius:16px;margin:auto;padding:0}#batch-style-dialog::backdrop{background:#1c191780}#batch-style-form{flex-direction:column;max-height:calc(100dvh - 26px);display:flex}.batch-style-header,.batch-style-footer{flex:none;padding:20px 24px}.batch-style-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.batch-style-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-brand-dark);margin:0 0 8px;font-size:11px}#batch-style-title{font-family:var(--font-ui);font-size:var(--type-panel);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);font-weight:600}#batch-style-title:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px;font-family:var(--font-ui);font-size:var(--type-panel);font-weight:600;line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.batch-style-body{overscroll-behavior:contain;min-height:0;padding:20px 24px;overflow:auto}.batch-style-body p{overflow-wrap:anywhere;font-size:13px;line-height:1.6}.batch-style-hint{color:var(--color-text);margin-top:8px}.batch-style-body fieldset{border:0;min-width:0;margin-top:24px}.batch-style-body fieldset[hidden]{display:none}.batch-style-body legend{padding-bottom:12px;font-size:15px;font-weight:600}.batch-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.batch-style-field{min-width:0}.batch-style-field label{margin-bottom:6px;font-size:12px;font-weight:600;display:block}.batch-style-input-row{gap:8px;min-width:0;display:flex}#batch-style-dialog input,#batch-style-dialog select,#batch-style-dialog button{border:1px solid var(--color-border-strong);background:var(--color-surface);min-width:0;min-height:44px;color:var(--color-text);font:inherit;font-size:var(--type-control);border-radius:8px;padding:10px}#batch-style-dialog input,#batch-style-dialog select{width:100%}#batch-style-dialog input::placeholder{color:var(--color-text-secondary);opacity:1}#batch-style-dialog input[type=color]{cursor:pointer;flex:0 0 44px;width:44px;padding:4px}#batch-style-dialog button{cursor:pointer;padding:10px 16px}#batch-style-dialog button:disabled{cursor:default;background:var(--color-surface-hover);color:var(--color-text-secondary)}#batch-style-dialog :is(input,select,button):focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.batch-style-current{min-height:17px;color:var(--color-text);overflow-wrap:anywhere;margin-top:5px;font-size:11px;line-height:1.5;display:block}[data-batch-style][data-changed=true]{border-color:var(--color-brand)!important}#batch-style-error{color:var(--color-brand-dark);margin-top:12px;font-weight:600}.batch-style-footer{border-top:1px solid var(--color-border)}.batch-style-footer p{margin-bottom:10px;font-size:12px;line-height:1.5}.batch-style-footer>div{justify-content:flex-end;gap:8px;display:flex}#batch-style-apply:not(:disabled){color:var(--color-text-on-brand);background:var(--color-brand-dark);border-color:var(--color-brand-dark)}.outline-style-button{width:100%;margin-bottom:10px}.editor-selection-scope button+button{margin-top:8px}@media (width<=480px){#batch-style-title{font-size:var(--type-panel);font-family:var(--font-ui);font-weight:600;line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.batch-style-header,.batch-style-footer,.batch-style-body{padding:16px}.batch-style-grid{grid-template-columns:minmax(0,1fr);gap:12px}.batch-style-footer>div{grid-template-columns:1fr 1.4fr;display:grid}#batch-style-dialog button{padding-inline:10px}}#gallery-properties,#music-properties,.gallery-editor-dialog{--media-ink:var(--color-ink-700,#57534e);--media-font-sans:var(--font-sans,"Plus Jakarta Sans", sans-serif)}#gallery-properties :is(button,input),#music-properties :is(button,input),.gallery-editor-dialog :is(button,input,select,textarea,summary){box-sizing:border-box;min-height:44px}#gallery-properties .media-help,#music-properties .media-help,.gallery-editor-dialog .media-help{color:var(--media-ink);font:13px/1.6 var(--media-font-sans);margin:12px 0}#gallery-properties button,#music-properties button,.gallery-editor-dialog button{background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text);cursor:pointer;font:600 13px/1.5 var(--media-font-sans);border-radius:8px;padding:10px 14px}#gallery-properties .property-section,#music-properties .property-section{gap:12px;display:grid}#music-properties label{color:var(--color-text);font-size:13px;font-weight:600;display:block}#music-properties .media-choice{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}#music-properties .media-choice input{width:20px;height:20px;min-height:20px;accent-color:var(--color-brand);flex:0 0 20px}#gallery-properties textarea{width:100%;min-height:88px;font-size:14px}.gallery-editor-dialog{border:1px solid var(--color-border-strong);background:var(--color-surface);width:min(900px,100% - 24px);max-width:none;max-height:calc(100dvh - 24px);color:var(--color-text);font:14px/1.5 var(--media-font-sans);border-radius:12px;margin:auto;padding:0;overflow:auto}.gallery-editor-dialog::backdrop{background:#1c19178c}.gallery-editor-dialog *{box-sizing:border-box}.gallery-editor-dialog header,.gallery-editor-dialog footer{background:var(--color-surface);justify-content:space-between;align-items:start;gap:16px;padding:24px;display:flex}.gallery-editor-dialog footer{border-top:1px solid var(--color-border);z-index:1;align-items:center;position:sticky;bottom:0}.gallery-editor-dialog h2{font:400 28px/1.2 var(--font-ui);font-family:var(--font-ui);font-size:var(--type-panel);font-weight:600;line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);margin:6px 0 0}.gallery-editor-dialog .media-eyebrow{color:var(--color-brand-dark);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:11px;font-weight:700}.gallery-editor-body{padding:0 24px 16px}.gallery-settings{grid-template-columns:1fr 1fr 1.4fr;gap:16px;margin:24px 0 12px;display:grid}.gallery-editor-dialog label{font-size:13px;font-weight:600;display:block}.gallery-editor-dialog :is(input,select,textarea){border:1px solid var(--color-border-strong);background:var(--color-surface);width:100%;min-width:0;color:var(--color-text);font:16px/1.4 var(--media-font-sans);border-radius:8px;margin-top:6px;padding:10px}.gallery-editor-dialog textarea{resize:vertical}.gallery-editor-dialog summary{cursor:pointer;padding:12px 0;font-weight:600}#gallery-photo-list{gap:24px;margin:20px 0;padding:0;list-style:none;display:grid}#gallery-photo-list li{border-top:1px solid var(--color-border);grid-template-columns:160px minmax(0,1fr);gap:20px;padding-top:24px;display:grid}#gallery-photo-list img{aspect-ratio:4/3;object-fit:cover;background:var(--color-bg);border-radius:8px;width:100%}#gallery-photo-list .gallery-photo-fields{gap:10px;min-width:0;display:grid}.gallery-photo-actions{flex-wrap:wrap;gap:8px;display:flex}#gallery-editor-error{color:var(--color-brand-dark);margin:16px 0 0}#gallery-editor-apply{border:2px solid var(--color-text)}.gallery-editor-dialog :is(button,input,select,textarea,summary):focus-visible,#gallery-properties :is(button,input,textarea):focus-visible,#music-properties :is(button,input):focus-visible{outline:3px solid var(--color-brand);outline-offset:3px}.gallery-editor-dialog button:disabled{color:var(--media-ink);cursor:default}@media (width<=600px){.gallery-editor-dialog header,.gallery-editor-dialog footer{padding:16px}.gallery-editor-body{padding:0 16px 16px}.gallery-settings{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.gallery-settings label:last-child{grid-column:1/-1}#gallery-photo-list li{grid-template-columns:minmax(0,1fr);gap:12px}#gallery-photo-list img{max-height:210px}}.editor-resources{box-sizing:border-box;color:#28101f;background:#fffaf7;border:1px solid #ded8dc;border-radius:20px;width:min(1000px,100vw - 32px);max-width:calc(100vw - 32px);max-height:min(900px,100dvh - 32px);margin:auto;padding:0;font-family:Plus Jakarta Sans,sans-serif;box-shadow:0 24px 80px #28101f40}.editor-resources[open]{flex-direction:column;display:flex}.editor-resources::backdrop{background:#28101f99}.editor-resources *,.editor-resources :before,.editor-resources :after{box-sizing:border-box}.resources-header{border-bottom:1px solid #e8dfe3;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px 16px;display:flex}.resources-header h2{margin:4px 0 0;font-size:clamp(19px,3vw,26px);line-height:1.25}.resources-eyebrow{color:#79516a;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.resources-body{overscroll-behavior:contain;min-height:0;padding:0 24px;overflow-y:auto}.resources-body>p{font-size:13px;line-height:1.6}.resources-filters{grid-template-columns:1.4fr .8fr 1fr;gap:12px;display:grid}.resources-filters label{gap:6px;min-width:0;font-size:12px;font-weight:600;display:grid}.resources-filters input,.resources-filters select{color:#28101f;width:100%;min-width:0;min-height:44px;font:inherit;background:#fff;border:1px solid #cfc1c9;border-radius:8px;padding:9px 10px;font-size:14px}.resources-count{color:#715969}.resources-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0 0 20px;list-style:none;display:grid}.resource-card{color:#28101f;text-align:left;cursor:pointer;width:100%;height:100%;font:inherit;background:#fff;border:2px solid #e4dbe0;border-radius:12px;flex-direction:column;padding:0 0 12px;display:flex;overflow:hidden}.resource-card:hover{border-color:#b77b9c}.resource-card[aria-pressed=true]{border-color:#a52463;box-shadow:0 0 0 2px #a5246320}.resource-card img{object-fit:contain;background:#f0eaf0;width:100%;height:124px;display:block}.resource-card strong{margin:10px 10px 4px;font-size:12px;line-height:1.45}.resource-card span{color:#715969;margin:0 10px;font-size:11px;line-height:1.55}.resources-footer{background:#fff;border-top:1px solid #e8dfe3;flex-shrink:0;padding:14px 24px 18px}.resources-footer p{margin:0 0 8px;font-size:12px;line-height:1.5}#resources-selection{font-weight:700}.resources-targets{color:#715969}.resources-actions{flex-wrap:wrap;gap:8px;display:flex}.resources-header button,.resources-actions button,.resources-open{color:#731441;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cfc1c9;border-radius:9px;padding:10px 14px;font-size:13px;font-weight:600}.resources-actions button:first-child,.resources-open{color:#fff;background:#a52463;border-color:#a52463}.resources-actions button:disabled{color:#8b7a84;cursor:not-allowed;background:#f3eff1;border-color:#ddd3d9}.editor-resources :focus-visible,.resources-open:focus-visible{outline-offset:3px;outline:3px solid #731441}#resources-status:not(:empty){color:#8b164b;margin:10px 0 0}.resources-open{text-align:left;width:100%;margin-top:18px}.resources-open small{margin-top:4px;font-size:11px;font-weight:400;line-height:1.5;display:block}@media (width<=680px){.editor-resources{border-radius:14px;width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.resources-header{padding:16px}.resources-body{padding:0 16px}.resources-filters{grid-template-columns:1fr 1fr;gap:10px}.resources-search{grid-column:1/-1}.resources-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.resource-card img{height:112px}.resources-footer{padding:12px 16px}.resources-actions button{flex:130px;padding:9px;font-size:12px}}body[data-editor-state=loading] .editor-container,body[data-editor-state=error] .editor-container{visibility:hidden}.editor-startup[hidden],.editor-startup [hidden]{display:none!important}.editor-startup{z-index:10000;background:var(--color-bg,var(--vv-paper));color:var(--color-text,var(--vv-ink));font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif);align-items:center;padding:32px 24px;display:grid;position:fixed;inset:0;overflow:auto}.editor-startup-content{width:min(100%,560px);margin:auto}.editor-startup-brand{min-height:44px;color:var(--color-brand,var(--vv-berry));align-items:center;margin-bottom:48px;font-size:20px;font-weight:700;text-decoration:none;display:inline-flex}.editor-startup-eyebrow{color:var(--color-ink-700,var(--vv-text-secondary));margin:0 0 16px;font-size:12px;font-weight:700}.editor-startup-spinner{border:2px solid var(--color-border,var(--vv-line));border-top-color:var(--color-brand,var(--vv-berry));border-radius:50%;width:20px;height:20px;margin:0 0 16px;animation:.7s linear infinite editor-startup-spin;display:block}@keyframes editor-startup-spin{to{transform:rotate(360deg)}}body[data-editor-state=error] .editor-startup-spinner{display:none}@media (prefers-reduced-motion:reduce){.editor-startup-spinner{animation-duration:1.6s}}.editor-startup h1{font-family:var(--font-ui);font-size:var(--type-page);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);margin:0 0 24px;font-weight:700}#editor-startup-message{color:var(--color-ink-700,var(--vv-text-secondary));margin:0;font-size:15px;line-height:1.65}.editor-startup-actions{flex-wrap:wrap;gap:12px;margin:32px 0 16px;display:flex}.editor-startup-actions a{border:1px solid var(--color-border-strong,#d6d3d1);border-radius:var(--radius-md,12px);background:var(--color-surface,#fff);min-height:44px;color:var(--color-text,var(--vv-ink));justify-content:center;align-items:center;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.editor-startup a{cursor:pointer}.editor-startup a:hover{background:var(--color-surface-hover,var(--vv-surface-alt))}.editor-startup :focus-visible{outline:2px solid var(--color-brand,var(--vv-berry));outline-offset:4px}.editor-startup-note,.editor-startup noscript{color:var(--color-ink-700,var(--vv-text-secondary));font-size:12px;line-height:1.65}@media (width<=375px){.editor-startup-actions{flex-direction:column}}#editor-ai-open[data-astro-cid-u3fmpj7v][hidden],#editor-ai-dialog[data-astro-cid-u3fmpj7v] [data-astro-cid-u3fmpj7v][hidden]{display:none!important}#editor-ai-open[data-astro-cid-u3fmpj7v]{border:1px solid var(--vv-berry-soft);background:var(--vv-berry-soft);width:calc(100% - 8px);max-width:56px;min-height:58px;color:var(--vv-berry-dark);cursor:pointer;font:600 10px/1.2 var(--font-ui);touch-action:manipulation;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;margin:0 0 6px;padding:8px 0;transition:background-color .14s,transform .14s;display:flex}#editor-ai-open[data-astro-cid-u3fmpj7v] svg[data-astro-cid-u3fmpj7v]{flex-shrink:0}#editor-ai-open[data-astro-cid-u3fmpj7v]:not([aria-expanded=true]){background:0 0;border-color:#0000}#editor-ai-open[data-astro-cid-u3fmpj7v]:active{transform:scale(.97)}#editor-ai-open[data-astro-cid-u3fmpj7v]:disabled{opacity:.6;cursor:default}#editor-ai-dialog[data-astro-cid-u3fmpj7v]{border:1px solid var(--vv-line);width:min(1120px,100vw - 48px);max-width:none;height:min(860px,100dvh - 48px);max-height:none;color:var(--vv-ink);background:var(--vv-paper);font-family:var(--font-ui);border-radius:20px;margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 80px #24101f26}#editor-ai-dialog[data-astro-cid-u3fmpj7v][open]{flex-direction:column;display:flex}#editor-ai-dialog[data-astro-cid-u3fmpj7v]::backdrop{background:#24101f66}#editor-ai-dialog[data-astro-cid-u3fmpj7v][open]::backdrop{animation:.2s ease-out editor-ai-backdrop}#editor-ai-dialog[data-astro-cid-u3fmpj7v][data-closing=true]::backdrop{animation:.16s ease-out reverse forwards editor-ai-backdrop}#editor-ai-dialog[data-astro-cid-u3fmpj7v][data-keyboard-open=true]::backdrop{animation:none}.editor-ai-heading[data-astro-cid-u3fmpj7v]{background:var(--vv-surface);border-bottom:1px solid var(--vv-line);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.editor-ai-heading[data-astro-cid-u3fmpj7v] h2[data-astro-cid-u3fmpj7v]{margin:0;font-size:16px;font-weight:700;line-height:1.5}.editor-ai-heading[data-astro-cid-u3fmpj7v] p[data-astro-cid-u3fmpj7v]{color:var(--vv-text-secondary);margin:2px 0 0;font-size:12px;line-height:1.5}#editor-ai-close[data-astro-cid-u3fmpj7v]{background:var(--vv-surface-alt);width:44px;height:44px;color:var(--vv-ink);cursor:pointer;border:0;border-radius:12px;flex:0 0 44px;place-items:center;display:grid}.editor-ai-body[data-astro-cid-u3fmpj7v]{overscroll-behavior:contain;flex:1;min-height:0;display:flex;position:relative;overflow:auto}#editor-ai-feedback[data-astro-cid-u3fmpj7v]{background:var(--vv-surface);flex-shrink:0;margin:0;font-size:12px;line-height:1.5}#editor-ai-feedback[data-astro-cid-u3fmpj7v]:not(:empty){border-top:1px solid var(--vv-line);padding:10px 20px}#editor-ai-frame[data-astro-cid-u3fmpj7v]{background:var(--vv-paper);border:0;flex:1;width:100%;min-height:0}#editor-ai-loading[data-astro-cid-u3fmpj7v]{z-index:1;text-align:center;background:var(--vv-paper);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}#editor-ai-loading[data-astro-cid-u3fmpj7v] p[data-astro-cid-u3fmpj7v]{color:var(--vv-text-secondary);margin:0;font-size:13px}.editor-ai-loader[data-astro-cid-u3fmpj7v]{border:2px solid var(--vv-line);border-top-color:var(--vv-berry);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite editor-ai-spin}#editor-ai-prepare[data-astro-cid-u3fmpj7v]{width:100%;max-width:460px;margin:auto;padding:28px;line-height:1.65}#editor-ai-prepare[data-astro-cid-u3fmpj7v] h3[data-astro-cid-u3fmpj7v]{font:600 26px/1.25 var(--font-editorial);margin:16px 0 10px}#editor-ai-prepare[data-astro-cid-u3fmpj7v] p[data-astro-cid-u3fmpj7v]{color:var(--vv-text-secondary);font-size:14px}#editor-ai-prepare[data-astro-cid-u3fmpj7v] button[data-astro-cid-u3fmpj7v]{border:1px solid var(--vv-line);width:100%;min-height:44px;color:var(--vv-ink);background:var(--vv-surface);cursor:pointer;font:600 13px/1.4 var(--font-ui);border-radius:10px;margin-top:12px;padding:12px 16px;display:block}#editor-ai-prepare[data-astro-cid-u3fmpj7v] #editor-ai-save[data-astro-cid-u3fmpj7v]{background:var(--vv-berry);color:var(--vv-on-dark);border-color:var(--vv-berry);margin-top:24px}#editor-ai-prepare[data-astro-cid-u3fmpj7v] button[data-astro-cid-u3fmpj7v]:disabled{opacity:.6;cursor:wait}.editor-ai-save-icon[data-astro-cid-u3fmpj7v]{width:44px;height:44px;color:var(--vv-berry-dark);background:var(--vv-berry-soft);border-radius:12px;padding:10px;font-size:24px}#editor-ai-prepare[data-astro-cid-u3fmpj7v] #editor-ai-save-note[data-astro-cid-u3fmpj7v]{font-size:12px}#editor-ai-dialog[data-astro-cid-u3fmpj7v] [data-astro-cid-u3fmpj7v]:focus-visible,#editor-ai-open[data-astro-cid-u3fmpj7v]:focus-visible{outline:3px solid var(--vv-berry);outline-offset:-3px}@media (hover:hover) and (pointer:fine){#editor-ai-open[data-astro-cid-u3fmpj7v]:hover,#editor-ai-close[data-astro-cid-u3fmpj7v]:hover{background:var(--vv-surface-alt)}}@media (width<=768px){.sidebar-rail:has(#editor-ai-open:not([hidden])){grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.sidebar-rail:has(#editor-ai-open:not([hidden]))>:is(.rail-item,#editor-ai-open){justify-self:center;width:100%;min-width:44px}#editor-ai-open[data-astro-cid-u3fmpj7v]{flex:1;gap:4px;width:0;min-width:44px;max-width:92px;min-height:48px;margin:0;padding:5px 1px}#editor-ai-dialog[data-astro-cid-u3fmpj7v]{width:100vw;height:var(--editor-ai-viewport-height,100dvh);max-height:var(--editor-ai-viewport-height,100dvh);top:var(--editor-ai-viewport-top,0px);border:0;border-radius:0;margin:0}.editor-ai-heading[data-astro-cid-u3fmpj7v]{padding:max(8px,env(safe-area-inset-top)) 16px 8px}.editor-ai-heading[data-astro-cid-u3fmpj7v] h2[data-astro-cid-u3fmpj7v]{font-size:15px}#editor-ai-feedback[data-astro-cid-u3fmpj7v]:not(:empty){padding:8px 16px}}@media (prefers-reduced-motion:reduce){#editor-ai-open[data-astro-cid-u3fmpj7v]{transition:none}#editor-ai-open[data-astro-cid-u3fmpj7v]:active{transform:none}#editor-ai-dialog[data-astro-cid-u3fmpj7v][open]::backdrop,.editor-ai-loader[data-astro-cid-u3fmpj7v]{animation:none}}@media (height<=500px){.editor-ai-heading[data-astro-cid-u3fmpj7v]{padding-block:6px}.editor-ai-heading[data-astro-cid-u3fmpj7v] p[data-astro-cid-u3fmpj7v]{display:none}}@keyframes editor-ai-backdrop{0%{opacity:0}to{opacity:1}}@keyframes editor-ai-spin{to{transform:rotate(360deg)}}