style(shared,archive,browse,mdedit): replace inline styles with CSS

Six inline style="" attributes in archive, browse, mdedit templates
moved into stylesheets:

- The font-size:1.1rem override on #refreshHeaderBtn (three tools) is
  now a single rule in shared/base.css — the refresh ⟳ glyph genuinely
  reads smaller than ◐ / ?, so the rule lives next to the existing
  shared icon-button block.
- The flex-start justify-content + select-all margin on archive's
  Revisions column header become a .th-content--start variant +
  .select-all-checkbox class in archive/css/table.css.
- The 450px initial width + 200px min-width on mdedit's #file-nav move
  into mdedit/css/base.css; the runtime resizer continues to override
  via inline style.width when the user drags.

No visual change — the output is exactly equivalent.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

archive/css/table.css

@@ -31,6 +31,17 @@
     cursor: default;
 }
 
+/* Variant: content packs at the start instead of distributing across the
+   column header. Used by the Revisions column where a leading "select all"
+   checkbox sits beside the column title. */
+.th-content--start {
+    justify-content: flex-start;
+}
+
+.th-content--start .select-all-checkbox {
+    margin-right: 0.5rem;
+}
+
 .sortable .th-content {
     cursor: pointer;
 }

archive/template.html

@@ -33,7 +33,7 @@
                     <span class="build-timestamp">{{BUILD_LABEL}}</span>
                 </div>
                 <button id="addDirectoryBtn" class="btn btn-primary">Add Local Directory</button>
-                <button id="refreshHeaderBtn" class="btn btn-secondary hidden" title="Refresh Data" style="font-size:1.1rem;">⟳</button>
+                <button id="refreshHeaderBtn" class="btn btn-secondary hidden" title="Refresh Data">⟳</button>
             </div>
             <div class="header-right">
                 <button id="theme-btn" class="btn btn-secondary" title="Theme: auto (follows OS)" aria-label="Theme: auto (follows OS)">◐</button>
@@ -169,11 +169,11 @@
                                     <div class="resize-handle"></div>
                                 </th>
                                 <th class="resizable" data-field="revisions">
-                                    <div class="th-content" style="justify-content: flex-start;">
+                                    <div class="th-content th-content--start">
-                                        <input type="checkbox" 
+                                        <input type="checkbox"
-                                               id="selectAllVisibleCheckbox" 
+                                               id="selectAllVisibleCheckbox"
-                                               title="Select/deselect all visible files"
+                                               class="select-all-checkbox"
-                                               style="margin-right: 0.5rem;">
+                                               title="Select/deselect all visible files">
                                         <span>Revisions</span>
                                     </div>
 <input type="text" 

browse/template.html

@@ -25,7 +25,7 @@
                 <span class="build-timestamp">{{BUILD_LABEL}}</span>
             </div>
             <button id="addDirectoryBtn" class="btn btn-primary">Add Local Directory</button>
-            <button id="refreshHeaderBtn" class="btn btn-secondary hidden" title="Refresh listing" aria-label="Refresh listing" style="font-size:1.1rem;">⟳</button>
+            <button id="refreshHeaderBtn" class="btn btn-secondary hidden" title="Refresh listing" aria-label="Refresh listing">⟳</button>
         </div>
         <div class="header-right">
             <button id="theme-btn" class="btn btn-secondary" title="Theme: auto (follows OS)" aria-label="Theme: auto (follows OS)">◐</button>

mdedit/css/base.css

@@ -403,3 +403,11 @@
     justify-content: flex-end;
     gap: 0.5rem;
 }
+
+/* File-nav pane: initial width + minimum size. Runtime resizer (resizer.js)
+   overrides via inline style.width when the user drags; the min-width here
+   is a defensive backstop. */
+#file-nav {
+    width: 450px;
+    min-width: 200px;
+}

mdedit/template.html

@@ -30,7 +30,7 @@
                     <span class="build-timestamp">{{BUILD_LABEL}}</span>
                 </div>
                 <button id="addDirectoryBtn" class="btn btn-primary" title="Add a local directory">Add Local Directory</button>
-                <button id="refreshHeaderBtn" class="btn btn-secondary hidden" title="Refresh directory" aria-label="Refresh" style="font-size:1.1rem;">⟳</button>
+                <button id="refreshHeaderBtn" class="btn btn-secondary hidden" title="Refresh directory" aria-label="Refresh">⟳</button>
             </div>
             <div class="header-right">
                 <button id="theme-btn" class="btn btn-secondary" title="Theme: auto (follows OS)" aria-label="Theme: auto (follows OS)">◐</button>
@@ -40,7 +40,7 @@
 
         <main class="flex-1 overflow-hidden relative">
             <div class="resizable-pane horizontal flex flex-row relative w-full h-full overflow-hidden" id="root-pane" data-pane-type="root">
-                <div class="pane nav-pane relative flex flex-col bg-white dark:bg-gray-900 overflow-hidden" id="file-nav" data-pane-type="file-nav" style="width: 450px; min-width: 200px;">
+                <div class="pane nav-pane relative flex flex-col bg-white dark:bg-gray-900 overflow-hidden" id="file-nav" data-pane-type="file-nav">
                     <div class="pane-header flex flex-col px-4 py-2 bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-200 font-medium border-b border-gray-200 dark:border-gray-700 select-none">
                         <div class="flex justify-between items-center w-full">
                             <span>Files</span>

shared/base.css

@@ -327,6 +327,11 @@ a:hover {
     font-size: 1rem;
 }
 
+/* The refresh ⟳ glyph renders slightly smaller than ◐ / ? — bump to match. */
+#refreshHeaderBtn {
+    font-size: 1.1rem;
+}
+
 /* Toast CSS lives in classifier/css/base.css — only that tool uses toasts. */
 
 /* ── Theme and help icon buttons ─────────────────────────────────────────── */