Oberleiste etwas kleiner — BAR_H 24→20, Fonts 11→10, Logo 18→15

User-Wunsch: alles etwas kleiner. Konsistent runter:
- BAR_H 24 → 20 (Selects, Buttons, View-Toggle, Live-Zoom, Massstab-Input)
- PILL_H 20 → 18 (Legacy-Pills)
- Sep 22 → 18 hoch, 4 → 3 Margin
- Toolbar-Gap 8 → 6, Padding 4/12/8 → 3/10/6
- Logo "DOSSIER." 18 → 15
- Select-Font 11 → 10, Padding 26/12 → 22/10, Caret-Pos 10 → 8
- View-Toggle: Font 10 → 9, Icon 13 → 12, Padding 10 → 8
- BarButton Icon 13 → 12
- Live-Zoom Font 11 → 10, MinWidth 64 → 56, Padding 12 → 10
- Custom-Massstab-Input: Width 100 → 90, Font 11 → 10

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

src/OberleisteApp.jsx

@@ -64,13 +64,13 @@ function parseScale(input) {
 // Caret rechts — alle in einem rechteckigen Container, sichtbare Trennung
 // zwischen Icon-Kompartiment und Inhalt.
 
-const PILL_H = 20  // alte Pill-Hoehe (Buttons/Chips die nicht migriert sind)
-const BAR_H  = 24  // neue Widget-Hoehe (BarSelect, BarButton, BarGroup)
+const PILL_H = 18  // alte Pill-Hoehe (Buttons/Chips die nicht migriert sind)
+const BAR_H  = 20  // neue Widget-Hoehe (BarSelect, BarButton, BarGroup)
 
 const sep = {
-  width: 1, height: 22,
+  width: 1, height: 18,
   background: 'var(--border)', flexShrink: 0,
-  margin: '0 4px',
+  margin: '0 3px',
 }
 const groupLabel = {
   fontSize: 9, color: 'var(--text-muted)', textTransform: 'uppercase',
@@ -110,12 +110,12 @@ function BarSelect({ icon, value, onChange, title, disabled, width, children, jo
           borderTopRightRadius: joinedRight ? 0 : 999,
           borderBottomRightRadius: joinedRight ? 0 : 999,
           borderRight: joinedRight ? 'none' : '1px solid var(--border)',
-          padding: '0 26px 0 12px',
-          fontSize: 11, fontFamily: 'var(--font)',
+          padding: '0 22px 0 10px',
+          fontSize: 10, fontFamily: 'var(--font)',
           appearance: 'none', WebkitAppearance: 'none',
           backgroundImage: 'var(--select-arrow)',
           backgroundRepeat: 'no-repeat',
-          backgroundPosition: 'right 10px center',
+          backgroundPosition: 'right 8px center',
           cursor: disabled ? 'not-allowed' : 'pointer',
           flexShrink: 0, outline: 'none',
           letterSpacing: 0,
@@ -143,7 +143,7 @@ function BarButton({ icon, onClick, title, disabled, active, joinedLeft }) {
         opacity: disabled ? 0.5 : 1, flexShrink: 0,
         padding: 0,
       }}>
-      <Icon name={icon} size={13}
+      <Icon name={icon} size={12}
             style={{ color: active ? 'var(--bg-panel)' : 'var(--text-muted)' }} />
     </button>
   )
@@ -287,8 +287,8 @@ export default function OberleisteApp() {
     }}>
     {/* === Toolbar (View, Display, Massstab, Snap, Overrides) === */}
     <div style={{
-      display: 'flex', alignItems: 'center', gap: 8,
-      padding: '4px 12px 8px',
+      display: 'flex', alignItems: 'center', gap: 6,
+      padding: '3px 10px 6px',
       overflowX: 'auto', overflowY: 'hidden',
       flexShrink: 0,
     }}>
@@ -305,7 +305,7 @@ export default function OberleisteApp() {
       >
         <span style={{
           fontFamily: "Krungthep, 'Archivo Black', sans-serif",
-          fontSize: 18,
+          fontSize: 15,
           letterSpacing: '-0.02em',
           color: 'var(--text-primary)',
           lineHeight: 1,
@@ -340,7 +340,7 @@ export default function OberleisteApp() {
               onClick={() => setView(v.value)}
               title={`Ansicht ${v.label}`}
               style={{
-                height: BAR_H, padding: '0 10px',
+                height: BAR_H, padding: '0 8px',
                 background: isActive ? 'var(--accent)' : 'var(--bg-item)',
                 color: isActive ? 'var(--bg-panel)' : 'var(--text-primary)',
                 border: '1px solid var(--border)',
@@ -349,12 +349,12 @@ export default function OberleisteApp() {
                 borderBottomLeftRadius: isFirst ? 999 : 0,
                 borderTopRightRadius: isLast ? 999 : 0,
                 borderBottomRightRadius: isLast ? 999 : 0,
-                display: 'inline-flex', alignItems: 'center', gap: 4,
-                fontSize: 10, fontWeight: isActive ? 600 : 500,
+                display: 'inline-flex', alignItems: 'center', gap: 3,
+                fontSize: 9, fontWeight: isActive ? 600 : 500,
                 cursor: 'pointer', flexShrink: 0,
               }}
             >
-              <Icon name={v.icon} size={13} />
+              <Icon name={v.icon} size={12} />
               <span>{v.label}</span>
             </button>
           )
@@ -404,13 +404,13 @@ export default function OberleisteApp() {
       {/* Live-Zoom Chip — pill, accent wenn Massstab anwendbar */}
       <div style={{
         display: 'inline-flex', alignItems: 'center',
-        height: BAR_H, padding: '0 12px',
+        height: BAR_H, padding: '0 10px',
         background: isPerspective ? 'var(--bg-input)' : 'var(--accent)',
         color: isPerspective ? 'var(--text-muted)' : 'var(--bg-panel)',
         border: '1px solid var(--border-light)',
         borderRadius: 999,
-        fontFamily: 'DM Mono, monospace', fontSize: 11, fontWeight: 600,
-        minWidth: 64, justifyContent: 'center', flexShrink: 0,
+        fontFamily: 'DM Mono, monospace', fontSize: 10, fontWeight: 600,
+        minWidth: 56, justifyContent: 'center', flexShrink: 0,
       }} title="Live-Zoom">
         {isPerspective ? '—' : fmtScale(scaleVal)}
       </div>
@@ -427,12 +427,12 @@ export default function OberleisteApp() {
           }}
           onBlur={applyDraft}
           style={{
-            height: BAR_H, width: 100,
+            height: BAR_H, width: 90,
             background: 'var(--bg-item)',
             color: 'var(--text-primary)',
             border: '1px solid var(--border)',
             borderRadius: 999,
-            padding: '0 12px', fontSize: 11,
+            padding: '0 10px', fontSize: 10,
             fontFamily: 'DM Mono, monospace',
             outline: 'none',
           }}