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