feat: show recording input meter

styles.css

@@ -35,6 +35,65 @@
 	height: 14px;
 }
 
+/* ── Recording Status Meter ── */
+.nibbleai-status-recording {
+	display: inline-flex;
+	align-items: center;
+	gap: 6px;
+	color: var(--text-error);
+}
+
+.nibbleai-status-paused {
+	color: var(--text-warning);
+}
+
+.nibbleai-status-processing {
+	color: var(--text-muted);
+}
+
+.nibbleai-status-idle {
+	color: var(--text-success);
+}
+
+.nibbleai-input-meter {
+	display: inline-flex;
+	align-items: center;
+	gap: 2px;
+	height: 12px;
+}
+
+.nibbleai-meter-bar {
+	width: 2px;
+	height: 4px;
+	border-radius: 999px;
+	background-color: currentColor;
+	opacity: 0.25;
+	transition: height 70ms ease-out, opacity 70ms ease-out;
+}
+
+.nibbleai-meter-bar-active {
+	height: 12px;
+	opacity: 1;
+	animation: nibbleai-meter-pulse 360ms ease-in-out infinite alternate;
+}
+
+.nibbleai-meter-bar:nth-child(2n).nibbleai-meter-bar-active {
+	animation-delay: 80ms;
+}
+
+.nibbleai-meter-bar:nth-child(3n).nibbleai-meter-bar-active {
+	animation-delay: 160ms;
+}
+
+@keyframes nibbleai-meter-pulse {
+	from {
+		transform: scaleY(0.55);
+	}
+	to {
+		transform: scaleY(1);
+	}
+}
+
 /* ── Model Browser Suggestion ── */
 .model-suggestion {
 	padding: 4px 0;