.demo-layout.svelte-1aa12c3{display:grid;grid-template-columns:auto 1fr;gap:var(--pico-spacing);margin-bottom:var(--pico-spacing)}.controls-sidebar.svelte-1aa12c3{min-width:12rem}.canvas-wrapper.svelte-1aa12c3{display:flex;flex-direction:column;align-items:center;gap:var(--pico-spacing)}.canvas-container.svelte-1aa12c3{position:relative;width:100%;max-width:75rem;height:auto;aspect-ratio:3/2;border:var(--pico-border-width) solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);overflow:hidden;background:#000;cursor:crosshair}.button-group.svelte-1aa12c3{display:grid;gap:calc(var(--pico-spacing) * .5)}.button-group.svelte-1aa12c3 button:where(.svelte-1aa12c3){justify-self:stretch;text-align:left;display:flex;align-items:center;gap:calc(var(--pico-spacing) * .5)}.palette-controls.svelte-1aa12c3{margin-top:var(--pico-spacing)}.palette-controls.svelte-1aa12c3 h3:where(.svelte-1aa12c3){margin-bottom:calc(var(--pico-spacing) * .5);font-size:var(--pico-font-size);color:var(--pico-muted-color)}.stats-caption.svelte-1aa12c3{width:100%;max-width:75rem;padding:calc(var(--pico-spacing) * .5) var(--pico-spacing);background:var(--pico-card-background-color);border:var(--pico-border-width) solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);margin:0}.stats-caption.svelte-1aa12c3 dl:where(.svelte-1aa12c3){display:flex;gap:calc(var(--pico-spacing) * 1.5);margin:0;font-size:var(--pico-font-size);align-items:center;justify-content:center}.stats-caption.svelte-1aa12c3 dt:where(.svelte-1aa12c3){margin:0}.stats-caption.svelte-1aa12c3 dd:where(.svelte-1aa12c3){font-family:var(--pico-font-family-monospace);margin:0;font-weight:var(--pico-font-weight);color:var(--pico-primary)}.documentation.svelte-1aa12c3{margin-top:calc(var(--pico-spacing) * 2);padding-top:calc(var(--pico-spacing) * 1.5);border-top:var(--pico-border-width) solid var(--pico-muted-border-color)}.background-canvas.svelte-1aa12c3,.particle-canvas.svelte-1aa12c3,.trail-canvas.svelte-1aa12c3,.smoke-canvas.svelte-1aa12c3,.composite-canvas.svelte-1aa12c3{display:block;width:100%;height:100%;object-fit:fill}.glow-canvas.svelte-1aa12c3{display:block;width:100%;height:100%;object-fit:fill;image-rendering:pixelated}@media (max-width: 992px){.demo-layout.svelte-1aa12c3{grid-template-columns:1fr;gap:var(--pico-spacing)}.controls-sidebar.svelte-1aa12c3{min-width:auto}.button-group.svelte-1aa12c3{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.button-group.svelte-1aa12c3 button:where(.svelte-1aa12c3){text-align:center;justify-content:center}}@media (max-width: 768px){.canvas-container.svelte-1aa12c3{aspect-ratio:4/3}.stats-caption.svelte-1aa12c3{width:100%}.stats-caption.svelte-1aa12c3 dl:where(.svelte-1aa12c3){gap:var(--pico-spacing);flex-wrap:wrap}}@media (max-width: 576px){.canvas-container.svelte-1aa12c3{aspect-ratio:4/3}.button-group.svelte-1aa12c3{grid-template-columns:1fr}.stats-caption.svelte-1aa12c3 dl:where(.svelte-1aa12c3){flex-direction:column;gap:calc(var(--pico-spacing) * .5);text-align:center}}