:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;width:100%;height:100%;place-items:center;overflow:hidden}h1{font-size:3.2em;line-height:1.1}#app{position:relative;width:100%;height:100%;display:flex;justify-content:center;text-align:center}.demo{position:relative;max-height:1440px;width:100%}.demo>canvas{width:100%;height:100%}@media(orientation:landscape){.demo{height:100%;max-width:1440px;aspect-ratio:16 / 9}}@media(orientation:portrait){.demo{width:100%;height:100%}}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.loading-overlay.hidden{opacity:0;visibility:hidden;display:none}.loading-panel{padding:14px 16px 16px;background:#121416c7;box-shadow:0 18px 50px #00000059;backdrop-filter:blur(14px)}.loading-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px;color:#ffffffe6;font-size:13px}.loading-percent{color:#ffffffa3;font-variant-numeric:tabular-nums}.loading-track{position:relative;height:8px;overflow:hidden;border-radius:4px}.loading-fill{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#303952,#778beb);transition:width .12s ease}@keyframes loading-indeterminate{0%{transform:translate(-110%)}to{transform:translate(260%)}}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}