.intro.svelte-19xwj9x{opacity:.9;text-align:center;max-width:800px;margin:0 auto 2em;font-size:1.1em}.controls-panel.svelte-19xwj9x{background:var(--surface-bg-hover,#ffffff05);border-radius:8px;margin-bottom:1.5em;padding:.6em 1.2em;& h2:where(.svelte-19xwj9x){color:var(--text-secondary,#888);margin:.3em 0 .5em;font-size:1.1em;font-weight:600}}.control-row.svelte-19xwj9x{flex-wrap:wrap;align-items:center;gap:.4em 1.5em;margin-bottom:.4em;display:flex;& label:where(.svelte-19xwj9x){align-items:center;gap:.4em;display:flex}& select:where(.svelte-19xwj9x),& input[type=range]:where(.svelte-19xwj9x){margin-left:.4em}& input[type=range]:where(.svelte-19xwj9x){width:100px}& button:where(.svelte-19xwj9x){background:var(--accent-color,#3498db);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.3em .8em;&:hover{opacity:.9}}}.plot-section.svelte-19xwj9x{margin:2em 0;& h2:where(.svelte-19xwj9x){margin-bottom:.5em}}.quality-report.svelte-19xwj9x{background:var(--surface-bg,#0000001a);border-radius:4px;flex-wrap:wrap;align-items:center;gap:.5em 1.5em;margin-bottom:1em;padding:.6em 1em;font-size:.9em;display:flex}.point-count.svelte-19xwj9x{opacity:.7}.instability-badge.svelte-19xwj9x{color:#f39c12;font-weight:500}.description.svelte-19xwj9x{opacity:.85;margin-bottom:1em}.multi-series-grid.svelte-19xwj9x{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5em;display:grid;& h3:where(.svelte-19xwj9x){text-align:center;margin:0 0 .5em}}.explanation.svelte-19xwj9x{border-top:1px solid var(--border-color,#ffffff1a);margin-top:3em;padding-top:2em;& ul:where(.svelte-19xwj9x){margin:.5em 0 0;padding-left:1.5em}& li:where(.svelte-19xwj9x){margin-bottom:.3em}}.code-block.svelte-19xwj9x{margin-top:1.5em;& pre:where(.svelte-19xwj9x){background:#1e1e2e;border-radius:6px;margin:0;padding:1em;overflow-x:auto}& code:where(.svelte-19xwj9x){color:#cdd6f4;white-space:pre;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:.85em;line-height:1.6}& .kw{color:#cba6f7}& .str{color:#a6e3a1}& .num{color:#fab387}& .typ{color:#89dceb}& .fn{color:#89b4fa}& .cmt{color:#6c7086;font-style:italic}& .prop{color:#f5c2e7}}@media (width<=600px){.control-row.svelte-19xwj9x{flex-direction:column;align-items:flex-start}}
