Extract EditorTooltip component for consistent tooltip positioning

Refactored tooltip markup into reusable EditorTooltip component used by
both ScoreCube and VehicleEditor. Tooltip now consistently appears in
top right corner of the editor section.

src/lib/EditorTooltip.svelte

@@ -0,0 +1,32 @@
+<script>
+    export let text = '';
+</script>
+
+<div class="editor-tooltip-wrapper">
+    <span class="tooltip-trigger">?
+        <span class="tooltip-content">{text}</span>
+    </span>
+    <div class="editor-tooltip-content">
+        <slot />
+    </div>
+</div>
+
+<style>
+    .editor-tooltip-wrapper {
+        position: relative;
+        width: 100%;
+    }
+
+    .tooltip-trigger {
+        position: absolute;
+        top: 0;
+        right: 0;
+        z-index: 1;
+    }
+
+    .editor-tooltip-content {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+</style>

src/lib/save-editor/ScoreCube.svelte

@@ -2,6 +2,7 @@
     import { onMount, onDestroy } from 'svelte';
     import { ScoreCubeRenderer } from '../../core/rendering/ScoreCubeRenderer.js';
     import { WdbParser, findRoi } from '../../core/formats/WdbParser.js';
+    import EditorTooltip from '../EditorTooltip.svelte';
 
     export let missions = {};
     export let onUpdate = () => {};
@@ -120,12 +121,8 @@
     }
 </script>
 
+<EditorTooltip text="Click on the cube to cycle high scores. Changes are automatically saved.">
     <div class="score-cube-container">
-    <div class="score-cube-header">
-        <span class="tooltip-trigger">?
-            <span class="tooltip-content">Click on the cube to cycle high scores. Changes are automatically saved.</span>
-        </span>
-    </div>
         <canvas
             bind:this={canvas}
             width="200"
@@ -145,19 +142,13 @@
             <div class="overlay error">Error: {error}</div>
         {/if}
     </div>
+</EditorTooltip>
 
 <style>
     .score-cube-container {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
         position: relative;
         min-width: 0;
-    }
+        margin-top: 16px;
-
-    .score-cube-header {
-        align-self: flex-end;
-        margin-bottom: 4px;
     }
 
     canvas {

src/lib/save-editor/VehicleEditor.svelte

@@ -11,6 +11,7 @@
     } from '../../core/savegame/constants.js';
     import NavButton from '../NavButton.svelte';
     import ResetButton from '../ResetButton.svelte';
+    import EditorTooltip from '../EditorTooltip.svelte';
 
     export let slot;
     export let onUpdate = () => {};
@@ -180,13 +181,7 @@
 
 </script>
 
-<div class="vehicle-editor">
+<EditorTooltip text="Click on the part to cycle through colors. Changes are automatically saved.">
-    <div class="vehicle-editor-header">
-        <span class="tooltip-trigger">?
-            <span class="tooltip-content">Click on the part to cycle through colors. Changes are automatically saved.</span>
-        </span>
-    </div>
-
     <!-- 3D Preview (clickable to cycle color) -->
     <div class="preview-container">
         <canvas
@@ -226,20 +221,9 @@
             <ResetButton onclick={resetColor} />
         {/if}
     </div>
-</div>
+</EditorTooltip>
 
 <style>
-    .vehicle-editor {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-    }
-
-    .vehicle-editor-header {
-        align-self: flex-end;
-        margin-bottom: 4px;
-    }
-
     .preview-container {
         position: relative;
     }