canvas.svelte-o3oskp{display:block}body{margin:0;padding:0;height:100vh;width:100vw}.container.svelte-1y8bcqe.svelte-1y8bcqe{display:flex;width:100%;height:100%;position:relative;overflow:hidden}.sidebar.svelte-1y8bcqe.svelte-1y8bcqe{display:block;background:#232526;background:-webkit-linear-gradient(to bottom,#414345,#232526);background:linear-gradient(to bottom,#414345,#232526);width:300px;max-width:40vw}.canvas.svelte-1y8bcqe.svelte-1y8bcqe{flex-grow:1;background:#000;background:-webkit-linear-gradient(to top,#434343,#000000);background:linear-gradient(to top,#434343,#000);max-width:100%}.wrapper.svelte-1y8bcqe.svelte-1y8bcqe{overflow-x:hidden;overflow-y:auto;max-height:100%;display:flex;flex-wrap:wrap}.swatch.svelte-1y8bcqe.svelte-1y8bcqe{display:block;width:120px;height:120px;margin:5px;padding:5px;cursor:pointer}.swatch.svelte-1y8bcqe.svelte-1y8bcqe:hover{margin:4px;padding:4px;border:2px solid #aaaaaa;border-radius:1rem}.swatch.active.svelte-1y8bcqe.svelte-1y8bcqe,.swatch.active{margin:4px;padding:4px;border:2px solid #ffffff;border-radius:1rem}.swatch.svelte-1y8bcqe img.svelte-1y8bcqe{max-width:100%;height:auto}.footer.svelte-1y8bcqe.svelte-1y8bcqe{position:fixed;right:2rem;bottom:1rem}.footer.svelte-1y8bcqe a.svelte-1y8bcqe{color:#888;text-shadow:-.5px -.5px 0 #00000088,.5px 0px 0 #ffffff88;font-family:sans-serif;font-size:13px}