.stroke-result[data-v-bdfe78ca]{flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.stroke-canvas[data-v-bdfe78ca]{border:1px solid var(--border);touch-action:none;background:#fff;width:240px;height:240px;position:relative}.stroke-guide[data-v-bdfe78ca]{pointer-events:none;position:absolute;inset:0}.stroke-writer[data-v-bdfe78ca]{position:relative}.stroke-steps[data-v-bdfe78ca]{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:8px;display:grid}.stroke-steps button[data-v-bdfe78ca]{border:1px solid var(--border);background:#fff;border-radius:7px;padding:5px}.stroke-steps button[aria-pressed=true][data-v-bdfe78ca]{border-color:var(--brand);background:var(--pale)}.stroke-steps svg[data-v-bdfe78ca]{width:100%;height:60px}.stroke-steps span[data-v-bdfe78ca]{color:var(--muted);font-size:12px}