.spirograph_Mjstc48c{gap:1rem;display:grid}.canvas_Mjstc48c{border-radius:var(--radius-sm);background:var(--surface-sunken);width:min(100%,36rem);height:auto;margin-inline:auto;display:block}.guide_Mjstc48c{fill:none;stroke:var(--border-strong);stroke-dasharray:2 3}.curve_Mjstc48c{fill:none;stroke-width:.8px;stroke-linejoin:round}.pen_Mjstc48c{fill:var(--accent)}.stats_Mjstc48c{font-variant-numeric:tabular-nums;gap:1.5rem;margin:0;display:flex;& .div-Mjstc48c{display:grid}& .dt-Mjstc48c{color:var(--text-muted);font-size:.85em}& .dd-Mjstc48c{font-family:var(--font-heading);margin:0;font-size:1.25rem}}.controls_Mjstc48c{gap:.75rem;display:grid}.control_Mjstc48c{grid-template-columns:7rem minmax(0,1fr) 3.25rem;align-items:center;gap:.75rem;display:grid;& .input-Mjstc48c{width:100%;min-width:0}}.output-Mjstc48c{background:var(--surface);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;text-align:center;padding:.2rem .4rem}