.vhe-root{--vhe-ink:#2b2630;--vhe-muted:#716979;--vhe-line:#1f273a1c;--vhe-panel:#f9f9f9;--vhe-canvas:#eae7ef;--vhe-surface:#fff;--vhe-surface-subtle:#f5f2f8;--vhe-border:#e1dce7;--vhe-border-strong:#bcb7c1;--vhe-accent:#7652ba;--vhe-accent-dark:#69449e;--vhe-selection:#7652ba;--vhe-focus-stroke:#a385c8;--vhe-focus:#aa85d421;--vhe-hover:#efeef0;--vhe-pressed:#f0e9fc;--vhe-primary:#8759c4;--vhe-primary-dark:#7f4dc1;--vhe-chrome:#19171f;--vhe-danger:#d14f68;height:clamp(720px,82vh,900px);min-height:0;color:var(--vhe-ink);border:1px solid var(--vhe-border);background:var(--vhe-panel);-webkit-font-smoothing:antialiased;border-radius:14px;flex-direction:column;font:14px/1.45 Manrope,Segoe UI,Arial,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 90px #1e263d24,0 2px 8px #1e263d0d}.vhe-root *,.vhe-root :before,.vhe-root :after{box-sizing:border-box}.vhe-root button,.vhe-root input,.vhe-root select,.vhe-root textarea{font:inherit}.vhe-root button,.vhe-root select,.vhe-root option{cursor:pointer}.vhe-root :where(button,input,select,textarea,[tabindex]):focus{outline:none}.vhe-root :where(.vhe-button,.vhe-tool-button,.vhe-deck-nav__header button,.vhe-deck-item__menu-trigger):focus-visible{z-index:2;box-shadow:0 0 0 2px var(--vhe-surface), 0 0 0 4px var(--vhe-focus-stroke);outline:none;transition:none;position:relative}.vhe-root :where(button,select,option):disabled{cursor:default}.vhe-root[data-vhe-resizing=true],.vhe-root[data-vhe-resizing=true] *{cursor:nwse-resize!important}.vhe-controlled-state{border:1px solid var(--vhe-border);min-height:240px;color:var(--vhe-muted);background:var(--vhe-panel);border-radius:14px;place-items:center;padding:24px;font:650 13px/1.5 Manrope,Segoe UI,Arial,ui-sans-serif,system-ui,sans-serif;display:grid}.vhe-toolbar{z-index:4;color:#eeedef;background:var(--vhe-chrome);min-height:66px;box-shadow:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #332b3e;align-items:center;gap:16px;padding:12px 20px;display:flex}.vhe-brand{min-width:284px;color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.vhe-brand__copy{min-width:0;display:grid}.vhe-brand strong{color:#f1f0f2;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.vhe-brand small{color:#b2a4c0;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:2px;font-size:8px;font-weight:500}.vhe-brand__chevron{color:#958ba2;flex:none;margin-left:2px}.vhe-brand__mark{color:#ceb5f4;width:36px;height:36px;box-shadow:none;letter-spacing:-.04em;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;font:780 22px/1 Manrope,Segoe UI,Arial,ui-sans-serif,system-ui,sans-serif;display:grid}.vhe-toolbar__content{align-items:center;min-width:0;display:flex}.vhe-history{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:10px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.vhe-history button{color:#d8d5df;background:0 0;border:0;border-right:1px solid #ffffff14;place-items:center;width:34px;height:34px;transition:color .11s,background .11s;display:grid}.vhe-history button:last-child{border-right:0}.vhe-history button:hover:not(:disabled){color:#fff;background:#ffffff17}.vhe-history button:disabled{cursor:default;color:#5b5863}.vhe-viewport-select{color:#8b8198;align-items:center;gap:8px;font-size:11px;display:flex}.vhe-viewport-select__label{white-space:nowrap}.vhe-viewport-select__trigger{color:#dbd1e6;width:140px;height:38px;box-shadow:none;background:#27212e;border:1px solid #504459;border-radius:6px;outline:none;grid-template-columns:24px minmax(0,1fr) 16px;align-items:center;gap:5px;padding:0 8px;transition:border-color .12s,background .12s,box-shadow .12s;display:grid}.vhe-viewport-select__trigger:hover,.vhe-viewport-select__trigger[data-popup-open]{color:#f7f1ff;background:#362b40;border-color:#9279a6}.vhe-viewport-select__trigger:focus-visible{border-color:var(--vhe-focus-stroke);color:#fff;box-shadow:0 0 0 2px var(--vhe-focus);background:#3c3543}.vhe-viewport-select__trigger[data-popup-open]{box-shadow:0 0 0 2px var(--vhe-focus)}.vhe-viewport-select__value{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:500;overflow:hidden}.vhe-toolbar .vhe-select__ratio{color:#b2a8bb;box-shadow:none;background:0 0}.vhe-toolbar__spacer{flex:1}.vhe-toolbar__editing-tools{background:#322c39;border:1px solid #584f62;border-radius:6px;flex:none;align-items:center;gap:2px;padding:2px;display:flex}.vhe-toolbar__actions{flex:none;align-items:center;gap:9px;display:flex}.vhe-button{border:1px solid var(--vhe-border);color:#4e455a;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 13px;font-size:12px;font-weight:500;transition:background .11s,border-color .11s,color .11s,transform .11s,box-shadow .11s;display:inline-flex}.vhe-button svg{flex:none}.vhe-button:hover{border-color:var(--vhe-border-strong);color:#272031;background:var(--vhe-hover);box-shadow:none}.vhe-button:active{color:#272031;background:#ece8f1;transform:none}.vhe-button--primary{color:#fff;background:#77539f;border-color:#77539f;box-shadow:inset 0 1px #ffffff24,0 2px 3px #552f861a}.vhe-button--primary:hover{color:#fff;background:#67418d;border-color:#67418d;box-shadow:0 3px 8px #64389e26}.vhe-button--primary:active{color:#fff;background:#7f4dc1;border-color:#713fb2;box-shadow:inset 0 1px 2px #18236838}.vhe-button--wide{width:100%;margin-top:4px}.vhe-hidden{display:none!important}.vhe-notice{color:#6e3a09;background:#fff6e8;border-bottom:1px solid #efcc9e;justify-content:space-between;align-items:center;gap:12px;padding:9px 16px;font-size:12px;display:flex}.vhe-notice button{color:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.vhe-toast{z-index:24;color:#393044;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#fffffff7;border:1px solid #29365024;border-radius:11px;align-items:center;gap:8px;max-width:min(420px,100% - 32px);padding:9px 12px 9px 9px;font-size:11px;font-weight:620;animation:.17s cubic-bezier(.2,.8,.2,1) vhe-toast-enter;display:flex;position:absolute;bottom:42px;right:16px;box-shadow:0 12px 34px #1c243929,0 2px 7px #1c243914}.vhe-toast__icon{color:#51485b;background:#efeef0;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;display:grid}.vhe-import-backdrop{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1216216b;border:0;place-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:24px;animation:.14s ease-out vhe-dialog-backdrop-enter;display:grid;position:fixed;inset:0}.vhe-brand__mark svg{width:34px;height:34px;display:block}.vhe-brand:focus-visible{outline-offset:5px;border-radius:5px;outline:2px solid #d0bee8}.vhe-import-backdrop:not([open]){display:none}.vhe-import-dialog{width:min(460px,100%);color:var(--vhe-ink);background:#fffffffa;border:1px solid #ffffffbd;border-radius:17px;grid-template-columns:42px minmax(0,1fr);gap:0 14px;padding:22px;animation:.17s cubic-bezier(.2,.8,.2,1) vhe-dialog-enter;display:grid;box-shadow:0 28px 80px #161d3147,0 2px 8px #161d311a,inset 0 1px #fff}.vhe-import-dialog__icon{width:42px;height:42px;color:var(--vhe-accent-dark);background:#f7f4fb;border:1px solid #e8def4;border-radius:12px;place-items:center;display:grid}.vhe-import-dialog__content{min-width:0}.vhe-import-dialog__eyebrow{color:#6c6278;letter-spacing:.12em;text-transform:uppercase;margin:1px 0 4px;font-size:9px;font-weight:780;display:block}.vhe-import-dialog h2{color:#272031;letter-spacing:-.025em;margin:0;font-size:17px;font-weight:740}.vhe-import-dialog__content>p{color:#6c6278;margin:6px 0 0;font-size:12px;line-height:1.55}.vhe-import-dialog__file{border:1px solid var(--vhe-border);background:#f9f9f9;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-top:16px;padding:10px 12px;display:flex}.vhe-import-dialog__file strong{color:#393044;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:680;overflow:hidden}.vhe-import-dialog__file span{color:#6c6278;flex:none;font-size:10px}.vhe-import-dialog__content .vhe-import-dialog__warning{color:#74420e;background:#fff7eb;border:1px solid #efd2aa;border-radius:9px;margin-top:10px;padding:9px 10px;font-size:11px;line-height:1.5}.vhe-import-dialog__warnings{color:#6d4a22;gap:5px;margin:10px 0 0;padding:0 0 0 18px;font-size:11px;line-height:1.5;display:grid}.vhe-import-dialog__actions{border-top:1px solid var(--vhe-line);grid-column:1/-1;justify-content:flex-end;gap:7px;margin-top:20px;padding-top:16px;display:flex}.vhe-layout{flex:1;grid-template-columns:240px minmax(0,1fr) 300px;grid-template-areas:"navigator stage inspector";min-height:0;display:grid;overflow:hidden}.vhe-navigator{border-right:1px solid var(--vhe-border);color:#393044;background:#fff;flex-direction:column;grid-area:navigator;min-width:0;min-height:0;display:flex;overflow:hidden;box-shadow:4px 0 16px #1f273a06}.vhe-navigation{border-bottom:1px solid var(--vhe-border);color:#393044;background:#f2f0f3;flex:48%;min-width:0;min-height:0;overflow:hidden}.vhe-deck-nav{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.vhe-deck-nav__header{border-bottom:1px solid var(--vhe-border);background:#fff;flex:none;justify-content:space-between;align-items:center;min-height:43px;padding:0 12px 0 14px;display:flex}.vhe-deck-nav__header>div{align-items:center;gap:7px;display:flex}.vhe-deck-nav__header strong{color:#393044;letter-spacing:-.01em;font-size:12px;font-weight:550}.vhe-deck-nav__header span{color:#867c94;background:#f0edf5;border-radius:99px;place-items:center;min-width:18px;height:18px;font-size:9px;display:grid}.vhe-deck-nav__header button{width:27px;height:27px;color:var(--vhe-accent-dark);background:#f8f5fb;border:1px solid #e3d8f1;border-radius:7px;place-items:center;padding:0;display:grid;box-shadow:0 1px 2px #3746910a}.vhe-deck-nav__header button:hover{color:#7541b8;background:#fff;border-color:#c4ade2}.vhe-deck-nav__header .vhe-deck-nav__actions{gap:3px;display:flex}.vhe-deck-nav__header button:disabled{opacity:.4;cursor:default}.vhe-deck-nav__list{scrollbar-color:#c5bdd0 transparent;scrollbar-width:thin;background:#f2f0f3;flex:1;align-content:start;gap:8px;min-height:0;padding:12px 10px 20px;display:grid;overflow:hidden auto}.vhe-deck-item{opacity:.84;cursor:default;min-width:0;transition:opacity .13s,transform .13s;position:relative}.vhe-deck-item:hover,.vhe-deck-item--active{opacity:1}.vhe-deck-item--dragging,.vhe-deck-item--dragging .vhe-deck-item__card{opacity:.35;cursor:grabbing;transform:scale(.985)}.vhe-deck-item__card{color:#6f7686;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;outline:none;grid-template-columns:20px minmax(0,1fr);gap:7px;width:100%;min-width:0;padding:4px;display:grid}.vhe-deck-item__card:focus-visible .vhe-deck-item__preview{border-color:var(--vhe-focus-stroke);box-shadow:0 0 0 2px var(--vhe-focus), 0 4px 12px #1f273a21}.vhe-deck-item__number{color:#655971;text-align:center;padding-top:6px;font-size:11px;font-weight:650;line-height:1}.vhe-deck-item--active .vhe-deck-item__number{color:#5a4f68;font-weight:740}.vhe-deck-item__preview{background:#fff;border:1px solid #232c401f;border-radius:5px;width:164px;max-width:100%;transition:border-color .13s,box-shadow .13s,transform .13s;display:block;position:relative;overflow:hidden;box-shadow:0 4px 12px #1f273a1f}.vhe-deck-item:hover .vhe-deck-item__preview{border-color:#48546f47;box-shadow:0 6px 16px #1f273a26}.vhe-deck-item--active .vhe-deck-item__preview{border-color:var(--vhe-selection);box-shadow:0 0 0 1px #4f63df24,0 7px 18px #1f273a24}.vhe-deck-item__preview iframe{pointer-events:none;transform-origin:0 0;border:0;display:block}.vhe-deck-item__menu-wrap{z-index:5;position:absolute;top:8px;right:8px}.vhe-deck-item__menu-trigger{color:#5e546c;opacity:0;background:#fffffff2;border:1px solid #262f441f;border-radius:6px;place-items:center;width:28px;height:28px;padding:0;transition:opacity .11s,transform .11s,background .11s;display:grid;transform:translateY(-2px);box-shadow:0 2px 7px #1f273a1f}.vhe-deck-item:hover .vhe-deck-item__menu-trigger,.vhe-deck-item--active .vhe-deck-item__menu-trigger,.vhe-deck-item__menu-trigger[aria-expanded=true],.vhe-deck-item__menu-trigger:focus-visible{opacity:1;transform:translateY(0)}.vhe-deck-item__menu-trigger:hover{color:#2e2638;background:#fff}.vhe-deck-item__menu{border:1px solid var(--vhe-border);color:#493f55;cursor:default;background:#fffffffa;border-radius:9px;width:166px;padding:5px;animation:.11s ease-out both vhe-menu-enter;display:grid;position:absolute;top:32px;right:0;box-shadow:0 14px 34px #1f273a2e,0 2px 7px #1f273a12}.vhe-deck-item__menu button{min-height:29px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;padding:0 7px;font-size:11px;display:grid}.vhe-deck-item__menu button:hover:not(:disabled),.vhe-deck-item__menu button:focus-visible{background:#f4f1f7;outline:none}.vhe-deck-item__menu button:disabled{color:#b6aec0;cursor:default}.vhe-deck-item__menu kbd{color:#a59bb2;font:8px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.vhe-deck-item__menu-separator{background:#e9e5ef;height:1px;margin:4px 5px}.vhe-deck-item__menu .vhe-deck-item__menu-delete{color:#c44f55}.vhe-stage{background-color:var(--vhe-canvas);background-image:radial-gradient(#b3a6c333 .65px,#0000 .65px);background-size:18px 18px;flex-direction:column;grid-area:stage;min-width:0;min-height:0;padding:0 28px 26px;display:flex;overflow:hidden}.vhe-stage--source{display:block;overflow:auto}.vhe-stage__viewport{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;overflow:hidden}.vhe-frame-sizer{flex:none;position:relative}.vhe-frame-shell{transform-origin:0 0;background:#fff;border:0;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #3e374514,0 12px 32px -8px #3e374529,0 3px 6px #3e37450a}.vhe-frame{background:#fff;border:0;width:100%;height:100%;display:block}.vhe-selection{z-index:6;border:var(--vhe-overlay-stroke,1.5px) solid var(--vhe-selection);pointer-events:none;box-shadow:0 0 0 var(--vhe-overlay-halo,2.5px) #4f63df12;will-change:transform, width, height;position:absolute;top:0;left:0}.vhe-selection__resize{z-index:7;width:var(--vhe-overlay-handle-size,10px);height:var(--vhe-overlay-handle-size,10px);border:var(--vhe-overlay-handle-stroke,2px) solid var(--vhe-selection);border-radius:var(--vhe-overlay-handle-stroke,2px);pointer-events:auto;touch-action:none;background:#fff;padding:0;position:absolute;top:0;left:0;box-shadow:0 1px 4px #26359633;cursor:nwse-resize!important}.vhe-selection__resize:hover{background:#f6f2fb}.vhe-selection__resize[data-vhe-resizing=true]{background:var(--vhe-selection)}.vhe-inspector{border-left:1px solid var(--vhe-border);color:#272031;min-width:0;min-height:0;box-shadow:none;scrollbar-color:#c5bdd0 transparent;scrollbar-width:thin;background:#fcfbfd;flex-direction:column;grid-area:inspector;display:flex;overflow:hidden}.vhe-inspector__context{border-bottom:1px solid var(--vhe-border);background:#fff;flex:none;padding:0}.vhe-outline{background:#fff;flex-direction:column;flex:52%;min-height:0;display:flex}.vhe-outline__header{color:#433b4b;justify-content:space-between;align-items:center;height:43px;padding:0 16px;display:flex}.vhe-outline__header strong{letter-spacing:-.005em;font-size:12px;font-weight:550}.vhe-outline__header span{color:#62576e;background:#edecee;border-radius:5px;place-items:center;min-width:21px;height:20px;font-size:9px;font-weight:680;display:grid}.vhe-outline__tree{scrollbar-color:#c4bfc9 transparent;scrollbar-width:thin;flex:1;min-height:0;padding:0 9px 10px;overflow:hidden auto}.vhe-outline-node__row{border-radius:4px;align-items:center;width:100%;min-width:0;height:29px;transition:background .1s,color .1s;display:flex;overflow:hidden}.vhe-outline-node__row:hover{background:#f4f1f7}.vhe-outline-node--selected>.vhe-outline-node__row{color:#2e2539;background:var(--vhe-pressed);box-shadow:inset 2px 0 var(--vhe-selection)}.vhe-outline-node__toggle,.vhe-outline-node__toggle-space{color:#988ea5;background:0 0;border:0;flex:none;place-items:center;width:16px;height:100%;padding:0;display:grid}.vhe-outline-node__toggle:hover{color:#3d3448}.vhe-outline-node__toggle span{border-bottom:1.25px solid;border-right:1.25px solid;width:6px;height:6px;transition:transform .1s;transform:translate(-1px,-1px)rotate(45deg)}.vhe-outline-node[aria-expanded=false]>.vhe-outline-node__row .vhe-outline-node__toggle span{transform:translate(-2px)rotate(-45deg)}.vhe-outline-node__select{min-width:0;height:100%;color:inherit;text-align:left;background:0 0;border:0;flex:1;grid-template-columns:12px minmax(0,1fr) minmax(26px,max-content);align-items:center;gap:5px;padding:0 5px 0 0;display:grid}.vhe-outline-node__select:focus{outline:none}.vhe-outline-node__select:focus-visible{box-shadow:inset 0 0 0 1px var(--vhe-focus-stroke);border-radius:5px}.vhe-outline-node__glyph{background:#fff;border:1px solid #c6bed1;justify-self:center;width:9px;height:9px;display:block}.vhe-outline-node__glyph--component{background:#f7f5fa;border-style:dashed}.vhe-outline-node__glyph--section{background:linear-gradient(#fff 0 45%,#e9e5ef 46% 54%,#fff 55%);border-color:#b8aec4}.vhe-outline-node__glyph--heading{background:#f3eff9;border-color:#ba9fdd}.vhe-outline-node__glyph--text{background:#fff;border-color:#c9c1d3;border-radius:50%;width:8px;height:8px}.vhe-outline-node__glyph--image{background:#e8e6ea;border-color:#a297ae}.vhe-outline-node__label{align-items:baseline;gap:5px;min-width:0;display:flex;overflow:hidden}.vhe-outline-node__kind{color:#695f75;text-overflow:ellipsis;white-space:nowrap;flex:none;font-size:11px;font-weight:500;overflow:hidden}.vhe-outline-node__name{color:#5f556c;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.vhe-outline-node--selected>.vhe-outline-node__row .vhe-outline-node__kind{color:#3b304a;font-weight:680}.vhe-outline-node--selected>.vhe-outline-node__row .vhe-outline-node__name{color:#3f354d}.vhe-outline-node__tag{color:#756b80;text-overflow:ellipsis;white-space:nowrap;background:#faf9fb;border:1px solid #e2dee7;border-radius:4px;min-width:0;max-width:56px;padding:3px 4px 2px;font:9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:block;overflow:hidden}.vhe-inspector__tool-group{align-items:center;gap:2px;display:flex}.vhe-inspector__tool-group--history{border-left:1px solid #e6e1ec;margin-left:2px;padding-left:4px}.vhe-tool-button{color:#72677d;background:0 0;border:1px solid #0000;border-radius:5px;place-items:center;width:29px;height:32px;padding:0;transition:border-color .11s,color .11s,background .11s,box-shadow .11s;display:grid}.vhe-tool-button:hover:not(:disabled){border-color:var(--vhe-border);color:#2d2538;background:var(--vhe-hover)}.vhe-tool-button:active:not(:disabled){color:var(--vhe-accent-dark);background:var(--vhe-pressed);border-color:#e3d9f1}.vhe-tool-button--active{color:var(--vhe-accent-dark);background:var(--vhe-pressed);border-color:#e1d6f0;box-shadow:inset 0 0 0 1px #ffffffa8}.vhe-tool-button--active:hover:not(:disabled){color:#713fb2;background:#efe9f7;border-color:#d6c5eb}.vhe-tool-button:disabled{color:#aa9fb4;cursor:default}.vhe-inspector__title{border-bottom:1px solid var(--vhe-border);background:#fff;flex:none;align-items:center;gap:8px;height:49px;padding:0 8px 0 14px;font-size:12px;font-weight:550;display:flex;box-shadow:0 1px #ffffffe6}.vhe-inspector__title-copy{align-items:center;gap:6px;min-width:0;display:flex}.vhe-inspector__title-copy>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vhe-inspector__title code{border:1px solid var(--vhe-border);color:#6c6278;background:#fff;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:400}.vhe-inspector__body{scrollbar-color:#c5bdd0 transparent;scrollbar-width:thin;flex:1;min-height:0;padding:4px 14px 24px;animation:.15s cubic-bezier(.2,.8,.2,1) both vhe-inspector-enter;overflow:hidden auto}.vhe-inspector-fields{display:contents}.vhe-inspector-section{padding:16px 0 3px}.vhe-inspector-section+.vhe-inspector-section{border-top:1px solid #e2e0e4;margin-top:13px;padding-top:16px}.vhe-inspector__body h3{color:#5e5369;letter-spacing:1px;text-transform:uppercase;margin:0 0 11px;font-size:10px;font-weight:550}.vhe-property-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;display:grid}.vhe-property{border:1px solid var(--vhe-border);color:#6c6278;min-width:0;height:36px;box-shadow:none;background:#fff;border-radius:5px;grid-template-columns:auto minmax(0,1fr);align-items:center;font-size:11px;font-weight:400;transition:border-color .12s,box-shadow .12s,background .12s;display:grid;position:relative;overflow:hidden}.vhe-property:hover{border-color:var(--vhe-border-strong);background:#fff}.vhe-property:focus-within{border-color:var(--vhe-focus-stroke);box-shadow:0 0 0 2px var(--vhe-focus);background:#fff}.vhe-property--swatch{grid-template-columns:auto 18px minmax(0,1fr)}.vhe-property__label{color:#685d74;white-space:nowrap;padding-left:9px}.vhe-property__swatch{background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border:1px solid #534f482e;border-radius:4px;width:14px;height:14px;margin-left:7px;position:relative;box-shadow:inset 0 0 0 1px #ffffff59}.vhe-property__color-picker{opacity:0;cursor:pointer;position:absolute;inset:0;width:100%!important;height:100%!important;padding:0!important}.vhe-property input,.vhe-property select{color:#2d2537;width:100%;min-width:0;height:100%;box-shadow:none;text-align:right;background:0 0;border:0;border-radius:0;outline:none;padding:0 8px 0 6px;font-size:11px;font-weight:500}.vhe-property select{text-align-last:right;padding-right:28px}.vhe-property input::placeholder{color:#a69cb2;opacity:1;font-style:normal;font-weight:520}.vhe-property[data-style-property=font-family],.vhe-property[data-attribute=src]{grid-column:1/-1}.vhe-property--menu{display:block;overflow:visible}.vhe-property__menu-trigger{width:100%;height:100%;color:inherit;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) 17px;align-items:center;gap:5px;padding:0 8px 0 0;display:grid}.vhe-property__menu-value{color:#2d2537;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:500;overflow:hidden}.vhe-property__menu-trigger:focus-visible{box-shadow:none;outline:none}.vhe-select__icon{color:currentColor;opacity:.65;place-items:center;width:16px;height:100%;display:grid}.vhe-select__chevron{border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transition:transform .12s;transform:translateY(-2px)rotate(45deg)}[data-popup-open]>.vhe-select__icon .vhe-select__chevron{transform:translateY(2px)rotate(225deg)}.vhe-select__positioner{z-index:100;outline:none}.vhe-select__popup{min-width:var(--anchor-width);border:1px solid var(--vhe-border);color:#2d2537;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform-origin:var(--transform-origin);background:#fff;border-radius:12px;outline:none;padding:5px;font:11px/1.35 Manrope,Segoe UI,Arial,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;transition:opacity .11s,transform .11s cubic-bezier(.2,.8,.2,1);overflow:hidden;box-shadow:0 22px 54px #1f273a2b,0 3px 10px #1f273a12}.vhe-select__popup[data-starting-style],.vhe-select__popup[data-ending-style]{opacity:0;transform:translateY(-3px)scale(.985)}.vhe-select__popup--viewport{min-width:max(var(--anchor-width), 196px)}.vhe-select__list{max-height:min(320px, var(--available-height));outline:none;gap:2px;padding:0;display:grid;overflow-y:auto}.vhe-select__item{color:#635971;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:7px;min-height:34px;padding:6px 9px;display:grid}.vhe-select__item[data-disabled]{cursor:default;opacity:.55}.vhe-select__item--preview{grid-template-columns:14px 24px minmax(0,1fr)}.vhe-select__item[data-highlighted]{color:#282032;background:var(--vhe-pressed)}.vhe-select__item[data-selected]{color:var(--vhe-accent-dark);font-weight:700}.vhe-select__indicator-slot,.vhe-select__indicator{width:14px;height:14px;color:var(--vhe-selection);place-items:center;display:grid}.vhe-select__indicator span{border-bottom:1.5px solid;border-left:1.5px solid;width:7px;height:4px;transform:translateY(-1px)rotate(-45deg)}.vhe-select__ratio{color:#aaa4b0;background:linear-gradient(135deg,#ffffffb8 0 49%,#cdc7dc57 50% 100%);border:1px solid;border-radius:2px;justify-self:center;width:auto;min-width:9px;max-width:22px;height:14px;display:block;box-shadow:inset 0 0 0 1px #ffffff73}.vhe-select__item-copy{white-space:nowrap;min-width:0;display:grid}.vhe-select__item-copy small{color:#9c92aa;font-size:10px;font-weight:520}.vhe-select__item[data-highlighted] .vhe-select__item-copy small{color:#7d6f90}.vhe-disclosure{border:1px solid var(--vhe-border);box-shadow:none;background:#fff;border-radius:5px;margin-top:7px;transition:border-color .12s,box-shadow .12s;overflow:hidden}.vhe-disclosure:hover{border-color:var(--vhe-border-strong)}.vhe-disclosure:focus-within{border-color:var(--vhe-focus-stroke);box-shadow:0 0 0 2px var(--vhe-focus)}.vhe-disclosure__summary{color:#6c6278;background:0 0;grid-template-columns:auto minmax(0,1fr) 28px;align-items:center;width:100%;height:36px;padding-left:10px;font-size:11px;font-weight:400;display:grid}.vhe-disclosure__summary:focus-within{background:#fff}.vhe-disclosure__label{color:#685d74;text-align:left;background:0 0;border:0;height:100%;padding:0;font-weight:400}.vhe-disclosure__summary input{color:#2d2537;text-align:right;background:0 0;border:0;outline:none;width:100%;min-width:0;height:100%;padding:0 6px;font-size:11px;font-weight:500}.vhe-disclosure__summary input::placeholder{color:#a69cb2;opacity:1;font-style:normal;font-weight:520}.vhe-disclosure__toggle{color:#817c86;background:0 0;border:0;place-items:center;width:28px;height:100%;padding:0;display:grid;position:relative}.vhe-disclosure__label:focus-visible,.vhe-disclosure__toggle:focus-visible{box-shadow:none}.vhe-disclosure__toggle:hover{background:var(--vhe-pressed)}.vhe-disclosure__chevron{border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transition:transform .12s;transform:translateY(-2px)rotate(45deg)}.vhe-disclosure--expanded .vhe-disclosure__chevron{transform:translateY(2px)rotate(225deg)}.vhe-disclosure__content{background:#f2f1f4;border-top:1px solid #2a334817;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px;padding:5px;display:grid}.vhe-disclosure__content .vhe-property{height:31px;box-shadow:none;border-radius:7px}.vhe-inspector .vhe-button--wide{border-color:var(--vhe-border);color:#493f55;background:#ffffffd1;margin-top:8px;box-shadow:0 4px 12px #1f273a09}.vhe-inspector .vhe-button--wide:hover{color:var(--vhe-accent-dark);background:#fff;border-color:#5367e852}.vhe-inspector input:focus,.vhe-inspector select:focus{box-shadow:none}.vhe-source textarea:focus{box-shadow:inset 0 0 0 2px var(--vhe-accent)}.vhe-empty{color:#6c6278;text-align:center;flex:1;align-content:start;place-items:center;gap:12px;min-height:0;padding:clamp(30px,9vh,110px) 23px 24px;animation:.18s ease-out both vhe-inspector-enter;display:grid}.vhe-empty>span{width:34px;height:34px;color:var(--vhe-accent-dark);background:linear-gradient(145deg,#f6f2fb,#edf7ff);border:1px solid #5367e824;border-radius:11px;place-items:center;display:grid;box-shadow:0 7px 18px #4054ce14}.vhe-empty strong{color:#463e4e;letter-spacing:-.3px;margin-top:2px;font-size:14px;font-weight:550}.vhe-empty p{color:#665a71;max-width:210px;margin:0;font-size:12px;line-height:1.8}.vhe-source{color:#f4f1f7;background:#26222a;border:1px solid #ffffff14;border-radius:8px;width:min(100%,1120px);margin:0 auto;overflow:hidden;box-shadow:0 24px 62px #201c2b38}.vhe-source__header{background:#2d2932;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;display:flex}.vhe-source__header p{color:#b6b1bc;margin:2px 0 0;font-size:11px}.vhe-source__header>div:last-child{gap:7px;display:flex}.vhe-source .vhe-button{color:#e9e5ed;background:#ffffff0f;border-color:#ffffff1c}.vhe-source .vhe-button:hover{color:#e3d9f1;background:#ffffff1a;border-color:#7d90ff61}.vhe-source textarea{resize:vertical;color:#e2dfe4;caret-color:#bca2de;tab-size:2;background:#19151f;border:0;border-radius:0;outline:none;width:100%;min-height:560px;padding:20px;font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.vhe-status{border-top:1px solid var(--vhe-border);color:#665a73;background:#faf8fc;justify-content:space-between;align-items:center;gap:15px;min-height:34px;padding:0 17px;font-size:10px;display:flex}@keyframes vhe-inspector-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes vhe-menu-enter{0%{opacity:0;transform:translateY(-3px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes vhe-dialog-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes vhe-dialog-enter{0%{opacity:0;transform:translateY(7px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes vhe-toast-enter{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.vhe-toolbar__editing-tools .vhe-tool-button{color:#d8d3dc;width:30px;height:32px}.vhe-toolbar__editing-tools .vhe-tool-button:hover:not(:disabled){color:#fff;background:#453d4c;border-color:#655b70}.vhe-toolbar__editing-tools .vhe-tool-button--active{color:#fff;background:#5a426f;border-color:#745c91}.vhe-toolbar__editing-tools .vhe-tool-button:disabled{color:#68616d}.vhe-toolbar__editing-tools .vhe-inspector__tool-group--history{border-color:#584f62}.vhe-toolbar__action{min-height:38px;padding-inline:14px}.vhe-toolbar__action--import{color:#e3dbea;background:0 0;border-color:#62576d}.vhe-toolbar__action--import:hover{color:#fff;background:#392d46;border-color:#9e89b4}.vhe-toolbar__action--export{color:#392848;background:#d0b8ef;border-color:#dac5f4;box-shadow:inset 0 1px #fff6}.vhe-toolbar__action--export:hover{color:#25182f;background:#e2cef9;border-color:#efe1ff}.vhe-canvas-bar{color:#6b6176;flex:none;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:56px;font-size:11px;display:flex}.vhe-canvas-bar__document,.vhe-canvas-bar__info{align-items:center;gap:12px;min-width:0;display:flex}.vhe-canvas-bar__document>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vhe-canvas-bar__document>svg{flex:none}.vhe-canvas-bar__document strong{color:#3c3543;font-weight:500}.vhe-canvas-bar__divider{color:#a298ac}.vhe-canvas-bar__info{flex:none;font:10px/1.5 Consolas,monospace}.vhe-canvas-bar__scale{background:#f6f6f7;border:1px solid #d6d3da;border-radius:5px;padding:4px 8px}.vhe-empty__illustration{background:#eeedf0;border:1px solid #dad6dc;border-radius:10px;width:92px;height:75px;margin-bottom:14px;padding:17px;position:relative;transform:rotate(-7deg);box-shadow:0 5px 10px #37313e08}.vhe-empty__illustration i{background:#d5d2d8;border-radius:2px;width:100%;height:5px;margin-bottom:7px;display:block}.vhe-empty__illustration i:nth-child(2){background:#d6c5eb;width:72%}.vhe-empty__illustration i:nth-child(3){width:85%}.vhe-empty__illustration svg{color:#936db8;fill:#f9f9f9;position:absolute;bottom:-9px;right:-6px;transform:rotate(5deg)}.vhe-empty__tips{color:#665a71;text-align:left;border-top:1px solid #e0dde2;gap:13px;width:100%;margin-top:19px;padding-top:23px;font-size:10px;display:grid}.vhe-empty__tips>span{align-items:center;gap:9px;display:flex}.vhe-empty__tips kbd{background:#fff;border:1px solid #d7d4da;border-radius:3px;padding:1px 3px;font-size:9px}.vhe-status__save,.vhe-status__validation{align-items:center;gap:6px;display:flex}.vhe-status__save i{background:#778c69;border-radius:50%;width:5px;height:5px}.vhe-status__save[data-dirty=true] i{background:#b27a30}.vhe-status__hint{color:#665a71}@media (width<=1200px) and (width>=901px){.vhe-toolbar{gap:10px;padding-inline:14px}.vhe-brand{min-width:190px}.vhe-toolbar__action{padding-inline:10px}.vhe-layout{grid-template-columns:210px minmax(0,1fr) 270px}.vhe-stage{padding-inline:20px}.vhe-inspector__title{padding-left:10px}}@media (width<=900px){.vhe-root{height:auto;min-height:1380px}.vhe-toolbar{flex-wrap:wrap;gap:10px;padding:12px}.vhe-toolbar__spacer{display:none}.vhe-brand{flex:1;min-width:150px;margin-right:auto}.vhe-toolbar__content{flex:none}.vhe-viewport-select{margin-left:0}.vhe-viewport-select__trigger{width:142px}.vhe-layout{flex:none;grid-template:"stage"530px"navigator"260px"inspector"520px/1fr}.vhe-layout--with-navigation{grid-template-rows:530px 360px 520px}.vhe-navigator{border-top:1px solid var(--vhe-line);border-right:0}.vhe-navigation{flex-basis:165px}.vhe-deck-nav__list{align-items:flex-start;gap:8px;padding:8px 10px;display:flex;overflow:auto hidden}.vhe-deck-item{flex:none;width:200px}.vhe-deck-item__card{grid-template-columns:18px minmax(0,1fr);padding:3px}.vhe-inspector{border-top:1px solid var(--vhe-line);border-left:0}.vhe-empty{padding-top:30px}.vhe-empty__tips{max-width:240px}.vhe-canvas-bar{min-height:48px}}@media (width<=620px){.vhe-toolbar{grid-template-columns:minmax(0,1fr) 98px auto;grid-template-areas:"brand viewport actions""content tools tools";gap:10px 7px;padding:10px;display:grid}.vhe-brand{grid-area:brand;gap:8px;min-width:0}.vhe-brand__mark{flex:none;width:27px;height:36px;font-size:18px}.vhe-brand__mark svg{width:27px;height:30px}.vhe-brand strong{font-size:10px}.vhe-brand small{display:none}.vhe-toolbar__content{grid-area:content;width:100%}.vhe-viewport-select{grid-area:viewport;min-width:0}.vhe-viewport-select__trigger{grid-template-columns:minmax(0,1fr) 14px;gap:3px;width:100%;height:36px;padding-inline:8px}.vhe-viewport-select__trigger>.vhe-select__ratio{display:none}.vhe-toolbar__action{width:34px;min-height:36px;padding:0}.vhe-toolbar__action span{display:none}.vhe-toolbar__actions{grid-area:actions;gap:5px}.vhe-toolbar__editing-tools{grid-area:tools;justify-self:end}.vhe-button{padding-inline:9px;font-size:12px}.vhe-stage{padding:0 12px 18px}.vhe-canvas-bar{gap:8px;font-size:10px}.vhe-canvas-bar__document{gap:7px}.vhe-canvas-bar__info{gap:6px;font-size:9px}.vhe-canvas-bar__document>svg,.vhe-status__hint{display:none}.vhe-status{padding-inline:10px;font-size:9px}.vhe-source__header{align-items:flex-start;padding:12px}.vhe-source__header p{max-width:155px;font-size:10px}.vhe-source textarea{padding:14px;font-size:12px}}@media (prefers-reduced-motion:reduce){.vhe-root *,.vhe-root :before,.vhe-root :after,.vhe-select__popup{transition:none!important;animation:none!important}}@media (width>=901px) and (width<=1100px){.vhe-toolbar__action--import{width:36px;padding:0}.vhe-toolbar__action--import span{display:none}}.vhe-inline-format{z-index:18;color:#f7f5fa;filter:drop-shadow(0 10px 24px #17121d3d);width:max-content;max-width:calc(100% - 16px);animation:.12s cubic-bezier(.2,.8,.2,1) both vhe-inline-format-enter;position:absolute;transform:translate(-50%,-100%)}.vhe-inline-format[data-placement=below]{transform:translate(-50%)}.vhe-inline-format__bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#231e29f7;border:1px solid #ffffff1c;border-radius:10px;align-items:center;gap:2px;height:40px;padding:4px;display:flex;box-shadow:inset 0 1px #ffffff14}.vhe-inline-format__button{color:#ddd8e3;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:30px;height:30px;padding:0;display:grid}.vhe-inline-format__button:hover:not(:disabled),.vhe-inline-format__button:focus-visible{color:#fff;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff38}.vhe-inline-format__button[data-active=true]{color:#fff;background:#8057b4}.vhe-inline-format__button:disabled{color:#746e7a}.vhe-inline-format__divider{background:#ffffff21;flex:none;width:1px;height:20px;margin-inline:3px}.vhe-inline-format__field{color:#7c7187;letter-spacing:.07em;text-transform:uppercase;gap:4px;min-width:0;font-size:8px;font-weight:700;line-height:1.25;display:grid}.vhe-inline-format__field>:is(input,select){color:#342b3d;text-transform:none;background:#fff;border:1px solid #ddd7e3;border-radius:6px;outline:none;width:86px;min-width:0;height:30px;padding:0 8px;font:600 10px/1.2 ui-sans-serif,system-ui,sans-serif}.vhe-inline-format__field>:is(input,select):focus{border-color:#a383c7;box-shadow:0 0 0 2px #a383c72b}.vhe-inline-format__field>:is(input,select):disabled{color:#aaa3b0;background:#f2eff4}.vhe-inline-format__field--compact:first-of-type>:is(input,select){width:104px}.vhe-inline-format__field--compact>:is(input,select){color:#f4f1f6;background-color:#ffffff13;border-color:#ffffff21;width:58px}.vhe-inline-format__field--compact>select{padding-right:3px}.vhe-inline-format__field--compact>input::placeholder{color:#aaa3af}.vhe-inline-format__field--compact>:is(input,select):focus{border-color:#9b79c4;box-shadow:0 0 0 2px #a783d12e}.vhe-inline-format__color{cursor:pointer;border-radius:6px;flex:none;place-items:center;width:30px;height:30px;display:grid;position:relative}.vhe-inline-format__color:hover{background:#ffffff1a}.vhe-inline-format__color:focus-within{background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff38}.vhe-inline-format__color-glyph{color:#eeeaf2;pointer-events:none;padding-bottom:3px;font:700 14px/1 ui-sans-serif,system-ui,sans-serif;position:relative}.vhe-inline-format__color-glyph i{border-radius:2px;height:2px;position:absolute;bottom:0;left:-1px;right:-1px;box-shadow:0 0 0 1px #ffffff2e}.vhe-inline-format__color input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.vhe-inline-format__more{color:#3e3448;background:#fffffffa;border:1px solid #ded8e4;border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:286px;padding:10px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 14px 34px #1f172833,0 2px 7px #1f172814}.vhe-inline-format[data-placement=above] .vhe-inline-format__more{top:auto;bottom:calc(100% + 6px)}.vhe-inline-format__more .vhe-inline-format__field>:is(input,select){width:100%}@keyframes vhe-inline-format-enter{0%{opacity:0;margin-top:3px}to{opacity:1;margin-top:0}}@media (width<=420px){.vhe-inline-format__field--compact:first-of-type{display:none}}.vhe-navigation{background:#f4f2f6}.editing-demo{container:editing-demo/inline-size}.demo-story{background:#e8e3ee;border:1px solid #d7d0df;border-bottom:0;border-radius:12px 12px 0 0;align-items:center;gap:19px;min-height:96px;padding:18px 24px;display:flex}.demo-story__number{color:#68527e;align-items:baseline;gap:6px;font:italic 35px/1 Instrument Serif,Georgia,serif;display:flex}.demo-story__number>span{color:#6b5d78;font:9px/1 Manrope,sans-serif}.demo-story__copy h3{color:#32253d;letter-spacing:-.6px;margin:0 0 5px;font-size:16px;font-weight:600}.demo-story__copy p{color:#70617e;margin:0;font-size:10px}.demo-story__badge{color:#6e5b7e;letter-spacing:1px;align-items:center;gap:7px;margin-left:auto;font:8px/1.5 Manrope,sans-serif;display:flex}.demo-story__badge i{background:#9b88ac;border-radius:50%;width:5px;height:5px}.demo-story__badge i.is-running{background:#7853a1;box-shadow:0 0 0 4px #7853a111}.edit-stage.landing-motion__window{border-color:#c6becf #c6becf currentColor;border-bottom-style:none;border-bottom-width:0;border-radius:0;position:relative;box-shadow:0 22px 60px -28px #40275030}.edit-stage svg,.demo-player svg{flex:none;width:16px;height:16px}.edit-topbar{color:#b5a8c1;background:#201a29;justify-content:space-between;align-items:center;gap:18px;height:54px;padding:0 17px;font-size:10px;display:flex}.edit-topbar .demo-brand svg{width:23px;height:23px}.edit-modes{background:#16101f;border:1px solid #4a3c55;border-radius:5px;gap:3px;padding:3px;display:flex}.edit-modes>span{border-radius:3px;align-items:center;gap:7px;padding:6px 13px;font-size:9px;display:flex}.edit-modes svg{width:12px;height:12px}.edit-modes .is-active{color:#eadbff;background:#443251}.edit-export{color:#352240;background:#d2bbf0;border:1px solid #d9c1f6;border-radius:4px;align-items:center;gap:17px;padding:8px 11px;font-size:9px;display:flex}.edit-export svg{width:12px;height:12px}.edit-workspace{grid-template-columns:165px minmax(0,1fr) 208px;height:580px;display:grid;position:relative}.edit-layers,.edit-inspector{color:#73627f;background:#fdfcfe;min-width:0;font-size:9px;position:relative}.edit-layers{border-right:1px solid #e1d9e8;padding:0 10px}.edit-panel-heading{color:#3e304c;justify-content:space-between;align-items:center;height:46px;font-size:10px;font-weight:600;display:flex}.edit-panel-heading>span,.edit-panel-heading code{color:#796388;background:#f8f4fb;border:1px solid #e6dceb;border-radius:3px;padding:3px 5px;font:8px/1 Consolas,monospace}.edit-layer{white-space:nowrap;align-items:center;gap:7px;height:30px;padding-inline:4px;display:flex}.edit-layer>span{color:#9d86af}.edit-layer.is-nested{padding-left:9px}.edit-layer.is-leaf{padding-left:25px}.edit-layer.is-selected{color:#71518d;background:#eadef7;border-radius:4px}.edit-layer code{margin-left:auto;font-size:7px}.edit-layer-note{border-top:1px solid #e7dfec;padding-top:21px;position:absolute;bottom:25px;left:16px;right:16px}.edit-layer-note>span{color:#b097c4;margin-bottom:14px;font-size:27px;display:block}.edit-layer-note p{color:#776286;margin:0;font-size:11px;line-height:1.65}.edit-layer-note em{color:#80658f;font:italic 18px/1.4 Instrument Serif,Georgia,serif}.edit-layer-note small{color:#796684;letter-spacing:1px;margin-top:17px;font-size:5px;display:block}.edit-canvas{background:radial-gradient(#a394b43b .65px,#0000 .65px) 0 0/13px 13px,#e5e0eb;flex-direction:column;align-items:center;min-width:0;padding:18px 32px 0;display:flex;position:relative;overflow:hidden}.edit-canvas-meta{color:#7d6d8b;justify-content:space-between;width:min(100%,580px);margin-bottom:10px;font:8px/1.5 Consolas,monospace;display:flex}.edit-canvas-meta i{color:#998aa4;margin-left:8px;font-style:normal}.edit-document{--type-scale:1;color:#302735;background:var(--demo-paper);flex-direction:column;flex:1;width:min(100%,580px);min-height:0;display:flex;box-shadow:0 7px 28px #3c255415}.edit-document-nav{border-bottom:1px solid #d9d0c9;flex:none;justify-content:space-between;align-items:center;gap:12px;margin:0 30px;padding:20px 0 17px;display:flex}.edit-document-nav strong{letter-spacing:-1.5px;font-size:23px;font-weight:600}.edit-document-nav strong span{vertical-align:super;margin-left:3px;font-size:10px}.edit-document-nav>span{color:#72626a;letter-spacing:1px;align-items:center;gap:12px;font-size:5px;display:flex}.edit-document-nav svg{width:13px;height:13px}.edit-document-content{padding:var(--demo-padding) 30px;flex:none;position:relative}.edit-tag{color:#7d6259;letter-spacing:1.3px;font-size:6px;line-height:1.5;display:block}.edit-heading{margin:17px 0 14px;position:relative}.edit-heading h3{color:var(--demo-color);font:500 calc(var(--demo-size) * var(--type-scale))/1.08 Manrope, sans-serif;letter-spacing:-1.7px;margin:0}.edit-heading h3>span{width:fit-content;max-width:100%;min-height:1.08em;display:block}.edit-document[data-serif=true] .edit-heading h3{letter-spacing:-.9px;font-family:Instrument Serif,Georgia,serif;font-style:italic;font-weight:400}.edit-heading h3 .is-text-selected{color:#382846;background:#cab5ec;box-shadow:3px 0 #cab5ec,-2px 0 #cab5ec}.edit-caret{vertical-align:-.05em;background:#7851a9;width:1.5px;height:.86em;margin-left:2px;display:inline-block}.edit-selection{opacity:0;pointer-events:none;border:1px solid #9570c1;position:absolute;inset:-6px -7px}.edit-heading.is-selected .edit-selection{opacity:1}.edit-selection i{background:#fff;border:1px solid #9570c1;width:5px;height:5px;position:absolute}.edit-selection i:first-child{top:-3px;left:-3px}.edit-selection i:nth-child(2){top:-3px;right:-3px}.edit-selection i:nth-child(3){bottom:-3px;left:-3px}.edit-selection i:nth-child(4){bottom:-3px;right:-3px}.edit-selection b{color:#fff;background:#9570c1;padding:3px 5px;font:7px/1 Manrope,sans-serif;position:absolute;bottom:100%;left:-1px}.edit-document-content>p{color:#756057;margin:0;font-size:9px;line-height:1.65}.edit-cta{color:#fff8f0;background:var(--demo-color);border-radius:3px;align-items:center;gap:17px;min-height:31px;margin-top:14px;padding:0 12px;font-size:7px;display:inline-flex}.edit-cta svg{width:12px;height:12px}.edit-artwork{background:#18121f;flex:1;min-height:85px;position:relative;overflow:hidden}.edit-artwork img{object-fit:cover;opacity:.86;width:89%;height:205%;position:absolute;top:-53%;right:-2%;transform:rotate(-13deg)}.edit-artwork>span{color:#e5d1c2;letter-spacing:1.5px;font-size:8px;line-height:1.4;position:absolute;top:22px;left:26px}.edit-artwork em{letter-spacing:-.5px;margin-top:3px;font:italic 30px/1 Instrument Serif,Georgia,serif;display:inline-block}.edit-artwork small{color:#bca4c5;letter-spacing:1px;font-size:5px;position:absolute;bottom:17px;left:26px}.edit-canvas-foot{color:#7a6889;justify-content:space-between;align-items:center;gap:8px;width:min(100%,580px);min-height:32px;font-size:7px;display:flex}.edit-canvas-foot>span:first-child{align-items:center;gap:5px;display:flex}.edit-canvas-foot i{background:#7d936e;border-radius:50%;width:4px;height:4px}.edit-document-content.is-section-selected{outline-offset:-1px;outline:1px solid #aa82c4}.edit-spacing-guide{height:var(--demo-padding);background:repeating-linear-gradient(135deg,#cca17825 0 2px,#cca17809 2px 5px);border-block:1px solid #b48c6930;position:absolute;top:0;left:0;right:0}.edit-spacing-guide>span{color:#8b6346;background:#f5e7d7;border-radius:3px;padding:2px 4px;font:7px/1 Consolas,monospace;position:absolute;top:calc(50% - 5px);left:calc(50% - 9px)}.edit-inspector{z-index:2;border-left:1px solid #dcd4e5;padding:0 14px}.edit-inspector-label{color:#55415f;justify-content:space-between;align-items:center;margin:16px 0 12px;font-size:9px;display:flex}.edit-inspector-label>span{color:#9985a7}.edit-inspector>.edit-inspector-label{margin-top:8px}.edit-properties{grid-template-columns:1fr 1fr;gap:7px;display:grid}.edit-field{color:#766180;background:#f9f6fb;border:1px solid #e0d6e8;border-radius:4px;min-width:0;padding:7px 8px;position:relative}.edit-field small{justify-content:space-between;align-items:center;margin-bottom:7px;font-size:7px;display:flex}.edit-field strong{color:#594263;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:7px;font-size:9px;font-weight:500;display:flex}.edit-field strong>span{color:#796284;font-size:7px}.edit-field.is-focused{z-index:3;border-color:#a481c2;box-shadow:0 0 0 2px #b391cc22}.edit-field--font,.edit-field--color,.edit-field--padding{grid-column:1/-1}.edit-field--color strong{justify-content:flex-start}.edit-field--color strong>i{border-radius:3px;width:11px;height:11px}.edit-field--padding{margin-top:5px}.edit-font-menu,.edit-color-menu{z-index:5;opacity:0;pointer-events:none;background:#fffcff;border:1px solid #d4c6df;border-radius:6px;padding:5px;position:absolute;top:calc(100% + 5px);left:-4px;right:-4px;transform:translateY(-4px);box-shadow:0 12px 30px #42235330,0 2px 6px #42235310}.edit-font-menu.is-open,.edit-color-menu.is-open{opacity:1;transform:translateY(0)}.edit-font-menu>span{color:#6b537a;border-radius:3px;align-items:center;gap:8px;height:36px;padding:0 8px;font-size:8px;display:flex}.edit-font-menu>span:nth-child(2){color:#785099;background:#eee2fa}.edit-font-menu i{color:#5f3f72;margin-left:auto;font-size:16px;font-style:normal}.edit-font-menu>span:nth-child(2) i{font:italic 23px/1 Instrument Serif,Georgia,serif}.edit-font-menu>span:nth-child(3) i{font-family:Georgia,serif}.edit-font-menu b{font-weight:400}.edit-color-menu{padding:12px}.edit-color-menu>span{color:#725780;font-size:8px;display:block}.edit-color-menu>div{justify-content:space-between;gap:9px;margin:13px 0;display:flex}.edit-color-menu>div i{border-radius:50%;flex:none;width:24px;height:24px}.edit-color-menu>div i.is-chosen{outline-offset:3px;outline:1px solid #7851a9}.edit-color-menu>small{color:#766180;margin:0;font-size:7px}.edit-align{text-align:center;border:1px solid #e6dcec;border-radius:4px;grid-template-columns:repeat(4,1fr);margin-top:12px;padding:3px;display:grid}.edit-align>*{color:#a18daf;padding:4px;font-size:14px;line-height:1}.edit-align b{color:#825699;background:#eee3f5;border-radius:3px;font-weight:400}.edit-align>:nth-child(2){text-align:right}.edit-align>:nth-child(3){text-align:left}.edit-box-model{color:#7a6188;text-align:center;border:1px dashed #d9c9e4;border-radius:4px;gap:5px;padding:7px;font:7px/1 Consolas,monospace;display:grid}.edit-box-model>div{background:#f4edf9;border:1px solid #e2d4ec;gap:5px;padding:7px;display:grid}.edit-box-model b{color:#7e5e93;background:#fffcff;border:1px solid #e2d4ec;padding:7px;font-weight:400}.edit-selection-info{justify-content:space-between;align-items:center;font-size:8px;display:flex}.edit-selection-info code{color:#7e638e;font-size:7px}.edit-inspector-foot{color:#776182;align-items:center;gap:6px;font-size:8px;display:flex;position:absolute;bottom:15px;left:14px;right:14px}.edit-inspector-foot svg{color:#7d946e;width:12px;height:12px}.edit-cursor{z-index:10;pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.edit-cursor>svg{color:#8151af;filter:drop-shadow(0 1px #fff)drop-shadow(1px 0 #fff)drop-shadow(-1px 0 #fff)drop-shadow(0 3px 2px #37224335);width:26px;height:30px}.edit-cursor>span{color:#fff;background:#8151af;border-radius:0 5px 5px;padding:5px 9px;font-size:9px;position:absolute;top:26px;left:19px;box-shadow:0 2px 8px #39224a18}.edit-click-ring{border:2px solid #9864c2;border-radius:50%;width:26px;height:26px;position:absolute;top:-10px;left:-10px}.edit-code-panel{z-index:4;color:#ddd2e6;opacity:0;pointer-events:none;background:#211a2a;border:1px solid #645273;border-radius:7px;flex-direction:column;display:flex;position:absolute;inset:41px 25px 32px;overflow:hidden;transform:translateY(12px)scale(.985);box-shadow:0 25px 60px #30213d40}.edit-code-panel.is-visible{opacity:1;transform:translateY(0)scale(1)}.edit-code-heading{background:#2b2135;border-bottom:1px solid #e5c4ff12;justify-content:space-between;align-items:center;gap:10px;padding:14px 17px;display:flex}.edit-code-heading>span{color:#baa5cd;align-items:center;gap:8px;font:8px/1 Consolas,monospace;display:flex}.edit-code-heading svg{color:#cfb0f1;width:12px;height:12px}.edit-code-heading>span:last-child{color:#b4bdab;letter-spacing:1px;font-size:6px}.edit-code-heading i{background:#b4cd98;border-radius:50%;width:4px;height:4px}.edit-code-lines{counter-reset:line;flex:1;padding:19px 0;font:10px/2 Consolas,monospace;overflow:hidden}.edit-code-lines>div{white-space:pre;counter-increment:line;padding-right:12px}.edit-code-lines>div:before{color:#796785;text-align:right;content:counter(line);width:37px;margin-right:13px;display:inline-block}.edit-code-lines span{color:#c59cea}.edit-code-lines em{color:#d1b498;font-style:normal}.edit-code-lines b{color:#d2bcdf;font-weight:400}.edit-code-lines .is-changed{background:#c399e710;border-left:2px solid #b591d6}.edit-code-lines .is-changed:before{color:#b596c9;width:35px}.edit-code-foot{color:#decaec;background:#2a2035;border-top:1px solid #d5b4ee15;align-items:center;gap:11px;padding:16px 20px;font-size:11px;display:flex}.edit-code-foot>svg{color:#c8a5df;border:1px solid #c8a5df35;border-radius:50%;width:29px;height:29px;padding:5px}.edit-code-foot small{color:#a78ab9;margin-top:4px;font-size:8px;display:block}.edit-finish{z-index:3;color:#513963;opacity:0;background:#fbf7fff5;border:1px solid #ede1fc;border-radius:8px;align-items:center;gap:12px;width:fit-content;margin:auto;padding:14px 20px;display:flex;position:absolute;bottom:48px;left:17px;right:17px;transform:translateY(8px);box-shadow:0 12px 40px #341d5330}.edit-finish.is-visible{opacity:1;transform:translateY(0)}.edit-finish>span{color:#806195;background:#ede2f5;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.edit-finish>div{font-size:12px;font-weight:500}.edit-finish small{color:#8c729f;margin-top:4px;font-size:8px;font-weight:400;display:block}.demo-player{color:#705582;background:#f7f3fa;border:1px solid #d3c9de;border-radius:0 0 10px 10px;align-items:stretch;gap:25px;min-height:68px;padding:12px 20px;display:flex;box-shadow:0 30px 50px -30px #36224c2b}.demo-player__transport{align-items:center;gap:7px;display:flex}.demo-player button{cursor:pointer;font-family:inherit}.demo-player button:focus-visible{outline-offset:3px;outline:2px solid #8457a3}.demo-play,.demo-replay{color:#674578;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;padding:8px;display:grid}.demo-play{color:#f0e2ff;background:#684581}.demo-play:hover{background:#7c5597}.demo-replay:hover{background:#eae0f2}.demo-replay svg{width:14px;height:14px}.demo-time{color:#695375;font-variant-numeric:tabular-nums;gap:4px;width:54px;margin-left:3px;font:10px/1 Consolas,monospace;display:flex}.demo-time i{color:#775f84;font-style:normal}.demo-chapters{flex:1;gap:13px;min-width:0;display:flex}.demo-chapters button{color:#765f80;text-align:left;background:0 0;border:0;border-bottom:2px solid #ded3e7;flex:1;justify-content:flex-start;align-items:center;gap:8px;padding:4px 5px 10px;font-size:10px;display:flex;position:relative;overflow:hidden}.demo-chapters button>span{color:#7b6386;font:8px/1 Consolas,monospace}.demo-chapters button[aria-pressed=true]{color:#634078}.demo-chapters button[aria-pressed=true]>span{color:#805594}.demo-chapters button>i{transform-origin:0;background:#8c66a5;height:2px;position:absolute;bottom:0;left:0;right:0}.demo-chapters button:hover{color:#5a2f73;background:#e8ddee55}.demo-player__try{color:#654379;flex:none;justify-content:flex-end;align-items:center;gap:15px;font-size:10px;font-weight:600;text-decoration:none;display:flex}.demo-player__try:hover{color:#3d1e50}@container editing-demo (width<=1100px){.edit-workspace{grid-template-columns:140px minmax(0,1fr) 185px}.edit-canvas{padding-inline:24px}.edit-document{--type-scale:.88}.edit-document-nav{margin-inline:24px}.edit-document-content{padding-inline:24px}.edit-layer{font-size:8px}.edit-layer.is-leaf{padding-left:21px}}@container editing-demo (width<=900px){.edit-workspace{grid-template-columns:minmax(0,1fr) 185px}.edit-layers{display:none}.edit-document{--type-scale:.94}.edit-topbar .demo-brand>span,.edit-topbar .demo-brand small{display:none}.demo-player{gap:18px;padding-inline:16px}.demo-chapters,.demo-player__try{gap:8px}.demo-story{padding-inline:20px}}@container editing-demo (width<=620px){.demo-story{gap:13px;min-height:96px;padding:18px 16px}.demo-story__number{gap:4px;font-size:30px}.demo-story__number>span{font-size:7px}.demo-story__copy h3{letter-spacing:-.5px;font-size:14px}.demo-story__copy p{max-width:240px;font-size:9px;line-height:1.6}.demo-story__badge{display:none}.edit-topbar{gap:8px;height:49px;padding-inline:12px}.edit-topbar .demo-brand{gap:5px}.edit-topbar .demo-brand strong{font-size:10px}.edit-topbar .demo-brand svg{width:20px;height:20px}.edit-modes>span{gap:5px;padding:6px 8px;font-size:8px}.edit-export{gap:8px;padding:7px 8px;font-size:8px}.edit-workspace{flex-direction:column;height:590px;display:flex}.edit-canvas{flex:1;padding:14px 17px 0}.edit-document{--type-scale:.76;max-width:430px}.edit-document-nav{margin-inline:23px;padding-block:18px 14px}.edit-document-nav strong{font-size:23px}.edit-document-nav>span{gap:8px;font-size:4px}.edit-document-content{padding-inline:23px}.edit-heading h3{letter-spacing:-1.2px}.edit-heading{margin-top:16px}.edit-document-content>p{font-size:8px}.edit-artwork>span{font-size:7px;top:19px;left:22px}.edit-artwork em{font-size:27px}.edit-artwork small{font-size:4px;bottom:14px;left:22px}.edit-artwork{min-height:90px}.edit-canvas-foot{min-height:30px;font-size:6px}.edit-canvas-foot>span:last-child{display:none}.edit-inspector{z-index:5;border-top:1px solid #dcd4e5;border-left:0;flex:none;height:103px;padding:8px 11px 11px}.edit-inspector>.edit-panel-heading{height:23px;margin-bottom:5px;font-size:8px}.edit-inspector>.edit-panel-heading code{padding:2px 4px;font-size:7px}.edit-inspector>.edit-inspector-label,.edit-inspector-details,.edit-inspector-foot,.edit-field--weight{display:none}.edit-properties{grid-template-columns:1.7fr .7fr 1.2fr .7fr;gap:5px}.edit-field{grid-column:auto;margin:0;padding:6px}.edit-field small{margin-bottom:6px;font-size:6px}.edit-field strong{gap:4px;font-size:8px}.edit-field strong>span{font-size:6px}.edit-field--color strong{gap:4px;font-size:7px}.edit-field--color strong>i{flex:none;width:8px;height:8px}.edit-font-menu,.edit-color-menu{width:180px;inset:auto auto calc(100% + 6px) -4px}.edit-color-menu{width:175px;left:auto;right:-35px}.edit-code-panel{inset:35px 11px 30px}.edit-code-lines{padding-top:15px;font-size:9px;line-height:1.9}.edit-code-lines>div:before{width:23px;margin-right:7px}.edit-code-lines .is-changed:before{width:21px}.edit-code-heading{padding:12px}.edit-code-heading>span{font-size:7px}.edit-code-heading>span:last-child{font-size:5px}.edit-code-foot{padding:12px 15px;font-size:10px}.edit-code-foot small{font-size:7px}.edit-finish{gap:9px;padding:12px 16px;bottom:42px}.edit-finish>div{font-size:11px}.edit-finish small{font-size:7px}.demo-player{flex-wrap:wrap;gap:12px;padding:13px 15px}.demo-player__transport{order:1;gap:7px}.demo-player__try{order:2;margin-left:auto;font-size:10px}.demo-chapters{flex-basis:100%;gap:13px}.demo-chapters button{gap:6px;min-height:34px;font-size:10px}.demo-chapters button>span{font-size:7px}.demo-play,.demo-replay{width:31px;height:31px}.demo-time{font-size:9px}}@container editing-demo (width<=380px){.edit-document{--type-scale:.63}.edit-canvas{padding-inline:12px}.edit-document-content{padding-inline:18px}.edit-document-nav{margin-inline:18px}.edit-document-nav>span{letter-spacing:.4px}.edit-document-nav strong{font-size:21px}.edit-topbar .demo-brand strong{display:none}.edit-tag{font-size:5px}.edit-field--color strong{font-size:6px}.edit-field strong>span{display:none}.demo-chapters{gap:8px}.demo-chapters button{gap:4px;font-size:9px}.demo-story__copy h3{font-size:13px}.edit-document-content>p{font-size:7px}.edit-cursor>svg{width:22px;height:26px}.edit-cursor>span{font-size:7px;top:22px;left:16px}}@media (prefers-reduced-motion:reduce){.edit-cursor{display:none}}@container editing-demo (width<=310px){.edit-document{--type-scale:.53}}.edit-code-lines{font-size:12px;line-height:1.9}@container editing-demo (width<=900px){.edit-code-lines{font-size:10px}}@container editing-demo (width<=620px){.edit-code-lines{font-size:9px}}.edit-field strong>.edit-number-value{color:#594263;font-size:9px;line-height:1.3;display:inline-block}.edit-number-value.is-selected{color:#23324b;background:#bcd6ff;box-shadow:2px 0 #bcd6ff,-2px 0 #bcd6ff}.edit-number-caret{vertical-align:-.1em;background:#66447b;width:1px;height:1em;margin-left:1px;display:inline-block}.edit-input-hint{z-index:8;color:#654c76;white-space:nowrap;background:#fffcff;border:1px solid #d4c6df;border-radius:5px;justify-content:center;align-items:center;gap:5px;min-width:146px;padding:9px 10px;font-size:9px;display:flex;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 6px 18px #42235320}.edit-input-hint kbd{background:#f0e8f6;border:1px solid #d8cce3;border-radius:3px;padding:2px 4px;font:8px/1.3 Manrope,sans-serif}.edit-input-hint svg{width:12px;height:12px}.edit-color-picker{z-index:7;color:#634c72;pointer-events:none;background:#fffaff;border:1px solid #cfc3d8;border-radius:7px;width:220px;padding:12px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 15px 35px #38214835}.edit-picker-title{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;font-weight:500;display:flex}.edit-picker-title span{color:#796487;font:8px/1 Consolas,monospace}.edit-picker-spectrum{background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border:1px solid #503b5820;border-radius:3px;height:112px;position:relative}.edit-picker-spectrum>i{border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006,0 1px 4px #0005}.edit-picker-tools{align-items:center;gap:12px;margin:13px 0;display:flex}.edit-picker-preview{border:1px solid #0001;border-radius:50%;flex:none;width:24px;height:24px}.edit-picker-hue{background:linear-gradient(90deg,red 0%,#ff0 16.67%,#0f0 33.33%,#0ff 50%,#00f 66.67%,#f0f 83.33%,red 100%);border-radius:8px;flex:1;height:10px;position:relative}.edit-picker-hue i{background:0 0;border:2px solid #fff;border-radius:4px;width:8px;height:17px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #53376570}.edit-picker-rgb{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.edit-picker-rgb>div{text-align:center}.edit-picker-rgb b{color:#573e68;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #d9cde2;border-radius:3px;padding:6px 3px;font:10px/1 Consolas,monospace;display:block}.edit-picker-rgb span{color:#786184;margin-top:5px;font-size:7px;display:block}.edit-picker-hex{border-top:1px solid #e5dcea;align-items:center;gap:10px;margin-top:10px;padding-top:9px;font:10px/1 Consolas,monospace;display:flex}.edit-picker-hex>span{color:#796487;font-size:8px}.edit-picker-hex b{color:#563d66;font-weight:400}.edit-picker-hex svg{color:#7a6687;width:11px;height:11px;margin-left:auto}@container editing-demo (width<=620px){.edit-field strong>.edit-number-value{font-size:8px;display:inline-block}.edit-input-hint{min-width:134px;padding:8px;font-size:8px;top:auto;bottom:calc(100% + 7px)}.edit-color-picker{width:220px;top:auto;bottom:calc(100% + 7px);right:-28px}}.demo-deck{flex-direction:column;flex:1;justify-content:center;gap:12px;width:100%;max-width:680px;min-height:0;display:flex}.demo-deck-label{color:#756383;letter-spacing:.6px;justify-content:space-between;font:7px/1 Consolas,monospace;display:flex}.demo-deck-label b{font-weight:400}.edit-document.demo-slide{aspect-ratio:16/9;color:#fff;background:#17151f;flex:none;width:100%;max-width:none;display:block;position:relative;overflow:hidden;container-type:inline-size}.demo-slide-orb{aspect-ratio:1;background:#765df6;border-radius:50%;width:44%;position:absolute;top:-24%;right:-9%}.demo-slide-heading.edit-heading{z-index:2;width:59%;margin:0;position:absolute}.demo-slide-kicker{color:#bdadff;letter-spacing:.12em;font-size:1.05cqw}.demo-slide-heading.edit-heading h3{color:#f6f3ff;letter-spacing:-.23cqw;margin:3cqw 0 0;font:600 5.2cqw/1.08 Manrope,sans-serif}.demo-slide-heading h3>span{display:block}.demo-slide-heading p{color:#c8c2d3;margin:2.4cqw 0 0;font-size:1.65cqw}.demo-slide-heading .edit-selection{inset:-7px}.demo-slide-card{color:#32213c;background:#ffbd67;border-radius:1.8cqw;padding:2cqw;position:absolute;top:55.5556%;left:63%;transform:rotate(-7deg)}.demo-slide-card>span,.demo-slide-card>small{letter-spacing:.13em;font-size:.95cqw;display:block}.demo-slide-card strong{justify-content:space-between;margin:1.6cqw 0 1.2cqw;font:700 4.6cqw/1 Consolas,monospace;display:flex}.demo-slide-card strong i{font-style:normal;font-weight:400}.demo-slide-card.is-selected .edit-selection{opacity:1}.demo-slide-resize{opacity:0;background:#fff;border:1px solid #9270b3;width:7px;height:7px;position:absolute;bottom:-10px;right:-10px}.demo-slide-card.is-selected .demo-slide-resize{opacity:1}.demo-slide-guide{border-left:1px dashed #c1a5ff;position:absolute;inset-block:0}.demo-slide-guide span{color:#d0b7ff;font:7px/1 Consolas,monospace;position:absolute;bottom:12%;left:5px}.demo-slide-footer{color:#aca1c0;justify-content:space-between;align-items:center;font-size:1.05cqw;display:flex;position:absolute;bottom:6%;left:8%;right:8%}.demo-slide-footer>span:first-child{align-items:center;gap:.7cqw;display:flex}.demo-slide-footer svg{color:#c9b3ff;width:2cqw;height:2cqw}.demo-filmstrip{justify-content:center;gap:10px;display:flex}.demo-filmstrip>div{color:#625173;background:#f6f1fa;border:1px solid #cfc5d9;border-radius:4px;width:27%;padding:15px 10px;font-size:9px;position:relative}.demo-filmstrip>div:first-child{color:#d6c8f0;background:#25202f}.demo-filmstrip>div:nth-child(3){color:#426253;background:#dff7eb}.demo-filmstrip>div.is-active{outline-offset:3px;outline:2px solid #a281c0}.demo-filmstrip b{margin-bottom:9px;font:7px/1 Consolas,monospace;display:block}.demo-filmstrip span{font-size:8px}.demo-deck-caption{color:#76617f;text-align:center;font-size:8px}.demo-deck-caption>span{color:#ad98b9;margin-inline:8px}.demo-web-preview{flex-direction:column;flex:1;align-items:center;gap:12px;width:100%;min-height:0;display:flex}.demo-web-viewports{color:#74607e;justify-content:space-between;align-items:center;width:100%;font:7px/1.5 Consolas,monospace;display:flex}.demo-web-viewports>div{border:1px solid #cdc2d8;border-radius:4px;gap:4px;padding:3px;display:flex}.demo-web-viewports>div>span{border-radius:3px;padding:5px 8px}.demo-web-viewports .is-active{color:#624276;background:#fdf9ff;box-shadow:0 1px 3px #4526501a}.demo-web-viewports b{text-align:right;min-width:38px;font-weight:400}.edit-document.demo-web{color:#1f2724;background:#f7f8f3;flex:1;min-height:0;display:block;overflow:hidden}.demo-web-nav{border-bottom:1px solid #dfe4dc;justify-content:space-between;align-items:center;padding:17px 22px;display:flex}.demo-web-nav strong{letter-spacing:-.6px;align-items:center;gap:5px;font-size:14px;display:flex}.demo-web-nav svg{color:#24523b;width:20px;height:20px}.demo-web-nav>span{color:#51615a;font-size:7px}.demo-web-nav i{margin-left:9px;font-style:normal}.demo-web-hero{background:#e4f0e8;grid-template-columns:1.3fr 1fr;align-items:center;gap:22px;padding:35px 25px;display:grid}.demo-web-copy>span{color:#3f6d54;letter-spacing:1px;font-size:6px}.demo-web-copy h3{letter-spacing:-1.2px;margin:14px 0 0;font:650 clamp(20px,2.3vw,34px)/1.08 Manrope,sans-serif}.demo-web-copy h3 em{font-style:normal}.demo-web-copy p{color:#51615a;margin:15px 0;font-size:9px;line-height:1.7}.demo-web-copy>small{color:#51615a;margin-top:10px;font-size:6px;display:block}.demo-web-cta.edit-heading{border-radius:var(--web-radius);color:#fff;background:var(--web-button);justify-content:space-between;align-items:center;gap:12px;width:fit-content;min-width:145px;margin:0;padding:11px 12px;font-size:8px;display:flex}.demo-web-cta>b{font-size:12px;font-weight:400}.demo-web-cta .is-text-selected{color:#183b29;background:#b9d8ed}.demo-web-cta .edit-caret{background:#fff;height:1em}.demo-web-card{color:#fff;background:#24523b;border-radius:15px;padding:22px 19px;box-shadow:0 15px 30px #a8b8ad66}.demo-web-card>span{color:#d0e4d6;letter-spacing:.9px;font-size:5px}.demo-web-card-icon{color:#c8e7d2;border:1px solid #ffffff38;border-radius:8px;place-items:center;width:46px;height:42px;margin-top:20px;font:18px/1 Consolas,monospace;display:grid}.demo-web-card h4{letter-spacing:-.5px;margin:18px 0 8px;font-size:18px;font-weight:550;line-height:1.2}.demo-web-card p{color:#d9e7dd;margin:0;font-size:8px}.demo-web-card>div:last-child{color:#d0e4d6;border-top:1px solid #ffffff26;justify-content:space-between;margin-top:21px;padding-top:10px;font-size:6px;display:flex}.demo-web-features{background:#fff;grid-template-columns:repeat(3,1fr);gap:10px;padding:22px;display:grid}.demo-web-features>div{border:1px solid #e3e5df;border-radius:8px;padding:13px 10px}.demo-web-features span{color:#456c55;font-size:7px}.demo-web-features h4{margin:9px 0 6px;font-size:10px;font-weight:600}.demo-web-features p{color:#56645a;margin:0;font-size:7px;line-height:1.5}.demo-web footer{color:#526759;letter-spacing:.6px;justify-content:space-between;padding:15px 22px;font-size:6px;display:flex}.demo-web.is-narrow{overflow:hidden}.demo-web.is-narrow .demo-web-hero{grid-template-columns:1fr;gap:22px;padding:24px}.demo-web.is-narrow .demo-web-copy h3{font-size:30px}.demo-web.is-narrow .demo-web-card{padding:20px}.demo-web.is-narrow .demo-web-card-icon{float:right;margin-top:13px}.demo-web.is-narrow .demo-web-card h4{margin-top:14px}.demo-web.is-narrow .demo-web-features{grid-template-columns:1fr}.demo-web.is-narrow .demo-web-nav{padding-inline:16px}.demo-web.is-narrow .demo-web-nav>span{font-size:6px}.demo-slide-inspector .edit-properties{grid-template-columns:1fr 1fr}.demo-slide-inspector .edit-properties .edit-field{grid-column:auto}.demo-slide-inspector .edit-drag-state{color:#79528e;text-align:center;background:#f0e6f8;border-radius:4px;grid-column:1/-1;padding:13px 8px;font-size:9px}.demo-position-readout{color:#785d87;margin-top:10px;font:8px/1.8 Consolas,monospace}@container editing-demo (width<=1100px){.demo-web-hero{gap:12px;padding:25px 18px}.demo-web-copy h3{font-size:25px}.demo-web-card{padding:18px 13px}.demo-web-card h4{font-size:15px}.demo-web-features{gap:7px;padding:15px}.demo-web-features>div{padding:10px 7px}}@container editing-demo (width<=620px){.demo-deck{gap:19px}.demo-filmstrip{gap:8px}.demo-filmstrip>div{padding:12px 7px}.demo-filmstrip span,.demo-deck-caption{font-size:6px}.demo-deck-caption>span{margin-inline:4px}.demo-slide-kicker{font-size:1.4cqw}.demo-slide-heading.edit-heading h3{font-size:5.4cqw}.demo-slide-heading p{font-size:1.8cqw}.demo-slide-inspector .edit-properties{grid-template-columns:repeat(4,1fr)}.demo-slide-inspector .edit-drag-state,.demo-position-readout{display:none}.demo-web-viewports{font-size:6px}.demo-web-viewports>span{display:none}.demo-web-viewports>div>span{padding:4px 9px}.demo-web-preview{gap:9px}.demo-web-nav{padding:14px 13px}.demo-web-nav strong{font-size:11px}.demo-web-nav svg{width:16px;height:16px}.demo-web-nav>span{font-size:6px}.demo-web-hero{grid-template-columns:1.3fr 1fr;gap:12px;padding:21px 14px}.demo-web-copy>span{letter-spacing:.5px;font-size:4px}.demo-web-copy h3{letter-spacing:-.8px;margin-top:10px;font-size:21px}.demo-web-copy p{margin:12px 0;font-size:7px}.demo-web-cta.edit-heading{gap:6px;min-width:0;padding:8px;font-size:6px}.demo-web-copy>small{font-size:5px}.demo-web-card{border-radius:10px;padding:14px 10px}.demo-web-card>span{letter-spacing:.3px;font-size:4px}.demo-web-card-icon{width:30px;height:30px;margin-top:14px;font-size:14px}.demo-web-card h4{margin-top:12px;font-size:13px}.demo-web-card p{font-size:6px}.demo-web-card>div:last-child{margin-top:15px;font-size:5px}.demo-web-features{gap:6px;padding:13px}.demo-web-features>div{border-radius:5px;padding:10px 6px}.demo-web-features h4{font-size:8px}.demo-web-features p{font-size:6px}.demo-web footer{letter-spacing:0;padding:13px;font-size:5px}.demo-web.is-narrow .demo-web-hero{padding:22px 18px}.demo-web.is-narrow .demo-web-copy h3{font-size:27px}.demo-web.is-narrow .demo-web-copy p{font-size:9px}.demo-web.is-narrow .demo-web-cta{padding:11px 12px;font-size:8px}.demo-web.is-narrow .demo-web-card h4{font-size:18px}.demo-web.is-narrow .demo-web-card>span{font-size:6px}}@font-face{font-family:Manrope;src:url(/visual-html-editor/fonts/manrope-regular.woff2)format("woff2");font-weight:400 500;font-display:swap}@font-face{font-family:Manrope;src:url(/visual-html-editor/fonts/manrope-semibold.woff2)format("woff2");font-weight:600 700;font-display:swap}@font-face{font-family:Manrope;src:url(/visual-html-editor/fonts/manrope-extrabold.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/visual-html-editor/fonts/instrument-serif-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}:root{color:#f4f2f7;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#0b0c10;font-family:Manrope,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{min-width:320px;margin:0}a{color:inherit}button{font:inherit}::selection{color:#17131e;background:#cbbafa}:where(a,button):focus-visible{outline-offset:5px;outline:2px solid #baadf8}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:#18131f;background:#e0d5ff;border-radius:6px;padding:14px 20px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:16px}.editor-page{background:#e8ecf3;width:100%;height:100vh;min-height:680px;animation:.26s cubic-bezier(.2,.8,.2,1) both route-enter;overflow:hidden}.editor-page__workspace{width:100%;height:100%;min-height:0;position:relative}.editor-page__surface{width:100%;height:100%;animation:.22s cubic-bezier(.2,.8,.2,1) both editor-surface-in;position:relative}.editor-page__surface>.vhe-root{width:100%;height:100%;min-height:0;box-shadow:none;border:0;border-radius:0}.editor-page__import-prompt{z-index:24;color:#3f3748;background:#fffffff7;border:1px solid #d9d2e4;border-radius:10px;align-items:center;gap:16px;width:min(620px,100% - 40px);padding:13px 42px 13px 16px;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%);box-shadow:0 16px 42px #281f3629}.editor-page__import-prompt>div{flex:1;min-width:0}.editor-page__import-prompt strong{font-size:12px}.editor-page__import-prompt p{color:#746b7d;margin:3px 0 0;font-size:10px;line-height:1.45}.editor-page__import-prompt .vhe-button{white-space:nowrap;flex:none}.editor-page__import-dismiss{color:#817789;cursor:pointer;background:0 0;border:0;padding:3px;font-size:18px;line-height:1;position:absolute;top:8px;right:10px}.editor-page__export{z-index:30;color:#173d2b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#b8fad8eb;border:1px solid #97f0c47a;border-radius:99px;padding:9px 14px;font-size:11px;font-weight:700;animation:.18s ease-out both toast-enter;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #2c78502e}.editor-page__switching{z-index:25;color:#e7e3ed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1d1b23e0;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:8px;padding:8px 12px;font-size:10px;display:flex;position:absolute;top:76px;right:18px;box-shadow:0 12px 30px #1b18232e}.editor-page__switching span{border:2px solid #d5d0ec;border-top-color:#665bea;border-radius:50%;width:8px;height:8px;animation:.7s linear infinite loading-spin}.editor-page__loading{color:#aaa5b0;background:radial-gradient(circle at 50% 42%,#24232b,#16161b 68%);align-content:center;place-items:center;gap:7px;width:100%;height:100%;display:grid}.editor-page__loading-mark{color:#fff;letter-spacing:-.04em;background:linear-gradient(145deg,#6c7df0,#465bd8);border:1px solid #465bd8;border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:8px;font:780 17px/1 DM Sans,sans-serif;display:grid;box-shadow:0 12px 32px #465bd838}.editor-page__loading strong{color:#f5f3f8;font-size:14px}.editor-page__loading small{font-size:10px}.editor-profile-switcher{background:#edf0f5;border:1px solid #d9dfe8;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;width:220px;height:34px;padding:3px;display:grid;box-shadow:inset 0 1px 2px #1f273a09}.editor-profile-switcher button{color:#596171;cursor:pointer;background:0 0;border:0;border-radius:7px;min-width:0;padding:0 10px;transition:color .12s,background .12s,box-shadow .12s,transform .12s}.editor-profile-switcher button:focus{outline:none}.editor-profile-switcher button:active{color:#3549c4;background:#e1e6ff;transform:none}.controlled-page{background:#e8ecf3;width:100%;min-height:100vh;padding:62px 12px 12px;position:relative}.controlled-page>.vhe-root{border-radius:12px;width:100%;height:calc(100vh - 74px);min-height:680px}.controlled-page__status{z-index:20;color:#646c7b;background:#fffffff5;border:1px solid #1f273a1a;border-radius:10px;align-items:center;gap:10px;height:40px;padding:0 12px;font-size:10px;display:flex;position:absolute;top:12px;left:12px;right:12px;box-shadow:0 8px 24px #1f273a14}.controlled-page__status span{white-space:nowrap;border-right:1px solid #dce1ea;padding-right:10px}.controlled-page__status button{color:#48505f;cursor:pointer;background:#fff;border:1px solid #d9dfe8;border-radius:7px;height:26px;padding:0 9px;font-size:10px}.controlled-page__status button:first-of-type{margin-left:auto}.editor-profile-switcher{width:236px;height:38px;box-shadow:none;background:#111216;border-color:#393941;border-radius:7px;padding:4px}.editor-profile-switcher button{color:#b2afbc;border-radius:4px}.editor-profile-switcher strong{font-size:11px;font-weight:500}.editor-profile-switcher button:hover{color:#fff;background:#33313a}.editor-profile-switcher button[aria-selected=true]{color:#efe9ff;background:#39333f;box-shadow:0 1px 4px #0002}.editor-profile-switcher button:focus-visible{box-shadow:inset 0 0 0 2px #c5b2fd}.editor-page{background:#ededf1;height:100dvh}.editor-page__export{border-radius:8px;top:auto;bottom:46px}.editor-page__loading-mark{box-shadow:none;color:#c4b5ed;background:0 0;border:0}.editor-page__loading-mark svg{width:40px;height:40px}.route-loading{color:#a7a0b3;background:#0b0c10;place-content:center;justify-items:center;gap:14px;min-height:100dvh;font-size:13px;display:grid}.route-loading>span{color:#d2bfff;place-items:center;width:42px;height:42px;display:grid}.route-loading svg{width:40px;height:40px}@keyframes route-enter{0%{opacity:0}to{opacity:1}}@keyframes editor-surface-in{0%{opacity:0}to{opacity:1}}@keyframes toast-enter{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (width<=900px){.editor-page{height:auto;min-height:100dvh;overflow:auto}.editor-page__surface>.vhe-root{height:auto;min-height:1050px}.editor-profile-switcher{width:195px}}@media (width<=620px){.editor-profile-switcher{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.landing-page{--ink:#0b0c10;--paper:#efedf2;--lavender:#c4afff;--subtle:#a5a2ae;background:var(--ink);overflow:clip}.section-wrap,.landing-nav,.landing-hero{width:min(1280px,100% - 112px);margin-inline:auto}.landing-nav{z-index:4;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:32px;height:100px;display:flex;position:relative}.wordmark{color:#f6f3fc;flex:none;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.wordmark>svg{color:#c9b3ff;width:39px;height:39px}.wordmark>span{letter-spacing:-1.2px;font-size:22px;font-weight:800;position:relative}.wordmark__html{color:#b4b0be;font-weight:400}.wordmark sup{color:#93899f;vertical-align:top;letter-spacing:0;margin-left:3px;font-size:9px;font-weight:400}.landing-nav nav{color:#aaa6b3;align-items:center;gap:35px;padding-left:45px;font-size:11px;display:flex}.landing-nav nav a{padding-block:10px;text-decoration:none;transition:color .18s;position:relative}.landing-nav nav a:after{transform-origin:0;content:"";background:#c5afff;height:1px;transition:transform .22s;position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0)}.landing-nav nav a:hover{color:#fff}.landing-nav nav a:hover:after{transform:scaleX(1)}.nav-code{color:#79717f;margin-left:5px}.nav-open{color:#efeaf6;border:1px solid #ffffff35;border-radius:6px;align-items:center;gap:24px;padding:11px 16px;font-size:11px;text-decoration:none;transition:background .18s,border-color .18s;display:flex}.nav-open:hover{background:#ffffff0c;border-color:#bba8e6}.nav-open svg{width:15px;height:15px}.landing-hero{min-height:760px;padding-top:93px;position:relative}.hero-art{z-index:0;pointer-events:none;width:87%;transform:translate3d(var(--art-x,0px), var(--art-y,0px), 0);transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;top:37px;left:39%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 21% 90%,#0000),linear-gradient(#0000,#000 13% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 21% 90%,#0000),linear-gradient(#0000,#000 13% 82%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-art img{mix-blend-mode:screen;width:100%;height:auto;animation:1.4s cubic-bezier(.16,1,.3,1) both artwork-enter;display:block}.landing-hero__copy{z-index:2;pointer-events:none;width:65%;position:relative}.landing-hero__copy a{pointer-events:auto}.eyebrow{color:#9992a4;letter-spacing:1.5px;align-items:center;gap:10px;margin:0 0 24px;font-size:9px;font-weight:500;line-height:1.6;display:flex}.live-dot{background:#c3adfa;border-radius:50%;flex:none;width:5px;height:5px;display:inline-block;box-shadow:0 0 9px #c3adfa55}.hero-eyebrow{color:#b0a7c0;font-size:8px;animation:.7s 80ms both copy-enter}.landing-hero h1{letter-spacing:-.075em;width:fit-content;margin:33px 0 0;font-size:clamp(80px,8.8vw,128px);font-weight:600;line-height:1.06;animation:.9s cubic-bezier(.16,1,.3,1) .14s both copy-enter;position:relative}.landing-hero h1 em{color:#cab5ff;letter-spacing:-.035em;margin-top:-5px;padding-right:.08em;font:italic 400 1.27em/.9 Instrument Serif,Georgia,serif;display:inline-block}.landing-hero__lede{color:#aaa6b4;margin:33px 0 0;font-size:13px;line-height:1.9;animation:.8s .25s both copy-enter}.landing-hero__actions{align-items:center;gap:28px;margin-top:32px;animation:.8s .33s both copy-enter;display:flex}.button-light{color:#201729;background:#e6d9ff;border:1px solid #f0e8ff;border-radius:5px;justify-content:space-between;align-items:center;gap:38px;min-height:51px;padding:0 20px;font-size:12px;font-weight:600;text-decoration:none;transition:transform .22s cubic-bezier(.16,1,.3,1),background .22s,box-shadow .22s;display:inline-flex;box-shadow:inset 0 1px #fff,0 4px 18px #b29adf0d}.button-light svg{width:19px;height:19px;transition:transform .22s}.button-light:hover{background:#f5edff;transform:translateY(-3px);box-shadow:0 5px 26px #b7a0fa33}.button-light:hover svg{transform:translate(2px,-2px)}.button-light:active{transform:translateY(0)}.hero-explore{color:#ded8e9;align-items:center;gap:10px;font-size:11px;text-decoration:none;display:flex}.play-icon{border:1px solid #ffffff30;border-radius:50%;place-items:center;width:27px;height:27px;font-size:15px;transition:transform .2s,border-color .2s;display:grid}.hero-explore:hover .play-icon{border-color:#c4afff;transform:rotate(-45deg)}.hero-fineprint{color:#97909f;flex-wrap:wrap;align-items:center;gap:12px;margin-top:23px;font-size:9px;animation:.8s .42s both copy-enter;display:flex}.hero-fineprint a{color:#bdb5c8;text-underline-offset:3px;transition:color .18s}.hero-fineprint a:hover{color:#fff}.fineprint-line{background:#4d4556;width:20px;height:1px}.hero-bottom{color:#938b9e;letter-spacing:1.4px;justify-content:space-between;align-items:center;font-size:8px;display:flex;position:absolute;bottom:31px;left:0;right:0}.hero-bottom>div{align-items:center;gap:27px;display:flex}.hero-bottom>div>span{letter-spacing:.3px;color:#c2bacd;font:italic 15px/1 Instrument Serif,Georgia,serif}.hero-bottom a{color:#d2c4e6;border:1px solid #3c3347;border-radius:50%;place-items:center;width:31px;height:31px;font-size:15px;text-decoration:none;display:grid}.format-strip{color:#c6c1d0;background:#111116;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:25px;min-height:125px;padding-inline:max(56px,50% - 640px);display:flex}.format-strip>span{letter-spacing:1.2px;color:#a09aa9;font-size:8px;line-height:1.9}.format-strip b{color:#ddd5e9;font-weight:400}.format-strip>div{letter-spacing:-.4px;align-items:center;gap:14px;font-size:15px;display:flex}.format-strip__icon{color:#9680bb;font-size:24px;font-weight:400}.landing-demo.section-wrap{color:#24212c;background:#efedf2;width:100%;padding:110px max(56px,50% - 640px) 54px}.section-heading{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:45px;display:flex}.section-index{color:#827591;margin-right:5px}.section-heading h2,.developer-section h2{letter-spacing:-2.7px;margin:0;font-size:clamp(37px,4.05vw,59px);font-weight:500;line-height:1.15}.section-heading h2 em,.developer-section h2 em{color:#a69ab9;letter-spacing:-1px;font:italic 400 1.16em/1.05 Instrument Serif,Georgia,serif}.landing-demo .eyebrow{color:#6e617f}.landing-demo h2 em{color:#77688b}.section-heading>p{color:#9f97ac;margin:0 0 6px;font-size:12px;line-height:1.9}.landing-demo .section-heading>p{color:#685d75}.demo-controls{justify-content:space-between;align-items:center;gap:18px;padding:0 0 19px;display:flex}.landing-example-tabs{align-items:center;gap:7px;display:flex}.landing-example-tabs button{color:#695c77;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:10px;min-height:38px;padding:0 15px;font-size:11px;transition:color .18s,background .18s,border-color .18s;display:flex}.landing-example-tabs button>span{color:#75677f;font:9px/1 Consolas,monospace}.landing-example-tabs button[aria-pressed=true]{color:#33283f;background:#fff;border-color:#d7d1df;box-shadow:0 2px 4px #30203b07}.landing-example-tabs button[aria-pressed=true]>span{color:#806395}.landing-example-tabs button:hover{color:#35203f;background:#ffffff80}.demo-controls__hint{color:#6e5e7c;letter-spacing:1px;align-items:center;gap:7px;font-size:7px;display:flex}.demo-controls__hint>span{background:#8d749f;border-radius:50%;width:4px;height:4px}.landing-motion__window{background:#fff;border:1px solid #c8c2d0;border-radius:9px;overflow:hidden;box-shadow:0 40px 70px -35px #372a4845,0 5px 10px #372a4808}.demo-brand{align-items:center;gap:9px;display:flex}.demo-brand svg{color:#c5aff3;width:23px;height:23px}.demo-brand strong{letter-spacing:-.4px;font-size:12px;font-weight:600}.demo-brand>span{color:#6f647d;margin-inline:12px}.demo-brand small{color:#a89cb7;font-size:9px}.landing-demo__caption{color:#6d5e7c;justify-content:space-between;align-items:center;gap:20px;padding-top:25px;font-size:10px;display:flex}.landing-demo__caption>span{align-items:center;gap:12px;display:flex}.caption-cross{color:#9b80b4;font-size:23px}.landing-demo__caption a{align-items:center;gap:14px;text-decoration:none;transition:gap .18s;display:flex}.landing-demo__caption a:hover{gap:20px}.landing-demo__caption svg{width:18px;height:18px}.landing-principles{padding-block:108px 95px}.principles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.principle-card{background:#141318;border:1px solid #ffffff14;border-radius:8px;transition:border-color .28s,transform .28s cubic-bezier(.16,1,.3,1);overflow:hidden}.principle-card:hover{border-color:#a78bc055;transform:translateY(-5px)}.principle-art{border-bottom:1px solid #ffffff0a;height:235px;position:relative;overflow:hidden}.principle-card__copy{padding:27px 26px 31px}.principle-card__copy>span{color:#a496b3;letter-spacing:1.2px;font-size:7px}.principle-card h3{color:#e4dfeb;letter-spacing:-.5px;margin:14px 0 12px;font-size:17px;font-weight:500;line-height:1.5}.principle-card p{color:#aaa0b5;margin:0;font-size:11px;line-height:1.9}.direct-art{background:radial-gradient(at 50% 130%,#6150753b,#0000 80%);place-items:center;display:grid}.direct-art__text{color:#d1c3de;letter-spacing:-1.2px;border:1px solid #b398ce;padding:12px 14px;font-size:28px;font-weight:400;position:relative;transform:rotate(-6deg)}.direct-art__text em{color:#e5c3a9;font:italic 39px/1 Instrument Serif,serif}.direct-art__text i{background:#1b1622;border:1px solid #b398ce;width:5px;height:5px;position:absolute}.direct-art__text i:first-of-type{top:-3px;left:-3px}.direct-art__text i:nth-of-type(2){top:-3px;right:-3px}.direct-art__text i:nth-of-type(3){bottom:-3px;left:-3px}.direct-art__text i:nth-of-type(4){bottom:-3px;right:-3px}.direct-art__cursor{color:#d2baf4;gap:2px;display:flex;position:absolute;top:60%;right:14%}.direct-art__cursor svg{width:21px;height:24px}.direct-art__cursor b{color:#2d193c;background:#d2baf4;border-radius:0 4px 4px;height:22px;margin-top:19px;padding:4px 8px;font-size:9px;font-weight:400}.direct-art__tag{color:#a38cb5;font:8px/1 Consolas,monospace;position:absolute;bottom:23px;left:25px}.source-art{background:linear-gradient(145deg,#1d1b25,#15131b);padding:27px 23px}.source-art__header{color:#ac9bbb;letter-spacing:.8px;align-items:center;gap:7px;font:7px/1 Consolas,monospace;display:flex}.source-art__header>span{background:#ae8fce;border-radius:50%;width:4px;height:4px}.source-art__header b{color:#92b9a0;margin-left:auto;font-size:11px}.source-art code{color:#bcb0c8;white-space:nowrap;margin-top:28px;font:10px/2.1 Consolas,monospace;display:block}.source-art code span{color:#9c7bb4}.source-art code i{color:#cead93;font-style:normal}.source-art__badge{color:#a6b698;background:#8cbd7610;border:1px solid #82987628;border-radius:4px;width:fit-content;margin-top:22px;padding:6px 8px;font-size:8px;display:block}.control-art{background:radial-gradient(at 80% 10%,#48384f40,#0000 90%);padding:28px}.control-art>div{color:#baaeca;background:#24202c;border:1px solid #ffffff0d;border-radius:5px;justify-content:space-between;align-items:center;margin-bottom:9px;padding:11px 12px;font-size:10px;display:flex}.fake-toggle{background:#bc9fdb;border-radius:20px;width:25px;height:14px;position:relative}.fake-toggle:after{content:"";background:#2c2139;border-radius:50%;width:8px;height:8px;position:absolute;top:3px;right:3px}.fake-toggle--off{background:#4c4356}.fake-toggle--off:after{background:#9b8daa;left:3px;right:auto}.control-art small{color:#ac98bb;letter-spacing:1px;margin-top:20px;font-size:6px;display:block}.developer-section{border-top:1px solid #ffffff12;grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding-block:76px 110px;display:grid}.developer-section>div>p:not(.eyebrow){color:#a99eb7;margin-top:25px;font-size:12px;line-height:1.9}.developer-tags{gap:9px;margin-top:24px;display:flex}.developer-tags span{color:#b2a2c7;border:1px solid #3a3047;border-radius:4px;padding:6px 10px;font-size:9px}.install-card{background:#18151e;border:1px solid #3a3045;border-radius:8px;overflow:hidden;transform:rotate(1deg);box-shadow:0 20px 55px #0003}.install-card__header{color:#b2a0c4;letter-spacing:.7px;background:#201b28;border-bottom:1px solid #352a401f;justify-content:space-between;padding:18px 22px;font:8px/1.5 Consolas,monospace;display:flex}.install-command{color:#dec9f4;background:#110e17;border-bottom:1px solid #ffffff09;align-items:center;gap:12px;padding:16px 22px;display:flex}.install-command>span{color:#aa85c8}.install-command code{font:12px/1.5 Consolas,monospace}.install-command button{color:#c5aedd;cursor:pointer;background:#251d30;border:1px solid #4b3d58;border-radius:4px;flex:none;place-items:center;width:29px;height:29px;margin-left:auto;font-size:19px;display:grid}.install-command button:hover{background:#3b2c4a}.install-code{color:#b9a6cb;padding:24px;font:12px/1.9 Consolas,monospace}.install-code span{color:#c6a4e3}.install-code i{color:#d0bda4;font-style:normal}.install-card__footer{color:#a893b9;letter-spacing:1px;border-top:1px solid #ffffff09;align-items:center;gap:8px;padding:14px 23px;font:7px/1.5 Consolas,monospace;display:flex}.landing-closing{text-align:center;background:radial-gradient(at 50% 100%,#4b305f80,#0000 65%),#141018;border-block:1px solid #d8bfff24;flex-direction:column;align-items:center;padding:100px 30px 92px;display:flex;position:relative;overflow:hidden}.landing-closing .eyebrow{z-index:1;color:#b29ac7;font-size:8px}.landing-closing h2{z-index:1;color:#eee3f5;letter-spacing:-6px;margin:10px 0 30px;font-size:clamp(60px,7vw,103px);font-weight:500;line-height:1.06}.landing-closing h2 em{color:#d8baf3;letter-spacing:-2px;font:italic 400 1.3em/.95 Instrument Serif,serif}.landing-closing .button-light{z-index:1;margin-top:10px}.closing-footnote{z-index:1;color:#b39bc4;letter-spacing:1px;margin-top:23px;font-size:7px}.closing-orbit{border:1px solid #ba91d329;border-radius:50%;width:1000px;height:470px;position:absolute;bottom:-230px;left:calc(50% - 500px);transform:rotate(-12deg)}.closing-orbit:before,.closing-orbit:after{content:"";border:1px solid #ba91d31c;border-radius:50%;position:absolute;inset:-40px}.closing-orbit:after{border-color:#ba91d30d;inset:-85px}.landing-footer{padding-top:58px}.footer-top{justify-content:space-between;align-items:center;padding-bottom:53px;display:flex}.footer-top>span{color:#b6a4c7;font-size:12px;line-height:1.8}.footer-top>span em{color:#cfb8e3;font:italic 20px/1.5 Instrument Serif,serif}.footer-top>a:last-child{color:#a393b4;align-items:center;gap:13px;font-size:10px;text-decoration:none;display:flex}.footer-top>a:last-child svg{width:14px;height:14px}.footer-bottom{color:#a797b8;letter-spacing:1px;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:18px;padding-block:23px;font-size:7px;display:flex}.footer-bottom a{text-decoration:none}.footer-bottom a:hover{color:#dfc2f7}@keyframes copy-enter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes artwork-enter{0%{opacity:0;transform:translate(35px,15px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@media (width>=1700px){.landing-hero{min-height:820px;padding-top:115px}.hero-art{width:90%;left:36%}}@media (width<=1100px){.section-wrap,.landing-nav,.landing-hero{width:calc(100% - 64px)}.landing-nav nav{gap:22px;padding-left:0}.landing-nav{gap:20px}.landing-nav nav a:nth-child(3){display:none}.landing-hero{min-height:670px;padding-top:80px}.hero-art{width:96%;top:76px;left:37%}.landing-hero h1{font-size:9.2vw}.format-strip{gap:20px;padding-inline:32px}.format-strip>div{gap:10px;font-size:12px}.format-strip>span{font-size:7px}.landing-demo.section-wrap{padding:80px 32px 42px}.demo-controls__hint{display:none}.principles-grid{gap:13px}.principle-art{height:210px}.principle-card__copy{padding:23px 20px 27px}.principle-card h3{font-size:15px}.principle-card p{font-size:10px}.direct-art__text{font-size:22px}.direct-art__text em{font-size:33px}.source-art{padding-inline:16px}.source-art code{font-size:8px}.control-art{padding-inline:17px}.developer-section{gap:45px}.developer-section h2{font-size:40px}.install-command{gap:8px;padding-inline:16px}.install-command code{font-size:10px}}@media (width<=760px){.section-wrap,.landing-nav,.landing-hero{width:calc(100% - 40px)}.landing-nav{height:78px}.landing-nav nav{display:none}.wordmark>svg{width:30px;height:30px}.wordmark>span{font-size:19px}.nav-open{gap:15px;padding:10px 12px;font-size:10px}.landing-hero{min-height:890px;padding-top:53px}.landing-hero__copy{width:100%}.hero-eyebrow{letter-spacing:.7px;font-size:6.5px}.landing-hero h1{letter-spacing:-.07em;margin-top:25px;font-size:clamp(64px,12.6vw,94px)}.landing-hero h1 em{font-size:1.35em}.landing-hero__lede{margin-top:28px;font-size:11px}.landing-hero__actions{gap:23px;margin-top:26px}.button-light{gap:29px;min-height:48px;padding-inline:16px;font-size:11px}.hero-explore{font-size:10px}.hero-fineprint{font-size:8px}.hero-art{width:136%;top:430px;left:-16%;-webkit-mask-image:linear-gradient(#0000,#000 16% 88%,#0000);mask-image:linear-gradient(#0000,#000 16% 88%,#0000)}.hero-bottom{letter-spacing:.7px;font-size:6px;bottom:22px}.hero-bottom>div>span{display:none}.hero-bottom>div{gap:0}.format-strip{grid-template-columns:1fr 1fr;gap:27px 15px;min-height:auto;padding:28px 20px;display:grid}.format-strip>span{font-size:6px}.format-strip>div{gap:8px;font-size:10px}.format-strip__icon{width:22px;font-size:20px}.landing-demo.section-wrap{padding:64px 20px 30px}.section-heading{margin-bottom:31px;display:block}.eyebrow{letter-spacing:.9px;margin-bottom:19px;font-size:7px}.section-heading h2,.developer-section h2{letter-spacing:-1.7px;font-size:clamp(33px,7vw,48px)}.section-heading h2 em,.developer-section h2 em{font-size:1.15em}.section-heading>p{margin:20px 0 0;font-size:11px}.demo-controls{padding-bottom:14px}.landing-example-tabs{gap:3px;width:100%}.landing-example-tabs button{flex:1;justify-content:center;gap:6px;min-height:40px;padding-inline:7px;font-size:9px}.landing-example-tabs button>span{font-size:7px}.demo-brand{gap:5px}.demo-brand>span,.demo-brand small{display:none}.demo-brand svg{width:21px;height:21px}.demo-brand strong{font-size:10px}.landing-demo__caption{gap:10px;padding-top:18px;font-size:8px}.landing-demo__caption>span{gap:7px}.caption-cross{font-size:18px}.landing-demo__caption a{gap:5px}.landing-demo__caption svg{width:14px}.landing-principles{padding-block:64px 55px}.principles-grid{grid-template-columns:1fr;gap:18px}.principle-art{height:220px}.principle-card__copy{padding:25px}.principle-card h3{font-size:18px}.principle-card p{font-size:12px}.principle-card__copy>span{font-size:8px}.direct-art__text{font-size:32px}.direct-art__text em{font-size:43px}.source-art{padding:25px}.source-art code{font-size:11px}.source-art__header{font-size:8px}.source-art__badge{margin-top:18px}.control-art{padding:25px}.control-art>div{font-size:11px}.control-art small{font-size:7px}.developer-section{grid-template-columns:1fr;gap:32px;padding-block:55px 65px}.developer-section>div>p:not(.eyebrow){font-size:12px}.install-card{transform:none}.install-command code{font-size:11px}.install-card__header{padding-inline:16px;font-size:7px}.install-code{padding:21px;font-size:11px}.landing-closing{padding:70px 20px 65px}.landing-closing h2{letter-spacing:-3.7px;margin-top:3px;font-size:clamp(60px,12vw,90px)}.landing-closing .eyebrow{letter-spacing:1px;font-size:6px}.closing-footnote{letter-spacing:.5px;font-size:6px}.landing-footer{padding-top:35px}.footer-top{flex-wrap:wrap;gap:24px;padding-bottom:30px}.footer-top>span{margin-left:auto;font-size:9px}.footer-top>span em{font-size:16px}.footer-top>a:last-child{width:100%;font-size:9px}.footer-bottom{flex-wrap:wrap;gap:18px;font-size:6px}.footer-bottom>span:first-child{width:100%}.footer-bottom>span:last-child{margin-left:auto}}@media (width<=380px){.landing-hero h1{font-size:59px}.hero-eyebrow{letter-spacing:.5px;font-size:5.5px}.landing-hero__actions{gap:16px}.hero-explore{font-size:9px}.button-light{gap:20px}.landing-hero{min-height:840px}.hero-art{top:432px}.landing-example-tabs button{padding-inline:5px;font-size:8px}.install-command code{font-size:9px}.wordmark>span{font-size:17px}}@media (prefers-reduced-motion:reduce){.hero-art{transform:none!important}.landing-hero__copy *,.hero-art img{animation:none!important}}.landing-demo .section-index{color:#736080}.install-feedback{color:#c2a9db;background:#18151e;min-height:14px;margin:0;padding:3px 24px 0;font:9px/1.4 Manrope,sans-serif}.landing-demo :where(a,button):focus-visible{outline-color:#7955a5}.landing-nav nav,.nav-open{font-size:12px}.landing-hero__lede{font-size:15px}.hero-fineprint{font-size:10px}.section-heading>p,.developer-section>div>p:not(.eyebrow){font-size:14px}.principle-card p{font-size:13px}.principle-card h3{font-size:18px}@media (width<=1100px){.principle-card h3{font-size:16px}.principle-card p{font-size:12px}}@media (width<=760px){.nav-open{font-size:10px}.landing-hero__lede{font-size:12px}.hero-fineprint{font-size:8px}.section-heading>p,.developer-section>div>p:not(.eyebrow){font-size:12px}.principle-card p{font-size:13px}.principle-card h3{font-size:18px}.landing-hero{min-height:clamp(890px,515px + 90vw,1080px)}}