[data-public-root] [data-public=section][data-live-preview-host=true]{--live-preview-dim:0;isolation:isolate;position:relative;overflow:visible}[data-public-root] [data-public=section][data-live-preview-host=true]:has([data-fullscreen=true],[data-docked=true]){isolation:auto}[data-public-root] [data-public=section][data-live-preview-host=true]:before{content:"";z-index:1;pointer-events:none;background:var(--prv-palette-ink);opacity:var(--live-preview-dim);will-change:opacity;position:absolute;inset:0}[data-public-root] [data-public=section][data-live-preview-host=true]>[data-public=section-inner]{z-index:2;position:relative}[data-public-root] [data-public=section][data-live-preview-host=true] [data-public=section-heading]{opacity:calc(1 - var(--live-preview-dim));will-change:opacity}@media (prefers-reduced-motion:reduce){[data-public-root] [data-public=section][data-live-preview-host=true]:before,[data-public-root] [data-public=section][data-live-preview-host=true] [data-public=section-heading]{will-change:auto}}html.disable-scroll,body.disable-scroll{overflow:hidden}[data-public-root] .live-preview{align-items:center;gap:var(--prv-space-48);width:100%;color:var(--color-fg-inverse);font-family:var(--prv-font-sans);flex-direction:column;display:flex}[data-public-root] .live-preview__steps{justify-content:center;align-items:center;gap:var(--space-gap-md);max-width:100%;color:inherit;flex-flow:row;margin:0;padding:0;list-style:none;display:flex}[data-public-root] .live-preview__step{align-items:center;gap:var(--space-gap-md);flex-shrink:0;margin:0;padding:0;list-style:none;display:flex}[data-public-root] .live-preview__label{white-space:nowrap;color:inherit;font-size:var(--text-body-font-size);line-height:var(--text-body-line-height);font-weight:var(--prv-font-weight-500);display:block}[data-public-root] .live-preview__separator{width:var(--prv-size-24);height:var(--prv-size-24);color:inherit;opacity:.45;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}[data-public-root] .live-preview__chevron{width:var(--prv-size-20);height:var(--prv-size-20);display:block}[data-public-root] .live-preview__container{--live-preview-max-width:1800px;box-sizing:border-box;width:min(var(--live-preview-max-width), calc(100vw - 2 * var(--space-container-x)));max-width:min(var(--live-preview-max-width), calc(100vw - 2 * var(--space-container-x)));margin-inline:auto;position:relative;left:50%;translate:-50%}[data-public-root] .live-preview__container[data-fullscreen=true]{z-index:999999;width:auto;max-width:none;padding:var(--prv-space-20);box-sizing:border-box;flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0;translate:none}[data-public-root] .live-preview__container[data-fullscreen=true]:before{content:"";background:color-mix(in srgb, var(--prv-palette-ink) 70%, transparent);position:absolute;inset:0}[data-public-root] .live-preview__stage{z-index:1;width:100%;height:100%;position:relative}[data-public-root] .live-preview__frame{--live-preview-stage-height:900px;z-index:1;box-sizing:border-box;width:100%;height:var(--live-preview-stage-height);border-radius:var(--radius-lg);background:var(--color-surface-default);isolation:isolate;max-height:90vh;box-shadow:0 var(--prv-space-20) var(--prv-space-40) color-mix(in srgb, var(--prv-palette-ink) 40%, transparent);position:relative;overflow:clip}[data-public-root] .live-preview__container[data-fullscreen=true] .live-preview__stage{flex:auto;height:auto;min-height:0}[data-public-root] .live-preview__container[data-fullscreen=true] .live-preview__frame{height:100%;max-height:none}[data-public-root] .live-preview__frame:has(>.live-preview__iframe){background:0 0}[data-public-root] .live-preview__frame:has(>.live-preview__iframe):before{content:"";z-index:-1;inset:var(--prv-space-4);border-radius:calc(var(--radius-lg) - var(--prv-space-4));background:var(--color-surface-default);position:absolute}[data-public-root] .live-preview__container[data-docked=true] .live-preview__frame:before{display:none}[data-public-root] .live-preview__iframe{border:0;border-radius:0;width:100%;height:100%;display:block}[data-public-root] .live-preview__container:not([data-docked=true]) .live-preview__iframe{clip-path:inset(0 round var(--radius-lg))}[data-public-root] .live-preview__iframe[data-src]{display:none}[data-public-root] .live-preview__stub{box-sizing:border-box;width:100%;height:100%;min-height:var(--prv-size-280);background-color:var(--color-surface-default);background-image:repeating-linear-gradient(-45deg, transparent, transparent 7px, color-mix(in srgb, var(--prv-palette-ink) 6%, transparent) 7px, color-mix(in srgb, var(--prv-palette-ink) 6%, transparent) 8px)}[data-public-root] .live-preview__frame>:not(.live-preview__iframe):not(.live-preview__stub){width:100%;height:100%;display:block}[data-public-root] .live-preview__control{font-family:var(--prv-font-sans);top:var(--prv-space-12);right:var(--prv-space-12);z-index:2;box-sizing:border-box;width:var(--prv-size-36);height:var(--prv-size-36);border-radius:var(--radius-xs);color:color-mix(in srgb, var(--prv-palette-ink) 50%, transparent);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;transition:background-color .2s,color .2s;display:inline-flex;position:absolute}[data-public-root] .live-preview__control:hover{background:color-mix(in srgb, var(--prv-palette-ink) 5%, transparent);color:color-mix(in srgb, var(--prv-palette-ink) 70%, transparent)}[data-public-root] .live-preview__control:active{background:color-mix(in srgb, var(--prv-palette-ink) 10%, transparent);color:var(--prv-palette-ink)}[data-public-root] .live-preview__control[data-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}[data-public-root] .live-preview[data-fullscreen=true]{z-index:999999}[data-public-root] .live-preview__placeholder{width:100%}[data-public-root] .live-preview__container[data-docked=true]{z-index:var(--live-preview-dock-z,70);right:max(var(--space-container-x,16px), 16px);bottom:var(--prv-space-24);width:var(--live-preview-dock-w);max-width:none;height:var(--live-preview-dock-h);border-radius:var(--radius-lg);box-shadow:0 var(--prv-space-12) var(--prv-space-32) color-mix(in srgb, var(--prv-palette-ink) 28%, transparent);margin:0;animation:.28s ease-out live-preview-dock-in;position:fixed;left:auto;translate:none}[data-public-root] .live-preview__clip{display:contents}[data-public-root] .live-preview__container[data-docked=true] .live-preview__clip{border-radius:var(--radius-lg);clip-path:inset(0 round var(--radius-lg));display:block;position:absolute;inset:0;overflow:hidden}[data-public-root] .live-preview__container[data-docked=true] .live-preview__stage{width:var(--live-preview-full-w);height:var(--live-preview-full-h);transform:scale(var(--live-preview-dock-scale)) translateY(calc(var(--live-preview-dock-crop,0px) * -1));transform-origin:0 0}[data-public-root] .live-preview__container[data-docked=true] .live-preview__frame{height:100%;max-height:none;box-shadow:none;border-radius:0}[data-public-root] .live-preview__container[data-docked=true] .live-preview__control{display:none}[data-public-root] .live-preview__container[data-docked=true] .live-preview__iframe{pointer-events:none}[data-public-root] .live-preview__dock{z-index:3;position:absolute;inset:0}[data-public-root] .live-preview__dock-expand{cursor:pointer;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}[data-public-root] .live-preview__dock-expand:focus-visible{outline:2px solid var(--color-focus-ring,var(--color-accent));outline-offset:-2px;border-radius:inherit}@keyframes live-preview-dock-in{0%{opacity:0;transform:translateY(var(--prv-space-12))}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){[data-public-root] .live-preview__container[data-docked=true]{animation:none}}@media (max-width:768px){[data-public-root] .live-preview{gap:var(--prv-space-32)}[data-public-root] .live-preview__steps{gap:var(--space-gap-sm);flex-wrap:wrap}[data-public-root] .live-preview__step{gap:var(--space-gap-sm)}[data-public-root] .live-preview__label{font-size:var(--prv-font-size-15);line-height:var(--prv-line-height-20);white-space:normal}}
[data-public-root] .live-preview-session-root{width:100%}[data-public-root] .live-preview-popup{z-index:1100;pointer-events:none;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0}[data-public-root] .live-preview-popup[data-open=true]{pointer-events:auto}[data-public-root] .live-preview-popup:not([data-open=true]){visibility:hidden}[data-public-root] .live-preview-popup .live-preview{width:100%;height:100%}body.live-preview-fullscreen-active [data-public=header],body.live-preview-fullscreen-active .header{z-index:0}[data-public-root] .live-dock{z-index:70;right:var(--space-container-x,1.5rem);bottom:var(--space-inset-lg,1.5rem);width:min(14.5rem, calc(100vw - 2 * var(--space-container-x,1.5rem)));border-radius:var(--radius-lg,12px);background:var(--color-surface-raised,var(--color-surface-default,#fff));border:1px solid var(--color-border-muted,#0000001a);box-shadow:var(--shadow-raised);flex-direction:column;display:flex;position:fixed;overflow:visible}[data-public-root] .live-dock:not([data-media=true]){align-items:center;gap:var(--space-gap-sm,.75rem);width:auto;max-width:min(100% - 2 * var(--space-container-x,1.5rem), 28rem);padding:var(--space-inset-sm,.75rem) var(--space-inset-md,1rem);flex-flow:wrap}[data-public-root] .live-dock__media{box-sizing:border-box;aspect-ratio:3/2;border-radius:var(--radius-lg,12px) var(--radius-lg,12px) 0 0;background:var(--color-surface-muted);cursor:pointer;border:0;width:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}[data-public-root] .live-dock__footer{justify-content:center;align-items:center;gap:var(--space-gap-xs,.5rem);padding:var(--space-inset-sm,.75rem);display:flex;position:relative}[data-public-root] .live-dock:not([data-media=true]) .live-dock__footer{flex:auto;padding:0}body.live-preview-fullscreen-active [data-public-root] .live-dock{visibility:hidden;pointer-events:none}[data-public-root] .live-dock__dismiss{z-index:2;box-sizing:border-box;background:var(--color-fg-default);width:1.75rem;height:1.75rem;color:var(--color-fg-inverse);cursor:pointer;box-shadow:var(--shadow-media-raised);border:0;border-radius:999px;place-items:center;margin:0;padding:0;display:grid;position:absolute;top:.5rem;right:.5rem}[data-public-root] .live-dock__dismiss--corner{top:-.45rem;right:-.45rem}[data-public-root] .live-dock__dismiss:hover{background:color-mix(in srgb, var(--color-fg-default) 88%, var(--prv-palette-white))}[data-public-root] .live-dock__dismiss:focus-visible{outline:2px solid var(--color-brand-default);outline-offset:2px}[data-public-root] .live-dock__scrim{z-index:1;background:color-mix(in srgb, var(--color-fg-default) 45%, transparent);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}[data-public-root] .live-dock__scrim>*{pointer-events:auto}[data-public-root] .button.live-dock__cta{background-color:var(--color-accent-blue);color:var(--color-fg-inverse);box-shadow:0 6px 16px color-mix(in srgb, var(--color-accent-blue) 35%, transparent)}[data-public-root] .button.live-dock__cta:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-accent-blue) 88%, var(--prv-palette-ink));color:var(--color-fg-inverse)}[data-public-root] .live-dock__stub{pointer-events:none;width:100%;height:100%;display:flex}[data-public-root] .live-dock__stub-settings{box-sizing:border-box;background:var(--prv-palette-ink);align-items:center;width:42%;min-width:0;display:flex}[data-public-root] .live-dock__stub-rail{box-sizing:border-box;flex-direction:column;flex:0 0 1.1rem;align-items:center;gap:.35rem;padding:.25rem .15rem;display:flex}[data-public-root] .live-dock__stub-rail>span{background:color-mix(in srgb, var(--prv-palette-white) 35%, transparent);border-radius:2px;width:.55rem;height:.55rem}[data-public-root] .live-dock__stub-rail>span:first-child{background:var(--prv-palette-white)}[data-public-root] .live-dock__stub-pane{flex-direction:column;flex:1;gap:.45rem;min-width:0;padding:.45rem .4rem;display:flex}[data-public-root] .live-dock__stub-control{justify-content:space-between;align-items:center;gap:.3rem;display:flex}[data-public-root] .live-dock__stub-line{background:color-mix(in srgb, var(--prv-palette-white) 35%, transparent);border-radius:999px;flex:1;height:.28rem;display:block}[data-public-root] .live-dock__stub-line--short{flex:0 0 55%}[data-public-root] .live-dock__stub-switch{background:var(--color-accent-blue);border-radius:999px;flex:0 0 .85rem;height:.45rem;position:relative}[data-public-root] .live-dock__stub-preview{background:var(--color-surface-muted);flex:1;justify-content:center;align-items:center;min-width:0;padding:.7rem .55rem .55rem;display:flex}[data-public-root] .live-dock__stub-widget{box-sizing:border-box;background:var(--prv-palette-white);width:100%;max-width:5.75rem;box-shadow:var(--shadow-media-raised);border-radius:4px;flex-direction:column;gap:.28rem;padding:.45rem;display:flex}[data-public-root] .live-dock__stub-widget .live-dock__stub-line{background:color-mix(in srgb, var(--prv-palette-ink) 18%, transparent)}