.demo-story{--demo-ink:#302638;--demo-muted:#82768c;--demo-purple:#7750a1;--demo-paper:#f8f5fa;--demo-pointer-x:65%;--demo-pointer-y:40%;isolation:isolate;color:#f6eefc;background:#100c18;min-height:100svh;position:relative;overflow:clip}.demo-story button,.demo-story a{touch-action:manipulation}.demo-story :is(a,button,input,textarea):focus-visible{outline-offset:4px;outline:2px solid #cda5ec}.demo-room-light{z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--demo-pointer-x) var(--demo-pointer-y),#68527620,transparent 53%);position:absolute;inset:0;overflow:hidden}.demo-room-light i{filter:blur(80px);opacity:.23;border-radius:50%;width:750px;height:650px;display:block;position:absolute}.demo-room-light i:first-child{background:radial-gradient(#9d71bf,#0000 66%);top:2%;left:36%}.demo-room-light i:nth-child(2){opacity:.16;background:radial-gradient(#8a4866,#0000 68%);top:40%;left:2%}.demo-room-light i:nth-child(3){filter:none;opacity:.06;border:1px solid #dcc4ef;width:1200px;height:1200px;top:-390px;right:-380px}.demo-story[data-motion=true] .demo-room-light i:first-child{animation:22s ease-in-out infinite alternate demo-light-breathe}.demo-story[data-motion=true] .demo-room-light i:nth-child(2){animation:27s ease-in-out -10s infinite alternate-reverse demo-light-breathe}@keyframes demo-light-breathe{to{opacity:.35;transform:translate(80px,-60px)scale(1.2)}}.demo-masthead{justify-content:space-between;align-items:center;gap:24px;max-width:1800px;height:96px;margin:0 auto;padding:0 clamp(25px,4vw,70px);display:flex}.demo-brand{width:136px}.demo-edition{color:#aa99ba;letter-spacing:.13em;align-items:center;gap:9px;font-size:10px;display:flex}.demo-edition i{background:#d3adeb;border-radius:50%;width:5px;height:5px;box-shadow:0 0 18px #bb8bc3}.demo-exit{color:#d8c5e3;background:#dcc5f20a;border:1px solid #c9a1dd35;border-radius:8px;align-items:center;gap:14px;padding:11px 15px;font-size:12px;transition:background .2s;display:flex}.demo-exit:hover{background:#dcc5f219}.demo-composition{grid-template-columns:minmax(245px,.78fr) minmax(0,2.25fr);align-items:center;gap:clamp(25px,4vw,74px);max-width:1690px;min-height:calc(100svh - 167px);margin:0 auto;padding:34px clamp(25px,4vw,70px) 28px;display:grid}.demo-narrative{padding-block:22px 55px}.demo-chapter{letter-spacing:.1em;color:#b29bc2;white-space:nowrap;align-items:center;gap:9px;font-size:9px;display:flex}.demo-chapter>span{background:#9773a8;width:24px;height:1px}.demo-narrative h1{letter-spacing:-.06em;margin-top:30px;font-size:clamp(34px,3.3vw,55px);font-weight:500;line-height:1.14}.demo-narrative h1 em{color:#cfaddf;font-style:normal}.demo-narrative-copy>p{color:#b5a5be;max-width:320px;margin-top:24px;font-size:14px;line-height:1.85}.demo-story-steps{gap:23px;margin:42px 0 0;padding:0;list-style:none;display:grid}.demo-story-steps li{opacity:.42;align-items:center;gap:15px;transition:opacity .5s;display:flex;position:relative}.demo-story-steps li:first-child:after{content:"";background:#c9a8dc44;width:1px;height:21px;position:absolute;top:37px;left:16px}.demo-story-steps li[data-active=true],.demo-story[data-stage=draft] .demo-story-steps li{opacity:1}.demo-story-steps li>span{color:#d7b8e6;border:1px solid #9a74b050;border-radius:50%;place-items:center;width:33px;height:33px;font-size:10px;display:grid}.demo-story-steps li[data-active=true]>span{background:#b894ce19;border-color:#af8bc0;box-shadow:0 0 23px #b88bce15}.demo-story-steps strong,.demo-story-steps small{display:block}.demo-story-steps strong{font-size:12px;font-weight:500}.demo-story-steps small{color:#a794b3;margin-top:5px;font-size:10px}.demo-promise{color:#9f8eab;align-items:flex-start;gap:12px;margin-top:45px;font-size:11px;line-height:1.7;display:flex}.demo-promise svg{color:#bda7cd;margin-top:2px}.demo-workspace-wrap{perspective:1400px;min-width:0}.demo-workspace{background:var(--demo-paper);color:var(--demo-ink);border:1px solid #dbc4e745;border-radius:18px;scroll-margin-top:14px;position:relative;overflow:clip;box-shadow:0 50px 100px #0005,0 0 90px #b99bc50d,inset 0 1px #ffffff80}.demo-project-bar{background:#fffdff;border-bottom:1px solid #46305012;align-items:center;gap:13px;min-height:68px;padding:14px 24px;display:flex}.demo-project-avatar{color:#865f44;background:#eed2b9;border-radius:9px;place-items:center;width:33px;height:33px;font-size:11px;display:grid}.demo-project-bar>div{gap:2px;display:grid}.demo-project-bar small{color:#9c8ca6;font-size:9px}.demo-project-bar strong{font-size:12px;font-weight:600}.demo-project-bar>svg{color:#a79aae;margin-inline:6px}.demo-current-section{color:#8d7a97;font-size:11px}.demo-safe-status{white-space:nowrap;color:#8f8197;align-items:center;gap:6px;margin-left:auto;font-size:9px;display:flex}.demo-safe-status i{background:#87a775;border-radius:50%;width:5px;height:5px}.demo-work-area{grid-template-columns:62px minmax(0,1fr);display:grid}.demo-project-nav{background:#f1edf5;border-right:1px solid #4630500e;flex-direction:column;align-items:center;gap:12px;padding:28px 10px;display:flex}.demo-project-nav>:is(a,button){color:#a494ae;border:1px solid #0000;border-radius:10px;place-items:center;width:39px;height:39px;transition:color .2s,background .2s;display:grid;position:relative}.demo-project-nav>:is(a,button):hover{color:#75508b;background:#e8dcef}.demo-project-nav>[aria-current=page]{color:#795192;background:#e6d9ef;border-color:#b795cb55}.demo-project-nav a svg:last-child{position:absolute;bottom:3px;right:3px}.demo-canvas{min-width:0;padding:28px clamp(18px,2.3vw,38px) 24px}.demo-canvas-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.demo-canvas-heading>div>span{letter-spacing:.11em;color:#ad98b7;font-size:8px;display:block}.demo-canvas-heading h2{letter-spacing:-.045em;outline:none;margin-top:8px;font-size:clamp(23px,2.3vw,34px);font-weight:500;line-height:1.2}.demo-canvas-count{color:#aa8bbb;letter-spacing:-.04em;font-size:24px;font-weight:400}.demo-canvas-count small{color:#b9a9c2;letter-spacing:.02em;font-size:10px}.demo-topic-grid{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;min-width:0;margin:0;padding:0;display:grid}.demo-topic{cursor:pointer;background:#fffdfd;border:1px solid #47344e1a;border-radius:13px;flex-direction:column;min-width:0;transition:border-color .25s,box-shadow .3s,translate .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #42304c04}.demo-topic>input{z-index:2;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.demo-topic:focus-within{outline-offset:3px;outline:2px solid #9870b5}.demo-topic:hover{border-color:#ba9cce;translate:0 -3px;box-shadow:0 12px 23px #61437912}.demo-topic[data-selected=true]{background:#fffbff;border-color:#a57bc0;box-shadow:0 0 0 2px #bca0d24a,0 9px 22px #65467a0a}.demo-topic-photo{border-radius:8px;height:clamp(125px,12vw,194px);margin:6px;position:relative;overflow:hidden}.demo-topic-photo>img{object-fit:cover;width:100%;height:100%;transition:scale .7s cubic-bezier(.2,.7,.2,1)}.demo-story[data-motion=true] .demo-topic:hover .demo-topic-photo>img{scale:1.055}.demo-topic-check{color:#7f528f;opacity:0;background:#fffffff2;border-radius:50%;place-items:center;width:24px;height:24px;transition:scale .3s,opacity .3s;display:grid;position:absolute;top:8px;right:8px;scale:.75;box-shadow:0 2px 7px #25183115}.demo-topic[data-selected=true] .demo-topic-check{opacity:1;scale:1}.demo-topic-copy{padding:12px 13px 16px}.demo-topic-copy>span{letter-spacing:.06em;color:#a490b1;font-size:7px;font-weight:600;display:block}.demo-topic-copy h3{letter-spacing:-.03em;min-height:2.8em;margin-top:8px;font-size:clamp(14px,1.2vw,19px);font-weight:600;line-height:1.4}.demo-topic-copy p{color:#9b8ca4;margin-top:10px;font-size:10px;line-height:1.7}.demo-topic-index{color:#ac95b8;border-top:1px solid #604c6a10;justify-content:space-between;align-items:center;margin:auto 13px 0;padding:10px 0;font-size:9px;display:flex}.demo-fact-strip{border-top:1px solid #50335f12;border-bottom:1px solid #50335f12;align-items:flex-start;gap:14px;min-height:66px;margin-top:23px;padding:15px 0;display:flex}.demo-fact-strip>span{letter-spacing:.045em;color:#a080b2;flex:0 0 128px;align-items:center;gap:7px;padding-top:2px;font-size:7px;display:flex}.demo-fact-strip>p{color:#89768f;font-size:11px;line-height:1.6}.demo-action-row,.demo-result-row{justify-content:space-between;align-items:center;gap:14px;margin-top:23px;display:flex}.demo-action-row>p{color:#a491af;align-items:center;gap:7px;font-size:9px;display:flex}.demo-story .demo-primary{color:#fff8ff;background:#79558e;border:1px solid #765184;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:15px;min-height:44px;padding:13px 19px;font-size:11px;font-weight:600;transition:background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 14px #6643771c,inset 0 1px #ffffff18}.demo-story .demo-primary:hover{background:#65417c;box-shadow:0 9px 20px #66437732}.demo-story .demo-primary:active{transform:translateY(1px)}.demo-primary svg{transition:translate .25s}.demo-primary:hover svg{translate:3px}.demo-workspace-footer{color:#b09dba;background:#eee9f2;border-top:1px solid #5943600d;justify-content:space-between;align-items:center;gap:16px;padding:15px 25px;font-size:8px;display:flex}.demo-workspace-footer>span:first-child{color:#91749f;align-items:center;gap:7px;display:flex}.demo-workspace-footer i{background:#ad8abe;border-radius:50%;width:4px;height:4px}.demo-understage{color:#7f6a8f;justify-content:space-between;align-items:center;gap:18px;padding:22px 2px 0;font-size:8px;display:flex}.demo-understage>span{letter-spacing:.07em;align-items:center;gap:12px;display:flex}.demo-understage>span>span{background:#7c638b50;width:46px;height:1px}.demo-understage button{color:#ac97b9;align-items:center;gap:7px;min-height:30px;display:flex}.demo-page-footer{color:#8d7a9a;justify-content:space-between;align-items:center;gap:24px;max-width:1690px;margin:0 auto;padding:22px clamp(25px,4vw,70px);font-size:10px;display:flex}.demo-page-footer a{align-items:center;gap:8px;display:flex}.demo-page-footer a:hover{color:#e0c5ee}.demo-page-footer>span{color:#6c597a}.demo-platform-tabs{background:#ede6f3;border:1px solid #9d80b223;border-radius:9px;align-items:center;gap:5px;margin-bottom:20px;padding:5px;display:flex}.demo-platform-tabs button{color:#9f8caa;border:1px solid #0000;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:38px;padding:6px 7px;font-size:10px;transition:background .25s,color .25s,box-shadow .25s;display:flex}.demo-platform-tabs button:hover{color:#6c477e}.demo-platform-tabs [aria-pressed=true]{color:#785786;background:#fffaff;border-color:#d5c5e0;box-shadow:0 2px 5px #6b42760c}.demo-platform-mark{border-radius:6px;flex:none;place-items:center;width:23px;height:23px;font-size:9px;font-weight:800;display:grid}.demo-platform-tg img{width:100%;height:100%}.demo-platform-vk{color:#4c7fcc;background:#e6effd}.demo-platform-ok{color:#c98347;background:#fff0e2}.demo-draft-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);align-items:start;gap:clamp(16px,2.4vw,35px);display:grid}.demo-editor{min-width:0}.demo-editor-source{color:#a686b4;align-items:flex-start;gap:8px;padding-bottom:20px;display:flex}.demo-editor-source>span{letter-spacing:.06em;font-size:7px;display:block}.demo-editor-source strong{letter-spacing:0;color:#765d80;margin-top:5px;font-size:11px;font-weight:500;line-height:1.5;display:block}.demo-editor>label{color:#8b749a;justify-content:space-between;align-items:center;margin:0 0 6px;font-size:10px;display:flex}.demo-editor label span{color:#b2a0bd;font-size:8px}.demo-editor input,.demo-editor textarea{color:#76627c;width:100%;font:inherit;background:#fffcff;border:1px solid #ac93bc48;border-radius:8px;margin-bottom:18px;padding:12px;font-size:11px;line-height:1.7;display:block}.demo-editor input{text-overflow:ellipsis}.demo-editor textarea{resize:vertical;min-height:158px;max-height:270px}.demo-editor :is(input,textarea):focus-visible{outline-color:#9770b1}.demo-edit-action{color:#896098;background:#f3ebf8;border:1px solid #b79aca66;border-radius:7px;align-items:center;gap:7px;min-height:34px;padding:7px 10px;font-size:10px;display:inline-flex}.demo-edit-action:hover{background:#e9dcf2}.demo-post-preview{background:#fffdfc;border:1px solid #9c809e30;border-radius:11px;min-width:0;overflow:hidden;box-shadow:0 9px 24px #5a3d6a10}.demo-post-preview>header{align-items:center;gap:8px;min-height:55px;padding:12px;display:flex}.demo-post-preview header>div{gap:3px;display:grid}.demo-post-preview header strong{font-size:10px;font-weight:600}.demo-post-preview header>div>span{color:#a092a8;font-size:8px}.demo-post-ellipsis{color:#baa9c2;margin-left:auto}.demo-post-image{height:clamp(150px,14vw,205px);overflow:hidden}.demo-post-image>img{object-fit:cover;width:100%;height:100%}.demo-post-image[data-flying=true]>img{opacity:0}.demo-post-copy{padding:17px 15px}.demo-post-copy h3{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:1.5}.demo-post-copy p{white-space:pre-wrap;overflow-wrap:anywhere;color:#938398;max-height:250px;margin-top:9px;font-size:10px;line-height:1.75;overflow-y:auto}.demo-post-preview>footer{color:#b19abc;border-top:1px solid #624c6d0e;align-items:center;gap:6px;padding:12px 15px;font-size:8px;display:flex}.demo-post-preview footer svg:last-child{color:#97ad81;margin-left:auto}.demo-result-row{border-top:1px solid #614c6d16;margin-top:23px;padding-top:20px}.demo-back{color:#9c81ae;align-items:center;gap:7px;padding:9px 0;font-size:10px;display:flex}.demo-back:hover{color:#69447e}.demo-flying-photo{z-index:100;pointer-events:none;object-fit:cover;transform-origin:0 0;will-change:transform;position:fixed;box-shadow:0 22px 60px #271d3640}.demo-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.demo-story[data-motion=true] :is(.demo-draft-scene,.demo-narrative-copy){animation:.7s cubic-bezier(.2,.8,.2,1) both demo-reveal}.demo-story[data-motion=true] .demo-fact-strip{animation:.35s both demo-reveal}@keyframes demo-reveal{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@media (min-width:1700px){.demo-topic-copy p{font-size:12px}.demo-topic-copy>span{font-size:9px}.demo-fact-strip>p{font-size:12px}.demo-action-row>p{font-size:11px}.demo-canvas{padding-block:37px}}@media (max-width:1100px){.demo-composition{grid-template-columns:1fr;gap:30px;max-width:930px;padding-top:25px}.demo-narrative{grid-template-columns:1.3fr 1fr;gap:15px 50px;padding:0;display:grid;position:relative}.demo-chapter{grid-column:1/-1}.demo-narrative h1{margin-top:6px;font-size:37px}.demo-narrative h1 br:nth-child(2){display:none}.demo-narrative h1 em:before{content:" "}.demo-narrative-copy>p{margin-top:16px;font-size:13px}.demo-story-steps{align-self:start;margin-top:14px}.demo-promise{grid-column:2;align-self:end;margin:-33px 0 0}.demo-topic-photo{height:180px}.demo-topic-copy h3{font-size:18px}.demo-topic-copy p{font-size:12px}.demo-topic-copy>span{font-size:8px}.demo-canvas{padding:28px}.demo-post-image{height:215px}.demo-post-copy p{font-size:12px}.demo-editor :is(input,textarea){font-size:13px}}@media (max-width:650px){.demo-masthead{gap:20px;height:76px;padding-inline:23px}.demo-brand{width:115px}.demo-edition{display:none}.demo-exit{gap:8px;padding:9px 12px;font-size:10px}.demo-composition{gap:24px;padding:18px 18px 22px}.demo-narrative{padding-inline:6px;display:block}.demo-chapter{margin-bottom:20px;font-size:8px}.demo-narrative h1{font-size:37px;line-height:1.13}.demo-narrative-copy>p{max-width:360px;margin-top:18px;font-size:12px;line-height:1.8}.demo-story-steps{gap:26px;margin-top:25px;display:flex}.demo-story-steps li{gap:9px}.demo-story-steps li>span{width:26px;height:26px;font-size:8px}.demo-story-steps li:after,.demo-story-steps small,.demo-promise{display:none}.demo-story-steps strong{font-size:10px}.demo-workspace{border-radius:13px}.demo-project-bar{gap:9px;min-height:62px;padding:12px 15px}.demo-project-bar>svg,.demo-current-section{display:none}.demo-project-bar strong{font-size:11px}.demo-safe-status{font-size:8px}.demo-work-area{display:block}.demo-project-nav{display:none}.demo-canvas{padding:23px 14px 18px}.demo-canvas-heading{margin-bottom:19px}.demo-canvas-heading h2{font-size:25px}.demo-canvas-heading>div>span{font-size:7px}.demo-topic-grid{grid-template-columns:1fr;gap:10px}.demo-topic{border-radius:10px;grid-template-columns:91px minmax(0,1fr) 24px;display:grid}.demo-topic-photo{border-radius:6px;height:91px;margin:5px}.demo-topic-copy{padding:15px 4px 12px 9px}.demo-topic-copy h3{min-height:0;margin-top:5px;font-size:13px}.demo-topic-copy p{margin-top:5px;font-size:10px;line-height:1.6}.demo-topic-copy>span{letter-spacing:.025em;font-size:6px}.demo-topic-check{width:19px;height:19px;top:5px;right:5px}.demo-topic-index{border:0;margin:auto 8px 11px 0;padding:0}.demo-topic-index svg{display:none}.demo-fact-strip{gap:8px;margin-top:17px;padding-block:15px;display:grid}.demo-fact-strip>span{font-size:7px}.demo-fact-strip>p{font-size:11px}.demo-action-row{flex-direction:column-reverse;align-items:stretch;gap:13px;margin-top:17px}.demo-action-row>p{justify-content:center;font-size:9px}.demo-story .demo-primary{min-height:46px;font-size:12px}.demo-workspace-footer{flex-wrap:wrap;justify-content:center;gap:7px 16px;padding:14px 10px;font-size:8px}.demo-understage{padding-top:14px}.demo-understage>span{gap:6px;font-size:7px}.demo-understage>span>span{width:16px}.demo-understage button{gap:5px;font-size:8px}.demo-platform-tabs{margin-bottom:18px}.demo-platform-tabs button{gap:5px;min-height:37px;padding-inline:3px;font-size:8px}.demo-platform-tabs .demo-platform-mark{width:18px;height:18px;font-size:7px}.demo-draft-layout{flex-direction:column-reverse;gap:23px;display:flex}.demo-post-preview,.demo-editor{width:100%}.demo-post-preview>header{padding:13px}.demo-post-image{height:220px}.demo-post-copy h3{font-size:16px}.demo-post-copy p{font-size:12px}.demo-editor-source{padding-bottom:18px}.demo-editor-source strong{font-size:12px}.demo-editor>label{font-size:11px}.demo-editor :is(input,textarea){font-size:16px}.demo-editor textarea{min-height:180px}.demo-edit-action{min-height:39px;font-size:11px}.demo-result-row{flex-direction:column-reverse;align-items:stretch;gap:9px;margin-top:19px}.demo-back{justify-content:center;padding:10px;font-size:11px}.demo-page-footer{flex-wrap:wrap;gap:20px;padding:10px 24px 25px;font-size:9px}.demo-page-footer>span{text-align:center;order:3;width:100%}}.demo-story[data-motion=false] *,.demo-story[data-motion=false] :before,.demo-story[data-motion=false] :after{transition:none!important;animation:none!important}.demo-topic-copy p,.demo-post-copy p{color:#77647f}.demo-topic-copy>span{color:#92749f}.demo-editor :is(input,textarea){color:#66516f}.demo-fact-strip>p{color:#786181}@media (min-width:651px){.demo-topic-copy p{font-size:12px}.demo-post-copy h3{font-size:16px}.demo-post-copy p{font-size:12px}.demo-editor :is(input,textarea){font-size:13px}.demo-story .demo-primary{font-size:12px}}@media (min-width:1101px) and (max-height:820px){.demo-masthead{height:74px}.demo-composition{min-height:calc(100svh - 140px);padding-top:6px;padding-bottom:14px}.demo-narrative{padding-block:0}.demo-narrative h1{margin-top:22px;font-size:39px}.demo-story-steps,.demo-promise{margin-top:30px}.demo-project-bar{min-height:58px;padding-block:10px}.demo-canvas{padding:20px 28px}.demo-canvas-heading{margin-bottom:18px}.demo-canvas-heading h2{margin-top:6px;font-size:28px}.demo-topic-photo{height:112px}.demo-topic-copy{padding:10px 13px 9px}.demo-topic-copy>span{font-size:8px}.demo-topic-copy h3{min-height:40px;margin-top:7px;font-size:15px}.demo-topic-copy p{display:none}.demo-topic-index{padding-block:7px}.demo-fact-strip{min-height:54px;margin-top:16px;padding-block:12px}.demo-action-row{margin-top:16px}.demo-workspace-footer{padding-block:12px}.demo-understage{padding-top:10px}.demo-platform-tabs{margin-bottom:16px}.demo-editor-source{padding-bottom:14px}.demo-editor input{margin-bottom:12px;padding-block:9px}.demo-editor textarea{min-height:138px;margin-bottom:12px}.demo-post-image{height:138px}.demo-post-copy{padding:12px 14px}.demo-post-copy p{max-height:147px}.demo-result-row{margin-top:15px;padding-top:15px}}@media (prefers-reduced-motion:reduce){.demo-story *,.demo-story :before,.demo-story :after{transition:none!important;animation:none!important}}