body{margin:0;font-weight:lighter;font-family:monospace,Consolas,Roboto,-apple-system,BlinkMacSystemFont,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);font-size:.9rem}:root{--gap-1: 10px;--gap-2: calc(var(--gap-1) * 2);--gap-3: calc(var(--gap-1) * 3);--gap-4: calc(var(--gap-1) * 4);--gap-5: calc(var(--gap-1) * 5);--gap-6: calc(var(--gap-1) * 6);--btn-bg: #007acc;--btn-hover: #005fa3;--btn-bg-red: #d84315;--btn-hover-red: #a03311;--border-radius: 20px}:root[data-theme=dark]{--bg-color: #1e1e1e;--nav-color: #000;--bg-color-alt: #2c2c2c;--saved-sprites-bg: #252525;--text-color: #ffffff;--hero-bg: #121212;--link-hover: #939797;--bg-link: #ffffff;--link-text: #000000;--feature-bg: #2c2c2c;--scrollbar-thumb: #444;--console-bg: #111;--console-text: #0f0;--console-border: #333;--border-color: #aaa}:root[data-theme=light]{--bg-color: #fffbe8;--nav-color: #49b5fa;--bg-color-alt: #efead3;--saved-sprites-bg: #f6efd4;--text-color: #1e1e1e;--hero-bg: #f5f5f5;--link-hover: #939797;--bg-link: #000000;--link-text: #ffffff;--feature-bg: #efead3;--scrollbar-thumb: #bbb;--console-bg: #f4f4f4;--console-text: #2b2b2b;--console-border: #ccc;--border-color: #000}::-webkit-scrollbar{width:8px;height:8px;background-color:transparent!important}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:4px;background-color:var(--scrollbar-thumb)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important;background:transparent!important}.navbar{font-size:20px;display:flex;justify-content:space-between;align-items:center;background:var(--bg-color);color:var(--text-color);padding:1rem .5rem;position:relative;flex-direction:row}.navbar.navbar-home{background-color:var(--nav-color)}.nav-logo{font-size:1.5rem;width:100px}.nav-logo img{width:50px}.nav-links{display:flex;gap:1.5rem}.nav-links a{text-decoration:none;color:var(--text-color);font-weight:700}.nav-links a:hover{color:var(--link-hover)}.nav-button{border:none;cursor:pointer;background-color:var(--bg-color);border-radius:30px;display:inline-flex;align-items:center;justify-content:center;padding:.5rem}.navbar.navbar-home .nav-button{background-color:var(--nav-color)}.nav-button img{width:30px;height:30px}@media (min-width: 768px){.nav-links a{text-decoration:none;color:var(--text-color);padding:.4rem .8rem}.nav-links a:hover{color:var(--link-text);border-color:var(--link-hover);background-color:var(--bg-link)}}@media (max-width: 768px){.nav-logo{width:100%}.navbar{flex-direction:column;align-items:stretch;padding:1rem}.nav-logo{display:flex;justify-content:center;margin-bottom:1rem}.nav-links{justify-content:center;align-items:center;gap:1rem;margin-bottom:auto}.theme-toggle{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.nav-button img{width:30px}}.code-snippet{position:relative;border-radius:8px;overflow:hidden;margin:20px 0;text-align:left}.code-snippet>.cm-theme{height:100%}.code-snippet.dark{background-color:#2d2d2d;color:#f8f8f2}.code-snippet.light{background-color:#f5f5f5;color:#333}.codemirror-container{overflow:auto;border-radius:8px}.cm-editor{font-family:Fira Code,monospace;font-size:.85rem;height:100%;border-radius:8px}.cm-editor.cm-focused{outline:none}.code-snippet .cm-scroller{padding:10px;overflow-y:scroll!important;overflow-x:auto!important;scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:#777 transparent}.code-snippet .cm-scroller::-webkit-scrollbar{width:10px;height:10px}.code-snippet .cm-scroller::-webkit-scrollbar-track{background:transparent}.code-snippet .cm-scroller::-webkit-scrollbar-thumb{background:#777;border-radius:999px}.code-snippet .cm-scroller::-webkit-scrollbar-thumb:hover{background:#999}.code-snippet .cm-content{padding-left:3rem}.code-snippet.dark .cm-editor{background-color:#2d2d2d;color:#f8f8f2}.code-snippet.dark .cm-gutters{background-color:#2d2d2d;color:#6e6e6e;border-right:1px solid #444}.code-snippet.dark .cm-cursor{border-left-color:#f8f8f2}.code-snippet.dark .cm-selectionBackground{background-color:#4f4f4f!important}.code-snippet.light .cm-editor{background-color:transparent;color:inherit}.code-snippet.light .cm-gutters{background-color:transparent;color:inherit;border-right:1px solid transparent}.code-snippet.light .cm-cursor{border-left-color:currentColor}.code-snippet.light .cm-selectionBackground{background-color:inherit!important}.copy-button{position:absolute;top:10px;right:10px;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;z-index:10}.code-snippet.dark .copy-button{background-color:#444;color:#f8f8f2}.code-snippet.light .copy-button{background-color:#ddd;color:#333}.copy-button:hover{opacity:.8}.home-page{background-color:var(--bg-color);color:var(--text-color)}.head-logo{width:200px}.hero{text-align:center;padding:4rem 2rem;background-color:var(--bg-color)}.hero h1{font-size:3rem;margin-bottom:1rem;text-shadow:2px 3px black}.hero-buttons{display:flex;justify-content:center;margin-top:2rem}.hero-buttons a{min-width:150px;margin:0 1rem;padding:.75rem 1.5rem;background-color:var(--btn-bg-red);color:#fff;border-radius:50px;text-decoration:none;font-weight:700}.hero-buttons a:hover{background-color:var(--btn-hover-red)}.hero-buttons a[data-theme=dark]{background-color:var(--btn-bg);color:#fff}.hero-buttons a[data-theme=dark]:hover{background-color:var(--btn-hover)}.features{display:flex;flex-wrap:wrap;justify-content:space-around;padding:4rem 2rem;gap:2rem}.feature{flex:1 1 300px;background:var(--feature-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:12px;padding:2rem;text-align:center}.feature img{max-width:100px}.codeEditor{border-radius:12px!important;overflow:hidden}.demo-section .cm-editor{border-radius:12px!important;width:400px;padding:2rem 0;font-size:18px!important;background-color:var(--bg-color)}.demo-section .cm-gutters{display:none!important}.demo-section .cm-content{padding-left:12px!important}.demo-section{display:flex;justify-content:space-around;max-width:fit-content;gap:2rem;align-items:center;padding-top:var(--gap-4);padding-bottom:var(--gap-6);margin:0 4rem;background-color:var(--bg-color);color:var(--text-color)}.demo-text{font-size:24px;font-weight:400;color:var(--text-color);padding:var(--gap-4);max-width:400px}.demo-code{min-width:300px}.use-cases{background-color:var(--bg-color-alt);color:var(--text-color);display:flex;flex-direction:column;align-items:center;gap:1rem}.use-cases-title{text-align:center;font-size:2rem;margin-bottom:1rem}.hero.with-video{position:relative;overflow:hidden;color:#fff;display:flex;justify-content:center;background:var(--nav-color)}.background-video{position:absolute;top:0;max-width:700px;width:100%;height:100%;object-fit:cover;z-index:0}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-content{position:relative;z-index:2;text-align:center;padding:4rem 2rem}.fade-in{animation:fadeInUp 1.2s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-content h1,.hero-content p{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.hero.with-overlay-light{position:relative;background-image:url(/usecase2.gif);background-size:cover;background-position:center;color:#fff;z-index:0}.hero.with-overlay-dark{position:relative;background-image:url(/usecase1.gif);background-size:cover;background-position:center;color:#fff;z-index:0}.hero.with-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1}.hero.with-overlay *{position:relative;z-index:2}.use-cases-background{background-image:url(/usecase1.gif);background-size:cover;background-position:center}@media (max-width: 1024px){.use-cases-background{background-image:url(/usecase1.gif),url(/usecase2.gif);background-size:50% 100%;background-position:left center,right center}}@media (max-width: 768px){.use-cases-background{background-image:url(/usecase1.gif);background-size:cover;background-position:center}}.use-cases-overlay{background-color:#0006;border-radius:12px;height:450px;display:flex;justify-content:center;align-items:center;flex-direction:column}.use-cases-title{font-size:2.5rem;margin-bottom:1.5rem;color:#fff;text-shadow:4px 3px black}.use-cases-subtext{font-size:1.3rem;max-width:800px;text-shadow:3px 2px black;margin:0 auto 2rem}.try-button-container{display:flex;justify-content:center;flex-direction:column;margin-top:3rem}.try-button{padding:1rem 2rem;min-width:150px;text-align:center;background-color:var(--btn-bg-red);color:#fff;text-decoration:none;font-weight:700;border-radius:50px}@media (max-width: 1024px){.use-case-img{width:30%}}@media (max-width: 768px){.hero-buttons{flex-direction:column}.hero-buttons a{margin-top:2rem}.feature{padding:1rem}.demo-content{flex-direction:column;flex-wrap:wrap}.demo-code{margin-top:2rem;width:100%}.demo-text{padding:0}.demo-section .cm-editor{width:100%}.use-cases{padding:2rem 1rem}.use-case-img{width:100%}}.examples-section{padding:2rem;text-align:center;max-width:1180px;margin:0 auto}.examples-section h2{font-size:2.5rem;margin-bottom:3rem}.examples-list{display:flex;flex-direction:column;gap:4rem;width:100%;max-width:1080px;margin:0 auto;text-align:left}.example-row{display:flex;flex-direction:column;gap:1rem;max-width:1080px;width:100%}.example-inline-content{display:grid;grid-template-columns:minmax(0,340px) minmax(0,680px);gap:2rem;align-items:stretch;width:100%}.example-row.is-reversed .example-inline-content{grid-template-columns:minmax(0,680px) minmax(220px,340px)}.example-row.is-reversed .example-inline-content .example-preview-panel{order:2}.example-row.is-reversed .example-inline-content .example-snippet-panel{order:1}.example-preview-panel{position:relative;width:100%;max-width:340px;height:320px;border-radius:16px;overflow:hidden;background-color:var(--feature-bg)}.example-preview-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border-radius:16px;background:linear-gradient(#ffffff0f 50%,#00000014 50%),radial-gradient(circle at 35% 20%,rgba(255,255,255,.16),transparent 34%);background-size:100% 4px,100% 100%;mix-blend-mode:screen}.example-preview-panel:after{content:none}.example-result-image{width:100%;height:100%;display:block;box-sizing:border-box;border:2px solid var(--border-color);border-radius:16px;object-fit:cover;filter:saturate(1.12) contrast(1.08)}.example-title{margin:1rem 0;max-width:26ch;font-size:1.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-color)}.example-snippet-panel{padding:0;max-width:680px;width:100%;min-width:0}.example-snippet-panel .code-snippet{margin:0;border-radius:16px;height:320px;box-sizing:border-box;overflow:hidden;border:1px solid var(--border-color)}.example-snippet-panel .cm-theme,.example-snippet-panel .cm-editor{height:100%}.example-snippet-panel .cm-scroller{overflow-y:scroll!important;overflow-x:auto!important;scrollbar-gutter:stable both-edges}.piscript-download-section{max-width:1080px;margin:3rem auto 1rem;padding:2rem;border-radius:18px;border:1px solid var(--border-color);background:#0c1220;color:#f5f7ff;display:flex;align-items:center;justify-content:center;gap:2rem;text-align:left}.piscript-download-image{width:clamp(130px,16vw,200px);height:auto;flex:0 0 auto}.piscript-download-content{max-width:720px}.piscript-download-content h2{margin:0 0 .75rem;font-size:2rem;letter-spacing:.5px}.piscript-download-content p{margin:0;font-size:1.05rem;line-height:1.65;opacity:.95}.piscript-download-button{display:inline-block;margin-top:1.2rem;padding:.7rem 1.2rem;border-radius:999px;background-color:var(--btn-bg-red);color:#fff;text-decoration:none;font-weight:700}.piscript-download-button:hover{background-color:var(--btn-hover-red)}.piscript-github-section{max-width:1080px;margin:1rem auto 3rem;padding:2rem;border:1px solid var(--border-color);border-radius:18px;background-color:var(--feature-bg);color:var(--text-color);display:flex;align-items:center;justify-content:center;gap:clamp(1.5rem,5vw,5rem);text-align:left;overflow:hidden}.piscript-github-content{max-width:620px}.piscript-github-content h2{margin:0 0 .75rem;font-size:2rem}.piscript-github-content p{margin:0;font-size:1.05rem;line-height:1.65}.piscript-github-button{display:inline-block;margin-top:1.2rem;padding:.7rem 1.2rem;border-radius:999px;background-color:var(--bg-link);color:var(--link-text);text-decoration:none;font-weight:700}.piscript-github-button:hover{background-color:var(--btn-bg-red);color:#fff}.piscript-github-image{width:clamp(120px,22vw,170px);height:auto;flex:0 0 auto;animation:githubFloat 3.6s ease-in-out infinite}@keyframes githubFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@media (max-width: 900px){.examples-section{padding:2rem 1rem}.examples-list{gap:3rem}.example-row.is-reversed .example-inline-content,.example-inline-content{display:flex;flex-direction:column;gap:1rem}.example-row.is-reversed .example-inline-content .example-preview-panel,.example-row.is-reversed .example-inline-content .example-snippet-panel{order:unset}.example-preview-panel,.example-snippet-panel{max-width:100%;width:100%;min-width:0}.example-preview-panel,.example-snippet-panel .code-snippet{height:clamp(240px,52vw,320px)}.example-title{max-width:100%;font-size:1.45rem}.example-snippet-panel .code-snippet,.example-snippet-panel .cm-theme,.example-snippet-panel .cm-editor,.example-snippet-panel .cm-scroller{max-width:100%;width:100%;box-sizing:border-box}.piscript-download-section{flex-direction:column;margin:2.5rem 1rem 1rem;padding:1.25rem;text-align:center}.piscript-download-image{margin:0 auto}.piscript-download-content p{max-width:100%}.piscript-github-section{flex-direction:column-reverse;margin:1rem 1rem 2.5rem;padding:1.25rem;text-align:center}.piscript-github-image{margin:0 auto}}@media (max-width: 768px){.examples-section h2{position:relative;z-index:20;margin-bottom:2rem}}@media (max-width: 520px){.examples-section{padding:1.5rem .75rem}.examples-list{gap:2.5rem}.example-title{margin:0 0 .75rem;font-size:1.2rem;line-height:1.25;letter-spacing:0}.example-preview-panel,.example-snippet-panel .code-snippet{height:240px}}@media (prefers-reduced-motion: reduce){.piscript-github-image{animation:none}}@media (min-width: 1200px){.examples-section{margin:0 auto}}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}.playground-container{display:flex;flex-direction:row;background:var(--bg-color);color:#fff;padding-bottom:5rem;margin:2rem 0;height:100%}.playground-left-panel{position:relative;flex:1;max-width:50%;height:100%;background-color:var(--bg-color);border-right:2px solid var(--bg-color);display:flex;flex-direction:column;padding:1rem}.playground-code-editor{flex:0 0 500px;overflow:hidden;width:100%;height:500px;max-height:500px;min-height:500px;font-size:15px;font-family:consolas,monospace;font-weight:lighter;position:relative;border:1px solid black;border-radius:20px}.playground-code-editor .cm-editor{height:100%!important}.playground-code-editor .cm-scroller{overflow-y:scroll!important;overflow-x:auto!important;scrollbar-gutter:stable;position:relative;height:100%!important;padding:0}.playground-right-panel{flex:1;display:flex;flex-direction:column;align-items:center;background-color:var(--bg-color);padding:1rem;height:100%;overflow:hidden}.playground-button-group{gap:.5rem;margin-bottom:1rem}.playground-code-buttons{position:relative;min-width:100px;display:flex}.playground-run-button,.playground-stop-button{position:absolute;bottom:10px;padding:0!important;z-index:20;pointer-events:auto}.playground-run-button{left:24px}.playground-stop-button{left:75px}.playground-button-icon{width:40px;height:40px;display:block}.playground-code-examples{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-around;gap:.5rem}.playground-code-example-header{color:var(--text-color);font-weight:100;font-size:15px}.playground-save-hint{margin:.5rem 0 0;font-size:.85rem;color:var(--text-color);opacity:.8}.playground-canvas-container{position:relative;max-width:100%;margin-bottom:1rem;line-height:0}.playground-canvas{max-width:100%;image-rendering:pixelated;border:2px solid #444;border-radius:20px;background-color:#29adff;aspect-ratio:1 / 1}.playground-fullscreen-button{position:absolute;top:12px;right:12px;width:20px;height:20px;display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer;z-index:5;transition:transform .16s ease}.playground-fullscreen-button:hover{transform:scale(1.04)}.playground-fullscreen-button:focus-visible{outline:2px solid #29adff;outline-offset:2px}.playground-fullscreen-button img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.playground-canvas-container:fullscreen{display:grid;place-items:center;background:#05070a;padding:24px}.playground-canvas-container:fullscreen .playground-canvas{width:min(100vw - 48px,100vh - 48px);height:min(100vw - 48px,100vh - 48px);max-width:none;border-radius:12px}.playground-canvas-container:fullscreen .playground-fullscreen-button{top:20px;right:20px}.playground-console-container{position:relative;padding:8px;max-width:100%;width:500px;min-height:100px;max-height:100px;flex:1;overflow:hidden;display:flex;flex-direction:column;background:var(--console-bg, #111);color:var(--console-text, #0f0);font-family:monospace;font-size:.9rem;border:2px solid var(--console-border, #333);border-radius:20px}.playground-console-output{flex:1;overflow-y:auto;padding:34px 8px 8px}.playground-console-line{white-space:pre-wrap}.playground-clear-button{position:absolute;top:8px;right:8px;margin:0;border-radius:50px;padding:4px 10px!important;font-size:.8rem;z-index:25}.playground-tour-tooltip{max-width:min(360px,calc(100vw - 32px));padding:0!important;border-radius:8px!important;background:var(--bg-color)!important;color:var(--text-color)!important;border:1px solid rgba(127,127,127,.32);box-shadow:0 18px 48px #00000047;z-index:1200!important}.playground-tour-tooltip-arrow{border-color:var(--bg-color)!important}.playground-tour-content{display:grid;grid-template-columns:92px 1fr;gap:.8rem;align-items:center;padding:1rem;text-align:left}.playground-tour-mascot-stage{position:relative;width:92px;height:92px;justify-self:center;display:grid;place-items:center;animation:playground-mascot-drift 4.8s ease-in-out infinite}.playground-tour-mascot{position:relative;z-index:1;width:92px;height:92px;object-fit:contain;transform-origin:50% 84%;animation:playground-mascot-perform 2.8s cubic-bezier(.45,0,.2,1) infinite}.playground-tour-mascot-spark{position:absolute;width:9px;height:9px;border-radius:50%;opacity:0;pointer-events:none;transform-origin:50% 50%}.playground-tour-mascot-spark-a{top:12px;right:8px;background:#ffec5c;box-shadow:0 0 0 3px #ffec5c2e,0 0 12px #ffec5c8c;animation:playground-mascot-spark-a 2.8s ease-in-out infinite}.playground-tour-mascot-spark-b{left:4px;bottom:19px;background:#29adff;box-shadow:0 0 0 3px #29adff29,0 0 12px #29adff80;animation:playground-mascot-spark-b 2.8s ease-in-out infinite}.playground-tour-copy{min-width:0}.playground-tour-kicker{margin:0 0 .25rem;color:#29adff;font-size:.72rem;font-weight:700;text-transform:uppercase}.playground-tour-copy h2{margin:0;color:var(--text-color);font-size:1.05rem;line-height:1.25}.playground-tour-copy p{margin:.45rem 0 0;color:var(--text-color);font-size:.88rem;line-height:1.45}.playground-tour-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.9rem}.playground-tour-actions button{min-width:70px;min-height:34px;border:1px solid rgba(127,127,127,.35);border-radius:50px;background:transparent;color:var(--text-color);font:inherit;font-size:.85rem;cursor:pointer}.playground-tour-actions button:last-child{border-color:#29adff;background:#29adff;color:#06131f;font-weight:700}.playground-tour-actions button:focus-visible{outline:2px solid #29adff;outline-offset:2px}@keyframes playground-mascot-drift{0%,to{transform:translateZ(0)}35%{transform:translate3d(4px,-4px,0)}70%{transform:translate3d(-3px,2px,0)}}@keyframes playground-mascot-perform{0%,to{transform:translateY(0) rotate(-2deg) scaleX(1) scaleY(1)}12%{transform:translateY(2px) rotate(-5deg) scaleX(1.04) scaleY(.96)}25%{transform:translateY(-13px) rotate(6deg) scaleX(.97) scaleY(1.05)}38%{transform:translateY(-5px) rotate(-4deg) scaleX(1.02) scaleY(.99)}52%{transform:translateY(-10px) rotate(3deg) scaleX(.99) scaleY(1.03)}68%{transform:translateY(1px) rotate(5deg) scaleX(1.05) scaleY(.94)}80%{transform:translateY(-4px) rotate(-3deg) scaleX(.98) scaleY(1.02)}}@keyframes playground-mascot-spark-a{0%,8%,to{opacity:0;transform:translate3d(-10px,8px,0) scale(.35)}24%{opacity:1;transform:translate3d(4px,-8px,0) scale(1)}45%{opacity:.5;transform:translate3d(16px,7px,0) scale(.75)}62%{opacity:0;transform:translate3d(6px,18px,0) scale(.2)}}@keyframes playground-mascot-spark-b{0%,to{opacity:0;transform:translate3d(12px,-6px,0) scale(.2)}36%{opacity:0;transform:translate3d(12px,-6px,0) scale(.2)}52%{opacity:.9;transform:translate3d(-9px,-12px,0) scale(.9)}78%{opacity:.35;transform:translate3d(-18px,6px,0) scale(.65)}92%{opacity:0;transform:translate3d(-2px,15px,0) scale(.25)}}@media (prefers-reduced-motion: reduce){.playground-tour-mascot-stage,.playground-tour-mascot,.playground-tour-mascot-spark{animation:none}}@media (min-width: 1280px){.playground-container{padding:0 8rem}.playground-canvas{height:80%}}@media (max-width: 768px){.playground-container{flex-direction:column-reverse;height:100%;margin:0}.playground-left-panel{max-width:100%;min-height:50vh;border-right:none}.playground-right-panel{height:50vh}.playground-save-hint{display:none}.playground-tour-mascot-stage,.playground-tour-mascot{width:82px;height:82px}.playground-tour-content{grid-template-columns:82px 1fr}}.dropdown-container{position:relative;display:inline-block;min-width:150px}.dropdown-button{padding:8px;border:none;width:100%;background-color:var(--bg-color);color:var(--text-color);cursor:pointer;text-align:left;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--text-color)}.dropdown-arrow{margin-left:16px;width:16px}.dropdown-list{position:absolute;top:100%;left:0;right:0;margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);max-height:500px;overflow-y:scroll;border:none;list-style:none;z-index:100}.dropdown-item{padding:8px 16px;cursor:pointer;font-size:14px;color:var(--text-color);transition:background-color .2s}.dropdown-item:hover{background-color:#007acc;color:#fff}.button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border:none;outline:none;transition:all .3s ease;padding:8px 16px;color:#fff;cursor:pointer}.button--primary{background-color:var(--btn-primary-bg, #007acc)}.button--primary:hover:not(:disabled){background-color:var(--btn-primary-hover, #005fa3)}.button--danger{background-color:var(--btn-danger-bg, #d84315)}.button--danger:hover:not(:disabled){background-color:var(--btn-danger-hover, #a03311)}.button--round{border-radius:50px}.button--icon{padding:10px}.button--border{border:1px solid black}.button--sm{padding:6px 12px;font-size:.875rem}.button--lg{padding:12px 20px;font-size:1.1rem}.button--xl{padding:16px 24px;font-size:1.25rem}.button--blue{background:#007acc}.button--blue:hover:not(:disabled){background:#005fa3}.button--red{background:#d84315}.button--red:hover:not(:disabled){background:#a03311}.button--green{background:#2e7d32}.button--green:hover:not(:disabled){background:#309136}.button--purple{background:#6a1b9a}.button--purple:hover:not(:disabled){background:#4a148c}.button--orange{background:#f57c00}.button--orange:hover:not(:disabled){background:#ef6c00}.button:disabled,.button--disabled{background:#555;cursor:not-allowed;opacity:.6}.docs-layout{display:flex;height:100vh;font-family:sans-serif;position:relative;background:var(--bg-color);color:var(--text-color);min-height:100vh}.menu-toggle{display:none;position:absolute;top:-3.6rem;left:1rem;z-index:1000;font-size:1.5rem;background:none;border:none;color:var(--text-color);cursor:pointer}.sidebar{width:300px;overflow:scroll;background:var(--bg-color);color:var(--text-color);padding:1rem 0;transition:transform .3s ease}.sidebar h2{margin-bottom:1rem;font-size:1.4rem;padding-left:1rem;color:var(--text-color)}.sidebar nav button{display:block;background:none;border:none;color:var(--text-color);padding:.5rem 0 .5rem 1rem;width:100%;text-align:left;cursor:pointer;font-size:1rem;font-weight:900;transition:background .2s}.sidebar nav button:hover,.sidebar nav button.active{background:var(--bg-link);color:var(--link-text)}.doc-content{flex:1;padding:2rem 8rem;overflow-y:auto;font-size:16px;background:var(--bg-color);color:var(--text-color);font-family:consolas,monospace}.doc-content h1{font-size:2rem;margin-bottom:1rem}.doc-content h3{font-size:1.2rem;margin-bottom:1rem}.doc-content pre{padding:1rem;border-radius:8px;max-width:500px;text-wrap:auto}.doc-content code{font-size:15.5px!important;font-family:consolas,monospace}.doc-content table{border:1px solid var(--text-color);border-collapse:separate;border-spacing:1rem}.doc-content th,.doc-content td{padding:.5rem 1rem;text-align:left;vertical-align:top}.doc-content a{color:#07c;text-decoration:none}.nav-buttons{display:flex;justify-content:flex-end;margin-bottom:1rem}.docs-nav-button{min-width:100px;margin-left:1rem}.go-top-btn{position:fixed;bottom:6rem;right:2rem;padding:6px!important;border:none;display:flex;cursor:pointer;z-index:999;transition:opacity .2s ease}.go-top-btn:hover{opacity:.8}.go-top-btn img{width:40px;fill:var(--text-color)}.section-title{font-weight:700;text-align:left;padding:.75rem 1rem;width:100%}.subsections{padding-left:1.5rem}.subsection{text-align:left;padding:.5rem 1rem;font-size:.9em;width:100%}@media (max-width: 1024px){.doc-content{padding:1rem 2rem}}@media (max-width: 768px){.docs-layout{flex-direction:column}.menu-toggle{display:block}.sidebar{position:absolute;top:0;left:0;height:100vh;z-index:999;transform:translate(-101%);width:80%;max-width:250px;overflow:scroll;border:1px solid var(--text-color)}.sidebar.open{transform:translate(-1%)}.doc-content{padding:1rem 1.5rem}.doc-content h1{text-align:center}.nav-buttons{justify-content:center;margin-right:1rem}}.about-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;margin:0 5rem;background-color:var(--bg-color);color:var(--text-color);max-width:768px}.about-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-color:var(--bg-color);color:var(--text-color);max-width:768px}.preview-image{max-width:300px;width:100%}.section{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:4rem;gap:2rem}.section.reverse{flex-direction:row-reverse}.section img{max-width:300px;width:100%;border-radius:12px;box-shadow:0 4px 10px #0003}.section .content{flex:1;min-width:300px}.section h2{font-size:2rem;margin-bottom:1rem}.section p{font-size:1rem;line-height:1.6}@media (max-width: 1024px){.about{margin:0}}@media (max-width: 768px){.about{padding:0}.section{flex-direction:column;text-align:center}.section.reverse{flex-direction:column}}.page-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem}.page-not-found h1{font-size:3rem;margin-bottom:1rem;color:var(--text-color)}.page-not-found p{font-size:1.2rem;margin-bottom:2rem;color:var(--text-color)}.page-not-found-mascot{width:min(280px,70vw);margin-bottom:1.25rem;object-fit:contain;animation:not-found-mascot-float 3.2s ease-in-out infinite}.home-link{min-width:150px;margin:0 1rem;padding:.75rem 1.5rem;background-color:var(--btn-bg-red);color:#fff;border-radius:50px;text-decoration:none;font-weight:700}@keyframes not-found-mascot-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}.footer{background-color:var(--bg-color);color:var(--text-color);padding:2rem 1rem;font-size:.9rem}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;max-width:1200px;margin:0 auto}.footer-left a{color:var(--text-color);text-decoration:none;font-weight:700}.footer-left a:hover{text-decoration:underline}.footer-links a{margin:0 .75rem;color:var(--text-color);text-decoration:none}.footer-links a:hover{color:var(--text-color);text-decoration:underline}.logo{width:300px}@media (max-width: 600px){.footer-content{flex-direction:column-reverse;align-items:center}.footer-links{width:100%;display:flex;justify-content:center;margin-top:1rem}.footer-links a{display:block;margin:1rem}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#121212cc;color:#fff;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center}.spinner{border:5px solid #444;border-top:5px solid #29adff;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}