Compact cli snapshot sizing

Author: Bikram Gole

styles.css

@@ -3268,14 +3268,14 @@ body[data-theme="paper"] .skeleton-line {
   display: flex;
   align-items: center;
   gap: 0.6rem;
-  padding: 0.55rem 0.8rem;
+  padding: 0.45rem 0.7rem;
   background: linear-gradient(180deg, rgba(18, 24, 40, 0.98), rgba(10, 14, 24, 0.98));
   border-bottom: 1px solid rgba(255, 255, 255, 0.08);
 }
 
 .cli-dots {
   width: 44px;
-  height: 10px;
+  height: 9px;
   border-radius: 999px;
   background:
     radial-gradient(circle at 7px 50%, #ff5f57 3px, transparent 4px),
@@ -3291,24 +3291,24 @@ body[data-theme="paper"] .skeleton-line {
 }
 
 .cli-title {
-  font-size: 0.74rem;
+  font-size: 0.68rem;
   letter-spacing: 0.18em;
   text-transform: uppercase;
   color: #dfe9f7;
 }
 
 .cli-sub {
-  font-size: 0.66rem;
+  font-size: 0.6rem;
   color: rgba(184, 205, 234, 0.7);
 }
 
 .cli-badge {
   margin-left: auto;
-  padding: 0.18rem 0.5rem;
+  padding: 0.14rem 0.45rem;
   border-radius: 999px;
   border: 1px solid rgba(120, 160, 220, 0.45);
   background: rgba(8, 14, 24, 0.9);
-  font-size: 0.68rem;
+  font-size: 0.62rem;
   letter-spacing: 0.08em;
   text-transform: uppercase;
   font-family: "JetBrains Mono", "Fira Mono", "Menlo", "Consolas", "Courier New", monospace;
@@ -3317,11 +3317,11 @@ body[data-theme="paper"] .skeleton-line {
 
 .cli-block {
   margin: 0;
-  padding: 0.85rem 1rem 1rem;
+  padding: 0.65rem 0.85rem 0.75rem;
   background: #0a0f18;
   font-family: "JetBrains Mono", "Fira Mono", "Menlo", "Consolas", "Courier New", monospace;
-  font-size: 0.8rem;
-  line-height: 1.55;
+  font-size: 0.74rem;
+  line-height: 1.5;
   color: var(--ink);
   white-space: pre-wrap;
   border: 0;
@@ -3340,7 +3340,7 @@ body[data-theme="paper"] .skeleton-line {
 }
 
 .cli-gap {
-  height: 0.35rem;
+  height: 0.22rem;
 }
 
 .repo-meta {