(tool = 'pen')} class="flex items-center gap-1 px-2 py-1 rounded text-xs transition-colors {tool === 'pen' ? 'bg-accent/15 text-accent' : 'text-dim hover:bg-surface'}" aria-pressed={tool === 'pen'} >
펜
(tool = 'eraser')} class="flex items-center gap-1 px-2 py-1 rounded text-xs transition-colors {tool === 'eraser' ? 'bg-accent/15 text-accent' : 'text-dim hover:bg-surface'}" aria-pressed={tool === 'eraser'} >
지우개
{#each [['thin', '가늘게'], ['normal', '보통'], ['thick', '굵게']] as [w, label]}
(widthMode = w)} class="px-2 py-1 rounded text-xs transition-colors {widthMode === w ? 'bg-accent/15 text-accent' : 'text-dim hover:bg-surface'}" aria-pressed={widthMode === w} >{label}
{/each}
stroke {strokes.length}
{#if snapshotErr}
{snapshotErr}
{/if}
{snapshotting ? '저장 중...' : 'PNG 저장'}
{ if (inflight && e.pointerId === activePointerId) endStroke(e); }} class="block" style="touch-action: none; cursor: {tool === 'eraser' ? 'cell' : 'crosshair'};" >