.diagram.svelte-1uzi2on{width:100%;max-width:650px;margin:24px auto}.lab.svelte-1uzi2on{border:2px solid var(--blue);background:var(--paper);margin:24px 0;padding:24px}h3.svelte-1uzi2on{margin-top:0}p.svelte-1uzi2on{line-height:1.7}.controls.svelte-1uzi2on{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.controls.svelte-1uzi2on label:where(.svelte-1uzi2on){gap:8px;font-weight:600;display:grid}select.svelte-1uzi2on{color:var(--blue-deep);border:1px solid var(--blue);background:#fff;padding:9px}svg.svelte-1uzi2on{width:100%;max-width:650px;margin:24px auto;display:block}.grid.svelte-1uzi2on{stroke:var(--line);stroke-width:.7px}.boundary.svelte-1uzi2on{stroke:var(--blue);stroke-width:2px}.straight.svelte-1uzi2on{stroke:var(--blue);stroke-width:2px;stroke-dasharray:6 4}polyline.svelte-1uzi2on{fill:none;stroke:var(--red);stroke-width:3px}circle.svelte-1uzi2on{fill:var(--blue-deep)}text.svelte-1uzi2on{fill:var(--blue-deep);font-size:12px}.result.svelte-1uzi2on{background:var(--gold);color:var(--blue-deep);padding:16px}.note.svelte-1uzi2on{font-size:14px}@media (width<=650px){.lab.svelte-1uzi2on{padding:14px}}