@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap";@layer stageshow{.ss-count{display:inline-flex;align-items:baseline;font-variant-numeric:tabular-nums;white-space:nowrap}.ss-count__char{display:inline-block}.ss-count__unit{display:inline-block;margin-left:var(--ss-count-unit-gap, .08em)}.ss-count__unit[data-space]{margin-left:.28em}.ss-count__digit{display:inline-block;height:1em;overflow:hidden;line-height:1;vertical-align:baseline;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent)}.ss-count__strip{display:flex;flex-direction:column;will-change:transform;transition-property:transform;transition-timing-function:cubic-bezier(.3,.75,.1,1)}.ss-count__strip>span{display:block;height:1em;line-height:1;text-align:left}.ss-count[data-snap] .ss-count__strip{transition:none}@media(prefers-reduced-motion:reduce){.ss-count__strip{transition:none}}}@layer stageshow{.ss-swap{position:relative;display:inline-block;vertical-align:top;overflow-x:clip;overflow-y:visible}.ss-swap[data-swapping]{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 8px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 8px),transparent)}.ss-swap__in,.ss-swap__out{display:block;width:max-content;max-width:100%;text-box:inherit}.ss-swap__out{position:absolute;top:0;left:0;animation:ss-swap-out ease forwards}.ss-swap__in{animation:ss-swap-in cubic-bezier(.25,.8,.25,1) both}@keyframes ss-swap-out{to{opacity:0;filter:blur(2px)}}@keyframes ss-swap-in{0%,30%{opacity:0;filter:blur(2px)}to{opacity:1;filter:none}}@media(prefers-reduced-motion:reduce){.ss-swap__in,.ss-swap__out{animation-duration:1ms!important}}}:root{font-family:DM Sans,sans-serif;color-scheme:light;color:#191c25;background:#e8edf5;font-synthesis:none;font-weight:400;--accent: #244dff;--accent-hover: #173bd6;--surface: #ffffff;--ink: #191c25;--line: #d9dce3;--muted: #606774;--selection: #edf1ff;--energy: #c1ff3a}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #526caa;outline-offset:5px}button:disabled{cursor:default}.shell{max-width:1480px;margin:auto;padding:0 56px}.skip{position:fixed;top:-80px;background:#fff;padding:16px;z-index:10}.skip:focus{top:10px}header{height:106px;display:flex;align-items:center;gap:55px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-family:DM Sans,sans-serif;font-size:28px;font-weight:700;letter-spacing:-1.5px}.brandmark{width:35px;height:38px;border:2px solid #292923;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:29px;box-shadow:0 3px #292923;position:relative}.brandmark span{position:absolute;font:12px sans-serif;right:2px;top:1px}.brand-dot{font:10px sans-serif;align-self:flex-start;margin-top:5px;margin-left:-7px}nav{display:flex;gap:28px;align-self:stretch;align-items:stretch}nav button{position:relative;padding:0;font-size:14px;color:var(--muted)}nav .nav-active{color:#282923}nav .nav-active:after{content:"";height:3px;background:var(--accent);position:absolute;bottom:-1px;left:0;right:0}.listen{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:10px 13px;display:flex;gap:8px;align-items:center}.listen i{height:6px;width:6px;background:#999;border-radius:100%;display:inline-block}.listen .on{background:#5e8148;box-shadow:0 0 0 3px #5e814814}.hero{display:grid;grid-template-columns:1.2fr 1fr;min-height:445px;align-items:center;gap:30px}h1{font-family:DM Sans,sans-serif;font-size:clamp(44px,4.6vw,66px);line-height:1.05;letter-spacing:-3.5px;font-weight:500;margin:24px 0 20px}.hero p{font-size:15px;color:var(--muted);line-height:1.7}.text-link{padding:0;font-size:12px;font-weight:600;text-decoration:none;text-underline-offset:5px}.text-link span{margin-left:13px}.hero .text-link{margin-top:13px}.hero-keys{height:290px;position:relative;display:flex;align-items:center;justify-content:center;perspective:800px;padding-bottom:20px;isolation:isolate}.hero-keys:before{content:"";width:340px;height:80px;position:absolute;bottom:45px;background:#76725b22;filter:blur(28px);border-radius:50%;z-index:-1}.hero-key{height:157px;width:155px;border-radius:24px;position:relative;transform:rotate(-12deg);border:1px solid #778dbb;background:linear-gradient(140deg,#b9c8eb,#8da3d3);color:#233650;box-shadow:1px 4px #8098cb,2px 14px #6b80b0,8px 25px 22px #57341b26,inset 0 2px 2px #ffffff85;display:flex;flex-direction:column;justify-content:space-between;padding:25px;z-index:2}.hero-key span{font-size:58px;font-family:DM Sans,sans-serif;line-height:1}.hero-key small{font-size:12px}.hero-key.ivory{background:linear-gradient(140deg,#fffef8,#e9e7db);color:#42433a;border-color:#e0ddd0;box-shadow:1px 4px #dbd8cc,2px 14px #c6c3b5,8px 25px 22px #57341b26,inset 0 2px 2px #fff;transform:rotate(13deg) translate(9px,20px);z-index:1}.spark{position:absolute;right:8%;top:15px;color:var(--accent);font-size:55px;transform:rotate(15deg)}.section-top{display:flex;justify-content:space-between;align-items:center;margin:4px 0 27px}h2{font-family:DM Sans,sans-serif;letter-spacing:-.9px;font-weight:500;font-size:27px;margin:0}.section-top h2 span{font-family:DM Sans,sans-serif;color:#8c8f80;font-size:11px;vertical-align:top;margin-left:10px;letter-spacing:0}.section-top p{color:var(--muted);font-size:12px;margin:10px 0 0}.explorer{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:35px;align-items:start}.filters{display:flex;gap:5px;align-items:center;height:54px;padding-bottom:16px}.filters>button{font-size:11px;border-radius:5px;padding:8px 10px;white-space:nowrap}.filters .selected{background:#292c25;color:#f8f7f0}.search{margin-left:auto;display:flex;gap:5px;align-items:center;color:#85877b;min-width:0}.search span{font-size:23px}.search input{width:110px;border:0;background:transparent;font-size:11px;color:#282923;outline-offset:2px}.shortcut-row{height:66px;border:0;display:flex;align-items:center;padding:0 10px 0 4px;border-radius:4px;transition:background .15s}.shortcut-row.is-preview{background:#eaece1}.shortcut-row.matched{background:#dce5f5}.row-action{display:flex;align-items:center;gap:16px;flex:1;min-width:0;text-align:left;height:100%;padding:0;font-size:14px}.row-icon{width:24px;flex-shrink:0;font-size:22px;text-align:center;color:#6c7162}.key-combo{display:flex;align-items:center;gap:7px}.key{height:34px;min-width:35px;padding:0 10px;border:1px solid #d0d0c3;border-radius:7px;background:linear-gradient(155deg,#fffefb 12%,#f4f3eb 74%,#e8e7dc);box-shadow:inset 1px 1px #fff,inset -1px -2px #deded2,0 3px #c8c8bb,0 5px #b8b9ab,0 7px 6px #34362a24;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;flex-shrink:0;transition:transform .08s,box-shadow .08s,background .08s}.key span{font-size:15px}.key.down,.key:active{background:#7188b9;border-color:#5e75a7;box-shadow:inset 0 1px 1px #c5d4ee,0 1px #526999,0 2px 2px #34362a1a;transform:translateY(4px);color:#fff}.plus{font-size:11px;color:#95988c}.collection-foot{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#777b6b;padding:20px 0}.preview-panel{border:1px solid #d7dacd;background:#eeefe7;border-radius:11px;overflow:hidden;position:sticky;top:24px}.demo{height:260px;margin:0 12px;background:#fafbf5;border:1px solid #dde0d5;border-radius:6px;position:relative;overflow:hidden;background-image:radial-gradient(#acb49b55 .7px,transparent .7px);background-size:13px 13px}.canvas-toolbar{position:absolute;left:10px;top:12px;display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #e4e7dc;border-radius:6px;padding:5px;box-shadow:0 4px 8px #2c38200a}.canvas-toolbar>span{width:24px;height:25px;display:grid;place-items:center;font-size:15px}.tool-logo{font-family:DM Sans;font-weight:700}.canvas-toolbar .active-tool{background:#e9eddf;border-radius:3px}.artboard{position:absolute;inset:54px 8% 39px 23%;background:#ecefdc;border:1px solid #e6e9d8;display:grid;place-items:center}.shape{width:93px;height:94px;border:1px solid #697b52;background:#c4ccac;position:relative;display:grid;place-items:center;z-index:1}.shape-flower{font-size:64px;color:#7f9165;line-height:1}.shape i{width:5px;height:5px;background:#fff;border:1px solid #697b52;position:absolute}.shape i:nth-of-type(1){left:-3px;top:-3px}.shape i:nth-of-type(2){right:-3px;top:-3px}.shape i:nth-of-type(3){left:-3px;bottom:-3px}.shape i:nth-of-type(4){right:-3px;bottom:-3px}.shape.ghost{position:absolute;transform:translate(-24px,-13px);background:#e3e7d2;border:none;z-index:0}.shape.duplicate{transform:translate(17px,13px)}.played .duplicate{animation:duplicate .5s both}.shape.round{border-radius:50%}.shape.text-shape{font-family:DM Sans;font-size:27px;background:none;height:42px}.shape.deselected{border:none}.canvas-cursor{position:absolute;bottom:23px;right:17px;font-size:24px;color:#455b2d;z-index:2}.canvas-cursor small{background:#6a7b4d;color:#fff;font-size:8px;padding:3px 6px;position:absolute;top:22px;left:13px}.played .shape:not(.duplicate){animation:pop .35s both}.played .nudge.right{transform:translate(1px)}.played .nudge.left{transform:translate(-1px)}.played .nudge.jump{transform:translate(10px)}.preview-copy{padding:24px 22px 18px}.preview-copy h3{font-family:DM Sans;font-size:22px;font-weight:500;letter-spacing:-.6px;margin:13px 0 9px}.preview-copy p{font-size:12px;color:#79806e;line-height:1.6;margin:0;max-width:260px;min-height:38px}.preview-bottom{border-top:1px solid #d8ddce;margin-top:20px;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:8px}.preview-bottom>span{font-size:10px;color:#647153}.preview-bottom .key{height:28px;font-size:10px;min-width:29px;padding:0 7px}.primary{background:var(--accent);color:#fff;padding:15px 20px;border-radius:6px;font-weight:600;font-size:12px;box-shadow:0 3px #526999;white-space:nowrap}.primary:hover{background:#566f9f}.primary span{margin-left:24px}footer{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);height:95px;font-size:10px;color:var(--muted)}footer .brand{font-size:20px;color:#373b2d}footer>span{margin-left:auto}footer p{margin:0}.empty{padding:45px 15px;font-size:14px;color:var(--muted)}.empty button{display:block;text-decoration:none;margin-top:15px}.academy{padding:65px 0 80px;min-height:calc(100vh - 202px)}.academy h1{margin-top:18px}.academy-summary{display:flex;justify-content:space-between;margin:50px 0 20px;font-size:12px;color:#6c775c}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.level-card{text-align:left;border:1px solid var(--line);border-radius:10px;padding:26px;background:#eeefe6}.level-card:hover{border-color:#7b8969;background:#e8ecde}.level-no{font-size:14px;font-family:DM Sans;display:flex;justify-content:space-between}.level-no>span{font:10px DM Sans;color:#738061}.level-symbol{font-size:76px;display:block;margin:32px 0;color:#75875e}.level-card h2{font-size:24px}.level-card p{font-size:13px;color:#727a66;min-height:36px;line-height:1.6}.level-bottom{font-size:11px;display:flex;justify-content:space-between;margin-top:30px;border-top:1px solid #d8ddcc;padding-top:20px}.lesson{border:1px solid var(--line);border-radius:10px;margin-top:35px;overflow:hidden;background:#eeefe6}.lesson-top{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:22px 30px;font-size:12px}.progress{height:4px;background:#dcdfd0}.progress>span{display:block;height:100%;background:var(--accent);transition:width .3s}.challenge,.level-complete{text-align:center;padding:48px 20px}.challenge-count,.level-complete>p:first-of-type{font-size:10px;letter-spacing:1.6px;color:#7d856f}.challenge h2,.level-complete h2{font-size:38px;margin:20px 0 14px}.challenge>p,.level-complete>p{color:var(--muted);font-size:14px}.mystery-keys{display:flex;gap:13px;justify-content:center;margin:35px 0}.mystery-keys .key{height:70px;min-width:70px;font-size:28px;border-radius:12px}.mystery-keys .key:disabled{color:#a4ac95}.feedback{min-height:22px}.feedback.success{color:#496132}.touch-pad{margin:30px auto 0;font-size:12px;max-width:460px}.touch-pad summary{cursor:pointer;text-decoration:none;text-underline-offset:4px}.touch-pad>div{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:24px 0 10px}.touch-pad p{color:var(--muted);font-size:11px}.award{font-size:90px;color:var(--accent)}.level-complete strong{display:block;font:32px DM Sans;color:#627c46;margin:27px}.level-complete>div{display:flex;gap:25px;align-items:center;justify-content:center}@keyframes duplicate{0%{transform:translate(-24px,-13px);opacity:.2}to{transform:translate(17px,13px);opacity:1}}@keyframes pop{0%{opacity:.35;scale:.92}to{opacity:1;scale:1}}@media(min-width:1500px){.hero{min-height:480px}.hero-key{width:175px;height:175px}.hero-keys{height:310px}}@media(max-width:1100px){.shell{padding:0 30px}header{gap:35px}.listen{margin-left:auto}.hero{min-height:410px}.hero-key{height:135px;width:130px;padding:20px}.hero-key span{font-size:48px}.hero-keys .spark{right:0}.explorer{gap:22px;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr)}.filters{flex-wrap:wrap;height:auto;min-height:54px;gap:2px}.filters>button{font-size:10px;padding:7px 8px}.search{flex-basis:100%;padding:8px 5px 0}.search input{width:100%}}@media(max-width:760px){.shell{padding:0 20px}header{height:85px;gap:26px}.brand{font-size:24px}.brandmark{width:29px;height:31px;font-size:23px}.brand-dot{display:none}nav{gap:20px}nav button{font-size:12px}.listen{font-size:0;padding:10px;gap:0}.listen i{height:7px;width:7px}.hero{grid-template-columns:1fr;gap:0;padding-top:35px;min-height:0}.hero h1{font-size:49px;letter-spacing:-2.8px}.hero p{font-size:14px}.hero-keys{height:250px;max-width:390px;width:100%;margin:auto}.hero-key{height:130px;width:135px}.spark{font-size:42px;top:19px;right:7%!important}.section-top{margin:30px 0 22px}.section-top h2{font-size:24px}.section-top p{font-size:11px}.explorer{grid-template-columns:1fr;gap:26px}.filters{min-height:62px;flex-wrap:nowrap}.search{flex-basis:auto;width:28px;padding:0;margin-left:auto}.search input{width:0;opacity:0;transition:width .2s}.search:focus-within{width:100%;position:absolute;left:0;background:#f5f4ef;height:45px;z-index:3;padding-left:8px}.search:focus-within input{opacity:1;width:100%}.filters{position:relative}.search span{pointer-events:none}.search input{position:absolute;width:28px;right:0;opacity:0;height:34px}.search:focus-within input{position:static}.shortcut-row{height:64px;padding-right:6px}.row-action{font-size:13px;gap:12px}.preview-panel{position:static;max-width:none}.demo{height:280px}.preview-copy p{max-width:none;min-height:0}.preview-copy h3{font-size:24px}.preview-copy{padding:22px}.collection-foot{font-size:9px}.collection-foot>span:last-child{display:none}footer{gap:15px;height:auto;padding:25px 0;flex-wrap:wrap}footer>span{width:100%;margin:0;font-size:9px}.academy{padding:35px 0 45px}.academy h1{font-size:46px;letter-spacing:-2.5px}.level-grid{grid-template-columns:1fr}.level-card{padding:22px}.level-symbol{font-size:52px;margin:20px 0}.level-card p{min-height:0}.level-bottom{margin-top:23px}.lesson-top{padding:20px 15px;font-size:10px}.lesson-top>span:nth-child(2){max-width:110px;text-align:center}.challenge h2{font-size:29px}.challenge>p{font-size:12px}.challenge{padding:38px 15px}.academy-summary{margin-top:35px}.level-complete h2{font-size:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:350px){header{gap:15px}.brand{font-size:21px}.brandmark{width:25px;height:29px;font-size:22px}nav{gap:15px}.listen{padding:7px}.hero h1{font-size:43px;letter-spacing:-2.5px}.row-action{font-size:12px;gap:7px}.key{min-width:31px;padding:0 7px}.key-combo{gap:5px}.hero-key{width:115px;height:120px;padding:18px}.filters>button{padding:7px 6px}}.hero-keys:before{width:min(340px,100%)}.hero{min-height:calc(100svh - 106px);padding-block:45px}.hero-key{text-align:left;transition:translate .12s,box-shadow .12s,filter .12s}.hero-key:hover{filter:brightness(1.04)}.hero-key.hero-pressed,.hero-key:active{translate:0 10px;box-shadow:1px 3px #6b80b0,4px 10px 12px #57341b26,inset 0 2px 2px #ffffff85}.hero-key.ivory.hero-pressed,.hero-key.ivory:active{background:#dce5f5;box-shadow:1px 3px #c6c3b5,4px 10px 12px #57341b26,inset 0 2px 2px #fff}.extra-spark{right:20%;top:80%;font-size:35px;animation:pop .3s both}@media(max-width:760px){.hero{min-height:calc(100svh - 85px);padding-block:32px;align-content:center;gap:16px}.hero-keys{flex-shrink:0}}@media(prefers-reduced-motion:reduce){.hero-key{transition:none}.extra-spark{animation:none}}.catalog-controls{display:flex;gap:20px;justify-content:space-between;align-items:start;margin-bottom:25px}.app-tabs{display:flex;gap:7px;flex-wrap:wrap}.app-tabs button{padding:10px 12px;border:1px solid var(--line);border-radius:6px;font-size:12px;white-space:nowrap}.app-tabs button[aria-pressed=true]{border-color:#63734d;background:#e4e9d9}.app-tabs button span{font-size:9px;color:#7b856b;margin-left:8px}.platform-control{display:inline-flex;padding:4px;border:1px solid var(--line);border-radius:7px;gap:3px;flex-shrink:0}.platform-control button{font-size:11px;padding:7px 12px;border-radius:4px}.platform-control button[aria-pressed=true]{background:#292c25;color:#fffef4}.shortcut-row{height:73px}.preview-copy p{min-height:0}.preview-bottom{flex-wrap:wrap;gap:13px}.key-combo{flex-wrap:wrap;justify-content:flex-end}.touch-pad>div{gap:9px}.mystery-keys{flex-wrap:wrap}.mystery-keys .key{font-size:20px;min-width:58px}.academy .platform-control{margin-top:15px}.level-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.action-demo{background:#f8faf2;background-image:radial-gradient(#acb49b55 .7px,transparent .7px);background-size:13px 13px}.mini-browser{margin:10px 18px;background:#fff;border:1px solid #dce2d0;border-radius:7px;overflow:hidden;height:174px;font-size:9px}.mini-tabs{display:flex;background:#e3e8d9;gap:4px;padding:6px}.mini-tabs span{padding:6px;background:#f7f9f1;border-radius:4px 4px 0 0;font-size:8px}.mini-address{margin:7px;padding:7px 10px;border-radius:5px;background:#f0f3e8;color:#8a9578;display:flex;justify-content:space-between}.mini-web{padding:13px;font-family:DM Sans;font-size:17px;position:relative}.mini-web-blocks{display:flex;gap:7px;margin-top:10px}.mini-web-blocks i{height:30px;flex:1;background:#c7d0ad;border-radius:3px}.mini-web-blocks i:nth-child(2){background:#dee4cf}.mini-web strong{position:absolute;font:10px DM Sans;right:15px;top:12px}.mini-web small{font:8px DM Sans;display:block;margin-top:7px;color:#718456}.highlight{outline:2px solid #6a81b1;background:#dce5f5!important;color:#344c70!important}.reopened{animation:pop .3s both}.mini-code{height:172px;background:#293025;margin:9px 15px;border-radius:6px;position:relative;overflow:hidden;display:flex;color:#cfdaba}.code-files{width:90px;background:#343d2c;padding:15px 8px;font-size:9px;line-height:2}.mini-code pre{font-size:10px;padding:20px 9px;white-space:pre-wrap;overflow-wrap:anywhere}.mini-command{position:absolute;background:#fffef5;border:1px solid #bfc9aa;border-radius:5px;padding:15px;color:#596a44;font-size:11px;left:12%;right:12%;top:35%;box-shadow:0 12px 25px #25361322}.mini-problems{position:absolute;bottom:0;background:#414b37;width:100%;padding:10px;font-size:10px}.mini-system,.visual-stage{position:relative;height:170px;margin:8px 18px;display:grid;place-items:center;background:#eaf0de;border:1px solid #e2e8d5}.visual-stage small{font-size:9px;color:#788565;position:absolute;bottom:-25px;left:0;white-space:nowrap}.layout-box{display:flex;gap:5px;position:relative}.layout-box i{display:grid;place-items:center;width:40px;height:40px;background:#bdcba0;font-style:normal;color:#6e8152;font-size:27px}.layout-box i:nth-child(2){translate:0 -15px}.layout-box i:nth-child(3){translate:0 12px}.activated .layout-box{gap:16px;outline:1px solid #829962;padding:12px}.activated .layout-box i{translate:0 0}.group-box{display:flex;gap:12px;position:relative;padding:12px}.group-box i{height:55px;width:55px;background:#aaba89}.group-box i:nth-child(2){border-radius:50%;background:#c1cea6}.activated .group-box{outline:2px solid #7b9260}.brush-stroke{font-size:90px;color:#8fa66a;line-height:1;position:relative}.color-pair{position:relative;width:100px;height:85px}.color-pair i{position:absolute;left:0;top:0;background:#7d925c;width:55px;height:55px;border:3px solid white}.color-pair i:nth-child(2){left:35px;top:27px;background:#d5dfbd}.activated .color-pair i{background:#d5dfbd}.activated .color-pair i:nth-child(2){background:#7d925c}.outline-shape{font-size:110px;color:#95aa72;line-height:1}.activated .outline-shape{color:transparent;-webkit-text-stroke:1px #687f4d}.builder-shapes{display:flex;position:relative}.builder-shapes i{height:75px;width:75px;border-radius:50%;background:#a8bb84bb;border:1px solid #7c9659}.builder-shapes i+i{margin-left:-30px}.activated .builder-shapes i{background:#8ca967}.transform-box{width:95px;height:95px;border:1px solid #6e8550;position:relative;display:grid;place-items:center}.transform-box>span{font-size:75px;color:#91a66c}.transform-box i{position:absolute;width:7px;height:7px;border:1px solid #6e8550;background:#fff;left:-4px;top:-4px}.transform-box i+i{inset:auto -4px -4px auto}.activated .rotate-box{rotate:20deg}.activated .transform-box:not(.rotate-box){scale:1.1}.capture-area{height:95px;width:150px;border:1px dashed #829665;color:#829665;display:grid;place-items:center;font-size:10px}.capture-area span{font-size:28px}.capture-active{outline:25px solid #66794b33;border-color:#536c36}.folder-icon{font-size:80px;color:#9fb37b;position:relative;line-height:1}.folder-icon small{display:block;font:10px DM Sans;text-align:center;color:#677d49}.text-document{background:#fffff8;padding:25px 18px;width:85%;font-size:12px;border:1px solid #dfe5d3;position:relative}.text-document small{display:block;margin-top:12px;color:#7d8c65;font-size:9px}.caret{color:#687fae}.action-demo.played .visual-stage>div,.action-demo.played .mini-system>div{animation:pop .3s both}@media(max-width:1000px){.catalog-controls{flex-direction:column;gap:14px}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-tabs{gap:6px}.app-tabs button{font-size:11px;padding:8px}.catalog-controls{margin-top:20px}.row-action{font-size:12px;gap:8px}.key{min-width:29px;padding-inline:7px;font-size:11px}.key-combo{gap:5px;max-width:48%}.preview-bottom .key-combo{max-width:100%}.level-grid{grid-template-columns:1fr}.level-card p{min-height:0}.mini-browser,.mini-code,.mini-system,.visual-stage{height:190px}.mini-code pre{font-size:10px}.touch-pad .key{height:38px;min-width:38px}.mystery-keys .key{min-width:50px;height:58px;font-size:18px}.preview-panel .key-combo{max-width:100%}}nav button{white-space:nowrap}@media(prefers-reduced-motion:reduce){.action-demo.played .visual-stage>div,.action-demo.played .mini-system>div,.reopened{animation:none}}.skip{opacity:0;pointer-events:none}.skip:focus{opacity:1;pointer-events:auto}.listen{margin-left:auto}.hero-feedback{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:12px;color:#647153;min-height:18px}.hero h1{margin-top:0}#shortcuts{scroll-margin-top:32px}.section-top{margin-bottom:24px}.catalog-controls{align-items:center}.shortcut-row{height:66px}.filters{margin-bottom:10px}.preview-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:22px}.preview-heading h3{font-family:DM Sans,sans-serif;font-size:20px;font-weight:500;letter-spacing:-.5px;margin:0}.preview-heading a{font-size:11px;color:#647153;white-space:nowrap;text-decoration:none;text-underline-offset:3px}.preview-copy{padding:22px}.preview-bottom{border:0;margin:0;padding:0}.action-demo{display:grid;align-items:center}.action-demo>.mini-browser,.action-demo>.mini-code,.action-demo>.mini-system,.action-demo>.visual-stage{width:calc(100% - 36px)}footer{margin-top:60px}.academy+footer{margin-top:0}.level-card{display:flex;flex-direction:column;min-height:300px}.level-bottom{margin-top:auto}.level-card h2{margin-bottom:28px}.academy-summary,.lesson-top,.challenge-count,.level-bottom{font-variant-numeric:tabular-nums}h1,h2,h3{text-wrap:balance}@media(max-width:760px){.section-top{margin-top:30px}.catalog-controls{align-items:start}.preview-heading h3{font-size:21px}.level-card{min-height:260px}footer{margin-top:35px}.hero h1{font-size:49px}.hero-keys{margin-top:10px}.academy-summary{gap:15px}}@media(max-width:350px){.hero h1{font-size:43px}}.level-symbol{height:80px;line-height:1;display:flex;align-items:center}.shortcut-row>.key-combo{max-width:none;flex-wrap:nowrap;flex-shrink:0}.row-action>span:nth-child(2){line-height:1.35}.row-icon{display:inline-flex;align-items:center;justify-content:center}.app-icon{display:block;width:20px;height:20px;object-fit:contain}.fullscreen-toggle{font-size:11px;white-space:nowrap;border:1px solid var(--line);border-radius:30px;padding:10px 13px}.fullscreen-message{color:#66472d;font-size:12px;margin:12px 0 0}@media(max-width:600px){header{gap:10px}.fullscreen-toggle{font-size:10px;padding:8px}}.custom-icon{color:#55594e;width:19px;height:19px}.hero{min-height:calc(100svh - 106px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(18px,3vh,34px);padding:46px 0 64px;text-align:center}.hero h1{font-size:clamp(54px,6vw,86px);line-height:.98;letter-spacing:-.065em;margin:0}.hero-keys{width:min(100%,690px);max-width:none;height:clamp(210px,29vh,280px);margin:0;padding:0 0 28px}.hero-keys:before{bottom:12px;width:min(510px,90%)}.hero-key{flex:0 0 clamp(130px,14vw,190px);width:clamp(130px,14vw,190px);height:clamp(140px,15vw,200px);margin:0 -15px;transform:rotate(-6deg) translateY(4px)}.hero-key.ivory{transform:rotate(6deg) translateY(4px);z-index:3}.hero-key-outer{z-index:1}.hero-key-move{transform:rotate(-17deg) translateY(38px);background:linear-gradient(140deg,#d5e2c2,#a9bc96);border-color:#a2b48f;color:#364b35;box-shadow:1px 4px #9fb08e,2px 14px #879b79,8px 25px 22px #57341b26,inset 0 2px 2px #ffffff85}.hero-key-rectangle{transform:rotate(17deg) translateY(38px);background:linear-gradient(140deg,#e2e6f2,#bbc9df);border-color:#acbcd3;color:#3f5066;box-shadow:1px 4px #b2c1d7,2px 14px #94a6be,8px 25px 22px #57341b26,inset 0 2px 2px #ffffff85}.hero-key-move.hero-pressed,.hero-key-move:active{box-shadow:1px 3px #879b79,4px 10px 12px #57341b26,inset 0 2px 2px #ffffff85}.hero-key-rectangle.hero-pressed,.hero-key-rectangle:active{box-shadow:1px 3px #94a6be,4px 10px 12px #57341b26,inset 0 2px 2px #ffffff85}.hero-key:focus-visible{z-index:5}.hero-feedback{bottom:-7px}.hero-link{position:relative;z-index:4}@media(max-width:760px){.hero{min-height:calc(100svh - 85px);padding:32px 0 48px;gap:25px}.hero h1{font-size:clamp(43px,10vw,62px)}.hero-keys{height:185px;width:100%}.hero-key{flex-basis:clamp(82px,24vw,130px);width:clamp(82px,24vw,130px);height:clamp(98px,27vw,145px);margin:0 -8px;padding:15px;border-radius:17px}.hero-key span{font-size:clamp(36px,9vw,50px)}.hero-key small{font-size:10px}.hero-key-move{transform:rotate(-17deg) translateY(28px)}.hero-key-rectangle{transform:rotate(17deg) translateY(28px)}}.fullscreen-label-short{display:none}@media(max-width:500px){header{gap:8px}nav{gap:10px}.brand{font-size:19px;gap:6px}.brandmark{width:25px;height:29px;font-size:22px}.fullscreen-toggle{padding:8px}.fullscreen-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.fullscreen-label-short{display:inline}.listen{padding:7px}}.hero-key-rectangle{align-items:flex-end;text-align:right}.keyboard-controls{display:flex;align-items:center;gap:8px;margin-left:auto}.keyboard-controls .listen{margin-left:0}.sound-toggle{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;font-size:17px;display:grid;place-items:center}.sound-toggle[aria-pressed=false]{color:#888}.hero .hero-link{display:inline-flex;align-items:center;gap:18px;padding:15px 22px;background:#202327;color:#fff;border-radius:999px;text-decoration:none}.hero .hero-link:hover{background:#394450}.hero .hero-link span{margin:0}@media(max-width:600px){.keyboard-controls{gap:5px}.sound-toggle{width:30px;height:30px;font-size:14px}}@media(max-width:400px){header{gap:5px}nav{gap:8px}.brand{font-size:17px}.fullscreen-toggle{padding-inline:6px}}@media(max-width:400px){.shell{padding-inline:14px}}@media(max-width:500px){.brand{font-size:16px;letter-spacing:-.9px;gap:5px}header{gap:5px}nav{gap:7px}nav button{font-size:10px}.keyboard-controls{gap:4px}.fullscreen-toggle{font-size:9px;padding-inline:5px}}.app-tabs button{display:inline-flex;align-items:center;gap:7px}.program-logo{width:20px;height:20px;object-fit:contain;flex-shrink:0}.level-symbol .program-logo{width:48px;height:48px}header{width:min(100%,1080px);height:72px;margin:22px auto 0;padding:10px 14px;gap:32px;border:1px solid #d8d9d3;border-radius:18px;background:#eeefea}header .brand{font-size:21px;letter-spacing:-1px}header .brandmark{width:29px;height:31px;font-size:23px}header nav{gap:4px;align-items:center}header nav button{padding:10px 15px;border-radius:10px}header nav button.nav-active{background:#dcded6}header nav .nav-active:after{display:none}header .listen,header .fullscreen-toggle,header .sound-toggle{background:#f8f8f4}.hero{min-height:calc(100svh - 94px)}.program-logo[src$=".svg"]{filter:brightness(0)}.program-logo[src$="photoshop.png"],.program-logo[src$="illustrator.png"]{filter:grayscale(1) contrast(2.5)}@media(max-width:760px){header{height:64px;margin-top:14px;padding:7px 10px;gap:8px;border-radius:15px}header .brand{font-size:16px;letter-spacing:-.7px}header .brandmark{width:25px;height:28px;font-size:21px}header nav button{padding:8px 9px;font-size:11px}.hero{min-height:calc(100svh - 78px)}}@media(max-width:400px){header{padding-inline:7px;gap:4px}header .brand{font-size:14px;gap:4px}header .brandmark{width:22px;height:25px;font-size:19px}header nav button{padding:7px 5px;font-size:10px}header .sound-toggle{width:27px;height:27px}header .fullscreen-toggle{padding:6px}header .listen{padding:6px}}.control-icon{width:18px;height:18px;flex:0 0 auto}header .keyboard-controls{gap:6px}header .sound-toggle,header .fullscreen-toggle,header .listen{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px}header .sound-toggle{width:40px}header .listen[aria-pressed=false]{color:#777a73;background:transparent}header .fullscreen-toggle .control-icon{width:16px;height:16px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-top h2{margin:0}.practice-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 16px;border-radius:999px;color:#fff;background:#202327;font-size:13px;font-weight:500}.practice-button:hover{background:#394450}.practice-button .control-icon{width:15px;height:15px}.catalog-controls{margin:24px 0}.app-tabs button{min-height:44px;padding:9px 13px}.app-tabs button[aria-pressed=true]{border-color:#848b9a;background:#e5e9f1;color:#202327}.platform-control button{min-height:36px;padding-inline:14px}.filters{height:auto;min-height:60px;flex-wrap:wrap;padding-bottom:12px;gap:5px}.filters>button{min-height:40px;font-size:12px}.filters .search,.filters .search:focus-within{position:relative;inset:auto;display:flex;flex:0 1 216px;width:auto;height:42px;padding:0 12px;margin-left:auto;gap:9px;background:#eeefea;border:1px solid #dcded7;border-radius:9px;color:#60665d}.filters .search:focus-within{border-color:#697da9;outline:2px solid #697da933}.filters .search input,.filters .search:focus-within input{position:static;width:100%;min-width:0;height:100%;opacity:1;font-size:13px;outline:none}.clear-search{display:grid;place-items:center;flex:0 0 28px;height:32px;padding:0}.clear-search .control-icon{width:14px;height:14px}.shortcut-row{padding-inline:12px}.shortcut-row.is-preview{background:#e8ecf2}.row-action{padding-right:16px}.preview-panel{background:#eeefea}.preview-bottom{gap:18px;flex-wrap:wrap}.preview-bottom>span{font-size:12px;color:#60665d}.collection-foot{font-size:12px;padding-block:16px}.collection-foot>span:last-child{display:inline}.academy{padding:40px 0 56px}.academy-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.academy-heading h1{font-size:clamp(36px,4vw,52px);margin:0}.academy-summary{margin:28px 0 18px;color:#60665d;font-size:13px}.level-grid{gap:16px}.level-card{min-height:220px;padding:22px;background:#eeefea}.level-card:hover{background:#e8ecf2;border-color:#929baa}.level-no{font-size:12px;color:#62685d}.level-no>span{font-size:11px;color:#54634a}.level-symbol{height:44px;margin:18px 0 12px;font-size:38px;color:#3c4439}.level-symbol .program-logo{width:36px;height:36px}.level-card h2{font-size:22px;margin:0 0 18px}.level-bottom{padding-top:14px;font-size:12px;color:#60665d}.lesson{max-width:820px;margin:28px auto 0;background:#eeefea}.lesson-top{padding:18px 24px}.lesson-top .text-link{min-height:36px}.challenge,.level-complete{padding:30px 24px}.challenge h2{margin:12px 0;font-size:clamp(26px,3vw,36px)}.challenge-count{font-size:12px;color:#60665d}.mystery-keys{margin:24px 0}.feedback{margin:12px 0}.challenge>.text-link{min-height:44px;padding-inline:16px;border:1px solid #d3d7cd;border-radius:999px;text-decoration:none}.touch-pad{margin-top:20px}.touch-pad summary{padding:12px}@media(max-width:1100px)and (min-width:761px){.filters .search,.filters .search:focus-within{flex-basis:100%;margin-left:0}}@media(max-width:760px){header{display:grid;grid-template-columns:1fr auto;height:116px;padding:10px 12px;gap:4px 8px}header .brand{font-size:18px}header nav{grid-column:1 / -1;grid-row:2;justify-self:stretch;gap:4px}header nav button{min-height:40px;padding:8px 18px;font-size:13px}header .keyboard-controls{grid-column:2;grid-row:1;gap:2px}header .sound-toggle,header .fullscreen-toggle,header .listen{width:40px;height:40px;min-width:40px;padding:0}header .fullscreen-label,header .listen-label{display:none}.hero{min-height:calc(100svh - 130px)}.section-top{margin-top:28px;margin-bottom:20px}.section-top h2{font-size:26px}.practice-button{font-size:12px;padding-inline:14px;gap:8px}.catalog-controls{gap:16px;margin:0 0 20px}.app-tabs{gap:8px}.app-tabs button{min-height:44px;padding:9px 12px;font-size:12px}.filters{display:grid;grid-template-columns:repeat(4,auto);justify-content:stretch;gap:8px 4px;padding-bottom:12px}.filters .search,.filters .search:focus-within{grid-column:1 / -1;grid-row:1;width:100%;margin:0 0 4px;height:46px}.filters .search input,.filters .search:focus-within input{font-size:16px}.filters>button{min-height:40px;padding:8px;font-size:12px}.shortcut-row{height:auto;min-height:72px;padding:12px 8px;gap:8px}.row-action{font-size:13px;padding:0;gap:10px;min-height:44px}.row-icon{width:20px}.preview-panel{margin-top:8px}.academy{padding-top:28px}.academy-heading{flex-wrap:wrap;gap:18px}.academy-heading h1{font-size:36px}.level-card{min-height:170px;padding:18px;display:grid;grid-template-columns:40px 1fr;column-gap:14px;align-items:center}.level-no,.level-bottom{grid-column:1 / -1}.level-symbol{margin:12px 0}.level-card h2{margin:12px 0;font-size:21px}.level-bottom{margin:0;padding-top:12px}.lesson{margin-top:22px}.lesson-top{padding:12px 16px}.lesson-top>span:nth-child(2){display:inline}.challenge,.level-complete{padding:24px 16px}}@media(max-width:360px){header .brand{font-size:16px;gap:4px}header{padding-inline:9px}.shortcut-row{flex-wrap:wrap}.shortcut-row>.key-combo{margin-left:30px;padding-bottom:4px}.row-action{flex-basis:100%}}header{background:var(--surface);border-color:var(--line);box-shadow:0 6px 20px #1c285406}header .brandmark,footer .brandmark{border-color:var(--accent);color:var(--accent);box-shadow:0 3px #1634a3}header nav button{color:var(--muted)}header nav button.nav-active{background:var(--selection);color:var(--accent)}header .sound-toggle,header .fullscreen-toggle,header .listen{background:var(--surface);border-color:var(--line);color:var(--ink)}.hero h1{font-size:clamp(56px,7.5vw,108px);font-weight:700}.hero .hero-link{background:var(--ink);color:#fff;box-shadow:none}.hero .hero-link:hover{background:#303746}.practice-button,.primary{background:var(--accent);color:#fff;box-shadow:none}.practice-button:hover,.primary:hover{background:var(--accent-hover)}.hero-feedback,.feedback.success{color:#31620c}.app-tabs button,.platform-control{border-color:var(--line);background:var(--surface);color:var(--ink)}.app-tabs button[aria-pressed=true],.platform-control button[aria-pressed=true],.filters .selected{background:var(--accent);color:#fff;border-color:var(--accent)}.filters .search,.filters .search:focus-within{background:var(--surface);border-color:var(--line);color:var(--muted)}.filters .search:focus-within{outline:2px solid #244dff33}.filters .search input{color:var(--ink)}.filters .search input::placeholder{color:var(--muted)}.shortcut-row.is-preview,.shortcut-row.matched{background:var(--selection);box-shadow:none}.custom-icon,.row-icon{color:var(--ink)}.app-icon,.program-logo[src$=".svg"]{filter:brightness(0)}.app-tabs button[aria-pressed=true] .program-logo[src$=".svg"]{filter:brightness(0) invert(1)}.key{background:linear-gradient(155deg,#fff,#edf0f6);border-color:#bbc2d0;color:var(--ink);box-shadow:inset 1px 1px #fff,inset -1px -2px #e1e5ed,0 3px #c7cdd9,0 5px #aab3c3,0 7px 6px #18284a12}.key.down,.key:active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 1px #1634a3}.preview-panel,.lesson,.level-card{background:var(--surface);border-color:var(--line)}.level-card:hover{background:var(--surface);border-color:var(--accent)}.level-symbol{color:var(--accent)}.level-no,.level-bottom,.academy-summary,.challenge-count,.preview-bottom>span,.collection-foot,.preview-heading a,.level-no>span{color:var(--muted)}.level-card p{color:var(--muted)}.progress{background:#e3e7ef}.challenge>.text-link{border-color:var(--line)}.preview-copy,.preview-bottom,.level-bottom{border-color:var(--line)}.fullscreen-message{color:#304ca0}footer{border-color:var(--line)}footer .brand{color:var(--ink)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-color:var(--accent)}@media(max-width:760px){.hero h1{font-size:clamp(43px,11vw,68px)}}.hero-key,.hero-key.ivory,.hero-key-move,.hero-key-rectangle{isolation:isolate;justify-content:flex-start;align-items:center;padding:0;border-radius:22px 22px 28px 28px;border:1px solid var(--cap-edge);background:var(--cap-side);box-shadow:0 8px 0 var(--cap-bottom),0 22px 28px #0009}.hero-key{--cap-edge: #d5ff84;--cap-side: #83b51a;--cap-bottom: #4b690a;--cap-face: #c1ff3a;--cap-text: #17210a}.hero-key-move{--cap-edge: #697469;--cap-side: #252e26;--cap-bottom: #111812;--cap-face: #39443a;--cap-text: #f4f7ef}.hero-key.ivory{--cap-edge: #f6fff3;--cap-side: #adb9a9;--cap-bottom: #798677;--cap-face: #f0f8ee;--cap-text: #192119}.hero-key-rectangle{--cap-edge: #e5ffb4;--cap-side: #8fbf35;--cap-bottom: #516f13;--cap-face: #c8f667;--cap-text: #17210a}.hero-key:before{content:"";position:absolute;inset:8% 9% 30%;z-index:-1;border-radius:18px;background:var(--cap-face);box-shadow:inset 0 2px 2px #fff9,inset 0 -5px 7px #0002,0 3px 5px #0003}.hero-key span{position:absolute;top:22%;left:0;right:0;text-align:center;color:var(--cap-text);font-weight:600}.hero-key small{position:absolute;top:54%;left:0;right:0;text-align:center;color:var(--cap-text);opacity:.8}.hero-key.hero-pressed,.hero-key:active,.hero-key.ivory.hero-pressed,.hero-key.ivory:active{background:var(--cap-side);box-shadow:0 2px 0 var(--cap-bottom),0 8px 12px #0009}footer .brandmark{border-color:var(--accent);color:var(--accent);box-shadow:0 3px #1634a3}@media(max-width:760px){.hero-key:before{border-radius:12px}.hero-key small{font-size:9px}}.hero-keys{perspective:850px;overflow:visible}.hero-key,.hero-key.ivory,.hero-key-move,.hero-key-rectangle{background:transparent;border:0;box-shadow:none;transform-style:preserve-3d}.hero-key:before{display:none}.hero-key .cap-face{position:absolute;inset:8% 4% 23%;display:block;width:auto;height:auto;color:var(--cap-text);background:var(--cap-face);border:1px solid var(--cap-edge);border-radius:18px;transform:rotateX(34deg) translateZ(20px);transform-style:preserve-3d;box-shadow:inset 0 2px 3px #ffffffa0,inset 0 -5px 10px #0003,0 16px 25px #0009}.hero-key .cap-face:before{content:"";position:absolute;left:-1px;right:-1px;top:calc(100% - 2px);height:55px;border-radius:0 0 16px 16px;background:var(--cap-side);transform-origin:top;transform:rotateX(-90deg);box-shadow:inset 0 -4px #0003}.hero-key .cap-face:after{content:"";position:absolute;top:5px;bottom:5px;right:-1px;width:55px;border-radius:0 14px 14px 0;background:var(--cap-bottom);transform-origin:right;transform:rotateY(90deg)}.hero-key .cap-face>span{position:absolute;top:22%;left:0;right:0;color:var(--cap-text);text-align:center;font-size:clamp(36px,4vw,58px)}.hero-key .cap-face>small{position:absolute;top:66%;left:0;right:0;color:var(--cap-text);text-align:center;font-size:10px}.hero-key.hero-pressed,.hero-key:active,.hero-key.ivory.hero-pressed,.hero-key.ivory:active{background:transparent;box-shadow:none}@media(max-width:760px){.hero-key .cap-face{border-radius:12px}.hero-key .cap-face:before{height:34px}.hero-key .cap-face:after{width:34px}.hero-key .cap-face>span{font-size:clamp(28px,9vw,42px)}.hero-key .cap-face>small{font-size:8px}}.hero{gap:0;padding:24px 0 28px}.hero-keys{position:relative;width:min(100%,980px);height:auto;aspect-ratio:2.6;margin:-45px 0 -25px;padding:0;perspective:none}.hero-keys:before{display:none}.hero-3d{filter:drop-shadow(0 15px 12px #18284a12);position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-cap-control{position:relative;width:18%;height:60%;border:1px solid #75806e;border-radius:22%;background:#edf0f6;color:var(--ink);font-size:clamp(22px,4vw,56px)}.is-3d .hero-cap-control{position:absolute;padding:0;background:transparent;border:0;box-shadow:none}.is-3d .hero-cap-control span{opacity:0}.hero-cap-control:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.is-3d .hero-cap-control:focus-visible{outline:none}.is-3d .hero-cap-control:focus-visible:after{content:"";position:absolute;bottom:-8px;left:50%;width:28px;height:4px;border-radius:2px;background:var(--ink);transform:translate(-50%)}@media(max-width:760px){.hero{gap:24px}.hero-keys{width:calc(100% + 24px);aspect-ratio:2.6;margin:0}}.row-action:focus-visible{outline:none}.shortcut-row.is-preview .row-action:focus-visible .row-icon{color:var(--accent);filter:drop-shadow(0 0 1px var(--accent))}.key:focus-visible{outline:none;color:#fff;background:var(--accent);border-color:var(--accent)}.level-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;border-top:1px solid var(--line)}.level-card{display:grid;grid-template-columns:28px 38px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:86px;padding:16px 4px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}.level-card:hover{background:var(--selection);border-color:var(--line)}.level-no{display:block;font-size:12px}.level-symbol{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0;font-size:28px;color:var(--ink)}.level-symbol .program-logo{width:30px;height:30px}.level-details{min-width:0;display:grid;gap:5px}.level-name{color:var(--ink);font:600 19px DM Sans,sans-serif;letter-spacing:-.4px}.level-meta{color:var(--muted);font-size:12px}.level-action{color:var(--ink);font-size:12px;font-weight:600;white-space:nowrap}.app-tabs button[aria-pressed=true],.platform-control button[aria-pressed=true],.filters .selected{background:var(--selection);color:var(--ink);border-color:#aebbe0}.app-tabs button[aria-pressed=true] .program-logo[src$=".svg"]{filter:brightness(0)}header .fullscreen-toggle,header .listen{background:transparent;border-color:transparent}@media(max-width:760px){.level-grid{grid-template-columns:1fr}.level-card{grid-template-columns:24px 34px minmax(0,1fr) auto;gap:10px;min-height:76px;padding:12px 2px}.level-name{font-size:16px}.level-meta,.level-action{font-size:11px}}@media(max-width:760px){.level-card .level-no{grid-column:auto}}.level-card:focus-visible{outline:none}.level-card:focus-visible .level-symbol{color:var(--accent);background:var(--selection);border-radius:50%;box-shadow:0 0 0 2px var(--accent)}footer{min-height:112px;height:auto;margin-bottom:24px;padding:28px 32px;border:0;border-radius:20px;background:#191c25;color:#c3c8d4}footer .brand{color:#fff}footer .brandmark{color:#b9c7ff;border-color:#b9c7ff;box-shadow:0 3px #657dff}.sound-credits{position:relative}.sound-credits summary{display:grid;place-items:center;width:28px;height:40px;color:#555d6b;font:600 12px DM Sans,sans-serif;cursor:pointer;list-style:none}.sound-credits summary::-webkit-details-marker{display:none}.sound-credits>div{position:absolute;z-index:20;top:calc(100% + 10px);right:-30px;width:230px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #18284a20;color:var(--ink);font-size:12px;line-height:1.5}.sound-credits a{color:#244dff}@media(max-width:760px){footer{padding:24px;min-height:96px;border-radius:16px}.sound-credits summary{width:24px}.sound-credits>div{right:-84px}}header{width:100%;height:88px;margin:0;padding:10px 0;border:0;border-radius:0;background:transparent;box-shadow:none}.hero{min-height:calc(100svh - 88px)}.footer-meta{margin-left:auto;display:flex;align-items:center;gap:32px;color:#c3c8d4;font-size:12px}.footer-meta a{color:#fff}.footer-meta a:hover{color:#b9c7ff}.official-sources{position:relative}.official-sources summary{cursor:pointer;color:#fff}.official-sources summary:hover{color:#b9c7ff}.official-sources>div{position:absolute;z-index:20;bottom:calc(100% + 12px);right:0;width:min(220px,80vw);max-height:65vh;overflow-y:auto;display:grid;gap:2px;padding:12px;border:1px solid #424857;border-radius:12px;background:#191c25}.official-sources>div a{padding:6px;border-radius:5px}@media(max-width:760px){header{height:116px;margin:0;padding:10px 0}.hero{min-height:calc(100svh - 116px)}.footer-meta{align-items:flex-end;flex-direction:column;gap:8px;font-size:11px}}header .sound-toggle,header .fullscreen-toggle,header .listen,header .sound-credits summary{min-height:40px;border:0;border-radius:10px;background:transparent;color:var(--ink);box-shadow:none}header .sound-toggle,header .sound-credits summary{width:40px;padding:0}header .fullscreen-toggle,header .listen{padding:0 12px}header .sound-toggle:hover,header .fullscreen-toggle:hover,header .listen:hover,header .sound-credits summary:hover,header .sound-credits[open] summary{background:var(--selection)}header .sound-toggle[aria-pressed=false],header .listen[aria-pressed=false]{color:#666e7d}@media(max-width:760px){header .fullscreen-toggle,header .listen{padding:0}}.brand{letter-spacing:-.03em}.hero h1{font-weight:400;line-height:.94;letter-spacing:-.025em}.hero h1 strong{font-weight:700}.hero .hero-link{margin-top:34px;background:var(--accent);color:#fff}.hero .hero-link:hover{background:var(--accent-hover)}.filters .search,.filters .search:focus-within{background:transparent}.platform-control{gap:2px;padding:0;border:0;background:transparent}.platform-control button{border-radius:999px;min-height:36px;padding:7px 15px;color:var(--muted);background:transparent}.platform-control button[aria-pressed=true]{color:#fff;background:var(--ink)}@media(max-width:760px){.hero .hero-link{margin-top:12px}}.motion-cta,.hero .hero-link.motion-cta{display:inline-flex;position:relative;align-items:center;justify-content:center;gap:0;padding-inline:30px}.motion-cta .cta-label{display:inline-block;margin:0;white-space:nowrap;transition:transform .18s ease}.motion-cta .cta-arrow{position:absolute;right:14px;width:16px;margin:0;opacity:0;text-align:center;font-size:17px;line-height:1;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.motion-cta:not(.hero-link) .cta-arrow{transform:translate(-4px)}header nav button,.filters>button,.app-tabs button,.platform-control button{transition:background-color .16s ease,color .16s ease,border-color .16s ease}@media(hover:hover)and (pointer:fine){.motion-cta:hover .cta-label{transform:translate(-10px)}.motion-cta:hover .cta-arrow{opacity:1;transform:translate(0)}header nav button:hover,.filters>button:hover,.app-tabs button:hover,.platform-control button:hover{background:#e2e8ff;color:var(--ink)}header nav button.nav-active:hover{color:var(--accent)}.platform-control button[aria-pressed=true]:hover{background:#303746;color:#fff}}.motion-cta:focus-visible .cta-label{transform:translate(-10px)}.motion-cta:focus-visible .cta-arrow{opacity:1;transform:translate(0)}@media(hover:none),(pointer:coarse){.motion-cta,.hero .hero-link.motion-cta{padding-inline:22px}.motion-cta .cta-arrow{right:10px}}.shortcut-list{animation:list-enter .18s ease-out both}.scene-enter{animation:scene-enter .2s ease-out both}.feedback.success>span{display:inline-block;animation:feedback-enter .24s ease-out both}.level-complete .award{display:inline-block;animation:award-enter .32s ease-out both}@keyframes list-enter{0%{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes scene-enter{0%{opacity:.5}to{opacity:1}}@keyframes feedback-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes award-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.motion-cta .cta-label,.motion-cta .cta-arrow,header nav button,.filters>button,.app-tabs button,.platform-control button{transition:none}.motion-cta:hover .cta-label,.motion-cta:focus-visible .cta-label{transform:translate(-10px)}.motion-cta:hover .cta-arrow,.motion-cta:focus-visible .cta-arrow{opacity:1;transform:none}.shortcut-list,.scene-enter,.feedback.success>span,.level-complete .award{animation:none}}.platform-control button{border-radius:9px;font-size:13px;min-height:40px}.platform-control button[aria-pressed=true]{color:var(--accent);background:var(--selection)}.app-tabs button,.filters>button{border-radius:9px;font-size:13px}.filters>button[aria-pressed=true]{color:var(--accent);background:var(--selection)}@media(hover:hover)and (pointer:fine){.platform-control button[aria-pressed=true]:hover{color:var(--accent);background:#e2e8ff}}.row-icon{width:24px;height:24px;flex:0 0 24px}.app-icon{width:18px;height:18px}.program-logo{width:20px;height:20px;object-fit:contain}.level-meta,.level-action,.academy-summary,.collection-foot{font-size:13px}.lesson-top .text-link,.challenge>.text-link,.touch-pad summary{min-height:44px;padding:10px 14px;border:0;border-radius:9px;background:transparent;color:var(--ink);font-size:13px;font-weight:600}.touch-pad summary{display:inline-flex;align-items:center;gap:8px;list-style:none}.touch-pad summary::-webkit-details-marker{display:none}@media(hover:hover)and (pointer:fine){.lesson-top .text-link:hover,.challenge>.text-link:hover,.touch-pad summary:hover{background:var(--selection)}}.challenge,.level-complete{padding:28px 24px}.challenge h2{margin:10px 0}.mystery-keys{margin:18px 0}.feedback{margin:6px 0;min-height:20px}.touch-pad{margin-top:8px}.touch-pad>div{padding:10px 0 4px}@media(max-width:760px){.challenge,.level-complete{padding:22px 16px}.level-meta,.level-action,.academy-summary,.collection-foot{font-size:12px}header .fullscreen-toggle,header .listen{flex-direction:column;gap:2px;height:44px;font-size:10px;line-height:1}header .fullscreen-toggle:after{content:"Full"}header .listen:after{content:"Keys"}header .fullscreen-toggle .control-icon,header .listen .control-icon{width:16px;height:16px}}.arrow-icon{display:block;flex:0 0 16px;width:16px;height:16px}.arrow-icon--left{transform:rotate(180deg)}.arrow-icon--down{transform:rotate(90deg)}.motion-cta .cta-arrow{display:grid;place-items:center;height:16px}.lesson-top .text-link{display:inline-flex;align-items:center;gap:6px}header nav button,header .fullscreen-toggle,header .listen,.app-tabs button,.filters>button,.platform-control button,.lesson-top .text-link,.challenge>.text-link,.touch-pad summary{border-radius:999px}.filters .search,.filters .search:focus-within{border-radius:999px}.lesson-top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.lesson-top:after{content:""}.lesson-top .text-link{justify-self:start}.lesson-top>span{text-align:center}.feedback.success svg{display:block;width:24px;height:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-tabs button{background:transparent}.app-tabs button[aria-pressed=true]{background:var(--selection);font-weight:600}.filters>button{background:transparent}.filters>button[aria-pressed=true],.platform-control button[aria-pressed=true]{background:var(--selection);font-weight:600}.row-action{font-size:15px}.shortcut-row.is-preview .row-action{font-weight:600}.empty{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:24px 12px;color:var(--muted)}.empty button{min-height:40px;padding:8px 14px;border:1px solid currentColor;border-radius:999px;color:var(--accent);font-weight:600}@media(hover:hover)and (pointer:fine){.app-tabs button:hover,.filters>button:hover{background:#e2e8ff}.empty button:hover{background:var(--selection)}}.practice-folders{display:grid;grid-template-columns:repeat(3,minmax(0,300px));justify-content:space-between;gap:clamp(18px,3vw,48px);margin:38px 0 12px}.practice-folder{display:block;width:100%;padding:0;text-align:left;border-radius:18px}.practice-folder:focus-visible{outline:3px solid var(--accent);outline-offset:8px}.folder-art{display:block;position:relative;isolation:isolate;aspect-ratio:3 / 2;margin-top:26px}.folder-back{position:absolute;inset:14px 0 0;background:#6077c9;border-radius:16px}.folder-art-1 .folder-back{background:#647ed0}.folder-art-2 .folder-back{background:#536bb5}.folder-art-3 .folder-back{background:#7688cf}.folder-art-4 .folder-back{background:#5e74bb}.folder-art-5 .folder-back{background:#6878c5}.folder-sheet{position:absolute;display:flex;justify-content:flex-end;align-items:flex-start;top:18px;left:11%;width:78%;height:78%;padding:10px;overflow:hidden;border:1px solid #ffffffc9;border-radius:13px;color:#17244a;box-shadow:0 3px 12px #18284920;transform-origin:50% 95%;font-size:11px;font-weight:600;background:radial-gradient(ellipse at 30% 80%,#739dff 0,transparent 48%),radial-gradient(ellipse at 75% 95%,#264ad8 0,transparent 48%),#edf2ff}.folder-sheet-0{z-index:1;background:radial-gradient(ellipse at 75% 65%,#8bacfc 0,transparent 48%),radial-gradient(ellipse at 25% 100%,#4267e4 0,transparent 48%),#e7efff}.folder-sheet-1{z-index:2;background:radial-gradient(ellipse at 20% 85%,#4366e8 0,transparent 48%),radial-gradient(ellipse at 80% 90%,#8dc8ff 0,transparent 48%),#edf2ff}.folder-sheet-2{z-index:3}.folder-sheet-label{display:flex;align-items:center;justify-content:flex-end;gap:6px;max-width:78%;text-align:right;line-height:1.2}.folder-sheet-label .app-icon{width:18px;height:18px;flex:0 0 18px}.folder-front{--folder-color: #244dffc4;position:absolute;z-index:4;inset:30% 0 0;display:flex;align-items:flex-end;padding:16px;filter:drop-shadow(0 12px 12px #23386020)}.folder-art-1 .folder-front{--folder-color: #3f60e8c4}.folder-art-2 .folder-front{--folder-color: #193bbcbb}.folder-art-3 .folder-front{--folder-color: #546fe0c4}.folder-art-4 .folder-front{--folder-color: #304dd3c4}.folder-art-5 .folder-front{--folder-color: #4052cfc4}.folder-front-shape{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.folder-front-shape path{fill:var(--folder-color);stroke:#fff6;stroke-width:1;vector-effect:non-scaling-stroke}.folder-logo{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#ffffffed}.folder-logo .program-logo{width:24px;height:24px}.folder-caption{display:grid;gap:4px;padding:15px 2px 0}.folder-caption strong{font:600 17px DM Sans,sans-serif}.folder-caption>span{color:var(--muted);font-size:12px}.folder-details-wrap{overflow:hidden}.folder-details{margin:24px 0 0;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.folder-details-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.folder-details-header h2{margin:0;font:600 22px DM Sans,sans-serif}.folder-details-header div>span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.folder-challenges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-top:18px}.folder-challenges>div{display:flex;align-items:center;justify-content:space-between;min-width:0;gap:12px;padding:11px 0;border-top:1px solid #e9ecf1;font-size:13px}.folder-keys{display:flex;gap:4px;flex-shrink:0}.folder-keys kbd{padding:4px 6px;border:1px solid #d8deea;border-radius:5px;background:#f6f8fc;font:11px DM Sans,sans-serif}@media(max-width:760px){.practice-folders{grid-template-columns:repeat(2,minmax(0,300px));gap:26px 20px;margin-top:20px}.folder-front{padding:10px}.folder-sheet{top:0;padding:6px;font-size:10px}.folder-sheet-label{max-width:88%}.folder-logo{width:30px;height:30px}.folder-logo .program-logo{width:20px;height:20px}.folder-details{padding:18px}.folder-challenges{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.practice-folder,.folder-sheet{transition:none!important}}.program-logo[src*=premiere-mono],.program-logo[src*=aftereffects-mono]{filter:none!important}.explorer{grid-template-columns:minmax(0,1.12fr) minmax(390px,1fr);gap:28px;align-items:start}.shortcut-preview{min-width:0;border-radius:16px;background:var(--surface);overflow:hidden}.shortcut-preview .preview-heading{padding:19px 20px 15px;gap:14px}.shortcut-preview .preview-heading h3{font-size:17px;line-height:1.35}.preview-replay{width:36px;height:36px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--ink)}.preview-replay:hover{background:var(--selection);color:var(--accent)}.preview-replay svg,.preview-source svg{width:18px;height:18px}.shortcut-preview .preview-bottom{padding:18px 20px;margin:0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.shortcut-preview .preview-bottom .key{min-width:34px;height:34px}.shortcut-preview[data-phase="1"] .preview-bottom .key{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(2px);box-shadow:0 1px #1634a3}.preview-source{display:grid;place-items:center;width:36px;height:36px;color:var(--muted)}.preview-source:hover{color:var(--accent)}.preview-replay:focus-visible,.preview-source:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shortcut-scene{margin:0 12px 14px;border:1px solid var(--line);border-radius:10px;overflow:hidden;color:#dce2db;text-align:left}.shortcut-scene *{box-sizing:border-box}.figma-official-preview,.figma-duplicate-preview{position:relative;height:363px;overflow:hidden;background:#f4f4f4}.figma-duplicate-workspace{position:absolute;height:100%;aspect-ratio:1;left:50%;transform:translate(-50%)}.figma-duplicate-workspace img{position:absolute;width:100%;height:100%}.figma-duplicate-workspace .figma-duplicate-copy{clip-path:inset(45% 60% 35% 22%);opacity:0;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .2s ease}.shortcut-preview[data-phase="2"] .figma-duplicate-copy,.shortcut-preview[data-phase="3"] .figma-duplicate-copy{opacity:1;transform:translate(-18%)}.figma-group-preview{position:relative;height:363px;overflow:hidden;background:#f4f4f4}.figma-group-workspace{position:absolute;height:100%;aspect-ratio:1;left:50%;translate:-50%;transform-origin:25% 55%;transition:transform .9s cubic-bezier(.22,1,.36,1)}.figma-group-workspace img{display:block;width:100%;height:100%}.figma-ungrouped-layers{position:absolute;left:5.5%;top:43.5%;width:33%;height:18%;padding:1% 0;background:#fff;color:#282828;font:6px/1 system-ui,sans-serif}.figma-ungrouped-layers div{display:flex;align-items:center;gap:5px;height:31%;padding-left:6%;background:#edf6ff}.figma-ungrouped-layers i{width:6px;height:6px;border:1px solid #a4a9ac}.figma-ungrouped-layers i.ellipse{border-radius:50%}.shortcut-preview[data-phase="2"] .figma-group-workspace,.shortcut-preview[data-phase="3"] .figma-group-workspace{transform:scale(1.6)}.shortcut-preview[data-phase="2"] .figma-ungrouped-layers,.shortcut-preview[data-phase="3"] .figma-ungrouped-layers{opacity:0;transition:opacity .25s ease}.figma-layout-preview{position:relative;height:363px;overflow:hidden;background:#f4f4f4}.figma-layout-workspace{position:absolute;height:100%;aspect-ratio:4 / 3;left:50%;translate:-50%;transform-origin:78% 50%;transition:transform .9s cubic-bezier(.22,1,.36,1)}.figma-layout-workspace img{display:block;width:100%;height:100%}.figma-layout-before{position:absolute;left:64.5%;top:46%;width:31%;height:50%;display:flex;justify-content:space-between;padding:1.5% 2%;background:#fff;color:#333;font:6px/1.4 system-ui,sans-serif}.figma-layout-before b{font-size:9px;font-weight:400}.shortcut-preview[data-phase="2"] .figma-layout-workspace,.shortcut-preview[data-phase="3"] .figma-layout-workspace{transform:scale(1.6)}.shortcut-preview[data-phase="2"] .figma-layout-before,.shortcut-preview[data-phase="3"] .figma-layout-before{opacity:0;transition:opacity .25s ease}.figma-insert-preview{position:relative;height:363px;overflow:hidden;background:#f4f4f4}.figma-insert-preview img{position:absolute;width:100%;height:100%;object-fit:contain}.figma-insert-panel{opacity:0}.shortcut-preview[data-phase="2"] .figma-insert-panel,.shortcut-preview[data-phase="3"] .figma-insert-panel{opacity:1;transition:opacity .35s ease}.figma-visibility-preview{position:relative;height:363px;overflow:hidden;background:#f4f4f4}.figma-visibility-workspace{position:absolute;height:100%;aspect-ratio:4 / 3;left:50%;translate:-50%;transform-origin:29% 76%;transition:transform .9s cubic-bezier(.22,1,.36,1)}.figma-visibility-workspace img{display:block;width:100%;height:100%}.figma-visible-eye{position:absolute;left:28.8%;width:1.9%;translate:-50% -50%;color:#333;background:#fff;transition:opacity .2s ease}.figma-visible-eye-0{top:71.2%;background:#f5f5f5}.figma-visible-eye-1{top:76.2%}.figma-unlocked-layer{position:absolute;left:26.5%;top:71.2%;width:1.9%;aspect-ratio:1;translate:-50% -50%;background:#f5f5f5}.shortcut-preview[data-phase="2"] .figma-visibility-workspace,.shortcut-preview[data-phase="3"] .figma-visibility-workspace{transform:scale(1.6)}.shortcut-preview[data-phase="2"] .figma-visible-eye,.shortcut-preview[data-phase="3"] .figma-visible-eye{opacity:0}.shortcut-preview[data-phase="2"] .figma-unlocked-layer,.shortcut-preview[data-phase="3"] .figma-unlocked-layer{opacity:0;transition:opacity .2s ease}.ae-property-preview,.ae-mask-preview{position:relative;height:363px;overflow:hidden;background:#1d1d1d}.ae-mask-workspace{position:absolute;width:100%;aspect-ratio:1200 / 388;top:50%;translate:0 -50%;transform-origin:31% 60%;transition:transform .9s cubic-bezier(.22,1,.36,1)}.ae-mask-workspace img{display:block;width:100%;height:100%}.ae-mask-cover{position:absolute;left:17.8%;top:53%;width:55%;height:29%;background:#1e1e1e}.ae-mask-workspace .ae-mask-reveal{position:absolute;inset:0;opacity:0}.ae-mask-reveal.mask{clip-path:inset(54.5% 43% 39.5% 18.3%)}.ae-mask-reveal.feather{clip-path:inset(62.8% 43% 32.8% 18.3%)}.ae-mask-annotation-top,.ae-mask-annotation-bottom,.ae-mask-annotation-left,.ae-mask-annotation-right{position:absolute;background:#1e1e1e}.ae-mask-annotation-top{left:17.8%;top:52.6%;width:31%;height:2.4%}.ae-mask-annotation-bottom{left:17.8%;top:61%;width:31%;height:1%}.ae-mask-annotation-left{left:17.8%;top:53%;width:.6%;height:9%}.ae-mask-annotation-right{left:48.2%;top:53%;width:.6%;height:9%}.shortcut-preview[data-phase="2"] .ae-mask-workspace,.shortcut-preview[data-phase="3"] .ae-mask-workspace{transform:scale(1.45)}.shortcut-preview[data-phase="2"] .ae-mask-reveal,.shortcut-preview[data-phase="3"] .ae-mask-reveal{opacity:1;transition:opacity .25s ease}.ae-property-workspace{position:absolute;width:92%;left:4%;aspect-ratio:1426 / 852;top:50%;translate:0 -50%;transform-origin:28% 67%;transition:transform .9s cubic-bezier(.22,1,.36,1)}.ae-property-workspace img{display:block;width:100%;height:100%}.ae-property-mask{position:absolute;left:16%;width:60%;top:58%;height:22%;background:#1d1d1d}.ae-property-workspace .ae-property-reveal{position:absolute;inset:0;opacity:0;clip-path:inset(calc(59.4% + var(--property-row) * 3.9%) 24% calc(36.7% - var(--property-row) * 3.9%) 16%);transform:translateY(calc(var(--property-row) * -3.9%))}.ae-keyframes{position:absolute;left:77%;top:60.4%;width:3.5%;display:flex;justify-content:space-between;opacity:0}.ae-keyframes i{width:4px;height:4px;background:#dedede;transform:rotate(45deg)}.shortcut-preview[data-phase="2"] .ae-property-workspace,.shortcut-preview[data-phase="3"] .ae-property-workspace{transform:scale(1.06)}.shortcut-preview[data-phase="2"] .ae-property-reveal,.shortcut-preview[data-phase="3"] .ae-property-reveal,.shortcut-preview[data-phase="2"] .ae-keyframes,.shortcut-preview[data-phase="3"] .ae-keyframes{opacity:1;transition:opacity .25s ease}.ae-audio-preview{position:relative;height:363px;overflow:hidden;background:#1d1d1d}.ae-audio-workspace{position:absolute;width:100%;aspect-ratio:1024 / 576;top:50%;translate:0 -50%;transform-origin:23% 73%;transition:transform .9s cubic-bezier(.22,1,.36,1)}.ae-audio-workspace img{width:100%;height:100%;display:block}.ae-audio-clean{position:absolute;left:0;top:73%;width:35%;height:25%;background:#1b1b1b}.ae-audio-before{position:absolute;left:0;top:72.5%;width:35%;height:2%;background:#1b1b1b}.ae-audio-result{position:absolute;left:8%;top:73%;color:#c6c6c6;font:clamp(6px,1vw,9px)/1.2 Arial,sans-serif;opacity:0;white-space:nowrap}.ae-audio-result span{font-size:1.2em}.ae-audio-result b{margin-left:1em;color:#81a8e7;font-weight:400}.shortcut-preview[data-phase="2"] .ae-audio-workspace,.shortcut-preview[data-phase="3"] .ae-audio-workspace{transform:scale(1.2)}.shortcut-preview[data-phase="2"] .ae-audio-result,.shortcut-preview[data-phase="3"] .ae-audio-result{opacity:1;transition:opacity .25s ease}.ae-workarea-preview{position:relative;height:363px;overflow:hidden;background:#1d1d1d}.ae-workarea-workspace{position:absolute;width:100%;aspect-ratio:1200 / 388;top:50%;translate:0 -50%;transform-origin:36.6% 20%;transition:transform .9s cubic-bezier(.22,1,.36,1)}.ae-workarea-workspace img{display:block;width:100%;height:100%}.ae-workarea-trim{position:absolute;top:18%;height:4.5%;background:#282828;opacity:0}.ae-workarea-trim.work-start{left:5.6%;width:31%}.ae-workarea-trim.work-end{left:36.6%;width:60.7%}.ae-workarea-handle{position:absolute;top:18%;left:36.6%;width:.8%;height:4.5%;background:#4a9ff3;border-radius:2px;opacity:0}.shortcut-preview[data-phase="2"] .ae-workarea-workspace,.shortcut-preview[data-phase="3"] .ae-workarea-workspace{transform:scale(1.35)}.shortcut-preview[data-phase="2"] .ae-workarea-trim,.shortcut-preview[data-phase="3"] .ae-workarea-trim,.shortcut-preview[data-phase="2"] .ae-workarea-handle,.shortcut-preview[data-phase="3"] .ae-workarea-handle{opacity:1;transition:opacity .25s ease}.ae-tool-preview{position:relative;height:363px;overflow:hidden;background:#1d1d1d}.ae-tool-workspace{position:absolute;width:max(100%,720px);aspect-ratio:1200 / 775;left:0;top:0;transform-origin:var(--ae-tool-x) 10.2%;transition:transform .9s cubic-bezier(.22,1,.36,1)}.ae-tool-workspace img{display:block;width:100%;height:100%}.ae-selection-neutral{position:absolute;left:4%;top:8.3%;width:2.4%;height:3.8%;display:grid;place-items:center;background:#202020;color:#eee}.ae-selection-neutral svg{width:75%;height:75%}.ae-tool-active{position:absolute;left:calc(var(--ae-tool-x) - 1.2%);top:8.3%;width:2.4%;height:3.8%;border-radius:2px;background:#368bff;mix-blend-mode:screen;opacity:0}.shortcut-preview[data-phase="2"] .ae-tool-workspace,.shortcut-preview[data-phase="3"] .ae-tool-workspace{transform:scale(2)}.shortcut-preview[data-phase="2"] .ae-tool-active,.shortcut-preview[data-phase="3"] .ae-tool-active{opacity:.65;transition:opacity .25s ease}.shortcut-preview[data-phase="2"] .ae-selection-neutral.is-target,.shortcut-preview[data-phase="3"] .ae-selection-neutral.is-target{opacity:0;transition:opacity .25s ease}.figma-tool-preview{position:relative;height:363px;overflow:hidden;background:#d2d2d2}.figma-tool-workspace{position:absolute;width:100%;aspect-ratio:1920 / 694;top:50%;translate:0 -50%;transform-origin:var(--figma-tool-x) 50%;transition:transform .9s cubic-bezier(.22,1,.36,1)}.figma-tool-workspace img{display:block;width:100%;height:100%}.figma-neutral-move{position:absolute;left:14.9%;top:43%;width:5%;height:14%;display:grid;place-items:center;color:#171717;background:#fff;border-radius:4px}.figma-neutral-move svg{width:65%;height:65%}.figma-tool-active{position:absolute;left:calc(var(--figma-tool-x) - 2.5%);top:43%;width:5%;height:14%;border-radius:4px;background:#0c8ce9;mix-blend-mode:multiply;opacity:0}.shortcut-preview[data-phase="2"] .figma-tool-workspace,.shortcut-preview[data-phase="3"] .figma-tool-workspace{transform:scale(1.5)}.shortcut-preview[data-phase="2"] .figma-tool-active,.shortcut-preview[data-phase="3"] .figma-tool-active{opacity:.7;transition:opacity .25s ease}.shortcut-preview[data-phase="2"] .figma-neutral-move.is-target,.shortcut-preview[data-phase="3"] .figma-neutral-move.is-target{opacity:0;transition:opacity .25s ease}.chrome-address-preview{position:relative;height:363px;overflow:hidden;background:#f4f4f4}.chrome-address-workspace{position:absolute;width:100%;aspect-ratio:1999 / 945;top:50%;translate:0 -50%;transform-origin:50% 20%;transition:transform .9s cubic-bezier(.22,1,.36,1)}.chrome-address-workspace img{position:absolute;inset:0;width:100%;height:100%}.chrome-address-bar{clip-path:inset(0 0 75% 0)}.chrome-address-before{position:absolute;left:13.6%;top:16.6%;width:68.6%;height:7.8%;display:flex;align-items:center;padding:0 3%;border-radius:12px;color:#5f6368;background:#f1f3f4;font:7px/1.3 system-ui,sans-serif}.chrome-address-workspace .chrome-address-active{opacity:0}.shortcut-preview[data-phase="2"] .chrome-address-workspace,.shortcut-preview[data-phase="3"] .chrome-address-workspace{transform:scale(1.2)}.shortcut-preview[data-phase="2"] .chrome-address-before,.shortcut-preview[data-phase="3"] .chrome-address-before{opacity:0;transition:opacity .25s ease}.shortcut-preview[data-phase="2"] .chrome-address-active,.shortcut-preview[data-phase="3"] .chrome-address-active{opacity:1;transition:opacity .25s ease}.illustrator-tool-preview{position:relative;height:363px;overflow:hidden;background:#474747}.illustrator-tool-workspace{position:absolute;width:max(100%,720px);aspect-ratio:1920 / 1240;left:0;top:50%;translate:0 -50%;transform-origin:1.4% var(--illustrator-tool-y);transition:transform .9s cubic-bezier(.22,1,.36,1)}.illustrator-tool-workspace img{display:block;width:100%;height:100%}.illustrator-tool-workspace .illustrator-unmarked-pen{position:absolute;inset:0;filter:grayscale(1);clip-path:inset(18.1% 96.8% 77.9% 0)}.illustrator-tool-active{position:absolute;left:.3%;top:calc(var(--illustrator-tool-y) - 1.8%);width:2.4%;height:3.6%;background:#fff7;border-radius:2px;opacity:0}.shortcut-preview[data-phase="2"] .illustrator-tool-workspace,.shortcut-preview[data-phase="3"] .illustrator-tool-workspace{transform:scale(2)}.shortcut-preview[data-phase="2"] .illustrator-tool-active,.shortcut-preview[data-phase="3"] .illustrator-tool-active{opacity:1;transition:opacity .25s ease}.premiere-tool-preview{position:relative;height:363px;overflow:hidden;background:#181818}.premiere-tool-workspace{position:absolute;width:max(100%,720px);aspect-ratio:1200 / 775;left:50%;top:50%;translate:-50% -50%;clip-path:inset(0 0 0 12.7%);transform-origin:var(--premiere-tool-x) var(--premiere-tool-y);transition:transform .9s cubic-bezier(.22,1,.36,1)}.premiere-tool-workspace img{display:block;width:100%;height:100%}.premiere-selection-neutral{position:absolute;left:12.45%;top:12.8%;width:3.2%;height:5%;display:grid;place-items:center;color:#eee;background:#1c1c1c}.premiere-selection-neutral svg{width:72%;height:72%}.premiere-tool-active{position:absolute;left:calc(var(--premiere-tool-x) - 1.45%);top:calc(var(--premiere-tool-y) - 2.3%);width:2.9%;height:4.6%;border-radius:3px;background:#368bff;mix-blend-mode:screen;opacity:0}.premiere-edit-cut{position:absolute;left:58%;top:50.2%;height:17%;border-left:2px solid #e6e6e6;box-shadow:2px 0 #171717;opacity:0}.premiere-original-playhead{position:absolute;left:44.8%;top:23%;height:69%;width:.3%;background:#191919}.premiere-edit-playhead{position:absolute;left:58%;top:23%;height:69%;border-left:1px solid #509df0}.premiere-edit-playhead:before{content:"";position:absolute;top:0;left:-4px;width:7px;height:7px;background:#509df0;clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%)}.premiere-new-marker{position:absolute;left:57.7%;top:24%;width:.8%;height:1.8%;background:#65c767;clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%);opacity:0}.premiere-mark-range{position:absolute;top:26%;height:1.6%;background:#d0d0d088;opacity:0}.premiere-mark-range.mark-in{left:58%;width:12%;border-left:2px solid #eee}.premiere-mark-range.mark-out{left:45%;width:13%;border-right:2px solid #eee}.premiere-default-transition{position:absolute;left:45%;top:53.4%;width:8%;height:2.7%;display:grid;place-items:center;color:#eee;background:#667a8a;font:5px/1 system-ui,sans-serif;overflow:hidden;white-space:nowrap;opacity:0}.premiere-default-transition.audio{top:62.4%}.shortcut-preview[data-phase="2"] .premiere-tool-workspace,.shortcut-preview[data-phase="3"] .premiere-tool-workspace{transform:scale(1.55)}.shortcut-preview[data-phase="2"] .premiere-tool-active,.shortcut-preview[data-phase="3"] .premiere-tool-active{opacity:.65;transition:opacity .25s ease}.shortcut-preview[data-phase="2"] .premiere-edit-cut,.shortcut-preview[data-phase="3"] .premiere-edit-cut,.shortcut-preview[data-phase="2"] .premiere-new-marker,.shortcut-preview[data-phase="3"] .premiere-new-marker,.shortcut-preview[data-phase="2"] .premiere-mark-range,.shortcut-preview[data-phase="3"] .premiere-mark-range,.shortcut-preview[data-phase="2"] .premiere-default-transition,.shortcut-preview[data-phase="3"] .premiere-default-transition{opacity:1;transition:opacity .2s ease}.shortcut-preview[data-phase="2"] .premiere-selection-neutral.is-target,.shortcut-preview[data-phase="3"] .premiere-selection-neutral.is-target{opacity:0;transition:opacity .25s ease}.photoshop-group-preview{position:relative;height:363px;overflow:hidden;background:#222}.photoshop-group-workspace{position:absolute;height:100%;aspect-ratio:568 / 734;top:50%;left:50%;translate:-50% -50%;transform-origin:50% 45%;transition:transform .9s cubic-bezier(.22,1,.36,1)}.photoshop-group-workspace img{display:block;width:100%;height:100%}.photoshop-group-before{position:absolute;inset:0;background:#505050;clip-path:inset(34% 0 7% 0)}.photoshop-group-before img{position:absolute;inset:0;clip-path:inset(40.6% 0 7% 0);transform:translateY(-6.6%)}.photoshop-copy-after{position:absolute;inset:0;background:#505050;clip-path:inset(51.8% 0 0 0);opacity:0}.photoshop-copy-after img{position:absolute;inset:0;clip-path:inset(40.6% 0 0 0);transform:translateY(11.2%)}.photoshop-copy-after span{position:absolute;top:56.8%;left:32.8%;width:29%;color:#eee;background:#505050;font:10px/1.2 system-ui,sans-serif}.shortcut-preview[data-phase="2"] .photoshop-group-workspace,.shortcut-preview[data-phase="3"] .photoshop-group-workspace{transform:scale(1.25)}.shortcut-preview[data-phase="2"] .photoshop-group-before,.shortcut-preview[data-phase="3"] .photoshop-group-before{opacity:0;transition:opacity .25s ease}.shortcut-preview[data-phase="2"] .photoshop-copy-after,.shortcut-preview[data-phase="3"] .photoshop-copy-after{opacity:1;transition:opacity .25s ease}.swap-preview{position:relative;height:363px;overflow:hidden;background:#262626}.photoshop-tool-workspace{position:absolute;width:max(180%,900px);aspect-ratio:2419 / 1634;top:50%;left:-4%;transform:translateY(-43%);clip-path:inset(20.5% 5% 10% 6.9%)}.photoshop-tool-workspace img{display:block;width:100%;height:100%}.layer-cut-workspace{position:absolute;width:100%;aspect-ratio:1201 / 793;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:42% 25%;transition:transform .9s cubic-bezier(.22,1,.36,1)}.layer-cut-workspace img{display:block;width:100%;height:100%}.layer-cut-workspace span{position:absolute;left:33.5%;width:16.8%;height:2.4%;opacity:0;transition:opacity .2s ease}.layer-cut-neutral{top:21.2%;-webkit-backdrop-filter:grayscale(1);backdrop-filter:grayscale(1)}.layer-cut-selected{top:23.8%;background:#168be3;mix-blend-mode:multiply}.shortcut-preview[data-phase="2"] .layer-cut-workspace,.shortcut-preview[data-phase="3"] .layer-cut-workspace{transform:translate(-50%,-50%) scale(1.35)}.shortcut-preview[data-phase="2"] .layer-cut-workspace span,.shortcut-preview[data-phase="3"] .layer-cut-workspace span{opacity:1}.photoshop-tool-workspace{transform-origin:var(--tool-x) var(--tool-y);transition:transform .9s cubic-bezier(.22,1,.36,1)}.shortcut-preview[data-phase="2"] .photoshop-tool-workspace,.shortcut-preview[data-phase="3"] .photoshop-tool-workspace{transform:translateY(-43%) scale(2)}.photoshop-tool-highlight{position:absolute;left:calc(var(--tool-x) - .9%);top:calc(var(--tool-y) - 1.35%);width:1.8%;height:2.7%;background:#fff0;border-radius:2px;transition:background-color .25s ease}.shortcut-preview[data-phase="2"] .photoshop-tool-highlight,.shortcut-preview[data-phase="3"] .photoshop-tool-highlight{background:#fff5}.swap-workspace{position:absolute;width:180%;aspect-ratio:2419 / 1634;top:50%;left:-4%;transform:translateY(-50%);clip-path:inset(9.5% 5% 10% 6.5%)}.swap-workspace img{display:block;width:100%;height:100%}.swap-workspace span{position:absolute;width:1.45%;aspect-ratio:1;border:1px solid #aaa;transition:background-color .35s ease}.swap-background{left:8.52%;top:49.85%;background:#f8b56b}.swap-foreground{left:7.62%;top:48.35%;background:#4869f5}.shortcut-preview[data-phase="2"] .swap-background,.shortcut-preview[data-phase="3"] .swap-background{background:#4869f5}.shortcut-preview[data-phase="2"] .swap-foreground,.shortcut-preview[data-phase="3"] .swap-foreground{background:#f8b56b}.swap-workspace .deselect-outline{left:24%;top:38%;width:20%;height:18%;aspect-ratio:auto;border:1px dashed white;outline:1px dashed #222;background:transparent;transition:opacity .25s ease}.shortcut-preview[data-phase="2"] .deselect-outline,.shortcut-preview[data-phase="3"] .deselect-outline{opacity:0}@media(prefers-reduced-motion:reduce){.swap-workspace span,.photoshop-tool-highlight,.photoshop-tool-workspace{transition:none}}.figma-official-preview img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;transform-origin:75% 55%;transition:transform .7s ease}.figma-official-preview.focus-toolbar img{transform-origin:50% 52%}.figma-official-preview.focus-text img{transform-origin:55% 52%}.figma-official-preview.focus-group,.figma-official-preview.focus-transform{background:#262626}.figma-official-preview.focus-transform img{transform:scale(1.2);transform-origin:50% 40%}.figma-official-preview.focus-layer-menu img{transform-origin:42% 23%}.figma-official-preview.focus-colors img{transform-origin:left 80%}.figma-official-preview.focus-bookmark img{transform:scale(.9);transform-origin:center}.figma-official-preview.focus-move img,.figma-official-preview.focus-layers img{transform-origin:25% 55%}.figma-official-preview.focus-zoom-in img{transform-origin:70% 50%}.figma-official-preview.focus-zoom-out img{transform:scale(1.15);transform-origin:30% 50%}.shortcut-preview[data-phase="2"] .figma-official-preview img,.shortcut-preview[data-phase="3"] .figma-official-preview img{transform:scale(1.15)}.shortcut-preview[data-phase="2"] .figma-official-preview.focus-transform img,.shortcut-preview[data-phase="3"] .figma-official-preview.focus-transform img{transform:scale(1.3)}.shortcut-preview[data-phase="2"] .figma-official-preview.focus-colors img,.shortcut-preview[data-phase="3"] .figma-official-preview.focus-colors img{transform:scale(1.6)}.shortcut-preview[data-phase="2"] .figma-official-preview.focus-bookmark img,.shortcut-preview[data-phase="3"] .figma-official-preview.focus-bookmark img,.shortcut-preview[data-phase="2"] .figma-official-preview.focus-zoom-out img,.shortcut-preview[data-phase="3"] .figma-official-preview.focus-zoom-out img{transform:scale(1)}.figma-official-preview.figma-capture img{transform-origin:var(--figma-x) var(--figma-y);transition:transform .9s cubic-bezier(.22,1,.36,1)}.shortcut-preview[data-phase="2"] .figma-official-preview.figma-capture img,.shortcut-preview[data-phase="3"] .figma-official-preview.figma-capture img,.figma-official-preview.figma-capture.figma-zoom-fit img{transform:scale(1.6)}.shortcut-preview[data-phase="2"] .figma-official-preview.figma-capture.figma-zoom-fit img,.shortcut-preview[data-phase="3"] .figma-official-preview.figma-capture.figma-zoom-fit img{transform:scale(1)}.scene-windowbar{height:33px;display:flex;align-items:center;gap:12px;padding:0 12px;background:#252925;color:#adb6ad;font:10px/1.2 system-ui,sans-serif;border-bottom:1px solid #343b35}.scene-dots{display:flex;gap:4px}.scene-dots i{width:6px;height:6px;border:1px solid #737e72;border-radius:50%}.scene-window-end{margin-left:auto;font-size:18px}.video-preview{background:#1e2028;color:#d7dbe4;font:9px/1.3 system-ui,sans-serif}.video-workspace{display:flex;height:190px;background:#24262f}.video-toolbar{width:34px;display:flex;flex-direction:column;gap:4px;padding:7px 4px;background:#30323c}.video-toolbar span{display:grid;place-items:center;width:26px;height:26px;border-radius:4px;color:#cbd0db}.video-toolbar .app-icon{width:15px;height:15px;color:#cbd0db}.video-toolbar .video-tool-active{background:#8d9eff}.video-toolbar .video-tool-active .app-icon{color:#171b28}.video-stage{flex:1;min-width:0;padding:8px}.video-stage-label{color:#a6adbd;margin-bottom:6px}.video-frame{position:relative;display:grid;place-items:center;overflow:hidden;height:145px;background:#c8d9fa;color:#16234a}.video-frame strong{z-index:1;font-size:20px;line-height:.95;letter-spacing:-.04em}.video-disc{position:absolute;width:90px;height:90px;border-radius:50%;background:#90a9ff;transform:translate(40px,3px)}.video-rotate{position:absolute;font-size:32px;color:#243fc3;right:18%}.video-side{width:25%;min-width:75px;padding:10px 8px;display:flex;flex-direction:column;gap:8px;background:#2b2d37;color:#b9c1d0}.video-side b{color:#fff}.video-panel-active{box-shadow:inset 0 0 0 2px #748cff}.video-timeline{position:relative;height:135px;padding:7px 10px;background:#20222b}.video-timeline-head{display:flex;justify-content:space-between;color:#cbd0dc}.video-ruler{position:relative;height:16px;margin:6px 0 0 68px;border-top:1px solid #677184;background:repeating-linear-gradient(90deg,transparent 0 19px,#667080 20px 21px)}.video-ruler .range-start,.video-ruler .range-end{position:absolute;top:0;width:35%;height:4px;background:#94a8ff}.video-ruler .range-start{left:35%}.video-ruler .range-end{left:0}.video-ruler i{position:absolute;left:46%;top:-3px;width:7px;height:7px;background:#adf38f;transform:rotate(45deg)}.video-track{display:flex;align-items:center;gap:6px;height:29px}.video-track>span{width:62px;flex:none;color:#acb6c8}.video-clip{position:relative;flex:1;padding:6px 8px;background:#6e80ba;color:#fff;border-radius:2px}.video-clip-split{background:linear-gradient(90deg,#6e80ba 0 48%,#24262f 48% 50%,#6e80ba 50%)}.video-clip-trim{flex:0 1 58%}.video-transition{position:absolute;right:0;top:0;height:100%;width:20px;background:#c1c9ed;opacity:.65}.video-track.secondary .video-clip{background:#537961}.video-property{display:flex;gap:7px;margin:4px 0 0 16px;color:#d5dced}.video-property span{color:#9fb4ff}.video-property b{color:#aebfff;font-weight:400;margin-left:auto}.video-dialog{position:absolute;top:8px;left:35%;width:125px;padding:10px;display:grid;gap:8px;background:#343845;border:1px solid #7e889c;border-radius:4px;box-shadow:0 4px 14px #0008}.browser-preview{background:#ecefe8;color:#252d28;font-family:system-ui,sans-serif;font-size:10px}.browser-tabs{display:flex;align-items:center;height:36px;gap:3px;padding:7px 8px 0;background:#d1d8ce}.browser-tabs>div{display:flex;align-items:center;gap:5px;padding:8px;border-radius:7px 7px 0 0;font-size:9px;min-width:0;flex:1;white-space:nowrap}.browser-tabs>div.is-active{background:#f8faf5}.browser-tabs>div>span{margin-left:auto}.browser-tabs i{height:7px;width:7px;background:#788b66;border-radius:50%}.browser-tabs>span{padding:0 5px}.browser-location{display:flex;gap:10px;padding:7px 10px;align-items:center;background:#f8faf5}.browser-location>span{font-size:19px}.browser-location>div{flex:1;border:1px solid #cdd6ca;background:#e9eee6;border-radius:20px;padding:5px 9px;display:flex;justify-content:space-between;gap:4px;font-size:9px}.text-selection{background:#315fc4;color:#fff}.bookmark-on{color:#315fc4}.browser-bookmarks{display:flex;gap:14px;background:#f8faf5;font-size:8px;padding:5px 12px}.browser-bookmarks span{display:inline-flex;align-items:center;gap:3px}.scene-folder-small{width:12px;height:10px;flex:none}.browser-page{height:252px;position:relative;overflow:hidden;background:#f2f1e9}.web-content{padding:17px 22px;transform-origin:top left;transition:transform .4s ease}.web-masthead{font-size:10px;font-weight:800;display:flex;justify-content:space-between;letter-spacing:.06em}.web-masthead span{font-size:8px;font-weight:400}.web-content h4{font-size:clamp(25px,2.8vw,38px);line-height:1.08;letter-spacing:-.045em;margin:22px 0 10px;color:#242d24}.web-content p{font-size:9px;margin:0 0 15px;color:#505d50}.web-content mark{background:#ffce65;color:#242d24;border-radius:2px}.web-art{display:flex;gap:9px;height:70px}.web-art>div{flex:1;border-radius:3px;background:#c5d3af;position:relative;overflow:hidden}.web-art>div:first-child:before{content:"";position:absolute;width:65px;height:65px;background:#344638;border-radius:50%;left:20%;top:12px}.web-art>div:nth-child(2){background:#aca4ce}.web-art>div:nth-child(2):before{content:"";position:absolute;width:45px;height:80px;background:#524c6b;transform:rotate(30deg);left:25%}.web-art>div:nth-child(3){background:repeating-linear-gradient(40deg,#d2ae70 0 12px,#f1d59f 12px 24px)}.browser-find{position:absolute;top:0;right:7px;z-index:2;display:flex;align-items:center;gap:16px;padding:11px;background:#fff;border:1px solid #c8d1c4;box-shadow:0 3px 8px #0002;border-radius:0 0 6px 6px;font-size:10px}.browser-find span{color:#63715d;font-size:9px}.browser-zoom{position:absolute;top:6px;right:8px;z-index:2;padding:4px 8px;background:#263023;border-radius:5px;color:#fff;font-size:10px}.bookmark-popover{position:absolute;right:8px;top:4px;z-index:2;display:grid;gap:8px;padding:15px;width:150px;background:#fff;border:1px solid #c8d1c4;box-shadow:0 5px 20px #0002;border-radius:8px}.bookmark-popover strong{font-size:11px}.bookmark-popover small{color:#687061}.code-preview{background:#191d24;font:10px/1.5 ui-monospace,monospace}.code-workspace{display:flex;height:274px;position:relative}.code-activity{flex:0 0 28px;background:#242931;display:grid;align-content:start;gap:18px;padding:10px 7px;color:#8793a2;font-size:15px}.code-activity b{color:#c3d6ed}.code-tree{flex:0 0 84px;min-width:0;background:#20252d;display:flex;flex-direction:column;gap:7px;padding:12px 3px;font:9px system-ui,sans-serif}.code-tree strong{font-weight:500;font-size:7px;margin:0 4px 9px;color:#a7b1c1}.code-tree b{background:#30394a;padding-block:4px;font-weight:400}.code-document{flex:1;min-width:0}.code-tab{padding:8px 10px;width:110px;background:#191d24;border-top:1px solid #a8c4ff;font-size:9px}.code-tab>span:first-child{color:#e8d16d}.code-tab>span:last-child{float:right;color:#8b96a7}.code-lines{padding-top:15px;overflow:auto;font-size:11px}.code-lines>div{display:flex;min-height:23px;white-space:pre}.code-lines>div>span{width:25px;flex-shrink:0;text-align:right;padding-right:8px;color:#6b7b91;-webkit-user-select:none;user-select:none}.code-lines code{color:#b6d4ed;font-family:inherit}.code-lines .line-active{background:#252e3a}.code-palette{position:absolute;top:10px;left:12%;right:5%;padding:6px;border:1px solid #566175;border-radius:6px;background:#2a303b;box-shadow:0 9px 24px #0007;font-size:9px}.code-palette>div{height:27px;background:#1b2028;border:1px solid #8dabe5;padding:5px}.code-palette i{border-left:1px solid #fff}.code-palette p{margin:0;padding:8px}.code-palette p span{float:right;color:#b3c5dd}.palette-selected{background:#334c72}.code-diagnostics{padding:12px 10px;margin-top:30px;border-top:1px solid #414a59;font-size:8px}.code-diagnostics strong{font-size:8px}.code-diagnostics b{border-radius:10px;background:#4c5766;padding:2px 5px}.code-diagnostics p{white-space:nowrap;font-size:8px}.code-diagnostics p span{color:#fa8f8f}.code-diagnostics small{color:#929fb2}.code-status{display:flex;justify-content:space-between;padding:4px 10px;background:#2b415b;color:#d4e3f3;font-size:8px}.design-preview{background:#202420}.design-options{height:30px;padding:0 11px;display:flex;justify-content:space-between;align-items:center;font:9px system-ui,sans-serif;color:#b8c3b5;border-bottom:1px solid #343b35}.design-body{display:flex;position:relative;height:245px}.design-insert{position:absolute;top:26px;left:25%;right:12%;padding:12px;display:grid;gap:10px;background:#f9faff;color:#252a37;border-radius:8px;box-shadow:0 8px 24px #0007;font:10px system-ui,sans-serif}.design-insert span{padding:6px;background:#eef1f8;border-radius:4px}.design-tools{width:34px;flex-shrink:0;display:flex;align-items:center;flex-direction:column;gap:3px;padding:7px 3px;background:#2a302b;border-right:1px solid #3e463e}.design-tools>span{width:26px;height:26px;display:grid;place-items:center;border-radius:5px}.design-tools .tool-active{background:#a49af3}.design-tools .app-icon{width:15px;height:15px;filter:invert(1)}.design-tools .tool-active .app-icon{filter:none}.design-swatches{width:24px;height:28px;position:relative;margin-top:8px}.design-swatches i{display:block;position:absolute;width:16px;height:16px;border:1px solid #b5b9b1}.design-swatches i:first-child{background:#535aeb;z-index:1;top:0;left:0}.design-swatches i:last-child{background:#f1f2e9;right:0;bottom:4px}.design-swatches.swapped i:first-child{background:#f1f2e9}.design-swatches.swapped i:last-child{background:#535aeb}.design-canvas{flex:1;width:0;min-width:0;height:100%;background:#191f1c}.canvas-grid{fill:none;stroke:#2c352e;stroke-width:.5}.photo-workspace .design-canvas{background:#303232}.vector-workspace .design-canvas{background:#292b32}.scene-selection{stroke:#9b91ff;stroke-width:1}.scene-selection rect:not(:first-child){fill:#e8e5ff}.layout-item,.scene-object,.copied-art{transition:transform .55s cubic-bezier(.2,.8,.2,1)}.layout-container{fill:#c1ff3a08;stroke:#c1ff3a;stroke-width:1}.design-layers{padding:8px 11px;display:flex;gap:14px;border-top:1px solid #3b443b;font:9px system-ui,sans-serif;color:#a5b4a3}.design-layers b{font-weight:400;color:#e1e6dc}.design-layers b{display:flex;align-items:center;gap:4px}.scene-layer-icon{width:12px;height:12px;flex:none}.anchor-points{stroke:#aba2ff;fill:#fff}.crop-guides{fill:none;stroke:#fff;stroke-width:1}.crop-guides path{opacity:.7;stroke-dasharray:3 3}.demo-pointer{fill:#fff;stroke:#18221b;stroke-width:1.4;transition:transform .6s ease}.demo-pointer circle{fill:none;stroke:#fff;stroke-width:1}.pointer-idle{opacity:0}.pointer-click{animation:scene-click .6s both}.draw-stroke{stroke-dasharray:300;animation:scene-stroke .65s ease-out both}.copied-art{animation:scene-copy .45s ease-out both}.system-preview{background:#252f29;font-family:system-ui,sans-serif}.system-desktop{height:294px;padding:25px;position:relative;background:radial-gradient(ellipse at top right,#465a48,#1e2925);overflow:hidden}.note-paper{padding:20px;background:#f2f1e8;color:#26312a;height:240px;border-radius:4px;box-shadow:0 4px 15px #0004}.note-paper>span{font-size:8px;letter-spacing:.1em;color:#62745e}.note-paper h4{font-size:25px;line-height:1.1;letter-spacing:-.04em;margin:18px 0}.note-paper p{font-size:11px;white-space:pre-line;line-height:1.8}.note-selected{background:#c8d9f4}.note-caret{display:inline-block;height:13px;width:1px;background:#233d7b;vertical-align:text-bottom}.clipboard-preview{position:absolute;right:13px;bottom:12px;width:180px;padding:12px;border:1px solid #546a52;border-radius:8px;color:#eff6ea;background:#263626;box-shadow:0 5px 16px #0004}.clipboard-preview span{font-size:9px;color:#c1ff3a}.clipboard-preview p{font-size:10px;margin:7px 0 0}.folder-scene{display:flex;gap:30px;background:#202824;height:240px;padding:40px 20px;border-radius:5px}.folder-scene>div{display:flex;flex-direction:column;align-items:center;font-size:10px;gap:8px}.scene-folder{width:64px;height:52px;flex:none}.folder-new b{background:#3263a0;font-size:9px;font-weight:400;padding:2px 4px}.system-search{position:absolute;top:70px;left:20px;right:20px;border:1px solid #788479;border-radius:10px;padding:16px;display:flex;gap:12px;background:#25332ff5;box-shadow:0 12px 40px #0008;color:#d5dfd5;font-size:14px}.windows-search{font-size:10px;border-radius:4px}.system-search i{border-right:1px solid #e7eadf}.screenshot-overlay{position:absolute;inset:0;background:#0006}.screenshot-crosshair{position:absolute;top:42%;left:45%;color:#fff;font:28px monospace}.snip-toolbar{margin:8px auto;width:fit-content;padding:8px 15px;border:1px solid #a0a7ac;background:#252b31;border-radius:4px}.snip-toolbar svg{display:block;width:90px;height:20px}@keyframes scene-click{0%{opacity:.9;r:4}to{opacity:0;r:19}}@keyframes scene-stroke{0%{stroke-dashoffset:300}to{stroke-dashoffset:0}}@keyframes scene-copy{0%{opacity:0}to{opacity:1}}@media(max-width:1100px)and (min-width:901px){.explorer{grid-template-columns:minmax(0,1fr) minmax(360px,1fr);gap:18px}}@media(max-width:900px){.explorer{display:block}.shortcut-list .shortcut-preview{position:static;margin:8px 0 18px}.shortcut-preview .preview-heading{padding:14px 16px}.shortcut-preview .preview-heading h3{font-size:16px}.preview-replay,.preview-source{width:44px;height:44px}.shortcut-preview .preview-bottom .key{min-width:40px;min-height:40px}.code-tree{flex-basis:70px}.code-lines{font-size:9px}.web-content h4{font-size:32px}.shortcut-preview .preview-bottom{padding:14px 16px}}@media(prefers-reduced-motion:reduce){.shortcut-scene *,.shortcut-preview .key{animation:none!important;transition:none!important}}.code-moving code,.code-copy-row{transition:transform .36s cubic-bezier(.25,.8,.25,1),opacity .22s ease}.code-copying .code-copy-row{opacity:0;transform:translateY(-10px)}.code-copying[data-done=true] .code-copy-row{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.code-moving code,.code-copy-row{transition:none}}.shortcut-preview .preview-bottom .key{box-shadow:inset 1px 1px #fff,0 2px #c7cdd9,0 3px #aab3c3}.shortcut-preview[data-phase="1"] .preview-bottom .key,.shortcut-preview .preview-bottom .key.down,.shortcut-preview .preview-bottom .key:active{box-shadow:0 1px #1634a3}.preview-source,.preview-replay{min-width:44px;min-height:44px}.shortcut-preview .shortcut-scene{margin:12px 12px 0}.shortcut-preview .preview-bottom{gap:8px;padding:14px 16px;flex-wrap:wrap}.shortcut-preview .preview-bottom .key-combo{flex:0 0 auto;max-width:none;justify-content:flex-start}.shortcut-preview .preview-bottom h3{flex:1 1 90px;min-width:0;margin:0 0 0 4px;font:600 15px/1.3 DM Sans,sans-serif;letter-spacing:-.2px;overflow-wrap:anywhere}.shortcut-preview .preview-replay,.shortcut-preview .preview-source{flex:0 0 44px;border-radius:50%}.shortcut-preview .shortcut-scene{margin:0;border:0;border-radius:0}.shortcut-preview .preview-bottom{border:0}.shortcut-preview .preview-replay,.shortcut-preview .preview-source{border:0;background:transparent;color:var(--muted)}@media(hover:hover)and (pointer:fine){.shortcut-preview .preview-replay:hover,.shortcut-preview .preview-source:hover{background:var(--selection);color:var(--accent)}}.shortcut-preview .practice-button{margin-left:auto;flex-shrink:0;border:1px solid var(--accent);background:transparent;color:var(--accent)}@media(hover:hover)and (pointer:fine){.shortcut-preview .practice-button:hover{background:var(--selection);color:var(--accent)}}