[class*=state\:].canvas{position:relative}[class*=l\:frame]:has(.canvas){border:var(--border-width-lg) dotted var(--shade)}.canvas{position:relative}.canvas.state\:idle{border:var(--border-width-lg) dotted var(--accent)}.state\:play{background-color:var(--bg-color)}.state\:idle{align-items:center;justify-content:var(--justify,center);max-inline-size:100%;display:flex;overflow-x:hidden}[class*=idle] canvas{margin-right:-100%}.canvas[class*=error]:before{align-items:center;justify-content:var(--justify,center);bottom:var(--ui-size-sm);right:var(--ui-size-sm);block-size:fit-content;padding:var(--ui-size-sm);background-color:var(--ink);aspect-ratio:1;border-radius:100vmax;line-height:1;display:flex;position:absolute}.canvas[class*=play]:before,.canvas[class*=update]:before,.canvas[class*=clear]:before,.canvas[class*=pause]:before,.canvas[class*=warning]:before,.canvas[class*=snap]:before{display:none}.state\:idle:before{align-items:center;justify-content:var(--justify,center);block-size:100%;inline-size:100%;font-size:calc(var(--fluid-4) * 5);display:flex}.scene,.debug,.debug .scroll\:x{inline-size:100%;max-inline-size:var(--max-inline-size,100%)}.scene .feedback{margin:var(--ui-size-lg);block-size:fit-content;inline-size:calc(100% - 2 * var(--ui-size-lg));max-height:calc(100% - 2 * var(--ui-size-lg));position:absolute;top:0;left:0;overflow:auto}.geometry,.geometry.svelte-exsi8c{gap:var(--ui-size-sm)}@media screen and (width>=690px){.player.svelte-11o6ci8 li:where(.svelte-11o6ci8){flex-basis:calc(var(--sidebar-width) / 3 - var(--grid-gap))}}@media screen and (width>=1360px){.player.svelte-11o6ci8{--grid-gap:var(--size-base-sm)}}.geometry.svelte-ybpmkj{gap:var(--ui-size-sm)}[class*=state\:].canvas.svelte-1juwe66,.canvas.svelte-1juwe66{position:relative}.canvas.state\:idle.svelte-1juwe66{border:var(--border-width-lg) dotted var(--accent)}.state\:play.svelte-1juwe66{background-color:var(--bg-color)}.state\:idle.svelte-1juwe66{align-items:center;justify-content:var(--justify,center);max-inline-size:100%;display:flex;overflow-x:hidden}[class*=idle].svelte-1juwe66 canvas:where(.svelte-1juwe66){margin-right:-100%}.canvas[class*=error].svelte-1juwe66:before{align-items:center;justify-content:var(--justify,center);bottom:var(--ui-size-sm);right:var(--ui-size-sm);block-size:fit-content;padding:var(--ui-size-sm);background-color:var(--ink);aspect-ratio:1;border-radius:100vmax;line-height:1;display:flex;position:absolute}.canvas[class*=play].svelte-1juwe66:before,.canvas[class*=update].svelte-1juwe66:before,.canvas[class*=clear].svelte-1juwe66:before,.canvas[class*=pause].svelte-1juwe66:before,.canvas[class*=warning].svelte-1juwe66:before,.canvas[class*=snap].svelte-1juwe66:before{display:none}.state\:idle.svelte-1juwe66:before{align-items:center;justify-content:var(--justify,center);block-size:100%;inline-size:100%;font-size:calc(var(--fluid-4) * 5);display:flex}.scene.svelte-1juwe66,.debug.svelte-1juwe66,.debug.svelte-1juwe66 .scroll\:x:where(.svelte-1juwe66){inline-size:100%;max-inline-size:var(--max-inline-size,100%)}.scene.svelte-1juwe66 .feedback:where(.svelte-1juwe66){margin:var(--ui-size-lg);block-size:fit-content;inline-size:calc(100% - 2 * var(--ui-size-lg));max-height:calc(100% - 2 * var(--ui-size-lg));position:absolute;top:0;left:0;overflow:auto}