:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-size:16px;color-scheme:light dark;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:2rem}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:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input[type=text]{border-radius:8px;border:1px solid transparent;padding:.2rem .5rem;background-color:#1a1a1a;cursor:pointer}input[type=text]:focus,input[type=text]:focus-visible{border:1px solid white;outline:none}select{border-radius:8px;border:1px solid transparent;padding:.2rem .5rem;background-color:#1a1a1a;cursor:pointer;font-size:1em}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button,input[type=text]{background-color:#f9f9f9;border-color:#1a1a1a}input[type=text]:focus,input[type=text]:focus-visible{border:1px solid #646cff;outline:none}select{background-color:#f9f9f9;border-color:#1a1a1a}}.root[data-v-c82e5fb0]{margin:1em 0}.slider[data-v-c82e5fb0]{margin:.4em 0;width:100%}.flex[data-v-c82e5fb0]{display:flex;justify-content:space-between;gap:.5em}.center[data-v-c82e5fb0]{text-align:center}.gray[data-v-c82e5fb0]{color:#b3b3b3;font-size:1.25em;line-height:1em}.small[data-v-c82e5fb0]{font-size:.8em}.width-4ch[data-v-c82e5fb0]{width:4ch}.width-6ch[data-v-c82e5fb0]{width:6ch}.row[data-v-4c8b5dda]{align-items:center;display:flex;flex-wrap:wrap}.col-gap-1[data-v-4c8b5dda]{gap:.25em}.col-gap-4[data-v-4c8b5dda]{gap:1em}.m-b[data-v-4c8b5dda]{margin-bottom:2em}.grid[data-v-4c8b5dda]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5em 1.5em}.green-accent[data-v-4c8b5dda]{accent-color:hsl(100,40%,50%)}.red-accent[data-v-4c8b5dda]{accent-color:hsl(10,40%,50%)}.control-label[data-v-4c8b5dda]{margin:0;margin-bottom:-1rem}#glcanvas[data-v-526785b5]{border-radius:.5rem;border:1.5px solid black;display:block;width:100%}.canvas-container[data-v-526785b5]{box-sizing:border-box;position:relative}.canvas-ui-row[data-v-526785b5]{position:absolute;top:.75rem;left:.75rem;display:flex;align-items:center}.canvas-ui-row button[data-v-526785b5]{background-color:#242424}.canvas-ui-row.bottom[data-v-526785b5]{position:absolute;top:auto;bottom:.75rem;font-family:mono}.canvas-ui-row[data-v-526785b5]{color-scheme:dark;color:#fff}.small[data-v-526785b5]{font-size:.75rem}.col-gap-1[data-v-526785b5]{gap:.25em}.col-gap-4[data-v-526785b5]{gap:1em}.controls-tab[data-v-526785b5]{padding:1rem .5rem;margin:0 auto;width:800px;max-width:calc(100vw - 4rem);box-sizing:border-box}