.ribbon-page{--ink:#191a2c;--soft-ink:#686b82;--line:rgba(35,37,67,.1);--studio:#f5f5fb}.generator-hero{position:relative;padding:44px 0 80px;overflow:hidden}.hero-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(4px);pointer-events:none}.hero-glow-one{width:420px;height:420px;top:100px;left:-230px;background:rgba(108,92,231,.11)}.hero-glow-two{width:360px;height:360px;top:20px;right:-180px;background:rgba(0,194,168,.1)}.crumbs{display:flex;align-items:center;gap:9px;margin-bottom:34px;color:#7b7e94;font-size:.82rem;font-weight:700}.crumbs a:hover{color:var(--primary)}.hero-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:62px;align-items:center;margin-bottom:46px}.hero-intro h1{max-width:760px;margin:18px 0 16px;font-size:clamp(3rem,6.4vw,5.25rem)}.hero-intro .lead{max-width:710px;margin:0;line-height:1.72}.trust-row{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:23px;color:#55586e;font-size:.84rem;font-weight:750}.trust-row span{display:flex;align-items:center;gap:8px}.trust-row span:before{content:"";width:7px;height:7px;border-radius:50%;background:#00b894;box-shadow:0 0 0 4px rgba(0,184,148,.1)}.hero-ribbon-art{display:grid;place-items:center;min-height:270px;perspective:800px}.art-card{position:relative;width:min(100%,360px);height:230px;padding:75px 42px 32px;overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:28px;background:linear-gradient(145deg,#242640,#171829);box-shadow:0 28px 70px rgba(35,30,87,.25);transform:rotate(2deg)}.art-card:before{content:"";position:absolute;width:190px;height:190px;right:-40px;bottom:-75px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#00d5b8,transparent 65%);opacity:.75}.art-card>i{position:absolute;border-radius:50%;background:#fff;opacity:.07}.art-card>i:nth-of-type(1){width:100px;height:100px;left:30px;bottom:-48px}.art-card>i:nth-of-type(2){width:20px;height:20px;right:28px;top:26px}.art-card strong{position:relative;z-index:1;color:#fff;font-size:1.8rem;line-height:1.1;letter-spacing:-.045em}.art-card>b{position:absolute;left:42px;bottom:32px;width:70px;height:5px;border-radius:999px;background:#00c2a8}.art-ribbon{position:absolute;z-index:2;top:27px;left:-11px;padding:12px 36px 12px 30px;color:#fff;background:linear-gradient(135deg,#856df5,#6c5ce7);box-shadow:0 12px 25px rgba(0,0,0,.2);font-size:.71rem;font-weight:900;letter-spacing:.15em}.art-ribbon:before{content:"";position:absolute;left:0;bottom:-10px;border-top:10px solid #3e329c;border-left:10px solid transparent}.art-ribbon:after{content:"";position:absolute;right:-17px;top:0;border-top:19px solid #6c5ce7;border-right:18px solid transparent;border-bottom:19px solid #6c5ce7}
.ribbon-studio{overflow:hidden;border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:0 30px 85px rgba(51,45,113,.15)}.studio-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px;padding:14px 20px 14px 24px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfbfe)}.studio-topbar>div{display:flex;align-items:center;gap:14px}.studio-topbar small,.studio-topbar strong{display:block}.studio-topbar small{margin-bottom:3px;color:#8a8ca0;font-size:.69rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.studio-topbar strong{font-size:.98rem}.studio-dots{display:flex;gap:5px}.studio-dots i{width:9px;height:9px;border-radius:50%;background:#ff6b81}.studio-dots i:nth-child(2){background:#f8c94f}.studio-dots i:nth-child(3){background:#00c2a8}.topbar-actions{gap:8px!important}.quiet-button,.surprise-button,.download-button,.copy-button{min-height:40px;padding:0 14px;border-radius:11px;font-size:.82rem;font-weight:800;transition:.2s}.quiet-button{border:1px solid var(--line);color:#55586e;background:#fff}.quiet-button:hover{border-color:rgba(108,92,231,.3);color:var(--primary)}.surprise-button{display:flex;align-items:center;gap:7px;border:0;color:#fff;background:linear-gradient(135deg,#6c5ce7,#8b78f4);box-shadow:0 9px 20px rgba(108,92,231,.22)}.surprise-button:hover{transform:translateY(-2px);box-shadow:0 13px 26px rgba(108,92,231,.3)}.surprise-button span{font-size:1.05rem}.studio-grid{display:grid;grid-template-columns:350px minmax(0,1fr)}.controls-panel{border-right:1px solid var(--line);background:#fbfbfe}.control-group{padding:25px 24px;border-bottom:1px solid var(--line)}.control-group:last-child{border-bottom:0}.control-heading,.preview-toolbar>div:first-child,.code-heading>div{display:flex;align-items:flex-start;gap:11px}.control-heading{margin-bottom:18px}.step-number{display:grid;place-items:center;flex:0 0 auto;width:29px;height:29px;border-radius:9px;color:#6c5ce7;background:rgba(108,92,231,.1);font-size:.7rem;font-weight:900}.control-heading h2,.preview-toolbar h2,.code-heading h2{margin:0;color:var(--ink);font-size:.92rem;letter-spacing:-.02em}.control-heading p,.preview-toolbar p,.code-heading p{margin:3px 0 0;color:#8a8ca0;font-size:.75rem}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.preset-card{position:relative;min-height:86px;padding:12px 8px 9px;overflow:hidden;border:1px solid var(--line);border-radius:14px;color:#5e6075;background:#fff;text-align:center;transition:.2s}.preset-card:hover{transform:translateY(-2px);border-color:rgba(108,92,231,.28)}.preset-card.active{border-color:#6c5ce7;box-shadow:0 0 0 3px rgba(108,92,231,.09)}.preset-card strong{display:block;margin-top:8px;font-size:.7rem}.mini-ribbon{display:inline-block;padding:6px 11px;color:#fff;font-size:.54rem;font-weight:900;letter-spacing:.09em;box-shadow:0 4px 9px rgba(24,25,43,.13)}.mini-ribbon.berry{background:#6c5ce7}.mini-ribbon.mint{border-radius:2px 2px 0 0;background:#00a98f;clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%)}.mini-ribbon.amber{background:#f09a37;clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%,8% 50%)}.mini-ribbon.midnight{background:#25273d;transform:rotate(-3deg)}.field-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#484a60;font-size:.76rem;font-weight:800}.text-count{color:#9a9caf;font-size:.65rem}.text-input,.select-field select{width:100%;height:42px;border:1px solid rgba(35,37,67,.13);border-radius:11px;color:#2d2f43;background:#fff;outline:none;transition:.2s}.text-input{padding:0 12px;font-weight:750}.text-input:focus,.select-field select:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px rgba(108,92,231,.09)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.select-field{display:grid;gap:7px;color:#484a60;font-size:.72rem;font-weight:800}.select-field select{padding:0 30px 0 10px}.check-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px}.check-row+.check-row{margin-top:11px}.check-row strong,.check-row small{display:block}.check-row strong{color:#3f4155;font-size:.76rem}.check-row small{margin-top:2px;color:#9799aa;font-size:.64rem;font-weight:500}.check-row input{position:relative;width:36px;height:21px;margin:0;appearance:none;border-radius:999px;background:#dfe0e8;transition:.2s}.check-row input:after{content:"";position:absolute;width:15px;height:15px;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.15);transition:.2s}.check-row input:checked{background:#6c5ce7}.check-row input:checked:after{transform:translateX(15px)}.color-grid{display:grid;gap:9px}.color-grid>label{display:flex;align-items:center;justify-content:space-between;color:#484a60;font-size:.72rem;font-weight:800}.color-control{display:flex;align-items:center;gap:7px;height:34px;padding:4px 8px 4px 4px;border:1px solid var(--line);border-radius:9px;background:#fff}.color-control input{width:28px;height:24px;padding:0;overflow:hidden;border:0;border-radius:6px;background:none}.color-control output{color:#76788d;font-size:.64rem;font-weight:750}.range-field{display:grid;gap:8px;margin-top:16px}.range-field>span{display:flex;justify-content:space-between;color:#4a4c61;font-size:.72rem;font-weight:800}.range-field output{color:#77798d}.range-field input{width:100%;height:4px;appearance:none;border-radius:999px;background:linear-gradient(90deg,#6c5ce7 var(--range-progress,50%),#dedfe8 var(--range-progress,50%))}.range-field input::-webkit-slider-thumb{width:16px;height:16px;appearance:none;border:3px solid #fff;border-radius:50%;background:#6c5ce7;box-shadow:0 1px 6px rgba(57,49,134,.35)}
.workspace{min-width:0;background:#fff}.preview-toolbar,.code-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line)}.context-switcher{display:flex;padding:4px;border-radius:10px;background:#f1f1f7}.context-switcher button{height:30px;padding:0 10px;border:0;border-radius:7px;color:#85879a;background:transparent;font-size:.67rem;font-weight:800}.context-switcher button.active{color:#4b3fbc;background:#fff;box-shadow:0 3px 9px rgba(35,37,67,.1)}.preview-stage{position:relative;display:grid;place-items:center;min-height:550px;padding:55px 40px 76px;overflow:hidden;background-color:#f3f1fb;background-image:linear-gradient(rgba(108,92,231,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(108,92,231,.045) 1px,transparent 1px);background-size:24px 24px}.preview-stage:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(108,92,231,.09);filter:blur(2px)}.preview-card{--ribbon-color:#6c5ce7;--fold-color:#4436ad;--ribbon-text:#fff;--ribbon-font:14px;--ribbon-space:26px;--ribbon-radius:4px;--ribbon-shadow:16px;position:relative;width:min(100%,470px);min-height:400px;overflow:hidden;border:1px solid rgba(35,37,67,.1);border-radius:25px;background:#fff;box-shadow:0 25px 60px rgba(50,44,111,.18);animation:cardIn .4s ease both}.product-visual{position:relative;display:grid;place-items:center;height:220px;overflow:hidden;background:linear-gradient(145deg,#eeeafe,#d9d3fb)}.product-orb{position:absolute;width:270px;height:270px;border:1px solid rgba(255,255,255,.75);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.12),0 0 0 70px rgba(255,255,255,.08)}.product-box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:124px;height:150px;border-radius:5px 14px 14px 5px;color:#fff;background:linear-gradient(145deg,#282b47,#171927);box-shadow:18px 24px 38px rgba(42,34,110,.27);transform:rotate(-6deg)}.product-box:after{content:"";position:absolute;inset:0 auto 0 9px;width:2px;background:rgba(255,255,255,.12)}.product-box i{width:28px;height:28px;margin-bottom:17px;border-radius:9px;background:linear-gradient(135deg,#8d7bf5,#00c2a8)}.product-box b{font-size:.76rem;letter-spacing:.17em}.product-box em{margin-top:5px;color:rgba(255,255,255,.54);font-size:.45rem;font-style:normal;letter-spacing:.2em}.preview-copy{padding:25px 30px 27px}.preview-kicker{color:#6c5ce7;font-size:.62rem;font-weight:900;letter-spacing:.15em}.preview-copy h3{margin:8px 0;color:#202237;font-size:1.48rem;letter-spacing:-.04em}.preview-copy p{margin:0;color:#77798d;font-size:.82rem;line-height:1.6}.preview-meta{display:flex;align-items:center;justify-content:space-between;margin-top:19px}.preview-meta strong{font-size:1.16rem}.preview-meta button{padding:9px 13px;border:0;border-radius:10px;color:#fff;background:#24263d;font-size:.72rem;font-weight:800}.preview-hint{position:absolute;right:23px;bottom:18px;display:flex;align-items:center;gap:7px;color:#9698aa;font-size:.67rem;font-weight:750}.preview-hint span{color:#6c5ce7;font-size:1rem}
.generated-ribbon{position:absolute;z-index:6;display:inline-flex;align-items:center;justify-content:center;isolation:isolate;color:var(--ribbon-text);background:var(--ribbon-color);box-shadow:0 6px var(--ribbon-shadow) rgba(28,25,56,.24);font-size:var(--ribbon-font);font-weight:900;letter-spacing:.1em;line-height:1;text-transform:uppercase;white-space:nowrap;transition:transform .25s,filter .25s}.generated-ribbon>span{position:relative;z-index:2}.generated-ribbon>i{position:absolute;z-index:3;inset:0;overflow:hidden;pointer-events:none}.generated-ribbon>i:after{content:"";position:absolute;width:45%;height:220%;top:-55%;left:-70%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:rotate(20deg);transition:left .65s ease}.generated-ribbon.shine:hover>i:after{left:130%}.generated-ribbon[data-style="folded"]{top:22px;padding:13px var(--ribbon-space);border-radius:var(--ribbon-radius)}.generated-ribbon[data-style="folded"][data-position="left"]{left:-9px}.generated-ribbon[data-style="folded"][data-position="right"]{right:-9px}.generated-ribbon[data-style="folded"]:before{content:"";position:absolute;bottom:-9px;border-top:9px solid var(--fold-color)}.generated-ribbon[data-style="folded"][data-position="left"]:before{left:0;border-left:9px solid transparent}.generated-ribbon[data-style="folded"][data-position="right"]:before{right:0;border-right:9px solid transparent}.generated-ribbon[data-style="notched"]{top:22px;padding:13px calc(var(--ribbon-space) + 9px);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,10px 50%)}.generated-ribbon[data-style="notched"][data-position="left"]{left:17px}.generated-ribbon[data-style="notched"][data-position="right"]{right:17px;transform:scaleX(-1)}.generated-ribbon[data-style="notched"][data-position="right"]>span,.generated-ribbon[data-style="notched"][data-position="right"]>i{transform:scaleX(-1)}.generated-ribbon[data-style="classic"]{top:22px;padding:13px calc(var(--ribbon-space) + 4px);border-radius:var(--ribbon-radius)}.generated-ribbon[data-style="classic"][data-position="left"]{left:18px}.generated-ribbon[data-style="classic"][data-position="right"]{right:18px}.generated-ribbon[data-style="classic"]:before,.generated-ribbon[data-style="classic"]:after{content:"";position:absolute;z-index:-1;top:7px;width:23px;height:100%;background:var(--fold-color)}.generated-ribbon[data-style="classic"]:before{left:-16px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,35% 50%)}.generated-ribbon[data-style="classic"]:after{right:-16px;clip-path:polygon(0 0,100% 0,65% 50%,100% 100%,0 100%)}.generated-ribbon[data-style="bookmark"]{top:0;min-width:80px;min-height:98px;padding:12px var(--ribbon-space) 26px;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 18px),0 100%);writing-mode:vertical-rl}.generated-ribbon[data-style="bookmark"][data-position="left"]{left:25px}.generated-ribbon[data-style="bookmark"][data-position="right"]{right:25px}.generated-ribbon[data-style="corner"]{top:31px;width:220px;padding:13px 8px}.generated-ribbon[data-style="corner"][data-position="left"]{left:-65px;transform:rotate(-45deg)}.generated-ribbon[data-style="corner"][data-position="right"]{right:-65px;transform:rotate(45deg)}.generated-ribbon[data-style="corner"]:hover{filter:brightness(1.06)}.generated-ribbon:not([data-style="corner"]):hover{transform:translateY(-2px)}.generated-ribbon[data-style="notched"][data-position="right"]:hover{transform:scaleX(-1) translateY(-2px)}
.preview-card.context-event{background:#fffaf3}.context-event .product-visual{background:linear-gradient(150deg,#ffe8c5,#ffc4b2)}.context-event .product-box{width:170px;height:125px;border-radius:8px;color:#3e2b36;background:#fff5e9;transform:rotate(3deg);box-shadow:15px 22px 34px rgba(114,62,42,.2)}.context-event .product-box:after{display:none}.context-event .product-box i{border-radius:50%;background:linear-gradient(135deg,#ff8a65,#f3b33d)}.context-event .preview-kicker{color:#d87243}.preview-card.context-dark{border-color:rgba(255,255,255,.1);background:#1d1f32}.context-dark .product-visual{background:radial-gradient(circle at 50% 20%,#44416b,#23243a 65%)}.context-dark .product-box{background:linear-gradient(145deg,#7870d9,#443e91)}.context-dark .preview-copy h3,.context-dark .preview-meta strong{color:#fff}.context-dark .preview-copy p{color:#a9abbd}.context-dark .preview-kicker{color:#7fe1d1}.context-dark .preview-meta button{color:#202237;background:#fff}.code-panel{border-top:1px solid var(--line)}.download-button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);color:#55586e;background:#fff}.download-button svg{width:16px}.download-button:hover{color:#6c5ce7;border-color:rgba(108,92,231,.3)}.code-window{margin:0 22px 24px;overflow:hidden;border:1px solid rgba(35,37,67,.12);border-radius:15px;background:#1f2031}.code-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 9px 8px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.code-tabs{display:flex;gap:4px}.code-tabs button{height:30px;padding:0 10px;border:0;border-radius:7px;color:#9698ad;background:transparent;font-size:.67rem;font-weight:850}.code-tabs button.active{color:#fff;background:rgba(255,255,255,.1)}.copy-button{min-height:34px;border:1px solid rgba(255,255,255,.11);color:#fff;background:rgba(255,255,255,.07)}.copy-button:hover{background:rgba(108,92,231,.45)}.code-window pre{height:210px;margin:0;padding:18px;overflow:auto;color:#d8d7ed;font:500 .71rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}.code-window code{font:inherit}
.content-section{padding:82px 0}.content{max-width:1040px}.section-kicker{display:inline-block;margin-bottom:11px;color:#6c5ce7;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.content-section h2,.try-heading h2{margin:0;color:#202135;font-size:clamp(1.85rem,4vw,2.7rem);letter-spacing:-.05em}.content-lead{max-width:790px;margin:17px 0 0;color:#686b82;font-size:1.02rem;line-height:1.78}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:35px}.benefit-grid article{padding:27px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.78);box-shadow:0 12px 32px rgba(49,44,107,.06)}.benefit-grid article>span{color:#6c5ce7;font-size:.68rem;font-weight:900}.benefit-grid h3{margin:18px 0 8px;font-size:1rem}.benefit-grid p,.guide-grid>div>p{margin:0;color:#74778c;font-size:.88rem;line-height:1.7}.guide-section{border-block:1px solid rgba(35,37,67,.06);background:rgba(255,255,255,.48)}.guide-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:74px;align-items:start}.guide-grid>div>p{margin-top:16px;font-size:.96rem}.guide-steps{display:grid;gap:12px;margin:0;padding:0;list-style:none}.guide-steps li{display:flex;gap:16px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.guide-steps li>span{display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;border-radius:10px;color:#fff;background:#6c5ce7;font-size:.72rem;font-weight:900}.guide-steps strong{display:block;font-size:.89rem}.guide-steps p{margin:5px 0 0;color:#77798d;font-size:.79rem;line-height:1.58}.faq-section h2{margin-bottom:28px}.faq-list{display:grid;gap:10px}.faq-list details{padding:0 20px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.82)}.faq-list summary{position:relative;padding:18px 32px 18px 0;cursor:pointer;list-style:none;font-size:.9rem;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:0;top:15px;color:#6c5ce7;font-size:1.25rem}.faq-list details[open] summary:after{content:"-";top:14px}.faq-list p{margin:0;padding:0 25px 19px 0;color:#717489;font-size:.85rem;line-height:1.7}.faq-list code{padding:2px 5px;border-radius:5px;background:#f0eefb;color:#5346bd}.try-section{padding:70px 0 84px;border-top:1px solid rgba(35,37,67,.06);background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(108,92,231,.045))}.try-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}.try-heading h2{font-size:clamp(1.7rem,3.5vw,2.35rem)}.try-heading p{margin:8px 0 0;color:#77798d;font-size:.88rem}.try-heading>a{flex:0 0 auto;color:#6c5ce7;font-size:.82rem;font-weight:850}.try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.try-card{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(49,44,107,.06);transition:.25s}.try-card:hover{transform:translateY(-3px);border-color:rgba(108,92,231,.25);box-shadow:0 16px 36px rgba(49,44,107,.1)}.try-icon{display:grid;place-items:center;flex:0 0 auto;width:45px;height:45px;border-radius:13px;color:#6c5ce7;background:#f0eefc;font-size:.58rem;font-weight:900}.try-card>span:nth-child(2){min-width:0}.try-card strong,.try-card small{display:block}.try-card strong{font-size:.82rem}.try-card small{margin-top:4px;color:#8a8ca0;font-size:.68rem;line-height:1.45}.try-card>b{margin-left:auto;color:#6c5ce7}.toast{position:fixed;z-index:90;left:50%;bottom:24px;padding:11px 17px;border-radius:11px;color:#fff;background:#24263d;box-shadow:0 14px 35px rgba(28,29,48,.25);font-size:.8rem;font-weight:800;opacity:0;pointer-events:none;transform:translate(-50%,14px);transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.confetti-layer{position:fixed;z-index:100;inset:0;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:-20px;width:8px;height:13px;border-radius:2px;animation:confettiFall 1.35s cubic-bezier(.2,.7,.3,1) forwards}.is-surprising .preview-card{animation:cardPop .5s ease}.is-surprising .generated-ribbon{animation:ribbonPop .55s cubic-bezier(.2,.9,.3,1.2)}
@keyframes cardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes cardPop{0%,100%{transform:none}45%{transform:scale(1.025) rotate(-.5deg)}}@keyframes ribbonPop{0%{filter:brightness(1);opacity:.5}45%{filter:brightness(1.2)}100%{filter:none;opacity:1}}@keyframes confettiFall{to{top:105%;transform:translateX(var(--drift)) rotate(560deg)}}@media(max-width:980px){.hero-intro{grid-template-columns:1fr}.hero-ribbon-art{display:none}.studio-grid{grid-template-columns:310px minmax(0,1fr)}.preview-stage{padding-inline:24px}.benefit-grid,.try-grid{grid-template-columns:1fr 1fr}.try-card:last-child{grid-column:1/-1}}@media(max-width:760px){.generator-hero{padding-top:28px}.hero-intro{margin-bottom:32px}.studio-grid{grid-template-columns:1fr}.controls-panel{border-right:0;border-bottom:1px solid var(--line)}.preset-grid{grid-template-columns:repeat(4,1fr)}.preview-stage{min-height:510px}.guide-grid{grid-template-columns:1fr;gap:34px}.benefit-grid{grid-template-columns:1fr}.try-grid{grid-template-columns:1fr}.try-card:last-child{grid-column:auto}}@media(max-width:560px){.generator-hero{padding-bottom:58px}.crumbs{margin-bottom:25px}.hero-intro h1{font-size:clamp(2.7rem,15vw,4.2rem)}.studio-topbar{align-items:flex-start;padding:14px;flex-direction:column}.topbar-actions{width:100%}.topbar-actions button{flex:1}.control-group{padding:22px 17px}.preset-grid{grid-template-columns:1fr 1fr}.preview-toolbar,.code-heading{align-items:flex-start;padding:16px;flex-direction:column}.context-switcher{width:100%}.context-switcher button{flex:1}.preview-stage{min-height:475px;padding:35px 12px 64px}.preview-card{min-height:380px}.product-visual{height:200px}.preview-copy{padding:22px}.preview-hint{right:15px}.code-window{margin:0 12px 18px}.code-bar{align-items:stretch;flex-direction:column}.copy-button{width:100%}.content-section{padding:60px 0}.try-heading{align-items:flex-start;flex-direction:column}.try-section{padding:58px 0}.two-column{grid-template-columns:1fr}.generated-ribbon[data-style="corner"]{width:190px;top:28px}.generated-ribbon[data-style="corner"][data-position="left"]{left:-58px}.generated-ribbon[data-style="corner"][data-position="right"]{right:-58px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.generated-ribbon>i:after{display:none}}