body{margin:0;font-weight:lighter;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);font-size:1rem;line-height:1.6}: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;--font-body: monospace, "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-code: "JetBrains Mono", "Cascadia Code", "Fira Code", Consolas, "Courier New", monospace}:root[data-theme=dark]{--bg-color: #1e1e1e;--nav-color: #000;--bg-color-alt: #2c2c2c;--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;--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}.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}.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.dark{background-color:#2d2d2d;color:#f8f8f2}.code-snippet.light{background-color:#f5f5f5;color:#333}.codemirror-container{overflow:auto;border-radius:8px}.cm-theme{height:100%}.cm-editor{font-family:var(--font-code);font-size:.85rem;height:100%;border-radius:8px}.cm-editor.cm-focused{outline:none}.cm-scroller{height:100%;overflow:auto!important;padding:10px}.code-snippet .cm-content{min-width:max-content;padding-left:0;padding-right:4.5rem;white-space:pre}.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}.hero p{font-size:1.5rem;margin-bottom:2rem}.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}.feature p{font-size:1.2rem}.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-simple{position:relative;overflow:hidden;display:flex;justify-content:center;color:var(--text-color);background-color:var(--bg-color)}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;text-align:center;padding:4rem 2rem;width:min(1100px,100%)}.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:var(--text-color)}.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{width:min(1120px,calc(100% - 4rem));margin:0 auto 3rem;padding:3rem 0;text-align:center}.examples-section h2{font-size:2.5rem;margin-bottom:2rem}.examples-intro{max-width:760px;margin:0 auto 2rem;color:var(--text-color);font-size:1.1rem;line-height:1.7}.examples-grid{display:flex;flex-direction:column;gap:4rem;text-align:left}.example-card{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,620px);grid-template-areas:"visual visual" "copy code";align-items:start;gap:2rem;min-width:0;padding:0}.example-card:nth-child(2n){grid-template-areas:"visual visual" "code copy"}.example-visual,.example-copy,.example-code-panel{min-width:0}.example-visual{grid-area:visual;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:4rem}.example-visual img{width:min(150px,100%);height:auto;object-fit:contain}.example-copy{grid-area:copy}.example-code-panel{grid-area:code;width:620px;max-width:100%}.example-title{margin:0 0 .75rem;font-size:1.7rem;color:var(--text-color)}.example-description{margin:0 0 1rem;color:var(--text-color);font-size:1.15rem;line-height:1.6;max-width:58ch}.example-try-button{display:inline-block;margin-top:2rem;padding:.65rem 1.1rem;border-radius:999px;background-color:var(--btn-bg);color:#fff;text-decoration:none;font-weight:700;width:fit-content}.example-try-button:hover{background-color:var(--btn-hover)}.example-code-panel .code-snippet{margin:0;border-radius:12px;height:280px;border:1px solid var(--border-color)}.example-code-panel .code-snippet.light{background:#fdfaf3;border-color:#d8c9a5;box-shadow:0 10px 24px #5846211f}.example-code-panel .code-snippet.light .cm-editor,.example-code-panel .code-snippet.light .cm-scroller{background:#fdfaf3}.example-code-panel .code-snippet.light .copy-button{background:#fff7e4;color:#4a3820;border:1px solid #d8c9a5}.example-code-panel .cm-editor,.example-code-panel .cm-scroller{height:100%}.pilang-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}.pilang-download-image{width:clamp(130px,16vw,200px);height:auto;flex:0 0 auto}.pilang-download-content{max-width:720px}.pilang-download-content h2{margin:0 0 .75rem;font-size:2rem;letter-spacing:.5px}.pilang-download-content p{margin:0;font-size:1.05rem;line-height:1.65;opacity:.95}.pilang-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}.pilang-download-button:hover{background-color:var(--btn-hover-red)}.pilang-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}.pilang-github-content{max-width:620px}.pilang-github-content h2{margin:0 0 .75rem;font-size:2rem}.pilang-github-content p{margin:0;font-size:1.05rem;line-height:1.65}.pilang-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}.pilang-github-button:hover{background-color:var(--btn-bg-red);color:#fff}.pilang-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}.pilang-download-section{flex-direction:column;margin:2.5rem 1rem 1rem;padding:1.25rem;text-align:center}.pilang-download-image{margin:0 auto}.pilang-download-content p{max-width:100%}.pilang-github-section{flex-direction:column-reverse;margin:1rem 1rem 2.5rem;padding:1.25rem;text-align:center}.pilang-github-image{margin:0 auto}}@media (prefers-reduced-motion: reduce){.pilang-github-image{animation:none}}@media (min-width: 1200px){.examples-section{margin:0 auto}}@media (max-width: 900px){.example-card,.example-card:nth-child(2n){grid-template-columns:1fr;grid-template-areas:"visual" "copy" "code"}.example-code-panel{width:100%}.example-description{max-width:none}}@media (max-width: 768px){.examples-section{width:calc(100% - 2rem);padding:2rem 0}}@media (min-width: 1200px){.examples-section{margin:0 auto 3rem}}: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)}.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}.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}.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:var(--font-code);font-weight:lighter;position:relative;border:1px solid black;border-radius:20px}.playground-page .cm-editor{height:100%!important}.playground-page .cm-scroller{overflow-y:scroll!important;overflow-x:auto!important;scrollbar-gutter:stable;position:relative;height:100%!important;padding:0}.playground-editor-tour-target{position:relative}.playground-right-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:stretch;background-color:var(--bg-color);padding:1rem;height:100%;overflow:hidden}.playground-button-group{gap:.5rem;margin-bottom:.35rem;width:100%}.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-example-selector{padding:.7rem;border-radius:50px;background:var(--bg-color);color:var(--text-color);border:1px solid black;max-width:150px}.playground-code-examples{position:relative;z-index:1006;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:100%;gap:.5rem}.playground-code-examples .dropdown-container{margin-left:auto;z-index:1006}.playground-page [data-playground-tour]{position:relative}.playground-page [data-playground-tour][data-playground-tour-active=true]{z-index:1002;border-radius:20px;box-shadow:0 0 0 4px color-mix(in srgb,var(--text-color) 28%,transparent),0 18px 50px #00000040}.playground-code-examples[data-playground-tour-active=true]{z-index:1004;border-radius:12px}.playground-code-example-header{color:var(--text-color);font-size:.9rem;margin:0;white-space:nowrap;pointer-events:none}.playground-info-button{width:36px;height:36px;min-width:36px;margin-right:.4rem;padding:0!important}.playground-info-icon{width:20px;height:20px;display:block}.playground-info-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0000008c}.playground-info-dialog{width:min(400px,100%);max-height:min(80vh,620px);overflow:auto;border:1px solid black;border-radius:8px;background:var(--bg-color);color:var(--text-color)}.playground-info-monster-stage{display:flex;justify-content:center;padding:1.5rem 1.5rem 3rem}.playground-info-monster{width:min(80px,42vw);height:auto;display:block;animation:piMonsterFloat 2.4s ease-in-out infinite}@keyframes piMonsterFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.playground-tour-mascot-stage{position:relative;width:74px;height:86px;justify-self:center;align-self:center;margin-top:.45rem;display:grid;place-items:center;isolation:isolate;animation:playgroundMascotTravel 4.2s cubic-bezier(.45,0,.3,1) infinite}.playground-tour-mascot-stage:before{content:"";position:absolute;top:10px;right:6px;bottom:18px;left:6px;z-index:-1;border-radius:999px;background:radial-gradient(circle at 50% 45%,rgba(54,130,255,.2),transparent 62%),radial-gradient(circle at 35% 35%,rgba(255,210,68,.2),transparent 48%);filter:blur(2px);animation:playgroundMascotAura 4.2s ease-in-out infinite}.playground-tour-mascot{width:70px;height:70px;object-fit:contain;display:block;transform-origin:50% 78%;animation:playgroundMascotSquash 4.2s ease-in-out infinite}.playground-tour-mascot-shadow{position:absolute;left:50%;bottom:2px;width:42px;height:10px;border-radius:999px;background:#00000038;filter:blur(4px);transform:translate(-50%);animation:playgroundMascotShadow 4.2s ease-in-out infinite}.playground-tour-mascot-spark{position:absolute;z-index:2;width:7px;height:7px;border-radius:50%;background:#ffd244;box-shadow:0 0 0 3px #ffd24429;opacity:0;animation:playgroundMascotSpark 4.2s ease-in-out infinite}.playground-tour-mascot-spark-one{top:11px;right:7px}.playground-tour-mascot-spark-two{left:6px;bottom:24px;width:5px;height:5px;background:#3682ff;box-shadow:0 0 0 3px #3682ff26;animation-delay:.55s}@keyframes playgroundMascotTravel{0%,to{transform:translateZ(0) rotate(0)}18%{transform:translate3d(4px,-9px,0) rotate(4deg)}36%{transform:translate3d(-3px,-15px,0) rotate(-5deg)}54%{transform:translate3d(5px,-6px,0) rotate(3deg)}72%{transform:translate3d(-2px,-12px,0) rotate(-3deg)}}@keyframes playgroundMascotSquash{0%,to{transform:scale(1) rotate(0);filter:saturate(1)}12%{transform:scale(1.08,.92) rotate(-2deg)}26%{transform:scale(.96,1.08) rotate(3deg)}44%{transform:scale(1.03,.98) rotate(-2deg);filter:saturate(1.14)}62%{transform:scale(.98,1.04) rotate(2deg)}82%{transform:scale(1.04,.96) rotate(-1deg)}}@keyframes playgroundMascotAura{0%,to{opacity:.55;transform:scale(.9)}35%{opacity:.9;transform:scale(1.08)}70%{opacity:.68;transform:scale(.98)}}@keyframes playgroundMascotShadow{0%,to{opacity:.34;transform:translate(-50%) scaleX(1)}36%,72%{opacity:.18;transform:translate(-50%) scaleX(.66)}54%{opacity:.28;transform:translate(-50%) scaleX(.84)}}@keyframes playgroundMascotSpark{0%,18%,to{opacity:0;transform:translateZ(0) scale(.4)}34%{opacity:1;transform:translate3d(3px,-7px,0) scale(1)}52%{opacity:.4;transform:translate3d(-5px,-15px,0) scale(.65)}}.playground-info-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.5rem 1rem;border-top:1px solid color-mix(in srgb,var(--console-border, #333) 65%,transparent);border-bottom:1px solid color-mix(in srgb,var(--console-border, #333) 65%,transparent)}.playground-info-dialog-header h2{margin:0;font-size:1.25rem}.playground-info-close-button{width:34px;height:34px;min-width:34px;padding:0!important;font-size:1rem}.playground-info-dialog-body{display:grid;gap:1.25rem;padding:1.35rem 1.5rem 1.5rem}.playground-info-dialog-body section{margin:0}.playground-info-dialog-body h3{margin:0 0 .35rem;font-size:1rem}.playground-info-dialog-body p,.playground-info-dialog-body ul{margin:0;line-height:1.5}.playground-info-dialog-body ul{padding-left:1.2rem}.playground-info-dialog-body li+li{margin-top:.35rem}@media (prefers-reduced-motion: reduce){.playground-info-monster,.playground-tour-mascot-stage,.playground-tour-mascot-stage:before,.playground-tour-mascot,.playground-tour-mascot-shadow,.playground-tour-mascot-spark{animation:none}.playground-tour-mascot-spark{opacity:0}}.playground-save-hint{margin:.5rem 0 0;font-size:.85rem;color:var(--text-color);opacity:.8}.playground-tour-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;background:#0000006b;pointer-events:none}.playground-tour-tooltip.react-tooltip{z-index:1003;max-width:min(360px,calc(100vw - 32px));padding:0;border:1px solid var(--playground-tour-border-color, var(--border-color));border-radius:8px;background:var(--bg-color);color:var(--text-color);box-shadow:0 20px 60px #0000004d;font-family:var(--font-main)}.playground-tour-tooltip-arrow{background:var(--bg-color)!important;border-color:var(--playground-tour-border-color, var(--border-color))}:root[data-theme=dark] .playground-tour-tooltip.react-tooltip,:root[data-theme=dark] .playground-tour-tooltip-arrow{--playground-tour-border-color: var(--console-border)}.playground-tour-card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:.85rem;padding:1rem}.playground-tour-copy{min-width:0}.playground-tour-kicker{margin:0 0 .2rem;color:var(--text-color);font-size:.78rem;font-weight:700;opacity:.72;text-transform:uppercase}.playground-tour-copy h2{margin:0 0 .35rem;font-size:1.05rem;line-height:1.2}.playground-tour-copy p{margin:0;font-size:.92rem;line-height:1.45}.playground-tour-actions{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.playground-tour-step-actions{display:flex;gap:.45rem}.playground-tour-skip,.playground-tour-control{min-height:34px;border:1px solid color-mix(in srgb,var(--text-color) 24%,transparent);border-radius:50px;background:transparent;color:var(--text-color);font:inherit;font-size:.85rem;cursor:pointer}.playground-tour-skip{padding:0 .25rem;border-color:transparent;opacity:.76}.playground-tour-control{min-width:68px;padding:0 .7rem}.playground-tour-control-primary{border-color:#3682ff;background:#3682ff;color:#fff}.playground-tour-control:disabled{cursor:not-allowed;opacity:.42}.playground-console-container{position:relative;padding:8px;margin-top:calc(36px + .35rem);max-width:100%;width:100%;height:500px;max-height:500px;flex:0 0 500px;overflow:hidden;display:flex;flex-direction:column;background:var(--console-bg, #111);color:var(--console-text, #0f0);font-family:var(--font-code);font-size:.9rem;border:2px solid var(--console-border, #333);border-radius:20px}.playground-console-output{flex:1;min-height:0;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}@media (min-width: 1280px){.playground-container{padding:0 8rem}.playground-button-group,.playground-code-examples{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-around;z-index:1000;gap:.5rem}}@media (max-width: 768px){.playground-container{flex-direction:column;height:100%;margin:0}.playground-left-panel{max-width:100%;min-height:50vh;border-right:none}.playground-right-panel{height:50vh}.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;white-space:normal}.playground-console-container{margin-top:1rem;height:300px;max-height:300px;flex-basis:300px}.playground-save-hint{display:none}.playground-tour-card{grid-template-columns:66px minmax(0,1fr);padding:.85rem}.playground-tour-mascot-stage{width:66px;height:78px}.playground-tour-mascot{width:64px;height:64px}.playground-tour-actions{align-items:stretch}}.docs-layout{display:flex;height:100vh;font-family:var(--font-body);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:var(--font-body)}.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:var(--font-code)}.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;margin-top: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:60vh;text-align:center;padding:2rem;min-height:100vh}.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)}.not-found-monster{width:min(190px,52vw);height:auto;object-fit:contain;margin-bottom:1.25rem;animation:notFoundMonsterFloat 2.6s ease-in-out infinite}@keyframes notFoundMonsterFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}@media (prefers-reduced-motion: reduce){.not-found-monster{animation:none}}.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}.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-author-link{color:var(--text-color);text-decoration:none;font-weight:700;transition:color .2s ease,opacity .2s ease}.footer-author-link:hover{color:var(--btn-bg-red);text-decoration:none;opacity:.9}.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)}}