.stroke-order__controls[data-v-8b8bd2ae]{margin-top:20px}.stroke-order__input[data-v-8b8bd2ae]{max-width:400px;margin-bottom:16px}.stroke-order__common[data-v-8b8bd2ae]{margin-bottom:16px}.stroke-order__common-label[data-v-8b8bd2ae]{color:var(--el-text-color-secondary);margin-bottom:8px;font-size:13px;display:block}.stroke-order__common-grid[data-v-8b8bd2ae]{flex-wrap:wrap;gap:6px;display:flex}.stroke-order__canvas-wrap[data-v-8b8bd2ae]{border:1px solid var(--el-border-color-lighter);background:var(--el-fill-color-lighter);border-radius:12px;min-height:320px;position:relative;overflow:hidden}.stroke-order__actions[data-v-8b8bd2ae],.stroke-order__canvas-wrap[data-v-8b8bd2ae],.stroke-order__target[data-v-8b8bd2ae]{justify-content:center;align-items:center;display:flex}.stroke-order__error[data-v-8b8bd2ae]{color:var(--el-color-danger);font-size:14px;position:absolute}.stroke-order__actions[data-v-8b8bd2ae]{flex-wrap:wrap;gap:12px;margin-top:16px}.stroke-order__actions button+button[data-v-8b8bd2ae]{margin-left:0}.stroke-order__speed[data-v-8b8bd2ae]{align-items:center;gap:8px;display:flex}.stroke-order__speed-label[data-v-8b8bd2ae]{color:var(--el-text-color-secondary);white-space:nowrap;font-size:13px}@media (width<=600px){.stroke-order__input[data-v-8b8bd2ae]{max-width:100%}.stroke-order__canvas-wrap[data-v-8b8bd2ae]{min-height:280px}}