diff --git a/app/hooks/useTimeline.ts b/app/hooks/useTimeline.ts
index 5534791..d991f5b 100644
--- a/app/hooks/useTimeline.ts
+++ b/app/hooks/useTimeline.ts
@@ -82,10 +82,13 @@ export const useTimeline = () => {
   }, [zoomLevel]);
 
   // Zoom functions that update scrubber positions and widths accordingly
-  const handleZoomIn = useCallback(() => {
+  // Zoom is relative to the center point (ruler position) so that the timeline
+  // zooms towards/away from the current playhead position
+  const handleZoomIn = useCallback((centerPx: number = 0) => {
     const currentZoom = zoomLevelRef.current;
     const newZoom = Math.min(MAX_ZOOM, currentZoom * 1.5);
     const zoomRatio = newZoom / currentZoom;
+    const offset = centerPx * (1 - zoomRatio);
 
     zoomLevelRef.current = newZoom;
     setZoomLevel(newZoom);
@@ -96,17 +99,18 @@ export const useTimeline = () => {
         ...track,
         scrubbers: track.scrubbers.map((scrubber) => ({
           ...scrubber,
-          left: scrubber.left * zoomRatio,
+          left: scrubber.left * zoomRatio + offset,
           width: scrubber.width * zoomRatio,
         })),
       })),
     }));
   }, []);
 
-  const handleZoomOut = useCallback(() => {
+  const handleZoomOut = useCallback((centerPx: number = 0) => {
     const currentZoom = zoomLevelRef.current;
     const newZoom = Math.max(MIN_ZOOM, currentZoom / 1.5);
     const zoomRatio = newZoom / currentZoom;
+    const offset = centerPx * (1 - zoomRatio);
 
     zoomLevelRef.current = newZoom;
     setZoomLevel(newZoom);
@@ -117,17 +121,18 @@ export const useTimeline = () => {
         ...track,
         scrubbers: track.scrubbers.map((scrubber) => ({
           ...scrubber,
-          left: scrubber.left * zoomRatio,
+          left: scrubber.left * zoomRatio + offset,
           width: scrubber.width * zoomRatio,
         })),
       })),
     }));
   }, []);
 
-  const handleZoomReset = useCallback(() => {
+  const handleZoomReset = useCallback((centerPx: number = 0) => {
     const currentZoom = zoomLevelRef.current;
     const newZoom = DEFAULT_ZOOM;
     const zoomRatio = newZoom / currentZoom;
+    const offset = centerPx * (1 - zoomRatio);
 
     zoomLevelRef.current = newZoom;
     setZoomLevel(newZoom);
@@ -138,7 +143,7 @@ export const useTimeline = () => {
         ...track,
         scrubbers: track.scrubbers.map((scrubber) => ({
           ...scrubber,
-          left: scrubber.left * zoomRatio,
+          left: scrubber.left * zoomRatio + offset,
           width: scrubber.width * zoomRatio,
         })),
       })),
diff --git a/app/routes/home.tsx b/app/routes/home.tsx
index fa2c737..c9c9d25 100644
--- a/app/routes/home.tsx
+++ b/app/routes/home.tsx
@@ -660,9 +660,9 @@ export default function TimelineEditor() {
         const scrollDirection = e.deltaY > 0 ? -1 : 1;
 
         if (scrollDirection > 0) {
-          handleZoomIn();
+          handleZoomIn(rulerPositionPx);
         } else {
-          handleZoomOut();
+          handleZoomOut(rulerPositionPx);
         }
       }
     };
@@ -673,7 +673,7 @@ export default function TimelineEditor() {
     return () => {
       timelineContainer.removeEventListener("wheel", handleWheel);
     };
-  }, [handleZoomIn, handleZoomOut]);
+  }, [handleZoomIn, handleZoomOut, rulerPositionPx]);
 
   const { user, isLoading: isAuthLoading, isSigningIn, signInWithGoogle, signOut } = useAuth();
 
