.tool-card.svelte-gvvazi{grid-template-columns:280px 1fr;align-items:start;gap:2rem;margin:2rem 0;display:grid}.controls.svelte-gvvazi{font-size:.93rem;position:sticky;top:1rem}.control-group.svelte-gvvazi{margin-bottom:.9rem}.control-group.svelte-gvvazi label:where(.svelte-gvvazi){color:var(--ink-soft);margin-bottom:.25rem;font-size:.9rem;font-style:italic;display:block}.row.svelte-gvvazi{grid-template-columns:1fr auto;gap:.4rem;display:grid}.mini-warning.svelte-gvvazi{background:var(--code-bg);color:var(--ink-soft);border-left:3px solid #b08000;margin:.75rem 0 1rem;padding:.6rem .7rem;font-size:.88rem;font-style:italic;line-height:1.45}.button-row.svelte-gvvazi{grid-template-columns:1fr 1fr;gap:.4rem;margin-top:1rem;display:grid}.button-row.svelte-gvvazi button:where(.svelte-gvvazi){font-size:.9rem}.single-button-row.svelte-gvvazi{margin-top:.4rem}.single-button-row.svelte-gvvazi button:where(.svelte-gvvazi){width:100%}.status.svelte-gvvazi{border-top:1px solid var(--rule);color:var(--ink-soft);margin-top:1rem;padding-top:.7rem;font-size:.9rem;line-height:1.5}.status.svelte-gvvazi p:where(.svelte-gvvazi){margin:.5rem 0 0}.bar.svelte-gvvazi{background:var(--rule-soft);border:1px solid var(--rule);height:.4rem;overflow:hidden}.bar.svelte-gvvazi span:where(.svelte-gvvazi){background:var(--ink);height:100%;transition:width .15s linear;display:block}.canvases.svelte-gvvazi{grid-template-columns:1fr 1fr;gap:1rem;display:grid}figure.svelte-gvvazi{margin:0}figcaption.svelte-gvvazi{color:var(--muted);margin:0 0 .5rem;font-size:.9rem;font-style:italic;line-height:1.4}canvas.svelte-gvvazi{border:1px solid var(--rule);background:var(--paper);width:100%;height:auto;display:block}.canvases.svelte-gvvazi figure:where(.svelte-gvvazi):first-child canvas:where(.svelte-gvvazi){cursor:crosshair}.source-preview.svelte-gvvazi{border:1px solid var(--rule);background:var(--code-bg);margin:.6rem 0 1rem;padding:.5rem .6rem}.source-preview.svelte-gvvazi p:where(.svelte-gvvazi){color:var(--muted);margin:0 0 .35rem;font-size:.82rem;font-style:italic}.source-preview.svelte-gvvazi canvas:where(.svelte-gvvazi){background:var(--paper);border:1px solid var(--rule);width:100%;height:auto;display:block}.prose.svelte-gvvazi{max-width:64ch;margin:3rem auto 0}.prose.svelte-gvvazi h2:where(.svelte-gvvazi){margin-top:0}@media (width<=1100px){.tool-card.svelte-gvvazi{grid-template-columns:1fr;gap:1.2rem}.controls.svelte-gvvazi{position:static}}@media (width<=800px){.canvases.svelte-gvvazi,.button-row.svelte-gvvazi{grid-template-columns:1fr}}