fix: align scale info with floating timeline

src/features/workbench/workspace/workbench-main-frame.tsx

@@ -1,6 +1,7 @@
 import { ArrowLeft, FileChartColumnIncreasing } from "lucide-react";
 import type { ReactNode } from "react";
 import { cn } from "@/shared/ui/cn";
+import { OPERATIONAL_TIMELINE_LAYOUT } from "../operational-timeline/operational-timeline-model";
 import { AnalysisArtifactWorkspace } from "./analysis-document-view";
 import { ArtifactPeekBar } from "./artifact-peek-bar";
 import type {
@@ -14,6 +15,7 @@ type WorkbenchMainFrameProps = {
   mapOverlay?: ReactNode;
   timelineContent: ReactNode;
   timelineMode: "compact" | "expanded" | "summary";
+  reserveMapScaleSpace: boolean;
   activeArtifact: AnalysisArtifact | null;
   pendingArtifact: AnalysisArtifact | null;
   surfaceMode: WorkbenchSurfaceMode;
@@ -30,6 +32,7 @@ export function WorkbenchMainFrame({
   mapOverlay,
   timelineContent,
   timelineMode,
+  reserveMapScaleSpace,
   activeArtifact,
   pendingArtifact,
   surfaceMode,
@@ -111,12 +114,14 @@ export function WorkbenchMainFrame({
       </div>
 
       <div
-        className={cn(
-          "pointer-events-auto absolute bottom-3 left-3 right-3 z-40 mx-auto min-h-0 w-[calc(100%-1.5rem)]",
-          timelineMode === "expanded" && "max-w-[1180px]",
-          timelineMode === "compact" && "max-w-[980px]",
-          timelineMode === "summary" && "max-w-[760px]"
-        )}
+        className="pointer-events-auto absolute bottom-3 left-3 z-40 mx-auto min-h-0"
+        style={{
+          maxWidth: OPERATIONAL_TIMELINE_LAYOUT[timelineMode].maxWidth,
+          right: reserveMapScaleSpace
+            ? OPERATIONAL_TIMELINE_LAYOUT.mapScaleSafeWidth +
+              OPERATIONAL_TIMELINE_LAYOUT.floatingGap
+            : 12
+        }}
       >
         {timelineContent}
       </div>