style: fix Ralph panel info section alignment with CSS grid

Use CSS grid with display:contents for perfect value alignment.
Labels are right-aligned in column 1, values aligned in column 2.

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

src/web/public/styles.css

@@ -656,16 +656,15 @@ body {
 }
 
 .ralph-info-labels {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
+  display: grid;
+  grid-template-columns: auto auto;
+  gap: 0.15rem 0.5rem;
   flex-shrink: 0;
+  align-items: center;
 }
 
 .ralph-info-row {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
+  display: contents;
 }
 
 .ralph-info-label {
@@ -674,8 +673,7 @@ body {
   text-transform: uppercase;
   letter-spacing: 0.3px;
   color: var(--text-muted);
-  width: 60px;
-  flex-shrink: 0;
+  text-align: right;
 }
 
 .ralph-info-unified code {