.cg-graphic{position:relative;isolation:isolate;width:100%;aspect-ratio:1.5;container-type:inline-size;color:#8254ee}.cg-ambient{position:absolute;inset:5% -3%;background:radial-gradient(ellipse at 55% 55%,#8457e529,transparent 68%);pointer-events:none}.cg-panel{position:absolute;left:2%;top:26%;width:76%;height:66%;border:1px solid #dcd0fb;border-radius:5cqw;background:linear-gradient(135deg,#fff,#f7f4ff);box-shadow:0 20px 65px #14092d20}.cg-progress-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:72%;height:100%;padding:3cqw 1cqw}.cg-ring{width:25cqw;height:25cqw;flex-shrink:0}.cg-ring-track{color:#e2d9fa}.cg-ring-fill{transform:rotate(-90deg);transform-origin:center;stroke-dashoffset:100;animation:cg-progress 9s cubic-bezier(.3,.1,.3,1) infinite}.cg-status{display:grid;margin-top:2cqw;color:#242331;font-size:3.65cqw;font-weight:650;letter-spacing:-.04em;white-space:nowrap}.cg-status span{grid-area:1/1;text-align:center}.cg-generating{animation:cg-generating 9s linear infinite}.cg-ready{animation:cg-ready 9s linear infinite;opacity:0}.cg-arrow{width:25%;height:23%;left:35%}.cg-arrow,.cg-preview{position:absolute;top:3%}.cg-preview{right:2%;width:36%;height:92%;overflow:hidden;border-radius:4.5cqw;box-shadow:0 18px 45px #10062240;border:1px solid #b9a6e833}.cg-preview-image{object-fit:cover}.cg-graphic[data-motion=paused] .cg-ring-fill,.cg-graphic[data-motion=paused] .cg-status span{animation-play-state:paused}.cg-graphic[data-motion=reduced] .cg-ring-fill{animation:none;stroke-dashoffset:0}.cg-graphic[data-motion=reduced] .cg-status span{animation:none}.cg-graphic[data-motion=reduced] .cg-generating{opacity:0}.cg-graphic[data-motion=reduced] .cg-ready{opacity:1}@keyframes cg-progress{0%,5%{stroke-dashoffset:100}75%,95%{stroke-dashoffset:0}to{stroke-dashoffset:100}}@keyframes cg-generating{0%,73%{opacity:1}77%,95%{opacity:0}to{opacity:1}}@keyframes cg-ready{0%,73%{opacity:0}77%,95%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.cg-graphic .cg-ring-fill{animation:none;stroke-dashoffset:0}.cg-graphic .cg-status span{animation:none}.cg-graphic .cg-generating{opacity:0}.cg-graphic .cg-ready{opacity:1}}@media(max-width:639px){.cg-graphic{aspect-ratio:1.3}.cg-panel{top:25%;height:65%}.cg-preview{top:4%;height:89%;width:37%}.cg-ring{width:27cqw;height:27cqw}.cg-status{font-size:3.8cqw}}