@import"https://fonts.googleapis.com/css2?family=Assistant&display=swap";.container{display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;row-gap:2rem;width:100dvw;height:100dvh;box-sizing:border-box;padding:5rem}.canvas-container{width:60%;min-height:80%;max-height:100%;display:flex;flex-direction:column;row-gap:2rem;align-items:center;align-content:center;justify-content:center;border-style:solid;border-color:var(--background-color-2)}canvas{width:100%;height:100%;image-rendering:pixelated}button{display:flex;align-items:center;column-gap:.5rem;font-family:var(--font);font-size:.75rem;color:var(--text-color-1);background:var(--button-color-1);border-radius:.5rem;padding:.625rem;border:1px solid var(--border-color-1);filter:drop-shadow(0 0 .75rem --background-color-1)}button:hover{background:var(--button-color-2);cursor:pointer}button:active{background:var(--button-color-1);border-color:var(--border-color-2)}.menu-island{display:flex;flex-direction:row;align-items:center;background:var(--background-color-2);padding:.5rem;border-radius:.5rem;column-gap:.5rem}.menu-separator{height:100%;width:1px;background-color:var(--border-color-1);margin:0 1rem}.menu-item-button{display:flex;align-items:center;column-gap:1rem;background:var(--background-color-2);color:var(--text-color-1);font-size:14px;border-radius:.5rem;padding:.5rem 1rem;width:fit-content;border:1px solid var(--background-color-2);width:8rem}.menu-item-button:active{border:1px solid var(--border-color-2)}.menu-section{display:flex;flex-direction:column;align-items:center;justify-content:center}.menu-select{display:flex;align-items:center;justify-content:center;column-gap:.5rem}select{background:var(--button-color-1);color:var(--text-color-1);border:1px solid var(--border-color-1);border-radius:.25rem;height:2rem;padding:0;padding-inline-end:1.75rem;padding-inline-start:.5rem;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='292.4' height='292.4' viewBox='0 0 292 292'%3E%3Cpath fill='%23ced4da' d='M287 197 159 69c-4-3-8-5-13-5s-9 2-13 5L5 197c-3 4-5 8-5 13s2 9 5 13c4 4 8 5 13 5h256c5 0 9-1 13-5s5-8 5-13-1-9-5-13z'/%3E%3C/svg%3E");background-position:right .75rem top 50%,0 0;background-size:.6em auto,100%;background-repeat:no-repeat;outline:none;font-family:var(--font);width:9rem}select:focus{box-shadow:0 0 0 1px var(--border-color-2)}option{font-family:var(--font);background-color:var(--button-color-1);color:var(--text-color-1)}:root{font-family:Assistant,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--background-color-1: #121212;--background-color-2: #1e1e1e;--text-color-1: #b8b8b8;--text-color-2: #b3acfe;--button-color-1: #262627;--button-color-2: #363636;--button-color-3: #504c6f;--border-color-1: #3d3d3d;--border-color-2: #a8a5ff;--margin-main: 20px;--font: Assistant;background-color:var(--background-color-1)}body{margin:0}