.panels.svelte-16vi630{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:.3rem;padding:.3rem}.panel.svelte-16vi630{min-width:0;margin:0;display:flex;flex-direction:column;gap:.15rem;min-height:0;border:1px solid transparent;border-radius:.3rem;padding:.1rem}.panel.active.svelte-16vi630{border-color:color-mix(in srgb,var(--edu-accent, #fb923c) 55%,transparent);background:color-mix(in srgb,var(--edu-accent, #fb923c) 8%,transparent)}canvas.svelte-16vi630{flex:1 1 auto;min-height:0;width:100%;object-fit:contain;border-radius:.2rem;background:var(--bg-primary)}figcaption.svelte-16vi630{display:flex;align-items:center;justify-content:center;gap:.25rem;font-size:.57rem;line-height:1.2;text-align:center;color:var(--text-muted);font-variant-numeric:tabular-nums}.chip.svelte-16vi630{display:inline-block;width:.55rem;height:.55rem;border-radius:.15rem;border:1px solid var(--border-color);flex:0 0 auto}.readout.svelte-16vi630{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.curve.svelte-16vi630{flex:1 1 13rem;min-width:11rem;height:7.5rem}.numbers.svelte-16vi630{flex:1 1 15rem;min-width:12rem;display:flex;flex-direction:column;gap:.4rem}.chips.svelte-16vi630{display:flex;flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none}.chips.svelte-16vi630 li:where(.svelte-16vi630){display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:var(--text-muted)}.chips.svelte-16vi630 li.active:where(.svelte-16vi630){color:var(--text-primary)}.chips.svelte-16vi630 .name:where(.svelte-16vi630){flex:1 1 auto}.chips.svelte-16vi630 .hex:where(.svelte-16vi630){font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.note.svelte-16vi630{margin:0;font-size:.72rem;line-height:1.5;color:var(--text-secondary)}.note.svelte-16vi630 strong:where(.svelte-16vi630){color:var(--text-primary)}