Fix counter increment logic and improve button styling

- Store currentValue in mutable variable to track state properly
- Counter now increments/decrements correctly beyond 1/-1
- Reduce button size from 24px to 16px
- Reduce font size and spacing for more compact appearance
- Improve vertical alignment with inline text
- Fix regex in updateSource to match new pattern

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

main.ts

@@ -85,13 +85,15 @@ export default class CounterPlugin extends Plugin {
 	}
 
 	createCounterElement(
-		value: number,
+		initialValue: number,
 		label: string,
 		context: MarkdownPostProcessorContext
 	): HTMLElement {
 		const container = document.createElement('div');
 		container.className = 'counter-container';
 
+		let currentValue = initialValue;
+
 		const minusButton = document.createElement('button');
 		minusButton.className = 'counter-button counter-minus';
 		minusButton.textContent = '−';
@@ -99,7 +101,7 @@ export default class CounterPlugin extends Plugin {
 
 		const counterDisplay = document.createElement('span');
 		counterDisplay.className = 'counter-display';
-		counterDisplay.textContent = value.toString();
+		counterDisplay.textContent = currentValue.toString();
 
 		const plusButton = document.createElement('button');
 		plusButton.className = 'counter-button counter-plus';
@@ -116,7 +118,7 @@ export default class CounterPlugin extends Plugin {
 
 			const editor = view.editor;
 			const content = editor.getValue();
-			const counterRegex = /^~\s*\(\s*\d*\s*\)\s*(.*)$/gm;
+			const counterRegex = /~\s*\(\s*\d*\s*\)\s*(.+)/gm;
 
 			let matchIndex = 0;
 			const newContent = content.replace(counterRegex, (match, capturedLabel) => {
@@ -134,15 +136,15 @@ export default class CounterPlugin extends Plugin {
 		};
 
 		minusButton.addEventListener('click', () => {
-			const newValue = value - 1;
-			counterDisplay.textContent = newValue.toString();
-			updateSource(newValue);
+			currentValue = currentValue - 1;
+			counterDisplay.textContent = currentValue.toString();
+			updateSource(currentValue);
 		});
 
 		plusButton.addEventListener('click', () => {
-			const newValue = value + 1;
-			counterDisplay.textContent = newValue.toString();
-			updateSource(newValue);
+			currentValue = currentValue + 1;
+			counterDisplay.textContent = currentValue.toString();
+			updateSource(currentValue);
 		});
 
 		container.appendChild(minusButton);