:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:transparent;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-height:100vh;overscroll-behavior:none}@media(max-width:900px){html{height:100%}body{min-height:100dvh}}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer}button:focus,button:focus-visible{outline:none}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:HM;src:url(/fonts/HarmonyOS_Sans_SC_Regular.ttf) format("truetype");font-weight:400;font-display:swap}*{font-family:HM,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:HM,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0}#root{width:100%;margin:0;padding:0}@media(max-width:900px){#root{min-height:100dvh}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--mui-primary-300: hsl(210, 100%, 70%);--mui-primary-600: hsl(210, 100%, 42%);--mui-primary-main: hsl(210, 100%, 60%);--mui-bg-color-raw: 255, 255, 255;--mui-bg-color: rgb(var(--mui-bg-color-raw));--mui-bg-color-hover: rgb(var(--mui-primary-600));--mui-color-1: 0 100% 50%;--mui-color-2: 270 100% 50%;--mui-color-3: 210 100% 50%;--mui-color-4: 195 100% 50%;--mui-color-5: 90 100% 50%}[scheme=dark]{--mui-bg-color-raw: 35, 49, 66;--mui-bg-color: rgb(var(--mui-bg-color-raw));--mui-bg-color-hover: hsl(180, 1%, 35%)}.flow-btn{display:flex;align-items:center;justify-content:center;box-sizing:border-box;outline:0px;margin:0;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;text-transform:initial;letter-spacing:0px;font-size:.8125rem;font-weight:500;line-height:1.25;min-width:64px;height:26px;padding:0;flex-shrink:0;border-radius:999px;border-width:1px 1px 3px;border-style:solid;border-image:initial;color:var(--mui-primary-600);background-color:var(--mui-bg-color);box-shadow:none;transition:all .12s ease-in;position:relative;display:inline-flex;background-size:200%;background-clip:padding-box,border-box,border-box;background-origin:border-box;animation:mui-border-flow 2s linear infinite;background-image:linear-gradient(var(--mui-bg-color),var(--mui-bg-color)),linear-gradient(var(--mui-bg-color) 50%,rgba(var(--mui-bg-color-raw),0) 80%,rgba(var(--mui-bg-color-raw),0)),linear-gradient(90deg,hsl(var(--mui-color-1)),hsl(var(--mui-color-5)),hsl(var(--mui-color-3)),hsl(var(--mui-color-4)),hsl(var(--mui-color-2)))}.flow-btn.mui-dark{color:#fff;border-color:#66b3ff33}.flow-btn:not(.mui-dark){border-color:#dfe2e7cc}.flow-btn.mui-disabled{opacity:.5;cursor:not-allowed;animation:mui-border-flow 3s linear infinite}.flow-btn:not(.mui-disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #007fff33;background-image:linear-gradient(var(--mui-bg-color-hover),var(--mui-bg-color-hover)),linear-gradient(90deg,hsl(var(--mui-color-1)),hsl(var(--mui-color-5)),hsl(var(--mui-color-3)),hsl(var(--mui-color-4)),hsl(var(--mui-color-2)))}.flow-btn:not(.mui-disabled):active{transform:translateY(0)}.mui-button-icon{width:16px;height:16px;margin-right:6px;margin-bottom:-2px}.flow-btn:before{content:"";position:absolute;bottom:-25%;left:50%;z-index:0;height:20%;width:60%;transform:translate(-50%);animation:mui-border-flow 3s linear infinite;background:linear-gradient(90deg,hsl(var(--mui-color-1)),hsl(var(--mui-color-5)),hsl(var(--mui-color-3)),hsl(var(--mui-color-4)),hsl(var(--mui-color-2)));filter:blur(1.2rem);border-radius:50%}.flow-btn.mui-dark:before{width:90%;filter:blur(.5rem)}@keyframes mui-border-flow{0%{background-position:-100% center}to{background-position:100% center}}.flow-btn:before{animation:mui-border-flow 3s linear infinite}.spark-icon{transition:transform 3s ease-out,opacity .3s ease-out;transform:translate(var(--drift-x, 0px),var(--drift-y, 0px)) scale(var(--drift-scale, 1));opacity:var(--drift-opacity, 1);transform-origin:center}.spark-icon.spark-outside,[scheme=dark] .spark-icon.spark-outside{stroke:#000!important}.flow-btn-label{opacity:var(--drift-opacity, 1);transition:opacity .3s ease;text-shadow:0 0 5px currentColor;animation:label-pulse 1.5s ease-in-out infinite}.flow-btn.mui-disabled .flow-btn-label{animation:none;opacity:1}@keyframes label-pulse{0%,to{text-shadow:0 0 5px currentColor}50%{text-shadow:0 0 15px currentColor,0 0 30px currentColor}}.playcanvas-container{position:relative;width:100%;height:100%;overflow:hidden;background:transparent}.playcanvas-canvas{display:block;width:100%!important;height:100%!important;outline:none;touch-action:none;background:transparent}.playcanvas-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;z-index:10;animation:fadeIn .3s ease-out}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top-color:#4a9eff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-text{font-size:16px;margin-bottom:10px;opacity:.8}.loading-progress{width:200px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#4a9eff,#00c6ff);animation:progress 2s ease-in-out infinite;transform-origin:left}.playcanvas-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1a1a;color:#ff6b6b;padding:40px;text-align:center}.playcanvas-error h3{font-size:24px;margin-bottom:16px}.playcanvas-error p{margin-bottom:24px;opacity:.8}.playcanvas-error button{padding:12px 32px;background:#4a9eff;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background .3s ease}.playcanvas-error button:hover{background:#3a8eef}.performance-panel{position:absolute;top:2%;right:2%;background:#000000b3;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none}.performance-panel div{margin-bottom:2px}.performance-panel div:last-child{margin-bottom:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes progress{0%{transform:scaleX(0)}50%{transform:scaleX(.5)}to{transform:scaleX(1)}}@media(max-width:768px){.playcanvas-container{-webkit-overflow-scrolling:touch}.loading-spinner{width:40px;height:40px}.performance-panel{display:none}}
