.creator-feature{min-height:506px}.creator-feature .feature-copy h2{max-width:none}.creator-feature .feature-copy h2 span{display:block}.creator-feature .feature-copy>p{max-width:460px}@media (min-width:1101px){.creator-feature{grid-template-columns:420px minmax(0,1fr);column-gap:max(72px,26.1905% - 156.857px)}.creator-feature>.feature-copy{container-type:inline-size}.creator-feature>.feature-copy h2{font-size:clamp(24px,7.5cqw,60.8px)}}.creator-preview{justify-self:start;width:min(100%,420px)}.creator-preview .creator-stage{isolation:isolate;color:#17181a;background:#f0eeea;border-radius:22px;height:506px;position:relative;overflow:hidden}.creator-preview .creator-brand{z-index:5;justify-content:space-between;align-items:center;transition:color .4s;display:flex;position:absolute;top:19px;left:24px;right:24px}.creator-preview .creator-brand .wordmark{color:inherit;font-size:25px}.creator-preview .screen-label{opacity:.7;font-size:12px}.creator-preview .conversation{padding:84px 24px 24px;transition:opacity .4s,transform .6s;position:absolute;inset:0}.creator-preview .opening{margin:33px 0 28px;transition:margin .6s}.creator-preview .opening h3{font-family:var(--font-editorial);letter-spacing:-.025em;font-size:29px;font-weight:500;line-height:1.1}.creator-preview .opening p{margin-top:12px;font-size:16px}.creator-preview .prompt-bubble,.creator-preview .refinement{background:#fff;border-radius:15px 15px 4px;max-width:94%;min-height:73px;margin-left:auto;padding:14px 16px;font-size:15px;line-height:1.5}.creator-preview .typing-caret{vertical-align:middle;background:currentColor;width:1px;height:15px;margin-left:2px;animation:.8s step-end infinite creator-blink;display:inline-block}.creator-preview .draft-result{opacity:0;margin-top:18px;transition:opacity .5s,transform .5s;transform:translateY(10px)}.creator-preview .reply{font-size:14px}.creator-preview .draft-card{background:#fff;border-radius:12px;align-items:center;height:147px;margin-top:12px;display:flex;overflow:hidden}.creator-preview .draft-card img{object-fit:cover;object-position:top;width:114px;height:147px}.creator-preview .draft-card>div{padding:13px}.creator-preview .draft-card span{letter-spacing:.06em;color:#77787c;font-size:9px}.creator-preview .draft-card h4{font-family:var(--font-editorial);margin:9px 0;font-size:21px;font-weight:600;line-height:1.1}.creator-preview .draft-card p{font-size:12px;line-height:1.4}.creator-preview .refinement{opacity:0;min-height:0;margin-top:12px;transition:opacity .4s}.creator-preview .refined-reply{opacity:0;margin:10px 4px 0;transition:opacity .4s}.creator-preview .dream-reply-label{color:#17181a;font-family:var(--font-editorial), Arial, sans-serif;margin-bottom:3px;font-size:15px;font-weight:600;line-height:1.2;display:block}.creator-preview .dream-reply-text{color:#64655f;font-size:14px;line-height:1.45;display:block}.creator-preview .creator-stage[data-step=draft] .opening,.creator-preview .creator-stage[data-step=refine] .opening,.creator-preview .creator-stage[data-step=reply] .opening,.creator-preview .creator-stage[data-step=ready] .opening,.creator-preview .creator-stage[data-step=create] .opening{opacity:0;margin-top:-125px}.creator-preview .creator-stage[data-step=draft] .prompt-bubble,.creator-preview .creator-stage[data-step=refine] .prompt-bubble,.creator-preview .creator-stage[data-step=reply] .prompt-bubble,.creator-preview .creator-stage[data-step=ready] .prompt-bubble,.creator-preview .creator-stage[data-step=create] .prompt-bubble{display:none}.creator-preview .creator-stage[data-step=draft] .draft-result,.creator-preview .creator-stage[data-step=refine] .draft-result,.creator-preview .creator-stage[data-step=reply] .draft-result,.creator-preview .creator-stage[data-step=ready] .draft-result,.creator-preview .creator-stage[data-step=create] .draft-result{opacity:1;transform:none}.creator-preview .creator-stage[data-step=refine] .refinement,.creator-preview .creator-stage[data-step=reply] .refinement,.creator-preview .creator-stage[data-step=ready] .refinement,.creator-preview .creator-stage[data-step=create] .refinement,.creator-preview .creator-stage[data-step=reply] .refined-reply,.creator-preview .creator-stage[data-step=ready] .refined-reply,.creator-preview .creator-stage[data-step=create] .refined-reply{opacity:1}.creator-preview .create-action{color:#fff;opacity:0;background:#1c1d20;border-radius:10px;justify-content:center;align-items:center;gap:12px;height:48px;margin-top:12px;font-size:15px;transition:opacity .4s,transform .4s;display:flex;position:relative;transform:translateY(10px)}.creator-preview .create-action>span{font-size:21px}.creator-preview .create-tap{opacity:0;border:2px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;left:60%}.creator-preview .creator-stage[data-step=ready] .create-action,.creator-preview .creator-stage[data-step=create] .create-action{opacity:1;transform:none}.creator-preview .creator-stage[data-step=create] .create-action{animation:.7s creator-press}.creator-preview .creator-stage[data-step=create] .create-tap{animation:.7s creator-tap}.creator-preview .creating-preview{opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;transition:opacity .45s,transform .5s,visibility .5s;display:flex;position:absolute;inset:72px 24px 22px;transform:translateY(18px)}.creator-preview .creating-spinner{border:3px solid #d8d6d1;border-top-color:#1c1d20;border-radius:50%;width:52px;height:52px;margin-bottom:24px;animation:.9s linear infinite creator-spin}.creator-preview .creating-preview strong{max-width:280px;font-family:var(--font-editorial);text-align:center;font-size:27px;font-weight:600;line-height:1.12}.creator-preview .creating-preview>span{color:#66676a;text-align:center;margin-top:12px;font-size:13px}.creator-preview .creating-progress{background:#d8d6d1;border-radius:4px;width:220px;height:4px;margin-top:28px;overflow:hidden}.creator-preview .creating-progress i{border-radius:inherit;background:#1c1d20;width:100%;height:100%;display:block;transform:translate(-100%)}.creator-preview .creator-stage[data-step=creating] .creating-preview{opacity:1;visibility:visible;transition:none;transform:none}.creator-preview .creator-stage[data-step=creating] .creating-progress i{animation:2.8s ease-out forwards creator-build}.creator-preview .publish-preview{opacity:0;visibility:hidden;transition:opacity .45s,transform .5s,visibility .5s;position:absolute;inset:72px 24px 22px;transform:translateY(25px)}.creator-preview .cover{background:#fff;border-radius:13px;height:344px;position:relative;overflow:hidden}.creator-preview .cover>img{object-fit:cover;object-position:bottom;width:100%;height:100%}.creator-preview .cover:after{content:"";background:linear-gradient(#0000,#10191ae8);position:absolute;inset:30% 0 0}.creator-preview .cover-copy{z-index:1;color:#fff;position:absolute;bottom:20px;left:20px;right:20px}.creator-preview .cover-copy>span,.creator-preview .public-copy>span{letter-spacing:.08em;font-size:10px}.creator-preview .cover-copy h3,.creator-preview .public-copy h3{font-family:var(--font-editorial);margin:9px 0;font-size:34px;font-weight:600;line-height:1.02}.creator-preview .cover-copy p,.creator-preview .public-copy p{color:inherit;font-size:14px;line-height:1.5}.creator-preview .publish-action{color:#fff;background:#1c1d20;border-radius:10px;justify-content:center;align-items:center;gap:14px;height:49px;margin-top:16px;font-size:15px;display:flex;position:relative}.creator-preview .publish-action>span{font-size:22px}.creator-preview .tap-ring{opacity:0;border:2px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;left:60%}.creator-preview .creator-stage[data-step=preview] .publish-preview,.creator-preview .creator-stage[data-step=publish] .publish-preview{opacity:1;visibility:visible;transform:none}.creator-preview .creator-stage[data-step=preview] .conversation,.creator-preview .creator-stage[data-step=publish] .conversation,.creator-preview .creator-stage[data-step=creating] .conversation,.creator-preview .creator-stage[data-step=public] .conversation,.creator-preview .creator-stage[data-step=earn] .conversation{opacity:0;transform:translateY(-20px)}.creator-preview .creator-stage[data-step=creating] .conversation{visibility:hidden}.creator-preview .creator-stage[data-step=publish] .publish-action{animation:.7s creator-press}.creator-preview .creator-stage[data-step=publish] .tap-ring{animation:.7s creator-tap}.creator-preview .public-preview{opacity:0;visibility:hidden;color:#fff;transition:opacity .6s,transform .6s,visibility .6s;position:absolute;inset:0;transform:translateY(50px)}.creator-preview .public-art{object-fit:cover;object-position:bottom;width:100%;height:100%;position:absolute}.creator-preview .public-shade{background:linear-gradient(#10191a80,#0000 33%,#10191ad9 68%,#10191a);position:absolute;inset:0}.creator-preview .published-note{color:#17181a;text-align:center;background:#fbfaf8ed;border-radius:9px;padding:11px 14px;font-size:14px;transition:opacity .4s;position:absolute;top:70px;left:24px;right:24px}.creator-preview .public-copy{transition:transform .6s;position:absolute;bottom:37px;left:24px;right:24px}.creator-preview .public-copy h3{font-size:37px}.creator-preview .audience-line{justify-content:space-between;align-items:center;margin-top:21px;font-size:13px;display:flex}.creator-preview .diamond-total{align-items:center;gap:6px;display:flex}.creator-preview .diamond-total svg,.creator-preview .share-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;width:22px;height:22px}.creator-preview .diamond-total b{font-variant-numeric:tabular-nums;text-align:right;min-width:24px;font-weight:500}.creator-preview .community-progress{background:#ffffff40;border-radius:4px;height:4px;margin-top:12px;overflow:hidden}.creator-preview .community-progress i{background:#fff;width:0;height:100%;transition:width .25s;display:block}.creator-preview .audience-additions{gap:9px;display:flex;position:absolute;bottom:58px;right:0}.creator-preview .audience-additions span{color:#17181a;opacity:0;background:#fbfaf8;border-radius:99px;padding:6px 10px;font-size:12px}.creator-preview .share-note{color:#17181a;opacity:0;background:#fbfaf8;border-radius:12px;align-items:center;gap:12px;padding:17px 14px;transition:transform .6s,opacity .5s;display:flex;position:absolute;bottom:22px;left:20px;right:20px;transform:translateY(120px)}.creator-preview .share-icon{align-items:center;display:flex}.creator-preview .share-note strong{font-size:15px;font-weight:600;display:block}.creator-preview .share-note span{color:#66676a;margin-top:4px;font-size:12px;display:block}.creator-preview .share-note .earnings-amount{color:#17181a;margin-top:3px;font-size:24px;font-weight:600;line-height:1}.creator-preview .earnings-amount b{font:inherit}.creator-preview .share-note .earnings-source{margin-top:3px;font-size:10px;line-height:1.2}.creator-preview .creator-stage[data-step=public] .public-preview,.creator-preview .creator-stage[data-step=earn] .public-preview{opacity:1;visibility:visible;transform:none}.creator-preview .creator-stage[data-step=public] .creator-brand,.creator-preview .creator-stage[data-step=earn] .creator-brand{color:#fff}.creator-preview .creator-stage[data-step=public] .audience-additions span{animation:2.3s infinite creator-contribution}.creator-preview .creator-stage[data-step=public] .audience-additions span:nth-child(2){animation-delay:.6s}.creator-preview .creator-stage[data-step=public] .audience-additions span:nth-child(3){animation-delay:1.2s}.creator-preview .creator-stage[data-step=earn] .share-note{opacity:1;transform:none}.creator-preview .creator-stage[data-step=earn] .public-copy{transform:translateY(-80px)}.creator-preview .creator-stage[data-step=earn] .published-note{opacity:0}@keyframes creator-blink{50%{opacity:0}}@keyframes creator-spin{to{transform:rotate(360deg)}}@keyframes creator-build{to{transform:translate(0)}}@keyframes creator-press{50%{transform:scale(.975)}}@keyframes creator-tap{0%{opacity:0;transform:scale(.4)}40%{opacity:.8}to{opacity:0;transform:scale(2.4)}}@keyframes creator-contribution{0%{opacity:0;transform:translateY(12px)}30%,60%{opacity:1}to{opacity:0;transform:translateY(-18px)}}@media (max-width:800px){.creator-feature{gap:32px}.creator-feature .feature-copy h2{font-size:clamp(32px,6vw,49px)}}@media (max-width:450px){.creator-preview .creator-stage{height:506px}.creator-preview .conversation{padding-left:20px;padding-right:20px}.creator-preview .draft-card img{width:90px}.creator-preview .draft-card h4{font-size:19px}.creator-preview .draft-card>div{padding:10px}.creator-preview .prompt-bubble,.creator-preview .refinement{font-size:14px}.creator-preview .refined-reply{font-size:13px}.creator-preview .share-note{gap:9px;padding:14px 12px}.creator-preview .share-note span{font-size:11px}}.creator-preview .creator-stage.creator-paused *{animation-play-state:paused!important}
