feat(capture): ship tape-line calibration (#99)

frontend/src/capture/MeasurePanel.svelte

@@ -3,6 +3,7 @@
   import type { Capture } from './capture.types';
   import { inToEighths, eighthsToIn } from './capture.types';
   import { fmtEighths } from './session';
+  import { calibrationScale } from '../png/crop';
   import PhotoStage from './PhotoStage.svelte';
   import {
     buildPhotosReadyLineup,
@@ -54,6 +55,12 @@
     return Number.isFinite(inches) && inches > 0 ? inches : null;
   };
 
+  $: tapeScale = calibrationScale(
+    state.axis.tapeLine.start,
+    state.axis.tapeLine.end,
+    positiveInches(String(lengthIn)) ?? 0,
+  );
+
   const commitLength = () => {
     const inches = positiveInches(String(lengthIn));
     const eighths = inches === null ? 0 : inToEighths(inches);
@@ -67,7 +74,7 @@
     thicknessIn = eighths === 0 ? '' : String(eighthsToIn(eighths));
   };
 
-  $: canCalc = positiveInches(String(lengthIn)) !== null && positiveInches(String(thicknessIn)) !== null;
+  $: canCalc = positiveInches(String(lengthIn)) !== null && positiveInches(String(thicknessIn)) !== null && tapeScale > 0;
 
   const doCalc = async () => {
     calcBusy = true;
@@ -93,7 +100,7 @@
 
     <div class="fields">
       <div class="field">
-        <span class="label">Length L</span>
+        <span class="label">Tape length L (distance between ticks)</span>
         <input
           type="number"
           aria-label="Length L"
@@ -121,6 +128,7 @@
         />
       </div>
     </div>
+    <p class="scale">Tape ticks: {Math.hypot(state.axis.tapeLine.end[0] - state.axis.tapeLine.start[0], state.axis.tapeLine.end[1] - state.axis.tapeLine.start[1]).toFixed(1)} source-photo px · Scale {tapeScale.toFixed(2)} px/in</p>
 
     <div class="row">
       <button type="button" class="ghost" on:click={back}>Back</button>
@@ -194,6 +202,7 @@
   .fields { display: flex; gap: 16px; margin-top: 16px; }
   .field { flex: 1; }
   .label { display: block; font-size: 0.9rem; color: #aaa; margin-bottom: 8px; }
+  .scale { margin: 8px 0 0; color: #aaa; font-size: 0.85rem; font-variant-numeric: tabular-nums; }
   .field input {
     box-sizing: border-box; width: 100%; min-height: 52px; padding: 12px; font-size: 1rem;
     border-radius: 10px; border: 1px solid #444; background: #1d1d1d; color: #eee;