html body .generation-studio{position:absolute;box-sizing:border-box;display:flex;flex-direction:column;padding:clamp(14px,2vw,26px);border-radius:24px;background:#151516;color:#fff;overflow:hidden;container-type:inline-size;opacity:0;transition:opacity 280ms ease-out;}
html body .generation-loading.studio-ready .generation-studio{opacity:1;}
html body .generation-covered :is(.grid-card,.grid-empty){pointer-events:none;}
html body .generation-studio *{box-sizing:border-box;color:inherit;-webkit-text-fill-color:currentColor;}
html body .generation-studio .studio-visual{position:absolute;width:52%;right:7%;top:8%;color:#fff;opacity:.95;}
html body .studio-visual svg{display:block;width:100%;overflow:visible;}
html body .generation-studio .studio-count{display:flex;align-items:baseline;gap:8px;margin-top:auto;white-space:nowrap;}
html body .generation-studio .studio-count strong{font:650 clamp(32px,33cqw,112px)/.93 Manrope,sans-serif;letter-spacing:-.07em;font-variant-numeric:tabular-nums;}
html body .generation-studio .studio-count>span{font:450 clamp(12px,10cqw,24px)/1 Manrope,sans-serif;opacity:.45;}
html body .generation-studio .studio-copy{display:flex;flex-direction:column;gap:8px;padding:9px 0 14px;font:500 clamp(11px,6.4cqw,16px)/1.25 Manrope,sans-serif;}
html body .generation-studio .studio-unit{color:#a8adac;}
html body .generation-studio .studio-phase{min-height:2.5em;max-width:100%;text-wrap:balance;}
html body .generation-studio .studio-track{position:absolute;bottom:0;left:0;right:0;height:5px;background:#353737;}
html body .generation-studio .studio-track::after{content:'';display:block;width:100%;height:100%;background:var(--studio-accent);transform-origin:left;transform:scaleX(var(--studio-progress));transition:transform 600ms cubic-bezier(.22,1,.36,1);}
html body .generation-studio .studio-track[data-known=false]::after{width:20%;transform:none;animation:studio-search 3s ease-in-out infinite;}
html body .generation-studio[data-continuing=true] .studio-track::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff5,transparent);animation:studio-search 4s ease-in-out infinite;}
html body .studio-leaves{animation:studio-book 5s ease-in-out infinite;transform-origin:100px 100px;}
html body .studio-turn{animation:studio-page 5s ease-in-out infinite;transform-origin:100px 65px;}
html body .studio-card-back{animation:studio-card 4s ease-in-out infinite;transform-origin:60px 60px;}
html body .studio-card-front{animation:studio-card 4s ease-in-out -2s infinite;transform-origin:140px 60px;}
html body .studio-reel{animation:studio-reel 5s ease-in-out infinite;}
html body .studio-post-one{animation:studio-post 5s ease-in-out infinite;transform-origin:60px 55px;}
html body .studio-post-two{animation:studio-post 5s ease-in-out -2.5s infinite;transform-origin:140px 55px;}
html body .studio-arrow{animation:studio-nudge 3s ease-in-out infinite;}
html body .studio-box{animation:studio-book 5s ease-in-out infinite;transform-origin:100px 100px;}
html body .studio-box-lid{animation:studio-lid 5s ease-in-out infinite;transform-origin:69px 31px;}
html body .studio-film{animation:studio-reel 2.5s linear infinite;}
html body .studio-play{animation:studio-nudge 3s ease-in-out infinite;}
@keyframes studio-book{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(2deg)}}
@keyframes studio-page{0%,20%,100%{transform:scaleX(1)}60%,75%{transform:scaleX(.12)}}
@keyframes studio-card{0%,100%{transform:translateY(2px) rotate(-7deg)}50%{transform:translateY(-5px) rotate(4deg)}}
@keyframes studio-reel{0%,100%{transform:translateX(0)}50%{transform:translateX(-15px)}}
@keyframes studio-post{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg) translateY(-3px)}}
@keyframes studio-nudge{0%,100%{transform:translateX(-3px)}50%{transform:translateX(4px)}}
@keyframes studio-lid{0%,100%{transform:rotate(0)}50%{transform:rotate(-12deg)}}
@keyframes studio-search{0%,100%{translate:0}50%{translate:350%}}
@container(max-width:170px){html body .generation-studio .studio-copy{gap:4px;padding-bottom:8px;}html body .generation-studio .studio-visual{width:48%;top:7%;}}
@media(prefers-reduced-motion:reduce){html body .generation-studio *,html body .generation-studio *::before,html body .generation-studio *::after{animation:none!important;transition:none!important;}}

.studio-aperture{transform-origin:100px 63px;animation:studio-aperture 5s cubic-bezier(.4,0,.2,1) infinite}.studio-focus{animation:studio-focus 4s ease-in-out infinite}@keyframes studio-aperture{0%,20%{transform:rotate(0deg)}70%,100%{transform:rotate(60deg)}}@keyframes studio-focus{0%,100%{opacity:1}50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.studio-aperture,.studio-focus{animation:none}}