App shell as the canvas draws it, full lazy Cache tree, styles aligned with the parent projects

Shell: collapsible rail, DNS/Server groups with pins, always-on header with
breadcrumbs and server status, Ctrl/Cmd+K command palette.
Cache: left column is a lazily expanded tree of every zone, right column the
selected node's records; both columns are ReUI Frames.
Styles: dark variant follows data-theme (field and outline fills), 32 px selects,
36 px segmented strip, 40 px caption table heads, 56 px rows, 20/24/32 page padding.

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

src/screens/logs/Logs.module.css

@@ -105,7 +105,7 @@ its edge together).
   display: flex; align-items: center; gap: var(--s-6) var(--s-8); flex-wrap: wrap;
   min-height: var(--s-11);
   font-size: var(--t-1); font-weight: 600; letter-spacing: 0.09em;
-  text-transform: uppercase; color: var(--mute);
+ color: var(--mute);
 }
 .groupCtl { display: flex; align-items: flex-end; gap: var(--s-7); flex-wrap: wrap; }
 .field { display: flex; flex-direction: column; gap: var(--s-3); width: var(--ql-field, auto); }
@@ -268,7 +268,7 @@ to become a summary of what is in front of you.
 }
 .legendTitle {
   font-size: var(--t-1); font-weight: 600; letter-spacing: 0.09em;
-  text-transform: uppercase; color: var(--mute);
+ color: var(--mute);
 }
 .legendItem { display: inline-flex; align-items: center; gap: var(--s-5); font-size: var(--t-2); }
 /* Each entry is the pill itself, the same one the Response Type cell carries,