.composer-generate-button{isolation:isolate;color:#fff;white-space:nowrap;cursor:pointer;background:#e9eaf0;border-radius:999px;flex:none;justify-content:center;align-items:center;height:36px;padding:0 16px;font-family:Figtree,Inter,sans-serif;font-size:14px;font-weight:600;transition:box-shadow .18s,filter .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #1b2a7e29}.composer-generate-button:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 3px 10px #3b4ba13b}.composer-generate-button:focus-visible{outline-offset:3px;outline:2px solid #3e6de0}.composer-generate-button__motion{border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#02f,#d271ff 50%,#ff6309);position:absolute;inset:0;overflow:hidden}.composer-generate-button__motion:after{z-index:5;border-radius:inherit;content:"";position:absolute;inset:0;box-shadow:inset 0 0 10px #ffffff7a,inset 0 -1px 2px #ffffff9e}.composer-generate-button__blob{z-index:1;pointer-events:none;will-change:transform;position:absolute}.composer-generate-button__blob--blue{background:radial-gradient(80% 100%,#02f,#0000 60%);animation:18s ease-in-out infinite composer-generate-blue;inset:-50%}.composer-generate-button__blob--cyan{background:radial-gradient(90% 110%,#71cbff,#0000 55%);animation:20s ease-in-out infinite composer-generate-cyan;inset:-50%}.composer-generate-button__blob--aqua{background:radial-gradient(75% 95%,#4dfffc,#0000 60%);animation:17s ease-in-out infinite composer-generate-aqua;inset:-50%}.composer-generate-button__blob--amber{background:radial-gradient(60% 80%,#ffc109,#0000 50%);animation:14s ease-in-out infinite composer-generate-amber;inset:-40%}.composer-generate-button__content{z-index:1;align-items:center;gap:8px;display:inline-flex;position:relative}.composer-generate-button:disabled{box-shadow:none;color:#fffffff2;cursor:not-allowed}.composer-generate-button:disabled .composer-generate-button__motion{opacity:.48;filter:saturate(.72)}.composer-generate-button:disabled .composer-generate-button__motion:before{z-index:4;border-radius:inherit;content:"";background:#ffffff57;position:absolute;inset:0}@keyframes composer-generate-blue{0%,to{transform:translate(-30%,30%)rotate(-20deg)scale(1)}25%{transform:translate(60%,-20%)rotate(15deg)scale(1.2)}50%{transform:translate(40%,40%)rotate(-10deg)scale(.9)}75%{transform:translate(-20%,-30%)rotate(25deg)scale(1.1)}}@keyframes composer-generate-cyan{0%,to{transform:translate(0)rotate(0)scale(1)}20%{transform:translate(-50%,30%)rotate(-25deg)scale(1.15)}40%{transform:translate(30%,-40%)rotate(20deg)scale(.85)}60%{transform:translate(50%,20%)rotate(-15deg)scale(1.2)}80%{transform:translate(-30%,-20%)rotate(30deg)scale(1)}}@keyframes composer-generate-aqua{0%,to{transform:translate(30%,-30%)rotate(20deg)scale(1)}25%{transform:translate(-60%,20%)rotate(-15deg)scale(1.15)}50%{transform:translate(-40%,-40%)rotate(10deg)scale(.95)}75%{transform:translate(20%,30%)rotate(-25deg)scale(1.2)}}@keyframes composer-generate-amber{0%,to{transform:translate(20%,-20%)rotate(0)scale(1)}20%{transform:translate(-40%,30%)rotate(35deg)scale(1.1)}40%{transform:translate(-60%,-30%)rotate(-20deg)scale(.9)}60%{transform:translate(40%,-40%)rotate(25deg)scale(1.15)}80%{transform:translate(60%,20%)rotate(-30deg)scale(1)}}@media (prefers-reduced-motion:reduce){.composer-generate-button,.composer-generate-button__blob{transition:none;animation:none}}.composer-generate-button__spinner{flex:none;animation:1s linear infinite composer-generate-spin}@keyframes composer-generate-spin{to{transform:rotate(360deg)}}.credit-price{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.credit-price--over{color:#ef4444}.composer-generate-button .credit-price--over{color:#fca5a5}.credit-price__original{opacity:.8;font-size:12px;font-weight:400}.credit-price__spinner{animation:1s linear infinite credit-price-spin}@keyframes credit-price-spin{to{transform:rotate(360deg)}}.credit-price-retry{color:#71717a;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.credit-price-retry:hover{color:#18181b;background:#0000000d}
