.creative-loading{--creative-accent:#eec58d;--creative-wash:#c79d65;display:grid;place-items:center;width:100%;min-height:min(760px,90svh);padding:32px 20px;isolation:isolate;color:#f3eee4;background:radial-gradient(ellipse at 50% 38%,#ffffff04,transparent 65%),#111310;border-radius:20px;text-align:center;font-family:var(--font-atlas-arabic,"Noto Sans Arabic"),Tahoma,sans-serif}.creative-loading[data-scene=painter]{--creative-accent:#edb79b;--creative-wash:#b77a61}.creative-loading[data-scene=space]{--creative-accent:#bcd9bf;--creative-wash:#82aa99}.creative-loading[data-scene=magic]{--creative-accent:#d0b8df;--creative-wash:#a48ab9}.creative-loading[data-scene=music]{--creative-accent:#edd59b;--creative-wash:#bca470}.creative-loading--full{min-height:100svh;border-radius:0}.creative-loading__content{width:min(100%,440px)}.creative-loading__eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:16px;font-size:11px;color:#b0b9ae}.creative-loading__eyebrow>span{width:5px;height:5px;border-radius:50%;background:var(--creative-accent)}.creative-loading__edition{display:flex;align-items:center;justify-content:space-between;max-width:280px;margin:25px auto -5px;color:#9a9e91;font-size:10px}.creative-loading__edition>:last-child{font:10px var(--font-geist-mono),monospace;letter-spacing:2px}.creative-loading .creative-loading__scene{position:relative;display:block;width:min(100%,360px);aspect-ratio:360/290;margin:0 auto;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;color:var(--creative-accent);-webkit-tap-highlight-color:transparent}.creative-loading__backdrop{position:absolute;inset:10% 16% 7%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--creative-wash) 12%,transparent),transparent 72%);border:1px solid #ffffff06;transform:rotate(-15deg)}.creative-loading__backdrop:after{content:"";position:absolute;inset:9px -11px;border:1px dashed #ffffff09;border-radius:50%}.creative-toon{position:relative;display:block;width:100%;height:100%;overflow:visible}.creative-toon__actor{transform-origin:180px 250px;animation:toon-bounce 1.6s steps(8) infinite}.creative-toon__arm--right{transform-origin:225px 145px;animation:toon-wave 1.6s steps(8) infinite}.creative-toon__arm--left{transform-origin:129px 142px;animation:toon-swing 1.6s steps(8) infinite}.creative-toon__eyes{transform-box:fill-box;transform-origin:center;animation:toon-blink 4.8s step-end infinite}.creative-toon__leg--left{transform-origin:156px 185px;animation:toon-shuffle 1.6s steps(8) infinite}.creative-toon__leg--right{transform-origin:195px 187px;animation:toon-shuffle 1.6s steps(8) -.8s infinite}.creative-toon__prop{transform-box:fill-box;transform-origin:center;animation:toon-prop 1.6s steps(8) infinite}.creative-toon__planet{transform-origin:282px 70px;animation:toon-orbit 6s steps(24) infinite}.creative-toon__notes{animation:toon-notes 2.4s steps(12) infinite}.creative-toon__cheer{opacity:0;transition:opacity .15s}.creative-loading[data-scene=painter] .creative-toon__arm--right{animation-name:toon-paint}.creative-loading[data-scene=space] .creative-toon__actor{animation:toon-drift 3.2s steps(16) infinite}.creative-loading[data-scene=magic] .creative-toon__prop{animation-name:toon-conjure}.creative-loading[data-scene=music] .creative-toon__actor{animation-name:toon-dance}.creative-loading[data-excited=true] .creative-toon__actor{animation-name:toon-dance;animation-duration:.8s}.creative-loading[data-excited=true] .creative-toon__arm--right{animation-duration:.4s}.creative-loading[data-excited=true] .creative-toon__cheer{opacity:1}.creative-loading[data-excited=true] .creative-toon__face{transform:rotate(-7deg);transform-origin:180px 145px}.creative-loading .creative-loading__character-name{margin:-3px 0 0;font-size:16px;font-weight:700;color:var(--creative-accent)}.creative-loading__character-name span{font-size:11px;font-weight:400;color:#abb1a3;margin-inline-start:6px}.creative-loading .creative-loading__caption{min-height:24px;margin:6px 0 23px;color:#b6b9ac;font-size:12px;line-height:2}.creative-loading .creative-loading__status h2{margin:0;color:#f3eee4;font-size:clamp(22px,4vw,29px);font-weight:600;line-height:1.6;letter-spacing:-.6px}.creative-loading .creative-loading__status p{margin:6px 0 0;color:#aeb7aa;font-size:13px;line-height:1.9}.creative-loading__dots{display:flex;justify-content:center;gap:6px;margin:17px auto 22px}.creative-loading__dots i{width:5px;height:5px;border-radius:50%;background:var(--creative-accent);animation:creative-dot 1.8s ease-in-out infinite}.creative-loading__dots i:nth-child(2){animation-delay:.2s}.creative-loading__dots i:nth-child(3){animation-delay:.4s}.creative-loading__play{border-top:1px solid #ffffff12;padding-top:14px}.creative-loading .creative-loading__play p{margin:0 0 10px;font-size:11px;color:#b0b9ae;line-height:1.8}.creative-loading__scenes{display:flex;justify-content:center;gap:9px;direction:ltr}.creative-loading .creative-loading__scenes button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff1c;border-radius:50%;background:transparent;color:#9ea594;font:11px var(--font-geist-mono),monospace;cursor:pointer;transition:border-color .2s,background .2s}.creative-loading .creative-loading__scenes button[aria-pressed=true]{border-color:var(--creative-accent);background:#ffffff09;color:var(--creative-accent)}.creative-loading .creative-loading__play .creative-loading__hint{margin:11px 0 0;color:#969e8f;font-size:10px}.creative-loading .creative-loading__motion{min-height:44px;margin-top:2px;padding:8px 14px;border:0;background:transparent;color:#aeb7aa;font-size:10px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.creative-loading button:focus-visible{outline:2px solid var(--creative-accent);outline-offset:5px}@media (hover:hover){.creative-loading__scene:hover .creative-toon__cheer{opacity:1}.creative-loading .creative-loading__scenes button:hover{background:#ffffff0d}}@keyframes toon-bounce{0%,to{transform:translateY(0) rotate(-2deg) scale(1.02,.98)}50%{transform:translateY(-8px) rotate(2deg) scale(.98,1.02)}}@keyframes toon-wave{0%,to{transform:rotate(-9deg)}50%{transform:rotate(12deg)}}@keyframes toon-swing{0%,to{transform:rotate(5deg)}50%{transform:rotate(-7deg)}}@keyframes toon-shuffle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(5deg)}}@keyframes toon-blink{0%,44%,49%,to{transform:scaleY(1)}46%{transform:scaleY(.08)}}@keyframes toon-prop{0%,to{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}@keyframes toon-paint{0%,to{transform:rotate(-12deg)}50%{transform:rotate(18deg)}}@keyframes toon-drift{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-16px) rotate(5deg)}}@keyframes toon-orbit{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}@keyframes toon-conjure{0%,to{transform:rotate(-10deg) translateY(0)}50%{transform:rotate(8deg) translateY(-8px)}}@keyframes toon-dance{0%,to{transform:rotate(-7deg) translateY(-3px)}50%{transform:rotate(7deg) translateY(-12px)}}@keyframes toon-notes{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-10px);opacity:1}}@keyframes creative-dot{0%,70%,to{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}.creative-loading[data-paused=true] *,.creative-loading[data-paused=true] :after,.creative-loading[data-paused=true] :before{animation-play-state:paused}@media (max-width:480px){.creative-loading{padding:24px 16px}.creative-loading__edition{margin-top:20px}.creative-loading .creative-loading__scene{max-width:310px}}@media (prefers-reduced-motion:reduce){.creative-loading *,.creative-loading :after,.creative-loading :before{animation:none!important;transition:none!important}.creative-loading .creative-loading__motion{display:none}}