Enlarge debug panel text and swatches

index.html

@@ -13,19 +13,19 @@
             position: fixed;
             bottom: 2vh;
             left: 2vh;
-            width: 260px;
+            width: 280px;
             background: rgba(28, 27, 31, 0.85);
             border: 1px solid rgba(230, 223, 209, 0.3);
             border-radius: 0.6vh;
             padding: 1vh 1vw;
             color: var(--bone);
             font-family: monospace;
-            font-size: 10px;
+            font-size: 12px;
             line-height: 1.4;
             z-index: 9999;
         }
         .debug-title {
-            font-size: 12px;
+            font-size: 14px;
             font-weight: bold;
             color: var(--orange);
             border-bottom: 1px solid rgba(230, 223, 209, 0.3);
@@ -33,7 +33,7 @@
             margin-bottom: 6px;
         }
         .debug-section {
-            font-size: 10px;
+            font-size: 12px;
             color: var(--icon);
             margin-top: 6px;
             margin-bottom: 2px;
@@ -58,18 +58,18 @@
             font-family: monospace;
         }
         .swatch {
-            width: 14px;
+            width: 18px;
-            height: 14px;
+            height: 18px;
             border: 1px solid var(--stone);
             border-radius: 2px;
         }
         .theme-table {
-            font-size: 9px;
+            font-size: 11px;
             margin-top: 4px;
         }
         .theme-table-row {
             display: grid;
-            grid-template-columns: 64px 26px 26px 26px 26px 40px;
+            grid-template-columns: 70px 30px 30px 30px 30px 44px;
             gap: 5px;
             align-items: center;
             padding: 1px 0;
@@ -84,14 +84,14 @@
             color: var(--bone);
         }
         .theme-table-mini-swatch {
-            width: 12px;
+            width: 16px;
-            height: 12px;
+            height: 16px;
             border: 1px solid var(--border);
             border-radius: 1px;
         }
         .theme-table-speed {
             color: var(--icon);
-            font-size: 8px;
+            font-size: 10px;
         }
         @media (orientation: portrait) and (max-width: 700px) {
             #debug-panel {