.word-draw{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.word-draw-canvases{justify-content:center;align-items:flex-end;gap:10px;display:flex}.word-draw-canvas-wrap{flex-direction:column;align-items:center;gap:4px;display:flex}.word-draw-canvas-wrap--bad canvas{border-color:#ef4444;box-shadow:0 0 0 2px #ef444447}.word-draw-label{color:var(--ink-60);margin-top:4px;font-family:Noto Serif JP,serif;font-size:.75rem}.word-stroke-demos{flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:16px;display:flex}.word-stroke-demo{flex-direction:column;align-items:center;gap:4px;width:160px;display:flex}.word-stroke-demo .stroke-steps{gap:4px}.word-stroke-demo .stroke-step{width:26px;height:26px;font-size:.7rem}@media (width<=380px){.word-stroke-demos{gap:8px}}.word-stroke-demo .stroke-controls .btn{white-space:nowrap;padding:6px 10px;font-size:.76rem}