.handwriting-input{box-sizing:border-box;color:#172f33;background:#f5f3ea;border:1px solid #b1c2bb;border-radius:14px;padding:10px;max-width:360px;margin:auto;font-family:system-ui,sans-serif}
.handwriting-top,.handwriting-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.handwriting-top label{display:flex;align-items:center;gap:5px}.handwriting-top input{width:18px;height:18px;accent-color:#21715f}
.handwriting-board{display:block;width:100%;max-height:300px;aspect-ratio:1;touch-action:none;user-select:none;background:#fffcf4;border:1px solid #c7c9b9;border-radius:8px;margin-top:8px}
.handwriting-board path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.handwriting-grid{stroke:#a3ad9e!important;stroke-width:.5!important;stroke-dasharray:3 2}.handwriting-outline{stroke:#d8dfd5}.handwriting-accepted,.handwriting-settle{stroke:#174a3e}.handwriting-hint{stroke:#278d7b;fill:#278d7b}.handwriting-ink{stroke:#4b656b}.handwriting-board.is-locked{opacity:.55}
.handwriting-status{font-size:12px;line-height:1.4;min-height:2.8em;margin:6px 0}.handwriting-actions button{min-height:44px;padding:6px 12px;border:1px solid #9dafaa;border-radius:8px;color:#173f36;background:#fffaf0;font:inherit;cursor:pointer}.handwriting-actions button:disabled{opacity:.45;cursor:default}
.handwriting-input.has-mistake .handwriting-board{border-color:#b54b17;box-shadow:inset 0 0 0 2px #b54b1740}.handwriting-input.has-mistake .handwriting-status{color:#82310e;background:#ffe8d9;font-weight:650}
@media(max-height:650px){.handwriting-board{max-height:220px}.handwriting-status{min-height:0}}