.diagram.svelte-1q98fzk{background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--radius);--sq:min(2.6rem, 9vw);flex-direction:column;align-items:center;gap:.75rem;margin:1.75rem 0;padding:1.5rem 1rem 1.25rem;display:flex}.controls.svelte-1q98fzk{align-items:center;gap:.5rem;display:flex}.controls.svelte-1q98fzk button:where(.svelte-1q98fzk){min-width:44px;height:40px;font-family:var(--font-mono);cursor:pointer;border:1px solid var(--ink-5);border-radius:var(--radius);color:var(--ink-2);background:0 0;padding:0 .7rem;font-size:.9rem}.controls.svelte-1q98fzk button:where(.svelte-1q98fzk):hover:not(:disabled){border-color:var(--ink);color:var(--ink)}.controls.svelte-1q98fzk button:where(.svelte-1q98fzk):disabled{opacity:.35;cursor:default}.counter.svelte-1q98fzk{font-family:var(--font-mono);color:var(--ink-3);text-align:center;min-width:3.5rem;font-size:.85rem}.steps.svelte-1q98fzk{flex-wrap:wrap;justify-content:center;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.steps.svelte-1q98fzk button:where(.svelte-1q98fzk){font-family:var(--font-mincho);border:1px solid var(--rule);border-radius:var(--radius);color:var(--ink-2);cursor:pointer;background:0 0;padding:.25rem .6rem;font-size:.85rem}.steps.svelte-1q98fzk button.current:where(.svelte-1q98fzk){background:var(--ink);border-color:var(--ink);color:var(--paper)}.note.svelte-1q98fzk{color:var(--ink-2);border-left:2px solid var(--shu);max-width:26rem;margin:0;padding:.3rem .9rem;font-size:.9rem;line-height:1.9}figcaption.svelte-1q98fzk{color:var(--ink-4);font-size:.8rem}