.stroke-writer{width:min(320px,100%);aspect-ratio:1;border:1px solid var(--line);border-radius:16px;background:linear-gradient(90deg,transparent 49.7%,#eef2f7 50%,transparent 50.3%),linear-gradient(transparent 49.7%,#eef2f7 50%,transparent 50.3%)}
.stroke-writer svg{display:block;width:100%;height:100%}
.stroke-replay{margin-top:12px;padding:9px 15px;border:1px solid var(--brand);border-radius:9px;background:#fff;color:var(--brand);font:inherit;font-weight:700;cursor:pointer}
.stroke-sheet-canvas{display:block;width:min(320px,100%);height:auto;border:1px solid var(--line);border-radius:16px;background:#fff}
.stroke-progress{display:inline-block;min-width:92px;margin-top:12px;color:var(--muted);font-weight:700}