.DemoScenes-module__xL78ma__scene{--dur:5.6s;--ease:cubic-bezier(.22,1,.36,1);--spring:cubic-bezier(.34,1.45,.64,1);--soft:cubic-bezier(.33,0,.2,1);isolation:isolate;box-sizing:border-box;background:#f3f4f7;place-items:center;width:100%;height:100%;min-height:0;padding:12px;display:grid;position:relative}.DemoScenes-module__xL78ma__scene[data-tone=cyan]{--accent:#2a9bb8;--loop:#3d9a6a;--loop-bg:#e5f5ec;--loop-ink:#1f6b45;--var:#7c6bc4;--var-bg:#efeafc;--var-ink:#4a3d8a;--draw:#3b82c4;--draw-bg:#e4f0fb;--draw-ink:#1e4f7a;--canvas-tint:#2a9bb80f}.DemoScenes-module__xL78ma__scene[data-tone=coral]{--accent:#fc6e51;--loop:#3d9a6a;--loop-bg:#e5f5ec;--loop-ink:#1f6b45;--var:#7c6bc4;--var-bg:#efeafc;--var-ink:#4a3d8a;--draw:#e06a4e;--draw-bg:#fdece7;--draw-ink:#9a3d2a;--canvas-tint:#fc6e5112}.DemoScenes-module__xL78ma__scene[data-tone=violet]{--accent:#7c5cff;--loop:#3d9a6a;--loop-bg:#e5f5ec;--loop-ink:#1f6b45;--var:#7c6bc4;--var-bg:#efeafc;--var-ink:#4a3d8a;--draw:#7c5cff;--draw-bg:#eee9ff;--draw-ink:#4a35b0;--canvas-tint:#7c5cff12}.DemoScenes-module__xL78ma__python{--scene:python}.DemoScenes-module__xL78ma__roblox{--scene:roblox}.DemoScenes-module__xL78ma__ai{--scene:ai}.DemoScenes-module__xL78ma__lesson{z-index:1;width:100%;height:100%;max-height:100%;animation:DemoScenes-module__xL78ma__cardIn .55s var(--ease)both;background:#fff;border:1px solid #14151a1a;border-radius:16px;grid-template-rows:minmax(0,1.15fr) minmax(0,.95fr);gap:0;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px #14151a14,inset 0 1px #fffc}.DemoScenes-module__xL78ma__sceneLabel{z-index:5;font-family:var(--font-geist-sans),system-ui,sans-serif;letter-spacing:-.01em;color:#5c6370;pointer-events:none;animation:DemoScenes-module__xL78ma__labelIn .45s var(--ease)both;font-size:11px;font-weight:650;position:absolute;top:12px;left:14px}@keyframes DemoScenes-module__xL78ma__labelIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes DemoScenes-module__xL78ma__cardIn{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}.DemoScenes-module__xL78ma__canvas{background:radial-gradient(70% 80% at 50% 40%,var(--canvas-tint),transparent 70%),#fafbfc;border-bottom:1px solid #14151a0f;place-items:center;min-height:0;padding:28px 16px 8px;display:grid;position:relative}.DemoScenes-module__xL78ma__canvasFrame{aspect-ratio:1;place-items:center;width:min(100%,220px);display:grid;position:relative}.DemoScenes-module__xL78ma__spiralSq{width:var(--sq-size);height:var(--sq-size);margin:calc(var(--sq-size)/-2)0 0 calc(var(--sq-size)/-2);border:2.5px solid var(--sq-color);box-sizing:border-box;background:var(--sq-fill,transparent);transform:rotate(var(--sq-angle))scale(.55);opacity:0;animation:DemoScenes-module__xL78ma__squarePop var(--dur)var(--spring)both;animation-delay:calc(.72s + var(--sq-i)*.16s);border-radius:3px;position:absolute;top:50%;left:50%}@keyframes DemoScenes-module__xL78ma__squarePop{0%{opacity:0;transform:rotate(var(--sq-angle))scale(.55)}12%{opacity:1;transform:rotate(var(--sq-angle))scale(1.06)}22%,to{opacity:1;transform:rotate(var(--sq-angle))scale(1)}}.DemoScenes-module__xL78ma__blocks{background:#fff;flex-direction:column;gap:5px;min-height:0;margin:0;padding:10px 12px 12px;list-style:none;display:flex;overflow:hidden}.DemoScenes-module__xL78ma__block{opacity:0;animation:DemoScenes-module__xL78ma__blockIn var(--dur)var(--ease)both;grid-template-columns:18px 1fr;align-items:center;gap:6px;display:grid;transform:translateY(6px)}.DemoScenes-module__xL78ma__b1{animation-delay:50ms}.DemoScenes-module__xL78ma__b2{animation-delay:.12s}.DemoScenes-module__xL78ma__b3{animation-delay:.19s}.DemoScenes-module__xL78ma__b4{animation-delay:.26s}.DemoScenes-module__xL78ma__b5{animation-delay:.33s}@keyframes DemoScenes-module__xL78ma__blockIn{0%,2%{opacity:0;transform:translateY(6px)}10%,to{opacity:1;transform:none}}.DemoScenes-module__xL78ma__ln{font-family:var(--font-geist-sans),system-ui,sans-serif;color:#a0a6b0;text-align:right;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:600}.DemoScenes-module__xL78ma__chip{min-width:0;font-family:var(--font-geist-sans),system-ui,sans-serif;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;transition:box-shadow .2s var(--soft);animation:DemoScenes-module__xL78ma__chipPulse var(--dur)var(--ease)both;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:550;line-height:1.35;display:inline-flex;overflow:hidden;box-shadow:0 1px #14151a0a}.DemoScenes-module__xL78ma__chipIcon{flex:none;width:12px;height:12px}.DemoScenes-module__xL78ma__blockLoop .DemoScenes-module__xL78ma__chip{background:var(--loop-bg);color:var(--loop-ink)}.DemoScenes-module__xL78ma__blockVar .DemoScenes-module__xL78ma__chip{background:var(--var-bg);color:var(--var-ink)}.DemoScenes-module__xL78ma__blockDraw .DemoScenes-module__xL78ma__chip{background:var(--draw-bg);color:var(--draw-ink)}.DemoScenes-module__xL78ma__python .DemoScenes-module__xL78ma__b1 .DemoScenes-module__xL78ma__chip{animation-name:DemoScenes-module__xL78ma__chipPulse,DemoScenes-module__xL78ma__loopGlow}.DemoScenes-module__xL78ma__python .DemoScenes-module__xL78ma__b2 .DemoScenes-module__xL78ma__chip{animation-name:DemoScenes-module__xL78ma__chipPulse,DemoScenes-module__xL78ma__varGlow;animation-delay:0,1.1s}.DemoScenes-module__xL78ma__python .DemoScenes-module__xL78ma__b3 .DemoScenes-module__xL78ma__chip{animation-name:DemoScenes-module__xL78ma__chipPulse,DemoScenes-module__xL78ma__varGlow;animation-delay:0,1.35s}.DemoScenes-module__xL78ma__python .DemoScenes-module__xL78ma__b4 .DemoScenes-module__xL78ma__chip{animation-name:DemoScenes-module__xL78ma__chipPulse,DemoScenes-module__xL78ma__varGlow;animation-delay:0,1.55s}.DemoScenes-module__xL78ma__python .DemoScenes-module__xL78ma__b5 .DemoScenes-module__xL78ma__chip{animation-name:DemoScenes-module__xL78ma__chipPulse,DemoScenes-module__xL78ma__drawGlow;animation-delay:0,1.75s}@keyframes DemoScenes-module__xL78ma__chipPulse{0%,to{}}@keyframes DemoScenes-module__xL78ma__loopGlow{0%,8%{transform:none;box-shadow:0 1px #14151a0a}12%{box-shadow:0 0 0 3px color-mix(in srgb,var(--loop)28%,transparent);transform:scale(1.02)}22%,to{transform:none;box-shadow:0 1px #14151a0a}}@keyframes DemoScenes-module__xL78ma__varGlow{0%,4%{transform:none;box-shadow:0 1px #14151a0a}10%{box-shadow:0 0 0 3px color-mix(in srgb,var(--var)28%,transparent);transform:scale(1.015)}22%,to{transform:none;box-shadow:0 1px #14151a0a}}@keyframes DemoScenes-module__xL78ma__drawGlow{0%,3%{transform:none;box-shadow:0 1px #14151a0a}8%,70%{box-shadow:0 0 0 2.5px color-mix(in srgb,var(--draw)22%,transparent)}78%,to{transform:none;box-shadow:0 1px #14151a0a}}.DemoScenes-module__xL78ma__cursor{z-index:4;pointer-events:none;opacity:0;clip-path:polygon(0 0,0 100%,28% 78%,48% 100%,58% 94%,38% 70%,100% 70%);filter:drop-shadow(0 1px 2px #00000040);width:14px;height:18px;animation:DemoScenes-module__xL78ma__cursorTour var(--dur)var(--ease)both;background:#14151a;position:absolute;top:62%;left:72%}@keyframes DemoScenes-module__xL78ma__cursorTour{0%,18%{opacity:0;transform:translate(8px,12px)}24%{opacity:1;transform:translate(0)}32%{transform:translate(-28px,22px)}42%{transform:translate(-12px,48px)}55%{transform:translate(4px,72px)}68%,to{opacity:0;transform:translate(10px,90px)}}.DemoScenes-module__xL78ma__studioFrame{width:min(100%,200px)}.DemoScenes-module__xL78ma__gridFloor{opacity:0;animation:DemoScenes-module__xL78ma__fadeUp var(--dur)var(--ease)both;background-image:linear-gradient(#14151a12 1px,#0000 1px),linear-gradient(90deg,#14151a12 1px,#0000 1px);background-size:18px 18px;border-radius:8px;animation-delay:.35s;position:absolute;inset:18% 8% 12%;transform:perspective(420px)rotateX(58deg)}.DemoScenes-module__xL78ma__partShadow{opacity:0;width:64px;height:28px;animation:DemoScenes-module__xL78ma__fadeUp var(--dur)var(--ease)both;background:radial-gradient(closest-side,#14151a2e,#0000 72%);border-radius:50%;margin:0 0 0 -32px;animation-delay:.5s;position:absolute;top:58%;left:50%}.DemoScenes-module__xL78ma__part{width:48px;height:48px;transform-style:preserve-3d;opacity:0;animation:DemoScenes-module__xL78ma__partLife var(--dur)var(--spring)both;margin:-24px 0 0 -24px;position:absolute;top:42%;left:50%}@keyframes DemoScenes-module__xL78ma__partLife{0%,12%{opacity:0;transform:translateY(-18px)}22%{opacity:1;transform:translateY(0)}38%{transform:translateY(5px)}48%{transform:translateY(-9px)}58%{transform:translateY(2px)}70%,to{opacity:1;transform:translateY(0)}}.DemoScenes-module__xL78ma__part i{backface-visibility:hidden;border-radius:4px;display:block;position:absolute;inset:0}.DemoScenes-module__xL78ma__partTop{animation:DemoScenes-module__xL78ma__partColorTop var(--dur)var(--ease)both;background:#c8ccd6;transform:rotateX(58deg)rotate(45deg)translateZ(18px)}.DemoScenes-module__xL78ma__partFront{animation:DemoScenes-module__xL78ma__partColorFront var(--dur)var(--ease)both;background:#aeb3c0;transform:rotateX(58deg)rotate(45deg)rotateX(-90deg)translateZ(18px)}.DemoScenes-module__xL78ma__partSide{animation:DemoScenes-module__xL78ma__partColorSide var(--dur)var(--ease)both;background:#969ba8;transform:rotateX(58deg)rotate(45deg)rotateY(90deg)translateZ(18px)}@keyframes DemoScenes-module__xL78ma__partColorTop{0%,28%{background:#c8ccd6}40%,to{background:#fc6e51}}@keyframes DemoScenes-module__xL78ma__partColorFront{0%,28%{background:#aeb3c0}40%,to{background:#e85d3a}}@keyframes DemoScenes-module__xL78ma__partColorSide{0%,28%{background:#969ba8}40%,to{background:#c44a30}}.DemoScenes-module__xL78ma__spark{border:2px solid var(--accent);opacity:0;width:72px;height:72px;animation:DemoScenes-module__xL78ma__sparkRing var(--dur)var(--soft)both;border-radius:50%;margin:-24px 0 0 -36px;position:absolute;top:42%;left:50%;transform:scale(.3)}@keyframes DemoScenes-module__xL78ma__sparkRing{0%,36%{opacity:0;transform:scale(.3)}42%{opacity:.7}58%,to{opacity:0;transform:scale(1.6)}}@keyframes DemoScenes-module__xL78ma__fadeUp{0%{opacity:0}18%,to{opacity:1}}.DemoScenes-module__xL78ma__planFrame{aspect-ratio:auto;width:min(100%,240px);min-height:120px}.DemoScenes-module__xL78ma__planStack{gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.DemoScenes-module__xL78ma__planStack li{opacity:0;animation:DemoScenes-module__xL78ma__planCard var(--dur)var(--spring)both;background:#fff;border:1px solid #14151a14;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex;transform:translateY(8px)scale(.96);box-shadow:0 4px 14px #14151a0a}.DemoScenes-module__xL78ma__planStack li:first-child{animation-delay:1.1s}.DemoScenes-module__xL78ma__planStack li:nth-child(2){animation-delay:1.55s}.DemoScenes-module__xL78ma__planStack li:nth-child(3){animation-delay:2s}@keyframes DemoScenes-module__xL78ma__planCard{0%{opacity:0;transform:translateY(8px)scale(.96)}14%{opacity:1;transform:translateY(-2px)scale(1.03)}22%,to{opacity:1;transform:none}}.DemoScenes-module__xL78ma__planStack span{flex-direction:column;gap:1px;min-width:0;display:flex}.DemoScenes-module__xL78ma__planStack strong{font-family:var(--font-geist-sans),system-ui,sans-serif;color:#14151a;font-size:12px;font-weight:650}.DemoScenes-module__xL78ma__planStack em{color:#8b919c;font-size:10.5px;font-style:normal}.DemoScenes-module__xL78ma__tick{width:14px;height:14px;color:var(--accent);flex:none}.DemoScenes-module__xL78ma__tick path{stroke-dasharray:1;stroke-dashoffset:1px;animation:DemoScenes-module__xL78ma__drawTick var(--dur)var(--ease)both}.DemoScenes-module__xL78ma__planStack li:first-child .DemoScenes-module__xL78ma__tick path{animation-delay:1.2s}.DemoScenes-module__xL78ma__planStack li:nth-child(2) .DemoScenes-module__xL78ma__tick path{animation-delay:1.65s}.DemoScenes-module__xL78ma__planStack li:nth-child(3) .DemoScenes-module__xL78ma__tick path{animation-delay:2.1s}@keyframes DemoScenes-module__xL78ma__drawTick{0%,8%{stroke-dashoffset:1px}18%,to{stroke-dashoffset:0}}.DemoScenes-module__xL78ma__roblox .DemoScenes-module__xL78ma__b1 .DemoScenes-module__xL78ma__chip,.DemoScenes-module__xL78ma__roblox .DemoScenes-module__xL78ma__b2 .DemoScenes-module__xL78ma__chip,.DemoScenes-module__xL78ma__roblox .DemoScenes-module__xL78ma__b3 .DemoScenes-module__xL78ma__chip,.DemoScenes-module__xL78ma__roblox .DemoScenes-module__xL78ma__b4 .DemoScenes-module__xL78ma__chip,.DemoScenes-module__xL78ma__ai .DemoScenes-module__xL78ma__b1 .DemoScenes-module__xL78ma__chip,.DemoScenes-module__xL78ma__ai .DemoScenes-module__xL78ma__b2 .DemoScenes-module__xL78ma__chip,.DemoScenes-module__xL78ma__ai .DemoScenes-module__xL78ma__b3 .DemoScenes-module__xL78ma__chip{animation-name:DemoScenes-module__xL78ma__chipPulse,DemoScenes-module__xL78ma__varGlow}.DemoScenes-module__xL78ma__roblox .DemoScenes-module__xL78ma__b2 .DemoScenes-module__xL78ma__chip{animation-delay:0,1s}.DemoScenes-module__xL78ma__roblox .DemoScenes-module__xL78ma__b3 .DemoScenes-module__xL78ma__chip{animation-delay:0,1.4s}.DemoScenes-module__xL78ma__roblox .DemoScenes-module__xL78ma__b4 .DemoScenes-module__xL78ma__chip{animation-name:DemoScenes-module__xL78ma__chipPulse,DemoScenes-module__xL78ma__loopGlow;animation-delay:0,2.2s}.DemoScenes-module__xL78ma__ai .DemoScenes-module__xL78ma__b2 .DemoScenes-module__xL78ma__chip{animation-name:DemoScenes-module__xL78ma__chipPulse,DemoScenes-module__xL78ma__loopGlow;animation-delay:0,.9s}.DemoScenes-module__xL78ma__ai .DemoScenes-module__xL78ma__b3 .DemoScenes-module__xL78ma__chip{animation-name:DemoScenes-module__xL78ma__chipPulse,DemoScenes-module__xL78ma__drawGlow;animation-delay:0,2.2s}.DemoScenes-module__xL78ma__roblox .DemoScenes-module__xL78ma__lesson,.DemoScenes-module__xL78ma__ai .DemoScenes-module__xL78ma__lesson{grid-template-rows:minmax(0,1.2fr) minmax(0,.8fr)}@media (max-width:640px){.DemoScenes-module__xL78ma__scene{padding:8px}.DemoScenes-module__xL78ma__chip{padding:4px 8px;font-size:10px}.DemoScenes-module__xL78ma__canvas{padding:10px 12px 6px}.DemoScenes-module__xL78ma__spiralSq{border-width:2px}.DemoScenes-module__xL78ma__sceneLabel{font-size:10.5px;top:10px;left:12px}}@media (prefers-reduced-motion:reduce){.DemoScenes-module__xL78ma__scene *,.DemoScenes-module__xL78ma__scene :before,.DemoScenes-module__xL78ma__scene :after{transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.DemoScenes-module__xL78ma__lesson,.DemoScenes-module__xL78ma__block,.DemoScenes-module__xL78ma__spiralSq,.DemoScenes-module__xL78ma__gridFloor,.DemoScenes-module__xL78ma__partShadow,.DemoScenes-module__xL78ma__part,.DemoScenes-module__xL78ma__planStack li,.DemoScenes-module__xL78ma__sceneLabel{opacity:1!important;transform:none!important}.DemoScenes-module__xL78ma__spiralSq{transform:rotate(var(--sq-angle))scale(1)!important}.DemoScenes-module__xL78ma__partTop{background:#fc6e51!important}.DemoScenes-module__xL78ma__partFront{background:#e85d3a!important}.DemoScenes-module__xL78ma__partSide{background:#c44a30!important}.DemoScenes-module__xL78ma__tick path{stroke-dashoffset:0!important}.DemoScenes-module__xL78ma__cursor,.DemoScenes-module__xL78ma__spark{opacity:0!important}}