.observable-shell.svelte-8tum2e{--observable-surface: #fafaf9;--observable-grid: #d6d3d1;--observable-axis: #57534e;--observable-ink: #0e7490;--observable-accent: #c026d3;--observable-point: #ea580c}.dark .observable-shell.svelte-8tum2e{--observable-surface: #0a0a0a;--observable-grid: #404040;--observable-axis: #d4d4d4;--observable-ink: #67e8f9;--observable-accent: #f0abfc;--observable-point: #fdba74}.observable-shell.compact.svelte-8tum2e .observable-cell:where(.svelte-8tum2e)>div:where(.svelte-8tum2e):first-child{display:none}.observable-output.svelte-8tum2e svg,.observable-output.svelte-8tum2e canvas{display:block;width:100%;max-width:100%;height:auto;border-radius:.5rem}.observable-output.svelte-8tum2e .observable-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.observable-output.svelte-8tum2e .observable-control{display:grid;gap:.4rem;min-width:0;font-size:.82rem;font-weight:700;color:var(--observable-axis)}.observable-output.svelte-8tum2e .observable-control-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.observable-output.svelte-8tum2e .observable-control output{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:600;color:var(--observable-ink)}.observable-output.svelte-8tum2e .observable-control input[type=range]{width:100%;min-height:2.75rem;accent-color:var(--observable-ink)}.observable-output.svelte-8tum2e .observable-toggle{grid-column:1 / -1;display:flex;min-height:2.75rem;align-items:center;gap:.65rem;font-size:.82rem;font-weight:700;color:var(--observable-axis)}.observable-output.svelte-8tum2e .observable-toggle input{width:1.1rem;height:1.1rem;accent-color:var(--observable-ink)}.observable-output.svelte-8tum2e .observable-value{margin:0;white-space:pre-wrap;color:var(--observable-axis)}@media(max-width:640px){.observable-output.svelte-8tum2e .observable-controls{grid-template-columns:1fr}.observable-output.svelte-8tum2e .observable-toggle{grid-column:auto}}@media(prefers-reduced-motion:reduce){.observable-shell.svelte-8tum2e,.observable-shell.svelte-8tum2e :where(.svelte-8tum2e){scroll-behavior:auto!important;transition-duration:.01ms!important}}