.experiment-page.svelte-1mqpkid{max-width:1000px;margin:0 auto;padding:var(--space-performance-xl)}.page-header.svelte-1mqpkid{margin-bottom:var(--space-performance-2xl)}h1.svelte-1mqpkid{font-size:var(--text-performance-display-sm);font-weight:700;color:var(--color-performance-fg-primary);margin-bottom:var(--space-performance-sm)}.subtitle.svelte-1mqpkid{font-size:var(--text-performance-body-lg);color:var(--color-performance-fg-secondary)}.subtitle.svelte-1mqpkid a:where(.svelte-1mqpkid){color:var(--color-performance-focus);text-decoration:none}.subtitle.svelte-1mqpkid a:where(.svelte-1mqpkid):hover{text-decoration:underline}h2.svelte-1mqpkid{font-size:var(--text-heading-sm);font-weight:600;color:var(--color-performance-fg-primary);margin-bottom:var(--space-performance-sm);margin-top:var(--space-performance-lg)}.demo-section.svelte-1mqpkid{margin-bottom:var(--space-performance-xl)}.demo-container.svelte-1mqpkid{background:var(--color-performance-bg-pure);border-radius:var(--radius-performance-scale-lg);overflow:hidden}.ascii-output.svelte-1mqpkid{padding:var(--space-performance-md);overflow:auto;max-height:600px}.ascii-output.svelte-1mqpkid pre:where(.svelte-1mqpkid){font-family:SF Mono,Monaco,Menlo,monospace;font-size:10px;line-height:1;color:var(--color-performance-fg-primary);margin:0;white-space:pre}.hidden-canvas.svelte-1mqpkid{display:none}.stats.svelte-1mqpkid{display:flex;gap:var(--space-performance-md);padding:var(--space-performance-sm) var(--space-performance-md);font-size:var(--text-performance-caption);color:var(--color-performance-fg-muted);background:var(--color-performance-bg-surface)}.controls-section.svelte-1mqpkid{background:var(--color-performance-bg-surface);border-radius:var(--radius-performance-scale-lg);padding:var(--space-performance-lg);margin-bottom:var(--space-performance-xl)}.controls-section.svelte-1mqpkid h2:where(.svelte-1mqpkid):first-child{margin-top:0}.scene-buttons.svelte-1mqpkid{display:flex;flex-wrap:wrap;gap:var(--space-performance-sm)}.scene-buttons.svelte-1mqpkid button:where(.svelte-1mqpkid),.upload-button.svelte-1mqpkid{padding:var(--space-performance-sm) var(--space-performance-md);background:var(--color-performance-bg-pure);border-radius:var(--radius-performance-scale-sm);color:var(--color-performance-fg-secondary);cursor:pointer;transition:all var(--duration-performance-micro) var(--ease-performance-standard);font-size:var(--text-performance-body-sm)}.scene-buttons.svelte-1mqpkid button:where(.svelte-1mqpkid):hover,.upload-button.svelte-1mqpkid:hover{background:var(--color-performance-hover);color:var(--color-performance-fg-primary)}.scene-buttons.svelte-1mqpkid button.active:where(.svelte-1mqpkid){background:var(--color-performance-focus);border-color:var(--color-performance-focus);color:#fff}.upload-button.svelte-1mqpkid{display:inline-block}.upload-button.svelte-1mqpkid input:where(.svelte-1mqpkid){display:none}.animation-control.svelte-1mqpkid{margin-top:var(--space-performance-sm)}.animation-control.svelte-1mqpkid button:where(.svelte-1mqpkid){padding:var(--space-performance-xs) var(--space-performance-sm);background:var(--color-performance-bg-pure);border-radius:var(--radius-performance-scale-sm);color:var(--color-performance-fg-secondary);cursor:pointer;font-size:var(--text-performance-caption)}.slider-group.svelte-1mqpkid{display:flex;flex-direction:column;gap:var(--space-performance-sm)}.slider-group.svelte-1mqpkid label:where(.svelte-1mqpkid){display:flex;flex-direction:column;gap:var(--space-performance-xs)}.slider-group.svelte-1mqpkid label:where(.svelte-1mqpkid) span:where(.svelte-1mqpkid){font-size:var(--text-performance-body-sm);color:var(--color-performance-fg-secondary)}.slider-group.svelte-1mqpkid input[type=range]:where(.svelte-1mqpkid){width:100%;max-width:300px}.technique-section.svelte-1mqpkid{padding-top:var(--space-performance-xl)}.technique-grid.svelte-1mqpkid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-performance-md)}.technique-card.svelte-1mqpkid{background:var(--color-performance-bg-surface);border-radius:var(--radius-performance-scale-md);padding:var(--space-performance-md)}.technique-card.svelte-1mqpkid h3:where(.svelte-1mqpkid){font-size:var(--text-performance-body-md);font-weight:600;color:var(--color-performance-fg-primary);margin-bottom:var(--space-performance-xs)}.technique-card.svelte-1mqpkid p:where(.svelte-1mqpkid){font-size:var(--text-performance-body-sm);color:var(--color-performance-fg-secondary);margin:0;line-height:1.5}@media(max-width:640px){.technique-grid.svelte-1mqpkid{grid-template-columns:1fr}}
