added updater and fixed fonts

src/components/layout/AppShell.module.css

@@ -17,7 +17,7 @@
 }
 
 .title {
-  font-size: 15px;
+  font-size: 0.9375em;
   color: var(--accent-gold);
   letter-spacing: 0.05em;
 }
@@ -32,7 +32,7 @@
   border: 1px solid var(--border);
   color: var(--text-secondary);
   padding: 4px 10px;
-  font-size: 13px;
+  font-size: 0.8125em;
   font-family: 'Cinzel', serif;
   transition: border-color 0.15s, color 0.15s;
 }

src/components/layout/AppShell.tsx

@@ -5,6 +5,7 @@ import LeftPanel from './LeftPanel';
 import CenterPanel from './CenterPanel';
 import RightPanel from './RightPanel';
 import ConfigScreen from '../config/ConfigScreen';
+import UpdateChecker from '../update/UpdateChecker';
 import styles from './AppShell.module.css';
 
 export default function AppShell() {
@@ -46,6 +47,7 @@ export default function AppShell() {
       <header className={styles.header}>
         <span className={`${styles.title} font-cinzel`}>Artificer's Scrollwork</span>
         <div className={styles.headerActions}>
+          <UpdateChecker />
           <button
             className={styles.headerBtn}
             onClick={handleIndexAssets}

src/components/layout/CenterPanel.module.css

@@ -12,7 +12,7 @@
   align-items: center;
   justify-content: center;
   color: var(--text-muted);
-  font-size: 14px;
+  font-size: 0.875em;
   letter-spacing: 0.05em;
 }
 

src/components/layout/LeftPanel.module.css

@@ -20,7 +20,7 @@
   border: none;
   border-right: 1px solid var(--border);
   color: var(--text-secondary);
-  font-size: 11px;
+  font-size: 0.6875em;
   font-family: 'Cinzel', serif;
   letter-spacing: 0.04em;
   transition: background 0.15s, color 0.15s;
@@ -48,7 +48,7 @@
 
 .searchInput {
   width: 100%;
-  font-size: 13px;
+  font-size: 0.8125em;
 }
 
 .content {
@@ -59,6 +59,6 @@
 .placeholder {
   padding: 20px;
   color: var(--text-muted);
-  font-size: 13px;
+  font-size: 0.8125em;
   font-style: italic;
 }

src/components/layout/RightPanel.module.css

@@ -14,7 +14,7 @@
 }
 
 .sectionTitle {
-  font-size: 11px;
+  font-size: 0.6875em;
   color: var(--accent-gold);
   letter-spacing: 0.08em;
   margin-bottom: 10px;
@@ -30,7 +30,7 @@
 .propRow {
   display: flex;
   justify-content: space-between;
-  font-size: 13px;
+  font-size: 0.8125em;
 }
 
 .propLabel {
@@ -40,11 +40,11 @@
 .propValue {
   color: var(--text-primary);
   font-family: 'JetBrains Mono', monospace;
-  font-size: 12px;
+  font-size: 0.75em;
 }
 
 .subTitle {
-  font-size: 10px;
+  font-size: 0.625em;
   color: var(--text-muted);
   letter-spacing: 0.06em;
   text-transform: uppercase;
@@ -53,6 +53,6 @@
 
 .empty {
   color: var(--text-muted);
-  font-size: 13px;
+  font-size: 0.8125em;
   font-style: italic;
 }