: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:#242424;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;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.card{padding:2em}.read-the-docs{color:#888}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;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;touch-action:none}#asset-panel{position:absolute;bottom:0;left:0;width:100vw;background-color:#00000080;padding:10px;box-sizing:border-box;display:flex;gap:10px;overflow-x:auto;z-index:10}.asset-item{padding:16px 20px;background-color:#444;color:#fff;border:1px solid #666;border-radius:5px;cursor:grab;-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:sans-serif;min-width:44px;min-height:44px;font-size:1.1em}.asset-item:active{cursor:grabbing;background-color:#555}@media (max-width: 700px){#asset-panel{flex-direction:column;position:fixed;left:0;top:0;height:100vh;width:auto;min-width:min-content;max-width:90vw;background-color:#0009;gap:8px;padding:8px 0;align-items:stretch;z-index:20;box-shadow:2px 0 8px #0003}.asset-item{font-size:1.1em;padding:14px 18px;width:100%;min-width:120px;max-width:100vw;border-radius:0 8px 8px 0;border-left:4px solid #666;border-right:none;min-height:48px;box-sizing:border-box;text-align:left;white-space:nowrap}canvas{width:100vw!important;height:100vh!important;min-height:300px}}