: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;--color-charcoal: #474350;--color-ash: #585464;--color-snow: #f9f4f5;--color-snow-hover: #ebe4e6;--color-snow-active: #ddd5d7;--color-ash-active: #656070}body{margin:0;padding:0;width:100vw;height:100dvh;overflow:hidden}.card{padding:1rem;width:100vw;height:100vh;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}canvas{display:block;outline:none;max-width:calc(100vw - 2rem);max-height:calc(100dvh - 6rem);box-sizing:border-box}#render-mode-group{display:inline-flex;border-radius:.375rem;overflow:hidden;border:1px solid var(--color-charcoal)}#render-mode-group button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;border:none;border-right:1px solid var(--color-charcoal);cursor:pointer;transition:background-color .15s ease-in-out;background-color:var(--color-snow);color:var(--color-charcoal)}#render-mode-group button:last-child{border-right:none}#render-mode-group button:hover:not(.active){background-color:var(--color-snow-hover)}#render-mode-group button:active:not(.active){background-color:var(--color-snow-active)}#render-mode-group button.active{background-color:var(--color-charcoal);color:var(--color-snow)}#render-mode-group button:focus-visible{outline:2px solid var(--color-ash);outline-offset:-2px}@media(prefers-color-scheme:dark){#render-mode-group{border-color:var(--color-snow)}#render-mode-group button{border-right-color:var(--color-snow);background-color:var(--color-charcoal);color:var(--color-snow)}#render-mode-group button:hover:not(.active){background-color:var(--color-ash)}#render-mode-group button:active:not(.active){background-color:var(--color-ash-active)}#render-mode-group button.active{background-color:var(--color-snow);color:var(--color-charcoal)}}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.hidden{display:none}