@@ -924,7 +924,7 @@ export default function TimelineEditor() {
                       <Button
                         variant="ghost"
                         size="sm"
-                        onClick={handleZoomOut}
+                        onClick={() => handleZoomOut(rulerPositionPx)}
                         className="h-6 w-6 p-0 text-xs"
                         title="Zoom Out">
                         <Minus className="h-3 w-3" />
@@ -932,14 +932,14 @@ export default function TimelineEditor() {
                       <Badge
                         variant="secondary"
                         className="text-xs h-4 px-1.5 font-mono cursor-pointer hover:bg-secondary/80 transition-colors"
-                        onClick={handleZoomReset}
+                        onClick={() => handleZoomReset(rulerPositionPx)}
                         title="Click to reset zoom to 100%">
                         {Math.round(zoomLevel * 100)}%
                       </Badge>
                       <Button
                         variant="ghost"
                         size="sm"
-                        onClick={handleZoomIn}
+                        onClick={() => handleZoomIn(rulerPositionPx)}
                         className="h-6 w-6 p-0 text-xs"
                         title="Zoom In">
                         <Plus className="h-3 w-3" />
diff --git a/app/utils/llm-handler.ts b/app/utils/llm-handler.ts
index 23cf283..b2dcc7a 100644
--- a/app/utils/llm-handler.ts
+++ b/app/utils/llm-handler.ts
@@ -156,21 +156,24 @@ export function llmDeleteTrackByNumber(
 // ============================
 
 export function llmZoomIn(
-  handleZoomIn: () => void
+  handleZoomIn: (centerPx?: number) => void,
+  centerPx?: number
 ) {
-  handleZoomIn();
+  handleZoomIn(centerPx);
 }
 
 export function llmZoomOut(
-  handleZoomOut: () => void
+  handleZoomOut: (centerPx?: number) => void,
+  centerPx?: number
 ) {
-  handleZoomOut();
+  handleZoomOut(centerPx);
 }
 
 export function llmZoomReset(
-  handleZoomReset: () => void
+  handleZoomReset: (centerPx?: number) => void,
+  centerPx?: number
 ) {
-  handleZoomReset();
+  handleZoomReset(centerPx);
 }
 
 export function llmSetTimelinePosition(
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6acb83b..1ee5ee1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -2080,11 +2080,11 @@ packages:
     peerDependencies:
       ajv: ^8.8.2
 
-  ajv@6.12.6:
-    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+  ajv@6.14.0:
+    resolution: {integrity: sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==}
 
-  ajv@8.17.1:
-    resolution: {integrity: sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==}
+  ajv@8.18.0:
+    resolution: {integrity: sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==}
 
   ansi-styles@4.3.0:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
@@ -4958,7 +4958,7 @@ snapshots:
 
   '@eslint/eslintrc@3.3.1':
     dependencies:
-      ajv: 6.12.6
+      ajv: 6.14.0
       debug: 4.4.1
       espree: 10.4.0
       globals: 14.0.0
@@ -6272,27 +6272,27 @@ snapshots:
 
   acorn@8.15.0: {}
 
-  ajv-formats@2.1.1(ajv@8.17.1):
+  ajv-formats@2.1.1(ajv@8.18.0):
     optionalDependencies:
-      ajv: 8.17.1
+      ajv: 8.18.0
 
-  ajv-keywords@3.5.2(ajv@6.12.6):
+  ajv-keywords@3.5.2(ajv@6.14.0):
     dependencies:
-      ajv: 6.12.6
+      ajv: 6.14.0
 
-  ajv-keywords@5.1.0(ajv@8.17.1):
+  ajv-keywords@5.1.0(ajv@8.18.0):
     dependencies:
-      ajv: 8.17.1
+      ajv: 8.18.0
       fast-deep-equal: 3.1.3
 
-  ajv@6.12.6:
+  ajv@6.14.0:
     dependencies:
       fast-deep-equal: 3.1.3
       fast-json-stable-stringify: 2.1.0
       json-schema-traverse: 0.4.1
       uri-js: 4.4.1
 
-  ajv@8.17.1:
+  ajv@8.18.0:
     dependencies:
       fast-deep-equal: 3.1.3
       fast-uri: 3.0.6
@@ -6993,7 +6993,7 @@ snapshots:
       '@humanwhocodes/retry': 0.4.3
       '@types/estree': 1.0.8
       '@types/json-schema': 7.0.15
-      ajv: 6.12.6
+      ajv: 6.14.0
       chalk: 4.1.2
       cross-spawn: 7.0.6
       debug: 4.4.1
@@ -8276,15 +8276,15 @@ snapshots:
   schema-utils@3.3.0:
     dependencies:
       '@types/json-schema': 7.0.15
-      ajv: 6.12.6
-      ajv-keywords: 3.5.2(ajv@6.12.6)
+      ajv: 6.14.0
+      ajv-keywords: 3.5.2(ajv@6.14.0)
 
   schema-utils@4.3.3:
     dependencies:
       '@types/json-schema': 7.0.15
-      ajv: 8.17.1
-      ajv-formats: 2.1.1(ajv@8.17.1)
-      ajv-keywords: 5.1.0(ajv@8.17.1)
+      ajv: 8.18.0
+      ajv-formats: 2.1.1(ajv@8.18.0)
+      ajv-keywords: 5.1.0(ajv@8.18.0)
 
   semver@6.3.1: {}