From ec05d58fdab92582c7922e7e5333117eacf8518a Mon Sep 17 00:00:00 2001
From: Akanksha Trehun <akankshatrehun@gmail.com>
Date: Wed, 21 Oct 2026 10:48:56 +0530
Subject: [PATCH 01/11] feat: redesign editor UI, remove animation overhead,
 add perf instrumentation

UI
- One design system on the existing tokens (--bg/--surface/--border/--text/
  --muted unchanged) plus surface-2, border-strong, accent-text, on-accent,
  focus, status, radius and motion tokens; film-red accent used sparingly
- System font stack (no font requests); defines the font-heading/display and
  animate-fade-in utilities that were used everywhere but never existed
- Editor layout: preview first with a toolbar below it, edit tools as
  accordions with value summaries, sticky Output panel with pinned Export
- High-contrast theme is now reachable (toggle + prefers-contrast)
- Clearer upload, export, error/retry and success states; honest format and
  size copy; shared .btn/.choice/.field component classes

Performance
- Remove the universal transition and `transition: all`; reduced-motion support
- Stop re-rendering the editor on every timeupdate; debounce URL sync
- Thumbnails: capped, abortable, seek timeouts, batched, URLs revoked
- Lazy-load Datadog; drop looping Lottie animations; fix privacy-banner CLS
- Worker: dedupe progress, always pass -t (#1289 only patched the unused
  copy), cap encoder threads under cross-origin isolation (core-mt deadlock)
- Restart the worker after a failed export; settle loads on terminate

Telemetry: privacy-safe export/ffmpeg/thumbnail events and duration vitals,
action-name masking, query strings stripped.

Tests: 61 new (175 total). Lighthouse mobile (local build): 86 -> 100,
LCP 3.40s -> 1.12s, CLS 0.096 -> 0. See docs/PERFORMANCE.md.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .gitignore                                    |    5 +
 .storybook/preview.css                        |    8 +-
 docs/PERFORMANCE.md                           |  284 +++++
 scripts/perf/bench.js                         |  198 ++++
 scripts/perf/browser.js                       |   18 +
 scripts/perf/lighthouse.sh                    |   25 +
 scripts/perf/make-fixture.js                  |   45 +
 scripts/perf/motion.js                        |   27 +
 scripts/perf/serve.mjs                        |   41 +
 src/app/contact/page.tsx                      |   14 +-
 src/app/globals.css                           |  466 ++++++--
 src/app/layout.tsx                            |   55 +-
 src/app/not-found.tsx                         |    6 +-
 src/app/page.tsx                              |   18 +-
 src/app/privacy/page.tsx                      |    6 +-
 src/components/AdjustmentsControl.tsx         |   74 ++
 src/components/AudioSpeedControl.tsx          |   76 +-
 src/components/ColorPicker.tsx                |   14 +-
 src/components/ComparisonPreview.tsx          |    4 +-
 src/components/DatadogInit.tsx                |   86 +-
 src/components/DownloadResult.tsx             |  144 ++-
 src/components/DraggableTextOverlays.tsx      |    2 +-
 src/components/ExportOverlay.tsx              |  154 +--
 src/components/ExportSettings.tsx             |   52 +-
 src/components/FileUpload.tsx                 |  279 ++---
 src/components/FontSelector.tsx               |    4 +-
 src/components/Footer.tsx                     |   32 +-
 src/components/FormatSelector.tsx             |   24 +-
 src/components/FramingControl.tsx             |   19 +-
 src/components/ImageOverlay.tsx               |   24 +-
 src/components/NativeShareButton.tsx          |    6 +-
 src/components/OnboardingTour.tsx             |   14 +-
 src/components/PresetSelector.tsx             |   71 +-
 src/components/PrivacyBanner.tsx              |   30 +-
 src/components/RotateControl.tsx              |   14 +-
 src/components/ScrollToTop.tsx                |   10 +-
 src/components/TextControls.tsx               |    2 +-
 src/components/ThemeProvider.tsx              |   70 +-
 src/components/ThemeToggle.tsx                |   73 +-
 src/components/ThumbnailStrip.tsx             |  596 ++++------
 src/components/TipCarousel.tsx                |   80 +-
 src/components/TrimControl.tsx                |   34 +-
 src/components/VideoEditor.tsx                | 1005 +++++++----------
 src/components/VideoPreview.tsx               |  215 ++--
 src/components/__tests__/performance.test.tsx |  255 +++++
 src/components/components.tsx                 |   10 +-
 src/components/ui/BaseButton.tsx              |   24 +-
 src/hooks/tests/useVideoEditor.export.test.ts |  194 ++++
 src/hooks/tests/useVideoEditor.test.ts        |    3 +
 src/hooks/useKeyboardShortcuts.ts             |   18 +-
 src/hooks/useVideoEditor.ts                   |  172 ++-
 src/lib/exportEstimate.test.ts                |    8 +-
 src/lib/ffmpeg.ts                             |   73 +-
 src/lib/ffmpeg.worker.ts                      |   51 +-
 src/lib/telemetry.ts                          |  134 ++-
 src/lib/tests/ffmpegClient.test.ts            |  165 +++
 src/lib/tests/telemetry.test.ts               |   91 ++
 src/lib/tests/thumbnails.test.ts              |  156 +++
 src/lib/thumbnails.ts                         |  195 ++++
 tailwind.config.ts                            |   49 +-
 60 files changed, 3999 insertions(+), 2023 deletions(-)
 create mode 100644 docs/PERFORMANCE.md
 create mode 100644 scripts/perf/bench.js
 create mode 100644 scripts/perf/browser.js
 create mode 100755 scripts/perf/lighthouse.sh
 create mode 100644 scripts/perf/make-fixture.js
 create mode 100644 scripts/perf/motion.js
 create mode 100644 scripts/perf/serve.mjs
 create mode 100644 src/components/AdjustmentsControl.tsx
 create mode 100644 src/components/__tests__/performance.test.tsx
 create mode 100644 src/hooks/tests/useVideoEditor.export.test.ts
 create mode 100644 src/lib/tests/ffmpegClient.test.ts
 create mode 100644 src/lib/tests/telemetry.test.ts
 create mode 100644 src/lib/tests/thumbnails.test.ts
 create mode 100644 src/lib/thumbnails.ts

diff --git a/.gitignore b/.gitignore
index 1d982f0b4..fa2d8350c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -50,3 +50,8 @@ chromatic.log
 
 # Local Netlify folder
 .netlify
+
+# Local performance measurement output (docs/PERFORMANCE.md)
+scripts/perf/lh/
+scripts/perf/fixtures/
+bench-*.json
diff --git a/.storybook/preview.css b/.storybook/preview.css
index a6942d212..cf593925f 100644
--- a/.storybook/preview.css
+++ b/.storybook/preview.css
@@ -1,10 +1,10 @@
 /*
  * Snapshot stability for Chromatic.
  *
- * src/app/globals.css applies a 200ms transition to *every* element
- * (`*, *::before, *::after`) and several components animate on mount. A visual
- * regression service screenshots at an arbitrary moment, so those in-flight
- * transitions produce diffs that have nothing to do with a real change.
+ * Components use short, targeted transitions (globals.css no longer transitions
+ * every element) and a few animate on mount. A visual regression service
+ * screenshots at an arbitrary moment, so any in-flight transition produces a
+ * diff that has nothing to do with a real change.
  *
  * Freezing them here makes every story render at its settled end state. This
  * only affects the Storybook preview iframe — the app itself still animates.
diff --git a/docs/PERFORMANCE.md b/docs/PERFORMANCE.md
new file mode 100644
index 000000000..a093740a7
--- /dev/null
+++ b/docs/PERFORMANCE.md
@@ -0,0 +1,284 @@
+# Performance
+
+This document records Reframe's performance targets, how to measure them, and
+the results that have actually been collected. Anything not measured is
+labelled **goal**. Lab numbers (Lighthouse, scripted Chrome) are not field
+data and don't prove real-user performance.
+
+## Targets
+
+| Metric | Target | Status |
+|---|---|---|
+| Lighthouse mobile performance | ≥ 90 | **Met in lab**: 100 (local production build) |
+| Largest Contentful Paint | ≤ 2.5 s | **Met in lab**: 1.12 s (simulated mobile) |
+| Interaction to Next Paint | ≤ 200 ms | **Goal**: no field data yet. Lab proxy: slowest input event during a 30-step slider drag was 32–40 ms |
+| Cumulative Layout Shift | ≤ 0.1 | **Met in lab**: 0 (was 0.096) |
+| Long tasks (> 50 ms) during normal editing | Minimise | **Met in lab**: 0 during 5 s playback and a 30-step slider drag |
+| UI responsiveness during export | No prolonged blocking | **Met in lab**: 0 long tasks, worst frame gap 17–33 ms across all exports |
+| Export regression tests | All pass | **Met**: `bun run test`, 175 tests |
+| Resource cleanup | No accumulation over export/cancel cycles | **Met in lab**: worker count stable over 3 export→cancel cycles |
+
+Field targets (INP, LCP and CLS at p75) need Datadog RUM data with enough
+traffic. They are goals until that data exists.
+
+## Test environment (for every number below)
+
+- Apple M3 Pro (11 cores, 18 GB RAM), macOS 26.3.1
+- Chrome 155.0.8059.85 (headless), Lighthouse 13.5.0
+- Lighthouse runs use the default mobile preset: simulated throttling, 4× CPU
+  slowdown, 150 ms RTT, ~1.6 Mbps.
+- **Local production build** (`bun run build`, the static `out/` directory),
+  served by `scripts/perf/serve.mjs` with brotli. Unless stated otherwise it
+  sends the same COOP/COEP and security headers as `vercel.json`.
+- Interaction benchmarks use a 1440×1000 viewport and a synthetic fixture: 6.02 s,
+  640×360, H.264 + AAC, 571 KB, generated by `scripts/perf/make-fixture.js`.
+- "Before" is `main` at `4af01e5`; "after" is this branch.
+
+## Results
+
+### First page load (Lighthouse mobile, median of 5)
+
+| | Perf | FCP | LCP | TBT | CLS | A11y | Transfer |
+|---|---|---|---|---|---|---|---|
+| Before (local build) | 86 | 2.38 s | 3.40 s | 47 ms | 0.096 | 95 | 315 KB |
+| **After (local build)** | **100** | **0.90 s** | **1.12 s** | **19 ms** | **0** | **100** | **258 KB** |
+| Live deployment, before (3 runs, 2026-10-21) | 91 | 1.79 s | 2.80 s | 36 ms | 0.096 | 92 | 280 KB |
+
+Where the gain came from (Lighthouse diagnostics, before → after):
+
+- **Render-blocking Google Fonts `@import` removed.** It loaded Inter, Roboto,
+  Poppins and Montserrat. No CSS used them, and Lighthouse attributed about
+  930 ms of blocking to it. The UI now uses the platform font stack, with no
+  font requests at all.
+- **CLS 0.096 → 0.** The privacy notice mounted hidden and then appeared after
+  hydration, pushing the upload area down. It now renders in the static HTML;
+  for visitors who dismissed it, an inline script hides it before first paint.
+- **Less JavaScript before first paint.** The Datadog SDK (~53 KB) now loads
+  as a separate chunk at idle, and the looping Lottie upload animation
+  (`lottie-web`, ~63 KB) is replaced by a static icon. Lottie now loads only
+  for the one-shot success animation.
+
+### Motion audit (landing page; `scripts/perf/motion.js`)
+
+| | Elements with an active transition | With `prefers-reduced-motion: reduce` | Infinite animations |
+|---|---|---|---|
+| Before | 357 of 357 (every element) | 362 of 362 (reduced motion ignored) | 2 |
+| **After** | **48** (interactive controls only) | **0** | **0** |
+
+### Editing interactions (same single-threaded engine in both builds)
+
+| Scenario | Metric | Before | After |
+|---|---|---|---|
+| 5 s of playback | Page script time | 40 ms | **5 ms** |
+| | Style recalculations | 80 | **33** |
+| | Long tasks | 0 | 0 |
+| 30 brightness steps, 40 ms apart | Main-thread task time | 275 ms | **133–143 ms** |
+| | Style recalculations | 103 | **38** |
+| | Input events ≥ 16 ms | 58 | **24–26** |
+| | Slowest input event | 32 ms | 32–40 ms |
+| | `history.replaceState` calls | 62 | **2** |
+| Upload → preview ready | | 236 ms | 223–317 ms |
+| Upload → frame strip done (4 frames) | | 516 ms | 440–633 ms |
+
+Upload timings with this small fixture vary by about ±100 ms between runs.
+Neither build shows a meaningful difference there.
+
+### Export (`scripts/perf/bench.js`)
+
+| Output | Before, single-thread | After, single-thread | After, multi-thread (COOP/COEP) |
+|---|---|---|---|
+| 1280×720 MP4 | 5.17 s | 5.19 s | **1.22 s** |
+| 1920×1080 MP4 | 11.09 s | 11.43 s | **2.57 s** |
+| 1080×1920 MP4 | 7.33 s | 7.36 s | **1.74 s** |
+| Before, multi-thread | did not finish: stuck at 0% for 60 s+ (headed and headless) | | |
+
+All three columns had 0 long tasks during export and a worst frame gap of
+17–33 ms. Encoding stays in the worker, so playback and ordinary controls
+stay responsive.
+
+| Lifecycle scenario | Before | After |
+|---|---|---|
+| Cancel → editor idle | 8–198 ms | 9–24 ms |
+| Workers alive across 3 export→cancel cycles, single-thread | 3, 1, 3 | 3, 3, 3 |
+| Same, multi-thread | n/a (exports hang) | 35 → 35 → 35, stable (1 + inner worker + pthread pool) |
+| Engine restart after cancel (from HTTP cache) | 2.87 s | 2.5–2.95 s |
+| Engine download blocked, then Retry | "Error: Failed to fetch"; retry OK | Actionable message; retry OK (5.7 s total including download and 1080p export) |
+
+## Problems found and fixed
+
+1. **Global transitions.** `*, *::before, *::after` transitioned colour
+   properties on every node, and `button { transition: all }` applied
+   everywhere. Both are gone. Controls use explicit 120–220 ms transitions,
+   and theme changes crossfade only for 200 ms around an explicit toggle.
+2. **Playback re-rendered the whole editor.** `useVideoEditor` mirrored
+   `timeupdate` into React state through an effect with no dependency array,
+   which re-subscribed on every render. The playhead is now read on demand,
+   and only the frame strip subscribes; it updates state only when the
+   active frame changes.
+3. **The URL updated on every slider tick.** `history.replaceState` ran on
+   every recipe change; it is now debounced to 250 ms. Safari throws after
+   100 calls in 30 s. The sync also wrote `textOverlays` (an array) into the
+   query string as `"[object Object]"`, which broke reloads.
+4. **Thumbnail extraction.**
+   - Frame count is now capped at 48 for long videos.
+   - Every seek has a timeout; before, a seek that never fired `seeked`
+     hung forever.
+   - Work is abortable, and every object URL is either handed off or revoked.
+   - The decoder is released when extraction finishes.
+   - React updates arrive in batches of 6 frames.
+   - The first frame no longer renders black: extraction waits for
+     `loadeddata`, not `loadedmetadata`.
+   - Failures show a recoverable message with a retry.
+5. **Progress was flooded.** FFmpeg reports progress per frame; both the
+   worker and the client now forward only whole-percent changes. The dialog
+   also opened at "100%", left over from engine load; it now starts at 0%.
+6. **Duplicate metadata load per export.** The export now reuses the
+   duration the editor already has.
+7. **A failed export could poison the next one.** After a non-cancel failure
+   the worker is restarted, so Retry starts from a clean engine and
+   filesystem. Settings are always kept.
+8. **Terminating during engine load left the load promise pending forever.**
+   It now rejects.
+9. **The `-t` output-duration fix (#1289) never reached the worker.** It only
+   changed the unused main-thread copy of `buildArguments`. The worker now
+   always passes `-t`, which prevents endless exports with looped music on
+   silent clips.
+10. **The multi-threaded core deadlocked.** On "auto" thread count,
+    libx264/libvpx asked for more threads than the core-mt pthread pool holds.
+    Encoder threads are now capped at 4 when cross-origin isolated (see
+    "Cross-origin isolation" below).
+11. **`ResizeObserver` for preview sizing.** It replaces a `window` resize
+    listener that missed layout-driven size changes. Sub-pixel changes no
+    longer re-render.
+12. **A drop on the drop zone was handled twice**, once by the zone and once
+    by the document listener, so validation and metadata extraction ran twice.
+
+## Cross-origin isolation: production finding (needs a maintainer)
+
+The live deployment sends **none** of the headers in `vercel.json`. On
+2026-10-21, `curl -sI https://reframe-lilac.vercel.app/` showed only Vercel's
+default `strict-transport-security`: no COOP/COEP, `X-Frame-Options`,
+`X-Content-Type-Options`, `Referrer-Policy` or `Permissions-Policy`.
+
+The likely cause is that `vercel.json` combines the legacy `routes` key with
+`headers`, which Vercel documents as mutually exclusive. This has not been
+verified on Vercel. Consequences:
+
+- Production runs the **single-threaded** core (exports are 4–4.5× slower
+  than multi-threaded in the table above).
+- The intended security headers are not applied.
+- Until this branch, **turning the headers on would have broken exports**:
+  the multi-threaded path deadlocked (fix 10).
+
+`vercel.json` is deliberately unchanged here. Suggested follow-up: remove the
+`routes` block (`handle: filesystem` is already the default for static
+output), deploy a preview, confirm the headers with `curl -sI`, and run an
+export on the preview before promoting it.
+
+## Datadog RUM
+
+Configured in `src/components/DatadogInit.tsx`, with helpers in
+`src/lib/telemetry.ts`.
+
+- The SDK loads lazily at idle. Calls made before it is ready are queued
+  (up to 50) and replayed. Every call is wrapped, so a telemetry failure can
+  never interrupt editing.
+- Session replay stays disabled (`sessionReplaySampleRate: 0`).
+- Privacy:
+  - `enablePrivacyForActionName: true`, because auto-named clicks could
+    otherwise carry the file name.
+  - `beforeSend` strips query strings, where recipe settings live, from view
+    URLs and referrers, and drops `blob:` resources.
+  - Custom events carry only buckets and enums, never file names, captions,
+    paths or exact values.
+- `NEXT_PUBLIC_DATADOG_ENV` (default `production`) lets local and preview
+  runs be separated.
+
+| Event | Type | Properties |
+|---|---|---|
+| `ffmpeg_init` | duration vital + action | `threading` (`multi`/`single`), `durationMs` |
+| `ffmpeg_load_success` / `ffmpeg_load_failure` | action | `durationMs`, `threading` / `reason` |
+| `export_start` | action | `format`, `resolution` bucket, `input_size` bucket, `clip_length` bucket, `has_text`, `has_music`, `has_image_overlay` |
+| `export` | duration vital + action | encoding time only (engine start is `ffmpeg_init`) + the above |
+| `export_success` | action | the above + `output_size` bucket, `durationMs` |
+| `export_failure` | action | the above + `stage` (`engine`/`encode`), `category` (`engine`/`network`/`codec`/`memory`/`ffmpeg`) |
+| `export_cancel` | action | `stage`, `durationMs` |
+| `thumbnails_generated` | duration vital + action | `frames`, `skipped`, `durationMs` |
+| `thumbnails_failed` | action | `reason` (`timeout`/`decode`) |
+| Global context | — | `cross_origin_isolated`, `shared_array_buffer`, `cpu_cores` bucket, `device_memory_gb` bucket, `reduced_motion` |
+
+Slow interactions and long tasks come from RUM's built-in collection
+(`trackLongTasks: true`, plus INP/LCP/CLS on view events), so no custom code
+duplicates them.
+
+Suggested dashboard widgets (not created here; there is no Datadog account
+access from this change):
+- p75 `@view.interaction_to_next_paint`, `@view.largest_contentful_paint`
+  and `@view.cumulative_layout_shift`, by `@device.type`.
+- p50/p90 of the `export` vital by `@context.resolution` and
+  `@context.cross_origin_isolated`.
+- Count of `export_failure` by `@context.category` and `@context.stage`.
+- p90 of the `ffmpeg_init` vital by `@context.threading`.
+
+## How to measure
+
+```bash
+# Unit/regression tests (CI-safe; no real video or network)
+bun run test
+
+# Production build served like production
+bun run build
+node scripts/perf/serve.mjs out 4300              # with COOP/COEP (vercel.json intent)
+NOISO=1 node scripts/perf/serve.mjs out 4301      # without (what production serves today)
+
+# Lighthouse, mobile preset, 5 runs, prints per-run and median
+scripts/perf/lighthouse.sh http://localhost:4300/ local 5
+scripts/perf/lighthouse.sh https://reframe-lilac.vercel.app/ live 3
+
+# Browser scenarios need puppeteer-core (not a project dependency)
+npm i --no-save puppeteer-core     # or: PUPPETEER_CORE=/path/to/puppeteer-core
+node scripts/perf/make-fixture.js 6 640 360 scripts/perf/fixtures/sample-6s.mp4 http://localhost:4300/privacy
+node scripts/perf/bench.js http://localhost:4300/ after scripts/perf/fixtures/sample-6s.mp4
+node scripts/perf/motion.js after=http://localhost:4300/
+```
+
+`bench.js` covers:
+- upload and metadata
+- 5 s of playback
+- rapid slider adjustment
+- thumbnail generation
+- a failed engine load (CDN blocked) followed by retry
+- exports at 720p, 1080p and 1080×1920
+- three export→cancel cycles with worker counts
+- an export after cancelling
+
+It writes `bench-<label>.json`. Exports fetch the FFmpeg core from jsDelivr,
+so they need network access. These scenarios are not part of CI.
+
+Local builds with Datadog keys in `.env.local` send real RUM events. Set
+`NEXT_PUBLIC_DATADOG_ENV=local-perf` (or leave the keys unset) when
+benchmarking.
+
+## Known bottlenecks and limitations
+
+- **Memory.**
+  - Export reads the whole input into an `ArrayBuffer`. It is *transferred*,
+    not copied, main → worker → FFmpeg's worker; the results come back the
+    same way. Then MEMFS copies it into the WASM heap, so peak memory is
+    about 2× the input, plus the output.
+  - Mounting the `File` with WORKERFS would avoid both copies. It is the
+    highest-value next step for large files, but it changes how inputs are
+    addressed and needs browser validation.
+- **Large-file benchmarks were not run.** The ~100 MB and ~500 MB scenarios
+  need representative real footage; `make-fixture.js` records in real time
+  and isn't suited to that. These remain goals.
+- **Duplicated FFmpeg logic.** `ffmpeg.ts` and `ffmpeg.worker.ts` each have
+  their own `buildVideoFilter`/`buildArguments`. Only the worker's copy runs,
+  but unit tests exercise the main-thread copy. Consolidating them would stop
+  fixes landing in the wrong copy, as happened with #1289.
+- **Cancellation terminates the worker.** It is reliable, but the next
+  export recompiles the engine (~2.5 s from HTTP cache).
+- **Blob URLs from engine load are held for the worker's lifetime** (~32 MB);
+  terminating the worker releases them.
+- **No field data yet.** The INP target in particular is unverified until
+  RUM shows p75 values.
diff --git a/scripts/perf/bench.js b/scripts/perf/bench.js
new file mode 100644
index 000000000..5758b7fb6
--- /dev/null
+++ b/scripts/perf/bench.js
@@ -0,0 +1,198 @@
+// Interaction benchmarks for Reframe. Usage: node bench.cjs <url> <label> <fixture>
+// Runs the same scenarios against any build; selectors are chosen to exist in
+// both the baseline and the redesigned UI.
+const fs = require("fs");
+const { launch } = require("./browser.js");
+const [url, label, fixture] = process.argv.slice(2);
+const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+const out = { label, url, fixture, scenarios: {} };
+
+async function metrics(cdp) {
+  const { metrics } = await cdp.send("Performance.getMetrics");
+  return Object.fromEntries(metrics.map((m) => [m.name, m.value]));
+}
+function delta(a, b, keys) {
+  return Object.fromEntries(keys.map((k) => [k, +(b[k] - a[k]).toFixed(k.endsWith("Duration") ? 3 : 0)]));
+}
+const KEYS = ["ScriptDuration", "TaskDuration", "LayoutCount", "RecalcStyleCount"];
+
+async function instrument(page) {
+  await page.evaluateOnNewDocument(() => {
+    window.__lt = []; window.__ev = []; window.__rs = 0;
+    new PerformanceObserver((l) => l.getEntries().forEach((e) => window.__lt.push(e.duration))).observe({ type: "longtask", buffered: true });
+    new PerformanceObserver((l) => l.getEntries().forEach((e) => window.__ev.push({ n: e.name, d: e.duration }))).observe({ type: "event", durationThreshold: 16, buffered: true });
+    const orig = History.prototype.replaceState;
+    History.prototype.replaceState = function (...a) { window.__rs++; return orig.apply(this, a); };
+    localStorage.setItem("reframe_onboarding_complete", "1");
+    localStorage.setItem("theme", "light");
+  });
+}
+
+async function openEditor(page) {
+  await page.goto(url, { waitUntil: "networkidle0" });
+  const t0 = Date.now();
+  const input = await page.$('input[type="file"][accept="video/*"]');
+  await input.uploadFile(fixture);
+  await page.waitForFunction(() => { const v = document.querySelector("video"); return v && v.readyState >= 2; }, { timeout: 20000 });
+  const previewMs = Date.now() - t0;
+  await page.waitForFunction(() => /\d+ frames/.test(document.body.innerText), { timeout: 30000 });
+  const thumbsMs = Date.now() - t0;
+  return { previewMs, thumbsMs };
+}
+
+async function clickByText(page, text) {
+  const ok = await page.evaluate((text) => {
+    const b = [...document.querySelectorAll("button")].find((el) => el.textContent.trim().toLowerCase().includes(text) && el.offsetParent !== null);
+    if (b) b.click();
+    return !!b;
+  }, text);
+  if (!ok) throw new Error("button not found: " + text);
+}
+
+async function workerCount(cdp) {
+  const { targetInfos } = await cdp.send("Target.getTargets");
+  return targetInfos.filter((t) => t.type === "worker").length;
+}
+
+async function runExport(page, { cancelAtPercent } = {}) {
+  await page.evaluate(() => {
+    window.__progressUpdates = 0; window.__maxGap = 0; window.__lt = [];
+    const mo = new MutationObserver(() => window.__progressUpdates++);
+    window.__mo = mo;
+    const attach = () => { const pb = document.querySelector('[role="dialog"] [role="progressbar"]'); if (pb) mo.observe(pb, { attributes: true, attributeFilter: ["aria-valuenow"] }); else setTimeout(attach, 50); };
+    attach();
+    // Frame-gap monitor: the longest gap between animation frames while exporting.
+    let last = performance.now(); window.__raf = true;
+    const tick = (t) => { window.__maxGap = Math.max(window.__maxGap, t - last); last = t; if (window.__raf) requestAnimationFrame(tick); };
+    requestAnimationFrame(tick);
+  });
+  const t0 = Date.now();
+  await page.click("#export-button");
+  await page.waitForFunction(() => /^Exporting/.test(document.title) || document.querySelector('[role="alert"]'), { timeout: 120000 });
+  const engineMs = Date.now() - t0;
+  let result;
+  if (cancelAtPercent != null) {
+    await page.waitForFunction((p) => Number(document.querySelector('[role="dialog"] [role="progressbar"]')?.getAttribute("aria-valuenow") ?? 0) >= p, { timeout: 120000 }, cancelAtPercent);
+    const c0 = Date.now();
+    await clickByText(page, "cancel export");
+    await page.waitForFunction(() => !document.querySelector('[role="dialog"][aria-modal="true"]'), { timeout: 10000 });
+    result = { cancelled: true, cancelToIdleMs: Date.now() - c0 };
+  } else {
+    await page.waitForFunction(() => /Export complete/.test(document.body.innerText) || document.querySelector('[role="alert"]'), { timeout: 300000 });
+    const ok = await page.evaluate(() => /Export complete/.test(document.body.innerText));
+    result = { ok, totalMs: Date.now() - t0, encodeMs: Date.now() - t0 - engineMs };
+  }
+  const extra = await page.evaluate(() => {
+    window.__raf = false; window.__mo.disconnect();
+    return { progressDomUpdates: window.__progressUpdates, maxFrameGapMs: Math.round(window.__maxGap), longTasks: window.__lt.length, longestTaskMs: Math.round(Math.max(0, ...window.__lt)) };
+  });
+  return { engineMs, ...result, ...extra };
+}
+
+(async () => {
+  const browser = await launch();
+  const ver = await browser.version();
+  out.env = { browser: ver, os: process.platform, node: process.version };
+
+  // ── 1–3: upload, playback, sliders ──────────────────────────────────────
+  {
+    const ctx = await browser.createBrowserContext();
+    const page = await ctx.newPage();
+    await page.setViewport({ width: 1440, height: 1000 });
+    await instrument(page);
+    const cdp = await page.createCDPSession();
+    await cdp.send("Performance.enable");
+    out.scenarios.upload = await openEditor(page);
+
+    // Playback: 5 s of playing video, main-thread cost attributable to the page.
+    await page.evaluate(() => { window.__lt = []; const v = document.querySelector("video"); v.currentTime = 0; v.loop = true; return v.play(); });
+    const m0 = await metrics(cdp);
+    await sleep(5000);
+    const m1 = await metrics(cdp);
+    out.scenarios.playback5s = { ...delta(m0, m1, KEYS), longTasks: await page.evaluate(() => window.__lt.length) };
+    await page.evaluate(() => document.querySelector("video").pause());
+
+    // Sliders: 30 keyboard steps on brightness, 40 ms apart (a quick drag).
+    const visible = await page.$eval("#brightness-slider", (el) => el.offsetParent !== null).catch(() => false);
+    if (!visible) await clickByText(page, "adjust colour");
+    await page.evaluate(() => { window.__ev = []; window.__rs = 0; window.__lt = []; });
+    await page.focus("#brightness-slider");
+    await page.keyboard.press("Home");
+    const s0 = await metrics(cdp);
+    for (let i = 0; i < 30; i++) { await page.keyboard.press(i < 15 ? "ArrowRight" : "ArrowLeft"); await sleep(40); }
+    await sleep(600);
+    const s1 = await metrics(cdp);
+    const ev = await page.evaluate(() => ({ events: window.__ev.filter((e) => /key|input/.test(e.n)).map((e) => e.d), rs: window.__rs, lt: window.__lt.length }));
+    const sorted = ev.events.slice().sort((a, b) => a - b);
+    out.scenarios.slider30 = {
+      ...delta(s0, s1, KEYS),
+      slowEvents16ms: sorted.length,
+      maxEventMs: sorted.length ? Math.round(sorted[sorted.length - 1]) : 0,
+      replaceStateCalls: ev.rs,
+      longTasks: ev.lt,
+    };
+    await ctx.close();
+  }
+
+  // ── 4–7: exports (fresh context = cold engine) ───────────────────────────
+  {
+    const ctx = await browser.createBrowserContext();
+    const page = await ctx.newPage();
+    await page.setViewport({ width: 1440, height: 1000 });
+    await instrument(page);
+    page.on("dialog", (d) => d.accept());
+    const cdp = await page.createCDPSession();
+    await openEditor(page);
+    out.crossOriginIsolated = await page.evaluate(() => crossOriginIsolated);
+
+    // Failed engine load (CDN blocked), then a successful retry.
+    // Browser-level interception also covers requests made inside workers.
+    const bcdp = await browser.target().createCDPSession();
+    let blocking = true;
+    bcdp.on("Fetch.requestPaused", (e) => {
+      if (blocking && e.request.url.includes("cdn.jsdelivr.net")) bcdp.send("Fetch.failRequest", { requestId: e.requestId, errorReason: "InternetDisconnected" }).catch(() => {});
+      else bcdp.send("Fetch.continueRequest", { requestId: e.requestId }).catch(() => {});
+    });
+    await bcdp.send("Fetch.enable", { patterns: [{ urlPattern: "*cdn.jsdelivr.net*" }] });
+    const f0 = Date.now();
+    await page.click("#export-button");
+    // Both UIs show a "Retry export" button on failure (the baseline's box is role=status).
+    const hasRetry = () => [...document.querySelectorAll("button")].some((b) => /retry export/i.test(b.textContent));
+    await page.waitForFunction(hasRetry, { timeout: 60000 });
+    const failText = await page.evaluate(() => [...document.querySelectorAll("button")].find((b) => /retry export/i.test(b.textContent)).closest("div[role]").innerText.slice(0, 160));
+    const failMs = Date.now() - f0;
+    blocking = false;
+    await bcdp.send("Fetch.disable");
+    const r0 = Date.now();
+    await clickByText(page, "retry export");
+    await page.waitForFunction(() => /Export complete/.test(document.body.innerText) || (document.querySelector('[role="alert"]') && !/^Exporting|Loading/.test(document.title) && false), { timeout: 300000 });
+    out.scenarios.failThenRetry = { failMs, failText, retryOk: true, retryTotalMs: Date.now() - r0, workersAfter: await workerCount(cdp) };
+
+    // Common resolutions (engine now warm).
+    out.scenarios.exports = {};
+    for (const [name, title] of [["720p", "16 : 9 — 1280×720"], ["1080p", "16 : 9 — 1920×1080"], ["1080x1920", "9 : 16 — 1080×1920"]]) {
+      await page.evaluate((t) => [...document.querySelectorAll("button")].find((b) => (b.title || "").startsWith(t))?.click(), title);
+      await sleep(200);
+      out.scenarios.exports[name] = await runExport(page);
+    }
+
+    // Repeated export → cancel cycles: worker count must not grow.
+    const cycles = [];
+    for (let i = 0; i < 3; i++) {
+      const r = await runExport(page, { cancelAtPercent: 5 });
+      await sleep(500);
+      cycles.push({ ...r, workersAfterCancel: await workerCount(cdp) });
+    }
+    out.scenarios.exportCancelCycles = cycles;
+    // And a successful export after cancelling.
+    out.scenarios.exportAfterCancel = await runExport(page);
+    out.scenarios.exportAfterCancel.workers = await workerCount(cdp);
+    await sleep(5000);
+    out.scenarios.exportAfterCancel.workersAfter5s = await workerCount(cdp);
+    await ctx.close();
+  }
+
+  await browser.close();
+  fs.writeFileSync(process.env.OUT || `bench-${label}.json`, JSON.stringify(out, null, 2));
+  console.log(JSON.stringify(out, null, 2));
+})().catch((e) => { console.error("BENCH FAILED", e); process.exit(1); });
diff --git a/scripts/perf/browser.js b/scripts/perf/browser.js
new file mode 100644
index 000000000..5e5d5b9b1
--- /dev/null
+++ b/scripts/perf/browser.js
@@ -0,0 +1,18 @@
+// Launches Chrome through puppeteer-core for the perf scripts. No project
+// dependency is added: install puppeteer-core ad hoc (see docs/PERFORMANCE.md)
+// or point PUPPETEER_CORE at an existing copy. CHROME_PATH selects the browser.
+const puppeteer = require(process.env.PUPPETEER_CORE || "puppeteer-core");
+
+const DEFAULT_CHROME = {
+  darwin: "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome",
+  linux: "/usr/bin/google-chrome",
+  win32: "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe",
+}[process.platform];
+
+exports.launch = (opts = {}) =>
+  puppeteer.launch({
+    executablePath: process.env.CHROME_PATH || DEFAULT_CHROME,
+    headless: "new",
+    args: ["--autoplay-policy=no-user-gesture-required", "--mute-audio"],
+    ...opts,
+  });
diff --git a/scripts/perf/lighthouse.sh b/scripts/perf/lighthouse.sh
new file mode 100755
index 000000000..442c3bc83
--- /dev/null
+++ b/scripts/perf/lighthouse.sh
@@ -0,0 +1,25 @@
+#!/bin/bash
+# Run Lighthouse N times (mobile preset by default) and print per-run + median metrics.
+# Usage: lighthouse.sh <url> <label> [runs] [extra lighthouse flags...]
+# Results: ./lh/<label>/run*.json (relative to this script).
+URL=$1; LABEL=$2; RUNS=${3:-3}; shift 3
+DIR=$(dirname "$0")/lh/$LABEL
+mkdir -p "$DIR"
+for i in $(seq 1 "$RUNS"); do
+  npx -y lighthouse@13.5.0 "$URL" --quiet --only-categories=performance,accessibility,best-practices \
+    --chrome-flags="--headless=new" --output=json --output-path="$DIR/run$i.json" "$@" >/dev/null 2>&1
+done
+node -e '
+const fs=require("fs"),dir=process.argv[1];
+const runs=fs.readdirSync(dir).filter(f=>/^run\d+\.json$/.test(f)).map(f=>JSON.parse(fs.readFileSync(dir+"/"+f)));
+const pick=r=>({perf:Math.round(r.categories.performance.score*100),a11y:Math.round(r.categories.accessibility.score*100),bp:Math.round(r.categories["best-practices"].score*100),
+ fcp:Math.round(r.audits["first-contentful-paint"].numericValue),lcp:Math.round(r.audits["largest-contentful-paint"].numericValue),
+ tbt:Math.round(r.audits["total-blocking-time"].numericValue),cls:+r.audits["cumulative-layout-shift"].numericValue.toFixed(3),
+ si:Math.round(r.audits["speed-index"].numericValue),bytes:Math.round(r.audits["total-byte-weight"].numericValue/1024),
+ reqs:r.audits["network-requests"].details.items.length,
+ longTasks:(r.audits["long-tasks"]?.details?.items||[]).length});
+const rows=runs.map(pick);rows.forEach((x,i)=>console.log("run"+(i+1),JSON.stringify(x)));
+const med=k=>{const v=rows.map(r=>r[k]).sort((a,b)=>a-b);return v[Math.floor(v.length/2)]};
+console.log("MEDIAN",JSON.stringify(Object.fromEntries(Object.keys(rows[0]).map(k=>[k,med(k)]))));
+console.log("env: lighthouse",runs[0].lighthouseVersion,"| UA",runs[0].environment.hostUserAgent.match(/Chrome\/[\d.]+/)[0],"| formFactor",runs[0].configSettings.formFactor,"| throttling",runs[0].configSettings.throttlingMethod, JSON.stringify(runs[0].configSettings.throttling));
+' "$DIR"
diff --git a/scripts/perf/make-fixture.js b/scripts/perf/make-fixture.js
new file mode 100644
index 000000000..52183eb6e
--- /dev/null
+++ b/scripts/perf/make-fixture.js
@@ -0,0 +1,45 @@
+// Generates a small synthetic test video (moving gradient + timecode + tone)
+// with MediaRecorder in Chrome. Usage: node make-fixture.cjs <seconds> <w> <h> <out> [pageUrl]
+// pageUrl must be a secure context (http://localhost is fine).
+const fs = require("fs");
+const { launch } = require("./browser.js");
+const [secs = "6", w = "640", h = "360", out, pageUrl = "http://localhost:4300/privacy"] = process.argv.slice(2);
+(async () => {
+  const b = await launch();
+  const p = await b.newPage();
+  await p.goto(pageUrl);
+  const res = await p.evaluate(async (secs, w, h) => {
+    const c = document.createElement("canvas"); c.width = w; c.height = h;
+    const ctx = c.getContext("2d");
+    const stream = c.captureStream(30);
+    const ac = new AudioContext(); const osc = ac.createOscillator(); const dst = ac.createMediaStreamDestination();
+    osc.frequency.value = 440; osc.connect(dst); osc.start();
+    stream.addTrack(dst.stream.getAudioTracks()[0]);
+    const mime = ["video/mp4;codecs=avc1.42E01E,mp4a.40.2", "video/mp4", "video/webm;codecs=vp9,opus"].find((m) => MediaRecorder.isTypeSupported(m));
+    const rec = new MediaRecorder(stream, { mimeType: mime, videoBitsPerSecond: 1_500_000 });
+    const chunks = []; rec.ondataavailable = (e) => chunks.push(e.data);
+    const t0 = performance.now();
+    let raf; const draw = () => {
+      const t = (performance.now() - t0) / 1000;
+      const g = ctx.createLinearGradient(0, 0, w, h);
+      g.addColorStop(0, `hsl(${(t * 60) % 360} 70% 45%)`); g.addColorStop(1, `hsl(${(t * 60 + 120) % 360} 70% 35%)`);
+      ctx.fillStyle = g; ctx.fillRect(0, 0, w, h);
+      ctx.fillStyle = "#fff"; ctx.font = `bold ${Math.round(h / 6)}px sans-serif`; ctx.fillText(t.toFixed(1) + "s", w * 0.08, h * 0.6);
+      ctx.fillRect((t / secs) * w, h - 12, 12, 12);
+      raf = requestAnimationFrame(draw);
+    }; draw();
+    rec.start(250);
+    await new Promise((r) => setTimeout(r, secs * 1000));
+    rec.stop(); await new Promise((r) => (rec.onstop = r)); cancelAnimationFrame(raf);
+    const blob = new Blob(chunks, { type: mime.split(";")[0] });
+    const url = URL.createObjectURL(blob);
+    const v = document.createElement("video"); v.src = url;
+    await new Promise((r) => (v.onloadedmetadata = r));
+    const buf = new Uint8Array(await blob.arrayBuffer());
+    let bin = ""; for (let i = 0; i < buf.length; i += 0x8000) bin += String.fromCharCode(...buf.subarray(i, i + 0x8000));
+    return { mime, duration: v.duration, size: blob.size, w: v.videoWidth, h: v.videoHeight, b64: btoa(bin) };
+  }, Number(secs), Number(w), Number(h));
+  fs.writeFileSync(out, Buffer.from(res.b64, "base64"));
+  console.log(JSON.stringify({ mime: res.mime, duration: res.duration, size: res.size, w: res.w, h: res.h, out }));
+  await b.close();
+})();
diff --git a/scripts/perf/motion.js b/scripts/perf/motion.js
new file mode 100644
index 000000000..c61c07131
--- /dev/null
+++ b/scripts/perf/motion.js
@@ -0,0 +1,27 @@
+// Counts elements with active CSS transitions / infinite animations, with and
+// without prefers-reduced-motion.
+const { launch } = require("./browser.js");
+(async () => {
+  const b = await launch();
+  // Usage: node motion.cjs <label>=<url> [<label>=<url> ...]
+  const targets = process.argv.slice(2).map((a) => a.split(/=(.+)/));
+  for (const [label, url] of targets) {
+    for (const rm of ["no-preference", "reduce"]) {
+      const p = await b.newPage();
+      await p.emulateMediaFeatures([{ name: "prefers-reduced-motion", value: rm }]);
+      await p.evaluateOnNewDocument(() => localStorage.setItem("reframe_onboarding_complete", "1"));
+      await p.goto(url, { waitUntil: "networkidle0" });
+      const r = await p.evaluate(() => {
+        const all = [...document.querySelectorAll("*")];
+        const dur = (el) => Math.max(...getComputedStyle(el).transitionDuration.split(",").map((s) => parseFloat(s) * (s.includes("ms") ? 1 : 1000)));
+        const withTransition = all.filter((el) => dur(el) > 1);
+        const btn = document.querySelector(".btn") || document.querySelector("button");
+        const anims = all.filter((el) => { const cs = getComputedStyle(el); return cs.animationName !== "none" && parseFloat(cs.animationDuration) > 0.001 && cs.animationIterationCount === "infinite"; });
+        return { elements: all.length, withTransition: withTransition.length, sampleButtonTransition: getComputedStyle(btn).transitionDuration, infiniteAnimations: anims.length };
+      });
+      console.log(label, rm, JSON.stringify(r));
+      await p.close();
+    }
+  }
+  await b.close();
+})();
diff --git a/scripts/perf/serve.mjs b/scripts/perf/serve.mjs
new file mode 100644
index 000000000..4b92e9d4d
--- /dev/null
+++ b/scripts/perf/serve.mjs
@@ -0,0 +1,41 @@
+// Minimal static server for `out/` that mirrors the headers in vercel.json
+// (COOP/COEP etc.), so local runs see the cross-origin-isolated mode that
+// vercel.json intends. NOISO=1 drops the headers (what production currently
+// serves — see docs/PERFORMANCE.md). Usage: [NOISO=1] node serve.mjs <dir> <port>
+import http from "node:http";
+import fs from "node:fs";
+import path from "node:path";
+import zlib from "node:zlib";
+
+const root = path.resolve(process.argv[2]);
+const port = Number(process.argv[3] ?? 4300);
+const types = {
+  ".html": "text/html; charset=utf-8", ".js": "text/javascript", ".css": "text/css",
+  ".svg": "image/svg+xml", ".json": "application/json", ".txt": "text/plain",
+  ".woff2": "font/woff2", ".mp3": "audio/mpeg", ".png": "image/png", ".wasm": "application/wasm",
+};
+const headers = process.env.NOISO ? { "X-Content-Type-Options": "nosniff" } : {
+  "X-Frame-Options": "DENY", "X-Content-Type-Options": "nosniff",
+  "Referrer-Policy": "strict-origin-when-cross-origin",
+  "Cross-Origin-Opener-Policy": "same-origin", "Cross-Origin-Embedder-Policy": "require-corp",
+};
+
+http.createServer((req, res) => {
+  let p = decodeURIComponent(new URL(req.url, "http://x").pathname);
+  let file = path.join(root, p);
+  if (!file.startsWith(root)) { res.writeHead(403).end(); return; }
+  if (fs.existsSync(file) && fs.statSync(file).isDirectory()) file = path.join(file, "index.html");
+  if (!fs.existsSync(file) && fs.existsSync(file + ".html")) file += ".html";
+  if (!fs.existsSync(file)) { res.writeHead(404, headers).end("not found"); return; }
+  const ext = path.extname(file);
+  const body = fs.readFileSync(file);
+  const h = { ...headers, "Content-Type": types[ext] ?? "application/octet-stream" };
+  if (p.startsWith("/_next/static/")) h["Cache-Control"] = "public, max-age=31536000, immutable";
+  // Vercel serves brotli; mirror that so transfer sizes are comparable.
+  if (/\.(js|css|html|svg|json|txt)$/.test(ext) && /br/.test(req.headers["accept-encoding"] ?? "")) {
+    h["Content-Encoding"] = "br";
+    res.writeHead(200, h).end(zlib.brotliCompressSync(body));
+    return;
+  }
+  res.writeHead(200, h).end(body);
+}).listen(port, () => console.log(`serving ${root} on http://localhost:${port}`));
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 5fb57cb36..4f7fdc524 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -85,7 +85,7 @@ export default function ContactClient() {
   };
 
   return (
-    <main className="min-h-screen bg-[var(--bg)] text-[var(--text)] px-6 py-10">
+    <div className="min-h-screen bg-[var(--bg)] text-[var(--text)] px-6 py-10">
       <div className="mx-auto max-w-3xl">
         <div className="mb-10">
           <Link
@@ -106,7 +106,7 @@ export default function ContactClient() {
             placeholder="Name"
             className="w-full p-3 border rounded"
           />
-          {errors.name && <p className="text-red-400">{errors.name}</p>}
+          {errors.name && <p className="text-[var(--error)]">{errors.name}</p>}
 
           <input
             name="email"
@@ -115,7 +115,7 @@ export default function ContactClient() {
             placeholder="Email"
             className="w-full p-3 border rounded"
           />
-          {errors.email && <p className="text-red-400">{errors.email}</p>}
+          {errors.email && <p className="text-[var(--error)]">{errors.email}</p>}
 
           <textarea
             name="message"
@@ -125,11 +125,11 @@ export default function ContactClient() {
             className="w-full p-3 border rounded"
           />
           {errors.message && (
-            <p className="text-red-400">{errors.message}</p>
+            <p className="text-[var(--error)]">{errors.message}</p>
           )}
 
           {errors.submit && (
-            <p className="text-red-400">{errors.submit}</p>
+            <p className="text-[var(--error)]">{errors.submit}</p>
           )}
 
           {success && (
@@ -138,12 +138,12 @@ export default function ContactClient() {
 
           <button
             disabled={loading}
-            className="w-full p-3 bg-[var(--accent)] text-white rounded"
+            className="w-full p-3 bg-[var(--accent)] text-[var(--on-accent)] rounded"
           >
             {loading ? "Sending..." : "Send Message"}
           </button>
         </form>
       </div>
-    </main>
+    </div>
   );
 }
\ No newline at end of file
diff --git a/src/app/globals.css b/src/app/globals.css
index 2f27ce261..e12ac14ca 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,98 +1,151 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Roboto:wght@400;700&family=Poppins:wght@400;700&family=Montserrat:wght@400;700&display=swap');
-
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
-/* ── Light mode tokens ── */
+/*
+ * Reframe design tokens.
+ *
+ * The five core names (--bg, --surface, --border, --text, --muted) are a
+ * public contract used by every component — never rename them. Everything
+ * else here refines that base: a secondary surface for inset controls, a
+ * stronger border for inputs, a film-red accent used sparingly, a blue focus
+ * colour that never reads as an error, and status colours.
+ */
+
+/* ── Light (default) ── */
 :root {
-  --bg: #ffffff;
-  --surface: #f1f5f9;
-  --border: #cbd5e1;
-  --text: #0f172a;
-  --muted: #64748b;
-  --accent: #3b82f6;
-  --accent-hover: #1d4ed8;
-  --accent-muted: rgba(59, 130, 246, 0.12);
+  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, Roboto,
+    "Helvetica Neue", Arial, sans-serif;
+  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
+
+  --bg: #eeeff1;
+  --surface: #ffffff;
+  --surface-2: #f5f6f7;
+  --border: #dcdee2;
+  --border-strong: #c3c7ce;
+  --text: #16181c;
+  --text-secondary: #3d4148;
+  --muted: #5f646d;
+
+  /* Film red from the logo, darkened so white text on it passes AA (4.9:1). */
+  --accent: #d42f3c;
+  --accent-hover: #b8222e;
+  --accent-muted: rgba(212, 47, 60, 0.09);
+  --accent-text: #b3202c;
+  --on-accent: #ffffff;
+  --film-600: #d42f3c;
+  --film-400: #e85560;
+
+  --focus: #2f6fed;
+  --focus-ring: 0 0 0 2px var(--surface), 0 0 0 4px var(--focus);
+
+  --success: #1d7a45;
+  --success-bg: #e8f5ed;
+  --warning: #915200;
+  --warning-bg: #fdf3e2;
+  --error: #b42318;
+  --error-bg: #fdecea;
+  --error-border: #f4b8b1;
+  --error-hover: #fad9d5;
+
+  /* The viewer stays dark in every theme, like a reference monitor. */
+  --viewer: #0c0d0f;
+
   --radius: 10px;
-  --shadow: 0 2px 12px rgba(15, 23, 42, 0.12);
-  --film-600: #e63946;
-  --film-400: #ff6b6b;
-  --warning: #f59e0b;
-  --error: #ef4444;
-  --error-bg: #fee2e2;
-  --error-border: #fca5a5;
-  --error-hover: #fecaca;
+  --radius-control: 8px;
+  --radius-panel: 12px;
+  --shadow: 0 1px 2px rgba(22, 24, 28, 0.06), 0 1px 1px rgba(22, 24, 28, 0.04);
+  --shadow-overlay: 0 12px 32px rgba(22, 24, 28, 0.18);
+
+  --dur-fast: 120ms;
+  --dur-base: 160ms;
+  --dur-slow: 220ms;
+  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
+
+  color-scheme: light;
 }
 
-/* ── Dark mode tokens ── */
+/* ── Dark ── */
 .dark {
-  --bg: #0f1117;
-  --surface: #1a1d27;
-  --border: #2e3147;
-  --text: #f0f0f5;
-  --muted: #8b8fa8;
-  --accent: #4f6ef7;
-  --accent-hover: #3a57d4;
-  --accent-muted: rgba(79, 110, 247, 0.12);
-  --radius: 10px;
-  --shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
-  --warning: #fbbf24;
-  --error: #f87171;
-  --error-bg: #7f1d1d;
-  --error-border: #991b1b;
-  --error-hover: #991b1b;
+  --bg: #121316;
+  --surface: #1a1c20;
+  --surface-2: #22252a;
+  --border: #2c2f35;
+  --border-strong: #41454d;
+  --text: #ecedef;
+  --text-secondary: #c4c8cf;
+  --muted: #9aa0aa;
+
+  --accent: #d42f3c;
+  --accent-hover: #e2414d;
+  --accent-muted: rgba(255, 107, 116, 0.12);
+  --accent-text: #ff7a82;
+  --on-accent: #ffffff;
+  --film-600: #d42f3c;
+  --film-400: #ff7a82;
+
+  --focus: #6ea2ff;
+
+  --success: #5ccf8c;
+  --success-bg: rgba(92, 207, 140, 0.12);
+  --warning: #f2b45a;
+  --warning-bg: rgba(242, 180, 90, 0.12);
+  --error: #ff8a80;
+  --error-bg: rgba(255, 138, 128, 0.12);
+  --error-border: rgba(255, 138, 128, 0.35);
+  --error-hover: rgba(255, 138, 128, 0.2);
+
+  --viewer: #08090a;
+
+  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
+  --shadow-overlay: 0 16px 40px rgba(0, 0, 0, 0.55);
+
+  color-scheme: dark;
 }
 
-/* ── High contrast mode tokens ── */
+/* ── High contrast (set by ThemeProvider when the user asks for more contrast) ── */
 [data-theme="high-contrast"] {
   --bg: #000000;
   --surface: #000000;
-  --border: #FFFFFF;
+  --surface-2: #000000;
+  --border: #ffffff;
+  --border-strong: #ffffff;
 
-  --text: #FFFFFF;
-  --muted: #FFFFFF;
+  --text: #ffffff;
+  --text-secondary: #ffffff;
+  --muted: #ffffff;
 
-  --accent: #FFFF00;
-  --accent-hover: #FFFF00;
+  /* Yellow fill needs black text; --on-accent makes that automatic. */
+  --accent: #ffff00;
+  --accent-hover: #ffff66;
   --accent-muted: rgba(255, 255, 0, 0.22);
-  --radius: 10px;
-  --shadow: none;
+  --accent-text: #ffff00;
+  --on-accent: #000000;
+  --film-600: #ffff00;
+  --film-400: #ffff00;
 
-  --error: #FF6666;
-  --success: #66FF66;
+  --focus: #00ffff;
 
-  --film-600: #FF6666;
-  --film-400: #66FF66;
-}
+  --success: #66ff66;
+  --success-bg: #000000;
+  --warning: #ffcc00;
+  --warning-bg: #000000;
+  --error: #ff6666;
+  --error-bg: #000000;
+  --error-border: #ff6666;
+  --error-hover: #330000;
 
-/* Ensure export overlay text is readable in high-contrast by forcing dark text */
-[data-theme="high-contrast"] .export-text,
-[data-theme="high-contrast"] .export-text * {
-  color: #000000 !important;
-}
-
-/* Make the main export button readable in high-contrast mode */
-[data-theme="high-contrast"] #export-button {
-  background: #7ee081 !important;
-  color: #000000 !important;
-  border: 2px solid #ffffff !important;
-}
-
-[data-theme="high-contrast"] #export-button:hover,
-[data-theme="high-contrast"] #export-button:focus-visible {
-  background: #69d66d !important;
-  color: #000000 !important;
-}
+  --viewer: #000000;
+  --shadow: none;
+  --shadow-overlay: none;
 
-[data-theme="high-contrast"] #export-button svg {
-  color: #000000 !important;
+  color-scheme: dark;
 }
 
-/* ── Base styles ── */
+/* ── Base ── */
 html {
   min-height: 100%;
-  scroll-behavior: smooth;
+  -webkit-text-size-adjust: 100%;
 }
 
 body {
@@ -100,8 +153,10 @@ body {
   min-height: 100vh;
   background-color: var(--bg);
   color: var(--text);
-  line-height: 1.6;
-  transition: background-color 0.3s ease, color 0.3s ease;
+  font-family: var(--font-sans);
+  font-size: 0.9375rem;
+  line-height: 1.5;
+  text-rendering: optimizeLegibility;
 }
 
 img,
@@ -120,52 +175,267 @@ h4,
 h5,
 h6 {
   color: var(--text);
-  font-weight: 700;
-}
-
-p,
-li {
-  color: color-mix(in srgb, var(--text) 95%, transparent);
-}
-
-button {
-  transition: all 0.2s ease;
+  font-weight: 600;
+  letter-spacing: -0.01em;
 }
 
 input,
 select,
 textarea {
-  background: var(--bg);
-  border: 1px solid var(--border);
+  background: var(--surface);
+  border: 1px solid var(--border-strong);
   color: var(--text);
 }
 
 input:focus,
 select:focus,
 textarea:focus {
-  border-color: var(--accent);
-  box-shadow: 0 0 0 3px var(--accent-muted);
+  border-color: var(--focus);
   outline: none;
 }
 
-/* Smooth transitions for all themed elements */
-*,
-*::before,
-*::after {
-  transition-property: background-color, border-color, color, fill, stroke;
-  transition-timing-function: ease;
-  transition-duration: 200ms;
+input[type="range"],
+input[type="checkbox"],
+input[type="radio"] {
+  accent-color: var(--accent);
 }
 
+/* One focus treatment for everything keyboard-reachable. */
 :focus-visible {
-  outline: 0;
-  box-shadow: 0 0 0 3px var(--accent-muted);
-  border-radius: var(--radius);
+  outline: 2px solid var(--focus);
+  outline-offset: 2px;
 }
 
-detail > summary {
+::selection {
+  background: color-mix(in srgb, var(--focus) 30%, transparent);
+}
+
+details > summary {
   list-style: none;
 }
 details > summary::-webkit-details-marker {
   display: none;
-}
\ No newline at end of file
+}
+
+/* Timecodes and numeric readouts keep a fixed width while they change. */
+.tabular {
+  font-variant-numeric: tabular-nums;
+}
+
+/*
+ * Theme switches crossfade colours for one short window only. ThemeProvider
+ * adds this class for ~200ms around a toggle, so ordinary interaction never
+ * pays for a transition on every element (the old `*, *::before, *::after`
+ * rule animated colour changes on every node, including during playback).
+ */
+html.theme-transition,
+html.theme-transition *,
+html.theme-transition *::before,
+html.theme-transition *::after {
+  transition-property: background-color, border-color, color, fill, stroke !important;
+  transition-duration: 160ms !important;
+  transition-timing-function: ease !important;
+}
+
+/* Returning visitors who dismissed the privacy notice: hide it before first paint. */
+html[data-privacy-dismissed] [data-privacy-banner] {
+  display: none;
+}
+
+/* ── Shared component classes ── */
+@layer components {
+  /* Buttons: one shape, three emphasis levels, explicit transitions. */
+  .btn {
+    @apply inline-flex select-none items-center justify-center gap-2 whitespace-nowrap rounded-control border text-sm font-medium;
+    min-height: 2.25rem;
+    padding: 0 0.875rem;
+    transition:
+      background-color var(--dur-fast) var(--ease-standard),
+      border-color var(--dur-fast) var(--ease-standard),
+      color var(--dur-fast) var(--ease-standard),
+      transform var(--dur-fast) var(--ease-standard);
+  }
+  .btn:active:not(:disabled):not([aria-disabled="true"]) {
+    transform: scale(0.98);
+  }
+  .btn:disabled,
+  .btn[aria-disabled="true"] {
+    @apply cursor-not-allowed opacity-50;
+  }
+  .btn-lg {
+    min-height: 2.75rem;
+    padding: 0 1.25rem;
+    font-size: 0.9375rem;
+  }
+  .btn-sm {
+    min-height: 1.875rem;
+    padding: 0 0.625rem;
+    font-size: 0.75rem;
+  }
+  .btn-primary {
+    background: var(--accent);
+    border-color: var(--accent);
+    color: var(--on-accent);
+    font-weight: 600;
+  }
+  .btn-primary:hover:not(:disabled):not([aria-disabled="true"]) {
+    background: var(--accent-hover);
+    border-color: var(--accent-hover);
+  }
+  .btn-secondary {
+    background: var(--surface);
+    border-color: var(--border-strong);
+    color: var(--text);
+  }
+  .btn-secondary:hover:not(:disabled):not([aria-disabled="true"]) {
+    background: var(--surface-2);
+  }
+  .btn-ghost {
+    background: transparent;
+    border-color: transparent;
+    color: var(--text-secondary);
+  }
+  .btn-ghost:hover:not(:disabled):not([aria-disabled="true"]) {
+    background: var(--surface-2);
+    color: var(--text);
+  }
+  .btn-danger {
+    background: var(--error-bg);
+    border-color: var(--error-border);
+    color: var(--error);
+  }
+  .btn-danger:hover:not(:disabled):not([aria-disabled="true"]) {
+    background: var(--error-hover);
+  }
+  /* Icon-only buttons must still carry an aria-label (and usually a title). */
+  .btn-icon {
+    padding: 0;
+    width: 2.25rem;
+  }
+  .btn-icon.btn-sm {
+    width: 1.875rem;
+  }
+
+  /*
+   * Selectable option tiles (presets, formats, rotation, framing). The pressed
+   * state is the accent outline; hover only shifts the border.
+   */
+  .choice {
+    @apply rounded-control border text-sm;
+    background: var(--surface);
+    border-color: var(--border);
+    color: var(--text-secondary);
+    transition:
+      background-color var(--dur-fast) var(--ease-standard),
+      border-color var(--dur-fast) var(--ease-standard),
+      color var(--dur-fast) var(--ease-standard);
+  }
+  .choice:hover {
+    border-color: var(--border-strong);
+    color: var(--text);
+  }
+  .choice[aria-pressed="true"],
+  .choice[aria-checked="true"],
+  .choice[data-active="true"] {
+    background: var(--accent-muted);
+    border-color: var(--accent);
+    color: var(--text);
+    box-shadow: inset 0 0 0 1px var(--accent);
+  }
+
+  /* Text inputs */
+  .field {
+    @apply w-full rounded-control border text-sm;
+    min-height: 2.25rem;
+    padding: 0 0.75rem;
+    background: var(--surface);
+    border-color: var(--border-strong);
+    color: var(--text);
+    transition: border-color var(--dur-fast) var(--ease-standard);
+  }
+  .field::placeholder {
+    color: var(--muted);
+  }
+  .field[aria-invalid="true"] {
+    border-color: var(--error);
+  }
+
+  /* Labels: sentence case, medium weight, no tracking. */
+  .label {
+    @apply text-xs font-medium;
+    color: var(--text-secondary);
+  }
+  .hint {
+    @apply text-xs;
+    color: var(--muted);
+  }
+
+  .panel {
+    background: var(--surface);
+    border: 1px solid var(--border);
+    border-radius: var(--radius-panel);
+  }
+
+  .kbd {
+    @apply inline-flex items-center justify-center rounded border text-2xs font-medium;
+    min-width: 1.375rem;
+    height: 1.25rem;
+    padding: 0 0.3125rem;
+    background: var(--surface-2);
+    border-color: var(--border);
+    border-bottom-width: 2px;
+    color: var(--text-secondary);
+    font-family: var(--font-sans);
+  }
+
+  /* Status callouts */
+  .callout {
+    @apply flex items-start gap-3 rounded-control border p-3 text-sm;
+  }
+  .callout-error {
+    background: var(--error-bg);
+    border-color: var(--error-border);
+    color: var(--text);
+  }
+  .callout-warning {
+    background: var(--warning-bg);
+    border-color: color-mix(in srgb, var(--warning) 35%, transparent);
+    color: var(--text);
+  }
+  .callout-info {
+    background: var(--surface-2);
+    border-color: var(--border);
+    color: var(--text);
+  }
+
+  /* Determinate progress: the fill scales on the GPU instead of animating width. */
+  .progress-track {
+    @apply relative h-1.5 w-full overflow-hidden rounded-full;
+    background: var(--surface-2);
+    box-shadow: inset 0 0 0 1px var(--border);
+  }
+  .progress-fill {
+    @apply absolute inset-0 origin-left rounded-full;
+    background: var(--accent);
+    transition: transform var(--dur-slow) linear;
+  }
+}
+
+/*
+ * Reduced motion: drop decorative movement and long transitions, but keep
+ * instant state feedback (colour changes still apply, they just don't fade).
+ * Progress bars keep updating; they simply stop easing between values.
+ */
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+  .btn:active:not(:disabled) {
+    transform: none;
+  }
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 46651aba8..307152244 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,12 +1,12 @@
 import type { Metadata } from "next";
-import { Bebas_Neue, Syne, DM_Sans, Inter, Roboto, Poppins, Montserrat } from "next/font/google";
 import ErrorBoundary from "@/components/ErrorBoundary";
 import "./globals.css";
 import DatadogInit from "@/components/DatadogInit";
 import { ThemeProvider } from "@/components/ThemeProvider";
-import { ThemeToggle } from "@/components/ThemeToggle";
+import { ThemeToggle, ContrastToggle } from "@/components/ThemeToggle";
 import ScrollToTop from "@/components/ScrollToTop";
 import BrandLogo from "@/components/BrandLogo";
+import Link from "next/link";
 
 export const metadata: Metadata = {
   title: "Reframe — Resize, trim, and export videos in your browser",
@@ -52,26 +52,37 @@ export default function RootLayout({
       <head>
         <script
           dangerouslySetInnerHTML={{
+            // Runs before first paint so the saved theme, contrast preference
+            // and privacy-notice dismissal never cause a flash or layout shift.
             __html: `(function() {
   try {
-    const theme = localStorage.getItem('theme');
+    var d = document.documentElement;
+    var theme = localStorage.getItem('theme');
     if (theme === 'dark' || (!theme &&
         window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-      document.documentElement.classList.add('dark');
+      d.classList.add('dark');
     } else {
-      document.documentElement.classList.remove('dark');
+      d.classList.remove('dark');
     }
+    var contrast = localStorage.getItem('contrast');
+    if (contrast === 'more' || (!contrast &&
+        window.matchMedia('(prefers-contrast: more)').matches)) {
+      d.dataset.theme = 'high-contrast';
+    }
+    var until = Number(localStorage.getItem('reframe_privacy_banner_dismissed_until'));
+    if (until && Date.now() < until) d.setAttribute('data-privacy-dismissed', '');
   } catch(e) {}
 })();`,
           }}
         />
-        <link rel="preconnect" href="https://cdn.jsdelivr.net" />
+        {/* FFmpeg core is fetched from jsDelivr on first export only, so a DNS
+            hint is enough; a preconnect at page load would be wasted. */}
         <link rel="dns-prefetch" href="https://cdn.jsdelivr.net" />
       </head>
       <body className="min-h-screen bg-[var(--bg)] text-[var(--text)] antialiased">
         <DatadogInit />
       <a href="#main-content"
-          className="sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-50 focus:rounded-[var(--radius)] focus:border focus:border-[var(--border)] focus:bg-[var(--surface)] focus:px-4 focus:py-2 focus:text-[var(--text)]"
+          className="sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-50 focus:rounded-control focus:border focus:border-[var(--border)] focus:bg-[var(--surface)] focus:px-4 focus:py-2 focus:text-[var(--text)]"
         >
           Skip to main content
         </a>
@@ -79,13 +90,33 @@ export default function RootLayout({
           <ErrorBoundary>
             <header
               role="banner"
-              className="sticky top-0 z-50 flex items-center justify-between border-b border-[var(--border)] bg-[var(--bg)]/95 px-6 py-3 backdrop-blur"
+              className="sticky top-0 z-40 border-b border-[var(--border)] bg-[var(--surface)]"
             >
-              <div className="flex items-center gap-2">
-                <BrandLogo size={24} />
-                <h1 className="text-lg font-semibold">Reframe</h1>
+              <div className="mx-auto flex h-14 max-w-[1440px] items-center justify-between gap-4 px-4 sm:px-6">
+                <Link
+                  href="/"
+                  className="flex items-center gap-2 rounded-control text-[var(--text)]"
+                  aria-label="Reframe home"
+                >
+                  <BrandLogo size={22} />
+                  <span className="text-base font-semibold tracking-[-0.01em]">Reframe</span>
+                </Link>
+                <nav aria-label="Site" className="flex items-center gap-1">
+                  <a
+                    href="https://github.com/reframe-oss/reframe"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="btn btn-ghost btn-sm hidden sm:inline-flex"
+                  >
+                    <svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor" aria-hidden="true">
+                      <path d="M12 .5a11.5 11.5 0 0 0-3.64 22.41c.58.1.79-.25.79-.56v-2c-3.2.7-3.88-1.37-3.88-1.37-.53-1.33-1.28-1.69-1.28-1.69-1.05-.72.08-.7.08-.7 1.16.08 1.77 1.19 1.77 1.19 1.03 1.77 2.7 1.26 3.36.96.1-.75.4-1.26.73-1.55-2.55-.29-5.24-1.28-5.24-5.68 0-1.26.45-2.28 1.19-3.09-.12-.29-.52-1.46.11-3.05 0 0 .97-.31 3.17 1.18a11 11 0 0 1 5.77 0c2.2-1.49 3.17-1.18 3.17-1.18.63 1.59.23 2.76.11 3.05.74.81 1.19 1.83 1.19 3.09 0 4.41-2.69 5.39-5.25 5.67.41.36.78 1.06.78 2.14v3.17c0 .31.21.67.8.56A11.5 11.5 0 0 0 12 .5Z" />
+                    </svg>
+                    Star on GitHub
+                  </a>
+                  <ContrastToggle />
+                  <ThemeToggle />
+                </nav>
               </div>
-              <ThemeToggle />
             </header>
             <main id="main-content" tabIndex={-1}>
               {children}
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
index 88d6f4cc6..528571f1e 100644
--- a/src/app/not-found.tsx
+++ b/src/app/not-found.tsx
@@ -6,7 +6,7 @@ export default function NotFound() {
     <div className="flex flex-col items-center justify-center min-h-screen px-4 text-center animate-fade-in">
             <div className="flex items-center gap-2 ">
      <Film size={28} />
-         <span className="font-display text-2xl tracking-widest">REFRAME</span>
+         <span className="font-display text-2xl">REFRAME</span>
        </div>
       <span className="font-display text-[clamp(7rem,22vw,16rem)] leading-none text-film-500 select-none">
         404
@@ -14,7 +14,7 @@ export default function NotFound() {
 
       <div className="w-14 h-px bg-film-500 mt-1 mb-6" />
 
-      <h1 className="font-heading text-xs font-semibold uppercase tracking-[0.2em] text-[var(--text)] mb-2">
+      <h1 className="font-heading text-xs font-semibold text-[var(--text)] mb-2">
         Frame not found
       </h1>
 
@@ -24,7 +24,7 @@ export default function NotFound() {
 
       <Link
         href="/"
-        className="flex items-center gap-1.5 px-4 py-2 rounded-lg border border-[var(--border)] bg-[var(--surface)] text-[11px] font-heading font-semibold uppercase tracking-widest text-[var(--muted)] hover:text-film-600 hover:border-film-400 transition-all duration-200 shadow-sm"
+        className="flex items-center gap-1.5 px-4 py-2 rounded-lg border border-[var(--border)] bg-[var(--surface)] text-2xs font-semibold text-[var(--muted)] hover:text-film-500 hover:border-film-400 transition-colors duration-fast shadow-sm"
       >
         ← Back to Reframe
       </Link>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0421f0bad..f271fd5f3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,23 +1,13 @@
 import VideoEditor from "@/components/VideoEditor";
 import Footer from "@/components/Footer";
 
+// The <main id="main-content"> landmark lives in layout.tsx; nesting a second
+// one here produced two main landmarks with the same id. The GitHub link now
+// sits in the header instead of a fixed badge that overlapped the controls.
 export default function Home() {
   return (
     <>
-      <a
-        href="https://github.com/reframe-oss/reframe"
-        target="_blank"
-        rel="noopener noreferrer"
-        aria-label="View Reframe on GitHub"
-        className="hidden sm:flex fixed top-4 right-4 md:right-16 z-50 items-center gap-1.5 px-3 py-1.5 rounded-lg border border-[var(--border)] bg-[var(--surface)] text-[10px] font-heading font-semibold uppercase tracking-wider transition-all duration-200 ease-in-out hover:scale-105 hover:border-[var(--accent)] hover:bg-[var(--accent-muted)] hover:shadow-[var(--shadow)]"
-      >
-        ⭐ Star on GitHub
-      </a>
-
-      <main id="main-content" tabIndex={-1}>
-        <VideoEditor />
-      </main>
-
+      <VideoEditor />
       <Footer />
     </>
   );
diff --git a/src/app/privacy/page.tsx b/src/app/privacy/page.tsx
index 252c78aa5..34c77fa29 100644
--- a/src/app/privacy/page.tsx
+++ b/src/app/privacy/page.tsx
@@ -10,12 +10,12 @@ export const metadata: Metadata = {
 export default function PrivacyPage() {
   return (
     <>
-      <main className="min-h-screen bg-[var(--bg)] text-[var(--text)] pt-24 pb-20">
+      <div className="min-h-screen bg-[var(--bg)] text-[var(--text)] pt-24 pb-20">
         {/* Back link - top left below header */}
         <div className="px-6 mb-6">
           <Link
             href="/"
-            className="inline-flex items-center gap-2 text-xs font-medium uppercase tracking-widest text-[var(--muted)] transition-colors hover:text-[var(--text)]"
+            className="inline-flex items-center gap-2 text-xs font-medium text-[var(--muted)] transition-colors hover:text-[var(--text)]"
           >
             <svg
               className="h-3.5 w-3.5"
@@ -227,7 +227,7 @@ export default function PrivacyPage() {
             </div>
           </div>
         </div>
-      </main>
+      </div>
     </>
   );
 }
diff --git a/src/components/AdjustmentsControl.tsx b/src/components/AdjustmentsControl.tsx
new file mode 100644
index 000000000..9c16be023
--- /dev/null
+++ b/src/components/AdjustmentsControl.tsx
@@ -0,0 +1,74 @@
+"use client";
+
+import { EditRecipe } from "@/lib/types";
+
+interface Props {
+  recipe: EditRecipe;
+  onChange: (patch: Partial<EditRecipe>) => void;
+}
+
+type AdjustmentKey = "brightness" | "contrast" | "saturation" | "sharpness";
+
+const ADJUSTMENTS: {
+  key: AdjustmentKey;
+  label: string;
+  min: number;
+  max: number;
+  step: number;
+  neutral: number;
+  format: (v: number) => string;
+}[] = [
+  { key: "brightness", label: "Brightness", min: -1, max: 1, step: 0.1, neutral: 0, format: (v) => (v > 0 ? `+${v.toFixed(1)}` : v.toFixed(1)) },
+  { key: "contrast", label: "Contrast", min: 0, max: 2, step: 0.1, neutral: 1, format: (v) => `${v.toFixed(1)}×` },
+  { key: "saturation", label: "Saturation", min: 0, max: 3, step: 0.1, neutral: 1, format: (v) => `${v.toFixed(1)}×` },
+  { key: "sharpness", label: "Sharpness", min: 0, max: 3, step: 1, neutral: 0, format: (v) => (v === 0 ? "Off" : String(v)) },
+];
+
+export function hasAdjustments(recipe: EditRecipe) {
+  return ADJUSTMENTS.some(({ key, neutral }) => recipe[key] !== neutral);
+}
+
+/** Brightness / contrast / saturation / sharpness sliders with per-control reset. */
+export default function AdjustmentsControl({ recipe, onChange }: Props) {
+  return (
+    <div className="space-y-4">
+      {ADJUSTMENTS.map(({ key, label, min, max, step, neutral, format }) => {
+        const value = recipe[key];
+        const id = `${key}-slider`;
+        return (
+          <div key={key}>
+            <div className="flex items-center justify-between gap-2">
+              <label htmlFor={id} className="label">
+                {label}
+              </label>
+              <div className="flex items-center gap-1">
+                <span className="tabular text-xs text-[var(--muted)]">{format(value)}</span>
+                <button
+                  type="button"
+                  onClick={() => onChange({ [key]: neutral })}
+                  disabled={value === neutral}
+                  className="btn btn-ghost btn-sm h-6 min-h-0 px-1.5 text-2xs"
+                  aria-label={`Reset ${label.toLowerCase()}`}
+                >
+                  Reset
+                </button>
+              </div>
+            </div>
+            <input
+              id={id}
+              type="range"
+              min={min}
+              max={max}
+              step={step}
+              value={value}
+              onChange={(e) => onChange({ [key]: Number(e.target.value) })}
+              aria-valuetext={format(value)}
+              className="mt-1 w-full cursor-pointer"
+            />
+          </div>
+        );
+      })}
+      <p className="hint">Brightness, contrast and saturation preview live; sharpness applies on export.</p>
+    </div>
+  );
+}
diff --git a/src/components/AudioSpeedControl.tsx b/src/components/AudioSpeedControl.tsx
index 127950d62..033bffaa2 100644
--- a/src/components/AudioSpeedControl.tsx
+++ b/src/components/AudioSpeedControl.tsx
@@ -27,11 +27,11 @@ export default function AudioSpeedControl({ recipe, onChange }: Props) {
   // ----------------------------------------
 
   const getSpeedDescription = (speed: number) => {
-    if (speed <= 0.5) return "Very Slow";
+    if (speed <= 0.5) return "Very slow";
     if (speed < 1) return "Slow";
     if (speed === 1) return "Normal";
     if (speed <= 1.5) return "Fast";
-    return "Very Fast";
+    return "Very fast";
   };
 
   const isModified = recipe.speed !== 1 || !recipe.keepAudio;
@@ -42,19 +42,19 @@ export default function AudioSpeedControl({ recipe, onChange }: Props) {
   return (
     <div className="space-y-4">
       {/* CLS FIX: Fixed height wrapper (h-6) ensures the layout never jumps. */}
-      <div className="h-6 flex justify-end">
+      <div className="flex h-8 justify-end">
         <button
           type="button"
           aria-label="Reset audio settings to default"
           onClick={() => onChange({ speed: 1, keepAudio: true })}
           className={cn(
-            "text-sm font-heading font-semibold uppercase tracking-wider text-film-600 hover:text-film-700 hover:underline transition-all duration-300 ease-in-out",
-            isModified 
-              ? "opacity-100 translate-y-0 pointer-events-auto delay-200" 
-              : "opacity-0 -translate-y-1 pointer-events-none"
+            "btn btn-ghost btn-sm transition-opacity duration-fast",
+            isModified ? "opacity-100" : "pointer-events-none opacity-0"
           )}
+          tabIndex={isModified ? undefined : -1}
+          aria-hidden={!isModified}
         >
-          Reset to Default
+          Reset audio and speed
         </button>
       </div>
 
@@ -63,13 +63,7 @@ export default function AudioSpeedControl({ recipe, onChange }: Props) {
         onClick={() => onChange({ keepAudio: !recipe.keepAudio })}
         aria-label={recipe.keepAudio ? "Mute video audio (M)" : "Unmute video audio (M)"}
         aria-pressed={recipe.keepAudio}
-        className={cn(
-          "w-full flex items-center gap-3 p-3 rounded-lg border transition-all duration-150",
-          "hover:scale-[1.01] active:scale-[0.99]",
-          recipe.keepAudio
-            ? "border-film-300 bg-film-50 text-film-700"
-            : "border-[var(--border)] bg-[var(--surface)] text-[var(--muted)]"
-        )}
+        className="choice flex w-full items-center gap-3 px-3 py-2.5 text-left"
       >
         {recipe.keepAudio ? (
           <Volume2 size={16} aria-hidden="true" />
@@ -79,12 +73,12 @@ export default function AudioSpeedControl({ recipe, onChange }: Props) {
         <span className="sr-only">
           {recipe.keepAudio ? "Turn audio off" : "Turn audio on"}
         </span>
-        <span className="text-sm font-heading font-semibold flex-1 text-left">
+        <span className="flex-1 text-left text-sm font-medium">
           {recipe.keepAudio ? "Audio on" : "Muted"}
         </span>
         <kbd
           aria-hidden="true"
-          className="ml-auto text-[10px] font-mono px-1.5 py-0.5 rounded border border-current opacity-40"
+          className="kbd ml-auto"
         >
           M
         </kbd>
@@ -95,16 +89,16 @@ export default function AudioSpeedControl({ recipe, onChange }: Props) {
           <label
             id="speed-label"
             htmlFor="speed-control"
-            className="text-sm font-heading font-semibold uppercase tracking-wider text-[var(--muted)] flex items-center gap-2"
+            className="label flex items-center gap-1.5"
           >
-            <Gauge size={10} aria-hidden="true" /> Speed
+            <Gauge size={13} aria-hidden="true" /> Speed
           </label>
 
           <div className="text-right">
-            <span className="text-sm font-heading font-bold text-film-600 block">
+            <span className="tabular block text-sm font-medium text-[var(--text)]">
               {currentSpeed}x
             </span>
-            <span id="speed-description" className="text-sm text-[var(--muted)]">
+            <span id="speed-description" className="hint">
               {getSpeedDescription(currentSpeed)}
             </span>
           </div>
@@ -130,9 +124,9 @@ export default function AudioSpeedControl({ recipe, onChange }: Props) {
           aria-labelledby="speed-label"
           aria-describedby="speed-description"
           aria-valuetext={`${currentSpeed}x speed, ${getSpeedDescription(currentSpeed)}`}
-          className="w-full h-11 accent-film-600 cursor-pointer"
+          className="h-8 w-full cursor-pointer"
         />
-        <div className="flex gap-2 mt-3">
+        <div className="mt-2 flex gap-1.5">
   {[0.5, 1, 1.5, 2].map((speed) => (
     <button
       key={speed}
@@ -140,13 +134,7 @@ export default function AudioSpeedControl({ recipe, onChange }: Props) {
       onClick={() => onChange({ speed })}
       aria-label={`Set speed to ${speed}x`}
       aria-pressed={recipe.speed === speed}
-      className={cn(
-        "flex-1 py-1.5 rounded-lg text-xs font-heading font-bold transition-all duration-150",
-        "hover:scale-[1.02] active:scale-[0.98]",
-        recipe.speed === speed
-          ? "bg-film-600 text-white"
-          : "bg-[var(--border)] text-[var(--muted)] hover:bg-film-50 hover:text-film-600"
-      )}
+      className="choice tabular min-h-[32px] flex-1 text-xs font-medium"
     >
       {speed}x
     </button>
@@ -156,7 +144,7 @@ export default function AudioSpeedControl({ recipe, onChange }: Props) {
           {SPEED_STEPS.map((s) => (
             <span
               key={s}
-              className="text-sm text-[var(--muted)] truncate text-center min-w-0 px-[1px]"
+              className="tabular min-w-0 truncate px-[1px] text-center text-2xs text-[var(--muted)]"
             >
               {s}x
             </span>
@@ -164,16 +152,16 @@ export default function AudioSpeedControl({ recipe, onChange }: Props) {
         </div>
       </div>
 
-      <div className={cn("transition-opacity duration-200", !recipe.keepAudio && "opacity-50 pointer-events-none")}>
+      <div className={cn(!recipe.keepAudio && "opacity-50 pointer-events-none")}>
         <div className="flex items-center justify-between mb-2">
           <label
             htmlFor="volume-control"
-            className="text-sm font-heading font-semibold uppercase tracking-wider text-[var(--muted)] flex items-center gap-2"
+            className="label flex items-center gap-1.5"
           >
-            <Volume2 size={10} aria-hidden="true" /> Volume
+            <Volume2 size={13} aria-hidden="true" /> Volume
           </label>
 
-          <span className="text-sm font-heading font-bold text-film-600 block">
+          <span className="tabular block text-sm font-medium text-[var(--text)]">
             {recipe.volume}%
           </span>
         </div>
@@ -186,7 +174,7 @@ export default function AudioSpeedControl({ recipe, onChange }: Props) {
           disabled={!recipe.keepAudio}
           value={recipe.volume ?? 100}
           onChange={(e) => onChange({ volume: Number(e.target.value) })}
-          className="w-full h-11 accent-film-600 cursor-pointer"
+          className="h-8 w-full cursor-pointer"
         />
       </div>
 
@@ -201,20 +189,14 @@ export default function AudioSpeedControl({ recipe, onChange }: Props) {
           }
           aria-pressed={recipe.normalizeAudio}
           aria-describedby="normalize-audio-description"
-          className={cn(
-            "w-full flex items-center gap-3 p-3 rounded-lg border transition-all duration-150",
-            "hover:scale-[1.01] active:scale-[0.99]",
-            recipe.normalizeAudio
-              ? "border-film-300 bg-film-50 text-film-700"
-              : "border-[var(--border)] bg-[var(--surface)] text-[var(--muted)]"
-          )}
+          className="choice flex w-full items-center gap-3 px-3 py-2.5 text-left"
         >
           <Gauge size={16} aria-hidden="true" />
           <div className="flex-1 text-left">
-            <span className="text-sm font-heading font-semibold block">
-              Normalize Audio
+            <span className="block text-sm font-medium">
+              Normalize loudness
             </span>
-            <span id="normalize-audio-description" className="text-[10px] text-[var(--muted)]">
+            <span id="normalize-audio-description" className="text-2xs text-[var(--muted)]">
               {recipe.normalizeAudio ? "–14 LUFS (streaming standard)" : "Off"}
             </span>
           </div>
@@ -222,7 +204,7 @@ export default function AudioSpeedControl({ recipe, onChange }: Props) {
       )}
 
       {recipe.keepAudio && (recipe.trimStart !== 0 || recipe.trimEnd !== null) && (
-        <div role="note" className="mt-3 p-3 bg-[var(--accent-muted)] border border-[var(--border)] rounded text-sm text-[var(--text)] leading-relaxed flex items-start gap-2 animate-fade-in">
+        <div role="note" className="callout callout-info text-xs">
           <AlertTriangle size={12} aria-hidden="true" className="shrink-0 mt-0.5" />
           <p>
             Note: If audio doesn&apos;t start within the selected range, the output will be silent.
diff --git a/src/components/ColorPicker.tsx b/src/components/ColorPicker.tsx
index c7f7db633..e3d4d2c64 100644
--- a/src/components/ColorPicker.tsx
+++ b/src/components/ColorPicker.tsx
@@ -9,7 +9,7 @@ interface ColorPickerProps {
 }
 
 const getGlassyClasses = (opacity = 10) =>
-    `backdrop-filter backdrop-blur-lg bg-[var(--surface)] bg-opacity-${opacity} border border-[var(--border)] rounded-lg shadow-lg transition-all duration-300`;
+    `bg-[var(--surface)] border border-[var(--border)] rounded-lg shadow-[var(--shadow-overlay)]`;
 
 function hexToHsv(hex: string): [number, number, number] {
     const r = parseInt(hex.slice(1, 3), 16) / 255;
@@ -220,7 +220,7 @@ const ColorPicker: React.FC<ColorPickerProps> = ({
                     ref={triggerRef}
                     type="button"
                     onClick={() => setOpen(!open)}
-                    className={`flex items-center gap-3 ${getGlassyClasses(20)} p-1.5 border border-[var(--border)] hover:bg-[var(--border)] active:scale-95 transition-transform`}
+                    className={`flex items-center gap-3 ${getGlassyClasses()} p-1.5 border border-[var(--border)] hover:bg-[var(--border)] active:scale-95 transition-transform`}
                     aria-label="Open custom palette"
                 >
                     <span
@@ -234,7 +234,7 @@ const ColorPicker: React.FC<ColorPickerProps> = ({
                     value={hexInput}
                     onChange={handleHexInput}
                     maxLength={6}
-                    className='flex-1 px-2 py-1.5 text-xs rounded border border-[var(--border)] bg-[var(--bg)] text-[var(--text)] font-mono uppercase tracking-widest focus:outline-none focus:ring-2 focus:ring-film-500'
+                    className='flex-1 px-2 py-1.5 text-xs rounded border border-[var(--border)] bg-[var(--bg)] text-[var(--text)] font-mono uppercase focus:outline-none focus:ring-2 focus:ring-film-500'
                     spellCheck={false}
                 />
             </div>
@@ -243,7 +243,7 @@ const ColorPicker: React.FC<ColorPickerProps> = ({
                 createPortal(
                     <div
                         ref={panelRef}
-                        className={`absolute z-[9999] p-3 ${getGlassyClasses(40)} border border-[var(--border)] w-60 flex flex-col gap-2.5 shadow-2xl backdrop-blur-xl`}
+                        className={`absolute z-[9999] p-3 ${getGlassyClasses()} border border-[var(--border)] w-60 flex flex-col gap-2.5`}
                         style={{
                             top: panelPos.top,
                             left: panelPos.left,
@@ -289,7 +289,7 @@ const ColorPicker: React.FC<ColorPickerProps> = ({
                                 <button
                                     type="button"
                                     onClick={handleEyeDropper}
-                                    className={`${getGlassyClasses(20)} p-1 border border-[var(--border)] hover:bg-[var(--border)] text-[var(--text)] flex-shrink-0`}
+                                    className={`${getGlassyClasses()} p-1 border border-[var(--border)] hover:bg-[var(--border)] text-[var(--text)] flex-shrink-0`}
                                     aria-label="Pick color from screen"
                                 >
                                     <Pipette size={14} />
@@ -302,8 +302,8 @@ const ColorPicker: React.FC<ColorPickerProps> = ({
                                 ['G', g],
                                 ['B', b],
                             ].map(([ch, v_rgb]) => (
-                                <div key={ch as string} className={`${getGlassyClasses(10)} py-0.5 border border-[var(--border)]`}>
-                                    <div className='text-[10px] text-[var(--muted)] font-medium'>{ch}</div>
+                                <div key={ch as string} className={`${getGlassyClasses()} py-0.5 border border-[var(--border)]`}>
+                                    <div className='text-2xs text-[var(--muted)] font-medium'>{ch}</div>
                                     <div className='text-xs font-semibold text-[var(--text)]'>{v_rgb}</div>
                                 </div>
                             ))}
diff --git a/src/components/ComparisonPreview.tsx b/src/components/ComparisonPreview.tsx
index 061cb6910..5484a14c4 100644
--- a/src/components/ComparisonPreview.tsx
+++ b/src/components/ComparisonPreview.tsx
@@ -216,7 +216,7 @@ export default function ComparisonPreview({ file, recipe, videoRef }: Props) {
         >
           <track kind="captions" />
         </video>
-        <span className="absolute top-2 left-2 px-2 py-1 rounded bg-black/60 text-white text-[10px] font-heading font-bold uppercase tracking-wider pointer-events-none">
+        <span className="absolute top-2 left-2 px-2 py-1 rounded bg-black/60 text-white text-2xs font-bold pointer-events-none">
           Original
         </span>
       </div>
@@ -237,7 +237,7 @@ export default function ComparisonPreview({ file, recipe, videoRef }: Props) {
           </div>
         </div>
 
-        <span className="absolute top-2 right-2 px-2 py-1 rounded bg-black/60 text-white text-[10px] font-heading font-bold uppercase tracking-wider pointer-events-none text-right">
+        <span className="absolute top-2 right-2 px-2 py-1 rounded bg-black/60 text-white text-2xs font-bold pointer-events-none text-right">
           Reframed
           {targetDims && (
             <>
diff --git a/src/components/DatadogInit.tsx b/src/components/DatadogInit.tsx
index 4d8ed0574..563417cb4 100644
--- a/src/components/DatadogInit.tsx
+++ b/src/components/DatadogInit.tsx
@@ -1,8 +1,14 @@
 "use client";
 
 import { useEffect } from "react";
-import { datadogRum } from "@datadog/browser-rum";
-import { reactPlugin } from "@datadog/browser-rum-react";
+import { capabilityContext, registerRum } from "@/lib/telemetry";
+
+/** Strip query strings: Reframe mirrors editing settings into the URL. */
+function stripQuery(url: string | undefined): string | undefined {
+  if (!url) return url;
+  const i = url.indexOf("?");
+  return i === -1 ? url : url.slice(0, i);
+}
 
 export default function DatadogInit() {
   useEffect(() => {
@@ -13,23 +19,65 @@ export default function DatadogInit() {
       return;
     }
 
-    datadogRum.init({
-      applicationId,
-      clientToken,
-      site: "datadoghq.com",
-      service: "reframe",
-      env: "production",
-      version: "0.1.0",
-      sessionSampleRate: 100,
-      // Reframe advertises itself as 100% private client-side video editing —
-      // session replay would visually record the editor UI, which cuts
-      // against that claim. Metrics/errors only.
-      sessionReplaySampleRate: 0,
-      plugins: [reactPlugin()],
-      trackUserInteractions: true,
-      trackResources: true,
-      trackLongTasks: true,
-    });
+    let cancelled = false;
+
+    // The SDK isn't needed for first paint, so it loads as a separate chunk
+    // once the browser is idle. RUM still captures the initial view's
+    // FCP/LCP/CLS from buffered performance entries.
+    const start = () => {
+      Promise.all([import("@datadog/browser-rum"), import("@datadog/browser-rum-react")])
+        .then(([{ datadogRum }, { reactPlugin }]) => {
+          if (cancelled) return;
+          datadogRum.init({
+            applicationId,
+            clientToken,
+            site: "datadoghq.com",
+            service: "reframe",
+            // Lets local/preview measurements be separated from production.
+            env: process.env.NEXT_PUBLIC_DATADOG_ENV || "production",
+            version: "0.1.0",
+            sessionSampleRate: 100,
+            // Reframe advertises itself as 100% private client-side video editing —
+            // session replay would visually record the editor UI, which cuts
+            // against that claim. Metrics/errors only.
+            sessionReplaySampleRate: 0,
+            plugins: [reactPlugin()],
+            trackUserInteractions: true,
+            // Auto-named click actions use the clicked element's text, which can
+            // include the uploaded file's name. Mask them; custom actions keep names.
+            enablePrivacyForActionName: true,
+            trackResources: true,
+            trackLongTasks: true,
+            beforeSend: (event) => {
+              // The editor mirrors recipe settings into the query string, and
+              // previews are blob: URLs — neither should leave the device.
+              if (event.view) {
+                event.view.url = stripQuery(event.view.url) ?? event.view.url;
+                event.view.referrer = stripQuery(event.view.referrer);
+              }
+              if (event.type === "resource" && event.resource.url.startsWith("blob:")) {
+                return false;
+              }
+              return true;
+            },
+          });
+          datadogRum.setGlobalContext(capabilityContext());
+          registerRum(datadogRum);
+        })
+        .catch(() => {
+          // Telemetry is optional; never surface a failure to the user.
+        });
+    };
+
+    const idle = window.requestIdleCallback
+      ? window.requestIdleCallback(start, { timeout: 4000 })
+      : window.setTimeout(start, 1500);
+
+    return () => {
+      cancelled = true;
+      if (window.cancelIdleCallback) window.cancelIdleCallback(idle);
+      else window.clearTimeout(idle);
+    };
   }, []);
 
   return null;
diff --git a/src/components/DownloadResult.tsx b/src/components/DownloadResult.tsx
index 475c899bc..233c248df 100644
--- a/src/components/DownloadResult.tsx
+++ b/src/components/DownloadResult.tsx
@@ -56,134 +56,124 @@ export default function DownloadResult({ result, onReset, soundOnCompletion, onT
     }
   };
 
+  // The success animation plays once; with reduced motion it shows its first frame.
+  const [reduceMotion] = useState(
+    () => typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches
+  );
+
   return (
-    <div className="p-5 bg-[var(--surface)] border border-[var(--border)] rounded-xl space-y-4">
-      <div className="flex items-center justify-between">
-  <div className="flex items-center gap-4">
-    <div className="w-12 h-12 shrink-0">
-      <LottiePlayer animationData={successAnim} loop={false} autoplay />
-    </div>
-    <div>
-      <p className="font-heading font-bold text-base text-[var(--text)]">Export complete</p>
-      <p className="text-xs text-[var(--muted)] mt-0.5">Ready to download</p>
-    </div>
-  </div>
-  <button
-    type="button"
-    onClick={onToggleSound}
-    aria-label={soundOnCompletion ? "Mute completion sound" : "Unmute completion sound"}
-    className="p-2 rounded-lg border border-[var(--border)] text-[var(--muted)] hover:bg-[var(--bg)] transition-colors"
-    title={soundOnCompletion ? "Sound on" : "Sound off"}
-  >
-    {soundOnCompletion ? <Volume2 size={14} /> : <VolumeX size={14} />}
-  </button>
-</div>
-
-  {soundError && (
-    <p className="text-xs text-[var(--muted)]">Completion sound could not be played on this device.</p>
-  )}
-
-      <div className="grid grid-cols-2 gap-2 text-sm">
-        <div className="bg-[var(--bg)] rounded-lg p-3 border border-[var(--border)]">
-          <p className="text-[10px] font-heading font-semibold uppercase tracking-wider text-[var(--muted)] mb-1">Resolution</p>
-          <p className="font-heading font-bold text-[var(--text)]">{result.width} × {result.height}</p>
-        </div>
-        <div className="bg-[var(--bg)] rounded-lg p-3 border border-[var(--border)]">
-          <p className="text-[10px] font-heading font-semibold uppercase tracking-wider text-[var(--muted)] mb-1">File size</p>
-          <p className="font-heading font-bold text-[var(--text)]">{formatBytes(result.size)}</p>
-        </div>
-        {typeof result.exportDurationMs === "number" && (
-          <div className="col-span-2 bg-[var(--bg)] rounded-lg p-3 border border-[var(--border)]">
-            <p className="text-[10px] font-heading font-semibold uppercase tracking-wider text-[var(--muted)] mb-1">Export time</p>
-            <p className="font-heading font-bold text-[var(--text)]">Exported in {formatExportDuration(result.exportDurationMs)}</p>
+    <div className="panel space-y-4 p-4 sm:p-5">
+      <div className="flex items-center justify-between gap-3">
+        <div className="flex items-center gap-3">
+          <div className="h-10 w-10 shrink-0">
+            <LottiePlayer animationData={successAnim} loop={false} autoplay={!reduceMotion} />
           </div>
-        )}
+          <div>
+            <p className="text-base font-semibold text-[var(--text)]">Export complete</p>
+            <p className="tabular text-xs text-[var(--muted)]">
+              {result.format.toUpperCase()} · {result.width} × {result.height} · {formatBytes(result.size)}
+              {typeof result.exportDurationMs === "number" &&
+                ` · exported in ${formatExportDuration(result.exportDurationMs)}`}
+            </p>
+          </div>
+        </div>
+        <button
+          type="button"
+          onClick={onToggleSound}
+          aria-label={soundOnCompletion ? "Mute completion sound" : "Unmute completion sound"}
+          aria-pressed={soundOnCompletion}
+          className="btn btn-ghost btn-icon btn-sm"
+          title={soundOnCompletion ? "Completion sound on" : "Completion sound off"}
+        >
+          {soundOnCompletion ? <Volume2 size={14} aria-hidden="true" /> : <VolumeX size={14} aria-hidden="true" />}
+        </button>
       </div>
 
-      <div className="space-y-1.5 pt-2">
-        <div className="flex justify-between items-center text-xs px-1">
-          <label htmlFor="filename-input" className="text-[var(--muted)] font-heading font-semibold uppercase tracking-wider">
-            Filename
+      {soundError && (
+        <p className="hint">The completion sound couldn&apos;t play on this device.</p>
+      )}
+
+      <div className="space-y-1">
+        <div className="flex items-center justify-between text-xs">
+          <label htmlFor="filename-input" className="label">
+            File name
           </label>
-          <span className={cn("transition-colors", name.length >= 100 ? "text-[var(--error)] font-medium" : "text-[var(--muted)]")}>
-            {100 - name.length} chars remaining
+          <span className={cn("tabular", name.length >= 100 ? "text-[var(--error)] font-medium" : "text-[var(--muted)]")}>
+            {100 - name.length} characters left
           </span>
         </div>
-        <div className="flex items-center gap-2">
+        <div className="flex items-stretch gap-2">
           <input
             id="filename-input"
             type="text"
             value={name}
             onChange={(e) => setName(e.target.value)}
             maxLength={100}
-            className={cn(
-              "flex-1 px-3 py-2.5 bg-[var(--bg)] border rounded-lg text-sm transition-colors text-[var(--text)] placeholder:text-[var(--muted)]",
-              !isValid && name.length > 0 ? "border-[var(--error)] focus:outline-[var(--error)] focus:ring-1 focus:ring-[var(--error)]" : "border-[var(--border)] focus:outline-[var(--accent)]"
-            )}
-            placeholder="Enter filename"
+            aria-invalid={!isValid && name.length > 0}
+            aria-describedby={!isValid && name.length > 0 ? "filename-error" : undefined}
+            className="field flex-1"
+            placeholder="Enter a file name"
           />
-          <span className="text-sm text-[var(--muted)] shrink-0 font-medium bg-[var(--bg)] px-3 py-2.5 border border-[var(--border)] rounded-lg">
+          <span className="flex items-center rounded-control border border-[var(--border)] bg-[var(--surface-2)] px-3 text-sm text-[var(--muted)]">
             .{result.format}
           </span>
         </div>
         {!isValid && name.length > 0 && (
-          <p className="text-xs text-[var(--error)] px-1 flex items-center gap-1.5 mt-1 animate-fade-in">
-            <AlertCircle size={12} />
-            Filename contains invalid characters (\ / : * ? &quot; &lt; &gt; |)
+          <p id="filename-error" className="flex items-center gap-1.5 text-xs text-[var(--error)]">
+            <AlertCircle size={12} aria-hidden="true" />
+            Remove these characters: \ / : * ? &quot; &lt; &gt; |
           </p>
         )}
       </div>
 
-      <div className="flex flex-wrap gap-2 pt-2">
+      <div className="flex flex-wrap gap-2">
         <a
           href={isValid ? result.blobUrl : undefined}
           download={isValid ? filename : undefined}
-          className={cn(
-            "flex-1 min-w-[10rem] flex items-center justify-center gap-2 py-3 text-sm font-heading font-bold uppercase tracking-wide rounded-lg transition-all",
-            isValid 
-              ? "bg-[var(--accent)] text-white hover:bg-[var(--accent-hover)] hover:scale-[1.02] active:scale-[0.99] cursor-pointer"
-              : "bg-[var(--border)] text-[var(--muted)] cursor-not-allowed"
-          )}
+          aria-disabled={!isValid}
+          className="btn btn-primary btn-lg min-w-[10rem] flex-1"
           onClick={(e) => {
             if (!isValid) e.preventDefault();
           }}
         >
-          <Download size={15} aria-hidden="true" />
+          <Download size={16} aria-hidden="true" />
           Download {result.format.toUpperCase()}
         </a>
-        <NativeShareButton 
+        <NativeShareButton
           file={result.blob}
           fileName={filename}
-          className="flex-1 min-w-[10rem] py-3 text-sm font-heading font-bold uppercase tracking-wide rounded-lg"
+          className="btn btn-secondary btn-lg min-w-[8rem] flex-1"
         />
         <a
           href={result.blobUrl}
           target="_blank"
           rel="noopener noreferrer"
-          aria-label="Preview video in new tab"
-          className="flex items-center justify-center gap-2 px-4 py-3 border border-[var(--border)] text-[var(--muted)] text-sm rounded-lg hover:border-[var(--accent)] hover:bg-[var(--accent-muted)] hover:text-[var(--text)] transition-colors"
+          className="btn btn-secondary btn-lg"
+          title="Open the exported video in a new tab"
         >
           Preview
         </a>
+      </div>
+
+      <div className="flex flex-wrap items-center justify-between gap-2 border-t border-[var(--border)] pt-3">
         <button
           type="button"
-          title="Reset and upload a new video"
-          aria-label="Upload a new video"
+          title="Clear this video and its settings"
           onClick={handleReset}
-          className="flex items-center gap-2 px-4 py-3 border border-[var(--border)] text-[var(--muted)] text-sm rounded-lg hover:border-[var(--accent)] hover:bg-[var(--accent-muted)] hover:text-[var(--text)] transition-colors"
+          className="btn btn-ghost btn-sm"
         >
-          <RotateCcw size={14} aria-hidden="true" />
-          New
+          <RotateCcw size={13} aria-hidden="true" />
+          Start over with a new video
         </button>
         <a
           href={shareHref}
           target="_blank"
           rel="noopener noreferrer"
-          aria-label="Share on X (opens in a new tab)"
-          className="flex-1 min-w-[10rem] flex items-center justify-center gap-2 py-3 border border-[var(--border)] text-[var(--text)] text-sm font-heading font-bold uppercase tracking-wide rounded-lg hover:border-[var(--accent)] hover:bg-[var(--accent-muted)] transition-colors"
+          className="btn btn-ghost btn-sm"
         >
-          <Share2 size={15} aria-hidden="true" />
-          Share on X
+          <Share2 size={13} aria-hidden="true" />
+          Share Reframe on X
+          <span className="sr-only">(opens in a new tab)</span>
         </a>
       </div>
     </div>
diff --git a/src/components/DraggableTextOverlays.tsx b/src/components/DraggableTextOverlays.tsx
index d6a088aa3..9a612ee2f 100644
--- a/src/components/DraggableTextOverlays.tsx
+++ b/src/components/DraggableTextOverlays.tsx
@@ -247,7 +247,7 @@ export default function DraggableTextOverlays({
             }}
             className={`absolute pointer-events-auto ${
               editingId === overlay.id ? "cursor-text" : "cursor-move"
-            } select-none transition-all ${
+            } select-none transition-colors ${
               isDragging ? "scale-105" : "scale-100"
             } ${
               isSelected
diff --git a/src/components/ExportOverlay.tsx b/src/components/ExportOverlay.tsx
index bcc93210f..e3f252976 100644
--- a/src/components/ExportOverlay.tsx
+++ b/src/components/ExportOverlay.tsx
@@ -3,15 +3,23 @@
 import FocusTrap from "focus-trap-react";
 import { useEffect, useRef, useCallback, useState } from "react";
 import { ExportStatus } from "@/lib/types";
-import LottiePlayer from "./LottiePlayer";
-import spinnerAnim from "@/lib/lottie/spinner.json";
 import TipCarousel from "./TipCarousel";
 
+export interface ExportSummary {
+  /** e.g. "MP4" */
+  format: string;
+  /** e.g. "1080 × 1920" */
+  resolution: string;
+  /** e.g. "Balanced (CRF 23)" */
+  quality: string;
+}
+
 interface Props {
   status: ExportStatus;
   progress: number;
   exportStartedAt?: number | null;
   onCancel?: () => void;
+  summary?: ExportSummary;
 }
 
 function formatElapsed(ms: number): string {
@@ -21,7 +29,7 @@ function formatElapsed(ms: number): string {
   return `${minutes}:${seconds.toString().padStart(2, "0")}`;
 }
 
-export default function ExportOverlay({ status, progress, exportStartedAt, onCancel }: Props) {
+export default function ExportOverlay({ status, progress, exportStartedAt, onCancel, summary }: Props) {
   const visible = status === "loading-engine" || status === "exporting";
   const previousFocusRef = useRef<HTMLElement | null>(null);
   const focusAnchorRef = useRef<HTMLDivElement | null>(null);
@@ -80,6 +88,7 @@ export default function ExportOverlay({ status, progress, exportStartedAt, onCan
   if (!visible) return null;
 
   const isLoading = status === "loading-engine";
+  const clamped = Math.max(0, Math.min(100, progress));
 
   return (
     <FocusTrap
@@ -94,79 +103,86 @@ export default function ExportOverlay({ status, progress, exportStartedAt, onCan
       <div
         role="dialog"
         aria-modal="true"
+        aria-labelledby="export-overlay-title"
+        aria-describedby="export-overlay-desc"
         tabIndex={-1}
-        className="fixed inset-0 z-50 flex flex-col items-center justify-center bg-[var(--bg)]/95 backdrop-blur-sm"
+        className="fixed inset-0 z-50 flex items-center justify-center bg-black/55 p-4 animate-fade-in"
       >
-        <div
-          className="text-center space-y-6 max-w-xs px-6 animate-fade-in"
-          aria-live="polite"
-        >
-          <div
-            ref={focusAnchorRef}
-            tabIndex={-1}
-            className="sr-only"
-            aria-hidden="true"
-          />
-          <div className="mx-auto w-20 h-20">
-            <LottiePlayer
-              animationData={spinnerAnim}
-              loop
-              autoplay
-              aria-hidden="true"
-            />
-          </div>
-          <div className="export-text">
-            <h2 className="font-heading font-bold text-xl tracking-tight text-[var(--text)]">
-              {isLoading ? "Loading engine" : "Exporting"}
-            </h2>
-            <p className="text-sm text-[var(--muted)] mt-1">
-              {isLoading
-                ? "Downloading the video engine. This only happens once."
-                : "Processing your video locally."}
-            </p>
-            <p className="text-xs font-heading font-semibold text-film-600 mt-2 uppercase tracking-wide">
-              Do not close or refresh this tab
-            </p>
-          </div>
-          <span className="sr-only">
-            {status === "loading-engine"
-              ? `Loading video engine: ${progress}%`
-              : `Exporting: ${progress}%, ${formatElapsed(elapsedMs)} elapsed`}
-          </span>
-            <div className="w-full space-y-2">
-              <div className="h-1 w-full bg-film-100 rounded-full overflow-hidden">
+        <div className="panel w-full max-w-sm p-6 shadow-[var(--shadow-overlay)]">
+          <div ref={focusAnchorRef} tabIndex={-1} className="sr-only" aria-hidden="true" />
+
+          <h2 id="export-overlay-title" className="text-lg font-semibold">
+            {isLoading ? "Starting the video engine" : "Exporting"}
+          </h2>
+          <p id="export-overlay-desc" className="mt-1 text-sm text-[var(--muted)]">
+            {isLoading
+              ? "Downloading FFmpeg (about 30 MB) the first time. After that it loads from your browser cache."
+              : "Your video is processed on this device. Keep this tab open until it finishes."}
+          </p>
+
+          {summary && (
+            <dl className="mt-4 grid grid-cols-3 gap-3 rounded-control bg-[var(--surface-2)] p-3 text-xs">
+              <div>
+                <dt className="text-[var(--muted)]">Format</dt>
+                <dd className="mt-0.5 font-medium">{summary.format}</dd>
+              </div>
+              <div>
+                <dt className="text-[var(--muted)]">Size</dt>
+                <dd className="tabular mt-0.5 font-medium">{summary.resolution}</dd>
+              </div>
+              <div>
+                <dt className="text-[var(--muted)]">Quality</dt>
+                <dd className="mt-0.5 font-medium">{summary.quality}</dd>
+              </div>
+            </dl>
+          )}
+
+          <div className="mt-5 space-y-2" aria-live="polite">
+            {isLoading ? (
+              // The engine download doesn't report byte progress, so this is
+              // an honest indeterminate state rather than a fake percentage.
+              <div className="flex items-center gap-2 text-sm text-[var(--text-secondary)]">
+                <span
+                  aria-hidden="true"
+                  className="h-4 w-4 shrink-0 rounded-full border-2 border-[var(--border-strong)] border-t-[var(--accent)] animate-spin"
+                />
+                Loading engine…
+              </div>
+            ) : (
+              <>
                 <div
+                  className="progress-track"
                   role="progressbar"
-                  aria-valuenow={progress}
+                  aria-valuenow={clamped}
                   aria-valuemin={0}
                   aria-valuemax={100}
-                  aria-label={isLoading ? "Engine download progress" : "Export progress"}
-                  className="h-full bg-film-600 rounded-full transition-all duration-300"
-                  style={{ width: `${progress}%` }}
-                />
-              </div>
-              <div className="flex items-center justify-between gap-4 text-xs font-heading font-semibold text-[var(--muted)]">
-                <span>{progress}%</span>
-                {!isLoading && (
-                  <span>{formatElapsed(elapsedMs)} elapsed</span>
-                )}
-              </div>
-              <TipCarousel />
-              {!isLoading && (
-              <div className="flex flex-col items-center gap-3 mt-4">
-                <button
-                  type="button"
-                  onClick={() => onCancel?.()}
-                  className="inline-flex items-center justify-center rounded-lg border border-[var(--error-border)] bg-[var(--error-bg)] px-4 py-2 text-sm font-semibold text-[var(--error)] transition-colors hover:bg-[var(--error-hover)] active:scale-[0.98]"
+                  aria-label="Export progress"
                 >
-                  Cancel Export
-                </button>
-                <p className="text-[var(--text)] text-xs">
-                  Press Escape to cancel
-                </p>
-              </div>
-              )}
-            </div>
+                  <div className="progress-fill" style={{ transform: `scaleX(${clamped / 100})` }} />
+                </div>
+                <div className="tabular flex items-center justify-between text-xs text-[var(--muted)]">
+                  <span className="font-medium text-[var(--text)]">{clamped}%</span>
+                  <span>{formatElapsed(elapsedMs)} elapsed</span>
+                </div>
+              </>
+            )}
+            <span className="sr-only">
+              {isLoading
+                ? "Loading video engine"
+                : `Exporting: ${clamped}%, ${formatElapsed(elapsedMs)} elapsed`}
+            </span>
+          </div>
+
+          <div className="mt-5 flex items-center justify-between gap-3">
+            <span className="text-xs text-[var(--muted)]">
+              <kbd className="kbd">Esc</kbd> to cancel
+            </span>
+            <button type="button" onClick={() => onCancel?.()} className="btn btn-secondary">
+              Cancel export
+            </button>
+          </div>
+
+          {!isLoading && <TipCarousel />}
         </div>
       </div>
     </FocusTrap>
diff --git a/src/components/ExportSettings.tsx b/src/components/ExportSettings.tsx
index 6eee9b9b7..2ea3f86df 100644
--- a/src/components/ExportSettings.tsx
+++ b/src/components/ExportSettings.tsx
@@ -3,7 +3,6 @@
 import { EditRecipe } from "@/lib/types";
 import { cn } from "@/lib/utils";
 import {
-  SlidersHorizontal,
   Info as InfoIcon,
 } from "lucide-react";
 
@@ -48,23 +47,22 @@ export default function ExportSettings({
         <div className="flex items-center justify-between mb-2">
           <label
             htmlFor="quality-control"
-            className="text-sm font-heading font-semibold uppercase tracking-wider text-[var(--muted)] flex items-center gap-2"
+            className="label flex items-center gap-1.5"
           >
-            <SlidersHorizontal size={10} />
-            Quality
+                        Quality
 
             <span
               className="cursor-help"
               title="CRF (Constant Rate Factor): lower = higher quality, larger file. 18 = best quality, 30 = smallest file."
             >
-              <InfoIcon size={14} />
+              <InfoIcon size={13} aria-hidden="true" />
             </span>
           </label>
 
-          <span className="text-sm font-heading font-bold text-film-600">
+          <span className="text-sm font-medium text-[var(--text)]">
             {label}
 
-            <span className="font-normal text-sm text-[var(--muted)] ml-2">
+            <span className="tabular ml-1.5 text-xs font-normal text-[var(--muted)]">
               CRF {recipe.quality}
             </span>
           </span>
@@ -87,7 +85,7 @@ export default function ExportSettings({
           aria-describedby="quality-description"
           aria-label="Video export quality (CRF)"
           aria-valuetext={`${label} quality, CRF value ${recipe.quality}`}
-          className="w-full accent-film-600 cursor-pointer"
+          className="w-full cursor-pointer"
         />
 
         <div
@@ -95,11 +93,11 @@ export default function ExportSettings({
           className="mt-1 space-y-3"
         >
           <div className="flex justify-between">
-            <span className="text-sm text-[var(--muted)]">
+            <span className="hint">
               Smallest file
             </span>
 
-            <span className="text-sm text-[var(--muted)]">
+            <span className="hint">
               Best quality
             </span>
           </div>
@@ -113,7 +111,7 @@ export default function ExportSettings({
 
           {isGif && (
             <p className="text-xs text-[var(--warning)] font-medium">
-              ⚠ GIF files can be very large. Keep clips under 10 s for best results.
+              GIF files can be very large. Keep clips under 10 s for best results.
             </p>
           )}
         </div>
@@ -122,7 +120,7 @@ export default function ExportSettings({
         <div className="flex items-center justify-between mt-4">
           <label
             htmlFor="sound-on-completion"
-            className="text-[10px] font-heading font-semibold uppercase tracking-wider text-[var(--muted)]"
+            className="label"
           >
             Sound on completion
           </label>
@@ -135,7 +133,7 @@ export default function ExportSettings({
               onChange({ soundOnCompletion: e.target.checked })
             }
             aria-label="Play sound when export completes"
-            className="accent-film-600 cursor-pointer"
+            className="h-4 w-4 cursor-pointer"
           />
         </div>
         )}
@@ -145,13 +143,12 @@ export default function ExportSettings({
         <div className="flex items-center justify-between mb-1">
           <label
             htmlFor="stabilization-toggle"
-            className="text-sm font-heading font-semibold uppercase tracking-wider text-[var(--muted)] flex items-center gap-2"
+            className="label flex items-center gap-1.5"
           >
-            <SlidersHorizontal size={10} />
-            Stabilization
+                        Stabilization
           </label>
 
-          <span className="flex text-sm font-heading font-bold text-film-600">
+          <span className="flex">
             <input
               id="stabilization-toggle"
               type="checkbox"
@@ -162,12 +159,12 @@ export default function ExportSettings({
                 })
               }
               aria-label="Enable video stabilization"
-              className="w-full accent-film-600 cursor-pointer"
+              className="h-4 w-4 cursor-pointer"
             />
           </span>
         </div>
 
-        <p className="text-xs text-[var(--muted)] mb-1">
+        <p className="hint mb-1">
           Reduce camera shake
         </p>
 
@@ -176,7 +173,7 @@ export default function ExportSettings({
             className={cn(
               "text-xs",
               recipe.stabilization
-                ? "text-[var(--error)] font-medium"
+                ? "text-[var(--warning)] font-medium"
                 : "text-[var(--muted)]"
             )}
           >
@@ -188,20 +185,19 @@ export default function ExportSettings({
         <div className="flex items-center justify-between mb-1">
           <label
             htmlFor="denoise-toggle"
-            className="text-sm font-heading font-semibold uppercase tracking-wider text-[var(--muted)] flex items-center gap-2"
+            className="label flex items-center gap-1.5"
           >
-            <SlidersHorizontal size={10} />
-            Reduce noise
+                        Reduce noise
 
             <span
               className="cursor-help"
               title="Reduces video noise. May slow down export slightly."
             >
-              <InfoIcon size={14} />
+              <InfoIcon size={13} aria-hidden="true" />
             </span>
           </label>
 
-          <span className="flex text-sm font-heading font-bold text-film-600">
+          <span className="flex">
             <input
               id="denoise-toggle"
               type="checkbox"
@@ -213,12 +209,12 @@ export default function ExportSettings({
               }
               aria-label="Enable noise reduction"
               aria-checked={recipe.denoise}
-              className="w-full accent-film-600 cursor-pointer"
+              className="h-4 w-4 cursor-pointer"
             />
           </span>
         </div>
 
-        <p className="text-xs text-[var(--muted)] mb-1">
+        <p className="hint mb-1">
           Reduce low-light video grain
         </p>
 
@@ -227,7 +223,7 @@ export default function ExportSettings({
             className={cn(
               "text-xs",
               recipe.denoise
-                ? "text-red-700 font-medium"
+                ? "text-[var(--warning)] font-medium"
                 : "text-[var(--muted)]"
             )}
           >
diff --git a/src/components/FileUpload.tsx b/src/components/FileUpload.tsx
index 8b931a221..8f671bdd0 100644
--- a/src/components/FileUpload.tsx
+++ b/src/components/FileUpload.tsx
@@ -1,9 +1,7 @@
 "use client";
 
 import { useRef, useState, useEffect, useCallback } from "react";
-import { Film, FolderOpen, Info } from "lucide-react";
-import LottiePlayer from "./LottiePlayer";
-import uploadAnim from "@/lib/lottie/upload.json";
+import { Film, Upload } from "lucide-react";
 import { cn, formatBytes, formatDuration } from "@/lib/utils";
 import { MAX_FILE_SIZE, WARNING_FILE_SIZE } from "@/lib/types";
 
@@ -14,78 +12,36 @@ interface Props {
   duration: number;
 }
 
+/** Matches the extension check in useVideoEditor.handleFileSelect. */
+const SUPPORTED_FORMATS = "MP4, MOV, WebM, MKV and AVI";
+
 function UploadRequirements() {
   return (
-    <section
-      aria-labelledby="upload-requirements-title"
-      className="rounded-xl border border-[var(--border)] bg-[var(--surface)] p-4 shadow-[var(--shadow)]"
-    >
-      <div className="flex items-start gap-3">
-        <div
-          aria-hidden="true"
-          className="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-[var(--accent-muted)] text-film-600"
-        >
-          <Info size={16} />
+    <section aria-labelledby="upload-requirements-title" className="px-1">
+      <h2 id="upload-requirements-title" className="sr-only">
+        Before you upload
+      </h2>
+      <dl className="grid gap-x-6 gap-y-3 text-xs sm:grid-cols-3">
+        <div>
+          <dt className="font-medium text-[var(--text)]">Formats</dt>
+          <dd className="mt-0.5 leading-5 text-[var(--muted)]">
+            {SUPPORTED_FORMATS}. MP4 with H.264 video and AAC audio is the most reliable.
+          </dd>
         </div>
-
-        <div className="min-w-0 flex-1">
-          <h3
-            id="upload-requirements-title"
-            className="font-heading text-sm font-semibold text-[var(--text)]"
-          >
-            Upload requirements
-          </h3>
-
-          <p className="mt-1 text-xs text-[var(--muted)]">
-            Check these details before choosing a video.
-          </p>
-
-          <dl className="mt-3 grid gap-3 sm:grid-cols-2">
-            <div>
-              <dt className="text-xs font-semibold text-[var(--text)]">
-                File size
-              </dt>
-              <dd className="mt-1 text-xs leading-5 text-[var(--muted)]">
-                Up to {formatBytes(MAX_FILE_SIZE)}. Files over{" "}
-                {formatBytes(WARNING_FILE_SIZE)} may process more slowly.
-              </dd>
-            </div>
-
-            <div>
-              <dt className="text-xs font-semibold text-[var(--text)]">
-                Supported formats
-              </dt>
-              <dd className="mt-1 text-xs leading-5 text-[var(--muted)]">
-                MP4, MOV, AVI, MKV and WebM.
-              </dd>
-            </div>
-
-            <div>
-              <dt className="text-xs font-semibold text-[var(--text)]">
-                Best compatibility
-              </dt>
-              <dd className="mt-1 text-xs leading-5 text-[var(--muted)]">
-                MP4 with H.264 video and AAC audio is recommended.
-              </dd>
-            </div>
-
-            <div>
-              <dt className="text-xs font-semibold text-[var(--text)]">
-                Processing
-              </dt>
-              <dd className="mt-1 text-xs leading-5 text-[var(--muted)]">
-                Processing happens locally in your browser using FFmpeg.wasm.
-              </dd>
-            </div>
-          </dl>
-
-          <p className="mt-3 border-t border-[var(--border)] pt-3 text-xs leading-5 text-[var(--muted)]">
-            Large, high-resolution or complex videos can exceed browser memory,
-            especially on devices with limited RAM. For smoother exports, close
-            unused tabs and use the recommended MP4 format.
-          </p>
+        <div>
+          <dt className="font-medium text-[var(--text)]">File size</dt>
+          <dd className="mt-0.5 leading-5 text-[var(--muted)]">
+            Up to {formatBytes(MAX_FILE_SIZE)}. Export loads the whole file into browser memory, so files
+            over {formatBytes(WARNING_FILE_SIZE)} can fail on devices with little RAM.
+          </dd>
         </div>
-      </div>
+        <div>
+          <dt className="font-medium text-[var(--text)]">Output</dt>
+          <dd className="mt-0.5 leading-5 text-[var(--muted)]">
+            MP4, WebM, MKV or GIF, sized for each platform or to your own dimensions.
+          </dd>
+        </div>
+      </dl>
     </section>
   );
 }
@@ -102,54 +58,42 @@ interface FileInfoProps {
 }
 
 function FileInfo({ currentFile, duration, fileError, onChangeClick }: FileInfoProps) {
+  const ext = currentFile?.name.includes(".") ? currentFile.name.split(".").pop() : "video";
   return (
-    <div className="px-4 py-3 bg-[var(--surface)] border border-[var(--border)] rounded-[var(--radius)] shadow-[var(--shadow)]">
-      <div className="flex flex-col lg:flex-row lg:items-center gap-3">
-        <div className="flex items-start gap-3 flex-1 min-w-0">
-          <div className="hidden lg:flex items-center justify-center w-9 h-9 rounded-lg bg-[var(--surface)] border border-[var(--border)] shrink-0">
-            <Film size={16} className="text-film-600" />
-          </div>
-          <Film size={18} className="lg:hidden text-film-600 shrink-0 mt-0.5" />
-          <div className="flex-1 min-w-0">
-            <div className="flex flex-wrap items-center gap-2 mb-0.5">
-              <p className="text-sm font-semibold text-[var(--text)] truncate max-w-[320px] xl:max-w-[420px]">
-                {currentFile?.name}
-              </p>
-              {currentFile && (
-                <span className="px-2 py-0.5 bg-[var(--accent-muted)] text-[var(--text)] font-bold tracking-wider rounded text-[10px] uppercase shrink-0">
-                  {currentFile.name.includes(".")
-                    ? currentFile.name.split(".").pop()
-                    : "VIDEO"}
-                </span>
-              )}
-            </div>
-            <div className="text-xs text-[var(--muted)] mt-1 space-y-0.5">
-              <p>{formatBytes(currentFile?.size ?? 0)}</p>
-              <p>
-                {duration > 0
-                  ? `Duration: ${formatDuration(duration)}`
-                  : "Loading duration..."}
-              </p>
-            </div>
-          </div>
+    <div>
+      <div className="flex items-center gap-3">
+        <div
+          aria-hidden="true"
+          className="flex h-9 w-9 shrink-0 items-center justify-center rounded-control bg-[var(--surface-2)] text-[var(--text-secondary)]"
+        >
+          <Film size={16} />
+        </div>
+        <div className="min-w-0 flex-1">
+          <p className="truncate text-sm font-medium text-[var(--text)]" title={currentFile?.name}>
+            {currentFile?.name}
+          </p>
+          <p className="tabular text-xs text-[var(--muted)]">
+            <span className="uppercase">{ext}</span>
+            {" · "}
+            {formatBytes(currentFile?.size ?? 0)}
+            {" · "}
+            {duration > 0 ? formatDuration(duration) : "Reading duration…"}
+          </p>
         </div>
-
         <button
           type="button"
           onClick={onChangeClick}
-          className="text-xs font-semibold text-film-600 hover:text-film-700 uppercase tracking-wide"
+          className="btn btn-secondary btn-sm shrink-0"
+          title="Choose a different video (Ctrl+O)"
         >
-          Change
-          <span className="text-[var(--muted)] ml-1">(Ctrl+O)</span>
+          Replace video
         </button>
       </div>
 
-      <p className="text-xs text-[var(--muted)] mt-3 break-words">
-        Supports: MP4, MOV, AVI, MKV, WebM, and most video formats
-      </p>
-
       {fileError && (
-        <p className="text-xs text-[var(--error)] mt-2 font-medium">{fileError}</p>
+        <p role="alert" className="mt-2 text-xs font-medium text-[var(--error)]">
+          {fileError}
+        </p>
       )}
     </div>
   );
@@ -182,61 +126,49 @@ function DropZone({
       id="upload-zone"
       role="button"
       tabIndex={0}
-      aria-label="Video upload area. Drag and drop a video file or press Enter to browse."
+      // Named by its visible text so voice-control users can say what they see.
+      aria-labelledby="upload-zone-title"
+      aria-describedby="upload-zone-hint"
       onDragOver={onDragOver}
       onDragLeave={onDragLeave}
       onDrop={onDrop}
       onClick={onClick}
       onKeyDown={onKeyDown}
       className={cn(
-        "group flex flex-col items-center justify-center gap-4 py-12 px-6",
-        "border-2 border-dashed rounded-xl cursor-pointer transition-all duration-300 relative overflow-hidden",
+        "flex cursor-pointer flex-col items-center justify-center gap-3 rounded-panel border border-dashed px-6 py-14 text-center",
+        "transition-[background-color,border-color] duration-fast",
         dragging
-          ? "border-[var(--accent)] bg-[var(--accent-muted)] scale-[1.02] shadow-[var(--shadow)] ring-4 ring-[var(--accent-muted)]"
-          : "border-[var(--border)] bg-[var(--bg)] hover:border-film-400 hover:bg-film-50/40"
+          ? "border-[var(--accent)] bg-[var(--accent-muted)]"
+          : "border-[var(--border-strong)] bg-[var(--surface-2)] hover:border-[var(--text-secondary)]"
       )}
     >
-      {dragging && (
-        <div className="absolute inset-0 -translate-x-full animate-shimmer bg-gradient-to-r from-transparent via-film-500/20 to-transparent pointer-events-none" />
-      )}
-
-      <div className="w-20 h-20 opacity-80 group-hover:opacity-100 transition-opacity group-hover:scale-110 duration-200">
-        <LottiePlayer animationData={uploadAnim} loop autoplay />
+      <div
+        aria-hidden="true"
+        className="flex h-11 w-11 items-center justify-center rounded-full bg-[var(--surface)] text-[var(--text-secondary)] shadow-[var(--shadow)]"
+      >
+        <Upload size={18} />
       </div>
-
-      <div className="text-center">
-        <p className="font-heading font-semibold text-[var(--text)] text-base">
-          {dragging ? "Release to upload" : "Drag & Drop your video here"}
+      <div>
+        <p id="upload-zone-title" className="text-base font-medium text-[var(--text)]">
+          {dragging ? "Drop to open this video" : "Choose a video or drag it here"}
         </p>
-        <p className="text-sm text-[var(--muted)] mt-1">or click to browse</p>
-        <p className="text-xs text-[var(--muted)] mt-2 font-heading">
-          Ctrl+O / Cmd+O
+        <p id="upload-zone-hint" className="mt-1 text-sm text-[var(--muted)]">
+          {SUPPORTED_FORMATS} up to {formatBytes(MAX_FILE_SIZE)}{" "}
+          <span className="hidden sm:inline">
+            · <kbd className="kbd">Ctrl</kbd> <kbd className="kbd">O</kbd>
+          </span>
         </p>
       </div>
 
-      <div className="flex flex-col items-center gap-3">
-        <div className="flex flex-col items-center gap-2">
-          <div className="flex items-center gap-2 px-4 py-2 bg-[var(--surface)] border border-[var(--border)] rounded-lg text-sm font-heading font-medium text-[var(--muted)]">
-            <FolderOpen size={14} />
-            MP4 / MOV / AVI / WebM
-          </div>
-          <p className="text-xs text-[var(--muted)]">Max file size: 2 GB</p>
-        </div>
-
-        {error && (
-          <div className="text-xs text-red-700 bg-red-50 border border-red-200 rounded-lg px-3 py-2 flex items-center gap-2">
-            <span className="text-red-500">❌</span>
-            {error}
-          </div>
-        )}
-      </div>
-
-      <p className="text-xs text-[var(--muted)] text-center">
-        Supports: MP4, MOV, AVI, MKV, WebM, and most video formats up to 2GB
-      </p>
-
+      {error && (
+        <p role="alert" className="callout callout-error mt-1 text-xs">
+          {error}
+        </p>
+      )}
       {fileError && (
-        <p className="text-sm text-[var(--error)] text-center">{fileError}</p>
+        <p role="alert" className="text-sm text-[var(--error)]">
+          {fileError}
+        </p>
       )}
     </div>
   );
@@ -279,24 +211,22 @@ export default function FileUpload({
     setWarning("");
 
     if (!file.type.startsWith("video/")) {
-      setError("Please drop a valid video file (MP4, MOV, AVI, WebM, etc.)");
+      setError(`That file isn't a video. Choose a ${SUPPORTED_FORMATS} file.`);
       return;
     }
 
     if (file.size > MAX_FILE_SIZE) {
       setError(
-        `File too large (${formatBytes(file.size)}). Maximum allowed size is 2GB.`
+        `This file is ${formatBytes(file.size)}. The maximum is ${formatBytes(MAX_FILE_SIZE)}.`
       );
       return;
     }
 
     if (file.size > WARNING_FILE_SIZE) {
-      const estimatedMinutes = Math.max(
-        1,
-        Math.round(file.size / (100 * 1024 * 1024))
-      );
+      // No time estimate: export speed depends on codec, resolution and
+      // device far more than on file size, and it hasn't been measured.
       setWarning(
-        `Large file detected (${formatBytes(file.size)}). Processing may take ~${estimatedMinutes} minutes.`
+        `Large file (${formatBytes(file.size)}). Export can take several minutes and may fail on devices with limited memory.`
       );
     }
 
@@ -345,11 +275,12 @@ export default function FileUpload({
   }, [handleFile]);
 
   // ── Drop zone (inner) handler ─────────────────────────
+  // Only resets the zone's highlight: the drop bubbles to the document-level
+  // listener above, which handles the file. Handling it here as well ran
+  // validation and metadata extraction twice for every drop on the zone.
   const handleDrop = (e: React.DragEvent) => {
     e.preventDefault();
     setDragging(false);
-    const file = e.dataTransfer.files?.[0];
-    if (file) handleFile(file);
   };
 
   return (
@@ -358,42 +289,24 @@ export default function FileUpload({
       {pageDragging && (
         <div
           aria-live="polite"
-          aria-label="Drop your video file anywhere on the page"
-          className={cn(
-            "fixed inset-0 z-50 flex flex-col items-center justify-center gap-4",
-            "bg-black/60 backdrop-blur-sm",
-            "border-4 border-dashed border-film-500",
-            "transition-all duration-200 pointer-events-none"
-          )}
+          className="pointer-events-none fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-6"
         >
-          {/* Animated ring */}
-          <div className="relative flex items-center justify-center">
-            <div className="absolute w-32 h-32 rounded-full border-4 border-film-500/40 animate-ping" />
-            <div className="w-24 h-24 rounded-full bg-film-500/10 border-2 border-film-500 flex items-center justify-center">
-              <Film size={40} className="text-film-400" />
-            </div>
-          </div>
-
-          <div className="text-center">
-            <p className="text-2xl font-bold text-white">
-              Drop your video anywhere
-            </p>
-            <p className="text-film-300 mt-1 text-sm">
-              Release to start uploading
-            </p>
+          <div className="flex flex-col items-center gap-3 rounded-panel border-2 border-dashed border-white/70 px-10 py-8 text-center text-white">
+            <Film size={28} aria-hidden="true" />
+            <p className="text-xl font-semibold">Drop to open this video</p>
           </div>
         </div>
       )}
 
       {/* ── Normal upload UI ── */}
       <div className="space-y-2">
-        {error && (
+        {error && currentFile && (
           <p role="alert" className="text-sm text-[var(--error)]">
             {error}
           </p>
         )}
         {warning && (
-          <p role="alert" className="text-sm text-[var(--warning)]">
+          <p role="status" className="callout callout-warning text-xs">
             {warning}
           </p>
         )}
@@ -405,7 +318,7 @@ export default function FileUpload({
             onChangeClick={() => inputRef.current?.click()}
           />
         ) : (
-          <div className="space-y-3">
+          <div className="space-y-5">
             <DropZone
               dragging={dragging}
               error={error}
diff --git a/src/components/FontSelector.tsx b/src/components/FontSelector.tsx
index a5a72a837..1cd574470 100644
--- a/src/components/FontSelector.tsx
+++ b/src/components/FontSelector.tsx
@@ -146,7 +146,7 @@ export default function FontSelector({
                 <button
                   type="button"
                   onClick={() => onRemoveFont(name)}
-                  className="p-1 rounded text-red-400 hover:bg-red-500/10 transition-colors"
+                  className="p-1 rounded text-[var(--error)] hover:bg-[var(--error-bg)] transition-colors"
                   aria-label={`Remove ${name} font`}
                 >
                   <X size={12} />
@@ -163,7 +163,7 @@ export default function FontSelector({
           {errors.map((error, idx) => (
             <p
               key={idx}
-              className="text-xs text-red-400 bg-red-500/10 px-2 py-1 rounded"
+              className="text-xs text-[var(--error)] bg-[var(--error-bg)] px-2 py-1 rounded"
             >
               {error}
             </p>
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 721e9c9a1..e0694f487 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -18,18 +18,18 @@ import {
 
 export default function Footer() {
   return (
-    <footer className="w-full border-t border-[var(--border)] bg-[var(--bg)] text-[var(--text)] px-6 py-16 mt-20 transition-colors duration-300">
+    <footer className="w-full border-t border-[var(--border)] bg-[var(--bg)] text-[var(--text)] px-6 py-12 mt-16">
       <div className="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-12 gap-y-12 md:gap-x-12">
         {/* Brand Section */}
         <div className="md:col-span-5 space-y-6">
           <div>
             <h2 className="text-2xl font-bold tracking-tight">Reframe</h2>
-            <p className="text-[10px] font-mono tracking-[0.35em] uppercase opacity-50 mt-1">
+            <p className="text-xs text-[var(--muted)] mt-1">
               Browser Video Studio
             </p>
           </div>
 
-          <p className="text-sm opacity-70 leading-relaxed max-w-md">
+          <p className="text-sm text-[var(--text-secondary)] leading-relaxed max-w-md">
             Professional video processing directly in your browser using{" "}
             <span className="font-medium opacity-100">FFmpeg.wasm</span> — fast, private, and open
             source.
@@ -43,7 +43,7 @@ export default function Footer() {
             ].map((tag) => (
               <span
                 key={tag.label}
-                className="flex items-center gap-1.5 px-3 py-1 rounded-lg border border-[var(--border)] bg-[var(--surface)] text-[10px] font-semibold tracking-wide uppercase opacity-80 hover:opacity-100 hover:border-[var(--accent)] transition-all"
+                className="flex items-center gap-1.5 px-3 py-1 rounded-lg border border-[var(--border)] bg-[var(--surface)] text-2xs font-semibold text-[var(--text-secondary)] hover:border-[var(--border-strong)] transition-colors"
               >
                 {tag.icon}
                 {tag.label}
@@ -54,7 +54,7 @@ export default function Footer() {
 
         {/* Navigation */}
         <div className="md:col-span-3 space-y-5">
-          <h3 className="text-[11px] font-bold uppercase tracking-[0.2em] opacity-60">
+          <h3 className="text-xs font-medium text-[var(--muted)]">
             Navigation
           </h3>
 
@@ -64,7 +64,7 @@ export default function Footer() {
               target="_blank"
               rel="noopener noreferrer"
               aria-label="GitHub repository"
-              className="flex items-center gap-2 opacity-70 hover:opacity-100 hover:text-[var(--accent)] transition-all w-fit focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--accent)] rounded"
+              className="flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--text)] hover:underline underline-offset-2 transition-colors w-fit  rounded"
             >
               <Github size={14} />
               GitHub
@@ -74,7 +74,7 @@ export default function Footer() {
             <Link
               href="/contact"
               aria-label="Contact page"
-              className="flex items-center gap-2 opacity-70 hover:opacity-100 hover:text-[var(--accent)] transition-all w-fit focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--accent)] rounded"
+              className="flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--text)] hover:underline underline-offset-2 transition-colors w-fit  rounded"
             >
               <Mail size={14} />
               Contact
@@ -83,7 +83,7 @@ export default function Footer() {
             <Link
               href="/privacy"
               aria-label="Privacy policy"
-              className="flex items-center gap-2 opacity-70 hover:opacity-100 hover:text-[var(--accent)] transition-all w-fit focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--accent)] rounded"
+              className="flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--text)] hover:underline underline-offset-2 transition-colors w-fit  rounded"
             >
               <Lock size={14} />
               Privacy Policy
@@ -97,7 +97,7 @@ export default function Footer() {
               target="_blank"
               rel="noopener noreferrer"
               aria-label="Code of Conduct"
-              className="flex items-center gap-2 opacity-70 hover:opacity-100 hover:text-[var(--accent)] transition-all w-fit focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--accent)] rounded"
+              className="flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--text)] hover:underline underline-offset-2 transition-colors w-fit  rounded"
             >
               <HeartHandshake size={14} />
               Code of Conduct
@@ -111,7 +111,7 @@ export default function Footer() {
           {/* Newsletter */}
 
           <div className="space-y-3">
-            <h3 className="text-[11px] font-bold uppercase tracking-[0.2em] opacity-60">Updates</h3>
+            <h3 className="text-xs font-medium text-[var(--muted)]">Updates</h3>
 
             <form
               className="flex items-center w-full sm:w-80 bg-[var(--surface)] border border-[var(--border)] rounded-lg px-3 focus-within:border-[var(--accent)] focus-within:ring-1 focus-within:ring-[var(--accent)] transition"
@@ -123,14 +123,14 @@ export default function Footer() {
                 required
                 placeholder="Enter your email"
                 aria-label="Email address"
-                className="w-full bg-transparent py-3 px-1 text-[11px] font-semibold tracking-widest uppercase placeholder:opacity-30 outline-none focus:outline-none focus:ring-0 border-none"
+                className="w-full bg-transparent py-3 px-1 text-2xs font-semibold placeholder:text-[var(--muted)] outline-none focus:outline-none focus:ring-0 border-none"
               />
 
               <button
                 type="submit"
                 aria-label="Subscribe to updates"
                 onMouseDown={(e) => e.preventDefault()}
-                className="text-[var(--accent)] hover:text-[var(--accent-hover)] transition p-2 focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--accent)] rounded ml-1"
+                className="text-[var(--accent)] hover:text-[var(--accent-hover)] transition p-2  rounded ml-1"
               >
                 <ArrowRight size={16} />
               </button>
@@ -140,7 +140,7 @@ export default function Footer() {
           {/* Community */}
 
           <div className="space-y-3">
-            <h3 className="text-[11px] font-bold uppercase tracking-[0.2em] opacity-60">
+            <h3 className="text-xs font-medium text-[var(--muted)]">
               Community
             </h3>
 
@@ -173,7 +173,7 @@ export default function Footer() {
                   target="_blank"
                   rel="noopener noreferrer"
                   aria-label={social.label}
-                  className="relative group p-2.5 rounded-lg border border-[var(--border)] bg-[var(--surface)] hover:border-[var(--accent)] hover:bg-[var(--accent-muted)] transition-all focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--accent)]"
+                  className="relative group p-2.5 rounded-lg border border-[var(--border)] bg-[var(--surface)] hover:border-[var(--border-strong)] hover:bg-[var(--surface-2)] transition-colors "
                 >
                   <span className="opacity-70 group-hover:opacity-100">{social.icon}</span>
                 </a>
@@ -184,7 +184,7 @@ export default function Footer() {
       </div>
 
       {/* Bottom Bar */}
-      <div className="max-w-7xl mx-auto mt-16 pt-8 border-t border-[var(--border)] flex flex-col md:flex-row justify-between items-center gap-4 text-[10px] font-semibold uppercase tracking-[0.25em] opacity-50">
+      <div className="max-w-7xl mx-auto mt-16 pt-8 border-t border-[var(--border)] flex flex-col md:flex-row justify-between items-center gap-4 text-xs text-[var(--muted)]">
         <p>© {new Date().getFullYear()} Reframe · MIT License</p>
 
         <div className="flex items-center gap-6">
@@ -206,7 +206,7 @@ export default function Footer() {
             target="_blank"
             rel="noopener noreferrer"
             aria-label="Deploys by Netlify"
-            className="opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--accent)] rounded"
+            className="opacity-100  rounded"
           >
             {/* eslint-disable-next-line @next/next/no-img-element */}
             <img
diff --git a/src/components/FormatSelector.tsx b/src/components/FormatSelector.tsx
index 81033b6bf..ccbdc045e 100644
--- a/src/components/FormatSelector.tsx
+++ b/src/components/FormatSelector.tsx
@@ -2,7 +2,6 @@
 
 import { EditRecipe } from "@/lib/types";
 import { Film } from "lucide-react";
-import { cn } from "@/lib/utils";
 
 interface Props {
   recipe: EditRecipe;
@@ -19,33 +18,24 @@ const FORMAT_OPTIONS = [
 export default function FormatSelector({ recipe, onChange }: Props) {
   return (
     <div>
-      <div className="flex items-center gap-1 mb-3">
-        <Film size={10} className="text-film-500 opacity-80" />
-        <div className="text-[10px] font-heading font-semibold uppercase tracking-wider text-[var(--muted)]">
-          Output Format
-        </div>
+      <div id="format-label" className="mb-2 flex items-center gap-2 text-sm font-medium">
+        <Film size={15} aria-hidden="true" className="text-[var(--muted)]" />
+        Format
       </div>
-      <div className="grid grid-cols-4 gap-2">
+      <div role="group" aria-labelledby="format-label" className="grid grid-cols-4 gap-1.5">
         {FORMAT_OPTIONS.map((option) => (
           <button
             key={option.id}
             type="button"
             onClick={() => onChange({ format: option.id as "mp4" | "webm" | "mkv" | "gif" })}
-            aria-label={`Select ${option.label} format`}
-            aria-pressed={recipe.format === option.id}
-            className={cn(
-              "relative px-3 py-2.5 rounded-lg border-2 transition-all",
-              "text-xs font-heading font-semibold uppercase tracking-wider",
-              recipe.format === option.id
-                ? "border-film-600 bg-film-50 text-film-600"
-                : "border-[var(--border)] bg-[var(--surface)] text-[var(--muted)] hover:border-film-400 hover:text-film-600"
-            )}
+                        aria-pressed={recipe.format === option.id}
+            className="choice min-h-[36px] px-2 text-xs font-medium"
           >
             {option.label}
           </button>
         ))}
       </div>
-      <p className="text-[10px] text-[var(--muted)] mt-2">
+      <p className="hint mt-2">
         {FORMAT_OPTIONS.find((o) => o.id === recipe.format)?.description}
       </p>
     </div>
diff --git a/src/components/FramingControl.tsx b/src/components/FramingControl.tsx
index f0da50fa5..137a15205 100644
--- a/src/components/FramingControl.tsx
+++ b/src/components/FramingControl.tsx
@@ -21,22 +21,15 @@ export default function FramingControl({ recipe, onChange }: Props) {
             key={mode}
             title={mode === "fit" ? "Fit: Adds black bars (letterbox) to fill empty space" : "Fill: Crops the video to fill the entire frame"}
             onClick={() => onChange({ framing: mode })}
-            className={cn(
-              "flex-1 min-h-[44px] min-w-[44px] flex flex-col items-center justify-center gap-2 py-4 rounded-lg border transition-all duration-150 hover:scale-[1.02] active:scale-[0.98]",
-              active
-                ? "border-film-500 bg-film-50 text-film-700"
-                : "border-[var(--border)] text-[var(--muted)] hover:border-film-300 bg-[var(--surface)]"
-            )}
+            aria-pressed={active}
+            className="choice flex min-h-[44px] min-w-[44px] flex-1 items-center gap-3 px-3 py-2.5 text-left"
           >
-            <Icon size={18} aria-hidden="true" />
-            <span className="sr-only">
-              Set framing to {mode === "fit" ? "fit within frame" : "fill frame by cropping"}
-            </span>
-            <div className="text-center">
-              <p className="text-xs font-heading font-semibold uppercase tracking-wider">
+            <Icon size={16} aria-hidden="true" className={cn("shrink-0", active ? "text-film-500" : "text-[var(--muted)]")} />
+            <div>
+              <p className="text-sm font-medium text-[var(--text)]">
                 {mode === "fit" ? "Fit" : "Fill"}
               </p>
-              <p className="text-[10px] text-[var(--muted)] mt-0.5">
+              <p className="text-2xs text-[var(--muted)]">
                 {mode === "fit" ? "Letterbox / pillarbox" : "Crop to frame"}
               </p>
             </div>
diff --git a/src/components/ImageOverlay.tsx b/src/components/ImageOverlay.tsx
index c6630c331..9c158f9c0 100644
--- a/src/components/ImageOverlay.tsx
+++ b/src/components/ImageOverlay.tsx
@@ -61,7 +61,7 @@ export default function ImageOverlayPanel({
   const isSolidOpacity = overlayOpacity > 75;
 
   return (
-    <div className="w-full text-[11px] text-[var(--text)] space-y-3">
+    <div className="w-full text-2xs text-[var(--text)] space-y-3">
       
       {/* Side-by-Side Area */}
       <div className="flex gap-2.5 items-center w-full">
@@ -84,7 +84,7 @@ export default function ImageOverlayPanel({
           ) : (
             <>
               <Upload size={14} className="opacity-80" />
-              <span className="text-[9px] mt-0.5 font-medium tracking-wide">Upload</span>
+              <span className="text-2xs mt-0.5 font-medium">Upload</span>
             </>
           )}
           <input
@@ -107,10 +107,10 @@ export default function ImageOverlayPanel({
               <div className="flex items-center gap-2 min-w-0 flex-1">
                 <FileImage size={14} className="text-[var(--muted)] shrink-0" />
                 <div className="min-w-0 flex-1">
-                  <p className="text-[10px] font-medium text-[var(--text)] truncate">
+                  <p className="text-2xs font-medium text-[var(--text)] truncate">
                     {overlayFile.name}
                   </p>
-                  <p className="text-[9px] text-[var(--muted)] mt-0.5">
+                  <p className="text-2xs text-[var(--muted)] mt-0.5">
                     {(overlayFile.size / 1024).toFixed(0)} KB
                   </p>
                 </div>
@@ -126,7 +126,7 @@ export default function ImageOverlayPanel({
               </button>
             </>
           ) : (
-            <span className="text-[10px] text-[var(--muted)] italic">
+            <span className="text-2xs text-[var(--muted)] italic">
               No asset selected
             </span>
           )}
@@ -145,7 +145,7 @@ export default function ImageOverlayPanel({
                   key={value}
                   type="button"
                   onClick={() => setOverlayPosition(value)}
-                  className={`rounded border py-0.5 text-center text-[10px] transition flex items-center justify-center gap-0.5 ${
+                  className={`rounded border py-0.5 text-center text-2xs transition flex items-center justify-center gap-0.5 ${
                     overlayPosition === value
                       ? "border-[var(--accent)] text-[var(--text)] bg-[var(--accent-muted)]"
                       : "border-[var(--border)] text-[var(--muted)] hover:bg-[var(--accent-muted)]"
@@ -167,7 +167,7 @@ export default function ImageOverlayPanel({
               <button
                 type="button"
                 onClick={() => setOverlaySize(100)}
-                className={`rounded border py-0.5 text-center text-[10px] transition ${
+                className={`rounded border py-0.5 text-center text-2xs transition ${
                   isSmallSize
                     ? "border-[var(--accent)] text-[var(--text)] bg-[var(--accent-muted)]"
                     : "border-[var(--border)] text-[var(--muted)] hover:bg-[var(--accent-muted)]"
@@ -178,7 +178,7 @@ export default function ImageOverlayPanel({
               <button
                 type="button"
                 onClick={() => setOverlaySize(250)}
-                className={`rounded border py-0.5 text-center text-[10px] transition ${
+                className={`rounded border py-0.5 text-center text-2xs transition ${
                   isMediumSize
                     ? "border-[var(--accent)] text-[var(--text)] bg-[var(--accent-muted)]"
                     : "border-[var(--border)] text-[var(--muted)] hover:bg-[var(--accent-muted)]"
@@ -189,7 +189,7 @@ export default function ImageOverlayPanel({
               <button
                 type="button"
                 onClick={() => setOverlaySize(450)}
-                className={`rounded border py-0.5 text-center text-[10px] transition ${
+                className={`rounded border py-0.5 text-center text-2xs transition ${
                   isLargeSize
                     ? "border-[var(--accent)] text-[var(--text)] bg-[var(--accent-muted)]"
                     : "border-[var(--border)] text-[var(--muted)] hover:bg-[var(--accent-muted)]"
@@ -207,7 +207,7 @@ export default function ImageOverlayPanel({
               <button
                 type="button"
                 onClick={() => setOverlayOpacity(25)}
-                className={`rounded border py-0.5 text-center text-[10px] transition ${
+                className={`rounded border py-0.5 text-center text-2xs transition ${
                   isFaintOpacity
                     ? "border-[var(--accent)] text-[var(--text)] bg-[var(--accent-muted)]"
                     : "border-[var(--border)] text-[var(--muted)] hover:bg-[var(--accent-muted)]"
@@ -218,7 +218,7 @@ export default function ImageOverlayPanel({
               <button
                 type="button"
                 onClick={() => setOverlayOpacity(60)}
-                className={`rounded border py-0.5 text-center text-[10px] transition ${
+                className={`rounded border py-0.5 text-center text-2xs transition ${
                   isMediumOpacity
                     ? "border-[var(--accent)] text-[var(--text)] bg-[var(--accent-muted)]"
                     : "border-[var(--border)] text-[var(--muted)] hover:bg-[var(--accent-muted)]"
@@ -229,7 +229,7 @@ export default function ImageOverlayPanel({
               <button
                 type="button"
                 onClick={() => setOverlayOpacity(100)}
-                className={`rounded border py-0.5 text-center text-[10px] transition ${
+                className={`rounded border py-0.5 text-center text-2xs transition ${
                   isSolidOpacity
                     ? "border-[var(--accent)] text-[var(--text)] bg-[var(--accent-muted)]"
                     : "border-[var(--border)] text-[var(--muted)] hover:bg-[var(--accent-muted)]"
diff --git a/src/components/NativeShareButton.tsx b/src/components/NativeShareButton.tsx
index 51905a126..f17e952d3 100644
--- a/src/components/NativeShareButton.tsx
+++ b/src/components/NativeShareButton.tsx
@@ -82,10 +82,10 @@ export function NativeShareButton({
       disabled={isSharing}
       type="button"
       aria-label="Share video"
-      className={`inline-flex items-center justify-center px-4 py-2 text-sm font-medium text-white transition-colors duration-200 bg-blue-600 rounded-md shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-gray-900 disabled:opacity-50 disabled:cursor-not-allowed ${className}`}
+      className={className || "btn btn-secondary"}
     >
       <svg
-        className="w-5 h-5 mr-2 -ml-1"
+        className="h-4 w-4"
         fill="none"
         stroke="currentColor"
         viewBox="0 0 24 24"
@@ -99,7 +99,7 @@ export function NativeShareButton({
           d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z"
         />
       </svg>
-      {isSharing ? 'Sharing...' : 'Share Video'}
+      {isSharing ? 'Sharing...' : 'Share'}
     </button>
   );
 }
diff --git a/src/components/OnboardingTour.tsx b/src/components/OnboardingTour.tsx
index 861ab7de0..2e50814d7 100644
--- a/src/components/OnboardingTour.tsx
+++ b/src/components/OnboardingTour.tsx
@@ -197,25 +197,25 @@ function Tooltip({
       role="dialog"
       aria-modal="true"
       aria-label={`Onboarding step ${stepIndex + 1} of ${totalSteps}: ${step.title}`}
-      className="fixed z-[9999] w-80 rounded-xl shadow-2xl border
+      className="fixed z-[9999] w-80 rounded-panel shadow-[var(--shadow-overlay)] border
         bg-[var(--surface)]
         border-[var(--border)]
         text-[var(--text)]
-        transition-all duration-200"
+        transition-colors duration-fast"
       style={{ ...style }}
       tabIndex={-1}
     >
       {/* Progress bar */}
       <div className="h-1 rounded-t-xl overflow-hidden bg-[var(--border)]">
         <div
-          className="h-full bg-indigo-500 transition-all duration-300"
+          className="h-full bg-[var(--accent)]"
           style={{ width: `${((stepIndex + 1) / totalSteps) * 100}%` }}
         />
       </div>
 
       <div className="p-5">
         {/* Step counter */}
-        <p className="text-xs font-semibold tracking-widest uppercase text-indigo-500 mb-1">
+        <p className="text-xs font-semibold text-film-500 mb-1">
           Step {stepIndex + 1} of {totalSteps}
         </p>
 
@@ -237,9 +237,9 @@ function Tooltip({
               el?.focus();
             }}
             className="px-4 py-2 rounded-lg text-sm font-medium
-              bg-indigo-600 hover:bg-indigo-500 active:bg-indigo-700
-              text-white transition-colors focus-visible:outline focus-visible:outline-2
-              focus-visible:outline-offset-2 focus-visible:outline-indigo-500"
+              bg-[var(--accent)] hover:bg-[var(--accent-hover)]
+              text-[var(--on-accent)] transition-colors focus-visible:outline focus-visible:outline-2
+              focus-visible:outline-offset-2 focus-visible:outline-[var(--focus)]"
           >
             {isLast ? "Done" : "Next →"}
           </button>
diff --git a/src/components/PresetSelector.tsx b/src/components/PresetSelector.tsx
index 71e62f103..941aa3161 100644
--- a/src/components/PresetSelector.tsx
+++ b/src/components/PresetSelector.tsx
@@ -41,8 +41,8 @@ function RatioBox({
   return (
     <div
       className={cn(
-        "border-2 flex-shrink-0 rounded-sm transition-colors",
-        active ? "border-film-600" : "border-[var(--muted)] opacity-60",
+        "border-2 flex-shrink-0 rounded-sm",
+        active ? "border-[var(--accent)]" : "border-[var(--muted)] opacity-60",
       )}
       style={{ width: w, height: h }}
     />
@@ -151,18 +151,10 @@ export default function PresetSelector({ recipe, onChange }: Props) {
               aria-label={`${platform} ${label}`}
               aria-pressed={isActive}
               onClick={() => onChange({ preset })}
-              className={cn(
-                "flex flex-col items-center justify-center gap-1 py-2 px-1 rounded-lg border text-center transition-all duration-150 cursor-pointer hover:scale-[1.04] active:scale-[0.97]",
-                isActive
-                  ? "border-film-500 bg-film-50 text-film-600"
-                  : "border-[var(--border)] bg-[var(--surface)] text-[var(--muted)] hover:border-film-300 hover:bg-film-50/30 hover:text-[var(--text)]",
-              )}
+              className="choice flex min-h-[52px] flex-col items-center justify-center gap-1 px-1 py-2 text-center"
             >
               {icon}
-              <span className={cn(
-                "text-[9px] font-heading font-bold uppercase tracking-wide leading-none",
-                isActive ? "text-film-700" : "text-[var(--muted)]",
-              )}>
+              <span className="text-2xs font-medium leading-none">
                 {label}
               </span>
             </button>
@@ -176,10 +168,11 @@ export default function PresetSelector({ recipe, onChange }: Props) {
         </div>
         <input
           type="text"
-          placeholder="Search formats..."
+          placeholder="Search presets"
           value={search}
           onChange={(e) => setSearch(e.target.value)}
-          className="w-full rounded-lg border border-[var(--border)] bg-[var(--bg)] py-2 pl-9 pr-3 text-sm font-heading text-[var(--text)] transition-shadow focus:outline-none focus:ring-2 focus:ring-film-400"
+          aria-label="Search presets"
+          className="field pl-9"
         />
       </div>
 
@@ -198,14 +191,8 @@ export default function PresetSelector({ recipe, onChange }: Props) {
                 type="button"
                 onClick={() => handlePresetSelect(preset.id)}
                 title={`${preset.label} — ${preset.width}×${preset.height} — ${getOrientationLabel(preset.width, preset.height)}`}
-                aria-label={`${preset.label.replaceAll(":", " is to ")} output ratio`}
                 aria-pressed={active}
-                className={cn(
-                  "min-h-[44px] min-w-[44px] flex flex-col items-center justify-center gap-1.5 p-3 rounded-lg border text-center transition-all duration-150 cursor-pointer hover:scale-[1.02] active:scale-[0.98]",
-                  active
-                    ? "border-film-500 bg-film-50"
-                    : "border-[var(--border)] bg-[var(--surface)] hover:border-film-300 hover:bg-film-50/30",
-                )}
+                className="choice flex min-h-[44px] min-w-[44px] flex-col items-center justify-center gap-1.5 p-2.5 text-center"
               >
                 <RatioBox
                   width={preset.width}
@@ -215,15 +202,12 @@ export default function PresetSelector({ recipe, onChange }: Props) {
 
                 <div className="min-w-0 w-full">
                   <p
-                    className={cn(
-                      "text-sm font-heading font-bold leading-tight",
-                      active ? "text-film-700" : "text-[var(--text)]",
-                    )}
+                    className="text-sm font-medium leading-tight text-[var(--text)]"
                   >
                     {preset.label}
                   </p>
 
-                  <p className="mt-0.5 text-[11px] leading-tight text-[var(--muted)]">
+                  <p className="mt-0.5 text-2xs leading-tight text-[var(--muted)]">
                     {preset.platform}
                   </p>
                 </div>
@@ -235,37 +219,26 @@ export default function PresetSelector({ recipe, onChange }: Props) {
         <button
           type="button"
           title="Custom — Set your own dimensions"
-          aria-label="Select custom dimensions preset"
           aria-pressed={recipe.preset === "custom"}
           onClick={() => handlePresetSelect("custom")}
-          className={cn(
-            "min-h-[44px] min-w-[44px] flex flex-col items-center justify-center gap-1.5 p-3 rounded-lg border text-center transition-all duration-150 cursor-pointer hover:scale-[1.02] active:scale-[0.98]",
-            recipe.preset === "custom"
-              ? "border-film-500 bg-film-50"
-              : "border-[var(--border)] bg-[var(--surface)] hover:border-film-300 hover:bg-film-50/30",
-          )}
+          className="choice flex min-h-[44px] min-w-[44px] flex-col items-center justify-center gap-1.5 p-2.5 text-center"
         >
           <Settings2
             size={20}
             className={cn(
               "shrink-0",
               recipe.preset === "custom"
-                ? "text-film-600"
+                ? "text-film-500"
                 : "text-[var(--muted)]",
             )}
           />
           <div className="min-w-0 w-full">
             <p
-              className={cn(
-                "text-sm font-heading font-bold",
-                recipe.preset === "custom"
-                  ? "text-film-700"
-                  : "text-[var(--text)]",
-              )}
+              className="text-sm font-medium leading-tight text-[var(--text)]"
             >
               Custom
             </p>
-            <p className="mt-0.5 text-[11px] leading-tight text-[var(--muted)]">
+            <p className="mt-0.5 text-2xs leading-tight text-[var(--muted)]">
               Set your own
             </p>
           </div>
@@ -273,11 +246,11 @@ export default function PresetSelector({ recipe, onChange }: Props) {
       </div>
 
       {recipe.preset === "custom" && (
-        <div className="mt-2 flex items-center gap-4 rounded-lg border border-[var(--border)] bg-[var(--surface)] p-4 shadow-sm animate-fade-in">
+        <div className="mt-2 flex items-end gap-3 rounded-control bg-[var(--surface-2)] p-3">
           <div className="flex-1">
             <label
               htmlFor="custom-width"
-              className="mb-1.5 block text-[10px] font-heading font-semibold uppercase tracking-wider text-[var(--muted)]"
+              className="label mb-1 block"
             >
               Width
             </label>
@@ -291,12 +264,12 @@ export default function PresetSelector({ recipe, onChange }: Props) {
               step={2}
               value={recipe.customWidth}
               onChange={(e) => handleWidthChange(Number(e.target.value))}
-              className="w-full min-w-20 rounded-md border border-[var(--border)] bg-[var(--bg)] px-3 py-2 text-sm font-heading transition-all focus:outline-none focus:ring-2 focus:ring-film-400 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none"
+              className="field tabular min-w-20 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none"
             />
           </div>
 
           <div className="flex h-full flex-col items-center justify-center">
-            <span className="font-heading text-sm font-medium text-[var(--muted)]">
+            <span className="pb-2 text-sm text-[var(--muted)]" aria-hidden="true">
               ×
             </span>
           </div>
@@ -304,7 +277,7 @@ export default function PresetSelector({ recipe, onChange }: Props) {
           <div className="flex-1">
             <label
               htmlFor="custom-height"
-              className="mb-1.5 block text-[10px] font-heading font-semibold uppercase tracking-wider text-[var(--muted)]"
+              className="label mb-1 block"
             >
               Height
             </label>
@@ -318,15 +291,15 @@ export default function PresetSelector({ recipe, onChange }: Props) {
               step={2}
               value={recipe.customHeight}
               onChange={(e) => handleHeightChange(Number(e.target.value))}
-              className="w-full min-w-20 rounded-md border border-[var(--border)] bg-[var(--bg)] px-3 py-2 text-sm font-heading transition-all focus:outline-none focus:ring-2 focus:ring-film-400 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none"
+              className="field tabular min-w-20 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none"
             />
           </div>
 
           <div className="hidden h-full flex-col justify-end sm:flex">
-            <span className="mb-1.5 block text-center text-[10px] font-heading font-semibold uppercase tracking-wider text-[var(--muted)]">
+            <span className="label mb-1 block text-center">
               Ratio
             </span>
-            <div className="flex h-[38px] items-center rounded-md border border-[var(--border)] bg-[var(--bg)] px-3 text-xs font-medium text-film-700">
+            <div className="flex h-9 items-center whitespace-nowrap rounded-control border border-[var(--border)] px-2 text-xs text-[var(--text-secondary)]">
               {getOrientationLabel(
                 recipe.customWidth || 0,
                 recipe.customHeight || 0,
diff --git a/src/components/PrivacyBanner.tsx b/src/components/PrivacyBanner.tsx
index 5b600a63c..b31ac4fc5 100644
--- a/src/components/PrivacyBanner.tsx
+++ b/src/components/PrivacyBanner.tsx
@@ -14,23 +14,25 @@ const DISMISS_DURATION_MS = 7 * 24 * 60 * 60 * 1000;
  * banner does not reappear for 7 days.
  */
 export default function PrivacyBanner() {
-  // Start hidden so the server-rendered markup matches the first client paint
-  // (static export → no hydration mismatch); reveal after reading localStorage.
-  const [visible, setVisible] = useState(false);
+  // Rendered visible in the static HTML so first-time visitors see no layout
+  // shift (it used to mount hidden and appear after hydration, pushing the
+  // upload area down — the page's only measured CLS). For visitors who
+  // dismissed it, the inline script in layout.tsx sets
+  // html[data-privacy-dismissed] before first paint, and CSS hides it.
+  const [visible, setVisible] = useState(true);
 
   useEffect(() => {
-    // Genuinely needs an effect: localStorage is unavailable during SSR, so
-    // this can't be computed as derived state without a hydration mismatch.
+    // Genuinely needs an effect: localStorage is unavailable during SSR.
+    // Removes the (already CSS-hidden) node for dismissed visitors.
     try {
       const raw = localStorage.getItem(DISMISS_KEY);
       const dismissedUntil = raw ? Number(raw) : 0;
-      if (!Number.isFinite(dismissedUntil) || Date.now() >= dismissedUntil) {
+      if (Number.isFinite(dismissedUntil) && Date.now() < dismissedUntil) {
         // eslint-disable-next-line react-hooks/set-state-in-effect
-        setVisible(true);
+        setVisible(false);
       }
     } catch {
-      // localStorage unavailable (private mode, blocked storage) — show anyway.
-      setVisible(true);
+      // localStorage unavailable (private mode, blocked storage) — keep showing.
     }
   }, []);
 
@@ -52,15 +54,16 @@ export default function PrivacyBanner() {
     <div
       role="note"
       aria-label="Privacy information"
-      className="relative flex items-start gap-3 rounded-xl border border-[var(--border)] bg-[var(--surface)] p-4 pr-11 animate-fade-in"
+      data-privacy-banner=""
+      className="relative flex items-start gap-3 rounded-panel border border-[var(--border)] bg-[var(--surface)] p-4 pr-11"
     >
       <ShieldCheck
         size={20}
         aria-hidden="true"
-        className="mt-0.5 shrink-0 text-[var(--accent)]"
+        className="mt-0.5 shrink-0 text-[var(--success)]"
       />
       <div className="min-w-0 text-sm leading-relaxed">
-        <p className="font-heading font-bold text-[var(--text)]">
+        <p className="font-medium text-[var(--text)]">
           Your videos never leave your device.
         </p>
         <p className="mt-0.5 text-[var(--muted)]">
@@ -72,7 +75,8 @@ export default function PrivacyBanner() {
         type="button"
         onClick={dismiss}
         aria-label="Dismiss privacy notice"
-        className="absolute right-2 top-2 flex h-8 w-8 items-center justify-center rounded-lg text-[var(--muted)] transition-colors hover:bg-[var(--border)] hover:text-[var(--text)]"
+        title="Dismiss for 7 days"
+        className="btn btn-ghost btn-icon btn-sm absolute right-2 top-2"
       >
         <X size={16} aria-hidden="true" />
       </button>
diff --git a/src/components/RotateControl.tsx b/src/components/RotateControl.tsx
index da58d6789..2c2b08ef5 100644
--- a/src/components/RotateControl.tsx
+++ b/src/components/RotateControl.tsx
@@ -21,23 +21,17 @@ export default function RotateControl({ recipe, onChange }: Props) {
             type="button"
             key={deg}
             onClick={() => onChange({ rotate: deg })}
-            aria-label={`Rotate video to ${deg} degrees`}
+            aria-label={`${deg}° rotation`}
             aria-pressed={active}
-            className={cn(
-              "flex flex-1 min-h-[44px] min-w-[44px] flex-col items-center gap-1.5 rounded-lg border px-3 py-3 transition-all duration-200 hover:scale-[1.02] active:scale-[0.98]",
-              active
-                ? "border-film-500 bg-film-50 text-film-700 font-heading font-semibold"
-                : "border-[var(--border)] bg-[var(--surface)] text-[var(--muted)] hover:border-film-300 hover:bg-film-50/30"
-            )}
+            className="choice tabular flex min-h-[44px] min-w-[44px] flex-1 flex-col items-center gap-1 px-3 py-2.5"
           >
             <RotateCw
               size={15}
               aria-hidden="true"
               style={{ transform: `rotate(${deg}deg)`, transformOrigin: "center" }}
-              className="transition-transform"
+              className={cn(active ? "text-film-500" : "text-[var(--muted)]")}
             />
-            <span className="sr-only">Rotate video to {deg} degrees</span>
-            {deg}
+            {deg}°
           </button>
         );
       })}
diff --git a/src/components/ScrollToTop.tsx b/src/components/ScrollToTop.tsx
index e27063420..f33c24a7b 100644
--- a/src/components/ScrollToTop.tsx
+++ b/src/components/ScrollToTop.tsx
@@ -6,11 +6,12 @@ export default function ScrollToTop() {
   const [isVisible, setIsVisible] = useState(false);
 
   useEffect(() => {
+    // Passive, and setState bails out when the boolean hasn't changed.
     const handleScroll = () => {
       setIsVisible(window.scrollY > 300);
     };
 
-    window.addEventListener("scroll", handleScroll);
+    window.addEventListener("scroll", handleScroll, { passive: true });
 
     return () => {
       window.removeEventListener("scroll", handleScroll);
@@ -18,9 +19,10 @@ export default function ScrollToTop() {
   }, []);
 
   const scrollToTop = () => {
+    const reduceMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
     window.scrollTo({
       top: 0,
-      behavior: "smooth",
+      behavior: reduceMotion ? "auto" : "smooth",
     });
   };
 
@@ -32,9 +34,9 @@ export default function ScrollToTop() {
       onClick={scrollToTop}
       aria-label="Scroll to top"
       className="
-        fixed bottom-5 right-5 z-50
+        fixed bottom-24 right-4 z-30
         h-12 w-12 rounded-full
-        bg-[var(--accent)] text-white shadow-[var(--shadow)]
+        bg-[var(--accent)] text-[var(--on-accent)] shadow-[var(--shadow)]
         flex items-center justify-center
         md:hidden
       "
diff --git a/src/components/TextControls.tsx b/src/components/TextControls.tsx
index 48cbef3b6..ee906047e 100644
--- a/src/components/TextControls.tsx
+++ b/src/components/TextControls.tsx
@@ -112,7 +112,7 @@ export default function TextControls({
               <button
                 type="button"
                 onClick={() => handleRemoveText(overlay.id)}
-                className="w-5 h-5 flex items-center justify-center rounded text-red-400 hover:bg-red-500/10 transition-colors"
+                className="w-5 h-5 flex items-center justify-center rounded text-[var(--error)] hover:bg-[var(--error-bg)] transition-colors"
                 aria-label={`Remove text overlay ${idx + 1}`}
               >
                 <Trash2 size={13} />
diff --git a/src/components/ThemeProvider.tsx b/src/components/ThemeProvider.tsx
index bf5498d50..d5d786702 100644
--- a/src/components/ThemeProvider.tsx
+++ b/src/components/ThemeProvider.tsx
@@ -10,15 +10,21 @@ import {
 } from "react";
 
 type Theme = "light" | "dark";
+type Contrast = "standard" | "more";
 
 interface ThemeContextValue {
   theme: Theme;
   toggleTheme: () => void;
   setTheme: (theme: Theme) => void;
+  contrast: Contrast;
+  toggleContrast: () => void;
 }
 
 const ThemeContext = createContext<ThemeContextValue | undefined>(undefined);
 
+/** How long colours crossfade after an explicit theme/contrast change. */
+const THEME_TRANSITION_MS = 200;
+
 function getCurrentTheme(): Theme {
   if (typeof window !== "undefined") {
     const savedTheme = localStorage.getItem("theme");
@@ -35,8 +41,33 @@ function getCurrentTheme(): Theme {
   return "light";
 }
 
+function getCurrentContrast(): Contrast {
+  if (typeof window !== "undefined") {
+    const saved = localStorage.getItem("contrast");
+    if (saved === "more" || saved === "standard") return saved;
+    if (window.matchMedia("(prefers-contrast: more)").matches) return "more";
+  }
+  return "standard";
+}
+
+/**
+ * Colour transitions are enabled only for a short window around an explicit
+ * toggle — never permanently on every element, which made ordinary
+ * interaction pay for transitions it didn't need.
+ */
+function withThemeTransition(apply: () => void) {
+  const root = document.documentElement;
+  const reduceMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  if (!reduceMotion) root.classList.add("theme-transition");
+  apply();
+  if (!reduceMotion) {
+    window.setTimeout(() => root.classList.remove("theme-transition"), THEME_TRANSITION_MS);
+  }
+}
+
 export function ThemeProvider({ children }: { children: ReactNode }) {
-  const [theme, setThemeState] = useState<Theme>("light");;
+  const [theme, setThemeState] = useState<Theme>("light");
+  const [contrast, setContrastState] = useState<Contrast>("standard");
 
   const applyTheme = useCallback(
     (next: Theme, persist = true) => {
@@ -53,12 +84,25 @@ export function ThemeProvider({ children }: { children: ReactNode }) {
     []
   );
 
+  const applyContrast = useCallback((next: Contrast, persist = true) => {
+    setContrastState(next);
+    if (next === "more") {
+      document.documentElement.dataset.theme = "high-contrast";
+    } else {
+      delete document.documentElement.dataset.theme;
+    }
+    if (persist) {
+      localStorage.setItem("contrast", next);
+    }
+  }, []);
+
   useEffect(() => {
     // Genuinely needs an effect: getCurrentTheme() reads localStorage and
     // matchMedia, browser-only APIs unavailable during SSR/render.
     const currentTheme = getCurrentTheme();
     // eslint-disable-next-line react-hooks/set-state-in-effect
     applyTheme(currentTheme, false);
+    applyContrast(getCurrentContrast(), false);
 
     const mq = window.matchMedia("(prefers-color-scheme: dark)");
     const handler = (e: MediaQueryListEvent) => {
@@ -66,21 +110,35 @@ export function ThemeProvider({ children }: { children: ReactNode }) {
         applyTheme(e.matches ? "dark" : "light", false);
       }
     };
+    const contrastMq = window.matchMedia("(prefers-contrast: more)");
+    const contrastHandler = (e: MediaQueryListEvent) => {
+      if (!localStorage.getItem("contrast")) {
+        applyContrast(e.matches ? "more" : "standard", false);
+      }
+    };
     mq.addEventListener("change", handler);
-    return () => mq.removeEventListener("change", handler);
-  }, [applyTheme]);
+    contrastMq.addEventListener("change", contrastHandler);
+    return () => {
+      mq.removeEventListener("change", handler);
+      contrastMq.removeEventListener("change", contrastHandler);
+    };
+  }, [applyTheme, applyContrast]);
 
   const toggleTheme = useCallback(() => {
-    applyTheme(theme === "light" ? "dark" : "light");
+    withThemeTransition(() => applyTheme(theme === "light" ? "dark" : "light"));
   }, [theme, applyTheme]);
 
   const setTheme = useCallback(
-    (next: Theme) => applyTheme(next),
+    (next: Theme) => withThemeTransition(() => applyTheme(next)),
     [applyTheme]
   );
 
+  const toggleContrast = useCallback(() => {
+    withThemeTransition(() => applyContrast(contrast === "more" ? "standard" : "more"));
+  }, [contrast, applyContrast]);
+
   return (
-    <ThemeContext.Provider value={{ theme, toggleTheme, setTheme }}>
+    <ThemeContext.Provider value={{ theme, toggleTheme, setTheme, contrast, toggleContrast }}>
       {children}
     </ThemeContext.Provider>
   );
diff --git a/src/components/ThemeToggle.tsx b/src/components/ThemeToggle.tsx
index eb6f25efc..8066ce731 100644
--- a/src/components/ThemeToggle.tsx
+++ b/src/components/ThemeToggle.tsx
@@ -1,10 +1,11 @@
 "use client";
 
 import { useEffect, useState } from "react";
+import { Contrast } from "lucide-react";
 import { useTheme } from "./ThemeProvider";
+import { cn } from "@/lib/utils";
 
-export function ThemeToggle() {
-  const { theme, toggleTheme } = useTheme();
+function useMounted() {
   const [mounted, setMounted] = useState(false);
   useEffect(() => {
     // Genuinely needs an effect: "has this mounted on the client" can't be
@@ -12,46 +13,40 @@ export function ThemeToggle() {
     // eslint-disable-next-line react-hooks/set-state-in-effect
     setMounted(true);
   }, []);
+  return mounted;
+}
+
+const iconButton = "btn btn-ghost btn-icon";
+
+export function ThemeToggle() {
+  const { theme, toggleTheme } = useTheme();
+  const mounted = useMounted();
 
   const isDark = theme === "dark";
-  
+
   if (!mounted) {
     return (
       <button
         type="button"
         tabIndex={-1}
         aria-label="Toggle theme"
-        className="
-          relative flex items-center justify-center
-          w-9 h-9 rounded-full
-          bg-[var(--surface)]
-          border border-[var(--border)]
-        "
+        className={iconButton}
       />
     );
   }
 
+  const label = isDark ? "Switch to light mode" : "Switch to dark mode";
+
   return (
     <button
-       type="button"
-       suppressHydrationWarning={true}
-       onClick={toggleTheme}
-       aria-label={isDark ? "Switch to light mode" : "Switch to dark mode"}
-      className="
-        relative flex items-center justify-center
-        w-9 h-9 rounded-full
-        bg-[var(--surface)]
-        text-[var(--text)]
-        border border-[var(--border)]
-        hover:border-[var(--accent)] hover:bg-[var(--accent-muted)]
-        focus:outline-none focus:ring-2 focus:ring-[var(--accent)] focus:ring-offset-2
-        focus:ring-offset-[var(--bg)]
-        transition-all duration-200
-      "
+      type="button"
+      suppressHydrationWarning={true}
+      onClick={toggleTheme}
+      aria-label={label}
+      title={label}
+      className={iconButton}
     >
-    {!mounted ? (
-        <div className="w-4 h-4" /> 
-      ) : isDark ? (
+      {isDark ? (
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" className="w-4 h-4" aria-hidden="true">
           <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" />
         </svg>
@@ -64,3 +59,27 @@ export function ThemeToggle() {
     </button>
   );
 }
+
+/** Toggles the high-contrast palette (defaults to the OS `prefers-contrast` setting). */
+export function ContrastToggle() {
+  const { contrast, toggleContrast } = useTheme();
+  const mounted = useMounted();
+  const isMore = contrast === "more";
+
+  if (!mounted) {
+    return <button type="button" tabIndex={-1} aria-label="Toggle high contrast" className={iconButton} />;
+  }
+
+  return (
+    <button
+      type="button"
+      onClick={toggleContrast}
+      aria-pressed={isMore}
+      aria-label="High contrast"
+      title={isMore ? "Turn off high contrast" : "Turn on high contrast"}
+      className={cn(iconButton, isMore && "text-[var(--accent-text)]")}
+    >
+      <Contrast size={16} aria-hidden="true" />
+    </button>
+  );
+}
diff --git a/src/components/ThumbnailStrip.tsx b/src/components/ThumbnailStrip.tsx
index 21b1bfc05..85a00ce03 100644
--- a/src/components/ThumbnailStrip.tsx
+++ b/src/components/ThumbnailStrip.tsx
@@ -1,461 +1,249 @@
 "use client";
 
 import Image from "next/image";
-import { useEffect, useRef, useState, useCallback } from "react";
-
-interface Thumbnail {
-  time: number;
-  dataUrl: string;
-}
+import { memo, useEffect, useRef, useState, type RefObject } from "react";
+import { cn } from "@/lib/utils";
+import {
+  computeThumbnailTimes,
+  generateThumbnails,
+  pickThumbnailInterval,
+  type ThumbnailFrame,
+} from "@/lib/thumbnails";
+import { trackAction, trackDuration } from "@/lib/telemetry";
 
 interface ThumbnailStripProps {
   videoSrc: string | null;
   duration: number;
-  currentTime: number;
+  /**
+   * The preview <video>. The strip listens to it directly for the playhead
+   * position instead of receiving `currentTime` as a prop — that prop used to
+   * re-render the whole editor on every `timeupdate` during playback.
+   */
+  videoRef?: RefObject<HTMLVideoElement | null>;
   trimStart?: number;
   trimEnd?: number;
   onSeek: (time: number) => void;
   intervalSeconds?: number;
 }
 
-export default function ThumbnailStrip({
+type GenerationState =
+  | { status: "idle" }
+  | { status: "generating"; completed: number; total: number }
+  | { status: "done"; skipped: number }
+  | { status: "error" };
+
+function formatTime(seconds: number) {
+  const m = Math.floor(seconds / 60);
+  const s = Math.floor(seconds % 60);
+  return `${m}:${s.toString().padStart(2, "0")}`;
+}
+
+/** Index of the last frame at or before `time` (frames are sorted by time). */
+export function findActiveFrameIndex(frames: { time: number }[], time: number): number {
+  let lo = 0;
+  let hi = frames.length - 1;
+  let found = -1;
+  while (lo <= hi) {
+    const mid = (lo + hi) >> 1;
+    if ((frames[mid]?.time ?? Infinity) <= time) {
+      found = mid;
+      lo = mid + 1;
+    } else {
+      hi = mid - 1;
+    }
+  }
+  return found;
+}
+
+function ThumbnailStrip({
   videoSrc,
   duration,
-  currentTime,
+  videoRef,
   trimStart = 0,
   trimEnd,
   onSeek,
-  intervalSeconds = 5,
+  intervalSeconds,
 }: ThumbnailStripProps) {
-  const [thumbnails, setThumbnails] = useState<Thumbnail[]>([]);
-  const [isGenerating, setIsGenerating] = useState(false);
-  const [progress, setProgress] = useState(0);
-  const [hoveredIndex, setHoveredIndex] = useState<number | null>(null);
-  const stripRef = useRef<HTMLDivElement>(null);
-  const offscreenVideoRef = useRef<HTMLVideoElement | null>(null);
-  const lastRunIdRef = useRef(0);
-  const objectUrlsRef = useRef<string[]>([]);
+  const [frames, setFrames] = useState<ThumbnailFrame[]>([]);
+  const [state, setState] = useState<GenerationState>({ status: "idle" });
+  const [activeIndex, setActiveIndex] = useState(-1);
+  const activeIndexRef = useRef(-1);
+  const [attempt, setAttempt] = useState(0);
+  const framesRef = useRef<ThumbnailFrame[]>([]);
 
   const effectiveTrimEnd = trimEnd ?? duration;
+  const interval = intervalSeconds ?? pickThumbnailInterval(duration);
 
-  const revokeAllObjectUrls = useCallback(() => {
-    objectUrlsRef.current.forEach((url) => URL.revokeObjectURL(url));
-    objectUrlsRef.current = [];
-  }, []);
-
-  const cancelThumbnailRun = useCallback(() => {
-    lastRunIdRef.current += 1;
-  }, []);
-
-  const generateThumbnails = useCallback(async () => {
+  // Generate frames. Re-runs only when the source, duration or interval
+  // changes — never on editing-slider changes.
+  useEffect(() => {
     if (!videoSrc || duration <= 0) return;
 
-    const runId = ++lastRunIdRef.current;
-    setIsGenerating(true);
-    revokeAllObjectUrls();
-    setThumbnails([]);
-    setProgress(0);
-
-    const video = document.createElement("video");
-    offscreenVideoRef.current = video;
-
-    try {
-      video.src = videoSrc;
-      video.crossOrigin = "anonymous";
-      video.muted = true;
-      video.preload = "auto";
-
-      await new Promise<void>((resolve, reject) => {
-        video.onloadedmetadata = () => resolve();
-        video.onerror = () => reject(new Error("Video load failed"));
-        video.load();
-      });
-
-      if (lastRunIdRef.current !== runId) return;
-
-      const canvas = document.createElement("canvas");
-      const ctx = canvas.getContext("2d");
-      if (!ctx) return;
-
-      const thumbW = 160;
-      const thumbH = 90;
-      canvas.width = thumbW;
-      canvas.height = thumbH;
-
-      const times: number[] = [];
-      const seenTimestamps = new Set<string>();
-
-      for (let t = 0; t <= duration; t += intervalSeconds) {
-        const roundedTime = Math.min(t, duration - 0.1);
-        const formatted = formatTime(roundedTime);
-        
-        if (!seenTimestamps.has(formatted)) {
-          seenTimestamps.add(formatted);
-          times.push(roundedTime);
-        }
-      }
-
-      // Check if the final second boundary is missing from the timeline display
-      const finalTime = duration - 0.1;
-      const finalFormatted = formatTime(finalTime);
-      if (!seenTimestamps.has(finalFormatted) && finalTime > (times[times.length - 1] ?? 0)) {
-        times.push(finalTime);
-      }
-
-      const captured: Thumbnail[] = [];
-
-      for (let i = 0; i < times.length; i++) {
-        if (lastRunIdRef.current !== runId) break;
-
-        const time = times[i] ?? 0;
-        await new Promise<void>((resolve) => {
-          const onSeeked = async () => {
-            video.removeEventListener("seeked", onSeeked);
-
-            if (lastRunIdRef.current !== runId) {
-              resolve();
-              return;
-            }
-
-            ctx.drawImage(video, 0, 0, thumbW, thumbH);
-
-            try {
-              const blob = await new Promise<Blob | null>((blobResolve) => {
-                canvas.toBlob((b) => blobResolve(b), "image/jpeg", 0.7);
-              });
-              if (blob && lastRunIdRef.current === runId) {
-                const url = URL.createObjectURL(blob);
-                objectUrlsRef.current.push(url);
-                captured.push({ time, dataUrl: url });
-
-                if (i === times.length - 1 || captured.length % 5 === 0) {
-                  setThumbnails([...captured]);
-                }
-              }
-            } catch (err) {
-              console.error("Failed to generate thumbnail blob", err);
-            }
-
-            setProgress(Math.round(((i + 1) / times.length) * 100));
-            resolve();
-          };
-          video.addEventListener("seeked", onSeeked);
-          video.currentTime = time;
+    const controller = new AbortController();
+    const times = computeThumbnailTimes(duration, interval);
+    const startedAt = performance.now();
+    // Genuinely needs an effect: drives async canvas/video capture work.
+    // eslint-disable-next-line react-hooks/set-state-in-effect
+    setFrames([]);
+    setState({ status: "generating", completed: 0, total: times.length });
+
+    generateThumbnails(videoSrc, times, {
+      signal: controller.signal,
+      onBatch: (batch, completed, total) => {
+        if (controller.signal.aborted) return;
+        setFrames(batch);
+        setState({ status: "generating", completed, total });
+      },
+    })
+      .then(({ frames: result, skipped }) => {
+        if (controller.signal.aborted) {
+          result.forEach((f) => URL.revokeObjectURL(f.url));
+          return;
+        }
+        framesRef.current = result;
+        setFrames(result);
+        setState({ status: "done", skipped });
+        trackDuration("thumbnails_generated", startedAt, {
+          frames: result.length,
+          skipped,
         });
-      }
+      })
+      .catch((err: unknown) => {
+        if (err instanceof DOMException && err.name === "AbortError") return;
+        setFrames([]);
+        setState({ status: "error" });
+        trackAction("thumbnails_failed", {
+          reason: err instanceof Error && /timed out/i.test(err.message) ? "timeout" : "decode",
+        });
+      });
 
-      if (lastRunIdRef.current === runId) {
-        setIsGenerating(false);
-      }
-    } finally {
-      video.src = "";
-      if (offscreenVideoRef.current === video) {
-        offscreenVideoRef.current = null;
-      }
-    }
-  }, [videoSrc, duration, intervalSeconds, revokeAllObjectUrls]);
+    return () => {
+      controller.abort();
+      // Release frames from the previous source; aborted in-flight batches
+      // are revoked by generateThumbnails itself.
+      framesRef.current.forEach((f) => URL.revokeObjectURL(f.url));
+      framesRef.current = [];
+    };
+  }, [videoSrc, duration, interval, attempt]);
 
+  // Playhead: update state only when the active frame actually changes.
   useEffect(() => {
-    if (videoSrc && duration > 0) {
-      // Genuinely needs an effect: triggers async canvas/video capture work
-      // (seeking, drawing frames, Blob creation), not a derivable value.
-      // eslint-disable-next-line react-hooks/set-state-in-effect
-      generateThumbnails();
-    }
+    const video = videoRef?.current;
+    if (!video || frames.length === 0) return;
+    // Compared against a ref so an unchanged index never calls setState
+    // (a functional updater returning the same value can still re-render).
+    const sync = () => {
+      const next = findActiveFrameIndex(frames, video.currentTime);
+      if (next === activeIndexRef.current) return;
+      activeIndexRef.current = next;
+      setActiveIndex(next);
+    };
+    sync();
+    video.addEventListener("timeupdate", sync);
+    video.addEventListener("seeked", sync);
     return () => {
-      cancelThumbnailRun();
-      revokeAllObjectUrls();
+      video.removeEventListener("timeupdate", sync);
+      video.removeEventListener("seeked", sync);
     };
-  }, [cancelThumbnailRun, generateThumbnails, revokeAllObjectUrls, videoSrc, duration]);
-
-  const formatTime = (seconds: number) => {
-    const m = Math.floor(seconds / 60);
-    const s = Math.floor(seconds % 60);
-    return `${m}:${s.toString().padStart(2, "0")}`;
-  };
-
-  const activeIndex = thumbnails.findIndex(
-    (t, i) =>
-      currentTime >= t.time &&
-      (i === thumbnails.length - 1 || currentTime < (thumbnails[i + 1]?.time ?? Infinity))
-  );
+  }, [videoRef, frames]);
 
   if (!videoSrc) return null;
 
+  const generating = state.status === "generating";
+  const percent =
+    state.status === "generating" && state.total > 0
+      ? Math.round((state.completed / state.total) * 100)
+      : 0;
+
   return (
-    <div className="thumbnail-strip-wrapper">
-      <div className="strip-header">
-        <span className="strip-label">
-          <svg width="12" height="12" viewBox="0 0 12 12" fill="none">
-            <rect x="0.5" y="0.5" width="11" height="11" rx="1.5" stroke="currentColor" />
-            <rect x="3" y="2.5" width="1.5" height="7" rx="0.5" fill="currentColor" />
-            <rect x="7.5" y="2.5" width="1.5" height="7" rx="0.5" fill="currentColor" />
-          </svg>
-          Frames
-        </span>
-        {isGenerating && (
-          <span className="strip-progress">
-            <span
-              className="progress-bar"
-              style={{ width: `${progress}%` }}
-            />
-            <span className="progress-text">{progress}%</span>
-          </span>
+    <section aria-label="Frame previews" className="w-full">
+      <div className="flex items-center gap-3 pb-2">
+        <h3 className="text-xs font-medium text-[var(--text-secondary)]">Frames</h3>
+        {generating && (
+          <div className="flex flex-1 items-center gap-2" aria-live="polite">
+            <div
+              className="progress-track h-1 max-w-[160px]"
+              role="progressbar"
+              aria-label="Generating frame previews"
+              aria-valuemin={0}
+              aria-valuemax={100}
+              aria-valuenow={percent}
+            >
+              <div className="progress-fill" style={{ transform: `scaleX(${percent / 100})` }} />
+            </div>
+            <span className="tabular text-2xs text-[var(--muted)]">{percent}%</span>
+          </div>
         )}
-        {!isGenerating && thumbnails.length > 0 && (
-          <span className="strip-meta">
-            {thumbnails.length} frames · every {intervalSeconds}s
+        {state.status === "done" && frames.length > 0 && (
+          <span className="tabular ml-auto text-2xs text-[var(--muted)]">
+            {frames.length} frames, every {Math.round(interval)}s
+            {state.skipped > 0 && ` (${state.skipped} skipped)`}
           </span>
         )}
       </div>
 
-      <div className="strip-scroll-area" ref={stripRef}>
-        {thumbnails.length === 0 && isGenerating && (
-          <div className="strip-skeleton">
-            {Array.from({ length: 8 }).map((_, i) => (
-              <div key={i} className="skeleton-thumb" style={{ animationDelay: `${i * 80}ms` }} />
-            ))}
-          </div>
-        )}
-
-        {thumbnails.length > 0 && (
-          <div className="strip-inner">
-            {thumbnails.map((thumb, i) => {
+      {state.status === "error" ? (
+        <div className="callout callout-info items-center justify-between text-xs">
+          <span>Frame previews couldn&apos;t be generated for this file. Playback and export still work.</span>
+          <button type="button" className="btn btn-secondary btn-sm" onClick={() => setAttempt((a) => a + 1)}>
+            Try again
+          </button>
+        </div>
+      ) : (
+        <div className="overflow-x-auto overflow-y-hidden pb-1 [scrollbar-width:thin]">
+          <div className="flex gap-1">
+            {frames.length === 0 &&
+              generating &&
+              Array.from({ length: 8 }).map((_, i) => (
+                <div
+                  key={i}
+                  aria-hidden="true"
+                  className="h-[54px] w-24 shrink-0 rounded-md bg-[var(--surface-2)]"
+                />
+              ))}
+            {frames.map((thumb, i) => {
               const isActive = i === activeIndex;
-              const inTrimRange =
-                thumb.time >= trimStart && thumb.time <= effectiveTrimEnd;
-              const isHovered = hoveredIndex === i;
-
+              const inTrimRange = thumb.time >= trimStart && thumb.time <= effectiveTrimEnd;
+              const label = `Seek to ${formatTime(thumb.time)}`;
               return (
                 <button
                   key={thumb.time}
-                  className={`thumb-btn ${isActive ? "active" : ""} ${
-                    !inTrimRange ? "out-of-range" : ""
-                  } ${isHovered ? "hovered" : ""}`}
+                  type="button"
                   onClick={() => onSeek(thumb.time)}
-                  onMouseEnter={() => setHoveredIndex(i)}
-                  onMouseLeave={() => setHoveredIndex(null)}
-                  title={`Seek to ${formatTime(thumb.time)}`}
+                  aria-label={label}
+                  aria-current={isActive ? "true" : undefined}
+                  title={label}
+                  className={cn(
+                    "group relative h-[54px] w-24 shrink-0 overflow-hidden rounded-md border-2 bg-[var(--viewer)]",
+                    "transition-[border-color] duration-fast",
+                    isActive ? "border-[var(--accent)]" : "border-transparent hover:border-[var(--border-strong)]"
+                  )}
                 >
                   <Image
-                    src={thumb.dataUrl}
-                    alt={`Frame at ${formatTime(thumb.time)}`}
+                    src={thumb.url}
+                    alt=""
                     width={160}
                     height={90}
                     unoptimized
                     draggable={false}
+                    className={cn(
+                      "h-full w-full object-cover",
+                      !inTrimRange && "opacity-35 grayscale"
+                    )}
                   />
-                  <span className="thumb-time">{formatTime(thumb.time)}</span>
-                  {isActive && <span className="active-indicator" />}
+                  <span className="tabular pointer-events-none absolute bottom-0.5 left-1 rounded bg-black/60 px-1 text-[10px] leading-4 text-white">
+                    {formatTime(thumb.time)}
+                  </span>
                 </button>
               );
             })}
           </div>
-        )}
-      </div>
-
-      <style>{`
-        .thumbnail-strip-wrapper {
-          width: 100%;
-          background: var(--surface);
-          border: 1px solid var(--border);
-          border-radius: var(--radius);
-          overflow: hidden;
-          font-family: 'SF Mono', 'Fira Code', monospace;
-          box-shadow: var(--shadow);
-        }
-
-        .strip-header {
-          display: flex;
-          align-items: center;
-          gap: 12px;
-          padding: 8px 14px;
-          background: var(--bg);
-          border-bottom: 1px solid var(--border);
-        }
-
-        .strip-label {
-          display: flex;
-          align-items: center;
-          gap: 6px;
-          font-size: 10px;
-          font-weight: 600;
-          letter-spacing: 0.08em;
-          text-transform: uppercase;
-          color: var(--muted);
-        }
-
-        .strip-progress {
-          position: relative;
-          flex: 1;
-          height: 3px;
-          background: var(--border);
-          border-radius: 2px;
-          overflow: hidden;
-          display: flex;
-          align-items: center;
-        }
-
-        .progress-bar {
-          position: absolute;
-          left: 0;
-          top: 0;
-          height: 100%;
-          background: var(--accent);
-          border-radius: 2px;
-          transition: width 0.2s ease;
-        }
-
-        .progress-text {
-          position: absolute;
-          right: -28px;
-          font-size: 9px;
-          color: var(--muted);
-          white-space: nowrap;
-        }
-
-        .strip-meta {
-          margin-left: auto;
-          font-size: 10px;
-          color: var(--muted);
-        }
-
-        .strip-scroll-area {
-          overflow-x: auto;
-          overflow-y: hidden;
-          padding: 10px 10px 6px;
-          scrollbar-width: thin;
-          scrollbar-color: var(--border) transparent;
-        }
-
-        .strip-scroll-area::-webkit-scrollbar {
-          height: 4px;
-        }
-
-        .strip-scroll-area::-webkit-scrollbar-track {
-          background: transparent;
-        }
-
-        .strip-scroll-area::-webkit-scrollbar-thumb {
-          background: var(--border);
-          border-radius: 2px;
-        }
-
-        .strip-skeleton {
-          display: flex;
-          gap: 6px;
-        }
-
-        .skeleton-thumb {
-          width: 106px;
-          height: 60px;
-          border-radius: 6px;
-          background: linear-gradient(90deg, var(--bg) 25%, var(--surface) 50%, var(--bg) 75%);
-          background-size: 200% 100%;
-          animation: shimmer 1.4s infinite;
-          flex-shrink: 0;
-        }
-
-        @keyframes shimmer {
-          0% { background-position: 200% 0; }
-          100% { background-position: -200% 0; }
-        }
-
-        .strip-inner {
-          display: flex;
-          gap: 6px;
-          align-items: flex-end;
-        }
-
-        .thumb-btn {
-          position: relative;
-          padding: 0;
-          border: none;
-          background: none;
-          cursor: pointer;
-          border-radius: 6px;
-          overflow: hidden;
-          flex-shrink: 0;
-          width: 106px;
-          height: 60px;
-          transition: transform 0.15s ease, box-shadow 0.15s ease;
-          outline: 2px solid transparent;
-          outline-offset: 1px;
-        }
-
-        .thumb-btn img {
-          width: 100%;
-          height: 100%;
-          object-fit: cover;
-          display: block;
-          border-radius: 6px;
-          filter: brightness(0.85);
-          transition: filter 0.15s ease;
-        }
-
-        .thumb-btn:hover img,
-        .thumb-btn.hovered img {
-          filter: brightness(1.05);
-        }
-
-        .thumb-btn:hover,
-        .thumb-btn.hovered {
-          transform: translateY(-3px) scale(1.04);
-          box-shadow: var(--shadow);
-          outline-color: var(--accent);
-          z-index: 2;
-        }
-
-        .thumb-btn.active {
-          outline-color: var(--accent);
-          box-shadow: 0 0 0 2px var(--accent), var(--shadow);
-          z-index: 3;
-        }
-
-        .thumb-btn.active img {
-          filter: brightness(1.1);
-        }
-
-        .thumb-btn.out-of-range img {
-          filter: brightness(0.35) saturate(0.2);
-        }
-
-        .thumb-time {
-          position: absolute;
-          bottom: 0;
-          left: 0;
-          right: 0;
-          padding: 3px 4px 3px;
-          background: linear-gradient(transparent, var(--bg));
-          font-size: 9px;
-          color: var(--muted);
-          text-align: center;
-          letter-spacing: 0.04em;
-          pointer-events: none;
-          border-radius: 0 0 6px 6px;
-        }
-
-        .thumb-btn.active .thumb-time {
-          color: var(--text);
-        }
-
-        .active-indicator {
-          position: absolute;
-          top: 4px;
-          right: 4px;
-          width: 6px;
-          height: 6px;
-          border-radius: 50%;
-          background: var(--accent);
-          box-shadow: 0 0 6px var(--accent);
-          animation: pulse-dot 1.5s ease-in-out infinite;
-        }
-
-        @keyframes pulse-dot {
-          0%, 100% { opacity: 1; transform: scale(1); }
-          50% { opacity: 0.5; transform: scale(0.7); }
-        }
-      `}</style>
-    </div>
+        </div>
+      )}
+    </section>
   );
 }
+
+// Memoised: the parent re-renders on every recipe change (slider drags), but
+// the strip only cares about the source, duration and trim range.
+export default memo(ThumbnailStrip);
diff --git a/src/components/TipCarousel.tsx b/src/components/TipCarousel.tsx
index 31ece14d9..05d41bc19 100644
--- a/src/components/TipCarousel.tsx
+++ b/src/components/TipCarousel.tsx
@@ -12,32 +12,32 @@ interface Tip {
 
 const TIPS: Tip[] = [
   {
-    category: "PRIVACY FIRST",
-    title: "100% Local Sandbox",
+    category: "Privacy",
+    title: "Everything stays on this device",
     description: "Your video files never leave your device. All processing happens entirely within your browser's secure client-side sandbox.",
     icon: ShieldCheck,
   },
   {
-    category: "PERFORMANCE BOOST",
-    title: "Keep This Tab Active",
+    category: "Performance",
+    title: "Keep this tab in front",
     description: "Keep this browser tab active and focused. The browser heavily throttles background WebAssembly threads to save power.",
     icon: Zap,
   },
   {
-    category: "WORKFLOW POWER",
-    title: "Keyboard Shortcuts",
+    category: "Workflow",
+    title: "Keyboard shortcuts",
     description: "Press Space to play/pause the preview, M to mute, and Ctrl/Cmd+Enter to trigger an export instantly.",
     icon: Keyboard,
   },
   {
-    category: "ENGINEERING FACT",
+    category: "How it works",
     title: "FFmpeg WebAssembly",
     description: "Reframe compiles powerful C/C++ libraries into WASM, allowing complex video pipelines to run locally in the browser.",
     icon: Cpu,
   },
   {
-    category: "PRO TIP",
-    title: "Export Quality (CRF)",
+    category: "Tip",
+    title: "Quality vs. file size",
     description: "Adjusting the Constant Rate Factor (CRF) slider gives you total control over the sweet spot between visual quality and file size.",
     icon: SlidersHorizontal,
   },
@@ -54,10 +54,13 @@ export default function TipCarousel() {
     timeoutRef.current = setTimeout(() => {
       setActiveIdx((prev) => (prev + 1) % TIPS.length);
       setIsFading(false);
-    }, 300);
+    }, 160);
   };
 
   useEffect(() => {
+    // Auto-advancing content is motion the user didn't ask for; under
+    // reduced motion the tips change only when a dot is chosen.
+    if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
     intervalRef.current = setInterval(rotateTip, 6000);
     return () => {
       if (intervalRef.current) clearInterval(intervalRef.current);
@@ -75,8 +78,10 @@ export default function TipCarousel() {
     timeoutRef.current = setTimeout(() => {
       setActiveIdx(idx);
       setIsFading(false);
-      intervalRef.current = setInterval(rotateTip, 6000);
-    }, 300);
+      if (!window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+        intervalRef.current = setInterval(rotateTip, 6000);
+      }
+    }, 160);
   };
 
   const activeTip = TIPS[activeIdx];
@@ -84,45 +89,36 @@ export default function TipCarousel() {
   const IconComponent = activeTip.icon; 
 
   return (
-    <div 
-      className="mt-6 p-4 rounded-xl border bg-[var(--surface)] border-[var(--border)] text-[var(--text)] text-left flex flex-col justify-between min-h-[142px] transition-all duration-300 shadow-sm relative overflow-hidden"
-    >
-      {/* Dynamic Slide Container */}
-      <div 
-        className={`flex-1 transition-all duration-300 transform ${
-          isFading ? "opacity-0 -translate-y-1.5 scale-[0.99]" : "opacity-100 translate-y-0 scale-100"
-        }`}
+    <div className="mt-5 border-t border-[var(--border)] pt-4 text-left">
+      <div
+        className={`min-h-[92px] transition-opacity duration-base ${isFading ? "opacity-0" : "opacity-100"}`}
+        aria-live="off"
       >
-        <div className="flex items-center gap-2">
-          <IconComponent className="text-film-600" size={14} />
-          <span className="text-[10px] font-heading font-bold uppercase tracking-widest text-film-600">
-            {activeTip.category}
-          </span>
+        <div className="flex items-center gap-1.5 text-xs font-medium text-film-500">
+          <IconComponent size={13} aria-hidden="true" />
+          {activeTip.category}
         </div>
-        
-        <h4 className="text-xs font-heading font-bold mt-1 text-[var(--text)] tracking-wide uppercase">
-          {activeTip.title}
-        </h4>
-        
-        <p className="text-[11px] leading-relaxed text-[var(--muted)] mt-1.5">
-          {activeTip.description}
-        </p>
+        <h3 className="mt-1 text-sm font-semibold text-[var(--text)]">{activeTip.title}</h3>
+        <p className="mt-1 text-xs leading-relaxed text-[var(--muted)]">{activeTip.description}</p>
       </div>
 
-      {/* Pagination Indicators */}
-      <div className="flex items-center justify-center gap-1.5 mt-4">
+      <div className="mt-3 flex items-center justify-center gap-1">
         {TIPS.map((_, idx) => (
           <button
             key={idx}
             type="button"
             onClick={() => handleDotClick(idx)}
-            aria-label={`Go to tip ${idx + 1}`}
-            className={`h-1.5 rounded-full transition-all duration-300 ease-out cursor-pointer ${
-              idx === activeIdx 
-                ? "w-4 bg-film-600"
-                : "w-1.5 bg-[var(--border)] hover:opacity-80"
-            }`}
-          />
+            aria-label={`Show tip ${idx + 1} of ${TIPS.length}`}
+            aria-current={idx === activeIdx ? "true" : undefined}
+            className="flex h-6 w-6 items-center justify-center rounded-full"
+          >
+            <span
+              aria-hidden="true"
+              className={`block h-1.5 w-1.5 rounded-full transition-colors duration-fast ${
+                idx === activeIdx ? "bg-[var(--accent)]" : "bg-[var(--border-strong)]"
+              }`}
+            />
+          </button>
         ))}
       </div>
     </div>
diff --git a/src/components/TrimControl.tsx b/src/components/TrimControl.tsx
index 8a3f947c2..a82f2210a 100644
--- a/src/components/TrimControl.tsx
+++ b/src/components/TrimControl.tsx
@@ -177,7 +177,7 @@ export default function TrimControl({ recipe, onChange, duration, file }: Props)
   };
 
   const inputClass =
-    "w-full text-sm px-3 py-2 border border-[var(--border)] rounded-md bg-[var(--bg)] font-heading focus:outline-none focus:ring-2 focus:ring-film-400 text-[var(--text)] transition-shadow [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none";
+    "w-full text-sm px-3 py-2 border border-[var(--border)] rounded-md bg-[var(--bg)] focus:outline-none focus:ring-2 focus:ring-film-400 text-[var(--text)] transition-shadow [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none";
 
   return (
     <div id="trim-control" className="space-y-3">
@@ -197,9 +197,9 @@ export default function TrimControl({ recipe, onChange, duration, file }: Props)
             if (e.key === "ArrowRight") onChange({ trimStart: Math.min((recipe.trimEnd ?? duration) - 0.1, recipe.trimStart + 0.1) });
           }}
         >
-          <div className="absolute inset-x-0 h-1.5 rounded-full bg-[var(--border)]" />
+          <div className="absolute inset-x-0 h-1.5 rounded-full bg-[var(--surface-2)] shadow-[inset_0_0_0_1px_var(--border)]" />
           <div
-            className="absolute h-1.5 rounded-full bg-film-400 opacity-60"
+            className="absolute h-1.5 rounded-full bg-[var(--accent)]"
             style={{
               left: `${(recipe.trimStart / duration) * 100}%`,
               right: `${((duration - (recipe.trimEnd ?? duration)) / duration) * 100}%`,
@@ -212,7 +212,7 @@ export default function TrimControl({ recipe, onChange, duration, file }: Props)
             aria-valuemin={0}
             aria-valuemax={duration}
             tabIndex={0}
-            className="absolute w-4 h-4 rounded-full bg-white border-2 border-film-400 shadow cursor-grab active:cursor-grabbing -translate-x-1/2 focus:outline-none focus:ring-2 focus:ring-film-400"
+            className="absolute h-5 w-5 -translate-x-1/2 cursor-grab rounded-full border-2 border-[var(--accent)] bg-[var(--surface)] shadow-[var(--shadow)] active:cursor-grabbing"
             style={{ left: `${(recipe.trimStart / duration) * 100}%` }}
             onMouseDown={() => { dragging.current = "start"; }}
             onTouchStart={() => { dragging.current = "start"; }}
@@ -228,7 +228,7 @@ export default function TrimControl({ recipe, onChange, duration, file }: Props)
             aria-valuemin={0}
             aria-valuemax={duration}
             tabIndex={0}
-            className="absolute w-4 h-4 rounded-full bg-white border-2 border-film-400 shadow cursor-grab active:cursor-grabbing -translate-x-1/2 focus:outline-none focus:ring-2 focus:ring-film-400"
+            className="absolute h-5 w-5 -translate-x-1/2 cursor-grab rounded-full border-2 border-[var(--accent)] bg-[var(--surface)] shadow-[var(--shadow)] active:cursor-grabbing"
             style={{ left: `${((recipe.trimEnd ?? duration) / duration) * 100}%` }}
             onMouseDown={() => { dragging.current = "end"; }}
             onTouchStart={() => { dragging.current = "end"; }}
@@ -243,9 +243,9 @@ export default function TrimControl({ recipe, onChange, duration, file }: Props)
         <div className="flex-1">
           <label
             htmlFor="trim-start"
-            className="font-heading mb-1.5 block text-[10px] font-semibold uppercase tracking-wider text-[var(--muted)]"
+            className="font-heading mb-1.5 block text-2xs font-semibold text-[var(--muted)]"
           >
-            Start (sec)
+            Start (seconds)
           </label>
 
           <input
@@ -262,15 +262,13 @@ export default function TrimControl({ recipe, onChange, duration, file }: Props)
             aria-label="Trim start time in seconds"
             aria-invalid={invalidStart}
             aria-describedby={invalidStart ? "trim-start-error" : undefined}
-            className={`${inputClass} ${
-              invalidStart ? "border-[var(--error)]" : "border-[var(--border)]"
-            }`}
+            className={`${inputClass}`}
             placeholder="0"
           />
           {invalidStart && (
             <p
               id="trim-start-error"
-              className="font-heading animate-fade-in mt-1.5 flex items-center gap-1 text-[10px] text-red-500"
+              className="font-heading animate-fade-in mt-1.5 flex items-center gap-1 text-2xs text-[var(--error)]"
             >
               <AlertCircle size={10} className="shrink-0" />
               {startErrorMsg}
@@ -281,9 +279,9 @@ export default function TrimControl({ recipe, onChange, duration, file }: Props)
         <div className="flex-1">
           <label
             htmlFor="trim-end"
-            className="font-heading mb-1.5 block text-[10px] font-semibold uppercase tracking-wider text-[var(--muted)]"
+            className="font-heading mb-1.5 block text-2xs font-semibold text-[var(--muted)]"
           >
-            End (sec)
+            End (seconds)
           </label>
 
           <input
@@ -300,15 +298,13 @@ export default function TrimControl({ recipe, onChange, duration, file }: Props)
             aria-label="Trim end time in seconds"
             aria-invalid={invalidEnd}
             aria-describedby={invalidEnd ? "trim-end-error" : undefined}
-            className={`${inputClass} ${
-              invalidEnd ? "border-[var(--error)]" : "border-[var(--border)]"
-            }`}
+            className={`${inputClass}`}
             placeholder={duration > 0 ? `${duration.toFixed(1)}` : "full length"}
           />
           {invalidEnd && (
             <p
               id="trim-end-error"
-              className="font-heading animate-fade-in mt-1.5 flex items-center gap-1 text-[10px] text-red-500"
+              className="font-heading animate-fade-in mt-1.5 flex items-center gap-1 text-2xs text-[var(--error)]"
             >
               <AlertCircle size={10} className="shrink-0" />
               {endErrorMsg}
@@ -318,14 +314,14 @@ export default function TrimControl({ recipe, onChange, duration, file }: Props)
       </div>
 
       {duration > 0 && (
-        <p className="text-sm text-[var(--muted)] font-heading mt-1">
+        <p className="tabular hint">
           Clip: {formatDuration(clipLength)} of{" "}
           {formatDuration(duration)}
         </p>
       )}
       {recipe.trimEnd !== null &&
         recipe.trimEnd - recipe.trimStart < MIN_CLIP_DURATION && (
-          <p className="text-[10px] text-[var(--error)] font-heading">
+          <p className="text-xs text-[var(--error)]">
             Clip must be at least 0.1 seconds long.
           </p>
       )}
diff --git a/src/components/VideoEditor.tsx b/src/components/VideoEditor.tsx
index 38045cf01..efb31b5b3 100644
--- a/src/components/VideoEditor.tsx
+++ b/src/components/VideoEditor.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useRef, useEffect, useMemo } from "react";
+import { useState, useRef, useEffect, useMemo, useCallback } from "react";
 import { useVideoEditor } from "@/hooks/useVideoEditor";
 import { TextOverlay } from "@/lib/types";
 import FileUpload from "./FileUpload";
@@ -15,224 +15,144 @@ import TextControls from "./TextControls";
 import AudioSpeedControl from "./AudioSpeedControl";
 import FormatSelector from "./FormatSelector";
 import ExportSettings from "./ExportSettings";
-import ExportOverlay from "./ExportOverlay";
+import ExportOverlay, { type ExportSummary } from "./ExportOverlay";
 import DownloadResult from "./DownloadResult";
 import ImageOverlay from "./ImageOverlay";
+import AdjustmentsControl, { hasAdjustments } from "./AdjustmentsControl";
 import { getPresetById } from "@/lib/presets";
+import { pickThumbnailInterval } from "@/lib/thumbnails";
 
-import { cn } from "@/lib/utils";
+import { cn, formatDuration } from "@/lib/utils";
 import {
   Layers,
-  Crop,
   Scissors,
   RotateCw,
   Volume2,
   Type,
   SlidersHorizontal,
-  Zap,
   AlertTriangle,
-  Github,
   Copy,
+  Check,
+  Download,
+  ChevronDown,
+  Keyboard,
 } from "lucide-react";
 import OnboardingTour from "./OnboardingTour";
 import { useKeyboardShortcuts } from "@/hooks/useKeyboardShortcuts";
 import { loadOverlayState, persistOverlayState } from "@/lib/editorPersistence";
 
-interface SectionProps {
-  icon: React.ReactNode;
-  title: string;
-  children: React.ReactNode;
-  delay?: number;
-}
-
-function Section({ icon, title, children, delay = 0 }: SectionProps) {
-  return (
-    <div className="space-y-3 animate-fade-in" style={{ animationDelay: `${delay}ms` }}>
-      <div className="flex items-center gap-2">
-        <span className="text-film-500 opacity-80">{icon}</span>
-        <h3 className="text-sm font-heading font-bold uppercase tracking-widest text-[var(--muted)]">
-          {title}
-        </h3>
-        <div className="flex-1 h-px bg-[var(--border)]" />
-      </div>
-      {children}
-    </div>
-  );
-}
-
-/** Accordion section with collapsible content. */
+/**
+ * Collapsible tool section. Closed panels are removed with the `hidden`
+ * attribute rather than animated (animating height forces layout on every
+ * frame); only the chevron rotates. The optional summary shows the current
+ * value while collapsed, so the panel doesn't have to be opened to check it.
+ */
 function AccordionSection({
   id,
   icon,
   title,
+  summary,
   children,
   isOpen,
   onToggle,
-  delay = 0,
 }: {
   id: string;
   icon: React.ReactNode;
   title: string;
+  summary?: React.ReactNode;
   children: React.ReactNode;
   isOpen: boolean;
   onToggle: () => void;
-  delay?: number;
 }) {
   return (
-    <div className="animate-fade-in" style={{ animationDelay: `${delay}ms` }}>
-      <button
-        type="button"
-        aria-expanded={isOpen}
-        aria-controls={`${id}-panel`}
-        onClick={onToggle}
-        className="w-full flex items-center justify-between px-3 py-2 text-left hover:bg-[var(--border)] transition-all duration-200 group rounded-lg"
-      >
-        <div className="flex items-center gap-2">
-          <span className="text-film-500 opacity-80 group-hover:opacity-100 group-hover:scale-110 transition-transform duration-200">
+    <div>
+      <h3>
+        <button
+          type="button"
+          id={`${id}-header`}
+          aria-expanded={isOpen}
+          aria-controls={`${id}-panel`}
+          onClick={onToggle}
+          className="flex min-h-[48px] w-full items-center gap-3 px-4 py-2.5 text-left transition-colors duration-fast hover:bg-[var(--surface-2)]"
+        >
+          <span aria-hidden="true" className="text-[var(--muted)]">
             {icon}
           </span>
-          <span className="text-sm font-heading font-bold uppercase tracking-widest text-[var(--muted)]">
-            {title}
-          </span>
-        </div>
-        <svg
-          aria-hidden="true"
-          width="12"
-          height="12"
-          viewBox="0 0 12 12"
-          fill="none"
-          className={cn(
-            "text-[var(--muted)] transition-transform duration-200",
-            isOpen && "rotate-180"
+          <span className="flex-1 text-sm font-medium text-[var(--text)]">{title}</span>
+          {summary && (
+            <span className="tabular truncate text-xs text-[var(--muted)]">{summary}</span>
           )}
-        >
-          <path
-            d="M2 4l4 4 4-4"
-            stroke="currentColor"
-            strokeWidth="1.5"
-            strokeLinecap="round"
-            strokeLinejoin="round"
+          <ChevronDown
+            size={16}
+            aria-hidden="true"
+            className={cn(
+              "shrink-0 text-[var(--muted)] transition-transform duration-base",
+              isOpen && "rotate-180"
+            )}
           />
-        </svg>
-      </button>
-
+        </button>
+      </h3>
       <div
         id={`${id}-panel`}
-        className={cn("transition-all duration-200", isOpen ? "block" : "hidden")}
+        role="region"
+        aria-labelledby={`${id}-header`}
+        hidden={!isOpen}
+        className="px-4 pb-4 pt-1"
       >
-        <div className="px-3 pt-3 pb-0">{children}</div>
+        {children}
       </div>
     </div>
   );
 }
 
-/** Inline keyboard hint badge. */
-function Kbd({ children }: { children: React.ReactNode }) {
+const SHORTCUTS: { keys: string[]; label: string }[] = [
+  { keys: ["Space"], label: "Play / pause preview" },
+  { keys: ["⌘/Ctrl", "Enter"], label: "Export video" },
+  { keys: ["⌘/Ctrl", "Shift", "E"], label: "Export video" },
+  { keys: ["Esc"], label: "Cancel export" },
+  { keys: ["I"], label: "Set trim start at playhead" },
+  { keys: ["O"], label: "Set trim end at playhead" },
+  { keys: ["M"], label: "Mute / unmute audio" },
+  { keys: ["1", "–", "9"], label: "Choose preset by position" },
+  { keys: ["R"], label: "Reset all settings" },
+  { keys: ["⌘/Ctrl", "O"], label: "Open a video" },
+  { keys: ["?"], label: "Show or hide this list" },
+];
+
+/** Collapsible list of keyboard shortcuts (also toggled with "?"). */
+function KeyboardShortcutsPanel({ open, onToggle }: { open: boolean; onToggle: () => void }) {
   return (
-    <kbd className="inline-flex items-center justify-center min-w-[1.5rem] px-1.5 py-0.5 rounded border border-[var(--border)] bg-[var(--bg)] text-[10px] font-mono text-[var(--muted)] leading-none">
-      {children}
-    </kbd>
-  );
-}
-
-/** Collapsible panel that lists all keyboard shortcuts. */
-function KeyboardShortcutsPanel() {
-  const [open, setOpen] = useState(false);
-
-  const shortcuts: { keys: React.ReactNode[]; label: string }[] = [
-    {
-      keys: [
-        <Kbd key="ctrl">Ctrl</Kbd>,
-        <span key="plus1" className="text-[var(--muted)] text-xs">
-          +
-        </span>,
-        <Kbd key="shift">Shift</Kbd>,
-        <span key="plus2" className="text-[var(--muted)] text-xs">
-          +
-        </span>,
-        <Kbd key="e">E</Kbd>,
-      ],
-      label: "Export video",
-    },
-    {
-      keys: [<Kbd key="m">M</Kbd>],
-      label: "Toggle audio mute",
-    },
-    {
-      keys: [<Kbd key="r">R</Kbd>],
-      label: "Reset all settings",
-    },
-    {
-      keys: [<Kbd key="esc">Esc</Kbd>],
-      label: "Cancel export",
-    },
-    {
-      keys: [
-        <Kbd key="1">1</Kbd>,
-        <span key="dash" className="text-[var(--muted)] text-xs">
-          –
-        </span>,
-        <Kbd key="9">9</Kbd>,
-      ],
-      label: "Switch preset by index",
-    },
-    {
-      keys: [<Kbd key="question">?</Kbd>],
-      label: "Toggle this panel",
-    },
-    {
-      keys: [<Kbd key="i">I</Kbd>],
-      label: "Set trim in point",
-    },
-    {
-      keys: [<Kbd key="o">O</Kbd>],
-      label: "Set trim out point",
-    },
-  ];
-
-  return (
-    <div className="rounded-xl border border-[var(--border)] bg-[var(--surface)] animate-fade-in overflow-hidden">
+    <div className="panel overflow-hidden">
       <button
         type="button"
         aria-expanded={open}
         aria-controls="keyboard-shortcuts-list"
-        onClick={() => setOpen((v) => !v)}
-        className="w-full flex items-center justify-between px-4 py-3 text-left hover:bg-[var(--border)] transition-colors duration-150"
+        onClick={onToggle}
+        className="flex min-h-[44px] w-full items-center gap-2 px-4 py-2 text-left text-sm text-[var(--text-secondary)] transition-colors duration-fast hover:bg-[var(--surface-2)]"
       >
-        <span className="text-[10px] font-heading font-bold uppercase tracking-widest text-[var(--muted)] flex items-center gap-2">
-          <Kbd>⌨</Kbd>
-          Keyboard Shortcuts
-        </span>
-        <svg
-          aria-hidden="true"
-          width="12"
-          height="12"
-          viewBox="0 0 12 12"
-          fill="none"
-          className={cn(
-            "text-[var(--muted)] transition-transform duration-200",
-            open && "rotate-180"
-          )}
-        >
-          <path
-            d="M2 4l4 4 4-4"
-            stroke="currentColor"
-            strokeWidth="1.5"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-        </svg>
+        <Keyboard size={15} aria-hidden="true" className="text-[var(--muted)]" />
+        <span className="flex-1">Keyboard shortcuts</span>
+        <kbd className="kbd">?</kbd>
       </button>
 
       {open && (
-        <ul
-          id="keyboard-shortcuts-list"
-          className="px-4 pb-3 space-y-2 border-t border-[var(--border)]"
-        >
-          {shortcuts.map(({ keys, label }) => (
-            <li key={label} className="flex items-center justify-between gap-3 pt-2">
+        <ul id="keyboard-shortcuts-list" className="space-y-2 border-t border-[var(--border)] px-4 py-3">
+          {SHORTCUTS.map(({ keys, label }) => (
+            <li key={label + keys.join()} className="flex items-center justify-between gap-3">
               <span className="text-xs text-[var(--muted)]">{label}</span>
-              <span className="flex items-center gap-1 shrink-0">{keys}</span>
+              <span className="flex shrink-0 items-center gap-1">
+                {keys.map((k) =>
+                  k === "–" ? (
+                    <span key={k} className="text-xs text-[var(--muted)]">
+                      –
+                    </span>
+                  ) : (
+                    <kbd key={k} className="kbd">
+                      {k}
+                    </kbd>
+                  )
+                )}
+              </span>
             </li>
           ))}
         </ul>
@@ -241,6 +161,10 @@ function KeyboardShortcutsPanel() {
   );
 }
 
+function qualityLabel(crf: number) {
+  return crf <= 21 ? "High" : crf <= 25 ? "Balanced" : "Small file";
+}
+
 export default function VideoEditor() {
   const {
     file,
@@ -269,10 +193,13 @@ export default function VideoEditor() {
     overlayOpacity,
     setOverlayOpacity,
     recommendedPreset,
-    currentTime,
+    getCurrentTime,
     toggleSound,
   } = useVideoEditor();
 
+  const [shortcutsOpen, setShortcutsOpen] = useState(false);
+  const toggleShortcuts = useCallback(() => setShortcutsOpen((v) => !v), []);
+
   useKeyboardShortcuts({
     file,
     recipe,
@@ -281,8 +208,8 @@ export default function VideoEditor() {
     handleExport,
     status,
     cancelExport,
-    onToggleShortcutsModal: () => {},
-    currentTime,
+    onToggleShortcutsModal: toggleShortcuts,
+    getCurrentTime,
     duration,
   });
 
@@ -307,8 +234,10 @@ export default function VideoEditor() {
     resize: true,
     trim: false,
     rotation: false,
+    adjust: false,
     text: false,
     audio: false,
+    overlay: false,
     export: false,
   });
   useEffect(() => {
@@ -369,29 +298,34 @@ export default function VideoEditor() {
     setIsMac(typeof navigator !== "undefined" && /Mac/i.test(navigator.platform));
   }, []);
 
-  const intervalSeconds = useMemo(() => {
-    if (duration <= 30) return 2;
-    if (duration <= 120) return 5;
-    if (duration <= 300) return 15;
-    return 30;
-  }, [duration]);
+  const intervalSeconds = useMemo(() => pickThumbnailInterval(duration), [duration]);
 
   const videoSrc = useMemo(() => (file ? URL.createObjectURL(file) : null), [file]);
 
-  const exportSummary = useMemo(() => {
+  const output = useMemo(() => {
     const preset = getPresetById(recipe.preset);
     const width =
       recipe.preset === "custom" ? recipe.customWidth : (preset?.width ?? recipe.customWidth);
     const height =
       recipe.preset === "custom" ? recipe.customHeight : (preset?.height ?? recipe.customHeight);
-
-    const framingLabel = recipe.framing === "fit" ? "Fit" : "Fill";
-    const speedLabel = `${recipe.speed}× speed`;
-    const qualityLabel =
-      recipe.quality <= 21 ? "High" : recipe.quality <= 25 ? "Balanced" : "Small file";
-
-    return `Exporting to ${width}×${height} ${recipe.format.toUpperCase()} • ${framingLabel} • ${speedLabel} • Quality: ${qualityLabel}`;
-  }, [recipe]);
+    const summary: ExportSummary = {
+      format: recipe.format.toUpperCase(),
+      resolution: `${width} × ${height}`,
+      quality: `${qualityLabel(recipe.quality)} (CRF ${recipe.quality})`,
+    };
+    return {
+      summary,
+      presetLabel: recipe.preset === "custom" ? "Custom" : (preset?.label ?? "Custom"),
+      framing: recipe.framing === "fit" ? "Fit" : "Fill",
+    };
+  }, [
+    recipe.preset,
+    recipe.customWidth,
+    recipe.customHeight,
+    recipe.format,
+    recipe.quality,
+    recipe.framing,
+  ]);
 
   useEffect(() => {
     return () => {
@@ -399,77 +333,58 @@ export default function VideoEditor() {
     };
   }, [videoSrc]);
 
+  const isTrimmed = recipe.trimStart > 0 || recipe.trimEnd !== null;
+  const textCount = recipe.textOverlays?.length ?? 0;
+  const exportDisabled = !file || isProcessing;
+  const exportShortcut = isMac ? "⌘ Enter" : "Ctrl Enter";
+
   return (
-    <div className="min-h-screen relative flex flex-col" style={{ background: "var(--bg)" }}>
+    <div className="relative flex flex-col">
       <ExportOverlay
         status={status}
         progress={progress}
         exportStartedAt={exportStartedAt}
         onCancel={cancelExport}
+        summary={output.summary}
       />
       <OnboardingTour />
 
       <div aria-live="polite" aria-atomic="true" className="sr-only">
-        {status === "exporting" && `Exporting video: ${progress}%`}
-        {status === "done" && "Export complete! Video ready to download."}
+        {status === "exporting" && progress % 10 === 0 && `Exporting video: ${progress}%`}
+        {status === "done" && "Export complete. Video ready to download."}
         {status === "error" && `Export failed: ${error}`}
       </div>
 
       <div
         className={cn(
-          "max-w-6xl mx-auto px-4 py-8 pb-6 flex-1 w-full",
+          "mx-auto w-full max-w-[1440px] flex-1 px-4 py-6 sm:px-6 lg:py-8",
           // Reserve space on mobile so the fixed export bar never covers content.
           file && "max-lg:pb-28"
         )}
       >
-        <header className="mb-10 flex flex-col items-center justify-center gap-4 animate-fade-in">
-          <div
-            className="inline-block rounded-xl border border-[var(--border)] bg-[var(--surface)] shadow-sm border-l-4 border-l-film-600 mx-auto w-fit min-w-min"
-            style={{
-              padding: "clamp(0.75rem,3vw,1.25rem) clamp(1rem,5vw,2rem)",
-              boxSizing: "border-box",
-            }}
-            aria-label="Reframe — video editor"
-          >
-            <h1
-              className="font-display leading-none tracking-widest2 text-[var(--text)] break-words text-center transition-all"
-              style={{ fontSize: "clamp(2rem,10vw,4rem)", viewTransitionName: "reframe-text" }}
-            >
-              REFRAME
+        {file ? (
+          <h1 className="sr-only">Reframe editor</h1>
+        ) : (
+          <header className="mb-6 max-w-2xl">
+            <h1 className="text-2xl font-semibold sm:text-3xl">
+              Resize, trim and export video in your browser
             </h1>
-            <p
-              className="font-heading text-[var(--muted)] uppercase tracking-widest text-center"
-              style={{
-                fontSize: "clamp(0.7rem,2vw,0.875rem)",
-                marginTop: "clamp(0.25rem,1vw,0.5rem)",
-              }}
-            >
-              Your video, any format
+            <p className="mt-2 text-base text-[var(--text-secondary)]">
+              Reformat a clip for any platform without an account, an upload or a watermark.
+              Everything runs on this device.
             </p>
-            <div
-              className="flex md:hidden items-center justify-center gap-2 font-heading font-semibold uppercase tracking-widest text-[var(--muted)] border-t border-[var(--border)]"
-              style={{
-                fontSize: "clamp(0.6rem,1.5vw,0.75rem)",
-                marginTop: "clamp(0.5rem,2vw,0.75rem)",
-                paddingTop: "clamp(0.5rem,2vw,0.75rem)",
-              }}
-            >
-              <span className="flex-shrink-0 w-1.5 h-1.5 rounded-full bg-[var(--accent)] inline-block animate-pulse" />
-              No login. No ads. 100% private.
-            </div>
-          </div>
-          <div
-            className="flex flex-wrap justify-center text-center items-center gap-2 text-sm font-heading font-semibold uppercase tracking-widest text-[var(--muted)] pb-1"
-            style={{ justifyContent: "center", textAlign: "center", margin: "0", width: "auto" }}
-          >
-            <span className="flex-shrink-0 w-1.5 h-1.5 rounded-full bg-[var(--accent)] inline-block animate-pulse" />
-            No login. No ads. 100% private - your video never leaves your device.
-          </div>
-        </header>
-        <div className="grid grid-cols-1 lg:grid-cols-[1fr_340px] gap-5">
-          <div className="space-y-4 min-w-0">
+          </header>
+        )}
+
+        <div className="grid grid-cols-1 gap-6 lg:grid-cols-[minmax(0,1fr)_360px] lg:items-start">
+          {/* ── Workspace: preview first, then the tools that change it ── */}
+          <div className="min-w-0 space-y-4">
             {!file && <PrivacyBanner />}
-            <div className="bg-[var(--surface)] rounded-xl p-3 border border-[var(--border)] animate-fade-in">
+
+            <section aria-labelledby="video-heading" className="panel p-3 sm:p-4">
+              <h2 id="video-heading" className="sr-only">
+                Video
+              </h2>
               <FileUpload
                 onFileSelect={handleFileSelect}
                 currentFile={file}
@@ -477,275 +392,75 @@ export default function VideoEditor() {
                 duration={duration}
               />
 
-              {!file && (
-                <div className="text-center text-[var(--muted)] py-6">
-                  <p>Upload a video to get started</p>
-                  <p className="text-sm">Supports MP4, MOV, WebM and more</p>
-                </div>
-              )}
-
               {file && (
-                <div className="mt-4 animate-fade-in">
-                  <VideoPreview
-                    file={file}
-                    recipe={recipe}
-                    videoRef={videoRef}
-                    selectedTextId={selectedTextId}
-                    onSelectText={setSelectedTextId}
-                    onUpdateText={handleUpdateTextOverlay}
-                  />
-
+                <>
                   <div className="mt-3">
+                    <VideoPreview
+                      file={file}
+                      recipe={recipe}
+                      videoRef={videoRef}
+                      selectedTextId={selectedTextId}
+                      onSelectText={setSelectedTextId}
+                      onUpdateText={handleUpdateTextOverlay}
+                    />
+                  </div>
+
+                  <div className="mt-4 border-t border-[var(--border)] pt-3">
                     <ThumbnailStrip
                       videoSrc={videoSrc}
                       duration={duration}
-                      currentTime={currentTime}
+                      videoRef={videoRef}
                       trimStart={recipe.trimStart ?? 0}
                       trimEnd={recipe.trimEnd ?? duration}
                       onSeek={seekTo}
                       intervalSeconds={intervalSeconds}
                     />
                   </div>
-                </div>
+                </>
               )}
-            </div>
+            </section>
 
             {file && file.size > 100 * 1024 * 1024 && (
-              <p className="text-[var(--warning)] text-sm">
-                ⚠️ Large file - processing may take several minutes
+              <p role="status" className="callout callout-warning text-xs">
+                <AlertTriangle size={14} aria-hidden="true" className="mt-0.5 shrink-0 text-[var(--warning)]" />
+                Large file: export can take several minutes. Keep this tab in the foreground.
               </p>
             )}
-            {file && (
-              <div
-                className={cn(
-                  "grid grid-cols-1 gap-4",
-                  isProcessing && "pointer-events-none opacity-50"
-                )}
-              >
-                <div className="bg-[var(--surface)] rounded-xl border border-[var(--border)] p-5 space-y-6">
-                  <AccordionSection
-                    id="trim"
-                    icon={<Scissors size={12} />}
-                    title="Trim"
-                    isOpen={openSections.trim}
-                    onToggle={() => toggleSection("trim")}
-                    delay={50}
-                  >
-                    <TrimControl
-                      recipe={recipe}
-                      onChange={updateRecipe}
-                      duration={duration}
-                      file={file}
-                    />
-                  </AccordionSection>
-
-                  <AccordionSection
-                    id="rotation"
-                    icon={<RotateCw size={12} />}
-                    title="Rotation"
-                    isOpen={openSections.rotation}
-                    onToggle={() => toggleSection("rotation")}
-                    delay={100}
-                  >
-                    <RotateControl recipe={recipe} onChange={updateRecipe} />
-                  </AccordionSection>
-
-                  <AccordionSection
-                    id="text"
-                    icon={<Type size={12} />}
-                    title="Text Overlay"
-                    isOpen={openSections.text}
-                    onToggle={() => toggleSection("text")}
-                    delay={110}
-                  >
-                    <TextControls
-                      recipe={recipe}
-                      onChange={updateRecipe}
-                      selectedTextId={selectedTextId}
-                      onSelectText={setSelectedTextId}
-                    />
-                  </AccordionSection>
-                </div>
-                <div className="bg-[var(--surface)] rounded-xl border border-[var(--border)] p-5 space-y-6">
-                  <AccordionSection
-                    id="audio"
-                    icon={<Volume2 size={12} />}
-                    title="Audio & Speed"
-                    isOpen={openSections.audio}
-                    onToggle={() => toggleSection("audio")}
-                    delay={150}
-                  >
-                    <AudioSpeedControl recipe={recipe} onChange={updateRecipe} />
-                  </AccordionSection>
-                  <Section icon={<SlidersHorizontal size={12} />} title="Adjustments" delay={175}>
-                    <div className="space-y-5">
-                      {/* Brightness */}
-                      <div className="space-y-2">
-                        <div className="flex items-center justify-between text-xs">
-                          <label htmlFor="brightness-slider">Brightness</label>
-                          <button
-                            type="button"
-                            onClick={() => updateRecipe({ brightness: 0 })}
-                            className="text-film-500 hover:underline"
-                            aria-label="reset brightness"
-                          >
-                            Reset
-                          </button>
-                        </div>
-                        <input
-                          id="brightness-slider"
-                          type="range"
-                          min="-1"
-                          max="1"
-                          step="0.1"
-                          value={recipe.brightness}
-                          onChange={(e) => updateRecipe({ brightness: Number(e.target.value) })}
-                          aria-label="Adjust brightness"
-                          className="w-full accent-film-600"
-                        />
-                      </div>
-                      {/* Contrast */}
-                      <div className="space-y-2">
-                        <div className="flex items-center justify-between text-xs">
-                          <label htmlFor="contrast-slider">Contrast</label>
-                          <button
-                            type="button"
-                            onClick={() => updateRecipe({ contrast: 1 })}
-                            className="text-film-500 hover:underline"
-                            aria-label="reset-contrast"
-                          >
-                            Reset
-                          </button>
-                        </div>
-                        <input
-                          id="contrast-slider"
-                          type="range"
-                          min="0"
-                          max="2"
-                          step="0.1"
-                          value={recipe.contrast}
-                          onChange={(e) => updateRecipe({ contrast: Number(e.target.value) })}
-                          aria-label="Adjust contrast"
-                          className="w-full accent-film-600"
-                        />
-                      </div>
-                      {/* Saturation */}
-                      <div className="space-y-2">
-                        <div className="flex items-center justify-between text-xs">
-                          <label htmlFor="saturation-slider">Saturation</label>
-                          <button
-                            type="button"
-                            onClick={() => updateRecipe({ saturation: 1 })}
-                            className="text-film-500 hover:underline"
-                            aria-label="reset-saturation"
-                          >
-                            Reset
-                          </button>
-                        </div>
-                        <input
-                          id="saturation-slider"
-                          type="range"
-                          min="0"
-                          max="3"
-                          step="0.1"
-                          value={recipe.saturation}
-                          onChange={(e) => updateRecipe({ saturation: Number(e.target.value) })}
-                          aria-label="Adjust saturation"
-                          className="w-full accent-film-600"
-                        />
-                      </div>
-                      {/* Sharpness */}
-                      <div className="space-y-2">
-                        <div className="flex items-center justify-between text-xs">
-                          <label htmlFor="sharpness-slider">Sharpness</label>
-                          <button
-                            type="button"
-                            onClick={() => updateRecipe({ sharpness: 0 })}
-                            className="text-film-500 hover:underline"
-                          >
-                            Reset
-                          </button>
-                        </div>
-                        <input
-                          id="sharpness-slider"
-                          type="range"
-                          min="0"
-                          max="3"
-                          step="1"
-                          value={recipe.sharpness}
-                          onChange={(e) => updateRecipe({ sharpness: Number(e.target.value) })}
-                          aria-label="Adjust sharpness"
-                          className="w-full accent-film-600"
-                        />
-                      </div>
-                    </div>
-                  </Section>
-                  <Section icon={<SlidersHorizontal size={12} />} title="Output format" delay={190}>
-                    <FormatSelector recipe={recipe} onChange={updateRecipe} />
-                  </Section>
-                  <AccordionSection
-                    id="export"
-                    icon={<SlidersHorizontal size={12} />}
-                    title="Export"
-                    isOpen={openSections.export}
-                    onToggle={() => toggleSection("export")}
-                    delay={200}
-                  >
-                    <ExportSettings recipe={recipe} duration={duration} onChange={updateRecipe} />
-                  </AccordionSection>
-                  <Section icon={<Layers size={12} />} title="Image overlay" delay={120}>
-                    <ImageOverlay
-                      overlayFile={overlayFile}
-                      setOverlayFile={setOverlayFile}
-                      overlayPosition={overlayPosition}
-                      setOverlayPosition={setOverlayPosition}
-                      overlaySize={overlaySize}
-                      setOverlaySize={setOverlaySize}
-                      overlayOpacity={overlayOpacity}
-                      setOverlayOpacity={setOverlayOpacity}
-                    />
-                  </Section>
-                </div>
-              </div>
-            )}
 
             {status === "error" && error && (
-              <div
-                role="status"
-                className="flex items-start gap-3 p-4 bg-film-50 border border-film-200 rounded-xl text-film-800 text-sm animate-fade-in"
-              >
-                <AlertTriangle size={16} className="shrink-0 mt-0.5 text-film-500" />
-                <div className="flex-1">
-                  <p className="font-heading font-bold text-sm">Error</p>
-                  <p className="text-film-600 text-sm mt-1">{error}</p>
+              <div role="alert" className="callout callout-error">
+                <AlertTriangle size={16} aria-hidden="true" className="mt-0.5 shrink-0 text-[var(--error)]" />
+                <div className="min-w-0 flex-1">
+                  <p className="font-medium">
+                    {error.includes("Validation Failed") ? "This file can't be opened" : "Export didn't finish"}
+                  </p>
+                  <p className="mt-0.5 text-[var(--text-secondary)]">{error}</p>
+                  <div className="mt-3 flex flex-wrap gap-2">
+                    {!error.includes("Validation Failed") && (
+                      <button type="button" onClick={handleExport} className="btn btn-primary btn-sm">
+                        Retry export
+                      </button>
+                    )}
+                    <button
+                      type="button"
+                      onClick={() => {
+                        navigator.clipboard
+                          .writeText(error)
+                          .then(() => {
+                            setCopied(true);
+                            setTimeout(() => setCopied(false), 2000);
+                          })
+                          .catch((err) => {
+                            console.error("Failed to copy error to clipboard:", err);
+                          });
+                      }}
+                      className="btn btn-secondary btn-sm"
+                    >
+                      {copied ? <Check size={13} aria-hidden="true" /> : <Copy size={13} aria-hidden="true" />}
+                      {copied ? "Copied" : "Copy error details"}
+                    </button>
+                  </div>
                 </div>
-                <button
-                  type="button"
-                  onClick={() => {
-                    navigator.clipboard
-                      .writeText(error)
-                      .then(() => {
-                        setCopied(true);
-                        setTimeout(() => setCopied(false), 2000);
-                      })
-                      .catch((err) => {
-                        console.error("Failed to copy error to clipboard:", err);
-                      });
-                  }}
-                  className="px-3 py-1.5 bg-[var(--border)] border border-[var(--border)] rounded-lg text-sm font-semibold hover:opacity-80 transition-colors shrink-0 whitespace-nowrap"
-                  aria-label="Copy error message to clipboard"
-                >
-                  {copied ? "Copied!" : "Copy error"}
-                </button>
-                {!error.includes("Validation Failed") && (
-                  <button
-                    type="button"
-                    onClick={handleExport}
-                    className="px-3 py-1.5 bg-[var(--error-bg)] border border-[var(--error-border)] rounded-lg text-sm font-semibold hover:bg-[var(--error-hover)] hover:border-[var(--error)] text-[var(--text)] transition-colors shrink-0 whitespace-nowrap"
-                  >
-                    Retry Export
-                  </button>
-                )}
               </div>
             )}
 
@@ -759,129 +474,257 @@ export default function VideoEditor() {
                 />
               </div>
             )}
-          </div>
 
-          <div
-            className={cn(
-              "space-y-5 transition-opacity duration-300 sticky top-8 self-start",
-              (isProcessing || !file) && "pointer-events-none opacity-50"
-            )}
-          >
-            {!file && (
-              <div className="bg-[var(--surface)] border border-[var(--border)] rounded-xl p-4 animate-fade-in">
-                <p className="text-[10px] font-heading font-bold text-film-600 uppercase tracking-widest">
-                  Getting Started
-                </p>
-                <p className="text-xs text-[var(--muted)] mt-1">
-                  Upload a video file to enable these export settings.
-                </p>
-              </div>
+            {file && (
+              <section
+                aria-labelledby="edit-heading"
+                inert={isProcessing}
+                className={cn(
+                  "panel divide-y divide-[var(--border)] overflow-hidden",
+                  isProcessing && "opacity-60"
+                )}
+              >
+                <h2 id="edit-heading" className="sr-only">
+                  Edit
+                </h2>
+                <AccordionSection
+                  id="trim"
+                  icon={<Scissors size={15} />}
+                  title="Trim"
+                  summary={
+                    isTrimmed
+                      ? `${formatDuration(recipe.trimStart)} – ${formatDuration(recipe.trimEnd ?? duration)}`
+                      : "Full length"
+                  }
+                  isOpen={openSections.trim}
+                  onToggle={() => toggleSection("trim")}
+                >
+                  <TrimControl recipe={recipe} onChange={updateRecipe} duration={duration} file={file} />
+                </AccordionSection>
+
+                <AccordionSection
+                  id="rotation"
+                  icon={<RotateCw size={15} />}
+                  title="Rotate"
+                  summary={`${recipe.rotate}°`}
+                  isOpen={openSections.rotation}
+                  onToggle={() => toggleSection("rotation")}
+                >
+                  <RotateControl recipe={recipe} onChange={updateRecipe} />
+                </AccordionSection>
+
+                <AccordionSection
+                  id="adjust"
+                  icon={<SlidersHorizontal size={15} />}
+                  title="Adjust colour"
+                  summary={hasAdjustments(recipe) ? "Modified" : "None"}
+                  isOpen={openSections.adjust}
+                  onToggle={() => toggleSection("adjust")}
+                >
+                  <AdjustmentsControl recipe={recipe} onChange={updateRecipe} />
+                </AccordionSection>
+
+                <AccordionSection
+                  id="text"
+                  icon={<Type size={15} />}
+                  title="Text"
+                  summary={textCount > 0 ? `${textCount} ${textCount === 1 ? "layer" : "layers"}` : "None"}
+                  isOpen={openSections.text}
+                  onToggle={() => toggleSection("text")}
+                >
+                  <TextControls
+                    recipe={recipe}
+                    onChange={updateRecipe}
+                    selectedTextId={selectedTextId}
+                    onSelectText={setSelectedTextId}
+                  />
+                </AccordionSection>
+
+                <AccordionSection
+                  id="audio"
+                  icon={<Volume2 size={15} />}
+                  title="Audio and speed"
+                  summary={`${recipe.speed}× · ${recipe.keepAudio ? "Audio on" : "Muted"}`}
+                  isOpen={openSections.audio}
+                  onToggle={() => toggleSection("audio")}
+                >
+                  <AudioSpeedControl recipe={recipe} onChange={updateRecipe} />
+                </AccordionSection>
+
+                <AccordionSection
+                  id="overlay"
+                  icon={<Layers size={15} />}
+                  title="Image overlay"
+                  summary={overlayFile ? "1 image" : "None"}
+                  isOpen={openSections.overlay}
+                  onToggle={() => toggleSection("overlay")}
+                >
+                  <ImageOverlay
+                    overlayFile={overlayFile}
+                    setOverlayFile={setOverlayFile}
+                    overlayPosition={overlayPosition}
+                    setOverlayPosition={setOverlayPosition}
+                    overlaySize={overlaySize}
+                    setOverlaySize={setOverlaySize}
+                    overlayOpacity={overlayOpacity}
+                    setOverlayOpacity={setOverlayOpacity}
+                  />
+                </AccordionSection>
+              </section>
             )}
-            <div
-              className="bg-[var(--surface)] rounded-xl border border-[var(--border)] p-5 space-y-6 animate-fade-in"
-              style={{ animationDelay: "50ms" }}
+
+            <KeyboardShortcutsPanel open={shortcutsOpen} onToggle={toggleShortcuts} />
+          </div>
+
+          {/* ── Output: what gets produced, and the action that produces it ── */}
+          {/* On desktop the panel is capped at the viewport height: settings
+              scroll inside it and the summary + Export button stay pinned, so
+              the primary action is always visible. */}
+          <aside aria-labelledby="output-heading" className="lg:sticky lg:top-[72px]">
+            <section
+              inert={exportDisabled}
+              className={cn(
+                "panel flex flex-col overflow-hidden lg:max-h-[calc(100vh-96px)]",
+                exportDisabled && "opacity-60"
+              )}
             >
-              <AccordionSection
-                id="resize"
-                icon={<Layers size={12} />}
-                title="Resize & Aspect Ratio"
-                isOpen={openSections.resize}
-                onToggle={() => toggleSection("resize")}
-                delay={50}
-              >
-                {recommendedPreset && (
-                  <div className="mb-4 rounded-2xl border border-film-200 bg-film-50 p-3 text-sm text-film-700">
-                    <p>
-                      We detected a {recommendedPreset.label.replace(/\s/g, "")} video →
-                      Recommended: {(recommendedPreset.platform.split("·")[0] ?? "").trim()} (
-                      {recommendedPreset.label.replace(/\s/g, "")})
+              <div className="flex items-center justify-between gap-2 border-b border-[var(--border)] px-4 py-3">
+                <h2 id="output-heading" className="text-base font-semibold">
+                  Output
+                </h2>
+                <div className="flex items-center gap-1">
+                  <button
+                    type="button"
+                    onClick={handleCopyLink}
+                    className="btn btn-ghost btn-sm"
+                    title="Copy a link that reopens Reframe with these settings"
+                  >
+                    {shareCopied ? <Check size={13} aria-hidden="true" /> : <Copy size={13} aria-hidden="true" />}
+                    {shareCopied ? "Copied" : "Copy settings link"}
+                  </button>
+                </div>
+              </div>
+
+              {!file && (
+                <p className="border-b border-[var(--border)] px-4 py-3 text-xs text-[var(--muted)]">
+                  Open a video to choose its output size, format and quality.
+                </p>
+              )}
+
+              <div className="min-h-0 flex-1 divide-y divide-[var(--border)] overflow-y-auto overscroll-contain">
+                <AccordionSection
+                  id="resize"
+                  icon={<Layers size={15} />}
+                  title="Size and framing"
+                  summary={`${output.presetLabel} · ${output.framing}`}
+                  isOpen={openSections.resize}
+                  onToggle={() => toggleSection("resize")}
+                >
+                  {recommendedPreset && (
+                    <p className="callout callout-info mb-3 text-xs">
+                      This video is {recommendedPreset.label.replace(/\s/g, "")}. Suggested preset:{" "}
+                      {(recommendedPreset.platform.split("·")[0] ?? "").trim()} (
+                      {recommendedPreset.label.replace(/\s/g, "")}).
                     </p>
+                  )}
+                  <div className="space-y-3">
+                    <PresetSelector recipe={recipe} onChange={updateRecipe} />
+                    <FramingControl recipe={recipe} onChange={updateRecipe} />
                   </div>
-                )}
-                <div className="space-y-3">
-                  <PresetSelector recipe={recipe} onChange={updateRecipe} />
-                  <FramingControl recipe={recipe} onChange={updateRecipe} />
+                </AccordionSection>
+
+                <div className="px-4 py-4">
+                  <FormatSelector recipe={recipe} onChange={updateRecipe} />
                 </div>
-              </AccordionSection>
 
-              <div className="pt-2 flex justify-center items-center gap-6">
-                <button
-                  type="button"
-                  onClick={handleCopyLink}
-                  className="flex items-center gap-1.5 text-xs font-heading font-bold uppercase tracking-widest text-film-500 hover:text-film-600 hover:opacity-100 transition-all cursor-pointer"
+                <AccordionSection
+                  id="export"
+                  icon={<SlidersHorizontal size={15} />}
+                  title="Quality and processing"
+                  summary={qualityLabel(recipe.quality)}
+                  isOpen={openSections.export}
+                  onToggle={() => toggleSection("export")}
                 >
-                  <Copy size={12} />
-                  {shareCopied ? "Copied!" : "Copy Link"}
-                </button>
+                  <div className="space-y-5">
+                    <ExportSettings recipe={recipe} duration={duration} onChange={updateRecipe} />
+                  </div>
+                </AccordionSection>
+              </div>
+
+              <div className="shrink-0 space-y-3 border-t border-[var(--border)] bg-[var(--surface-2)] px-4 py-4">
+                {file && (
+                  <dl className="grid grid-cols-3 gap-2 text-xs">
+                    <div>
+                      <dt className="text-[var(--muted)]">Format</dt>
+                      <dd className="font-medium">{output.summary.format}</dd>
+                    </div>
+                    <div>
+                      <dt className="text-[var(--muted)]">Size</dt>
+                      <dd className="tabular font-medium">{output.summary.resolution}</dd>
+                    </div>
+                    <div>
+                      <dt className="text-[var(--muted)]">Quality</dt>
+                      <dd className="font-medium">{qualityLabel(recipe.quality)}</dd>
+                    </div>
+                  </dl>
+                )}
                 <button
+                  id="export-button"
                   type="button"
-                  onClick={resetSettings}
-                  className="text-sm font-heading font-bold uppercase tracking-widest text-[var(--muted)] hover:text-film-600 transition-all opacity-60 hover:opacity-100"
+                  onClick={handleExport}
+                  disabled={exportDisabled}
+                  title={!file ? "Open a video to enable export" : `Export (${exportShortcut})`}
+                  // Hidden on mobile — replaced by the fixed bottom bar below.
+                  // After a successful export, Download is the primary action,
+                  // so this steps down to secondary.
+                  className={cn(
+                    "btn btn-lg hidden w-full lg:inline-flex",
+                    status === "done" ? "btn-secondary" : "btn-primary"
+                  )}
                 >
-                  Clear saved session
+                  <Download size={16} aria-hidden="true" />
+                  {isProcessing ? "Exporting…" : status === "done" ? "Export again" : "Export video"}
                 </button>
+                <div className="hidden items-center justify-between text-2xs text-[var(--muted)] lg:flex">
+                  <span>
+                    <kbd className="kbd">{isMac ? "⌘" : "Ctrl"}</kbd> <kbd className="kbd">Enter</kbd> to export
+                  </span>
+                  <button
+                    type="button"
+                    onClick={resetSettings}
+                    className="rounded underline-offset-2 hover:text-[var(--text)] hover:underline"
+                    title="Reset settings and forget the saved video"
+                  >
+                    Clear saved session
+                  </button>
+                </div>
               </div>
-            </div>
-
-            <KeyboardShortcutsPanel />
+            </section>
+          </aside>
+        </div>
+      </div>
 
-            {file && (
-              <p className="rounded-xl border border-[var(--border)] bg-[var(--surface)] px-3 py-2 text-xs text-[var(--muted)] leading-relaxed">
-                {exportSummary}
+      {/* Mobile-only export bar — keeps Export reachable without scrolling to the sidebar. */}
+      {file && (
+        <div className="fixed inset-x-0 bottom-0 z-40 border-t border-[var(--border)] bg-[var(--surface)] px-4 py-3 [padding-bottom:calc(0.75rem+env(safe-area-inset-bottom))] lg:hidden">
+          <div className="mx-auto flex max-w-xl items-center gap-3">
+            <div className="min-w-0 flex-1 text-xs">
+              <p className="truncate font-medium">
+                {output.summary.format} · {output.summary.resolution}
               </p>
-            )}
-
+              <p className="truncate text-[var(--muted)]">{qualityLabel(recipe.quality)} quality</p>
+            </div>
             <button
-              id="export-button"
               type="button"
               onClick={handleExport}
-              disabled={!file || isProcessing}
-              aria-label="Export video"
-              aria-disabled={!file || isProcessing ? "true" : undefined}
-              title={!file ? "Upload a video to enable export" : undefined}
-              className={cn(
-                // Hidden on mobile — replaced by the fixed bottom bar below.
-                "w-full hidden lg:flex items-center justify-center gap-3 py-5 min-h-[44px] rounded-xl",
-                "font-display text-2xl tracking-widest transition-all duration-200",
-                file && !isProcessing
-                  ? "bg-[var(--accent)] hover:bg-[var(--accent-hover)] hover:scale-[1.02] text-white shadow-[var(--shadow)] active:scale-[0.98] cursor-pointer"
-                  : "bg-[var(--border)] text-[var(--muted)] cursor-not-allowed"
-              )}
+              disabled={isProcessing}
+              className="btn btn-primary btn-lg shrink-0"
             >
-              <Zap size={20} className={cn(file && !isProcessing && "animate-pulse")} />
-              {isProcessing ? "PROCESSING" : "EXPORT"}
+              <Download size={16} aria-hidden="true" />
+              {isProcessing ? "Exporting…" : "Export"}
             </button>
-
-            {file && !isProcessing && (
-              <p className="hidden lg:block text-xs text-center font-mono text-[var(--muted)] opacity-50 mt-1">
-                {isMac ? "⌘" : "Ctrl"} + Enter to export
-              </p>
-            )}
           </div>
         </div>
-      </div>
-
-      {/* Mobile-only export bar — keeps Export reachable without scrolling to the sidebar. */}
-      {file && (
-        <div className="lg:hidden fixed inset-x-0 bottom-0 z-40 border-t border-[var(--border)] bg-[var(--bg)]/95 px-4 py-3 backdrop-blur [padding-bottom:calc(0.75rem+env(safe-area-inset-bottom))]">
-          <button
-            type="button"
-            onClick={handleExport}
-            disabled={isProcessing}
-            aria-label="Export video"
-            aria-disabled={isProcessing ? "true" : undefined}
-            className={cn(
-              "w-full flex items-center justify-center gap-3 py-4 min-h-[44px] rounded-xl",
-              "font-display text-xl tracking-widest transition-all duration-200",
-              !isProcessing
-                ? "bg-[var(--accent)] hover:bg-[var(--accent-hover)] text-white shadow-[var(--shadow)] active:scale-[0.98] cursor-pointer"
-                : "bg-[var(--border)] text-[var(--muted)] cursor-not-allowed"
-            )}
-          >
-            <Zap size={18} className={cn(!isProcessing && "animate-pulse")} />
-            {isProcessing ? "PROCESSING" : "EXPORT"}
-          </button>
-        </div>
       )}
     </div>
   );
diff --git a/src/components/VideoPreview.tsx b/src/components/VideoPreview.tsx
index af7d02b03..0ac71a869 100644
--- a/src/components/VideoPreview.tsx
+++ b/src/components/VideoPreview.tsx
@@ -5,7 +5,7 @@ import { useEffect, useRef, useState, useCallback, RefObject } from "react";
 import { EditRecipe, TextOverlay, TimelineTrack, MultiTrackEditorState } from "@/lib/types";
 import { getPresetById } from "@/lib/presets";
 import { cn } from "@/lib/utils";
-import { Camera } from "lucide-react";
+import { Camera, Columns2, Grid3x3, Frame } from "lucide-react";
 import ComparisonPreview from "./ComparisonPreview";
 import DraggableTextOverlays from "./DraggableTextOverlays";
 
@@ -160,34 +160,56 @@ export default function VideoPreview({
     };
   }, [multiTrackState, multiTrackVideoRefs]);
 
+  // Narrow dependencies: these used to re-run on every recipe change (every
+  // slider tick), re-assigning the same values on the media element.
+  const keepAudio = recipe?.keepAudio;
+  const speed = recipe?.speed;
   useEffect(() => {
-    if (!videoRef.current || !recipe) return;
-    videoRef.current.muted = !recipe.keepAudio;
-  }, [recipe, videoRef]);
+    if (!videoRef.current || keepAudio === undefined) return;
+    videoRef.current.muted = !keepAudio;
+  }, [keepAudio, videoRef]);
 
   useEffect(() => {
-    if (!videoRef.current || !recipe) return;
-    videoRef.current.playbackRate = recipe.speed;
-  }, [recipe, videoRef]);
+    if (!videoRef.current || speed === undefined) return;
+    videoRef.current.playbackRate = speed;
+  }, [speed, videoRef]);
 
   /**
    * Track preview container dimensions for text overlay positioning.
+   * ResizeObserver also catches layout-driven size changes (sidebar, panel
+   * expansion) that a window `resize` listener missed, and the guard skips
+   * re-renders when the size hasn't meaningfully changed.
    */
   useEffect(() => {
-    const updateDimensions = () => {
-      if (previewContainerRef.current) {
-        const rect = previewContainerRef.current.getBoundingClientRect();
-        setContainerDimensions({
-          width: rect.width,
-          height: rect.height,
-        });
-      }
+    const el = previewContainerRef.current;
+    if (!el) return;
+
+    let last = { width: -1, height: -1 };
+    const update = (width: number, height: number) => {
+      if (Math.abs(last.width - width) < 1 && Math.abs(last.height - height) < 1) return;
+      last = { width, height };
+      setContainerDimensions(last);
     };
 
-    updateDimensions();
-    window.addEventListener("resize", updateDimensions);
-    return () => window.removeEventListener("resize", updateDimensions);
-  }, []);
+    const rect = el.getBoundingClientRect();
+    update(rect.width, rect.height);
+
+    if (typeof ResizeObserver === "undefined") {
+      const onResize = () => {
+        const r = el.getBoundingClientRect();
+        update(r.width, r.height);
+      };
+      window.addEventListener("resize", onResize);
+      return () => window.removeEventListener("resize", onResize);
+    }
+
+    const observer = new ResizeObserver((entries) => {
+      const box = entries[0]?.contentRect;
+      if (box) update(box.width, box.height);
+    });
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [file]);
 
   const overlay = (() => {
     if (!recipe || !showOverlay) return null;
@@ -258,26 +280,32 @@ export default function VideoPreview({
     }
   };
 
+  const toolButton = (pressed: boolean) =>
+    cn("btn btn-ghost btn-sm", pressed && "bg-[var(--accent-muted)] text-[var(--text)]");
+
   return (
     <>
       <div
         ref={previewContainerRef}
         role="group"
-        className="relative w-full rounded-lg overflow-hidden bg-[var(--bg)] aspect-video focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--accent)]"
+        className="relative w-full overflow-hidden rounded-[10px] bg-[var(--viewer)] aspect-video"
         tabIndex={0}
         onKeyDown={handleKeyDown}
         aria-label="Video preview (press Space to play/pause)"
       >
         {isLoading && (
           <div
-            className="absolute inset-0 animate-pulse bg-[var(--surface)] rounded-xl transition-opacity duration-300"
-            aria-label="Loading video preview"
-          />
+            className="absolute inset-0 flex items-center justify-center text-xs text-white/60"
+            role="status"
+          >
+            Loading preview…
+          </div>
         )}
+        {/* The video itself is never transitioned or animated. */}
         <video
           ref={videoRef}
           controls
-          className={cn("w-full h-full object-contain transition-opacity duration-300", isLoading ? "opacity-0" : "opacity-100")}
+          className={cn("w-full h-full object-contain", isLoading && "invisible")}
           style={{
             filter: recipe
               ? `brightness(${1 + (recipe.brightness ?? 0)}) contrast(${recipe.contrast ?? 1}) saturate(${recipe.saturation ?? 1})`
@@ -331,22 +359,22 @@ export default function VideoPreview({
         {overlay && (
           <div className="absolute inset-0 pointer-events-none" aria-hidden="true">
             {overlay.mode === "fit" ? (
-              // Letterbox: semi-transparent bars outside the content area
+              // Letterbox: the bars the output will add
               <>
-                <div className="absolute left-0 right-0 top-0 bg-[color-mix(in_srgb,var(--bg)_60%,transparent)]" style={{ height: overlay.barTop }} />
-                <div className="absolute left-0 right-0 bottom-0 bg-[color-mix(in_srgb,var(--bg)_60%,transparent)]" style={{ height: overlay.barBottom }} />
-                <div className="absolute top-0 bottom-0 left-0 bg-[color-mix(in_srgb,var(--bg)_60%,transparent)]" style={{ width: overlay.barLeft }} />
-                <div className="absolute top-0 bottom-0 right-0 bg-[color-mix(in_srgb,var(--bg)_60%,transparent)]" style={{ width: overlay.barRight }} />
+                <div className="absolute left-0 right-0 top-0 bg-black/70" style={{ height: overlay.barTop }} />
+                <div className="absolute left-0 right-0 bottom-0 bg-black/70" style={{ height: overlay.barBottom }} />
+                <div className="absolute top-0 bottom-0 left-0 bg-black/70" style={{ width: overlay.barLeft }} />
+                <div className="absolute top-0 bottom-0 right-0 bg-black/70" style={{ width: overlay.barRight }} />
               </>
             ) : (
-              // Fill/crop: dashed border around the surviving area, dimmed outside
+              // Fill/crop: dim what will be cropped, outline what survives
               <>
-                <div className="absolute left-0 right-0 top-0 bg-[var(--error-bg)]" style={{ height: overlay.barTop }} />
-                <div className="absolute left-0 right-0 bottom-0 bg-[var(--error-bg)]" style={{ height: overlay.barBottom }} />
-                <div className="absolute top-0 bottom-0 left-0 bg-[var(--error-bg)]" style={{ width: overlay.barLeft }} />
-                <div className="absolute top-0 bottom-0 right-0 bg-[var(--error-bg)]" style={{ width: overlay.barRight }} />
+                <div className="absolute left-0 right-0 top-0 bg-black/60" style={{ height: overlay.barTop }} />
+                <div className="absolute left-0 right-0 bottom-0 bg-black/60" style={{ height: overlay.barBottom }} />
+                <div className="absolute top-0 bottom-0 left-0 bg-black/60" style={{ width: overlay.barLeft }} />
+                <div className="absolute top-0 bottom-0 right-0 bg-black/60" style={{ width: overlay.barRight }} />
                 <div
-                  className="absolute border-2 border-dashed border-film-400"
+                  className="absolute border border-dashed border-white/80"
                   style={{
                     top: overlay.barTop,
                     bottom: overlay.barBottom,
@@ -362,12 +390,10 @@ export default function VideoPreview({
         {/* 3x3 Grid Overlay */}
         {showGridOverlay && (
           <div className="absolute inset-0 pointer-events-none" aria-hidden="true">
-            {/* Vertical lines */}
-            <div className="absolute top-0 bottom-0 left-1/3 border-l-2 border-dotted border-black" />
-            <div className="absolute top-0 bottom-0 right-1/3 border-l-2 border-dotted border-black" />
-            {/* Horizontal lines */}
-            <div className="absolute left-0 right-0 top-1/3 border-t-2 border-dotted border-black" />
-            <div className="absolute left-0 right-0 bottom-1/3 border-t-2 border-dotted border-black" />
+            <div className="absolute top-0 bottom-0 left-1/3 border-l border-white/40" />
+            <div className="absolute top-0 bottom-0 right-1/3 border-l border-white/40" />
+            <div className="absolute left-0 right-0 top-1/3 border-t border-white/40" />
+            <div className="absolute left-0 right-0 bottom-1/3 border-t border-white/40" />
           </div>
         )}
 
@@ -382,75 +408,56 @@ export default function VideoPreview({
             onUpdateText={onUpdateText || (() => {})}
           />
         )}
+      </div>
 
-        {/* Toggle button */}
-        {recipe && !isLoading && (
-          <button
-            type="button"
-            onClick={() => setShowOverlay((v) => !v)}
-            className={`absolute top-2 left-2 px-2 py-1 text-[10px] font-heading font-bold uppercase tracking-wider rounded transition-colors z-10 pointer-events-auto ${
-              showOverlay
-                ? "bg-[var(--accent)] text-white"
-                : "bg-[var(--surface)] text-[var(--muted)] hover:bg-[var(--accent-muted)] hover:text-[var(--text)]"
-            }`}
-            aria-pressed={showOverlay}
-            aria-label={showOverlay ? "Hide framing overlay" : "Show framing overlay"}
-            title={showOverlay ? "Hide framing overlay" : "Show framing overlay"}
-          >
-            {showOverlay ? "Hide overlay" : "Show overlay"}
-          </button>
-        )}
-
-        {/* Grid overlay button */}
-        {recipe && !isLoading && (
-          <button
-            type="button"
-            onClick={() => setShowGridOverlay((v) => !v)}
-            className={`absolute top-2 left-32 px-2 py-1 text-[10px] font-heading font-bold uppercase tracking-wider rounded transition-colors z-10 pointer-events-auto ${
-              showGridOverlay
-                ? "bg-[var(--accent)] text-white"
-                : "bg-[var(--surface)] text-[var(--muted)] hover:bg-[var(--accent-muted)] hover:text-[var(--text)]"
-            }`}
-            aria-pressed={showGridOverlay}
-            aria-label={showGridOverlay ? "Hide grid overlay" : "Show grid overlay"}
-            title={showGridOverlay ? "Hide grid overlay" : "Show grid overlay"}
-          >
-            {showGridOverlay ? "Hide grid" : "Show grid"}
-          </button>
-        )}
-
-        {/* Compare button */}
-        {recipe && !isLoading && (
-          <button
-            type="button"
-            onClick={() => setShowComparison((v) => !v)}
-            className={`absolute top-2 right-32 px-2 py-1 text-[10px] font-heading font-bold uppercase tracking-wider rounded transition-colors z-10 pointer-events-auto ${
-              showComparison
-                ? "bg-[var(--accent)] text-white"
-                : "bg-[var(--surface)] text-[var(--muted)] hover:bg-[var(--accent-muted)] hover:text-[var(--text)]"
-            }`}
-            aria-pressed={showComparison}
-            aria-label={showComparison ? "Hide comparison preview" : "Show comparison preview"}
-            title={showComparison ? "Hide comparison preview" : "Show comparison preview"}
-          >
-            Compare
-          </button>
-        )}
-
-        {/* Grab frame button */}
-        {!isLoading && (
+      {/* Viewer toolbar: below the picture so controls never cover the video. */}
+      {!isLoading && (
+        <div role="toolbar" aria-label="Preview tools" className="mt-2 flex flex-wrap items-center gap-1">
+          {recipe && (
+            <>
+              <button
+                type="button"
+                onClick={() => setShowOverlay((v) => !v)}
+                className={toolButton(showOverlay)}
+                aria-pressed={showOverlay}
+                title="Show how the output frame crops or letterboxes the video"
+              >
+                <Frame size={14} aria-hidden="true" />
+                Framing guide
+              </button>
+              <button
+                type="button"
+                onClick={() => setShowGridOverlay((v) => !v)}
+                className={toolButton(showGridOverlay)}
+                aria-pressed={showGridOverlay}
+                title="Rule-of-thirds grid"
+              >
+                <Grid3x3 size={14} aria-hidden="true" />
+                Grid
+              </button>
+              <button
+                type="button"
+                onClick={() => setShowComparison((v) => !v)}
+                className={toolButton(showComparison)}
+                aria-pressed={showComparison}
+                title="Compare the original with your adjustments side by side"
+              >
+                <Columns2 size={14} aria-hidden="true" />
+                Compare
+              </button>
+            </>
+          )}
           <button
             type="button"
             onClick={handleGrabFrame}
-            className="absolute top-2 right-2 px-2 py-1 text-[10px] font-heading font-bold uppercase tracking-wider rounded transition-colors z-10 pointer-events-auto bg-[var(--surface)] text-[var(--muted)] hover:bg-[var(--accent-muted)] hover:text-[var(--text)] flex items-center gap-1"
-            aria-label="Grab frame as PNG"
-            title="Download current frame as PNG"
+            className="btn btn-ghost btn-sm ml-auto"
+            title="Download the current frame as a PNG"
           >
-            <Camera className="w-3 h-3" />
-            Grab frame
+            <Camera size={14} aria-hidden="true" />
+            Save frame
           </button>
-        )}
-      </div>
+        </div>
+      )}
 
       {showComparison && file && (
         <div className="mt-4">
diff --git a/src/components/__tests__/performance.test.tsx b/src/components/__tests__/performance.test.tsx
new file mode 100644
index 000000000..75a26edcc
--- /dev/null
+++ b/src/components/__tests__/performance.test.tsx
@@ -0,0 +1,255 @@
+import React, { Profiler, createRef } from "react";
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
+import { render, screen, act, fireEvent, waitFor } from "@testing-library/react";
+import { readFileSync } from "node:fs";
+import path from "node:path";
+
+// ── ThumbnailStrip: frame generation is mocked; we test React-side behaviour ──
+const generateMock = vi.fn();
+vi.mock("@/lib/thumbnails", async (orig) => {
+  const actual = await orig<typeof import("@/lib/thumbnails")>();
+  return { ...actual, generateThumbnails: (...args: unknown[]) => generateMock(...args) };
+});
+
+import ThumbnailStrip, { findActiveFrameIndex } from "../ThumbnailStrip";
+import VideoPreview from "../VideoPreview";
+import FileUpload from "../FileUpload";
+import { ThemeProvider } from "../ThemeProvider";
+import { ThemeToggle, ContrastToggle } from "../ThemeToggle";
+import { DEFAULT_RECIPE } from "@/lib/constants";
+
+const frames = [0, 2, 4, 6].map((time) => ({ time, url: `blob:f${time}` }));
+
+beforeEach(() => {
+  generateMock.mockReset();
+  URL.createObjectURL = vi.fn(() => "blob:test");
+  URL.revokeObjectURL = vi.fn();
+});
+
+describe("findActiveFrameIndex", () => {
+  it("finds the last frame at or before the playhead", () => {
+    expect(findActiveFrameIndex(frames, -1)).toBe(-1);
+    expect(findActiveFrameIndex(frames, 0)).toBe(0);
+    expect(findActiveFrameIndex(frames, 3.9)).toBe(1);
+    expect(findActiveFrameIndex(frames, 100)).toBe(3);
+  });
+});
+
+describe("ThumbnailStrip", () => {
+  it("re-renders on playback only when the active frame changes", async () => {
+    generateMock.mockResolvedValue({ frames, skipped: 0 });
+    const video = document.createElement("video");
+    const videoRef = { current: video };
+    let commits = 0;
+    render(
+      <Profiler id="strip" onRender={() => commits++}>
+        <ThumbnailStrip videoSrc="blob:src" duration={8} videoRef={videoRef} onSeek={() => {}} />
+      </Profiler>
+    );
+    await screen.findByText(/4 frames/);
+    const before = commits;
+
+    // 20 timeupdates inside the first frame's range: no commits at all.
+    for (let i = 0; i < 20; i++) {
+      Object.defineProperty(video, "currentTime", { configurable: true, value: 0.05 * i });
+      act(() => {
+        video.dispatchEvent(new Event("timeupdate"));
+      });
+    }
+    expect(commits).toBe(before);
+
+    // Crossing into the next frame: exactly one commit, and the right frame is current.
+    Object.defineProperty(video, "currentTime", { configurable: true, value: 2.1 });
+    act(() => {
+      video.dispatchEvent(new Event("timeupdate"));
+    });
+    expect(commits).toBe(before + 1);
+    expect(screen.getByRole("button", { name: "Seek to 0:02" })).toHaveAttribute("aria-current", "true");
+  });
+
+  it("aborts in-flight generation and revokes frames when the source changes", async () => {
+    generateMock.mockResolvedValueOnce({ frames, skipped: 0 });
+    const { rerender, unmount } = render(
+      <ThumbnailStrip videoSrc="blob:a" duration={8} onSeek={() => {}} />
+    );
+    await screen.findByText(/4 frames/);
+
+    let signal: AbortSignal | undefined;
+    generateMock.mockImplementationOnce((_src, _times, opts: { signal: AbortSignal }) => {
+      signal = opts.signal;
+      return new Promise(() => {});
+    });
+    rerender(<ThumbnailStrip videoSrc="blob:b" duration={8} onSeek={() => {}} />);
+    // Frames from the previous source were released.
+    expect(URL.revokeObjectURL).toHaveBeenCalledWith("blob:f0");
+    expect(URL.revokeObjectURL).toHaveBeenCalledWith("blob:f6");
+
+    unmount();
+    expect(signal?.aborted).toBe(true);
+  });
+
+  it("shows a recoverable message when generation fails", async () => {
+    generateMock.mockRejectedValueOnce(new Error("Video could not be decoded for thumbnails"));
+    render(<ThumbnailStrip videoSrc="blob:a" duration={8} onSeek={() => {}} />);
+    expect(await screen.findByText(/couldn.t be generated/i)).toBeInTheDocument();
+    generateMock.mockResolvedValueOnce({ frames, skipped: 0 });
+    fireEvent.click(screen.getByRole("button", { name: "Try again" }));
+    expect(await screen.findByText(/4 frames/)).toBeInTheDocument();
+  });
+
+  it("caps work for long videos", async () => {
+    generateMock.mockResolvedValue({ frames: [], skipped: 0 });
+    render(<ThumbnailStrip videoSrc="blob:a" duration={4 * 3600} onSeek={() => {}} />);
+    await waitFor(() => expect(generateMock).toHaveBeenCalled());
+    const times = generateMock.mock.calls[0]![1] as number[];
+    expect(times.length).toBeLessThanOrEqual(48);
+  });
+});
+
+// ── VideoPreview: ResizeObserver guard ─────────────────────────────────────
+describe("VideoPreview sizing", () => {
+  let observerCallback: ResizeObserverCallback | null = null;
+  beforeEach(() => {
+    vi.stubGlobal(
+      "ResizeObserver",
+      class {
+        constructor(cb: ResizeObserverCallback) {
+          observerCallback = cb;
+        }
+        observe() {}
+        disconnect() {}
+      }
+    );
+    vi.spyOn(HTMLMediaElement.prototype, "load").mockImplementation(() => {});
+    vi.spyOn(HTMLMediaElement.prototype, "pause").mockImplementation(() => {});
+  });
+  afterEach(() => vi.unstubAllGlobals());
+
+  it("skips re-rendering when the measured size hasn't changed", () => {
+    let commits = 0;
+    const file = new File(["x"], "a.mp4", { type: "video/mp4" });
+    render(
+      <Profiler id="preview" onRender={() => commits++}>
+        <VideoPreview file={file} recipe={{ ...DEFAULT_RECIPE }} videoRef={createRef<HTMLVideoElement>()} />
+      </Profiler>
+    );
+    const fire = (width: number, height: number) =>
+      act(() => observerCallback?.([{ contentRect: { width, height } } as ResizeObserverEntry], {} as ResizeObserver));
+
+    fire(640, 360);
+    const afterFirst = commits;
+    fire(640, 360);
+    fire(640.4, 360.2); // sub-pixel jitter
+    expect(commits).toBe(afterFirst);
+    fire(800, 450);
+    expect(commits).toBe(afterFirst + 1);
+  });
+});
+
+// ── FileUpload: one drop → one selection ───────────────────────────────────
+describe("FileUpload", () => {
+  it("handles a drop on the drop zone exactly once", () => {
+    const onFileSelect = vi.fn();
+    render(<FileUpload onFileSelect={onFileSelect} currentFile={null} fileError="" duration={0} />);
+    const file = new File(["x"], "clip.mp4", { type: "video/mp4" });
+    fireEvent.drop(screen.getByRole("button", { name: /choose a video/i }), { dataTransfer: { files: [file] } });
+    expect(onFileSelect).toHaveBeenCalledTimes(1);
+    expect(onFileSelect).toHaveBeenCalledWith(file);
+  });
+
+  it("describes only the formats the validator accepts", () => {
+    render(<FileUpload onFileSelect={() => {}} currentFile={null} fileError="" duration={0} />);
+    expect(screen.queryByText(/most video formats/i)).toBeNull();
+    expect(screen.getAllByText(/MP4, MOV, WebM, MKV and AVI/).length).toBeGreaterThan(0);
+  });
+});
+
+// ── Themes and reduced motion ──────────────────────────────────────────────
+function mockMatchMedia(matches: (q: string) => boolean) {
+  window.matchMedia = ((query: string) => ({
+    matches: matches(query),
+    media: query,
+    onchange: null,
+    addListener: () => {},
+    removeListener: () => {},
+    addEventListener: () => {},
+    removeEventListener: () => {},
+    dispatchEvent: () => false,
+  })) as typeof window.matchMedia;
+}
+
+describe("theme switching", () => {
+  beforeEach(() => {
+    localStorage.clear();
+    document.documentElement.className = "";
+    delete document.documentElement.dataset.theme;
+  });
+
+  it("crossfades colours only briefly around an explicit toggle", async () => {
+    vi.useFakeTimers();
+    mockMatchMedia(() => false);
+    render(
+      <ThemeProvider>
+        <ThemeToggle />
+      </ThemeProvider>
+    );
+    act(() => screen.getByRole("button", { name: /switch to dark/i }).click());
+    expect(document.documentElement.classList.contains("theme-transition")).toBe(true);
+    act(() => {
+      vi.advanceTimersByTime(250);
+    });
+    expect(document.documentElement.classList.contains("theme-transition")).toBe(false);
+    vi.useRealTimers();
+  });
+
+  it("skips the crossfade entirely under prefers-reduced-motion", () => {
+    mockMatchMedia((q) => q.includes("reduced-motion"));
+    render(
+      <ThemeProvider>
+        <ThemeToggle />
+      </ThemeProvider>
+    );
+    act(() => screen.getByRole("button", { name: /switch to dark/i }).click());
+    expect(document.documentElement.classList.contains("dark")).toBe(true);
+    expect(document.documentElement.classList.contains("theme-transition")).toBe(false);
+  });
+
+  it("high contrast is reachable, persisted, and follows prefers-contrast by default", () => {
+    mockMatchMedia((q) => q.includes("prefers-contrast: more"));
+    render(
+      <ThemeProvider>
+        <ContrastToggle />
+      </ThemeProvider>
+    );
+    expect(document.documentElement.dataset.theme).toBe("high-contrast");
+    const btn = screen.getByRole("button", { name: "High contrast" });
+    expect(btn).toHaveAttribute("aria-pressed", "true");
+    act(() => btn.click());
+    expect(document.documentElement.dataset.theme).toBeUndefined();
+    expect(localStorage.getItem("contrast")).toBe("standard");
+  });
+});
+
+describe("global stylesheet", () => {
+  const css = readFileSync(path.resolve(__dirname, "../../app/globals.css"), "utf8");
+  const withoutComments = css.replace(/\/\*[\s\S]*?\*\//g, "");
+
+  it("has no always-on universal transition", () => {
+    // A `*` rule may only set transitions inside the reduced-motion override
+    // or the short-lived .theme-transition window.
+    const universalRules = withoutComments.match(/(^|\})\s*\*,[^{]*\{[^}]*transition[^}]*\}/g) ?? [];
+    expect(universalRules).toEqual([]);
+    expect(withoutComments).not.toMatch(/transition:\s*all/);
+  });
+
+  it("defines a reduced-motion override and makes no external font requests", () => {
+    expect(withoutComments).toMatch(/@media \(prefers-reduced-motion: reduce\)/);
+    expect(withoutComments).not.toMatch(/@import url\(/);
+  });
+
+  it("keeps the public token names", () => {
+    for (const token of ["--bg", "--surface", "--border", "--text", "--muted"]) {
+      expect(withoutComments).toContain(`${token}:`);
+    }
+  });
+});
diff --git a/src/components/components.tsx b/src/components/components.tsx
index bd5241a5f..a1edd399f 100644
--- a/src/components/components.tsx
+++ b/src/components/components.tsx
@@ -42,15 +42,15 @@ export function Button({ variant = "primary", className = "", children, ...props
   const variants = {
     primary: `
       bg-[var(--accent)]
-      text-white
-      hover:bg-[var(--accent-hover)] hover:scale-[1.02]
+      text-[var(--on-accent)]
+      hover:bg-[var(--accent-hover)]
       focus:ring-[var(--accent)]
     `,
     secondary: `
       bg-[var(--accent-muted)]
       text-[var(--text)]
       border border-[var(--accent)]
-      hover:bg-[var(--surface)] hover:scale-[1.02]
+      hover:bg-[var(--surface)]
       focus:ring-[var(--accent)]
     `,
     ghost: `
@@ -68,7 +68,7 @@ export function Button({ variant = "primary", className = "", children, ...props
         rounded-[var(--radius)] px-4 py-2 text-sm font-medium
         focus:outline-none focus:ring-2 focus:ring-offset-2
         focus:ring-offset-[var(--bg)]
-        transition-all duration-200
+        transition-colors duration-fast
         disabled:opacity-50 disabled:cursor-not-allowed
         ${variants[variant]}
         ${className}
@@ -90,7 +90,7 @@ export function Input({ className = "", ...props }: React.InputHTMLAttributes<HT
         w-full rounded-[var(--radius)] border border-[var(--border)] bg-[var(--bg)] px-3 py-2 text-sm text-[var(--text)]
         placeholder:text-[var(--muted)]
         focus:border-[var(--accent)] focus:outline-none focus:ring-2 focus:ring-[var(--accent-muted)]
-        transition-all duration-200
+        transition-colors duration-fast
         ${className}
       `}
       {...props}
diff --git a/src/components/ui/BaseButton.tsx b/src/components/ui/BaseButton.tsx
index e889f045d..ec8f0a4ae 100644
--- a/src/components/ui/BaseButton.tsx
+++ b/src/components/ui/BaseButton.tsx
@@ -17,28 +17,28 @@ interface BaseButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 const BaseButton = forwardRef<HTMLButtonElement | HTMLAnchorElement, BaseButtonProps>(
   ({ className, variant = "secondary", size = "md", active, children, as = "button", ...props }, ref) => {
     const Component = as as any;
+    // Maps onto the shared .btn classes in globals.css so every button in the
+    // app has the same shape, states and transitions.
     const variants = {
-      primary: "bg-film-600 text-white shadow-lg shadow-film-200 dark:shadow-none hover:bg-film-700",
-      secondary: active
-        ? "border-film-500 bg-film-50 text-film-700 font-heading font-semibold dark:bg-film-900/20 dark:text-film-400 dark:border-film-700"
-        : "border-[var(--border)] bg-[var(--surface)] text-[var(--muted)] hover:border-film-300 hover:bg-film-50/30 dark:hover:bg-film-900/10",
-      ghost: "bg-transparent hover:bg-[var(--surface)]",
-      outline: "border border-[var(--border)] bg-transparent hover:border-film-300",
+      primary: "btn-primary",
+      secondary: "btn-secondary",
+      ghost: "btn-ghost",
+      outline: "btn-secondary bg-transparent",
     };
 
     const sizes = {
-      sm: "px-2 py-1 text-[10px]",
-      md: "px-3 py-2 text-xs",
-      lg: "px-4 py-3 text-sm",
-      xl: "py-5 text-2xl tracking-widest font-display",
+      sm: "btn-sm",
+      md: "",
+      lg: "btn-lg",
+      xl: "btn-lg w-full text-base",
     };
 
     return (
       <Component
         ref={ref}
+        aria-pressed={active}
         className={cn(
-          "flex items-center justify-center gap-2 rounded-lg transition-all duration-200",
-          "hover:scale-[1.02] active:scale-[0.98] disabled:opacity-50 disabled:cursor-not-allowed disabled:scale-100",
+          "btn",
           variants[variant],
           sizes[size],
           className
diff --git a/src/hooks/tests/useVideoEditor.export.test.ts b/src/hooks/tests/useVideoEditor.export.test.ts
new file mode 100644
index 000000000..2a770e3b8
--- /dev/null
+++ b/src/hooks/tests/useVideoEditor.export.test.ts
@@ -0,0 +1,194 @@
+import { renderHook, act, waitFor } from "@testing-library/react";
+import { describe, it, expect, vi, beforeAll, beforeEach, afterEach } from "vitest";
+import { useVideoEditor } from "../useVideoEditor";
+import { loadFFmpeg, exportVideo, terminateFFmpeg } from "@/lib/ffmpeg";
+
+vi.mock("@/lib/ffmpeg", () => ({
+  loadFFmpeg: vi.fn(),
+  exportVideo: vi.fn(),
+  terminateFFmpeg: vi.fn(),
+  FFmpegLoadError: class FFmpegLoadError extends Error {},
+}));
+vi.mock("@/lib/sessionDB", () => ({
+  saveSessionFile: vi.fn().mockResolvedValue(undefined),
+  loadSessionFile: vi.fn().mockResolvedValue(null),
+  clearSessionFile: vi.fn().mockResolvedValue(undefined),
+}));
+
+const okResult = {
+  blobUrl: "blob:result",
+  blob: new Blob(),
+  size: 1000,
+  width: 1920,
+  height: 1080,
+  format: "mp4" as const,
+  dispose: () => {},
+};
+
+// jsdom has no media pipeline: make <video> report metadata as soon as a src is set.
+beforeAll(() => {
+  Object.defineProperty(HTMLMediaElement.prototype, "src", {
+    configurable: true,
+    get() {
+      return (this as { _src?: string })._src ?? "";
+    },
+    set(this: HTMLVideoElement & { _src?: string }, v: string) {
+      this._src = v;
+      setTimeout(() => this.onloadedmetadata?.(new Event("loadedmetadata")), 0);
+    },
+  });
+  Object.defineProperty(HTMLVideoElement.prototype, "videoWidth", { configurable: true, get: () => 1920 });
+  Object.defineProperty(HTMLVideoElement.prototype, "videoHeight", { configurable: true, get: () => 1080 });
+  Object.defineProperty(HTMLMediaElement.prototype, "duration", { configurable: true, get: () => 12 });
+  URL.createObjectURL = vi.fn(() => "blob:test");
+  URL.revokeObjectURL = vi.fn();
+});
+
+beforeEach(() => {
+  vi.clearAllMocks();
+  localStorage.clear();
+  window.history.replaceState(null, "", "/");
+  vi.mocked(loadFFmpeg).mockResolvedValue(undefined);
+});
+
+afterEach(() => {
+  vi.useRealTimers();
+});
+
+/** An MP4 whose first bytes contain the `ftyp` box the magic-byte check looks for. */
+function mp4File() {
+  const bytes = new Uint8Array([0, 0, 0, 24, 0x66, 0x74, 0x79, 0x70, 0x69, 0x73, 0x6f, 0x6d]);
+  return new File([bytes], "clip.mp4", { type: "video/mp4" });
+}
+
+async function editorWithFile() {
+  const hook = renderHook(() => useVideoEditor());
+  act(() => hook.result.current.handleFileSelect(mp4File()));
+  await waitFor(() => expect(hook.result.current.file).not.toBeNull());
+  return hook;
+}
+
+describe("useVideoEditor export lifecycle", () => {
+  it("a failed export keeps the user's settings, restarts the engine, and can be retried", async () => {
+    const { result } = await editorWithFile();
+    act(() => result.current.updateRecipe({ speed: 2, brightness: 0.3 }));
+
+    vi.mocked(exportVideo).mockRejectedValueOnce(new Error("ffmpeg exited with code 1"));
+    await act(() => result.current.handleExport());
+
+    expect(result.current.status).toBe("error");
+    expect(result.current.error).toMatch(/settings are kept/i);
+    expect(result.current.recipe.speed).toBe(2);
+    expect(result.current.recipe.brightness).toBe(0.3);
+    expect(terminateFFmpeg).toHaveBeenCalledTimes(1);
+
+    vi.mocked(exportVideo).mockResolvedValueOnce(okResult);
+    await act(() => result.current.handleExport());
+    expect(result.current.status).toBe("done");
+    expect(result.current.error).toBeNull();
+    expect(result.current.result?.size).toBe(1000);
+  });
+
+  it("starts the encode phase at 0% even though engine load reported 100%", async () => {
+    const { result } = await editorWithFile();
+    vi.mocked(loadFFmpeg).mockImplementationOnce(async (_signal, onProgress) => {
+      onProgress?.(100);
+    });
+    vi.mocked(exportVideo).mockImplementationOnce(() => new Promise(() => {}));
+    act(() => {
+      void result.current.handleExport();
+    });
+    await waitFor(() => expect(result.current.status).toBe("exporting"));
+    expect(result.current.progress).toBe(0);
+  });
+
+  it("passes the already-known duration so export skips a second metadata read", async () => {
+    const { result } = await editorWithFile();
+    vi.mocked(exportVideo).mockResolvedValueOnce(okResult);
+    await act(() => result.current.handleExport());
+    const args = vi.mocked(exportVideo).mock.calls[0]!;
+    expect(args[6]).toBe(12);
+  });
+
+  it("cancelling returns to idle without touching the recipe", async () => {
+    const { result } = await editorWithFile();
+    act(() => result.current.updateRecipe({ format: "webm" }));
+    vi.mocked(exportVideo).mockImplementationOnce(() => new Promise(() => {})); // never settles
+
+    act(() => {
+      void result.current.handleExport();
+    });
+    await waitFor(() => expect(result.current.status).toBe("exporting"));
+    act(() => result.current.cancelExport());
+
+    expect(result.current.status).toBe("idle");
+    expect(result.current.progress).toBe(0);
+    expect(result.current.error).toBeNull();
+    expect(result.current.recipe.format).toBe("webm");
+    expect(terminateFFmpeg).toHaveBeenCalled();
+  });
+
+  it("a cancelled export that later rejects doesn't surface an error", async () => {
+    const { result } = await editorWithFile();
+    let reject!: (e: unknown) => void;
+    vi.mocked(exportVideo).mockImplementationOnce(() => new Promise((_, r) => (reject = r)));
+    let done!: Promise<void>;
+    act(() => {
+      done = result.current.handleExport();
+    });
+    await waitFor(() => expect(result.current.status).toBe("exporting"));
+    act(() => result.current.cancelExport());
+    await act(async () => {
+      reject(new DOMException("Export cancelled", "AbortError"));
+      await done;
+    });
+    expect(result.current.status).toBe("idle");
+    expect(result.current.error).toBeNull();
+  });
+
+  it("exposes the playhead on demand instead of as per-frame state", () => {
+    const { result } = renderHook(() => useVideoEditor());
+    expect(result.current.getCurrentTime()).toBe(0);
+    expect("currentTime" in result.current).toBe(false);
+  });
+});
+
+describe("useVideoEditor URL sync", () => {
+  it("debounces history.replaceState across rapid recipe changes", async () => {
+    vi.useFakeTimers();
+    const spy = vi.spyOn(window.history, "replaceState");
+    const { result } = renderHook(() => useVideoEditor());
+    await act(async () => {
+      await vi.advanceTimersByTimeAsync(300);
+    });
+    spy.mockClear();
+
+    for (let i = 1; i <= 10; i++) {
+      act(() => result.current.updateRecipe({ brightness: i / 10 }));
+      await act(async () => {
+        await vi.advanceTimersByTimeAsync(20);
+      });
+    }
+    expect(spy).not.toHaveBeenCalled();
+    await act(async () => {
+      await vi.advanceTimersByTimeAsync(300);
+    });
+    expect(spy).toHaveBeenCalledTimes(1);
+    expect(window.location.search).toContain("brightness=1");
+    spy.mockRestore();
+  });
+
+  it("never writes array fields such as textOverlays into the URL", async () => {
+    vi.useFakeTimers();
+    const { result } = renderHook(() => useVideoEditor());
+    act(() =>
+      result.current.updateRecipe({
+        textOverlays: [{ id: "t1", text: "Hi", x: 50, y: 50, fontSize: 24, color: "#fff", fontWeight: "bold" }],
+      })
+    );
+    await act(async () => {
+      await vi.advanceTimersByTimeAsync(300);
+    });
+    expect(window.location.search).not.toContain("textOverlays");
+  });
+});
diff --git a/src/hooks/tests/useVideoEditor.test.ts b/src/hooks/tests/useVideoEditor.test.ts
index a99157ec0..27eaa4a71 100644
--- a/src/hooks/tests/useVideoEditor.test.ts
+++ b/src/hooks/tests/useVideoEditor.test.ts
@@ -39,6 +39,9 @@ describe("useVideoEditor core controller", () => {
   beforeEach(() => {
     vi.clearAllMocks();
     localStorageMock.clear();
+    // The hook mirrors the recipe into the query string; without this, one
+    // test's ?speed=2 was read back by the next test's mount.
+    window.history.replaceState(null, "", "/");
   });
 
   it("should initialize with the default recipe", () => {
diff --git a/src/hooks/useKeyboardShortcuts.ts b/src/hooks/useKeyboardShortcuts.ts
index de87eab6c..3ddcf045c 100644
--- a/src/hooks/useKeyboardShortcuts.ts
+++ b/src/hooks/useKeyboardShortcuts.ts
@@ -1,6 +1,6 @@
 import { EditRecipe, ExportStatus } from "@/lib/types";
 import { PRESETS } from "@/lib/presets";
-import { useEffect, useRef } from "react";
+import { useEffect } from "react";
 
 interface UseKeyboardShortcutsProps {
   file: File | null;
@@ -11,7 +11,8 @@ interface UseKeyboardShortcutsProps {
   status: ExportStatus;
   cancelExport: () => void;
   onToggleShortcutsModal: () => void;
-  currentTime: number;
+  /** Reads the playhead at key-press time (no per-frame re-subscription). */
+  getCurrentTime: () => number;
   duration: number;
 }
 
@@ -24,19 +25,16 @@ export function useKeyboardShortcuts({
   status,
   cancelExport,
   onToggleShortcutsModal,
-  currentTime,
+  getCurrentTime,
   duration,
 }: UseKeyboardShortcutsProps) {
-  const currentTimeRef = useRef(currentTime);
-  useEffect(() => {
-    currentTimeRef.current = currentTime;
-  }, [currentTime]);
   useEffect(() => {
     const handleKeyDown = (e: KeyboardEvent) => {
       const target = e.target as HTMLElement;
       if (
         target.tagName === "INPUT" ||
         target.tagName === "TEXTAREA" ||
+        target.tagName === "SELECT" ||
         target.isContentEditable
       ) return;
 
@@ -72,11 +70,11 @@ export function useKeyboardShortcuts({
           break;
         case "i":
         case "I":
-          updateRecipe({trimStart: Math.floor(currentTimeRef.current)});
+          updateRecipe({ trimStart: Math.floor(getCurrentTime()) });
           break;
         case "o":
         case "O":
-          updateRecipe({trimEnd: Math.floor(currentTimeRef.current)});
+          updateRecipe({ trimEnd: Math.floor(getCurrentTime()) });
           break;
 
         default:
@@ -91,5 +89,5 @@ export function useKeyboardShortcuts({
 
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [file, recipe, resetSettings, updateRecipe, handleExport, status, cancelExport, onToggleShortcutsModal, currentTime, duration]);
+  }, [file, recipe, resetSettings, updateRecipe, handleExport, status, cancelExport, onToggleShortcutsModal, getCurrentTime, duration]);
 }
diff --git a/src/hooks/useVideoEditor.ts b/src/hooks/useVideoEditor.ts
index 2833bd853..a34123cce 100644
--- a/src/hooks/useVideoEditor.ts
+++ b/src/hooks/useVideoEditor.ts
@@ -14,7 +14,14 @@ import {
 import { DEFAULT_RECIPE, SPEED_STEPS } from "@/lib/constants";
 import { getPresetById } from "@/lib/presets";
 import { loadFFmpeg, exportVideo, terminateFFmpeg, FFmpegLoadError } from "@/lib/ffmpeg";
-import { trackAction } from "@/lib/telemetry";
+import {
+  trackAction,
+  trackDuration,
+  sizeBucket,
+  durationBucket,
+  resolutionBucket,
+  failureCategory,
+} from "@/lib/telemetry";
 import { suggestPreset } from "@/lib/presetSuggestion";
 import { validateDimensions, getDownscaledDimensions } from "@/utils/video-validation";
 import {
@@ -38,6 +45,32 @@ import { saveSessionFile, loadSessionFile, clearSessionFile } from "@/lib/sessio
 
 const DEFAULT_TITLE = "Reframe — Resize, trim, and export videos in your browser";
 
+/** Mirrors recipe changes into the URL at most this often (slider drags fire per pixel). */
+const URL_SYNC_DEBOUNCE_MS = 250;
+
+function outputDimensions(recipe: EditRecipe) {
+  if (recipe.preset === "custom") return { width: recipe.customWidth, height: recipe.customHeight };
+  const preset = getPresetById(recipe.preset);
+  return { width: preset?.width ?? 1920, height: preset?.height ?? 1080 };
+}
+
+/** User-facing message for a failed export; never echoes raw FFmpeg output. */
+export function describeExportError(err: unknown): string {
+  if (err instanceof FFmpegLoadError) {
+    return "The video engine couldn't start. Check your connection, then try again.";
+  }
+  switch (failureCategory(err)) {
+    case "network":
+      return "Network error while loading the video engine. Check your connection and try again.";
+    case "codec":
+      return "This video format is not supported. Try converting it to MP4 (H.264) first.";
+    case "memory":
+      return "The browser ran out of memory. Try a shorter clip, a smaller output size, or close other tabs.";
+    default:
+      return "Export failed. Your settings are kept — try again, or try a different format.";
+  }
+}
+
 export function extractMetadata(
   file: File
 ): Promise<{ width: number; height: number; duration: number }> {
@@ -188,6 +221,8 @@ export function useVideoEditor() {
   const [exportStartedAt, setExportStartedAt] = useState<number | null>(null);
   const exportAbortControllerRef = useRef<AbortController | null>(null);
   const exportCancelledRef = useRef(false);
+  /** performance.now() when the current export attempt began (for telemetry). */
+  const exportAttemptRef = useRef<{ startedAt: number; stage: "engine" | "encode" } | null>(null);
   const videoRef = useRef<HTMLVideoElement>(null);
 
   const [musicFile, setMusicFile] = useState<File | null>(null);
@@ -199,7 +234,6 @@ export function useVideoEditor() {
   const [overlayPosition, setOverlayPosition] = useState<OverlayPosition>("bottom-right");
   const [overlaySize, setOverlaySize] = useState(150);
   const [overlayOpacity, setOverlayOpacity] = useState(100);
-  const [currentTime, setCurrentTime] = useState(0);
 
   // Phase 1 MVP: Multi-track timeline support
   const [multiTrackState, setMultiTrackState] =
@@ -318,7 +352,9 @@ export function useVideoEditor() {
         }
       }
 
-      const recipeKeys = Object.keys(DEFAULT_RECIPE) as Array<keyof EditRecipe>;
+      const recipeKeys = (Object.keys(DEFAULT_RECIPE) as Array<keyof EditRecipe>).filter(
+        (key) => typeof DEFAULT_RECIPE[key] !== "object" || DEFAULT_RECIPE[key] === null
+      );
       const hasRecipeParams = recipeKeys.some((key) => params.has(key));
 
       if (hasRecipeParams) {
@@ -365,33 +401,41 @@ export function useVideoEditor() {
     }
   }, []);
 
+  // Debounced: replaceState on every slider tick is wasted work and Safari
+  // throws after 100 calls in 30 seconds.
   useEffect(() => {
     if (typeof window === "undefined") return;
-    try {
-      const params = new URLSearchParams();
-      const recipeKeys = Object.keys(DEFAULT_RECIPE) as Array<keyof EditRecipe>;
-
-      recipeKeys.forEach((key) => {
-        const currentVal = recipe[key];
-        const defaultVal = DEFAULT_RECIPE[key];
+    const timer = setTimeout(() => {
+      try {
+        const params = new URLSearchParams();
+        const recipeKeys = Object.keys(DEFAULT_RECIPE) as Array<keyof EditRecipe>;
 
-        if (currentVal !== defaultVal) {
-          params.set(key, currentVal === null ? "null" : String(currentVal));
-        }
-      });
+        recipeKeys.forEach((key) => {
+          const currentVal = recipe[key];
+          const defaultVal = DEFAULT_RECIPE[key];
+          // Only scalar fields round-trip through query params; arrays such
+          // as textOverlays would serialise to "[object Object]".
+          if (typeof defaultVal === "object" && defaultVal !== null) return;
+
+          if (currentVal !== defaultVal) {
+            params.set(key, currentVal === null ? "null" : String(currentVal));
+          }
+        });
 
-      const newQuery = params.toString();
-      const currentQuery = window.location.search.replace(/^\?/, "");
+        const newQuery = params.toString();
+        const currentQuery = window.location.search.replace(/^\?/, "");
 
-      if (newQuery !== currentQuery) {
-        const newUrl = newQuery
-          ? `${window.location.pathname}?${newQuery}`
-          : window.location.pathname;
-        window.history.replaceState(null, "", newUrl);
+        if (newQuery !== currentQuery) {
+          const newUrl = newQuery
+            ? `${window.location.pathname}?${newQuery}`
+            : window.location.pathname;
+          window.history.replaceState(null, "", newUrl);
+        }
+      } catch (e) {
+        // ignore
       }
-    } catch (e) {
-      // ignore
-    }
+    }, URL_SYNC_DEBOUNCE_MS);
+    return () => clearTimeout(timer);
   }, [recipe]);
 
   // Persist the full recipe (debounced)
@@ -530,8 +574,23 @@ export function useVideoEditor() {
     exportAbortControllerRef.current = abortController;
     exportCancelledRef.current = false;
 
+    const output = outputDimensions(recipe);
+    const clipSeconds = ((recipe.trimEnd ?? duration) - recipe.trimStart) / recipe.speed;
+    // Low-cardinality only: never the file name, captions or exact values.
+    const exportContext = {
+      format: recipe.format,
+      resolution: resolutionBucket(output.width, output.height),
+      input_size: sizeBucket(file.size),
+      clip_length: durationBucket(clipSeconds),
+      has_text: (recipe.textOverlays?.length ?? 0) > 0,
+      has_music: Boolean(musicFile),
+      has_image_overlay: Boolean(overlayFile),
+    };
+    const attempt = { startedAt: performance.now(), stage: "engine" as "engine" | "encode" };
+    exportAttemptRef.current = attempt;
+
     try {
-      trackAction("export_start");
+      trackAction("export_start", exportContext);
       setStatus("loading-engine");
       setProgress(0);
       setError(null);
@@ -543,6 +602,11 @@ export function useVideoEditor() {
       if (exportCancelledRef.current) return;
 
       const startedAt = Date.now();
+      const encodeStartedAt = performance.now();
+      attempt.stage = "encode";
+      // The engine reports 100% when it finishes loading; without this reset
+      // the export dialog opened at "100%" until FFmpeg's first progress event.
+      setProgress(0);
       setExportStartedAt(startedAt);
       setStatus("exporting");
 
@@ -562,7 +626,8 @@ export function useVideoEditor() {
           position: overlayPosition,
           size: overlaySize,
           opacity: overlayOpacity,
-        }
+        },
+        duration
       );
       if (exportCancelledRef.current) return;
 
@@ -571,27 +636,37 @@ export function useVideoEditor() {
         exportDurationMs: Date.now() - startedAt,
       });
       setStatus("done");
-      trackAction("export_success", { durationMs: Date.now() - startedAt });
+      // "export" measures encoding only; engine start-up is ffmpeg_init.
+      trackDuration("export", encodeStartedAt, exportContext);
+      trackAction("export_success", {
+        ...exportContext,
+        durationMs: Date.now() - startedAt,
+        output_size: sizeBucket(exportResult.size),
+      });
     } catch (err) {
       if (exportCancelledRef.current) return;
-      trackAction("export_failure", { reason: err instanceof Error ? err.name : "unknown" });
+      trackAction("export_failure", {
+        ...exportContext,
+        stage: attempt.stage,
+        category: failureCategory(err),
+        durationMs: Math.round(performance.now() - attempt.startedAt),
+      });
 
       console.error("export failed:", err);
-      if (err instanceof FFmpegLoadError) {
-        setError(err.message);
-      } else if (err instanceof Error && err.message.includes("network")) {
-        setError("Network error. Check your internet connection and try again.");
-      } else if (err instanceof Error && err.message.includes("codec")) {
-        setError("This video format is not supported. Try converting to MP4 first.");
-      } else {
-        setError("Export failed. Please try again or use a different video.");
-      }
+      setError(describeExportError(err));
       setExportStartedAt(null);
       setStatus("error");
+      // A failed FFmpeg run can leave the engine's virtual filesystem or heap
+      // in a bad state (e.g. after running out of memory). Start the retry
+      // from a fresh worker; the core files come back from the HTTP cache.
+      terminateFFmpeg();
     } finally {
       if (exportAbortControllerRef.current === abortController) {
         exportAbortControllerRef.current = null;
       }
+      if (exportAttemptRef.current === attempt) {
+        exportAttemptRef.current = null;
+      }
     }
   }, [
     duration,
@@ -709,6 +784,14 @@ export function useVideoEditor() {
   }, []);
 
   const cancelExport = useCallback(() => {
+    const attempt = exportAttemptRef.current;
+    if (attempt) {
+      trackAction("export_cancel", {
+        stage: attempt.stage,
+        durationMs: Math.round(performance.now() - attempt.startedAt),
+      });
+      exportAttemptRef.current = null;
+    }
     exportCancelledRef.current = true;
     exportAbortControllerRef.current?.abort();
     exportAbortControllerRef.current = null;
@@ -747,13 +830,12 @@ export function useVideoEditor() {
       videoRef.current.currentTime = time;
     }
   }, []);
-  useEffect(() => {
-    const video = videoRef.current;
-    if (!video) return;
-    const handleTimeUpdate = () => setCurrentTime(video.currentTime);
-    video.addEventListener("timeupdate", handleTimeUpdate);
-    return () => video.removeEventListener("timeupdate", handleTimeUpdate);
-  });
+
+  // Playback position is read from the <video> on demand instead of being
+  // mirrored into React state: a `timeupdate` listener here (re-attached on
+  // every render) re-rendered the whole editor 4–60 times a second during
+  // playback. Components that need the playhead subscribe to the element.
+  const getCurrentTime = useCallback(() => videoRef.current?.currentTime ?? 0, []);
 
   const toggleSound = useCallback(() => {
     updateRecipe({ soundOnCompletion: !recipe.soundOnCompletion });
@@ -794,7 +876,7 @@ export function useVideoEditor() {
     overlayOpacity,
     setOverlayOpacity,
     recommendedPreset,
-    currentTime,
+    getCurrentTime,
     toggleSound,
     // Phase 1 MVP: Multi-track timeline support
     multiTrackState,
diff --git a/src/lib/exportEstimate.test.ts b/src/lib/exportEstimate.test.ts
index fa7180f40..12fa5af8f 100644
--- a/src/lib/exportEstimate.test.ts
+++ b/src/lib/exportEstimate.test.ts
@@ -1,7 +1,6 @@
 import { describe, test, expect } from "vitest";
 import { estimateExportSize, formatEstimatedSize } from "./exportEstimate";
 import { EditRecipe } from "./types";
-import { describe, test, expect } from "vitest";
 
 // Minimal recipe factory — only the fields estimateExportSize cares about
 function makeRecipe(overrides: Partial<EditRecipe> = {}): EditRecipe {
@@ -50,9 +49,10 @@ describe("estimateExportSize", () => {
     expect(long / short).toBeCloseTo(4, 0);
   });
 
-  test("higher resolution (4k) produces a larger estimate than 720p", () => {
-    const hd  = estimateExportSize(makeRecipe({ preset: "720p" }), 60);
-    const uhd = estimateExportSize(makeRecipe({ preset: "4k"   }), 60);
+  // "720p"/"4k" were never preset ids; use real ones (1280×720 vs 5120×1080).
+  test("higher resolution produces a larger estimate than 720p", () => {
+    const hd  = estimateExportSize(makeRecipe({ preset: "twitter-hd" }), 60);
+    const uhd = estimateExportSize(makeRecipe({ preset: "instagram-panoramic" }), 60);
     expect(uhd).toBeGreaterThan(hd);
   });
 
diff --git a/src/lib/ffmpeg.ts b/src/lib/ffmpeg.ts
index 1251ac076..08a6efaa3 100644
--- a/src/lib/ffmpeg.ts
+++ b/src/lib/ffmpeg.ts
@@ -1,9 +1,11 @@
 import { EditRecipe, ExportResult, BackgroundMusicOptions, ImageOverlayOptions, MAX_FILE_SIZE } from "./types";
 import { getPresetById } from "./presets";
 import { buildTextFilter } from "./text-overlay";
-import { trackAction, trackTiming } from "./telemetry";
+import { trackAction, trackDuration, trackTiming } from "./telemetry";
 
-export class FFmpegLoadError extends Error {}
+export class FFmpegLoadError extends Error {
+  name = "FFmpegLoadError";
+}
 
 
 type SerializedFile = {
@@ -82,6 +84,22 @@ function createWorker(): Worker {
   return ffmpegWorker;
 }
 
+/**
+ * Wraps a progress callback so it only fires when the rounded percentage
+ * changes. FFmpeg reports progress per encoded frame; forwarding every event
+ * re-rendered the editor hundreds of times per export for no visible change.
+ */
+export function dedupeProgress(onProgress?: (percent: number) => void) {
+  if (!onProgress) return undefined;
+  let last = -1;
+  return (percent: number) => {
+    const rounded = Math.max(0, Math.min(100, Math.round(percent)));
+    if (rounded === last) return;
+    last = rounded;
+    onProgress(rounded);
+  };
+}
+
 function resetWorker() {
   ffmpegWorker = null;
   workerReady = null;
@@ -180,7 +198,7 @@ export async function loadFFmpeg(
     ffmpegWorker!.postMessage({ type: "load" });
   }
 
-  pendingProgress = onProgress ?? null;
+  pendingProgress = dedupeProgress(onProgress) ?? null;
 
   if (signal?.aborted) {
     ffmpegWorker?.postMessage({ type: "cancel" });
@@ -202,8 +220,11 @@ export async function loadFFmpeg(
   const loadStart = performance.now();
   try {
     await workerReady;
-    const durationMs = Math.round(performance.now() - loadStart);
-    trackAction("ffmpeg_load_success", { durationMs });
+    const threading = typeof window !== "undefined" && window.crossOriginIsolated ? "multi" : "single";
+    // ffmpeg_init is the cold engine start only (download + compile); it is
+    // tracked separately from export duration and thumbnail generation.
+    trackDuration("ffmpeg_init", loadStart, { threading });
+    trackAction("ffmpeg_load_success", { durationMs: Math.round(performance.now() - loadStart), threading });
     trackTiming("ffmpeg_ready");
   } catch (err) {
     if (!(err instanceof DOMException && err.name === "AbortError")) {
@@ -232,9 +253,11 @@ export async function exportVideo(
   onProgress: (percent: number) => void,
   signal?: AbortSignal,
   musicOptions?: BackgroundMusicOptions,
-  overlayOptions?: ImageOverlayOptions
+  overlayOptions?: ImageOverlayOptions,
+  /** Duration already read by the editor; skips a second metadata load. */
+  knownDuration?: number
 ): Promise<ExportResult> {
-  await loadFFmpeg(signal, onProgress);
+  await loadFFmpeg(signal);
 
   if (!ffmpegWorker) {
     throw new Error("FFmpeg worker is not available.");
@@ -283,7 +306,7 @@ export async function exportVideo(
     ? { ...overlayOptions, file: null }
     : undefined;
 
-  pendingProgress = onProgress;
+  pendingProgress = dedupeProgress(onProgress) ?? null;
 
   const exportPromise = new Promise<ExportResult>((resolve, reject) => {
     pendingExport = { id: sessionId, resolve, reject };
@@ -311,7 +334,10 @@ export async function exportVideo(
       id: sessionId,
       file: filePayload,
       recipe,
-      videoDuration: await getVideoDuration(file),
+      videoDuration:
+        knownDuration && Number.isFinite(knownDuration) && knownDuration > 0
+          ? knownDuration
+          : await getVideoDuration(file),
       musicFile: musicFilePayload,
       musicOptions: sanitizedMusicOptions,
       overlayFile: overlayFilePayload,
@@ -330,13 +356,19 @@ export async function exportVideo(
 async function getVideoDuration(file: File): Promise<number> {
   return new Promise((resolve) => {
     const video = document.createElement("video");
-    video.preload = "metadata";
-    video.onloadedmetadata = () => {
-      URL.revokeObjectURL(video.src);
-      resolve(video.duration);
+    const url = URL.createObjectURL(file);
+    const finish = (value: number) => {
+      clearTimeout(timer);
+      URL.revokeObjectURL(url);
+      video.removeAttribute("src");
+      resolve(Number.isFinite(value) ? value : 0);
     };
-    video.onerror = () => resolve(0);
-    video.src = URL.createObjectURL(file);
+    // 0 makes the worker omit -t, so a stalled metadata read degrades safely.
+    const timer = setTimeout(() => finish(0), 5000);
+    video.preload = "metadata";
+    video.onloadedmetadata = () => finish(video.duration);
+    video.onerror = () => finish(0);
+    video.src = url;
   });
 }
 
@@ -345,10 +377,21 @@ export function terminateFFmpeg() {
     ffmpegWorker.postMessage({ type: "terminate" });
     ffmpegWorker.terminate();
   }
+  // Settle a load that is still in flight so its caller never hangs.
+  workerReadyReject?.(new DOMException("Export cancelled", "AbortError"));
   cancelPendingExport(new DOMException("Export cancelled", "AbortError"));
   resetWorker();
 }
 
+/** Test/diagnostic helper: whether a worker or export is currently held. */
+export function getFFmpegClientState() {
+  return {
+    hasWorker: ffmpegWorker !== null,
+    hasPendingExport: pendingExport !== null,
+    hasPendingProgress: pendingProgress !== null,
+  };
+}
+
 function buildSessionId(): string {
   if (typeof crypto !== "undefined" && "randomUUID" in crypto) {
     return crypto.randomUUID();
diff --git a/src/lib/ffmpeg.worker.ts b/src/lib/ffmpeg.worker.ts
index b0e33a683..d3ae6cfe0 100644
--- a/src/lib/ffmpeg.worker.ts
+++ b/src/lib/ffmpeg.worker.ts
@@ -71,6 +71,22 @@ type CancelledPayload = { type: "cancelled"; id?: string };
 
 type WorkerResponse = ProgressPayload | ReadyPayload | ResultPayload | ErrorPayload | CancelledPayload;
 
+/**
+ * Encoder thread cap for the multi-threaded core. Left on "auto", libx264 and
+ * libvpx size their thread pools from the CPU count (≈1.5× cores plus
+ * lookahead threads), which exceeds the pthread pool @ffmpeg/core-mt is built
+ * with; the encoder then blocks forever waiting for a thread that can't be
+ * spawned. Measured on an 11-core machine (Chrome 155): exports hung at 0%
+ * without a cap and completed with 4 threads. 0 = don't pass -threads
+ * (single-threaded core, where the flag has no benefit).
+ */
+const MT_ENCODER_THREADS =
+  typeof self !== "undefined" && self.crossOriginIsolated ? 4 : 0;
+
+function threadArgs(): string[] {
+  return MT_ENCODER_THREADS > 0 ? ["-threads", String(MT_ENCODER_THREADS)] : [];
+}
+
 let ffmpeg: FFmpeg | null = null;
 let ffmpegLoaded = false;
 let activeExportAbortController: AbortController | null = null;
@@ -320,15 +336,20 @@ interface PositionCoords {
     if (shouldKeepAudio) args.push("-c:a", "aac", "-b:a", "128k");
   }
 
-  if (recipe.speed !== 1) {
-    const sourceDuration = (recipe.trimEnd ?? videoDuration) - recipe.trimStart;
-    // Skip -t when sourceDuration <= 0 (happens when video metadata fails to
-    // load and videoDuration falls back to 0). Passing -t 0 to FFmpeg produces
-    // a zero-length output file; omitting it lets FFmpeg encode the full stream.
-    if (sourceDuration > 0) {
-      const outputDuration = sourceDuration / recipe.speed;
-      args.push("-t", outputDuration.toFixed(6));
-    }
+  args.push(...threadArgs());
+
+  // Explicit output duration on every export, not only when speed changes:
+  // it stops encoder flush overshoot and, with looped background music
+  // (`-stream_loop -1`) on a silent video, prevents an export that never ends.
+  // (The same fix in ffmpeg.ts's copy of buildArguments never reached this
+  // worker, which is the code path that actually runs.)
+  const sourceDuration = (recipe.trimEnd ?? videoDuration) - recipe.trimStart;
+  // Skip -t when sourceDuration <= 0 (happens when video metadata fails to
+  // load and videoDuration falls back to 0). Passing -t 0 to FFmpeg produces
+  // a zero-length output file; omitting it lets FFmpeg encode the full stream.
+  if (sourceDuration > 0) {
+    const outputDuration = sourceDuration / recipe.speed;
+    args.push("-t", outputDuration.toFixed(6));
   }
 
   args.push(outputName);
@@ -449,9 +470,15 @@ async function runExport(request: ExportRequest): Promise<ResultPayload> {
 
   const videoDuration = request.videoDuration;
 
+  // FFmpeg emits progress per frame; post only when the whole percentage
+  // changes so the main thread isn't flooded with identical updates.
+  let lastPercent = -1;
   const handleProgress = ({ progress }: { progress: number }) => {
     if (activeExportId !== sessionId) return;
-    postMessage({ type: "progress", percent: Math.min(99, Math.round(progress * 100)) });
+    const percent = Math.max(0, Math.min(99, Math.round(progress * 100)));
+    if (percent === lastPercent) return;
+    lastPercent = percent;
+    postMessage({ type: "progress", percent });
   };
 
   let logListener: ((event: { message: string }) => void) | null = null;
@@ -477,14 +504,14 @@ async function runExport(request: ExportRequest): Promise<ResultPayload> {
         : [];
 
       const pass1Code = await ffmpeg.exec(
-        ["-i", inputName, "-vf", vfWithPalette, ...gifDurationArgs, "-y", paletteName],
+        ["-i", inputName, "-vf", vfWithPalette, ...gifDurationArgs, ...threadArgs(), "-y", paletteName],
         undefined,
         { signal: activeExportAbortController?.signal }
       );
       if (pass1Code !== 0) throw new Error("GIF palette generation failed");
 
       const pass2Code = await ffmpeg.exec(
-        ["-i", inputName, "-i", paletteName, "-lavfi", vfWithPaletteUse, ...gifDurationArgs, "-y", outputName],
+        ["-i", inputName, "-i", paletteName, "-lavfi", vfWithPaletteUse, ...gifDurationArgs, ...threadArgs(), "-y", outputName],
         undefined,
         { signal: activeExportAbortController?.signal }
       );
diff --git a/src/lib/telemetry.ts b/src/lib/telemetry.ts
index a3eb8a8f3..cb4e21c15 100644
--- a/src/lib/telemetry.ts
+++ b/src/lib/telemetry.ts
@@ -1,26 +1,134 @@
-import { datadogRum } from "@datadog/browser-rum";
+import type { DatadogRum as RumPublicApi } from "@datadog/browser-rum";
 
 // Custom Datadog RUM actions. Only coarse, non-identifying metrics are sent —
-// never file names, contents, or recipe values (Reframe is privacy-first).
-// No-op when RUM isn't configured (see DatadogInit).
-const enabled = () =>
+// never file names, contents, captions or recipe values (Reframe is
+// privacy-first). No-op when RUM isn't configured (see DatadogInit).
+//
+// Event names (keep this list and docs/PERFORMANCE.md in sync):
+//   ffmpeg_load_success / ffmpeg_load_failure   — engine init (durationMs, threading)
+//   export_start / export_success / export_failure / export_cancel
+//                                               — durationMs, format, resolution, size buckets
+//   thumbnails_generated / thumbnails_failed    — frame-strip extraction
+// Duration vitals (visible under RUM → Vitals): ffmpeg_init, export, thumbnails_generated.
+//
+// The SDK is loaded lazily by DatadogInit (it is not needed for first paint).
+// Calls made before it registers are queued (bounded) and replayed.
+export const telemetryConfigured = () =>
   typeof window !== "undefined" &&
   Boolean(process.env.NEXT_PUBLIC_DATADOG_APPLICATION_ID && process.env.NEXT_PUBLIC_DATADOG_CLIENT_TOKEN);
 
-export function trackAction(name: string, context?: Record<string, string | number | boolean>) {
-  if (!enabled()) return;
+export type TelemetryContext = Record<string, string | number | boolean>;
+
+type RumCall = (rum: RumPublicApi) => void;
+const MAX_QUEUED = 50;
+let rum: RumPublicApi | null = null;
+let queue: RumCall[] = [];
+
+function run(call: RumCall) {
+  if (!telemetryConfigured()) return;
+  if (!rum) {
+    if (queue.length < MAX_QUEUED) queue.push(call);
+    return;
+  }
   try {
-    datadogRum.addAction(name, context);
+    call(rum);
   } catch {
     // Telemetry must never break the editor.
   }
 }
 
+/** Called once by DatadogInit after the SDK is initialised. */
+export function registerRum(instance: RumPublicApi) {
+  rum = instance;
+  const pending = queue;
+  queue = [];
+  pending.forEach(run);
+}
+
+/** Test helper: forget the registered SDK and queued calls. */
+export function resetTelemetryForTests() {
+  rum = null;
+  queue = [];
+}
+
+export function trackAction(name: string, context?: TelemetryContext) {
+  run((r) => r.addAction(name, context));
+}
+
 export function trackTiming(name: string) {
-  if (!enabled()) return;
-  try {
-    datadogRum.addTiming(name);
-  } catch {
-    // ignore
-  }
+  // addTiming is relative to the current view; capture the time now, not at replay.
+  const time = typeof performance !== "undefined" ? Math.round(performance.now()) : undefined;
+  run((r) => r.addTiming(name, time));
+}
+
+/**
+ * Records a duration both as a RUM duration vital (for percentiles in
+ * Datadog) and as an action carrying `durationMs` (for event search).
+ * `startedAt` is a `performance.now()` timestamp.
+ */
+export function trackDuration(name: string, startedAt: number, context?: TelemetryContext) {
+  const durationMs = Math.round(performance.now() - startedAt);
+  trackAction(name, { ...context, durationMs });
+  const startTime = Math.round(performance.timeOrigin + startedAt);
+  run((r) => r.addDurationVital(name, { startTime, duration: durationMs, context }));
+}
+
+// ── Low-cardinality buckets ────────────────────────────────────────────────
+// Raw sizes/durations are identifying in aggregate and explode cardinality,
+// so only coarse ranges are reported.
+
+export function sizeBucket(bytes: number): string {
+  const mb = bytes / (1024 * 1024);
+  if (mb < 25) return "<25MB";
+  if (mb < 100) return "25-100MB";
+  if (mb < 500) return "100-500MB";
+  if (mb < 1024) return "500MB-1GB";
+  return ">1GB";
+}
+
+export function durationBucket(seconds: number): string {
+  if (!Number.isFinite(seconds) || seconds <= 0) return "unknown";
+  if (seconds < 15) return "<15s";
+  if (seconds < 60) return "15-60s";
+  if (seconds < 300) return "1-5min";
+  if (seconds < 1200) return "5-20min";
+  return ">20min";
+}
+
+export function resolutionBucket(width: number, height: number): string {
+  const p = Math.min(width, height);
+  if (p <= 480) return "<=480p";
+  if (p <= 720) return "720p";
+  if (p <= 1080) return "1080p";
+  if (p <= 1440) return "1440p";
+  return "2160p+";
+}
+
+/** Maps an export error to a small fixed set of categories (never the raw message). */
+export function failureCategory(err: unknown): string {
+  if (err instanceof DOMException && err.name === "AbortError") return "cancelled";
+  const msg = err instanceof Error ? err.message.toLowerCase() : "";
+  const name = err instanceof Error ? err.name : "";
+  if (name === "FFmpegLoadError" || msg.includes("engine") || msg.includes("worker")) return "engine";
+  if (msg.includes("memory") || msg.includes("out of bounds") || name === "RangeError") return "memory";
+  if (msg.includes("network") || msg.includes("fetch")) return "network";
+  if (msg.includes("codec") || msg.includes("decod")) return "codec";
+  return "ffmpeg";
+}
+
+/**
+ * Coarse device/browser capabilities, attached once as RUM global context so
+ * every event can be sliced by them. All values are bucketed booleans/ranges.
+ */
+export function capabilityContext(): TelemetryContext {
+  if (typeof window === "undefined") return {};
+  const nav = navigator as Navigator & { deviceMemory?: number };
+  const cores = nav.hardwareConcurrency ?? 0;
+  return {
+    cross_origin_isolated: Boolean(window.crossOriginIsolated),
+    shared_array_buffer: typeof SharedArrayBuffer !== "undefined",
+    cpu_cores: cores >= 8 ? "8+" : cores >= 4 ? "4-7" : cores > 0 ? "1-3" : "unknown",
+    device_memory_gb: nav.deviceMemory ? (nav.deviceMemory >= 8 ? "8+" : String(nav.deviceMemory)) : "unknown",
+    reduced_motion: window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false,
+  };
 }
diff --git a/src/lib/tests/ffmpegClient.test.ts b/src/lib/tests/ffmpegClient.test.ts
new file mode 100644
index 000000000..bcfe00586
--- /dev/null
+++ b/src/lib/tests/ffmpegClient.test.ts
@@ -0,0 +1,165 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
+import {
+  loadFFmpeg,
+  exportVideo,
+  terminateFFmpeg,
+  dedupeProgress,
+  getFFmpegClientState,
+  FFmpegLoadError,
+} from "../ffmpeg";
+import { DEFAULT_RECIPE } from "../constants";
+
+/**
+ * Scripted stand-in for the FFmpeg worker. Each test decides how the worker
+ * answers "load" and "export"; every instance is recorded so tests can check
+ * that terminated workers are never reused.
+ */
+type Script = {
+  onLoad?: (w: FakeWorker) => void;
+  onExport?: (w: FakeWorker, id: string) => void;
+};
+let script: Script = {};
+const workers: FakeWorker[] = [];
+
+class FakeWorker {
+  onmessage: ((e: MessageEvent) => void) | null = null;
+  onerror: ((e: ErrorEvent) => void) | null = null;
+  posted: { type: string; id?: string }[] = [];
+  terminated = false;
+  constructor() {
+    workers.push(this);
+  }
+  postMessage(msg: { type: string; id?: string }) {
+    this.posted.push(msg);
+    if (msg.type === "load") queueMicrotask(() => (script.onLoad ?? ((w) => w.emit({ type: "ready" })))(this));
+    if (msg.type === "export") queueMicrotask(() => script.onExport?.(this, msg.id!));
+  }
+  terminate() {
+    this.terminated = true;
+  }
+  emit(data: unknown) {
+    if (!this.terminated) this.onmessage?.({ data } as MessageEvent);
+  }
+}
+
+const result = (id: string) => ({
+  type: "result",
+  id,
+  data: new ArrayBuffer(8),
+  mimeType: "video/mp4",
+  size: 8,
+  width: 1920,
+  height: 1080,
+  format: "mp4",
+});
+
+const file = () => new File([new Uint8Array(16)], "clip.mp4", { type: "video/mp4" });
+const run = (signal?: AbortSignal, onProgress = vi.fn()) =>
+  exportVideo(file(), { ...DEFAULT_RECIPE }, onProgress, signal, undefined, undefined, 6);
+
+beforeEach(() => {
+  script = {};
+  workers.length = 0;
+  vi.stubGlobal("Worker", FakeWorker);
+  vi.stubGlobal("URL", Object.assign(URL, { createObjectURL: vi.fn(() => "blob:out"), revokeObjectURL: vi.fn() }));
+});
+
+afterEach(() => {
+  terminateFFmpeg();
+  vi.unstubAllGlobals();
+});
+
+describe("dedupeProgress", () => {
+  it("only forwards changes of the rounded percentage", () => {
+    const cb = vi.fn();
+    const p = dedupeProgress(cb)!;
+    [0, 0.2, 0.4, 1, 1.3, 1, 2, 2, 150].forEach(p);
+    expect(cb.mock.calls.map((c) => c[0])).toEqual([0, 1, 2, 100]);
+  });
+});
+
+describe("FFmpeg client lifecycle", () => {
+  it("loads once and reuses the worker across repeated exports", async () => {
+    script.onExport = (w, id) => w.emit(result(id));
+    await loadFFmpeg();
+    const a = await run();
+    const b = await run();
+    expect(a.size).toBe(8);
+    expect(b.size).toBe(8);
+    expect(workers).toHaveLength(1);
+    expect(workers[0]!.posted.filter((m) => m.type === "load")).toHaveLength(1);
+    expect(getFFmpegClientState()).toMatchObject({ hasPendingExport: false, hasPendingProgress: false });
+  });
+
+  it("does not accumulate abort listeners over repeated exports", async () => {
+    script.onExport = (w, id) => w.emit(result(id));
+    const controller = new AbortController();
+    const add = vi.spyOn(controller.signal, "addEventListener");
+    const remove = vi.spyOn(controller.signal, "removeEventListener");
+    for (let i = 0; i < 5; i++) await run(controller.signal);
+    expect(add.mock.calls.length).toBeGreaterThan(0);
+    expect(remove.mock.calls.length).toBe(add.mock.calls.length);
+  });
+
+  it("forwards de-duplicated progress for the active export", async () => {
+    script.onExport = (w, id) => {
+      [0, 0, 10, 10, 10, 55].forEach((percent) => w.emit({ type: "progress", percent }));
+      w.emit(result(id));
+    };
+    const onProgress = vi.fn();
+    await loadFFmpeg();
+    await run(undefined, onProgress);
+    expect(onProgress.mock.calls.map((c) => c[0])).toEqual([0, 10, 55]);
+  });
+
+  it("cancelling rejects with AbortError and tells the worker to stop", async () => {
+    script.onExport = () => {}; // never finishes on its own
+    const controller = new AbortController();
+    await loadFFmpeg();
+    const pending = run(controller.signal);
+    await new Promise((r) => setTimeout(r, 0));
+    controller.abort();
+    await expect(pending).rejects.toMatchObject({ name: "AbortError" });
+    expect(workers[0]!.posted.some((m) => m.type === "cancel")).toBe(true);
+    expect(getFFmpegClientState().hasPendingExport).toBe(false);
+  });
+
+  it("a worker crash fails the export, and the next export gets a fresh worker", async () => {
+    script.onExport = (w) => w.onerror?.({ message: "boom" } as ErrorEvent);
+    await loadFFmpeg();
+    await expect(run()).rejects.toBeInstanceOf(FFmpegLoadError);
+    expect(getFFmpegClientState().hasWorker).toBe(false);
+
+    script.onExport = (w, id) => w.emit(result(id));
+    const ok = await run();
+    expect(ok.size).toBe(8);
+    expect(workers).toHaveLength(2);
+  });
+
+  it("a failed engine load can be retried", async () => {
+    script.onLoad = (w) => w.emit({ type: "error", message: "Failed to fetch" });
+    await expect(loadFFmpeg()).rejects.toBeInstanceOf(FFmpegLoadError);
+
+    script.onLoad = undefined;
+    script.onExport = (w, id) => w.emit(result(id));
+    await loadFFmpeg();
+    await expect(run()).resolves.toMatchObject({ format: "mp4" });
+  });
+
+  it("terminating during engine load settles the load instead of hanging", async () => {
+    script.onLoad = () => {}; // load never completes
+    const loading = loadFFmpeg();
+    await new Promise((r) => setTimeout(r, 0));
+    terminateFFmpeg();
+    await expect(loading).rejects.toMatchObject({ name: "AbortError" });
+    expect(workers[0]!.terminated).toBe(true);
+    expect(getFFmpegClientState()).toEqual({ hasWorker: false, hasPendingExport: false, hasPendingProgress: false });
+  });
+
+  it("export results own a blob URL that dispose() revokes", async () => {
+    script.onExport = (w, id) => w.emit(result(id));
+    const res = await run();
+    res.dispose();
+    expect(URL.revokeObjectURL).toHaveBeenCalledWith("blob:out");
+  });
+});
diff --git a/src/lib/tests/telemetry.test.ts b/src/lib/tests/telemetry.test.ts
new file mode 100644
index 000000000..0f5b7b777
--- /dev/null
+++ b/src/lib/tests/telemetry.test.ts
@@ -0,0 +1,91 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
+import {
+  trackAction,
+  trackDuration,
+  registerRum,
+  resetTelemetryForTests,
+  sizeBucket,
+  durationBucket,
+  resolutionBucket,
+  failureCategory,
+  capabilityContext,
+} from "../telemetry";
+import type { DatadogRum } from "@datadog/browser-rum";
+
+function fakeRum() {
+  return {
+    addAction: vi.fn(),
+    addTiming: vi.fn(),
+    addDurationVital: vi.fn(),
+  } as unknown as DatadogRum & {
+    addAction: ReturnType<typeof vi.fn>;
+    addDurationVital: ReturnType<typeof vi.fn>;
+  };
+}
+
+describe("telemetry", () => {
+  beforeEach(() => {
+    resetTelemetryForTests();
+    vi.stubEnv("NEXT_PUBLIC_DATADOG_APPLICATION_ID", "app");
+    vi.stubEnv("NEXT_PUBLIC_DATADOG_CLIENT_TOKEN", "token");
+  });
+  afterEach(() => vi.unstubAllEnvs());
+
+  it("queues events until the lazily-loaded SDK registers, then replays them in order", () => {
+    trackAction("export_start", { format: "mp4" });
+    trackAction("export_success");
+    const rum = fakeRum();
+    registerRum(rum);
+    expect(rum.addAction.mock.calls.map((c) => c[0])).toEqual(["export_start", "export_success"]);
+    trackAction("export_cancel");
+    expect(rum.addAction).toHaveBeenLastCalledWith("export_cancel", undefined);
+  });
+
+  it("is a no-op when RUM isn't configured", () => {
+    vi.stubEnv("NEXT_PUBLIC_DATADOG_APPLICATION_ID", "");
+    const rum = fakeRum();
+    registerRum(rum);
+    trackAction("export_start");
+    expect(rum.addAction).not.toHaveBeenCalled();
+  });
+
+  it("never throws into the editor when the SDK fails", () => {
+    const rum = fakeRum();
+    rum.addAction.mockImplementation(() => {
+      throw new Error("sdk broke");
+    });
+    registerRum(rum);
+    expect(() => trackAction("export_start")).not.toThrow();
+  });
+
+  it("records durations as both an action and a duration vital", () => {
+    const rum = fakeRum();
+    registerRum(rum);
+    trackDuration("export", performance.now() - 1500, { format: "webm" });
+    expect(rum.addAction).toHaveBeenCalledWith("export", expect.objectContaining({ format: "webm", durationMs: expect.any(Number) }));
+    expect(rum.addDurationVital).toHaveBeenCalledWith("export", expect.objectContaining({ duration: expect.any(Number) }));
+    const ms = rum.addAction.mock.calls[0]![1].durationMs;
+    expect(ms).toBeGreaterThanOrEqual(1500);
+  });
+
+  it("buckets values so no exact sizes, lengths or messages are sent", () => {
+    expect(sizeBucket(10 * 1024 * 1024)).toBe("<25MB");
+    expect(sizeBucket(3 * 1024 ** 3)).toBe(">1GB");
+    expect(durationBucket(42)).toBe("15-60s");
+    expect(durationBucket(NaN)).toBe("unknown");
+    expect(resolutionBucket(1080, 1920)).toBe("1080p");
+    expect(failureCategory(new Error("Failed to fetch core"))).toBe("network");
+    expect(failureCategory(new DOMException("x", "AbortError"))).toBe("cancelled");
+    expect(failureCategory(new Error("/Users/me/secret-video.mp4: Invalid data"))).toBe("ffmpeg");
+  });
+
+  it("capability context contains only coarse, non-identifying values", () => {
+    const ctx = capabilityContext();
+    for (const value of Object.values(ctx)) {
+      expect(["string", "boolean"]).toContain(typeof value);
+    }
+    expect(Object.keys(ctx).sort()).toEqual(
+      ["cpu_cores", "cross_origin_isolated", "device_memory_gb", "reduced_motion", "shared_array_buffer"].sort()
+    );
+  });
+});
diff --git a/src/lib/tests/thumbnails.test.ts b/src/lib/tests/thumbnails.test.ts
new file mode 100644
index 000000000..bb5dbe88b
--- /dev/null
+++ b/src/lib/tests/thumbnails.test.ts
@@ -0,0 +1,156 @@
+import { describe, it, expect, vi } from "vitest";
+import {
+  computeThumbnailTimes,
+  generateThumbnails,
+  pickThumbnailInterval,
+  MAX_THUMBNAILS,
+} from "../thumbnails";
+
+/**
+ * Minimal stand-in for an HTMLVideoElement: fires loadeddata after load(),
+ * and seeked after currentTime is set — unless that time is in `stallAt`.
+ */
+class FakeVideo extends EventTarget {
+  muted = false;
+  preload = "";
+  playsInline = false;
+  src = "";
+  removedSrc = false;
+  seeks: number[] = [];
+  constructor(private opts: { stallAt?: number[]; failLoad?: boolean } = {}) {
+    super();
+  }
+  load() {
+    if (!this.src) return;
+    setTimeout(() => this.dispatchEvent(new Event(this.opts.failLoad ? "error" : "loadeddata")), 0);
+  }
+  removeAttribute(name: string) {
+    if (name === "src") {
+      this.src = "";
+      this.removedSrc = true;
+    }
+  }
+  set currentTime(t: number) {
+    this.seeks.push(t);
+    if (this.opts.stallAt?.includes(t)) return;
+    setTimeout(() => this.dispatchEvent(new Event("seeked")), 0);
+  }
+}
+
+function harness(videoOpts?: ConstructorParameters<typeof FakeVideo>[0]) {
+  const video = new FakeVideo(videoOpts);
+  const canvas = {
+    width: 0,
+    height: 0,
+    getContext: () => ({ drawImage: vi.fn() }),
+    toBlob: (cb: (b: Blob | null) => void) => cb(new Blob(["x"], { type: "image/jpeg" })),
+  };
+  let n = 0;
+  const created: string[] = [];
+  const revoked: string[] = [];
+  const createElement = ((tag: string) => (tag === "video" ? video : canvas)) as unknown as typeof document.createElement;
+  return {
+    video,
+    created,
+    revoked,
+    opts: {
+      createElement,
+      createObjectURL: () => {
+        const url = `blob:thumb-${++n}`;
+        created.push(url);
+        return url;
+      },
+      revokeObjectURL: (url: string) => revoked.push(url),
+    },
+  };
+}
+
+describe("computeThumbnailTimes", () => {
+  it("returns nothing for an unknown or zero duration", () => {
+    expect(computeThumbnailTimes(0, 2)).toEqual([]);
+    expect(computeThumbnailTimes(NaN, 2)).toEqual([]);
+  });
+
+  it("samples at the interval and adds a frame near the end", () => {
+    const times = computeThumbnailTimes(10, 2);
+    expect(times[0]).toBe(0);
+    expect(times).toContain(8);
+    expect(times[times.length - 1]).toBeCloseTo(9.9);
+  });
+
+  it("caps the count for long videos by widening the interval", () => {
+    const times = computeThumbnailTimes(3 * 60 * 60, 30); // 3 hours
+    expect(times.length).toBeLessThanOrEqual(MAX_THUMBNAILS);
+    expect(times.length).toBeGreaterThan(MAX_THUMBNAILS - 2);
+  });
+
+  it("never produces two thumbnails within the same second", () => {
+    const times = computeThumbnailTimes(1.5, 0.2);
+    const seconds = times.map((t) => Math.floor(t));
+    expect(new Set(seconds).size).toBe(seconds.length);
+  });
+
+  it("scales the interval with duration", () => {
+    expect(pickThumbnailInterval(20)).toBe(2);
+    expect(pickThumbnailInterval(600)).toBe(30);
+  });
+});
+
+describe("generateThumbnails", () => {
+  it("captures every frame, reports batches, and releases the decoder", async () => {
+    const h = harness();
+    const onBatch = vi.fn();
+    const { frames, skipped } = await generateThumbnails("blob:src", [0, 2, 4, 6, 8], {
+      ...h.opts,
+      batchSize: 2,
+      onBatch,
+    });
+    expect(frames.map((f) => f.time)).toEqual([0, 2, 4, 6, 8]);
+    expect(skipped).toBe(0);
+    // batches at 2, 4 and the final 5 — not one React update per frame
+    expect(onBatch).toHaveBeenCalledTimes(3);
+    expect(h.video.removedSrc).toBe(true);
+    expect(h.revoked).toEqual([]);
+  });
+
+  it("seeks sequentially, one position at a time", async () => {
+    const h = harness();
+    await generateThumbnails("blob:src", [0, 1, 2], h.opts);
+    expect(h.video.seeks).toEqual([0, 1, 2]);
+  });
+
+  it("skips a position whose seek never completes instead of hanging", async () => {
+    const h = harness({ stallAt: [2] });
+    const { frames, skipped } = await generateThumbnails("blob:src", [0, 2, 4], {
+      ...h.opts,
+      seekTimeoutMs: 20,
+    });
+    expect(frames.map((f) => f.time)).toEqual([0, 4]);
+    expect(skipped).toBe(1);
+  });
+
+  it("aborting stops further seeks and revokes every URL it created", async () => {
+    const h = harness();
+    const controller = new AbortController();
+    const promise = generateThumbnails("blob:src", [0, 1, 2, 3, 4, 5], {
+      ...h.opts,
+      signal: controller.signal,
+      batchSize: 1,
+      onBatch: (frames) => {
+        if (frames.length === 2) controller.abort();
+      },
+    });
+    await expect(promise).rejects.toMatchObject({ name: "AbortError" });
+    expect(h.video.seeks.length).toBeLessThan(6);
+    expect(h.created.length).toBeGreaterThan(0);
+    expect(new Set(h.revoked)).toEqual(new Set(h.created));
+    expect(h.video.removedSrc).toBe(true);
+  });
+
+  it("rejects (and cleans up) when the video can't be decoded", async () => {
+    const h = harness({ failLoad: true });
+    await expect(generateThumbnails("blob:src", [0, 1], h.opts)).rejects.toThrow(/decoded/);
+    expect(h.video.removedSrc).toBe(true);
+    expect(h.created).toEqual([]);
+  });
+});
diff --git a/src/lib/thumbnails.ts b/src/lib/thumbnails.ts
new file mode 100644
index 000000000..02be02dee
--- /dev/null
+++ b/src/lib/thumbnails.ts
@@ -0,0 +1,195 @@
+/**
+ * Thumbnail extraction for the timeline strip.
+ *
+ * Frames are captured by seeking a single offscreen <video> sequentially.
+ * Seeking in parallel would multiply decoder instances and memory for little
+ * gain, so it is deliberately one seek at a time. Work is abortable, every
+ * seek has a timeout (some files never fire `seeked` for certain positions),
+ * and every object URL created is either handed to the caller or revoked.
+ */
+
+/** Upper bound on frames per video so long files don't produce hundreds of seeks. */
+export const MAX_THUMBNAILS = 48;
+
+export interface ThumbnailFrame {
+  time: number;
+  url: string;
+}
+
+export interface GenerateThumbnailsOptions {
+  signal?: AbortSignal;
+  width?: number;
+  height?: number;
+  /** Per-seek timeout; a frame that times out is skipped, not fatal. */
+  seekTimeoutMs?: number;
+  metadataTimeoutMs?: number;
+  /** Frames are reported in batches to keep React updates infrequent. */
+  batchSize?: number;
+  onBatch?: (frames: ThumbnailFrame[], completed: number, total: number) => void;
+  /** Injection points for tests (jsdom has no media pipeline or canvas). */
+  createElement?: typeof document.createElement;
+  createObjectURL?: (blob: Blob) => string;
+  revokeObjectURL?: (url: string) => void;
+}
+
+export interface GenerateThumbnailsResult {
+  frames: ThumbnailFrame[];
+  /** Number of positions that could not be captured (seek timeout / draw failure). */
+  skipped: number;
+}
+
+/** Seconds between thumbnails, scaled to the clip length. */
+export function pickThumbnailInterval(duration: number): number {
+  if (duration <= 30) return 2;
+  if (duration <= 120) return 5;
+  if (duration <= 300) return 15;
+  return 30;
+}
+
+/**
+ * Timestamps to capture: every `intervalSeconds`, widened if needed so the
+ * total never exceeds `max`, de-duplicated to whole seconds (the label
+ * granularity), plus a frame near the end so the strip covers the full clip.
+ */
+export function computeThumbnailTimes(
+  duration: number,
+  intervalSeconds: number,
+  max: number = MAX_THUMBNAILS
+): number[] {
+  if (!Number.isFinite(duration) || duration <= 0 || max <= 0) return [];
+
+  const interval = Math.max(intervalSeconds, duration / max, 0.1);
+  const last = Math.max(0, duration - 0.1);
+  const times: number[] = [];
+  const seen = new Set<number>();
+
+  const push = (t: number) => {
+    const key = Math.floor(t);
+    if (seen.has(key)) return;
+    seen.add(key);
+    times.push(Number(t.toFixed(3)));
+  };
+
+  for (let t = 0; t < last && times.length < max; t += interval) push(t);
+  if (times.length < max && last > (times[times.length - 1] ?? -1)) push(last);
+
+  return times;
+}
+
+function abortError() {
+  return new DOMException("Thumbnail generation aborted", "AbortError");
+}
+
+function waitForEvent(
+  target: HTMLVideoElement,
+  event: string,
+  timeoutMs: number,
+  signal?: AbortSignal
+): Promise<"ok" | "timeout"> {
+  return new Promise((resolve, reject) => {
+    if (signal?.aborted) {
+      reject(abortError());
+      return;
+    }
+    const done = (result: "ok" | "timeout" | Error) => {
+      clearTimeout(timer);
+      target.removeEventListener(event, onEvent);
+      target.removeEventListener("error", onError);
+      signal?.removeEventListener("abort", onAbort);
+      if (result instanceof Error) reject(result);
+      else resolve(result);
+    };
+    const onEvent = () => done("ok");
+    const onError = () => done(new Error("Video could not be decoded for thumbnails"));
+    const onAbort = () => done(abortError());
+    const timer = setTimeout(() => done("timeout"), timeoutMs);
+    target.addEventListener(event, onEvent);
+    target.addEventListener("error", onError);
+    signal?.addEventListener("abort", onAbort, { once: true });
+  });
+}
+
+export async function generateThumbnails(
+  src: string,
+  times: number[],
+  {
+    signal,
+    width = 160,
+    height = 90,
+    seekTimeoutMs = 4000,
+    metadataTimeoutMs = 10000,
+    batchSize = 6,
+    onBatch,
+    createElement = document.createElement.bind(document),
+    createObjectURL = (blob) => URL.createObjectURL(blob),
+    revokeObjectURL = (url) => URL.revokeObjectURL(url),
+  }: GenerateThumbnailsOptions = {}
+): Promise<GenerateThumbnailsResult> {
+  const frames: ThumbnailFrame[] = [];
+  let skipped = 0;
+
+  const video = createElement("video") as HTMLVideoElement;
+  video.muted = true;
+  video.preload = "auto";
+  video.playsInline = true;
+
+  try {
+    // `loadeddata` (not `loadedmetadata`): the first frame must be decoded,
+    // otherwise the seek to 0s resolves immediately and draws a black frame.
+    const firstFrameReady = waitForEvent(video, "loadeddata", metadataTimeoutMs, signal);
+    video.src = src;
+    video.load();
+    if ((await firstFrameReady) === "timeout") {
+      throw new Error("Timed out loading video metadata for thumbnails");
+    }
+
+    const canvas = createElement("canvas") as HTMLCanvasElement;
+    canvas.width = width;
+    canvas.height = height;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) throw new Error("Canvas 2D context unavailable");
+
+    for (let i = 0; i < times.length; i++) {
+      if (signal?.aborted) throw abortError();
+      const time = times[i] ?? 0;
+
+      const seeked = waitForEvent(video, "seeked", seekTimeoutMs, signal);
+      video.currentTime = time;
+      if ((await seeked) === "timeout") {
+        skipped++;
+      } else {
+        try {
+          ctx.drawImage(video, 0, 0, width, height);
+          const blob = await new Promise<Blob | null>((resolve) =>
+            canvas.toBlob(resolve, "image/jpeg", 0.7)
+          );
+          if (signal?.aborted) throw abortError();
+          if (blob) frames.push({ time, url: createObjectURL(blob) });
+          else skipped++;
+        } catch (err) {
+          if (err instanceof DOMException && err.name === "AbortError") throw err;
+          skipped++;
+        }
+      }
+
+      const completed = i + 1;
+      if (completed === times.length || completed % batchSize === 0) {
+        onBatch?.(frames.slice(), completed, times.length);
+      }
+    }
+
+    return { frames, skipped };
+  } catch (err) {
+    // Nothing was handed to the caller as a final result, so release it all.
+    frames.forEach((f) => revokeObjectURL(f.url));
+    throw err;
+  } finally {
+    // Detach the source so the browser can release the decoder immediately.
+    video.removeAttribute("src");
+    try {
+      video.load();
+    } catch {
+      // ignore — some environments throw on load() without a source
+    }
+  }
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index bd5e6ca31..65303aaff 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -16,30 +16,73 @@ const config: Config = {
   ],
   theme: {
     extend: {
+      // One interface typeface: the platform UI font (SF Pro on Apple devices,
+      // Segoe UI on Windows, Roboto on Android). It costs no network request.
+      // `heading` and `display` were used throughout the components but never
+      // defined, so they silently did nothing; they now resolve to the same
+      // family and only weight/size distinguish headings.
+      fontFamily: {
+        sans: ["var(--font-sans)"],
+        heading: ["var(--font-sans)"],
+        display: ["var(--font-sans)"],
+        mono: ["var(--font-mono)"],
+      },
+      fontSize: {
+        // Type scale: metadata → helper → label/body → section → page title.
+        "2xs": ["0.6875rem", { lineHeight: "1rem" }], // 11px
+        xs: ["0.75rem", { lineHeight: "1.125rem" }], // 12px
+        sm: ["0.8125rem", { lineHeight: "1.25rem" }], // 13px
+        base: ["0.9375rem", { lineHeight: "1.5rem" }], // 15px
+        lg: ["1.0625rem", { lineHeight: "1.5rem" }], // 17px
+        xl: ["1.25rem", { lineHeight: "1.75rem" }], // 20px
+        "2xl": ["1.625rem", { lineHeight: "2rem", letterSpacing: "-0.015em" }], // 26px
+        "3xl": ["2.125rem", { lineHeight: "2.5rem", letterSpacing: "-0.02em" }], // 34px
+      },
       colors: {
         background: "var(--background)",
         foreground: "var(--foreground)",
+        // Reframe's film-red accent. Text-weight shades (300–500, 700–900) use
+        // --accent-text, which is tuned per theme for AA contrast on surfaces;
+        // 600 is the solid fill used behind --on-accent text.
         film: {
           50: "var(--accent-muted)",
           100: "var(--accent-muted)",
           200: "color-mix(in srgb, var(--accent) 30%, var(--border))",
           300: "color-mix(in srgb, var(--accent) 55%, var(--border))",
-          400: "var(--accent)",
-          500: "var(--accent)",
+          400: "var(--accent-text)",
+          500: "var(--accent-text)",
           600: "var(--accent)",
-          700: "var(--accent-hover)",
+          700: "var(--accent-text)",
           800: "var(--text)",
           900: "var(--text)",
           950: "var(--bg)",
         },
       },
+      borderRadius: {
+        control: "var(--radius-control)",
+        panel: "var(--radius-panel)",
+      },
+      transitionDuration: {
+        fast: "var(--dur-fast)",
+        base: "var(--dur-base)",
+        slow: "var(--dur-slow)",
+      },
+      transitionTimingFunction: {
+        standard: "var(--ease-standard)",
+      },
       keyframes: {
         shimmer: {
           "100%": { transform: "translateX(100%)" },
         },
+        // Used ~20 times via `animate-fade-in` but previously undefined.
+        "fade-in": {
+          from: { opacity: "0" },
+          to: { opacity: "1" },
+        },
       },
       animation: {
         shimmer: "shimmer 2s infinite",
+        "fade-in": "fade-in var(--dur-base) var(--ease-standard) both",
       },
     },
   },

From 33b2c5a11fddd2e7e9c278f27fedb2ed89572dc1 Mon Sep 17 00:00:00 2001
From: Akanksha Trehun <akankshatrehun@gmail.com>
Date: Wed, 21 Oct 2026 12:55:40 +0530
Subject: [PATCH 02/11] fix: apply vercel.json headers, harden FFmpeg exports,
 isolate telemetry

- vercel.json: drop the redundant legacy `routes` block. With it, Vercel
  compiled the header rule after `handle: filesystem`, so no header reached
  static pages (confirmed with an offline `vercel build`). Leave HSTS to
  Vercel's stronger default.
- One FFmpeg command builder (src/lib/ffmpegArgs.ts) used by the worker.
  Sharpness and volume were silently ignored by the copy that actually ran.
- Cap decoder/filter/encoder threads only when the multi-threaded core
  loaded; fall back to the single-threaded core if core-mt fails to load.
- Stall watchdog with worker heartbeats: a wedged export fails with an
  actionable message and retries on the single-threaded core.
- WebM: VP8 + Vorbis. libvpx-vp9 and libopus trap in @ffmpeg/core 0.12.10,
  so WebM exports never succeeded (also on main).
- Fix a hung "Exporting" state on id-less worker errors, a leaked log
  listener, cancel during engine load, and string rejections from wasm traps.
- RUM never starts on localhost/LAN/automated browsers unless a
  non-production env is set; beforeSend scrubs file names, captions, paths
  and query strings from auto-collected events.
- Tests for the real worker command path, deploy config, telemetry env and
  sanitising; scripts/perf/matrix.js and check-headers.mjs.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .gitignore                                    |   1 +
 docs/ARCHITECTURE.md                          |   2 +-
 docs/PERFORMANCE.md                           | 263 +++++++--
 scripts/perf/check-headers.mjs                |  53 ++
 scripts/perf/matrix.js                        | 120 ++++
 scripts/perf/serve.mjs                        |  24 +-
 src/components/DatadogInit.tsx                |  32 +-
 src/hooks/tests/useVideoEditor.export.test.ts |  22 +-
 src/hooks/tests/useVideoEditor.test.ts        |   2 +
 src/hooks/useVideoEditor.ts                   |  22 +-
 src/lib/exportEstimate.ts                     |   2 +-
 src/lib/ffmpeg.ts                             | 357 +++---------
 src/lib/ffmpeg.worker.ts                      | 530 +++++-------------
 src/lib/ffmpegArgs.ts                         | 364 ++++++++++++
 src/lib/telemetry.ts                          | 160 +++++-
 src/lib/tests/deployConfig.test.ts            |  83 +++
 src/lib/tests/ffmpegArgs.test.ts              | 169 ++++++
 src/lib/tests/ffmpegClient.test.ts            |  78 ++-
 src/lib/tests/ffmpegWorker.test.ts            | 212 +++++++
 src/lib/tests/telemetry.test.ts               | 108 ++++
 vercel.json                                   |   9 -
 21 files changed, 1846 insertions(+), 767 deletions(-)
 create mode 100644 scripts/perf/check-headers.mjs
 create mode 100644 scripts/perf/matrix.js
 create mode 100644 src/lib/ffmpegArgs.ts
 create mode 100644 src/lib/tests/deployConfig.test.ts
 create mode 100644 src/lib/tests/ffmpegArgs.test.ts
 create mode 100644 src/lib/tests/ffmpegWorker.test.ts

diff --git a/.gitignore b/.gitignore
index fa2d8350c..53e29df44 100644
--- a/.gitignore
+++ b/.gitignore
@@ -55,3 +55,4 @@ chromatic.log
 scripts/perf/lh/
 scripts/perf/fixtures/
 bench-*.json
+matrix-*.json
diff --git a/docs/ARCHITECTURE.md b/docs/ARCHITECTURE.md
index 7dd8e2303..932ec8792 100644
--- a/docs/ARCHITECTURE.md
+++ b/docs/ARCHITECTURE.md
@@ -79,7 +79,7 @@ Reframe uses FFmpeg.wasm to process videos entirely in the browser. The processi
    - **Fill mode**: Video is scaled to fill the target dimensions and cropped
 5. **Speed Adjustment** — Playback speed is adjusted using `setpts` (video) and `atempo` (audio) filters
 6. **Audio Processing** — Audio is either kept (with speed adjustment) or removed based on user preference
-7. **Encoding** — Final video is encoded to MP4 (H.264) or WebM (VP9) format
+7. **Encoding** — Final video is encoded to MP4 (H.264) or WebM (VP8 + Vorbis) format
 8. **Download** — Processed video is made available as a Blob URL for download
 
 ---
diff --git a/docs/PERFORMANCE.md b/docs/PERFORMANCE.md
index a093740a7..b5f1f3557 100644
--- a/docs/PERFORMANCE.md
+++ b/docs/PERFORMANCE.md
@@ -142,38 +142,191 @@ stay responsive.
 9. **The `-t` output-duration fix (#1289) never reached the worker.** It only
    changed the unused main-thread copy of `buildArguments`. The worker now
    always passes `-t`, which prevents endless exports with looped music on
-   silent clips.
+   silent clips. The copies are now merged (see "FFmpeg export reliability").
 10. **The multi-threaded core deadlocked.** On "auto" thread count,
     libx264/libvpx asked for more threads than the core-mt pthread pool holds.
-    Encoder threads are now capped at 4 when cross-origin isolated (see
-    "Cross-origin isolation" below).
+    Decoder, filter and encoder threads are now capped at 4, only when the
+    multi-threaded core actually loaded (see "FFmpeg export reliability").
 11. **`ResizeObserver` for preview sizing.** It replaces a `window` resize
     listener that missed layout-driven size changes. Sub-pixel changes no
     longer re-render.
 12. **A drop on the drop zone was handled twice**, once by the zone and once
     by the document listener, so validation and metadata extraction ran twice.
 
-## Cross-origin isolation: production finding (needs a maintainer)
+## Deployment headers and cross-origin isolation
 
-The live deployment sends **none** of the headers in `vercel.json`. On
-2026-10-21, `curl -sI https://reframe-lilac.vercel.app/` showed only Vercel's
-default `strict-transport-security`: no COOP/COEP, `X-Frame-Options`,
-`X-Content-Type-Options`, `Referrer-Policy` or `Permissions-Policy`.
+### What production serves today (observed)
 
-The likely cause is that `vercel.json` combines the legacy `routes` key with
-`headers`, which Vercel documents as mutually exclusive. This has not been
-verified on Vercel. Consequences:
+On 2026-10-21 `node scripts/perf/check-headers.mjs https://reframe-lilac.vercel.app/`
+reported **every** header from `vercel.json` missing. The only security header
+was Vercel's own default `Strict-Transport-Security: max-age=63072000;
+includeSubDomains; preload`. So production is not cross-origin isolated and
+runs the single-threaded FFmpeg core.
 
-- Production runs the **single-threaded** core (exports are 4–4.5× slower
-  than multi-threaded in the table above).
-- The intended security headers are not applied.
-- Until this branch, **turning the headers on would have broken exports**:
-  the multi-threaded path deadlocked (fix 10).
+### Root cause (confirmed locally; not yet confirmed on a Vercel deployment)
 
-`vercel.json` is deliberately unchanged here. Suggested follow-up: remove the
-`routes` block (`handle: filesystem` is already the default for static
-output), deploy a preview, confirm the headers with `curl -sI`, and run an
-export on the preview before promoting it.
+`vercel.json` had a legacy `routes: [{ "handle": "filesystem" }]` block next to
+`headers`. Vercel's docs now allow both keys together, so the config wasn't
+rejected. But compiling the project with `vercel build` (CLI 59.11.2, offline,
+`framework: nextjs`) shows where the header rule ends up:
+
+| | Compiled route order (`.vercel/output/config.json`) |
+|---|---|
+| With `routes` | `…, handle: filesystem, ^/(.*)$ → headers, …` |
+| Without `routes` | `…, ^/(.*)$ → headers (continue), …, handle: filesystem, …` |
+
+With `routes`, the header rule sits *after* the filesystem phase. Every page
+of a static export is a file, so the filesystem phase serves it and routing
+stops before the headers are added. Removing the block changes nothing else:
+apart from the build ID, every other compiled route is identical.
+`handle: filesystem` was redundant, since the filesystem is checked by
+default.
+
+### Supported configuration (this branch)
+
+`vercel.json` keeps one catch-all `headers` rule and no `routes`.
+`src/lib/tests/deployConfig.test.ts` fails if `routes` comes back, if a
+required header goes missing, or if `netlify.toml` / `public/_headers` drift
+out of sync.
+
+| Header | Value | Why |
+|---|---|---|
+| `Cross-Origin-Opener-Policy` | `same-origin` | Needed, with COEP, for `crossOriginIsolated` → SharedArrayBuffer → multi-threaded core. Reframe opens no cross-origin popups that need `window.opener`. |
+| `Cross-Origin-Embedder-Policy` | `require-corp` | See above. Compatible because the app loads no third-party scripts, styles, fonts or images. The FFmpeg cores are fetched with CORS (jsDelivr sends `Access-Control-Allow-Origin: *`) and used as `blob:` URLs. Datadog's SDK is bundled, and its intake calls are CORS `fetch`/beacon. |
+| `X-Content-Type-Options` | `nosniff` | |
+| `Referrer-Policy` | `strict-origin-when-cross-origin` | The query string holds the recipe; this policy never sends it cross-origin. |
+| `Permissions-Policy` | `camera=(), microphone=(), geolocation=()` | The app uses none of these. Web Share and clipboard write keep their same-origin defaults. |
+| `X-Frame-Options` | `DENY` | Reframe isn't meant to be embedded. This header alone covers it; a CSP `frame-ancestors` would be a duplicate. |
+
+Deliberately omitted:
+- **`Strict-Transport-Security`.** The old value (1 year, no `preload`)
+  never reached production. Now that headers apply, it would *downgrade*
+  Vercel's default (2 years, `preload`). Netlify files keep theirs.
+- **`Content-Security-Policy`.** A useful CSP needs `wasm-unsafe-eval`,
+  `blob:` workers, jsDelivr and the Datadog intake allow-listed. That needs
+  its own preview test; a broad one risks breaking exports.
+
+Verified locally: `scripts/perf/serve.mjs` now reads `vercel.json`, so local
+runs send exactly the deployed headers. The isolated run loaded the
+multi-threaded core with 0 COEP-blocked requests and exported successfully
+(next section). **A Vercel deployment with these headers has not been
+observed yet**: the CLI token on this machine is invalid, and preview URLs
+are behind Vercel SSO.
+
+### Preview verification steps (maintainer)
+
+```bash
+git push -u origin feat/premium-ui-perf      # Vercel builds a preview for the branch
+# Find the preview URL in the PR's Vercel check or `vercel ls`. Previews use
+# Vercel SSO; for scripted checks create a Protection Bypass for Automation
+# secret (Project → Settings → Deployment Protection) and export it:
+VERCEL_AUTOMATION_BYPASS_SECRET=… node scripts/perf/check-headers.mjs https://<preview>.vercel.app/
+```
+
+Then, in a normal browser window on the preview:
+1. In DevTools, `crossOriginIsolated` should be `true`, and the console
+   should show no `Cross-Origin-Embedder-Policy` errors.
+2. Upload a clip. Check preview, playback, frame strip and trim.
+3. Export MP4 1080p. The Network panel should show `@ffmpeg/core-mt@0.12.10`
+   files, and the export should finish.
+4. Export WebM and GIF; cancel once during "Loading engine" and once during
+   encoding, then export again; download the result.
+5. Open the preview in a context without isolation (or locally with
+   `NOISO=1`) and confirm an export still finishes on `@ffmpeg/core@0.12.10`.
+6. Only after all of that: promote. Production promotion is a separate,
+   explicit decision.
+
+## FFmpeg export reliability
+
+- **One command builder.** `src/lib/ffmpegArgs.ts` builds every FFmpeg
+  command, and the worker runs them. Merging the copies fixed three settings
+  the running worker had silently ignored, because only the unused
+  main-thread copy handled them: **Sharpness** (`unsharp`), **Volume**
+  (`volume=`), and #1289's `-t` guard. `ffmpegWorker.test.ts` runs the real
+  worker module against a fake FFmpeg and checks the commands it actually
+  passes to `exec`.
+- **Thread caps.** `resolveThreadCount(mode, cores)` returns 0 for the
+  single-threaded core (no thread flags at all), and `min(4, cores)` for the
+  multi-threaded one. The cap is applied to:
+  - the decoder (`-threads` before `-i`)
+  - the filter graph (`-filter_threads`, plus `-filter_complex_threads` when
+    there is one)
+  - the encoder
+
+  Why the cap is needed: `@ffmpeg/core-mt` pre-spawns 32 pthread workers, and
+  starting a thread beyond that needs the FFmpeg worker's event loop, which
+  is blocked inside `exec`. With "auto", the decoder and x264 each size
+  themselves from the CPU count, which deadlocked at 0% on an 11-core
+  machine.
+- **Mode decided by what loaded, not by headers alone.** The worker reports
+  the core it loaded (`ready: { mode }`). If the multi-threaded core fails
+  to download or instantiate, it falls back to the single-threaded core, and
+  no thread flags are passed.
+- **Stall watchdog.** The worker sends a heartbeat (at most every 2 s) on
+  FFmpeg log and progress output. With no activity for 60 s, the client
+  fails the export with `ExportStalledError` and discards the worker. If the
+  stalled export was multi-threaded, later exports in that page session use
+  the single-threaded core, and the message says so ("…switched to its
+  compatible (single-threaded) engine — select Retry export"). This caught a
+  real hang during testing: the old VP9 settings hung the multi-threaded
+  core instead of erroring.
+- **WebM fixed (pre-existing on `main`).** In `@ffmpeg/core` 0.12.10 every
+  `libvpx-vp9` setting tried (realtime/good, CRF/bitrate, `row-mt 0`,
+  `lag-in-frames 0`) and `libopus` trap with
+  `RuntimeError: memory access out of bounds`; x264, VP8 and Vorbis work.
+  Tested in a throwaway diagnostic build. WebM now uses **VP8 + Vorbis**
+  (`-deadline realtime -cpu-used 8`, CRF with an 8 Mb/s ceiling). The WebM
+  fallback for failed MP4/MKV exports used VP9 too, so it could never have
+  worked either.
+- **Lifecycle fixes:**
+  - A worker error without an export id used to clear the pending export
+    without rejecting it, leaving the UI on "Exporting" forever. It now fails
+    the export and discards the worker.
+  - Cancelling during engine load now discards the half-loaded worker; the
+    next export starts fresh.
+  - A leaked FFmpeg log listener, added on every export and never removed,
+    is fixed.
+  - The `(error as Error).message` pattern sent `undefined` for wasm traps,
+    which reject with a string. The message is now kept, and categorised as
+    `crash`, not `memory`.
+  - Engine downloads check `response.ok`.
+- Temp files (`input_<id>`, `output_<id>`, palette, music, overlay) are
+  deleted after every export. Names come from the job id, never from the
+  user's file name.
+
+### Validation matrix (local, 2026-10-21)
+
+Chrome 155.0.8059.85 headless, macOS, M3 Pro (11 cores). Production build of
+this branch, served by `scripts/perf/serve.mjs` (headers from `vercel.json`;
+`NOISO=1` without COOP/COEP). Clip: `sample-6s.mp4` (6.02 s, 640×360 H.264 +
+AAC stereo, generated by `make-fixture.js`). Default settings unless noted;
+output 1920×1080 unless noted. These are **local measurements**, not
+production observations.
+
+| Scenario | Isolated (core-mt) | Not isolated (core) |
+|---|---|---|
+| Core actually fetched | `@ffmpeg/core-mt` only | `@ffmpeg/core` only |
+| COEP-blocked requests | 0 | 0 |
+| Datadog requests (localhost) | 0 | 0 |
+| MP4 1280×720 / 1920×1080 / 1080×1920 encode | 1.21 / 2.66 / 1.61 s | 5.16 / 11.26 / 7.45 s |
+| Long tasks during those exports; worst frame gap | 0; 17–33 ms | 0; 17–33 ms |
+| MP4 with sharpness 2 + volume 50% | ok, 5.8 s cold | ok, 15.7 s cold |
+| WebM (VP8 + Vorbis) | ok, 9.2 s, 0.98 MB | ok, 9.3 s, 0.93 MB |
+| WebM with VP9 + Opus (previous commit; `main` checked non-isolated only) | **fails** (hang → watchdog) | **fails** (also on `main`) |
+| GIF | ok, 80.8 s, 130.6 MB | ok, 77.3 s, 130.6 MB |
+| Cancel during engine load → idle; workers after | 51 ms; 0 | 21 ms; 0 |
+| …then export | ok | ok |
+| Engine download blocked → message → Retry | "The video engine couldn't start…"; retry ok | same |
+| 3 × export→cancel at 5%: cancel → idle; workers | 8–40 ms; 34, 34, 34 | 8–11 ms; 2, 2, 2 |
+| Export after cancels; workers 5 s later | ok; 34 → 34 | ok; 2 → 2 |
+
+"Cold" times include engine start. Worker counts include the pthread pool
+(32) in isolated mode.
+
+Not covered: Safari, Firefox and mobile devices, files over 6 s, and a
+many-core device. Chrome's `Emulation.setHardwareConcurrencyOverride`
+doesn't reach workers, so the cap's behaviour above 11 cores is reasoned
+from the 32-thread pool, not measured.
 
 ## Datadog RUM
 
@@ -191,17 +344,41 @@ Configured in `src/components/DatadogInit.tsx`, with helpers in
     URLs and referrers, and drops `blob:` resources.
   - Custom events carry only buckets and enums, never file names, captions,
     paths or exact values.
-- `NEXT_PUBLIC_DATADOG_ENV` (default `production`) lets local and preview
-  runs be separated.
+- **Environment separation** (`resolveTelemetryEnv` in `telemetry.ts`):
+  - RUM does not start on `localhost`, `*.local`, loopback or private-LAN
+    addresses, or when `navigator.webdriver` is true (Puppeteer, Playwright,
+    Lighthouse CI). This holds even though `.env.local` holds real keys, and
+    even if `NEXT_PUBLIC_DATADOG_ENV=production` is set locally.
+  - To measure locally on purpose, build with a non-production env, e.g.
+    `NEXT_PUBLIC_DATADOG_ENV=local-perf bun run build`. Set it to `off` to
+    disable RUM anywhere.
+  - Deployed builds report `preview` when Vercel exposes
+    `NEXT_PUBLIC_VERCEL_ENV=preview`, and `production` otherwise (as before).
+  - Missing keys mean no RUM and no queued calls.
+  - Earlier on 2026-10-21, before this guard, local baseline runs sent some
+    events tagged `env:production`; later ones were tagged `local-perf`.
+- **Scrubbing automatically collected events** (`sanitizeRumEvent`, used as
+  `beforeSend`):
+  - Removes query strings and hashes from view, referrer, resource and error
+    resource URLs.
+  - Drops `blob:`, `data:` and `file:` resources.
+  - In error messages, stacks, causes, action target names and view names,
+    replaces the current video, music and overlay file names (and their
+    stems) and the caption text with `[redacted]`. These are registered
+    in memory only.
+  - Also replaces any media file name, local path (`/Users/…`, `C:\…`) and
+    `blob:`/`file:` URL.
+  - Caps text at 1,000 characters.
+  - Tested in `telemetry.test.ts`.
 
 | Event | Type | Properties |
 |---|---|---|
-| `ffmpeg_init` | duration vital + action | `threading` (`multi`/`single`), `durationMs` |
+| `ffmpeg_init` | duration vital + action | `threading` (`multi`/`single`, the core that actually loaded), `durationMs` |
 | `ffmpeg_load_success` / `ffmpeg_load_failure` | action | `durationMs`, `threading` / `reason` |
 | `export_start` | action | `format`, `resolution` bucket, `input_size` bucket, `clip_length` bucket, `has_text`, `has_music`, `has_image_overlay` |
 | `export` | duration vital + action | encoding time only (engine start is `ffmpeg_init`) + the above |
 | `export_success` | action | the above + `output_size` bucket, `durationMs` |
-| `export_failure` | action | the above + `stage` (`engine`/`encode`), `category` (`engine`/`network`/`codec`/`memory`/`ffmpeg`) |
+| `export_failure` | action | the above + `engine` (`multi`/`single`/`none`), `stage` (`engine`/`encode`), `category` (`engine`/`network`/`codec`/`memory`/`crash`/`stalled`/`ffmpeg`) |
 | `export_cancel` | action | `stage`, `durationMs` |
 | `thumbnails_generated` | duration vital + action | `frames`, `skipped`, `durationMs` |
 | `thumbnails_failed` | action | `reason` (`timeout`/`decode`) |
@@ -228,8 +405,9 @@ bun run test
 
 # Production build served like production
 bun run build
-node scripts/perf/serve.mjs out 4300              # with COOP/COEP (vercel.json intent)
-NOISO=1 node scripts/perf/serve.mjs out 4301      # without (what production serves today)
+node scripts/perf/serve.mjs out 4300              # headers read from vercel.json
+NOISO=1 node scripts/perf/serve.mjs out 4301      # without COOP/COEP (single-threaded fallback)
+node scripts/perf/check-headers.mjs http://localhost:4300/   # or a deployed URL
 
 # Lighthouse, mobile preset, 5 runs, prints per-run and median
 scripts/perf/lighthouse.sh http://localhost:4300/ local 5
@@ -239,6 +417,7 @@ scripts/perf/lighthouse.sh https://reframe-lilac.vercel.app/ live 3
 npm i --no-save puppeteer-core     # or: PUPPETEER_CORE=/path/to/puppeteer-core
 node scripts/perf/make-fixture.js 6 640 360 scripts/perf/fixtures/sample-6s.mp4 http://localhost:4300/privacy
 node scripts/perf/bench.js http://localhost:4300/ after scripts/perf/fixtures/sample-6s.mp4
+node scripts/perf/matrix.js http://localhost:4300/ iso scripts/perf/fixtures/sample-6s.mp4    # ONLY=webm,gif to filter
 node scripts/perf/motion.js after=http://localhost:4300/
 ```
 
@@ -252,12 +431,20 @@ node scripts/perf/motion.js after=http://localhost:4300/
 - three export→cancel cycles with worker counts
 - an export after cancelling
 
-It writes `bench-<label>.json`. Exports fetch the FFmpeg core from jsDelivr,
-so they need network access. These scenarios are not part of CI.
+`matrix.js` checks behaviour rather than timings:
+- which core was fetched
+- COEP-blocked and Datadog requests
+- cancel during engine load
+- MP4 with sharpness and volume, WebM and GIF
+
+They write `bench-<label>.json` / `matrix-<label>.json` (git-ignored).
+Exports fetch the FFmpeg core from jsDelivr, so they need network access.
+These scenarios are not part of CI.
 
-Local builds with Datadog keys in `.env.local` send real RUM events. Set
-`NEXT_PUBLIC_DATADOG_ENV=local-perf` (or leave the keys unset) when
-benchmarking.
+Benchmarks on `localhost` send no RUM events, even with keys in
+`.env.local`, because RUM never starts there. To deliberately record a
+local run, build with `NEXT_PUBLIC_DATADOG_ENV=local-perf` and filter on
+`env:local-perf` in Datadog.
 
 ## Known bottlenecks and limitations
 
@@ -272,10 +459,16 @@ benchmarking.
 - **Large-file benchmarks were not run.** The ~100 MB and ~500 MB scenarios
   need representative real footage; `make-fixture.js` records in real time
   and isn't suited to that. These remain goals.
-- **Duplicated FFmpeg logic.** `ffmpeg.ts` and `ffmpeg.worker.ts` each have
-  their own `buildVideoFilter`/`buildArguments`. Only the worker's copy runs,
-  but unit tests exercise the main-thread copy. Consolidating them would stop
-  fixes landing in the wrong copy, as happened with #1289.
+- **GIF output is huge and slow.** It runs at the source frame rate and
+  the full output size, with no cap: 130 MB and about 80 s for a 6 s clip
+  at 1080p. Capping GIF to about 15 fps and 480–720 px wide is a product
+  decision left for a follow-up.
+- **WebM quality** with realtime VP8 hasn't been compared visually. The
+  file is smaller than "good" mode at the same CRF. Revisit VP9 when
+  `@ffmpeg/core` is upgraded.
+- **The stall timeout is 60 s of silence.** FFmpeg normally logs about
+  twice a second, but a pathological filter on a very slow device could in
+  theory trip it.
 - **Cancellation terminates the worker.** It is reliable, but the next
   export recompiles the engine (~2.5 s from HTTP cache).
 - **Blob URLs from engine load are held for the worker's lifetime** (~32 MB);
diff --git a/scripts/perf/check-headers.mjs b/scripts/perf/check-headers.mjs
new file mode 100644
index 000000000..43a8bc234
--- /dev/null
+++ b/scripts/perf/check-headers.mjs
@@ -0,0 +1,53 @@
+// Checks that a deployed Reframe URL actually sends the headers vercel.json
+// declares — on the HTML document and on a static JS chunk (the FFmpeg worker
+// script needs COEP too). Exit code 1 if any are missing or different.
+//
+// Usage: node scripts/perf/check-headers.mjs <url>
+// For an SSO-protected Vercel preview, set VERCEL_AUTOMATION_BYPASS_SECRET
+// (Project → Settings → Deployment Protection → Protection Bypass for
+// Automation). The secret is sent as a header and never printed.
+import fs from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const target = process.argv[2];
+if (!target) {
+  console.error("usage: node scripts/perf/check-headers.mjs <url>");
+  process.exit(2);
+}
+
+const vercelJson = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "../../vercel.json");
+const rule = JSON.parse(fs.readFileSync(vercelJson, "utf8")).headers.find((h) => h.source === "/(.*)");
+const expected = rule.headers;
+
+const requestHeaders = {};
+if (process.env.VERCEL_AUTOMATION_BYPASS_SECRET) {
+  requestHeaders["x-vercel-protection-bypass"] = process.env.VERCEL_AUTOMATION_BYPASS_SECRET;
+}
+
+async function check(url) {
+  const res = await fetch(url, { headers: requestHeaders, redirect: "manual" });
+  console.log(`\n${res.status} ${url}`);
+  if (res.status >= 300 && res.status < 400) {
+    console.log(`  redirected to ${res.headers.get("location")?.split("?")[0]} — protected preview? set VERCEL_AUTOMATION_BYPASS_SECRET`);
+    return { ok: false, body: "" };
+  }
+  let ok = res.ok;
+  for (const { key, value } of expected) {
+    const actual = res.headers.get(key);
+    const pass = actual === value;
+    ok &&= pass;
+    console.log(`  ${pass ? "ok  " : "FAIL"} ${key}: ${actual ?? "(missing)"}${pass ? "" : `  (expected ${value})`}`);
+  }
+  console.log(`  info Strict-Transport-Security: ${res.headers.get("strict-transport-security") ?? "(missing)"}`);
+  return { ok, body: await res.text() };
+}
+
+const doc = await check(target);
+const chunk = doc.body.match(/\/_next\/static\/[^"']+\.js/)?.[0];
+let chunkOk = true;
+if (chunk) chunkOk = (await check(new URL(chunk, target).href)).ok;
+else console.log("\n(no /_next/static chunk found in the document to check)");
+
+console.log(doc.ok && chunkOk ? "\nAll expected headers present." : "\nSome headers are missing or wrong.");
+process.exit(doc.ok && chunkOk ? 0 : 1);
diff --git a/scripts/perf/matrix.js b/scripts/perf/matrix.js
new file mode 100644
index 000000000..735dfb936
--- /dev/null
+++ b/scripts/perf/matrix.js
@@ -0,0 +1,120 @@
+// Export validation matrix for one build/serving mode. Complements bench.js
+// (which measures timings): this checks behaviour.
+//   - which FFmpeg core the worker actually fetched (core-mt vs core)
+//   - COEP-blocked requests and Datadog requests (a localhost run must send none)
+//   - cancel during engine load, then a successful export
+//   - MP4 with sharpness + volume, WebM and GIF exports
+// Usage: [ONLY=webm,gif] node matrix.js <url> <label> <fixture>   (see docs/PERFORMANCE.md)
+const fs = require("fs");
+const { launch } = require("./browser.js");
+const [url, label, fixture] = process.argv.slice(2);
+const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+const out = { label, url, fixture, scenarios: {} };
+const only = process.env.ONLY ? process.env.ONLY.split(",") : null;
+const want = (name) => !only || only.includes(name);
+
+async function track(browser) {
+  // Browser-level interception sees requests made inside workers too.
+  const seen = { coreMt: 0, core: 0, datadog: 0, total: 0 };
+  const cdp = await browser.target().createCDPSession();
+  cdp.on("Fetch.requestPaused", (e) => {
+    const u = e.request.url;
+    seen.total++;
+    if (u.includes("@ffmpeg/core-mt@")) seen.coreMt++;
+    else if (u.includes("@ffmpeg/core@")) seen.core++;
+    if (/datadoghq|browser-intake/.test(u)) seen.datadog++;
+    cdp.send("Fetch.continueRequest", { requestId: e.requestId }).catch(() => {});
+  });
+  await cdp.send("Fetch.enable", { patterns: [{ urlPattern: "*" }] });
+  return seen;
+}
+
+async function newEditor(browser, query = "") {
+  const ctx = await browser.createBrowserContext();
+  const page = await ctx.newPage();
+  await page.setViewport({ width: 1440, height: 1000 });
+  const blocked = [];
+  page.on("console", (m) => { if (/Cross-Origin-Embedder-Policy|ERR_BLOCKED_BY_RESPONSE/i.test(m.text())) blocked.push(m.text().slice(0, 160)); });
+  page.on("requestfailed", (r) => { if (/BLOCKED/i.test(r.failure()?.errorText ?? "")) blocked.push(r.url()); });
+  page.on("dialog", (d) => d.accept());
+  const cdp = await page.createCDPSession();
+  await page.evaluateOnNewDocument(() => {
+    localStorage.setItem("reframe_onboarding_complete", "1");
+    localStorage.setItem("reframe_privacy_banner_dismissed_until", String(Date.now() + 864e5));
+  });
+  await page.goto(url + query, { waitUntil: "networkidle0" });
+  out.crossOriginIsolated ??= await page.evaluate(() => crossOriginIsolated);
+  const input = await page.$('input[type="file"][accept="video/*"]');
+  await input.uploadFile(fixture);
+  await page.waitForFunction(() => { const v = document.querySelector("video"); return v && v.readyState >= 2; }, { timeout: 20000 });
+  return { ctx, page, cdp, blocked };
+}
+
+async function workerCount(cdp) {
+  const { targetInfos } = await cdp.send("Target.getTargets");
+  return targetInfos.filter((t) => t.type === "worker").length;
+}
+
+const clickByText = (page, text) =>
+  page.evaluate((text) => {
+    const b = [...document.querySelectorAll("button")].find((el) => el.textContent.trim().toLowerCase().includes(text) && el.offsetParent !== null);
+    b?.click();
+    return Boolean(b);
+  }, text);
+
+async function exportOnce(page) {
+  const t0 = Date.now();
+  await page.click("#export-button");
+  await page.waitForFunction(
+    () => /Export complete/.test(document.body.innerText) || [...document.querySelectorAll("button")].some((b) => /retry export/i.test(b.textContent)),
+    { timeout: 240000 }
+  );
+  const res = await page.evaluate(() => {
+    const ok = /Export complete/.test(document.body.innerText);
+    const err = [...document.querySelectorAll("button")].find((b) => /retry export/i.test(b.textContent))?.closest("div[role]")?.innerText.slice(0, 200);
+    const a = [...document.querySelectorAll("a[download]")].map((x) => x.getAttribute("download"))[0] ?? null;
+    const size = document.body.innerText.match(/\d+ × \d+ · ([\d.]+ [KM]B)/)?.[1] ?? null;
+    return { ok, error: ok ? null : err, download: a, size };
+  });
+  return { ...res, totalMs: Date.now() - t0 };
+}
+
+(async () => {
+  const browser = await launch();
+  out.env = { browser: await browser.version(), os: process.platform, cores: require("os").cpus().length };
+  const seen = await track(browser);
+
+  // 1. Cancel while the engine is loading, then export.
+  if (want("cancelDuringLoad")) {
+    const { ctx, page, cdp, blocked } = await newEditor(browser);
+    await page.click("#export-button");
+    await page.waitForFunction(() => /Loading engine/.test(document.title), { timeout: 10000 });
+    const c0 = Date.now();
+    const clicked = await clickByText(page, "cancel export");
+    await page.waitForFunction(() => !document.querySelector('[role="dialog"][aria-modal="true"]'), { timeout: 10000 });
+    const cancelToIdleMs = Date.now() - c0;
+    await sleep(300);
+    const workersAfterCancel = await workerCount(cdp);
+    const next = await exportOnce(page);
+    out.scenarios.cancelDuringLoad = { clicked, cancelToIdleMs, workersAfterCancel, next, workersAfter: await workerCount(cdp), blocked };
+    await ctx.close();
+  }
+
+  // 2. Formats and the settings the worker used to ignore.
+  for (const [name, query] of [
+    ["mp4-sharpness-volume", "?sharpness=2&volume=50"],
+    ["webm", "?format=webm"],
+    ["gif", "?format=gif"],
+  ]) {
+    if (!want(name)) continue;
+    const { ctx, page, blocked } = await newEditor(browser, query);
+    out.scenarios[name] = { ...(await exportOnce(page)), blocked };
+    await ctx.close();
+  }
+
+  await sleep(2000);
+  out.requests = seen;
+  await browser.close();
+  fs.writeFileSync(process.env.OUT || `matrix-${label}.json`, JSON.stringify(out, null, 2));
+  console.log(JSON.stringify(out, null, 2));
+})().catch((e) => { console.error("MATRIX FAILED", e); process.exit(1); });
diff --git a/scripts/perf/serve.mjs b/scripts/perf/serve.mjs
index 4b92e9d4d..2cad2048a 100644
--- a/scripts/perf/serve.mjs
+++ b/scripts/perf/serve.mjs
@@ -1,11 +1,12 @@
-// Minimal static server for `out/` that mirrors the headers in vercel.json
-// (COOP/COEP etc.), so local runs see the cross-origin-isolated mode that
-// vercel.json intends. NOISO=1 drops the headers (what production currently
-// serves — see docs/PERFORMANCE.md). Usage: [NOISO=1] node serve.mjs <dir> <port>
+// Minimal static server for `out/` that sends the headers declared in
+// vercel.json (read at startup, so local runs test the deployed config).
+// NOISO=1 drops COOP/COEP to exercise the single-threaded fallback.
+// Usage: [NOISO=1] node serve.mjs <dir> <port>
 import http from "node:http";
 import fs from "node:fs";
 import path from "node:path";
 import zlib from "node:zlib";
+import { fileURLToPath } from "node:url";
 
 const root = path.resolve(process.argv[2]);
 const port = Number(process.argv[3] ?? 4300);
@@ -14,11 +15,14 @@ const types = {
   ".svg": "image/svg+xml", ".json": "application/json", ".txt": "text/plain",
   ".woff2": "font/woff2", ".mp3": "audio/mpeg", ".png": "image/png", ".wasm": "application/wasm",
 };
-const headers = process.env.NOISO ? { "X-Content-Type-Options": "nosniff" } : {
-  "X-Frame-Options": "DENY", "X-Content-Type-Options": "nosniff",
-  "Referrer-Policy": "strict-origin-when-cross-origin",
-  "Cross-Origin-Opener-Policy": "same-origin", "Cross-Origin-Embedder-Policy": "require-corp",
-};
+
+const vercelJson = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "../../vercel.json");
+const rule = JSON.parse(fs.readFileSync(vercelJson, "utf8")).headers.find((h) => h.source === "/(.*)");
+const headers = Object.fromEntries(rule.headers.map((h) => [h.key, h.value]));
+if (process.env.NOISO) {
+  delete headers["Cross-Origin-Opener-Policy"];
+  delete headers["Cross-Origin-Embedder-Policy"];
+}
 
 http.createServer((req, res) => {
   let p = decodeURIComponent(new URL(req.url, "http://x").pathname);
@@ -38,4 +42,4 @@ http.createServer((req, res) => {
     return;
   }
   res.writeHead(200, h).end(body);
-}).listen(port, () => console.log(`serving ${root} on http://localhost:${port}`));
+}).listen(port, () => console.log(`serving ${root} on http://localhost:${port}${process.env.NOISO ? " (no COOP/COEP)" : ""}`));
diff --git a/src/components/DatadogInit.tsx b/src/components/DatadogInit.tsx
index 563417cb4..c5d2ef42f 100644
--- a/src/components/DatadogInit.tsx
+++ b/src/components/DatadogInit.tsx
@@ -1,21 +1,17 @@
 "use client";
 
 import { useEffect } from "react";
-import { capabilityContext, registerRum } from "@/lib/telemetry";
-
-/** Strip query strings: Reframe mirrors editing settings into the URL. */
-function stripQuery(url: string | undefined): string | undefined {
-  if (!url) return url;
-  const i = url.indexOf("?");
-  return i === -1 ? url : url.slice(0, i);
-}
+import { capabilityContext, currentTelemetryEnv, registerRum, sanitizeRumEvent } from "@/lib/telemetry";
 
 export default function DatadogInit() {
   useEffect(() => {
     const applicationId = process.env.NEXT_PUBLIC_DATADOG_APPLICATION_ID;
     const clientToken = process.env.NEXT_PUBLIC_DATADOG_CLIENT_TOKEN;
 
-    if (!applicationId || !clientToken) {
+    // null on localhost, LAN addresses and automated browsers unless
+    // NEXT_PUBLIC_DATADOG_ENV names a non-production env (see telemetry.ts).
+    const env = currentTelemetryEnv();
+    if (!applicationId || !clientToken || !env) {
       return;
     }
 
@@ -33,8 +29,7 @@ export default function DatadogInit() {
             clientToken,
             site: "datadoghq.com",
             service: "reframe",
-            // Lets local/preview measurements be separated from production.
-            env: process.env.NEXT_PUBLIC_DATADOG_ENV || "production",
+            env,
             version: "0.1.0",
             sessionSampleRate: 100,
             // Reframe advertises itself as 100% private client-side video editing —
@@ -48,18 +43,9 @@ export default function DatadogInit() {
             enablePrivacyForActionName: true,
             trackResources: true,
             trackLongTasks: true,
-            beforeSend: (event) => {
-              // The editor mirrors recipe settings into the query string, and
-              // previews are blob: URLs — neither should leave the device.
-              if (event.view) {
-                event.view.url = stripQuery(event.view.url) ?? event.view.url;
-                event.view.referrer = stripQuery(event.view.referrer);
-              }
-              if (event.type === "resource" && event.resource.url.startsWith("blob:")) {
-                return false;
-              }
-              return true;
-            },
+            // Strips the recipe query string, blob: previews, file names,
+            // captions and local paths from automatically collected events.
+            beforeSend: (event) => sanitizeRumEvent(event as Parameters<typeof sanitizeRumEvent>[0]),
           });
           datadogRum.setGlobalContext(capabilityContext());
           registerRum(datadogRum);
diff --git a/src/hooks/tests/useVideoEditor.export.test.ts b/src/hooks/tests/useVideoEditor.export.test.ts
index 2a770e3b8..c29b87f38 100644
--- a/src/hooks/tests/useVideoEditor.export.test.ts
+++ b/src/hooks/tests/useVideoEditor.export.test.ts
@@ -1,13 +1,15 @@
 import { renderHook, act, waitFor } from "@testing-library/react";
 import { describe, it, expect, vi, beforeAll, beforeEach, afterEach } from "vitest";
 import { useVideoEditor } from "../useVideoEditor";
-import { loadFFmpeg, exportVideo, terminateFFmpeg } from "@/lib/ffmpeg";
+import { loadFFmpeg, exportVideo, terminateFFmpeg, ExportStalledError } from "@/lib/ffmpeg";
 
-vi.mock("@/lib/ffmpeg", () => ({
+// Real error classes, mocked engine.
+vi.mock("@/lib/ffmpeg", async (importOriginal) => ({
+  ...(await importOriginal<typeof import("@/lib/ffmpeg")>()),
   loadFFmpeg: vi.fn(),
   exportVideo: vi.fn(),
   terminateFFmpeg: vi.fn(),
-  FFmpegLoadError: class FFmpegLoadError extends Error {},
+  getEngineMode: vi.fn(() => "multi"),
 }));
 vi.mock("@/lib/sessionDB", () => ({
   saveSessionFile: vi.fn().mockResolvedValue(undefined),
@@ -89,6 +91,20 @@ describe("useVideoEditor export lifecycle", () => {
     expect(result.current.result?.size).toBe(1000);
   });
 
+  it("a stalled multi-threaded export ends in an actionable error, not a frozen 0%", async () => {
+    const { result } = await editorWithFile();
+    vi.mocked(exportVideo).mockRejectedValueOnce(new ExportStalledError("multi"));
+    await act(() => result.current.handleExport());
+    expect(result.current.status).toBe("error");
+    expect(result.current.error).toMatch(/single-threaded/i);
+    expect(result.current.error).toMatch(/retry export/i);
+    expect(terminateFFmpeg).toHaveBeenCalled();
+
+    vi.mocked(exportVideo).mockResolvedValueOnce(okResult);
+    await act(() => result.current.handleExport());
+    expect(result.current.status).toBe("done");
+  });
+
   it("starts the encode phase at 0% even though engine load reported 100%", async () => {
     const { result } = await editorWithFile();
     vi.mocked(loadFFmpeg).mockImplementationOnce(async (_signal, onProgress) => {
diff --git a/src/hooks/tests/useVideoEditor.test.ts b/src/hooks/tests/useVideoEditor.test.ts
index 27eaa4a71..e8465d046 100644
--- a/src/hooks/tests/useVideoEditor.test.ts
+++ b/src/hooks/tests/useVideoEditor.test.ts
@@ -8,7 +8,9 @@ vi.mock("@/lib/ffmpeg", () => ({
   loadFFmpeg: vi.fn().mockResolvedValue(true),
   exportVideo: vi.fn().mockResolvedValue({ blobUrl: "blob:test" }),
   terminateFFmpeg: vi.fn(),
+  getEngineMode: vi.fn(() => null),
   FFmpegLoadError: class extends Error {},
+  ExportStalledError: class extends Error {},
 }));
 
 vi.mock("@/lib/sessionDB", () => ({
diff --git a/src/hooks/useVideoEditor.ts b/src/hooks/useVideoEditor.ts
index a34123cce..226ebdb8f 100644
--- a/src/hooks/useVideoEditor.ts
+++ b/src/hooks/useVideoEditor.ts
@@ -13,7 +13,7 @@ import {
 } from "@/lib/types";
 import { DEFAULT_RECIPE, SPEED_STEPS } from "@/lib/constants";
 import { getPresetById } from "@/lib/presets";
-import { loadFFmpeg, exportVideo, terminateFFmpeg, FFmpegLoadError } from "@/lib/ffmpeg";
+import { loadFFmpeg, exportVideo, terminateFFmpeg, getEngineMode, FFmpegLoadError, ExportStalledError } from "@/lib/ffmpeg";
 import {
   trackAction,
   trackDuration,
@@ -21,6 +21,7 @@ import {
   durationBucket,
   resolutionBucket,
   failureCategory,
+  addTelemetryRedaction,
 } from "@/lib/telemetry";
 import { suggestPreset } from "@/lib/presetSuggestion";
 import { validateDimensions, getDownscaledDimensions } from "@/utils/video-validation";
@@ -56,6 +57,11 @@ function outputDimensions(recipe: EditRecipe) {
 
 /** User-facing message for a failed export; never echoes raw FFmpeg output. */
 export function describeExportError(err: unknown): string {
+  if (err instanceof ExportStalledError) {
+    return err.mode === "multi"
+      ? "Export stopped responding, so it was stopped. Reframe has switched to its compatible (single-threaded) engine — select Retry export."
+      : "Export stopped responding, so it was stopped. Try again, or use a shorter clip or a smaller output size.";
+  }
   if (err instanceof FFmpegLoadError) {
     return "The video engine couldn't start. Check your connection, then try again.";
   }
@@ -66,6 +72,8 @@ export function describeExportError(err: unknown): string {
       return "This video format is not supported. Try converting it to MP4 (H.264) first.";
     case "memory":
       return "The browser ran out of memory. Try a shorter clip, a smaller output size, or close other tabs.";
+    case "crash":
+      return "The video engine crashed while encoding. Your settings are kept — try again, or choose a different format.";
     default:
       return "Export failed. Your settings are kept — try again, or try a different format.";
   }
@@ -647,6 +655,7 @@ export function useVideoEditor() {
       if (exportCancelledRef.current) return;
       trackAction("export_failure", {
         ...exportContext,
+        engine: err instanceof ExportStalledError ? err.mode : getEngineMode() ?? "none",
         stage: attempt.stage,
         category: failureCategory(err),
         durationMs: Math.round(performance.now() - attempt.startedAt),
@@ -772,6 +781,17 @@ export function useVideoEditor() {
     };
   }, []);
 
+  // Keep user-specific strings (file names, captions) out of anything the
+  // RUM SDK collects on its own, such as console errors.
+  useEffect(() => {
+    addTelemetryRedaction(
+      file?.name,
+      musicFile?.name,
+      overlayFile?.name,
+      ...(recipe.textOverlays ?? []).map((overlay) => overlay.text)
+    );
+  }, [file, musicFile, overlayFile, recipe.textOverlays]);
+
   const resetSettings = useCallback(() => {
     setRecipe(DEFAULT_RECIPE);
     try {
diff --git a/src/lib/exportEstimate.ts b/src/lib/exportEstimate.ts
index bc4d335bd..aee5aa342 100644
--- a/src/lib/exportEstimate.ts
+++ b/src/lib/exportEstimate.ts
@@ -55,7 +55,7 @@ function resolutionMultiplier(width: number, height: number): number {
 
 // ---------------------------------------------------------------------------
 // Format overhead factor
-// MP4 and MKV are close; WebM (VP9) tends to produce slightly smaller files
+// MP4 and MKV are close; WebM (VP8) tends to produce slightly smaller files
 // at the same CRF, so we apply a small discount.
 // ---------------------------------------------------------------------------
 function formatFactor(format: string | undefined): number {
diff --git a/src/lib/ffmpeg.ts b/src/lib/ffmpeg.ts
index 08a6efaa3..86ca45c84 100644
--- a/src/lib/ffmpeg.ts
+++ b/src/lib/ffmpeg.ts
@@ -1,12 +1,30 @@
 import { EditRecipe, ExportResult, BackgroundMusicOptions, ImageOverlayOptions, MAX_FILE_SIZE } from "./types";
-import { getPresetById } from "./presets";
-import { buildTextFilter } from "./text-overlay";
 import { trackAction, trackDuration, trackTiming } from "./telemetry";
+import type { EngineMode } from "./ffmpegArgs";
+
+// The command line itself is built in ffmpegArgs.ts and run by the worker.
+export { buildVideoFilter, buildAudioFilter } from "./ffmpegArgs";
 
 export class FFmpegLoadError extends Error {
   name = "FFmpegLoadError";
 }
 
+/** The engine stopped reporting activity mid-export (see STALL_TIMEOUT_MS). */
+export class ExportStalledError extends Error {
+  name = "ExportStalledError";
+  constructor(readonly mode: EngineMode) {
+    super("Export stopped responding");
+  }
+}
+
+/**
+ * FFmpeg prints a stats line about every 0.5 s while encoding and the worker
+ * forwards a heartbeat at most every 2 s, so a minute of silence means the
+ * run is wedged (the multi-threaded core's thread-pool deadlock looked
+ * exactly like this: stuck at 0% forever). Fail instead of spinning.
+ */
+export const STALL_TIMEOUT_MS = 60_000;
+
 
 type SerializedFile = {
   name: string;
@@ -26,7 +44,8 @@ type WorkerExportRequest = {
   overlayOptions?: ImageOverlayOptions;
 };
 
-type WorkerLoadResponse = { type: "ready" };
+type WorkerLoadResponse = { type: "ready"; mode: EngineMode };
+type WorkerHeartbeatResponse = { type: "heartbeat" };
 type WorkerProgressResponse = { type: "progress"; percent: number };
 type WorkerResultResponse = {
   type: "result";
@@ -43,6 +62,7 @@ type WorkerCancelledResponse = { type: "cancelled"; id?: string };
 
 type WorkerResponse =
   | WorkerLoadResponse
+  | WorkerHeartbeatResponse
   | WorkerProgressResponse
   | WorkerResultResponse
   | WorkerErrorResponse
@@ -58,6 +78,15 @@ let pendingExport: {
   reject: (reason: unknown) => void;
 } | null = null;
 let pendingProgress: ((percent: number) => void) | null = null;
+/** Called on any sign of life from the worker during an export. */
+let pendingActivity: (() => void) | null = null;
+/** The core the current worker loaded, once it is ready. */
+let engineMode: EngineMode | null = null;
+/**
+ * Set after a multi-threaded export stalls: later workers in this page
+ * session load the single-threaded core even though the page is isolated.
+ */
+let preferSingleThread = false;
 
 function createWorker(): Worker {
   if (typeof window === "undefined") {
@@ -101,7 +130,10 @@ export function dedupeProgress(onProgress?: (percent: number) => void) {
 }
 
 function resetWorker() {
+  ffmpegWorker?.terminate();
   ffmpegWorker = null;
+  engineMode = null;
+  pendingActivity = null;
   workerReady = null;
   workerReadyResolve = null;
   workerReadyReject = null;
@@ -113,6 +145,7 @@ function handleWorkerMessage(event: MessageEvent<WorkerResponse>) {
   const data = event.data;
 
   if (data.type === "ready") {
+    engineMode = data.mode ?? "single";
     workerReadyResolve?.();
     workerReadyResolve = null;
     workerReadyReject = null;
@@ -120,7 +153,13 @@ function handleWorkerMessage(event: MessageEvent<WorkerResponse>) {
     return;
   }
 
+  if (data.type === "heartbeat") {
+    pendingActivity?.();
+    return;
+  }
+
   if (data.type === "progress") {
+    pendingActivity?.();
     pendingProgress?.(data.percent);
     return;
   }
@@ -155,10 +194,12 @@ function handleWorkerMessage(event: MessageEvent<WorkerResponse>) {
       return;
     }
 
-    workerReadyReject?.(new FFmpegLoadError(data.message));
-    workerReady = null;
-    workerReadyResolve = null;
-    workerReadyReject = null;
+    // An error without a matching id means the worker itself failed. Settle
+    // whatever is waiting on it — an export left pending here used to keep
+    // the UI on "Exporting" forever.
+    const error = new FFmpegLoadError(data.message);
+    workerReadyReject?.(error);
+    pendingExport?.reject(error);
     resetWorker();
     return;
   }
@@ -195,13 +236,16 @@ export async function loadFFmpeg(
 
   // 2. Use the captured flag to securely trigger the worker's internal load phase
   if (isFirstLoad) {
-    ffmpegWorker!.postMessage({ type: "load" });
+    ffmpegWorker!.postMessage({ type: "load", singleThread: preferSingleThread });
   }
 
   pendingProgress = dedupeProgress(onProgress) ?? null;
 
+  // A load can't be interrupted inside the worker, so cancelling one
+  // discards the worker; the next attempt starts a fresh one (the core files
+  // come back from the HTTP cache).
   if (signal?.aborted) {
-    ffmpegWorker?.postMessage({ type: "cancel" });
+    terminateFFmpeg();
     throw new DOMException("Aborted", "AbortError");
   }
 
@@ -210,8 +254,7 @@ export async function loadFFmpeg(
   };
 
   const onAbort = () => {
-    ffmpegWorker?.postMessage({ type: "cancel" });
-    workerReadyReject?.(new DOMException("Aborted", "AbortError"));
+    terminateFFmpeg();
     cleanup();
   };
 
@@ -220,7 +263,7 @@ export async function loadFFmpeg(
   const loadStart = performance.now();
   try {
     await workerReady;
-    const threading = typeof window !== "undefined" && window.crossOriginIsolated ? "multi" : "single";
+    const threading = engineMode ?? "single";
     // ffmpeg_init is the cold engine start only (download + compile); it is
     // tracked separately from export duration and thumbnail generation.
     trackDuration("ffmpeg_init", loadStart, { threading });
@@ -245,6 +288,7 @@ function cancelPendingExport(reason?: unknown) {
     pendingExport = null;
   }
   pendingProgress = null;
+  pendingActivity = null;
 }
 
 export async function exportVideo(
@@ -324,6 +368,21 @@ export async function exportVideo(
   };
   signal?.addEventListener("abort", onAbort, { once: true });
 
+  const mode = engineMode ?? "single";
+  let lastActivity = Date.now();
+  pendingActivity = () => {
+    lastActivity = Date.now();
+  };
+  const watchdog = setInterval(() => {
+    if (Date.now() - lastActivity < STALL_TIMEOUT_MS) return;
+    clearInterval(watchdog);
+    if (mode === "multi") preferSingleThread = true;
+    const stalled = new ExportStalledError(mode);
+    cancelPendingExport(stalled);
+    // The worker is wedged and can't be told to stop; discard it.
+    resetWorker();
+  }, 5_000);
+
   const transfers: Transferable[] = [arrayBuffer];
   if (musicFilePayload) transfers.push(musicFilePayload.data);
   if (overlayFilePayload) transfers.push(overlayFilePayload.data);
@@ -349,6 +408,8 @@ export async function exportVideo(
   try {
     return await exportPromise;
   } finally {
+    clearInterval(watchdog);
+    pendingActivity = null;
     signal?.removeEventListener("abort", onAbort);
   }
 }
@@ -392,6 +453,16 @@ export function getFFmpegClientState() {
   };
 }
 
+/** The loaded core ("multi" | "single"), or null before the engine is ready. */
+export function getEngineMode(): EngineMode | null {
+  return engineMode;
+}
+
+/** Test helper: forget the single-thread preference set by a stall. */
+export function resetEnginePreferenceForTests() {
+  preferSingleThread = false;
+}
+
 function buildSessionId(): string {
   if (typeof crypto !== "undefined" && "randomUUID" in crypto) {
     return crypto.randomUUID();
@@ -419,268 +490,6 @@ function buildSessionId(): string {
   return `${timestamp}-${randomPart}${counterPart}`;
 }
 
-export function buildVideoFilter(recipe: EditRecipe, targetW: number, targetH: number): string {
-  const filters: string[] = [];
-
-  if (recipe.trimStart > 0 || recipe.trimEnd !== null) {
-    // Only use trim filter with precise bounds to avoid scanning entire file
-    // If trimEnd is null, use duration parameter instead of large placeholder value
-    if (recipe.trimEnd !== null) {
-      filters.push(`trim=start=${recipe.trimStart}:end=${recipe.trimEnd}`);
-    } else if (recipe.trimStart > 0) {
-      // When only trimStart is set, let FFmpeg infer end (don't use 999999 placeholder)
-      filters.push(`trim=start=${recipe.trimStart}`);
-    }
-  }
-
-  if (recipe.stabilization) {
-    filters.push("deshake");
-  }
-
-  if (recipe.rotate === 90) {
-    filters.push("transpose=1");
-  } else if (recipe.rotate === 180) {
-    filters.push("transpose=1,transpose=1");
-  } else if (recipe.rotate === 270) {
-    filters.push("transpose=2");
-  }
-
-  if (recipe.framing === "fit") {
-    filters.push(
-      `scale=${targetW}:${targetH}:force_original_aspect_ratio=decrease`,
-      `pad=${targetW}:${targetH}:(ow-iw)/2:(oh-ih)/2:color=black`
-    );
-  } else {
-    filters.push(
-      `scale=${targetW}:${targetH}:force_original_aspect_ratio=increase`,
-      `crop=${targetW}:${targetH}`
-    );
-  }
-  if (recipe.sharpness !== 0) {
-    filters.push(`unsharp=5:5:${recipe.sharpness}:5:5:0.0`);
-  }
-
-  // Normalize timestamps only when needed — trim or speed change both
-  // require a clean 0-based timeline to produce correct output duration.
-  if (recipe.trimStart > 0 || recipe.trimEnd !== null || recipe.speed !== 1) {
-    filters.push("setpts=PTS-STARTPTS");
-  }
-
-  if (recipe.speed !== 1) {
-    const pts = (1 / recipe.speed).toFixed(4);
-    filters.push(`setpts=${pts}*PTS`);
-  }
-
-  if (recipe.denoise) {
-    filters.push("hqdn3d=1.5:1.5:6:6");
-  }
-
-  const needsEq =
-    recipe.brightness !== 0 ||
-    recipe.contrast !== 1 ||
-    recipe.saturation !== 1;
-
-  if (needsEq) {
-    filters.push(
-      `eq=brightness=${recipe.brightness}:contrast=${recipe.contrast}:saturation=${recipe.saturation}`
-    );
-  }
-
-  // Add text overlays
-  const textOverlays = recipe.textOverlays || [];
-  textOverlays.forEach((overlay) => {
-    filters.push(buildTextFilter(overlay, targetW, targetH));
-  });
-
-  return filters.join(",");
-}
-
-export function buildAudioFilter(recipe: EditRecipe): string {
-  if (recipe.speed <= 0) return "";
-  const filters: string[] = [];
-
-  let remaining = recipe.speed;
-  while (remaining < 0.5) {
-    filters.push("atempo=0.5");
-    remaining /= 0.5;
-  }
-
-  while (remaining > 2.0) {
-    filters.push("atempo=2.0");
-    remaining /= 2.0;
-  }
-
-  if (Math.abs(remaining - 1.0) > 0.001) {
-    filters.push(`atempo=${Number(remaining.toFixed(4))}`);
-  }
-
-  if (recipe.volume !== undefined && recipe.volume !== 100) {
-    filters.push(`volume=${(recipe.volume / 100).toFixed(2)}`);
-  }
-
-  if (recipe.normalizeAudio) filters.push("loudnorm=I=-14:TP=-1.5:LRA=11");
-
-  return filters.join(",");
-}
-
-function buildAudioTrimFilter(recipe: EditRecipe): string {
-  if (recipe.trimStart === 0 && recipe.trimEnd === null) return "";
-
-  // Avoid scanning entire audio with large placeholder values
-  // Use precise trim bounds when available
-  let trimFilter = `atrim=start=${recipe.trimStart}`;
-  if (recipe.trimEnd !== null) {
-    trimFilter += `:end=${recipe.trimEnd}`;
-  }
-  // asetpts normalizes timestamps after trim for correct stream positioning
-  return `${trimFilter},asetpts=PTS-STARTPTS`;
-}
-
-function buildArguments(
-  recipe: EditRecipe,
-  format: "mp4" | "webm" | "mkv" | "gif",
-  outputName: string,
-  inputName: string,
-  targetW: number,
-  targetH: number,
-  hasMusicTrack: boolean,
-  musicInputName: string,
-  musicOptions: BackgroundMusicOptions | undefined,
-  hasOverlay: boolean,
-  overlayInputName: string,
-  overlayOptions: ImageOverlayOptions | undefined,
-  hasOriginalAudio: boolean,
-  videoDuration: number
-): string[] {
-  const vf = buildVideoFilter(recipe, targetW, targetH);
-  const audioTrim = hasOriginalAudio ? buildAudioTrimFilter(recipe) : "";
-  const audioSpeed = hasOriginalAudio ? buildAudioFilter(recipe) : "";
-  const afParts = [audioTrim, audioSpeed].filter(Boolean);
-  const af = afParts.join(",");
-
-  const musicIdx = 1;
-  const overlayIdx = hasMusicTrack ? 2 : 1;
-
-  const args: string[] = [];
-  args.push("-i", inputName);
-  if (hasMusicTrack) {
-    if (musicOptions!.loopMusic) args.push("-stream_loop", "-1");
-    args.push("-i", musicInputName);
-  }
-  if (hasOverlay) {
-    args.push("-i", overlayInputName);
-  }
-
-  const needsFilterComplex = hasOverlay || hasMusicTrack;
-  const shouldKeepAudio = recipe.keepAudio && (hasOriginalAudio || hasMusicTrack);
-
-  if (needsFilterComplex) {
-    const filterParts: string[] = [];
-    let videoOut = "[0:v]";
-
-    if (vf) {
-      filterParts.push(`[0:v]${vf}[vbase]`);
-      videoOut = "[vbase]";
-    }
-
-if (hasOverlay) {
-  const scaledW = overlayOptions!.size;
-  const alpha = (overlayOptions!.opacity / 100).toFixed(2);
-  const posMap: Record<string, string> = {
-    "top-left":     "20:20",
-    "top-right":    "main_w-w-20:20",
-    "bottom-left":  "20:main_h-h-20",
-    "bottom-right": "main_w-w-20:main_h-h-20",
-  };
-
-interface PositionCoords {
-    x: number;
-    y: number;
-  }
-
-  const pos = typeof overlayOptions?.position === "string"
-    ? (posMap[overlayOptions.position] ?? "main_w-w-20:main_h-h-20")
-    : overlayOptions?.position
-    ? `(main_w)*${(overlayOptions.position as PositionCoords).x}/100:(main_h)*${(overlayOptions.position as PositionCoords).y}/100`
-    : "main_w-w-20:main_h-h-20";
-
-  filterParts.push(`[${overlayIdx}:v]scale=${scaledW}:-2,format=rgba,colorchannelmixer=aa=${alpha}[logo]`);
-  filterParts.push(`${videoOut}[logo]overlay=${pos}[vout]`);
-  videoOut = "[vout]";
-}
-
-    let audioOut = "";
-    if (shouldKeepAudio) {
-      if (hasMusicTrack) {
-        const musicVol = (musicOptions!.musicVolume / 100).toFixed(2);
-        if (hasOriginalAudio) {
-          const origVol  = (musicOptions!.originalAudioVolume / 100).toFixed(2);
-          const origChain = afParts.length > 0
-            ? `[0:a]${afParts.join(",")},volume=${origVol}[orig]`
-            : `[0:a]volume=${origVol}[orig]`;
-          filterParts.push(origChain);
-          filterParts.push(`[${musicIdx}:a]volume=${musicVol}[music]`);
-          filterParts.push(`[orig][music]amix=inputs=2:duration=first:dropout_transition=0[aout]`);
-          audioOut = "[aout]";
-        } else {
-          filterParts.push(`[${musicIdx}:a]volume=${musicVol}[aout]`);
-          audioOut = "[aout]";
-        }
-      } else if (hasOriginalAudio && af) {
-        filterParts.push(`[0:a]${af}[aout]`);
-        audioOut = "[aout]";
-      }
-    }
-
-    if (filterParts.length > 0) {
-      args.push("-filter_complex", filterParts.join(";"));
-    }
-    args.push("-map", videoOut === "[0:v]" ? "0:v" : videoOut);
-
-    if (!shouldKeepAudio) {
-      args.push("-an");
-    } else if (audioOut) {
-      args.push("-map", audioOut);
-    } else if (hasOriginalAudio) {
-      args.push("-map", "0:a");
-    }
-  } else {
-    if (vf) args.push("-vf", vf);
-    if (!shouldKeepAudio) {
-      args.push("-an");
-    } else if (af && hasOriginalAudio) {
-      args.push("-af", af);
-    }
-  }
-
-  if (format === "webm") {
-    args.push(
-      "-c:v", "libvpx-vp9",
-      "-b:v", "0",
-      "-crf", String(recipe.quality),
-      "-cpu-used", "4",
-      "-deadline", "realtime"
-    );
-    if (shouldKeepAudio) args.push("-c:a", "libopus");
-  } else if (format === "mkv") {
-    args.push("-c:v", "libx264", "-crf", String(recipe.quality), "-preset", "ultrafast");
-    if (shouldKeepAudio) args.push("-c:a", "aac", "-b:a", "128k");
-  } else {
-    args.push("-c:v", "libx264", "-crf", String(recipe.quality), "-preset", "ultrafast", "-movflags", "+faststart");
-    if (shouldKeepAudio) args.push("-c:a", "aac", "-b:a", "128k");
-  }
-
-  // Add explicit output duration to prevent slight duration overshoot
-  // caused by encoder/filter pipeline frame flush at stream end,
-  // and to prevent infinite loops when adding looped audio to silent videos.
-  const sourceDuration = (recipe.trimEnd ?? videoDuration) - recipe.trimStart;
-  const outputDuration = sourceDuration / recipe.speed;
-  args.push("-t", outputDuration.toFixed(6));
-
-  args.push(outputName);
-  return args;
-}
-
 export function formatBytes(bytes: number): string {
   if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
   return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
diff --git a/src/lib/ffmpeg.worker.ts b/src/lib/ffmpeg.worker.ts
index d3ae6cfe0..d42df7fc3 100644
--- a/src/lib/ffmpeg.worker.ts
+++ b/src/lib/ffmpeg.worker.ts
@@ -2,7 +2,7 @@ import { FFmpeg } from "@ffmpeg/ffmpeg";
 import { toBlobURL } from "@ffmpeg/util";
 import { EditRecipe, BackgroundMusicOptions, ImageOverlayOptions } from "./types";
 import { getPresetById } from "./presets";
-import { buildTextFilter } from "./text-overlay";
+import { buildArguments, buildGifArguments, resolveThreadCount, type EngineMode } from "./ffmpegArgs";
 
 const CORE_BASE_URL = "https://cdn.jsdelivr.net/npm/@ffmpeg/core@0.12.10/dist/umd";
 // MT core aligned to the same version and distribution format as CORE_BASE_URL.
@@ -42,7 +42,11 @@ type ExportRequest = {
   overlayOptions?: ImageOverlayOptions;
 };
 
-type LoadRequest = { type: "load" };
+type LoadRequest = {
+  type: "load";
+  /** Load the single-threaded core even when cross-origin isolated (after a stall). */
+  singleThread?: boolean;
+};
 
 type CancelRequest = { type: "cancel" };
 
@@ -52,7 +56,9 @@ type WorkerCommand = LoadRequest | ExportRequest | CancelRequest | TerminateRequ
 
 type ProgressPayload = { type: "progress"; percent: number };
 
-type ReadyPayload = { type: "ready" };
+type ReadyPayload = { type: "ready"; mode: EngineMode };
+
+type HeartbeatPayload = { type: "heartbeat" };
 
 type ResultPayload = {
   type: "result";
@@ -69,29 +75,25 @@ type ErrorPayload = { type: "error"; id?: string; message: string };
 
 type CancelledPayload = { type: "cancelled"; id?: string };
 
-type WorkerResponse = ProgressPayload | ReadyPayload | ResultPayload | ErrorPayload | CancelledPayload;
-
-/**
- * Encoder thread cap for the multi-threaded core. Left on "auto", libx264 and
- * libvpx size their thread pools from the CPU count (≈1.5× cores plus
- * lookahead threads), which exceeds the pthread pool @ffmpeg/core-mt is built
- * with; the encoder then blocks forever waiting for a thread that can't be
- * spawned. Measured on an 11-core machine (Chrome 155): exports hung at 0%
- * without a cap and completed with 4 threads. 0 = don't pass -threads
- * (single-threaded core, where the flag has no benefit).
- */
-const MT_ENCODER_THREADS =
-  typeof self !== "undefined" && self.crossOriginIsolated ? 4 : 0;
-
-function threadArgs(): string[] {
-  return MT_ENCODER_THREADS > 0 ? ["-threads", String(MT_ENCODER_THREADS)] : [];
-}
+type WorkerResponse = ProgressPayload | ReadyPayload | HeartbeatPayload | ResultPayload | ErrorPayload | CancelledPayload;
 
 let ffmpeg: FFmpeg | null = null;
 let ffmpegLoaded = false;
+/** Which core actually loaded — decides the thread flags, not crossOriginIsolated alone. */
+let engineMode: EngineMode = "single";
 let activeExportAbortController: AbortController | null = null;
 let activeExportId: string | null = null;
 
+/** Liveness signal for the client's stall watchdog (see ffmpeg.ts). */
+const HEARTBEAT_INTERVAL_MS = 2000;
+let lastHeartbeat = 0;
+function heartbeat() {
+  const now = Date.now();
+  if (now - lastHeartbeat < HEARTBEAT_INTERVAL_MS) return;
+  lastHeartbeat = now;
+  postMessage({ type: "heartbeat" });
+}
+
 async function fetchWithIntegrity(url: string, mimeType: string): Promise<string> {
   // Look up by full URL so non-MT and MT hashes never collide when filenames match.
   const integrity = SRI_HASHES[url];
@@ -99,296 +101,61 @@ async function fetchWithIntegrity(url: string, mimeType: string): Promise<string
   // Fallback to standard fetch if SRI is missing (Prevents ffmpeg-core.worker.js from crashing the thread)
   if (!integrity) {
     const response = await fetch(url, { credentials: "omit" });
+    if (!response.ok) throw new Error(`Failed to fetch engine file (HTTP ${response.status})`);
     const blob = new Blob([await response.arrayBuffer()], { type: mimeType });
     return URL.createObjectURL(blob);
   }
 
   const response = await fetch(url, { integrity, credentials: "omit" });
+  if (!response.ok) throw new Error(`Failed to fetch engine file (HTTP ${response.status})`);
   const blob = new Blob([await response.arrayBuffer()], { type: mimeType });
   return URL.createObjectURL(blob);
 }
 
-function buildVideoFilter(recipe: EditRecipe, targetW: number, targetH: number): string {
-  const filters: string[] = [];
-
-  if (recipe.trimStart > 0 || recipe.trimEnd !== null) {
-    const end = recipe.trimEnd !== null ? recipe.trimEnd : 999999;
-    filters.push(`trim=start=${recipe.trimStart}:end=${end}`);
-  }
-
-  if (recipe.stabilization) {
-    filters.push("deshake");
-  }
-
-  if (recipe.rotate === 90) {
-    filters.push("transpose=1");
-  } else if (recipe.rotate === 180) {
-    filters.push("transpose=1,transpose=1");
-  } else if (recipe.rotate === 270) {
-    filters.push("transpose=2");
-  }
-
-  if (recipe.framing === "fit") {
-    filters.push(
-      `scale=${targetW}:${targetH}:force_original_aspect_ratio=decrease`,
-      `pad=${targetW}:${targetH}:(ow-iw)/2:(oh-ih)/2:color=black`
-    );
-  } else {
-    filters.push(
-      `scale=${targetW}:${targetH}:force_original_aspect_ratio=increase`,
-      `crop=${targetW}:${targetH}`
-    );
-  }
-
-  if (recipe.trimStart > 0 || recipe.trimEnd !== null || recipe.speed !== 1) {
-    filters.push("setpts=PTS-STARTPTS");
-  }
-
-  if (recipe.speed !== 1) {
-    const pts = (1 / recipe.speed).toFixed(4);
-    filters.push(`setpts=${pts}*PTS`);
-  }
-
-  if (recipe.denoise) {
-    filters.push("hqdn3d=1.5:1.5:6:6");
-  }
-
-  const needsEq =
-    recipe.brightness !== 0 ||
-    recipe.contrast !== 1 ||
-    recipe.saturation !== 1;
-
-  if (needsEq) {
-    filters.push(
-      `eq=brightness=${recipe.brightness}:contrast=${recipe.contrast}:saturation=${recipe.saturation}`
-    );
-  }
-
-  const textOverlays = recipe.textOverlays || [];
-  textOverlays.forEach((overlay) => {
-    filters.push(buildTextFilter(overlay, targetW, targetH));
-  });
-
-  return filters.join(",");
-}
-
-function buildAudioFilter(speed: number, normalizeAudio: boolean): string {
-  if (speed <= 0) return "";
-  const filters: string[] = [];
-
-  let remaining = speed;
-  while (remaining < 0.5) {
-    filters.push("atempo=0.5");
-    remaining /= 0.5;
-  }
-
-  while (remaining > 2.0) {
-    filters.push("atempo=2.0");
-    remaining /= 2.0;
-  }
-
-  if (Math.abs(remaining - 1.0) > 0.001) {
-    filters.push(`atempo=${Number(remaining.toFixed(4))}`);
-  }
-
-  if (normalizeAudio) filters.push("loudnorm=I=-14:TP=-1.5:LRA=11");
-
-  return filters.join(",");
-}
-
-function buildAudioTrimFilter(recipe: EditRecipe): string {
-  if (recipe.trimStart === 0 && recipe.trimEnd === null) return "";
-  const end = recipe.trimEnd !== null ? recipe.trimEnd : 999999;
-  return `atrim=start=${recipe.trimStart}:end=${end},asetpts=PTS-STARTPTS`;
-}
-
-function buildArguments(
-  recipe: EditRecipe,
-  format: "mp4" | "webm" | "mkv" | "gif",
-  outputName: string,
-  inputName: string,
-  targetW: number,
-  targetH: number,
-  hasMusicTrack: boolean,
-  musicInputName: string,
-  musicOptions: BackgroundMusicOptions | undefined,
-  hasOverlay: boolean,
-  overlayInputName: string,
-  overlayOptions: ImageOverlayOptions | undefined,
-  hasOriginalAudio: boolean,
-  videoDuration: number
-): string[] {
-  const vf = buildVideoFilter(recipe, targetW, targetH);
-  const audioTrim = hasOriginalAudio ? buildAudioTrimFilter(recipe) : "";
-  const audioSpeed = hasOriginalAudio ? buildAudioFilter(recipe.speed, recipe.normalizeAudio ?? false) : "";
-  const afParts = [audioTrim, audioSpeed].filter(Boolean);
-  const af = afParts.join(",");
-
-  const musicIdx = 1;
-  const overlayIdx = hasMusicTrack ? 2 : 1;
-
-  const args: string[] = [];
-  args.push("-i", inputName);
-  if (hasMusicTrack) {
-    if (musicOptions!.loopMusic) args.push("-stream_loop", "-1");
-    args.push("-i", musicInputName);
-  }
-  if (hasOverlay) {
-    args.push("-i", overlayInputName);
-  }
-
-  const needsFilterComplex = hasOverlay || hasMusicTrack;
-  const shouldKeepAudio = recipe.keepAudio && (hasOriginalAudio || hasMusicTrack);
-
-  if (needsFilterComplex) {
-    const filterParts: string[] = [];
-    let videoOut = "[0:v]";
-
-    if (vf) {
-      filterParts.push(`[0:v]${vf}[vbase]`);
-      videoOut = "[vbase]";
-    }
-
-if (hasOverlay) {
-  const scaledW = overlayOptions!.size;
-  const alpha = (overlayOptions!.opacity / 100).toFixed(2);
-  const posMap: Record<string, string> = {
-    "top-left":     "20:20",
-    "top-right":    "W-w-20:20",
-    "bottom-left":  "20:H-h-20",
-    "bottom-right": "W-w-20:H-h-20",
-  };
-
-interface PositionCoords {
-    x: number;
-    y: number;
-  }
-
-  const pos = typeof overlayOptions?.position === "string"
-    ? (posMap[overlayOptions.position] ?? "W-w-20:H-h-20")
-    : overlayOptions?.position
-    ? `(W-w)*${(overlayOptions.position as PositionCoords).x}/100:(H-h)*${(overlayOptions.position as PositionCoords).y}/100`
-    : "W-w-20:H-h-20";
-
-  filterParts.push(`[${overlayIdx}:v]scale=${scaledW}:-2,format=rgba,colorchannelmixer=aa=${alpha}[logo]`);
-  filterParts.push(`${videoOut}[logo]overlay=${pos}[vout]`);
-  videoOut = "[vout]";
-}
-
-    let audioOut = "";
-    if (shouldKeepAudio) {
-      if (hasMusicTrack) {
-        const musicVol = (musicOptions!.musicVolume / 100).toFixed(2);
-        if (hasOriginalAudio) {
-          const origVol = (musicOptions!.originalAudioVolume / 100).toFixed(2);
-          const origChain = afParts.length > 0
-            ? `[0:a]${afParts.join(",")},volume=${origVol}[orig]`
-            : `[0:a]volume=${origVol}[orig]`;
-          filterParts.push(origChain);
-          filterParts.push(`[${musicIdx}:a]volume=${musicVol}[music]`);
-          filterParts.push(`[orig][music]amix=inputs=2:duration=first:dropout_transition=0[aout]`);
-          audioOut = "[aout]";
-        } else {
-          filterParts.push(`[${musicIdx}:a]volume=${musicVol}[aout]`);
-          audioOut = "[aout]";
-        }
-      } else if (hasOriginalAudio && af) {
-        filterParts.push(`[0:a]${af}[aout]`);
-        audioOut = "[aout]";
-      }
-    }
-
-    if (filterParts.length > 0) {
-      args.push("-filter_complex", filterParts.join(";"));
-    }
-    args.push("-map", videoOut === "[0:v]" ? "0:v" : videoOut);
-
-    if (!shouldKeepAudio) {
-      args.push("-an");
-    } else if (audioOut) {
-      args.push("-map", audioOut);
-    } else if (hasOriginalAudio) {
-      args.push("-map", "0:a");
-    }
-  } else {
-    if (vf) args.push("-vf", vf);
-    if (!shouldKeepAudio) {
-      args.push("-an");
-    } else if (af && hasOriginalAudio) {
-      args.push("-af", af);
-    }
-  }
-
-  if (format === "webm") {
-    args.push(
-      "-c:v", "libvpx-vp9",
-      "-b:v", "0",
-      "-crf", String(recipe.quality),
-      "-cpu-used", "4",
-      "-deadline", "realtime"
-    );
-    if (shouldKeepAudio) args.push("-c:a", "libopus");
-  } else if (format === "mkv") {
-    args.push("-c:v", "libx264", "-crf", String(recipe.quality), "-preset", "ultrafast");
-    if (shouldKeepAudio) args.push("-c:a", "aac", "-b:a", "128k");
-  } else {
-    args.push("-c:v", "libx264", "-crf", String(recipe.quality), "-preset", "ultrafast", "-movflags", "+faststart");
-    if (shouldKeepAudio) args.push("-c:a", "aac", "-b:a", "128k");
-  }
-
-  args.push(...threadArgs());
-
-  // Explicit output duration on every export, not only when speed changes:
-  // it stops encoder flush overshoot and, with looped background music
-  // (`-stream_loop -1`) on a silent video, prevents an export that never ends.
-  // (The same fix in ffmpeg.ts's copy of buildArguments never reached this
-  // worker, which is the code path that actually runs.)
-  const sourceDuration = (recipe.trimEnd ?? videoDuration) - recipe.trimStart;
-  // Skip -t when sourceDuration <= 0 (happens when video metadata fails to
-  // load and videoDuration falls back to 0). Passing -t 0 to FFmpeg produces
-  // a zero-length output file; omitting it lets FFmpeg encode the full stream.
-  if (sourceDuration > 0) {
-    const outputDuration = sourceDuration / recipe.speed;
-    args.push("-t", outputDuration.toFixed(6));
-  }
-
-  args.push(outputName);
-  return args;
-}
-
-async function loadCore(onProgress?: (percent: number) => void): Promise<void> {
-  if (ffmpegLoaded) {
-    onProgress?.(100);
-    return;
-  }
-
+async function loadCoreFrom(mode: EngineMode): Promise<void> {
   ffmpeg = new FFmpeg();
-
-  const isIsolated = typeof self !== "undefined" && self.crossOriginIsolated;
-  const baseURL = isIsolated ? MT_CORE_BASE_URL : CORE_BASE_URL;
-
-  const handleProgress = ({ progress }: { progress: number }) => {
-    onProgress?.(Math.round(progress * 100));
-  };
-
-  ffmpeg.on("progress", handleProgress);
-
+  const baseURL = mode === "multi" ? MT_CORE_BASE_URL : CORE_BASE_URL;
   try {
     await ffmpeg.load({
       coreURL: await fetchWithIntegrity(`${baseURL}/ffmpeg-core.js`, "text/javascript"),
       wasmURL: await fetchWithIntegrity(`${baseURL}/ffmpeg-core.wasm`, "application/wasm"),
-      ...(isIsolated && {
+      ...(mode === "multi" && {
         workerURL: await fetchWithIntegrity(`${baseURL}/ffmpeg-core.worker.js`, "text/javascript"),
       }),
     });
+  } catch (error) {
+    ffmpeg.terminate();
+    ffmpeg = null;
+    throw error;
+  }
+  engineMode = mode;
+  ffmpegLoaded = true;
+}
 
-    ffmpegLoaded = true;
-    onProgress?.(100);
-  } finally {
-    ffmpeg.off("progress", handleProgress);
+async function loadCore(singleThread = false): Promise<void> {
+  if (ffmpegLoaded) return;
+
+  // The multi-threaded core needs SharedArrayBuffer, which only exists when
+  // the page is cross-origin isolated (COOP + COEP headers).
+  const canUseMulti = !singleThread && typeof self !== "undefined" && self.crossOriginIsolated;
+  if (!canUseMulti) {
+    await loadCoreFrom("single");
+    return;
+  }
+  try {
+    await loadCoreFrom("multi");
+  } catch {
+    // e.g. the MT files failed to download or instantiate. The single-threaded
+    // core is slower but works everywhere, so fall back rather than fail.
+    await loadCoreFrom("single");
   }
 }
 
+/** ffmpeg.exec rejects with a plain string when the wasm core traps. */
+function errorMessage(error: unknown): string {
+  return error instanceof Error ? error.message : String(error);
+}
+
 function serializeFileBuffer(file: SerializedFile): Uint8Array {
   return new Uint8Array(file.data);
 }
@@ -469,58 +236,64 @@ async function runExport(request: ExportRequest): Promise<ResultPayload> {
   }
 
   const videoDuration = request.videoDuration;
+  const threads = resolveThreadCount(engineMode, self.navigator?.hardwareConcurrency);
+  const signal = activeExportAbortController?.signal;
 
   // FFmpeg emits progress per frame; post only when the whole percentage
   // changes so the main thread isn't flooded with identical updates.
   let lastPercent = -1;
   const handleProgress = ({ progress }: { progress: number }) => {
     if (activeExportId !== sessionId) return;
+    heartbeat();
     const percent = Math.max(0, Math.min(99, Math.round(progress * 100)));
     if (percent === lastPercent) return;
     lastPercent = percent;
     postMessage({ type: "progress", percent });
   };
 
-  let logListener: ((event: { message: string }) => void) | null = null;
+  // FFmpeg prints a stats line about twice a second while it works, so log
+  // output doubles as a heartbeat even when progress can't be computed.
+  let missingAudioDetected = false;
+  const handleLog = ({ message }: { message: string }) => {
+    heartbeat();
+    const msg = message.toLowerCase();
+    if (
+      msg.includes("matches no streams") ||
+      msg.includes("specifier '0:a'") ||
+      msg.includes("input pad 0 on filter src")
+    ) {
+      missingAudioDetected = true;
+    }
+  };
+
   ffmpeg.on("progress", handleProgress);
+  ffmpeg.on("log", handleLog);
+  lastHeartbeat = 0;
+  heartbeat();
+
+  const read = async (name: string) => {
+    const data = await ffmpeg!.readFile(name, undefined, { signal });
+    return (data as Uint8Array).buffer as ArrayBuffer;
+  };
 
   try {
     if (recipe.format === "gif") {
-      const vf = buildVideoFilter(recipe, targetW, targetH);
-      const vfWithPalette = vf ? `${vf},palettegen` : "palettegen";
-      const vfWithPaletteUse = vf
-        ? `[0:v]${vf}[x];[x][1:v]paletteuse`
-        : "[0:v][1:v]paletteuse";
-
-      const gifDurationArgs = recipe.speed !== 1
-        ? (() => {
-            const sourceDuration = (recipe.trimEnd ?? videoDuration) - recipe.trimStart;
-            // Skip -t when sourceDuration <= 0 (metadata load failure fallback)
-            // to avoid producing a zero-length GIF.
-            if (sourceDuration <= 0) return [];
-            const outputDuration = sourceDuration / recipe.speed;
-            return ["-t", outputDuration.toFixed(6)];
-          })()
-        : [];
-
-      const pass1Code = await ffmpeg.exec(
-        ["-i", inputName, "-vf", vfWithPalette, ...gifDurationArgs, ...threadArgs(), "-y", paletteName],
-        undefined,
-        { signal: activeExportAbortController?.signal }
-      );
+      const gif = buildGifArguments({
+        recipe,
+        inputName,
+        paletteName,
+        outputName,
+        targetW,
+        targetH,
+        videoDuration,
+        threads,
+      });
+      const pass1Code = await ffmpeg.exec(gif.palette, undefined, { signal });
       if (pass1Code !== 0) throw new Error("GIF palette generation failed");
-
-      const pass2Code = await ffmpeg.exec(
-        ["-i", inputName, "-i", paletteName, "-lavfi", vfWithPaletteUse, ...gifDurationArgs, ...threadArgs(), "-y", outputName],
-        undefined,
-        { signal: activeExportAbortController?.signal }
-      );
+      const pass2Code = await ffmpeg.exec(gif.render, undefined, { signal });
       if (pass2Code !== 0) throw new Error("GIF export failed");
 
-      const data = await ffmpeg.readFile(outputName, undefined, {
-        signal: activeExportAbortController?.signal,
-      });
-      const payload = (data as Uint8Array).buffer as ArrayBuffer;
+      const payload = await read(outputName);
       return {
         type: "result",
         id: sessionId,
@@ -533,90 +306,38 @@ async function runExport(request: ExportRequest): Promise<ResultPayload> {
       };
     }
 
-    let missingAudioDetected = false;
-    const logListener = ({ message }: { message: string }) => {
-      const msg = message.toLowerCase();
-      if (
-        msg.includes("matches no streams") ||
-        msg.includes("specifier '0:a'") ||
-        msg.includes("input pad 0 on filter src")
-      ) {
-        missingAudioDetected = true;
-      }
-    };
-    ffmpeg.on("log", logListener);
-
-    let args = buildArguments(
-      recipe,
-      recipe.format,
-      outputName,
-      inputName,
-      targetW,
-      targetH,
-      hasMusicTrack,
-      musicInputName,
-      request.musicOptions,
-      hasOverlay,
-      overlayInputName,
-      request.overlayOptions,
-      true,
-      videoDuration
-    );
-
-    let exitCode = await ffmpeg.exec(args, undefined, {
-      signal: activeExportAbortController?.signal,
-    });
-
-    if (exitCode !== 0 && missingAudioDetected) {
-      missingAudioDetected = false;
-      args = buildArguments(
+    const argsFor = (format: "mp4" | "webm" | "mkv", output: string, hasOriginalAudio: boolean) =>
+      buildArguments({
         recipe,
-        recipe.format,
-        outputName,
+        format,
         inputName,
+        outputName: output,
         targetW,
         targetH,
-        hasMusicTrack,
-        musicInputName,
-        request.musicOptions,
-        hasOverlay,
-        overlayInputName,
-        request.overlayOptions,
-        false,
-        videoDuration
-      );
-      exitCode = await ffmpeg.exec(args, undefined, {
-        signal: activeExportAbortController?.signal,
+        videoDuration,
+        hasOriginalAudio,
+        music: hasMusicTrack ? { inputName: musicInputName, options: request.musicOptions! } : undefined,
+        overlay: hasOverlay ? { inputName: overlayInputName, options: request.overlayOptions! } : undefined,
+        threads,
       });
+
+    let exitCode = await ffmpeg.exec(argsFor(recipe.format, outputName, true), undefined, { signal });
+
+    if (exitCode !== 0 && missingAudioDetected) {
+      // Retry without the original audio track (the source has none).
+      exitCode = await ffmpeg.exec(argsFor(recipe.format, outputName, false), undefined, { signal });
     }
 
     if (exitCode !== 0) {
-      args = buildArguments(
-        recipe,
-        "webm",
-        fallbackOutputName,
-        inputName,
-        targetW,
-        targetH,
-        hasMusicTrack,
-        musicInputName,
-        request.musicOptions,
-        hasOverlay,
-        overlayInputName,
-        request.overlayOptions,
-        !missingAudioDetected,
-        videoDuration
+      // Last resort: WebM (VP8), for inputs the H.264 path rejects.
+      const fallbackCode = await ffmpeg.exec(
+        argsFor("webm", fallbackOutputName, !missingAudioDetected),
+        undefined,
+        { signal }
       );
-
-      const fallbackCode = await ffmpeg.exec(args, undefined, {
-        signal: activeExportAbortController?.signal,
-      });
       if (fallbackCode !== 0) throw new Error("Export failed");
 
-      const data = await ffmpeg.readFile(fallbackOutputName, undefined, {
-        signal: activeExportAbortController?.signal,
-      });
-      const payload = (data as Uint8Array).buffer as ArrayBuffer;
+      const payload = await read(fallbackOutputName);
       return {
         type: "result",
         id: sessionId,
@@ -629,10 +350,7 @@ async function runExport(request: ExportRequest): Promise<ResultPayload> {
       };
     }
 
-    const data = await ffmpeg.readFile(outputName, undefined, {
-      signal: activeExportAbortController?.signal,
-    });
-    const payload = (data as Uint8Array).buffer as ArrayBuffer;
+    const payload = await read(outputName);
     return {
       type: "result",
       id: sessionId,
@@ -644,8 +362,10 @@ async function runExport(request: ExportRequest): Promise<ResultPayload> {
       format: recipe.format,
     };
   } finally {
+    // Both listeners must come off: the worker outlives each export, and a
+    // leaked log listener used to accumulate on every run.
     ffmpeg.off("progress", handleProgress);
-    if (logListener) ffmpeg.off("log", logListener);
+    ffmpeg.off("log", handleLog);
     for (const path of cleanupFiles) {
       await removeFile(path);
     }
@@ -680,10 +400,10 @@ async function handleCommand(message: WorkerCommand) {
   switch (message.type) {
     case "load": {
       try {
-        await loadCore();
-        postMessage({ type: "ready" });
+        await loadCore(message.singleThread);
+        postMessage({ type: "ready", mode: engineMode });
       } catch (error) {
-        postMessage({ type: "error", message: (error as Error).message });
+        postMessage({ type: "error", message: errorMessage(error) });
       }
       return;
     }
@@ -711,7 +431,7 @@ async function handleCommand(message: WorkerCommand) {
         if (activeExportAbortController?.signal.aborted) {
           postMessage({ type: "cancelled", id: message.id });
         } else {
-          postMessage({ type: "error", id: message.id, message: (error as Error).message });
+          postMessage({ type: "error", id: message.id, message: errorMessage(error) });
         }
       } finally {
         activeExportAbortController = null;
@@ -737,6 +457,6 @@ async function handleCommand(message: WorkerCommand) {
 
 self.addEventListener("message", (event) => {
   handleCommand(event.data as WorkerCommand).catch((error) => {
-    postMessage({ type: "error", message: (error as Error).message });
+    postMessage({ type: "error", message: errorMessage(error) });
   });
 });
diff --git a/src/lib/ffmpegArgs.ts b/src/lib/ffmpegArgs.ts
new file mode 100644
index 000000000..09f623a51
--- /dev/null
+++ b/src/lib/ffmpegArgs.ts
@@ -0,0 +1,364 @@
+import { EditRecipe, BackgroundMusicOptions, ImageOverlayOptions, OverlayPosition } from "./types";
+import { buildTextFilter } from "./text-overlay";
+
+// The FFmpeg command line for every export is built here and only here.
+// ffmpeg.worker.ts runs these commands; ffmpeg.ts re-exports the filter
+// builders for tests. There used to be a second copy in ffmpeg.ts that tests
+// exercised while the worker ran its own — sharpness, volume and the `-t` fix
+// all landed in the copy that never ran. Keep this module free of DOM/worker
+// APIs so it can be imported from both sides.
+
+export type OutputFormat = "mp4" | "webm" | "mkv" | "gif";
+export type EngineMode = "multi" | "single";
+
+/**
+ * Upper bound on threads per FFmpeg stage (decode, filter, encode) for the
+ * multi-threaded core. @ffmpeg/core-mt pre-spawns a pool of 32 pthread
+ * workers; a thread beyond the pool needs the FFmpeg worker's event loop to
+ * start, but that loop is blocked inside `exec`, so the run deadlocks at 0%.
+ * With "auto" threading x264/libvpx and the decoder each size themselves from
+ * the CPU count and together exceed the pool on many-core machines. Measured
+ * on an 11-core M3 Pro (Chrome 155): auto hung, 4 completed ~4× faster than
+ * the single-threaded core.
+ */
+export const MT_THREAD_CAP = 4;
+
+/** Threads to request per stage; 0 means "don't pass any thread flags". */
+export function resolveThreadCount(mode: EngineMode, hardwareConcurrency?: number): number {
+  if (mode !== "multi") return 0;
+  const cores =
+    hardwareConcurrency && Number.isFinite(hardwareConcurrency) && hardwareConcurrency > 0
+      ? Math.floor(hardwareConcurrency)
+      : MT_THREAD_CAP;
+  return Math.max(1, Math.min(MT_THREAD_CAP, cores));
+}
+
+/** Decoder thread flag, placed before an `-i`. */
+function inputThreadArgs(threads: number): string[] {
+  return threads > 0 ? ["-threads", String(threads)] : [];
+}
+
+/** Encoder and filter-graph thread flags, placed before the output name. */
+function outputThreadArgs(threads: number, hasFilterComplex: boolean): string[] {
+  if (threads <= 0) return [];
+  const args = ["-threads", String(threads), "-filter_threads", String(threads)];
+  if (hasFilterComplex) args.push("-filter_complex_threads", String(threads));
+  return args;
+}
+
+/**
+ * Explicit output duration. Stops encoder flush overshoot and, with looped
+ * background music (`-stream_loop -1`) on a silent video, an export that
+ * never ends. Omitted when the duration is unknown (metadata read failed):
+ * `-t 0` would produce an empty file.
+ */
+export function outputDurationArgs(recipe: EditRecipe, videoDuration: number): string[] {
+  const sourceDuration = (recipe.trimEnd ?? videoDuration) - recipe.trimStart;
+  if (!(sourceDuration > 0) || !(recipe.speed > 0)) return [];
+  return ["-t", (sourceDuration / recipe.speed).toFixed(6)];
+}
+
+export function buildVideoFilter(recipe: EditRecipe, targetW: number, targetH: number): string {
+  const filters: string[] = [];
+
+  if (recipe.trimStart > 0 || recipe.trimEnd !== null) {
+    // Precise bounds only; an open end lets FFmpeg infer it instead of a
+    // large placeholder that makes it scan the whole file.
+    if (recipe.trimEnd !== null) {
+      filters.push(`trim=start=${recipe.trimStart}:end=${recipe.trimEnd}`);
+    } else if (recipe.trimStart > 0) {
+      filters.push(`trim=start=${recipe.trimStart}`);
+    }
+  }
+
+  if (recipe.stabilization) {
+    filters.push("deshake");
+  }
+
+  if (recipe.rotate === 90) {
+    filters.push("transpose=1");
+  } else if (recipe.rotate === 180) {
+    filters.push("transpose=1,transpose=1");
+  } else if (recipe.rotate === 270) {
+    filters.push("transpose=2");
+  }
+
+  if (recipe.framing === "fit") {
+    filters.push(
+      `scale=${targetW}:${targetH}:force_original_aspect_ratio=decrease`,
+      `pad=${targetW}:${targetH}:(ow-iw)/2:(oh-ih)/2:color=black`
+    );
+  } else {
+    filters.push(
+      `scale=${targetW}:${targetH}:force_original_aspect_ratio=increase`,
+      `crop=${targetW}:${targetH}`
+    );
+  }
+  if (recipe.sharpness !== 0) {
+    filters.push(`unsharp=5:5:${recipe.sharpness}:5:5:0.0`);
+  }
+
+  // Normalize timestamps only when needed — trim or speed change both
+  // require a clean 0-based timeline to produce correct output duration.
+  if (recipe.trimStart > 0 || recipe.trimEnd !== null || recipe.speed !== 1) {
+    filters.push("setpts=PTS-STARTPTS");
+  }
+
+  if (recipe.speed !== 1) {
+    const pts = (1 / recipe.speed).toFixed(4);
+    filters.push(`setpts=${pts}*PTS`);
+  }
+
+  if (recipe.denoise) {
+    filters.push("hqdn3d=1.5:1.5:6:6");
+  }
+
+  const needsEq =
+    recipe.brightness !== 0 ||
+    recipe.contrast !== 1 ||
+    recipe.saturation !== 1;
+
+  if (needsEq) {
+    filters.push(
+      `eq=brightness=${recipe.brightness}:contrast=${recipe.contrast}:saturation=${recipe.saturation}`
+    );
+  }
+
+  const textOverlays = recipe.textOverlays || [];
+  textOverlays.forEach((overlay) => {
+    filters.push(buildTextFilter(overlay, targetW, targetH));
+  });
+
+  return filters.join(",");
+}
+
+export function buildAudioFilter(recipe: EditRecipe): string {
+  if (recipe.speed <= 0) return "";
+  const filters: string[] = [];
+
+  let remaining = recipe.speed;
+  while (remaining < 0.5) {
+    filters.push("atempo=0.5");
+    remaining /= 0.5;
+  }
+
+  while (remaining > 2.0) {
+    filters.push("atempo=2.0");
+    remaining /= 2.0;
+  }
+
+  if (Math.abs(remaining - 1.0) > 0.001) {
+    filters.push(`atempo=${Number(remaining.toFixed(4))}`);
+  }
+
+  if (recipe.volume !== undefined && recipe.volume !== 100) {
+    filters.push(`volume=${(recipe.volume / 100).toFixed(2)}`);
+  }
+
+  if (recipe.normalizeAudio) filters.push("loudnorm=I=-14:TP=-1.5:LRA=11");
+
+  return filters.join(",");
+}
+
+export function buildAudioTrimFilter(recipe: EditRecipe): string {
+  if (recipe.trimStart === 0 && recipe.trimEnd === null) return "";
+  let trimFilter = `atrim=start=${recipe.trimStart}`;
+  if (recipe.trimEnd !== null) {
+    trimFilter += `:end=${recipe.trimEnd}`;
+  }
+  return `${trimFilter},asetpts=PTS-STARTPTS`;
+}
+
+const OVERLAY_POSITIONS: Record<OverlayPosition, string> = {
+  "top-left": "20:20",
+  "top-right": "W-w-20:20",
+  "bottom-left": "20:H-h-20",
+  "bottom-right": "W-w-20:H-h-20",
+};
+
+export interface ExportArgsOptions {
+  recipe: EditRecipe;
+  format: Exclude<OutputFormat, "gif">;
+  inputName: string;
+  outputName: string;
+  targetW: number;
+  targetH: number;
+  videoDuration: number;
+  hasOriginalAudio: boolean;
+  music?: { inputName: string; options: BackgroundMusicOptions };
+  overlay?: { inputName: string; options: ImageOverlayOptions };
+  /** From resolveThreadCount; 0 for the single-threaded core. */
+  threads: number;
+}
+
+export function buildArguments({
+  recipe,
+  format,
+  inputName,
+  outputName,
+  targetW,
+  targetH,
+  videoDuration,
+  hasOriginalAudio,
+  music,
+  overlay,
+  threads,
+}: ExportArgsOptions): string[] {
+  const vf = buildVideoFilter(recipe, targetW, targetH);
+  const audioTrim = hasOriginalAudio ? buildAudioTrimFilter(recipe) : "";
+  const audioSpeed = hasOriginalAudio ? buildAudioFilter(recipe) : "";
+  const afParts = [audioTrim, audioSpeed].filter(Boolean);
+  const af = afParts.join(",");
+
+  const musicIdx = 1;
+  const overlayIdx = music ? 2 : 1;
+
+  const args: string[] = [];
+  args.push(...inputThreadArgs(threads), "-i", inputName);
+  if (music) {
+    if (music.options.loopMusic) args.push("-stream_loop", "-1");
+    args.push("-i", music.inputName);
+  }
+  if (overlay) {
+    args.push("-i", overlay.inputName);
+  }
+
+  const needsFilterComplex = Boolean(overlay || music);
+  const shouldKeepAudio = recipe.keepAudio && (hasOriginalAudio || Boolean(music));
+  let usesFilterComplex = false;
+
+  if (needsFilterComplex) {
+    const filterParts: string[] = [];
+    let videoOut = "[0:v]";
+
+    if (vf) {
+      filterParts.push(`[0:v]${vf}[vbase]`);
+      videoOut = "[vbase]";
+    }
+
+    if (overlay) {
+      const alpha = (overlay.options.opacity / 100).toFixed(2);
+      filterParts.push(`[${overlayIdx}:v]scale=${overlay.options.size}:-2,format=rgba,colorchannelmixer=aa=${alpha}[logo]`);
+      const pos = OVERLAY_POSITIONS[overlay.options.position] ?? OVERLAY_POSITIONS["bottom-right"];
+      filterParts.push(`${videoOut}[logo]overlay=${pos}[vout]`);
+      videoOut = "[vout]";
+    }
+
+    let audioOut = "";
+    if (shouldKeepAudio) {
+      if (music) {
+        const musicVol = (music.options.musicVolume / 100).toFixed(2);
+        if (hasOriginalAudio) {
+          const origVol = (music.options.originalAudioVolume / 100).toFixed(2);
+          const origChain = afParts.length > 0
+            ? `[0:a]${af},volume=${origVol}[orig]`
+            : `[0:a]volume=${origVol}[orig]`;
+          filterParts.push(origChain);
+          filterParts.push(`[${musicIdx}:a]volume=${musicVol}[music]`);
+          filterParts.push(`[orig][music]amix=inputs=2:duration=first:dropout_transition=0[aout]`);
+          audioOut = "[aout]";
+        } else {
+          filterParts.push(`[${musicIdx}:a]volume=${musicVol}[aout]`);
+          audioOut = "[aout]";
+        }
+      } else if (hasOriginalAudio && af) {
+        filterParts.push(`[0:a]${af}[aout]`);
+        audioOut = "[aout]";
+      }
+    }
+
+    if (filterParts.length > 0) {
+      args.push("-filter_complex", filterParts.join(";"));
+      usesFilterComplex = true;
+    }
+    args.push("-map", videoOut === "[0:v]" ? "0:v" : videoOut);
+
+    if (!shouldKeepAudio) {
+      args.push("-an");
+    } else if (audioOut) {
+      args.push("-map", audioOut);
+    } else if (hasOriginalAudio) {
+      args.push("-map", "0:a");
+    }
+  } else {
+    if (vf) args.push("-vf", vf);
+    if (!shouldKeepAudio) {
+      args.push("-an");
+    } else if (af && hasOriginalAudio) {
+      args.push("-af", af);
+    }
+  }
+
+  if (format === "webm") {
+    // VP8 + Vorbis, not VP9 + Opus: in @ffmpeg/core 0.12.10 the libvpx-vp9
+    // and libopus encoders trap ("memory access out of bounds") on every
+    // setting tried, and hang the multi-threaded core, so WebM exports could
+    // never succeed. VP8's CRF mode needs a bitrate ceiling. Realtime
+    // keeps WebM about as fast as MP4 (measured: 9 s vs 21–32 s with
+    // "good" for a 6 s 1080p clip), as the old VP9 settings intended.
+    args.push(
+      "-c:v", "libvpx",
+      "-crf", String(Math.min(63, Math.max(4, recipe.quality))),
+      "-b:v", "8M",
+      "-deadline", "realtime",
+      "-cpu-used", "8"
+    );
+    if (shouldKeepAudio) args.push("-c:a", "libvorbis", "-q:a", "4");
+  } else if (format === "mkv") {
+    args.push("-c:v", "libx264", "-crf", String(recipe.quality), "-preset", "ultrafast");
+    if (shouldKeepAudio) args.push("-c:a", "aac", "-b:a", "128k");
+  } else {
+    args.push("-c:v", "libx264", "-crf", String(recipe.quality), "-preset", "ultrafast", "-movflags", "+faststart");
+    if (shouldKeepAudio) args.push("-c:a", "aac", "-b:a", "128k");
+  }
+
+  args.push(...outputThreadArgs(threads, usesFilterComplex));
+  args.push(...outputDurationArgs(recipe, videoDuration));
+  args.push(outputName);
+  return args;
+}
+
+export interface GifArgsOptions {
+  recipe: EditRecipe;
+  inputName: string;
+  paletteName: string;
+  outputName: string;
+  targetW: number;
+  targetH: number;
+  videoDuration: number;
+  threads: number;
+}
+
+/** Two-pass GIF: palettegen, then paletteuse. */
+export function buildGifArguments({
+  recipe,
+  inputName,
+  paletteName,
+  outputName,
+  targetW,
+  targetH,
+  videoDuration,
+  threads,
+}: GifArgsOptions): { palette: string[]; render: string[] } {
+  const vf = buildVideoFilter(recipe, targetW, targetH);
+  const vfWithPalette = vf ? `${vf},palettegen` : "palettegen";
+  const vfWithPaletteUse = vf ? `[0:v]${vf}[x];[x][1:v]paletteuse` : "[0:v][1:v]paletteuse";
+  // The trim filter already bounds the clip; -t is only needed when speed
+  // changes the output length.
+  const durationArgs = recipe.speed !== 1 ? outputDurationArgs(recipe, videoDuration) : [];
+
+  return {
+    palette: [
+      ...inputThreadArgs(threads), "-i", inputName,
+      "-vf", vfWithPalette,
+      ...durationArgs, ...outputThreadArgs(threads, false),
+      "-y", paletteName,
+    ],
+    render: [
+      ...inputThreadArgs(threads), "-i", inputName, "-i", paletteName,
+      "-lavfi", vfWithPaletteUse,
+      ...durationArgs, ...outputThreadArgs(threads, true),
+      "-y", outputName,
+    ],
+  };
+}
diff --git a/src/lib/telemetry.ts b/src/lib/telemetry.ts
index cb4e21c15..5ccf82ff1 100644
--- a/src/lib/telemetry.ts
+++ b/src/lib/telemetry.ts
@@ -15,7 +15,55 @@ import type { DatadogRum as RumPublicApi } from "@datadog/browser-rum";
 // Calls made before it registers are queued (bounded) and replayed.
 export const telemetryConfigured = () =>
   typeof window !== "undefined" &&
-  Boolean(process.env.NEXT_PUBLIC_DATADOG_APPLICATION_ID && process.env.NEXT_PUBLIC_DATADOG_CLIENT_TOKEN);
+  Boolean(process.env.NEXT_PUBLIC_DATADOG_APPLICATION_ID && process.env.NEXT_PUBLIC_DATADOG_CLIENT_TOKEN) &&
+  currentTelemetryEnv() !== null;
+
+// ── Environment ────────────────────────────────────────────────────────────
+// Local builds read .env.local, which holds the real Datadog keys. Without a
+// guard, `next dev`, local production builds and the perf scripts all
+// reported as env:production.
+
+const LOCAL_HOST =
+  /^(localhost|.+\.localhost|.+\.local|0\.0\.0\.0|127(\.\d+){3}|\[?::1\]?|10(\.\d+){3}|192\.168(\.\d+){2}|172\.(1[6-9]|2\d|3[01])(\.\d+){2})$/i;
+
+export interface TelemetryEnvInput {
+  /** NEXT_PUBLIC_DATADOG_ENV — explicit override; "off" disables RUM. */
+  explicitEnv?: string;
+  /** NEXT_PUBLIC_VERCEL_ENV — "production" | "preview" | "development" on Vercel. */
+  vercelEnv?: string;
+  hostname?: string;
+  /** navigator.webdriver — true under Puppeteer, Playwright and Lighthouse CI. */
+  webdriver?: boolean;
+}
+
+/**
+ * The Datadog `env` tag to report under, or null to not start RUM at all.
+ * Local hosts and automated browsers never report unless an explicit,
+ * non-production env is set (e.g. NEXT_PUBLIC_DATADOG_ENV=local-perf).
+ */
+export function resolveTelemetryEnv({ explicitEnv, vercelEnv, hostname, webdriver }: TelemetryEnvInput): string | null {
+  const explicit = explicitEnv?.trim().toLowerCase() || undefined;
+  if (explicit === "off" || explicit === "none" || explicit === "disabled") return null;
+
+  const local = !hostname || LOCAL_HOST.test(hostname) || webdriver === true;
+  if (local) {
+    if (!explicit || explicit === "production" || explicit === "prod") return null;
+    return explicit;
+  }
+  if (explicit) return explicit;
+  if (vercelEnv === "preview" || vercelEnv === "development") return vercelEnv;
+  return "production";
+}
+
+export function currentTelemetryEnv(): string | null {
+  if (typeof window === "undefined") return null;
+  return resolveTelemetryEnv({
+    explicitEnv: process.env.NEXT_PUBLIC_DATADOG_ENV,
+    vercelEnv: process.env.NEXT_PUBLIC_VERCEL_ENV,
+    hostname: window.location?.hostname,
+    webdriver: typeof navigator !== "undefined" ? navigator.webdriver : undefined,
+  });
+}
 
 export type TelemetryContext = Record<string, string | number | boolean>;
 
@@ -49,6 +97,7 @@ export function registerRum(instance: RumPublicApi) {
 export function resetTelemetryForTests() {
   rum = null;
   queue = [];
+  redactions.clear();
 }
 
 export function trackAction(name: string, context?: TelemetryContext) {
@@ -107,10 +156,13 @@ export function resolutionBucket(width: number, height: number): string {
 /** Maps an export error to a small fixed set of categories (never the raw message). */
 export function failureCategory(err: unknown): string {
   if (err instanceof DOMException && err.name === "AbortError") return "cancelled";
+  if (err instanceof Error && err.name === "ExportStalledError") return "stalled";
   const msg = err instanceof Error ? err.message.toLowerCase() : "";
   const name = err instanceof Error ? err.name : "";
   if (name === "FFmpegLoadError" || msg.includes("engine") || msg.includes("worker")) return "engine";
-  if (msg.includes("memory") || msg.includes("out of bounds") || name === "RangeError") return "memory";
+  // A wasm trap inside an encoder, not the tab running out of memory.
+  if (msg.includes("memory access out of bounds") || msg.includes("unreachable") || msg.includes("runtimeerror")) return "crash";
+  if (msg.includes("out of memory") || msg.includes("allocation failed") || /\boom\b/.test(msg) || name === "RangeError") return "memory";
   if (msg.includes("network") || msg.includes("fetch")) return "network";
   if (msg.includes("codec") || msg.includes("decod")) return "codec";
   return "ffmpeg";
@@ -132,3 +184,107 @@ export function capabilityContext(): TelemetryContext {
     reduced_motion: window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false,
   };
 }
+
+// ── Scrubbing automatically collected events ──────────────────────────────
+// Custom actions above only carry buckets, but the SDK also collects errors
+// (including console.error), resources and view URLs on its own. Those can
+// contain the uploaded file's name, a local path or the recipe in the query
+// string, so they pass through sanitizeRumEvent in DatadogInit's beforeSend.
+
+const MEDIA_EXT = "mp4|m4v|mov|qt|webm|mkv|avi|wmv|flv|3gp|gif|mp3|wav|aac|m4a|ogg|oga|opus|flac|png|jpe?g|webp|avif|heic|bmp|svg|srt|vtt";
+const FILE_NAME = new RegExp(`[^\\s"'<>/\\\\:|*?]+\\.(?:${MEDIA_EXT})\\b`, "gi");
+const LOCAL_PATH = /(?:[A-Za-z]:\\|\/(?:Users|home|private|var|tmp|mnt|media|Volumes|storage|sdcard|data)\/)[^\s"'<>):]*/g;
+const MAX_TEXT = 1000;
+
+const redactions = new Set<string>();
+const MAX_REDACTIONS = 200;
+
+/**
+ * Registers user-specific strings (file names, captions) to strip from any
+ * automatically collected event text. Kept in memory only, never sent.
+ */
+export function addTelemetryRedaction(...values: (string | null | undefined)[]) {
+  for (const value of values) {
+    const v = value?.trim();
+    if (!v || v.length < 3) continue;
+    redactions.add(v);
+    const stem = v.replace(/\.[^.]+$/, "");
+    if (stem !== v && stem.length >= 3) redactions.add(stem);
+  }
+  // Captions are registered as they're typed; keep the most recent entries.
+  while (redactions.size > MAX_REDACTIONS) {
+    redactions.delete(redactions.values().next().value!);
+  }
+}
+
+export function clearTelemetryRedactions() {
+  redactions.clear();
+}
+
+function stripUrlQuery(text: string): string {
+  return text.replace(/(\b(?:https?|wss?):\/\/[^\s?#"'<>]*)[?#][^\s"'<>]*/gi, "$1");
+}
+
+/** Removes file names, local paths, blob/file URLs and query strings from free text. */
+export function scrubText(text: string): string {
+  let out = text;
+  // Longest first so "My clip.mp4" goes before its stem "My clip".
+  for (const value of [...redactions].sort((a, b) => b.length - a.length)) {
+    out = out.split(value).join("[redacted]");
+  }
+  out = out
+    .replace(/\bblob:[^\s"'<>)]+/gi, "blob:[redacted]")
+    .replace(/\bfile:\/\/[^\s"'<>)]+/gi, "file:[redacted]")
+    .replace(/\bdata:[^\s"'<>)]{24,}/gi, "data:[redacted]");
+  out = stripUrlQuery(out).replace(LOCAL_PATH, "[path]").replace(FILE_NAME, "[file]");
+  return out.length > MAX_TEXT ? `${out.slice(0, MAX_TEXT)}…` : out;
+}
+
+export function stripQuery(url: string | undefined): string | undefined {
+  if (!url) return url;
+  const i = url.search(/[?#]/);
+  return i === -1 ? url : url.slice(0, i);
+}
+
+type MutableRumEvent = {
+  type?: string;
+  view?: { url?: string; referrer?: string; name?: string };
+  resource?: { url?: string };
+  error?: {
+    message?: string;
+    stack?: string;
+    resource?: { url?: string };
+    causes?: { message?: string; stack?: string }[];
+  };
+  action?: { target?: { name?: string } };
+};
+
+/**
+ * DatadogInit's beforeSend. Returns false to drop the event. Mutates in
+ * place because the SDK only reads back modified fields of the same object.
+ */
+export function sanitizeRumEvent(event: MutableRumEvent): boolean {
+  if (event.view) {
+    event.view.url = stripQuery(event.view.url);
+    event.view.referrer = stripQuery(event.view.referrer);
+    if (event.view.name) event.view.name = scrubText(event.view.name);
+  }
+  if (event.type === "resource" && event.resource?.url) {
+    // Previews and exports are local blob: URLs; never report them.
+    if (/^(blob|data|file):/i.test(event.resource.url)) return false;
+    event.resource.url = stripQuery(event.resource.url) ?? event.resource.url;
+  }
+  if (event.error) {
+    if (event.error.message) event.error.message = scrubText(event.error.message);
+    if (event.error.stack) event.error.stack = scrubText(event.error.stack);
+    if (event.error.resource?.url) event.error.resource.url = stripQuery(event.error.resource.url) ?? "";
+    event.error.causes?.forEach((cause) => {
+      if (cause.message) cause.message = scrubText(cause.message);
+      if (cause.stack) cause.stack = scrubText(cause.stack);
+    });
+  }
+  if (event.action?.target?.name) {
+    event.action.target.name = scrubText(event.action.target.name);
+  }
+  return true;
+}
diff --git a/src/lib/tests/deployConfig.test.ts b/src/lib/tests/deployConfig.test.ts
new file mode 100644
index 000000000..91222d006
--- /dev/null
+++ b/src/lib/tests/deployConfig.test.ts
@@ -0,0 +1,83 @@
+import { describe, it, expect } from "vitest";
+import fs from "node:fs";
+import path from "node:path";
+
+// Guards the hosting config. Production once shipped with none of
+// vercel.json's headers because a legacy `routes: [{ handle: "filesystem" }]`
+// block made Vercel compile the header rule *after* the filesystem phase, so
+// it never applied to static files (verified with `vercel build`, see
+// docs/PERFORMANCE.md). No COOP/COEP meant no multi-threaded FFmpeg.
+
+const root = path.resolve(__dirname, "../../..");
+const read = (file: string) => fs.readFileSync(path.join(root, file), "utf8");
+
+const vercel = JSON.parse(read("vercel.json")) as {
+  routes?: unknown;
+  headers: { source: string; headers: { key: string; value: string }[] }[];
+};
+const catchAll = vercel.headers.find((h) => h.source === "/(.*)");
+const vercelHeaders = Object.fromEntries((catchAll?.headers ?? []).map((h) => [h.key, h.value]));
+
+const REQUIRED = {
+  "Cross-Origin-Opener-Policy": "same-origin",
+  "Cross-Origin-Embedder-Policy": "require-corp",
+  "X-Content-Type-Options": "nosniff",
+  "X-Frame-Options": "DENY",
+  "Referrer-Policy": "strict-origin-when-cross-origin",
+  "Permissions-Policy": "camera=(), microphone=(), geolocation=()",
+};
+
+/** "Key: value" / Key = "value" pairs from netlify.toml or public/_headers. */
+function parseHeaderFile(text: string): Record<string, string> {
+  const out: Record<string, string> = {};
+  for (const line of text.split("\n")) {
+    const m = line.match(/^\s*([A-Za-z-]+)\s*(?::|=)\s*"?([^"#]+?)"?\s*$/);
+    if (m && /-/.test(m[1]!)) out[m[1]!] = m[2]!;
+  }
+  return out;
+}
+
+describe("vercel.json", () => {
+  it("has no legacy `routes` block (it stops `headers` reaching static files)", () => {
+    expect(vercel.routes).toBeUndefined();
+  });
+
+  it("sends the cross-origin isolation and security headers on every path", () => {
+    expect(catchAll).toBeDefined();
+    expect(vercelHeaders).toMatchObject(REQUIRED);
+  });
+
+  it("leaves HSTS to Vercel's stronger default (2 years, preload) instead of overriding it", () => {
+    expect(vercelHeaders["Strict-Transport-Security"]).toBeUndefined();
+  });
+
+  it("does not add a CSP that could block the FFmpeg CDN or the RUM intake", () => {
+    expect(vercelHeaders["Content-Security-Policy"]).toBeUndefined();
+  });
+});
+
+describe("other hosts stay in sync", () => {
+  it.each(["netlify.toml", "public/_headers"])("%s sends the same isolation and security headers", (file) => {
+    expect(parseHeaderFile(read(file))).toMatchObject(REQUIRED);
+  });
+});
+
+describe("cross-origin isolation compatibility", () => {
+  it("the worker fetches the FFmpeg cores with CORS from a CDN that allows it", () => {
+    const worker = read("src/lib/ffmpeg.worker.ts");
+    // Under COEP require-corp, cross-origin loads need CORS (or CORP).
+    // fetch() defaults to mode "cors"; jsdelivr answers with
+    // Access-Control-Allow-Origin: *. The cores are then used as blob: URLs,
+    // which are same-origin.
+    expect(worker).toContain("https://cdn.jsdelivr.net/npm/@ffmpeg/core@");
+    expect(worker).toContain("https://cdn.jsdelivr.net/npm/@ffmpeg/core-mt@");
+    expect(worker).not.toMatch(/mode:\s*["']no-cors["']/);
+  });
+
+  it("the app shell loads no third-party scripts, styles or fonts", () => {
+    const layout = read("src/app/layout.tsx");
+    expect(layout).not.toMatch(/<script[^>]+src=["']https?:/);
+    expect(layout).not.toMatch(/<link[^>]+rel=["']stylesheet["'][^>]+https?:/);
+    expect(read("src/app/globals.css")).not.toMatch(/@import\s+url\(["']?https?:/);
+  });
+});
diff --git a/src/lib/tests/ffmpegArgs.test.ts b/src/lib/tests/ffmpegArgs.test.ts
new file mode 100644
index 000000000..d354ddc59
--- /dev/null
+++ b/src/lib/tests/ffmpegArgs.test.ts
@@ -0,0 +1,169 @@
+import { describe, it, expect } from "vitest";
+import {
+  buildArguments,
+  buildGifArguments,
+  outputDurationArgs,
+  resolveThreadCount,
+  MT_THREAD_CAP,
+  type ExportArgsOptions,
+} from "../ffmpegArgs";
+import { DEFAULT_RECIPE } from "../constants";
+import type { EditRecipe } from "../types";
+
+const recipe = (overrides: Partial<EditRecipe> = {}): EditRecipe => ({ ...DEFAULT_RECIPE, ...overrides });
+
+const opts = (overrides: Partial<ExportArgsOptions> = {}): ExportArgsOptions => ({
+  recipe: recipe(),
+  format: "mp4",
+  inputName: "input.mp4",
+  outputName: "output.mp4",
+  targetW: 1280,
+  targetH: 720,
+  videoDuration: 6,
+  hasOriginalAudio: true,
+  threads: 0,
+  ...overrides,
+});
+
+/** Value following `flag`, at every occurrence. */
+const valuesOf = (args: string[], flag: string) =>
+  args.flatMap((a, i) => (a === flag ? [args[i + 1]] : []));
+
+describe("resolveThreadCount", () => {
+  it("never passes thread flags to the single-threaded core", () => {
+    expect(resolveThreadCount("single", 16)).toBe(0);
+    expect(resolveThreadCount("single")).toBe(0);
+  });
+
+  it("caps the multi-threaded core at MT_THREAD_CAP however many cores there are", () => {
+    expect(MT_THREAD_CAP).toBe(4);
+    expect(resolveThreadCount("multi", 11)).toBe(4);
+    expect(resolveThreadCount("multi", 64)).toBe(4);
+  });
+
+  it("uses fewer threads on small devices and falls back to the cap when unknown", () => {
+    expect(resolveThreadCount("multi", 2)).toBe(2);
+    expect(resolveThreadCount("multi", 1)).toBe(1);
+    expect(resolveThreadCount("multi", 0)).toBe(4);
+    expect(resolveThreadCount("multi", undefined)).toBe(4);
+    expect(resolveThreadCount("multi", NaN)).toBe(4);
+  });
+});
+
+describe("buildArguments", () => {
+  it("single-threaded: no -threads / -filter_threads anywhere", () => {
+    const args = buildArguments(opts({ threads: 0 }));
+    expect(args).not.toContain("-threads");
+    expect(args).not.toContain("-filter_threads");
+    expect(args).not.toContain("-filter_complex_threads");
+  });
+
+  it("multi-threaded: caps decoder, filter and encoder threads", () => {
+    const args = buildArguments(opts({ threads: 4 }));
+    // Decoder flag must precede -i to apply to the input.
+    expect(args.indexOf("-threads")).toBeLessThan(args.indexOf("-i"));
+    expect(valuesOf(args, "-threads")).toEqual(["4", "4"]);
+    expect(valuesOf(args, "-filter_threads")).toEqual(["4"]);
+    expect(args.at(-1)).toBe("output.mp4");
+  });
+
+  it("adds -filter_complex_threads only when a filter graph is used", () => {
+    const withOverlay = buildArguments(
+      opts({
+        threads: 4,
+        overlay: { inputName: "logo.png", options: { file: null, position: "top-left", size: 120, opacity: 80 } },
+      })
+    );
+    expect(withOverlay).toContain("-filter_complex");
+    expect(valuesOf(withOverlay, "-filter_complex_threads")).toEqual(["4"]);
+    expect(buildArguments(opts({ threads: 4 }))).not.toContain("-filter_complex_threads");
+  });
+
+  it("applies sharpness and volume (these used to be dropped by the worker's copy)", () => {
+    const args = buildArguments(opts({ recipe: recipe({ sharpness: 2, volume: 150 }) }));
+    expect(valuesOf(args, "-vf")[0]).toContain("unsharp=5:5:2:5:5:0.0");
+    expect(valuesOf(args, "-af")[0]).toContain("volume=1.50");
+  });
+
+  it("always bounds output duration when it is known, and omits it when not", () => {
+    expect(valuesOf(buildArguments(opts()), "-t")).toEqual(["6.000000"]);
+    expect(valuesOf(buildArguments(opts({ recipe: recipe({ trimStart: 1, trimEnd: 5, speed: 2 }) })), "-t")).toEqual([
+      "2.000000",
+    ]);
+    expect(buildArguments(opts({ videoDuration: 0 }))).not.toContain("-t");
+  });
+
+  it("positions an image overlay inside the frame", () => {
+    const args = buildArguments(
+      opts({ overlay: { inputName: "logo.png", options: { file: null, position: "bottom-right", size: 100, opacity: 50 } } })
+    );
+    const graph = valuesOf(args, "-filter_complex")[0]!;
+    expect(graph).toContain("overlay=W-w-20:H-h-20");
+    expect(graph).toContain("colorchannelmixer=aa=0.50");
+  });
+
+  it("mixes background music with the original audio and loops it when asked", () => {
+    const args = buildArguments(
+      opts({
+        music: { inputName: "music.mp3", options: { file: null, musicVolume: 50, originalAudioVolume: 100, loopMusic: true } },
+      })
+    );
+    expect(args.slice(0, 6)).toEqual(["-i", "input.mp4", "-stream_loop", "-1", "-i", "music.mp3"]);
+    expect(valuesOf(args, "-filter_complex")[0]).toContain("amix=inputs=2");
+    expect(valuesOf(args, "-map")).toEqual(["[vbase]", "[aout]"]);
+  });
+
+  it("drops audio when the source has none", () => {
+    expect(buildArguments(opts({ hasOriginalAudio: false }))).toContain("-an");
+  });
+
+  it("uses VP8/Vorbis for WebM (VP9 and Opus crash in @ffmpeg/core 0.12.10)", () => {
+    const args = buildArguments(opts({ format: "webm", outputName: "out.webm" }));
+    expect(valuesOf(args, "-c:v")).toEqual(["libvpx"]);
+    expect(valuesOf(args, "-c:a")).toEqual(["libvorbis"]);
+    expect(args).not.toContain("libvpx-vp9");
+    expect(args).not.toContain("libopus");
+    expect(valuesOf(args, "-b:v")).toEqual(["8M"]);
+  });
+});
+
+describe("buildGifArguments", () => {
+  const gif = (threads: number, overrides: Partial<EditRecipe> = {}) =>
+    buildGifArguments({
+      recipe: recipe({ format: "gif", ...overrides }),
+      inputName: "in.mp4",
+      paletteName: "palette.png",
+      outputName: "out.gif",
+      targetW: 480,
+      targetH: 270,
+      videoDuration: 6,
+      threads,
+    });
+
+  it("runs palettegen then paletteuse", () => {
+    const { palette, render } = gif(0);
+    expect(valuesOf(palette, "-vf")[0]).toMatch(/palettegen$/);
+    expect(valuesOf(render, "-lavfi")[0]).toMatch(/paletteuse$/);
+    expect(palette).not.toContain("-threads");
+  });
+
+  it("caps threads in both passes on the multi-threaded core", () => {
+    const { palette, render } = gif(4);
+    expect(valuesOf(palette, "-threads")).toEqual(["4", "4"]);
+    expect(valuesOf(render, "-threads")).toEqual(["4", "4"]);
+    expect(valuesOf(render, "-filter_complex_threads")).toEqual(["4"]);
+  });
+
+  it("only adds -t when speed changes the length", () => {
+    expect(gif(0).render).not.toContain("-t");
+    expect(valuesOf(gif(0, { speed: 2 }).render, "-t")).toEqual(["3.000000"]);
+  });
+});
+
+describe("outputDurationArgs", () => {
+  it("guards against zero, negative and invalid durations", () => {
+    expect(outputDurationArgs(recipe(), 0)).toEqual([]);
+    expect(outputDurationArgs(recipe({ trimStart: 8 }), 6)).toEqual([]);
+    expect(outputDurationArgs(recipe({ speed: 0 }), 6)).toEqual([]);
+  });
+});
diff --git a/src/lib/tests/ffmpegClient.test.ts b/src/lib/tests/ffmpegClient.test.ts
index bcfe00586..5cc3c2cda 100644
--- a/src/lib/tests/ffmpegClient.test.ts
+++ b/src/lib/tests/ffmpegClient.test.ts
@@ -5,7 +5,11 @@ import {
   terminateFFmpeg,
   dedupeProgress,
   getFFmpegClientState,
+  getEngineMode,
+  resetEnginePreferenceForTests,
   FFmpegLoadError,
+  ExportStalledError,
+  STALL_TIMEOUT_MS,
 } from "../ffmpeg";
 import { DEFAULT_RECIPE } from "../constants";
 
@@ -24,14 +28,14 @@ const workers: FakeWorker[] = [];
 class FakeWorker {
   onmessage: ((e: MessageEvent) => void) | null = null;
   onerror: ((e: ErrorEvent) => void) | null = null;
-  posted: { type: string; id?: string }[] = [];
+  posted: { type: string; id?: string; singleThread?: boolean }[] = [];
   terminated = false;
   constructor() {
     workers.push(this);
   }
-  postMessage(msg: { type: string; id?: string }) {
+  postMessage(msg: { type: string; id?: string; singleThread?: boolean }) {
     this.posted.push(msg);
-    if (msg.type === "load") queueMicrotask(() => (script.onLoad ?? ((w) => w.emit({ type: "ready" })))(this));
+    if (msg.type === "load") queueMicrotask(() => (script.onLoad ?? ((w) => w.emit({ type: "ready", mode: "single" })))(this));
     if (msg.type === "export") queueMicrotask(() => script.onExport?.(this, msg.id!));
   }
   terminate() {
@@ -66,6 +70,8 @@ beforeEach(() => {
 
 afterEach(() => {
   terminateFFmpeg();
+  resetEnginePreferenceForTests();
+  vi.useRealTimers();
   vi.unstubAllGlobals();
 });
 
@@ -162,4 +168,70 @@ describe("FFmpeg client lifecycle", () => {
     res.dispose();
     expect(URL.revokeObjectURL).toHaveBeenCalledWith("blob:out");
   });
+
+  it("records which core the worker actually loaded", async () => {
+    script.onLoad = (w) => w.emit({ type: "ready", mode: "multi" });
+    expect(getEngineMode()).toBeNull();
+    await loadFFmpeg();
+    expect(getEngineMode()).toBe("multi");
+  });
+
+  it("a worker error without an export id fails the pending export instead of hanging it", async () => {
+    script.onExport = (w) => w.emit({ type: "error", message: "unexpected" });
+    await loadFFmpeg();
+    await expect(run()).rejects.toBeInstanceOf(FFmpegLoadError);
+    expect(workers[0]!.terminated).toBe(true);
+    expect(getFFmpegClientState()).toEqual({ hasWorker: false, hasPendingExport: false, hasPendingProgress: false });
+  });
+
+  it("cancelling during engine load discards the half-loaded worker", async () => {
+    script.onLoad = () => {}; // never finishes
+    const controller = new AbortController();
+    const loading = loadFFmpeg(controller.signal);
+    await new Promise((r) => setTimeout(r, 0));
+    controller.abort();
+    await expect(loading).rejects.toMatchObject({ name: "AbortError" });
+    expect(workers[0]!.terminated).toBe(true);
+
+    script.onLoad = undefined;
+    script.onExport = (w, id) => w.emit(result(id));
+    await expect(run()).resolves.toMatchObject({ format: "mp4" });
+    expect(workers).toHaveLength(2);
+  });
+
+  it("heartbeats keep a slow export alive", async () => {
+    vi.useFakeTimers();
+    let worker!: FakeWorker;
+    let jobId = "";
+    script.onExport = (w, id) => {
+      worker = w;
+      jobId = id;
+    };
+    const pending = run();
+    for (let t = 0; t < STALL_TIMEOUT_MS * 2; t += 10_000) {
+      await vi.advanceTimersByTimeAsync(10_000);
+      worker?.emit({ type: "heartbeat" });
+    }
+    worker.emit(result(jobId));
+    await expect(pending).resolves.toMatchObject({ size: 8 });
+  });
+
+  it("a stalled multi-threaded export fails, and the retry loads the single-threaded core", async () => {
+    vi.useFakeTimers();
+    script.onLoad = (w) => w.emit({ type: "ready", mode: "multi" });
+    script.onExport = () => {}; // wedged: no progress, no heartbeat
+    const pending = run();
+    const assertion = expect(pending).rejects.toBeInstanceOf(ExportStalledError);
+    await vi.advanceTimersByTimeAsync(STALL_TIMEOUT_MS + 5_000);
+    await assertion;
+    await expect(pending).rejects.toMatchObject({ mode: "multi" });
+    expect(workers[0]!.terminated).toBe(true);
+    expect(getFFmpegClientState().hasWorker).toBe(false);
+
+    script.onLoad = undefined;
+    script.onExport = (w, id) => w.emit(result(id));
+    await expect(run()).resolves.toMatchObject({ format: "mp4" });
+    expect(workers[1]!.posted.find((m) => m.type === "load")).toMatchObject({ singleThread: true });
+  });
 });
+
diff --git a/src/lib/tests/ffmpegWorker.test.ts b/src/lib/tests/ffmpegWorker.test.ts
new file mode 100644
index 000000000..cca548dfc
--- /dev/null
+++ b/src/lib/tests/ffmpegWorker.test.ts
@@ -0,0 +1,212 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
+import { DEFAULT_RECIPE } from "../constants";
+import type { EditRecipe } from "../types";
+
+// Drives the real worker module (the code that runs in production) against a
+// fake FFmpeg, so command-line fixes are tested where they execute rather
+// than in a copy.
+
+const h = vi.hoisted(() => {
+  type Listener = (event: { message?: string; progress?: number }) => void;
+  class FakeFFmpeg {
+    static instances: FakeFFmpeg[] = [];
+    static loadImpl: (config: Record<string, string>) => Promise<void> = async () => {};
+    static execImpl: ((args: string[]) => Promise<number>) | null = null;
+    listeners = { progress: new Set<Listener>(), log: new Set<Listener>() };
+    config: Record<string, string> = {};
+    execCalls: string[][] = [];
+    deleted: string[] = [];
+    files = new Map<string, Uint8Array>();
+    terminated = false;
+    constructor() {
+      FakeFFmpeg.instances.push(this);
+    }
+    on(event: "progress" | "log", fn: Listener) {
+      this.listeners[event].add(fn);
+    }
+    off(event: "progress" | "log", fn: Listener) {
+      this.listeners[event].delete(fn);
+    }
+    async load(config: Record<string, string>) {
+      this.config = config;
+      await FakeFFmpeg.loadImpl(config);
+    }
+    async writeFile(name: string, data: Uint8Array) {
+      this.files.set(name, data);
+    }
+    async exec(args: string[]) {
+      this.execCalls.push(args);
+      if (FakeFFmpeg.execImpl) return FakeFFmpeg.execImpl(args);
+      this.listeners.log.forEach((fn) => fn({ message: "frame=  1 fps=0.0 time=00:00:00.04" }));
+      this.listeners.progress.forEach((fn) => fn({ progress: 0.5 }));
+      this.files.set(args.at(-1)!, new Uint8Array([1, 2, 3]));
+      return 0;
+    }
+    async readFile(name: string) {
+      return this.files.get(name)!;
+    }
+    async deleteFile(name: string) {
+      this.deleted.push(name);
+    }
+    terminate() {
+      this.terminated = true;
+    }
+  }
+  return { FakeFFmpeg };
+});
+
+vi.mock("@ffmpeg/ffmpeg", () => ({ FFmpeg: h.FakeFFmpeg }));
+vi.mock("@ffmpeg/util", () => ({ toBlobURL: vi.fn() }));
+
+const posted: { type: string; [k: string]: unknown }[] = [];
+let handler: ((event: MessageEvent) => void) | null = null;
+
+async function startWorker({ isolated, cores = 11 }: { isolated: boolean; cores?: number }) {
+  Object.defineProperty(window, "crossOriginIsolated", { configurable: true, value: isolated });
+  Object.defineProperty(navigator, "hardwareConcurrency", { configurable: true, value: cores });
+  const add = vi.spyOn(self, "addEventListener");
+  vi.resetModules();
+  await import("../ffmpeg.worker");
+  const call = add.mock.calls.find(([type]) => type === "message")!;
+  handler = call[1] as (event: MessageEvent) => void;
+  add.mockRestore();
+}
+
+const send = (data: unknown) => handler!({ data } as MessageEvent);
+const waitFor = (type: string) => vi.waitFor(() => expect(posted.some((m) => m.type === type)).toBe(true));
+const ffmpeg = () => h.FakeFFmpeg.instances.at(-1)!;
+
+function exportRequest(recipe: Partial<EditRecipe> = {}) {
+  return {
+    type: "export",
+    id: "job1",
+    file: { name: "My holiday.mp4", type: "video/mp4", data: new ArrayBuffer(16) },
+    recipe: { ...DEFAULT_RECIPE, ...recipe },
+    videoDuration: 6,
+  };
+}
+
+beforeEach(() => {
+  posted.length = 0;
+  h.FakeFFmpeg.instances.length = 0;
+  h.FakeFFmpeg.loadImpl = async () => {};
+  h.FakeFFmpeg.execImpl = null;
+  vi.stubGlobal("postMessage", vi.fn((msg) => posted.push(msg)));
+  vi.stubGlobal(
+    "fetch",
+    vi.fn(async () => ({ ok: true, status: 200, arrayBuffer: async () => new ArrayBuffer(1) }))
+  );
+  URL.createObjectURL = vi.fn(() => "blob:core");
+});
+
+afterEach(() => {
+  vi.unstubAllGlobals();
+  if (handler) self.removeEventListener("message", handler as EventListener);
+  handler = null;
+});
+
+describe("ffmpeg.worker", () => {
+  it("isolated: loads the MT core and caps threads in the command it runs", async () => {
+    await startWorker({ isolated: true, cores: 16 });
+    send({ type: "load" });
+    await waitFor("ready");
+    expect(posted.find((m) => m.type === "ready")).toMatchObject({ mode: "multi" });
+    expect(ffmpeg().config.coreURL).toBeDefined();
+    expect(ffmpeg().config.workerURL).toBeDefined();
+    expect(vi.mocked(fetch).mock.calls[0]![0]).toContain("@ffmpeg/core-mt@");
+
+    send(exportRequest({ sharpness: 2, volume: 50 }));
+    await waitFor("result");
+    const args = ffmpeg().execCalls[0]!;
+    const threads = args.flatMap((a, i) => (a === "-threads" ? [args[i + 1]] : []));
+    expect(threads).toEqual(["4", "4"]);
+    // Settings the old in-worker copy silently ignored:
+    expect(args.join(" ")).toContain("unsharp=5:5:2");
+    expect(args.join(" ")).toContain("volume=0.50");
+  });
+
+  it("not isolated: loads the single-threaded core and passes no thread flags", async () => {
+    await startWorker({ isolated: false });
+    send({ type: "load" });
+    await waitFor("ready");
+    expect(posted.find((m) => m.type === "ready")).toMatchObject({ mode: "single" });
+    expect(ffmpeg().config.workerURL).toBeUndefined();
+    expect(vi.mocked(fetch).mock.calls[0]![0]).toContain("@ffmpeg/core@");
+
+    send(exportRequest());
+    await waitFor("result");
+    expect(ffmpeg().execCalls[0]).not.toContain("-threads");
+  });
+
+  it("falls back to the single-threaded core if the MT core fails to load", async () => {
+    await startWorker({ isolated: true });
+    h.FakeFFmpeg.loadImpl = async (config) => {
+      if (config.workerURL) throw new Error("MT instantiate failed");
+    };
+    send({ type: "load" });
+    await waitFor("ready");
+    expect(posted.find((m) => m.type === "ready")).toMatchObject({ mode: "single" });
+    expect(h.FakeFFmpeg.instances[0]!.terminated).toBe(true);
+
+    send(exportRequest());
+    await waitFor("result");
+    expect(ffmpeg().execCalls[0]).not.toContain("-threads");
+  });
+
+  it("honours singleThread on load even when isolated", async () => {
+    await startWorker({ isolated: true });
+    send({ type: "load", singleThread: true });
+    await waitFor("ready");
+    expect(posted.find((m) => m.type === "ready")).toMatchObject({ mode: "single" });
+  });
+
+  it("reports a failed engine download instead of loading garbage", async () => {
+    await startWorker({ isolated: false });
+    vi.mocked(fetch).mockResolvedValue({ ok: false, status: 404, arrayBuffer: async () => new ArrayBuffer(0) } as Response);
+    send({ type: "load" });
+    await waitFor("error");
+    expect(posted.find((m) => m.type === "error")?.message).toMatch(/HTTP 404/);
+  });
+
+  it("removes its listeners and temp files after every export, and sends heartbeats", async () => {
+    await startWorker({ isolated: false });
+    send({ type: "load" });
+    await waitFor("ready");
+    for (let i = 0; i < 3; i++) {
+      posted.length = 0;
+      send({ ...exportRequest(), id: `job${i}` });
+      await waitFor("result");
+    }
+    expect(ffmpeg().listeners.log.size).toBe(0);
+    expect(ffmpeg().listeners.progress.size).toBe(0);
+    expect(ffmpeg().deleted).toEqual(expect.arrayContaining(["input_job2.mp4", "output_job2.mp4"]));
+    expect(posted.some((m) => m.type === "heartbeat")).toBe(true);
+    // Temp names come from the job id, never the user's file name.
+    expect([...ffmpeg().files.keys()].some((name) => name.includes("holiday"))).toBe(false);
+  });
+
+  it("reports a wasm trap (a rejected string) with its text, not 'undefined'", async () => {
+    await startWorker({ isolated: false });
+    send({ type: "load" });
+    await waitFor("ready");
+    h.FakeFFmpeg.execImpl = () => Promise.reject("RuntimeError: memory access out of bounds");
+    send(exportRequest());
+    await waitFor("error");
+    expect(posted.find((m) => m.type === "error")).toMatchObject({
+      id: "job1",
+      message: "RuntimeError: memory access out of bounds",
+    });
+  });
+
+  it("GIF exports use the shared two-pass builder with thread caps", async () => {
+    await startWorker({ isolated: true });
+    send({ type: "load" });
+    await waitFor("ready");
+    send(exportRequest({ format: "gif" }));
+    await waitFor("result");
+    const [palette, render] = ffmpeg().execCalls;
+    expect(palette!.join(" ")).toContain("palettegen");
+    expect(render!.join(" ")).toContain("paletteuse");
+    expect(render).toContain("-filter_complex_threads");
+  });
+});
diff --git a/src/lib/tests/telemetry.test.ts b/src/lib/tests/telemetry.test.ts
index 0f5b7b777..10867554c 100644
--- a/src/lib/tests/telemetry.test.ts
+++ b/src/lib/tests/telemetry.test.ts
@@ -9,6 +9,12 @@ import {
   resolutionBucket,
   failureCategory,
   capabilityContext,
+  resolveTelemetryEnv,
+  currentTelemetryEnv,
+  telemetryConfigured,
+  scrubText,
+  sanitizeRumEvent,
+  addTelemetryRedaction,
 } from "../telemetry";
 import type { DatadogRum } from "@datadog/browser-rum";
 
@@ -28,6 +34,8 @@ describe("telemetry", () => {
     resetTelemetryForTests();
     vi.stubEnv("NEXT_PUBLIC_DATADOG_APPLICATION_ID", "app");
     vi.stubEnv("NEXT_PUBLIC_DATADOG_CLIENT_TOKEN", "token");
+    // jsdom runs on localhost, which is disabled unless an env is explicit.
+    vi.stubEnv("NEXT_PUBLIC_DATADOG_ENV", "unit-test");
   });
   afterEach(() => vi.unstubAllEnvs());
 
@@ -77,6 +85,9 @@ describe("telemetry", () => {
     expect(failureCategory(new Error("Failed to fetch core"))).toBe("network");
     expect(failureCategory(new DOMException("x", "AbortError"))).toBe("cancelled");
     expect(failureCategory(new Error("/Users/me/secret-video.mp4: Invalid data"))).toBe("ffmpeg");
+    expect(failureCategory(new Error("RuntimeError: memory access out of bounds"))).toBe("crash");
+    expect(failureCategory(new Error("Aborted(OOM)"))).toBe("memory");
+    expect(failureCategory(Object.assign(new Error("x"), { name: "ExportStalledError" }))).toBe("stalled");
   });
 
   it("capability context contains only coarse, non-identifying values", () => {
@@ -89,3 +100,100 @@ describe("telemetry", () => {
     );
   });
 });
+
+describe("telemetry environment", () => {
+  afterEach(() => vi.unstubAllEnvs());
+
+  it("never reports local or automated runs as production", () => {
+    for (const hostname of ["localhost", "127.0.0.1", "[::1]", "192.168.1.20", "10.0.0.5", "reframe.local", "app.localhost", ""]) {
+      expect(resolveTelemetryEnv({ hostname })).toBeNull();
+      expect(resolveTelemetryEnv({ hostname, explicitEnv: "production" })).toBeNull();
+    }
+    expect(resolveTelemetryEnv({ hostname: "reframe-lilac.vercel.app", webdriver: true })).toBeNull();
+  });
+
+  it("lets local perf runs opt in under a non-production env", () => {
+    expect(resolveTelemetryEnv({ hostname: "localhost", explicitEnv: "local-perf" })).toBe("local-perf");
+    expect(resolveTelemetryEnv({ hostname: "localhost", webdriver: true, explicitEnv: "local-perf" })).toBe("local-perf");
+  });
+
+  it("tags deployed builds by Vercel environment, defaulting to production", () => {
+    expect(resolveTelemetryEnv({ hostname: "reframe-lilac.vercel.app" })).toBe("production");
+    expect(resolveTelemetryEnv({ hostname: "reframe-lilac.vercel.app", vercelEnv: "production" })).toBe("production");
+    expect(resolveTelemetryEnv({ hostname: "reframe-abc.vercel.app", vercelEnv: "preview" })).toBe("preview");
+    expect(resolveTelemetryEnv({ hostname: "example.netlify.app", explicitEnv: "staging" })).toBe("staging");
+  });
+
+  it("can be switched off explicitly", () => {
+    expect(resolveTelemetryEnv({ hostname: "reframe-lilac.vercel.app", explicitEnv: "off" })).toBeNull();
+  });
+
+  it("in this jsdom (localhost) run, RUM stays off without an explicit env", () => {
+    vi.stubEnv("NEXT_PUBLIC_DATADOG_APPLICATION_ID", "app");
+    vi.stubEnv("NEXT_PUBLIC_DATADOG_CLIENT_TOKEN", "token");
+    vi.stubEnv("NEXT_PUBLIC_DATADOG_ENV", "");
+    expect(currentTelemetryEnv()).toBeNull();
+    expect(telemetryConfigured()).toBe(false);
+    resetTelemetryForTests();
+    const rum = fakeRum();
+    registerRum(rum);
+    trackAction("export_start");
+    expect(rum.addAction).not.toHaveBeenCalled();
+  });
+});
+
+describe("RUM event sanitising", () => {
+  beforeEach(() => resetTelemetryForTests());
+
+  it("removes registered file names and captions, including the bare stem", () => {
+    addTelemetryRedaction("Family trip 2026.mov", "Happy birthday Sam!");
+    const out = scrubText("Failed to restore 'Family trip 2026.mov' (Family trip 2026) caption=Happy birthday Sam!");
+    expect(out).not.toMatch(/Family|birthday|Sam/);
+  });
+
+  it("removes media file names, local paths, blob/file URLs and query strings it was never told about", () => {
+    const out = scrubText(
+      "Error at /Users/alex/Movies/secret.mp4 C:\\Users\\alex\\clip.webm blob:https://x.app/1234-abcd " +
+        "file:///home/alex/a.mkv https://reframe.app/?brightness=0.4&text=hi#t holiday.MOV"
+    );
+    expect(out).not.toMatch(/alex|secret|clip\.webm|1234-abcd|brightness|holiday/i);
+    expect(out).toContain("https://reframe.app/");
+  });
+
+  it("keeps ordinary stack frames readable", () => {
+    const frame = "at exportVideo (https://reframe.app/_next/static/chunks/123-abc.js:1:2345)";
+    expect(scrubText(frame)).toBe(frame);
+  });
+
+  it("caps long messages", () => {
+    expect(scrubText("x".repeat(5000)).length).toBeLessThanOrEqual(1001);
+  });
+
+  it("sanitises views, resources, errors and action names, and drops blob resources", () => {
+    addTelemetryRedaction("wedding.mp4");
+    const view = { type: "view", view: { url: "https://reframe.app/?contrast=1.2", referrer: "https://ref.example/?q=1" } };
+    expect(sanitizeRumEvent(view)).toBe(true);
+    expect(view.view).toEqual({ url: "https://reframe.app/", referrer: "https://ref.example/" });
+
+    expect(sanitizeRumEvent({ type: "resource", resource: { url: "blob:https://reframe.app/abc" } })).toBe(false);
+    const resource = { type: "resource", resource: { url: "https://cdn.jsdelivr.net/core.wasm?v=1" } };
+    sanitizeRumEvent(resource);
+    expect(resource.resource.url).toBe("https://cdn.jsdelivr.net/core.wasm");
+
+    const error = {
+      type: "error",
+      error: {
+        message: "console error: Failed to restore video session: wedding.mp4",
+        stack: "Error: wedding.mp4\n at x (https://reframe.app/_next/static/chunks/a.js:1:1)",
+        resource: { url: "https://reframe.app/?speed=2" },
+        causes: [{ message: "nested wedding.mp4", stack: "" }],
+      },
+    };
+    sanitizeRumEvent(error);
+    expect(JSON.stringify(error)).not.toMatch(/wedding|speed=2/);
+
+    const action = { type: "action", action: { target: { name: "Remove wedding.mp4" } } };
+    sanitizeRumEvent(action);
+    expect(action.action.target.name).not.toContain("wedding");
+  });
+});
diff --git a/vercel.json b/vercel.json
index 60c58b0bd..709d0f724 100644
--- a/vercel.json
+++ b/vercel.json
@@ -1,9 +1,4 @@
 {
-  "routes": [
-    {
-      "handle": "filesystem"
-    }
-  ],
   "headers": [
     {
       "source": "/(.*)",
@@ -18,10 +13,6 @@
           "key": "Permissions-Policy",
           "value": "camera=(), microphone=(), geolocation=()"
         },
-        {
-          "key": "Strict-Transport-Security",
-          "value": "max-age=31536000; includeSubDomains"
-        },
         {
           "key": "Cross-Origin-Opener-Policy",
           "value": "same-origin"

From e887f107456630f1e8bf80a341fd9af4e9e8cb80 Mon Sep 17 00:00:00 2001
From: Akanksha Trehun <akankshatrehun@gmail.com>
Date: Wed, 21 Oct 2026 16:03:15 +0530
Subject: [PATCH 03/11] feat: editorial "screening room" redesign inspired by
 Elyse Residence

- Palette tokens from the reference (near-black, slate, warm brown,
  charcoal, warm ivory); warm brown marks selection, film red is kept for
  Export/Download, playhead, trim range and progress. High contrast intact.
- Self-hosted Cormorant Garamond (next/font, no runtime request) for headings,
  the wordmark and the export percentage; system sans for every control.
- Source / Edit / Output sections with parenthetical markers, hairline
  separators instead of cards, pill buttons, hairline sliders and progress.
- Dark "screen" drop zone, numbered two-stage export dialog with a large
  serif percentage, serif completion panel with a Keep editing action.
- CSS-only motion: masked headline rise, staggered fades, frame settle,
  grid-row disclosures (closed content is visibility:hidden), hover zoom on
  thumbnails. Reduced motion disables all of it; nothing animates the LCP
  element or the <video>.
- Export dialog no longer announces every percent to screen readers.
- Tooling: bench.js detects collapsed panels with checkVisibility(); local
  server serves contact.html for /contact like Vercel. Stabilised a
  flaky render-count test baseline.

Lighthouse (mobile, median of 5): perf 100, LCP 1.10s -> 1.40s, CLS 0,
+78 KB fonts. See docs/PERFORMANCE.md.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/PERFORMANCE.md                           |  76 +++
 scripts/perf/bench.js                         |  11 +-
 scripts/perf/serve.mjs                        |   6 +-
 src/app/globals.css                           | 539 ++++++++++++++----
 src/app/layout.tsx                            |  37 +-
 src/components/DownloadResult.tsx             |  40 +-
 src/components/ExportOverlay.stories.tsx      |  32 +-
 src/components/ExportOverlay.tsx              |  82 +--
 src/components/FileUpload.tsx                 |  84 ++-
 src/components/Footer.tsx                     |  34 +-
 src/components/FramingControl.tsx             |   2 +-
 src/components/ImageOverlay.tsx               |  32 +-
 src/components/OnboardingTour.tsx             |  31 +-
 src/components/PresetSelector.tsx             |   4 +-
 src/components/PrivacyBanner.tsx              |   7 +-
 src/components/RotateControl.tsx              |   2 +-
 src/components/TextControls.tsx               |   4 +-
 src/components/ThemeToggle.tsx                |  21 +-
 src/components/ThumbnailStrip.tsx             |  13 +-
 src/components/TipCarousel.tsx                |  11 +-
 src/components/TrimControl.tsx                |   2 +-
 src/components/VideoEditor.tsx                | 171 ++++--
 src/components/VideoPreview.tsx               |  10 +-
 src/components/__tests__/performance.test.tsx |   3 +
 tailwind.config.ts                            |  21 +-
 25 files changed, 920 insertions(+), 355 deletions(-)

diff --git a/docs/PERFORMANCE.md b/docs/PERFORMANCE.md
index b5f1f3557..65390982e 100644
--- a/docs/PERFORMANCE.md
+++ b/docs/PERFORMANCE.md
@@ -446,6 +446,82 @@ Benchmarks on `localhost` send no RUM events, even with keys in
 local run, build with `NEXT_PUBLIC_DATADOG_ENV=local-perf` and filter on
 `env:local-perf` in Datadog.
 
+## Editorial redesign: measured cost (2026-10-21)
+
+The "screening room" redesign adds two things that cost bytes or time:
+- **Self-hosted Cormorant Garamond.** next/font serves it from this origin,
+  so there is no runtime Google request and COEP is unaffected. It uses
+  `display: swap` with a metric-adjusted fallback.
+  - The upright Latin file is preloaded (37 KB).
+  - The italic (39 KB) is fetched on use, for the parenthetical labels.
+- **CSS-only motion.** A masked headline rise, staggered region fades, a
+  drop-zone frame that settles in, a frame wipe for the preview on mount,
+  and grid-row disclosures.
+  - No animation library.
+  - Nothing animates during playback except the active thumbnail's border
+    colour.
+  - Reduced motion removes all of it.
+
+Lighthouse mobile, local production build, median of 5, same machine and
+session. Before = `33b2c5a`.
+
+| | Before | After |
+|---|---|---|
+| Performance | 100 | 100 |
+| FCP | 877 ms | 880 ms |
+| LCP | 1,102 ms | 1,402 ms |
+| TBT | 12 ms | 12 ms |
+| CLS | 0 | 0 |
+| Speed index | 2,678 | 2,207 |
+| Accessibility / best practices | 100 / 100 | 100 / 100 |
+| Transfer | 203 KB | 281 KB (+78 KB = the two font files) |
+
+**Lesson recorded for future changes.** The first version of the redesign
+measured **LCP 2,184 ms**. The LCP element (the drop-zone title) was hidden
+by entrance animations until they finished:
+- a clip-path wipe on the drop zone
+- an opacity fade on its section
+
+Lighthouse reported about 750 ms of "element render delay". The primary
+action is now painted from the first frame, and only decorative elements
+(the headline lines, the hairline frame, secondary sections) animate.
+**Don't put opacity, clip-path or masked entrances on the LCP element or its
+ancestors.**
+
+Interaction benchmark (`bench.js`, same 6 s clip, after vs before the
+redesign):
+
+| | Isolated | Not isolated |
+|---|---|---|
+| 30 slider steps: task time | 136 → 136 ms | 152 → 129 ms |
+| Style recalcs | 38 → 30 | 38 → 31 |
+| Slow events (>16 ms) | 22 → 16 | 25 → 19 |
+| Worst event | 48 → 24 ms | 24 → 24 ms |
+| URL writes | 2 → 2 | 2 → 2 |
+| 5 s playback: script time | 4 → 5 ms | 5 → 4 ms |
+| Playback style recalcs | 34 → 40 | 30 → 41 |
+| MP4 720p / 1080p / portrait encode | 1.24 / 2.56 / 1.62 s | 5.71 / 11.47 / 7.43 s |
+| Long tasks during export | 0 | 0 |
+| Cancel → idle | 9 ms | 7–11 ms |
+| Workers | 34 | 2 |
+
+Export times are within run-to-run noise of the previous table. `matrix.js`
+passes in both modes: cancel during load, MP4 with sharpness and volume,
+WebM and GIF.
+
+`bench.js` now opens a collapsed panel using `checkVisibility()`. The new
+disclosures keep closed content in the DOM as `visibility:hidden`, so the
+old `offsetParent` check silently skipped the slider scenario.
+
+Motion audit (`motion.js`, landing page): 56 of 450 elements have a
+transition (48 before; the extra ones are interactive controls). That drops
+to 0 under reduced motion, and there are 0 infinite animations.
+
+Screenshots (light, dark, high contrast; 1280×720, 1366×768, tablet,
+mobile) were taken with a scratch Puppeteer script, not a test. No console
+errors or failed requests were seen, there was no horizontal overflow, and
+Export was visible at every size.
+
 ## Known bottlenecks and limitations
 
 - **Memory.**
diff --git a/scripts/perf/bench.js b/scripts/perf/bench.js
index 5758b7fb6..fac5bc5a2 100644
--- a/scripts/perf/bench.js
+++ b/scripts/perf/bench.js
@@ -113,8 +113,15 @@ async function runExport(page, { cancelAtPercent } = {}) {
     await page.evaluate(() => document.querySelector("video").pause());
 
     // Sliders: 30 keyboard steps on brightness, 40 ms apart (a quick drag).
-    const visible = await page.$eval("#brightness-slider", (el) => el.offsetParent !== null).catch(() => false);
-    if (!visible) await clickByText(page, "adjust colour");
+    // checkVisibility also catches a collapsed (visibility:hidden) disclosure,
+    // which offsetParent alone does not.
+    const visible = await page.$eval("#brightness-slider", (el) =>
+      el.checkVisibility ? el.checkVisibility({ visibilityProperty: true, opacityProperty: true }) : el.offsetParent !== null
+    ).catch(() => false);
+    if (!visible) {
+      await clickByText(page, "adjust colour");
+      await sleep(400); // let the disclosure finish opening
+    }
     await page.evaluate(() => { window.__ev = []; window.__rs = 0; window.__lt = []; });
     await page.focus("#brightness-slider");
     await page.keyboard.press("Home");
diff --git a/scripts/perf/serve.mjs b/scripts/perf/serve.mjs
index 2cad2048a..d952afaa7 100644
--- a/scripts/perf/serve.mjs
+++ b/scripts/perf/serve.mjs
@@ -28,8 +28,10 @@ http.createServer((req, res) => {
   let p = decodeURIComponent(new URL(req.url, "http://x").pathname);
   let file = path.join(root, p);
   if (!file.startsWith(root)) { res.writeHead(403).end(); return; }
-  if (fs.existsSync(file) && fs.statSync(file).isDirectory()) file = path.join(file, "index.html");
-  if (!fs.existsSync(file) && fs.existsSync(file + ".html")) file += ".html";
+  // Static export writes both `contact.html` and a `contact/` directory of
+  // RSC segments; like Vercel, prefer the .html file for a bare path.
+  if (fs.existsSync(file + ".html")) file += ".html";
+  else if (fs.existsSync(file) && fs.statSync(file).isDirectory()) file = path.join(file, "index.html");
   if (!fs.existsSync(file)) { res.writeHead(404, headers).end("not found"); return; }
   const ext = path.extname(file);
   const body = fs.readFileSync(file);
diff --git a/src/app/globals.css b/src/app/globals.css
index e12ac14ca..57e82d3d4 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -3,102 +3,152 @@
 @tailwind utilities;
 
 /*
- * Reframe design tokens.
+ * Reframe design tokens — "screening room" palette.
+ *
+ * Near-black, slate, warm brown, charcoal and warm ivory, with the film red
+ * from the logo kept for the few things that must be found instantly: the
+ * Export/Download action, the playhead, the trim range and progress.
  *
  * The five core names (--bg, --surface, --border, --text, --muted) are a
- * public contract used by every component — never rename them. Everything
- * else here refines that base: a secondary surface for inset controls, a
- * stronger border for inputs, a film-red accent used sparingly, a blue focus
- * colour that never reads as an error, and status colours.
+ * public contract used by every component — never rename them. Raw palette
+ * values live only in this file; components use the semantic tokens.
  */
 
-/* ── Light (default) ── */
+/* ── Light: warm ivory ── */
 :root {
   --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, Roboto,
     "Helvetica Neue", Arial, sans-serif;
+  /* Set by next/font in layout.tsx (self-hosted at build time). The fallback
+     stack keeps headings serif if the font file hasn't arrived yet. */
+  --font-serif: var(--font-cormorant), "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype",
+    Palatino, Georgia, serif;
+  --font-serif-italic: var(--font-cormorant-italic), var(--font-serif);
   --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
 
-  --bg: #eeeff1;
-  --surface: #ffffff;
-  --surface-2: #f5f6f7;
-  --border: #dcdee2;
-  --border-strong: #c3c7ce;
-  --text: #16181c;
-  --text-secondary: #3d4148;
-  --muted: #5f646d;
-
-  /* Film red from the logo, darkened so white text on it passes AA (4.9:1). */
-  --accent: #d42f3c;
-  --accent-hover: #b8222e;
-  --accent-muted: rgba(212, 47, 60, 0.09);
-  --accent-text: #b3202c;
+  /* Palette (reference values; use the semantic tokens below in components) */
+  --ink: #0a0a0a;
+  --slate: #313945;
+  --brown: #463729;
+  --charcoal: #535352;
+  --ivory: #f5f5f3;
+  --stone: #807d7a;
+  --mist: #9c9d9c;
+
+  --bg: var(--ivory);
+  --surface: #fafaf8;
+  --surface-2: #ecebe7;
+  --border: #dedcd6;
+  /* Input/handle outlines: ≥3:1 against --bg and --surface (WCAG 1.4.11). */
+  --border-strong: #8a8682;
+  --text: #121211;
+  --text-secondary: var(--charcoal); /* 7.1:1 on ivory */
+  /* --stone (#807d7a) is 3.7:1 on ivory — too light for small text — so muted
+     text uses the same hue, darkened to 5.1:1. */
+  --muted: #6b6865;
+
+  /* Selection / "this is the active choice": warm brown, never red. */
+  --selected: var(--brown);
+  --selected-bg: rgba(70, 55, 41, 0.08);
+  --on-selected: var(--ivory);
+  /* Secondary controls */
+  --control: var(--slate);
+
+  /* Film red, deepened slightly so white text passes AA (5.6:1). */
+  --accent: #c42f3a;
+  --accent-hover: #a8242e;
+  --accent-muted: rgba(196, 47, 58, 0.09);
+  --accent-text: #a8242e;
   --on-accent: #ffffff;
-  --film-600: #d42f3c;
-  --film-400: #e85560;
-
-  --focus: #2f6fed;
-  --focus-ring: 0 0 0 2px var(--surface), 0 0 0 4px var(--focus);
-
-  --success: #1d7a45;
-  --success-bg: #e8f5ed;
-  --warning: #915200;
-  --warning-bg: #fdf3e2;
-  --error: #b42318;
-  --error-bg: #fdecea;
-  --error-border: #f4b8b1;
-  --error-hover: #fad9d5;
-
-  /* The viewer stays dark in every theme, like a reference monitor. */
-  --viewer: #0c0d0f;
-
-  --radius: 10px;
-  --radius-control: 8px;
-  --radius-panel: 12px;
-  --shadow: 0 1px 2px rgba(22, 24, 28, 0.06), 0 1px 1px rgba(22, 24, 28, 0.04);
-  --shadow-overlay: 0 12px 32px rgba(22, 24, 28, 0.18);
-
-  --dur-fast: 120ms;
-  --dur-base: 160ms;
+  --film-600: #c42f3a;
+  --film-400: #de5560;
+
+  --focus: var(--slate);
+  --focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--focus);
+
+  --success: #2f6b45;
+  --success-bg: #e7efe8;
+  --warning: #855000;
+  --warning-bg: #f6eddd;
+  --error: #a8261d;
+  --error-bg: #f7e6e3;
+  --error-border: #e4b2ab;
+  --error-hover: #f1d6d1;
+
+  /* The viewer stays black in every theme, like a grading monitor. */
+  --viewer: var(--ink);
+  --viewer-frame: #1c1c1b;
+  /* The empty drop zone: a dark "screen". Same as the viewer in light mode;
+     slate-tinted in dark mode so it separates from the near-black page, like
+     the reference's slate-black panels. */
+  --stage: var(--ink);
+  /* Text placed on the viewer/drop-zone screen (always dark). */
+  --viewer-text: var(--ivory);
+  --viewer-muted: var(--mist);
+  --viewer-error: #f3a39b;
+
+  --radius: 6px;
+  --radius-control: 6px;
+  --radius-panel: 8px;
+  --radius-pill: 999px;
+  --shadow: 0 1px 2px rgba(18, 18, 17, 0.05);
+  --shadow-overlay: 0 24px 60px rgba(10, 10, 10, 0.22);
+
+  /* Motion: fast = hover/press, base = state changes, panel = disclosure,
+     enter = once-per-mount entrances. Durations are deliberately short;
+     reduced motion disables all of them (bottom of file). */
+  --dur-fast: 140ms;
+  --dur-base: 220ms;
   --dur-slow: 220ms;
+  --dur-panel: 280ms;
+  --dur-enter: 560ms;
   --ease-standard: cubic-bezier(0.2, 0, 0, 1);
+  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
+  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
 
   color-scheme: light;
 }
 
-/* ── Dark ── */
+/* ── Dark: near-black screening room ── */
 .dark {
-  --bg: #121316;
-  --surface: #1a1c20;
-  --surface-2: #22252a;
-  --border: #2c2f35;
-  --border-strong: #41454d;
-  --text: #ecedef;
-  --text-secondary: #c4c8cf;
-  --muted: #9aa0aa;
-
-  --accent: #d42f3c;
-  --accent-hover: #e2414d;
-  --accent-muted: rgba(255, 107, 116, 0.12);
-  --accent-text: #ff7a82;
+  --bg: var(--ink);
+  --surface: #111215;
+  --surface-2: #1a1c20;
+  --border: #25272c;
+  --border-strong: #6c6c6a; /* 3.7:1 on --bg */
+  --text: var(--ivory);
+  --text-secondary: #cfcdc8;
+  --muted: var(--mist); /* 7.4:1 on --bg */
+
+  --selected: #b39a7f; /* the brown, lifted so it reads on black */
+  --selected-bg: rgba(70, 55, 41, 0.42);
+  --on-selected: var(--ink);
+  --control: #3a4350;
+
+  --accent: #d0343f;
+  --accent-hover: #e0464f;
+  --accent-muted: rgba(208, 52, 63, 0.14);
+  --accent-text: #f08088;
   --on-accent: #ffffff;
-  --film-600: #d42f3c;
-  --film-400: #ff7a82;
+  --film-600: #d0343f;
+  --film-400: #f08088;
 
-  --focus: #6ea2ff;
+  --focus: var(--ivory);
 
-  --success: #5ccf8c;
-  --success-bg: rgba(92, 207, 140, 0.12);
-  --warning: #f2b45a;
-  --warning-bg: rgba(242, 180, 90, 0.12);
-  --error: #ff8a80;
-  --error-bg: rgba(255, 138, 128, 0.12);
-  --error-border: rgba(255, 138, 128, 0.35);
-  --error-hover: rgba(255, 138, 128, 0.2);
+  --success: #7cc79a;
+  --success-bg: rgba(124, 199, 154, 0.1);
+  --warning: #e2b46a;
+  --warning-bg: rgba(226, 180, 106, 0.1);
+  --error: #f08a80;
+  --error-bg: rgba(240, 138, 128, 0.1);
+  --error-border: rgba(240, 138, 128, 0.35);
+  --error-hover: rgba(240, 138, 128, 0.18);
 
-  --viewer: #08090a;
+  --viewer: #000000;
+  --viewer-frame: #1a1c20;
+  --stage: #13171a;
 
-  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
-  --shadow-overlay: 0 16px 40px rgba(0, 0, 0, 0.55);
+  --shadow: none;
+  --shadow-overlay: 0 30px 80px rgba(0, 0, 0, 0.7);
 
   color-scheme: dark;
 }
@@ -115,6 +165,11 @@
   --text-secondary: #ffffff;
   --muted: #ffffff;
 
+  --selected: #00ffff;
+  --selected-bg: #000000;
+  --on-selected: #000000;
+  --control: #ffffff;
+
   /* Yellow fill needs black text; --on-accent makes that automatic. */
   --accent: #ffff00;
   --accent-hover: #ffff66;
@@ -136,6 +191,11 @@
   --error-hover: #330000;
 
   --viewer: #000000;
+  --viewer-frame: #ffffff;
+  --stage: #000000;
+  --viewer-text: #ffffff;
+  --viewer-muted: #ffffff;
+  --viewer-error: #ff6666;
   --shadow: none;
   --shadow-overlay: none;
 
@@ -179,6 +239,11 @@ h6 {
   letter-spacing: -0.01em;
 }
 
+/* One stroke weight for every lucide icon, to match the hairline UI. */
+svg.lucide {
+  stroke-width: 1.6;
+}
+
 input,
 select,
 textarea {
@@ -194,10 +259,78 @@ textarea:focus {
   outline: none;
 }
 
-input[type="range"],
 input[type="checkbox"],
 input[type="radio"] {
-  accent-color: var(--accent);
+  accent-color: var(--selected);
+}
+
+/*
+ * Sliders: a hairline track and an ivory/ink thumb. Native range inputs keep
+ * their keyboard and touch behaviour; only the paint changes. The 24px hit
+ * area is kept for touch.
+ */
+input[type="range"] {
+  -webkit-appearance: none;
+  appearance: none;
+  height: 1.5rem;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+  touch-action: pan-y;
+}
+input[type="range"]::-webkit-slider-runnable-track {
+  height: 2px;
+  border-radius: 2px;
+  background: var(--border-strong);
+}
+input[type="range"]::-moz-range-track {
+  height: 2px;
+  border-radius: 2px;
+  background: var(--border-strong);
+}
+input[type="range"]::-moz-range-progress {
+  height: 2px;
+  border-radius: 2px;
+  background: var(--text);
+}
+input[type="range"]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  width: 14px;
+  height: 14px;
+  margin-top: -6px;
+  border-radius: 50%;
+  background: var(--surface);
+  border: 1.5px solid var(--text);
+  transition: transform var(--dur-fast) var(--ease-standard);
+}
+input[type="range"]::-moz-range-thumb {
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  background: var(--surface);
+  border: 1.5px solid var(--text);
+  transition: transform var(--dur-fast) var(--ease-standard);
+}
+input[type="range"]:hover::-webkit-slider-thumb,
+input[type="range"]:active::-webkit-slider-thumb {
+  transform: scale(1.15);
+}
+input[type="range"]:hover::-moz-range-thumb,
+input[type="range"]:active::-moz-range-thumb {
+  transform: scale(1.15);
+}
+input[type="range"]:focus-visible {
+  outline: none;
+}
+input[type="range"]:focus-visible::-webkit-slider-thumb {
+  box-shadow: var(--focus-ring);
+}
+input[type="range"]:focus-visible::-moz-range-thumb {
+  box-shadow: var(--focus-ring);
+}
+input[type="range"]:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
 }
 
 /* One focus treatment for everything keyboard-reachable. */
@@ -207,7 +340,7 @@ input[type="radio"] {
 }
 
 ::selection {
-  background: color-mix(in srgb, var(--focus) 30%, transparent);
+  background: color-mix(in srgb, var(--selected) 30%, transparent);
 }
 
 details > summary {
@@ -233,7 +366,7 @@ html.theme-transition *,
 html.theme-transition *::before,
 html.theme-transition *::after {
   transition-property: background-color, border-color, color, fill, stroke !important;
-  transition-duration: 160ms !important;
+  transition-duration: 200ms !important;
   transition-timing-function: ease !important;
 }
 
@@ -244,11 +377,39 @@ html[data-privacy-dismissed] [data-privacy-banner] {
 
 /* ── Shared component classes ── */
 @layer components {
-  /* Buttons: one shape, three emphasis levels, explicit transitions. */
+  /* Editorial type: the serif is for headings and a few numerals only. */
+  .display {
+    font-family: var(--font-serif);
+    font-weight: 400;
+    letter-spacing: -0.015em;
+    line-height: 1.02;
+    /* Cormorant defaults to old-style figures ("1" reads as "ı"). */
+    font-variant-numeric: lining-nums;
+  }
+  .serif {
+    font-family: var(--font-serif);
+    font-weight: 500;
+    letter-spacing: -0.005em;
+    font-variant-numeric: lining-nums;
+  }
+  /* "(Output)", "(2)" — the parenthetical label from the reference. Sentence
+     case, italic serif; never an all-caps eyebrow. */
+  .marker {
+    font-family: var(--font-serif-italic);
+    font-style: italic;
+    font-weight: 400;
+    font-size: 0.9375rem;
+    line-height: 1;
+    color: var(--muted);
+    font-variant-numeric: lining-nums;
+  }
+
+  /* Buttons: pills, three emphasis levels, explicit transitions. */
   .btn {
-    @apply inline-flex select-none items-center justify-center gap-2 whitespace-nowrap rounded-control border text-sm font-medium;
+    @apply inline-flex select-none items-center justify-center gap-2 whitespace-nowrap border text-sm font-medium;
+    border-radius: var(--radius-pill);
     min-height: 2.25rem;
-    padding: 0 0.875rem;
+    padding: 0 1rem;
     transition:
       background-color var(--dur-fast) var(--ease-standard),
       border-color var(--dur-fast) var(--ease-standard),
@@ -256,20 +417,20 @@ html[data-privacy-dismissed] [data-privacy-banner] {
       transform var(--dur-fast) var(--ease-standard);
   }
   .btn:active:not(:disabled):not([aria-disabled="true"]) {
-    transform: scale(0.98);
+    transform: scale(0.97);
   }
   .btn:disabled,
   .btn[aria-disabled="true"] {
     @apply cursor-not-allowed opacity-50;
   }
   .btn-lg {
-    min-height: 2.75rem;
-    padding: 0 1.25rem;
+    min-height: 2.875rem;
+    padding: 0 1.375rem;
     font-size: 0.9375rem;
   }
   .btn-sm {
     min-height: 1.875rem;
-    padding: 0 0.625rem;
+    padding: 0 0.75rem;
     font-size: 0.75rem;
   }
   .btn-primary {
@@ -282,13 +443,24 @@ html[data-privacy-dismissed] [data-privacy-banner] {
     background: var(--accent-hover);
     border-color: var(--accent-hover);
   }
+  /* Ivory/ink pill — the reference's "Book a visit" button. */
+  .btn-solid {
+    background: var(--text);
+    border-color: var(--text);
+    color: var(--bg);
+  }
+  .btn-solid:hover:not(:disabled):not([aria-disabled="true"]) {
+    background: var(--text-secondary);
+    border-color: var(--text-secondary);
+  }
   .btn-secondary {
-    background: var(--surface);
+    background: transparent;
     border-color: var(--border-strong);
     color: var(--text);
   }
   .btn-secondary:hover:not(:disabled):not([aria-disabled="true"]) {
     background: var(--surface-2);
+    border-color: var(--text-secondary);
   }
   .btn-ghost {
     background: transparent;
@@ -315,14 +487,22 @@ html[data-privacy-dismissed] [data-privacy-banner] {
   .btn-icon.btn-sm {
     width: 1.875rem;
   }
+  /* Pressed toggles (framing guide, grid, theme, contrast). */
+  .btn[aria-pressed="true"] {
+    border-color: var(--selected);
+    color: var(--text);
+    background: var(--selected-bg);
+  }
 
   /*
-   * Selectable option tiles (presets, formats, rotation, framing). The pressed
-   * state is the accent outline; hover only shifts the border.
+   * Selectable option tiles (presets, formats, rotation, framing): small
+   * rectangular frames like the reference's photographs. The chosen tile gets
+   * a warm brown outline; red stays reserved for the primary action.
    */
   .choice {
-    @apply rounded-control border text-sm;
-    background: var(--surface);
+    @apply border text-sm;
+    border-radius: var(--radius-control);
+    background: transparent;
     border-color: var(--border);
     color: var(--text-secondary);
     transition:
@@ -337,15 +517,16 @@ html[data-privacy-dismissed] [data-privacy-banner] {
   .choice[aria-pressed="true"],
   .choice[aria-checked="true"],
   .choice[data-active="true"] {
-    background: var(--accent-muted);
-    border-color: var(--accent);
+    background: var(--selected-bg);
+    border-color: var(--selected);
     color: var(--text);
-    box-shadow: inset 0 0 0 1px var(--accent);
+    box-shadow: inset 0 0 0 1px var(--selected);
   }
 
   /* Text inputs */
   .field {
-    @apply w-full rounded-control border text-sm;
+    @apply w-full border text-sm;
+    border-radius: var(--radius-control);
     min-height: 2.25rem;
     padding: 0 0.75rem;
     background: var(--surface);
@@ -353,6 +534,9 @@ html[data-privacy-dismissed] [data-privacy-banner] {
     color: var(--text);
     transition: border-color var(--dur-fast) var(--ease-standard);
   }
+  .field:hover {
+    border-color: var(--text-secondary);
+  }
   .field::placeholder {
     color: var(--muted);
   }
@@ -370,27 +554,47 @@ html[data-privacy-dismissed] [data-privacy-banner] {
     color: var(--muted);
   }
 
+  /* Surfaces are separated by hairlines and tone, not by heavy cards. */
   .panel {
     background: var(--surface);
     border: 1px solid var(--border);
     border-radius: var(--radius-panel);
   }
 
+  /* Section heading row: "(2)  Edit" with a hairline underneath. */
+  .section-head {
+    @apply flex items-baseline gap-3 pb-3;
+    border-bottom: 1px solid var(--border);
+  }
+
   .kbd {
     @apply inline-flex items-center justify-center rounded border text-2xs font-medium;
     min-width: 1.375rem;
     height: 1.25rem;
     padding: 0 0.3125rem;
-    background: var(--surface-2);
-    border-color: var(--border);
-    border-bottom-width: 2px;
+    background: transparent;
+    border-color: var(--border-strong);
     color: var(--text-secondary);
     font-family: var(--font-sans);
   }
 
-  /* Status callouts */
+  /* Links that underline from left to right on hover. */
+  .link {
+    color: var(--text);
+    background-image: linear-gradient(currentColor, currentColor);
+    background-position: 0 100%;
+    background-repeat: no-repeat;
+    background-size: 0% 1px;
+    transition: background-size var(--dur-base) var(--ease-out);
+  }
+  .link:hover {
+    background-size: 100% 1px;
+  }
+
+  /* Status callouts: a rule on the leading edge, not a filled box. */
   .callout {
-    @apply flex items-start gap-3 rounded-control border p-3 text-sm;
+    @apply flex items-start gap-3 border p-3 text-sm;
+    border-radius: var(--radius-control);
   }
   .callout-error {
     background: var(--error-bg);
@@ -408,34 +612,157 @@ html[data-privacy-dismissed] [data-privacy-banner] {
     color: var(--text);
   }
 
-  /* Determinate progress: the fill scales on the GPU instead of animating width. */
+  /* Determinate progress: a hairline whose fill scales on the GPU. */
   .progress-track {
-    @apply relative h-1.5 w-full overflow-hidden rounded-full;
-    background: var(--surface-2);
-    box-shadow: inset 0 0 0 1px var(--border);
+    @apply relative h-[3px] w-full overflow-hidden;
+    border-radius: 3px;
+    background: var(--border);
   }
   .progress-fill {
-    @apply absolute inset-0 origin-left rounded-full;
+    @apply absolute inset-0 origin-left;
+    border-radius: 3px;
+    background: var(--accent);
+    transition: transform var(--dur-base) linear;
+  }
+  /* Indeterminate: a short segment travelling along the hairline. */
+  .progress-indeterminate::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    width: 30%;
+    border-radius: 3px;
     background: var(--accent);
-    transition: transform var(--dur-slow) linear;
+    animation: progress-travel 1.4s var(--ease-in-out) infinite;
+  }
+
+  /*
+   * Disclosure panels (accordions). Height animates through grid rows, so the
+   * content never has to be measured; closed content becomes visibility:hidden
+   * once the collapse finishes, which removes it from the tab order and the
+   * accessibility tree.
+   */
+  .disclosure {
+    display: grid;
+    grid-template-rows: 0fr;
+    transition: grid-template-rows var(--dur-panel) var(--ease-standard);
+  }
+  .disclosure[data-open="true"] {
+    grid-template-rows: 1fr;
+  }
+  .disclosure > .disclosure-inner {
+    min-height: 0;
+    overflow: hidden;
+    visibility: hidden;
+    opacity: 0;
+    transform: translateY(-4px);
+    transition:
+      opacity var(--dur-base) var(--ease-standard),
+      transform var(--dur-base) var(--ease-standard),
+      visibility 0s linear var(--dur-panel);
+  }
+  .disclosure[data-open="true"] > .disclosure-inner {
+    visibility: visible;
+    opacity: 1;
+    transform: none;
+    transition:
+      opacity var(--dur-panel) var(--ease-standard) 60ms,
+      transform var(--dur-panel) var(--ease-out) 60ms,
+      visibility 0s;
+  }
+
+  /* ── Entrances (run once when an element mounts) ── */
+  /* Fade and rise. Stagger with style={{ "--enter-delay": "120ms" }}. */
+  .enter {
+    animation: enter-rise var(--dur-enter) var(--ease-out) var(--enter-delay, 0ms) both;
+  }
+  /* Headline lines rise out of a mask, as in the reference's titles. */
+  .line-mask {
+    display: block;
+    overflow: hidden;
+    padding-bottom: 0.08em;
+    margin-bottom: -0.08em;
+  }
+  .line-mask > span {
+    display: block;
+    animation: line-rise 640ms var(--ease-out) var(--enter-delay, 0ms) both;
+  }
+  /* A hairline frame that settles into place (opacity + scale only). */
+  .frame-inset {
+    animation: frame-settle 700ms var(--ease-out) 150ms both;
+  }
+  /* Frames wipe open from the bottom edge, like the reference's photographs. */
+  .frame-reveal {
+    animation: frame-wipe 620ms var(--ease-in-out) var(--enter-delay, 0ms) both;
+  }
+}
+
+@keyframes enter-rise {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+@keyframes line-rise {
+  from {
+    transform: translateY(105%);
+  }
+  to {
+    transform: none;
+  }
+}
+@keyframes frame-wipe {
+  from {
+    clip-path: inset(100% 0 0 0);
+  }
+  to {
+    clip-path: inset(0 0 0 0);
+  }
+}
+@keyframes frame-settle {
+  from {
+    opacity: 0;
+    transform: scale(1.025);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+@keyframes progress-travel {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(340%);
   }
 }
 
 /*
  * Reduced motion: drop decorative movement and long transitions, but keep
  * instant state feedback (colour changes still apply, they just don't fade).
- * Progress bars keep updating; they simply stop easing between values.
+ * Entrances jump straight to their end state; progress bars keep updating.
  */
 @media (prefers-reduced-motion: reduce) {
   *,
   *::before,
   *::after {
     animation-duration: 0.01ms !important;
+    animation-delay: 0ms !important;
     animation-iteration-count: 1 !important;
     transition-duration: 0.01ms !important;
+    transition-delay: 0ms !important;
     scroll-behavior: auto !important;
   }
   .btn:active:not(:disabled) {
     transform: none;
   }
+  /* A one-shot indeterminate segment would vanish; show a static one. */
+  .progress-indeterminate::after {
+    animation: none;
+    transform: translateX(115%);
+  }
 }
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 307152244..01d01e1f6 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,27 @@ import { ThemeToggle, ContrastToggle } from "@/components/ThemeToggle";
 import ScrollToTop from "@/components/ScrollToTop";
 import BrandLogo from "@/components/BrandLogo";
 import Link from "next/link";
+import { Cormorant_Garamond } from "next/font/google";
+
+// The editorial serif, self-hosted: next/font downloads it at build time and
+// serves it from this origin (no runtime request to Google, and COEP-safe),
+// with a size-adjusted fallback so the swap causes no layout shift. Upright
+// is preloaded for the headline; italic is only used for small labels.
+const cormorant = Cormorant_Garamond({
+  subsets: ["latin"],
+  weight: "variable",
+  style: "normal",
+  display: "swap",
+  variable: "--font-cormorant",
+});
+const cormorantItalic = Cormorant_Garamond({
+  subsets: ["latin"],
+  weight: "variable",
+  style: "italic",
+  display: "swap",
+  preload: false,
+  variable: "--font-cormorant-italic",
+});
 
 export const metadata: Metadata = {
   title: "Reframe — Resize, trim, and export videos in your browser",
@@ -48,7 +69,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html lang="en" suppressHydrationWarning>
+    <html lang="en" suppressHydrationWarning className={`${cormorant.variable} ${cormorantItalic.variable}`}>
       <head>
         <script
           dangerouslySetInnerHTML={{
@@ -90,23 +111,23 @@ export default function RootLayout({
           <ErrorBoundary>
             <header
               role="banner"
-              className="sticky top-0 z-40 border-b border-[var(--border)] bg-[var(--surface)]"
+              className="enter sticky top-0 z-40 border-b border-[var(--border)] bg-[var(--bg)]"
             >
-              <div className="mx-auto flex h-14 max-w-[1440px] items-center justify-between gap-4 px-4 sm:px-6">
+              <div className="mx-auto flex h-[52px] max-w-[1440px] items-center justify-between gap-4 px-4 sm:px-6 lg:px-8">
                 <Link
                   href="/"
-                  className="flex items-center gap-2 rounded-control text-[var(--text)]"
+                  className="flex items-center gap-2.5 rounded-control text-[var(--text)]"
                   aria-label="Reframe home"
                 >
-                  <BrandLogo size={22} />
-                  <span className="text-base font-semibold tracking-[-0.01em]">Reframe</span>
+                  <BrandLogo size={20} />
+                  <span className="serif text-[1.375rem] leading-none">Reframe</span>
                 </Link>
-                <nav aria-label="Site" className="flex items-center gap-1">
+                <nav aria-label="Site" className="flex items-center gap-1.5">
                   <a
                     href="https://github.com/reframe-oss/reframe"
                     target="_blank"
                     rel="noopener noreferrer"
-                    className="btn btn-ghost btn-sm hidden sm:inline-flex"
+                    className="btn btn-ghost btn-sm mr-1 hidden sm:inline-flex"
                   >
                     <svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor" aria-hidden="true">
                       <path d="M12 .5a11.5 11.5 0 0 0-3.64 22.41c.58.1.79-.25.79-.56v-2c-3.2.7-3.88-1.37-3.88-1.37-.53-1.33-1.28-1.69-1.28-1.69-1.05-.72.08-.7.08-.7 1.16.08 1.77 1.19 1.77 1.19 1.03 1.77 2.7 1.26 3.36.96.1-.75.4-1.26.73-1.55-2.55-.29-5.24-1.28-5.24-5.68 0-1.26.45-2.28 1.19-3.09-.12-.29-.52-1.46.11-3.05 0 0 .97-.31 3.17 1.18a11 11 0 0 1 5.77 0c2.2-1.49 3.17-1.18 3.17-1.18.63 1.59.23 2.76.11 3.05.74.81 1.19 1.83 1.19 3.09 0 4.41-2.69 5.39-5.25 5.67.41.36.78 1.06.78 2.14v3.17c0 .31.21.67.8.56A11.5 11.5 0 0 0 12 .5Z" />
diff --git a/src/components/DownloadResult.tsx b/src/components/DownloadResult.tsx
index 233c248df..17e2e042e 100644
--- a/src/components/DownloadResult.tsx
+++ b/src/components/DownloadResult.tsx
@@ -3,10 +3,8 @@
 import { useState, useEffect } from "react";
 import { ExportResult } from "@/lib/types";
 import { formatBytes } from "@/lib/utils";
-import { Download, RotateCcw, Share2, AlertCircle, Volume2, VolumeX } from "lucide-react";
-import LottiePlayer from "./LottiePlayer";
+import { Download, RotateCcw, Share2, AlertCircle, Volume2, VolumeX, Check, ArrowUp } from "lucide-react";
 import { NativeShareButton } from "./NativeShareButton";
-import successAnim from "@/lib/lottie/success.json";
 import { cn } from "@/lib/utils";
 
 const SHARE_TWEET_TEXT =
@@ -56,21 +54,29 @@ export default function DownloadResult({ result, onReset, soundOnCompletion, onT
     }
   };
 
-  // The success animation plays once; with reduced motion it shows its first frame.
-  const [reduceMotion] = useState(
-    () => typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches
-  );
+  // Back to the preview, with focus, so keyboard users land where they edit.
+  const handleKeepEditing = () => {
+    const target = document.getElementById("video-heading");
+    if (!target) return;
+    const reduce = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    target.scrollIntoView({ behavior: reduce ? "instant" : "smooth", block: "start" });
+    const preview = document.querySelector<HTMLElement>('[aria-label^="Video preview"]');
+    preview?.focus({ preventScroll: true });
+  };
 
   return (
-    <div className="panel space-y-4 p-4 sm:p-5">
-      <div className="flex items-center justify-between gap-3">
-        <div className="flex items-center gap-3">
-          <div className="h-10 w-10 shrink-0">
-            <LottiePlayer animationData={successAnim} loop={false} autoplay={!reduceMotion} />
-          </div>
+    <div className="panel enter space-y-5 p-5 sm:p-6">
+      <div className="flex items-start justify-between gap-3">
+        <div className="flex items-start gap-4">
+          <span
+            aria-hidden="true"
+            className="mt-1 flex h-9 w-9 shrink-0 items-center justify-center rounded-full border border-[var(--success)] text-[var(--success)]"
+          >
+            <Check size={16} />
+          </span>
           <div>
-            <p className="text-base font-semibold text-[var(--text)]">Export complete</p>
-            <p className="tabular text-xs text-[var(--muted)]">
+            <p className="serif text-3xl leading-tight text-[var(--text)]">Export complete</p>
+            <p className="tabular mt-1 text-xs text-[var(--muted)]">
               {result.format.toUpperCase()} · {result.width} × {result.height} · {formatBytes(result.size)}
               {typeof result.exportDurationMs === "number" &&
                 ` · exported in ${formatExportDuration(result.exportDurationMs)}`}
@@ -156,6 +162,10 @@ export default function DownloadResult({ result, onReset, soundOnCompletion, onT
       </div>
 
       <div className="flex flex-wrap items-center justify-between gap-2 border-t border-[var(--border)] pt-3">
+        <button type="button" onClick={handleKeepEditing} className="btn btn-ghost btn-sm">
+          <ArrowUp size={13} aria-hidden="true" />
+          Keep editing
+        </button>
         <button
           type="button"
           title="Clear this video and its settings"
diff --git a/src/components/ExportOverlay.stories.tsx b/src/components/ExportOverlay.stories.tsx
index 599871a68..34110ee44 100644
--- a/src/components/ExportOverlay.stories.tsx
+++ b/src/components/ExportOverlay.stories.tsx
@@ -12,9 +12,8 @@ import ExportOverlay from "./ExportOverlay";
  * timing. It is marked data-chromatic="ignore": Chromatic still renders it,
  * but excludes it from the diff.
  *
- * The Lottie spinner used to need the same treatment. It no longer does —
- * LottiePlayer checks isChromatic() and renders frame 0 statically, so the
- * spinner is deterministic and stays fully covered by the diff.
+ * The engine-loading state uses a CSS indeterminate bar; Chromatic pauses CSS
+ * animations, so it needs no special handling.
  *
  * A word of warning from how this file got here: an earlier version froze both
  * by stubbing window.setInterval and window.requestAnimationFrame. Chromatic's
@@ -31,10 +30,10 @@ const withCarouselIgnored: Decorator = (Story) => (
 
 function IgnoreCarousel({ children }: { children: React.ReactNode }) {
   React.useEffect(() => {
-    // The TipCarousel root, identified by its min-h-[142px] utility.
+    // The TipCarousel root (a data attribute, so restyling can't break it).
     const marked: Element[] = [];
 
-    document.querySelectorAll('[class*="min-h-[142px]"]').forEach((el) => {
+    document.querySelectorAll("[data-tip-carousel]").forEach((el) => {
       el.setAttribute("data-chromatic", "ignore");
       marked.push(el);
     });
@@ -56,6 +55,7 @@ const meta = {
     // builds. null takes its own early-return branch and pins it at zero.
     exportStartedAt: null,
     onCancel: () => {},
+    summary: { format: "MP4", resolution: "1080 × 1920", quality: "Balanced (CRF 23)" },
   },
 } satisfies Meta<typeof ExportOverlay>;
 
@@ -81,3 +81,25 @@ export const Exporting: Story = {
 export const AlmostDone: Story = {
   args: { status: "exporting", progress: 98 },
 };
+
+/** High-contrast palette: yellow progress and black/white surfaces. */
+export const HighContrast: Story = {
+  args: { status: "exporting", progress: 62 },
+  decorators: [
+    (Story) => (
+      <HighContrastFrame>
+        <Story />
+      </HighContrastFrame>
+    ),
+  ],
+};
+
+function HighContrastFrame({ children }: { children: React.ReactNode }) {
+  React.useEffect(() => {
+    document.documentElement.dataset.theme = "high-contrast";
+    return () => {
+      delete document.documentElement.dataset.theme;
+    };
+  }, []);
+  return <>{children}</>;
+}
diff --git a/src/components/ExportOverlay.tsx b/src/components/ExportOverlay.tsx
index e3f252976..73f8d49a4 100644
--- a/src/components/ExportOverlay.tsx
+++ b/src/components/ExportOverlay.tsx
@@ -106,74 +106,78 @@ export default function ExportOverlay({ status, progress, exportStartedAt, onCan
         aria-labelledby="export-overlay-title"
         aria-describedby="export-overlay-desc"
         tabIndex={-1}
-        className="fixed inset-0 z-50 flex items-center justify-center bg-black/55 p-4 animate-fade-in"
+        className="fixed inset-0 z-50 flex items-center justify-center bg-black/70 p-4 animate-fade-in"
       >
-        <div className="panel w-full max-w-sm p-6 shadow-[var(--shadow-overlay)]">
+        <div className="panel enter max-h-[calc(100dvh-2rem)] w-full max-w-md overflow-y-auto p-6 shadow-[var(--shadow-overlay)] sm:p-7">
           <div ref={focusAnchorRef} tabIndex={-1} className="sr-only" aria-hidden="true" />
 
-          <h2 id="export-overlay-title" className="text-lg font-semibold">
+          {/* Two real stages, so they're numbered: (1) engine, (2) encode. */}
+          <p className="marker" aria-hidden="true">
+            ({isLoading ? "1" : "2"} of 2)
+          </p>
+          <h2 id="export-overlay-title" className="serif mt-2 text-3xl leading-tight">
             {isLoading ? "Starting the video engine" : "Exporting"}
           </h2>
-          <p id="export-overlay-desc" className="mt-1 text-sm text-[var(--muted)]">
+          <p id="export-overlay-desc" className="mt-2 text-sm leading-6 text-[var(--muted)]">
             {isLoading
               ? "Downloading FFmpeg (about 30 MB) the first time. After that it loads from your browser cache."
               : "Your video is processed on this device. Keep this tab open until it finishes."}
           </p>
 
-          {summary && (
-            <dl className="mt-4 grid grid-cols-3 gap-3 rounded-control bg-[var(--surface-2)] p-3 text-xs">
-              <div>
-                <dt className="text-[var(--muted)]">Format</dt>
-                <dd className="mt-0.5 font-medium">{summary.format}</dd>
-              </div>
-              <div>
-                <dt className="text-[var(--muted)]">Size</dt>
-                <dd className="tabular mt-0.5 font-medium">{summary.resolution}</dd>
-              </div>
-              <div>
-                <dt className="text-[var(--muted)]">Quality</dt>
-                <dd className="mt-0.5 font-medium">{summary.quality}</dd>
-              </div>
-            </dl>
-          )}
-
-          <div className="mt-5 space-y-2" aria-live="polite">
+          <div className="mt-6">
             {isLoading ? (
               // The engine download doesn't report byte progress, so this is
               // an honest indeterminate state rather than a fake percentage.
-              <div className="flex items-center gap-2 text-sm text-[var(--text-secondary)]">
-                <span
-                  aria-hidden="true"
-                  className="h-4 w-4 shrink-0 rounded-full border-2 border-[var(--border-strong)] border-t-[var(--accent)] animate-spin"
-                />
-                Loading engine…
-              </div>
+              <>
+                <div className="progress-track progress-indeterminate" aria-hidden="true" />
+                <p className="mt-3 text-sm text-[var(--text-secondary)]">Loading engine…</p>
+              </>
             ) : (
               <>
+                {/* Large serif figure with a small italic unit, as in the reference. */}
+                <p aria-hidden="true" className="flex items-baseline gap-1.5 text-[var(--text)]">
+                  <span className="display text-6xl [font-variant-numeric:lining-nums_tabular-nums]">{clamped}</span>
+                  <span className="marker text-3xl text-[var(--text-secondary)]">%</span>
+                  <span className="tabular ml-auto text-xs text-[var(--muted)]">{formatElapsed(elapsedMs)} elapsed</span>
+                </p>
                 <div
-                  className="progress-track"
+                  className="progress-track mt-4"
                   role="progressbar"
                   aria-valuenow={clamped}
                   aria-valuemin={0}
                   aria-valuemax={100}
+                  aria-valuetext={`${clamped}%, ${formatElapsed(elapsedMs)} elapsed`}
                   aria-label="Export progress"
                 >
                   <div className="progress-fill" style={{ transform: `scaleX(${clamped / 100})` }} />
                 </div>
-                <div className="tabular flex items-center justify-between text-xs text-[var(--muted)]">
-                  <span className="font-medium text-[var(--text)]">{clamped}%</span>
-                  <span>{formatElapsed(elapsedMs)} elapsed</span>
-                </div>
               </>
             )}
-            <span className="sr-only">
-              {isLoading
-                ? "Loading video engine"
-                : `Exporting: ${clamped}%, ${formatElapsed(elapsedMs)} elapsed`}
+            {/* Announces the stage only. Percentages are announced in 10% steps
+                by the editor's live region, not on every update. */}
+            <span className="sr-only" role="status">
+              {isLoading ? "Loading video engine" : "Exporting video"}
             </span>
           </div>
 
-          <div className="mt-5 flex items-center justify-between gap-3">
+          {summary && (
+            <dl className="mt-6 grid grid-cols-3 divide-x divide-[var(--border)] border-y border-[var(--border)] py-3 text-xs">
+              <div className="pr-3">
+                <dt className="text-[var(--muted)]">Format</dt>
+                <dd className="mt-0.5 font-medium">{summary.format}</dd>
+              </div>
+              <div className="px-3">
+                <dt className="text-[var(--muted)]">Size</dt>
+                <dd className="tabular mt-0.5 font-medium">{summary.resolution}</dd>
+              </div>
+              <div className="pl-3">
+                <dt className="text-[var(--muted)]">Quality</dt>
+                <dd className="mt-0.5 font-medium">{summary.quality}</dd>
+              </div>
+            </dl>
+          )}
+
+          <div className="mt-6 flex items-center justify-between gap-3">
             <span className="text-xs text-[var(--muted)]">
               <kbd className="kbd">Esc</kbd> to cancel
             </span>
diff --git a/src/components/FileUpload.tsx b/src/components/FileUpload.tsx
index 8f671bdd0..57380fa04 100644
--- a/src/components/FileUpload.tsx
+++ b/src/components/FileUpload.tsx
@@ -21,23 +21,29 @@ function UploadRequirements() {
       <h2 id="upload-requirements-title" className="sr-only">
         Before you upload
       </h2>
-      <dl className="grid gap-x-6 gap-y-3 text-xs sm:grid-cols-3">
+      <dl className="grid gap-x-8 gap-y-5 text-xs sm:grid-cols-3">
         <div>
-          <dt className="font-medium text-[var(--text)]">Formats</dt>
-          <dd className="mt-0.5 leading-5 text-[var(--muted)]">
+          <dt className="marker">
+            <span aria-hidden="true">(</span>Formats<span aria-hidden="true">)</span>
+          </dt>
+          <dd className="mt-2 max-w-[34ch] leading-5 text-[var(--muted)]">
             {SUPPORTED_FORMATS}. MP4 with H.264 video and AAC audio is the most reliable.
           </dd>
         </div>
         <div>
-          <dt className="font-medium text-[var(--text)]">File size</dt>
-          <dd className="mt-0.5 leading-5 text-[var(--muted)]">
+          <dt className="marker">
+            <span aria-hidden="true">(</span>File size<span aria-hidden="true">)</span>
+          </dt>
+          <dd className="mt-2 max-w-[34ch] leading-5 text-[var(--muted)]">
             Up to {formatBytes(MAX_FILE_SIZE)}. Export loads the whole file into browser memory, so files
             over {formatBytes(WARNING_FILE_SIZE)} can fail on devices with little RAM.
           </dd>
         </div>
         <div>
-          <dt className="font-medium text-[var(--text)]">Output</dt>
-          <dd className="mt-0.5 leading-5 text-[var(--muted)]">
+          <dt className="marker">
+            <span aria-hidden="true">(</span>Output<span aria-hidden="true">)</span>
+          </dt>
+          <dd className="mt-2 max-w-[34ch] leading-5 text-[var(--muted)]">
             MP4, WebM, MKV or GIF, sized for each platform or to your own dimensions.
           </dd>
         </div>
@@ -64,7 +70,7 @@ function FileInfo({ currentFile, duration, fileError, onChangeClick }: FileInfoP
       <div className="flex items-center gap-3">
         <div
           aria-hidden="true"
-          className="flex h-9 w-9 shrink-0 items-center justify-center rounded-control bg-[var(--surface-2)] text-[var(--text-secondary)]"
+          className="flex h-9 w-9 shrink-0 items-center justify-center rounded-full border border-[var(--border-strong)] text-[var(--text-secondary)]"
         >
           <Film size={16} />
         </div>
@@ -134,39 +140,60 @@ function DropZone({
       onDrop={onDrop}
       onClick={onClick}
       onKeyDown={onKeyDown}
+      // A dark "screen" waiting for footage, in every theme. The inset hairline
+      // frame tightens and turns red while a file is dragged over it.
       className={cn(
-        "flex cursor-pointer flex-col items-center justify-center gap-3 rounded-panel border border-dashed px-6 py-14 text-center",
-        "transition-[background-color,border-color] duration-fast",
-        dragging
-          ? "border-[var(--accent)] bg-[var(--accent-muted)]"
-          : "border-[var(--border-strong)] bg-[var(--surface-2)] hover:border-[var(--text-secondary)]"
+        "group relative flex min-h-[300px] cursor-pointer flex-col items-center justify-center gap-5 overflow-hidden rounded-[4px] border border-[var(--viewer-frame)] bg-[var(--stage)] px-6 py-14 text-center sm:min-h-[360px]",
+        "focus-visible:outline-offset-4"
       )}
     >
+      {/* The zone itself is visible from the first frame (it holds the main
+          call to action and is the page's LCP element); only this inner
+          hairline frame draws in. */}
+      <span
+        aria-hidden="true"
+        className={cn(
+          "frame-inset pointer-events-none absolute rounded-[2px] border transition-[inset,border-color] duration-base ease-out",
+          dragging
+            ? "inset-2 border-[var(--accent)]"
+            : "inset-4 border-white/15 group-hover:inset-3 group-hover:border-white/30"
+        )}
+      />
       <div
         aria-hidden="true"
-        className="flex h-11 w-11 items-center justify-center rounded-full bg-[var(--surface)] text-[var(--text-secondary)] shadow-[var(--shadow)]"
+        className={cn(
+          "flex h-12 w-12 items-center justify-center rounded-full border text-[var(--viewer-text)] transition-transform duration-base ease-out",
+          dragging ? "-translate-y-1 border-[var(--accent)]" : "border-white/30 group-hover:-translate-y-0.5"
+        )}
       >
         <Upload size={18} />
       </div>
-      <div>
-        <p id="upload-zone-title" className="text-base font-medium text-[var(--text)]">
+      <div className="relative">
+        <p id="upload-zone-title" className="display text-2xl text-[var(--viewer-text)] sm:text-3xl">
           {dragging ? "Drop to open this video" : "Choose a video or drag it here"}
         </p>
-        <p id="upload-zone-hint" className="mt-1 text-sm text-[var(--muted)]">
-          {SUPPORTED_FORMATS} up to {formatBytes(MAX_FILE_SIZE)}{" "}
-          <span className="hidden sm:inline">
-            · <kbd className="kbd">Ctrl</kbd> <kbd className="kbd">O</kbd>
-          </span>
+        <p id="upload-zone-hint" className="mt-2 text-sm text-[var(--viewer-muted)]">
+          {SUPPORTED_FORMATS} up to {formatBytes(MAX_FILE_SIZE)}
         </p>
       </div>
+      {/* Visual affordance only: the whole zone is the button, so this can't
+          be a nested <button>. */}
+      <span
+        aria-hidden="true"
+        className="relative inline-flex min-h-[2.25rem] items-center gap-3 rounded-pill bg-[var(--viewer-text)] px-4 text-sm font-medium text-[var(--viewer)] transition-transform duration-fast group-active:scale-[0.97]"
+      >
+        Choose video
+        <span className="hidden text-xs opacity-70 sm:inline">Ctrl O</span>
+      </span>
 
+      {/* Errors sit on the dark screen, so they use the dark-theme error tint. */}
       {error && (
-        <p role="alert" className="callout callout-error mt-1 text-xs">
+        <p role="alert" className="relative max-w-md rounded-control border border-[var(--viewer-error)] px-3 py-2 text-xs text-[var(--viewer-text)]">
           {error}
         </p>
       )}
       {fileError && (
-        <p role="alert" className="text-sm text-[var(--error)]">
+        <p role="alert" className="relative max-w-md text-sm text-[var(--viewer-error)]">
           {fileError}
         </p>
       )}
@@ -289,11 +316,12 @@ export default function FileUpload({
       {pageDragging && (
         <div
           aria-live="polite"
-          className="pointer-events-none fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-6"
+          className="animate-fade-in pointer-events-none fixed inset-0 z-50 flex items-center justify-center bg-black/80 p-6"
         >
-          <div className="flex flex-col items-center gap-3 rounded-panel border-2 border-dashed border-white/70 px-10 py-8 text-center text-white">
-            <Film size={28} aria-hidden="true" />
-            <p className="text-xl font-semibold">Drop to open this video</p>
+          <div className="absolute inset-6 rounded-[4px] border border-white/40" aria-hidden="true" />
+          <div className="flex flex-col items-center gap-4 text-center text-[var(--viewer-text)]">
+            <Film size={26} aria-hidden="true" />
+            <p className="display text-4xl">Drop to open this video</p>
           </div>
         </div>
       )}
@@ -318,7 +346,7 @@ export default function FileUpload({
             onChangeClick={() => inputRef.current?.click()}
           />
         ) : (
-          <div className="space-y-5">
+          <div className="space-y-8">
             <DropZone
               dragging={dragging}
               error={error}
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index e0694f487..52fd27d25 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -19,11 +19,11 @@ import {
 export default function Footer() {
   return (
     <footer className="w-full border-t border-[var(--border)] bg-[var(--bg)] text-[var(--text)] px-6 py-12 mt-16">
-      <div className="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-12 gap-y-12 md:gap-x-12">
+      <div className="max-w-[1440px] mx-auto grid grid-cols-1 md:grid-cols-12 gap-y-12 md:gap-x-12 lg:px-2">
         {/* Brand Section */}
         <div className="md:col-span-5 space-y-6">
           <div>
-            <h2 className="text-2xl font-bold tracking-tight">Reframe</h2>
+            <h2 className="display text-4xl">Reframe</h2>
             <p className="text-xs text-[var(--muted)] mt-1">
               Browser Video Studio
             </p>
@@ -43,7 +43,7 @@ export default function Footer() {
             ].map((tag) => (
               <span
                 key={tag.label}
-                className="flex items-center gap-1.5 px-3 py-1 rounded-lg border border-[var(--border)] bg-[var(--surface)] text-2xs font-semibold text-[var(--text-secondary)] hover:border-[var(--border-strong)] transition-colors"
+                className="flex items-center gap-1.5 px-3 py-1 rounded-pill border border-[var(--border)] text-2xs font-medium text-[var(--text-secondary)] hover:border-[var(--border-strong)] transition-colors"
               >
                 {tag.icon}
                 {tag.label}
@@ -54,9 +54,7 @@ export default function Footer() {
 
         {/* Navigation */}
         <div className="md:col-span-3 space-y-5">
-          <h3 className="text-xs font-medium text-[var(--muted)]">
-            Navigation
-          </h3>
+          <h3 className="marker"><span aria-hidden="true">(</span>Navigation<span aria-hidden="true">)</span></h3>
 
           <nav className="flex flex-col gap-3 text-sm">
             <a
@@ -64,7 +62,7 @@ export default function Footer() {
               target="_blank"
               rel="noopener noreferrer"
               aria-label="GitHub repository"
-              className="flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--text)] hover:underline underline-offset-2 transition-colors w-fit  rounded"
+              className="flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors w-fit rounded"
             >
               <Github size={14} />
               GitHub
@@ -74,7 +72,7 @@ export default function Footer() {
             <Link
               href="/contact"
               aria-label="Contact page"
-              className="flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--text)] hover:underline underline-offset-2 transition-colors w-fit  rounded"
+              className="flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors w-fit rounded"
             >
               <Mail size={14} />
               Contact
@@ -83,7 +81,7 @@ export default function Footer() {
             <Link
               href="/privacy"
               aria-label="Privacy policy"
-              className="flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--text)] hover:underline underline-offset-2 transition-colors w-fit  rounded"
+              className="flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors w-fit rounded"
             >
               <Lock size={14} />
               Privacy Policy
@@ -97,7 +95,7 @@ export default function Footer() {
               target="_blank"
               rel="noopener noreferrer"
               aria-label="Code of Conduct"
-              className="flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--text)] hover:underline underline-offset-2 transition-colors w-fit  rounded"
+              className="flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors w-fit rounded"
             >
               <HeartHandshake size={14} />
               Code of Conduct
@@ -111,10 +109,10 @@ export default function Footer() {
           {/* Newsletter */}
 
           <div className="space-y-3">
-            <h3 className="text-xs font-medium text-[var(--muted)]">Updates</h3>
+            <h3 className="marker"><span aria-hidden="true">(</span>Updates<span aria-hidden="true">)</span></h3>
 
             <form
-              className="flex items-center w-full sm:w-80 bg-[var(--surface)] border border-[var(--border)] rounded-lg px-3 focus-within:border-[var(--accent)] focus-within:ring-1 focus-within:ring-[var(--accent)] transition"
+              className="flex items-center w-full sm:w-80 bg-[var(--surface)] border border-[var(--border)] rounded-pill px-4 focus-within:border-[var(--focus)] focus-within:ring-1 focus-within:ring-[var(--accent)] transition"
               onSubmit={(e) => e.preventDefault()}
               aria-label="Newsletter signup"
             >
@@ -130,7 +128,7 @@ export default function Footer() {
                 type="submit"
                 aria-label="Subscribe to updates"
                 onMouseDown={(e) => e.preventDefault()}
-                className="text-[var(--accent)] hover:text-[var(--accent-hover)] transition p-2  rounded ml-1"
+                className="text-[var(--text)] hover:text-[var(--text-secondary)] transition-colors p-2 rounded-full ml-1"
               >
                 <ArrowRight size={16} />
               </button>
@@ -140,9 +138,7 @@ export default function Footer() {
           {/* Community */}
 
           <div className="space-y-3">
-            <h3 className="text-xs font-medium text-[var(--muted)]">
-              Community
-            </h3>
+            <h3 className="marker"><span aria-hidden="true">(</span>Community<span aria-hidden="true">)</span></h3>
 
             <div className="flex items-center gap-3 flex-wrap">
               {[
@@ -173,7 +169,7 @@ export default function Footer() {
                   target="_blank"
                   rel="noopener noreferrer"
                   aria-label={social.label}
-                  className="relative group p-2.5 rounded-lg border border-[var(--border)] bg-[var(--surface)] hover:border-[var(--border-strong)] hover:bg-[var(--surface-2)] transition-colors "
+                  className="relative group p-2.5 rounded-full border border-[var(--border)] hover:border-[var(--border-strong)] hover:bg-[var(--surface-2)] transition-colors "
                 >
                   <span className="opacity-70 group-hover:opacity-100">{social.icon}</span>
                 </a>
@@ -184,12 +180,12 @@ export default function Footer() {
       </div>
 
       {/* Bottom Bar */}
-      <div className="max-w-7xl mx-auto mt-16 pt-8 border-t border-[var(--border)] flex flex-col md:flex-row justify-between items-center gap-4 text-xs text-[var(--muted)]">
+      <div className="max-w-[1440px] mx-auto mt-16 pt-8 border-t border-[var(--border)] flex flex-col md:flex-row justify-between items-center gap-4 text-xs text-[var(--muted)]">
         <p>© {new Date().getFullYear()} Reframe · MIT License</p>
 
         <div className="flex items-center gap-6">
           <div className="flex items-center gap-2">
-            <span className="w-1.5 h-1.5 rounded-full bg-[var(--accent)] shadow-[0_0_8px_var(--accent)]" />
+            <span className="w-1.5 h-1.5 rounded-full bg-[var(--success)]" />
             Processing happens locally
           </div>
 
diff --git a/src/components/FramingControl.tsx b/src/components/FramingControl.tsx
index 137a15205..1fa1bb036 100644
--- a/src/components/FramingControl.tsx
+++ b/src/components/FramingControl.tsx
@@ -24,7 +24,7 @@ export default function FramingControl({ recipe, onChange }: Props) {
             aria-pressed={active}
             className="choice flex min-h-[44px] min-w-[44px] flex-1 items-center gap-3 px-3 py-2.5 text-left"
           >
-            <Icon size={16} aria-hidden="true" className={cn("shrink-0", active ? "text-film-500" : "text-[var(--muted)]")} />
+            <Icon size={16} aria-hidden="true" className={cn("shrink-0", active ? "text-[var(--selected)]" : "text-[var(--muted)]")} />
             <div>
               <p className="text-sm font-medium text-[var(--text)]">
                 {mode === "fit" ? "Fit" : "Fill"}
diff --git a/src/components/ImageOverlay.tsx b/src/components/ImageOverlay.tsx
index 9c158f9c0..69f883232 100644
--- a/src/components/ImageOverlay.tsx
+++ b/src/components/ImageOverlay.tsx
@@ -70,7 +70,7 @@ export default function ImageOverlayPanel({
         <label htmlFor="overlay-file-input" className={`w-14 h-11 shrink-0 rounded-lg overflow-hidden flex flex-col items-center justify-center transition border ${
           overlayFile 
             ? "border-[var(--border)] bg-[var(--bg)] pointer-events-none"
-            : "border-dashed border-[var(--border)] hover:bg-[var(--accent-muted)] text-[var(--muted)] hover:text-[var(--text)] cursor-pointer"
+            : "border-dashed border-[var(--border)] hover:bg-[var(--surface-2)] text-[var(--muted)] hover:text-[var(--text)] cursor-pointer"
         }`}>
           {thumbUrl ? (
             <Image
@@ -147,11 +147,11 @@ export default function ImageOverlayPanel({
                   onClick={() => setOverlayPosition(value)}
                   className={`rounded border py-0.5 text-center text-2xs transition flex items-center justify-center gap-0.5 ${
                     overlayPosition === value
-                      ? "border-[var(--accent)] text-[var(--text)] bg-[var(--accent-muted)]"
-                      : "border-[var(--border)] text-[var(--muted)] hover:bg-[var(--accent-muted)]"
+                      ? "border-[var(--selected)] text-[var(--text)] bg-[var(--selected-bg)]"
+                      : "border-[var(--border)] text-[var(--muted)] hover:bg-[var(--surface-2)]"
                   }`}
                 >
-                  <span className={overlayPosition === value ? "text-[var(--accent)]" : "text-[var(--muted)]"}>
+                  <span className={overlayPosition === value ? "text-[var(--selected)]" : "text-[var(--muted)]"}>
                     {icon}
                   </span>
                   <span>{label}</span>
@@ -169,8 +169,8 @@ export default function ImageOverlayPanel({
                 onClick={() => setOverlaySize(100)}
                 className={`rounded border py-0.5 text-center text-2xs transition ${
                   isSmallSize
-                    ? "border-[var(--accent)] text-[var(--text)] bg-[var(--accent-muted)]"
-                    : "border-[var(--border)] text-[var(--muted)] hover:bg-[var(--accent-muted)]"
+                    ? "border-[var(--selected)] text-[var(--text)] bg-[var(--selected-bg)]"
+                    : "border-[var(--border)] text-[var(--muted)] hover:bg-[var(--surface-2)]"
                 }`}
               >
                 Small
@@ -180,8 +180,8 @@ export default function ImageOverlayPanel({
                 onClick={() => setOverlaySize(250)}
                 className={`rounded border py-0.5 text-center text-2xs transition ${
                   isMediumSize
-                    ? "border-[var(--accent)] text-[var(--text)] bg-[var(--accent-muted)]"
-                    : "border-[var(--border)] text-[var(--muted)] hover:bg-[var(--accent-muted)]"
+                    ? "border-[var(--selected)] text-[var(--text)] bg-[var(--selected-bg)]"
+                    : "border-[var(--border)] text-[var(--muted)] hover:bg-[var(--surface-2)]"
                 }`}
               >
                 Medium
@@ -191,8 +191,8 @@ export default function ImageOverlayPanel({
                 onClick={() => setOverlaySize(450)}
                 className={`rounded border py-0.5 text-center text-2xs transition ${
                   isLargeSize
-                    ? "border-[var(--accent)] text-[var(--text)] bg-[var(--accent-muted)]"
-                    : "border-[var(--border)] text-[var(--muted)] hover:bg-[var(--accent-muted)]"
+                    ? "border-[var(--selected)] text-[var(--text)] bg-[var(--selected-bg)]"
+                    : "border-[var(--border)] text-[var(--muted)] hover:bg-[var(--surface-2)]"
                 }`}
               >
                 Large
@@ -209,8 +209,8 @@ export default function ImageOverlayPanel({
                 onClick={() => setOverlayOpacity(25)}
                 className={`rounded border py-0.5 text-center text-2xs transition ${
                   isFaintOpacity
-                    ? "border-[var(--accent)] text-[var(--text)] bg-[var(--accent-muted)]"
-                    : "border-[var(--border)] text-[var(--muted)] hover:bg-[var(--accent-muted)]"
+                    ? "border-[var(--selected)] text-[var(--text)] bg-[var(--selected-bg)]"
+                    : "border-[var(--border)] text-[var(--muted)] hover:bg-[var(--surface-2)]"
                 }`}
               >
                 25%
@@ -220,8 +220,8 @@ export default function ImageOverlayPanel({
                 onClick={() => setOverlayOpacity(60)}
                 className={`rounded border py-0.5 text-center text-2xs transition ${
                   isMediumOpacity
-                    ? "border-[var(--accent)] text-[var(--text)] bg-[var(--accent-muted)]"
-                    : "border-[var(--border)] text-[var(--muted)] hover:bg-[var(--accent-muted)]"
+                    ? "border-[var(--selected)] text-[var(--text)] bg-[var(--selected-bg)]"
+                    : "border-[var(--border)] text-[var(--muted)] hover:bg-[var(--surface-2)]"
                 }`}
               >
                 60%
@@ -231,8 +231,8 @@ export default function ImageOverlayPanel({
                 onClick={() => setOverlayOpacity(100)}
                 className={`rounded border py-0.5 text-center text-2xs transition ${
                   isSolidOpacity
-                    ? "border-[var(--accent)] text-[var(--text)] bg-[var(--accent-muted)]"
-                    : "border-[var(--border)] text-[var(--muted)] hover:bg-[var(--accent-muted)]"
+                    ? "border-[var(--selected)] text-[var(--text)] bg-[var(--selected-bg)]"
+                    : "border-[var(--border)] text-[var(--muted)] hover:bg-[var(--surface-2)]"
                 }`}
               >
                 100%
diff --git a/src/components/OnboardingTour.tsx b/src/components/OnboardingTour.tsx
index 2e50814d7..fff97c4e9 100644
--- a/src/components/OnboardingTour.tsx
+++ b/src/components/OnboardingTour.tsx
@@ -142,10 +142,11 @@ function Spotlight({ rect }: SpotlightProps) {
         y={r.top}
         width={r.width}
         height={r.height}
-        rx={8}
+        rx={4}
         fill="none"
-        stroke="rgba(99,102,241,0.8)"
-        strokeWidth={2}
+        stroke="var(--ivory)"
+        strokeOpacity={0.85}
+        strokeWidth={1.5}
       />
     </svg>
   );
@@ -197,29 +198,28 @@ function Tooltip({
       role="dialog"
       aria-modal="true"
       aria-label={`Onboarding step ${stepIndex + 1} of ${totalSteps}: ${step.title}`}
-      className="fixed z-[9999] w-80 rounded-panel shadow-[var(--shadow-overlay)] border
+      className="enter fixed z-[9999] w-80 rounded-panel shadow-[var(--shadow-overlay)] border
         bg-[var(--surface)]
         border-[var(--border)]
-        text-[var(--text)]
-        transition-colors duration-fast"
+        text-[var(--text)]"
       style={{ ...style }}
       tabIndex={-1}
     >
       {/* Progress bar */}
-      <div className="h-1 rounded-t-xl overflow-hidden bg-[var(--border)]">
+      <div className="h-[3px] rounded-t-panel overflow-hidden bg-[var(--border)]">
         <div
-          className="h-full bg-[var(--accent)]"
+          className="h-full bg-[var(--text)]"
           style={{ width: `${((stepIndex + 1) / totalSteps) * 100}%` }}
         />
       </div>
 
       <div className="p-5">
         {/* Step counter */}
-        <p className="text-xs font-semibold text-film-500 mb-1">
-          Step {stepIndex + 1} of {totalSteps}
+        <p className="marker mb-2">
+          ({stepIndex + 1} of {totalSteps})
         </p>
 
-        <h2 className="text-base font-semibold mb-1">{step.title}</h2>
+        <h2 className="serif text-2xl leading-tight mb-2">{step.title}</h2>
         <p className="text-sm text-[var(--muted)] leading-relaxed mb-4">
           {step.description}
         </p>
@@ -227,7 +227,7 @@ function Tooltip({
         <div className="flex items-center justify-between gap-3">
           <button
             onClick={onSkip}
-            className="text-xs text-[var(--muted)] hover:text-[var(--text)] transition-colors underline underline-offset-2"
+            className="link text-xs text-[var(--muted)] hover:text-[var(--text)]"
           >
             Skip tour
           </button>
@@ -236,12 +236,9 @@ function Tooltip({
             ref={(el) => {
               el?.focus();
             }}
-            className="px-4 py-2 rounded-lg text-sm font-medium
-              bg-[var(--accent)] hover:bg-[var(--accent-hover)]
-              text-[var(--on-accent)] transition-colors focus-visible:outline focus-visible:outline-2
-              focus-visible:outline-offset-2 focus-visible:outline-[var(--focus)]"
+            className="btn btn-solid btn-sm"
           >
-            {isLast ? "Done" : "Next →"}
+            {isLast ? "Done" : "Next"}
           </button>
         </div>
       </div>
diff --git a/src/components/PresetSelector.tsx b/src/components/PresetSelector.tsx
index 941aa3161..6172f3244 100644
--- a/src/components/PresetSelector.tsx
+++ b/src/components/PresetSelector.tsx
@@ -42,7 +42,7 @@ function RatioBox({
     <div
       className={cn(
         "border-2 flex-shrink-0 rounded-sm",
-        active ? "border-[var(--accent)]" : "border-[var(--muted)] opacity-60",
+        active ? "border-[var(--selected)]" : "border-[var(--muted)] opacity-60",
       )}
       style={{ width: w, height: h }}
     />
@@ -228,7 +228,7 @@ export default function PresetSelector({ recipe, onChange }: Props) {
             className={cn(
               "shrink-0",
               recipe.preset === "custom"
-                ? "text-film-500"
+                ? "text-[var(--selected)]"
                 : "text-[var(--muted)]",
             )}
           />
diff --git a/src/components/PrivacyBanner.tsx b/src/components/PrivacyBanner.tsx
index b31ac4fc5..7ae5821e6 100644
--- a/src/components/PrivacyBanner.tsx
+++ b/src/components/PrivacyBanner.tsx
@@ -55,10 +55,13 @@ export default function PrivacyBanner() {
       role="note"
       aria-label="Privacy information"
       data-privacy-banner=""
-      className="relative flex items-start gap-3 rounded-panel border border-[var(--border)] bg-[var(--surface)] p-4 pr-11"
+      // Hairlines above and below instead of a card; same footprint as before
+      // so the pre-paint hide/show never shifts layout.
+      className="enter relative flex items-start gap-3 border-y border-[var(--border)] py-4 pl-1 pr-11"
+      style={{ "--enter-delay": "320ms" } as React.CSSProperties}
     >
       <ShieldCheck
-        size={20}
+        size={18}
         aria-hidden="true"
         className="mt-0.5 shrink-0 text-[var(--success)]"
       />
diff --git a/src/components/RotateControl.tsx b/src/components/RotateControl.tsx
index 2c2b08ef5..1a5381d4c 100644
--- a/src/components/RotateControl.tsx
+++ b/src/components/RotateControl.tsx
@@ -29,7 +29,7 @@ export default function RotateControl({ recipe, onChange }: Props) {
               size={15}
               aria-hidden="true"
               style={{ transform: `rotate(${deg}deg)`, transformOrigin: "center" }}
-              className={cn(active ? "text-film-500" : "text-[var(--muted)]")}
+              className={cn(active ? "text-[var(--selected)]" : "text-[var(--muted)]")}
             />
             {deg}°
           </button>
diff --git a/src/components/TextControls.tsx b/src/components/TextControls.tsx
index ee906047e..8218dfb85 100644
--- a/src/components/TextControls.tsx
+++ b/src/components/TextControls.tsx
@@ -98,7 +98,7 @@ export default function TextControls({
               key={overlay.id}
               className={`flex items-center justify-between gap-2 p-2 rounded border transition-colors ${
                 selectedTextId === overlay.id
-                  ? "border-film-500 bg-film-600/10"
+                  ? "border-[var(--selected)] bg-[var(--selected-bg)]"
                   : "border-[var(--border)] bg-[var(--surface)] hover:bg-[var(--border)]"
               }`}
             >
@@ -202,7 +202,7 @@ export default function TextControls({
                   }
                   className={`px-2 py-1.5 text-xs rounded border transition-colors ${
                     selectedOverlay.fontWeight === weight
-                      ? "border-film-500 bg-film-600/10 text-film-400"
+                      ? "border-[var(--selected)] bg-[var(--selected-bg)] text-[var(--text)]"
                       : "border-[var(--border)] bg-[var(--surface)] text-[var(--muted)] hover:bg-[var(--border)]"
                   }`}
                   style={{
diff --git a/src/components/ThemeToggle.tsx b/src/components/ThemeToggle.tsx
index 8066ce731..ded2e3d26 100644
--- a/src/components/ThemeToggle.tsx
+++ b/src/components/ThemeToggle.tsx
@@ -1,9 +1,8 @@
 "use client";
 
 import { useEffect, useState } from "react";
-import { Contrast } from "lucide-react";
+import { Contrast, Moon, Sun } from "lucide-react";
 import { useTheme } from "./ThemeProvider";
-import { cn } from "@/lib/utils";
 
 function useMounted() {
   const [mounted, setMounted] = useState(false);
@@ -16,7 +15,8 @@ function useMounted() {
   return mounted;
 }
 
-const iconButton = "btn btn-ghost btn-icon";
+// Hairline circles, matching weight and size in the header.
+const iconButton = "btn btn-secondary btn-icon btn-sm";
 
 export function ThemeToggle() {
   const { theme, toggleTheme } = useTheme();
@@ -46,16 +46,7 @@ export function ThemeToggle() {
       title={label}
       className={iconButton}
     >
-      {isDark ? (
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" className="w-4 h-4" aria-hidden="true">
-          <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" />
-        </svg>
-      ) : (
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" className="w-4 h-4" aria-hidden="true">
-          <circle cx="12" cy="12" r="4" />
-          <path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41" />
-        </svg>
-      )}
+      {isDark ? <Moon size={14} aria-hidden="true" /> : <Sun size={14} aria-hidden="true" />}
     </button>
   );
 }
@@ -77,9 +68,9 @@ export function ContrastToggle() {
       aria-pressed={isMore}
       aria-label="High contrast"
       title={isMore ? "Turn off high contrast" : "Turn on high contrast"}
-      className={cn(iconButton, isMore && "text-[var(--accent-text)]")}
+      className={iconButton}
     >
-      <Contrast size={16} aria-hidden="true" />
+      <Contrast size={14} aria-hidden="true" />
     </button>
   );
 }
diff --git a/src/components/ThumbnailStrip.tsx b/src/components/ThumbnailStrip.tsx
index 85a00ce03..c7a868245 100644
--- a/src/components/ThumbnailStrip.tsx
+++ b/src/components/ThumbnailStrip.tsx
@@ -158,7 +158,9 @@ function ThumbnailStrip({
   return (
     <section aria-label="Frame previews" className="w-full">
       <div className="flex items-center gap-3 pb-2">
-        <h3 className="text-xs font-medium text-[var(--text-secondary)]">Frames</h3>
+        <h3 className="marker text-sm">
+          <span aria-hidden="true">(</span>Frames<span aria-hidden="true">)</span>
+        </h3>
         {generating && (
           <div className="flex flex-1 items-center gap-2" aria-live="polite">
             <div
@@ -198,7 +200,7 @@ function ThumbnailStrip({
                 <div
                   key={i}
                   aria-hidden="true"
-                  className="h-[54px] w-24 shrink-0 rounded-md bg-[var(--surface-2)]"
+                  className="h-[54px] w-24 shrink-0 rounded-[3px] bg-[var(--surface-2)]"
                 />
               ))}
             {frames.map((thumb, i) => {
@@ -214,8 +216,9 @@ function ThumbnailStrip({
                   aria-current={isActive ? "true" : undefined}
                   title={label}
                   className={cn(
-                    "group relative h-[54px] w-24 shrink-0 overflow-hidden rounded-md border-2 bg-[var(--viewer)]",
+                    "group relative h-[54px] w-24 shrink-0 overflow-hidden rounded-[3px] border-2 bg-[var(--viewer)]",
                     "transition-[border-color] duration-fast",
+                    // Red marks the playhead frame, as it marks the playhead elsewhere.
                     isActive ? "border-[var(--accent)]" : "border-transparent hover:border-[var(--border-strong)]"
                   )}
                 >
@@ -227,7 +230,9 @@ function ThumbnailStrip({
                     unoptimized
                     draggable={false}
                     className={cn(
-                      "h-full w-full object-cover",
+                      // Hover-only zoom on the thumbnail image; nothing animates
+                      // during playback except the active border colour.
+                      "h-full w-full object-cover transition-transform duration-base ease-out group-hover:scale-[1.06]",
                       !inTrimRange && "opacity-35 grayscale"
                     )}
                   />
diff --git a/src/components/TipCarousel.tsx b/src/components/TipCarousel.tsx
index 05d41bc19..f1633eca2 100644
--- a/src/components/TipCarousel.tsx
+++ b/src/components/TipCarousel.tsx
@@ -89,16 +89,16 @@ export default function TipCarousel() {
   const IconComponent = activeTip.icon; 
 
   return (
-    <div className="mt-5 border-t border-[var(--border)] pt-4 text-left">
+    <div data-tip-carousel="" className="mt-5 border-t border-[var(--border)] pt-4 text-left">
       <div
         className={`min-h-[92px] transition-opacity duration-base ${isFading ? "opacity-0" : "opacity-100"}`}
         aria-live="off"
       >
-        <div className="flex items-center gap-1.5 text-xs font-medium text-film-500">
+        <div className="flex items-center gap-1.5 text-xs font-medium text-[var(--selected)]">
           <IconComponent size={13} aria-hidden="true" />
           {activeTip.category}
         </div>
-        <h3 className="mt-1 text-sm font-semibold text-[var(--text)]">{activeTip.title}</h3>
+        <h3 className="serif mt-1.5 text-lg leading-snug text-[var(--text)]">{activeTip.title}</h3>
         <p className="mt-1 text-xs leading-relaxed text-[var(--muted)]">{activeTip.description}</p>
       </div>
 
@@ -114,8 +114,9 @@ export default function TipCarousel() {
           >
             <span
               aria-hidden="true"
-              className={`block h-1.5 w-1.5 rounded-full transition-colors duration-fast ${
-                idx === activeIdx ? "bg-[var(--accent)]" : "bg-[var(--border-strong)]"
+              // Active tip: a short bar rather than a red dot (red is reserved).
+              className={`block h-[3px] rounded-full transition-[width,background-color] duration-base ${
+                idx === activeIdx ? "w-4 bg-[var(--text)]" : "w-1.5 bg-[var(--border-strong)]"
               }`}
             />
           </button>
diff --git a/src/components/TrimControl.tsx b/src/components/TrimControl.tsx
index a82f2210a..4c0fb4a39 100644
--- a/src/components/TrimControl.tsx
+++ b/src/components/TrimControl.tsx
@@ -177,7 +177,7 @@ export default function TrimControl({ recipe, onChange, duration, file }: Props)
   };
 
   const inputClass =
-    "w-full text-sm px-3 py-2 border border-[var(--border)] rounded-md bg-[var(--bg)] focus:outline-none focus:ring-2 focus:ring-film-400 text-[var(--text)] transition-shadow [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none";
+    "w-full text-sm px-3 py-2 border border-[var(--border)] rounded-md bg-[var(--bg)] focus:outline-none focus:ring-2 focus:ring-[var(--focus)] text-[var(--text)] transition-shadow [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none";
 
   return (
     <div id="trim-control" className="space-y-3">
diff --git a/src/components/VideoEditor.tsx b/src/components/VideoEditor.tsx
index efb31b5b3..f9cfe2f17 100644
--- a/src/components/VideoEditor.tsx
+++ b/src/components/VideoEditor.tsx
@@ -42,10 +42,11 @@ import { useKeyboardShortcuts } from "@/hooks/useKeyboardShortcuts";
 import { loadOverlayState, persistOverlayState } from "@/lib/editorPersistence";
 
 /**
- * Collapsible tool section. Closed panels are removed with the `hidden`
- * attribute rather than animated (animating height forces layout on every
- * frame); only the chevron rotates. The optional summary shows the current
- * value while collapsed, so the panel doesn't have to be opened to check it.
+ * Collapsible tool section. The panel animates open and closed through grid
+ * rows (see `.disclosure` in globals.css), so nothing is measured in JS; once
+ * closed, its content is visibility:hidden and leaves the tab order. The
+ * optional summary shows the current value while collapsed, so the panel
+ * doesn't have to be opened to check it.
  */
 function AccordionSection({
   id,
@@ -73,9 +74,12 @@ function AccordionSection({
           aria-expanded={isOpen}
           aria-controls={`${id}-panel`}
           onClick={onToggle}
-          className="flex min-h-[48px] w-full items-center gap-3 px-4 py-2.5 text-left transition-colors duration-fast hover:bg-[var(--surface-2)]"
+          className="group flex min-h-[50px] w-full items-center gap-3 px-1 py-2.5 text-left"
         >
-          <span aria-hidden="true" className="text-[var(--muted)]">
+          <span
+            aria-hidden="true"
+            className="text-[var(--muted)] transition-colors duration-fast group-hover:text-[var(--text)]"
+          >
             {icon}
           </span>
           <span className="flex-1 text-sm font-medium text-[var(--text)]">{title}</span>
@@ -83,28 +87,63 @@ function AccordionSection({
             <span className="tabular truncate text-xs text-[var(--muted)]">{summary}</span>
           )}
           <ChevronDown
-            size={16}
+            size={15}
             aria-hidden="true"
             className={cn(
-              "shrink-0 text-[var(--muted)] transition-transform duration-base",
+              "shrink-0 text-[var(--muted)] transition-transform duration-panel ease-standard group-hover:text-[var(--text)]",
               isOpen && "rotate-180"
             )}
           />
         </button>
       </h3>
-      <div
-        id={`${id}-panel`}
-        role="region"
-        aria-labelledby={`${id}-header`}
-        hidden={!isOpen}
-        className="px-4 pb-4 pt-1"
-      >
-        {children}
+      <div className="disclosure" data-open={isOpen}>
+        <div
+          id={`${id}-panel`}
+          role="region"
+          aria-labelledby={`${id}-header`}
+          className="disclosure-inner"
+        >
+          <div className="px-1 pb-5 pt-1">{children}</div>
+        </div>
       </div>
     </div>
   );
 }
 
+/** "(2)  Edit" — the reference's parenthetical marker beside a serif title. */
+function SectionHead({
+  id,
+  marker,
+  title,
+  children,
+  visuallyHidden,
+}: {
+  id: string;
+  marker: string;
+  title: string;
+  children?: React.ReactNode;
+  visuallyHidden?: boolean;
+}) {
+  if (visuallyHidden) {
+    return (
+      <h2 id={id} className="sr-only">
+        {title}
+      </h2>
+    );
+  }
+  return (
+    <div className="section-head">
+      <span className="marker" aria-hidden="true">
+        ({marker})
+      </span>
+      <h2 id={id} className="serif text-2xl leading-none">
+        {title}
+      </h2>
+      {children && <div className="ml-auto flex items-center gap-1">{children}</div>}
+    </div>
+  );
+}
+
 const SHORTCUTS: { keys: string[]; label: string }[] = [
   { keys: ["Space"], label: "Play / pause preview" },
   { keys: ["⌘/Ctrl", "Enter"], label: "Export video" },
@@ -122,21 +161,21 @@ const SHORTCUTS: { keys: string[]; label: string }[] = [
 /** Collapsible list of keyboard shortcuts (also toggled with "?"). */
 function KeyboardShortcutsPanel({ open, onToggle }: { open: boolean; onToggle: () => void }) {
   return (
-    <div className="panel overflow-hidden">
+    <div className="border-b border-[var(--border)]">
       <button
         type="button"
         aria-expanded={open}
         aria-controls="keyboard-shortcuts-list"
         onClick={onToggle}
-        className="flex min-h-[44px] w-full items-center gap-2 px-4 py-2 text-left text-sm text-[var(--text-secondary)] transition-colors duration-fast hover:bg-[var(--surface-2)]"
+        className="group flex min-h-[46px] w-full items-center gap-2 px-1 py-2 text-left text-sm text-[var(--text-secondary)] transition-colors duration-fast hover:text-[var(--text)]"
       >
-        <Keyboard size={15} aria-hidden="true" className="text-[var(--muted)]" />
+        <Keyboard size={15} aria-hidden="true" className="text-[var(--muted)] group-hover:text-[var(--text)]" />
         <span className="flex-1">Keyboard shortcuts</span>
         <kbd className="kbd">?</kbd>
       </button>
 
       {open && (
-        <ul id="keyboard-shortcuts-list" className="space-y-2 border-t border-[var(--border)] px-4 py-3">
+        <ul id="keyboard-shortcuts-list" className="enter grid gap-x-8 gap-y-2 px-1 pb-4 pt-1 sm:grid-cols-2" style={{ "--enter-delay": "0ms" } as React.CSSProperties}>
           {SHORTCUTS.map(({ keys, label }) => (
             <li key={label + keys.join()} className="flex items-center justify-between gap-3">
               <span className="text-xs text-[var(--muted)]">{label}</span>
@@ -357,7 +396,7 @@ export default function VideoEditor() {
 
       <div
         className={cn(
-          "mx-auto w-full max-w-[1440px] flex-1 px-4 py-6 sm:px-6 lg:py-8",
+          "mx-auto w-full max-w-[1440px] flex-1 px-4 py-6 sm:px-6 lg:px-8 lg:py-8",
           // Reserve space on mobile so the fixed export bar never covers content.
           file && "max-lg:pb-28"
         )}
@@ -365,26 +404,36 @@ export default function VideoEditor() {
         {file ? (
           <h1 className="sr-only">Reframe editor</h1>
         ) : (
-          <header className="mb-6 max-w-2xl">
-            <h1 className="text-2xl font-semibold sm:text-3xl">
-              Resize, trim and export video in your browser
+          // Editorial opening: the headline rises line by line out of a mask,
+          // as the reference's titles do. Copy stays plain and functional.
+          <header className="mb-8 grid gap-5 sm:mb-12 lg:grid-cols-[minmax(0,1fr)_360px] lg:items-end lg:gap-8">
+            <h1 className="display text-[2.125rem] sm:text-5xl xl:text-6xl">
+              <span className="line-mask">
+                <span>Resize, trim and export</span>
+              </span>
+              <span className="line-mask" style={{ "--enter-delay": "90ms" } as React.CSSProperties}>
+                <span>video in your browser</span>
+              </span>
             </h1>
-            <p className="mt-2 text-base text-[var(--text-secondary)]">
+            <p
+              className="enter max-w-sm text-sm leading-6 text-[var(--text-secondary)]"
+              style={{ "--enter-delay": "260ms" } as React.CSSProperties}
+            >
               Reformat a clip for any platform without an account, an upload or a watermark.
               Everything runs on this device.
             </p>
           </header>
         )}
 
-        <div className="grid grid-cols-1 gap-6 lg:grid-cols-[minmax(0,1fr)_360px] lg:items-start">
+        <div className="grid grid-cols-1 gap-8 lg:grid-cols-[minmax(0,1fr)_360px] lg:items-start lg:gap-8">
           {/* ── Workspace: preview first, then the tools that change it ── */}
-          <div className="min-w-0 space-y-4">
+          <div className="min-w-0 space-y-8">
             {!file && <PrivacyBanner />}
 
-            <section aria-labelledby="video-heading" className="panel p-3 sm:p-4">
-              <h2 id="video-heading" className="sr-only">
-                Video
-              </h2>
+            {/* No entrance on this section: it holds the primary action (and
+                the page's largest paint), so it is shown from the first frame. */}
+            <section aria-labelledby="video-heading" className="space-y-4">
+              <SectionHead id="video-heading" marker="1" title="Source" visuallyHidden={!file} />
               <FileUpload
                 onFileSelect={handleFileSelect}
                 currentFile={file}
@@ -394,7 +443,7 @@ export default function VideoEditor() {
 
               {file && (
                 <>
-                  <div className="mt-3">
+                  <div>
                     <VideoPreview
                       file={file}
                       recipe={recipe}
@@ -405,7 +454,7 @@ export default function VideoEditor() {
                     />
                   </div>
 
-                  <div className="mt-4 border-t border-[var(--border)] pt-3">
+                  <div className="border-t border-[var(--border)] pt-3">
                     <ThumbnailStrip
                       videoSrc={videoSrc}
                       duration={duration}
@@ -480,13 +529,13 @@ export default function VideoEditor() {
                 aria-labelledby="edit-heading"
                 inert={isProcessing}
                 className={cn(
-                  "panel divide-y divide-[var(--border)] overflow-hidden",
+                  "enter transition-opacity duration-base",
                   isProcessing && "opacity-60"
                 )}
+                style={{ "--enter-delay": "120ms" } as React.CSSProperties}
               >
-                <h2 id="edit-heading" className="sr-only">
-                  Edit
-                </h2>
+                <SectionHead id="edit-heading" marker="2" title="Edit" />
+                <div className="divide-y divide-[var(--border)] border-b border-[var(--border)]">
                 <AccordionSection
                   id="trim"
                   icon={<Scissors size={15} />}
@@ -570,6 +619,7 @@ export default function VideoEditor() {
                     setOverlayOpacity={setOverlayOpacity}
                   />
                 </AccordionSection>
+                </div>
               </section>
             )}
 
@@ -580,18 +630,29 @@ export default function VideoEditor() {
           {/* On desktop the panel is capped at the viewport height: settings
               scroll inside it and the summary + Export button stay pinned, so
               the primary action is always visible. */}
-          <aside aria-labelledby="output-heading" className="lg:sticky lg:top-[72px]">
+          <aside
+            aria-labelledby="output-heading"
+            className="enter lg:sticky lg:top-[76px]"
+            style={{ "--enter-delay": "200ms" } as React.CSSProperties}
+          >
             <section
               inert={exportDisabled}
               className={cn(
-                "panel flex flex-col overflow-hidden lg:max-h-[calc(100vh-96px)]",
+                "panel flex flex-col overflow-hidden transition-opacity duration-base lg:max-h-[calc(100vh-100px)]",
                 exportDisabled && "opacity-60"
               )}
             >
-              <div className="flex items-center justify-between gap-2 border-b border-[var(--border)] px-4 py-3">
-                <h2 id="output-heading" className="text-base font-semibold">
-                  Output
-                </h2>
+              <div className="flex items-baseline justify-between gap-2 border-b border-[var(--border)] px-4 pb-3 pt-4">
+                <div className="flex items-baseline gap-3">
+                  {file && (
+                    <span className="marker" aria-hidden="true">
+                      (3)
+                    </span>
+                  )}
+                  <h2 id="output-heading" className="serif text-2xl leading-none">
+                    Output
+                  </h2>
+                </div>
                 <div className="flex items-center gap-1">
                   <button
                     type="button"
@@ -611,7 +672,7 @@ export default function VideoEditor() {
                 </p>
               )}
 
-              <div className="min-h-0 flex-1 divide-y divide-[var(--border)] overflow-y-auto overscroll-contain">
+              <div className="min-h-0 flex-1 divide-y divide-[var(--border)] overflow-y-auto overscroll-contain px-3">
                 <AccordionSection
                   id="resize"
                   icon={<Layers size={15} />}
@@ -633,7 +694,7 @@ export default function VideoEditor() {
                   </div>
                 </AccordionSection>
 
-                <div className="px-4 py-4">
+                <div className="px-1 py-4">
                   <FormatSelector recipe={recipe} onChange={updateRecipe} />
                 </div>
 
@@ -651,20 +712,20 @@ export default function VideoEditor() {
                 </AccordionSection>
               </div>
 
-              <div className="shrink-0 space-y-3 border-t border-[var(--border)] bg-[var(--surface-2)] px-4 py-4">
+              <div className="shrink-0 space-y-4 border-t border-[var(--border)] px-4 py-4">
                 {file && (
-                  <dl className="grid grid-cols-3 gap-2 text-xs">
-                    <div>
+                  <dl className="grid grid-cols-3 divide-x divide-[var(--border)] text-xs">
+                    <div className="pr-3">
                       <dt className="text-[var(--muted)]">Format</dt>
-                      <dd className="font-medium">{output.summary.format}</dd>
+                      <dd className="mt-0.5 font-medium">{output.summary.format}</dd>
                     </div>
-                    <div>
+                    <div className="px-3">
                       <dt className="text-[var(--muted)]">Size</dt>
-                      <dd className="tabular font-medium">{output.summary.resolution}</dd>
+                      <dd className="tabular mt-0.5 font-medium">{output.summary.resolution}</dd>
                     </div>
-                    <div>
+                    <div className="pl-3">
                       <dt className="text-[var(--muted)]">Quality</dt>
-                      <dd className="font-medium">{qualityLabel(recipe.quality)}</dd>
+                      <dd className="mt-0.5 font-medium">{qualityLabel(recipe.quality)}</dd>
                     </div>
                   </dl>
                 )}
@@ -692,7 +753,7 @@ export default function VideoEditor() {
                   <button
                     type="button"
                     onClick={resetSettings}
-                    className="rounded underline-offset-2 hover:text-[var(--text)] hover:underline"
+                    className="link rounded text-[var(--muted)] hover:text-[var(--text)]"
                     title="Reset settings and forget the saved video"
                   >
                     Clear saved session
@@ -706,7 +767,7 @@ export default function VideoEditor() {
 
       {/* Mobile-only export bar — keeps Export reachable without scrolling to the sidebar. */}
       {file && (
-        <div className="fixed inset-x-0 bottom-0 z-40 border-t border-[var(--border)] bg-[var(--surface)] px-4 py-3 [padding-bottom:calc(0.75rem+env(safe-area-inset-bottom))] lg:hidden">
+        <div className="fixed inset-x-0 bottom-0 z-40 border-t border-[var(--border)] bg-[var(--bg)] px-4 py-3 [padding-bottom:calc(0.75rem+env(safe-area-inset-bottom))] lg:hidden">
           <div className="mx-auto flex max-w-xl items-center gap-3">
             <div className="min-w-0 flex-1 text-xs">
               <p className="truncate font-medium">
diff --git a/src/components/VideoPreview.tsx b/src/components/VideoPreview.tsx
index 0ac71a869..e3e55442a 100644
--- a/src/components/VideoPreview.tsx
+++ b/src/components/VideoPreview.tsx
@@ -280,15 +280,17 @@ export default function VideoPreview({
     }
   };
 
-  const toolButton = (pressed: boolean) =>
-    cn("btn btn-ghost btn-sm", pressed && "bg-[var(--accent-muted)] text-[var(--text)]");
+  // Pressed state comes from `.btn[aria-pressed="true"]` (warm brown outline).
+  const toolButton = (pressed: boolean) => cn("btn btn-sm", pressed ? "btn-secondary" : "btn-ghost");
 
   return (
     <>
       <div
         ref={previewContainerRef}
         role="group"
-        className="relative w-full overflow-hidden rounded-[10px] bg-[var(--viewer)] aspect-video"
+        // The frame wipes open once when a video is first shown (clip-path on
+        // this wrapper only; the <video> itself is never animated).
+        className="frame-reveal relative aspect-video w-full overflow-hidden rounded-[4px] border border-[var(--viewer-frame)] bg-[var(--viewer)]"
         tabIndex={0}
         onKeyDown={handleKeyDown}
         aria-label="Video preview (press Space to play/pause)"
@@ -412,7 +414,7 @@ export default function VideoPreview({
 
       {/* Viewer toolbar: below the picture so controls never cover the video. */}
       {!isLoading && (
-        <div role="toolbar" aria-label="Preview tools" className="mt-2 flex flex-wrap items-center gap-1">
+        <div role="toolbar" aria-label="Preview tools" className="mt-3 flex flex-wrap items-center gap-1.5">
           {recipe && (
             <>
               <button
diff --git a/src/components/__tests__/performance.test.tsx b/src/components/__tests__/performance.test.tsx
index 75a26edcc..32fa163c0 100644
--- a/src/components/__tests__/performance.test.tsx
+++ b/src/components/__tests__/performance.test.tsx
@@ -47,6 +47,9 @@ describe("ThumbnailStrip", () => {
       </Profiler>
     );
     await screen.findByText(/4 frames/);
+    // Let the initial playhead sync commit before taking the baseline;
+    // findByText can resolve before that effect has flushed.
+    await act(async () => {});
     const before = commits;
 
     // 20 timeupdates inside the first frame's range: no commits at all.
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 65303aaff..aae2f66a6 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -16,15 +16,15 @@ const config: Config = {
   ],
   theme: {
     extend: {
-      // One interface typeface: the platform UI font (SF Pro on Apple devices,
-      // Segoe UI on Windows, Roboto on Android). It costs no network request.
-      // `heading` and `display` were used throughout the components but never
-      // defined, so they silently did nothing; they now resolve to the same
-      // family and only weight/size distinguish headings.
+      // Two families. The platform UI font (SF Pro / Segoe UI / Roboto) for
+      // every control, label and readout; an editorial serif (Cormorant
+      // Garamond, self-hosted by next/font) for headings and a few numerals.
+      // `heading` stays sans: it is used on small control labels.
       fontFamily: {
         sans: ["var(--font-sans)"],
         heading: ["var(--font-sans)"],
-        display: ["var(--font-sans)"],
+        display: ["var(--font-serif)"],
+        serif: ["var(--font-serif)"],
         mono: ["var(--font-mono)"],
       },
       fontSize: {
@@ -37,6 +37,10 @@ const config: Config = {
         xl: ["1.25rem", { lineHeight: "1.75rem" }], // 20px
         "2xl": ["1.625rem", { lineHeight: "2rem", letterSpacing: "-0.015em" }], // 26px
         "3xl": ["2.125rem", { lineHeight: "2.5rem", letterSpacing: "-0.02em" }], // 34px
+        // Serif display sizes (headlines and the export percentage).
+        "4xl": ["2.75rem", { lineHeight: "1.02", letterSpacing: "-0.02em" }], // 44px
+        "5xl": ["3.75rem", { lineHeight: "1", letterSpacing: "-0.025em" }], // 60px
+        "6xl": ["4.75rem", { lineHeight: "0.98", letterSpacing: "-0.03em" }], // 76px
       },
       colors: {
         background: "var(--background)",
@@ -61,14 +65,19 @@ const config: Config = {
       borderRadius: {
         control: "var(--radius-control)",
         panel: "var(--radius-panel)",
+        pill: "var(--radius-pill)",
       },
       transitionDuration: {
         fast: "var(--dur-fast)",
         base: "var(--dur-base)",
         slow: "var(--dur-slow)",
+        panel: "var(--dur-panel)",
+        enter: "var(--dur-enter)",
       },
       transitionTimingFunction: {
         standard: "var(--ease-standard)",
+        out: "var(--ease-out)",
+        "in-out": "var(--ease-in-out)",
       },
       keyframes: {
         shimmer: {

From 031c44ff3c5db2292c433683fa8528020df54860 Mon Sep 17 00:00:00 2001
From: Akanksha Trehun <akankshatrehun@gmail.com>
Date: Thu, 22 Oct 2026 11:44:13 +0530
Subject: [PATCH 04/11] perf: subset the serif fonts, fix duplicate export
 announcement

- Replace the Google Fonts Cormorant Garamond files (variable 300-700,
  Latin-1) with subsets of the styles the UI uses: upright 400-500 variable
  (18 KB, preloaded) and italic 400 static (12 KB), ASCII plus typographic
  punctuation. Built reproducibly by scripts/fonts/build-cormorant.sh from a
  pinned google/fonts commit; OFL included.
- Lighthouse mobile, median of 5 vs e887f10: LCP 1,404 -> 1,253 ms,
  transfer 281 -> 235 KB, CLS 0.
- Remove role="status" from the download panel: completion was announced
  twice and the whole panel (file name field included) read out.
- Align the mobile/tablet export bar with the page gutters.
- docs/PERFORMANCE.md: font audit, corrected LCP element, browser checks,
  limitations.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/PERFORMANCE.md                           | 109 ++++++++++++++++--
 scripts/fonts/build-cormorant.sh              |  47 ++++++++
 src/app/fonts/OFL.txt                         |  93 +++++++++++++++
 .../fonts/cormorant-garamond-italic-400.woff2 | Bin 0 -> 12500 bytes
 .../cormorant-garamond-upright-400-500.woff2  | Bin 0 -> 18128 bytes
 src/app/layout.tsx                            |  26 +++--
 src/components/VideoEditor.tsx                |  10 +-
 7 files changed, 264 insertions(+), 21 deletions(-)
 create mode 100755 scripts/fonts/build-cormorant.sh
 create mode 100644 src/app/fonts/OFL.txt
 create mode 100644 src/app/fonts/cormorant-garamond-italic-400.woff2
 create mode 100644 src/app/fonts/cormorant-garamond-upright-400-500.woff2

diff --git a/docs/PERFORMANCE.md b/docs/PERFORMANCE.md
index 65390982e..3a4440031 100644
--- a/docs/PERFORMANCE.md
+++ b/docs/PERFORMANCE.md
@@ -419,6 +419,9 @@ node scripts/perf/make-fixture.js 6 640 360 scripts/perf/fixtures/sample-6s.mp4
 node scripts/perf/bench.js http://localhost:4300/ after scripts/perf/fixtures/sample-6s.mp4
 node scripts/perf/matrix.js http://localhost:4300/ iso scripts/perf/fixtures/sample-6s.mp4    # ONLY=webm,gif to filter
 node scripts/perf/motion.js after=http://localhost:4300/
+
+# Rebuild the subset serif (needs fonttools + brotli; see the script header)
+PYTHON=/path/to/venv/bin/python scripts/fonts/build-cormorant.sh
 ```
 
 `bench.js` covers:
@@ -449,11 +452,9 @@ local run, build with `NEXT_PUBLIC_DATADOG_ENV=local-perf` and filter on
 ## Editorial redesign: measured cost (2026-10-21)
 
 The "screening room" redesign adds two things that cost bytes or time:
-- **Self-hosted Cormorant Garamond.** next/font serves it from this origin,
-  so there is no runtime Google request and COEP is unaffected. It uses
-  `display: swap` with a metric-adjusted fallback.
-  - The upright Latin file is preloaded (37 KB).
-  - The italic (39 KB) is fetched on use, for the parenthetical labels.
+- **Self-hosted Cormorant Garamond.** Served from this origin, so there is
+  no runtime Google request and COEP is unaffected. It uses `display: swap`
+  with a metric-adjusted fallback (see "Font audit" below for the files).
 - **CSS-only motion.** A masked headline rise, staggered region fades, a
   drop-zone frame that settles in, a frame wipe for the preview on mount,
   and grid-row disclosures.
@@ -476,9 +477,15 @@ session. Before = `33b2c5a`.
 | Accessibility / best practices | 100 / 100 | 100 / 100 |
 | Transfer | 203 KB | 281 KB (+78 KB = the two font files) |
 
+This table is the redesign as first committed (`e887f10`), with the
+Google Fonts files. The font audit below brings LCP down to 1,253 ms and
+transfer to 235 KB.
+
 **Lesson recorded for future changes.** The first version of the redesign
-measured **LCP 2,184 ms**. The LCP element (the drop-zone title) was hidden
-by entrance animations until they finished:
+measured **LCP 2,184 ms**. The LCP element sits in the drop zone and was
+hidden by entrance animations until they finished. On Lighthouse's mobile
+viewport it is the "Formats" requirement text (system sans); at 1440×900 it
+is the "Choose a video or drag it here" heading (serif). The animations were:
 - a clip-path wipe on the drop zone
 - an opacity fade on its section
 
@@ -522,6 +529,84 @@ mobile) were taken with a scratch Puppeteer script, not a test. No console
 errors or failed requests were seen, there was no horizontal overflow, and
 Export was visible at every size.
 
+### Font audit (2026-10-22)
+
+The UI sets Cormorant in three styles only: upright 400 (`.display`),
+upright 500 (`.serif`) and italic 400 (`.marker`). It uses it only for its
+own English copy, which is ASCII (checked in the browser across the empty,
+editor, export and done states). The Google Fonts files carried the whole
+300–700 weight axis and Latin-1 plus punctuation in each Latin slice. They
+are now replaced by subsets built with `scripts/fonts/build-cormorant.sh`:
+- The script pins a `google/fonts` commit and needs fonttools and brotli
+  (a dev-only tool, not a project dependency).
+- The output is committed in `src/app/fonts/` together with `OFL.txt`.
+- `layout.tsx` loads the subsets with `next/font/local`.
+
+| File | Before (Google, Latin slice) | After |
+|---|---|---|
+| Upright | variable 300–700, 229 chars, 37 KB, preloaded | variable 400–500, 105 chars, 18 KB, preloaded |
+| Italic | variable 300–700, 231 chars, 39 KB, `preload: false` | static 400, 105 chars, 12 KB, `preload: false` |
+
+What the subsets keep and drop:
+- **Characters:** printable ASCII plus nbsp, `·`, `×`, en and em dashes,
+  curly quotes and the ellipsis.
+- **Features:** `kern`, `liga`, `calt`, `lnum`, `tnum` and `pnum`, so lining
+  and tabular figures still work.
+- **What happens outside the subset:** any other character falls back, per
+  glyph, to the size-adjusted fallback serif, never to a missing-glyph box.
+  If the serif ever needs other languages, widen `UNICODES` in the script
+  and rebuild.
+
+Loading:
+- Only the upright file is preloaded, because the desktop LCP heading uses
+  it and it also renders the wordmark and section titles above the fold.
+- The italic is requested as soon as the CSS applies to the first marker,
+  about 110 ms after the upright file in the Lighthouse trace. Preloading it
+  as well would compete with the LCP font for bandwidth.
+- Both files use `display: swap` with Times New Roman fallback metrics that
+  next/font generated, and CLS stays at 0.
+
+Lighthouse mobile, local production build, median of 5. Both builds were
+measured back to back in one session; before = `e887f10` built in a clean
+worktree.
+
+| | Before | After |
+|---|---|---|
+| Performance | 100 | 100 |
+| FCP | 879 ms | 878 ms |
+| LCP | 1,404 ms | 1,253 ms |
+| TBT | 10 ms | 12 ms |
+| CLS | 0 | 0 |
+| Speed index | 2,486 | 2,245 |
+| Accessibility / best practices | 100 / 100 | 100 / 100 |
+| Transfer | 281 KB | 235 KB |
+
+Each build was run five times. Before ranged 1,401–1,416 ms; after ranged
+1,252–1,309 ms. The LCP element on this viewport is sans text, so the gain
+comes from less bandwidth contention under simulated throttling, not from
+the serif painting sooner. The cause wasn't isolated further. Speed index
+varies widely from run to run (2,109–3,010 ms across the two after-builds),
+so treat it as noise.
+
+Browser checks in the same audit (headless Chrome, scratch script):
+- **Reduced motion:** with `prefers-reduced-motion: reduce`, nothing runs
+  (0 animations, 0 elements with a transition) on the empty page, after a
+  video loads, or when a panel opens. All entrance elements are fully
+  visible.
+- **Closed panels:** a full Tab cycle through the loaded editor (69 stops)
+  never lands inside a closed panel. Opening "Adjust colour" makes its 8
+  controls reachable.
+- **Export announcements:** during a full export (engine load, then encode)
+  the live regions changed 4 times: "Loading video engine", "Exporting
+  video: 0%", "Exporting video" and "Export complete. Video ready to
+  download." Percentages are only announced in 10 % steps. Before this
+  audit, the download panel also had `role="status"` (inherited from
+  `main`), so completion was announced a second time and the whole panel
+  was read out, including the file-name field. That role has been removed.
+- **Not verified:** what real screen readers say. Because the export
+  dialog is modal, some may ignore the editor's live region outside it;
+  the dialog's own status line still announces the stage.
+
 ## Known bottlenecks and limitations
 
 - **Memory.**
@@ -551,3 +636,13 @@ Export was visible at every size.
   terminating the worker releases them.
 - **No field data yet.** The INP target in particular is unverified until
   RUM shows p75 values.
+- **The redesign has only been checked in Chromium.** Every check so far
+  was headless Chrome or Lighthouse. Still needed:
+  - Safari and Firefox
+  - real touch devices
+  - a screen reader (VoiceOver or NVDA)
+  - Chromatic review of the changed stories
+
+  The grid-row disclosure, `inert` and `checkVisibility()` (used only by
+  `bench.js`) are the browser-specific pieces to watch.
+- **Font coverage is English-only by design.** See "Font audit" above.
diff --git a/scripts/fonts/build-cormorant.sh b/scripts/fonts/build-cormorant.sh
new file mode 100755
index 000000000..19858fca3
--- /dev/null
+++ b/scripts/fonts/build-cormorant.sh
@@ -0,0 +1,47 @@
+#!/usr/bin/env bash
+# Rebuilds the self-hosted Cormorant Garamond files in src/app/fonts/.
+#
+# The UI sets the serif at three styles only (upright 400 for .display,
+# upright 500 for .serif, italic 400 for .marker) and only for its own English
+# copy, so the full Google Fonts variable files (300-700, Latin-1 and more,
+# ~75 KB for the two Latin slices) are cut down to:
+#   - upright: variable, wght limited to 400-500
+#   - italic:  static 400
+# each subset to printable ASCII plus the typographic punctuation the copy may
+# use. Characters outside the subset fall back per glyph to the size-adjusted
+# fallback serif, so nothing renders as a missing-glyph box.
+#
+# Needs fonttools and brotli (dev only, not a project dependency):
+#   python3 -m venv /tmp/fontenv && /tmp/fontenv/bin/pip install fonttools brotli
+#   PYTHON=/tmp/fontenv/bin/python scripts/fonts/build-cormorant.sh
+set -euo pipefail
+
+PYTHON="${PYTHON:-python3}"
+# google/fonts commit that last touched ofl/cormorantgaramond (pinned so the
+# output is reproducible).
+REV=3dd78844021e948ceb633d1dcee3f7885561b5d9
+BASE="https://raw.githubusercontent.com/google/fonts/$REV/ofl/cormorantgaramond"
+OUT="$(cd "$(dirname "$0")/../.." && pwd)/src/app/fonts"
+WORK="$(mktemp -d)"
+trap 'rm -rf "$WORK"' EXIT
+
+curl -fsSL -o "$WORK/upright.ttf" "$BASE/CormorantGaramond%5Bwght%5D.ttf"
+curl -fsSL -o "$WORK/italic.ttf" "$BASE/CormorantGaramond-Italic%5Bwght%5D.ttf"
+curl -fsSL -o "$OUT/OFL.txt" "$BASE/OFL.txt"
+
+# ASCII, nbsp, middle dot, multiplication sign, en/em dash, curly quotes, ellipsis.
+UNICODES="U+0020-007E,U+00A0,U+00B7,U+00D7,U+2013-2014,U+2018-2019,U+201C-201D,U+2026"
+# kern/liga for text, lnum/tnum/pnum for the figures (Cormorant defaults to
+# old-style numerals; .display and .marker switch to lining).
+FEATURES="kern,liga,calt,lnum,tnum,pnum"
+
+"$PYTHON" -m fontTools.varLib.instancer "$WORK/upright.ttf" wght=400:500 -o "$WORK/upright-400-500.ttf"
+"$PYTHON" -m fontTools.varLib.instancer "$WORK/italic.ttf" wght=400 -o "$WORK/italic-400.ttf"
+
+for name in upright-400-500 italic-400; do
+  "$PYTHON" -m fontTools.subset "$WORK/$name.ttf" \
+    --unicodes="$UNICODES" --layout-features="$FEATURES" \
+    --flavor=woff2 --output-file="$OUT/cormorant-garamond-$name.woff2"
+done
+
+ls -l "$OUT"
diff --git a/src/app/fonts/OFL.txt b/src/app/fonts/OFL.txt
new file mode 100644
index 000000000..507d70f45
--- /dev/null
+++ b/src/app/fonts/OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2015 the Cormorant Project Authors (github.com/CatharsisFonts/Cormorant)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/src/app/fonts/cormorant-garamond-italic-400.woff2 b/src/app/fonts/cormorant-garamond-italic-400.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..b2b9c274f65672f2f72a5ec046d34f1e8b4fedf2
GIT binary patch
literal 12500
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

literal 0
HcmV?d00001

diff --git a/src/app/fonts/cormorant-garamond-upright-400-500.woff2 b/src/app/fonts/cormorant-garamond-upright-400-500.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..32140781feabb8d276e69a7b6dac3db5cd279d36
GIT binary patch
literal 18128
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

literal 0
HcmV?d00001

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 01d01e1f6..d15a5478b 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,25 +7,29 @@ import { ThemeToggle, ContrastToggle } from "@/components/ThemeToggle";
 import ScrollToTop from "@/components/ScrollToTop";
 import BrandLogo from "@/components/BrandLogo";
 import Link from "next/link";
-import { Cormorant_Garamond } from "next/font/google";
+import localFont from "next/font/local";
 
-// The editorial serif, self-hosted: next/font downloads it at build time and
-// serves it from this origin (no runtime request to Google, and COEP-safe),
-// with a size-adjusted fallback so the swap causes no layout shift. Upright
-// is preloaded for the headline; italic is only used for small labels.
-const cormorant = Cormorant_Garamond({
-  subsets: ["latin"],
-  weight: "variable",
+// The editorial serif, served from this origin (COEP-safe, no request to
+// Google) with a size-adjusted fallback so the swap causes no layout shift.
+// The files are subset to the weights and characters the UI uses; rebuild
+// them with scripts/fonts/build-cormorant.sh. Upright is preloaded because
+// the drop-zone headline (the LCP element) uses it; italic is only used for
+// small labels.
+const cormorant = localFont({
+  src: "./fonts/cormorant-garamond-upright-400-500.woff2",
+  weight: "400 500",
   style: "normal",
   display: "swap",
+  adjustFontFallback: "Times New Roman",
   variable: "--font-cormorant",
 });
-const cormorantItalic = Cormorant_Garamond({
-  subsets: ["latin"],
-  weight: "variable",
+const cormorantItalic = localFont({
+  src: "./fonts/cormorant-garamond-italic-400.woff2",
+  weight: "400",
   style: "italic",
   display: "swap",
   preload: false,
+  adjustFontFallback: "Times New Roman",
   variable: "--font-cormorant-italic",
 });
 
diff --git a/src/components/VideoEditor.tsx b/src/components/VideoEditor.tsx
index f9cfe2f17..d2b64bdbc 100644
--- a/src/components/VideoEditor.tsx
+++ b/src/components/VideoEditor.tsx
@@ -514,7 +514,10 @@ export default function VideoEditor() {
             )}
 
             {status === "done" && result && (
-              <div role="status" className="animate-fade-in" ref={downloadRef}>
+              // Not a live region: the editor's polite region above already
+              // announces completion, and a status role here would read the
+              // whole panel (file name field included) a second time.
+              <div className="animate-fade-in" ref={downloadRef}>
                 <DownloadResult
                   result={result}
                   onReset={reset}
@@ -767,8 +770,9 @@ export default function VideoEditor() {
 
       {/* Mobile-only export bar — keeps Export reachable without scrolling to the sidebar. */}
       {file && (
-        <div className="fixed inset-x-0 bottom-0 z-40 border-t border-[var(--border)] bg-[var(--bg)] px-4 py-3 [padding-bottom:calc(0.75rem+env(safe-area-inset-bottom))] lg:hidden">
-          <div className="mx-auto flex max-w-xl items-center gap-3">
+        <div className="fixed inset-x-0 bottom-0 z-40 border-t border-[var(--border)] bg-[var(--bg)] px-4 py-3 [padding-bottom:calc(0.75rem+env(safe-area-inset-bottom))] sm:px-6 lg:hidden">
+          {/* Same gutters as the page, so on tablets the bar lines up with the content above. */}
+          <div className="flex items-center gap-3">
             <div className="min-w-0 flex-1 text-xs">
               <p className="truncate font-medium">
                 {output.summary.format} · {output.summary.resolution}

From 8f1ecccb4d15b2ebca7fd1ebf477b619670a7a34 Mon Sep 17 00:00:00 2001
From: Akanksha Trehun <akankshatrehun@gmail.com>
Date: Tue, 3 Nov 2026 13:00:22 +0530
Subject: [PATCH 05/11] fix(ffmpeg): stop multi-threaded exports from hanging
 at 100%

Production (Netlify) is cross-origin isolated, so every browser loads the
multi-threaded core. With FFmpeg choosing its own thread count, core-mt's
32-worker pool deadlocks and every export sits at "Exporting 100%" forever.
Reproduced locally with COOP/COEP for MP4, WebM, portrait and no-audio
inputs; the single-threaded core was unaffected.

Ports the export hardening from the earlier branch (33b2c5a, bf26cf1):
- src/lib/ffmpegArgs.ts: one command builder used by the worker (the old
  copy in ffmpeg.ts was dead code); decoder, filter and encoder threads
  capped at 4 on the multi-threaded core only
- stall watchdog with worker heartbeats: 60 s without activity fails the
  export with ExportStalledError, and later attempts use the
  single-threaded core
- WebM uses VP8 + Vorbis: libvpx-vp9 and libopus trap in @ffmpeg/core
  0.12.10
- SRI hashes for the multi-threaded core files; falls back to the
  single-threaded core if core-mt fails to load
- id-less worker errors, cancel during engine load, and string rejections
  from wasm traps no longer leave the editor stuck

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/lib/exportEstimate.ts          |   2 +-
 src/lib/exportTelemetry.ts         |   4 +-
 src/lib/ffmpeg.ts                  | 433 ++++++++---------------
 src/lib/ffmpeg.worker.ts           | 543 ++++++++---------------------
 src/lib/ffmpegArgs.ts              | 364 +++++++++++++++++++
 src/lib/tests/ffmpegArgs.test.ts   | 169 +++++++++
 src/lib/tests/ffmpegClient.test.ts | 237 +++++++++++++
 src/lib/tests/ffmpegWorker.test.ts | 220 ++++++++++++
 8 files changed, 1272 insertions(+), 700 deletions(-)
 create mode 100644 src/lib/ffmpegArgs.ts
 create mode 100644 src/lib/tests/ffmpegArgs.test.ts
 create mode 100644 src/lib/tests/ffmpegClient.test.ts
 create mode 100644 src/lib/tests/ffmpegWorker.test.ts

diff --git a/src/lib/exportEstimate.ts b/src/lib/exportEstimate.ts
index bc4d335bd..aee5aa342 100644
--- a/src/lib/exportEstimate.ts
+++ b/src/lib/exportEstimate.ts
@@ -55,7 +55,7 @@ function resolutionMultiplier(width: number, height: number): number {
 
 // ---------------------------------------------------------------------------
 // Format overhead factor
-// MP4 and MKV are close; WebM (VP9) tends to produce slightly smaller files
+// MP4 and MKV are close; WebM (VP8) tends to produce slightly smaller files
 // at the same CRF, so we apply a small discount.
 // ---------------------------------------------------------------------------
 function formatFactor(format: string | undefined): number {
diff --git a/src/lib/exportTelemetry.ts b/src/lib/exportTelemetry.ts
index 6d0397d0e..497712492 100644
--- a/src/lib/exportTelemetry.ts
+++ b/src/lib/exportTelemetry.ts
@@ -7,9 +7,9 @@
  * Event names and properties are documented in docs/DATADOG.md.
  */
 import { failureCategory, trackAction, trackVital } from "./telemetry";
+import type { EngineMode } from "./ffmpegArgs";
 
-/** Which FFmpeg core the worker loaded. */
-export type EngineMode = "multi" | "single";
+export type { EngineMode };
 
 export type ExportStage = "engine" | "encode";
 
diff --git a/src/lib/ffmpeg.ts b/src/lib/ffmpeg.ts
index 497646131..7eb543615 100644
--- a/src/lib/ffmpeg.ts
+++ b/src/lib/ffmpeg.ts
@@ -1,8 +1,10 @@
 import { EditRecipe, ExportResult, BackgroundMusicOptions, ImageOverlayOptions, MAX_FILE_SIZE } from "./types";
-import { getPresetById } from "./presets";
-import { buildTextFilter } from "./text-overlay";
 import { trackTiming } from "./telemetry";
-import { startEngineLoad, type EngineMode } from "./exportTelemetry";
+import { startEngineLoad } from "./exportTelemetry";
+import type { EngineMode } from "./ffmpegArgs";
+
+// The command line itself is built in ffmpegArgs.ts and run by the worker.
+export { buildVideoFilter, buildAudioFilter } from "./ffmpegArgs";
 
 export class FFmpegLoadError extends Error {
   name = "FFmpegLoadError";
@@ -12,6 +14,22 @@ export class FFmpegLoadError extends Error {
   }
 }
 
+/** The engine stopped reporting activity mid-export (see STALL_TIMEOUT_MS). */
+export class ExportStalledError extends Error {
+  name = "ExportStalledError";
+  constructor(readonly mode: EngineMode) {
+    super("Export stopped responding");
+  }
+}
+
+/**
+ * FFmpeg prints a stats line about every 0.5 s while encoding and the worker
+ * forwards a heartbeat at most every 2 s, so a minute of silence means the
+ * run is wedged (the multi-threaded core's thread-pool deadlock looked
+ * exactly like this: stuck at 0% forever). Fail instead of spinning.
+ */
+export const STALL_TIMEOUT_MS = 60_000;
+
 
 type SerializedFile = {
   name: string;
@@ -31,7 +49,8 @@ type WorkerExportRequest = {
   overlayOptions?: ImageOverlayOptions;
 };
 
-type WorkerLoadResponse = { type: "ready"; mode?: EngineMode };
+type WorkerLoadResponse = { type: "ready"; mode: EngineMode };
+type WorkerHeartbeatResponse = { type: "heartbeat" };
 type WorkerProgressResponse = { type: "progress"; percent: number };
 type WorkerResultResponse = {
   type: "result";
@@ -48,6 +67,7 @@ type WorkerCancelledResponse = { type: "cancelled"; id?: string };
 
 type WorkerResponse =
   | WorkerLoadResponse
+  | WorkerHeartbeatResponse
   | WorkerProgressResponse
   | WorkerResultResponse
   | WorkerErrorResponse
@@ -63,10 +83,16 @@ let pendingExport: {
   reject: (reason: unknown) => void;
 } | null = null;
 let pendingProgress: ((percent: number) => void) | null = null;
-
+/** Called on any sign of life from the worker during an export. */
+let pendingActivity: (() => void) | null = null;
 /** The core the current worker loaded, once it is ready. */
 let engineMode: EngineMode | null = null;
-/** Telemetry for the engine load in progress, if any (one outcome per worker). */
+/**
+ * Set after a multi-threaded export stalls: later workers in this page
+ * session load the single-threaded core even though the page is isolated.
+ */
+let preferSingleThread = false;
+/** Telemetry for the load in progress, if any. */
 let engineLoad: ReturnType<typeof startEngineLoad> | null = null;
 
 function createWorker(): Worker {
@@ -96,12 +122,30 @@ function createWorker(): Worker {
   return ffmpegWorker;
 }
 
+/**
+ * Wraps a progress callback so it only fires when the rounded percentage
+ * changes. FFmpeg reports progress per encoded frame; forwarding every event
+ * re-rendered the editor hundreds of times per export for no visible change.
+ */
+export function dedupeProgress(onProgress?: (percent: number) => void) {
+  if (!onProgress) return undefined;
+  let last = -1;
+  return (percent: number) => {
+    const rounded = Math.max(0, Math.min(100, Math.round(percent)));
+    if (rounded === last) return;
+    last = rounded;
+    onProgress(rounded);
+  };
+}
+
 function resetWorker() {
   // A load that never finished was abandoned (cancelled), not failed.
   engineLoad?.abandoned();
   engineLoad = null;
-  engineMode = null;
+  ffmpegWorker?.terminate();
   ffmpegWorker = null;
+  engineMode = null;
+  pendingActivity = null;
   workerReady = null;
   workerReadyResolve = null;
   workerReadyReject = null;
@@ -123,7 +167,13 @@ function handleWorkerMessage(event: MessageEvent<WorkerResponse>) {
     return;
   }
 
+  if (data.type === "heartbeat") {
+    pendingActivity?.();
+    return;
+  }
+
   if (data.type === "progress") {
+    pendingActivity?.();
     pendingProgress?.(data.percent);
     return;
   }
@@ -158,13 +208,14 @@ function handleWorkerMessage(event: MessageEvent<WorkerResponse>) {
       return;
     }
 
-    const loadError = new FFmpegLoadError(data.message);
-    if (workerReadyReject) engineLoad?.failed(loadError);
+    // An error without a matching id means the worker itself failed. Settle
+    // whatever is waiting on it — an export left pending here used to keep
+    // the UI on "Exporting" forever.
+    const error = new FFmpegLoadError(data.message);
+    if (workerReadyReject) engineLoad?.failed(error);
     engineLoad = null;
-    workerReadyReject?.(loadError);
-    workerReady = null;
-    workerReadyResolve = null;
-    workerReadyReject = null;
+    workerReadyReject?.(error);
+    pendingExport?.reject(error);
     resetWorker();
     return;
   }
@@ -202,14 +253,20 @@ export async function loadFFmpeg(
   // 2. Use the captured flag to securely trigger the worker's internal load phase
   if (isFirstLoad) {
     const isolated = typeof crossOriginIsolated !== "undefined" && crossOriginIsolated;
-    engineLoad = startEngineLoad(isolated ? "multi" : "single", isolated ? null : "not_isolated");
-    ffmpegWorker!.postMessage({ type: "load" });
+    engineLoad = startEngineLoad(
+      isolated && !preferSingleThread ? "multi" : "single",
+      !isolated ? "not_isolated" : preferSingleThread ? "after_stall" : null
+    );
+    ffmpegWorker!.postMessage({ type: "load", singleThread: preferSingleThread });
   }
 
-  pendingProgress = onProgress ?? null;
+  pendingProgress = dedupeProgress(onProgress) ?? null;
 
+  // A load can't be interrupted inside the worker, so cancelling one
+  // discards the worker; the next attempt starts a fresh one (the core files
+  // come back from the HTTP cache).
   if (signal?.aborted) {
-    ffmpegWorker?.postMessage({ type: "cancel" });
+    terminateFFmpeg();
     throw new DOMException("Aborted", "AbortError");
   }
 
@@ -218,8 +275,7 @@ export async function loadFFmpeg(
   };
 
   const onAbort = () => {
-    ffmpegWorker?.postMessage({ type: "cancel" });
-    workerReadyReject?.(new DOMException("Aborted", "AbortError"));
+    terminateFFmpeg();
     cleanup();
   };
 
@@ -227,7 +283,7 @@ export async function loadFFmpeg(
 
   try {
     // ffmpeg_load_success / ffmpeg_load_failure are reported once per worker
-    // by the message handlers, however many callers wait on the same load.
+    // by handleWorkerMessage, however many callers wait on the same load.
     await workerReady;
     if (isFirstLoad) trackTiming("ffmpeg_ready");
   } finally {
@@ -241,6 +297,7 @@ function cancelPendingExport(reason?: unknown) {
     pendingExport = null;
   }
   pendingProgress = null;
+  pendingActivity = null;
 }
 
 export async function exportVideo(
@@ -249,9 +306,11 @@ export async function exportVideo(
   onProgress: (percent: number) => void,
   signal?: AbortSignal,
   musicOptions?: BackgroundMusicOptions,
-  overlayOptions?: ImageOverlayOptions
+  overlayOptions?: ImageOverlayOptions,
+  /** Duration already read by the editor; skips a second metadata load. */
+  knownDuration?: number
 ): Promise<ExportResult> {
-  await loadFFmpeg(signal, onProgress);
+  await loadFFmpeg(signal);
 
   if (!ffmpegWorker) {
     throw new Error("FFmpeg worker is not available.");
@@ -300,7 +359,7 @@ export async function exportVideo(
     ? { ...overlayOptions, file: null }
     : undefined;
 
-  pendingProgress = onProgress;
+  pendingProgress = dedupeProgress(onProgress) ?? null;
 
   const exportPromise = new Promise<ExportResult>((resolve, reject) => {
     pendingExport = { id: sessionId, resolve, reject };
@@ -318,6 +377,21 @@ export async function exportVideo(
   };
   signal?.addEventListener("abort", onAbort, { once: true });
 
+  const mode = engineMode ?? "single";
+  let lastActivity = Date.now();
+  pendingActivity = () => {
+    lastActivity = Date.now();
+  };
+  const watchdog = setInterval(() => {
+    if (Date.now() - lastActivity < STALL_TIMEOUT_MS) return;
+    clearInterval(watchdog);
+    if (mode === "multi") preferSingleThread = true;
+    const stalled = new ExportStalledError(mode);
+    cancelPendingExport(stalled);
+    // The worker is wedged and can't be told to stop; discard it.
+    resetWorker();
+  }, 5_000);
+
   const transfers: Transferable[] = [arrayBuffer];
   if (musicFilePayload) transfers.push(musicFilePayload.data);
   if (overlayFilePayload) transfers.push(overlayFilePayload.data);
@@ -328,7 +402,10 @@ export async function exportVideo(
       id: sessionId,
       file: filePayload,
       recipe,
-      videoDuration: await getVideoDuration(file),
+      videoDuration:
+        knownDuration && Number.isFinite(knownDuration) && knownDuration > 0
+          ? knownDuration
+          : await getVideoDuration(file),
       musicFile: musicFilePayload,
       musicOptions: sanitizedMusicOptions,
       overlayFile: overlayFilePayload,
@@ -340,6 +417,8 @@ export async function exportVideo(
   try {
     return await exportPromise;
   } finally {
+    clearInterval(watchdog);
+    pendingActivity = null;
     signal?.removeEventListener("abort", onAbort);
   }
 }
@@ -347,30 +426,52 @@ export async function exportVideo(
 async function getVideoDuration(file: File): Promise<number> {
   return new Promise((resolve) => {
     const video = document.createElement("video");
-    video.preload = "metadata";
-    video.onloadedmetadata = () => {
-      URL.revokeObjectURL(video.src);
-      resolve(video.duration);
+    const url = URL.createObjectURL(file);
+    const finish = (value: number) => {
+      clearTimeout(timer);
+      URL.revokeObjectURL(url);
+      video.removeAttribute("src");
+      resolve(Number.isFinite(value) ? value : 0);
     };
-    video.onerror = () => resolve(0);
-    video.src = URL.createObjectURL(file);
+    // 0 makes the worker omit -t, so a stalled metadata read degrades safely.
+    const timer = setTimeout(() => finish(0), 5000);
+    video.preload = "metadata";
+    video.onloadedmetadata = () => finish(video.duration);
+    video.onerror = () => finish(0);
+    video.src = url;
   });
 }
 
-/** The core the worker loaded ("multi" or "single"), or null before it is ready. */
-export function getEngineMode(): EngineMode | null {
-  return engineMode;
-}
-
 export function terminateFFmpeg() {
   if (ffmpegWorker) {
     ffmpegWorker.postMessage({ type: "terminate" });
     ffmpegWorker.terminate();
   }
+  // Settle a load that is still in flight so its caller never hangs.
+  workerReadyReject?.(new DOMException("Export cancelled", "AbortError"));
   cancelPendingExport(new DOMException("Export cancelled", "AbortError"));
   resetWorker();
 }
 
+/** Test/diagnostic helper: whether a worker or export is currently held. */
+export function getFFmpegClientState() {
+  return {
+    hasWorker: ffmpegWorker !== null,
+    hasPendingExport: pendingExport !== null,
+    hasPendingProgress: pendingProgress !== null,
+  };
+}
+
+/** The loaded core ("multi" | "single"), or null before the engine is ready. */
+export function getEngineMode(): EngineMode | null {
+  return engineMode;
+}
+
+/** Test helper: forget the single-thread preference set by a stall. */
+export function resetEnginePreferenceForTests() {
+  preferSingleThread = false;
+}
+
 function buildSessionId(): string {
   if (typeof crypto !== "undefined" && "randomUUID" in crypto) {
     return crypto.randomUUID();
@@ -398,268 +499,6 @@ function buildSessionId(): string {
   return `${timestamp}-${randomPart}${counterPart}`;
 }
 
-export function buildVideoFilter(recipe: EditRecipe, targetW: number, targetH: number): string {
-  const filters: string[] = [];
-
-  if (recipe.trimStart > 0 || recipe.trimEnd !== null) {
-    // Only use trim filter with precise bounds to avoid scanning entire file
-    // If trimEnd is null, use duration parameter instead of large placeholder value
-    if (recipe.trimEnd !== null) {
-      filters.push(`trim=start=${recipe.trimStart}:end=${recipe.trimEnd}`);
-    } else if (recipe.trimStart > 0) {
-      // When only trimStart is set, let FFmpeg infer end (don't use 999999 placeholder)
-      filters.push(`trim=start=${recipe.trimStart}`);
-    }
-  }
-
-  if (recipe.stabilization) {
-    filters.push("deshake");
-  }
-
-  if (recipe.rotate === 90) {
-    filters.push("transpose=1");
-  } else if (recipe.rotate === 180) {
-    filters.push("transpose=1,transpose=1");
-  } else if (recipe.rotate === 270) {
-    filters.push("transpose=2");
-  }
-
-  if (recipe.framing === "fit") {
-    filters.push(
-      `scale=${targetW}:${targetH}:force_original_aspect_ratio=decrease`,
-      `pad=${targetW}:${targetH}:(ow-iw)/2:(oh-ih)/2:color=black`
-    );
-  } else {
-    filters.push(
-      `scale=${targetW}:${targetH}:force_original_aspect_ratio=increase`,
-      `crop=${targetW}:${targetH}`
-    );
-  }
-  if (recipe.sharpness !== 0) {
-    filters.push(`unsharp=5:5:${recipe.sharpness}:5:5:0.0`);
-  }
-
-  // Normalize timestamps only when needed — trim or speed change both
-  // require a clean 0-based timeline to produce correct output duration.
-  if (recipe.trimStart > 0 || recipe.trimEnd !== null || recipe.speed !== 1) {
-    filters.push("setpts=PTS-STARTPTS");
-  }
-
-  if (recipe.speed !== 1) {
-    const pts = (1 / recipe.speed).toFixed(4);
-    filters.push(`setpts=${pts}*PTS`);
-  }
-
-  if (recipe.denoise) {
-    filters.push("hqdn3d=1.5:1.5:6:6");
-  }
-
-  const needsEq =
-    recipe.brightness !== 0 ||
-    recipe.contrast !== 1 ||
-    recipe.saturation !== 1;
-
-  if (needsEq) {
-    filters.push(
-      `eq=brightness=${recipe.brightness}:contrast=${recipe.contrast}:saturation=${recipe.saturation}`
-    );
-  }
-
-  // Add text overlays
-  const textOverlays = recipe.textOverlays || [];
-  textOverlays.forEach((overlay) => {
-    filters.push(buildTextFilter(overlay, targetW, targetH));
-  });
-
-  return filters.join(",");
-}
-
-export function buildAudioFilter(recipe: EditRecipe): string {
-  if (recipe.speed <= 0) return "";
-  const filters: string[] = [];
-
-  let remaining = recipe.speed;
-  while (remaining < 0.5) {
-    filters.push("atempo=0.5");
-    remaining /= 0.5;
-  }
-
-  while (remaining > 2.0) {
-    filters.push("atempo=2.0");
-    remaining /= 2.0;
-  }
-
-  if (Math.abs(remaining - 1.0) > 0.001) {
-    filters.push(`atempo=${Number(remaining.toFixed(4))}`);
-  }
-
-  if (recipe.volume !== undefined && recipe.volume !== 100) {
-    filters.push(`volume=${(recipe.volume / 100).toFixed(2)}`);
-  }
-
-  if (recipe.normalizeAudio) filters.push("loudnorm=I=-14:TP=-1.5:LRA=11");
-
-  return filters.join(",");
-}
-
-function buildAudioTrimFilter(recipe: EditRecipe): string {
-  if (recipe.trimStart === 0 && recipe.trimEnd === null) return "";
-
-  // Avoid scanning entire audio with large placeholder values
-  // Use precise trim bounds when available
-  let trimFilter = `atrim=start=${recipe.trimStart}`;
-  if (recipe.trimEnd !== null) {
-    trimFilter += `:end=${recipe.trimEnd}`;
-  }
-  // asetpts normalizes timestamps after trim for correct stream positioning
-  return `${trimFilter},asetpts=PTS-STARTPTS`;
-}
-
-function buildArguments(
-  recipe: EditRecipe,
-  format: "mp4" | "webm" | "mkv" | "gif",
-  outputName: string,
-  inputName: string,
-  targetW: number,
-  targetH: number,
-  hasMusicTrack: boolean,
-  musicInputName: string,
-  musicOptions: BackgroundMusicOptions | undefined,
-  hasOverlay: boolean,
-  overlayInputName: string,
-  overlayOptions: ImageOverlayOptions | undefined,
-  hasOriginalAudio: boolean,
-  videoDuration: number
-): string[] {
-  const vf = buildVideoFilter(recipe, targetW, targetH);
-  const audioTrim = hasOriginalAudio ? buildAudioTrimFilter(recipe) : "";
-  const audioSpeed = hasOriginalAudio ? buildAudioFilter(recipe) : "";
-  const afParts = [audioTrim, audioSpeed].filter(Boolean);
-  const af = afParts.join(",");
-
-  const musicIdx = 1;
-  const overlayIdx = hasMusicTrack ? 2 : 1;
-
-  const args: string[] = [];
-  args.push("-i", inputName);
-  if (hasMusicTrack) {
-    if (musicOptions!.loopMusic) args.push("-stream_loop", "-1");
-    args.push("-i", musicInputName);
-  }
-  if (hasOverlay) {
-    args.push("-i", overlayInputName);
-  }
-
-  const needsFilterComplex = hasOverlay || hasMusicTrack;
-  const shouldKeepAudio = recipe.keepAudio && (hasOriginalAudio || hasMusicTrack);
-
-  if (needsFilterComplex) {
-    const filterParts: string[] = [];
-    let videoOut = "[0:v]";
-
-    if (vf) {
-      filterParts.push(`[0:v]${vf}[vbase]`);
-      videoOut = "[vbase]";
-    }
-
-if (hasOverlay) {
-  const scaledW = overlayOptions!.size;
-  const alpha = (overlayOptions!.opacity / 100).toFixed(2);
-  const posMap: Record<string, string> = {
-    "top-left":     "20:20",
-    "top-right":    "main_w-w-20:20",
-    "bottom-left":  "20:main_h-h-20",
-    "bottom-right": "main_w-w-20:main_h-h-20",
-  };
-
-interface PositionCoords {
-    x: number;
-    y: number;
-  }
-
-  const pos = typeof overlayOptions?.position === "string"
-    ? (posMap[overlayOptions.position] ?? "main_w-w-20:main_h-h-20")
-    : overlayOptions?.position
-    ? `(main_w)*${(overlayOptions.position as PositionCoords).x}/100:(main_h)*${(overlayOptions.position as PositionCoords).y}/100`
-    : "main_w-w-20:main_h-h-20";
-
-  filterParts.push(`[${overlayIdx}:v]scale=${scaledW}:-2,format=rgba,colorchannelmixer=aa=${alpha}[logo]`);
-  filterParts.push(`${videoOut}[logo]overlay=${pos}[vout]`);
-  videoOut = "[vout]";
-}
-
-    let audioOut = "";
-    if (shouldKeepAudio) {
-      if (hasMusicTrack) {
-        const musicVol = (musicOptions!.musicVolume / 100).toFixed(2);
-        if (hasOriginalAudio) {
-          const origVol  = (musicOptions!.originalAudioVolume / 100).toFixed(2);
-          const origChain = afParts.length > 0
-            ? `[0:a]${afParts.join(",")},volume=${origVol}[orig]`
-            : `[0:a]volume=${origVol}[orig]`;
-          filterParts.push(origChain);
-          filterParts.push(`[${musicIdx}:a]volume=${musicVol}[music]`);
-          filterParts.push(`[orig][music]amix=inputs=2:duration=first:dropout_transition=0[aout]`);
-          audioOut = "[aout]";
-        } else {
-          filterParts.push(`[${musicIdx}:a]volume=${musicVol}[aout]`);
-          audioOut = "[aout]";
-        }
-      } else if (hasOriginalAudio && af) {
-        filterParts.push(`[0:a]${af}[aout]`);
-        audioOut = "[aout]";
-      }
-    }
-
-    if (filterParts.length > 0) {
-      args.push("-filter_complex", filterParts.join(";"));
-    }
-    args.push("-map", videoOut === "[0:v]" ? "0:v" : videoOut);
-
-    if (!shouldKeepAudio) {
-      args.push("-an");
-    } else if (audioOut) {
-      args.push("-map", audioOut);
-    } else if (hasOriginalAudio) {
-      args.push("-map", "0:a");
-    }
-  } else {
-    if (vf) args.push("-vf", vf);
-    if (!shouldKeepAudio) {
-      args.push("-an");
-    } else if (af && hasOriginalAudio) {
-      args.push("-af", af);
-    }
-  }
-
-  if (format === "webm") {
-    args.push(
-      "-c:v", "libvpx-vp9",
-      "-b:v", "0",
-      "-crf", String(recipe.quality),
-      "-cpu-used", "4",
-      "-deadline", "realtime"
-    );
-    if (shouldKeepAudio) args.push("-c:a", "libopus");
-  } else if (format === "mkv") {
-    args.push("-c:v", "libx264", "-crf", String(recipe.quality), "-preset", "ultrafast");
-    if (shouldKeepAudio) args.push("-c:a", "aac", "-b:a", "128k");
-  } else {
-    args.push("-c:v", "libx264", "-crf", String(recipe.quality), "-preset", "ultrafast", "-movflags", "+faststart");
-    if (shouldKeepAudio) args.push("-c:a", "aac", "-b:a", "128k");
-  }
-
-  // Add explicit output duration to prevent slight duration overshoot
-  // caused by encoder/filter pipeline frame flush at stream end,
-  // and to prevent infinite loops when adding looped audio to silent videos.
-  const sourceDuration = (recipe.trimEnd ?? videoDuration) - recipe.trimStart;
-  const outputDuration = sourceDuration / recipe.speed;
-  args.push("-t", outputDuration.toFixed(6));
-
-  args.push(outputName);
-  return args;
-}
-
 export function formatBytes(bytes: number): string {
   if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
   return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
diff --git a/src/lib/ffmpeg.worker.ts b/src/lib/ffmpeg.worker.ts
index 52fbed3e0..72ed5ee5e 100644
--- a/src/lib/ffmpeg.worker.ts
+++ b/src/lib/ffmpeg.worker.ts
@@ -2,7 +2,7 @@ import { FFmpeg } from "@ffmpeg/ffmpeg";
 import { toBlobURL } from "@ffmpeg/util";
 import { EditRecipe, BackgroundMusicOptions, ImageOverlayOptions } from "./types";
 import { getPresetById } from "./presets";
-import { buildTextFilter } from "./text-overlay";
+import { buildArguments, buildGifArguments, resolveThreadCount, type EngineMode } from "./ffmpegArgs";
 
 const CORE_BASE_URL = "https://cdn.jsdelivr.net/npm/@ffmpeg/core@0.12.10/dist/umd";
 // MT core aligned to the same version and distribution format as CORE_BASE_URL.
@@ -15,13 +15,17 @@ const CORE_BASE_URL = "https://cdn.jsdelivr.net/npm/@ffmpeg/core@0.12.10/dist/um
 const MT_CORE_BASE_URL = "https://cdn.jsdelivr.net/npm/@ffmpeg/core-mt@0.12.10/dist/umd";
 
 // Keys are full URLs so hashes for the non-MT and MT packages never collide.
-// MT hashes are omitted intentionally: fetchWithIntegrity falls back to a plain
-// fetch when no hash entry exists, which is safe for a trusted CDN origin and
-// avoids the previous bug where a wrong hash caused a hard IntegrityError.
-// Add MT-specific sha384 entries here once they are verified against the CDN.
-const SRI_HASHES: Record<string, string> = {
-  [`${CORE_BASE_URL}/ffmpeg-core.js`]:   "sha384-sKfkiFtvUk+vexk+0EUhEh366190/4WpgUAsUvaxEfyg7+E1Zt5Y5hrsU808g8Q9",
-  [`${CORE_BASE_URL}/ffmpeg-core.wasm`]: "sha384-U1VDhkPYrM3wTCT4/vjSpSsKqG/UjljYrYCI4hBSJ02svbCkxuCi6U6u/peg5vpW",
+// Every engine file is integrity-checked, so a tampered CDN response fails to
+// load instead of running. Each hash was computed from the npm tarball (itself
+// verified against the registry's sha512 `dist.integrity`) and matched against
+// what jsDelivr serves (2026-10-22, docs/SECURITY-PIPELINE.md). When bumping
+// @ffmpeg/core*, recompute all of them the same way.
+export const SRI_HASHES: Record<string, string> = {
+  [`${CORE_BASE_URL}/ffmpeg-core.js`]:          "sha384-sKfkiFtvUk+vexk+0EUhEh366190/4WpgUAsUvaxEfyg7+E1Zt5Y5hrsU808g8Q9",
+  [`${CORE_BASE_URL}/ffmpeg-core.wasm`]:        "sha384-U1VDhkPYrM3wTCT4/vjSpSsKqG/UjljYrYCI4hBSJ02svbCkxuCi6U6u/peg5vpW",
+  [`${MT_CORE_BASE_URL}/ffmpeg-core.js`]:       "sha384-91GpZ3Ow5AIa5wmICIKrQaOAmJPc0sPFNaeuZKtD1Dx7Xr/F8kfGZHM++VOj308v",
+  [`${MT_CORE_BASE_URL}/ffmpeg-core.wasm`]:     "sha384-IXnr5PE2UFcQ5DvI5LyubPqmMF46EkyIMlbdn4CNQR1iQ8/2irEkyhDFnVDxv4f/",
+  [`${MT_CORE_BASE_URL}/ffmpeg-core.worker.js`]: "sha384-h19AXK35916sCbdJrzAeYw2kl/zEt4B6PTy94TTPup7kgO7r/7mwb43Orcu+xTW1",
 };
 
 type SerializedFile = {
@@ -42,7 +46,11 @@ type ExportRequest = {
   overlayOptions?: ImageOverlayOptions;
 };
 
-type LoadRequest = { type: "load" };
+type LoadRequest = {
+  type: "load";
+  /** Load the single-threaded core even when cross-origin isolated (after a stall). */
+  singleThread?: boolean;
+};
 
 type CancelRequest = { type: "cancel" };
 
@@ -52,8 +60,9 @@ type WorkerCommand = LoadRequest | ExportRequest | CancelRequest | TerminateRequ
 
 type ProgressPayload = { type: "progress"; percent: number };
 
-/** `mode`: which core loaded, multi-threaded (cross-origin isolated) or single. */
-type ReadyPayload = { type: "ready"; mode: "multi" | "single" };
+type ReadyPayload = { type: "ready"; mode: EngineMode };
+
+type HeartbeatPayload = { type: "heartbeat" };
 
 type ResultPayload = {
   type: "result";
@@ -70,305 +79,80 @@ type ErrorPayload = { type: "error"; id?: string; message: string };
 
 type CancelledPayload = { type: "cancelled"; id?: string };
 
-type WorkerResponse = ProgressPayload | ReadyPayload | ResultPayload | ErrorPayload | CancelledPayload;
+type WorkerResponse = ProgressPayload | ReadyPayload | HeartbeatPayload | ResultPayload | ErrorPayload | CancelledPayload;
 
 let ffmpeg: FFmpeg | null = null;
 let ffmpegLoaded = false;
-let engineMode: "multi" | "single" = "single";
+/** Which core actually loaded — decides the thread flags, not crossOriginIsolated alone. */
+let engineMode: EngineMode = "single";
 let activeExportAbortController: AbortController | null = null;
 let activeExportId: string | null = null;
 
+/** Liveness signal for the client's stall watchdog (see ffmpeg.ts). */
+const HEARTBEAT_INTERVAL_MS = 2000;
+let lastHeartbeat = 0;
+function heartbeat() {
+  const now = Date.now();
+  if (now - lastHeartbeat < HEARTBEAT_INTERVAL_MS) return;
+  lastHeartbeat = now;
+  postMessage({ type: "heartbeat" });
+}
+
 async function fetchWithIntegrity(url: string, mimeType: string): Promise<string> {
   // Look up by full URL so non-MT and MT hashes never collide when filenames match.
   const integrity = SRI_HASHES[url];
 
-  // Fallback to standard fetch if SRI is missing (Prevents ffmpeg-core.worker.js from crashing the thread)
-  if (!integrity) {
-    const response = await fetch(url, { credentials: "omit" });
-    const blob = new Blob([await response.arrayBuffer()], { type: mimeType });
-    return URL.createObjectURL(blob);
-  }
+  // Never fetch an engine file unverified.
+  if (!integrity) throw new Error(`No integrity hash for engine file: ${url}`);
 
   const response = await fetch(url, { integrity, credentials: "omit" });
+  if (!response.ok) throw new Error(`Failed to fetch engine file (HTTP ${response.status})`);
   const blob = new Blob([await response.arrayBuffer()], { type: mimeType });
   return URL.createObjectURL(blob);
 }
 
-function buildVideoFilter(recipe: EditRecipe, targetW: number, targetH: number): string {
-  const filters: string[] = [];
-
-  if (recipe.trimStart > 0 || recipe.trimEnd !== null) {
-    const end = recipe.trimEnd !== null ? recipe.trimEnd : 999999;
-    filters.push(`trim=start=${recipe.trimStart}:end=${end}`);
-  }
-
-  if (recipe.stabilization) {
-    filters.push("deshake");
-  }
-
-  if (recipe.rotate === 90) {
-    filters.push("transpose=1");
-  } else if (recipe.rotate === 180) {
-    filters.push("transpose=1,transpose=1");
-  } else if (recipe.rotate === 270) {
-    filters.push("transpose=2");
-  }
-
-  if (recipe.framing === "fit") {
-    filters.push(
-      `scale=${targetW}:${targetH}:force_original_aspect_ratio=decrease`,
-      `pad=${targetW}:${targetH}:(ow-iw)/2:(oh-ih)/2:color=black`
-    );
-  } else {
-    filters.push(
-      `scale=${targetW}:${targetH}:force_original_aspect_ratio=increase`,
-      `crop=${targetW}:${targetH}`
-    );
-  }
-
-  if (recipe.trimStart > 0 || recipe.trimEnd !== null || recipe.speed !== 1) {
-    filters.push("setpts=PTS-STARTPTS");
-  }
-
-  if (recipe.speed !== 1) {
-    const pts = (1 / recipe.speed).toFixed(4);
-    filters.push(`setpts=${pts}*PTS`);
-  }
-
-  if (recipe.denoise) {
-    filters.push("hqdn3d=1.5:1.5:6:6");
-  }
-
-  const needsEq =
-    recipe.brightness !== 0 ||
-    recipe.contrast !== 1 ||
-    recipe.saturation !== 1;
-
-  if (needsEq) {
-    filters.push(
-      `eq=brightness=${recipe.brightness}:contrast=${recipe.contrast}:saturation=${recipe.saturation}`
-    );
-  }
-
-  const textOverlays = recipe.textOverlays || [];
-  textOverlays.forEach((overlay) => {
-    filters.push(buildTextFilter(overlay, targetW, targetH));
-  });
-
-  return filters.join(",");
-}
-
-function buildAudioFilter(speed: number, normalizeAudio: boolean): string {
-  if (speed <= 0) return "";
-  const filters: string[] = [];
-
-  let remaining = speed;
-  while (remaining < 0.5) {
-    filters.push("atempo=0.5");
-    remaining /= 0.5;
-  }
-
-  while (remaining > 2.0) {
-    filters.push("atempo=2.0");
-    remaining /= 2.0;
-  }
-
-  if (Math.abs(remaining - 1.0) > 0.001) {
-    filters.push(`atempo=${Number(remaining.toFixed(4))}`);
-  }
-
-  if (normalizeAudio) filters.push("loudnorm=I=-14:TP=-1.5:LRA=11");
-
-  return filters.join(",");
-}
-
-function buildAudioTrimFilter(recipe: EditRecipe): string {
-  if (recipe.trimStart === 0 && recipe.trimEnd === null) return "";
-  const end = recipe.trimEnd !== null ? recipe.trimEnd : 999999;
-  return `atrim=start=${recipe.trimStart}:end=${end},asetpts=PTS-STARTPTS`;
-}
-
-function buildArguments(
-  recipe: EditRecipe,
-  format: "mp4" | "webm" | "mkv" | "gif",
-  outputName: string,
-  inputName: string,
-  targetW: number,
-  targetH: number,
-  hasMusicTrack: boolean,
-  musicInputName: string,
-  musicOptions: BackgroundMusicOptions | undefined,
-  hasOverlay: boolean,
-  overlayInputName: string,
-  overlayOptions: ImageOverlayOptions | undefined,
-  hasOriginalAudio: boolean,
-  videoDuration: number
-): string[] {
-  const vf = buildVideoFilter(recipe, targetW, targetH);
-  const audioTrim = hasOriginalAudio ? buildAudioTrimFilter(recipe) : "";
-  const audioSpeed = hasOriginalAudio ? buildAudioFilter(recipe.speed, recipe.normalizeAudio ?? false) : "";
-  const afParts = [audioTrim, audioSpeed].filter(Boolean);
-  const af = afParts.join(",");
-
-  const musicIdx = 1;
-  const overlayIdx = hasMusicTrack ? 2 : 1;
-
-  const args: string[] = [];
-  args.push("-i", inputName);
-  if (hasMusicTrack) {
-    if (musicOptions!.loopMusic) args.push("-stream_loop", "-1");
-    args.push("-i", musicInputName);
-  }
-  if (hasOverlay) {
-    args.push("-i", overlayInputName);
-  }
-
-  const needsFilterComplex = hasOverlay || hasMusicTrack;
-  const shouldKeepAudio = recipe.keepAudio && (hasOriginalAudio || hasMusicTrack);
-
-  if (needsFilterComplex) {
-    const filterParts: string[] = [];
-    let videoOut = "[0:v]";
-
-    if (vf) {
-      filterParts.push(`[0:v]${vf}[vbase]`);
-      videoOut = "[vbase]";
-    }
-
-if (hasOverlay) {
-  const scaledW = overlayOptions!.size;
-  const alpha = (overlayOptions!.opacity / 100).toFixed(2);
-  const posMap: Record<string, string> = {
-    "top-left":     "20:20",
-    "top-right":    "W-w-20:20",
-    "bottom-left":  "20:H-h-20",
-    "bottom-right": "W-w-20:H-h-20",
-  };
-
-interface PositionCoords {
-    x: number;
-    y: number;
-  }
-
-  const pos = typeof overlayOptions?.position === "string"
-    ? (posMap[overlayOptions.position] ?? "W-w-20:H-h-20")
-    : overlayOptions?.position
-    ? `(W-w)*${(overlayOptions.position as PositionCoords).x}/100:(H-h)*${(overlayOptions.position as PositionCoords).y}/100`
-    : "W-w-20:H-h-20";
-
-  filterParts.push(`[${overlayIdx}:v]scale=${scaledW}:-2,format=rgba,colorchannelmixer=aa=${alpha}[logo]`);
-  filterParts.push(`${videoOut}[logo]overlay=${pos}[vout]`);
-  videoOut = "[vout]";
-}
-
-    let audioOut = "";
-    if (shouldKeepAudio) {
-      if (hasMusicTrack) {
-        const musicVol = (musicOptions!.musicVolume / 100).toFixed(2);
-        if (hasOriginalAudio) {
-          const origVol = (musicOptions!.originalAudioVolume / 100).toFixed(2);
-          const origChain = afParts.length > 0
-            ? `[0:a]${afParts.join(",")},volume=${origVol}[orig]`
-            : `[0:a]volume=${origVol}[orig]`;
-          filterParts.push(origChain);
-          filterParts.push(`[${musicIdx}:a]volume=${musicVol}[music]`);
-          filterParts.push(`[orig][music]amix=inputs=2:duration=first:dropout_transition=0[aout]`);
-          audioOut = "[aout]";
-        } else {
-          filterParts.push(`[${musicIdx}:a]volume=${musicVol}[aout]`);
-          audioOut = "[aout]";
-        }
-      } else if (hasOriginalAudio && af) {
-        filterParts.push(`[0:a]${af}[aout]`);
-        audioOut = "[aout]";
-      }
-    }
-
-    if (filterParts.length > 0) {
-      args.push("-filter_complex", filterParts.join(";"));
-    }
-    args.push("-map", videoOut === "[0:v]" ? "0:v" : videoOut);
-
-    if (!shouldKeepAudio) {
-      args.push("-an");
-    } else if (audioOut) {
-      args.push("-map", audioOut);
-    } else if (hasOriginalAudio) {
-      args.push("-map", "0:a");
-    }
-  } else {
-    if (vf) args.push("-vf", vf);
-    if (!shouldKeepAudio) {
-      args.push("-an");
-    } else if (af && hasOriginalAudio) {
-      args.push("-af", af);
-    }
-  }
-
-  if (format === "webm") {
-    args.push(
-      "-c:v", "libvpx-vp9",
-      "-b:v", "0",
-      "-crf", String(recipe.quality),
-      "-cpu-used", "4",
-      "-deadline", "realtime"
-    );
-    if (shouldKeepAudio) args.push("-c:a", "libopus");
-  } else if (format === "mkv") {
-    args.push("-c:v", "libx264", "-crf", String(recipe.quality), "-preset", "ultrafast");
-    if (shouldKeepAudio) args.push("-c:a", "aac", "-b:a", "128k");
-  } else {
-    args.push("-c:v", "libx264", "-crf", String(recipe.quality), "-preset", "ultrafast", "-movflags", "+faststart");
-    if (shouldKeepAudio) args.push("-c:a", "aac", "-b:a", "128k");
-  }
-
-  if (recipe.speed !== 1) {
-    const sourceDuration = (recipe.trimEnd ?? videoDuration) - recipe.trimStart;
-    // Skip -t when sourceDuration <= 0 (happens when video metadata fails to
-    // load and videoDuration falls back to 0). Passing -t 0 to FFmpeg produces
-    // a zero-length output file; omitting it lets FFmpeg encode the full stream.
-    if (sourceDuration > 0) {
-      const outputDuration = sourceDuration / recipe.speed;
-      args.push("-t", outputDuration.toFixed(6));
-    }
-  }
-
-  args.push(outputName);
-  return args;
-}
-
-async function loadCore(onProgress?: (percent: number) => void): Promise<void> {
-  if (ffmpegLoaded) {
-    onProgress?.(100);
-    return;
-  }
-
+async function loadCoreFrom(mode: EngineMode): Promise<void> {
   ffmpeg = new FFmpeg();
-
-  const isIsolated = typeof self !== "undefined" && self.crossOriginIsolated;
-  const baseURL = isIsolated ? MT_CORE_BASE_URL : CORE_BASE_URL;
-  engineMode = isIsolated ? "multi" : "single";
-
-  const handleProgress = ({ progress }: { progress: number }) => {
-    onProgress?.(Math.round(progress * 100));
-  };
-
-  ffmpeg.on("progress", handleProgress);
-
+  const baseURL = mode === "multi" ? MT_CORE_BASE_URL : CORE_BASE_URL;
   try {
     await ffmpeg.load({
       coreURL: await fetchWithIntegrity(`${baseURL}/ffmpeg-core.js`, "text/javascript"),
       wasmURL: await fetchWithIntegrity(`${baseURL}/ffmpeg-core.wasm`, "application/wasm"),
-      ...(isIsolated && {
+      ...(mode === "multi" && {
         workerURL: await fetchWithIntegrity(`${baseURL}/ffmpeg-core.worker.js`, "text/javascript"),
       }),
     });
+  } catch (error) {
+    ffmpeg.terminate();
+    ffmpeg = null;
+    throw error;
+  }
+  engineMode = mode;
+  ffmpegLoaded = true;
+}
 
-    ffmpegLoaded = true;
-    onProgress?.(100);
-  } finally {
-    ffmpeg.off("progress", handleProgress);
+async function loadCore(singleThread = false): Promise<void> {
+  if (ffmpegLoaded) return;
+
+  // The multi-threaded core needs SharedArrayBuffer, which only exists when
+  // the page is cross-origin isolated (COOP + COEP headers).
+  const canUseMulti = !singleThread && typeof self !== "undefined" && self.crossOriginIsolated;
+  if (!canUseMulti) {
+    await loadCoreFrom("single");
+    return;
   }
+  try {
+    await loadCoreFrom("multi");
+  } catch {
+    // e.g. the MT files failed to download or instantiate. The single-threaded
+    // core is slower but works everywhere, so fall back rather than fail.
+    await loadCoreFrom("single");
+  }
+}
+
+/** ffmpeg.exec rejects with a plain string when the wasm core traps. */
+function errorMessage(error: unknown): string {
+  return error instanceof Error ? error.message : String(error);
 }
 
 function serializeFileBuffer(file: SerializedFile): Uint8Array {
@@ -451,52 +235,64 @@ async function runExport(request: ExportRequest): Promise<ResultPayload> {
   }
 
   const videoDuration = request.videoDuration;
+  const threads = resolveThreadCount(engineMode, self.navigator?.hardwareConcurrency);
+  const signal = activeExportAbortController?.signal;
 
+  // FFmpeg emits progress per frame; post only when the whole percentage
+  // changes so the main thread isn't flooded with identical updates.
+  let lastPercent = -1;
   const handleProgress = ({ progress }: { progress: number }) => {
     if (activeExportId !== sessionId) return;
-    postMessage({ type: "progress", percent: Math.min(99, Math.round(progress * 100)) });
+    heartbeat();
+    const percent = Math.max(0, Math.min(99, Math.round(progress * 100)));
+    if (percent === lastPercent) return;
+    lastPercent = percent;
+    postMessage({ type: "progress", percent });
+  };
+
+  // FFmpeg prints a stats line about twice a second while it works, so log
+  // output doubles as a heartbeat even when progress can't be computed.
+  let missingAudioDetected = false;
+  const handleLog = ({ message }: { message: string }) => {
+    heartbeat();
+    const msg = message.toLowerCase();
+    if (
+      msg.includes("matches no streams") ||
+      msg.includes("specifier '0:a'") ||
+      msg.includes("input pad 0 on filter src")
+    ) {
+      missingAudioDetected = true;
+    }
   };
 
-  let logListener: ((event: { message: string }) => void) | null = null;
   ffmpeg.on("progress", handleProgress);
+  ffmpeg.on("log", handleLog);
+  lastHeartbeat = 0;
+  heartbeat();
+
+  const read = async (name: string) => {
+    const data = await ffmpeg!.readFile(name, undefined, { signal });
+    return (data as Uint8Array).buffer as ArrayBuffer;
+  };
 
   try {
     if (recipe.format === "gif") {
-      const vf = buildVideoFilter(recipe, targetW, targetH);
-      const vfWithPalette = vf ? `${vf},palettegen` : "palettegen";
-      const vfWithPaletteUse = vf
-        ? `[0:v]${vf}[x];[x][1:v]paletteuse`
-        : "[0:v][1:v]paletteuse";
-
-      const gifDurationArgs = recipe.speed !== 1
-        ? (() => {
-            const sourceDuration = (recipe.trimEnd ?? videoDuration) - recipe.trimStart;
-            // Skip -t when sourceDuration <= 0 (metadata load failure fallback)
-            // to avoid producing a zero-length GIF.
-            if (sourceDuration <= 0) return [];
-            const outputDuration = sourceDuration / recipe.speed;
-            return ["-t", outputDuration.toFixed(6)];
-          })()
-        : [];
-
-      const pass1Code = await ffmpeg.exec(
-        ["-i", inputName, "-vf", vfWithPalette, ...gifDurationArgs, "-y", paletteName],
-        undefined,
-        { signal: activeExportAbortController?.signal }
-      );
+      const gif = buildGifArguments({
+        recipe,
+        inputName,
+        paletteName,
+        outputName,
+        targetW,
+        targetH,
+        videoDuration,
+        threads,
+      });
+      const pass1Code = await ffmpeg.exec(gif.palette, undefined, { signal });
       if (pass1Code !== 0) throw new Error("GIF palette generation failed");
-
-      const pass2Code = await ffmpeg.exec(
-        ["-i", inputName, "-i", paletteName, "-lavfi", vfWithPaletteUse, ...gifDurationArgs, "-y", outputName],
-        undefined,
-        { signal: activeExportAbortController?.signal }
-      );
+      const pass2Code = await ffmpeg.exec(gif.render, undefined, { signal });
       if (pass2Code !== 0) throw new Error("GIF export failed");
 
-      const data = await ffmpeg.readFile(outputName, undefined, {
-        signal: activeExportAbortController?.signal,
-      });
-      const payload = (data as Uint8Array).buffer as ArrayBuffer;
+      const payload = await read(outputName);
       return {
         type: "result",
         id: sessionId,
@@ -509,90 +305,38 @@ async function runExport(request: ExportRequest): Promise<ResultPayload> {
       };
     }
 
-    let missingAudioDetected = false;
-    const logListener = ({ message }: { message: string }) => {
-      const msg = message.toLowerCase();
-      if (
-        msg.includes("matches no streams") ||
-        msg.includes("specifier '0:a'") ||
-        msg.includes("input pad 0 on filter src")
-      ) {
-        missingAudioDetected = true;
-      }
-    };
-    ffmpeg.on("log", logListener);
-
-    let args = buildArguments(
-      recipe,
-      recipe.format,
-      outputName,
-      inputName,
-      targetW,
-      targetH,
-      hasMusicTrack,
-      musicInputName,
-      request.musicOptions,
-      hasOverlay,
-      overlayInputName,
-      request.overlayOptions,
-      true,
-      videoDuration
-    );
-
-    let exitCode = await ffmpeg.exec(args, undefined, {
-      signal: activeExportAbortController?.signal,
-    });
-
-    if (exitCode !== 0 && missingAudioDetected) {
-      missingAudioDetected = false;
-      args = buildArguments(
+    const argsFor = (format: "mp4" | "webm" | "mkv", output: string, hasOriginalAudio: boolean) =>
+      buildArguments({
         recipe,
-        recipe.format,
-        outputName,
+        format,
         inputName,
+        outputName: output,
         targetW,
         targetH,
-        hasMusicTrack,
-        musicInputName,
-        request.musicOptions,
-        hasOverlay,
-        overlayInputName,
-        request.overlayOptions,
-        false,
-        videoDuration
-      );
-      exitCode = await ffmpeg.exec(args, undefined, {
-        signal: activeExportAbortController?.signal,
+        videoDuration,
+        hasOriginalAudio,
+        music: hasMusicTrack ? { inputName: musicInputName, options: request.musicOptions! } : undefined,
+        overlay: hasOverlay ? { inputName: overlayInputName, options: request.overlayOptions! } : undefined,
+        threads,
       });
+
+    let exitCode = await ffmpeg.exec(argsFor(recipe.format, outputName, true), undefined, { signal });
+
+    if (exitCode !== 0 && missingAudioDetected) {
+      // Retry without the original audio track (the source has none).
+      exitCode = await ffmpeg.exec(argsFor(recipe.format, outputName, false), undefined, { signal });
     }
 
     if (exitCode !== 0) {
-      args = buildArguments(
-        recipe,
-        "webm",
-        fallbackOutputName,
-        inputName,
-        targetW,
-        targetH,
-        hasMusicTrack,
-        musicInputName,
-        request.musicOptions,
-        hasOverlay,
-        overlayInputName,
-        request.overlayOptions,
-        !missingAudioDetected,
-        videoDuration
+      // Last resort: WebM (VP8), for inputs the H.264 path rejects.
+      const fallbackCode = await ffmpeg.exec(
+        argsFor("webm", fallbackOutputName, !missingAudioDetected),
+        undefined,
+        { signal }
       );
-
-      const fallbackCode = await ffmpeg.exec(args, undefined, {
-        signal: activeExportAbortController?.signal,
-      });
       if (fallbackCode !== 0) throw new Error("Export failed");
 
-      const data = await ffmpeg.readFile(fallbackOutputName, undefined, {
-        signal: activeExportAbortController?.signal,
-      });
-      const payload = (data as Uint8Array).buffer as ArrayBuffer;
+      const payload = await read(fallbackOutputName);
       return {
         type: "result",
         id: sessionId,
@@ -605,10 +349,7 @@ async function runExport(request: ExportRequest): Promise<ResultPayload> {
       };
     }
 
-    const data = await ffmpeg.readFile(outputName, undefined, {
-      signal: activeExportAbortController?.signal,
-    });
-    const payload = (data as Uint8Array).buffer as ArrayBuffer;
+    const payload = await read(outputName);
     return {
       type: "result",
       id: sessionId,
@@ -620,8 +361,10 @@ async function runExport(request: ExportRequest): Promise<ResultPayload> {
       format: recipe.format,
     };
   } finally {
+    // Both listeners must come off: the worker outlives each export, and a
+    // leaked log listener used to accumulate on every run.
     ffmpeg.off("progress", handleProgress);
-    if (logListener) ffmpeg.off("log", logListener);
+    ffmpeg.off("log", handleLog);
     for (const path of cleanupFiles) {
       await removeFile(path);
     }
@@ -656,10 +399,10 @@ async function handleCommand(message: WorkerCommand) {
   switch (message.type) {
     case "load": {
       try {
-        await loadCore();
+        await loadCore(message.singleThread);
         postMessage({ type: "ready", mode: engineMode });
       } catch (error) {
-        postMessage({ type: "error", message: (error as Error).message });
+        postMessage({ type: "error", message: errorMessage(error) });
       }
       return;
     }
@@ -687,7 +430,7 @@ async function handleCommand(message: WorkerCommand) {
         if (activeExportAbortController?.signal.aborted) {
           postMessage({ type: "cancelled", id: message.id });
         } else {
-          postMessage({ type: "error", id: message.id, message: (error as Error).message });
+          postMessage({ type: "error", id: message.id, message: errorMessage(error) });
         }
       } finally {
         activeExportAbortController = null;
@@ -713,6 +456,6 @@ async function handleCommand(message: WorkerCommand) {
 
 self.addEventListener("message", (event) => {
   handleCommand(event.data as WorkerCommand).catch((error) => {
-    postMessage({ type: "error", message: (error as Error).message });
+    postMessage({ type: "error", message: errorMessage(error) });
   });
 });
diff --git a/src/lib/ffmpegArgs.ts b/src/lib/ffmpegArgs.ts
new file mode 100644
index 000000000..09f623a51
--- /dev/null
+++ b/src/lib/ffmpegArgs.ts
@@ -0,0 +1,364 @@
+import { EditRecipe, BackgroundMusicOptions, ImageOverlayOptions, OverlayPosition } from "./types";
+import { buildTextFilter } from "./text-overlay";
+
+// The FFmpeg command line for every export is built here and only here.
+// ffmpeg.worker.ts runs these commands; ffmpeg.ts re-exports the filter
+// builders for tests. There used to be a second copy in ffmpeg.ts that tests
+// exercised while the worker ran its own — sharpness, volume and the `-t` fix
+// all landed in the copy that never ran. Keep this module free of DOM/worker
+// APIs so it can be imported from both sides.
+
+export type OutputFormat = "mp4" | "webm" | "mkv" | "gif";
+export type EngineMode = "multi" | "single";
+
+/**
+ * Upper bound on threads per FFmpeg stage (decode, filter, encode) for the
+ * multi-threaded core. @ffmpeg/core-mt pre-spawns a pool of 32 pthread
+ * workers; a thread beyond the pool needs the FFmpeg worker's event loop to
+ * start, but that loop is blocked inside `exec`, so the run deadlocks at 0%.
+ * With "auto" threading x264/libvpx and the decoder each size themselves from
+ * the CPU count and together exceed the pool on many-core machines. Measured
+ * on an 11-core M3 Pro (Chrome 155): auto hung, 4 completed ~4× faster than
+ * the single-threaded core.
+ */
+export const MT_THREAD_CAP = 4;
+
+/** Threads to request per stage; 0 means "don't pass any thread flags". */
+export function resolveThreadCount(mode: EngineMode, hardwareConcurrency?: number): number {
+  if (mode !== "multi") return 0;
+  const cores =
+    hardwareConcurrency && Number.isFinite(hardwareConcurrency) && hardwareConcurrency > 0
+      ? Math.floor(hardwareConcurrency)
+      : MT_THREAD_CAP;
+  return Math.max(1, Math.min(MT_THREAD_CAP, cores));
+}
+
+/** Decoder thread flag, placed before an `-i`. */
+function inputThreadArgs(threads: number): string[] {
+  return threads > 0 ? ["-threads", String(threads)] : [];
+}
+
+/** Encoder and filter-graph thread flags, placed before the output name. */
+function outputThreadArgs(threads: number, hasFilterComplex: boolean): string[] {
+  if (threads <= 0) return [];
+  const args = ["-threads", String(threads), "-filter_threads", String(threads)];
+  if (hasFilterComplex) args.push("-filter_complex_threads", String(threads));
+  return args;
+}
+
+/**
+ * Explicit output duration. Stops encoder flush overshoot and, with looped
+ * background music (`-stream_loop -1`) on a silent video, an export that
+ * never ends. Omitted when the duration is unknown (metadata read failed):
+ * `-t 0` would produce an empty file.
+ */
+export function outputDurationArgs(recipe: EditRecipe, videoDuration: number): string[] {
+  const sourceDuration = (recipe.trimEnd ?? videoDuration) - recipe.trimStart;
+  if (!(sourceDuration > 0) || !(recipe.speed > 0)) return [];
+  return ["-t", (sourceDuration / recipe.speed).toFixed(6)];
+}
+
+export function buildVideoFilter(recipe: EditRecipe, targetW: number, targetH: number): string {
+  const filters: string[] = [];
+
+  if (recipe.trimStart > 0 || recipe.trimEnd !== null) {
+    // Precise bounds only; an open end lets FFmpeg infer it instead of a
+    // large placeholder that makes it scan the whole file.
+    if (recipe.trimEnd !== null) {
+      filters.push(`trim=start=${recipe.trimStart}:end=${recipe.trimEnd}`);
+    } else if (recipe.trimStart > 0) {
+      filters.push(`trim=start=${recipe.trimStart}`);
+    }
+  }
+
+  if (recipe.stabilization) {
+    filters.push("deshake");
+  }
+
+  if (recipe.rotate === 90) {
+    filters.push("transpose=1");
+  } else if (recipe.rotate === 180) {
+    filters.push("transpose=1,transpose=1");
+  } else if (recipe.rotate === 270) {
+    filters.push("transpose=2");
+  }
+
+  if (recipe.framing === "fit") {
+    filters.push(
+      `scale=${targetW}:${targetH}:force_original_aspect_ratio=decrease`,
+      `pad=${targetW}:${targetH}:(ow-iw)/2:(oh-ih)/2:color=black`
+    );
+  } else {
+    filters.push(
+      `scale=${targetW}:${targetH}:force_original_aspect_ratio=increase`,
+      `crop=${targetW}:${targetH}`
+    );
+  }
+  if (recipe.sharpness !== 0) {
+    filters.push(`unsharp=5:5:${recipe.sharpness}:5:5:0.0`);
+  }
+
+  // Normalize timestamps only when needed — trim or speed change both
+  // require a clean 0-based timeline to produce correct output duration.
+  if (recipe.trimStart > 0 || recipe.trimEnd !== null || recipe.speed !== 1) {
+    filters.push("setpts=PTS-STARTPTS");
+  }
+
+  if (recipe.speed !== 1) {
+    const pts = (1 / recipe.speed).toFixed(4);
+    filters.push(`setpts=${pts}*PTS`);
+  }
+
+  if (recipe.denoise) {
+    filters.push("hqdn3d=1.5:1.5:6:6");
+  }
+
+  const needsEq =
+    recipe.brightness !== 0 ||
+    recipe.contrast !== 1 ||
+    recipe.saturation !== 1;
+
+  if (needsEq) {
+    filters.push(
+      `eq=brightness=${recipe.brightness}:contrast=${recipe.contrast}:saturation=${recipe.saturation}`
+    );
+  }
+
+  const textOverlays = recipe.textOverlays || [];
+  textOverlays.forEach((overlay) => {
+    filters.push(buildTextFilter(overlay, targetW, targetH));
+  });
+
+  return filters.join(",");
+}
+
+export function buildAudioFilter(recipe: EditRecipe): string {
+  if (recipe.speed <= 0) return "";
+  const filters: string[] = [];
+
+  let remaining = recipe.speed;
+  while (remaining < 0.5) {
+    filters.push("atempo=0.5");
+    remaining /= 0.5;
+  }
+
+  while (remaining > 2.0) {
+    filters.push("atempo=2.0");
+    remaining /= 2.0;
+  }
+
+  if (Math.abs(remaining - 1.0) > 0.001) {
+    filters.push(`atempo=${Number(remaining.toFixed(4))}`);
+  }
+
+  if (recipe.volume !== undefined && recipe.volume !== 100) {
+    filters.push(`volume=${(recipe.volume / 100).toFixed(2)}`);
+  }
+
+  if (recipe.normalizeAudio) filters.push("loudnorm=I=-14:TP=-1.5:LRA=11");
+
+  return filters.join(",");
+}
+
+export function buildAudioTrimFilter(recipe: EditRecipe): string {
+  if (recipe.trimStart === 0 && recipe.trimEnd === null) return "";
+  let trimFilter = `atrim=start=${recipe.trimStart}`;
+  if (recipe.trimEnd !== null) {
+    trimFilter += `:end=${recipe.trimEnd}`;
+  }
+  return `${trimFilter},asetpts=PTS-STARTPTS`;
+}
+
+const OVERLAY_POSITIONS: Record<OverlayPosition, string> = {
+  "top-left": "20:20",
+  "top-right": "W-w-20:20",
+  "bottom-left": "20:H-h-20",
+  "bottom-right": "W-w-20:H-h-20",
+};
+
+export interface ExportArgsOptions {
+  recipe: EditRecipe;
+  format: Exclude<OutputFormat, "gif">;
+  inputName: string;
+  outputName: string;
+  targetW: number;
+  targetH: number;
+  videoDuration: number;
+  hasOriginalAudio: boolean;
+  music?: { inputName: string; options: BackgroundMusicOptions };
+  overlay?: { inputName: string; options: ImageOverlayOptions };
+  /** From resolveThreadCount; 0 for the single-threaded core. */
+  threads: number;
+}
+
+export function buildArguments({
+  recipe,
+  format,
+  inputName,
+  outputName,
+  targetW,
+  targetH,
+  videoDuration,
+  hasOriginalAudio,
+  music,
+  overlay,
+  threads,
+}: ExportArgsOptions): string[] {
+  const vf = buildVideoFilter(recipe, targetW, targetH);
+  const audioTrim = hasOriginalAudio ? buildAudioTrimFilter(recipe) : "";
+  const audioSpeed = hasOriginalAudio ? buildAudioFilter(recipe) : "";
+  const afParts = [audioTrim, audioSpeed].filter(Boolean);
+  const af = afParts.join(",");
+
+  const musicIdx = 1;
+  const overlayIdx = music ? 2 : 1;
+
+  const args: string[] = [];
+  args.push(...inputThreadArgs(threads), "-i", inputName);
+  if (music) {
+    if (music.options.loopMusic) args.push("-stream_loop", "-1");
+    args.push("-i", music.inputName);
+  }
+  if (overlay) {
+    args.push("-i", overlay.inputName);
+  }
+
+  const needsFilterComplex = Boolean(overlay || music);
+  const shouldKeepAudio = recipe.keepAudio && (hasOriginalAudio || Boolean(music));
+  let usesFilterComplex = false;
+
+  if (needsFilterComplex) {
+    const filterParts: string[] = [];
+    let videoOut = "[0:v]";
+
+    if (vf) {
+      filterParts.push(`[0:v]${vf}[vbase]`);
+      videoOut = "[vbase]";
+    }
+
+    if (overlay) {
+      const alpha = (overlay.options.opacity / 100).toFixed(2);
+      filterParts.push(`[${overlayIdx}:v]scale=${overlay.options.size}:-2,format=rgba,colorchannelmixer=aa=${alpha}[logo]`);
+      const pos = OVERLAY_POSITIONS[overlay.options.position] ?? OVERLAY_POSITIONS["bottom-right"];
+      filterParts.push(`${videoOut}[logo]overlay=${pos}[vout]`);
+      videoOut = "[vout]";
+    }
+
+    let audioOut = "";
+    if (shouldKeepAudio) {
+      if (music) {
+        const musicVol = (music.options.musicVolume / 100).toFixed(2);
+        if (hasOriginalAudio) {
+          const origVol = (music.options.originalAudioVolume / 100).toFixed(2);
+          const origChain = afParts.length > 0
+            ? `[0:a]${af},volume=${origVol}[orig]`
+            : `[0:a]volume=${origVol}[orig]`;
+          filterParts.push(origChain);
+          filterParts.push(`[${musicIdx}:a]volume=${musicVol}[music]`);
+          filterParts.push(`[orig][music]amix=inputs=2:duration=first:dropout_transition=0[aout]`);
+          audioOut = "[aout]";
+        } else {
+          filterParts.push(`[${musicIdx}:a]volume=${musicVol}[aout]`);
+          audioOut = "[aout]";
+        }
+      } else if (hasOriginalAudio && af) {
+        filterParts.push(`[0:a]${af}[aout]`);
+        audioOut = "[aout]";
+      }
+    }
+
+    if (filterParts.length > 0) {
+      args.push("-filter_complex", filterParts.join(";"));
+      usesFilterComplex = true;
+    }
+    args.push("-map", videoOut === "[0:v]" ? "0:v" : videoOut);
+
+    if (!shouldKeepAudio) {
+      args.push("-an");
+    } else if (audioOut) {
+      args.push("-map", audioOut);
+    } else if (hasOriginalAudio) {
+      args.push("-map", "0:a");
+    }
+  } else {
+    if (vf) args.push("-vf", vf);
+    if (!shouldKeepAudio) {
+      args.push("-an");
+    } else if (af && hasOriginalAudio) {
+      args.push("-af", af);
+    }
+  }
+
+  if (format === "webm") {
+    // VP8 + Vorbis, not VP9 + Opus: in @ffmpeg/core 0.12.10 the libvpx-vp9
+    // and libopus encoders trap ("memory access out of bounds") on every
+    // setting tried, and hang the multi-threaded core, so WebM exports could
+    // never succeed. VP8's CRF mode needs a bitrate ceiling. Realtime
+    // keeps WebM about as fast as MP4 (measured: 9 s vs 21–32 s with
+    // "good" for a 6 s 1080p clip), as the old VP9 settings intended.
+    args.push(
+      "-c:v", "libvpx",
+      "-crf", String(Math.min(63, Math.max(4, recipe.quality))),
+      "-b:v", "8M",
+      "-deadline", "realtime",
+      "-cpu-used", "8"
+    );
+    if (shouldKeepAudio) args.push("-c:a", "libvorbis", "-q:a", "4");
+  } else if (format === "mkv") {
+    args.push("-c:v", "libx264", "-crf", String(recipe.quality), "-preset", "ultrafast");
+    if (shouldKeepAudio) args.push("-c:a", "aac", "-b:a", "128k");
+  } else {
+    args.push("-c:v", "libx264", "-crf", String(recipe.quality), "-preset", "ultrafast", "-movflags", "+faststart");
+    if (shouldKeepAudio) args.push("-c:a", "aac", "-b:a", "128k");
+  }
+
+  args.push(...outputThreadArgs(threads, usesFilterComplex));
+  args.push(...outputDurationArgs(recipe, videoDuration));
+  args.push(outputName);
+  return args;
+}
+
+export interface GifArgsOptions {
+  recipe: EditRecipe;
+  inputName: string;
+  paletteName: string;
+  outputName: string;
+  targetW: number;
+  targetH: number;
+  videoDuration: number;
+  threads: number;
+}
+
+/** Two-pass GIF: palettegen, then paletteuse. */
+export function buildGifArguments({
+  recipe,
+  inputName,
+  paletteName,
+  outputName,
+  targetW,
+  targetH,
+  videoDuration,
+  threads,
+}: GifArgsOptions): { palette: string[]; render: string[] } {
+  const vf = buildVideoFilter(recipe, targetW, targetH);
+  const vfWithPalette = vf ? `${vf},palettegen` : "palettegen";
+  const vfWithPaletteUse = vf ? `[0:v]${vf}[x];[x][1:v]paletteuse` : "[0:v][1:v]paletteuse";
+  // The trim filter already bounds the clip; -t is only needed when speed
+  // changes the output length.
+  const durationArgs = recipe.speed !== 1 ? outputDurationArgs(recipe, videoDuration) : [];
+
+  return {
+    palette: [
+      ...inputThreadArgs(threads), "-i", inputName,
+      "-vf", vfWithPalette,
+      ...durationArgs, ...outputThreadArgs(threads, false),
+      "-y", paletteName,
+    ],
+    render: [
+      ...inputThreadArgs(threads), "-i", inputName, "-i", paletteName,
+      "-lavfi", vfWithPaletteUse,
+      ...durationArgs, ...outputThreadArgs(threads, true),
+      "-y", outputName,
+    ],
+  };
+}
diff --git a/src/lib/tests/ffmpegArgs.test.ts b/src/lib/tests/ffmpegArgs.test.ts
new file mode 100644
index 000000000..d354ddc59
--- /dev/null
+++ b/src/lib/tests/ffmpegArgs.test.ts
@@ -0,0 +1,169 @@
+import { describe, it, expect } from "vitest";
+import {
+  buildArguments,
+  buildGifArguments,
+  outputDurationArgs,
+  resolveThreadCount,
+  MT_THREAD_CAP,
+  type ExportArgsOptions,
+} from "../ffmpegArgs";
+import { DEFAULT_RECIPE } from "../constants";
+import type { EditRecipe } from "../types";
+
+const recipe = (overrides: Partial<EditRecipe> = {}): EditRecipe => ({ ...DEFAULT_RECIPE, ...overrides });
+
+const opts = (overrides: Partial<ExportArgsOptions> = {}): ExportArgsOptions => ({
+  recipe: recipe(),
+  format: "mp4",
+  inputName: "input.mp4",
+  outputName: "output.mp4",
+  targetW: 1280,
+  targetH: 720,
+  videoDuration: 6,
+  hasOriginalAudio: true,
+  threads: 0,
+  ...overrides,
+});
+
+/** Value following `flag`, at every occurrence. */
+const valuesOf = (args: string[], flag: string) =>
+  args.flatMap((a, i) => (a === flag ? [args[i + 1]] : []));
+
+describe("resolveThreadCount", () => {
+  it("never passes thread flags to the single-threaded core", () => {
+    expect(resolveThreadCount("single", 16)).toBe(0);
+    expect(resolveThreadCount("single")).toBe(0);
+  });
+
+  it("caps the multi-threaded core at MT_THREAD_CAP however many cores there are", () => {
+    expect(MT_THREAD_CAP).toBe(4);
+    expect(resolveThreadCount("multi", 11)).toBe(4);
+    expect(resolveThreadCount("multi", 64)).toBe(4);
+  });
+
+  it("uses fewer threads on small devices and falls back to the cap when unknown", () => {
+    expect(resolveThreadCount("multi", 2)).toBe(2);
+    expect(resolveThreadCount("multi", 1)).toBe(1);
+    expect(resolveThreadCount("multi", 0)).toBe(4);
+    expect(resolveThreadCount("multi", undefined)).toBe(4);
+    expect(resolveThreadCount("multi", NaN)).toBe(4);
+  });
+});
+
+describe("buildArguments", () => {
+  it("single-threaded: no -threads / -filter_threads anywhere", () => {
+    const args = buildArguments(opts({ threads: 0 }));
+    expect(args).not.toContain("-threads");
+    expect(args).not.toContain("-filter_threads");
+    expect(args).not.toContain("-filter_complex_threads");
+  });
+
+  it("multi-threaded: caps decoder, filter and encoder threads", () => {
+    const args = buildArguments(opts({ threads: 4 }));
+    // Decoder flag must precede -i to apply to the input.
+    expect(args.indexOf("-threads")).toBeLessThan(args.indexOf("-i"));
+    expect(valuesOf(args, "-threads")).toEqual(["4", "4"]);
+    expect(valuesOf(args, "-filter_threads")).toEqual(["4"]);
+    expect(args.at(-1)).toBe("output.mp4");
+  });
+
+  it("adds -filter_complex_threads only when a filter graph is used", () => {
+    const withOverlay = buildArguments(
+      opts({
+        threads: 4,
+        overlay: { inputName: "logo.png", options: { file: null, position: "top-left", size: 120, opacity: 80 } },
+      })
+    );
+    expect(withOverlay).toContain("-filter_complex");
+    expect(valuesOf(withOverlay, "-filter_complex_threads")).toEqual(["4"]);
+    expect(buildArguments(opts({ threads: 4 }))).not.toContain("-filter_complex_threads");
+  });
+
+  it("applies sharpness and volume (these used to be dropped by the worker's copy)", () => {
+    const args = buildArguments(opts({ recipe: recipe({ sharpness: 2, volume: 150 }) }));
+    expect(valuesOf(args, "-vf")[0]).toContain("unsharp=5:5:2:5:5:0.0");
+    expect(valuesOf(args, "-af")[0]).toContain("volume=1.50");
+  });
+
+  it("always bounds output duration when it is known, and omits it when not", () => {
+    expect(valuesOf(buildArguments(opts()), "-t")).toEqual(["6.000000"]);
+    expect(valuesOf(buildArguments(opts({ recipe: recipe({ trimStart: 1, trimEnd: 5, speed: 2 }) })), "-t")).toEqual([
+      "2.000000",
+    ]);
+    expect(buildArguments(opts({ videoDuration: 0 }))).not.toContain("-t");
+  });
+
+  it("positions an image overlay inside the frame", () => {
+    const args = buildArguments(
+      opts({ overlay: { inputName: "logo.png", options: { file: null, position: "bottom-right", size: 100, opacity: 50 } } })
+    );
+    const graph = valuesOf(args, "-filter_complex")[0]!;
+    expect(graph).toContain("overlay=W-w-20:H-h-20");
+    expect(graph).toContain("colorchannelmixer=aa=0.50");
+  });
+
+  it("mixes background music with the original audio and loops it when asked", () => {
+    const args = buildArguments(
+      opts({
+        music: { inputName: "music.mp3", options: { file: null, musicVolume: 50, originalAudioVolume: 100, loopMusic: true } },
+      })
+    );
+    expect(args.slice(0, 6)).toEqual(["-i", "input.mp4", "-stream_loop", "-1", "-i", "music.mp3"]);
+    expect(valuesOf(args, "-filter_complex")[0]).toContain("amix=inputs=2");
+    expect(valuesOf(args, "-map")).toEqual(["[vbase]", "[aout]"]);
+  });
+
+  it("drops audio when the source has none", () => {
+    expect(buildArguments(opts({ hasOriginalAudio: false }))).toContain("-an");
+  });
+
+  it("uses VP8/Vorbis for WebM (VP9 and Opus crash in @ffmpeg/core 0.12.10)", () => {
+    const args = buildArguments(opts({ format: "webm", outputName: "out.webm" }));
+    expect(valuesOf(args, "-c:v")).toEqual(["libvpx"]);
+    expect(valuesOf(args, "-c:a")).toEqual(["libvorbis"]);
+    expect(args).not.toContain("libvpx-vp9");
+    expect(args).not.toContain("libopus");
+    expect(valuesOf(args, "-b:v")).toEqual(["8M"]);
+  });
+});
+
+describe("buildGifArguments", () => {
+  const gif = (threads: number, overrides: Partial<EditRecipe> = {}) =>
+    buildGifArguments({
+      recipe: recipe({ format: "gif", ...overrides }),
+      inputName: "in.mp4",
+      paletteName: "palette.png",
+      outputName: "out.gif",
+      targetW: 480,
+      targetH: 270,
+      videoDuration: 6,
+      threads,
+    });
+
+  it("runs palettegen then paletteuse", () => {
+    const { palette, render } = gif(0);
+    expect(valuesOf(palette, "-vf")[0]).toMatch(/palettegen$/);
+    expect(valuesOf(render, "-lavfi")[0]).toMatch(/paletteuse$/);
+    expect(palette).not.toContain("-threads");
+  });
+
+  it("caps threads in both passes on the multi-threaded core", () => {
+    const { palette, render } = gif(4);
+    expect(valuesOf(palette, "-threads")).toEqual(["4", "4"]);
+    expect(valuesOf(render, "-threads")).toEqual(["4", "4"]);
+    expect(valuesOf(render, "-filter_complex_threads")).toEqual(["4"]);
+  });
+
+  it("only adds -t when speed changes the length", () => {
+    expect(gif(0).render).not.toContain("-t");
+    expect(valuesOf(gif(0, { speed: 2 }).render, "-t")).toEqual(["3.000000"]);
+  });
+});
+
+describe("outputDurationArgs", () => {
+  it("guards against zero, negative and invalid durations", () => {
+    expect(outputDurationArgs(recipe(), 0)).toEqual([]);
+    expect(outputDurationArgs(recipe({ trimStart: 8 }), 6)).toEqual([]);
+    expect(outputDurationArgs(recipe({ speed: 0 }), 6)).toEqual([]);
+  });
+});
diff --git a/src/lib/tests/ffmpegClient.test.ts b/src/lib/tests/ffmpegClient.test.ts
new file mode 100644
index 000000000..5cc3c2cda
--- /dev/null
+++ b/src/lib/tests/ffmpegClient.test.ts
@@ -0,0 +1,237 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
+import {
+  loadFFmpeg,
+  exportVideo,
+  terminateFFmpeg,
+  dedupeProgress,
+  getFFmpegClientState,
+  getEngineMode,
+  resetEnginePreferenceForTests,
+  FFmpegLoadError,
+  ExportStalledError,
+  STALL_TIMEOUT_MS,
+} from "../ffmpeg";
+import { DEFAULT_RECIPE } from "../constants";
+
+/**
+ * Scripted stand-in for the FFmpeg worker. Each test decides how the worker
+ * answers "load" and "export"; every instance is recorded so tests can check
+ * that terminated workers are never reused.
+ */
+type Script = {
+  onLoad?: (w: FakeWorker) => void;
+  onExport?: (w: FakeWorker, id: string) => void;
+};
+let script: Script = {};
+const workers: FakeWorker[] = [];
+
+class FakeWorker {
+  onmessage: ((e: MessageEvent) => void) | null = null;
+  onerror: ((e: ErrorEvent) => void) | null = null;
+  posted: { type: string; id?: string; singleThread?: boolean }[] = [];
+  terminated = false;
+  constructor() {
+    workers.push(this);
+  }
+  postMessage(msg: { type: string; id?: string; singleThread?: boolean }) {
+    this.posted.push(msg);
+    if (msg.type === "load") queueMicrotask(() => (script.onLoad ?? ((w) => w.emit({ type: "ready", mode: "single" })))(this));
+    if (msg.type === "export") queueMicrotask(() => script.onExport?.(this, msg.id!));
+  }
+  terminate() {
+    this.terminated = true;
+  }
+  emit(data: unknown) {
+    if (!this.terminated) this.onmessage?.({ data } as MessageEvent);
+  }
+}
+
+const result = (id: string) => ({
+  type: "result",
+  id,
+  data: new ArrayBuffer(8),
+  mimeType: "video/mp4",
+  size: 8,
+  width: 1920,
+  height: 1080,
+  format: "mp4",
+});
+
+const file = () => new File([new Uint8Array(16)], "clip.mp4", { type: "video/mp4" });
+const run = (signal?: AbortSignal, onProgress = vi.fn()) =>
+  exportVideo(file(), { ...DEFAULT_RECIPE }, onProgress, signal, undefined, undefined, 6);
+
+beforeEach(() => {
+  script = {};
+  workers.length = 0;
+  vi.stubGlobal("Worker", FakeWorker);
+  vi.stubGlobal("URL", Object.assign(URL, { createObjectURL: vi.fn(() => "blob:out"), revokeObjectURL: vi.fn() }));
+});
+
+afterEach(() => {
+  terminateFFmpeg();
+  resetEnginePreferenceForTests();
+  vi.useRealTimers();
+  vi.unstubAllGlobals();
+});
+
+describe("dedupeProgress", () => {
+  it("only forwards changes of the rounded percentage", () => {
+    const cb = vi.fn();
+    const p = dedupeProgress(cb)!;
+    [0, 0.2, 0.4, 1, 1.3, 1, 2, 2, 150].forEach(p);
+    expect(cb.mock.calls.map((c) => c[0])).toEqual([0, 1, 2, 100]);
+  });
+});
+
+describe("FFmpeg client lifecycle", () => {
+  it("loads once and reuses the worker across repeated exports", async () => {
+    script.onExport = (w, id) => w.emit(result(id));
+    await loadFFmpeg();
+    const a = await run();
+    const b = await run();
+    expect(a.size).toBe(8);
+    expect(b.size).toBe(8);
+    expect(workers).toHaveLength(1);
+    expect(workers[0]!.posted.filter((m) => m.type === "load")).toHaveLength(1);
+    expect(getFFmpegClientState()).toMatchObject({ hasPendingExport: false, hasPendingProgress: false });
+  });
+
+  it("does not accumulate abort listeners over repeated exports", async () => {
+    script.onExport = (w, id) => w.emit(result(id));
+    const controller = new AbortController();
+    const add = vi.spyOn(controller.signal, "addEventListener");
+    const remove = vi.spyOn(controller.signal, "removeEventListener");
+    for (let i = 0; i < 5; i++) await run(controller.signal);
+    expect(add.mock.calls.length).toBeGreaterThan(0);
+    expect(remove.mock.calls.length).toBe(add.mock.calls.length);
+  });
+
+  it("forwards de-duplicated progress for the active export", async () => {
+    script.onExport = (w, id) => {
+      [0, 0, 10, 10, 10, 55].forEach((percent) => w.emit({ type: "progress", percent }));
+      w.emit(result(id));
+    };
+    const onProgress = vi.fn();
+    await loadFFmpeg();
+    await run(undefined, onProgress);
+    expect(onProgress.mock.calls.map((c) => c[0])).toEqual([0, 10, 55]);
+  });
+
+  it("cancelling rejects with AbortError and tells the worker to stop", async () => {
+    script.onExport = () => {}; // never finishes on its own
+    const controller = new AbortController();
+    await loadFFmpeg();
+    const pending = run(controller.signal);
+    await new Promise((r) => setTimeout(r, 0));
+    controller.abort();
+    await expect(pending).rejects.toMatchObject({ name: "AbortError" });
+    expect(workers[0]!.posted.some((m) => m.type === "cancel")).toBe(true);
+    expect(getFFmpegClientState().hasPendingExport).toBe(false);
+  });
+
+  it("a worker crash fails the export, and the next export gets a fresh worker", async () => {
+    script.onExport = (w) => w.onerror?.({ message: "boom" } as ErrorEvent);
+    await loadFFmpeg();
+    await expect(run()).rejects.toBeInstanceOf(FFmpegLoadError);
+    expect(getFFmpegClientState().hasWorker).toBe(false);
+
+    script.onExport = (w, id) => w.emit(result(id));
+    const ok = await run();
+    expect(ok.size).toBe(8);
+    expect(workers).toHaveLength(2);
+  });
+
+  it("a failed engine load can be retried", async () => {
+    script.onLoad = (w) => w.emit({ type: "error", message: "Failed to fetch" });
+    await expect(loadFFmpeg()).rejects.toBeInstanceOf(FFmpegLoadError);
+
+    script.onLoad = undefined;
+    script.onExport = (w, id) => w.emit(result(id));
+    await loadFFmpeg();
+    await expect(run()).resolves.toMatchObject({ format: "mp4" });
+  });
+
+  it("terminating during engine load settles the load instead of hanging", async () => {
+    script.onLoad = () => {}; // load never completes
+    const loading = loadFFmpeg();
+    await new Promise((r) => setTimeout(r, 0));
+    terminateFFmpeg();
+    await expect(loading).rejects.toMatchObject({ name: "AbortError" });
+    expect(workers[0]!.terminated).toBe(true);
+    expect(getFFmpegClientState()).toEqual({ hasWorker: false, hasPendingExport: false, hasPendingProgress: false });
+  });
+
+  it("export results own a blob URL that dispose() revokes", async () => {
+    script.onExport = (w, id) => w.emit(result(id));
+    const res = await run();
+    res.dispose();
+    expect(URL.revokeObjectURL).toHaveBeenCalledWith("blob:out");
+  });
+
+  it("records which core the worker actually loaded", async () => {
+    script.onLoad = (w) => w.emit({ type: "ready", mode: "multi" });
+    expect(getEngineMode()).toBeNull();
+    await loadFFmpeg();
+    expect(getEngineMode()).toBe("multi");
+  });
+
+  it("a worker error without an export id fails the pending export instead of hanging it", async () => {
+    script.onExport = (w) => w.emit({ type: "error", message: "unexpected" });
+    await loadFFmpeg();
+    await expect(run()).rejects.toBeInstanceOf(FFmpegLoadError);
+    expect(workers[0]!.terminated).toBe(true);
+    expect(getFFmpegClientState()).toEqual({ hasWorker: false, hasPendingExport: false, hasPendingProgress: false });
+  });
+
+  it("cancelling during engine load discards the half-loaded worker", async () => {
+    script.onLoad = () => {}; // never finishes
+    const controller = new AbortController();
+    const loading = loadFFmpeg(controller.signal);
+    await new Promise((r) => setTimeout(r, 0));
+    controller.abort();
+    await expect(loading).rejects.toMatchObject({ name: "AbortError" });
+    expect(workers[0]!.terminated).toBe(true);
+
+    script.onLoad = undefined;
+    script.onExport = (w, id) => w.emit(result(id));
+    await expect(run()).resolves.toMatchObject({ format: "mp4" });
+    expect(workers).toHaveLength(2);
+  });
+
+  it("heartbeats keep a slow export alive", async () => {
+    vi.useFakeTimers();
+    let worker!: FakeWorker;
+    let jobId = "";
+    script.onExport = (w, id) => {
+      worker = w;
+      jobId = id;
+    };
+    const pending = run();
+    for (let t = 0; t < STALL_TIMEOUT_MS * 2; t += 10_000) {
+      await vi.advanceTimersByTimeAsync(10_000);
+      worker?.emit({ type: "heartbeat" });
+    }
+    worker.emit(result(jobId));
+    await expect(pending).resolves.toMatchObject({ size: 8 });
+  });
+
+  it("a stalled multi-threaded export fails, and the retry loads the single-threaded core", async () => {
+    vi.useFakeTimers();
+    script.onLoad = (w) => w.emit({ type: "ready", mode: "multi" });
+    script.onExport = () => {}; // wedged: no progress, no heartbeat
+    const pending = run();
+    const assertion = expect(pending).rejects.toBeInstanceOf(ExportStalledError);
+    await vi.advanceTimersByTimeAsync(STALL_TIMEOUT_MS + 5_000);
+    await assertion;
+    await expect(pending).rejects.toMatchObject({ mode: "multi" });
+    expect(workers[0]!.terminated).toBe(true);
+    expect(getFFmpegClientState().hasWorker).toBe(false);
+
+    script.onLoad = undefined;
+    script.onExport = (w, id) => w.emit(result(id));
+    await expect(run()).resolves.toMatchObject({ format: "mp4" });
+    expect(workers[1]!.posted.find((m) => m.type === "load")).toMatchObject({ singleThread: true });
+  });
+});
+
diff --git a/src/lib/tests/ffmpegWorker.test.ts b/src/lib/tests/ffmpegWorker.test.ts
new file mode 100644
index 000000000..05ba9a0ef
--- /dev/null
+++ b/src/lib/tests/ffmpegWorker.test.ts
@@ -0,0 +1,220 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
+import { DEFAULT_RECIPE } from "../constants";
+import type { EditRecipe } from "../types";
+
+// Drives the real worker module (the code that runs in production) against a
+// fake FFmpeg, so command-line fixes are tested where they execute rather
+// than in a copy.
+
+const h = vi.hoisted(() => {
+  type Listener = (event: { message?: string; progress?: number }) => void;
+  class FakeFFmpeg {
+    static instances: FakeFFmpeg[] = [];
+    static loadImpl: (config: Record<string, string>) => Promise<void> = async () => {};
+    static execImpl: ((args: string[]) => Promise<number>) | null = null;
+    listeners = { progress: new Set<Listener>(), log: new Set<Listener>() };
+    config: Record<string, string> = {};
+    execCalls: string[][] = [];
+    deleted: string[] = [];
+    files = new Map<string, Uint8Array>();
+    terminated = false;
+    constructor() {
+      FakeFFmpeg.instances.push(this);
+    }
+    on(event: "progress" | "log", fn: Listener) {
+      this.listeners[event].add(fn);
+    }
+    off(event: "progress" | "log", fn: Listener) {
+      this.listeners[event].delete(fn);
+    }
+    async load(config: Record<string, string>) {
+      this.config = config;
+      await FakeFFmpeg.loadImpl(config);
+    }
+    async writeFile(name: string, data: Uint8Array) {
+      this.files.set(name, data);
+    }
+    async exec(args: string[]) {
+      this.execCalls.push(args);
+      if (FakeFFmpeg.execImpl) return FakeFFmpeg.execImpl(args);
+      this.listeners.log.forEach((fn) => fn({ message: "frame=  1 fps=0.0 time=00:00:00.04" }));
+      this.listeners.progress.forEach((fn) => fn({ progress: 0.5 }));
+      this.files.set(args.at(-1)!, new Uint8Array([1, 2, 3]));
+      return 0;
+    }
+    async readFile(name: string) {
+      return this.files.get(name)!;
+    }
+    async deleteFile(name: string) {
+      this.deleted.push(name);
+    }
+    terminate() {
+      this.terminated = true;
+    }
+  }
+  return { FakeFFmpeg };
+});
+
+vi.mock("@ffmpeg/ffmpeg", () => ({ FFmpeg: h.FakeFFmpeg }));
+vi.mock("@ffmpeg/util", () => ({ toBlobURL: vi.fn() }));
+
+const posted: { type: string; [k: string]: unknown }[] = [];
+let handler: ((event: MessageEvent) => void) | null = null;
+
+async function startWorker({ isolated, cores = 11 }: { isolated: boolean; cores?: number }) {
+  Object.defineProperty(window, "crossOriginIsolated", { configurable: true, value: isolated });
+  Object.defineProperty(navigator, "hardwareConcurrency", { configurable: true, value: cores });
+  const add = vi.spyOn(self, "addEventListener");
+  vi.resetModules();
+  await import("../ffmpeg.worker");
+  const call = add.mock.calls.find(([type]) => type === "message")!;
+  handler = call[1] as (event: MessageEvent) => void;
+  add.mockRestore();
+}
+
+const send = (data: unknown) => handler!({ data } as MessageEvent);
+const waitFor = (type: string) => vi.waitFor(() => expect(posted.some((m) => m.type === type)).toBe(true));
+const ffmpeg = () => h.FakeFFmpeg.instances.at(-1)!;
+
+function exportRequest(recipe: Partial<EditRecipe> = {}) {
+  return {
+    type: "export",
+    id: "job1",
+    file: { name: "My holiday.mp4", type: "video/mp4", data: new ArrayBuffer(16) },
+    recipe: { ...DEFAULT_RECIPE, ...recipe },
+    videoDuration: 6,
+  };
+}
+
+beforeEach(() => {
+  posted.length = 0;
+  h.FakeFFmpeg.instances.length = 0;
+  h.FakeFFmpeg.loadImpl = async () => {};
+  h.FakeFFmpeg.execImpl = null;
+  vi.stubGlobal("postMessage", vi.fn((msg) => posted.push(msg)));
+  vi.stubGlobal(
+    "fetch",
+    vi.fn(async () => ({ ok: true, status: 200, arrayBuffer: async () => new ArrayBuffer(1) }))
+  );
+  URL.createObjectURL = vi.fn(() => "blob:core");
+});
+
+afterEach(() => {
+  vi.unstubAllGlobals();
+  if (handler) self.removeEventListener("message", handler as EventListener);
+  handler = null;
+});
+
+describe("ffmpeg.worker", () => {
+  it("isolated: loads the MT core and caps threads in the command it runs", async () => {
+    await startWorker({ isolated: true, cores: 16 });
+    send({ type: "load" });
+    await waitFor("ready");
+    expect(posted.find((m) => m.type === "ready")).toMatchObject({ mode: "multi" });
+    expect(ffmpeg().config.coreURL).toBeDefined();
+    expect(ffmpeg().config.workerURL).toBeDefined();
+    expect(vi.mocked(fetch).mock.calls[0]![0]).toContain("@ffmpeg/core-mt@");
+    // Every engine file, including the pthread worker script, is fetched
+    // with a Subresource Integrity hash.
+    expect(vi.mocked(fetch).mock.calls.map(([url, init]) => [String(url).split("/").pop(), Boolean((init as RequestInit)?.integrity)])).toEqual([
+      ["ffmpeg-core.js", true],
+      ["ffmpeg-core.wasm", true],
+      ["ffmpeg-core.worker.js", true],
+    ]);
+
+    send(exportRequest({ sharpness: 2, volume: 50 }));
+    await waitFor("result");
+    const args = ffmpeg().execCalls[0]!;
+    const threads = args.flatMap((a, i) => (a === "-threads" ? [args[i + 1]] : []));
+    expect(threads).toEqual(["4", "4"]);
+    // Settings the old in-worker copy silently ignored:
+    expect(args.join(" ")).toContain("unsharp=5:5:2");
+    expect(args.join(" ")).toContain("volume=0.50");
+  });
+
+  it("not isolated: loads the single-threaded core and passes no thread flags", async () => {
+    await startWorker({ isolated: false });
+    send({ type: "load" });
+    await waitFor("ready");
+    expect(posted.find((m) => m.type === "ready")).toMatchObject({ mode: "single" });
+    expect(ffmpeg().config.workerURL).toBeUndefined();
+    expect(vi.mocked(fetch).mock.calls[0]![0]).toContain("@ffmpeg/core@");
+    expect(vi.mocked(fetch).mock.calls.every(([, init]) => Boolean((init as RequestInit)?.integrity))).toBe(true);
+
+    send(exportRequest());
+    await waitFor("result");
+    expect(ffmpeg().execCalls[0]).not.toContain("-threads");
+  });
+
+  it("falls back to the single-threaded core if the MT core fails to load", async () => {
+    await startWorker({ isolated: true });
+    h.FakeFFmpeg.loadImpl = async (config) => {
+      if (config.workerURL) throw new Error("MT instantiate failed");
+    };
+    send({ type: "load" });
+    await waitFor("ready");
+    expect(posted.find((m) => m.type === "ready")).toMatchObject({ mode: "single" });
+    expect(h.FakeFFmpeg.instances[0]!.terminated).toBe(true);
+
+    send(exportRequest());
+    await waitFor("result");
+    expect(ffmpeg().execCalls[0]).not.toContain("-threads");
+  });
+
+  it("honours singleThread on load even when isolated", async () => {
+    await startWorker({ isolated: true });
+    send({ type: "load", singleThread: true });
+    await waitFor("ready");
+    expect(posted.find((m) => m.type === "ready")).toMatchObject({ mode: "single" });
+  });
+
+  it("reports a failed engine download instead of loading garbage", async () => {
+    await startWorker({ isolated: false });
+    vi.mocked(fetch).mockResolvedValue({ ok: false, status: 404, arrayBuffer: async () => new ArrayBuffer(0) } as Response);
+    send({ type: "load" });
+    await waitFor("error");
+    expect(posted.find((m) => m.type === "error")?.message).toMatch(/HTTP 404/);
+  });
+
+  it("removes its listeners and temp files after every export, and sends heartbeats", async () => {
+    await startWorker({ isolated: false });
+    send({ type: "load" });
+    await waitFor("ready");
+    for (let i = 0; i < 3; i++) {
+      posted.length = 0;
+      send({ ...exportRequest(), id: `job${i}` });
+      await waitFor("result");
+    }
+    expect(ffmpeg().listeners.log.size).toBe(0);
+    expect(ffmpeg().listeners.progress.size).toBe(0);
+    expect(ffmpeg().deleted).toEqual(expect.arrayContaining(["input_job2.mp4", "output_job2.mp4"]));
+    expect(posted.some((m) => m.type === "heartbeat")).toBe(true);
+    // Temp names come from the job id, never the user's file name.
+    expect([...ffmpeg().files.keys()].some((name) => name.includes("holiday"))).toBe(false);
+  });
+
+  it("reports a wasm trap (a rejected string) with its text, not 'undefined'", async () => {
+    await startWorker({ isolated: false });
+    send({ type: "load" });
+    await waitFor("ready");
+    h.FakeFFmpeg.execImpl = () => Promise.reject("RuntimeError: memory access out of bounds");
+    send(exportRequest());
+    await waitFor("error");
+    expect(posted.find((m) => m.type === "error")).toMatchObject({
+      id: "job1",
+      message: "RuntimeError: memory access out of bounds",
+    });
+  });
+
+  it("GIF exports use the shared two-pass builder with thread caps", async () => {
+    await startWorker({ isolated: true });
+    send({ type: "load" });
+    await waitFor("ready");
+    send(exportRequest({ format: "gif" }));
+    await waitFor("result");
+    const [palette, render] = ffmpeg().execCalls;
+    expect(palette!.join(" ")).toContain("palettegen");
+    expect(render!.join(" ")).toContain("paletteuse");
+    expect(render).toContain("-filter_complex_threads");
+  });
+});

From e85c63c3dd445fafb242fbb177ec12f67848e326 Mon Sep 17 00:00:00 2001
From: Akanksha Trehun <akankshatrehun@gmail.com>
Date: Tue, 3 Nov 2026 13:40:11 +0530
Subject: [PATCH 06/11] fix(export): unknown durations, stuck-progress
 watchdog, e2e export tests

- Live-recorded files (MediaRecorder screen recordings) report an Infinity
  duration; seek to the end to find the real one (src/lib/mediaDuration.ts),
  in the editor and the export. Trim works on them again.
- ffmpegArgs: time values are repaired before use (withSafeTimes), -t only
  for a finite positive length, -shortest for looped music when the length
  is unknown, and a final check that no argument carries Infinity or NaN.
  An infinite speed no longer hangs the audio filter builder.
- Watchdog: besides 60 s of silence, stop exports whose encoded time stops
  changing for 120 s while FFmpeg keeps logging (stuck at 100%), or that run
  far past the expected length. The worker reports encoded time and computes
  progress from it. The message says what happened and to press Retry.
- Telemetry: unknown_duration failure category and stall_reason.
- scripts/make-fixtures.sh (test/fixtures/, gitignored), a static server with
  COOP/COEP (scripts/serve-isolated.mjs), Playwright export tests on the
  multi- and single-threaded engines, and a Tests workflow running Vitest and
  Playwright in CI.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .github/workflows/test.yml                    |  62 ++++++++
 .gitignore                                    |   7 +
 bun.lock                                      |   7 +
 docs/DATADOG.md                               |  13 +-
 .../datadog/export-reliability.dashboard.json |  52 ++++++-
 package.json                                  |   1 +
 playwright.config.ts                          |  44 ++++++
 scripts/make-fixtures.sh                      |  60 ++++++++
 scripts/serve-isolated.mjs                    |  64 +++++++++
 src/hooks/tests/useVideoEditor.test.ts        |   1 +
 src/hooks/tests/useVideoEditorProject.test.ts |   1 +
 src/hooks/useVideoEditor.ts                   |  19 ++-
 src/lib/exportTelemetry.ts                    |  27 +++-
 src/lib/ffmpeg.ts                             |  99 ++++++++++---
 src/lib/ffmpeg.worker.ts                      |  40 ++++--
 src/lib/ffmpegArgs.ts                         |  87 ++++++++---
 src/lib/mediaDuration.ts                      |  45 ++++++
 src/lib/tests/exportTelemetry.test.ts         |  36 +++--
 src/lib/tests/ffmpegArgs.test.ts              |  88 ++++++++++++
 src/lib/tests/ffmpegClient.test.ts            | 100 +++++++++++++
 src/lib/tests/mediaDuration.test.ts           |  53 +++++++
 test/e2e/export.spec.ts                       | 135 ++++++++++++++++++
 22 files changed, 977 insertions(+), 64 deletions(-)
 create mode 100644 .github/workflows/test.yml
 create mode 100644 playwright.config.ts
 create mode 100755 scripts/make-fixtures.sh
 create mode 100644 scripts/serve-isolated.mjs
 create mode 100644 src/lib/mediaDuration.ts
 create mode 100644 src/lib/tests/mediaDuration.test.ts
 create mode 100644 test/e2e/export.spec.ts

diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
new file mode 100644
index 000000000..319617403
--- /dev/null
+++ b/.github/workflows/test.yml
@@ -0,0 +1,62 @@
+name: Tests
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+
+permissions:
+  contents: read
+
+concurrency:
+  group: tests-${{ github.event.pull_request.number || github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  unit:
+    name: Unit tests (Vitest)
+    runs-on: ubuntu-latest
+    timeout-minutes: 15
+    steps:
+      - uses: actions/checkout@v6
+      - uses: oven-sh/setup-bun@v2
+      - run: bun install --frozen-lockfile
+      - run: bun run test --run
+
+  e2e:
+    name: Export end-to-end (Playwright)
+    runs-on: ubuntu-latest
+    timeout-minutes: 45
+    steps:
+      - uses: actions/checkout@v6
+      - uses: oven-sh/setup-bun@v2
+      - run: bun install --frozen-lockfile
+
+      # ffmpeg makes the input fixtures and ffprobe checks the exported files.
+      - name: Install ffmpeg
+        run: sudo apt-get update && sudo apt-get install -y --no-install-recommends ffmpeg
+
+      - name: Make video fixtures
+        run: scripts/make-fixtures.sh --small
+
+      # Telemetry off: CI must never report to Datadog.
+      - name: Build the static site
+        run: bun run build
+        env:
+          NEXT_PUBLIC_DATADOG_ENV: "off"
+
+      - name: Install Chromium for Playwright
+        run: bunx playwright install --with-deps chromium
+
+      # Served with COOP/COEP (multi-threaded core, as in production) and
+      # without (single-threaded core); see playwright.config.ts.
+      - name: Run Playwright
+        run: bunx playwright test
+
+      - name: Upload Playwright report
+        if: failure()
+        uses: actions/upload-artifact@v4
+        with:
+          name: playwright-results
+          path: test-results/
+          retention-days: 7
diff --git a/.gitignore b/.gitignore
index 1d982f0b4..cc717af46 100644
--- a/.gitignore
+++ b/.gitignore
@@ -50,3 +50,10 @@ chromatic.log
 
 # Local Netlify folder
 .netlify
+
+# generated video fixtures (scripts/make-fixtures.sh)
+/test/fixtures/
+
+# playwright
+/test-results/
+/playwright-report/
diff --git a/bun.lock b/bun.lock
index c91ebf99a..ffc20a3a5 100644
--- a/bun.lock
+++ b/bun.lock
@@ -22,6 +22,7 @@
         "wasm-feature-detect": "^1.8.0",
       },
       "devDependencies": {
+        "@playwright/test": "1.64.1",
         "@storybook/addon-a11y": "^10.5.10",
         "@storybook/addon-docs": "^10.5.10",
         "@storybook/addon-themes": "^10.5.10",
@@ -566,6 +567,8 @@
 
     "@oxc-resolver/binding-win32-x64-msvc": ["@oxc-resolver/binding-win32-x64-msvc@11.21.2", "", { "os": "win32", "cpu": "x64" }, "sha512-VPoCAhKvCQTlG7vxqaBXcmuvbh77BfnGXj8g0pbvVXpm1F/R8rDVwqIWcEbMzrI1JvJlm8v7T9uMVQb6UctMRg=="],
 
+    "@playwright/test": ["@playwright/test@1.64.1", "", { "dependencies": { "playwright": "1.64.1" }, "bin": { "playwright": "cli.js" } }, "sha512-IaYGml/nSOiZWROfPtuIL7neuu9qDOZ3TNvNljUIrhDMxiGTgPjzj/g9p9RxpS2tSepPDRY+UwAaEeiKtUvIAg=="],
+
     "@pmmmwh/react-refresh-webpack-plugin": ["@pmmmwh/react-refresh-webpack-plugin@0.5.17", "", { "dependencies": { "ansi-html": "^0.0.9", "core-js-pure": "^3.23.3", "error-stack-parser": "^2.0.6", "html-entities": "^2.1.0", "loader-utils": "^2.0.4", "schema-utils": "^4.2.0", "source-map": "^0.7.3" }, "peerDependencies": { "@types/webpack": "4.x || 5.x", "react-refresh": ">=0.10.0 <1.0.0", "sockjs-client": "^1.4.0", "type-fest": ">=0.17.0 <5.0.0", "webpack": ">=4.43.0 <6.0.0", "webpack-dev-server": "3.x || 4.x || 5.x", "webpack-hot-middleware": "2.x", "webpack-plugin-serve": "0.x || 1.x" }, "optionalPeers": ["@types/webpack", "sockjs-client", "type-fest", "webpack-dev-server", "webpack-hot-middleware", "webpack-plugin-serve"] }, "sha512-tXDyE1/jzFsHXjhRZQ3hMl0IVhYe5qula43LDWIhVfjp9G/nT5OQY5AORVOrkEGAUltBJOfOWeETbmhm6kHhuQ=="],
 
     "@rolldown/binding-android-arm-eabi": ["@rolldown/binding-android-arm-eabi@1.2.6", "", { "os": "android", "cpu": "arm" }, "sha512-b+jTcARdTiFLI6jB4a5XjTm0RWd6KcRfQj/I2356fxUZemiho9zQLxo0RtCuMDAyKcLo6cEltkgbQp6d1+sjjQ=="],
@@ -1626,6 +1629,10 @@
 
     "pkg-dir": ["pkg-dir@7.0.0", "", { "dependencies": { "find-up": "^6.3.0" } }, "sha512-Ie9z/WINcxxLp27BKOCHGde4ITq9UklYKDzVo1nhk5sqGEXU3FpkwP5GM2voTGJkGd9B3Otl+Q4uwSOeSUtOBA=="],
 
+    "playwright": ["playwright@1.64.1", "", { "dependencies": { "playwright-core": "1.64.1" }, "bin": { "playwright": "cli.js" } }, "sha512-HCrVhHr5QQuwYoswEUGTb7gGp522yflbv/ST8nF4sFWGuLjQCt17Q/EubpGGSNKYn1tsTCPZxqHhHCfVURu7UA=="],
+
+    "playwright-core": ["playwright-core@1.64.1", "", { "bin": { "playwright-core": "cli.js" } }, "sha512-BC4s8y6SEVA6Q1rSxZTto8hI1KUI3xXlHGZgvGqP4IqPdI/a6FX9H29IDNz7vKo9l21b6LfYosScPL6M3xxyDQ=="],
+
     "possible-typed-array-names": ["possible-typed-array-names@1.1.0", "", {}, "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg=="],
 
     "postcss": ["postcss@8.5.26", "", { "dependencies": { "nanoid": "^3.3.17", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-u82N74LFzG8ca+dD8puPnplTXoGH4fTPpVGuIbt36G3qvNlkvfD0lEAZSxaly3KX8TS/L1A1gsCEmvKmBcVbkQ=="],
diff --git a/docs/DATADOG.md b/docs/DATADOG.md
index 38f011b21..5bbea22c3 100644
--- a/docs/DATADOG.md
+++ b/docs/DATADOG.md
@@ -44,7 +44,7 @@ its own, so we can see which browser and device combinations fail.
 |---|---|---|
 | `export_started` | Export clicked and settings validated | `format`, `resolution`, `input_size`, `clip_length`, `has_text`, `has_music`, `has_image_overlay`, `is_retry`, `retry_after` (retries only: the previous failure's category) |
 | `export_succeeded` | Terminal | the context above, plus `engine`, `durationMs` (click to done), `encode_ms`, `output_size` |
-| `export_failed` | Terminal | the context, plus `engine`, `durationMs`, `stage` (`engine` / `encode`), `category` |
+| `export_failed` | Terminal | the context, plus `engine`, `durationMs`, `stage` (`engine` / `encode`), `category`, and `stall_reason` for stalls |
 | `export_cancelled` | Terminal: the user cancelled | the context, plus `engine`, `durationMs`, `stage` |
 | `ffmpeg_load_success` | A worker loaded the engine (once per worker) | `engine` (`multi` / `single`, what actually loaded), `engine_requested`, `single_reason` (`not_isolated` / `after_stall` / `mt_load_failed`, single-threaded only), `load_number` (`first` / `repeat`), `durationMs` |
 | `ffmpeg_load_failure` | A worker failed to load (not sent when the user cancelled) | `engine_requested`, `load_number`, `category` (`network` / `integrity` / `wasm` / `worker_script` / `unknown`), `durationMs` |
@@ -68,12 +68,21 @@ as part of the schema.
 | Category | Meaning |
 |---|---|
 | `engine_load` | The engine never became ready (any failure in the `engine` stage) |
-| `timeout` | No progress for 60 s; the next attempt uses the single-threaded engine |
+| `timeout` | The stall watchdog stopped the export (see `stall_reason`); the next attempt uses the single-threaded engine |
 | `unsupported_format` | FFmpeg couldn't decode the input |
 | `out_of_memory` | An allocation failed, or a `RangeError` |
 | `encoder_crash` | A WASM trap in the encoder (`memory access out of bounds`, `unreachable`) |
 | `network` | A network error after the engine started |
 | `encode_error` | Any other FFmpeg failure |
+| `unknown_duration` | The browser couldn't tell how long the clip is (`clip_length: unknown`), and the export then stalled or failed. Usually a live recording with no duration header that the seek-to-end fallback couldn't resolve |
+
+`export_failed.stall_reason` (stalls only):
+
+| Reason | Meaning |
+|---|---|
+| `no_activity` | No heartbeat or log line for 60 s: the engine is wedged (the multi-threaded thread-pool deadlock looked like this) |
+| `no_progress` | FFmpeg kept logging, but the encoded time didn't change for 120 s ("stuck at 100%") |
+| `overrun` | Encoding ran past 1.25 × the expected length + 15 s, for example looped music that never stops |
 
 ### Guarantees (covered by tests)
 
diff --git a/docs/datadog/export-reliability.dashboard.json b/docs/datadog/export-reliability.dashboard.json
index 3ebee75c5..53b2a31b9 100644
--- a/docs/datadog/export-reliability.dashboard.json
+++ b/docs/datadog/export-reliability.dashboard.json
@@ -1,5 +1,5 @@
 {
-  "title": "Reframe — export reliability",
+  "title": "Reframe \u2014 export reliability",
   "description": "Export outcomes from Reframe's browser RUM events (src/lib/exportTelemetry.ts). Success rate = export_succeeded / (export_succeeded + export_failed); cancellations are excluded. Treat groups with few finished exports as noise. Setup and facets: docs/DATADOG.md.",
   "layout_type": "ordered",
   "template_variables": [
@@ -1009,6 +1009,56 @@
           }
         ]
       }
+    },
+    {
+      "definition": {
+        "title": "Stalled exports by reason and engine",
+        "type": "query_table",
+        "requests": [
+          {
+            "response_format": "scalar",
+            "queries": [
+              {
+                "data_source": "rum",
+                "name": "stalled",
+                "indexes": [
+                  "*"
+                ],
+                "compute": {
+                  "aggregation": "count"
+                },
+                "search": {
+                  "query": "@type:action service:reframe $env @action.target.name:export_failed @context.category:(timeout OR unknown_duration)"
+                },
+                "group_by": [
+                  {
+                    "facet": "@context.stall_reason",
+                    "limit": 3,
+                    "sort": {
+                      "aggregation": "count",
+                      "order": "desc"
+                    }
+                  },
+                  {
+                    "facet": "@context.engine",
+                    "limit": 3,
+                    "sort": {
+                      "aggregation": "count",
+                      "order": "desc"
+                    }
+                  }
+                ]
+              }
+            ],
+            "formulas": [
+              {
+                "formula": "stalled",
+                "alias": "Stalled exports"
+              }
+            ]
+          }
+        ]
+      }
     }
   ]
 }
diff --git a/package.json b/package.json
index 8cf6b3057..5037164c9 100644
--- a/package.json
+++ b/package.json
@@ -31,6 +31,7 @@
     "wasm-feature-detect": "^1.8.0"
   },
   "devDependencies": {
+    "@playwright/test": "1.64.1",
     "@storybook/addon-a11y": "^10.5.10",
     "@storybook/addon-docs": "^10.5.10",
     "@storybook/addon-themes": "^10.5.10",
diff --git a/playwright.config.ts b/playwright.config.ts
new file mode 100644
index 000000000..533b7f532
--- /dev/null
+++ b/playwright.config.ts
@@ -0,0 +1,44 @@
+import { defineConfig, devices } from "@playwright/test";
+
+// End-to-end export tests against the production build (out/), served with
+// the same cross-origin isolation headers as Netlify.
+//
+//   scripts/make-fixtures.sh --small
+//   NEXT_PUBLIC_DATADOG_ENV=off bun run build
+//   bunx playwright test
+//
+// Two projects: "multi-threaded" (COOP/COEP set, so @ffmpeg/core-mt loads,
+// as on the live site) and "single-threaded" (no isolation headers).
+export default defineConfig({
+  testDir: "test/e2e",
+  // Each test runs real FFmpeg.wasm encodes; one worker keeps CPU contention
+  // from making timings meaningless.
+  workers: 1,
+  fullyParallel: false,
+  timeout: 240_000,
+  expect: { timeout: 15_000 },
+  retries: process.env.CI ? 1 : 0,
+  reporter: process.env.CI ? [["list"], ["junit", { outputFile: "test-results/e2e-junit.xml" }]] : "list",
+  use: {
+    ...devices["Desktop Chrome"],
+    acceptDownloads: true,
+    trace: "retain-on-failure",
+  },
+  projects: [
+    { name: "multi-threaded", use: { baseURL: "http://127.0.0.1:4173" } },
+    { name: "single-threaded", use: { baseURL: "http://127.0.0.1:4174" } },
+  ],
+  webServer: [
+    {
+      command: "node scripts/serve-isolated.mjs 4173",
+      url: "http://127.0.0.1:4173",
+      reuseExistingServer: !process.env.CI,
+    },
+    {
+      command: "node scripts/serve-isolated.mjs 4174",
+      url: "http://127.0.0.1:4174",
+      env: { ISOLATED: "0" },
+      reuseExistingServer: !process.env.CI,
+    },
+  ],
+});
diff --git a/scripts/make-fixtures.sh b/scripts/make-fixtures.sh
new file mode 100755
index 000000000..495a63284
--- /dev/null
+++ b/scripts/make-fixtures.sh
@@ -0,0 +1,60 @@
+#!/usr/bin/env bash
+# Recreates the video fixtures used by the end-to-end export tests.
+# Output goes to test/fixtures/ (gitignored). Needs the ffmpeg CLI
+# (macOS: `brew install ffmpeg`, Ubuntu: `sudo apt-get install ffmpeg`).
+#
+#   scripts/make-fixtures.sh          # all fixtures
+#   scripts/make-fixtures.sh --small  # everything except the ~300 MB clip
+set -euo pipefail
+
+cd "$(dirname "$0")/.."
+OUT=test/fixtures
+mkdir -p "$OUT"
+
+command -v ffmpeg >/dev/null || { echo "ffmpeg not found; install it first." >&2; exit 1; }
+
+ff() { ffmpeg -hide_banner -loglevel error -y "$@"; }
+
+# A moving test pattern with a tone, so trims, speed changes and audio edits
+# are visible in the output.
+video() { echo "testsrc2=size=$1:rate=30:duration=$2"; }
+tone() { echo "sine=frequency=440:sample_rate=48000:duration=$1"; }
+
+echo "normal.mp4: 1280x720 H.264/AAC, 10 s"
+ff -f lavfi -i "$(video 1280x720 10)" -f lavfi -i "$(tone 10)" \
+  -c:v libx264 -pix_fmt yuv420p -preset veryfast -c:a aac -b:a 128k \
+  -movflags +faststart -shortest "$OUT/normal.mp4"
+
+# Browser screen recordings (MediaRecorder) are written as a live stream: the
+# WebM header has no duration and there are no cues, so <video>.duration is
+# Infinity until the whole file is read. `-live 1` produces the same layout.
+echo "no-duration.webm: 1280x720 VP8/Opus, 6 s, no duration in the container"
+ff -f lavfi -i "$(video 1280x720 6)" -f lavfi -i "$(tone 6)" \
+  -c:v libvpx -b:v 1M -deadline realtime -cpu-used 8 -c:a libopus \
+  -f webm -live 1 -shortest "$OUT/no-duration.webm"
+
+echo "portrait.mp4: 720x1280 H.264/AAC, 6 s"
+ff -f lavfi -i "$(video 720x1280 6)" -f lavfi -i "$(tone 6)" \
+  -c:v libx264 -pix_fmt yuv420p -preset veryfast -c:a aac -b:a 128k \
+  -movflags +faststart -shortest "$OUT/portrait.mp4"
+
+echo "no-audio.mp4: 1280x720 H.264, 6 s, no audio track"
+ff -f lavfi -i "$(video 1280x720 6)" \
+  -c:v libx264 -pix_fmt yuv420p -preset veryfast -an \
+  -movflags +faststart "$OUT/no-audio.mp4"
+
+if [[ "${1:-}" != "--small" ]]; then
+  # Noise defeats compression, so a constant 40 Mb/s for 60 s lands near 300 MB.
+  echo "large.mp4: 1920x1080 H.264/AAC, 60 s, ~300 MB (memory testing)"
+  ff -f lavfi -i "$(video 1920x1080 60),noise=alls=60:allf=t" -f lavfi -i "$(tone 60)" \
+    -c:v libx264 -pix_fmt yuv420p -preset ultrafast \
+    -b:v 40M -minrate 40M -maxrate 40M -bufsize 80M \
+    -c:a aac -b:a 128k -movflags +faststart -shortest "$OUT/large.mp4"
+fi
+
+echo
+for f in "$OUT"/*.{mp4,webm}; do
+  [[ -e "$f" ]] || continue
+  printf '%-28s %8s  duration=%s\n' "$f" "$(du -h "$f" | cut -f1)" \
+    "$(ffprobe -v error -show_entries format=duration -of csv=p=0 "$f")"
+done
diff --git a/scripts/serve-isolated.mjs b/scripts/serve-isolated.mjs
new file mode 100644
index 000000000..0c2a62cae
--- /dev/null
+++ b/scripts/serve-isolated.mjs
@@ -0,0 +1,64 @@
+#!/usr/bin/env node
+// Serves the static export (out/) with the same cross-origin isolation headers
+// as production (netlify.toml), so the multi-threaded FFmpeg core loads exactly
+// as it does on the live site. Used by the Playwright tests.
+//
+//   node scripts/serve-isolated.mjs [port]      (default 4173)
+//   ISOLATED=0 node scripts/serve-isolated.mjs  (no COOP/COEP: single-threaded)
+import { createServer } from "node:http";
+import { readFile, stat } from "node:fs/promises";
+import { extname, join, normalize, resolve } from "node:path";
+
+const root = resolve(process.cwd(), "out");
+const port = Number(process.argv[2] ?? process.env.PORT ?? 4173);
+const isolated = process.env.ISOLATED !== "0";
+
+const TYPES = {
+  ".html": "text/html; charset=utf-8",
+  ".js": "text/javascript; charset=utf-8",
+  ".mjs": "text/javascript; charset=utf-8",
+  ".css": "text/css; charset=utf-8",
+  ".json": "application/json",
+  ".svg": "image/svg+xml",
+  ".png": "image/png",
+  ".jpg": "image/jpeg",
+  ".ico": "image/x-icon",
+  ".webp": "image/webp",
+  ".woff2": "font/woff2",
+  ".wasm": "application/wasm",
+  ".txt": "text/plain; charset=utf-8",
+  ".webmanifest": "application/manifest+json",
+};
+
+async function resolveFile(urlPath) {
+  const clean = normalize(decodeURIComponent(urlPath.split("?")[0])).replace(/^(\.\.[/\\])+/, "");
+  const base = join(root, clean);
+  if (!base.startsWith(root)) return null;
+  for (const candidate of [base, `${base}.html`, join(base, "index.html")]) {
+    try {
+      if ((await stat(candidate)).isFile()) return candidate;
+    } catch {
+      // try the next candidate
+    }
+  }
+  return null;
+}
+
+createServer(async (req, res) => {
+  const headers = { "X-Content-Type-Options": "nosniff" };
+  if (isolated) {
+    headers["Cross-Origin-Opener-Policy"] = "same-origin";
+    headers["Cross-Origin-Embedder-Policy"] = "require-corp";
+  }
+  const file = await resolveFile(req.url ?? "/");
+  if (!file) {
+    const notFound = await resolveFile("/404");
+    res.writeHead(404, { ...headers, "Content-Type": TYPES[".html"] });
+    res.end(notFound ? await readFile(notFound) : "Not found");
+    return;
+  }
+  res.writeHead(200, { ...headers, "Content-Type": TYPES[extname(file)] ?? "application/octet-stream" });
+  res.end(await readFile(file));
+}).listen(port, "127.0.0.1", () => {
+  console.log(`Serving out/ on http://127.0.0.1:${port} (cross-origin isolated: ${isolated})`);
+});
diff --git a/src/hooks/tests/useVideoEditor.test.ts b/src/hooks/tests/useVideoEditor.test.ts
index 8e164d314..e8465d046 100644
--- a/src/hooks/tests/useVideoEditor.test.ts
+++ b/src/hooks/tests/useVideoEditor.test.ts
@@ -10,6 +10,7 @@ vi.mock("@/lib/ffmpeg", () => ({
   terminateFFmpeg: vi.fn(),
   getEngineMode: vi.fn(() => null),
   FFmpegLoadError: class extends Error {},
+  ExportStalledError: class extends Error {},
 }));
 
 vi.mock("@/lib/sessionDB", () => ({
diff --git a/src/hooks/tests/useVideoEditorProject.test.ts b/src/hooks/tests/useVideoEditorProject.test.ts
index c0b2c0e9a..c3edea682 100644
--- a/src/hooks/tests/useVideoEditorProject.test.ts
+++ b/src/hooks/tests/useVideoEditorProject.test.ts
@@ -20,6 +20,7 @@ vi.mock("@/lib/ffmpeg", () => ({
   getEngineMode: vi.fn(() => "multi"),
   formatBytes: (n: number) => `${n} B`,
   FFmpegLoadError: class extends Error {},
+  ExportStalledError: class extends Error {},
 }));
 
 vi.mock("@/lib/sessionDB", () => ({
diff --git a/src/hooks/useVideoEditor.ts b/src/hooks/useVideoEditor.ts
index 020d334a8..f78dd43a3 100644
--- a/src/hooks/useVideoEditor.ts
+++ b/src/hooks/useVideoEditor.ts
@@ -30,7 +30,14 @@ import {
 } from "@/lib/project";
 import { DEFAULT_RECIPE, SPEED_STEPS } from "@/lib/constants";
 import { getPresetById } from "@/lib/presets";
-import { loadFFmpeg, exportVideo, terminateFFmpeg, getEngineMode, FFmpegLoadError } from "@/lib/ffmpeg";
+import {
+  loadFFmpeg,
+  exportVideo,
+  terminateFFmpeg,
+  getEngineMode,
+  FFmpegLoadError,
+  ExportStalledError,
+} from "@/lib/ffmpeg";
 import {
   addTelemetryRedaction,
   durationBucket,
@@ -62,6 +69,7 @@ import {
   EDITOR_STATE_KEY,
 } from "@/lib/editorPersistence";
 import { saveSessionFile, loadSessionFile, clearSessionFile } from "@/lib/sessionDB";
+import { resolveDuration } from "@/lib/mediaDuration";
 
 const DEFAULT_TITLE = "Reframe — Resize, trim, and export videos in your browser";
 const PROJECT_SAVE_DELAY_MS = 500;
@@ -130,12 +138,14 @@ export function extractMetadata(
     }, 5000);
 
     video.preload = "metadata";
-    video.onloadedmetadata = () => {
+    video.onloadedmetadata = async () => {
       clearTimeout(timeout);
+      // Screen recordings report an Infinity duration until read to the end.
+      const duration = await resolveDuration(video);
       resolve({
         width: video.videoWidth,
         height: video.videoHeight,
-        duration: isFinite(video.duration) ? video.duration : 0,
+        duration,
       });
       URL.revokeObjectURL(url);
     };
@@ -775,7 +785,8 @@ export function useVideoEditor() {
       // Reported above as export_failed; the prefix keeps RUM's automatic
       // console-error collection from reporting it a second time.
       console.error(`${HANDLED_ERROR_PREFIX} export failed:`, err);
-      if (err instanceof FFmpegLoadError) {
+      if (err instanceof FFmpegLoadError || err instanceof ExportStalledError) {
+        // Both messages say what happened and what to do next.
         setError(err.message);
       } else if (err instanceof Error && err.message.includes("network")) {
         setError("Network error. Check your internet connection and try again.");
diff --git a/src/lib/exportTelemetry.ts b/src/lib/exportTelemetry.ts
index 497712492..56ea5b3c0 100644
--- a/src/lib/exportTelemetry.ts
+++ b/src/lib/exportTelemetry.ts
@@ -20,7 +20,14 @@ export type ExportFailureCategory =
   | "out_of_memory"
   | "encoder_crash"
   | "network"
-  | "encode_error";
+  | "encode_error"
+  // The browser couldn't tell how long the clip is, and the export then
+  // stalled or failed. Usually a live recording with no duration header.
+  | "unknown_duration";
+
+/** Which watchdog rule stopped a stalled export (see ExportStalledError). */
+export type StallReason = "no_activity" | "no_progress" | "overrun";
+const STALL_REASONS: readonly StallReason[] = ["no_activity", "no_progress", "overrun"];
 
 export type EngineLoadFailureCategory = "network" | "integrity" | "wasm" | "worker_script" | "unknown";
 
@@ -144,8 +151,22 @@ export class ExportAttempt {
       return null;
     }
     this.outcome = "failed";
-    const category = exportFailureCategory(err, this.stage);
-    trackAction("export_failed", { ...this.common(), stage: this.stage, category });
+    let category = exportFailureCategory(err, this.stage);
+    if (
+      this.context.clip_length === "unknown" &&
+      this.stage === "encode" &&
+      (category === "timeout" || category === "encode_error")
+    ) {
+      category = "unknown_duration";
+    }
+    const reason = (err as { reason?: unknown } | null)?.reason;
+    const stallReason = STALL_REASONS.find((r) => r === reason);
+    trackAction("export_failed", {
+      ...this.common(),
+      stage: this.stage,
+      category,
+      ...(stallReason ? { stall_reason: stallReason } : {}),
+    });
     return category;
   }
 
diff --git a/src/lib/ffmpeg.ts b/src/lib/ffmpeg.ts
index 7eb543615..350872a71 100644
--- a/src/lib/ffmpeg.ts
+++ b/src/lib/ffmpeg.ts
@@ -1,7 +1,8 @@
 import { EditRecipe, ExportResult, BackgroundMusicOptions, ImageOverlayOptions, MAX_FILE_SIZE } from "./types";
 import { trackTiming } from "./telemetry";
-import { startEngineLoad } from "./exportTelemetry";
-import type { EngineMode } from "./ffmpegArgs";
+import { startEngineLoad, type StallReason } from "./exportTelemetry";
+import { expectedOutputSeconds, isUsableDuration, type EngineMode } from "./ffmpegArgs";
+import { resolveDuration } from "./mediaDuration";
 
 // The command line itself is built in ffmpegArgs.ts and run by the worker.
 export { buildVideoFilter, buildAudioFilter } from "./ffmpegArgs";
@@ -14,11 +15,31 @@ export class FFmpegLoadError extends Error {
   }
 }
 
-/** The engine stopped reporting activity mid-export (see STALL_TIMEOUT_MS). */
+/**
+ * Why the watchdog gave up on an export:
+ *   - no_activity: the engine went silent (the multi-threaded deadlock);
+ *   - no_progress: FFmpeg kept logging but encoded nothing new;
+ *   - overrun: it encoded well past the length the export should have.
+ */
+export type { StallReason };
+
+const STALL_MESSAGES: Record<StallReason, string> = {
+  no_activity: "The export stopped responding.",
+  no_progress: "The export stopped making progress.",
+  overrun: "The export kept running past the end of the video.",
+};
+
+/** The watchdog stopped an export that wasn't going to finish. */
 export class ExportStalledError extends Error {
   name = "ExportStalledError";
-  constructor(readonly mode: EngineMode) {
-    super("Export stopped responding");
+  constructor(
+    readonly mode: EngineMode,
+    readonly reason: StallReason = "no_activity"
+  ) {
+    super(
+      `${STALL_MESSAGES[reason]} Press Retry to try again` +
+        (mode === "multi" ? " with the single-threaded engine, which is slower but more reliable." : ".")
+    );
   }
 }
 
@@ -30,6 +51,19 @@ export class ExportStalledError extends Error {
  */
 export const STALL_TIMEOUT_MS = 60_000;
 
+/**
+ * FFmpeg can keep printing log lines while encoding nothing (for example a
+ * filter that never gets input). Two minutes without a new encoded second
+ * means it won't finish. Long enough for the slowest legitimate gap: the GIF
+ * palette pass and muxing a large file at the end.
+ */
+export const NO_PROGRESS_TIMEOUT_MS = 120_000;
+
+/** How far past the expected length encoding may run before it's an overrun. */
+export function overrunLimitSeconds(expectedSeconds: number): number {
+  return expectedSeconds * 1.25 + 15;
+}
+
 
 type SerializedFile = {
   name: string;
@@ -51,7 +85,7 @@ type WorkerExportRequest = {
 
 type WorkerLoadResponse = { type: "ready"; mode: EngineMode };
 type WorkerHeartbeatResponse = { type: "heartbeat" };
-type WorkerProgressResponse = { type: "progress"; percent: number };
+type WorkerProgressResponse = { type: "progress"; percent: number; outputSeconds?: number };
 type WorkerResultResponse = {
   type: "result";
   id: string;
@@ -83,8 +117,11 @@ let pendingExport: {
   reject: (reason: unknown) => void;
 } | null = null;
 let pendingProgress: ((percent: number) => void) | null = null;
-/** Called on any sign of life from the worker during an export. */
-let pendingActivity: (() => void) | null = null;
+/**
+ * Called on any sign of life from the worker during an export, with the
+ * encoded output time when the worker reports it.
+ */
+let pendingActivity: ((outputSeconds?: number) => void) | null = null;
 /** The core the current worker loaded, once it is ready. */
 let engineMode: EngineMode | null = null;
 /**
@@ -173,7 +210,7 @@ function handleWorkerMessage(event: MessageEvent<WorkerResponse>) {
   }
 
   if (data.type === "progress") {
-    pendingActivity?.();
+    pendingActivity?.(data.outputSeconds);
     pendingProgress?.(data.percent);
     return;
   }
@@ -377,18 +414,39 @@ export async function exportVideo(
   };
   signal?.addEventListener("abort", onAbort, { once: true });
 
+  const videoDuration = isUsableDuration(knownDuration) ? knownDuration : await getVideoDuration(file);
+  const expectedSeconds = expectedOutputSeconds(recipe, videoDuration);
+
   const mode = engineMode ?? "single";
   let lastActivity = Date.now();
-  pendingActivity = () => {
-    lastActivity = Date.now();
+  let lastAdvance = Date.now();
+  let encodedSeconds = -1;
+  let overrun = false;
+  pendingActivity = (outputSeconds) => {
+    const now = Date.now();
+    lastActivity = now;
+    if (outputSeconds === undefined || outputSeconds === encodedSeconds) return;
+    // Any change counts: the GIF export restarts its clock for the second pass.
+    encodedSeconds = outputSeconds;
+    lastAdvance = now;
+    if (expectedSeconds !== null && outputSeconds > overrunLimitSeconds(expectedSeconds)) overrun = true;
   };
   const watchdog = setInterval(() => {
-    if (Date.now() - lastActivity < STALL_TIMEOUT_MS) return;
+    const now = Date.now();
+    const reason: StallReason | null = overrun
+      ? "overrun"
+      : now - lastActivity >= STALL_TIMEOUT_MS
+        ? "no_activity"
+        : // Only once the worker reports encoded time; without it, activity is all we know.
+          encodedSeconds >= 0 && now - lastAdvance >= NO_PROGRESS_TIMEOUT_MS
+          ? "no_progress"
+          : null;
+    if (!reason) return;
     clearInterval(watchdog);
     if (mode === "multi") preferSingleThread = true;
-    const stalled = new ExportStalledError(mode);
-    cancelPendingExport(stalled);
-    // The worker is wedged and can't be told to stop; discard it.
+    cancelPendingExport(new ExportStalledError(mode, reason));
+    // A wedged worker can't be told to stop; discard it (this also frees its
+    // memory, including the files in FFmpeg's virtual filesystem).
     resetWorker();
   }, 5_000);
 
@@ -402,10 +460,7 @@ export async function exportVideo(
       id: sessionId,
       file: filePayload,
       recipe,
-      videoDuration:
-        knownDuration && Number.isFinite(knownDuration) && knownDuration > 0
-          ? knownDuration
-          : await getVideoDuration(file),
+      videoDuration,
       musicFile: musicFilePayload,
       musicOptions: sanitizedMusicOptions,
       overlayFile: overlayFilePayload,
@@ -436,7 +491,11 @@ async function getVideoDuration(file: File): Promise<number> {
     // 0 makes the worker omit -t, so a stalled metadata read degrades safely.
     const timer = setTimeout(() => finish(0), 5000);
     video.preload = "metadata";
-    video.onloadedmetadata = () => finish(video.duration);
+    video.onloadedmetadata = () => {
+      clearTimeout(timer);
+      // Live-recorded files need a seek before the browser knows their length.
+      void resolveDuration(video).then(finish);
+    };
     video.onerror = () => finish(0);
     video.src = url;
   });
diff --git a/src/lib/ffmpeg.worker.ts b/src/lib/ffmpeg.worker.ts
index 72ed5ee5e..cd32fe559 100644
--- a/src/lib/ffmpeg.worker.ts
+++ b/src/lib/ffmpeg.worker.ts
@@ -2,7 +2,13 @@ import { FFmpeg } from "@ffmpeg/ffmpeg";
 import { toBlobURL } from "@ffmpeg/util";
 import { EditRecipe, BackgroundMusicOptions, ImageOverlayOptions } from "./types";
 import { getPresetById } from "./presets";
-import { buildArguments, buildGifArguments, resolveThreadCount, type EngineMode } from "./ffmpegArgs";
+import {
+  buildArguments,
+  buildGifArguments,
+  expectedOutputSeconds,
+  resolveThreadCount,
+  type EngineMode,
+} from "./ffmpegArgs";
 
 const CORE_BASE_URL = "https://cdn.jsdelivr.net/npm/@ffmpeg/core@0.12.10/dist/umd";
 // MT core aligned to the same version and distribution format as CORE_BASE_URL.
@@ -58,7 +64,11 @@ type TerminateRequest = { type: "terminate" };
 
 type WorkerCommand = LoadRequest | ExportRequest | CancelRequest | TerminateRequest;
 
-type ProgressPayload = { type: "progress"; percent: number };
+/**
+ * `outputSeconds`: how much output has been encoded, so the client can tell an
+ * export that is advancing from one that is stuck or running past its end.
+ */
+type ProgressPayload = { type: "progress"; percent: number; outputSeconds?: number };
 
 type ReadyPayload = { type: "ready"; mode: EngineMode };
 
@@ -238,16 +248,30 @@ async function runExport(request: ExportRequest): Promise<ResultPayload> {
   const threads = resolveThreadCount(engineMode, self.navigator?.hardwareConcurrency);
   const signal = activeExportAbortController?.signal;
 
-  // FFmpeg emits progress per frame; post only when the whole percentage
-  // changes so the main thread isn't flooded with identical updates.
+  // FFmpeg's own `progress` divides by the duration in the file header, which
+  // live-recorded files (MediaRecorder) don't have. Prefer encoded time over
+  // the length we expect, which also accounts for trim and speed.
+  const expectedSeconds = expectedOutputSeconds(recipe, videoDuration);
+  // FFmpeg emits progress per frame; post only when the whole percentage or
+  // the encoded second changes so the main thread isn't flooded.
   let lastPercent = -1;
-  const handleProgress = ({ progress }: { progress: number }) => {
+  let lastSecond = -1;
+  const handleProgress = ({ progress, time }: { progress: number; time?: number }) => {
     if (activeExportId !== sessionId) return;
     heartbeat();
-    const percent = Math.max(0, Math.min(99, Math.round(progress * 100)));
-    if (percent === lastPercent) return;
+    const outputSeconds = typeof time === "number" && Number.isFinite(time) && time > 0 ? time / 1e6 : undefined;
+    const fraction =
+      expectedSeconds !== null && outputSeconds !== undefined
+        ? outputSeconds / expectedSeconds
+        : Number.isFinite(progress)
+          ? progress
+          : 0;
+    const percent = Math.max(0, Math.min(99, Math.round(fraction * 100)));
+    const second = outputSeconds === undefined ? -1 : Math.floor(outputSeconds);
+    if (percent === lastPercent && second === lastSecond) return;
     lastPercent = percent;
-    postMessage({ type: "progress", percent });
+    lastSecond = second;
+    postMessage({ type: "progress", percent, outputSeconds });
   };
 
   // FFmpeg prints a stats line about twice a second while it works, so log
diff --git a/src/lib/ffmpegArgs.ts b/src/lib/ffmpegArgs.ts
index 09f623a51..1b699669d 100644
--- a/src/lib/ffmpegArgs.ts
+++ b/src/lib/ffmpegArgs.ts
@@ -49,16 +49,62 @@ function outputThreadArgs(threads: number, hasFilterComplex: boolean): string[]
 /**
  * Explicit output duration. Stops encoder flush overshoot and, with looped
  * background music (`-stream_loop -1`) on a silent video, an export that
- * never ends. Omitted when the duration is unknown (metadata read failed):
- * `-t 0` would produce an empty file.
+ * never ends. Omitted when the duration is unknown (metadata read failed, or
+ * a live-recorded file whose header has none): `-t 0` would produce an empty
+ * file, and `-t Infinity` / `-t NaN` are invalid.
  */
 export function outputDurationArgs(recipe: EditRecipe, videoDuration: number): string[] {
-  const sourceDuration = (recipe.trimEnd ?? videoDuration) - recipe.trimStart;
-  if (!(sourceDuration > 0) || !(recipe.speed > 0)) return [];
-  return ["-t", (sourceDuration / recipe.speed).toFixed(6)];
+  const seconds = expectedOutputSeconds(recipe, videoDuration);
+  return seconds === null ? [] : ["-t", seconds.toFixed(6)];
 }
 
-export function buildVideoFilter(recipe: EditRecipe, targetW: number, targetH: number): string {
+/** A usable duration in seconds: finite and positive. */
+export function isUsableDuration(seconds: unknown): seconds is number {
+  return typeof seconds === "number" && Number.isFinite(seconds) && seconds > 0;
+}
+
+/**
+ * Length of the exported video in seconds, or null when it can't be known
+ * (no usable source duration and no trim end, or an invalid speed).
+ */
+export function expectedOutputSeconds(recipe: EditRecipe, videoDuration: number): number | null {
+  if (!isUsableDuration(recipe.speed)) return null;
+  const end = recipe.trimEnd ?? videoDuration;
+  if (!isUsableDuration(end)) return null;
+  const start = Number.isFinite(recipe.trimStart) && recipe.trimStart > 0 ? recipe.trimStart : 0;
+  const seconds = (end - start) / recipe.speed;
+  return isUsableDuration(seconds) ? seconds : null;
+}
+
+/**
+ * The recipe with every time value FFmpeg will see made valid: a non-finite
+ * or negative trim start becomes 0, a trim end that isn't finite or isn't
+ * after the start becomes "to the end of the stream", and an unusable speed
+ * becomes 1. The editor shouldn't produce these, but a bad value would
+ * otherwise reach FFmpeg as "Infinity" or "NaN".
+ */
+export function withSafeTimes(recipe: EditRecipe): EditRecipe {
+  const trimStart = Number.isFinite(recipe.trimStart) && recipe.trimStart > 0 ? recipe.trimStart : 0;
+  const trimEnd =
+    recipe.trimEnd !== null && Number.isFinite(recipe.trimEnd) && recipe.trimEnd > trimStart
+      ? recipe.trimEnd
+      : null;
+  const speed = isUsableDuration(recipe.speed) ? recipe.speed : 1;
+  if (trimStart === recipe.trimStart && trimEnd === recipe.trimEnd && speed === recipe.speed) return recipe;
+  return { ...recipe, trimStart, trimEnd, speed };
+}
+
+/** Throws if any argument carries a non-finite number. Last line of defence. */
+export function assertFiniteArgs(args: string[]): string[] {
+  const bad = args.find((arg) => /(^|[^a-z])(-?Infinity|NaN)([^a-z]|$)/.test(arg));
+  if (bad !== undefined) {
+    throw new Error(`Invalid export settings: a time value is not a number (${bad.slice(0, 80)})`);
+  }
+  return args;
+}
+
+export function buildVideoFilter(input: EditRecipe, targetW: number, targetH: number): string {
+  const recipe = withSafeTimes(input);
   const filters: string[] = [];
 
   if (recipe.trimStart > 0 || recipe.trimEnd !== null) {
@@ -132,8 +178,8 @@ export function buildVideoFilter(recipe: EditRecipe, targetW: number, targetH: n
   return filters.join(",");
 }
 
-export function buildAudioFilter(recipe: EditRecipe): string {
-  if (recipe.speed <= 0) return "";
+export function buildAudioFilter(input: EditRecipe): string {
+  const recipe = withSafeTimes(input);
   const filters: string[] = [];
 
   let remaining = recipe.speed;
@@ -160,7 +206,8 @@ export function buildAudioFilter(recipe: EditRecipe): string {
   return filters.join(",");
 }
 
-export function buildAudioTrimFilter(recipe: EditRecipe): string {
+export function buildAudioTrimFilter(input: EditRecipe): string {
+  const recipe = withSafeTimes(input);
   if (recipe.trimStart === 0 && recipe.trimEnd === null) return "";
   let trimFilter = `atrim=start=${recipe.trimStart}`;
   if (recipe.trimEnd !== null) {
@@ -192,7 +239,7 @@ export interface ExportArgsOptions {
 }
 
 export function buildArguments({
-  recipe,
+  recipe: input,
   format,
   inputName,
   outputName,
@@ -204,6 +251,7 @@ export function buildArguments({
   overlay,
   threads,
 }: ExportArgsOptions): string[] {
+  const recipe = withSafeTimes(input);
   const vf = buildVideoFilter(recipe, targetW, targetH);
   const audioTrim = hasOriginalAudio ? buildAudioTrimFilter(recipe) : "";
   const audioSpeed = hasOriginalAudio ? buildAudioFilter(recipe) : "";
@@ -313,9 +361,13 @@ export function buildArguments({
   }
 
   args.push(...outputThreadArgs(threads, usesFilterComplex));
-  args.push(...outputDurationArgs(recipe, videoDuration));
+  const durationArgs = outputDurationArgs(recipe, videoDuration);
+  args.push(...durationArgs);
+  // Without -t, looped music (-stream_loop -1) never ends: stop at the end
+  // of the shortest stream, which is the video.
+  if (durationArgs.length === 0 && music?.options.loopMusic) args.push("-shortest");
   args.push(outputName);
-  return args;
+  return assertFiniteArgs(args);
 }
 
 export interface GifArgsOptions {
@@ -331,7 +383,7 @@ export interface GifArgsOptions {
 
 /** Two-pass GIF: palettegen, then paletteuse. */
 export function buildGifArguments({
-  recipe,
+  recipe: input,
   inputName,
   paletteName,
   outputName,
@@ -340,6 +392,7 @@ export function buildGifArguments({
   videoDuration,
   threads,
 }: GifArgsOptions): { palette: string[]; render: string[] } {
+  const recipe = withSafeTimes(input);
   const vf = buildVideoFilter(recipe, targetW, targetH);
   const vfWithPalette = vf ? `${vf},palettegen` : "palettegen";
   const vfWithPaletteUse = vf ? `[0:v]${vf}[x];[x][1:v]paletteuse` : "[0:v][1:v]paletteuse";
@@ -348,17 +401,17 @@ export function buildGifArguments({
   const durationArgs = recipe.speed !== 1 ? outputDurationArgs(recipe, videoDuration) : [];
 
   return {
-    palette: [
+    palette: assertFiniteArgs([
       ...inputThreadArgs(threads), "-i", inputName,
       "-vf", vfWithPalette,
       ...durationArgs, ...outputThreadArgs(threads, false),
       "-y", paletteName,
-    ],
-    render: [
+    ]),
+    render: assertFiniteArgs([
       ...inputThreadArgs(threads), "-i", inputName, "-i", paletteName,
       "-lavfi", vfWithPaletteUse,
       ...durationArgs, ...outputThreadArgs(threads, true),
       "-y", outputName,
-    ],
+    ]),
   };
 }
diff --git a/src/lib/mediaDuration.ts b/src/lib/mediaDuration.ts
new file mode 100644
index 000000000..557f6d000
--- /dev/null
+++ b/src/lib/mediaDuration.ts
@@ -0,0 +1,45 @@
+import { isUsableDuration } from "./ffmpegArgs";
+
+/**
+ * The duration of a video element whose metadata has loaded, in seconds, or 0
+ * when it can't be found.
+ *
+ * Files recorded live (MediaRecorder, so most browser screen recordings) have
+ * no duration in their header, and the browser reports Infinity until it has
+ * read to the end. Seeking far past the end makes it find the real duration.
+ * The element is left at time 0.
+ */
+export function resolveDuration(video: HTMLVideoElement, timeoutMs = 4000): Promise<number> {
+  if (isUsableDuration(video.duration)) return Promise.resolve(video.duration);
+  if (video.duration !== Infinity) return Promise.resolve(0);
+
+  return new Promise((resolve) => {
+    let settled = false;
+    const finish = (value: number) => {
+      if (settled) return;
+      settled = true;
+      clearTimeout(timer);
+      video.removeEventListener("durationchange", check);
+      video.removeEventListener("timeupdate", check);
+      video.removeEventListener("seeked", check);
+      try {
+        video.currentTime = 0;
+      } catch {
+        // the element may already be detached
+      }
+      resolve(value);
+    };
+    const check = () => {
+      if (isUsableDuration(video.duration)) finish(video.duration);
+    };
+    const timer = setTimeout(() => finish(0), timeoutMs);
+    video.addEventListener("durationchange", check);
+    video.addEventListener("timeupdate", check);
+    video.addEventListener("seeked", check);
+    try {
+      video.currentTime = Number.MAX_SAFE_INTEGER;
+    } catch {
+      finish(0);
+    }
+  });
+}
diff --git a/src/lib/tests/exportTelemetry.test.ts b/src/lib/tests/exportTelemetry.test.ts
index 52916ac3c..824dd5a7e 100644
--- a/src/lib/tests/exportTelemetry.test.ts
+++ b/src/lib/tests/exportTelemetry.test.ts
@@ -8,15 +8,7 @@ import {
   type ExportContext,
 } from "../exportTelemetry";
 import { HANDLED_ERROR_PREFIX, registerRum, resetTelemetryForTests, sanitizeRumEvent } from "../telemetry";
-import { FFmpegLoadError } from "../ffmpeg";
-
-// main has no stall watchdog yet; an error with its name must still map to "timeout".
-class ExportStalledError extends Error {
-  name = "ExportStalledError";
-  constructor(readonly mode: "multi" | "single") {
-    super("Export stopped responding");
-  }
-}
+import { ExportStalledError, FFmpegLoadError } from "../ffmpeg";
 import type { DatadogRum } from "@datadog/browser-rum";
 
 const context: ExportContext = {
@@ -43,6 +35,7 @@ const ALLOWED_KEYS = new Set([
   "category",
   "load_number",
   "single_reason",
+  "stall_reason",
 ]);
 
 let rum: { addAction: ReturnType<typeof vi.fn>; addDurationVital: ReturnType<typeof vi.fn> };
@@ -106,6 +99,31 @@ describe("export attempt outcomes", () => {
     expect(events()[1]!.ctx).toMatchObject({ stage: "encode", category: "encode_error" });
   });
 
+  it("reports which watchdog rule stopped a stalled export", () => {
+    const attempt = new ExportAttempt(context);
+    attempt.encoding("multi");
+    expect(attempt.failed(new ExportStalledError("multi", "no_progress"))).toBe("timeout");
+    expect(events()[1]!.ctx).toMatchObject({ category: "timeout", stall_reason: "no_progress" });
+  });
+
+  it("a clip of unknown length that stalls or fails is reported as unknown_duration", () => {
+    const unknown = { ...context, clip_length: "unknown" };
+    const stalled = new ExportAttempt(unknown);
+    stalled.encoding("multi");
+    expect(stalled.failed(new ExportStalledError("multi", "overrun"))).toBe("unknown_duration");
+    expect(events()[1]!.ctx).toMatchObject({ category: "unknown_duration", stall_reason: "overrun" });
+
+    const failed = new ExportAttempt(unknown);
+    failed.encoding("single");
+    expect(failed.failed(new Error("ffmpeg exited with code 1"))).toBe("unknown_duration");
+
+    // Failures with a clearer cause keep it, and the engine stage is never this.
+    const oom = new ExportAttempt(unknown);
+    oom.encoding("single");
+    expect(oom.failed(new RangeError("Array buffer allocation failed"))).toBe("out_of_memory");
+    expect(new ExportAttempt(unknown).failed(new FFmpegLoadError("Failed to fetch"))).toBe("engine_load");
+  });
+
   it("marks retries, and whether the retry recovered", () => {
     new ExportAttempt(context, "timeout").succeeded("<25MB");
     expect(events()[0]!.ctx).toMatchObject({ is_retry: true, retry_after: "timeout" });
diff --git a/src/lib/tests/ffmpegArgs.test.ts b/src/lib/tests/ffmpegArgs.test.ts
index d354ddc59..11a231b64 100644
--- a/src/lib/tests/ffmpegArgs.test.ts
+++ b/src/lib/tests/ffmpegArgs.test.ts
@@ -3,6 +3,10 @@ import {
   buildArguments,
   buildGifArguments,
   outputDurationArgs,
+  expectedOutputSeconds,
+  withSafeTimes,
+  assertFiniteArgs,
+  buildAudioFilter,
   resolveThreadCount,
   MT_THREAD_CAP,
   type ExportArgsOptions,
@@ -167,3 +171,87 @@ describe("outputDurationArgs", () => {
     expect(outputDurationArgs(recipe({ speed: 0 }), 6)).toEqual([]);
   });
 });
+
+describe("time values never reach FFmpeg as Infinity or NaN", () => {
+  const BAD = [Infinity, -Infinity, NaN];
+  const music = {
+    inputName: "music.mp3",
+    options: { file: null, musicVolume: 50, originalAudioVolume: 100, loopMusic: true },
+  } as unknown as ExportArgsOptions["music"];
+
+  it("expectedOutputSeconds only returns finite, positive lengths", () => {
+    expect(expectedOutputSeconds(recipe(), 10)).toBe(10);
+    expect(expectedOutputSeconds(recipe({ trimStart: 2, trimEnd: 8, speed: 2 }), 10)).toBe(3);
+    for (const bad of [...BAD, 0, -5]) {
+      expect(expectedOutputSeconds(recipe(), bad)).toBeNull();
+      expect(expectedOutputSeconds(recipe({ speed: bad }), 10)).toBeNull();
+    }
+    // A trim end still bounds the clip when the file's own duration is unknown.
+    expect(expectedOutputSeconds(recipe({ trimEnd: 4 }), Infinity)).toBe(4);
+  });
+
+  it("omits -t when the duration is unknown, at any speed", () => {
+    for (const bad of [...BAD, 0]) {
+      for (const speed of [0.5, 1, 2]) {
+        expect(outputDurationArgs(recipe({ speed }), bad)).toEqual([]);
+        expect(buildArguments(opts({ recipe: recipe({ speed }), videoDuration: bad }))).not.toContain("-t");
+      }
+    }
+  });
+
+  it("stops looped music at the end of the video when there's no -t", () => {
+    const args = buildArguments(opts({ videoDuration: Infinity, music }));
+    expect(args).toContain("-stream_loop");
+    expect(args).toContain("-shortest");
+    expect(args).not.toContain("-t");
+    // With a known length, -t bounds it instead.
+    expect(buildArguments(opts({ videoDuration: 6, music }))).not.toContain("-shortest");
+  });
+
+  it("repairs invalid trim and speed values instead of passing them on", () => {
+    const fixed = withSafeTimes(recipe({ trimStart: NaN, trimEnd: Infinity, speed: Infinity }));
+    expect(fixed).toMatchObject({ trimStart: 0, trimEnd: null, speed: 1 });
+    expect(withSafeTimes(recipe({ trimStart: 5, trimEnd: 3 })).trimEnd).toBeNull();
+    const ok = recipe({ trimStart: 1, trimEnd: 4, speed: 1.5 });
+    expect(withSafeTimes(ok)).toBe(ok);
+  });
+
+  it("an infinite speed doesn't hang the audio filter builder", () => {
+    expect(buildAudioFilter(recipe({ speed: Infinity }))).not.toMatch(/Infinity|NaN/);
+    expect(buildAudioFilter(recipe({ speed: NaN }))).not.toMatch(/Infinity|NaN/);
+  });
+
+  it("no combination of bad values produces a non-finite argument", () => {
+    const values = [...BAD, 0, -1, 2.5];
+    for (const trimStart of values)
+      for (const trimEnd of [...values, null])
+        for (const speed of values)
+          for (const videoDuration of values) {
+            const r = recipe({ trimStart, trimEnd, speed });
+            const all = [
+              ...buildArguments(opts({ recipe: r, videoDuration })),
+              ...buildArguments(opts({ recipe: r, videoDuration, format: "webm", music })),
+              ...Object.values(
+                buildGifArguments({
+                  recipe: r,
+                  inputName: "in.mp4",
+                  paletteName: "p.png",
+                  outputName: "out.gif",
+                  targetW: 480,
+                  targetH: 270,
+                  videoDuration,
+                  threads: 4,
+                })
+              ).flat(),
+            ];
+            for (const arg of all) expect(arg, JSON.stringify({ trimStart, trimEnd, speed, videoDuration })).not.toMatch(/Infinity|NaN/);
+          }
+  });
+
+  it("assertFiniteArgs rejects a non-finite argument with a clear error", () => {
+    expect(() => assertFiniteArgs(["-t", "Infinity"])).toThrow(/time value is not a number/);
+    expect(() => assertFiniteArgs(["-vf", "trim=start=NaN"])).toThrow();
+    // Words that merely contain the letters are fine.
+    expect(assertFiniteArgs(["-i", "Nanaimo.mp4", "-metadata", "title=Infinityband"])).toHaveLength(4);
+  });
+});
diff --git a/src/lib/tests/ffmpegClient.test.ts b/src/lib/tests/ffmpegClient.test.ts
index 5cc3c2cda..45434b9b9 100644
--- a/src/lib/tests/ffmpegClient.test.ts
+++ b/src/lib/tests/ffmpegClient.test.ts
@@ -10,6 +10,8 @@ import {
   FFmpegLoadError,
   ExportStalledError,
   STALL_TIMEOUT_MS,
+  NO_PROGRESS_TIMEOUT_MS,
+  overrunLimitSeconds,
 } from "../ffmpeg";
 import { DEFAULT_RECIPE } from "../constants";
 
@@ -233,5 +235,103 @@ describe("FFmpeg client lifecycle", () => {
     await expect(run()).resolves.toMatchObject({ format: "mp4" });
     expect(workers[1]!.posted.find((m) => m.type === "load")).toMatchObject({ singleThread: true });
   });
+
+  it("a stall's message says what happened and to press Retry", async () => {
+    vi.useFakeTimers();
+    script.onLoad = (w) => w.emit({ type: "ready", mode: "multi" });
+    script.onExport = () => {};
+    const pending = run();
+    const assertion = expect(pending).rejects.toMatchObject({
+      reason: "no_activity",
+      message: expect.stringMatching(/stopped responding.*Retry.*single-threaded/),
+    });
+    await vi.advanceTimersByTimeAsync(STALL_TIMEOUT_MS + 5_000);
+    await assertion;
+  });
+
+  it("fails an export that keeps logging but encodes nothing new (stuck at 100%)", async () => {
+    vi.useFakeTimers();
+    let worker!: FakeWorker;
+    script.onExport = (w) => {
+      worker = w;
+      w.emit({ type: "progress", percent: 99, outputSeconds: 5.9 });
+    };
+    const pending = run();
+    const assertion = expect(pending).rejects.toMatchObject({ name: "ExportStalledError", reason: "no_progress" });
+    for (let t = 0; t <= NO_PROGRESS_TIMEOUT_MS; t += 10_000) {
+      await vi.advanceTimersByTimeAsync(10_000);
+      worker?.emit({ type: "heartbeat" });
+      worker?.emit({ type: "progress", percent: 99, outputSeconds: 5.9 });
+    }
+    await assertion;
+    expect(workers[0]!.terminated).toBe(true);
+  });
+
+  it("keeps a long export alive while encoded time keeps advancing", async () => {
+    vi.useFakeTimers();
+    let worker!: FakeWorker;
+    let jobId = "";
+    script.onExport = (w, id) => {
+      worker = w;
+      jobId = id;
+    };
+    const pending = exportVideo(file(), { ...DEFAULT_RECIPE }, vi.fn(), undefined, undefined, undefined, 600);
+    for (let t = 1; t <= 30; t++) {
+      await vi.advanceTimersByTimeAsync(10_000);
+      worker?.emit({ type: "progress", percent: Math.round((t * 10 * 100) / 600), outputSeconds: t * 10 });
+    }
+    worker.emit(result(jobId));
+    await expect(pending).resolves.toMatchObject({ size: 8 });
+  });
+
+  it("without encoded-time reports, only silence counts as a stall", async () => {
+    vi.useFakeTimers();
+    let worker!: FakeWorker;
+    let jobId = "";
+    script.onExport = (w, id) => {
+      worker = w;
+      jobId = id;
+    };
+    const pending = run();
+    for (let t = 0; t < NO_PROGRESS_TIMEOUT_MS * 2; t += 10_000) {
+      await vi.advanceTimersByTimeAsync(10_000);
+      worker?.emit({ type: "progress", percent: 0 });
+    }
+    worker.emit(result(jobId));
+    await expect(pending).resolves.toMatchObject({ size: 8 });
+  });
+
+  it("fails an export that runs far past the clip's length", async () => {
+    vi.useFakeTimers();
+    script.onExport = (w) => {
+      // A 6 s clip; looped music without -t would keep going like this.
+      [3, 6, 12, 30].forEach((outputSeconds) => w.emit({ type: "progress", percent: 99, outputSeconds }));
+    };
+    const pending = run();
+    const assertion = expect(pending).rejects.toMatchObject({ reason: "overrun" });
+    await vi.advanceTimersByTimeAsync(5_000);
+    await assertion;
+  });
+
+  it("never posts a non-finite duration to the worker", async () => {
+    // jsdom never loads media, so the fallback metadata read times out (5 s).
+    vi.useFakeTimers();
+    script.onExport = (w, id) => w.emit(result(id));
+    for (const knownDuration of [Infinity, NaN, -1, 0]) {
+      const pending = exportVideo(file(), { ...DEFAULT_RECIPE }, vi.fn(), undefined, undefined, undefined, knownDuration);
+      await vi.advanceTimersByTimeAsync(6_000);
+      await pending;
+    }
+    const durations = workers.flatMap((w) => w.posted).filter((m) => m.type === "export").map((m) => (m as { videoDuration?: number }).videoDuration);
+    expect(durations).toHaveLength(4);
+    for (const d of durations) expect(Number.isFinite(d)).toBe(true);
+  });
+});
+
+describe("overrunLimitSeconds", () => {
+  it("allows a margin over the expected length", () => {
+    expect(overrunLimitSeconds(6)).toBeGreaterThan(6);
+    expect(overrunLimitSeconds(600)).toBeGreaterThan(700);
+  });
 });
 
diff --git a/src/lib/tests/mediaDuration.test.ts b/src/lib/tests/mediaDuration.test.ts
new file mode 100644
index 000000000..8caeb8a3e
--- /dev/null
+++ b/src/lib/tests/mediaDuration.test.ts
@@ -0,0 +1,53 @@
+import { describe, it, expect, vi, afterEach } from "vitest";
+import { resolveDuration } from "../mediaDuration";
+
+/** A video element whose duration becomes known once it is seeked to `revealAt`. */
+function fakeVideo(initial: number, reveal?: { duration: number; on: "durationchange" | "seeked" }) {
+  const target = new EventTarget() as EventTarget & { duration: number; currentTime: number };
+  let duration = initial;
+  let time = 0;
+  Object.defineProperty(target, "duration", { get: () => duration });
+  Object.defineProperty(target, "currentTime", {
+    get: () => time,
+    set(value: number) {
+      time = value;
+      if (reveal && value > 1e6) {
+        queueMicrotask(() => {
+          duration = reveal.duration;
+          target.dispatchEvent(new Event(reveal.on));
+        });
+      }
+    },
+  });
+  return target as unknown as HTMLVideoElement;
+}
+
+afterEach(() => vi.useRealTimers());
+
+describe("resolveDuration", () => {
+  it("returns a known duration straight away", async () => {
+    await expect(resolveDuration(fakeVideo(12.5))).resolves.toBe(12.5);
+  });
+
+  it("finds the real length of a live recording (Infinity) by seeking past the end", async () => {
+    const video = fakeVideo(Infinity, { duration: 6, on: "durationchange" });
+    await expect(resolveDuration(video)).resolves.toBe(6);
+    expect(video.currentTime).toBe(0);
+  });
+
+  it("also accepts the length reported on seeked", async () => {
+    await expect(resolveDuration(fakeVideo(Infinity, { duration: 9, on: "seeked" }))).resolves.toBe(9);
+  });
+
+  it("gives up with 0 when the browser never finds it", async () => {
+    vi.useFakeTimers();
+    const pending = resolveDuration(fakeVideo(Infinity), 4000);
+    await vi.advanceTimersByTimeAsync(4000);
+    await expect(pending).resolves.toBe(0);
+  });
+
+  it("treats NaN and non-positive durations as unknown", async () => {
+    await expect(resolveDuration(fakeVideo(NaN))).resolves.toBe(0);
+    await expect(resolveDuration(fakeVideo(0))).resolves.toBe(0);
+  });
+});
diff --git a/test/e2e/export.spec.ts b/test/e2e/export.spec.ts
new file mode 100644
index 000000000..d29de6c96
--- /dev/null
+++ b/test/e2e/export.spec.ts
@@ -0,0 +1,135 @@
+import { test, expect, type Page } from "@playwright/test";
+import { execFileSync } from "node:child_process";
+import { existsSync } from "node:fs";
+import { join } from "node:path";
+
+// Fixtures come from scripts/make-fixtures.sh (test/fixtures/, gitignored).
+const FIXTURES = join(__dirname, "..", "fixtures");
+
+interface Fixture {
+  file: string;
+  hasAudio: boolean;
+  /** Only with E2E_LARGE=1: slow, and needs a lot of memory. */
+  large?: boolean;
+}
+
+const fixtures: Fixture[] = [
+  { file: "normal.mp4", hasAudio: true },
+  // No duration in the container, like a browser screen recording.
+  { file: "no-duration.webm", hasAudio: true },
+  { file: "portrait.mp4", hasAudio: true },
+  { file: "no-audio.mp4", hasAudio: false },
+  { file: "large.mp4", hasAudio: true, large: true },
+];
+
+interface Probe {
+  width: number;
+  height: number;
+  duration: number;
+  audioStreams: number;
+}
+
+function probe(path: string): Probe {
+  const out = execFileSync(
+    "ffprobe",
+    ["-v", "error", "-show_entries", "stream=codec_type,width,height:format=duration", "-of", "json", path],
+    { encoding: "utf8" }
+  );
+  const json = JSON.parse(out) as {
+    streams: { codec_type: string; width?: number; height?: number }[];
+    format: { duration?: string };
+  };
+  const video = json.streams.find((s) => s.codec_type === "video");
+  return {
+    width: video?.width ?? 0,
+    height: video?.height ?? 0,
+    duration: Number(json.format.duration ?? NaN),
+    audioStreams: json.streams.filter((s) => s.codec_type === "audio").length,
+  };
+}
+
+async function openSection(page: Page, name: RegExp) {
+  const toggle = page.getByRole("button", { name }).first();
+  if ((await toggle.getAttribute("aria-expanded")) === "false") await toggle.click();
+}
+
+async function loadEditor(page: Page, fixture: string) {
+  // Skip the onboarding tour, which covers the controls.
+  await page.addInitScript(() => localStorage.setItem("reframe_onboarding_complete", "1"));
+  await page.goto("/");
+  await page.locator('input[type=file][accept="video/*"]').setInputFiles(join(FIXTURES, fixture));
+  await expect(page.getByRole("button", { name: "Export video" }).first()).toBeVisible();
+}
+
+async function exportAndDownload(page: Page, savePath: string) {
+  await page.getByRole("button", { name: "Export video" }).first().click();
+  const download = page.getByRole("link", { name: /^Download (MP4|WEBM|MKV|GIF)$/ });
+  const failure = page.getByText(/^Export failed|stopped (responding|making progress)/).first();
+  await expect(download.or(failure)).toBeVisible({ timeout: 180_000 });
+  await expect(failure, "the export reported an error").toHaveCount(0);
+  const [file] = await Promise.all([page.waitForEvent("download"), download.click()]);
+  await file.saveAs(savePath);
+}
+
+test.describe("export", () => {
+  test.beforeAll(() => {
+    const missing = fixtures.filter((f) => !f.large && !existsSync(join(FIXTURES, f.file)));
+    if (missing.length) throw new Error(`Missing fixtures (${missing.map((f) => f.file).join(", ")}): run scripts/make-fixtures.sh`);
+  });
+
+  for (const fixture of fixtures) {
+    test(`${fixture.file}: trim, rotate and speed up, then export a valid file`, async ({ page }, testInfo) => {
+      test.skip(!!fixture.large && !process.env.E2E_LARGE, "set E2E_LARGE=1 to run the ~300 MB fixture");
+
+      await loadEditor(page, fixture.file);
+      const isolated = await page.evaluate(() => crossOriginIsolated);
+      expect(isolated).toBe(testInfo.project.name === "multi-threaded");
+
+      // 1:1 output, so the expected size doesn't depend on the input's shape.
+      await page.getByRole("button", { name: "1 is to 1 output ratio" }).click();
+
+      await openSection(page, /^Trim$/i);
+      await page.getByLabel("Trim start time in seconds").fill("1");
+      await page.getByLabel("Trim end time in seconds").fill("5");
+
+      await openSection(page, /^Rotation$/i);
+      await page.getByRole("button", { name: "Rotate video to 90 degrees" }).click();
+
+      await openSection(page, /Audio & Speed/i);
+      await page.getByRole("button", { name: "Set speed to 2x" }).click();
+
+      const out = testInfo.outputPath(`${fixture.file}.mp4`);
+      await exportAndDownload(page, out);
+
+      const result = probe(out);
+      expect(result.width).toBe(1080);
+      expect(result.height).toBe(1080);
+      // 4 s of source (1 s → 5 s) at 2× speed.
+      expect(result.duration).toBeGreaterThan(1.7);
+      expect(result.duration).toBeLessThan(2.4);
+      expect(result.audioStreams).toBe(fixture.hasAudio ? 1 : 0);
+    });
+  }
+
+  test("no-duration.webm: the editor finds the real length", async ({ page }) => {
+    await loadEditor(page, "no-duration.webm");
+    await openSection(page, /^Trim$/i);
+    // The end field's placeholder and limit are the clip's length (6 s), not
+    // empty, 0 or Infinity, so trimming works on screen recordings.
+    const end = page.getByLabel("Trim end time in seconds");
+    await expect(end).toHaveAttribute("placeholder", "6.0");
+    expect(Number(await end.getAttribute("max"))).toBeCloseTo(6, 1);
+    await expect(page.getByText("Duration: 0:06")).toBeVisible();
+  });
+
+  test("no-duration.webm at 2× speed without a trim exports the whole clip", async ({ page }, testInfo) => {
+    await loadEditor(page, "no-duration.webm");
+    await openSection(page, /Audio & Speed/i);
+    await page.getByRole("button", { name: "Set speed to 2x" }).click();
+    const out = testInfo.outputPath("no-duration-2x.mp4");
+    await exportAndDownload(page, out);
+    const result = probe(out);
+    expect(result.duration).toBeGreaterThan(2.6);
+    expect(result.duration).toBeLessThan(3.4);
+  });
+});

From 3fe03351ac78673113936aaa1ad5172689ce5413 Mon Sep 17 00:00:00 2001
From: Akanksha Trehun <akankshatrehun@gmail.com>
Date: Tue, 3 Nov 2026 13:45:03 +0530
Subject: [PATCH 07/11] fix(ffmpeg): retry a stalled export on the
 single-threaded engine; thread default 2

- Threads per stage are min(4, navigator.hardwareConcurrency || 2); the
  fallback for an unreported core count was 4.
- When the multi-threaded engine stalls, exportVideo retries the same export
  (same file and edits) once on the single-threaded engine instead of failing.
  The overlay says so, and RUM gets engine_fallback with the stall reason;
  the attempt's single outcome then carries engine "single" and fell_back.
- A single-threaded stall, or a stall after cancelling, is not retried; the
  error tells the user to press Retry.
- The editor passes the duration it already read to the export.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/DATADOG.md                               |   3 +-
 docs/PROJECTS 2.md                            | 136 +++++++
 .../AudioSpeedControl.stories 2.tsx           |  38 ++
 src/components/BrandLogo.stories 2.tsx        |  16 +
 src/components/ColorPicker 2.tsx              | 318 +++++++++++++++
 src/components/DatadogInit 2.tsx              |  36 ++
 src/components/DownloadResult.stories 2.tsx   |  74 ++++
 src/components/ExportOverlay.stories 2.tsx    |  83 ++++
 src/components/ExportOverlay.tsx              |   9 +-
 src/components/ExportSettings.stories 2.tsx   |  45 +++
 src/components/FileUpload.stories 2.tsx       |  42 ++
 src/components/FormatSelector.stories 2.tsx   |  31 ++
 src/components/FramingControl.stories 2.tsx   |  28 ++
 src/components/HistoryControls 2.tsx          |  51 +++
 src/components/PresetSelector.stories 2.tsx   |  51 +++
 src/components/PrivacyBanner 2.tsx            |  81 ++++
 src/components/PrivacyBanner.stories 2.tsx    |  21 +
 src/components/ProjectPanel 2.tsx             | 216 ++++++++++
 src/components/RotateControl.stories 2.tsx    |  35 ++
 src/components/TrimControl.stories 2.tsx      |  52 +++
 src/components/VideoEditor.stories 2.tsx      |  41 ++
 src/components/VideoEditor.tsx                |   2 +
 .../__stories__/RecipeHarness 2.tsx           |  45 +++
 src/components/components.stories 2.tsx       |  88 ++++
 src/components/ui/BaseButton.stories 2.tsx    |  65 +++
 src/components/ui/Skeleton.stories 2.tsx      |  31 ++
 src/hooks/tests/exportTelemetry.hook.test.ts  |  17 +
 src/hooks/useVideoEditor.ts                   |  10 +
 src/lib/editorPersistence 2.ts                | 131 ++++++
 src/lib/exportTelemetry.ts                    |  17 +
 src/lib/ffmpeg.ts                             |  42 +-
 src/lib/ffmpegArgs.ts                         |  10 +-
 src/lib/lottie/trail-loading 2.json           |   1 +
 src/lib/overlayGraph 2.ts                     | 309 ++++++++++++++
 src/lib/sessionDB 2.ts                        |  82 ++++
 src/lib/tests/editorPersistence.test 2.ts     |  90 +++++
 src/lib/tests/exportTelemetry.test.ts         |  27 ++
 src/lib/tests/ffmpegArgs.test.ts              |  11 +-
 src/lib/tests/ffmpegClient.test.ts            |  56 ++-
 src/lib/tests/overlayGraph.test 2.ts          | 334 ++++++++++++++++
 src/lib/tests/timeline.test 2.ts              | 377 ++++++++++++++++++
 src/lib/timeline 2.ts                         | 211 ++++++++++
 42 files changed, 3339 insertions(+), 24 deletions(-)
 create mode 100644 docs/PROJECTS 2.md
 create mode 100644 src/components/AudioSpeedControl.stories 2.tsx
 create mode 100644 src/components/BrandLogo.stories 2.tsx
 create mode 100644 src/components/ColorPicker 2.tsx
 create mode 100644 src/components/DatadogInit 2.tsx
 create mode 100644 src/components/DownloadResult.stories 2.tsx
 create mode 100644 src/components/ExportOverlay.stories 2.tsx
 create mode 100644 src/components/ExportSettings.stories 2.tsx
 create mode 100644 src/components/FileUpload.stories 2.tsx
 create mode 100644 src/components/FormatSelector.stories 2.tsx
 create mode 100644 src/components/FramingControl.stories 2.tsx
 create mode 100644 src/components/HistoryControls 2.tsx
 create mode 100644 src/components/PresetSelector.stories 2.tsx
 create mode 100644 src/components/PrivacyBanner 2.tsx
 create mode 100644 src/components/PrivacyBanner.stories 2.tsx
 create mode 100644 src/components/ProjectPanel 2.tsx
 create mode 100644 src/components/RotateControl.stories 2.tsx
 create mode 100644 src/components/TrimControl.stories 2.tsx
 create mode 100644 src/components/VideoEditor.stories 2.tsx
 create mode 100644 src/components/__stories__/RecipeHarness 2.tsx
 create mode 100644 src/components/components.stories 2.tsx
 create mode 100644 src/components/ui/BaseButton.stories 2.tsx
 create mode 100644 src/components/ui/Skeleton.stories 2.tsx
 create mode 100644 src/lib/editorPersistence 2.ts
 create mode 100644 src/lib/lottie/trail-loading 2.json
 create mode 100644 src/lib/overlayGraph 2.ts
 create mode 100644 src/lib/sessionDB 2.ts
 create mode 100644 src/lib/tests/editorPersistence.test 2.ts
 create mode 100644 src/lib/tests/overlayGraph.test 2.ts
 create mode 100644 src/lib/tests/timeline.test 2.ts
 create mode 100644 src/lib/timeline 2.ts

diff --git a/docs/DATADOG.md b/docs/DATADOG.md
index 38f011b21..72e99746e 100644
--- a/docs/DATADOG.md
+++ b/docs/DATADOG.md
@@ -43,9 +43,10 @@ its own, so we can see which browser and device combinations fail.
 | Event | When | Properties |
 |---|---|---|
 | `export_started` | Export clicked and settings validated | `format`, `resolution`, `input_size`, `clip_length`, `has_text`, `has_music`, `has_image_overlay`, `is_retry`, `retry_after` (retries only: the previous failure's category) |
-| `export_succeeded` | Terminal | the context above, plus `engine`, `durationMs` (click to done), `encode_ms`, `output_size` |
+| `export_succeeded` | Terminal | the context above, plus `engine`, `fell_back` (true after an engine fallback), `durationMs` (click to done), `encode_ms`, `output_size` |
 | `export_failed` | Terminal | the context, plus `engine`, `durationMs`, `stage` (`engine` / `encode`), `category` |
 | `export_cancelled` | Terminal: the user cancelled | the context, plus `engine`, `durationMs`, `stage` |
+| `engine_fallback` | The multi-threaded engine stalled; the same export restarts automatically on the single-threaded engine. Not terminal: the attempt's outcome follows | the context, plus `from: multi`, `to: single`, `stall_reason` |
 | `ffmpeg_load_success` | A worker loaded the engine (once per worker) | `engine` (`multi` / `single`, what actually loaded), `engine_requested`, `single_reason` (`not_isolated` / `after_stall` / `mt_load_failed`, single-threaded only), `load_number` (`first` / `repeat`), `durationMs` |
 | `ffmpeg_load_failure` | A worker failed to load (not sent when the user cancelled) | `engine_requested`, `load_number`, `category` (`network` / `integrity` / `wasm` / `worker_script` / `unknown`), `durationMs` |
 | `export` (duration vital) | With `export_succeeded`; encoding time only | the context, plus `engine` |
diff --git a/docs/PROJECTS 2.md b/docs/PROJECTS 2.md
new file mode 100644
index 000000000..cda3b066c
--- /dev/null
+++ b/docs/PROJECTS 2.md	
@@ -0,0 +1,136 @@
+# Undo, recovery and project files
+
+This covers how Reframe keeps edit history, what it saves in the browser, and the `.reframe.json` project format. Nothing here sends data anywhere. Everything stays in the user's browser or in files the user saves themselves.
+
+## Edit state
+
+`EditState` (`src/lib/editHistory.ts`) is the single source of truth for every edit that changes the exported video:
+
+| Included | Where it lives |
+|---|---|
+| Preset, custom size, framing, trim, rotation | `recipe` |
+| Keep audio, normalise, volume, speed | `recipe` |
+| Quality, format, brightness, contrast, saturation, sharpness, stabilisation, denoise | `recipe` |
+| Text overlays (text, position, size, colour, weight, font name) | `recipe.textOverlays` |
+| Image overlay position, size and opacity | `imageOverlay` |
+
+Not included, on purpose:
+
+- **The completion-sound preference.** It's a setting, not an edit, so undo never flips it.
+- **Files** (the source video, the image overlay file, background music). They are binary assets, not edit values, so adding or removing the image file is not an undo step.
+- **Transient UI state.** Hover, open panels, the selected text overlay, export progress, object URLs and worker state.
+- **The multi-track timeline state.** It isn't connected to the UI or the export yet (see `PHASE_1_MVP.md`).
+
+`useVideoEditor` exposes `recipe` derived from `EditState`. `handleExport` passes that same object, plus the image overlay settings, to `exportVideo`. So after an undo the preview and the export can't disagree.
+
+## Undo and redo
+
+- **Snapshots.** Each history entry is an immutable `EditState`, about 1 KB, never media. Undo and redo just move between entries.
+- **Bounded.** `HISTORY_LIMIT` is 100 entries. The oldest are dropped first.
+- **No duplicates.** A change that leaves the state equal to the current one is not recorded.
+- **Coalescing.** Repeated changes to the same continuous control within `COALESCE_WINDOW_MS` (600 ms) merge into one step:
+  - Continuous controls are sliders, trim handles, custom size, and text-overlay text, position, size and colour.
+  - The window slides, so a long drag stays one step.
+  - Dragging back to the starting value removes the step.
+  - Discrete choices (preset, format, rotation, toggles, image overlay position) always get their own step, however fast they're clicked.
+  - Adding or removing a text overlay is always its own step.
+- **When history resets.** Choosing a new video, restoring a session and deleting saved data each start a fresh history.
+- **During export.** Undo and redo are disabled while an export runs. The running export has already taken its settings.
+- **Reset settings.** "Reset settings" and the `R` shortcut are now a single undoable step. They no longer delete saved data.
+
+**Shortcuts.** macOS uses ⌘Z and ⇧⌘Z. Other platforms use Ctrl+Z, and Ctrl+Y or Ctrl+Shift+Z. They work while a slider, checkbox or button has focus. In text fields and `contenteditable` they are left to the browser, so they undo the typing. See `src/lib/historyShortcuts.ts`.
+
+## What is saved in the browser
+
+| Key | Store | Contents |
+|---|---|---|
+| `reframe:project` | localStorage | The current project document (below). Written 500 ms after the last edit while a video is open, and on `pagehide`. |
+| `reframe-session` / `files` / `currentVideo` | IndexedDB | One copy of the open source video, overwritten when a new video is chosen. Unchanged from before. |
+| `reframe:recipe`, `editorState`, `soundOnCompletion` | localStorage | Existing settings records, kept for compatibility. |
+
+The project record is stored in localStorage rather than IndexedDB because it is only a few KB and a synchronous write can be flushed reliably when the page is hidden.
+
+**Recovery on load**, in this order:
+
+1. A `?settings=` share link wins.
+2. Otherwise the saved project's edits are restored.
+3. Otherwise the older URL and recipe records are used, as before.
+
+Then the stored video copy is read from IndexedDB:
+
+- **The copy is present.** The editor opens with the video and the edits.
+- **The copy is missing, or IndexedDB fails.** This can happen after eviction, private mode, or a quota error when saving. A notice names the file, its size and length, and asks the user to choose it again.
+  - Choosing a file with the same name and byte size resumes the project, trims included.
+  - A different file keeps the other settings but resets the trim points, like any new video.
+  - "Discard saved edits" forgets the project.
+
+**Failures are reported in the "Saved on this device" panel:**
+
+- If the video copy can't be stored, the user is told they'll need to choose the file again after a refresh.
+- If the edit record can't be written, they're told to use "Save project file".
+
+**Delete saved data** asks for confirmation. It then removes the project record, the recipe and overlay records and the stored video copy, closes the video and resets the editor. Project files the user saved are not affected.
+
+## Project file format
+
+"Save project file" downloads `<video name>.reframe.json`:
+
+```json
+{
+  "format": "reframe-project",
+  "schemaVersion": 1,
+  "savedAt": "2026-10-22T12:00:00.000Z",
+  "source": { "name": "clip.mp4", "size": 24000000, "type": "video/mp4",
+              "lastModified": 1700000000000, "duration": 42.5, "width": 1920, "height": 1080 },
+  "edit": {
+    "recipe": { "preset": "square-1-1", "trimStart": 3, "trimEnd": 20, "...": "every EditRecipe field except soundOnCompletion" },
+    "imageOverlay": { "position": "top-left", "size": 250, "opacity": 60 }
+  }
+}
+```
+
+The file never contains the video, the image overlay or any other media.
+
+**Opening a project file:**
+
+- **A video is open.** The edits are applied as one undoable step.
+  - Same video (name and size match): everything applies, and trim points that don't fit are dropped.
+  - Different video: everything applies **except the trim points**, which stay as they were for the open video, and the message says so. Trims belong to the video they were made for, so they are never applied silently to another one.
+- **No video is open.** The edits are held and the user is asked to choose the project's video.
+
+### Validation
+
+Every document, whether imported or read back from storage, goes through `parseProject` in `src/lib/project.ts`. It rejects the whole document if anything is wrong. It never clamps values or merges them with defaults.
+
+**Size and shape:**
+
+- Input over 512 KB is rejected before parsing.
+- The document must be a JSON object with `format: "reframe-project"` and an integer `schemaVersion`.
+
+**Field checks:**
+
+- Every recipe field must be present, with the same types and ranges the editor enforces.
+- Presets must be known ids, and speed one of the speed steps.
+- Trim end must be after trim start.
+- At most 50 text overlays, each with text of at most 500 characters.
+- Overlay ids must match `[A-Za-z0-9_-]{1,64}` and must be unique. Colours must be `#rrggbb`.
+- Font names must match `[A-Za-z0-9 _-]{1,64}`, because they reach FFmpeg's `drawtext` filter.
+
+**Safe construction:**
+
+- `fontPath` is never read from a project file, because it is passed to FFmpeg as a file path. It is also never written, since a `blob:` URL is meaningless outside the tab.
+- Output objects are built field by field, so unknown keys, including `__proto__`, are dropped rather than copied.
+
+### Changing the schema
+
+1. Bump `PROJECT_SCHEMA_VERSION`.
+2. Add `MIGRATIONS[oldVersion] = (doc) => upgradedDoc`. It runs on raw JSON before validation, and migrations chain one version at a time.
+3. Update the validators for the new shape and add a test that parses a document from the old version.
+
+Documents from a newer schema than the page knows are refused with "saved by a newer version of Reframe… reload the page". A version with no migration path is refused too.
+
+A change to `EditRecipe` fields needs a project schema bump, because the validator requires every field.
+
+## Export profiles
+
+Implemented separately; see [EXPORT_PROFILES.md](EXPORT_PROFILES.md). Applying a profile is one undo step and changes only the output fields of `EditState`. Profiles are stored apart from projects, and a project file doesn't include them.
diff --git a/src/components/AudioSpeedControl.stories 2.tsx b/src/components/AudioSpeedControl.stories 2.tsx
new file mode 100644
index 000000000..1e0a24f98
--- /dev/null
+++ b/src/components/AudioSpeedControl.stories 2.tsx	
@@ -0,0 +1,38 @@
+import type { Meta, StoryObj } from "@storybook/nextjs";
+import AudioSpeedControl from "./AudioSpeedControl";
+import { RecipeHarness, makeRecipe } from "./__stories__/RecipeHarness";
+
+/** Audio toggle, volume, normalisation and playback-speed steps. */
+const meta = {
+  title: "Editor/Controls/AudioSpeedControl",
+  component: AudioSpeedControl,
+  parameters: { layout: "padded" },
+  args: {
+    recipe: makeRecipe(),
+    onChange: () => {},
+  },
+  // `recipe` seeds the harness, which then owns the state so the control is
+  // actually interactive in Storybook rather than frozen on first render.
+  render: (args) => (
+    <RecipeHarness initial={args.recipe}>
+      {(recipe, onChange) => <AudioSpeedControl recipe={recipe} onChange={onChange} />}
+    </RecipeHarness>
+  ),
+} satisfies Meta<typeof AudioSpeedControl>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+/** Audio stripped — the dependent volume controls should read as disabled. */
+export const AudioMuted: Story = {
+  args: { recipe: makeRecipe({ keepAudio: false }) },
+};
+
+/** Non-default speed and boosted volume, with normalisation on. */
+export const FastWithNormalisedAudio: Story = {
+  args: {
+    recipe: makeRecipe({ speed: 2, volume: 150, normalizeAudio: true }),
+  },
+};
diff --git a/src/components/BrandLogo.stories 2.tsx b/src/components/BrandLogo.stories 2.tsx
new file mode 100644
index 000000000..746a02719
--- /dev/null
+++ b/src/components/BrandLogo.stories 2.tsx	
@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from "@storybook/nextjs";
+import BrandLogo from "./BrandLogo";
+
+/** Wordmark/logo used in the header and footer. */
+const meta = {
+  title: "Design System/BrandLogo",
+  component: BrandLogo,
+  parameters: { layout: "padded" },
+} satisfies Meta<typeof BrandLogo>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Large: Story = { args: { size: 64 } };
+export const Small: Story = { args: { size: 20 } };
diff --git a/src/components/ColorPicker 2.tsx b/src/components/ColorPicker 2.tsx
new file mode 100644
index 000000000..c7f7db633
--- /dev/null
+++ b/src/components/ColorPicker 2.tsx	
@@ -0,0 +1,318 @@
+import React, { useRef, useEffect, useState, useCallback } from 'react';
+import { createPortal } from 'react-dom';
+import { Pipette } from 'lucide-react';
+
+interface ColorPickerProps {
+    value: string;
+    onChange: (hex: string) => void;
+    label?: string;
+}
+
+const getGlassyClasses = (opacity = 10) =>
+    `backdrop-filter backdrop-blur-lg bg-[var(--surface)] bg-opacity-${opacity} border border-[var(--border)] rounded-lg shadow-lg transition-all duration-300`;
+
+function hexToHsv(hex: string): [number, number, number] {
+    const r = parseInt(hex.slice(1, 3), 16) / 255;
+    const g = parseInt(hex.slice(3, 5), 16) / 255;
+    const b = parseInt(hex.slice(5, 7), 16) / 255;
+    const max = Math.max(r, g, b),
+        min = Math.min(r, g, b),
+        d = max - min;
+    let h = 0;
+    if (d !== 0) {
+        if (max === r) h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
+        else if (max === g) h = ((b - r) / d + 2) / 6;
+        else h = ((r - g) / d + 4) / 6;
+    }
+    return [h * 360, max === 0 ? 0 : d / max, max];
+}
+
+function hsvToRgb(h: number, s: number, v: number): [number, number, number] {
+    const i = Math.floor(h / 60) % 6;
+    const f = h / 60 - Math.floor(h / 60);
+    const p = v * (1 - s),
+        q = v * (1 - f * s),
+        t = v * (1 - (1 - f) * s);
+    const sets: [number, number, number][] = [
+        [v, t, p],
+        [q, v, p],
+        [p, v, t],
+        [p, q, v],
+        [t, p, v],
+        [v, p, q],
+    ];
+    return sets[i]?.map(x => Math.round(x * 255)) as [number, number, number];
+}
+
+function rgbToHex(r: number, g: number, b: number) {
+    return (
+        '#' +
+        [r, g, b]
+            .map(x => x.toString(16).padStart(2, '0'))
+            .join('')
+            .toUpperCase()
+    );
+}
+
+const ColorPicker: React.FC<ColorPickerProps> = ({
+    value,
+    onChange,
+    label,
+}) => {
+    const canvasRef = useRef<HTMLCanvasElement>(null);
+    const [open, setOpen] = useState(false);
+
+    const initialHex = /^#[0-9a-fA-F]{6}$/.test(value) ? value : '#FFFFFF';
+    const [initH, initS, initV] = hexToHsv(initialHex);
+
+    const [hue, setHue] = useState(initH);
+    const [sat, setSat] = useState(initS);
+    const [val, setVal] = useState(initV);
+    const CANVAS_W = 232,
+        CANVAS_H = 140;
+    const [cursorX, setCursorX] = useState(initS * (CANVAS_W - 1));
+    const [cursorY, setCursorY] = useState((1 - initV) * (CANVAS_H - 1));
+    const [hexInput, setHexInput] = useState(initialHex.slice(1).toUpperCase());
+    const dragging = useRef(false);
+    const panelRef = useRef<HTMLDivElement>(null);
+    const triggerRef = useRef<HTMLButtonElement>(null);
+    const [panelPos, setPanelPos] = useState({ top: 0, left: 0 });
+
+    const updatePosition = useCallback(() => {
+        if (triggerRef.current) {
+            const rect = triggerRef.current.getBoundingClientRect();
+            setPanelPos({
+                top: rect.bottom + window.scrollY + 6,
+                left: rect.left + window.scrollX,
+            });
+        }
+    }, []);
+
+    useEffect(() => {
+        if (open) {
+            updatePosition();
+            window.addEventListener('scroll', updatePosition, true);
+            window.addEventListener('resize', updatePosition);
+        }
+        return () => {
+            window.removeEventListener('scroll', updatePosition, true);
+            window.removeEventListener('resize', updatePosition);
+        };
+    }, [open, updatePosition]);
+
+    const drawCanvas = useCallback(() => {
+        const canvas = canvasRef.current;
+        if (!canvas) return;
+        const ctx = canvas.getContext('2d')!;
+        const w = canvas.width,
+            h = canvas.height;
+        ctx.clearRect(0, 0, w, h);
+        const gH = ctx.createLinearGradient(0, 0, w, 0);
+        gH.addColorStop(0, '#FFFFFF');
+        gH.addColorStop(1, `hsl(${hue},100%,50%)`);
+        ctx.fillStyle = gH;
+        ctx.fillRect(0, 0, w, h);
+        const gV = ctx.createLinearGradient(0, 0, 0, h);
+        gV.addColorStop(0, 'rgba(0,0,0,0)');
+        gV.addColorStop(1, '#000000');
+        ctx.fillStyle = gV;
+        ctx.fillRect(0, 0, w, h);
+        ctx.beginPath();
+        ctx.arc(cursorX, cursorY, 6, 0, 2 * Math.PI);
+        ctx.strokeStyle = 'rgba(255,255,255,0.95)';
+        ctx.lineWidth = 2;
+        ctx.stroke();
+    }, [hue, cursorX, cursorY]);
+
+    useEffect(() => {
+        if (open) drawCanvas();
+    }, [open, drawCanvas]);
+
+    const pickColor = useCallback(
+        (clientX: number, clientY: number) => {
+            const canvas = canvasRef.current;
+            if (!canvas) return;
+            const rect = canvas.getBoundingClientRect();
+            const scaleX = canvas.width / rect.width;
+            const scaleY = canvas.height / rect.height;
+            const cx = Math.max(0, Math.min(canvas.width - 1, (clientX - rect.left) * scaleX));
+            const cy = Math.max(0, Math.min(canvas.height - 1, (clientY - rect.top) * scaleY));
+            setCursorX(cx);
+            setCursorY(cy);
+            const s = cx / (canvas.width - 1);
+            const v = 1 - cy / (canvas.height - 1);
+            setSat(s);
+            setVal(v);
+            const [r_val, g_val, b_val] = hsvToRgb(hue, s, v);
+            const hex = rgbToHex(r_val, g_val, b_val);
+            setHexInput(hex.slice(1));
+            onChange(hex);
+        },
+        [hue, onChange],
+    );
+
+    const handleHueChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+        const h = Number(e.target.value);
+        setHue(h);
+        const [r_v, g_v, b_v] = hsvToRgb(h, sat, val);
+        const hex = rgbToHex(r_v, g_v, b_v);
+        setHexInput(hex.slice(1));
+        onChange(hex);
+    };
+
+    const handleHexInput = (e: React.ChangeEvent<HTMLInputElement>) => {
+        const v = e.target.value.replace(/[^0-9a-fA-F]/g, '').slice(0, 6);
+        setHexInput(v.toUpperCase());
+        if (v.length === 6) {
+            const full = '#' + v;
+            const [h, s, v2] = hexToHsv(full);
+            setHue(h);
+            setSat(s);
+            setVal(v2);
+            setCursorX(s * (CANVAS_W - 1));
+            setCursorY((1 - v2) * (CANVAS_H - 1));
+            onChange(full.toUpperCase());
+        }
+    };
+
+    useEffect(() => {
+        if (!open) return;
+        const handler = (e: MouseEvent) => {
+            const isTriggerClick = triggerRef.current?.contains(e.target as Node);
+            const isPanelClick = panelRef.current?.contains(e.target as Node);
+            if (!isTriggerClick && !isPanelClick) {
+                setOpen(false);
+            }
+        };
+        document.addEventListener('mousedown', handler);
+        return () => document.removeEventListener('mousedown', handler);
+    }, [open]);
+
+    const handleEyeDropper = async () => {
+        if (!('EyeDropper' in window)) return;
+        try {
+            const eyeDropper = new (window as any).EyeDropper();
+            const result = await eyeDropper.open();
+            const hex = result.sRGBHex.toUpperCase();
+            const [h, s, v2] = hexToHsv(hex);
+            setHue(h);
+            setSat(s);
+            setVal(v2);
+            setHexInput(hex.slice(1));
+            setCursorX(s * (CANVAS_W - 1));
+            setCursorY((1 - v2) * (CANVAS_H - 1));
+            onChange(hex);
+        } catch (_) { }
+    };
+
+    const [r, g, b] = hsvToRgb(hue, sat, val);
+
+    return (
+        <div className='w-full'>
+            {label && (
+                <label className='text-xs text-[var(--muted)] font-medium mb-1 block'>
+                    {label}
+                </label>
+            )}
+
+            <div className="flex items-center gap-2">
+                <button
+                    ref={triggerRef}
+                    type="button"
+                    onClick={() => setOpen(!open)}
+                    className={`flex items-center gap-3 ${getGlassyClasses(20)} p-1.5 border border-[var(--border)] hover:bg-[var(--border)] active:scale-95 transition-transform`}
+                    aria-label="Open custom palette"
+                >
+                    <span
+                        className='w-7 h-6 rounded border border-white border-opacity-20 inline-block flex-shrink-0 shadow-inner'
+                        style={{ background: value }}
+                    />
+                </button>
+
+                <input
+                    type='text'
+                    value={hexInput}
+                    onChange={handleHexInput}
+                    maxLength={6}
+                    className='flex-1 px-2 py-1.5 text-xs rounded border border-[var(--border)] bg-[var(--bg)] text-[var(--text)] font-mono uppercase tracking-widest focus:outline-none focus:ring-2 focus:ring-film-500'
+                    spellCheck={false}
+                />
+            </div>
+
+            {open &&
+                createPortal(
+                    <div
+                        ref={panelRef}
+                        className={`absolute z-[9999] p-3 ${getGlassyClasses(40)} border border-[var(--border)] w-60 flex flex-col gap-2.5 shadow-2xl backdrop-blur-xl`}
+                        style={{
+                            top: panelPos.top,
+                            left: panelPos.left,
+                            minWidth: 230,
+                            position: 'absolute',
+                        }}
+                    >
+                        <canvas
+                            ref={canvasRef}
+                            width={CANVAS_W}
+                            height={CANVAS_H}
+                            className='w-full rounded-md cursor-crosshair border border-[var(--border)] shadow-sm'
+                            onMouseDown={e => {
+                                dragging.current = true;
+                                pickColor(e.clientX, e.clientY);
+                            }}
+                            onMouseMove={e => {
+                                if (dragging.current) pickColor(e.clientX, e.clientY);
+                            }}
+                            onMouseUp={() => { dragging.current = false; }}
+                            onMouseLeave={() => { dragging.current = false; }}
+                        />
+
+                        <div className='flex items-center gap-2.5'>
+                            <span
+                                className='w-7 h-7 rounded-full border border-white border-opacity-30 flex-shrink-0 shadow-sm'
+                                style={{ background: `#${hexInput || 'FFFFFF'}` }}
+                            />
+                            <input
+                                type='range'
+                                min={0}
+                                max={360}
+                                value={hue}
+                                onChange={handleHueChange}
+                                className='flex-1 h-2 rounded-full cursor-pointer appearance-none border-none accent-transparent'
+                                style={{
+                                    background: 'linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)',
+                                }}
+                            />
+
+                            {/* 📍 THIS IS THE MISSING PIPETTE TRIGGER */}
+                            {'EyeDropper' in window && (
+                                <button
+                                    type="button"
+                                    onClick={handleEyeDropper}
+                                    className={`${getGlassyClasses(20)} p-1 border border-[var(--border)] hover:bg-[var(--border)] text-[var(--text)] flex-shrink-0`}
+                                    aria-label="Pick color from screen"
+                                >
+                                    <Pipette size={14} />
+                                </button>
+                            )}
+                        </div>
+                        <div className='grid grid-cols-3 gap-1.5 text-center'>
+                            {[
+                                ['R', r],
+                                ['G', g],
+                                ['B', b],
+                            ].map(([ch, v_rgb]) => (
+                                <div key={ch as string} className={`${getGlassyClasses(10)} py-0.5 border border-[var(--border)]`}>
+                                    <div className='text-[10px] text-[var(--muted)] font-medium'>{ch}</div>
+                                    <div className='text-xs font-semibold text-[var(--text)]'>{v_rgb}</div>
+                                </div>
+                            ))}
+                        </div>
+                    </div>,
+                    document.body,
+                )}
+        </div>
+    );
+};
+
+export default ColorPicker;
\ No newline at end of file
diff --git a/src/components/DatadogInit 2.tsx b/src/components/DatadogInit 2.tsx
new file mode 100644
index 000000000..4d8ed0574
--- /dev/null
+++ b/src/components/DatadogInit 2.tsx	
@@ -0,0 +1,36 @@
+"use client";
+
+import { useEffect } from "react";
+import { datadogRum } from "@datadog/browser-rum";
+import { reactPlugin } from "@datadog/browser-rum-react";
+
+export default function DatadogInit() {
+  useEffect(() => {
+    const applicationId = process.env.NEXT_PUBLIC_DATADOG_APPLICATION_ID;
+    const clientToken = process.env.NEXT_PUBLIC_DATADOG_CLIENT_TOKEN;
+
+    if (!applicationId || !clientToken) {
+      return;
+    }
+
+    datadogRum.init({
+      applicationId,
+      clientToken,
+      site: "datadoghq.com",
+      service: "reframe",
+      env: "production",
+      version: "0.1.0",
+      sessionSampleRate: 100,
+      // Reframe advertises itself as 100% private client-side video editing —
+      // session replay would visually record the editor UI, which cuts
+      // against that claim. Metrics/errors only.
+      sessionReplaySampleRate: 0,
+      plugins: [reactPlugin()],
+      trackUserInteractions: true,
+      trackResources: true,
+      trackLongTasks: true,
+    });
+  }, []);
+
+  return null;
+}
diff --git a/src/components/DownloadResult.stories 2.tsx b/src/components/DownloadResult.stories 2.tsx
new file mode 100644
index 000000000..0282f0b7a
--- /dev/null
+++ b/src/components/DownloadResult.stories 2.tsx	
@@ -0,0 +1,74 @@
+import type { Meta, StoryObj } from "@storybook/nextjs";
+import DownloadResult from "./DownloadResult";
+import type { ExportResult } from "@/lib/types";
+
+/**
+ * Success panel shown after an export finishes: dimensions, file size, a
+ * filename field and the download button.
+ *
+ * The ExportResult is synthesised rather than produced by a real export — a
+ * genuine FFmpeg run would take ~30s and produce a different blob each time.
+ * A small in-memory Blob exercises exactly the same render path.
+ */
+function makeResult(overrides: Partial<ExportResult> = {}): ExportResult {
+  const blob = new Blob(["reframe-storybook-fixture"], { type: "video/mp4" });
+  return {
+    blobUrl: "about:blank",
+    blob,
+    size: 8_432_119,
+    width: 1080,
+    height: 1920,
+    format: "mp4",
+    dispose: () => {},
+    ...overrides,
+  };
+}
+
+const meta = {
+  title: "Editor/Modals/DownloadResult",
+  component: DownloadResult,
+  parameters: { layout: "padded" },
+  args: {
+    onReset: () => {},
+    onToggleSound: () => {},
+    soundOnCompletion: false,
+  },
+} satisfies Meta<typeof DownloadResult>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+/** A vertical 9:16 export, the most common output for this tool. */
+export const Default: Story = {
+  args: { result: makeResult() },
+};
+
+/** Landscape WebM, with the export-duration readout present. */
+export const WithExportDuration: Story = {
+  args: {
+    result: makeResult({
+      width: 1920,
+      height: 1080,
+      format: "webm",
+      size: 24_908_311,
+      exportDurationMs: 42_500,
+    }),
+  },
+};
+
+/** Completion sound enabled — toggles the speaker control's active state. */
+export const SoundEnabled: Story = {
+  args: { result: makeResult(), soundOnCompletion: true },
+};
+
+/** A GIF export: small, square, and audio-less. */
+export const GifExport: Story = {
+  args: {
+    result: makeResult({
+      format: "gif",
+      width: 480,
+      height: 480,
+      size: 1_204_880,
+    }),
+  },
+};
diff --git a/src/components/ExportOverlay.stories 2.tsx b/src/components/ExportOverlay.stories 2.tsx
new file mode 100644
index 000000000..599871a68
--- /dev/null
+++ b/src/components/ExportOverlay.stories 2.tsx	
@@ -0,0 +1,83 @@
+import * as React from "react";
+import type { Meta, StoryObj, Decorator } from "@storybook/nextjs";
+import ExportOverlay from "./ExportOverlay";
+
+/**
+ * Full-screen modal shown while an export runs.
+ *
+ * ── Why this file works the way it does ──────────────────────────────────────
+ * The overlay contains a <TipCarousel/> that rotates to the next tip every
+ * 6000ms. A visual regression service screenshots at an arbitrary moment, so
+ * that rotation reports a change on every build that reflects nothing but
+ * timing. It is marked data-chromatic="ignore": Chromatic still renders it,
+ * but excludes it from the diff.
+ *
+ * The Lottie spinner used to need the same treatment. It no longer does —
+ * LottiePlayer checks isChromatic() and renders frame 0 statically, so the
+ * spinner is deterministic and stays fully covered by the diff.
+ *
+ * A word of warning from how this file got here: an earlier version froze both
+ * by stubbing window.setInterval and window.requestAnimationFrame. Chromatic's
+ * capture instrumentation relies on requestAnimationFrame to decide a story
+ * has settled, so starving it meant all six snapshots (3 stories x light/dark)
+ * failed with "took too long to load". Never stub browser globals to stabilise
+ * a snapshot.
+ */
+const withCarouselIgnored: Decorator = (Story) => (
+  <IgnoreCarousel>
+    <Story />
+  </IgnoreCarousel>
+);
+
+function IgnoreCarousel({ children }: { children: React.ReactNode }) {
+  React.useEffect(() => {
+    // The TipCarousel root, identified by its min-h-[142px] utility.
+    const marked: Element[] = [];
+
+    document.querySelectorAll('[class*="min-h-[142px]"]').forEach((el) => {
+      el.setAttribute("data-chromatic", "ignore");
+      marked.push(el);
+    });
+
+    return () => marked.forEach((el) => el.removeAttribute("data-chromatic"));
+  }, []);
+
+  return <>{children}</>;
+}
+
+const meta = {
+  title: "Editor/Modals/ExportOverlay",
+  component: ExportOverlay,
+  parameters: { layout: "fullscreen" },
+  decorators: [withCarouselIgnored],
+  args: {
+    // With a real timestamp the component starts a 1s interval and renders
+    // Date.now() - exportStartedAt as elapsed time, which would differ between
+    // builds. null takes its own early-return branch and pins it at zero.
+    exportStartedAt: null,
+    onCancel: () => {},
+  },
+} satisfies Meta<typeof ExportOverlay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+/**
+ * FFmpeg.wasm (~30 MB) is being fetched on first export.
+ *
+ * The overlay only renders for "loading-engine" and "exporting"; the other
+ * ExportStatus values return null, so they aren't worth stories.
+ */
+export const LoadingEngine: Story = {
+  args: { status: "loading-engine", progress: 0 },
+};
+
+/** Mid-export, just past a third done. */
+export const Exporting: Story = {
+  args: { status: "exporting", progress: 37 },
+};
+
+/** Near completion — checks the progress bar at the far end of its track. */
+export const AlmostDone: Story = {
+  args: { status: "exporting", progress: 98 },
+};
diff --git a/src/components/ExportOverlay.tsx b/src/components/ExportOverlay.tsx
index bcc93210f..baf6c3f96 100644
--- a/src/components/ExportOverlay.tsx
+++ b/src/components/ExportOverlay.tsx
@@ -11,6 +11,8 @@ interface Props {
   status: ExportStatus;
   progress: number;
   exportStartedAt?: number | null;
+  /** One line about a change mid-export, e.g. the engine fallback. */
+  notice?: string | null;
   onCancel?: () => void;
 }
 
@@ -21,7 +23,7 @@ function formatElapsed(ms: number): string {
   return `${minutes}:${seconds.toString().padStart(2, "0")}`;
 }
 
-export default function ExportOverlay({ status, progress, exportStartedAt, onCancel }: Props) {
+export default function ExportOverlay({ status, progress, exportStartedAt, notice, onCancel }: Props) {
   const visible = status === "loading-engine" || status === "exporting";
   const previousFocusRef = useRef<HTMLElement | null>(null);
   const focusAnchorRef = useRef<HTMLDivElement | null>(null);
@@ -124,6 +126,11 @@ export default function ExportOverlay({ status, progress, exportStartedAt, onCan
                 ? "Downloading the video engine. This only happens once."
                 : "Processing your video locally."}
             </p>
+            {notice && (
+              <p role="status" className="text-sm text-[var(--text)] mt-2">
+                {notice}
+              </p>
+            )}
             <p className="text-xs font-heading font-semibold text-film-600 mt-2 uppercase tracking-wide">
               Do not close or refresh this tab
             </p>
diff --git a/src/components/ExportSettings.stories 2.tsx b/src/components/ExportSettings.stories 2.tsx
new file mode 100644
index 000000000..62cb7a63d
--- /dev/null
+++ b/src/components/ExportSettings.stories 2.tsx	
@@ -0,0 +1,45 @@
+import type { Meta, StoryObj } from "@storybook/nextjs";
+import ExportSettings from "./ExportSettings";
+import { RecipeHarness, makeRecipe } from "./__stories__/RecipeHarness";
+
+/**
+ * Quality (CRF) slider plus the estimated output size, which is derived from
+ * the recipe and the clip duration.
+ */
+const meta = {
+  title: "Editor/Controls/ExportSettings",
+  component: ExportSettings,
+  parameters: { layout: "padded" },
+  args: {
+    recipe: makeRecipe(),
+    onChange: () => {},
+    duration: 90,
+  },
+  render: (args) => (
+    <RecipeHarness initial={args.recipe}>
+      {(recipe, onChange) => (
+        <ExportSettings
+          recipe={recipe}
+          onChange={onChange}
+          duration={args.duration}
+        />
+      )}
+    </RecipeHarness>
+  ),
+} satisfies Meta<typeof ExportSettings>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+/** CRF 23 — the default balance of size and quality. */
+export const Default: Story = {};
+
+/** Near-lossless: low CRF, large estimate. */
+export const HighQuality: Story = {
+  args: { recipe: makeRecipe({ quality: 16 }) },
+};
+
+/** Heavily compressed: high CRF, small estimate. */
+export const SmallFile: Story = {
+  args: { recipe: makeRecipe({ quality: 34 }) },
+};
diff --git a/src/components/FileUpload.stories 2.tsx b/src/components/FileUpload.stories 2.tsx
new file mode 100644
index 000000000..07d48ab81
--- /dev/null
+++ b/src/components/FileUpload.stories 2.tsx	
@@ -0,0 +1,42 @@
+import type { Meta, StoryObj } from "@storybook/nextjs";
+import FileUpload from "./FileUpload";
+
+/**
+ * The drag-and-drop landing state — the first thing every user sees, and the
+ * only screen shown until a file is chosen. Worth snapshotting in both themes.
+ *
+ * `currentFile` stays null across these stories: the "file selected" branch
+ * reads File.name/size and renders a duration that arrives asynchronously from
+ * media metadata, which would not be reproducible in CI.
+ */
+const meta = {
+  title: "Editor/FileUpload",
+  component: FileUpload,
+  parameters: { layout: "padded" },
+  args: {
+    onFileSelect: () => {},
+    currentFile: null,
+    fileError: "",
+    duration: 0,
+  },
+} satisfies Meta<typeof FileUpload>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+/** Empty drop zone awaiting a file. */
+export const Empty: Story = {};
+
+/** Rejected file — checks the error styling and that layout doesn't jump. */
+export const WithError: Story = {
+  args: {
+    fileError: "That file is 3.2 GB. The maximum supported size is 2 GB.",
+  },
+};
+
+/** An unsupported-format rejection, which is the more common failure. */
+export const UnsupportedFormat: Story = {
+  args: {
+    fileError: "Unsupported file type. Please choose an MP4, WebM or MOV file.",
+  },
+};
diff --git a/src/components/FormatSelector.stories 2.tsx b/src/components/FormatSelector.stories 2.tsx
new file mode 100644
index 000000000..a465cac82
--- /dev/null
+++ b/src/components/FormatSelector.stories 2.tsx	
@@ -0,0 +1,31 @@
+import type { Meta, StoryObj } from "@storybook/nextjs";
+import FormatSelector from "./FormatSelector";
+import { RecipeHarness, makeRecipe } from "./__stories__/RecipeHarness";
+
+/** Container format choice: mp4 / webm / mkv / gif. */
+const meta = {
+  title: "Editor/Controls/FormatSelector",
+  component: FormatSelector,
+  parameters: { layout: "padded" },
+  args: {
+    recipe: makeRecipe(),
+    onChange: () => {},
+  },
+  // `recipe` seeds the harness, which then owns the state so the control is
+  // actually interactive in Storybook rather than frozen on first render.
+  render: (args) => (
+    <RecipeHarness initial={args.recipe}>
+      {(recipe, onChange) => <FormatSelector recipe={recipe} onChange={onChange} />}
+    </RecipeHarness>
+  ),
+} satisfies Meta<typeof FormatSelector>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const WebM: Story = { args: { recipe: makeRecipe({ format: "webm" }) } };
+
+/** GIF is the odd one out — it drops audio, so its selected state matters. */
+export const Gif: Story = { args: { recipe: makeRecipe({ format: "gif" }) } };
diff --git a/src/components/FramingControl.stories 2.tsx b/src/components/FramingControl.stories 2.tsx
new file mode 100644
index 000000000..f02f87126
--- /dev/null
+++ b/src/components/FramingControl.stories 2.tsx	
@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from "@storybook/nextjs";
+import FramingControl from "./FramingControl";
+import { RecipeHarness, makeRecipe } from "./__stories__/RecipeHarness";
+
+/** Fit (letterbox) vs Fill (crop) toggle. */
+const meta = {
+  title: "Editor/Controls/FramingControl",
+  component: FramingControl,
+  parameters: { layout: "padded" },
+  args: {
+    recipe: makeRecipe(),
+    onChange: () => {},
+  },
+  // `recipe` seeds the harness, which then owns the state so the control is
+  // actually interactive in Storybook rather than frozen on first render.
+  render: (args) => (
+    <RecipeHarness initial={args.recipe}>
+      {(recipe, onChange) => <FramingControl recipe={recipe} onChange={onChange} />}
+    </RecipeHarness>
+  ),
+} satisfies Meta<typeof FramingControl>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Fit: Story = { args: { recipe: makeRecipe({ framing: "fit" }) } };
+
+export const Fill: Story = { args: { recipe: makeRecipe({ framing: "fill" }) } };
diff --git a/src/components/HistoryControls 2.tsx b/src/components/HistoryControls 2.tsx
new file mode 100644
index 000000000..5091afc9a
--- /dev/null
+++ b/src/components/HistoryControls 2.tsx	
@@ -0,0 +1,51 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { Undo2, Redo2 } from "lucide-react";
+import { isMacPlatform } from "@/lib/historyShortcuts";
+
+interface Props {
+  canUndo: boolean;
+  canRedo: boolean;
+  onUndo: () => void;
+  onRedo: () => void;
+}
+
+export default function HistoryControls({ canUndo, canRedo, onUndo, onRedo }: Props) {
+  const [isMac, setIsMac] = useState(false);
+  useEffect(() => {
+    // navigator is browser-only, so the platform can't be read during render.
+    // eslint-disable-next-line react-hooks/set-state-in-effect
+    setIsMac(isMacPlatform());
+  }, []);
+
+  const undoKeys = isMac ? "⌘Z" : "Ctrl+Z";
+  const redoKeys = isMac ? "⇧⌘Z" : "Ctrl+Y";
+
+  return (
+    <div role="group" aria-label="Edit history" className="flex items-center gap-1">
+      <button
+        type="button"
+        onClick={onUndo}
+        disabled={!canUndo}
+        aria-keyshortcuts={isMac ? "Meta+Z" : "Control+Z"}
+        title={`Undo (${undoKeys})`}
+        className="btn btn-ghost btn-sm"
+      >
+        <Undo2 size={14} aria-hidden="true" />
+        Undo
+      </button>
+      <button
+        type="button"
+        onClick={onRedo}
+        disabled={!canRedo}
+        aria-keyshortcuts={isMac ? "Shift+Meta+Z" : "Control+Y Control+Shift+Z"}
+        title={`Redo (${redoKeys})`}
+        className="btn btn-ghost btn-sm"
+      >
+        <Redo2 size={14} aria-hidden="true" />
+        Redo
+      </button>
+    </div>
+  );
+}
diff --git a/src/components/PresetSelector.stories 2.tsx b/src/components/PresetSelector.stories 2.tsx
new file mode 100644
index 000000000..9609119fe
--- /dev/null
+++ b/src/components/PresetSelector.stories 2.tsx	
@@ -0,0 +1,51 @@
+import type { Meta, StoryObj } from "@storybook/nextjs";
+import PresetSelector from "./PresetSelector";
+import { RecipeHarness, makeRecipe } from "./__stories__/RecipeHarness";
+
+/**
+ * The preset grid is the first real choice a user makes, and the most
+ * layout-sensitive part of the editor: presets are grouped into categories and
+ * each tile draws a scaled aspect-ratio box, so a change to spacing or to the
+ * ratio maths surfaces here before anywhere else.
+ */
+const meta = {
+  title: "Editor/Controls/PresetSelector",
+  component: PresetSelector,
+  parameters: { layout: "padded" },
+  args: {
+    recipe: makeRecipe(),
+    onChange: () => {},
+  },
+  // `recipe` seeds the harness, which then owns the state so the control is
+  // actually interactive in Storybook rather than frozen on first render.
+  render: (args) => (
+    <RecipeHarness initial={args.recipe}>
+      {(recipe, onChange) => <PresetSelector recipe={recipe} onChange={onChange} />}
+    </RecipeHarness>
+  ),
+} satisfies Meta<typeof PresetSelector>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+/** Default state — the 9:16 vertical preset selected. */
+export const Default: Story = {};
+
+/** A landscape preset selected, to catch category/highlight regressions. */
+export const LandscapeSelected: Story = {
+  args: { recipe: makeRecipe({ preset: "landscape-16-9" }) },
+};
+
+/**
+ * Custom dimensions reveal the width/height inputs, historically the source of
+ * overflow bugs in this panel.
+ */
+export const CustomDimensions: Story = {
+  args: {
+    recipe: makeRecipe({
+      preset: "custom",
+      customWidth: 1440,
+      customHeight: 1080,
+    }),
+  },
+};
diff --git a/src/components/PrivacyBanner 2.tsx b/src/components/PrivacyBanner 2.tsx
new file mode 100644
index 000000000..5b600a63c
--- /dev/null
+++ b/src/components/PrivacyBanner 2.tsx	
@@ -0,0 +1,81 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { ShieldCheck, X } from "lucide-react";
+
+/** localStorage key holding the timestamp (ms) until which the banner stays hidden. */
+const DISMISS_KEY = "reframe_privacy_banner_dismissed_until";
+/** Keep the banner hidden for 7 days after it is dismissed. */
+const DISMISS_DURATION_MS = 7 * 24 * 60 * 60 * 1000;
+
+/**
+ * Dismissible notice shown above the upload area highlighting that all video
+ * processing happens locally. Dismissal is remembered in localStorage and the
+ * banner does not reappear for 7 days.
+ */
+export default function PrivacyBanner() {
+  // Start hidden so the server-rendered markup matches the first client paint
+  // (static export → no hydration mismatch); reveal after reading localStorage.
+  const [visible, setVisible] = useState(false);
+
+  useEffect(() => {
+    // Genuinely needs an effect: localStorage is unavailable during SSR, so
+    // this can't be computed as derived state without a hydration mismatch.
+    try {
+      const raw = localStorage.getItem(DISMISS_KEY);
+      const dismissedUntil = raw ? Number(raw) : 0;
+      if (!Number.isFinite(dismissedUntil) || Date.now() >= dismissedUntil) {
+        // eslint-disable-next-line react-hooks/set-state-in-effect
+        setVisible(true);
+      }
+    } catch {
+      // localStorage unavailable (private mode, blocked storage) — show anyway.
+      setVisible(true);
+    }
+  }, []);
+
+  const dismiss = () => {
+    try {
+      localStorage.setItem(
+        DISMISS_KEY,
+        String(Date.now() + DISMISS_DURATION_MS)
+      );
+    } catch {
+      // Ignore write failures — dismissal simply won't persist across reloads.
+    }
+    setVisible(false);
+  };
+
+  if (!visible) return null;
+
+  return (
+    <div
+      role="note"
+      aria-label="Privacy information"
+      className="relative flex items-start gap-3 rounded-xl border border-[var(--border)] bg-[var(--surface)] p-4 pr-11 animate-fade-in"
+    >
+      <ShieldCheck
+        size={20}
+        aria-hidden="true"
+        className="mt-0.5 shrink-0 text-[var(--accent)]"
+      />
+      <div className="min-w-0 text-sm leading-relaxed">
+        <p className="font-heading font-bold text-[var(--text)]">
+          Your videos never leave your device.
+        </p>
+        <p className="mt-0.5 text-[var(--muted)]">
+          Processing is done entirely in your browser using FFmpeg.wasm. No
+          server, no upload, no account required.
+        </p>
+      </div>
+      <button
+        type="button"
+        onClick={dismiss}
+        aria-label="Dismiss privacy notice"
+        className="absolute right-2 top-2 flex h-8 w-8 items-center justify-center rounded-lg text-[var(--muted)] transition-colors hover:bg-[var(--border)] hover:text-[var(--text)]"
+      >
+        <X size={16} aria-hidden="true" />
+      </button>
+    </div>
+  );
+}
diff --git a/src/components/PrivacyBanner.stories 2.tsx b/src/components/PrivacyBanner.stories 2.tsx
new file mode 100644
index 000000000..52ea8144c
--- /dev/null
+++ b/src/components/PrivacyBanner.stories 2.tsx	
@@ -0,0 +1,21 @@
+import type { Meta, StoryObj } from "@storybook/nextjs";
+import PrivacyBanner from "./PrivacyBanner";
+
+/**
+ * "Your video never leaves your device" banner above the upload area — a key
+ * piece of the product's positioning, so its styling is worth protecting.
+ *
+ * It is dismissible and persists that choice, so it can render empty if
+ * localStorage already holds a dismissal. Storybook gives each story a fresh
+ * iframe, so the default (visible) state is what gets captured.
+ */
+const meta = {
+  title: "Editor/PrivacyBanner",
+  component: PrivacyBanner,
+  parameters: { layout: "padded" },
+} satisfies Meta<typeof PrivacyBanner>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/src/components/ProjectPanel 2.tsx b/src/components/ProjectPanel 2.tsx
new file mode 100644
index 000000000..e973f3f89
--- /dev/null
+++ b/src/components/ProjectPanel 2.tsx	
@@ -0,0 +1,216 @@
+"use client";
+
+import { useRef, useState } from "react";
+import { FolderOpen, Save, Trash2, HardDrive } from "lucide-react";
+import { formatBytes } from "@/lib/ffmpeg";
+import { MAX_PROJECT_FILE_BYTES } from "@/lib/project";
+import type {
+  PendingRecovery,
+  ProjectImportResult,
+  ProjectStorageStatus,
+} from "@/hooks/useVideoEditor";
+
+function formatDuration(seconds: number): string {
+  const total = Math.max(0, Math.round(seconds));
+  return `${Math.floor(total / 60)}:${String(total % 60).padStart(2, "0")}`;
+}
+
+function formatSavedAt(savedAt: number): string {
+  return new Date(savedAt).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+}
+
+const actionClass = "btn btn-secondary btn-sm";
+
+interface PanelProps {
+  hasFile: boolean;
+  storageStatus: ProjectStorageStatus;
+  disabled?: boolean;
+  onBuildProjectFile: () => { fileName: string; contents: string };
+  onImportProject: (contents: string) => ProjectImportResult;
+  onDeleteSavedData: () => void;
+}
+
+/** Explains what is saved in this browser, and saves, opens or deletes it. */
+export default function ProjectPanel({
+  hasFile,
+  storageStatus,
+  disabled = false,
+  onBuildProjectFile,
+  onImportProject,
+  onDeleteSavedData,
+}: PanelProps) {
+  const inputRef = useRef<HTMLInputElement>(null);
+  const [message, setMessage] = useState<{ tone: "ok" | "error"; text: string } | null>(null);
+  const [confirmingDelete, setConfirmingDelete] = useState(false);
+
+  const handleSave = () => {
+    const { fileName, contents } = onBuildProjectFile();
+    const url = URL.createObjectURL(new Blob([contents], { type: "application/json" }));
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = fileName;
+    link.click();
+    setTimeout(() => URL.revokeObjectURL(url), 0);
+    setMessage({ tone: "ok", text: `Saved ${fileName}. It holds your edits, not the video.` });
+  };
+
+  const handleOpen = async (event: React.ChangeEvent<HTMLInputElement>) => {
+    const chosen = event.target.files?.[0];
+    event.target.value = "";
+    if (!chosen) return;
+    if (chosen.size > MAX_PROJECT_FILE_BYTES) {
+      setMessage({ tone: "error", text: "That file is too large to be a Reframe project." });
+      return;
+    }
+    let contents: string;
+    try {
+      contents = await chosen.text();
+    } catch {
+      setMessage({ tone: "error", text: "That file couldn't be read." });
+      return;
+    }
+    const outcome = onImportProject(contents);
+    setMessage(
+      outcome.ok
+        ? { tone: "ok", text: outcome.message }
+        : { tone: "error", text: `Couldn't open the project. ${outcome.error}` }
+    );
+  };
+
+  const sourceLine =
+    storageStatus.sourceCopy === "saved"
+      ? "A copy of the video is kept in this browser's storage so a refresh doesn't lose it."
+      : storageStatus.sourceCopy === "failed"
+        ? "This browser didn't have room to keep a copy of the video. After a refresh you'll be asked to choose it again."
+        : storageStatus.sourceCopy === "saving"
+          ? "Keeping a copy of the video in this browser's storage…"
+          : null;
+
+  return (
+    <section
+      aria-labelledby="project-panel-title"
+      className="space-y-3 border-b border-[var(--border)] px-1 pb-5 pt-1"
+    >
+      <h2 id="project-panel-title" className="flex items-center gap-2 text-sm text-[var(--text-secondary)]">
+        <HardDrive size={15} aria-hidden="true" className="text-[var(--muted)]" />
+        Saved on this device
+      </h2>
+
+      <div className="space-y-1.5 text-xs leading-relaxed text-[var(--muted)]">
+        <p>
+          Your edit settings are saved in this browser as you work, so you can pick up after a
+          refresh. Nothing is uploaded.
+        </p>
+        {hasFile && sourceLine && <p>{sourceLine}</p>}
+        {hasFile && storageStatus.savedAt && !storageStatus.error && (
+          <p>Edits saved at {formatSavedAt(storageStatus.savedAt)}.</p>
+        )}
+        {storageStatus.error && <p className="text-[var(--error)]">{storageStatus.error}</p>}
+      </div>
+
+      <div className="flex flex-wrap gap-2">
+        <button type="button" onClick={handleSave} disabled={disabled} className={actionClass}>
+          <Save size={13} aria-hidden="true" />
+          Save project file
+        </button>
+        <button
+          type="button"
+          onClick={() => inputRef.current?.click()}
+          disabled={disabled}
+          className={actionClass}
+        >
+          <FolderOpen size={13} aria-hidden="true" />
+          Open project file
+        </button>
+        <input
+          ref={inputRef}
+          type="file"
+          accept=".json,application/json"
+          className="sr-only"
+          tabIndex={-1}
+          aria-hidden="true"
+          onChange={handleOpen}
+        />
+      </div>
+
+      <div aria-live="polite" className="text-xs">
+        {message && (
+          <p className={message.tone === "error" ? "text-[var(--error)]" : "text-[var(--text)]"}>
+            {message.text}
+          </p>
+        )}
+      </div>
+
+      {confirmingDelete ? (
+        <div className="callout callout-error flex-col items-stretch gap-2 text-xs">
+          <p>
+            Delete the saved edits and the stored copy of the video from this browser, and close the
+            current video? Project files you saved are not affected.
+          </p>
+          <div className="flex gap-2">
+            <button
+              type="button"
+              onClick={() => {
+                onDeleteSavedData();
+                setConfirmingDelete(false);
+                setMessage({ tone: "ok", text: "Saved data deleted. The editor has been reset." });
+              }}
+              className="btn btn-danger btn-sm"
+            >
+              Delete
+            </button>
+            <button
+              type="button"
+              onClick={() => setConfirmingDelete(false)}
+              className="btn btn-secondary btn-sm"
+            >
+              Cancel
+            </button>
+          </div>
+        </div>
+      ) : (
+        <button
+          type="button"
+          onClick={() => setConfirmingDelete(true)}
+          disabled={disabled}
+          className="btn btn-ghost btn-sm text-[var(--muted)] hover:text-[var(--error)]"
+        >
+          <Trash2 size={12} aria-hidden="true" />
+          Delete saved data
+        </button>
+      )}
+    </section>
+  );
+}
+
+interface RecoveryProps {
+  recovery: PendingRecovery;
+  onDiscard: () => void;
+}
+
+/** Shown when a saved project's video has to be chosen again. */
+export function RecoveryNotice({ recovery, onDiscard }: RecoveryProps) {
+  const { source } = recovery;
+  return (
+    <div role="status" className="callout callout-info flex-col items-stretch gap-2 text-sm">
+      <p className="font-medium">
+        {recovery.origin === "session" ? "Pick up where you left off" : "Choose the project's video"}
+      </p>
+      <p className="text-[var(--text-secondary)]">
+        {recovery.origin === "session"
+          ? "Your edits were saved, but this browser no longer has the video. "
+          : "Project files don't include the video. "}
+        Choose <strong>{source.name}</strong> ({formatBytes(source.size)}
+        {source.duration > 0 ? `, ${formatDuration(source.duration)}` : ""}) below to continue with
+        your edits. A different video starts with fresh trim points.
+      </p>
+      <button
+        type="button"
+        onClick={onDiscard}
+        className="link self-start text-xs"
+      >
+        Discard saved edits
+      </button>
+    </div>
+  );
+}
diff --git a/src/components/RotateControl.stories 2.tsx b/src/components/RotateControl.stories 2.tsx
new file mode 100644
index 000000000..57b9e7c1e
--- /dev/null
+++ b/src/components/RotateControl.stories 2.tsx	
@@ -0,0 +1,35 @@
+import type { Meta, StoryObj } from "@storybook/nextjs";
+import RotateControl from "./RotateControl";
+import { RecipeHarness, makeRecipe } from "./__stories__/RecipeHarness";
+
+/**
+ * Rotation buttons (0/90/180/270), implemented as a radiogroup with roving
+ * tabindex — so the selected-state styling is worth pinning down visually.
+ */
+const meta = {
+  title: "Editor/Controls/RotateControl",
+  component: RotateControl,
+  parameters: { layout: "padded" },
+  args: {
+    recipe: makeRecipe(),
+    onChange: () => {},
+  },
+  // `recipe` seeds the harness, which then owns the state so the control is
+  // actually interactive in Storybook rather than frozen on first render.
+  render: (args) => (
+    <RecipeHarness initial={args.recipe}>
+      {(recipe, onChange) => <RotateControl recipe={recipe} onChange={onChange} />}
+    </RecipeHarness>
+  ),
+} satisfies Meta<typeof RotateControl>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const NoRotation: Story = { args: { recipe: makeRecipe({ rotate: 0 }) } };
+
+export const Rotated90: Story = { args: { recipe: makeRecipe({ rotate: 90 }) } };
+
+export const Rotated270: Story = {
+  args: { recipe: makeRecipe({ rotate: 270 }) },
+};
diff --git a/src/components/TrimControl.stories 2.tsx b/src/components/TrimControl.stories 2.tsx
new file mode 100644
index 000000000..9269aa864
--- /dev/null
+++ b/src/components/TrimControl.stories 2.tsx	
@@ -0,0 +1,52 @@
+import type { Meta, StoryObj } from "@storybook/nextjs";
+import TrimControl from "./TrimControl";
+import { RecipeHarness, makeRecipe } from "./__stories__/RecipeHarness";
+
+/**
+ * Trim in/out controls.
+ *
+ * Determinism note: `file` is null in every story. The component feeds it to
+ * useAudioWaveform, which decodes real audio to draw the waveform — an async
+ * result that depends on the media, so a real file would make these snapshots
+ * unstable. The null path still renders the trim inputs and duration readout,
+ * which is the part worth regression-testing.
+ */
+const meta = {
+  title: "Editor/Controls/TrimControl",
+  component: TrimControl,
+  parameters: { layout: "padded" },
+  args: {
+    recipe: makeRecipe(),
+    onChange: () => {},
+    duration: 90,
+    file: null,
+  },
+  render: (args) => (
+    <RecipeHarness initial={args.recipe}>
+      {(recipe, onChange) => (
+        <TrimControl
+          recipe={recipe}
+          onChange={onChange}
+          duration={args.duration}
+          file={args.file}
+        />
+      )}
+    </RecipeHarness>
+  ),
+} satisfies Meta<typeof TrimControl>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+/** Full 90-second clip, nothing trimmed. */
+export const Default: Story = {};
+
+/** A trimmed range, so the computed output duration is exercised. */
+export const Trimmed: Story = {
+  args: { recipe: makeRecipe({ trimStart: 12.5, trimEnd: 47.25 }) },
+};
+
+/** Before media loads the duration is 0 — check it degrades cleanly. */
+export const NoMediaLoaded: Story = {
+  args: { duration: 0 },
+};
diff --git a/src/components/VideoEditor.stories 2.tsx b/src/components/VideoEditor.stories 2.tsx
new file mode 100644
index 000000000..bcdb0f7de
--- /dev/null
+++ b/src/components/VideoEditor.stories 2.tsx	
@@ -0,0 +1,41 @@
+import type { Meta, StoryObj } from "@storybook/nextjs";
+import VideoEditor from "./VideoEditor";
+
+/**
+ * The whole editor shell — the single most valuable snapshot in the project,
+ * because it catches layout regressions that individual control stories miss
+ * (section spacing, sidebar width, responsive stacking).
+ *
+ * It renders its pre-upload state here. VideoEditor owns real state via
+ * useVideoEditor, but FFmpeg.wasm is lazy-loaded and only touched on export,
+ * so mounting it is cheap and side-effect free.
+ *
+ * The onboarding tour is marked complete before the story renders. Two
+ * reasons: it measures its target element and animates a spotlight over a
+ * chain of timeouts, so a screenshot taken at an arbitrary moment catches it
+ * mid-move and reports a change that is purely timing; and the tour's dimming
+ * overlay covers most of the editor, which is precisely what this story exists
+ * to show.
+ *
+ * Interacting further (choosing a file, exporting) needs real media and a
+ * ~30 MB WASM download, so those paths are covered by the individual control
+ * stories instead of here.
+ */
+const meta = {
+  title: "Editor/VideoEditor",
+  component: VideoEditor,
+  parameters: {
+    layout: "fullscreen",
+    chromatic: { delay: 300 },
+  },
+  beforeEach: async () => {
+    // Matches TOUR_KEY in OnboardingTour.tsx.
+    window.localStorage.setItem("reframe_onboarding_complete", "1");
+  },
+} satisfies Meta<typeof VideoEditor>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+/** Initial load: upload prompt plus editor chrome. */
+export const Initial: Story = {};
diff --git a/src/components/VideoEditor.tsx b/src/components/VideoEditor.tsx
index cfd582c57..17637669f 100644
--- a/src/components/VideoEditor.tsx
+++ b/src/components/VideoEditor.tsx
@@ -285,6 +285,7 @@ export default function VideoEditor() {
     result,
     error,
     exportStartedAt,
+    exportNotice,
     updateRecipe,
     handleFileSelect,
     fileError,
@@ -425,6 +426,7 @@ export default function VideoEditor() {
         status={status}
         progress={progress}
         exportStartedAt={exportStartedAt}
+        notice={exportNotice}
         onCancel={cancelExport}
       />
       <OnboardingTour />
diff --git a/src/components/__stories__/RecipeHarness 2.tsx b/src/components/__stories__/RecipeHarness 2.tsx
new file mode 100644
index 000000000..da0382744
--- /dev/null
+++ b/src/components/__stories__/RecipeHarness 2.tsx	
@@ -0,0 +1,45 @@
+"use client";
+
+import * as React from "react";
+import { DEFAULT_RECIPE } from "@/lib/constants";
+import type { EditRecipe } from "@/lib/types";
+
+/**
+ * Shared story harness for the editor's control components.
+ *
+ * Every control in src/components takes the same pair of props — the whole
+ * `EditRecipe` plus an `onChange(patch)` callback — and renders purely from
+ * that state (the `updateRecipe(patch)` pattern described in CLAUDE.md).
+ *
+ * A story that passed a frozen object and a no-op `onChange` would render, but
+ * clicking anything would do nothing, which makes the Storybook docs useless
+ * for reviewing behaviour. This holds the recipe in real state so controls are
+ * interactive, while still starting from a deterministic snapshot for
+ * Chromatic.
+ */
+export function RecipeHarness({
+  initial,
+  children,
+}: {
+  initial?: Partial<EditRecipe>;
+  children: (
+    recipe: EditRecipe,
+    onChange: (patch: Partial<EditRecipe>) => void
+  ) => React.ReactNode;
+}) {
+  const [recipe, setRecipe] = React.useState<EditRecipe>({
+    ...DEFAULT_RECIPE,
+    ...initial,
+  });
+
+  const onChange = React.useCallback((patch: Partial<EditRecipe>) => {
+    setRecipe((prev) => ({ ...prev, ...patch }));
+  }, []);
+
+  return <>{children(recipe, onChange)}</>;
+}
+
+/** A deterministic recipe for stories that only need a static value. */
+export function makeRecipe(overrides: Partial<EditRecipe> = {}): EditRecipe {
+  return { ...DEFAULT_RECIPE, ...overrides };
+}
diff --git a/src/components/components.stories 2.tsx b/src/components/components.stories 2.tsx
new file mode 100644
index 000000000..b69ac981f
--- /dev/null
+++ b/src/components/components.stories 2.tsx	
@@ -0,0 +1,88 @@
+import type { Meta, StoryObj } from "@storybook/nextjs";
+import { Card, Button, Input, Badge } from "./components";
+
+/**
+ * The shared primitives every other screen is built from. These are the
+ * highest-value stories in the project for visual regression: a change to a
+ * design token (--bg, --surface, --border, --text, --muted, --accent) shows up
+ * here first, and CLAUDE.md calls out renaming those variables as a breaking
+ * change. One diff on this page localises the blast radius immediately.
+ */
+const meta = {
+  title: "Design System/Primitives",
+  parameters: { layout: "padded" },
+} satisfies Meta;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+/** Every button variant side by side, plus the disabled state. */
+export const Buttons: Story = {
+  render: () => (
+    <div className="flex flex-wrap items-center gap-3">
+      <Button variant="primary">Export video</Button>
+      <Button variant="secondary">Reset all</Button>
+      <Button variant="ghost">Cancel</Button>
+      <Button variant="primary" disabled>
+        Exporting…
+      </Button>
+    </div>
+  ),
+};
+
+/** All badge variants — these carry status colour, so contrast matters. */
+export const Badges: Story = {
+  render: () => (
+    <div className="flex flex-wrap items-center gap-3">
+      <Badge label="Default" />
+      <Badge label="Ready" variant="success" />
+      <Badge label="Large file" variant="warning" />
+      <Badge label="Failed" variant="error" />
+    </div>
+  ),
+};
+
+/** Text input, including the focus-visible outline globals.css defines. */
+export const Inputs: Story = {
+  render: () => (
+    <div className="flex max-w-sm flex-col gap-3">
+      <Input placeholder="reframe_1080x1920" />
+      <Input defaultValue="my-clip" />
+      <Input placeholder="Disabled" disabled />
+    </div>
+  ),
+};
+
+/** Card container with and without a description and body content. */
+export const Cards: Story = {
+  render: () => (
+    <div className="grid gap-4 sm:grid-cols-2">
+      <Card title="Preset" description="Choose an output aspect ratio.">
+        <p className="text-sm text-[var(--muted)]">9 : 16 — 1080 × 1920</p>
+      </Card>
+      <Card title="Title only" />
+    </div>
+  ),
+};
+
+/** Everything together, which is how these actually appear in the editor. */
+export const Kitchensink: Story = {
+  render: () => (
+    <div className="flex flex-col gap-6">
+      <div className="flex flex-wrap gap-3">
+        <Button variant="primary">Export</Button>
+        <Button variant="secondary">Reset</Button>
+        <Button variant="ghost">Cancel</Button>
+      </div>
+      <div className="flex flex-wrap gap-3">
+        <Badge label="Default" />
+        <Badge label="Ready" variant="success" />
+        <Badge label="Large file" variant="warning" />
+        <Badge label="Failed" variant="error" />
+      </div>
+      <Card title="Export settings" description="Quality and container format.">
+        <Input placeholder="Filename" />
+      </Card>
+    </div>
+  ),
+};
diff --git a/src/components/ui/BaseButton.stories 2.tsx b/src/components/ui/BaseButton.stories 2.tsx
new file mode 100644
index 000000000..33b84e995
--- /dev/null
+++ b/src/components/ui/BaseButton.stories 2.tsx	
@@ -0,0 +1,65 @@
+import type { Meta, StoryObj } from "@storybook/nextjs";
+import BaseButton from "./BaseButton";
+
+/**
+ * The shared button used across the editor. Four variants times four sizes is
+ * exactly the kind of combinatorial surface that regresses silently, so the
+ * matrix story below captures all of it in a single snapshot.
+ */
+const meta = {
+  title: "Design System/BaseButton",
+  component: BaseButton,
+  parameters: { layout: "padded" },
+} satisfies Meta<typeof BaseButton>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Primary: Story = {
+  args: { variant: "primary", children: "Export video" },
+};
+
+export const Secondary: Story = {
+  args: { variant: "secondary", children: "Reset all" },
+};
+
+export const Ghost: Story = {
+  args: { variant: "ghost", children: "Cancel" },
+};
+
+export const Outline: Story = {
+  args: { variant: "outline", children: "Learn more" },
+};
+
+/** Marked active — used for selected presets and toggles. */
+export const Active: Story = {
+  args: { variant: "secondary", active: true, children: "9 : 16" },
+};
+
+export const Disabled: Story = {
+  args: { variant: "primary", disabled: true, children: "Exporting…" },
+};
+
+/** Every variant/size combination in one snapshot. */
+export const Matrix: Story = {
+  render: () => {
+    const variants = ["primary", "secondary", "ghost", "outline"] as const;
+    const sizes = ["sm", "md", "lg", "xl"] as const;
+    return (
+      <div className="flex flex-col gap-4">
+        {variants.map((variant) => (
+          <div key={variant} className="flex flex-wrap items-center gap-3">
+            <span className="w-20 text-xs uppercase tracking-wide text-[var(--muted)]">
+              {variant}
+            </span>
+            {sizes.map((size) => (
+              <BaseButton key={size} variant={variant} size={size}>
+                {size}
+              </BaseButton>
+            ))}
+          </div>
+        ))}
+      </div>
+    );
+  },
+};
diff --git a/src/components/ui/Skeleton.stories 2.tsx b/src/components/ui/Skeleton.stories 2.tsx
new file mode 100644
index 000000000..06239301b
--- /dev/null
+++ b/src/components/ui/Skeleton.stories 2.tsx	
@@ -0,0 +1,31 @@
+import type { Meta, StoryObj } from "@storybook/nextjs";
+import Skeleton from "./Skeleton";
+
+/**
+ * Loading placeholder. Its shimmer is a CSS animation, which .storybook/preview.css
+ * freezes so Chromatic captures a settled frame instead of a random one.
+ */
+const meta = {
+  title: "Design System/Skeleton",
+  component: Skeleton,
+  parameters: { layout: "padded" },
+} satisfies Meta<typeof Skeleton>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Line: Story = { args: { className: "h-4 w-64" } };
+
+export const Block: Story = { args: { className: "h-32 w-full max-w-md" } };
+
+/** A realistic cluster, as used while thumbnails load. */
+export const Group: Story = {
+  render: () => (
+    <div className="flex max-w-md flex-col gap-3">
+      <Skeleton className="h-6 w-40" />
+      <Skeleton className="h-4 w-full" />
+      <Skeleton className="h-4 w-5/6" />
+      <Skeleton className="h-24 w-full" />
+    </div>
+  ),
+};
diff --git a/src/hooks/tests/exportTelemetry.hook.test.ts b/src/hooks/tests/exportTelemetry.hook.test.ts
index 1b09798e0..891b96a0d 100644
--- a/src/hooks/tests/exportTelemetry.hook.test.ts
+++ b/src/hooks/tests/exportTelemetry.hook.test.ts
@@ -89,6 +89,23 @@ describe("export reliability telemetry in the editor", () => {
     expect(JSON.stringify(rum.addAction.mock.calls)).not.toContain("holiday-clip");
   });
 
+  it("an automatic fallback to the single-threaded engine is one attempt, with a notice", async () => {
+    const { result } = await editorWithFile();
+    vi.mocked(exportVideo).mockImplementationOnce(async (...args) => {
+      const onEngineFallback = args[7] as (reason: "no_activity") => void;
+      onEngineFallback("no_activity");
+      return okResult;
+    });
+    await act(() => result.current.handleExport());
+    expect(lifecycle().map((e) => e.name)).toEqual(["export_started", "export_succeeded"]);
+    const fallback = rum.addAction.mock.calls.find(([name]) => name === "engine_fallback");
+    expect(fallback?.[1]).toMatchObject({ stall_reason: "no_activity", from: "multi", to: "single" });
+    expect(lifecycle()[1]!.ctx).toMatchObject({ engine: "single", fell_back: true });
+    expect(result.current.exportNotice).toMatch(/single-threaded engine/);
+    // The editor passes its known duration, so the export doesn't re-read it.
+    expect(vi.mocked(exportVideo).mock.calls[0]![6]).toBe(12);
+  });
+
   it("a cancel followed by a late rejection is one cancellation, not a failure", async () => {
     const { result } = await editorWithFile();
     let reject!: (e: unknown) => void;
diff --git a/src/hooks/useVideoEditor.ts b/src/hooks/useVideoEditor.ts
index 020d334a8..8594bf189 100644
--- a/src/hooks/useVideoEditor.ts
+++ b/src/hooks/useVideoEditor.ts
@@ -314,6 +314,8 @@ export function useVideoEditor() {
   const [error, setError] = useState<string | null>(null);
   const [fileError, setFileError] = useState("");
   const [exportStartedAt, setExportStartedAt] = useState<number | null>(null);
+  /** Shown during an export when something changed mid-way (engine fallback). */
+  const [exportNotice, setExportNotice] = useState<string | null>(null);
   const exportAbortControllerRef = useRef<AbortController | null>(null);
   const exportCancelledRef = useRef(false);
   /** The export attempt in progress, which reports its single outcome. */
@@ -725,6 +727,7 @@ export function useVideoEditor() {
     try {
       setStatus("loading-engine");
       setProgress(0);
+      setExportNotice(null);
       setError(null);
       setExportStartedAt(null);
       if (result?.blobUrl) URL.revokeObjectURL(result.blobUrl);
@@ -754,6 +757,12 @@ export function useVideoEditor() {
           position: overlayPosition,
           size: overlaySize,
           opacity: overlayOpacity,
+        },
+        duration,
+        (reason) => {
+          // Same export, same edits, on the slower but sturdier engine.
+          attempt.engineFallback(reason);
+          setExportNotice("Switched to the single-threaded engine and started again. This takes longer.");
         }
       );
       if (exportCancelledRef.current) return;
@@ -1120,6 +1129,7 @@ export function useVideoEditor() {
     status,
     progress,
     exportStartedAt,
+    exportNotice,
     result,
     error,
     videoRef,
diff --git a/src/lib/editorPersistence 2.ts b/src/lib/editorPersistence 2.ts
new file mode 100644
index 000000000..1abc8ba67
--- /dev/null
+++ b/src/lib/editorPersistence 2.ts	
@@ -0,0 +1,131 @@
+import { DEFAULT_RECIPE } from "@/lib/constants";
+import { EditRecipe, OverlayPosition, isValidRecipe, TextOverlay } from "@/lib/types";
+import { generateTextOverlayId } from "@/lib/text-overlay";
+
+export const RECIPE_STORAGE_KEY = "reframe:recipe";
+export const LEGACY_SETTINGS_KEY = "reframe-settings";
+export const EDITOR_STATE_KEY = "editorState";
+export const SOUND_PREF_KEY = "soundOnCompletion";
+
+export interface OverlayEditorState {
+  overlayPosition?: OverlayPosition;
+  overlaySize?: number;
+  overlayOpacity?: number;
+}
+
+function clamp(value: number, min: number, max: number): number {
+  return Math.min(Math.max(value, min), max);
+}
+
+const VALID_FONT_WEIGHTS = ["normal", "bold", "900"];
+
+function sanitizeTextOverlay(overlay: any): TextOverlay {
+  return {
+    id: typeof overlay.id === "string" ? overlay.id : generateTextOverlayId(),
+    text: typeof overlay.text === "string" ? overlay.text.slice(0, 500) : "",
+    x: typeof overlay.x === "number" && isFinite(overlay.x) ? clamp(overlay.x, 0, 100) : 50,
+    y: typeof overlay.y === "number" && isFinite(overlay.y) ? clamp(overlay.y, 0, 100) : 20,
+    fontSize: typeof overlay.fontSize === "number" && isFinite(overlay.fontSize) ? clamp(overlay.fontSize, 12, 120) : 48,
+    color: typeof overlay.color === "string" && /^#[0-9A-Fa-f]{6}$/.test(overlay.color) ? overlay.color : "#ffffff",
+    fontWeight: VALID_FONT_WEIGHTS.includes(overlay.fontWeight) ? (overlay.fontWeight as "normal" | "bold" | "900") : "normal",
+    fontFamily: typeof overlay.fontFamily === "string" ? overlay.fontFamily : "Arial",
+    fontPath: typeof overlay.fontPath === "string" ? overlay.fontPath : undefined,
+  };
+}
+
+export function migrateRecipe(recipe: Partial<EditRecipe>): EditRecipe {
+  const rotateValue = [0, 90, 180, 270].includes(recipe.rotate as any) ? (recipe.rotate as 0 | 90 | 180 | 270) : DEFAULT_RECIPE.rotate;
+
+  return {
+    ...DEFAULT_RECIPE,
+    ...recipe,
+    quality: typeof recipe.quality === "number" ? clamp(recipe.quality, 18, 30) : DEFAULT_RECIPE.quality,
+    speed: typeof recipe.speed === "number" ? clamp(recipe.speed, 0.25, 4) : DEFAULT_RECIPE.speed,
+    brightness: typeof recipe.brightness === "number" ? clamp(recipe.brightness, -1, 1) : DEFAULT_RECIPE.brightness,
+    contrast: typeof recipe.contrast === "number" ? clamp(recipe.contrast, 0, 2) : DEFAULT_RECIPE.contrast,
+    saturation: typeof recipe.saturation === "number" ? clamp(recipe.saturation, 0, 3) : DEFAULT_RECIPE.saturation,
+    customWidth: typeof recipe.customWidth === "number" ? clamp(recipe.customWidth, 16, 7680) : DEFAULT_RECIPE.customWidth,
+    customHeight: typeof recipe.customHeight === "number" ? clamp(recipe.customHeight, 16, 7680) : DEFAULT_RECIPE.customHeight,
+    trimStart: typeof recipe.trimStart === "number" ? Math.max(0, recipe.trimStart) : DEFAULT_RECIPE.trimStart,
+    rotate: rotateValue,
+    textOverlays: Array.isArray(recipe.textOverlays) ? recipe.textOverlays.map(sanitizeTextOverlay) : [],
+  };
+}
+
+export function getStoredSoundPreference(storage: Pick<Storage, "getItem">): boolean {
+  return storage.getItem(SOUND_PREF_KEY) === "true";
+}
+
+export function loadPersistedRecipe(
+  storage: Pick<Storage, "getItem">,
+  fallback: EditRecipe
+): EditRecipe {
+  const raw = storage.getItem(RECIPE_STORAGE_KEY);
+  if (raw) {
+    try {
+      const parsed = JSON.parse(raw);
+      if (isValidRecipe(parsed)) {
+        return parsed;
+      }
+    } catch {
+      // fall through to legacy state
+    }
+  }
+
+  const legacy = storage.getItem(LEGACY_SETTINGS_KEY);
+  if (legacy) {
+    try {
+      const parsed = JSON.parse(legacy);
+      return migrateRecipe({
+        preset: parsed.preset ?? fallback.preset,
+        quality: parsed.quality ?? fallback.quality,
+        speed: parsed.speed ?? fallback.speed,
+        customWidth: Number.isFinite(Number(parsed.customWidth)) ? Number(parsed.customWidth) : fallback.customWidth,
+        customHeight: Number.isFinite(Number(parsed.customHeight)) ? Number(parsed.customHeight) : fallback.customHeight,
+      });
+    } catch {
+      // ignore malformed legacy data
+    }
+  }
+
+  return fallback;
+}
+
+export function loadOverlayState(
+  storage: Pick<Storage, "getItem">,
+  fallback: OverlayEditorState
+): OverlayEditorState {
+  const raw = storage.getItem(EDITOR_STATE_KEY);
+  if (!raw) return fallback;
+
+  try {
+    const parsed = JSON.parse(raw) as OverlayEditorState & { recipe?: unknown };
+    return {
+      overlayPosition: typeof parsed.overlayPosition === "string" ? parsed.overlayPosition : fallback.overlayPosition,
+      overlaySize: typeof parsed.overlaySize === "number" ? parsed.overlaySize : fallback.overlaySize,
+      overlayOpacity: typeof parsed.overlayOpacity === "number" ? parsed.overlayOpacity : fallback.overlayOpacity,
+    };
+  } catch {
+    return fallback;
+  }
+}
+
+export function persistRecipe(storage: Pick<Storage, "setItem" | "removeItem">, recipe: EditRecipe) {
+  storage.setItem(RECIPE_STORAGE_KEY, JSON.stringify(recipe));
+  storage.removeItem(LEGACY_SETTINGS_KEY);
+}
+
+export function persistSoundPreference(storage: Pick<Storage, "setItem">, soundOnCompletion: boolean) {
+  storage.setItem(SOUND_PREF_KEY, String(soundOnCompletion));
+}
+
+export function persistOverlayState(storage: Pick<Storage, "setItem">, overlay: OverlayEditorState) {
+  storage.setItem(
+    EDITOR_STATE_KEY,
+    JSON.stringify({
+      overlayPosition: overlay.overlayPosition,
+      overlaySize: overlay.overlaySize,
+      overlayOpacity: overlay.overlayOpacity,
+    })
+  );
+}
diff --git a/src/lib/exportTelemetry.ts b/src/lib/exportTelemetry.ts
index 497712492..2076e8fff 100644
--- a/src/lib/exportTelemetry.ts
+++ b/src/lib/exportTelemetry.ts
@@ -22,6 +22,9 @@ export type ExportFailureCategory =
   | "network"
   | "encode_error";
 
+/** Which watchdog rule stopped a stalled export (see ExportStalledError). */
+export type StallReason = "no_activity" | "no_progress" | "overrun";
+
 export type EngineLoadFailureCategory = "network" | "integrity" | "wasm" | "worker_script" | "unknown";
 
 /** Why a load ended up single-threaded. */
@@ -86,6 +89,7 @@ export class ExportAttempt {
   private readonly startedAt = now();
   private encodeStartedAt: number | null = null;
   private engine: EngineMode | "none" = "none";
+  private fellBack = false;
 
   constructor(
     private readonly context: ExportContext,
@@ -109,10 +113,23 @@ export class ExportAttempt {
     this.encodeStartedAt = now();
   }
 
+  /**
+   * The multi-threaded engine stalled and this same attempt is being retried
+   * on the single-threaded one. The attempt keeps going: its one outcome is
+   * reported when the retry ends, with engine "single" and fell_back true.
+   */
+  engineFallback(reason: StallReason): void {
+    if (this.settled) return;
+    trackAction("engine_fallback", { ...this.context, from: "multi", to: "single", stall_reason: reason });
+    this.engine = "single";
+    this.fellBack = true;
+  }
+
   private common() {
     return {
       ...this.context,
       engine: this.engine,
+      fell_back: this.fellBack,
       is_retry: this.retryOf !== null,
       durationMs: Math.round(now() - this.startedAt),
     };
diff --git a/src/lib/ffmpeg.ts b/src/lib/ffmpeg.ts
index 7eb543615..c347cba01 100644
--- a/src/lib/ffmpeg.ts
+++ b/src/lib/ffmpeg.ts
@@ -1,6 +1,6 @@
 import { EditRecipe, ExportResult, BackgroundMusicOptions, ImageOverlayOptions, MAX_FILE_SIZE } from "./types";
 import { trackTiming } from "./telemetry";
-import { startEngineLoad } from "./exportTelemetry";
+import { startEngineLoad, type StallReason } from "./exportTelemetry";
 import type { EngineMode } from "./ffmpegArgs";
 
 // The command line itself is built in ffmpegArgs.ts and run by the worker.
@@ -14,11 +14,18 @@ export class FFmpegLoadError extends Error {
   }
 }
 
-/** The engine stopped reporting activity mid-export (see STALL_TIMEOUT_MS). */
+/** The watchdog stopped an export that wasn't going to finish. */
 export class ExportStalledError extends Error {
   name = "ExportStalledError";
-  constructor(readonly mode: EngineMode) {
-    super("Export stopped responding");
+  constructor(
+    readonly mode: EngineMode,
+    readonly reason: StallReason = "no_activity"
+  ) {
+    super(
+      mode === "multi"
+        ? "The export stopped responding. Press Retry to try again with the single-threaded engine, which is slower but more reliable."
+        : "The export stopped responding. Press Retry to try again, or try a shorter clip or a lower resolution."
+    );
   }
 }
 
@@ -300,7 +307,34 @@ function cancelPendingExport(reason?: unknown) {
   pendingActivity = null;
 }
 
+/**
+ * Exports `file` with `recipe`. If the multi-threaded engine stalls, the same
+ * export (same file and edits) is retried once on the single-threaded engine,
+ * and `onEngineFallback` is told why before the retry starts.
+ */
 export async function exportVideo(
+  file: File,
+  recipe: EditRecipe,
+  onProgress: (percent: number) => void,
+  signal?: AbortSignal,
+  musicOptions?: BackgroundMusicOptions,
+  overlayOptions?: ImageOverlayOptions,
+  knownDuration?: number,
+  onEngineFallback?: (reason: StallReason) => void
+): Promise<ExportResult> {
+  try {
+    return await exportOnce(file, recipe, onProgress, signal, musicOptions, overlayOptions, knownDuration);
+  } catch (err) {
+    if (!(err instanceof ExportStalledError) || err.mode !== "multi" || signal?.aborted) throw err;
+    // The stall set preferSingleThread, so this loads the single-threaded core.
+    // The file is read again: its first copy was transferred to the old worker.
+    onEngineFallback?.(err.reason);
+    onProgress(0);
+    return exportOnce(file, recipe, onProgress, signal, musicOptions, overlayOptions, knownDuration);
+  }
+}
+
+async function exportOnce(
   file: File,
   recipe: EditRecipe,
   onProgress: (percent: number) => void,
diff --git a/src/lib/ffmpegArgs.ts b/src/lib/ffmpegArgs.ts
index 09f623a51..2a0499c14 100644
--- a/src/lib/ffmpegArgs.ts
+++ b/src/lib/ffmpegArgs.ts
@@ -23,13 +23,19 @@ export type EngineMode = "multi" | "single";
  */
 export const MT_THREAD_CAP = 4;
 
-/** Threads to request per stage; 0 means "don't pass any thread flags". */
+/** Threads to assume when the browser doesn't report its core count. */
+export const UNKNOWN_CORES_THREADS = 2;
+
+/**
+ * Threads to request per stage: min(MT_THREAD_CAP, hardwareConcurrency || 2),
+ * or 0 ("don't pass any thread flags") for the single-threaded core.
+ */
 export function resolveThreadCount(mode: EngineMode, hardwareConcurrency?: number): number {
   if (mode !== "multi") return 0;
   const cores =
     hardwareConcurrency && Number.isFinite(hardwareConcurrency) && hardwareConcurrency > 0
       ? Math.floor(hardwareConcurrency)
-      : MT_THREAD_CAP;
+      : UNKNOWN_CORES_THREADS;
   return Math.max(1, Math.min(MT_THREAD_CAP, cores));
 }
 
diff --git a/src/lib/lottie/trail-loading 2.json b/src/lib/lottie/trail-loading 2.json
new file mode 100644
index 000000000..84f09c286
--- /dev/null
+++ b/src/lib/lottie/trail-loading 2.json	
@@ -0,0 +1 @@
+{"v":"4.6.8","fr":60,"ip":0,"op":106,"w":500,"h":500,"nm":"Comp 1","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":2,"ty":4,"nm":"Shape Layer 5","ks":{"o":{"a":0,"k":100},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0p667_1_0p333_0"],"t":20,"s":[0],"e":[360]},{"t":110}]},"p":{"a":0,"k":[251,250,0]},"a":{"a":0,"k":[0,0,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[10,10]},"p":{"a":0,"k":[0,-100]},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse"},{"ty":"st","c":{"a":0,"k":[0.8706,0.3255,0.298,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":0},"lc":1,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke"},{"ty":"fl","c":{"a":0,"k":[1,0.05,0,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":20,"op":620,"st":20,"bm":0,"sr":1},{"ddd":0,"ind":3,"ty":4,"nm":"Shape Layer 4","ks":{"o":{"a":0,"k":100},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0p667_1_0p333_0"],"t":15,"s":[0],"e":[360]},{"t":105}]},"p":{"a":0,"k":[251,250,0]},"a":{"a":0,"k":[0,0,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[20,20]},"p":{"a":0,"k":[0,-100]},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse"},{"ty":"st","c":{"a":0,"k":[0.8706,0.3255,0.298,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":0},"lc":1,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke"},{"ty":"fl","c":{"a":0,"k":[1,0.05,0,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":15,"op":615,"st":15,"bm":0,"sr":1},{"ddd":0,"ind":4,"ty":4,"nm":"Shape Layer 3","ks":{"o":{"a":0,"k":100},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0p667_1_0p333_0"],"t":10,"s":[0],"e":[360]},{"t":100}]},"p":{"a":0,"k":[251,250,0]},"a":{"a":0,"k":[0,0,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[30,30]},"p":{"a":0,"k":[0,-100]},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse"},{"ty":"st","c":{"a":0,"k":[0.8706,0.3255,0.298,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":0},"lc":1,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke"},{"ty":"fl","c":{"a":0,"k":[1,0.05,0,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":10,"op":610,"st":10,"bm":0,"sr":1},{"ddd":0,"ind":5,"ty":4,"nm":"Shape Layer 2","ks":{"o":{"a":0,"k":100},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0p667_1_0p333_0"],"t":5,"s":[0],"e":[360]},{"t":95}]},"p":{"a":0,"k":[251,250,0]},"a":{"a":0,"k":[0,0,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[40,40]},"p":{"a":0,"k":[0,-100]},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse"},{"ty":"st","c":{"a":0,"k":[0.8706,0.3255,0.298,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":0},"lc":1,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke"},{"ty":"fl","c":{"a":0,"k":[1,0.05,0,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":5,"op":605,"st":5,"bm":0,"sr":1},{"ddd":0,"ind":6,"ty":4,"nm":"Shape Layer 1","ks":{"o":{"a":0,"k":100},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0p667_1_0p333_0"],"t":0,"s":[0],"e":[360]},{"t":90}]},"p":{"a":0,"k":[250,250,0]},"a":{"a":0,"k":[0,0,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":1,"k":[{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.333,0.333],"y":[0,0]},"n":["0p667_1_0p333_0","0p667_1_0p333_0"],"t":0,"s":[50,50],"e":[40,40]},{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.333,0.333],"y":[0,0]},"n":["0p667_1_0p333_0","0p667_1_0p333_0"],"t":84,"s":[40,40],"e":[50,50]},{"t":100}]},"p":{"a":0,"k":[0,-100]},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse"},{"ty":"st","c":{"a":0,"k":[0.8706,0.3255,0.298,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":0},"lc":1,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke"},{"ty":"fl","c":{"a":0,"k":[1,0.05,0,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":600,"st":0,"bm":0,"sr":1}]}
\ No newline at end of file
diff --git a/src/lib/overlayGraph 2.ts b/src/lib/overlayGraph 2.ts
new file mode 100644
index 000000000..6e06d2bf5
--- /dev/null
+++ b/src/lib/overlayGraph 2.ts	
@@ -0,0 +1,309 @@
+/**
+ * FFmpeg Overlay Filter Graph Generator
+ * 
+ * Phase 1 MVP: Dynamic filter_complex generation for multi-track compositing
+ * Supports up to 2 simultaneous video tracks with scaling, positioning, and opacity.
+ * 
+ * Example output for 2-track PiP:
+ *   [0:v]scale=1920:1080[bg];
+ *   [1:v]scale=720:-1[pip];
+ *   [bg][pip]overlay=600:400:alpha=linear[outv]
+ */
+
+import { TimelineTrack } from "./types";
+import { getBackgroundTrack, getOverlayTracks } from "./timeline";
+
+interface OverlayPosition {
+  x: number;
+  y: number;
+}
+
+interface ScaledTrackInfo {
+  inputIndex: number;
+  track: TimelineTrack;
+  width: number;
+  height: number;
+  position: OverlayPosition;
+  opacity: number;
+}
+
+/**
+ * Determine output position for an overlay
+ * If track.position is auto (-1), center the overlay
+ */
+function resolveOverlayPosition(
+  track: TimelineTrack,
+  overlayWidth: number,
+  overlayHeight: number,
+  canvasWidth: number,
+  canvasHeight: number
+): OverlayPosition {
+  let x = track.position.x;
+  let y = track.position.y;
+
+  // Auto-center logic
+  if (x === -1) {
+    x = Math.max(0, (canvasWidth - overlayWidth) / 2);
+  }
+  if (y === -1) {
+    y = Math.max(0, (canvasHeight - overlayHeight) / 2);
+  }
+
+  return { x: Math.round(x), y: Math.round(y) };
+}
+
+/**
+ * Calculate scaled dimensions maintaining aspect ratio
+ * If height is -1, scale based on width proportionally
+ */
+function calculateScaledDimensions(
+  sourceWidth: number,
+  sourceHeight: number,
+  targetWidth: number,
+  targetHeight: number = -1
+): { width: number; height: number } {
+  if (targetHeight === -1) {
+    // Scale width and derive height
+    const scale = targetWidth / sourceWidth;
+    return {
+      width: Math.round(targetWidth),
+      height: Math.round(sourceHeight * scale),
+    };
+  }
+
+  return {
+    width: Math.round(targetWidth),
+    height: Math.round(targetHeight),
+  };
+}
+
+/**
+ * Build a scale filter spec for a single track
+ * Format: [Nin]scale=W:H[Nout]
+ */
+function buildScaleFilter(
+  inputIndex: number,
+  width: number,
+  height: number,
+  labelSuffix: string
+): string {
+  // Use -2 for height to preserve aspect ratio
+  const heightSpec = height === -1 ? "-1" : String(height);
+  return `[${inputIndex}:v]scale=${width}:${heightSpec}[${labelSuffix}]`;
+}
+
+/**
+ * Build an overlay filter spec combining two video streams
+ * Format: [base][overlay]overlay=x:y:alpha=linear[out]
+ */
+function buildOverlayFilter(
+  baseLabel: string,
+  overlayLabel: string,
+  x: number,
+  y: number,
+  opacityPercent: number,
+  outputLabel: string
+): string {
+  const alpha = opacityPercent < 100 ? `:alpha=linear` : "";
+  const alphaStr = opacityPercent < 100
+    ? `[${overlayLabel}]format=rgba,colorchannelmixer=aa=${(opacityPercent / 100).toFixed(2)}[${overlayLabel}_a]`
+    : "";
+  
+  const overlayLabelFinal = opacityPercent < 100 ? `${overlayLabel}_a` : overlayLabel;
+
+  if (alphaStr) {
+    return [alphaStr, `[${baseLabel}][${overlayLabelFinal}]overlay=${x}:${y}${alpha}[${outputLabel}]`].join(
+      "; "
+    );
+  }
+
+  return `[${baseLabel}][${overlayLabelFinal}]overlay=${x}:${y}${alpha}[${outputLabel}]`;
+}
+
+/**
+ * Main entry point: Generate FFmpeg filter_complex for multi-track compositing
+ * 
+ * @param tracks - Timeline tracks sorted by z-index (background first)
+ * @param canvasWidth - Output canvas width
+ * @param canvasHeight - Output canvas height
+ * @returns Filter complex string ready for FFmpeg -filter_complex argument
+ */
+export function buildOverlayFilterGraph(
+  tracks: TimelineTrack[],
+  canvasWidth: number,
+  canvasHeight: number
+): { filterComplex: string; videoOutput: string } {
+  // Get background and overlay tracks in proper order
+  const bgTrack = getBackgroundTrack(tracks);
+  const overlayTracks = getOverlayTracks(tracks);
+
+  // Phase 1 MVP: Only support up to 2 tracks
+  if (!bgTrack) {
+    // No video tracks; return pass-through
+    return { filterComplex: "", videoOutput: "[0:v]" };
+  }
+
+  if (overlayTracks.length === 0) {
+    // Only background track; scale if needed
+    const scaledDims = calculateScaledDimensions(
+      1920, // Assume 1920 for now; this should come from metadata
+      1080,
+      canvasWidth,
+      canvasHeight
+    );
+
+    const scaleFilter = buildScaleFilter(0, scaledDims.width, scaledDims.height, "bg");
+    return { filterComplex: scaleFilter, videoOutput: "[bg]" };
+  }
+
+  // 2-track compositing (Background + 1 Overlay)
+  const parts: string[] = [];
+  let currentOutput = "bg";
+  let inputIdx = 0;
+
+  // Scale background to canvas size
+  const bgScaled = calculateScaledDimensions(1920, 1080, canvasWidth, canvasHeight);
+  parts.push(buildScaleFilter(inputIdx, bgScaled.width, bgScaled.height, currentOutput));
+  inputIdx++;
+
+  // Process each overlay track
+  overlayTracks.forEach((track, overlayIdx) => {
+    const overlayLabel = `overlay${overlayIdx}`;
+
+    // Scale overlay (typically smaller for PiP)
+    const overlayWidth = Math.round(canvasWidth * (track.scale || 1.0));
+    const overlayHeight = -1; // Preserve aspect ratio
+    const overlayScaled = calculateScaledDimensions(
+      1920,
+      1080,
+      overlayWidth,
+      overlayHeight
+    );
+
+    parts.push(
+      buildScaleFilter(inputIdx, overlayScaled.width, overlayScaled.height, overlayLabel)
+    );
+
+    // Calculate overlay position (with auto-center if needed)
+    const position = resolveOverlayPosition(
+      track,
+      overlayScaled.width,
+      overlayScaled.height,
+      canvasWidth,
+      canvasHeight
+    );
+
+    // Compose overlay onto background/previous output
+    const outLabel = overlayIdx === overlayTracks.length - 1 ? "out" : `layer${overlayIdx}`;
+    parts.push(
+      buildOverlayFilter(
+        currentOutput,
+        overlayLabel,
+        position.x,
+        position.y,
+        track.opacity ?? 100,
+        outLabel
+      )
+    );
+
+    currentOutput = outLabel;
+    inputIdx++;
+  });
+
+  const filterComplex = parts.join(";");
+  const videoOutput = `[${currentOutput}]`;
+
+  return { filterComplex, videoOutput };
+}
+
+/**
+ * Validate overlay graph configuration
+ * Checks for common issues before passing to FFmpeg
+ */
+export function validateOverlayGraph(
+  tracks: TimelineTrack[],
+  canvasWidth: number,
+  canvasHeight: number
+): { valid: boolean; errors: string[] } {
+  const errors: string[] = [];
+
+  if (canvasWidth < 16 || canvasWidth > 7680) {
+    errors.push(`Canvas width out of range: ${canvasWidth}`);
+  }
+  if (canvasHeight < 16 || canvasHeight > 7680) {
+    errors.push(`Canvas height out of range: ${canvasHeight}`);
+  }
+
+  // Check for more than 2 visible video tracks
+  const visibleVideoCount = tracks.filter(
+    t => t.visible && t.type === "video" && t.source
+  ).length;
+  if (visibleVideoCount > 2) {
+    errors.push(
+      `Phase 1 MVP: Max 2 visible video tracks, found ${visibleVideoCount}`
+    );
+  }
+
+  // Check track validity
+  tracks.forEach((track, idx) => {
+    if (!track.id) {
+      errors.push(`Track ${idx} missing ID`);
+    }
+    if (track.opacity < 0 || track.opacity > 100) {
+      errors.push(
+        `Track ${idx} opacity out of range: ${track.opacity} (expected 0-100)`
+      );
+    }
+    if (track.scale <= 0) {
+      errors.push(`Track ${idx} invalid scale: ${track.scale}`);
+    }
+  });
+
+  return { valid: errors.length === 0, errors };
+}
+
+/**
+ * Generate example overlay graph for documentation/testing
+ */
+export function generateExampleOverlayGraphs(): Record<string, string> {
+  // Mock a 2-track PiP scenario
+  const mockBgTrack: TimelineTrack = {
+    id: "bg",
+    type: "video",
+    source: null,
+    startTime: 0,
+    duration: 10,
+    zIndex: 0,
+    visible: true,
+    opacity: 100,
+    position: { x: 0, y: 0 },
+    scale: 1.0,
+    rotation: 0,
+  };
+
+  const mockPipTrack: TimelineTrack = {
+    id: "pip",
+    type: "video",
+    source: null,
+    startTime: 0,
+    duration: 5,
+    zIndex: 1,
+    visible: true,
+    opacity: 100,
+    position: { x: -1, y: -1 }, // auto-center
+    scale: 0.4,
+    rotation: 0,
+  };
+
+  const { filterComplex } = buildOverlayFilterGraph(
+    [mockBgTrack, mockPipTrack],
+    1920,
+    1080
+  );
+
+  return {
+    "2-track-pip": filterComplex,
+    "example-background-track": mockBgTrack.id,
+    "example-overlay-track": mockPipTrack.id,
+  };
+}
diff --git a/src/lib/sessionDB 2.ts b/src/lib/sessionDB 2.ts
new file mode 100644
index 000000000..57f0a1d7c
--- /dev/null
+++ b/src/lib/sessionDB 2.ts	
@@ -0,0 +1,82 @@
+const DB_NAME = "reframe-session";
+const STORE_NAME = "files";
+
+export async function saveSessionFile(file: File): Promise<void> {
+  return new Promise((resolve, reject) => {
+    try {
+      const request = indexedDB.open(DB_NAME, 1);
+      request.onupgradeneeded = () => {
+        if (!request.result.objectStoreNames.contains(STORE_NAME)) {
+          request.result.createObjectStore(STORE_NAME);
+        }
+      };
+      request.onsuccess = () => {
+        const db = request.result;
+        const tx = db.transaction(STORE_NAME, "readwrite");
+        tx.objectStore(STORE_NAME).put(file, "currentVideo");
+        tx.oncomplete = () => { db.close(); resolve(); };
+        tx.onerror = () => reject(tx.error);
+      };
+      request.onerror = () => reject(request.error);
+    } catch (e) {
+      reject(e);
+    }
+  });
+}
+
+export async function loadSessionFile(): Promise<File | null> {
+  return new Promise((resolve, reject) => {
+    try {
+      const request = indexedDB.open(DB_NAME, 1);
+      request.onupgradeneeded = () => {
+        if (!request.result.objectStoreNames.contains(STORE_NAME)) {
+          request.result.createObjectStore(STORE_NAME);
+        }
+      };
+      request.onsuccess = () => {
+        const db = request.result;
+        if (!db.objectStoreNames.contains(STORE_NAME)) {
+          db.close();
+          return resolve(null);
+        }
+        const tx = db.transaction(STORE_NAME, "readonly");
+        const getReq = tx.objectStore(STORE_NAME).get("currentVideo");
+        getReq.onsuccess = () => {
+          db.close();
+          resolve(getReq.result || null);
+        };
+        getReq.onerror = () => reject(getReq.error);
+      };
+      request.onerror = () => reject(request.error);
+    } catch (e) {
+      reject(e);
+    }
+  });
+}
+
+export async function clearSessionFile(): Promise<void> {
+  return new Promise((resolve, reject) => {
+    try {
+      const request = indexedDB.open(DB_NAME, 1);
+      request.onupgradeneeded = () => {
+        if (!request.result.objectStoreNames.contains(STORE_NAME)) {
+          request.result.createObjectStore(STORE_NAME);
+        }
+      };
+      request.onsuccess = () => {
+        const db = request.result;
+        if (!db.objectStoreNames.contains(STORE_NAME)) {
+          db.close();
+          return resolve();
+        }
+        const tx = db.transaction(STORE_NAME, "readwrite");
+        tx.objectStore(STORE_NAME).clear();
+        tx.oncomplete = () => { db.close(); resolve(); };
+        tx.onerror = () => reject(tx.error);
+      };
+      request.onerror = () => reject(request.error);
+    } catch (e) {
+      reject(e);
+    }
+  });
+}
diff --git a/src/lib/tests/editorPersistence.test 2.ts b/src/lib/tests/editorPersistence.test 2.ts
new file mode 100644
index 000000000..e93ec704f
--- /dev/null
+++ b/src/lib/tests/editorPersistence.test 2.ts	
@@ -0,0 +1,90 @@
+import { describe, expect, it, beforeEach } from "vitest";
+import { DEFAULT_RECIPE } from "@/lib/constants";
+import {
+  EDITOR_STATE_KEY,
+  LEGACY_SETTINGS_KEY,
+  RECIPE_STORAGE_KEY,
+  loadOverlayState,
+  loadPersistedRecipe,
+  persistOverlayState,
+  persistRecipe,
+  persistSoundPreference,
+} from "@/lib/editorPersistence";
+import { EditRecipe } from "@/lib/types";
+
+describe("editorPersistence", () => {
+  beforeEach(() => {
+    localStorage.clear();
+  });
+
+  it("loads the canonical recipe key first", () => {
+    const recipe: EditRecipe = { ...DEFAULT_RECIPE, quality: 28, version: DEFAULT_RECIPE.version };
+    localStorage.setItem(RECIPE_STORAGE_KEY, JSON.stringify(recipe));
+    localStorage.setItem(LEGACY_SETTINGS_KEY, JSON.stringify({ quality: 18 }));
+
+    expect(loadPersistedRecipe(localStorage, DEFAULT_RECIPE)).toEqual(recipe);
+  });
+
+  it("migrates legacy settings when the canonical key is missing", () => {
+    localStorage.setItem(
+      LEGACY_SETTINGS_KEY,
+      JSON.stringify({ preset: "custom", quality: 19, speed: 1.5, customWidth: 1280, customHeight: 720 })
+    );
+
+    const loaded = loadPersistedRecipe(localStorage, DEFAULT_RECIPE);
+
+    expect(loaded.preset).toBe("custom");
+    expect(loaded.quality).toBe(19);
+    expect(loaded.speed).toBe(1.5);
+    expect(loaded.customWidth).toBe(1280);
+    expect(loaded.customHeight).toBe(720);
+  });
+
+  it("persists only the canonical recipe key and clears legacy recipe settings", () => {
+    persistRecipe(localStorage, DEFAULT_RECIPE);
+
+    expect(localStorage.getItem(RECIPE_STORAGE_KEY)).toBe(JSON.stringify(DEFAULT_RECIPE));
+    expect(localStorage.getItem(LEGACY_SETTINGS_KEY)).toBeNull();
+  });
+
+  it("persists overlay state without recipe data", () => {
+    persistOverlayState(localStorage, {
+      overlayPosition: "top-left",
+      overlaySize: 120,
+      overlayOpacity: 85,
+    });
+
+    expect(JSON.parse(localStorage.getItem(EDITOR_STATE_KEY) ?? "{}")).toEqual({
+      overlayPosition: "top-left",
+      overlaySize: 120,
+      overlayOpacity: 85,
+    });
+  });
+
+  it("reads overlay state while ignoring any legacy embedded recipe", () => {
+    localStorage.setItem(
+      EDITOR_STATE_KEY,
+      JSON.stringify({
+        recipe: { quality: 12 },
+        overlayPosition: "bottom-left",
+        overlaySize: 155,
+        overlayOpacity: 72,
+      })
+    );
+
+    expect(loadOverlayState(localStorage, {
+      overlayPosition: "bottom-right",
+      overlaySize: 150,
+      overlayOpacity: 100,
+    })).toEqual({
+      overlayPosition: "bottom-left",
+      overlaySize: 155,
+      overlayOpacity: 72,
+    });
+  });
+
+  it("persists sound preference separately", () => {
+    persistSoundPreference(localStorage, true);
+    expect(localStorage.getItem("soundOnCompletion")).toBe("true");
+  });
+});
diff --git a/src/lib/tests/exportTelemetry.test.ts b/src/lib/tests/exportTelemetry.test.ts
index 52916ac3c..fa7f9ab0b 100644
--- a/src/lib/tests/exportTelemetry.test.ts
+++ b/src/lib/tests/exportTelemetry.test.ts
@@ -43,6 +43,10 @@ const ALLOWED_KEYS = new Set([
   "category",
   "load_number",
   "single_reason",
+  "fell_back",
+  "from",
+  "to",
+  "stall_reason",
 ]);
 
 let rum: { addAction: ReturnType<typeof vi.fn>; addDurationVital: ReturnType<typeof vi.fn> };
@@ -118,6 +122,10 @@ describe("export attempt outcomes", () => {
     a.failed(new Error("x"));
     new ExportAttempt(context).cancelled();
     new ExportAttempt(context).succeeded("25-100MB");
+    const fb = new ExportAttempt(context);
+    fb.encoding("multi");
+    fb.engineFallback("no_activity");
+    fb.succeeded("<25MB");
     const load = startEngineLoad("multi");
     load.failed(new Error("Failed to fetch engine file (HTTP 503)"));
     startEngineLoad("single").succeeded("single");
@@ -132,6 +140,25 @@ describe("export attempt outcomes", () => {
   });
 });
 
+describe("engine fallback", () => {
+  it("reports the fallback with its reason, and the attempt's one outcome on the single-threaded engine", () => {
+    const attempt = new ExportAttempt(context);
+    attempt.encoding("multi");
+    attempt.engineFallback("no_activity");
+    expect(attempt.succeeded("<25MB")).toBe(true);
+    expect(names()).toEqual(["export_started", "engine_fallback", "export_succeeded"]);
+    expect(events()[1]!.ctx).toMatchObject({ from: "multi", to: "single", stall_reason: "no_activity", format: "mp4" });
+    expect(events()[2]!.ctx).toMatchObject({ engine: "single", fell_back: true });
+  });
+
+  it("does nothing once the attempt has an outcome", () => {
+    const attempt = new ExportAttempt(context);
+    attempt.cancelled();
+    attempt.engineFallback("no_activity");
+    expect(names()).toEqual(["export_started", "export_cancelled"]);
+  });
+});
+
 describe("failure categories", () => {
   it.each([
     [new ExportStalledError("multi"), "encode", "timeout"],
diff --git a/src/lib/tests/ffmpegArgs.test.ts b/src/lib/tests/ffmpegArgs.test.ts
index d354ddc59..2e4665057 100644
--- a/src/lib/tests/ffmpegArgs.test.ts
+++ b/src/lib/tests/ffmpegArgs.test.ts
@@ -5,6 +5,7 @@ import {
   outputDurationArgs,
   resolveThreadCount,
   MT_THREAD_CAP,
+  UNKNOWN_CORES_THREADS,
   type ExportArgsOptions,
 } from "../ffmpegArgs";
 import { DEFAULT_RECIPE } from "../constants";
@@ -41,12 +42,14 @@ describe("resolveThreadCount", () => {
     expect(resolveThreadCount("multi", 64)).toBe(4);
   });
 
-  it("uses fewer threads on small devices and falls back to the cap when unknown", () => {
+  it("is min(4, hardwareConcurrency || 2)", () => {
     expect(resolveThreadCount("multi", 2)).toBe(2);
     expect(resolveThreadCount("multi", 1)).toBe(1);
-    expect(resolveThreadCount("multi", 0)).toBe(4);
-    expect(resolveThreadCount("multi", undefined)).toBe(4);
-    expect(resolveThreadCount("multi", NaN)).toBe(4);
+    expect(resolveThreadCount("multi", 3)).toBe(3);
+    expect(UNKNOWN_CORES_THREADS).toBe(2);
+    expect(resolveThreadCount("multi", 0)).toBe(2);
+    expect(resolveThreadCount("multi", undefined)).toBe(2);
+    expect(resolveThreadCount("multi", NaN)).toBe(2);
   });
 });
 
diff --git a/src/lib/tests/ffmpegClient.test.ts b/src/lib/tests/ffmpegClient.test.ts
index 5cc3c2cda..7054b38d7 100644
--- a/src/lib/tests/ffmpegClient.test.ts
+++ b/src/lib/tests/ffmpegClient.test.ts
@@ -216,22 +216,54 @@ describe("FFmpeg client lifecycle", () => {
     await expect(pending).resolves.toMatchObject({ size: 8 });
   });
 
-  it("a stalled multi-threaded export fails, and the retry loads the single-threaded core", async () => {
+  it("a stalled multi-threaded export is retried automatically on the single-threaded core", async () => {
     vi.useFakeTimers();
-    script.onLoad = (w) => w.emit({ type: "ready", mode: "multi" });
-    script.onExport = () => {}; // wedged: no progress, no heartbeat
-    const pending = run();
-    const assertion = expect(pending).rejects.toBeInstanceOf(ExportStalledError);
+    // First worker: multi-threaded and wedged. Second: single-threaded and fine.
+    script.onLoad = (w) => w.emit({ type: "ready", mode: workers.length === 1 ? "multi" : "single" });
+    script.onExport = (w, id) => {
+      if (workers.length > 1) w.emit(result(id));
+    };
+    const onFallback = vi.fn();
+    const onProgress = vi.fn();
+    const recipe = { ...DEFAULT_RECIPE, trimStart: 1, trimEnd: 4, speed: 2 };
+    const pending = exportVideo(file(), recipe, onProgress, undefined, undefined, undefined, 6, onFallback);
     await vi.advanceTimersByTimeAsync(STALL_TIMEOUT_MS + 5_000);
-    await assertion;
-    await expect(pending).rejects.toMatchObject({ mode: "multi" });
-    expect(workers[0]!.terminated).toBe(true);
-    expect(getFFmpegClientState().hasWorker).toBe(false);
+    await expect(pending).resolves.toMatchObject({ format: "mp4" });
 
-    script.onLoad = undefined;
-    script.onExport = (w, id) => w.emit(result(id));
-    await expect(run()).resolves.toMatchObject({ format: "mp4" });
+    expect(onFallback).toHaveBeenCalledWith("no_activity");
+    expect(workers[0]!.terminated).toBe(true);
     expect(workers[1]!.posted.find((m) => m.type === "load")).toMatchObject({ singleThread: true });
+    // The retry is the same export: same edits.
+    const exports = workers.flatMap((w) => w.posted).filter((m) => m.type === "export") as unknown as { recipe: unknown }[];
+    expect(exports).toHaveLength(2);
+    expect(exports[1]!.recipe).toEqual(exports[0]!.recipe);
+    expect(exports[1]!.recipe).toMatchObject({ trimStart: 1, trimEnd: 4, speed: 2 });
+    expect(onProgress).toHaveBeenCalledWith(0);
+  });
+
+  it("if the single-threaded retry stalls too, the export fails with a Retry message", async () => {
+    vi.useFakeTimers();
+    script.onLoad = (w) => w.emit({ type: "ready", mode: workers.length === 1 ? "multi" : "single" });
+    script.onExport = () => {};
+    const onFallback = vi.fn();
+    const pending = exportVideo(file(), { ...DEFAULT_RECIPE }, vi.fn(), undefined, undefined, undefined, 6, onFallback);
+    const assertion = expect(pending).rejects.toMatchObject({ name: "ExportStalledError", mode: "single" });
+    await vi.advanceTimersByTimeAsync((STALL_TIMEOUT_MS + 5_000) * 2);
+    await assertion;
+    expect(onFallback).toHaveBeenCalledTimes(1);
+    await expect(pending).rejects.toThrow(/Press Retry/);
+  });
+
+  it("does not retry a single-threaded stall or a cancelled export", async () => {
+    vi.useFakeTimers();
+    script.onExport = () => {}; // default load is single-threaded
+    const onFallback = vi.fn();
+    const pending = exportVideo(file(), { ...DEFAULT_RECIPE }, vi.fn(), undefined, undefined, undefined, 6, onFallback);
+    const assertion = expect(pending).rejects.toMatchObject({ mode: "single" });
+    await vi.advanceTimersByTimeAsync(STALL_TIMEOUT_MS + 5_000);
+    await assertion;
+    expect(onFallback).not.toHaveBeenCalled();
+    expect(workers).toHaveLength(1);
   });
 });
 
diff --git a/src/lib/tests/overlayGraph.test 2.ts b/src/lib/tests/overlayGraph.test 2.ts
new file mode 100644
index 000000000..08ebd240f
--- /dev/null
+++ b/src/lib/tests/overlayGraph.test 2.ts	
@@ -0,0 +1,334 @@
+/**
+ * Tests for FFmpeg Overlay Graph Generation
+ * Phase 1 MVP: Multi-track filter_complex generation
+ */
+
+import { describe, it, expect } from "vitest";
+import {
+  buildOverlayFilterGraph,
+  validateOverlayGraph,
+  generateExampleOverlayGraphs,
+} from "@/lib/overlayGraph";
+import { TimelineTrack } from "@/lib/types";
+
+describe("buildOverlayFilterGraph", () => {
+  it("should return pass-through for empty track list", () => {
+    const { filterComplex, videoOutput } = buildOverlayFilterGraph([], 1920, 1080);
+    expect(videoOutput).toBe("[0:v]");
+  });
+
+  it("should return pass-through for single track with no source", () => {
+    const track: TimelineTrack = {
+      id: "test",
+      type: "video",
+      source: null,
+      startTime: 0,
+      duration: 10,
+      zIndex: 0,
+      visible: true,
+      opacity: 100,
+      position: { x: 0, y: 0 },
+      scale: 1.0,
+      rotation: 0,
+    };
+
+    const { filterComplex, videoOutput } = buildOverlayFilterGraph([track], 1920, 1080);
+    expect(videoOutput).toBe("[0:v]");
+  });
+
+  it("should scale background track to canvas dimensions", () => {
+    const bgTrack: TimelineTrack = {
+      id: "bg",
+      type: "video",
+      source: {} as File,
+      startTime: 0,
+      duration: 10,
+      zIndex: 0,
+      visible: true,
+      opacity: 100,
+      position: { x: 0, y: 0 },
+      scale: 1.0,
+      rotation: 0,
+    };
+
+    const { filterComplex } = buildOverlayFilterGraph([bgTrack], 1920, 1080);
+    expect(filterComplex).toContain("[0:v]scale=1920:1080[bg]");
+  });
+
+  it("should compose two video tracks with PiP positioning", () => {
+    const bgTrack: TimelineTrack = {
+      id: "bg",
+      type: "video",
+      source: {} as File,
+      startTime: 0,
+      duration: 10,
+      zIndex: 0,
+      visible: true,
+      opacity: 100,
+      position: { x: 0, y: 0 },
+      scale: 1.0,
+      rotation: 0,
+    };
+
+    const pipTrack: TimelineTrack = {
+      id: "pip",
+      type: "video",
+      source: {} as File,
+      startTime: 0,
+      duration: 5,
+      zIndex: 1,
+      visible: true,
+      opacity: 100,
+      position: { x: 50, y: 50 }, // Manual positioning
+      scale: 0.4,
+      rotation: 0,
+    };
+
+    const { filterComplex, videoOutput } = buildOverlayFilterGraph(
+      [bgTrack, pipTrack],
+      1920,
+      1080
+    );
+
+    expect(filterComplex).toContain("[0:v]scale=1920:1080[bg]");
+    // Scale: 0.4 * 1920 = 768, height scales proportionally: 768 * (1080/1920) = 432
+    expect(filterComplex).toContain("[1:v]scale=768:432[overlay0]");
+    expect(filterComplex).toContain("[bg][overlay0]overlay=50:50");
+    expect(videoOutput).toBe("[out]");
+  });
+
+  it("should apply opacity to overlay tracks", () => {
+    const bgTrack: TimelineTrack = {
+      id: "bg",
+      type: "video",
+      source: {} as File,
+      startTime: 0,
+      duration: 10,
+      zIndex: 0,
+      visible: true,
+      opacity: 100,
+      position: { x: 0, y: 0 },
+      scale: 1.0,
+      rotation: 0,
+    };
+
+    const pipTrack: TimelineTrack = {
+      id: "pip",
+      type: "video",
+      source: {} as File,
+      startTime: 0,
+      duration: 5,
+      zIndex: 1,
+      visible: true,
+      opacity: 50, // 50% opacity
+      position: { x: -1, y: -1 }, // auto-center
+      scale: 0.4,
+      rotation: 0,
+    };
+
+    const { filterComplex } = buildOverlayFilterGraph(
+      [bgTrack, pipTrack],
+      1920,
+      1080
+    );
+
+    // Should include opacity/alpha handling
+    expect(filterComplex).toContain("colorchannelmixer");
+    expect(filterComplex).toContain("0.50"); // 50% = 0.50
+  });
+
+  it("should auto-center overlay when position is -1", () => {
+    const bgTrack: TimelineTrack = {
+      id: "bg",
+      type: "video",
+      source: {} as File,
+      startTime: 0,
+      duration: 10,
+      zIndex: 0,
+      visible: true,
+      opacity: 100,
+      position: { x: 0, y: 0 },
+      scale: 1.0,
+      rotation: 0,
+    };
+
+    const pipTrack: TimelineTrack = {
+      id: "pip",
+      type: "video",
+      source: {} as File,
+      startTime: 0,
+      duration: 5,
+      zIndex: 1,
+      visible: true,
+      opacity: 100,
+      position: { x: -1, y: -1 }, // auto-center
+      scale: 0.3,
+      rotation: 0,
+    };
+
+    const { filterComplex } = buildOverlayFilterGraph(
+      [bgTrack, pipTrack],
+      1920,
+      1080
+    );
+
+    // Scale: 0.3 * 1920 = 576
+    // Center X: (1920 - 576) / 2 = 672
+    // Center Y: (1080 - scaled_height) / 2
+    expect(filterComplex).toContain("overlay=672:");
+  });
+
+  it("should hide invisible tracks", () => {
+    const bgTrack: TimelineTrack = {
+      id: "bg",
+      type: "video",
+      source: {} as File,
+      startTime: 0,
+      duration: 10,
+      zIndex: 0,
+      visible: true,
+      opacity: 100,
+      position: { x: 0, y: 0 },
+      scale: 1.0,
+      rotation: 0,
+    };
+
+    const hiddenTrack: TimelineTrack = {
+      id: "hidden",
+      type: "video",
+      source: {} as File,
+      startTime: 0,
+      duration: 5,
+      zIndex: 1,
+      visible: false, // Hidden
+      opacity: 100,
+      position: { x: 50, y: 50 },
+      scale: 0.4,
+      rotation: 0,
+    };
+
+    const { filterComplex, videoOutput } = buildOverlayFilterGraph(
+      [bgTrack, hiddenTrack],
+      1920,
+      1080
+    );
+
+    // Hidden track should not be in filter
+    expect(filterComplex).not.toContain("hidden");
+    expect(videoOutput).toBe("[bg]");
+  });
+});
+
+describe("validateOverlayGraph", () => {
+  it("should validate correct graph configuration", () => {
+    const tracks: TimelineTrack[] = [
+      {
+        id: "bg",
+        type: "video",
+        source: {} as File,
+        startTime: 0,
+        duration: 10,
+        zIndex: 0,
+        visible: true,
+        opacity: 100,
+        position: { x: 0, y: 0 },
+        scale: 1.0,
+        rotation: 0,
+      },
+    ];
+
+    const result = validateOverlayGraph(tracks, 1920, 1080);
+    expect(result.valid).toBe(true);
+    expect(result.errors).toHaveLength(0);
+  });
+
+  it("should reject invalid canvas dimensions", () => {
+    const tracks: TimelineTrack[] = [];
+
+    const result = validateOverlayGraph(tracks, 10, 1080); // Width too small
+    expect(result.valid).toBe(false);
+    expect(result.errors.some(e => e.includes("Canvas width"))).toBe(true);
+  });
+
+  it("should enforce max 2 video tracks limit", () => {
+    const tracks: TimelineTrack[] = [
+      {
+        id: "1",
+        type: "video",
+        source: {} as File,
+        startTime: 0,
+        duration: 10,
+        zIndex: 0,
+        visible: true,
+        opacity: 100,
+        position: { x: 0, y: 0 },
+        scale: 1.0,
+        rotation: 0,
+      },
+      {
+        id: "2",
+        type: "video",
+        source: {} as File,
+        startTime: 0,
+        duration: 10,
+        zIndex: 1,
+        visible: true,
+        opacity: 100,
+        position: { x: 0, y: 0 },
+        scale: 1.0,
+        rotation: 0,
+      },
+      {
+        id: "3",
+        type: "video",
+        source: {} as File,
+        startTime: 0,
+        duration: 10,
+        zIndex: 2,
+        visible: true,
+        opacity: 100,
+        position: { x: 0, y: 0 },
+        scale: 1.0,
+        rotation: 0,
+      },
+    ];
+
+    const result = validateOverlayGraph(tracks, 1920, 1080);
+    expect(result.valid).toBe(false);
+    expect(result.errors.some(e => e.includes("Max 2 visible"))).toBe(true);
+  });
+
+  it("should check for invalid opacity", () => {
+    const tracks: TimelineTrack[] = [
+      {
+        id: "bg",
+        type: "video",
+        source: {} as File,
+        startTime: 0,
+        duration: 10,
+        zIndex: 0,
+        visible: true,
+        opacity: 150, // Invalid
+        position: { x: 0, y: 0 },
+        scale: 1.0,
+        rotation: 0,
+      },
+    ];
+
+    const result = validateOverlayGraph(tracks, 1920, 1080);
+    expect(result.valid).toBe(false);
+    expect(result.errors.some(e => e.includes("opacity"))).toBe(true);
+  });
+});
+
+describe("generateExampleOverlayGraphs", () => {
+  it("should generate example graphs", () => {
+    const examples = generateExampleOverlayGraphs();
+    expect(examples).toHaveProperty("2-track-pip");
+    // The filter complex will be generated (even if empty for pass-through)
+    expect(typeof examples["2-track-pip"]).toBe("string");
+    // Example tracks should be listed
+    expect(examples).toHaveProperty("example-background-track");
+    expect(examples).toHaveProperty("example-overlay-track");
+  });
+});
diff --git a/src/lib/tests/timeline.test 2.ts b/src/lib/tests/timeline.test 2.ts
new file mode 100644
index 000000000..9df92167e
--- /dev/null
+++ b/src/lib/tests/timeline.test 2.ts	
@@ -0,0 +1,377 @@
+/**
+ * Tests for Timeline Track Management
+ * Phase 1 MVP: Multi-track state operations
+ */
+
+import { describe, it, expect } from "vitest";
+import {
+  generateTrackId,
+  createTimelineTrack,
+  createMultiTrackState,
+  addTrackToTimeline,
+  removeTrackFromTimeline,
+  updateTrackInTimeline,
+  sortTracksByZIndex,
+  getVisibleVideoTracks,
+  getBackgroundTrack,
+  getOverlayTracks,
+  validateMultiTrackState,
+  serializeMultiTrackState,
+} from "@/lib/timeline";
+import { TimelineTrack } from "@/lib/types";
+
+describe("Timeline Track Management", () => {
+  describe("generateTrackId", () => {
+    it("should generate unique IDs", () => {
+      const id1 = generateTrackId();
+      const id2 = generateTrackId();
+      expect(id1).not.toBe(id2);
+      expect(id1).toMatch(/^track-\d+-[a-z0-9]+$/);
+    });
+  });
+
+  describe("createTimelineTrack", () => {
+    it("should create track with video type and defaults", () => {
+      const track = createTimelineTrack("video", null);
+
+      expect(track.type).toBe("video");
+      expect(track.source).toBeNull();
+      expect(track.startTime).toBe(0);
+      expect(track.duration).toBe(0);
+      expect(track.zIndex).toBe(0);
+      expect(track.visible).toBe(true);
+      expect(track.opacity).toBe(100);
+      expect(track.scale).toBe(1.0);
+      expect(track.rotation).toBe(0);
+      expect(track.position).toEqual({ x: -1, y: -1 }); // auto-center
+    });
+
+    it("should create track with custom start time", () => {
+      const track = createTimelineTrack("video", null, 5);
+      expect(track.startTime).toBe(5);
+    });
+
+    it("should generate unique ID for each track", () => {
+      const track1 = createTimelineTrack("video", null);
+      const track2 = createTimelineTrack("video", null);
+      expect(track1.id).not.toBe(track2.id);
+    });
+  });
+
+  describe("createMultiTrackState", () => {
+    it("should create initial state with empty tracks", () => {
+      const state = createMultiTrackState();
+
+      expect(state.timelineTracks).toEqual([]);
+      expect(state.activeTrackId).toBeNull();
+      expect(state.maxActiveTracks).toBe(2); // Phase 1 limit
+    });
+  });
+
+  describe("addTrackToTimeline", () => {
+    it("should add track to timeline", () => {
+      const state = createMultiTrackState();
+      const track = createTimelineTrack("video", null);
+
+      const updated = addTrackToTimeline(state, track);
+
+      expect(updated.timelineTracks).toHaveLength(1);
+      expect(updated.timelineTracks[0]).toBe(track);
+      expect(updated.activeTrackId).toBe(track.id);
+    });
+
+    it("should enforce max 2 video tracks by hiding excess", () => {
+      const state = createMultiTrackState();
+      const track1 = createTimelineTrack("video", null);
+      const track2 = createTimelineTrack("video", null);
+      const track3 = createTimelineTrack("video", null);
+
+      const s1 = addTrackToTimeline(state, track1);
+      const s2 = addTrackToTimeline(s1, track2);
+      const s3 = addTrackToTimeline(s2, track3);
+
+      expect(s3.timelineTracks).toHaveLength(3);
+      expect(s3.timelineTracks[0]!.visible).toBe(true);
+      expect(s3.timelineTracks[1]!.visible).toBe(true);
+      expect(s3.timelineTracks[2]!.visible).toBe(false); // Excess hidden
+    });
+
+    it("should allow unlimited image tracks", () => {
+      const state = createMultiTrackState();
+      const imgTrack1 = createTimelineTrack("image", null);
+      const imgTrack2 = createTimelineTrack("image", null);
+      const imgTrack3 = createTimelineTrack("image", null);
+
+      const s1 = addTrackToTimeline(state, imgTrack1);
+      const s2 = addTrackToTimeline(s1, imgTrack2);
+      const s3 = addTrackToTimeline(s2, imgTrack3);
+
+      // All image tracks should remain visible
+      expect(s3.timelineTracks.filter(t => t.visible)).toHaveLength(3);
+    });
+  });
+
+  describe("removeTrackFromTimeline", () => {
+    it("should remove track by ID", () => {
+      const state = createMultiTrackState();
+      const track1 = createTimelineTrack("video", null);
+      const track2 = createTimelineTrack("video", null);
+
+      const s1 = addTrackToTimeline(state, track1);
+      const s2 = addTrackToTimeline(s1, track2);
+      const s3 = removeTrackFromTimeline(s2, track1.id);
+
+      expect(s3.timelineTracks).toHaveLength(1);
+      expect(s3.timelineTracks[0]!.id).toBe(track2.id);
+    });
+
+    it("should clear activeTrackId if active track is removed", () => {
+      const state = createMultiTrackState();
+      const track = createTimelineTrack("video", null);
+
+      const s1 = addTrackToTimeline(state, track);
+      expect(s1.activeTrackId).toBe(track.id);
+
+      const s2 = removeTrackFromTimeline(s1, track.id);
+      expect(s2.activeTrackId).toBeNull();
+    });
+
+    it("should reassign activeTrackId to remaining track", () => {
+      const state = createMultiTrackState();
+      const track1 = createTimelineTrack("video", null);
+      const track2 = createTimelineTrack("video", null);
+
+      const s1 = addTrackToTimeline(state, track1);
+      const s2 = addTrackToTimeline(s1, track2);
+      const s3 = removeTrackFromTimeline(s2, track1.id);
+
+      expect(s3.activeTrackId).toBe(track2.id);
+    });
+  });
+
+  describe("updateTrackInTimeline", () => {
+    it("should update track properties", () => {
+      const state = createMultiTrackState();
+      const track = createTimelineTrack("video", null);
+      const s1 = addTrackToTimeline(state, track);
+
+      const s2 = updateTrackInTimeline(s1, track.id, {
+        opacity: 50,
+        position: { x: 100, y: 200 },
+      });
+
+      expect(s2.timelineTracks[0]!.opacity).toBe(50);
+      expect(s2.timelineTracks[0]!.position).toEqual({ x: 100, y: 200 });
+    });
+
+    it("should not affect other tracks", () => {
+      const state = createMultiTrackState();
+      const track1 = createTimelineTrack("video", null);
+      const track2 = createTimelineTrack("video", null);
+
+      const s1 = addTrackToTimeline(state, track1);
+      const s2 = addTrackToTimeline(s1, track2);
+      const s3 = updateTrackInTimeline(s2, track1.id, { opacity: 75 });
+
+      expect(s3.timelineTracks[0]!.opacity).toBe(75);
+      expect(s3.timelineTracks[1]!.opacity).toBe(100); // unchanged
+    });
+  });
+
+  describe("sortTracksByZIndex", () => {
+    it("should sort tracks by z-index ascending", () => {
+      const track1: TimelineTrack = {
+        ...createTimelineTrack("video", null),
+        zIndex: 2,
+      };
+      const track2: TimelineTrack = {
+        ...createTimelineTrack("video", null),
+        zIndex: 0,
+      };
+      const track3: TimelineTrack = {
+        ...createTimelineTrack("video", null),
+        zIndex: 1,
+      };
+
+      const sorted = sortTracksByZIndex([track1, track2, track3]);
+
+      expect(sorted[0]!.zIndex).toBe(0);
+      expect(sorted[1]!.zIndex).toBe(1);
+      expect(sorted[2]!.zIndex).toBe(2);
+    });
+
+    it("should not modify original array", () => {
+      const tracks = [
+        { ...createTimelineTrack("video", null), zIndex: 2 },
+        { ...createTimelineTrack("video", null), zIndex: 1 },
+      ];
+
+      sortTracksByZIndex(tracks);
+
+      expect(tracks[0]!.zIndex).toBe(2); // original order preserved
+    });
+  });
+
+  describe("getVisibleVideoTracks", () => {
+    it("should return only visible video tracks with source", () => {
+      const visible: TimelineTrack = {
+        ...createTimelineTrack("video", {} as File),
+        visible: true,
+      };
+      const hidden: TimelineTrack = {
+        ...createTimelineTrack("video", {} as File),
+        visible: false,
+      };
+      const noSource: TimelineTrack = {
+        ...createTimelineTrack("video", null),
+        visible: true,
+      };
+
+      const filtered = getVisibleVideoTracks([visible, hidden, noSource]);
+
+      expect(filtered).toHaveLength(1);
+      expect(filtered[0]!.id).toBe(visible.id);
+    });
+
+    it("should return sorted by z-index", () => {
+      const track1: TimelineTrack = {
+        ...createTimelineTrack("video", {} as File),
+        zIndex: 1,
+        visible: true,
+      };
+      const track2: TimelineTrack = {
+        ...createTimelineTrack("video", {} as File),
+        zIndex: 0,
+        visible: true,
+      };
+
+      const filtered = getVisibleVideoTracks([track1, track2]);
+
+      expect(filtered[0]!.zIndex).toBe(0);
+      expect(filtered[1]!.zIndex).toBe(1);
+    });
+  });
+
+  describe("getBackgroundTrack", () => {
+    it("should return lowest z-index visible video", () => {
+      const bg: TimelineTrack = {
+        ...createTimelineTrack("video", {} as File),
+        zIndex: 0,
+        visible: true,
+      };
+      const fg: TimelineTrack = {
+        ...createTimelineTrack("video", {} as File),
+        zIndex: 1,
+        visible: true,
+      };
+
+      const track = getBackgroundTrack([bg, fg]);
+      expect(track?.id).toBe(bg.id);
+    });
+
+    it("should return null if no visible videos", () => {
+      const track = getBackgroundTrack([]);
+      expect(track).toBeNull();
+    });
+  });
+
+  describe("getOverlayTracks", () => {
+    it("should return all visible videos except background", () => {
+      const bg: TimelineTrack = {
+        ...createTimelineTrack("video", {} as File),
+        zIndex: 0,
+        visible: true,
+      };
+      const overlay1: TimelineTrack = {
+        ...createTimelineTrack("video", {} as File),
+        zIndex: 1,
+        visible: true,
+      };
+      const overlay2: TimelineTrack = {
+        ...createTimelineTrack("video", {} as File),
+        zIndex: 2,
+        visible: true,
+      };
+
+      const overlays = getOverlayTracks([bg, overlay1, overlay2]);
+      expect(overlays).toHaveLength(2);
+      expect(overlays.every(t => t.id !== bg.id)).toBe(true);
+    });
+  });
+
+  describe("validateMultiTrackState", () => {
+    it("should validate correct state", () => {
+      const state = createMultiTrackState();
+      const result = validateMultiTrackState(state);
+
+      expect(result.valid).toBe(true);
+      expect(result.errors).toHaveLength(0);
+    });
+
+    it("should detect too many active video tracks", () => {
+      let state = createMultiTrackState();
+      state = addTrackToTimeline(state, createTimelineTrack("video", {} as File));
+      state = addTrackToTimeline(state, createTimelineTrack("video", {} as File));
+      const track3 = createTimelineTrack("video", {} as File);
+      track3.visible = true; // Force visible to trigger violation
+      state.timelineTracks.push(track3);
+      state.maxActiveTracks = 2;
+
+      const result = validateMultiTrackState(state);
+
+      expect(result.valid).toBe(false);
+      expect(result.errors.some(e => e.includes("Too many"))).toBe(true);
+    });
+
+    it("should check for duplicate IDs", () => {
+      const state = createMultiTrackState();
+      const track1 = createTimelineTrack("video", null);
+      const track2 = { ...track1 }; // Duplicate ID
+
+      state.timelineTracks = [track1, track2];
+
+      const result = validateMultiTrackState(state);
+
+      expect(result.valid).toBe(false);
+      expect(result.errors.some(e => e.includes("Duplicate"))).toBe(true);
+    });
+
+    it("should validate opacity ranges", () => {
+      let state = createMultiTrackState();
+      const track = createTimelineTrack("video", null);
+      track.opacity = 150; // Out of range
+
+      state.timelineTracks = [track];
+
+      const result = validateMultiTrackState(state);
+
+      expect(result.valid).toBe(false);
+      expect(result.errors.some(e => e.includes("opacity"))).toBe(true);
+    });
+  });
+
+  describe("serializeMultiTrackState", () => {
+    it("should remove File objects for serialization", () => {
+      let state = createMultiTrackState();
+      const track = createTimelineTrack("video", {} as File);
+      state = addTrackToTimeline(state, track);
+
+      const serialized = serializeMultiTrackState(state);
+
+      expect(serialized.timelineTracks[0]!.source).toBeNull();
+    });
+
+    it("should preserve all other properties", () => {
+      let state = createMultiTrackState();
+      const track = createTimelineTrack("video", null);
+      track.opacity = 75;
+      track.position = { x: 100, y: 200 };
+      state = addTrackToTimeline(state, track);
+
+      const serialized = serializeMultiTrackState(state);
+
+      expect(serialized.timelineTracks[0]!.opacity).toBe(75);
+      expect(serialized.timelineTracks[0]!.position).toEqual({ x: 100, y: 200 });
+    });
+  });
+});
diff --git a/src/lib/timeline 2.ts b/src/lib/timeline 2.ts
new file mode 100644
index 000000000..8a1089f79
--- /dev/null
+++ b/src/lib/timeline 2.ts	
@@ -0,0 +1,211 @@
+/**
+ * Timeline Track Management Utilities
+ * 
+ * Phase 1 MVP: Multi-track timeline architecture
+ * Provides foundational track operations for the non-linear timeline.
+ * Limited to 2 simultaneous video tracks per FFmpeg.wasm memory constraints.
+ */
+
+import { TimelineTrack, MultiTrackEditorState } from "./types";
+
+const MAX_TRACKS_PHASE_1 = 2;
+
+/**
+ * Generate a unique track ID
+ */
+export function generateTrackId(): string {
+  return `track-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+}
+
+/**
+ * Create a new timeline track with sensible defaults
+ */
+export function createTimelineTrack(
+  type: "video" | "image",
+  source: File | null,
+  startTime: number = 0
+): TimelineTrack {
+  return {
+    id: generateTrackId(),
+    type,
+    source,
+    startTime,
+    duration: 0, // Will be derived from video metadata
+    zIndex: 0,
+    visible: true,
+    opacity: 100,
+    position: {
+      x: -1, // auto-center
+      y: -1, // auto-center
+    },
+    scale: 1.0,
+    rotation: 0,
+  };
+}
+
+/**
+ * Create initial multi-track editor state
+ */
+export function createMultiTrackState(): MultiTrackEditorState {
+  return {
+    timelineTracks: [],
+    activeTrackId: null,
+    maxActiveTracks: MAX_TRACKS_PHASE_1,
+  };
+}
+
+/**
+ * Add a track to the timeline
+ * Returns updated state; enforces max track limit
+ */
+export function addTrackToTimeline(
+  state: MultiTrackEditorState,
+  track: TimelineTrack
+): MultiTrackEditorState {
+  // Phase 1: Only allow 2 active video tracks
+  const videoTrackCount = state.timelineTracks.filter(t => t.visible && t.type === "video").length;
+  
+  if (track.type === "video" && videoTrackCount >= MAX_TRACKS_PHASE_1) {
+    track.visible = false;
+  }
+
+  return {
+    ...state,
+    timelineTracks: [...state.timelineTracks, track],
+    activeTrackId: track.id,
+  };
+}
+
+/**
+ * Remove a track by ID
+ */
+export function removeTrackFromTimeline(
+  state: MultiTrackEditorState,
+  trackId: string
+): MultiTrackEditorState {
+  const filtered = state.timelineTracks.filter(t => t.id !== trackId);
+  return {
+    ...state,
+    timelineTracks: filtered,
+    activeTrackId: state.activeTrackId === trackId ? filtered[0]?.id ?? null : state.activeTrackId,
+  };
+}
+
+/**
+ * Update a track's properties
+ */
+export function updateTrackInTimeline(
+  state: MultiTrackEditorState,
+  trackId: string,
+  updates: Partial<TimelineTrack>
+): MultiTrackEditorState {
+  return {
+    ...state,
+    timelineTracks: state.timelineTracks.map(t =>
+      t.id === trackId ? { ...t, ...updates } : t
+    ),
+  };
+}
+
+/**
+ * Reorder tracks by z-index (for compositing order)
+ * Returns tracks sorted by zIndex ascending (lower index = background)
+ */
+export function sortTracksByZIndex(tracks: TimelineTrack[]): TimelineTrack[] {
+  return [...tracks].sort((a, b) => a.zIndex - b.zIndex);
+}
+
+/**
+ * Get visible video tracks in compositing order
+ */
+export function getVisibleVideoTracks(tracks: TimelineTrack[]): TimelineTrack[] {
+  return sortTracksByZIndex(
+    tracks.filter(t => t.visible && t.type === "video" && t.source)
+  );
+}
+
+/**
+ * Get the background track (lowest z-index visible video)
+ */
+export function getBackgroundTrack(tracks: TimelineTrack[]): TimelineTrack | null {
+  const visible = getVisibleVideoTracks(tracks);
+  return visible.length > 0 ? visible[0]! : null;
+}
+
+/**
+ * Get overlay tracks (all visible videos except background)
+ */
+export function getOverlayTracks(tracks: TimelineTrack[]): TimelineTrack[] {
+  const visible = getVisibleVideoTracks(tracks);
+  return visible.slice(1); // All except first (background)
+}
+
+/**
+ * Validate multi-track state
+ * Ensures consistency and enforces Phase 1 constraints
+ */
+export function validateMultiTrackState(state: MultiTrackEditorState): {
+  valid: boolean;
+  errors: string[];
+} {
+  const errors: string[] = [];
+
+  if (!Array.isArray(state.timelineTracks)) {
+    errors.push("timelineTracks must be an array");
+  }
+
+  const videoTracks = state.timelineTracks.filter(t => t.type === "video");
+  const visibleVideoTracks = videoTracks.filter(t => t.visible);
+
+  if (visibleVideoTracks.length > state.maxActiveTracks) {
+    errors.push(
+      `Too many active video tracks: ${visibleVideoTracks.length} (max: ${state.maxActiveTracks})`
+    );
+  }
+
+  // Check for duplicate IDs
+  const ids = state.timelineTracks.map(t => t.id);
+  const uniqueIds = new Set(ids);
+  if (ids.length !== uniqueIds.size) {
+    errors.push("Duplicate track IDs detected");
+  }
+
+  // Check z-index validity
+  state.timelineTracks.forEach((track, idx) => {
+    if (typeof track.zIndex !== "number") {
+      errors.push(`Track ${idx} has invalid zIndex`);
+    }
+    if (track.opacity < 0 || track.opacity > 100) {
+      errors.push(`Track ${idx} opacity out of range [0, 100]`);
+    }
+    if (track.scale <= 0) {
+      errors.push(`Track ${idx} scale must be positive`);
+    }
+  });
+
+  return {
+    valid: errors.length === 0,
+    errors,
+  };
+}
+
+/**
+ * Compact track representation for serialization
+ * Omits File objects which are not serializable
+ */
+export function serializeMultiTrackState(
+  state: MultiTrackEditorState
+): Omit<MultiTrackEditorState, "timelineTracks"> & {
+  timelineTracks: (Omit<TimelineTrack, "source"> & { source: null })[];
+} {
+  return {
+    ...state,
+    timelineTracks: state.timelineTracks.map(t => {
+      const { source, ...rest } = t;
+      return {
+        ...rest,
+        source: null,
+      };
+    }),
+  };
+}

From 29db120501c362635c4d3d149c9d4f5ce0d9dc2b Mon Sep 17 00:00:00 2001
From: Akanksha Trehun <akankshatrehun@gmail.com>
Date: Tue, 3 Nov 2026 13:45:32 +0530
Subject: [PATCH 08/11] chore: remove Finder duplicate files committed by
 mistake in 3fe0335

They are untracked local copies (names ending in " 2"), not project files.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/PROJECTS 2.md                            | 136 -------
 .../AudioSpeedControl.stories 2.tsx           |  38 --
 src/components/BrandLogo.stories 2.tsx        |  16 -
 src/components/ColorPicker 2.tsx              | 318 ---------------
 src/components/DatadogInit 2.tsx              |  36 --
 src/components/DownloadResult.stories 2.tsx   |  74 ----
 src/components/ExportOverlay.stories 2.tsx    |  83 ----
 src/components/ExportSettings.stories 2.tsx   |  45 ---
 src/components/FileUpload.stories 2.tsx       |  42 --
 src/components/FormatSelector.stories 2.tsx   |  31 --
 src/components/FramingControl.stories 2.tsx   |  28 --
 src/components/HistoryControls 2.tsx          |  51 ---
 src/components/PresetSelector.stories 2.tsx   |  51 ---
 src/components/PrivacyBanner 2.tsx            |  81 ----
 src/components/PrivacyBanner.stories 2.tsx    |  21 -
 src/components/ProjectPanel 2.tsx             | 216 ----------
 src/components/RotateControl.stories 2.tsx    |  35 --
 src/components/TrimControl.stories 2.tsx      |  52 ---
 src/components/VideoEditor.stories 2.tsx      |  41 --
 .../__stories__/RecipeHarness 2.tsx           |  45 ---
 src/components/components.stories 2.tsx       |  88 ----
 src/components/ui/BaseButton.stories 2.tsx    |  65 ---
 src/components/ui/Skeleton.stories 2.tsx      |  31 --
 src/lib/editorPersistence 2.ts                | 131 ------
 src/lib/lottie/trail-loading 2.json           |   1 -
 src/lib/overlayGraph 2.ts                     | 309 --------------
 src/lib/sessionDB 2.ts                        |  82 ----
 src/lib/tests/editorPersistence.test 2.ts     |  90 -----
 src/lib/tests/overlayGraph.test 2.ts          | 334 ----------------
 src/lib/tests/timeline.test 2.ts              | 377 ------------------
 src/lib/timeline 2.ts                         | 211 ----------
 31 files changed, 3159 deletions(-)
 delete mode 100644 docs/PROJECTS 2.md
 delete mode 100644 src/components/AudioSpeedControl.stories 2.tsx
 delete mode 100644 src/components/BrandLogo.stories 2.tsx
 delete mode 100644 src/components/ColorPicker 2.tsx
 delete mode 100644 src/components/DatadogInit 2.tsx
 delete mode 100644 src/components/DownloadResult.stories 2.tsx
 delete mode 100644 src/components/ExportOverlay.stories 2.tsx
 delete mode 100644 src/components/ExportSettings.stories 2.tsx
 delete mode 100644 src/components/FileUpload.stories 2.tsx
 delete mode 100644 src/components/FormatSelector.stories 2.tsx
 delete mode 100644 src/components/FramingControl.stories 2.tsx
 delete mode 100644 src/components/HistoryControls 2.tsx
 delete mode 100644 src/components/PresetSelector.stories 2.tsx
 delete mode 100644 src/components/PrivacyBanner 2.tsx
 delete mode 100644 src/components/PrivacyBanner.stories 2.tsx
 delete mode 100644 src/components/ProjectPanel 2.tsx
 delete mode 100644 src/components/RotateControl.stories 2.tsx
 delete mode 100644 src/components/TrimControl.stories 2.tsx
 delete mode 100644 src/components/VideoEditor.stories 2.tsx
 delete mode 100644 src/components/__stories__/RecipeHarness 2.tsx
 delete mode 100644 src/components/components.stories 2.tsx
 delete mode 100644 src/components/ui/BaseButton.stories 2.tsx
 delete mode 100644 src/components/ui/Skeleton.stories 2.tsx
 delete mode 100644 src/lib/editorPersistence 2.ts
 delete mode 100644 src/lib/lottie/trail-loading 2.json
 delete mode 100644 src/lib/overlayGraph 2.ts
 delete mode 100644 src/lib/sessionDB 2.ts
 delete mode 100644 src/lib/tests/editorPersistence.test 2.ts
 delete mode 100644 src/lib/tests/overlayGraph.test 2.ts
 delete mode 100644 src/lib/tests/timeline.test 2.ts
 delete mode 100644 src/lib/timeline 2.ts

diff --git a/docs/PROJECTS 2.md b/docs/PROJECTS 2.md
deleted file mode 100644
index cda3b066c..000000000
--- a/docs/PROJECTS 2.md	
+++ /dev/null
@@ -1,136 +0,0 @@
-# Undo, recovery and project files
-
-This covers how Reframe keeps edit history, what it saves in the browser, and the `.reframe.json` project format. Nothing here sends data anywhere. Everything stays in the user's browser or in files the user saves themselves.
-
-## Edit state
-
-`EditState` (`src/lib/editHistory.ts`) is the single source of truth for every edit that changes the exported video:
-
-| Included | Where it lives |
-|---|---|
-| Preset, custom size, framing, trim, rotation | `recipe` |
-| Keep audio, normalise, volume, speed | `recipe` |
-| Quality, format, brightness, contrast, saturation, sharpness, stabilisation, denoise | `recipe` |
-| Text overlays (text, position, size, colour, weight, font name) | `recipe.textOverlays` |
-| Image overlay position, size and opacity | `imageOverlay` |
-
-Not included, on purpose:
-
-- **The completion-sound preference.** It's a setting, not an edit, so undo never flips it.
-- **Files** (the source video, the image overlay file, background music). They are binary assets, not edit values, so adding or removing the image file is not an undo step.
-- **Transient UI state.** Hover, open panels, the selected text overlay, export progress, object URLs and worker state.
-- **The multi-track timeline state.** It isn't connected to the UI or the export yet (see `PHASE_1_MVP.md`).
-
-`useVideoEditor` exposes `recipe` derived from `EditState`. `handleExport` passes that same object, plus the image overlay settings, to `exportVideo`. So after an undo the preview and the export can't disagree.
-
-## Undo and redo
-
-- **Snapshots.** Each history entry is an immutable `EditState`, about 1 KB, never media. Undo and redo just move between entries.
-- **Bounded.** `HISTORY_LIMIT` is 100 entries. The oldest are dropped first.
-- **No duplicates.** A change that leaves the state equal to the current one is not recorded.
-- **Coalescing.** Repeated changes to the same continuous control within `COALESCE_WINDOW_MS` (600 ms) merge into one step:
-  - Continuous controls are sliders, trim handles, custom size, and text-overlay text, position, size and colour.
-  - The window slides, so a long drag stays one step.
-  - Dragging back to the starting value removes the step.
-  - Discrete choices (preset, format, rotation, toggles, image overlay position) always get their own step, however fast they're clicked.
-  - Adding or removing a text overlay is always its own step.
-- **When history resets.** Choosing a new video, restoring a session and deleting saved data each start a fresh history.
-- **During export.** Undo and redo are disabled while an export runs. The running export has already taken its settings.
-- **Reset settings.** "Reset settings" and the `R` shortcut are now a single undoable step. They no longer delete saved data.
-
-**Shortcuts.** macOS uses ⌘Z and ⇧⌘Z. Other platforms use Ctrl+Z, and Ctrl+Y or Ctrl+Shift+Z. They work while a slider, checkbox or button has focus. In text fields and `contenteditable` they are left to the browser, so they undo the typing. See `src/lib/historyShortcuts.ts`.
-
-## What is saved in the browser
-
-| Key | Store | Contents |
-|---|---|---|
-| `reframe:project` | localStorage | The current project document (below). Written 500 ms after the last edit while a video is open, and on `pagehide`. |
-| `reframe-session` / `files` / `currentVideo` | IndexedDB | One copy of the open source video, overwritten when a new video is chosen. Unchanged from before. |
-| `reframe:recipe`, `editorState`, `soundOnCompletion` | localStorage | Existing settings records, kept for compatibility. |
-
-The project record is stored in localStorage rather than IndexedDB because it is only a few KB and a synchronous write can be flushed reliably when the page is hidden.
-
-**Recovery on load**, in this order:
-
-1. A `?settings=` share link wins.
-2. Otherwise the saved project's edits are restored.
-3. Otherwise the older URL and recipe records are used, as before.
-
-Then the stored video copy is read from IndexedDB:
-
-- **The copy is present.** The editor opens with the video and the edits.
-- **The copy is missing, or IndexedDB fails.** This can happen after eviction, private mode, or a quota error when saving. A notice names the file, its size and length, and asks the user to choose it again.
-  - Choosing a file with the same name and byte size resumes the project, trims included.
-  - A different file keeps the other settings but resets the trim points, like any new video.
-  - "Discard saved edits" forgets the project.
-
-**Failures are reported in the "Saved on this device" panel:**
-
-- If the video copy can't be stored, the user is told they'll need to choose the file again after a refresh.
-- If the edit record can't be written, they're told to use "Save project file".
-
-**Delete saved data** asks for confirmation. It then removes the project record, the recipe and overlay records and the stored video copy, closes the video and resets the editor. Project files the user saved are not affected.
-
-## Project file format
-
-"Save project file" downloads `<video name>.reframe.json`:
-
-```json
-{
-  "format": "reframe-project",
-  "schemaVersion": 1,
-  "savedAt": "2026-10-22T12:00:00.000Z",
-  "source": { "name": "clip.mp4", "size": 24000000, "type": "video/mp4",
-              "lastModified": 1700000000000, "duration": 42.5, "width": 1920, "height": 1080 },
-  "edit": {
-    "recipe": { "preset": "square-1-1", "trimStart": 3, "trimEnd": 20, "...": "every EditRecipe field except soundOnCompletion" },
-    "imageOverlay": { "position": "top-left", "size": 250, "opacity": 60 }
-  }
-}
-```
-
-The file never contains the video, the image overlay or any other media.
-
-**Opening a project file:**
-
-- **A video is open.** The edits are applied as one undoable step.
-  - Same video (name and size match): everything applies, and trim points that don't fit are dropped.
-  - Different video: everything applies **except the trim points**, which stay as they were for the open video, and the message says so. Trims belong to the video they were made for, so they are never applied silently to another one.
-- **No video is open.** The edits are held and the user is asked to choose the project's video.
-
-### Validation
-
-Every document, whether imported or read back from storage, goes through `parseProject` in `src/lib/project.ts`. It rejects the whole document if anything is wrong. It never clamps values or merges them with defaults.
-
-**Size and shape:**
-
-- Input over 512 KB is rejected before parsing.
-- The document must be a JSON object with `format: "reframe-project"` and an integer `schemaVersion`.
-
-**Field checks:**
-
-- Every recipe field must be present, with the same types and ranges the editor enforces.
-- Presets must be known ids, and speed one of the speed steps.
-- Trim end must be after trim start.
-- At most 50 text overlays, each with text of at most 500 characters.
-- Overlay ids must match `[A-Za-z0-9_-]{1,64}` and must be unique. Colours must be `#rrggbb`.
-- Font names must match `[A-Za-z0-9 _-]{1,64}`, because they reach FFmpeg's `drawtext` filter.
-
-**Safe construction:**
-
-- `fontPath` is never read from a project file, because it is passed to FFmpeg as a file path. It is also never written, since a `blob:` URL is meaningless outside the tab.
-- Output objects are built field by field, so unknown keys, including `__proto__`, are dropped rather than copied.
-
-### Changing the schema
-
-1. Bump `PROJECT_SCHEMA_VERSION`.
-2. Add `MIGRATIONS[oldVersion] = (doc) => upgradedDoc`. It runs on raw JSON before validation, and migrations chain one version at a time.
-3. Update the validators for the new shape and add a test that parses a document from the old version.
-
-Documents from a newer schema than the page knows are refused with "saved by a newer version of Reframe… reload the page". A version with no migration path is refused too.
-
-A change to `EditRecipe` fields needs a project schema bump, because the validator requires every field.
-
-## Export profiles
-
-Implemented separately; see [EXPORT_PROFILES.md](EXPORT_PROFILES.md). Applying a profile is one undo step and changes only the output fields of `EditState`. Profiles are stored apart from projects, and a project file doesn't include them.
diff --git a/src/components/AudioSpeedControl.stories 2.tsx b/src/components/AudioSpeedControl.stories 2.tsx
deleted file mode 100644
index 1e0a24f98..000000000
--- a/src/components/AudioSpeedControl.stories 2.tsx	
+++ /dev/null
@@ -1,38 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/nextjs";
-import AudioSpeedControl from "./AudioSpeedControl";
-import { RecipeHarness, makeRecipe } from "./__stories__/RecipeHarness";
-
-/** Audio toggle, volume, normalisation and playback-speed steps. */
-const meta = {
-  title: "Editor/Controls/AudioSpeedControl",
-  component: AudioSpeedControl,
-  parameters: { layout: "padded" },
-  args: {
-    recipe: makeRecipe(),
-    onChange: () => {},
-  },
-  // `recipe` seeds the harness, which then owns the state so the control is
-  // actually interactive in Storybook rather than frozen on first render.
-  render: (args) => (
-    <RecipeHarness initial={args.recipe}>
-      {(recipe, onChange) => <AudioSpeedControl recipe={recipe} onChange={onChange} />}
-    </RecipeHarness>
-  ),
-} satisfies Meta<typeof AudioSpeedControl>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};
-
-/** Audio stripped — the dependent volume controls should read as disabled. */
-export const AudioMuted: Story = {
-  args: { recipe: makeRecipe({ keepAudio: false }) },
-};
-
-/** Non-default speed and boosted volume, with normalisation on. */
-export const FastWithNormalisedAudio: Story = {
-  args: {
-    recipe: makeRecipe({ speed: 2, volume: 150, normalizeAudio: true }),
-  },
-};
diff --git a/src/components/BrandLogo.stories 2.tsx b/src/components/BrandLogo.stories 2.tsx
deleted file mode 100644
index 746a02719..000000000
--- a/src/components/BrandLogo.stories 2.tsx	
+++ /dev/null
@@ -1,16 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/nextjs";
-import BrandLogo from "./BrandLogo";
-
-/** Wordmark/logo used in the header and footer. */
-const meta = {
-  title: "Design System/BrandLogo",
-  component: BrandLogo,
-  parameters: { layout: "padded" },
-} satisfies Meta<typeof BrandLogo>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};
-export const Large: Story = { args: { size: 64 } };
-export const Small: Story = { args: { size: 20 } };
diff --git a/src/components/ColorPicker 2.tsx b/src/components/ColorPicker 2.tsx
deleted file mode 100644
index c7f7db633..000000000
--- a/src/components/ColorPicker 2.tsx	
+++ /dev/null
@@ -1,318 +0,0 @@
-import React, { useRef, useEffect, useState, useCallback } from 'react';
-import { createPortal } from 'react-dom';
-import { Pipette } from 'lucide-react';
-
-interface ColorPickerProps {
-    value: string;
-    onChange: (hex: string) => void;
-    label?: string;
-}
-
-const getGlassyClasses = (opacity = 10) =>
-    `backdrop-filter backdrop-blur-lg bg-[var(--surface)] bg-opacity-${opacity} border border-[var(--border)] rounded-lg shadow-lg transition-all duration-300`;
-
-function hexToHsv(hex: string): [number, number, number] {
-    const r = parseInt(hex.slice(1, 3), 16) / 255;
-    const g = parseInt(hex.slice(3, 5), 16) / 255;
-    const b = parseInt(hex.slice(5, 7), 16) / 255;
-    const max = Math.max(r, g, b),
-        min = Math.min(r, g, b),
-        d = max - min;
-    let h = 0;
-    if (d !== 0) {
-        if (max === r) h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
-        else if (max === g) h = ((b - r) / d + 2) / 6;
-        else h = ((r - g) / d + 4) / 6;
-    }
-    return [h * 360, max === 0 ? 0 : d / max, max];
-}
-
-function hsvToRgb(h: number, s: number, v: number): [number, number, number] {
-    const i = Math.floor(h / 60) % 6;
-    const f = h / 60 - Math.floor(h / 60);
-    const p = v * (1 - s),
-        q = v * (1 - f * s),
-        t = v * (1 - (1 - f) * s);
-    const sets: [number, number, number][] = [
-        [v, t, p],
-        [q, v, p],
-        [p, v, t],
-        [p, q, v],
-        [t, p, v],
-        [v, p, q],
-    ];
-    return sets[i]?.map(x => Math.round(x * 255)) as [number, number, number];
-}
-
-function rgbToHex(r: number, g: number, b: number) {
-    return (
-        '#' +
-        [r, g, b]
-            .map(x => x.toString(16).padStart(2, '0'))
-            .join('')
-            .toUpperCase()
-    );
-}
-
-const ColorPicker: React.FC<ColorPickerProps> = ({
-    value,
-    onChange,
-    label,
-}) => {
-    const canvasRef = useRef<HTMLCanvasElement>(null);
-    const [open, setOpen] = useState(false);
-
-    const initialHex = /^#[0-9a-fA-F]{6}$/.test(value) ? value : '#FFFFFF';
-    const [initH, initS, initV] = hexToHsv(initialHex);
-
-    const [hue, setHue] = useState(initH);
-    const [sat, setSat] = useState(initS);
-    const [val, setVal] = useState(initV);
-    const CANVAS_W = 232,
-        CANVAS_H = 140;
-    const [cursorX, setCursorX] = useState(initS * (CANVAS_W - 1));
-    const [cursorY, setCursorY] = useState((1 - initV) * (CANVAS_H - 1));
-    const [hexInput, setHexInput] = useState(initialHex.slice(1).toUpperCase());
-    const dragging = useRef(false);
-    const panelRef = useRef<HTMLDivElement>(null);
-    const triggerRef = useRef<HTMLButtonElement>(null);
-    const [panelPos, setPanelPos] = useState({ top: 0, left: 0 });
-
-    const updatePosition = useCallback(() => {
-        if (triggerRef.current) {
-            const rect = triggerRef.current.getBoundingClientRect();
-            setPanelPos({
-                top: rect.bottom + window.scrollY + 6,
-                left: rect.left + window.scrollX,
-            });
-        }
-    }, []);
-
-    useEffect(() => {
-        if (open) {
-            updatePosition();
-            window.addEventListener('scroll', updatePosition, true);
-            window.addEventListener('resize', updatePosition);
-        }
-        return () => {
-            window.removeEventListener('scroll', updatePosition, true);
-            window.removeEventListener('resize', updatePosition);
-        };
-    }, [open, updatePosition]);
-
-    const drawCanvas = useCallback(() => {
-        const canvas = canvasRef.current;
-        if (!canvas) return;
-        const ctx = canvas.getContext('2d')!;
-        const w = canvas.width,
-            h = canvas.height;
-        ctx.clearRect(0, 0, w, h);
-        const gH = ctx.createLinearGradient(0, 0, w, 0);
-        gH.addColorStop(0, '#FFFFFF');
-        gH.addColorStop(1, `hsl(${hue},100%,50%)`);
-        ctx.fillStyle = gH;
-        ctx.fillRect(0, 0, w, h);
-        const gV = ctx.createLinearGradient(0, 0, 0, h);
-        gV.addColorStop(0, 'rgba(0,0,0,0)');
-        gV.addColorStop(1, '#000000');
-        ctx.fillStyle = gV;
-        ctx.fillRect(0, 0, w, h);
-        ctx.beginPath();
-        ctx.arc(cursorX, cursorY, 6, 0, 2 * Math.PI);
-        ctx.strokeStyle = 'rgba(255,255,255,0.95)';
-        ctx.lineWidth = 2;
-        ctx.stroke();
-    }, [hue, cursorX, cursorY]);
-
-    useEffect(() => {
-        if (open) drawCanvas();
-    }, [open, drawCanvas]);
-
-    const pickColor = useCallback(
-        (clientX: number, clientY: number) => {
-            const canvas = canvasRef.current;
-            if (!canvas) return;
-            const rect = canvas.getBoundingClientRect();
-            const scaleX = canvas.width / rect.width;
-            const scaleY = canvas.height / rect.height;
-            const cx = Math.max(0, Math.min(canvas.width - 1, (clientX - rect.left) * scaleX));
-            const cy = Math.max(0, Math.min(canvas.height - 1, (clientY - rect.top) * scaleY));
-            setCursorX(cx);
-            setCursorY(cy);
-            const s = cx / (canvas.width - 1);
-            const v = 1 - cy / (canvas.height - 1);
-            setSat(s);
-            setVal(v);
-            const [r_val, g_val, b_val] = hsvToRgb(hue, s, v);
-            const hex = rgbToHex(r_val, g_val, b_val);
-            setHexInput(hex.slice(1));
-            onChange(hex);
-        },
-        [hue, onChange],
-    );
-
-    const handleHueChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-        const h = Number(e.target.value);
-        setHue(h);
-        const [r_v, g_v, b_v] = hsvToRgb(h, sat, val);
-        const hex = rgbToHex(r_v, g_v, b_v);
-        setHexInput(hex.slice(1));
-        onChange(hex);
-    };
-
-    const handleHexInput = (e: React.ChangeEvent<HTMLInputElement>) => {
-        const v = e.target.value.replace(/[^0-9a-fA-F]/g, '').slice(0, 6);
-        setHexInput(v.toUpperCase());
-        if (v.length === 6) {
-            const full = '#' + v;
-            const [h, s, v2] = hexToHsv(full);
-            setHue(h);
-            setSat(s);
-            setVal(v2);
-            setCursorX(s * (CANVAS_W - 1));
-            setCursorY((1 - v2) * (CANVAS_H - 1));
-            onChange(full.toUpperCase());
-        }
-    };
-
-    useEffect(() => {
-        if (!open) return;
-        const handler = (e: MouseEvent) => {
-            const isTriggerClick = triggerRef.current?.contains(e.target as Node);
-            const isPanelClick = panelRef.current?.contains(e.target as Node);
-            if (!isTriggerClick && !isPanelClick) {
-                setOpen(false);
-            }
-        };
-        document.addEventListener('mousedown', handler);
-        return () => document.removeEventListener('mousedown', handler);
-    }, [open]);
-
-    const handleEyeDropper = async () => {
-        if (!('EyeDropper' in window)) return;
-        try {
-            const eyeDropper = new (window as any).EyeDropper();
-            const result = await eyeDropper.open();
-            const hex = result.sRGBHex.toUpperCase();
-            const [h, s, v2] = hexToHsv(hex);
-            setHue(h);
-            setSat(s);
-            setVal(v2);
-            setHexInput(hex.slice(1));
-            setCursorX(s * (CANVAS_W - 1));
-            setCursorY((1 - v2) * (CANVAS_H - 1));
-            onChange(hex);
-        } catch (_) { }
-    };
-
-    const [r, g, b] = hsvToRgb(hue, sat, val);
-
-    return (
-        <div className='w-full'>
-            {label && (
-                <label className='text-xs text-[var(--muted)] font-medium mb-1 block'>
-                    {label}
-                </label>
-            )}
-
-            <div className="flex items-center gap-2">
-                <button
-                    ref={triggerRef}
-                    type="button"
-                    onClick={() => setOpen(!open)}
-                    className={`flex items-center gap-3 ${getGlassyClasses(20)} p-1.5 border border-[var(--border)] hover:bg-[var(--border)] active:scale-95 transition-transform`}
-                    aria-label="Open custom palette"
-                >
-                    <span
-                        className='w-7 h-6 rounded border border-white border-opacity-20 inline-block flex-shrink-0 shadow-inner'
-                        style={{ background: value }}
-                    />
-                </button>
-
-                <input
-                    type='text'
-                    value={hexInput}
-                    onChange={handleHexInput}
-                    maxLength={6}
-                    className='flex-1 px-2 py-1.5 text-xs rounded border border-[var(--border)] bg-[var(--bg)] text-[var(--text)] font-mono uppercase tracking-widest focus:outline-none focus:ring-2 focus:ring-film-500'
-                    spellCheck={false}
-                />
-            </div>
-
-            {open &&
-                createPortal(
-                    <div
-                        ref={panelRef}
-                        className={`absolute z-[9999] p-3 ${getGlassyClasses(40)} border border-[var(--border)] w-60 flex flex-col gap-2.5 shadow-2xl backdrop-blur-xl`}
-                        style={{
-                            top: panelPos.top,
-                            left: panelPos.left,
-                            minWidth: 230,
-                            position: 'absolute',
-                        }}
-                    >
-                        <canvas
-                            ref={canvasRef}
-                            width={CANVAS_W}
-                            height={CANVAS_H}
-                            className='w-full rounded-md cursor-crosshair border border-[var(--border)] shadow-sm'
-                            onMouseDown={e => {
-                                dragging.current = true;
-                                pickColor(e.clientX, e.clientY);
-                            }}
-                            onMouseMove={e => {
-                                if (dragging.current) pickColor(e.clientX, e.clientY);
-                            }}
-                            onMouseUp={() => { dragging.current = false; }}
-                            onMouseLeave={() => { dragging.current = false; }}
-                        />
-
-                        <div className='flex items-center gap-2.5'>
-                            <span
-                                className='w-7 h-7 rounded-full border border-white border-opacity-30 flex-shrink-0 shadow-sm'
-                                style={{ background: `#${hexInput || 'FFFFFF'}` }}
-                            />
-                            <input
-                                type='range'
-                                min={0}
-                                max={360}
-                                value={hue}
-                                onChange={handleHueChange}
-                                className='flex-1 h-2 rounded-full cursor-pointer appearance-none border-none accent-transparent'
-                                style={{
-                                    background: 'linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)',
-                                }}
-                            />
-
-                            {/* 📍 THIS IS THE MISSING PIPETTE TRIGGER */}
-                            {'EyeDropper' in window && (
-                                <button
-                                    type="button"
-                                    onClick={handleEyeDropper}
-                                    className={`${getGlassyClasses(20)} p-1 border border-[var(--border)] hover:bg-[var(--border)] text-[var(--text)] flex-shrink-0`}
-                                    aria-label="Pick color from screen"
-                                >
-                                    <Pipette size={14} />
-                                </button>
-                            )}
-                        </div>
-                        <div className='grid grid-cols-3 gap-1.5 text-center'>
-                            {[
-                                ['R', r],
-                                ['G', g],
-                                ['B', b],
-                            ].map(([ch, v_rgb]) => (
-                                <div key={ch as string} className={`${getGlassyClasses(10)} py-0.5 border border-[var(--border)]`}>
-                                    <div className='text-[10px] text-[var(--muted)] font-medium'>{ch}</div>
-                                    <div className='text-xs font-semibold text-[var(--text)]'>{v_rgb}</div>
-                                </div>
-                            ))}
-                        </div>
-                    </div>,
-                    document.body,
-                )}
-        </div>
-    );
-};
-
-export default ColorPicker;
\ No newline at end of file
diff --git a/src/components/DatadogInit 2.tsx b/src/components/DatadogInit 2.tsx
deleted file mode 100644
index 4d8ed0574..000000000
--- a/src/components/DatadogInit 2.tsx	
+++ /dev/null
@@ -1,36 +0,0 @@
-"use client";
-
-import { useEffect } from "react";
-import { datadogRum } from "@datadog/browser-rum";
-import { reactPlugin } from "@datadog/browser-rum-react";
-
-export default function DatadogInit() {
-  useEffect(() => {
-    const applicationId = process.env.NEXT_PUBLIC_DATADOG_APPLICATION_ID;
-    const clientToken = process.env.NEXT_PUBLIC_DATADOG_CLIENT_TOKEN;
-
-    if (!applicationId || !clientToken) {
-      return;
-    }
-
-    datadogRum.init({
-      applicationId,
-      clientToken,
-      site: "datadoghq.com",
-      service: "reframe",
-      env: "production",
-      version: "0.1.0",
-      sessionSampleRate: 100,
-      // Reframe advertises itself as 100% private client-side video editing —
-      // session replay would visually record the editor UI, which cuts
-      // against that claim. Metrics/errors only.
-      sessionReplaySampleRate: 0,
-      plugins: [reactPlugin()],
-      trackUserInteractions: true,
-      trackResources: true,
-      trackLongTasks: true,
-    });
-  }, []);
-
-  return null;
-}
diff --git a/src/components/DownloadResult.stories 2.tsx b/src/components/DownloadResult.stories 2.tsx
deleted file mode 100644
index 0282f0b7a..000000000
--- a/src/components/DownloadResult.stories 2.tsx	
+++ /dev/null
@@ -1,74 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/nextjs";
-import DownloadResult from "./DownloadResult";
-import type { ExportResult } from "@/lib/types";
-
-/**
- * Success panel shown after an export finishes: dimensions, file size, a
- * filename field and the download button.
- *
- * The ExportResult is synthesised rather than produced by a real export — a
- * genuine FFmpeg run would take ~30s and produce a different blob each time.
- * A small in-memory Blob exercises exactly the same render path.
- */
-function makeResult(overrides: Partial<ExportResult> = {}): ExportResult {
-  const blob = new Blob(["reframe-storybook-fixture"], { type: "video/mp4" });
-  return {
-    blobUrl: "about:blank",
-    blob,
-    size: 8_432_119,
-    width: 1080,
-    height: 1920,
-    format: "mp4",
-    dispose: () => {},
-    ...overrides,
-  };
-}
-
-const meta = {
-  title: "Editor/Modals/DownloadResult",
-  component: DownloadResult,
-  parameters: { layout: "padded" },
-  args: {
-    onReset: () => {},
-    onToggleSound: () => {},
-    soundOnCompletion: false,
-  },
-} satisfies Meta<typeof DownloadResult>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-/** A vertical 9:16 export, the most common output for this tool. */
-export const Default: Story = {
-  args: { result: makeResult() },
-};
-
-/** Landscape WebM, with the export-duration readout present. */
-export const WithExportDuration: Story = {
-  args: {
-    result: makeResult({
-      width: 1920,
-      height: 1080,
-      format: "webm",
-      size: 24_908_311,
-      exportDurationMs: 42_500,
-    }),
-  },
-};
-
-/** Completion sound enabled — toggles the speaker control's active state. */
-export const SoundEnabled: Story = {
-  args: { result: makeResult(), soundOnCompletion: true },
-};
-
-/** A GIF export: small, square, and audio-less. */
-export const GifExport: Story = {
-  args: {
-    result: makeResult({
-      format: "gif",
-      width: 480,
-      height: 480,
-      size: 1_204_880,
-    }),
-  },
-};
diff --git a/src/components/ExportOverlay.stories 2.tsx b/src/components/ExportOverlay.stories 2.tsx
deleted file mode 100644
index 599871a68..000000000
--- a/src/components/ExportOverlay.stories 2.tsx	
+++ /dev/null
@@ -1,83 +0,0 @@
-import * as React from "react";
-import type { Meta, StoryObj, Decorator } from "@storybook/nextjs";
-import ExportOverlay from "./ExportOverlay";
-
-/**
- * Full-screen modal shown while an export runs.
- *
- * ── Why this file works the way it does ──────────────────────────────────────
- * The overlay contains a <TipCarousel/> that rotates to the next tip every
- * 6000ms. A visual regression service screenshots at an arbitrary moment, so
- * that rotation reports a change on every build that reflects nothing but
- * timing. It is marked data-chromatic="ignore": Chromatic still renders it,
- * but excludes it from the diff.
- *
- * The Lottie spinner used to need the same treatment. It no longer does —
- * LottiePlayer checks isChromatic() and renders frame 0 statically, so the
- * spinner is deterministic and stays fully covered by the diff.
- *
- * A word of warning from how this file got here: an earlier version froze both
- * by stubbing window.setInterval and window.requestAnimationFrame. Chromatic's
- * capture instrumentation relies on requestAnimationFrame to decide a story
- * has settled, so starving it meant all six snapshots (3 stories x light/dark)
- * failed with "took too long to load". Never stub browser globals to stabilise
- * a snapshot.
- */
-const withCarouselIgnored: Decorator = (Story) => (
-  <IgnoreCarousel>
-    <Story />
-  </IgnoreCarousel>
-);
-
-function IgnoreCarousel({ children }: { children: React.ReactNode }) {
-  React.useEffect(() => {
-    // The TipCarousel root, identified by its min-h-[142px] utility.
-    const marked: Element[] = [];
-
-    document.querySelectorAll('[class*="min-h-[142px]"]').forEach((el) => {
-      el.setAttribute("data-chromatic", "ignore");
-      marked.push(el);
-    });
-
-    return () => marked.forEach((el) => el.removeAttribute("data-chromatic"));
-  }, []);
-
-  return <>{children}</>;
-}
-
-const meta = {
-  title: "Editor/Modals/ExportOverlay",
-  component: ExportOverlay,
-  parameters: { layout: "fullscreen" },
-  decorators: [withCarouselIgnored],
-  args: {
-    // With a real timestamp the component starts a 1s interval and renders
-    // Date.now() - exportStartedAt as elapsed time, which would differ between
-    // builds. null takes its own early-return branch and pins it at zero.
-    exportStartedAt: null,
-    onCancel: () => {},
-  },
-} satisfies Meta<typeof ExportOverlay>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-/**
- * FFmpeg.wasm (~30 MB) is being fetched on first export.
- *
- * The overlay only renders for "loading-engine" and "exporting"; the other
- * ExportStatus values return null, so they aren't worth stories.
- */
-export const LoadingEngine: Story = {
-  args: { status: "loading-engine", progress: 0 },
-};
-
-/** Mid-export, just past a third done. */
-export const Exporting: Story = {
-  args: { status: "exporting", progress: 37 },
-};
-
-/** Near completion — checks the progress bar at the far end of its track. */
-export const AlmostDone: Story = {
-  args: { status: "exporting", progress: 98 },
-};
diff --git a/src/components/ExportSettings.stories 2.tsx b/src/components/ExportSettings.stories 2.tsx
deleted file mode 100644
index 62cb7a63d..000000000
--- a/src/components/ExportSettings.stories 2.tsx	
+++ /dev/null
@@ -1,45 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/nextjs";
-import ExportSettings from "./ExportSettings";
-import { RecipeHarness, makeRecipe } from "./__stories__/RecipeHarness";
-
-/**
- * Quality (CRF) slider plus the estimated output size, which is derived from
- * the recipe and the clip duration.
- */
-const meta = {
-  title: "Editor/Controls/ExportSettings",
-  component: ExportSettings,
-  parameters: { layout: "padded" },
-  args: {
-    recipe: makeRecipe(),
-    onChange: () => {},
-    duration: 90,
-  },
-  render: (args) => (
-    <RecipeHarness initial={args.recipe}>
-      {(recipe, onChange) => (
-        <ExportSettings
-          recipe={recipe}
-          onChange={onChange}
-          duration={args.duration}
-        />
-      )}
-    </RecipeHarness>
-  ),
-} satisfies Meta<typeof ExportSettings>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-/** CRF 23 — the default balance of size and quality. */
-export const Default: Story = {};
-
-/** Near-lossless: low CRF, large estimate. */
-export const HighQuality: Story = {
-  args: { recipe: makeRecipe({ quality: 16 }) },
-};
-
-/** Heavily compressed: high CRF, small estimate. */
-export const SmallFile: Story = {
-  args: { recipe: makeRecipe({ quality: 34 }) },
-};
diff --git a/src/components/FileUpload.stories 2.tsx b/src/components/FileUpload.stories 2.tsx
deleted file mode 100644
index 07d48ab81..000000000
--- a/src/components/FileUpload.stories 2.tsx	
+++ /dev/null
@@ -1,42 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/nextjs";
-import FileUpload from "./FileUpload";
-
-/**
- * The drag-and-drop landing state — the first thing every user sees, and the
- * only screen shown until a file is chosen. Worth snapshotting in both themes.
- *
- * `currentFile` stays null across these stories: the "file selected" branch
- * reads File.name/size and renders a duration that arrives asynchronously from
- * media metadata, which would not be reproducible in CI.
- */
-const meta = {
-  title: "Editor/FileUpload",
-  component: FileUpload,
-  parameters: { layout: "padded" },
-  args: {
-    onFileSelect: () => {},
-    currentFile: null,
-    fileError: "",
-    duration: 0,
-  },
-} satisfies Meta<typeof FileUpload>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-/** Empty drop zone awaiting a file. */
-export const Empty: Story = {};
-
-/** Rejected file — checks the error styling and that layout doesn't jump. */
-export const WithError: Story = {
-  args: {
-    fileError: "That file is 3.2 GB. The maximum supported size is 2 GB.",
-  },
-};
-
-/** An unsupported-format rejection, which is the more common failure. */
-export const UnsupportedFormat: Story = {
-  args: {
-    fileError: "Unsupported file type. Please choose an MP4, WebM or MOV file.",
-  },
-};
diff --git a/src/components/FormatSelector.stories 2.tsx b/src/components/FormatSelector.stories 2.tsx
deleted file mode 100644
index a465cac82..000000000
--- a/src/components/FormatSelector.stories 2.tsx	
+++ /dev/null
@@ -1,31 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/nextjs";
-import FormatSelector from "./FormatSelector";
-import { RecipeHarness, makeRecipe } from "./__stories__/RecipeHarness";
-
-/** Container format choice: mp4 / webm / mkv / gif. */
-const meta = {
-  title: "Editor/Controls/FormatSelector",
-  component: FormatSelector,
-  parameters: { layout: "padded" },
-  args: {
-    recipe: makeRecipe(),
-    onChange: () => {},
-  },
-  // `recipe` seeds the harness, which then owns the state so the control is
-  // actually interactive in Storybook rather than frozen on first render.
-  render: (args) => (
-    <RecipeHarness initial={args.recipe}>
-      {(recipe, onChange) => <FormatSelector recipe={recipe} onChange={onChange} />}
-    </RecipeHarness>
-  ),
-} satisfies Meta<typeof FormatSelector>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};
-
-export const WebM: Story = { args: { recipe: makeRecipe({ format: "webm" }) } };
-
-/** GIF is the odd one out — it drops audio, so its selected state matters. */
-export const Gif: Story = { args: { recipe: makeRecipe({ format: "gif" }) } };
diff --git a/src/components/FramingControl.stories 2.tsx b/src/components/FramingControl.stories 2.tsx
deleted file mode 100644
index f02f87126..000000000
--- a/src/components/FramingControl.stories 2.tsx	
+++ /dev/null
@@ -1,28 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/nextjs";
-import FramingControl from "./FramingControl";
-import { RecipeHarness, makeRecipe } from "./__stories__/RecipeHarness";
-
-/** Fit (letterbox) vs Fill (crop) toggle. */
-const meta = {
-  title: "Editor/Controls/FramingControl",
-  component: FramingControl,
-  parameters: { layout: "padded" },
-  args: {
-    recipe: makeRecipe(),
-    onChange: () => {},
-  },
-  // `recipe` seeds the harness, which then owns the state so the control is
-  // actually interactive in Storybook rather than frozen on first render.
-  render: (args) => (
-    <RecipeHarness initial={args.recipe}>
-      {(recipe, onChange) => <FramingControl recipe={recipe} onChange={onChange} />}
-    </RecipeHarness>
-  ),
-} satisfies Meta<typeof FramingControl>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Fit: Story = { args: { recipe: makeRecipe({ framing: "fit" }) } };
-
-export const Fill: Story = { args: { recipe: makeRecipe({ framing: "fill" }) } };
diff --git a/src/components/HistoryControls 2.tsx b/src/components/HistoryControls 2.tsx
deleted file mode 100644
index 5091afc9a..000000000
--- a/src/components/HistoryControls 2.tsx	
+++ /dev/null
@@ -1,51 +0,0 @@
-"use client";
-
-import { useEffect, useState } from "react";
-import { Undo2, Redo2 } from "lucide-react";
-import { isMacPlatform } from "@/lib/historyShortcuts";
-
-interface Props {
-  canUndo: boolean;
-  canRedo: boolean;
-  onUndo: () => void;
-  onRedo: () => void;
-}
-
-export default function HistoryControls({ canUndo, canRedo, onUndo, onRedo }: Props) {
-  const [isMac, setIsMac] = useState(false);
-  useEffect(() => {
-    // navigator is browser-only, so the platform can't be read during render.
-    // eslint-disable-next-line react-hooks/set-state-in-effect
-    setIsMac(isMacPlatform());
-  }, []);
-
-  const undoKeys = isMac ? "⌘Z" : "Ctrl+Z";
-  const redoKeys = isMac ? "⇧⌘Z" : "Ctrl+Y";
-
-  return (
-    <div role="group" aria-label="Edit history" className="flex items-center gap-1">
-      <button
-        type="button"
-        onClick={onUndo}
-        disabled={!canUndo}
-        aria-keyshortcuts={isMac ? "Meta+Z" : "Control+Z"}
-        title={`Undo (${undoKeys})`}
-        className="btn btn-ghost btn-sm"
-      >
-        <Undo2 size={14} aria-hidden="true" />
-        Undo
-      </button>
-      <button
-        type="button"
-        onClick={onRedo}
-        disabled={!canRedo}
-        aria-keyshortcuts={isMac ? "Shift+Meta+Z" : "Control+Y Control+Shift+Z"}
-        title={`Redo (${redoKeys})`}
-        className="btn btn-ghost btn-sm"
-      >
-        <Redo2 size={14} aria-hidden="true" />
-        Redo
-      </button>
-    </div>
-  );
-}
diff --git a/src/components/PresetSelector.stories 2.tsx b/src/components/PresetSelector.stories 2.tsx
deleted file mode 100644
index 9609119fe..000000000
--- a/src/components/PresetSelector.stories 2.tsx	
+++ /dev/null
@@ -1,51 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/nextjs";
-import PresetSelector from "./PresetSelector";
-import { RecipeHarness, makeRecipe } from "./__stories__/RecipeHarness";
-
-/**
- * The preset grid is the first real choice a user makes, and the most
- * layout-sensitive part of the editor: presets are grouped into categories and
- * each tile draws a scaled aspect-ratio box, so a change to spacing or to the
- * ratio maths surfaces here before anywhere else.
- */
-const meta = {
-  title: "Editor/Controls/PresetSelector",
-  component: PresetSelector,
-  parameters: { layout: "padded" },
-  args: {
-    recipe: makeRecipe(),
-    onChange: () => {},
-  },
-  // `recipe` seeds the harness, which then owns the state so the control is
-  // actually interactive in Storybook rather than frozen on first render.
-  render: (args) => (
-    <RecipeHarness initial={args.recipe}>
-      {(recipe, onChange) => <PresetSelector recipe={recipe} onChange={onChange} />}
-    </RecipeHarness>
-  ),
-} satisfies Meta<typeof PresetSelector>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-/** Default state — the 9:16 vertical preset selected. */
-export const Default: Story = {};
-
-/** A landscape preset selected, to catch category/highlight regressions. */
-export const LandscapeSelected: Story = {
-  args: { recipe: makeRecipe({ preset: "landscape-16-9" }) },
-};
-
-/**
- * Custom dimensions reveal the width/height inputs, historically the source of
- * overflow bugs in this panel.
- */
-export const CustomDimensions: Story = {
-  args: {
-    recipe: makeRecipe({
-      preset: "custom",
-      customWidth: 1440,
-      customHeight: 1080,
-    }),
-  },
-};
diff --git a/src/components/PrivacyBanner 2.tsx b/src/components/PrivacyBanner 2.tsx
deleted file mode 100644
index 5b600a63c..000000000
--- a/src/components/PrivacyBanner 2.tsx	
+++ /dev/null
@@ -1,81 +0,0 @@
-"use client";
-
-import { useEffect, useState } from "react";
-import { ShieldCheck, X } from "lucide-react";
-
-/** localStorage key holding the timestamp (ms) until which the banner stays hidden. */
-const DISMISS_KEY = "reframe_privacy_banner_dismissed_until";
-/** Keep the banner hidden for 7 days after it is dismissed. */
-const DISMISS_DURATION_MS = 7 * 24 * 60 * 60 * 1000;
-
-/**
- * Dismissible notice shown above the upload area highlighting that all video
- * processing happens locally. Dismissal is remembered in localStorage and the
- * banner does not reappear for 7 days.
- */
-export default function PrivacyBanner() {
-  // Start hidden so the server-rendered markup matches the first client paint
-  // (static export → no hydration mismatch); reveal after reading localStorage.
-  const [visible, setVisible] = useState(false);
-
-  useEffect(() => {
-    // Genuinely needs an effect: localStorage is unavailable during SSR, so
-    // this can't be computed as derived state without a hydration mismatch.
-    try {
-      const raw = localStorage.getItem(DISMISS_KEY);
-      const dismissedUntil = raw ? Number(raw) : 0;
-      if (!Number.isFinite(dismissedUntil) || Date.now() >= dismissedUntil) {
-        // eslint-disable-next-line react-hooks/set-state-in-effect
-        setVisible(true);
-      }
-    } catch {
-      // localStorage unavailable (private mode, blocked storage) — show anyway.
-      setVisible(true);
-    }
-  }, []);
-
-  const dismiss = () => {
-    try {
-      localStorage.setItem(
-        DISMISS_KEY,
-        String(Date.now() + DISMISS_DURATION_MS)
-      );
-    } catch {
-      // Ignore write failures — dismissal simply won't persist across reloads.
-    }
-    setVisible(false);
-  };
-
-  if (!visible) return null;
-
-  return (
-    <div
-      role="note"
-      aria-label="Privacy information"
-      className="relative flex items-start gap-3 rounded-xl border border-[var(--border)] bg-[var(--surface)] p-4 pr-11 animate-fade-in"
-    >
-      <ShieldCheck
-        size={20}
-        aria-hidden="true"
-        className="mt-0.5 shrink-0 text-[var(--accent)]"
-      />
-      <div className="min-w-0 text-sm leading-relaxed">
-        <p className="font-heading font-bold text-[var(--text)]">
-          Your videos never leave your device.
-        </p>
-        <p className="mt-0.5 text-[var(--muted)]">
-          Processing is done entirely in your browser using FFmpeg.wasm. No
-          server, no upload, no account required.
-        </p>
-      </div>
-      <button
-        type="button"
-        onClick={dismiss}
-        aria-label="Dismiss privacy notice"
-        className="absolute right-2 top-2 flex h-8 w-8 items-center justify-center rounded-lg text-[var(--muted)] transition-colors hover:bg-[var(--border)] hover:text-[var(--text)]"
-      >
-        <X size={16} aria-hidden="true" />
-      </button>
-    </div>
-  );
-}
diff --git a/src/components/PrivacyBanner.stories 2.tsx b/src/components/PrivacyBanner.stories 2.tsx
deleted file mode 100644
index 52ea8144c..000000000
--- a/src/components/PrivacyBanner.stories 2.tsx	
+++ /dev/null
@@ -1,21 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/nextjs";
-import PrivacyBanner from "./PrivacyBanner";
-
-/**
- * "Your video never leaves your device" banner above the upload area — a key
- * piece of the product's positioning, so its styling is worth protecting.
- *
- * It is dismissible and persists that choice, so it can render empty if
- * localStorage already holds a dismissal. Storybook gives each story a fresh
- * iframe, so the default (visible) state is what gets captured.
- */
-const meta = {
-  title: "Editor/PrivacyBanner",
-  component: PrivacyBanner,
-  parameters: { layout: "padded" },
-} satisfies Meta<typeof PrivacyBanner>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};
diff --git a/src/components/ProjectPanel 2.tsx b/src/components/ProjectPanel 2.tsx
deleted file mode 100644
index e973f3f89..000000000
--- a/src/components/ProjectPanel 2.tsx	
+++ /dev/null
@@ -1,216 +0,0 @@
-"use client";
-
-import { useRef, useState } from "react";
-import { FolderOpen, Save, Trash2, HardDrive } from "lucide-react";
-import { formatBytes } from "@/lib/ffmpeg";
-import { MAX_PROJECT_FILE_BYTES } from "@/lib/project";
-import type {
-  PendingRecovery,
-  ProjectImportResult,
-  ProjectStorageStatus,
-} from "@/hooks/useVideoEditor";
-
-function formatDuration(seconds: number): string {
-  const total = Math.max(0, Math.round(seconds));
-  return `${Math.floor(total / 60)}:${String(total % 60).padStart(2, "0")}`;
-}
-
-function formatSavedAt(savedAt: number): string {
-  return new Date(savedAt).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
-}
-
-const actionClass = "btn btn-secondary btn-sm";
-
-interface PanelProps {
-  hasFile: boolean;
-  storageStatus: ProjectStorageStatus;
-  disabled?: boolean;
-  onBuildProjectFile: () => { fileName: string; contents: string };
-  onImportProject: (contents: string) => ProjectImportResult;
-  onDeleteSavedData: () => void;
-}
-
-/** Explains what is saved in this browser, and saves, opens or deletes it. */
-export default function ProjectPanel({
-  hasFile,
-  storageStatus,
-  disabled = false,
-  onBuildProjectFile,
-  onImportProject,
-  onDeleteSavedData,
-}: PanelProps) {
-  const inputRef = useRef<HTMLInputElement>(null);
-  const [message, setMessage] = useState<{ tone: "ok" | "error"; text: string } | null>(null);
-  const [confirmingDelete, setConfirmingDelete] = useState(false);
-
-  const handleSave = () => {
-    const { fileName, contents } = onBuildProjectFile();
-    const url = URL.createObjectURL(new Blob([contents], { type: "application/json" }));
-    const link = document.createElement("a");
-    link.href = url;
-    link.download = fileName;
-    link.click();
-    setTimeout(() => URL.revokeObjectURL(url), 0);
-    setMessage({ tone: "ok", text: `Saved ${fileName}. It holds your edits, not the video.` });
-  };
-
-  const handleOpen = async (event: React.ChangeEvent<HTMLInputElement>) => {
-    const chosen = event.target.files?.[0];
-    event.target.value = "";
-    if (!chosen) return;
-    if (chosen.size > MAX_PROJECT_FILE_BYTES) {
-      setMessage({ tone: "error", text: "That file is too large to be a Reframe project." });
-      return;
-    }
-    let contents: string;
-    try {
-      contents = await chosen.text();
-    } catch {
-      setMessage({ tone: "error", text: "That file couldn't be read." });
-      return;
-    }
-    const outcome = onImportProject(contents);
-    setMessage(
-      outcome.ok
-        ? { tone: "ok", text: outcome.message }
-        : { tone: "error", text: `Couldn't open the project. ${outcome.error}` }
-    );
-  };
-
-  const sourceLine =
-    storageStatus.sourceCopy === "saved"
-      ? "A copy of the video is kept in this browser's storage so a refresh doesn't lose it."
-      : storageStatus.sourceCopy === "failed"
-        ? "This browser didn't have room to keep a copy of the video. After a refresh you'll be asked to choose it again."
-        : storageStatus.sourceCopy === "saving"
-          ? "Keeping a copy of the video in this browser's storage…"
-          : null;
-
-  return (
-    <section
-      aria-labelledby="project-panel-title"
-      className="space-y-3 border-b border-[var(--border)] px-1 pb-5 pt-1"
-    >
-      <h2 id="project-panel-title" className="flex items-center gap-2 text-sm text-[var(--text-secondary)]">
-        <HardDrive size={15} aria-hidden="true" className="text-[var(--muted)]" />
-        Saved on this device
-      </h2>
-
-      <div className="space-y-1.5 text-xs leading-relaxed text-[var(--muted)]">
-        <p>
-          Your edit settings are saved in this browser as you work, so you can pick up after a
-          refresh. Nothing is uploaded.
-        </p>
-        {hasFile && sourceLine && <p>{sourceLine}</p>}
-        {hasFile && storageStatus.savedAt && !storageStatus.error && (
-          <p>Edits saved at {formatSavedAt(storageStatus.savedAt)}.</p>
-        )}
-        {storageStatus.error && <p className="text-[var(--error)]">{storageStatus.error}</p>}
-      </div>
-
-      <div className="flex flex-wrap gap-2">
-        <button type="button" onClick={handleSave} disabled={disabled} className={actionClass}>
-          <Save size={13} aria-hidden="true" />
-          Save project file
-        </button>
-        <button
-          type="button"
-          onClick={() => inputRef.current?.click()}
-          disabled={disabled}
-          className={actionClass}
-        >
-          <FolderOpen size={13} aria-hidden="true" />
-          Open project file
-        </button>
-        <input
-          ref={inputRef}
-          type="file"
-          accept=".json,application/json"
-          className="sr-only"
-          tabIndex={-1}
-          aria-hidden="true"
-          onChange={handleOpen}
-        />
-      </div>
-
-      <div aria-live="polite" className="text-xs">
-        {message && (
-          <p className={message.tone === "error" ? "text-[var(--error)]" : "text-[var(--text)]"}>
-            {message.text}
-          </p>
-        )}
-      </div>
-
-      {confirmingDelete ? (
-        <div className="callout callout-error flex-col items-stretch gap-2 text-xs">
-          <p>
-            Delete the saved edits and the stored copy of the video from this browser, and close the
-            current video? Project files you saved are not affected.
-          </p>
-          <div className="flex gap-2">
-            <button
-              type="button"
-              onClick={() => {
-                onDeleteSavedData();
-                setConfirmingDelete(false);
-                setMessage({ tone: "ok", text: "Saved data deleted. The editor has been reset." });
-              }}
-              className="btn btn-danger btn-sm"
-            >
-              Delete
-            </button>
-            <button
-              type="button"
-              onClick={() => setConfirmingDelete(false)}
-              className="btn btn-secondary btn-sm"
-            >
-              Cancel
-            </button>
-          </div>
-        </div>
-      ) : (
-        <button
-          type="button"
-          onClick={() => setConfirmingDelete(true)}
-          disabled={disabled}
-          className="btn btn-ghost btn-sm text-[var(--muted)] hover:text-[var(--error)]"
-        >
-          <Trash2 size={12} aria-hidden="true" />
-          Delete saved data
-        </button>
-      )}
-    </section>
-  );
-}
-
-interface RecoveryProps {
-  recovery: PendingRecovery;
-  onDiscard: () => void;
-}
-
-/** Shown when a saved project's video has to be chosen again. */
-export function RecoveryNotice({ recovery, onDiscard }: RecoveryProps) {
-  const { source } = recovery;
-  return (
-    <div role="status" className="callout callout-info flex-col items-stretch gap-2 text-sm">
-      <p className="font-medium">
-        {recovery.origin === "session" ? "Pick up where you left off" : "Choose the project's video"}
-      </p>
-      <p className="text-[var(--text-secondary)]">
-        {recovery.origin === "session"
-          ? "Your edits were saved, but this browser no longer has the video. "
-          : "Project files don't include the video. "}
-        Choose <strong>{source.name}</strong> ({formatBytes(source.size)}
-        {source.duration > 0 ? `, ${formatDuration(source.duration)}` : ""}) below to continue with
-        your edits. A different video starts with fresh trim points.
-      </p>
-      <button
-        type="button"
-        onClick={onDiscard}
-        className="link self-start text-xs"
-      >
-        Discard saved edits
-      </button>
-    </div>
-  );
-}
diff --git a/src/components/RotateControl.stories 2.tsx b/src/components/RotateControl.stories 2.tsx
deleted file mode 100644
index 57b9e7c1e..000000000
--- a/src/components/RotateControl.stories 2.tsx	
+++ /dev/null
@@ -1,35 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/nextjs";
-import RotateControl from "./RotateControl";
-import { RecipeHarness, makeRecipe } from "./__stories__/RecipeHarness";
-
-/**
- * Rotation buttons (0/90/180/270), implemented as a radiogroup with roving
- * tabindex — so the selected-state styling is worth pinning down visually.
- */
-const meta = {
-  title: "Editor/Controls/RotateControl",
-  component: RotateControl,
-  parameters: { layout: "padded" },
-  args: {
-    recipe: makeRecipe(),
-    onChange: () => {},
-  },
-  // `recipe` seeds the harness, which then owns the state so the control is
-  // actually interactive in Storybook rather than frozen on first render.
-  render: (args) => (
-    <RecipeHarness initial={args.recipe}>
-      {(recipe, onChange) => <RotateControl recipe={recipe} onChange={onChange} />}
-    </RecipeHarness>
-  ),
-} satisfies Meta<typeof RotateControl>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const NoRotation: Story = { args: { recipe: makeRecipe({ rotate: 0 }) } };
-
-export const Rotated90: Story = { args: { recipe: makeRecipe({ rotate: 90 }) } };
-
-export const Rotated270: Story = {
-  args: { recipe: makeRecipe({ rotate: 270 }) },
-};
diff --git a/src/components/TrimControl.stories 2.tsx b/src/components/TrimControl.stories 2.tsx
deleted file mode 100644
index 9269aa864..000000000
--- a/src/components/TrimControl.stories 2.tsx	
+++ /dev/null
@@ -1,52 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/nextjs";
-import TrimControl from "./TrimControl";
-import { RecipeHarness, makeRecipe } from "./__stories__/RecipeHarness";
-
-/**
- * Trim in/out controls.
- *
- * Determinism note: `file` is null in every story. The component feeds it to
- * useAudioWaveform, which decodes real audio to draw the waveform — an async
- * result that depends on the media, so a real file would make these snapshots
- * unstable. The null path still renders the trim inputs and duration readout,
- * which is the part worth regression-testing.
- */
-const meta = {
-  title: "Editor/Controls/TrimControl",
-  component: TrimControl,
-  parameters: { layout: "padded" },
-  args: {
-    recipe: makeRecipe(),
-    onChange: () => {},
-    duration: 90,
-    file: null,
-  },
-  render: (args) => (
-    <RecipeHarness initial={args.recipe}>
-      {(recipe, onChange) => (
-        <TrimControl
-          recipe={recipe}
-          onChange={onChange}
-          duration={args.duration}
-          file={args.file}
-        />
-      )}
-    </RecipeHarness>
-  ),
-} satisfies Meta<typeof TrimControl>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-/** Full 90-second clip, nothing trimmed. */
-export const Default: Story = {};
-
-/** A trimmed range, so the computed output duration is exercised. */
-export const Trimmed: Story = {
-  args: { recipe: makeRecipe({ trimStart: 12.5, trimEnd: 47.25 }) },
-};
-
-/** Before media loads the duration is 0 — check it degrades cleanly. */
-export const NoMediaLoaded: Story = {
-  args: { duration: 0 },
-};
diff --git a/src/components/VideoEditor.stories 2.tsx b/src/components/VideoEditor.stories 2.tsx
deleted file mode 100644
index bcdb0f7de..000000000
--- a/src/components/VideoEditor.stories 2.tsx	
+++ /dev/null
@@ -1,41 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/nextjs";
-import VideoEditor from "./VideoEditor";
-
-/**
- * The whole editor shell — the single most valuable snapshot in the project,
- * because it catches layout regressions that individual control stories miss
- * (section spacing, sidebar width, responsive stacking).
- *
- * It renders its pre-upload state here. VideoEditor owns real state via
- * useVideoEditor, but FFmpeg.wasm is lazy-loaded and only touched on export,
- * so mounting it is cheap and side-effect free.
- *
- * The onboarding tour is marked complete before the story renders. Two
- * reasons: it measures its target element and animates a spotlight over a
- * chain of timeouts, so a screenshot taken at an arbitrary moment catches it
- * mid-move and reports a change that is purely timing; and the tour's dimming
- * overlay covers most of the editor, which is precisely what this story exists
- * to show.
- *
- * Interacting further (choosing a file, exporting) needs real media and a
- * ~30 MB WASM download, so those paths are covered by the individual control
- * stories instead of here.
- */
-const meta = {
-  title: "Editor/VideoEditor",
-  component: VideoEditor,
-  parameters: {
-    layout: "fullscreen",
-    chromatic: { delay: 300 },
-  },
-  beforeEach: async () => {
-    // Matches TOUR_KEY in OnboardingTour.tsx.
-    window.localStorage.setItem("reframe_onboarding_complete", "1");
-  },
-} satisfies Meta<typeof VideoEditor>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-/** Initial load: upload prompt plus editor chrome. */
-export const Initial: Story = {};
diff --git a/src/components/__stories__/RecipeHarness 2.tsx b/src/components/__stories__/RecipeHarness 2.tsx
deleted file mode 100644
index da0382744..000000000
--- a/src/components/__stories__/RecipeHarness 2.tsx	
+++ /dev/null
@@ -1,45 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { DEFAULT_RECIPE } from "@/lib/constants";
-import type { EditRecipe } from "@/lib/types";
-
-/**
- * Shared story harness for the editor's control components.
- *
- * Every control in src/components takes the same pair of props — the whole
- * `EditRecipe` plus an `onChange(patch)` callback — and renders purely from
- * that state (the `updateRecipe(patch)` pattern described in CLAUDE.md).
- *
- * A story that passed a frozen object and a no-op `onChange` would render, but
- * clicking anything would do nothing, which makes the Storybook docs useless
- * for reviewing behaviour. This holds the recipe in real state so controls are
- * interactive, while still starting from a deterministic snapshot for
- * Chromatic.
- */
-export function RecipeHarness({
-  initial,
-  children,
-}: {
-  initial?: Partial<EditRecipe>;
-  children: (
-    recipe: EditRecipe,
-    onChange: (patch: Partial<EditRecipe>) => void
-  ) => React.ReactNode;
-}) {
-  const [recipe, setRecipe] = React.useState<EditRecipe>({
-    ...DEFAULT_RECIPE,
-    ...initial,
-  });
-
-  const onChange = React.useCallback((patch: Partial<EditRecipe>) => {
-    setRecipe((prev) => ({ ...prev, ...patch }));
-  }, []);
-
-  return <>{children(recipe, onChange)}</>;
-}
-
-/** A deterministic recipe for stories that only need a static value. */
-export function makeRecipe(overrides: Partial<EditRecipe> = {}): EditRecipe {
-  return { ...DEFAULT_RECIPE, ...overrides };
-}
diff --git a/src/components/components.stories 2.tsx b/src/components/components.stories 2.tsx
deleted file mode 100644
index b69ac981f..000000000
--- a/src/components/components.stories 2.tsx	
+++ /dev/null
@@ -1,88 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/nextjs";
-import { Card, Button, Input, Badge } from "./components";
-
-/**
- * The shared primitives every other screen is built from. These are the
- * highest-value stories in the project for visual regression: a change to a
- * design token (--bg, --surface, --border, --text, --muted, --accent) shows up
- * here first, and CLAUDE.md calls out renaming those variables as a breaking
- * change. One diff on this page localises the blast radius immediately.
- */
-const meta = {
-  title: "Design System/Primitives",
-  parameters: { layout: "padded" },
-} satisfies Meta;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-/** Every button variant side by side, plus the disabled state. */
-export const Buttons: Story = {
-  render: () => (
-    <div className="flex flex-wrap items-center gap-3">
-      <Button variant="primary">Export video</Button>
-      <Button variant="secondary">Reset all</Button>
-      <Button variant="ghost">Cancel</Button>
-      <Button variant="primary" disabled>
-        Exporting…
-      </Button>
-    </div>
-  ),
-};
-
-/** All badge variants — these carry status colour, so contrast matters. */
-export const Badges: Story = {
-  render: () => (
-    <div className="flex flex-wrap items-center gap-3">
-      <Badge label="Default" />
-      <Badge label="Ready" variant="success" />
-      <Badge label="Large file" variant="warning" />
-      <Badge label="Failed" variant="error" />
-    </div>
-  ),
-};
-
-/** Text input, including the focus-visible outline globals.css defines. */
-export const Inputs: Story = {
-  render: () => (
-    <div className="flex max-w-sm flex-col gap-3">
-      <Input placeholder="reframe_1080x1920" />
-      <Input defaultValue="my-clip" />
-      <Input placeholder="Disabled" disabled />
-    </div>
-  ),
-};
-
-/** Card container with and without a description and body content. */
-export const Cards: Story = {
-  render: () => (
-    <div className="grid gap-4 sm:grid-cols-2">
-      <Card title="Preset" description="Choose an output aspect ratio.">
-        <p className="text-sm text-[var(--muted)]">9 : 16 — 1080 × 1920</p>
-      </Card>
-      <Card title="Title only" />
-    </div>
-  ),
-};
-
-/** Everything together, which is how these actually appear in the editor. */
-export const Kitchensink: Story = {
-  render: () => (
-    <div className="flex flex-col gap-6">
-      <div className="flex flex-wrap gap-3">
-        <Button variant="primary">Export</Button>
-        <Button variant="secondary">Reset</Button>
-        <Button variant="ghost">Cancel</Button>
-      </div>
-      <div className="flex flex-wrap gap-3">
-        <Badge label="Default" />
-        <Badge label="Ready" variant="success" />
-        <Badge label="Large file" variant="warning" />
-        <Badge label="Failed" variant="error" />
-      </div>
-      <Card title="Export settings" description="Quality and container format.">
-        <Input placeholder="Filename" />
-      </Card>
-    </div>
-  ),
-};
diff --git a/src/components/ui/BaseButton.stories 2.tsx b/src/components/ui/BaseButton.stories 2.tsx
deleted file mode 100644
index 33b84e995..000000000
--- a/src/components/ui/BaseButton.stories 2.tsx	
+++ /dev/null
@@ -1,65 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/nextjs";
-import BaseButton from "./BaseButton";
-
-/**
- * The shared button used across the editor. Four variants times four sizes is
- * exactly the kind of combinatorial surface that regresses silently, so the
- * matrix story below captures all of it in a single snapshot.
- */
-const meta = {
-  title: "Design System/BaseButton",
-  component: BaseButton,
-  parameters: { layout: "padded" },
-} satisfies Meta<typeof BaseButton>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Primary: Story = {
-  args: { variant: "primary", children: "Export video" },
-};
-
-export const Secondary: Story = {
-  args: { variant: "secondary", children: "Reset all" },
-};
-
-export const Ghost: Story = {
-  args: { variant: "ghost", children: "Cancel" },
-};
-
-export const Outline: Story = {
-  args: { variant: "outline", children: "Learn more" },
-};
-
-/** Marked active — used for selected presets and toggles. */
-export const Active: Story = {
-  args: { variant: "secondary", active: true, children: "9 : 16" },
-};
-
-export const Disabled: Story = {
-  args: { variant: "primary", disabled: true, children: "Exporting…" },
-};
-
-/** Every variant/size combination in one snapshot. */
-export const Matrix: Story = {
-  render: () => {
-    const variants = ["primary", "secondary", "ghost", "outline"] as const;
-    const sizes = ["sm", "md", "lg", "xl"] as const;
-    return (
-      <div className="flex flex-col gap-4">
-        {variants.map((variant) => (
-          <div key={variant} className="flex flex-wrap items-center gap-3">
-            <span className="w-20 text-xs uppercase tracking-wide text-[var(--muted)]">
-              {variant}
-            </span>
-            {sizes.map((size) => (
-              <BaseButton key={size} variant={variant} size={size}>
-                {size}
-              </BaseButton>
-            ))}
-          </div>
-        ))}
-      </div>
-    );
-  },
-};
diff --git a/src/components/ui/Skeleton.stories 2.tsx b/src/components/ui/Skeleton.stories 2.tsx
deleted file mode 100644
index 06239301b..000000000
--- a/src/components/ui/Skeleton.stories 2.tsx	
+++ /dev/null
@@ -1,31 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/nextjs";
-import Skeleton from "./Skeleton";
-
-/**
- * Loading placeholder. Its shimmer is a CSS animation, which .storybook/preview.css
- * freezes so Chromatic captures a settled frame instead of a random one.
- */
-const meta = {
-  title: "Design System/Skeleton",
-  component: Skeleton,
-  parameters: { layout: "padded" },
-} satisfies Meta<typeof Skeleton>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Line: Story = { args: { className: "h-4 w-64" } };
-
-export const Block: Story = { args: { className: "h-32 w-full max-w-md" } };
-
-/** A realistic cluster, as used while thumbnails load. */
-export const Group: Story = {
-  render: () => (
-    <div className="flex max-w-md flex-col gap-3">
-      <Skeleton className="h-6 w-40" />
-      <Skeleton className="h-4 w-full" />
-      <Skeleton className="h-4 w-5/6" />
-      <Skeleton className="h-24 w-full" />
-    </div>
-  ),
-};
diff --git a/src/lib/editorPersistence 2.ts b/src/lib/editorPersistence 2.ts
deleted file mode 100644
index 1abc8ba67..000000000
--- a/src/lib/editorPersistence 2.ts	
+++ /dev/null
@@ -1,131 +0,0 @@
-import { DEFAULT_RECIPE } from "@/lib/constants";
-import { EditRecipe, OverlayPosition, isValidRecipe, TextOverlay } from "@/lib/types";
-import { generateTextOverlayId } from "@/lib/text-overlay";
-
-export const RECIPE_STORAGE_KEY = "reframe:recipe";
-export const LEGACY_SETTINGS_KEY = "reframe-settings";
-export const EDITOR_STATE_KEY = "editorState";
-export const SOUND_PREF_KEY = "soundOnCompletion";
-
-export interface OverlayEditorState {
-  overlayPosition?: OverlayPosition;
-  overlaySize?: number;
-  overlayOpacity?: number;
-}
-
-function clamp(value: number, min: number, max: number): number {
-  return Math.min(Math.max(value, min), max);
-}
-
-const VALID_FONT_WEIGHTS = ["normal", "bold", "900"];
-
-function sanitizeTextOverlay(overlay: any): TextOverlay {
-  return {
-    id: typeof overlay.id === "string" ? overlay.id : generateTextOverlayId(),
-    text: typeof overlay.text === "string" ? overlay.text.slice(0, 500) : "",
-    x: typeof overlay.x === "number" && isFinite(overlay.x) ? clamp(overlay.x, 0, 100) : 50,
-    y: typeof overlay.y === "number" && isFinite(overlay.y) ? clamp(overlay.y, 0, 100) : 20,
-    fontSize: typeof overlay.fontSize === "number" && isFinite(overlay.fontSize) ? clamp(overlay.fontSize, 12, 120) : 48,
-    color: typeof overlay.color === "string" && /^#[0-9A-Fa-f]{6}$/.test(overlay.color) ? overlay.color : "#ffffff",
-    fontWeight: VALID_FONT_WEIGHTS.includes(overlay.fontWeight) ? (overlay.fontWeight as "normal" | "bold" | "900") : "normal",
-    fontFamily: typeof overlay.fontFamily === "string" ? overlay.fontFamily : "Arial",
-    fontPath: typeof overlay.fontPath === "string" ? overlay.fontPath : undefined,
-  };
-}
-
-export function migrateRecipe(recipe: Partial<EditRecipe>): EditRecipe {
-  const rotateValue = [0, 90, 180, 270].includes(recipe.rotate as any) ? (recipe.rotate as 0 | 90 | 180 | 270) : DEFAULT_RECIPE.rotate;
-
-  return {
-    ...DEFAULT_RECIPE,
-    ...recipe,
-    quality: typeof recipe.quality === "number" ? clamp(recipe.quality, 18, 30) : DEFAULT_RECIPE.quality,
-    speed: typeof recipe.speed === "number" ? clamp(recipe.speed, 0.25, 4) : DEFAULT_RECIPE.speed,
-    brightness: typeof recipe.brightness === "number" ? clamp(recipe.brightness, -1, 1) : DEFAULT_RECIPE.brightness,
-    contrast: typeof recipe.contrast === "number" ? clamp(recipe.contrast, 0, 2) : DEFAULT_RECIPE.contrast,
-    saturation: typeof recipe.saturation === "number" ? clamp(recipe.saturation, 0, 3) : DEFAULT_RECIPE.saturation,
-    customWidth: typeof recipe.customWidth === "number" ? clamp(recipe.customWidth, 16, 7680) : DEFAULT_RECIPE.customWidth,
-    customHeight: typeof recipe.customHeight === "number" ? clamp(recipe.customHeight, 16, 7680) : DEFAULT_RECIPE.customHeight,
-    trimStart: typeof recipe.trimStart === "number" ? Math.max(0, recipe.trimStart) : DEFAULT_RECIPE.trimStart,
-    rotate: rotateValue,
-    textOverlays: Array.isArray(recipe.textOverlays) ? recipe.textOverlays.map(sanitizeTextOverlay) : [],
-  };
-}
-
-export function getStoredSoundPreference(storage: Pick<Storage, "getItem">): boolean {
-  return storage.getItem(SOUND_PREF_KEY) === "true";
-}
-
-export function loadPersistedRecipe(
-  storage: Pick<Storage, "getItem">,
-  fallback: EditRecipe
-): EditRecipe {
-  const raw = storage.getItem(RECIPE_STORAGE_KEY);
-  if (raw) {
-    try {
-      const parsed = JSON.parse(raw);
-      if (isValidRecipe(parsed)) {
-        return parsed;
-      }
-    } catch {
-      // fall through to legacy state
-    }
-  }
-
-  const legacy = storage.getItem(LEGACY_SETTINGS_KEY);
-  if (legacy) {
-    try {
-      const parsed = JSON.parse(legacy);
-      return migrateRecipe({
-        preset: parsed.preset ?? fallback.preset,
-        quality: parsed.quality ?? fallback.quality,
-        speed: parsed.speed ?? fallback.speed,
-        customWidth: Number.isFinite(Number(parsed.customWidth)) ? Number(parsed.customWidth) : fallback.customWidth,
-        customHeight: Number.isFinite(Number(parsed.customHeight)) ? Number(parsed.customHeight) : fallback.customHeight,
-      });
-    } catch {
-      // ignore malformed legacy data
-    }
-  }
-
-  return fallback;
-}
-
-export function loadOverlayState(
-  storage: Pick<Storage, "getItem">,
-  fallback: OverlayEditorState
-): OverlayEditorState {
-  const raw = storage.getItem(EDITOR_STATE_KEY);
-  if (!raw) return fallback;
-
-  try {
-    const parsed = JSON.parse(raw) as OverlayEditorState & { recipe?: unknown };
-    return {
-      overlayPosition: typeof parsed.overlayPosition === "string" ? parsed.overlayPosition : fallback.overlayPosition,
-      overlaySize: typeof parsed.overlaySize === "number" ? parsed.overlaySize : fallback.overlaySize,
-      overlayOpacity: typeof parsed.overlayOpacity === "number" ? parsed.overlayOpacity : fallback.overlayOpacity,
-    };
-  } catch {
-    return fallback;
-  }
-}
-
-export function persistRecipe(storage: Pick<Storage, "setItem" | "removeItem">, recipe: EditRecipe) {
-  storage.setItem(RECIPE_STORAGE_KEY, JSON.stringify(recipe));
-  storage.removeItem(LEGACY_SETTINGS_KEY);
-}
-
-export function persistSoundPreference(storage: Pick<Storage, "setItem">, soundOnCompletion: boolean) {
-  storage.setItem(SOUND_PREF_KEY, String(soundOnCompletion));
-}
-
-export function persistOverlayState(storage: Pick<Storage, "setItem">, overlay: OverlayEditorState) {
-  storage.setItem(
-    EDITOR_STATE_KEY,
-    JSON.stringify({
-      overlayPosition: overlay.overlayPosition,
-      overlaySize: overlay.overlaySize,
-      overlayOpacity: overlay.overlayOpacity,
-    })
-  );
-}
diff --git a/src/lib/lottie/trail-loading 2.json b/src/lib/lottie/trail-loading 2.json
deleted file mode 100644
index 84f09c286..000000000
--- a/src/lib/lottie/trail-loading 2.json	
+++ /dev/null
@@ -1 +0,0 @@
-{"v":"4.6.8","fr":60,"ip":0,"op":106,"w":500,"h":500,"nm":"Comp 1","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":2,"ty":4,"nm":"Shape Layer 5","ks":{"o":{"a":0,"k":100},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0p667_1_0p333_0"],"t":20,"s":[0],"e":[360]},{"t":110}]},"p":{"a":0,"k":[251,250,0]},"a":{"a":0,"k":[0,0,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[10,10]},"p":{"a":0,"k":[0,-100]},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse"},{"ty":"st","c":{"a":0,"k":[0.8706,0.3255,0.298,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":0},"lc":1,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke"},{"ty":"fl","c":{"a":0,"k":[1,0.05,0,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":20,"op":620,"st":20,"bm":0,"sr":1},{"ddd":0,"ind":3,"ty":4,"nm":"Shape Layer 4","ks":{"o":{"a":0,"k":100},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0p667_1_0p333_0"],"t":15,"s":[0],"e":[360]},{"t":105}]},"p":{"a":0,"k":[251,250,0]},"a":{"a":0,"k":[0,0,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[20,20]},"p":{"a":0,"k":[0,-100]},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse"},{"ty":"st","c":{"a":0,"k":[0.8706,0.3255,0.298,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":0},"lc":1,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke"},{"ty":"fl","c":{"a":0,"k":[1,0.05,0,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":15,"op":615,"st":15,"bm":0,"sr":1},{"ddd":0,"ind":4,"ty":4,"nm":"Shape Layer 3","ks":{"o":{"a":0,"k":100},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0p667_1_0p333_0"],"t":10,"s":[0],"e":[360]},{"t":100}]},"p":{"a":0,"k":[251,250,0]},"a":{"a":0,"k":[0,0,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[30,30]},"p":{"a":0,"k":[0,-100]},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse"},{"ty":"st","c":{"a":0,"k":[0.8706,0.3255,0.298,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":0},"lc":1,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke"},{"ty":"fl","c":{"a":0,"k":[1,0.05,0,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":10,"op":610,"st":10,"bm":0,"sr":1},{"ddd":0,"ind":5,"ty":4,"nm":"Shape Layer 2","ks":{"o":{"a":0,"k":100},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0p667_1_0p333_0"],"t":5,"s":[0],"e":[360]},{"t":95}]},"p":{"a":0,"k":[251,250,0]},"a":{"a":0,"k":[0,0,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[40,40]},"p":{"a":0,"k":[0,-100]},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse"},{"ty":"st","c":{"a":0,"k":[0.8706,0.3255,0.298,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":0},"lc":1,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke"},{"ty":"fl","c":{"a":0,"k":[1,0.05,0,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":5,"op":605,"st":5,"bm":0,"sr":1},{"ddd":0,"ind":6,"ty":4,"nm":"Shape Layer 1","ks":{"o":{"a":0,"k":100},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0p667_1_0p333_0"],"t":0,"s":[0],"e":[360]},{"t":90}]},"p":{"a":0,"k":[250,250,0]},"a":{"a":0,"k":[0,0,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":1,"k":[{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.333,0.333],"y":[0,0]},"n":["0p667_1_0p333_0","0p667_1_0p333_0"],"t":0,"s":[50,50],"e":[40,40]},{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.333,0.333],"y":[0,0]},"n":["0p667_1_0p333_0","0p667_1_0p333_0"],"t":84,"s":[40,40],"e":[50,50]},{"t":100}]},"p":{"a":0,"k":[0,-100]},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse"},{"ty":"st","c":{"a":0,"k":[0.8706,0.3255,0.298,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":0},"lc":1,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke"},{"ty":"fl","c":{"a":0,"k":[1,0.05,0,1]},"o":{"a":0,"k":100},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group"}],"ip":0,"op":600,"st":0,"bm":0,"sr":1}]}
\ No newline at end of file
diff --git a/src/lib/overlayGraph 2.ts b/src/lib/overlayGraph 2.ts
deleted file mode 100644
index 6e06d2bf5..000000000
--- a/src/lib/overlayGraph 2.ts	
+++ /dev/null
@@ -1,309 +0,0 @@
-/**
- * FFmpeg Overlay Filter Graph Generator
- * 
- * Phase 1 MVP: Dynamic filter_complex generation for multi-track compositing
- * Supports up to 2 simultaneous video tracks with scaling, positioning, and opacity.
- * 
- * Example output for 2-track PiP:
- *   [0:v]scale=1920:1080[bg];
- *   [1:v]scale=720:-1[pip];
- *   [bg][pip]overlay=600:400:alpha=linear[outv]
- */
-
-import { TimelineTrack } from "./types";
-import { getBackgroundTrack, getOverlayTracks } from "./timeline";
-
-interface OverlayPosition {
-  x: number;
-  y: number;
-}
-
-interface ScaledTrackInfo {
-  inputIndex: number;
-  track: TimelineTrack;
-  width: number;
-  height: number;
-  position: OverlayPosition;
-  opacity: number;
-}
-
-/**
- * Determine output position for an overlay
- * If track.position is auto (-1), center the overlay
- */
-function resolveOverlayPosition(
-  track: TimelineTrack,
-  overlayWidth: number,
-  overlayHeight: number,
-  canvasWidth: number,
-  canvasHeight: number
-): OverlayPosition {
-  let x = track.position.x;
-  let y = track.position.y;
-
-  // Auto-center logic
-  if (x === -1) {
-    x = Math.max(0, (canvasWidth - overlayWidth) / 2);
-  }
-  if (y === -1) {
-    y = Math.max(0, (canvasHeight - overlayHeight) / 2);
-  }
-
-  return { x: Math.round(x), y: Math.round(y) };
-}
-
-/**
- * Calculate scaled dimensions maintaining aspect ratio
- * If height is -1, scale based on width proportionally
- */
-function calculateScaledDimensions(
-  sourceWidth: number,
-  sourceHeight: number,
-  targetWidth: number,
-  targetHeight: number = -1
-): { width: number; height: number } {
-  if (targetHeight === -1) {
-    // Scale width and derive height
-    const scale = targetWidth / sourceWidth;
-    return {
-      width: Math.round(targetWidth),
-      height: Math.round(sourceHeight * scale),
-    };
-  }
-
-  return {
-    width: Math.round(targetWidth),
-    height: Math.round(targetHeight),
-  };
-}
-
-/**
- * Build a scale filter spec for a single track
- * Format: [Nin]scale=W:H[Nout]
- */
-function buildScaleFilter(
-  inputIndex: number,
-  width: number,
-  height: number,
-  labelSuffix: string
-): string {
-  // Use -2 for height to preserve aspect ratio
-  const heightSpec = height === -1 ? "-1" : String(height);
-  return `[${inputIndex}:v]scale=${width}:${heightSpec}[${labelSuffix}]`;
-}
-
-/**
- * Build an overlay filter spec combining two video streams
- * Format: [base][overlay]overlay=x:y:alpha=linear[out]
- */
-function buildOverlayFilter(
-  baseLabel: string,
-  overlayLabel: string,
-  x: number,
-  y: number,
-  opacityPercent: number,
-  outputLabel: string
-): string {
-  const alpha = opacityPercent < 100 ? `:alpha=linear` : "";
-  const alphaStr = opacityPercent < 100
-    ? `[${overlayLabel}]format=rgba,colorchannelmixer=aa=${(opacityPercent / 100).toFixed(2)}[${overlayLabel}_a]`
-    : "";
-  
-  const overlayLabelFinal = opacityPercent < 100 ? `${overlayLabel}_a` : overlayLabel;
-
-  if (alphaStr) {
-    return [alphaStr, `[${baseLabel}][${overlayLabelFinal}]overlay=${x}:${y}${alpha}[${outputLabel}]`].join(
-      "; "
-    );
-  }
-
-  return `[${baseLabel}][${overlayLabelFinal}]overlay=${x}:${y}${alpha}[${outputLabel}]`;
-}
-
-/**
- * Main entry point: Generate FFmpeg filter_complex for multi-track compositing
- * 
- * @param tracks - Timeline tracks sorted by z-index (background first)
- * @param canvasWidth - Output canvas width
- * @param canvasHeight - Output canvas height
- * @returns Filter complex string ready for FFmpeg -filter_complex argument
- */
-export function buildOverlayFilterGraph(
-  tracks: TimelineTrack[],
-  canvasWidth: number,
-  canvasHeight: number
-): { filterComplex: string; videoOutput: string } {
-  // Get background and overlay tracks in proper order
-  const bgTrack = getBackgroundTrack(tracks);
-  const overlayTracks = getOverlayTracks(tracks);
-
-  // Phase 1 MVP: Only support up to 2 tracks
-  if (!bgTrack) {
-    // No video tracks; return pass-through
-    return { filterComplex: "", videoOutput: "[0:v]" };
-  }
-
-  if (overlayTracks.length === 0) {
-    // Only background track; scale if needed
-    const scaledDims = calculateScaledDimensions(
-      1920, // Assume 1920 for now; this should come from metadata
-      1080,
-      canvasWidth,
-      canvasHeight
-    );
-
-    const scaleFilter = buildScaleFilter(0, scaledDims.width, scaledDims.height, "bg");
-    return { filterComplex: scaleFilter, videoOutput: "[bg]" };
-  }
-
-  // 2-track compositing (Background + 1 Overlay)
-  const parts: string[] = [];
-  let currentOutput = "bg";
-  let inputIdx = 0;
-
-  // Scale background to canvas size
-  const bgScaled = calculateScaledDimensions(1920, 1080, canvasWidth, canvasHeight);
-  parts.push(buildScaleFilter(inputIdx, bgScaled.width, bgScaled.height, currentOutput));
-  inputIdx++;
-
-  // Process each overlay track
-  overlayTracks.forEach((track, overlayIdx) => {
-    const overlayLabel = `overlay${overlayIdx}`;
-
-    // Scale overlay (typically smaller for PiP)
-    const overlayWidth = Math.round(canvasWidth * (track.scale || 1.0));
-    const overlayHeight = -1; // Preserve aspect ratio
-    const overlayScaled = calculateScaledDimensions(
-      1920,
-      1080,
-      overlayWidth,
-      overlayHeight
-    );
-
-    parts.push(
-      buildScaleFilter(inputIdx, overlayScaled.width, overlayScaled.height, overlayLabel)
-    );
-
-    // Calculate overlay position (with auto-center if needed)
-    const position = resolveOverlayPosition(
-      track,
-      overlayScaled.width,
-      overlayScaled.height,
-      canvasWidth,
-      canvasHeight
-    );
-
-    // Compose overlay onto background/previous output
-    const outLabel = overlayIdx === overlayTracks.length - 1 ? "out" : `layer${overlayIdx}`;
-    parts.push(
-      buildOverlayFilter(
-        currentOutput,
-        overlayLabel,
-        position.x,
-        position.y,
-        track.opacity ?? 100,
-        outLabel
-      )
-    );
-
-    currentOutput = outLabel;
-    inputIdx++;
-  });
-
-  const filterComplex = parts.join(";");
-  const videoOutput = `[${currentOutput}]`;
-
-  return { filterComplex, videoOutput };
-}
-
-/**
- * Validate overlay graph configuration
- * Checks for common issues before passing to FFmpeg
- */
-export function validateOverlayGraph(
-  tracks: TimelineTrack[],
-  canvasWidth: number,
-  canvasHeight: number
-): { valid: boolean; errors: string[] } {
-  const errors: string[] = [];
-
-  if (canvasWidth < 16 || canvasWidth > 7680) {
-    errors.push(`Canvas width out of range: ${canvasWidth}`);
-  }
-  if (canvasHeight < 16 || canvasHeight > 7680) {
-    errors.push(`Canvas height out of range: ${canvasHeight}`);
-  }
-
-  // Check for more than 2 visible video tracks
-  const visibleVideoCount = tracks.filter(
-    t => t.visible && t.type === "video" && t.source
-  ).length;
-  if (visibleVideoCount > 2) {
-    errors.push(
-      `Phase 1 MVP: Max 2 visible video tracks, found ${visibleVideoCount}`
-    );
-  }
-
-  // Check track validity
-  tracks.forEach((track, idx) => {
-    if (!track.id) {
-      errors.push(`Track ${idx} missing ID`);
-    }
-    if (track.opacity < 0 || track.opacity > 100) {
-      errors.push(
-        `Track ${idx} opacity out of range: ${track.opacity} (expected 0-100)`
-      );
-    }
-    if (track.scale <= 0) {
-      errors.push(`Track ${idx} invalid scale: ${track.scale}`);
-    }
-  });
-
-  return { valid: errors.length === 0, errors };
-}
-
-/**
- * Generate example overlay graph for documentation/testing
- */
-export function generateExampleOverlayGraphs(): Record<string, string> {
-  // Mock a 2-track PiP scenario
-  const mockBgTrack: TimelineTrack = {
-    id: "bg",
-    type: "video",
-    source: null,
-    startTime: 0,
-    duration: 10,
-    zIndex: 0,
-    visible: true,
-    opacity: 100,
-    position: { x: 0, y: 0 },
-    scale: 1.0,
-    rotation: 0,
-  };
-
-  const mockPipTrack: TimelineTrack = {
-    id: "pip",
-    type: "video",
-    source: null,
-    startTime: 0,
-    duration: 5,
-    zIndex: 1,
-    visible: true,
-    opacity: 100,
-    position: { x: -1, y: -1 }, // auto-center
-    scale: 0.4,
-    rotation: 0,
-  };
-
-  const { filterComplex } = buildOverlayFilterGraph(
-    [mockBgTrack, mockPipTrack],
-    1920,
-    1080
-  );
-
-  return {
-    "2-track-pip": filterComplex,
-    "example-background-track": mockBgTrack.id,
-    "example-overlay-track": mockPipTrack.id,
-  };
-}
diff --git a/src/lib/sessionDB 2.ts b/src/lib/sessionDB 2.ts
deleted file mode 100644
index 57f0a1d7c..000000000
--- a/src/lib/sessionDB 2.ts	
+++ /dev/null
@@ -1,82 +0,0 @@
-const DB_NAME = "reframe-session";
-const STORE_NAME = "files";
-
-export async function saveSessionFile(file: File): Promise<void> {
-  return new Promise((resolve, reject) => {
-    try {
-      const request = indexedDB.open(DB_NAME, 1);
-      request.onupgradeneeded = () => {
-        if (!request.result.objectStoreNames.contains(STORE_NAME)) {
-          request.result.createObjectStore(STORE_NAME);
-        }
-      };
-      request.onsuccess = () => {
-        const db = request.result;
-        const tx = db.transaction(STORE_NAME, "readwrite");
-        tx.objectStore(STORE_NAME).put(file, "currentVideo");
-        tx.oncomplete = () => { db.close(); resolve(); };
-        tx.onerror = () => reject(tx.error);
-      };
-      request.onerror = () => reject(request.error);
-    } catch (e) {
-      reject(e);
-    }
-  });
-}
-
-export async function loadSessionFile(): Promise<File | null> {
-  return new Promise((resolve, reject) => {
-    try {
-      const request = indexedDB.open(DB_NAME, 1);
-      request.onupgradeneeded = () => {
-        if (!request.result.objectStoreNames.contains(STORE_NAME)) {
-          request.result.createObjectStore(STORE_NAME);
-        }
-      };
-      request.onsuccess = () => {
-        const db = request.result;
-        if (!db.objectStoreNames.contains(STORE_NAME)) {
-          db.close();
-          return resolve(null);
-        }
-        const tx = db.transaction(STORE_NAME, "readonly");
-        const getReq = tx.objectStore(STORE_NAME).get("currentVideo");
-        getReq.onsuccess = () => {
-          db.close();
-          resolve(getReq.result || null);
-        };
-        getReq.onerror = () => reject(getReq.error);
-      };
-      request.onerror = () => reject(request.error);
-    } catch (e) {
-      reject(e);
-    }
-  });
-}
-
-export async function clearSessionFile(): Promise<void> {
-  return new Promise((resolve, reject) => {
-    try {
-      const request = indexedDB.open(DB_NAME, 1);
-      request.onupgradeneeded = () => {
-        if (!request.result.objectStoreNames.contains(STORE_NAME)) {
-          request.result.createObjectStore(STORE_NAME);
-        }
-      };
-      request.onsuccess = () => {
-        const db = request.result;
-        if (!db.objectStoreNames.contains(STORE_NAME)) {
-          db.close();
-          return resolve();
-        }
-        const tx = db.transaction(STORE_NAME, "readwrite");
-        tx.objectStore(STORE_NAME).clear();
-        tx.oncomplete = () => { db.close(); resolve(); };
-        tx.onerror = () => reject(tx.error);
-      };
-      request.onerror = () => reject(request.error);
-    } catch (e) {
-      reject(e);
-    }
-  });
-}
diff --git a/src/lib/tests/editorPersistence.test 2.ts b/src/lib/tests/editorPersistence.test 2.ts
deleted file mode 100644
index e93ec704f..000000000
--- a/src/lib/tests/editorPersistence.test 2.ts	
+++ /dev/null
@@ -1,90 +0,0 @@
-import { describe, expect, it, beforeEach } from "vitest";
-import { DEFAULT_RECIPE } from "@/lib/constants";
-import {
-  EDITOR_STATE_KEY,
-  LEGACY_SETTINGS_KEY,
-  RECIPE_STORAGE_KEY,
-  loadOverlayState,
-  loadPersistedRecipe,
-  persistOverlayState,
-  persistRecipe,
-  persistSoundPreference,
-} from "@/lib/editorPersistence";
-import { EditRecipe } from "@/lib/types";
-
-describe("editorPersistence", () => {
-  beforeEach(() => {
-    localStorage.clear();
-  });
-
-  it("loads the canonical recipe key first", () => {
-    const recipe: EditRecipe = { ...DEFAULT_RECIPE, quality: 28, version: DEFAULT_RECIPE.version };
-    localStorage.setItem(RECIPE_STORAGE_KEY, JSON.stringify(recipe));
-    localStorage.setItem(LEGACY_SETTINGS_KEY, JSON.stringify({ quality: 18 }));
-
-    expect(loadPersistedRecipe(localStorage, DEFAULT_RECIPE)).toEqual(recipe);
-  });
-
-  it("migrates legacy settings when the canonical key is missing", () => {
-    localStorage.setItem(
-      LEGACY_SETTINGS_KEY,
-      JSON.stringify({ preset: "custom", quality: 19, speed: 1.5, customWidth: 1280, customHeight: 720 })
-    );
-
-    const loaded = loadPersistedRecipe(localStorage, DEFAULT_RECIPE);
-
-    expect(loaded.preset).toBe("custom");
-    expect(loaded.quality).toBe(19);
-    expect(loaded.speed).toBe(1.5);
-    expect(loaded.customWidth).toBe(1280);
-    expect(loaded.customHeight).toBe(720);
-  });
-
-  it("persists only the canonical recipe key and clears legacy recipe settings", () => {
-    persistRecipe(localStorage, DEFAULT_RECIPE);
-
-    expect(localStorage.getItem(RECIPE_STORAGE_KEY)).toBe(JSON.stringify(DEFAULT_RECIPE));
-    expect(localStorage.getItem(LEGACY_SETTINGS_KEY)).toBeNull();
-  });
-
-  it("persists overlay state without recipe data", () => {
-    persistOverlayState(localStorage, {
-      overlayPosition: "top-left",
-      overlaySize: 120,
-      overlayOpacity: 85,
-    });
-
-    expect(JSON.parse(localStorage.getItem(EDITOR_STATE_KEY) ?? "{}")).toEqual({
-      overlayPosition: "top-left",
-      overlaySize: 120,
-      overlayOpacity: 85,
-    });
-  });
-
-  it("reads overlay state while ignoring any legacy embedded recipe", () => {
-    localStorage.setItem(
-      EDITOR_STATE_KEY,
-      JSON.stringify({
-        recipe: { quality: 12 },
-        overlayPosition: "bottom-left",
-        overlaySize: 155,
-        overlayOpacity: 72,
-      })
-    );
-
-    expect(loadOverlayState(localStorage, {
-      overlayPosition: "bottom-right",
-      overlaySize: 150,
-      overlayOpacity: 100,
-    })).toEqual({
-      overlayPosition: "bottom-left",
-      overlaySize: 155,
-      overlayOpacity: 72,
-    });
-  });
-
-  it("persists sound preference separately", () => {
-    persistSoundPreference(localStorage, true);
-    expect(localStorage.getItem("soundOnCompletion")).toBe("true");
-  });
-});
diff --git a/src/lib/tests/overlayGraph.test 2.ts b/src/lib/tests/overlayGraph.test 2.ts
deleted file mode 100644
index 08ebd240f..000000000
--- a/src/lib/tests/overlayGraph.test 2.ts	
+++ /dev/null
@@ -1,334 +0,0 @@
-/**
- * Tests for FFmpeg Overlay Graph Generation
- * Phase 1 MVP: Multi-track filter_complex generation
- */
-
-import { describe, it, expect } from "vitest";
-import {
-  buildOverlayFilterGraph,
-  validateOverlayGraph,
-  generateExampleOverlayGraphs,
-} from "@/lib/overlayGraph";
-import { TimelineTrack } from "@/lib/types";
-
-describe("buildOverlayFilterGraph", () => {
-  it("should return pass-through for empty track list", () => {
-    const { filterComplex, videoOutput } = buildOverlayFilterGraph([], 1920, 1080);
-    expect(videoOutput).toBe("[0:v]");
-  });
-
-  it("should return pass-through for single track with no source", () => {
-    const track: TimelineTrack = {
-      id: "test",
-      type: "video",
-      source: null,
-      startTime: 0,
-      duration: 10,
-      zIndex: 0,
-      visible: true,
-      opacity: 100,
-      position: { x: 0, y: 0 },
-      scale: 1.0,
-      rotation: 0,
-    };
-
-    const { filterComplex, videoOutput } = buildOverlayFilterGraph([track], 1920, 1080);
-    expect(videoOutput).toBe("[0:v]");
-  });
-
-  it("should scale background track to canvas dimensions", () => {
-    const bgTrack: TimelineTrack = {
-      id: "bg",
-      type: "video",
-      source: {} as File,
-      startTime: 0,
-      duration: 10,
-      zIndex: 0,
-      visible: true,
-      opacity: 100,
-      position: { x: 0, y: 0 },
-      scale: 1.0,
-      rotation: 0,
-    };
-
-    const { filterComplex } = buildOverlayFilterGraph([bgTrack], 1920, 1080);
-    expect(filterComplex).toContain("[0:v]scale=1920:1080[bg]");
-  });
-
-  it("should compose two video tracks with PiP positioning", () => {
-    const bgTrack: TimelineTrack = {
-      id: "bg",
-      type: "video",
-      source: {} as File,
-      startTime: 0,
-      duration: 10,
-      zIndex: 0,
-      visible: true,
-      opacity: 100,
-      position: { x: 0, y: 0 },
-      scale: 1.0,
-      rotation: 0,
-    };
-
-    const pipTrack: TimelineTrack = {
-      id: "pip",
-      type: "video",
-      source: {} as File,
-      startTime: 0,
-      duration: 5,
-      zIndex: 1,
-      visible: true,
-      opacity: 100,
-      position: { x: 50, y: 50 }, // Manual positioning
-      scale: 0.4,
-      rotation: 0,
-    };
-
-    const { filterComplex, videoOutput } = buildOverlayFilterGraph(
-      [bgTrack, pipTrack],
-      1920,
-      1080
-    );
-
-    expect(filterComplex).toContain("[0:v]scale=1920:1080[bg]");
-    // Scale: 0.4 * 1920 = 768, height scales proportionally: 768 * (1080/1920) = 432
-    expect(filterComplex).toContain("[1:v]scale=768:432[overlay0]");
-    expect(filterComplex).toContain("[bg][overlay0]overlay=50:50");
-    expect(videoOutput).toBe("[out]");
-  });
-
-  it("should apply opacity to overlay tracks", () => {
-    const bgTrack: TimelineTrack = {
-      id: "bg",
-      type: "video",
-      source: {} as File,
-      startTime: 0,
-      duration: 10,
-      zIndex: 0,
-      visible: true,
-      opacity: 100,
-      position: { x: 0, y: 0 },
-      scale: 1.0,
-      rotation: 0,
-    };
-
-    const pipTrack: TimelineTrack = {
-      id: "pip",
-      type: "video",
-      source: {} as File,
-      startTime: 0,
-      duration: 5,
-      zIndex: 1,
-      visible: true,
-      opacity: 50, // 50% opacity
-      position: { x: -1, y: -1 }, // auto-center
-      scale: 0.4,
-      rotation: 0,
-    };
-
-    const { filterComplex } = buildOverlayFilterGraph(
-      [bgTrack, pipTrack],
-      1920,
-      1080
-    );
-
-    // Should include opacity/alpha handling
-    expect(filterComplex).toContain("colorchannelmixer");
-    expect(filterComplex).toContain("0.50"); // 50% = 0.50
-  });
-
-  it("should auto-center overlay when position is -1", () => {
-    const bgTrack: TimelineTrack = {
-      id: "bg",
-      type: "video",
-      source: {} as File,
-      startTime: 0,
-      duration: 10,
-      zIndex: 0,
-      visible: true,
-      opacity: 100,
-      position: { x: 0, y: 0 },
-      scale: 1.0,
-      rotation: 0,
-    };
-
-    const pipTrack: TimelineTrack = {
-      id: "pip",
-      type: "video",
-      source: {} as File,
-      startTime: 0,
-      duration: 5,
-      zIndex: 1,
-      visible: true,
-      opacity: 100,
-      position: { x: -1, y: -1 }, // auto-center
-      scale: 0.3,
-      rotation: 0,
-    };
-
-    const { filterComplex } = buildOverlayFilterGraph(
-      [bgTrack, pipTrack],
-      1920,
-      1080
-    );
-
-    // Scale: 0.3 * 1920 = 576
-    // Center X: (1920 - 576) / 2 = 672
-    // Center Y: (1080 - scaled_height) / 2
-    expect(filterComplex).toContain("overlay=672:");
-  });
-
-  it("should hide invisible tracks", () => {
-    const bgTrack: TimelineTrack = {
-      id: "bg",
-      type: "video",
-      source: {} as File,
-      startTime: 0,
-      duration: 10,
-      zIndex: 0,
-      visible: true,
-      opacity: 100,
-      position: { x: 0, y: 0 },
-      scale: 1.0,
-      rotation: 0,
-    };
-
-    const hiddenTrack: TimelineTrack = {
-      id: "hidden",
-      type: "video",
-      source: {} as File,
-      startTime: 0,
-      duration: 5,
-      zIndex: 1,
-      visible: false, // Hidden
-      opacity: 100,
-      position: { x: 50, y: 50 },
-      scale: 0.4,
-      rotation: 0,
-    };
-
-    const { filterComplex, videoOutput } = buildOverlayFilterGraph(
-      [bgTrack, hiddenTrack],
-      1920,
-      1080
-    );
-
-    // Hidden track should not be in filter
-    expect(filterComplex).not.toContain("hidden");
-    expect(videoOutput).toBe("[bg]");
-  });
-});
-
-describe("validateOverlayGraph", () => {
-  it("should validate correct graph configuration", () => {
-    const tracks: TimelineTrack[] = [
-      {
-        id: "bg",
-        type: "video",
-        source: {} as File,
-        startTime: 0,
-        duration: 10,
-        zIndex: 0,
-        visible: true,
-        opacity: 100,
-        position: { x: 0, y: 0 },
-        scale: 1.0,
-        rotation: 0,
-      },
-    ];
-
-    const result = validateOverlayGraph(tracks, 1920, 1080);
-    expect(result.valid).toBe(true);
-    expect(result.errors).toHaveLength(0);
-  });
-
-  it("should reject invalid canvas dimensions", () => {
-    const tracks: TimelineTrack[] = [];
-
-    const result = validateOverlayGraph(tracks, 10, 1080); // Width too small
-    expect(result.valid).toBe(false);
-    expect(result.errors.some(e => e.includes("Canvas width"))).toBe(true);
-  });
-
-  it("should enforce max 2 video tracks limit", () => {
-    const tracks: TimelineTrack[] = [
-      {
-        id: "1",
-        type: "video",
-        source: {} as File,
-        startTime: 0,
-        duration: 10,
-        zIndex: 0,
-        visible: true,
-        opacity: 100,
-        position: { x: 0, y: 0 },
-        scale: 1.0,
-        rotation: 0,
-      },
-      {
-        id: "2",
-        type: "video",
-        source: {} as File,
-        startTime: 0,
-        duration: 10,
-        zIndex: 1,
-        visible: true,
-        opacity: 100,
-        position: { x: 0, y: 0 },
-        scale: 1.0,
-        rotation: 0,
-      },
-      {
-        id: "3",
-        type: "video",
-        source: {} as File,
-        startTime: 0,
-        duration: 10,
-        zIndex: 2,
-        visible: true,
-        opacity: 100,
-        position: { x: 0, y: 0 },
-        scale: 1.0,
-        rotation: 0,
-      },
-    ];
-
-    const result = validateOverlayGraph(tracks, 1920, 1080);
-    expect(result.valid).toBe(false);
-    expect(result.errors.some(e => e.includes("Max 2 visible"))).toBe(true);
-  });
-
-  it("should check for invalid opacity", () => {
-    const tracks: TimelineTrack[] = [
-      {
-        id: "bg",
-        type: "video",
-        source: {} as File,
-        startTime: 0,
-        duration: 10,
-        zIndex: 0,
-        visible: true,
-        opacity: 150, // Invalid
-        position: { x: 0, y: 0 },
-        scale: 1.0,
-        rotation: 0,
-      },
-    ];
-
-    const result = validateOverlayGraph(tracks, 1920, 1080);
-    expect(result.valid).toBe(false);
-    expect(result.errors.some(e => e.includes("opacity"))).toBe(true);
-  });
-});
-
-describe("generateExampleOverlayGraphs", () => {
-  it("should generate example graphs", () => {
-    const examples = generateExampleOverlayGraphs();
-    expect(examples).toHaveProperty("2-track-pip");
-    // The filter complex will be generated (even if empty for pass-through)
-    expect(typeof examples["2-track-pip"]).toBe("string");
-    // Example tracks should be listed
-    expect(examples).toHaveProperty("example-background-track");
-    expect(examples).toHaveProperty("example-overlay-track");
-  });
-});
diff --git a/src/lib/tests/timeline.test 2.ts b/src/lib/tests/timeline.test 2.ts
deleted file mode 100644
index 9df92167e..000000000
--- a/src/lib/tests/timeline.test 2.ts	
+++ /dev/null
@@ -1,377 +0,0 @@
-/**
- * Tests for Timeline Track Management
- * Phase 1 MVP: Multi-track state operations
- */
-
-import { describe, it, expect } from "vitest";
-import {
-  generateTrackId,
-  createTimelineTrack,
-  createMultiTrackState,
-  addTrackToTimeline,
-  removeTrackFromTimeline,
-  updateTrackInTimeline,
-  sortTracksByZIndex,
-  getVisibleVideoTracks,
-  getBackgroundTrack,
-  getOverlayTracks,
-  validateMultiTrackState,
-  serializeMultiTrackState,
-} from "@/lib/timeline";
-import { TimelineTrack } from "@/lib/types";
-
-describe("Timeline Track Management", () => {
-  describe("generateTrackId", () => {
-    it("should generate unique IDs", () => {
-      const id1 = generateTrackId();
-      const id2 = generateTrackId();
-      expect(id1).not.toBe(id2);
-      expect(id1).toMatch(/^track-\d+-[a-z0-9]+$/);
-    });
-  });
-
-  describe("createTimelineTrack", () => {
-    it("should create track with video type and defaults", () => {
-      const track = createTimelineTrack("video", null);
-
-      expect(track.type).toBe("video");
-      expect(track.source).toBeNull();
-      expect(track.startTime).toBe(0);
-      expect(track.duration).toBe(0);
-      expect(track.zIndex).toBe(0);
-      expect(track.visible).toBe(true);
-      expect(track.opacity).toBe(100);
-      expect(track.scale).toBe(1.0);
-      expect(track.rotation).toBe(0);
-      expect(track.position).toEqual({ x: -1, y: -1 }); // auto-center
-    });
-
-    it("should create track with custom start time", () => {
-      const track = createTimelineTrack("video", null, 5);
-      expect(track.startTime).toBe(5);
-    });
-
-    it("should generate unique ID for each track", () => {
-      const track1 = createTimelineTrack("video", null);
-      const track2 = createTimelineTrack("video", null);
-      expect(track1.id).not.toBe(track2.id);
-    });
-  });
-
-  describe("createMultiTrackState", () => {
-    it("should create initial state with empty tracks", () => {
-      const state = createMultiTrackState();
-
-      expect(state.timelineTracks).toEqual([]);
-      expect(state.activeTrackId).toBeNull();
-      expect(state.maxActiveTracks).toBe(2); // Phase 1 limit
-    });
-  });
-
-  describe("addTrackToTimeline", () => {
-    it("should add track to timeline", () => {
-      const state = createMultiTrackState();
-      const track = createTimelineTrack("video", null);
-
-      const updated = addTrackToTimeline(state, track);
-
-      expect(updated.timelineTracks).toHaveLength(1);
-      expect(updated.timelineTracks[0]).toBe(track);
-      expect(updated.activeTrackId).toBe(track.id);
-    });
-
-    it("should enforce max 2 video tracks by hiding excess", () => {
-      const state = createMultiTrackState();
-      const track1 = createTimelineTrack("video", null);
-      const track2 = createTimelineTrack("video", null);
-      const track3 = createTimelineTrack("video", null);
-
-      const s1 = addTrackToTimeline(state, track1);
-      const s2 = addTrackToTimeline(s1, track2);
-      const s3 = addTrackToTimeline(s2, track3);
-
-      expect(s3.timelineTracks).toHaveLength(3);
-      expect(s3.timelineTracks[0]!.visible).toBe(true);
-      expect(s3.timelineTracks[1]!.visible).toBe(true);
-      expect(s3.timelineTracks[2]!.visible).toBe(false); // Excess hidden
-    });
-
-    it("should allow unlimited image tracks", () => {
-      const state = createMultiTrackState();
-      const imgTrack1 = createTimelineTrack("image", null);
-      const imgTrack2 = createTimelineTrack("image", null);
-      const imgTrack3 = createTimelineTrack("image", null);
-
-      const s1 = addTrackToTimeline(state, imgTrack1);
-      const s2 = addTrackToTimeline(s1, imgTrack2);
-      const s3 = addTrackToTimeline(s2, imgTrack3);
-
-      // All image tracks should remain visible
-      expect(s3.timelineTracks.filter(t => t.visible)).toHaveLength(3);
-    });
-  });
-
-  describe("removeTrackFromTimeline", () => {
-    it("should remove track by ID", () => {
-      const state = createMultiTrackState();
-      const track1 = createTimelineTrack("video", null);
-      const track2 = createTimelineTrack("video", null);
-
-      const s1 = addTrackToTimeline(state, track1);
-      const s2 = addTrackToTimeline(s1, track2);
-      const s3 = removeTrackFromTimeline(s2, track1.id);
-
-      expect(s3.timelineTracks).toHaveLength(1);
-      expect(s3.timelineTracks[0]!.id).toBe(track2.id);
-    });
-
-    it("should clear activeTrackId if active track is removed", () => {
-      const state = createMultiTrackState();
-      const track = createTimelineTrack("video", null);
-
-      const s1 = addTrackToTimeline(state, track);
-      expect(s1.activeTrackId).toBe(track.id);
-
-      const s2 = removeTrackFromTimeline(s1, track.id);
-      expect(s2.activeTrackId).toBeNull();
-    });
-
-    it("should reassign activeTrackId to remaining track", () => {
-      const state = createMultiTrackState();
-      const track1 = createTimelineTrack("video", null);
-      const track2 = createTimelineTrack("video", null);
-
-      const s1 = addTrackToTimeline(state, track1);
-      const s2 = addTrackToTimeline(s1, track2);
-      const s3 = removeTrackFromTimeline(s2, track1.id);
-
-      expect(s3.activeTrackId).toBe(track2.id);
-    });
-  });
-
-  describe("updateTrackInTimeline", () => {
-    it("should update track properties", () => {
-      const state = createMultiTrackState();
-      const track = createTimelineTrack("video", null);
-      const s1 = addTrackToTimeline(state, track);
-
-      const s2 = updateTrackInTimeline(s1, track.id, {
-        opacity: 50,
-        position: { x: 100, y: 200 },
-      });
-
-      expect(s2.timelineTracks[0]!.opacity).toBe(50);
-      expect(s2.timelineTracks[0]!.position).toEqual({ x: 100, y: 200 });
-    });
-
-    it("should not affect other tracks", () => {
-      const state = createMultiTrackState();
-      const track1 = createTimelineTrack("video", null);
-      const track2 = createTimelineTrack("video", null);
-
-      const s1 = addTrackToTimeline(state, track1);
-      const s2 = addTrackToTimeline(s1, track2);
-      const s3 = updateTrackInTimeline(s2, track1.id, { opacity: 75 });
-
-      expect(s3.timelineTracks[0]!.opacity).toBe(75);
-      expect(s3.timelineTracks[1]!.opacity).toBe(100); // unchanged
-    });
-  });
-
-  describe("sortTracksByZIndex", () => {
-    it("should sort tracks by z-index ascending", () => {
-      const track1: TimelineTrack = {
-        ...createTimelineTrack("video", null),
-        zIndex: 2,
-      };
-      const track2: TimelineTrack = {
-        ...createTimelineTrack("video", null),
-        zIndex: 0,
-      };
-      const track3: TimelineTrack = {
-        ...createTimelineTrack("video", null),
-        zIndex: 1,
-      };
-
-      const sorted = sortTracksByZIndex([track1, track2, track3]);
-
-      expect(sorted[0]!.zIndex).toBe(0);
-      expect(sorted[1]!.zIndex).toBe(1);
-      expect(sorted[2]!.zIndex).toBe(2);
-    });
-
-    it("should not modify original array", () => {
-      const tracks = [
-        { ...createTimelineTrack("video", null), zIndex: 2 },
-        { ...createTimelineTrack("video", null), zIndex: 1 },
-      ];
-
-      sortTracksByZIndex(tracks);
-
-      expect(tracks[0]!.zIndex).toBe(2); // original order preserved
-    });
-  });
-
-  describe("getVisibleVideoTracks", () => {
-    it("should return only visible video tracks with source", () => {
-      const visible: TimelineTrack = {
-        ...createTimelineTrack("video", {} as File),
-        visible: true,
-      };
-      const hidden: TimelineTrack = {
-        ...createTimelineTrack("video", {} as File),
-        visible: false,
-      };
-      const noSource: TimelineTrack = {
-        ...createTimelineTrack("video", null),
-        visible: true,
-      };
-
-      const filtered = getVisibleVideoTracks([visible, hidden, noSource]);
-
-      expect(filtered).toHaveLength(1);
-      expect(filtered[0]!.id).toBe(visible.id);
-    });
-
-    it("should return sorted by z-index", () => {
-      const track1: TimelineTrack = {
-        ...createTimelineTrack("video", {} as File),
-        zIndex: 1,
-        visible: true,
-      };
-      const track2: TimelineTrack = {
-        ...createTimelineTrack("video", {} as File),
-        zIndex: 0,
-        visible: true,
-      };
-
-      const filtered = getVisibleVideoTracks([track1, track2]);
-
-      expect(filtered[0]!.zIndex).toBe(0);
-      expect(filtered[1]!.zIndex).toBe(1);
-    });
-  });
-
-  describe("getBackgroundTrack", () => {
-    it("should return lowest z-index visible video", () => {
-      const bg: TimelineTrack = {
-        ...createTimelineTrack("video", {} as File),
-        zIndex: 0,
-        visible: true,
-      };
-      const fg: TimelineTrack = {
-        ...createTimelineTrack("video", {} as File),
-        zIndex: 1,
-        visible: true,
-      };
-
-      const track = getBackgroundTrack([bg, fg]);
-      expect(track?.id).toBe(bg.id);
-    });
-
-    it("should return null if no visible videos", () => {
-      const track = getBackgroundTrack([]);
-      expect(track).toBeNull();
-    });
-  });
-
-  describe("getOverlayTracks", () => {
-    it("should return all visible videos except background", () => {
-      const bg: TimelineTrack = {
-        ...createTimelineTrack("video", {} as File),
-        zIndex: 0,
-        visible: true,
-      };
-      const overlay1: TimelineTrack = {
-        ...createTimelineTrack("video", {} as File),
-        zIndex: 1,
-        visible: true,
-      };
-      const overlay2: TimelineTrack = {
-        ...createTimelineTrack("video", {} as File),
-        zIndex: 2,
-        visible: true,
-      };
-
-      const overlays = getOverlayTracks([bg, overlay1, overlay2]);
-      expect(overlays).toHaveLength(2);
-      expect(overlays.every(t => t.id !== bg.id)).toBe(true);
-    });
-  });
-
-  describe("validateMultiTrackState", () => {
-    it("should validate correct state", () => {
-      const state = createMultiTrackState();
-      const result = validateMultiTrackState(state);
-
-      expect(result.valid).toBe(true);
-      expect(result.errors).toHaveLength(0);
-    });
-
-    it("should detect too many active video tracks", () => {
-      let state = createMultiTrackState();
-      state = addTrackToTimeline(state, createTimelineTrack("video", {} as File));
-      state = addTrackToTimeline(state, createTimelineTrack("video", {} as File));
-      const track3 = createTimelineTrack("video", {} as File);
-      track3.visible = true; // Force visible to trigger violation
-      state.timelineTracks.push(track3);
-      state.maxActiveTracks = 2;
-
-      const result = validateMultiTrackState(state);
-
-      expect(result.valid).toBe(false);
-      expect(result.errors.some(e => e.includes("Too many"))).toBe(true);
-    });
-
-    it("should check for duplicate IDs", () => {
-      const state = createMultiTrackState();
-      const track1 = createTimelineTrack("video", null);
-      const track2 = { ...track1 }; // Duplicate ID
-
-      state.timelineTracks = [track1, track2];
-
-      const result = validateMultiTrackState(state);
-
-      expect(result.valid).toBe(false);
-      expect(result.errors.some(e => e.includes("Duplicate"))).toBe(true);
-    });
-
-    it("should validate opacity ranges", () => {
-      let state = createMultiTrackState();
-      const track = createTimelineTrack("video", null);
-      track.opacity = 150; // Out of range
-
-      state.timelineTracks = [track];
-
-      const result = validateMultiTrackState(state);
-
-      expect(result.valid).toBe(false);
-      expect(result.errors.some(e => e.includes("opacity"))).toBe(true);
-    });
-  });
-
-  describe("serializeMultiTrackState", () => {
-    it("should remove File objects for serialization", () => {
-      let state = createMultiTrackState();
-      const track = createTimelineTrack("video", {} as File);
-      state = addTrackToTimeline(state, track);
-
-      const serialized = serializeMultiTrackState(state);
-
-      expect(serialized.timelineTracks[0]!.source).toBeNull();
-    });
-
-    it("should preserve all other properties", () => {
-      let state = createMultiTrackState();
-      const track = createTimelineTrack("video", null);
-      track.opacity = 75;
-      track.position = { x: 100, y: 200 };
-      state = addTrackToTimeline(state, track);
-
-      const serialized = serializeMultiTrackState(state);
-
-      expect(serialized.timelineTracks[0]!.opacity).toBe(75);
-      expect(serialized.timelineTracks[0]!.position).toEqual({ x: 100, y: 200 });
-    });
-  });
-});
diff --git a/src/lib/timeline 2.ts b/src/lib/timeline 2.ts
deleted file mode 100644
index 8a1089f79..000000000
--- a/src/lib/timeline 2.ts	
+++ /dev/null
@@ -1,211 +0,0 @@
-/**
- * Timeline Track Management Utilities
- * 
- * Phase 1 MVP: Multi-track timeline architecture
- * Provides foundational track operations for the non-linear timeline.
- * Limited to 2 simultaneous video tracks per FFmpeg.wasm memory constraints.
- */
-
-import { TimelineTrack, MultiTrackEditorState } from "./types";
-
-const MAX_TRACKS_PHASE_1 = 2;
-
-/**
- * Generate a unique track ID
- */
-export function generateTrackId(): string {
-  return `track-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-}
-
-/**
- * Create a new timeline track with sensible defaults
- */
-export function createTimelineTrack(
-  type: "video" | "image",
-  source: File | null,
-  startTime: number = 0
-): TimelineTrack {
-  return {
-    id: generateTrackId(),
-    type,
-    source,
-    startTime,
-    duration: 0, // Will be derived from video metadata
-    zIndex: 0,
-    visible: true,
-    opacity: 100,
-    position: {
-      x: -1, // auto-center
-      y: -1, // auto-center
-    },
-    scale: 1.0,
-    rotation: 0,
-  };
-}
-
-/**
- * Create initial multi-track editor state
- */
-export function createMultiTrackState(): MultiTrackEditorState {
-  return {
-    timelineTracks: [],
-    activeTrackId: null,
-    maxActiveTracks: MAX_TRACKS_PHASE_1,
-  };
-}
-
-/**
- * Add a track to the timeline
- * Returns updated state; enforces max track limit
- */
-export function addTrackToTimeline(
-  state: MultiTrackEditorState,
-  track: TimelineTrack
-): MultiTrackEditorState {
-  // Phase 1: Only allow 2 active video tracks
-  const videoTrackCount = state.timelineTracks.filter(t => t.visible && t.type === "video").length;
-  
-  if (track.type === "video" && videoTrackCount >= MAX_TRACKS_PHASE_1) {
-    track.visible = false;
-  }
-
-  return {
-    ...state,
-    timelineTracks: [...state.timelineTracks, track],
-    activeTrackId: track.id,
-  };
-}
-
-/**
- * Remove a track by ID
- */
-export function removeTrackFromTimeline(
-  state: MultiTrackEditorState,
-  trackId: string
-): MultiTrackEditorState {
-  const filtered = state.timelineTracks.filter(t => t.id !== trackId);
-  return {
-    ...state,
-    timelineTracks: filtered,
-    activeTrackId: state.activeTrackId === trackId ? filtered[0]?.id ?? null : state.activeTrackId,
-  };
-}
-
-/**
- * Update a track's properties
- */
-export function updateTrackInTimeline(
-  state: MultiTrackEditorState,
-  trackId: string,
-  updates: Partial<TimelineTrack>
-): MultiTrackEditorState {
-  return {
-    ...state,
-    timelineTracks: state.timelineTracks.map(t =>
-      t.id === trackId ? { ...t, ...updates } : t
-    ),
-  };
-}
-
-/**
- * Reorder tracks by z-index (for compositing order)
- * Returns tracks sorted by zIndex ascending (lower index = background)
- */
-export function sortTracksByZIndex(tracks: TimelineTrack[]): TimelineTrack[] {
-  return [...tracks].sort((a, b) => a.zIndex - b.zIndex);
-}
-
-/**
- * Get visible video tracks in compositing order
- */
-export function getVisibleVideoTracks(tracks: TimelineTrack[]): TimelineTrack[] {
-  return sortTracksByZIndex(
-    tracks.filter(t => t.visible && t.type === "video" && t.source)
-  );
-}
-
-/**
- * Get the background track (lowest z-index visible video)
- */
-export function getBackgroundTrack(tracks: TimelineTrack[]): TimelineTrack | null {
-  const visible = getVisibleVideoTracks(tracks);
-  return visible.length > 0 ? visible[0]! : null;
-}
-
-/**
- * Get overlay tracks (all visible videos except background)
- */
-export function getOverlayTracks(tracks: TimelineTrack[]): TimelineTrack[] {
-  const visible = getVisibleVideoTracks(tracks);
-  return visible.slice(1); // All except first (background)
-}
-
-/**
- * Validate multi-track state
- * Ensures consistency and enforces Phase 1 constraints
- */
-export function validateMultiTrackState(state: MultiTrackEditorState): {
-  valid: boolean;
-  errors: string[];
-} {
-  const errors: string[] = [];
-
-  if (!Array.isArray(state.timelineTracks)) {
-    errors.push("timelineTracks must be an array");
-  }
-
-  const videoTracks = state.timelineTracks.filter(t => t.type === "video");
-  const visibleVideoTracks = videoTracks.filter(t => t.visible);
-
-  if (visibleVideoTracks.length > state.maxActiveTracks) {
-    errors.push(
-      `Too many active video tracks: ${visibleVideoTracks.length} (max: ${state.maxActiveTracks})`
-    );
-  }
-
-  // Check for duplicate IDs
-  const ids = state.timelineTracks.map(t => t.id);
-  const uniqueIds = new Set(ids);
-  if (ids.length !== uniqueIds.size) {
-    errors.push("Duplicate track IDs detected");
-  }
-
-  // Check z-index validity
-  state.timelineTracks.forEach((track, idx) => {
-    if (typeof track.zIndex !== "number") {
-      errors.push(`Track ${idx} has invalid zIndex`);
-    }
-    if (track.opacity < 0 || track.opacity > 100) {
-      errors.push(`Track ${idx} opacity out of range [0, 100]`);
-    }
-    if (track.scale <= 0) {
-      errors.push(`Track ${idx} scale must be positive`);
-    }
-  });
-
-  return {
-    valid: errors.length === 0,
-    errors,
-  };
-}
-
-/**
- * Compact track representation for serialization
- * Omits File objects which are not serializable
- */
-export function serializeMultiTrackState(
-  state: MultiTrackEditorState
-): Omit<MultiTrackEditorState, "timelineTracks"> & {
-  timelineTracks: (Omit<TimelineTrack, "source"> & { source: null })[];
-} {
-  return {
-    ...state,
-    timelineTracks: state.timelineTracks.map(t => {
-      const { source, ...rest } = t;
-      return {
-        ...rest,
-        source: null,
-      };
-    }),
-  };
-}

From 8ada016bed6a7b1bc0a7846bb50570862faeed60 Mon Sep 17 00:00:00 2001
From: Akanksha Trehun <akankshatrehun@gmail.com>
Date: Tue, 3 Nov 2026 13:56:44 +0530
Subject: [PATCH 09/11] feat(telemetry): flag cancellations of stuck exports

export_cancelled carries stuck: true when the progress percentage hadn't
changed for 60 s, so monitors can count a user giving up on a hang as a
failure instead of an ordinary cancellation.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/DATADOG.md                              |  2 +-
 src/hooks/tests/exportTelemetry.hook.test.ts | 36 ++++++++++++++++++++
 src/hooks/useVideoEditor.ts                  | 25 +++++++++++---
 src/lib/exportTelemetry.ts                   | 11 ++++--
 src/lib/tests/exportTelemetry.test.ts        |  1 +
 src/lib/tests/ffmpegArgs.test.ts             |  5 ++-
 6 files changed, 71 insertions(+), 9 deletions(-)

diff --git a/docs/DATADOG.md b/docs/DATADOG.md
index 68549d485..230405b54 100644
--- a/docs/DATADOG.md
+++ b/docs/DATADOG.md
@@ -45,7 +45,7 @@ its own, so we can see which browser and device combinations fail.
 | `export_started` | Export clicked and settings validated | `format`, `resolution`, `input_size`, `clip_length`, `has_text`, `has_music`, `has_image_overlay`, `is_retry`, `retry_after` (retries only: the previous failure's category) |
 | `export_succeeded` | Terminal | the context above, plus `engine`, `fell_back` (true after an engine fallback), `durationMs` (click to done), `encode_ms`, `output_size` |
 | `export_failed` | Terminal | the context, plus `engine`, `durationMs`, `stage` (`engine` / `encode`), `category`, and `stall_reason` for stalls |
-| `export_cancelled` | Terminal: the user cancelled | the context, plus `engine`, `durationMs`, `stage` |
+| `export_cancelled` | Terminal: the user cancelled | the context, plus `engine`, `durationMs`, `stage`, `stuck` (true when progress hadn't changed for 60 s: the user gave up on a hang, and monitors count it as a failure) |
 | `engine_fallback` | The multi-threaded engine stalled; the same export restarts automatically on the single-threaded engine. Not terminal: the attempt's outcome follows | the context, plus `from: multi`, `to: single`, `stall_reason` |
 | `ffmpeg_load_success` | A worker loaded the engine (once per worker) | `engine` (`multi` / `single`, what actually loaded), `engine_requested`, `single_reason` (`not_isolated` / `after_stall` / `mt_load_failed`, single-threaded only), `load_number` (`first` / `repeat`), `durationMs` |
 | `ffmpeg_load_failure` | A worker failed to load (not sent when the user cancelled) | `engine_requested`, `load_number`, `category` (`network` / `integrity` / `wasm` / `worker_script` / `unknown`), `durationMs` |
diff --git a/src/hooks/tests/exportTelemetry.hook.test.ts b/src/hooks/tests/exportTelemetry.hook.test.ts
index 891b96a0d..7a9c0257a 100644
--- a/src/hooks/tests/exportTelemetry.hook.test.ts
+++ b/src/hooks/tests/exportTelemetry.hook.test.ts
@@ -125,6 +125,42 @@ describe("export reliability telemetry in the editor", () => {
     expect(lifecycle()[1]!.ctx).toMatchObject({ stage: "encode" });
   });
 
+  it("a cancel after a minute without progress is reported as stuck", async () => {
+    const { result } = await editorWithFile();
+    let onProgress!: (p: number) => void;
+    vi.mocked(exportVideo).mockImplementationOnce((_f, _r, progress) => {
+      onProgress = progress;
+      return new Promise(() => {});
+    });
+    act(() => {
+      void result.current.handleExport();
+    });
+    await waitFor(() => expect(result.current.status).toBe("exporting"));
+    act(() => onProgress(100));
+    // Only the cancel happens "a minute later"; waitFor above uses real time.
+    const later = Date.now() + 61_000;
+    const now = vi.spyOn(Date, "now").mockReturnValue(later);
+    act(() => result.current.cancelExport());
+    now.mockRestore();
+    expect(lifecycle().at(-1)).toMatchObject({ name: "export_cancelled", ctx: { stuck: true } });
+  });
+
+  it("a cancel while progress is moving is not stuck", async () => {
+    const { result } = await editorWithFile();
+    let onProgress!: (p: number) => void;
+    vi.mocked(exportVideo).mockImplementationOnce((_f, _r, progress) => {
+      onProgress = progress;
+      return new Promise(() => {});
+    });
+    act(() => {
+      void result.current.handleExport();
+    });
+    await waitFor(() => expect(result.current.status).toBe("exporting"));
+    act(() => onProgress(40));
+    act(() => result.current.cancelExport());
+    expect(lifecycle().at(-1)).toMatchObject({ name: "export_cancelled", ctx: { stuck: false } });
+  });
+
   it("cancelling while the engine loads is reported at the engine stage", async () => {
     const { result } = await editorWithFile();
     vi.mocked(loadFFmpeg).mockImplementationOnce(() => new Promise(() => {}));
diff --git a/src/hooks/useVideoEditor.ts b/src/hooks/useVideoEditor.ts
index 8b9a57869..a423431a6 100644
--- a/src/hooks/useVideoEditor.ts
+++ b/src/hooks/useVideoEditor.ts
@@ -73,6 +73,11 @@ import { resolveDuration } from "@/lib/mediaDuration";
 
 const DEFAULT_TITLE = "Reframe — Resize, trim, and export videos in your browser";
 const PROJECT_SAVE_DELAY_MS = 500;
+/**
+ * A cancel after this long without the progress percentage changing is
+ * reported as stuck (export_cancelled.stuck): the user gave up on a hang.
+ */
+const STUCK_CANCEL_MS = 60_000;
 
 /** A saved project whose source video has to be chosen again. */
 export interface PendingRecovery {
@@ -328,6 +333,16 @@ export function useVideoEditor() {
   const [exportNotice, setExportNotice] = useState<string | null>(null);
   const exportAbortControllerRef = useRef<AbortController | null>(null);
   const exportCancelledRef = useRef(false);
+  /** When the export progress percentage last changed (see STUCK_CANCEL_MS). */
+  const lastProgressAtRef = useRef(0);
+  const lastProgressRef = useRef(-1);
+  const trackProgress = useCallback((percent: number) => {
+    if (percent !== lastProgressRef.current) {
+      lastProgressRef.current = percent;
+      lastProgressAtRef.current = Date.now();
+    }
+    setProgress(percent);
+  }, []);
   /** The export attempt in progress, which reports its single outcome. */
   const exportAttemptRef = useRef<ExportAttempt | null>(null);
   // Category of the last failed export for this source, so the next attempt
@@ -736,14 +751,14 @@ export function useVideoEditor() {
 
     try {
       setStatus("loading-engine");
-      setProgress(0);
+      trackProgress(0);
       setExportNotice(null);
       setError(null);
       setExportStartedAt(null);
       if (result?.blobUrl) URL.revokeObjectURL(result.blobUrl);
       setResult(null);
 
-      await loadFFmpeg(abortController.signal, setProgress);
+      await loadFFmpeg(abortController.signal, trackProgress);
       if (exportCancelledRef.current) return;
 
       const startedAt = Date.now();
@@ -754,7 +769,7 @@ export function useVideoEditor() {
       const exportResult = await exportVideo(
         file,
         recipe,
-        setProgress,
+        trackProgress,
         abortController.signal,
         {
           file: musicFile,
@@ -815,6 +830,7 @@ export function useVideoEditor() {
       }
     }
   }, [
+    trackProgress,
     duration,
     file,
     loopMusic,
@@ -937,7 +953,8 @@ export function useVideoEditor() {
   }, [file, musicFile, overlayFile, recovery, recipe.textOverlays]);
 
   const cancelExport = useCallback(() => {
-    exportAttemptRef.current?.cancelled();
+    const stuck = Date.now() - lastProgressAtRef.current >= STUCK_CANCEL_MS;
+    exportAttemptRef.current?.cancelled(stuck);
     exportAttemptRef.current = null;
     exportCancelledRef.current = true;
     exportAbortControllerRef.current?.abort();
diff --git a/src/lib/exportTelemetry.ts b/src/lib/exportTelemetry.ts
index e5ba7d80b..332006003 100644
--- a/src/lib/exportTelemetry.ts
+++ b/src/lib/exportTelemetry.ts
@@ -184,11 +184,16 @@ export class ExportAttempt {
     return category;
   }
 
-  /** Returns false if this attempt already had an outcome. */
-  cancelled(): boolean {
+  /**
+   * Returns false if this attempt already had an outcome. `stuck`: progress
+   * hadn't moved for a while when the user cancelled, so this cancellation is
+   * probably a hang the watchdog hadn't caught yet, and monitors count it as
+   * a failure.
+   */
+  cancelled(stuck = false): boolean {
     if (this.settled) return false;
     this.outcome = "cancelled";
-    trackAction("export_cancelled", { ...this.common(), stage: this.stage });
+    trackAction("export_cancelled", { ...this.common(), stage: this.stage, stuck });
     return true;
   }
 }
diff --git a/src/lib/tests/exportTelemetry.test.ts b/src/lib/tests/exportTelemetry.test.ts
index 8293d0443..99e6db16b 100644
--- a/src/lib/tests/exportTelemetry.test.ts
+++ b/src/lib/tests/exportTelemetry.test.ts
@@ -39,6 +39,7 @@ const ALLOWED_KEYS = new Set([
   "from",
   "to",
   "stall_reason",
+  "stuck",
 ]);
 
 let rum: { addAction: ReturnType<typeof vi.fn>; addDurationVital: ReturnType<typeof vi.fn> };
diff --git a/src/lib/tests/ffmpegArgs.test.ts b/src/lib/tests/ffmpegArgs.test.ts
index 945e178f4..4b367abf1 100644
--- a/src/lib/tests/ffmpegArgs.test.ts
+++ b/src/lib/tests/ffmpegArgs.test.ts
@@ -226,6 +226,7 @@ describe("time values never reach FFmpeg as Infinity or NaN", () => {
 
   it("no combination of bad values produces a non-finite argument", () => {
     const values = [...BAD, 0, -1, 2.5];
+    const failures: string[] = [];
     for (const trimStart of values)
       for (const trimEnd of [...values, null])
         for (const speed of values)
@@ -247,8 +248,10 @@ describe("time values never reach FFmpeg as Infinity or NaN", () => {
                 })
               ).flat(),
             ];
-            for (const arg of all) expect(arg, JSON.stringify({ trimStart, trimEnd, speed, videoDuration })).not.toMatch(/Infinity|NaN/);
+            const bad = all.find((arg) => /Infinity|NaN/.test(arg));
+            if (bad) failures.push(`${JSON.stringify({ trimStart, trimEnd, speed, videoDuration })}: ${bad}`);
           }
+    expect(failures).toEqual([]);
   });
 
   it("assertFiniteArgs rejects a non-finite argument with a clear error", () => {

From 8e24b37f939f46c624bbfeb56e261ff75d5836bd Mon Sep 17 00:00:00 2001
From: Akanksha Trehun <akankshatrehun@gmail.com>
Date: Tue, 3 Nov 2026 15:07:42 +0530
Subject: [PATCH 10/11] docs(datadog): record the new monitors, RUM metrics and
 export SLO

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/DATADOG.md | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/docs/DATADOG.md b/docs/DATADOG.md
index 230405b54..99b7662a5 100644
--- a/docs/DATADOG.md
+++ b/docs/DATADOG.md
@@ -134,10 +134,25 @@ Created through the API on 2026-11-03 (site `datadoghq.com`):
 | Item | ID |
 |---|---|
 | Dashboard "Reframe — export reliability" | [`2tw-pge-qkk`](https://app.datadoghq.com/dashboard/2tw-pge-qkk) |
-| Monitor: exports failing in production (> 10 `export_failed` in 1 h; warning at 5) | `340137974` |
+| Monitor: exports not completing (started − succeeded − ordinary cancellations > 10 in 1 h; warning at 5). Counts failures, stuck cancellations (`stuck: true`) and abandoned exports | `340137974` |
 | Monitor: FFmpeg engine failing to load (> 5 `ffmpeg_load_failure` in 1 h) | `340138002` |
 | Monitor: cross-origin isolation missing (> 3 loads with `single_reason:not_isolated` in 1 h) | `340138004` |
 | Monitor: frontend errors spike (> 25 uncaught errors in 1 h) | `340138012` |
+| Monitor: exports start but none succeed (> 3 `export_started` and 0 `export_succeeded` in 6 h) | `340168191` |
+| RUM-based metrics `reframe.export.started` and `reframe.export.succeeded` (production action counts, from 2026-11-03) | — |
+| SLO: 95% of started exports succeed, 30 days (and 7 days), warning at 97% | `0ac26b24a9a156729eaa2bdab83d07ff` |
+| Monitor: SLO error budget burning > 6× over 6 h and 30 min | `340187598` |
+
+Why the "none succeed" and "not completing" monitors exist: during the
+multi-threaded engine outage (2026-10-22 to 2026-11-03) every export hung,
+and hung exports produced no `export_failed` at all, only cancellations or
+nothing. The original failure monitor counted only `export_failed`, so it
+stayed OK the whole time.
+
+The SLO counts every start that didn't end in success, so user
+cancellations count against it as well; that is deliberate (a cancel is
+usually an export that was too slow). With today's traffic a single failure
+moves it a lot; treat it as meaningful after a few hundred exports.
 
 The monitors only watch `env:production`, never page anyone, and email the
 maintainer. Their thresholds are absolute counts, chosen for today's low

From d0429cfc2dacd46076aea05d6a495cf31a03a2d2 Mon Sep 17 00:00:00 2001
From: Akanksha Trehun <akankshatrehun@gmail.com>
Date: Tue, 3 Nov 2026 20:56:45 +0530
Subject: [PATCH 11/11] perf(ui): keep the main thread free during exports; e2e
 for every edit

- The worker wraps the output in a Blob and posts it; building it on the
  page copied the whole file synchronously (1.2 s for a 300 MB export).
- The worker reads the user's File itself; the page no longer holds a copy
  of the input (a 300 MB read caused multi-second GC pauses).
- Export dialog: an estimate of the time left once there is enough signal.
- Preset buttons have accessible names again ("1 is to 1 output ratio,
  Square"); the redesign left them unnamed.
- e2e: a sequence of edits (trim, 9:16, rotate, 2x, mute) checked in the
  output, including a pixel check that the rotation was applied, and a
  smoothness suite: long tasks during export, cancel at both stages with no
  leaked object URLs, and trim/scrub responsiveness on the 300 MB clip.
- Before/after screenshots in docs/assets/ui-redesign/.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../ui-redesign/after-editor-desktop.jpg      | Bin 0 -> 99434 bytes
 .../ui-redesign/after-editor-mobile.jpg       | Bin 0 -> 35855 bytes
 .../ui-redesign/after-exporting-desktop.jpg   | Bin 0 -> 66563 bytes
 .../ui-redesign/before-editor-desktop.jpg     | Bin 0 -> 87789 bytes
 .../ui-redesign/before-editor-mobile.jpg      | Bin 0 -> 41155 bytes
 .../ui-redesign/before-exporting-desktop.jpg  | Bin 0 -> 45593 bytes
 src/components/ExportOverlay.tsx              |  21 ++-
 src/components/PresetSelector.tsx             |   3 +
 .../__tests__/exportEstimate.overlay.test.ts  |  15 ++
 src/lib/ffmpeg.ts                             |  31 ++--
 src/lib/ffmpeg.worker.ts                      |  22 ++-
 src/lib/tests/ffmpegWorker.test.ts            |  27 ++++
 test/e2e/export.spec.ts                       |  75 ++++++++-
 test/e2e/smoothness.spec.ts                   | 143 ++++++++++++++++++
 14 files changed, 307 insertions(+), 30 deletions(-)
 create mode 100644 docs/assets/ui-redesign/after-editor-desktop.jpg
 create mode 100644 docs/assets/ui-redesign/after-editor-mobile.jpg
 create mode 100644 docs/assets/ui-redesign/after-exporting-desktop.jpg
 create mode 100644 docs/assets/ui-redesign/before-editor-desktop.jpg
 create mode 100644 docs/assets/ui-redesign/before-editor-mobile.jpg
 create mode 100644 docs/assets/ui-redesign/before-exporting-desktop.jpg
 create mode 100644 src/components/__tests__/exportEstimate.overlay.test.ts
 create mode 100644 test/e2e/smoothness.spec.ts

diff --git a/docs/assets/ui-redesign/after-editor-desktop.jpg b/docs/assets/ui-redesign/after-editor-desktop.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..35154cf98428d8153c0009eec0abb1eda63ba550
GIT binary patch
literal 99434
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
H4hR1??;>I|

literal 0
HcmV?d00001

diff --git a/docs/assets/ui-redesign/after-editor-mobile.jpg b/docs/assets/ui-redesign/after-editor-mobile.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..d33cb3263bc186880e97ec19a7f41717115242d8
GIT binary patch
literal 35855
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

literal 0
HcmV?d00001

diff --git a/docs/assets/ui-redesign/after-exporting-desktop.jpg b/docs/assets/ui-redesign/after-exporting-desktop.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..affb53d8f85033e1cade4333294bfda8e6c7ae18
GIT binary patch
literal 66563
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
b;)C|*SQv{<++aH}*1e~W{%ywtUwZxz-b0!M

literal 0
HcmV?d00001

diff --git a/docs/assets/ui-redesign/before-editor-desktop.jpg b/docs/assets/ui-redesign/before-editor-desktop.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..4aa5a4baf16f83b3bc67bd2d6008a8d3fff31f7d
GIT binary patch
literal 87789
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

literal 0
HcmV?d00001

diff --git a/docs/assets/ui-redesign/before-editor-mobile.jpg b/docs/assets/ui-redesign/before-editor-mobile.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..0da1a818d92c215c429f9c20620e1b00e8012f4e
GIT binary patch
literal 41155
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
Fe*?)bk{AF0

literal 0
HcmV?d00001

diff --git a/docs/assets/ui-redesign/before-exporting-desktop.jpg b/docs/assets/ui-redesign/before-exporting-desktop.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..a5e68e222a670ad2e21f9eaf630b10152b0d6b8f
GIT binary patch
literal 45593
zcmd?R1z256vM9W9Cuo3;TW|>O5@h2LHtr<2dyoJL5`t~qHF!1}B)A55m*DOYG$ast
zi=3G==gr)?XYQT*{r~&_*RXom>aOmt?ygl`T`fQ7f3AV>lpu-_5CQ@SgaG`3er_Pl
zE6T{2K8C786jkJYi|7Xd4*4Mn<mlw#29=kl(bG4eL0kJR#a-MJb9a}!-+$tOd_T|L
z<qiT(ar_gU|1228!qVLwKsW^+1~;H^fLI~`CbIqwX1;@;{sxQP!CoFN9sthcJJ?MN
zDg(e40L*Ot2l(k9U~?C@JNzgBN6gW|^RBErcSkX{rIWTM@QV&S6d-pH6eJIlzN<g*
z4mjsL5J>0>1VW1aTiDYy5UBnY2t>N@w=jk`Ake)K5U6hKZ()CH6PG7$Pkv>G4ETsv
zRv^%MF$jdC4+0U6gFu*uzv2MzpU_4FL{R{AIRk&zAP0~ohz6txasruyI01+U^bo`i
z68O0Yk^!NiprE24qoJarqNAaqV-a9sVPaz4zlVoI0KQKSCc95YN<qU+M?v*~ij<80
zA;SY!HV#e>aylM<ZgzfVb`JKtOc2n}(XlYFh_SGU*(u2=+5gM#X9ox$9VrCm4H5z!
z2oWCv2_NBSH&6it5E8<j`)h4M2#83?D5z-YK&&zz2oV7Z5g8c~6%7Ry85IfORv;Fi
zfDna<mK*hv#uGXoG-55+xCuUKx4`(S_51X^&`F)AiMa)x4DKPPGMd^RLDeMuHD^F(
z;9tf3v82Bg1;laV--RO}A|s&!h5VugA1H|cnU-6F@KGEJ5i!q`Q`f-Us?G_z^)q_j
zp9>&tfEYx4Bz%x0=tmsD3XGJpFB^DQV&JTKmgz|@Jdgr81u_*25IuA3UDXg?c9b#?
zRY$$eXC2~+$|Gls9o(Aah>LHeXV5<9(WGY}=^rqP3Ur7{8X!abNX8Nu%b8{|JjI?$
zA{Rl|kMVo!{M!KQ5V4sxz2MR$#JN#}n=d?5l@7IvGeWkBuHYdVioTA1>>w)y3;!iO
z67rfEdMC=ehbUlrlv4;IE!_ZeBm*%i@*09hkQ9DkV7ycm-VioIhMWPPO{tvR!-s~*
z1t?(Fi3-$MZks4_8!#q!M`vB&8*CS)@QNTUbmlyL*$Jsk24n_fx<=Upx>~uo=xWcv
zYWB3Cw`%J&i}VjfgIylgK~%g@*Mc3QQcrL?Q9qJ#FOdh~RI8~7VrV0iW2ZUc9UxRF
z4vaM^y`?n_s!CSImjarE=<R8YNb9p4_qIy&;RgADWb+(x>*1Db5oTS-Yq6i8Sy7IO
z)f|dwBQN{9LVvs=v8E*}zFin(?%Xc8^VAQzQEM+IxOA>A=zBXzVUjsF967U5yU}J5
z;4B}m^EyKyg`k{&IeMnDwYX=U#av^KiXIh+bcdW&r#$mi4xb4Tt(I=PJ_Ntmk@dG!
z|JMKQ;xN5JZ-}#@(0ZrO)-;!s76_aqiA~rW8#N^<rSP;a>=MdSN+NI!(_MimDbxrZ
zl?YF%W<?E_4DuZ1vohcL%=xSn&opWjq7Y)`Km)=wQ3O0ZpddFX{Gf+=2<X)`nSmaL
z4}6#&1DvB073de0*guVOuBZ~9dY>Ug9|075CszK>MG?LPAxhz4So~c$2-MMm48mZ3
zsfhjeF$l=9pi(AAL&SJq{}BeO+ay9lg|zNT8he7h0_8kb8DzXi$kmuMcpu3S-FS5A
zX^e;mSOV#h^GHE25v4%dNe(r<35cEqY1xV@Z)XU!dAhauw399MHJ}<~j0hItlPby#
zk5uUui%>yh3X`^hFL@{RW$Q3Hi2d;s3v78YxFhW7H8Kl>1vPW~a&(1`?1g5l%kp=0
z(_-Me%Q~*c_at;R2Ueq(%A6Bcck&N}-`?a1iVoz_KGzr;o>saEu=Gs=g1!BwFEgiF
z(^FDk`SUbJUf^zX@$SNnNAm29N6>Z0-8HW0(_`Ql6HOUcbh?@*dBm4~)BXxOn+JY#
zqGCR27gIAkw5Iyt1LHI=O|-}-t}L5Og~EOe5sQA|x*twlMB4EUW(;0ScUQnodc-Ui
zk_L0E{K}uFm1G0`T&kouKy#zyKG0&K#>$l^N;}{CKJq2{8xVF$Wyl35;gGlwdwzOh
zTaoAf`LKDiF063tuwI=>o$1J4ZB=nGMN^RCBDAVf=2`MXzpGuu<qTi-%Ex-Fdp%#N
z?2f6?xNz6M6(xR?jG2*GOnIFv)}k9*;1}Y3Us7wZ9npykUt-QmB1F`?oenC2Nkx@h
znRpNb^8Tt`tut;Sdn7*&m7ptrz4%?TqAOU0R~>B@z@&LAC-EUJtDK{O!K0d>lRe@u
zf{S^mMwkeyl5a7PR-NajrW7A1SIzVAp;Ui=M+bIX>|k~HG(V98OfKBOj_HAIvg|8U
zdIrKEmbkdUmt<t57zh?a4>aiZQEVdV-o|6l;KwrHfnuc)6$WsU9I&=v5GPrCBxBjF
zK7Cd*`*=620{w^V=pY3e1bPM#fLW(7Kt_i62!w%r_hw;HYH9RxivEGYhgk4d0^iUB
zl)%44Wd?x=)RdwEg^?`~XkH=%Z#<810)@$#w;*r$284N`?5X#E<q<0d>UZENf9Vj~
z?+}$J!#pIQMfcQ}P$*p%=czGKxQCn~c03s}PgxD?AnQk?_`!Ff5CxDSV*+y|4QC*F
z>>CgUJ%hz-8pgDKVPZE#GUohPD62rYUn)EWN>?$+<0iw(s-lz}2JUWRA=nF&LcY^W
zI!3JstS*G@TEN{<hn_qpO;paBfw2^MVMlx6?wP!zXeULBMIYE^ooj0EvAbHQBprR%
zq<?hlM3a`~K=}in_5HR!t9|k}Pq2vM2&z@~m+3vQ=`CWDA_5?{1t)=hoK&rt{zmVg
ziPl5bu<Sh*$!Fp<xR+U2gweHq8^KKmYpSfOHFa53S)qGpB`(XFqqvL8;w>KHjB>tU
zNU~UzwjA?1eF;{sf($C0Y_^I9k(Gx>^X&n?UsPU}{9~?hOQHjjJ4y4O`JscJAZ1H(
z>{8~?;jIBneTbWtW%2lkL{VIx+$0@0XWk=HCX`wjt#&6VR{@MhBVU+YD9PiayZ)Rg
z&BsY{$O$i5zCt`a<?(}q4FZlJEyc+vg)R>b6()&|u<uXu1!9oMGN_?5SOkHRdzG#z
zrRpGm^+DvkiILUOG*(->8eWLamU5o=q2v}N4p_aA@U*wp`}hVAc(go$(UoobHy^<v
zE*=*57RQZ8gU9!7>;>xe7eDqRrGlAkT0&gD90i#i|9vRE45Jj?nH7*xvO>fZJ)`_%
zVDxVN-H+#aq|?!+I1nFafpX5H`}P2(`VW2v^SlKg3Pr>L`vxQ^QZ7X$FWe%GPsQRN
z(JU>H1#}r1PNjYLBI|T%D_)TwpjKH`S&Qk{DhNb!rp0rHamAC<lw#Ic8q$Q~6U50g
zSR1I)C(ZdVA5W{PDQG#&YT6>y6_{{PIaC<LO-Wb06D1^LZAN7MNLyY0GNizgHI<8T
ze7ihR!&cj*kkZ0kvA?n#O}R`k+Cd>o0k=nQl3$G!4(?Q@@q+kpB(U11#D74DKeNKQ
z;tL*toLNrs=yOKFczCR*J&{zR(tr+_Vz4OIn8t`3gOUka8VtziK%?~|-;AkF4d^Po
zryt&4%@u1Fr;L9VXG`T)AMh%v=2Dzke!gz3N;K?3*!juObE=~LkCfd$e)aFRTVpgW
z9HKYG+6?F2R{G%80`jg@rW{AY&gRn}$>|$nxRL`xW9ts*F9j5}-ianZER>@!!Bb#1
zYl7IN<Fhj37TlNJ0*DFvO2z{8@eL$iO3N0k2!g~F#3KK50EI$H5ex`7iwRQpepYTc
zA#)dea#mq#x|Wtuh1eL&BFN<-1R|A*jUN|FDuZrefttvd8y5?H{DF)NAw&(mzn?HL
zh=&JIn4+Qrg_uy>cphQHtp)`&#L)+N6W>`K@N`Zj@<coK3X+EH50c3XY?4PwH@Ur*
z$#8}B(i)4S@426FH*~Y*=ZfRrA-(dr{2eJ&W2B*X6R#pOH__ec4yl;gl43E+i5qjl
z4Ps}kvXsF=k?0|pkZ6&OkLwWZ0H8HR!Fp-_P|jbo$PUi^Ew4WS%sWfwu3@@rj|YY8
zNtd1yPyL0?S03Bg`M;6Jk<ZdU=9=VK-C1U;X))@ZG82U37OD}P!Fs@r_MasbNBe69
zQU7Tr{y=8LKpCkM55*#$>?-tfB3-q{TQ-+*yz^SbdVVLxHRu#_2H_joPzB48Xs{9N
z1xCLz;M&rT)9RR1VBRTLXWmFcdwW?lY{H}UL@gSJNqwC!Qnn5)L-g6sGefAW+-ZhD
zQ9R;-IBI-noPMp+qhu+W@WlNGPEa$qCiG}yu#%nyOA=oB__Mt!U1^Gryn4A!IhrC{
zwAcrHr?Q*lGeq!tws_+aI6aG(K!KJsk)a|!yTu(}$^9L3(LXXn@xVa|M>Ho`kX6Rl
zp5#jg=_*X>AsEvu0x>Ygm&A8Lf0qhi(tmU^ym9%wv1HX4mih&<g+Uo%5oz3q@zJnu
zwVEu8b|{W#Ttk$Jf)DemD^9mN@FlLg5;nL$NeD%geru>PTy2v<GcgS7wq#E{(3of-
zmdSv#(RduvyNoae!FX_C=K4YXK1hz;`pQg#ntB#E5w-dt?nISk-eMGw<Y@n@IuBbJ
zC1Uy<2gfY%<H=Y5E`Xxa6j%`#2=P^FAYX&g8jYqditxdhwcL+kHTg>5#|8g3kgPRQ
zn^2&U{?e7dqeE9T(72{p5iBP!F%J}!TZsAZ16rdnW?LdlQZR(^of=|I`kvd+j!4Nf
zVap2={6b#uR87HfzQ5?jei79xa{4GzC}gUn4J}!!7BCc2=64$-moQq2L9Pd<##lCt
z>?jImJeWNFrT&Ux_t_ZZJFpqm89mJQY<ex_6sF?IE&7BJ2T`k{k(J}5lSD~aG~ZEF
zpExS?0$d1|msKVXH>Uy7z5EN?Ajc|@gg>ofm-|OH`p1yp8Os7JXXK{q2nMm_;xKj)
zjYAgrK-P7kfAez*3mOp9(H9{vu|JOkKIT4c2M~Z7w1#OT`*!W!Kj!`42|;4biq`k*
z(^l(aZ!_0}v1D|ANNZ8d*GrM3Gsc%DW6!q$Y4=xD!w`};$iwm<TQ-DlApPb;$@i=q
z!jh!Io#8e$S!3*z1V}EL8sPqNOrfm`06Di#DHOHZGen=AK=bjmoY83UQ%|DIYK@RK
zb32IlkU%jWEKe^aoafE&WFs&Tpls-s{Wh`uJ@lUdc*9#Z!&|5hLHek_ruqK_?cWVX
zNcz<>CB^2+rrc$a#F33BDk}^VWy*PRoMHJabVq{)?@-;Wpbl!4n&Liu;X`DWZanx7
zRmr;ajQ4-Npj7wi=rR<^nJ`bVlfu{P*1(Esb^Y#aZ!v}#1+;nf*k49iPFlsimcDUO
z;_f1~Y9OT<!nPf#K*i*Z!ZD{nbd%F3jBg~P0ko|x3oHwZ3W!wQBfwxm&*&y&Nz%^?
z<xC||M2<CKjOebqv(o*UL%<$|M2$*W^)trWg3!%mVxc?<J`dQZt;$)}Dh_x`K86;_
zJ#)$vjO*Q|<E2G&Iw$Yn91e4f4X*d`O=yad)T*|p2op6IOOfYi-`Y10ga289|7tvK
z3&C*FJlKw*mt$+@8KM-(QnPA^EA;?AznwB{|977`^DV{9D#W9$kHd5PsnB)`-9+RQ
z&SF^_TQX+uy3r&=56r5ey52>RS{%eU00{N8VPjs$6u!j4o@guFsMdOt3&TDb=OZhn
zXd+#-)(L!58*QnwfXDZkGf(LOTP}NckA9LA=*=DN*xO>n+P;DBSja3I?%omOy*Vv4
z5~Wi#^=gtN!}fyFKN4u)=PB*3(o6nbDBL0bGe?`&Katjt{Smnuhen10AtO{#qtnG8
z%37UKKrQ~Eocj^VBT7<+{HzJNXZX_)Jc>n>86w!}!$+A<f~Edhp8w@=V%GsP6e1TR
zAR*7M7WULS0)#4m*koFZ3Lpm3`NKV+j1xru(RRzxDf2t!^G}60FDUWuyodbxvf&+4
zgQ=t-%=!>ZmaSH~@gBLY6>|~hx{+K8TJ%f4j%8kKY|xW@BoG2~HEU!Z(wzwo9Rx5a
z(h-Q_%FW%*HmfFD%?Em*Ws-RA!PzG+WVRP$#sC7OD7IY&=?o_}$*{-Nky~ZzLGiqu
zfN{7iXLlYB9UvaaZ2pDH{%>6VFW~=oQOJI^+HXS<xZ74`<pI&1ru1v-86nZf@6@M!
z<gRnXO>y=$I+bDq@W2x#2uQ3TnIjZShN!FV!IpGkFUI)%32l5&_G}NP2crwBwQ>#s
zJ%}0}8YHr)8Yz~fcp$*$PVClcp52lzWjrIJrN66ImKYAR(%37C%nv2b5ZNDM{>2<f
z;G$lB<=`wpq)YU%evK~i56!onPn14VqM5vt5Xmq9g_{0Rw$d|NvXjBD_zCI<fZ3SG
zL%1%ou1*0z{p-}jrK~eFCjgA}a}E>br*m^D`L3F)$&4G7$4{T_>7wa}JE8zn*j%Oe
zd$b70QP}W2r8i}Nv>ca^rM(B$?l_zdRpZxN$UH|~3+Yv005tsnBOVZ{wkSn4&~kSJ
zV{a80P%U2ZdM7}BGu6gajTlx<0>Y;mTV5={ya<giz&wvDw;Y`3W^rIvv7Y1{PZqtl
z#H>~Pwl76siM`-al#SV5h)YBx@e-0>RH_qf64n{L&gw(+kp$xE!}quT9bS5e8mdhT
zM|%wG5Z-o9)=Uw(qD@2-V_whVo5eR)a5AHJdD39O+pqH`<Xqu@x}W1RXH^oZ)I!51
z?FAS#)n&2^1xAPQ*3wv8=H#~OrbO%Jaz$;ld~Q`7dD|Uv-tRH5X=STLxY&{(=M4&B
zZo^TB>(W-%(!h8WoRRdFSvUCPHd-!C?62hV#}{QCbLClsJLOet>KzH|UT(r3cxZ;=
z@X-yJu|x+W2cdU#()^$B0D|Y2MoIar|6x!0ikt~Ct<E06elto@o2S>C7k(Bl{nhav
zO{6`3^0Fi{2E4A89=xSe<53eszl|we(i0=O$r@HS7~@J6&(h>kJ@@FP@>68MWHWDU
zIOGLF4Y+*-$JOGsX<+zTk#vA$<S7FrqYQ66KRw93p_;D+(E7)<%<={%M{4st0)r!&
z*G9`3Y^B_7tYRY}O&TInbW(Jo{HjrQpE>FO_@%>Ao@!uKF$XIovk~+Ht9F0x{-BOZ
zMTG*^J+rcG5TI$WSTr3VF~q$@jzU?Q<wg=`x3yY;#A`$+^VK-gE96uDdXIyM=m8|c
z=%PHT3NviMa-{p_$^w&o5!{o#$&LlKMCOGs_C<wB=00VxeqCI_|6R!o%oY`K>7pL-
z$P)dhip;Q`{DW?xEnGQlUT@A<wVv#;1hE~+z~G65bhkJFdiW3oydX!#f<m>chezdb
zWb_j=c-<|-_Gd$D-R#W`@jMS@421cs%ELsia?2^w=V!YqeaB~`RUPb~;<nn@%Ri{&
zuR=4a<<Czr1kVS<hkFaEt;^$Pk}+a*JUU6I0w<7F!JIu2dA-`+0ONGunM?o7A@d4@
zd4&-&Xp$cl$S{QRAf%}@$7R?C;-5GZ5>0qApoTommbxF~Zj;*ASo@q%F7q9vM!3!r
zz7<>wr8f}1s;+RzFV&llHg>2^K+1=LCx&+h56ym6L~GvN%+p@BI3Z4TYbC=WV*1Z$
z`C~jW97+UloX&iLUe>6%PTy0xX^OL`*jr5Y-qCA9{KXK%^6-_%{$*2^`aqx87t7}_
zPxrj%y1aNaihCV3{ojwtUvwU8!ZB;7_eXg{lC|>AQ%6QFMY1@H)i2JLehA+O5fA^d
zxI35)Xu6?yq+^ZHsS~Zq|5TR(;r)GLFbji`Sw4nTevyZnEinZkDk()E@e?Dp0?}E(
zca~vu_Z}xNFuow-0i%m{%&qm<2g^|`%Gm4!-<j~|aIKL`VB(!=W)mmGgp8=b5YYn6
zPM_Yb(Epi3B+G=6WxgDVRi>GwjpOWohbDHe2_IjN7np#EE9wu_%|Av!++qw;;Go)>
zIC|Qg-YYx76RPA0wv%Cw7;}K-8|5aV8p<V!kqnYaS?%N3+9&e79Dp*}Ofg#`#246-
zu4U%J5zKTSPoo4H%RIi1;)x@rM?B5{KOYnmca{=U_KjCfXPU^VA;Fl%dc8P%^hJu-
z@zUX0W%yjEn51Zgucepv@p$A<kYMR&<;t~|vEdf{b=DQGjU?|BqAW#yX~&t27sNho
zP42hnt3T#);M0pAyJoH>Mo+~#_CH0Qnf~w#FuB<&wB8siV5>KP!VThIh|A}_lC<3Z
z^5DCA?)w|khD5^VO}_o1QNFj0l|Apj#Z2!(^X;86iCB7*SZyJAK_4P6720yMsbea+
z#GOk&e=<G);x|g+KE=!ZRdsH>r`v3~n5-CTqERZ>8NkxM<=12HOyo~}M$E`M8{Wbi
z>-%=*C#dE&NBbz?_HFOU!pe`y!txnX-CS+k%m>x!OkDT+=3<g7<&Rg|x6gz#zkI4p
zezCdrjpXu`<A#d9N$>p@#b*&OP@F%GSs#D9**w1Yp~ZC_vyEWGqtby%Gp<x@5}p$g
zHD@gR{iFKgBGdj4)HC_d8C?_Q1{%A};!XQcEWavK!Cs6>yxR8^`0RdVeawY4IhyU=
zj`dY=`?#_Q=wbQXQ=LEUXy9|1mMuWlJkhF6(^MGzHMO4kHP@S^SF$>LSmaD#Gs`%k
zkRtmSB!$ArPOL4G9&Qko)_BQ!5ItGfKPY@1dfoWklP#ZSS39yKjmfFp4*M#}(?wKi
zk)BE7<_fc#%c;-<F)mv<ZOH~yP#lC6OgZU=$&YFn?1AHp8)_H=-@-wYj@DyqKy5{n
z;pqI|f0}~$_e98?a60%==*8}c0L5b<p0VpNhQ0Z-j|zxKw{qjNazhe$#2&1G9|SD<
zf}|J_NEtxLMN)_hz1459?7@RCIm+x=L3LGSZ~vbS`ewc_89o;7-IY+ZlxvMX8DXrM
zaj^Pr@_XN*(Y?^gwM>G!*At46C<4cT+U9{D*U16g#?JoiLNof%jX@4c{^ppifIS}(
z>htZP<aXuHeLq25_r_1Z`7{1_(R^j7H>*Wezmq)6p9J#xLA$Q?<rAoB{ffY;j4Jde
zNXNd+bTjz;MLrdi1o<Yht-vN$zfxk}3PJprgxeebpP;RP@c@!Xtdh!@e6s`_qbyvE
z&A|h6qbo)}=9jDHpL$NezqmIvX}WuxBY$$&j#uqG|3U)_69ZjxH~w<&YRixBr0Ce=
z`&ylG2MPSL7nUj0F_R*bYC)8RMG7er7Y{r}tX(rkvD2+}f&?Nn^W@1@U_1jKYs0nT
zDlU)R-qz?9Io5@bM}1;#><Ov1WY2QSR#=b`enNqx%+RCE<TQvG!M_^yxm2D>`Uv{4
z(>;ZwB9%A0LM<phRG~txpe&1A#(_R-%Tq+4cbv3fsE1b$agfGRqL+)wFj~nGA!xuN
zt)w_;5M&+-A)6?Gf!xKC4m?FH91+H*vx{zJ9P&kc1}3O_=&`|cAW#IsBbxt$)u$k`
zx{RKM$YD~U7ZTVHvl&$x8Azfe4{@ST8;FC4iPYmQ$#WL*^L%Lf3&f3iuq5M3(Udyf
z%~lH7x!n%THSsFSy9M!w;4l^G{~OW1Irm<&y1bxXGJ>j!lt>>W1URnOe^dN{c6{G!
zy0Xm1c*3X91RqXu!=JDr5!Zm+kb@b6Umsc;$#=!jG?<gKzIrAWliz+{dI5i}euju<
zYq?cXjA7MVa&_i;i!T+Y<hQ2gK7an39Q>|;@mtB_+5NBQ`(K>`a@r+JuT=li@}K**
zOMmZ=axQ1M-uzs1*_qlaVXc&<Wc6M#9B0kQFP~ra$dx*|HI>XI7;FA`5M#bi*c00r
zxmKr5v`)t43gu#Xzkqe(Z`x$CTXpH)VT!ZPv%$Y!v~kA4at)K@>T6#P?iu<Cs?-(Q
zEt1q+|Kj}dC&>EZ&{M3@Q>;c(eR(zilh<z?!@EeG{6E1Kl!jqW^eLL))K{KPGzSz-
zX(Fk?ienG#OGzDCo}#S5o`!{}YN?bw)yIpY0U;y2{1;>~!6Oy~?_^p!g*X2KG7{?$
zQNkWz%;m8xrYA|Z=T1~it3D=n<%{6K+NW2P1D3*-!Ft3UosR6bX1YiywN-_IcMIda
z$teF{i$dE8;6BAs(q?s~x~FW+BCgHxrm6F$$EVVni!-ZT4XBdafyb9C9{c6B7BAgS
zPYEXVue(F0u`bjF67(Nzdl$}g#GO%Il^EE`FY4xe`lep}{swY-)g!KLKl?uAs~yz&
zCuoid-YZ7i`DH0fxm32a{Rh8b-ivn1pP&Hs)P|b}b%~4h8%glK0j+|fpCF=%-BIy?
zoD^y?{|e(5)h*WFZW>!9Ooe}fGQL;sFZ<Jf@m(P+G<ZMt6U4!)`r_8?%Zm8rt8VXB
zVMBe*Eyvx{RxWMDTf6h`tKpv>-!Rt0WKV?34Pq~}_L&857p<pGU!c1LpfN&cXOx<L
zf;P2%cW+x#PC8b^1Bz3)*oCgz22WpH>|0$4`&EA5dEw}18r*^aEm!iBkD8oN;?fqi
z<*d1mKQ~zk2>1yqGOGh-!4p&aXZu@yJ!fsArJKH4-_^Hs*ni`REED4Y9y=&1WHG#r
zHQ^p8GlQb<2l1AKbx+79Ml#6hDhjcqvlZB~^V~5SJq=J!_5U#F5p^Hf{n!9jCX8h(
zNDS}qCqN$%#{3sP8W7p^k&U%xl`F;Mi7v|a(rCdu7#$TF#C5u%i$kd`uiNtpeu$;W
zf<|z2*9n>x-kz&_z?OT!2JT5P`nqnwPF2GoQZc%RFq3;hfz$bInCQFLGAM@3qq?L>
zmFQ0>j8+?257{4m3=yGN>XQ*RUcW}FfAc{|d$mz)Jh&d+L+I<93b$^`2Cxz|JKq5T
z*v{sM{r@W;-&ie`Gn9qA6R<Hwt`R_01`Df!y<SntIQ;l;iy*Qj)BI#x7LST@-;UAK
z;qc=?e8})@-`er^_Xn%WXk<fV!FJ%Na~_(h$J5qvaj5B``C?IFeE)7DMz9?dkhuc?
z081*I1d5~*uK{c?eEFyR@;kE}^_C2)=D2|e3Vir&>gkn;(nYfvzJ+T|awu$-s@A#=
zhEzYt#YkE(35wftJEy3PF}L-_uWiLrI45qY_K=S3T&-@!Vzu=lh}+iAeE_|Gu5z`^
z@GYnyCAPp75;<uN4Yn@KMN{QgI2ZOI1QQG#9CJOYZAGCU`<R@7u{cmO2h6m&9x0q_
zw?wk}P!&yHGTHiK$|vqAKtig0o0Z4!B6~w9G$xzz@`E}+$iN)n-*(6qJEy`E6S&<o
zJs&e8YlI0=NRjhGQL!F|G0$Q)noSx<8>DgK2%@eJrCB6?1ojPtZU`5?t*}6|S_3pQ
z3mG@0Qdfc!3ZG<Ex_L_6H%lhPVi_!H2y+ds3U~3mG$Pk{OTx*D2WXHD^4Ai2`bhaM
z)yZlmMYVv1owFn24;3IKcI%ji`mj-K;q*Ju)gbbdL`8dX7RAO=a$8PB>6g$nA^-W9
ziIAlRtgDHV;E&$Mu3-2Nm$b;G%Zdz0Y?Vv|SjV}WXe0=4K4;v~@<%;ja;2i+vRHN3
z_2i)Ot*F&aQ?n92@#c3f$Z;oK85wGzRx4%NQ7$Fk@lHG`EEp}nOgKSnI_#T{ekxHs
zD!Sh;pyF(O&~c->cLUqI$q^q@<lN$<e{dUknGretT1TQ7hBdpnG+20-thJdM>V<!C
z+Lquy^0m<xX?{88?J}^#^rAi9fAISguE!FueI*K<<)^>yb~9%0#I__{Ag!zbI3~s6
zBMQxp$+6;2PbCUU&H}8*)K2W=a-Rc9f_;2}g0r~<*}ZtYs?{5)eq8!10z1wxz8$qH
zc%5G%?Fr@|0RMg$8w6JmNY0%bsO5le0m|Ki92lrr`!ljz+<Ok_&@E$BS)2BaN-5<&
zfyYjL(^=i#+-=FvGkT93u90RvpSJV^xo&8;#rqF8e)SFf^r=sL2wvoO<ZQ9MbjiF_
zk0;Kg!NuLss!rFs7<mHC+R8v$Sds-YI%hTEYfg2a9CH!>4(N%SQ!UQJTFtgzNOM5_
zwapLwzEy5#@6>)`m~#=Y*XH5@i1kk5vS=Ch+4l{+6rH$YFX7VM-Ct2`+f^5s23^&g
z9|+>F4Sql9Rn^{fJwdBvJu|UjOKs=fEj1YvAKvumLz@En*|HvgO`|n2$Gvcw@8wlJ
zzODh=@VW6)tD0SXwbb*LZhvJ~pdm*}Kh`fN?-sOlO!cm?{pj}=xs8U*n25@uRUg>Q
zl(@!>ypG8bZ;6Rp`w3DE;N3W@s#M=QDXDIm5L)7-y`Lof<ghpMvrp&HWup&kyPTiZ
zy&A3dpCB75!N4-_^K~P{O<?+{AU(=gzI*k&uK4^Zm$gpW=P&M2>BHypN44H#xQ(xD
z$J^`5$zPlqvGywE96z}{y1gOOJR?CbXI07}s>vwNdJjJHJzG^bY4|LeC6UNlfw7q_
zDD%>2w$Q%&*tSg&%y$KeE{Wv1U9c~{{q${FM9k5=1MXeiu_TeDtsZ#f2=DdP+8?Mm
z*ZW!nm}y#o&FABv{j6V~kt*p3&R%N-cV~gC(jzauEvdtV4BEF$32Jp;e1q+syufvP
zA?8YD_#sD0d;be}2{*j+aI_W7PmvFf$WoLaxf-@@d48MiFM+@Q@jKe|W`c{KyX&-<
zTItHl@;=p1(Dva^5ch)a<%pAL7e}dfp=sE{BpgDXL@P288RF}wDmdY3>_3)KdRe%B
zU?Na|y34EP)QWTE1D^g&zq;-=v%3BhlrBlSW+ajl*_OD+g*TNo+J@z9@?KD&-m+eO
zr<eTT%6x_%(3`s2DC=*$*8K#G1Qv4c!Joj#Q-)Xy#Uv_Azv!-+EU|s2!rEZ_2`U$p
z`f~gUHNWfVM2mw-dfhIB+@9F&2bqU4mB_(o@j*YYS2Jy}M4_aDlVVEOeDH*OqHE^c
zU7<eBuPKq*&cWYVeuCP2Y$R_YUKeky;+~G(bD>6YtssMF2_>FzTssLeY-=>YEw`@+
ze}di}v)ypEldON9ODtzwHH0>n|DYtBiL#b#;@D2G?_sapA1usT#!8hoU}V)MnoP;J
zAO7KU`n^50p*`}Owfm;QblbZ^FGls$iv1?7srX@$vQ2zt%6Pq#=aN#_PAS3O@zBJ?
zhNu<G<)0ug_0k7tY}evnZW3ClHFxP>a6v7*8Cr%*_l&)7U|()>c)mo{EGJOWN<NlI
z(~0ySf?IsOA&E~+(fnAK{q~K>ZyS++lfnpIBDC|n#v|+V=}(XD_G8HQJVw>-&-=>s
zz@YaX=ZcaN8F?7Y2J@J(POX+dFOQM|GRaYn0|e04M%v35AT}!`sUrh+e?&^LxW9%t
z(k+b7zJ%2Z3;-(w#N_4<SvK~MaH`EI@PU+UQksDLLFoi$k$5C1f_O_(Mnu5$9>L}B
zgZ29unAc!;SUeew(-7WNIl}{6)Td1~HnjP9s8u|HWhw_1;j{#Qy4?x;;29q;e7+&t
zYpGx}(fFFSM&Y7@gMT*{*erc9{~55Zd>D+Oy3Zledor?r<SU5@&O-~=d@XQ`k4ye~
z{+jzfHxXKDSrvuZhvIu~{xQ~C3N!c2#4Nk~BmIq!o?~?05QYV=Yps8xj56;kEUmhP
zK4uAH+CodidXPU~*6`f9>WB$308h-@<#P*+GGS`|N&-JMaD5CY0Hw<`_jm_s4XOL)
z{SEj-XC?jYFvhUdg)sHgr5v@s{M6W8YBMqT>9@8X-Fvp5#r+>!?9liaMfN?7d0lr)
z)%H})3=MYmyzgn{Ye|{KFY+B|Az$n-IdCbaj-H!>hCvrI85+H~KJ$W{eeY9aF9Wxw
zM+)Z)jxux1=Z3{!cc4X;f&F2dR+C4*rU=4eRC3B_O!FfyyL-=bu;}rTdX2=3=l6>p
zHs1M?h6{yJ85;_6(Y>p-@4qsMr+D-7yx3|rE{6taLH<YawFuiE1}f>Strm`aeFB9e
zk-GeZ8=nchid3#T*rDp)0eMeVIro>We;WVXcJIk4!q$h*;`vD(XSIjE`eDOTr^_Lk
zx8#rkp!pjDE#KU`ZzNnlU%H;%*LWIt`c5oe2bZg=wwy|oDm{Wp8fidBeSFkUyng<3
zEp0BsdIkBBY=iry_%b>S{a(_>3Q5goCTBhF2A|+D+orKNG}>j#`03P1O4_>qcWiIg
z*@L7W35=q07WfCF8SBt&&97q<pXYK#@S5ZYG*0imK7M;<;PJ)HK1$$|u~I^2skQi0
zhJEvK6g6S*j|f3A-SvjkLojqrOoEtYuF#;iIBZD#e$k?_zxw=TZZ3(S!WR>SOV185
zZk=)y!mcNdIweyqje~CX!o3zNBvrjX!dhrKS+0WDJiM;#d*OSd?pb70w^hNH#<gm%
z_LPBx8)9T1_P#_^QWo15hiezsh%9W+Qi|A)=FFJL-=n^fSTkX4%r}j6*;~@dtNmc-
z77{<|n)*H|$5itZA6-R6fOOnx{Efirb`KScQYFp|E{6_(<^3zUW}$%r$&B@b#r@#+
zurJiXuFtX9*bX@kpJPCtoi1m32$ji~*tTUiO1y_E_t%AR#(h~0_oLphYh!C@FI;cG
z=h~p8xM-wfsBN=ZxBK;M>eRTIs(s?q%aazy^?KXq2E?B@*_1YFiqGME$t0BuIYlD2
zaqp?6C&d`MvPFqgaGd*ZfYo||xm>i-?|R=cjJR*8W$LLP)wP1o-p&gFT=KX$??DNA
zwH_wHufunL6;Fb%%~6*2UO%;s<cWv8GT<p=uzcXmV9A_LI;fJL!JmjJVilKN$6vi@
z?tpn{Zpcw5&{6UK+N((Qtz{yp?5Q()94WY$;eG_a+|$T>)<gxVKPtU{(0~61{yro5
z)R<&z8(w;1ZXl9pOXX--Ocr0UlD$!$?>36rtQ(Xsy!w8}@+x7>RcBDWfA<-|SSr;k
zwreh)87{E#sKNdCn7Ed5aw)4yhE+EvABN`iyU&tUudW$kjEa`wHp}CaQC$C*=VRu1
zNtt;s)9cH9G7~m9Bz9E|1xEEx_XX#%G&fY+cD1;SQrsgbL=-=Zz&{RfcG$A@w)A^d
zQuZfhwxU0C>oeoY!MD9;yUGZ#v^)JOI6vU>b@v@*;-}1(5z5Ugo_tHjExV)DH-sZ~
z&6!tR7Jy!+-|~zHZnk)Y`ncWa#HrHIcvzy+_A@^$GalH0<TrIff)`Mr)T{cLJ~mkt
z!MfWNPOUEqjs9TrDxfmu4VaT*@x+mQK+#LsylXqV&sg+9iWwJq{ee#5p>m_O-FNH*
zeV~dlv-iY@IBCACEQi$0XG@#BRB1>su?(m^TpBD7`HoE-a`nv2H?eXl#cit1e)z+y
z#6;!MQT2YDC%&s`*1i`@z4zl~n-wjvMz0E&wsY_ReYjbef4=jsg6Obst;+sSzst{j
zqKuHB=8|G>2zG9qBJV419Kxk$xTRzrdHWd&oN~g|sNJ3Ow)Dw^Te9z_TvGf-iZ>~`
z$6qrKUk{1H_U8wD5b~N57?=5)Q(zg&RfM&U&ydgp=F+gj#je>z$pq)~-X%Xrm?NKK
zTxu09+Okv|RRn*Sfj>j)Y2I|pf8J9s^oa#JtD*CGzTj#n(GtcfvYjUQF}oF4*j+RQ
zQXUkPE1mT`Jsw`DIdgwOnat7FUvkH}>x+@2^C!-XsBL#BuPH7CH+mo0#aH*+5nZg{
z*0yq}@A`8!qC$1j4-xVHeiv_Nx-Z-o&JNzQE?zw2oP;egiV#!EJvgJ(i|_kzx&8IC
zh2h!3RK0Erg~YSZg!!zel??^c1T$%U)VR7PM}{t}6QvH7&e}6rLP|tta2tQ~VqPEL
z?BqGw=EwjvcXDlW_in*2e$0a*wyXx0%<l{BlTBP&39hN+GuXI@rW)Wy?^~W!gjBGw
zYUk@fqg)njpQUI|m0T0GC<=BSp0U=s%)jD?66Cvr<C0(KsADPX>z~A52&{j*zcaF-
zo9K$EmL#n49wuC=sMxYy=EKmc$y>ih!e_r^>^^O~JX-)~P2|ub>>7pl)D^5cbHX-}
z`Y%+~*h~tuFyFsDI%qCb<Ed|eDQH3C^`U**TeBoJ7j!XUrCM+`_w|#kf|Ekq)~1Zv
zqP6VIXO6zt{w@8v>&2>SZj}&zR-?&=_*@yMoQ|mv(Z!+PR#Z1TE>911TKc|tWv-M1
zHpezkzD<cQW1sqB&&8Im#N<u*zNWg&iIN#X7KrPij!h963DF|*!hJ?<S@+$1Q|gzJ
z4CPpT;Y&JNMi(%g;=;`_4#wMw3tb9<&t9w_UWx7*vdzyujt?D%mK3wtpG+NwU8~+w
z?S|RTly|aC)E7d_yU%KJxkB@NLb81s3KIHLeX9Hd$_>7?W+i{Oohik%)Ao@2kfD*d
z*!5xhvha0+vYIG)$>&5LA5FONOvok+`(&12I9EWMB?(fg^sC^SCK!3Ch+6X2{vk|`
zUD!@vy(}-=eX00!z<cns_Z*dp&dl0y9c?@43^=-YEVbxev-!OuymPS$Nxa!411-lg
z!BXu?lMv0)LXP^-#Xi}epzDN**0yJ?vzmn^#HEm^t->GVDYD;xuyd`r>YZXN7#YrH
z?Og87RO+ZZtJQ1o&J{^s0|VH{3fitxgT~{gxNfUtBgSRrYca_s)ySQT-Ja{p<F$Nf
z7U#2PgBs~dzP3tGNAv1<d$N<7BRBQvm1Xr;+QqhP&qaq)OFX@ZvJ`{{$~F4B5)+I~
zPsB0(2>A9~2A?l9f}_h8Uw^4iWFnLJ&a<<cHYDFwuhodjv!V1XQ=%jb{9GtOkuRUc
z?l9yuU3r!9T%FI*yW&;PF)6D@()%83=_EN5PA6qHPRdCqu6q(`3bTvdgq5Op)zuzH
zP6v(}l?@rr70H{?;hV*}%ht$xUwm~)9%|W->m(j16_}NqH_y};j)^A(C`!6HHlP@A
z&W3!_R>l&^NVF-@i?<iiD$Fhs-VbS}-SVm1@T#ueSP~bhAYv$0Dmk}%IQA{-*!#*L
z$?<D5i7n)WAPX}(FTp#yOwoMZ*X`RaZ^><_^pAs;a>WfIb0|-!gs0HHzhAVn6N&-9
zW76?KQ?50JbQCeiy)us-XD-djg}oFvA1eF#v&iNirJ8k5T6<U3>3k?ZQNb+Fd-<Z|
zIj721G#qFAnNr7Y$6}?d@?|#G6u!?D^xAz`)b~jgAIz0pi`crb^?ww_Y|(+%z%U*c
zlR~G&g!a{-Lqp1S1lPiQUvylTJvqy#vXYb;-Wrs+D(QWxf^T2`1pV+?r5~{qd)oTG
zXZrA<9D+N`RUt4vOVN5$`|)sL)!oZ0F<%|;eR^@FBwsC@KgOZ(%MF$P7$&SWhQM8$
zGv5nBR0o&Y*rya1x!s*#3^~0WlAyH2tY`BP)^7enRBz2*KQ~11BB)b<%;YU-Nb2|T
z81ckIrfRe~i|Ce6#i*2P%ld((wk4QzaGOY@8-|*NCLL9agW8Jvn9K$YEabnmd}9MF
z)gvSazL{f=dc!-;2eu>}$G$^BA4C#IdQ|lI*H488nUwV#8@@qCv%AQ7Sq~%*q(_y~
zE-(9}#_dCXWw3}I{m1Nbg`~`Z%)KcA>c;KI|CZp9C6Wp@0w&|MqC&MSUfh$Qe_?Iu
zkCw7iW$touZoWu<0&c>Q(&vTO+$jWoX&Q%n!Sqk>^`GZ<SKnqmZdLU{s)9yv<S`+C
zO7t84QEl?Z*Y{~~lsfkr@qzRPOWT^SFP&Oy{^)M9Xp-)J+qy|Yl+ym|s@>6Btj4jc
zl%A-N=V00+HJTU>(`_&2FRxA3o|A@?2JS#^*&377Xf|#G4;vocpg_3#&-Ty6S}ZOd
zE4&Dh;D8RARjV(Sr%+-e<46LseoqZpO>sbE$MWNj^5f$O+0*{$A7gUgB5|bN+}E1q
z1QjjNJNkk_ybCdJ7GiSWAdx+eJZBq{7mt34s!>S1rCjhUHP@p$7>Eckx&F#yl3e4G
z4`c<GAJ3{aLdYnjmKHGIvjYtQr=?32eSRH?L2p13e|v*pLoK7Zdm<+11=$UAJZ(KR
zp=KzVhItgjSXJNh&tcqT`TBDjt7htLj|us<&Zu(H*2S=H!e+9T$xX;?Dp{xBR2XI%
zH$ZSU#9eOMS|56zR?t(iJgp!W)<{o;PZu+#VDxM#pUI@i=TM0+W-Df?iPlhtn<eaW
zh?zn@1&^K!jPl#gy&{`%KX|VyrzqxW?7ldVZ=Wsc37)GM3cb+z%+dQ^UjI=eV;Xbc
zJt0*uoBeB(3Wud1tHrmy0fHFrCVOJ!KP0`J$ysMJC6Z>|U*=-+GrHC-raM~Ndh3}K
z=X-WbRIbf%eX>1n(z=>1#<1_YRL2tcC0&UT%Qk86EIV*ryb*o0wcsj2%X;gz#Huss
zv8<p*>_t~~Q|)bFYU**5QopHH;%!G^)hY-{$Zcn4f)_?@iUa1oF$vS%>Cs|JU$Zku
z@8!kT+T3m-XD0IL&laVuIRpl^15ci;OF~;jW0qXm68H7w7DTEG4j@gQG#d-U>(Sxw
z53_sgyRLWzt*^#b2Y5^S{Ib`?)W~~32_-G%lVjr5y|PQplJ`ve#!<F6b$sCA%E_WL
zd%iL_Ib&?R#G(q(=7VrY^FBEJwqP9Iit95}<NqR>(^Kfg%P%`s4C703fwxCVDYl7b
zGc5CXTNjfzLC^Qy`Mar6+!c}@J5wX$g(ZXYIf3{HIO+6KBvfBj8S5*qF>W!H=#cx6
z<m*qn;aMi4HB_+@&o;ZSjt@+<Q*fio$|{Ikl}g(CQi@ALv)g$t1XIXca>$$B)xFDw
z-mea^gci<*UdbsJc(j{pnm#-59Xre^KD^oRbE0lpT^%?M?ycXrzRpzJd4)@<r1N=>
zoS02%m*6PFPQ;&ak%{L_yxU&QQ^-L(lgl{y(tgL_y{$SVX-Z;i3}<?k9mwlAK=9s*
z{a)b4<4vy=Bb|)}*ef*1%H~r~CeI?{1V<TllbAY%y3K2nOh`G~bM)!@e3#<`Rb9g>
z+x3AiYEJ))=mu)9gXaNl4Spt)P1gt;?f9B8xEu96g~XiH&@y5{&2m*N;o~XEmQQeZ
zS59)QNJDR(a-m+O%mW+a7b{&qAcBQsF%|s4#;^P`YGIk~Irr16G1BrbmZ^Ltf<$`q
zEHx({SKDuFlsP8Fg}RYbukTk?hnVYTXp?7JpW7;az8F<?JN>REDk%QF&BS-q)7!~t
zb)^;0@5oP6WY&nYkX*#B9Y1QDRJ$?{U*pr6?ZHhMJ5>)>WcoM30G(*qXv+8Qoi@wt
z^pu3FKI{3+8;YA38Ilz*?wz*yX8QPw1a6#GaCZy6y6VAP5=d$lwTn*DFU@jPR!Wh}
zwQjm#3ib}AcuEqla}wP(%*%eF=`$s<%=>z3zNJM{6Sh32crlifXRRAOHggob>n$IC
z=t>?5_AH}?2u^Q9GvP~44Fxr49BkBSmk{49PJfQ$U6{*mU$zMiXlwqr@#St<p*U=u
zP_N?aS$!JMc}o<RWX&}GLDM#4z>-vnQk6~+vahQe3$KnmsTL&F8dyXW)VI{iFCwCn
zYTIPgqIZmkS7Q!36s?!Rw~8iYop=WG>22fT?--{oDIvCXgH2M_O+%1;a<1_t1q@HJ
zjFJ&!o(yrRR~qTk4zFZuZP#%4J$Mp7R%E|oRA(U4^bv?^A}jG%rKdn3h*R}frEt@9
zK!T6wm*{upW)z)kh;}_+s+eN34Ybs#(HmnP<oj6mB;*lcTJk4N{f?d~ALg18T@S}<
z;`=B`I`$Y_Lyq|hkKPEV#M3nar;%jaF#omlU?9LoHx3-m+YtUZ=6Zi)^z~9%euBc+
z+YFyZ-e{fo<PzyRX903PdN;(>!dOb-U$YYTMr5zP>fPMeIlDyatb{n%sd-8l`HdAO
z)tbgp6o`Yq&N*u?)p8tI58vSGPz4(F_#kX3g<O73Ds~n(v2Gpe8)vhrq!F`AK6e$S
zEV%N?QQ4EL=<%_+L0Ipd_4ON6n)Q(gH0&FXHj#MgU3**@l;lvzIDb8ZUP)(+-cBQ7
zC7>DAGG;KCm>-q3RO^q`8y`jz^R$~r4!E=8w~Hr!U0?AZfxx|5e?jq^=|kJZ-Hn*4
zgIlXDhK&e9-4fs^xpEsqy}pvX`v`NzGb`CAyPtOYB*?~Q06QZ|i^L6V4r6;K-;rE@
zvLPYDPLe%A@k&2H-V0@YM#wR^*r32}Ne3=+RY)AxIIz9BICM?9Hpf}d>G#}I=<>_i
zVoU;j9V^_WjT&9IQ0-(PZ`rn$*!JXb^2VBFy&~)4;F<2ak-<taUVc}Jf!o}LCq=0+
z%S2*4)Rr;)+2BD_judXj#!bf8mY<-{Rav-Xd*__q?2T0T_KretU2ZOmmR884=;q=-
zO&@N26L&SiceP|`dOrRkUVrko_)Ebvq?n#vcjs)MpP=L))MSk(=jFDpgYVnVt~gjG
zVN5tg<jF@lhXRw6DS1~y><wImDX&eDH}Gp<_3V2kwRTFHV+mamCf~;jP%paO##Dwc
ze}tdb_<OEvtS=dy{OBzv%E~Kzx-{FB;Avf~lrU(ZL+*Vzy=#PcQ%O<ZT&mO?^;XA|
z(Mv|lZZ^g=RHIj9+j9G}L?U>Ma7>)3;QM#YwX;>-k<(}-&#o^8hgwzZ?$An|N}h~W
zCDqzCb@}Ms7liLxQV8odjD#n=h@P-&7V9_k7BIeEW(rL=kuSkMKco2S{%K0Y$UVkM
z!mcv3!l{fEa!`n|WNfP0RFSv!Cii}FSc~O1wng}!i^M%n9MOY^T8#$p>uqXR-Y3oS
z?9bh+8QSxG)6$}@nL@eVyxrb@YAqi_c`~LuWb{R?(6BUP@BF;QYoaN?0y@5ys2P<k
z^2|TsoWH!osl7JE?~&eVbCc(;+T*OQ=ZTj+Ofi99%dRD2!MCfLyT_6#DL3kYUEf*^
zsc{V_H|jH`4_00oM$~h@2d56_QgSOk+dI$MaFPGu$zsY$i)*6mx<S}zu+2mUP4K5y
zi&xwh^D-WTBaac!jMQKLP;SK~KlfXvLh_V}Suzo&B5}o>W39E<cJ|G5C4P14rRV5*
zL3jAl)c7nym$1+rO=(?QH}MM69ON@Tspl_Z*<#**^Vqc2z5X(%eMvpASAKZ*6vh_G
z$=&K`4Lv_E)E_Tr-tJWN6ZRhLIvl@Yvr~f=f}ys9cpBcv6JVqi&GIpLLUMgyabM_?
z-%rrApy_=2617_lH<X_s*(4^yNx6de;|;hH*U->)l=`{3y}ctQ{@aogm&b`$a*Q86
z`%HH0aK7)tcXtn8RF+Dj#iZ;@=I`WoIKTCN{`&Om<Mr!_Tr}{s{jN&3uM*GXg8j*b
zxCv5M$!P@+Wc0lp)Ma`ldC5FYAg^W)OGy7x9HdqpwmZGK*miw=Wg^Zg_H6gmJ0@gR
zvv$+9z7)b=c_2KIkkCySVxBV9)aB2+Wp2Knp2-$AQEKl6eUGcXFb(tBE@<lP!y4E<
zlL#UCB(}5LeiMG`z3^2HV?ASq+O?|?nscvC$JMS-S(gdA$!$+CtgCW$nB6yvhwa(4
z)U?#x$Un8etIk9egwQkbo7e$?{^QXm#GK`dA2_}~%JrZM>_n$EF&2(opfOcWSWdCe
z<I?eQ1ikiSC|M!jIhwTGJK5(1mMZv#1Rxl_5(B6ctU-f58Jeho_>eD83Y+#N$jl5x
zN(w?n1tA0hA^3$j%)nh6vTGnx0389iIUpPaNhDGPVbH{K5%fIO`%`1+-7xtFgD7%!
zdHSPj9(gwxBzk%z5D#$W(BA`4O^uU&?Wf;5fO}ay+3_2xA9KaUXT)96Ka<D>TUd+%
zOYJA}(^y*;BQp^f^Z`_F?Bf!|_io}#<h}xz6fsgNRNk#b;}=0xu7L$-^8?g0GL~Np
z=Wlh=$e01F*HE@$AbCl=f20{I1cG{ZMCtE<#DM{6H+<ku7>o|=s3>fdzo!$S4Aeg$
z&(|^lRRNAqm&VIc+EhN|?;l9M^oLyfO9N1PDanr7`vYRXsI;ak6AS0AX?mlmv`_NW
zNl>m~)~{sD2Xa1ft<;b2E?;S;)@Y`F%-27l+J6)GJ9I}TfXG@<IA8Z4ka$NlhDv-^
z<O7rx_q-hQEXunHuI-jJgN=4R2e17Dr*x|k{Gfcw0)e<XR7{>l8AtG%8Ft+SD+bui
z3>~=t1W$?y3H0B69x<C$OQ~p>1^z4N!~dWU=;$X|#i0YocWD@Y)1W}0f)zTWLb=p;
zVkWe{`_}MI=N_XH^9M@?E1IMCs1`=^%0H&dPd1O8)Fh0S_E1<Z?Z0ZtqM-5*pcGcU
zv>@?&auave+~=Ng(0Ic$^lEH8-{#C#*h_SORZv}6tly;({!AQG2dZ`UQrJl-GnZ+4
z=Vn9kTIBGwQT4MhQ|E4WhdnMA)6O%E4abVzEGlCDEoUr@o@ZvxrV$NaQ{^KS+qPLx
z_lNomye+1V&@8;8a?;90KMF4G7Itm5L=WoV_~4m%xji0L6Lw``@e)1Iug5l9hj&@5
znsMMh_^y~k=yT#OK`qqQ?MCQa!~B`uX<4T!yVm5X_mafNsa|y}O1ej82!Clrns`tt
z+m3$H1$s5R_I=D)5YokMJI0s6@@<2}Z*r$fs=)4eLLEv;OLneC>NiMJ<7Z+w<jsA&
zW2<a2y7_&jqB)sALFV7=e@wiX)%o_n*n1DCrkZYlIM_u65$R1uT0lC|K~aJP36juD
zP!SQ3UPH5iC{?;Z04X7aD$={sdrRm&p@t&8gWvIK?{n{4ZhP<g?)|TuwUW%4e&+1i
zv(L=lzwNiB*igO1aA;=Rba<J)x^8c5#QWpqwnAdnp-KFUznv{~C(&>?1W#SMakx!B
znBC_fnQR3deJP%TV|@<HPsX_UDekq5hwiC%+Os_{T~#P9=1AjkoZtW6yX%WQOU%%?
zMCy65mr?xz^UYHmF-__**(<9K-Q14)5-~_$lpnzHe$%VuP<TI)+H0>0mV0c~SR%%L
z9#GXE?L7#V9&ig5q7EXw*o#dJ-MiqS4?7)+@a=$mohEvj*eKptn5`Z6&iycTpbUTj
zX1u5)9K4^Z_#+&WYjjO-QO5}E?R%h+xs>=@_HZ2}r|r2Q!Vl1U+%DV2Np@beL&@SQ
z(4zK1NOH*8gq*ewUOm-2jQ^r*>{zN*F3DB<vXCDj1Y%8eTJFwoZ7R$ZpNkkb4fAA2
zEh^HI_sxO9TG<}YoaQtoN)G?l4$B>1w*)mTTkH=|FVGAogfezb($|MrF0zxTJFM{0
ztJ4p72%LzwJ5d~xtZ~2O@`u#cIV?4hf8JL}c4jS>XE4(5eC*oKe&x^mjqG@Q?_EFV
z>lU*`3jYD}&)j7QIkkE>5hks;lK~7dVaGE%v>*B{_nJ3P?-psJcG**Yo4gZaCqxI4
z_H@zv0b0&Df(QZS<-Ab86xq9=#!VU^CQ_j~{>1<X8u8bCFJ?<T&^BpOU?4sL_U^V`
ztZKjDTrl>*FY11Xi+=j&8=tj4P$U9+6O*g+LRHJTQ!YYh+<J2ouKfUIW$$w6*Dl42
z4TjuRq+Rf^-+S~M_5B?xrGbiC^KlbbR`%(EyRQ6&P&9x?-ti*u2%wQ?)eHRIcm6_?
z-hn{BZGRyQJn#h8_cegI5;+Zylv7@Tr~;biv^rjjW?71*iJ#~qQdlj+^xgEm22Gp$
zfoZcJ*DBUJ%vr6L(ui?<2a@afc0P=e?nyEe?>Wvtxal*HXpgWkYbbLUZK?&Q0dv>g
zdFFe7BE*URfBxtIG%Dw0#IakybIyPG|A(%Gi*}S(lem9)7&9Y)>IkfN=s*C)kB9R*
zuz)l*GXjwuT0rb<wk>mfx6kv37&O}s=ShfW3S-toSvN(_=jSh)w$^qztZdx;`c+4+
zLjD|B6AAgqcqWZt5~{1j{<ehiI6IR4O>{^ykbx1%cPGj(SrQ0l&>)q2#VZ0P9#YQT
zmC^K8UJ*Ve=mWgbRd`)k5vIF`&|I_#6Ba%(^(62-g)|c&5Wpb!zJ8?*{XG)&Jn&Me
z)ES@VU%CnO{TP;~VeCQT1yY3z22E}udh+!lBG8yz?fa(7HL5~)y@Jng@$vf^!{4s^
zzrkTF?KSw!@i#Uk;%FVJxG58<$M%9SxvyabTVsxzrgz8pJ4N@~pJ&~eMK#&QW<<)4
zT^zNzJ#A&pt4`WXFk9}-DxBPMk=a#)((i|e4W*^v_DQ8TD-=2!P57*o#_eZ3v<S|M
zo~}X;Dy_9H{pvaGz=6~<eh_m*Jl;Z0BrVQFK*1b8V}-p#elGN=PRhA*TB=331k3zh
zVO|1#c3_B56j`v8-r_SHfh*ymA8xgF>2N=s`Rw!PObv}@pw1<=v)62T+f1&jnw>w-
zq${^X;u%mH6IqiH7N&{A(3jIqPbM@BFj96tR`4~h-~iTnP$K{vX$IwQ!XF1AEP>cF
z?!c<g`Rn6J0@7=v{60-j&H>mTbYV$!Q~C(Crm9oN_>(v!8mzOH4-nSYbp*Ds{7g7a
z`YMAal&`u{WrggeK;=<>PHoTLcQl*joiZ7kbvewtQZ4R+=j`#Q@24iiOG<NcFlN$_
zIE}l+y!XwdDv{Zl{RG|9Dc0ZS;XZSNY94;DTrtyVZC;2>oNbi{7N7BLn+z7w^j8&p
zFT@!;{8n#}fP)WpjQNlc*0Aczt=}6Rjhi_*CZTePOrN#+40~K}UidbwrnAh7EUOAT
z@TkJtGLX>7Xx54pGgkN)t=PbL#+tO8TrKSNo;3r{?hTg;!G?xZvVp$ga0j*>tVJ-Y
zI=E)FvLKu3@4PVdAlo3i8SX^DaFkZnmfzqBpPqi9)3fg1Q(Te>scgLT;57zHi_U}G
zz+|WAj1H>76zg_;6)vc+f?eR{zAc&B_&0?4cHY8iw0SY?sIgaPGD`9y+G^0SH%N6^
z6&7I-kr$-FpV@dH-FqNkn<IFG3>yl^DA8R>w{EmvuqYx0?*=Q^#qKum1O#YL>bRm?
zu&NJm@QS5Lm_yrBV%j8k+#5ATYGm4W#ft#7z>$W|>~s2>P$A2U>1p9MFbBAPs~Y>W
zJ?IF(-$+A*)xfZ}7Cj%XC!nkHOBsD;ZC2(eqBPq=3FB_UrHY4X?k744dI<D4j<2$m
zFJ#d1o4~au8|H@_I+b8xI(n{zUAN9Orfq#`u9`(2r)8|EHUC@us8jNEWUm}aUN|_5
z)+OihPu6ih;}-^U>D|50mxBGhf}Ka^umiEC8l2LdXUZ2Hbwfp*Rr~m=9`Tt)HkU+p
zS2gTQuZdpMh3vB|&NemqI@#t`b$AB8`yUel&t0~K<!C5!6EK9h0AwIiRV-~S=)Cwp
zWURj>{^hNvgt|oh9V62nUI3K)0paDthi2zLF)}iTGJl|b^$Pbh{A-%#zm7<ixB{eI
z{|_NmTnAlw_~FFEpWpXTVg2we<aA*A!Hcn~9OKH+yEe^RDVn(>)p0EO`|=tMiZP$h
zG`hSn$L%z({}FSXZSXJwOX6s=>0I1YWITHM^}MV3mV0903z2fge8Pe0ZX8HtG;xsZ
zEppJXc+`nl4Vifk`d?fP*I3ZqYR9Ad0~C5KV)_AF-gOflx!(@SbNw%zEPoEAGUU`*
z(CsTA<BmUQ`tkR?W|OuBuVCoWllp$v@(=gRKUjYN{i3wb#3wz`u1%&X;b(dhwL&M&
zBocZ5Vup`xX!vO@@FyG5$7Gsv!i9$WkuV>bm)4=-bPxOxARv_vah32@XYdqdnyT}$
zn@z&nqJ}27Bu)wDoYe*qp0wK2IUg%-5(&DWueEmK<u6pm+_U_|O087fwP(@NOf3%=
z^!%^w{eQ{$FMj@5`2j7-X&>Wl(ag12l^cfH0)?{i_a;ky&;eaOVG>MEy=C~BN1Z|l
z7Jmn?U=;}JqWgzRjkfO5)ba!)zIJ9Qjbn5J-{qTJ6J}YTHGk<z5}+7_eHSXt%CRd?
za0bKSH*qk7yDYMVil*6U+$=O=P4}tyw68mC*F6-dwR14Bltpa&qC0py*U@eCDNi`F
zSaUC>L)SeSE|lL$u3RMyT#z;xMQEkmC>_}i%XQzDdIWjYouGO;7gClO)03b%J*1?X
zm4No3)ujjh0uBBzZu5_ei~C}-w%vT*HAj$;e6ga#OCgIwQ(BgHEVzej?j}mtnb|6c
zx$lJM>U8u4F+HzE_|@}a`IHnz=gI-4Nc{Zv;^DqnXS9vNd+{ENX;F>%$yJ?$r_F}l
zx#mhUz82;B?Irb)2R#JGcb=osxDDFyAZb-sHBKCUainb*kb7&RT?D8jCfK<vi3P4)
z%-RpL%?uo|N=_tbve%ViYqieeq+CBw73X^Ld@M$)p+|xY6*pJ2aaf{$U#Xf^krPif
za=?S|bKZ3?U0qn2=4s#fx?6_i%+>I-^Vl!x_AQ*2mRa++y1OB*!sa0_YVs-)c$djp
zl#_hqY#4!gfnv~9O0j?KACMqZwS#9roZf%y21{Fh>UmIIy{DjfzIA{1MKR$`J+3~}
zcx=FMWw!^*QjRiO?tPP3Q!sfwc45^$W>rwktER-P@DM64h~u8LXK@*?+f%NuzM-eC
zXkyAVxw|~$xqb8lgg5LZMSJUQzw!+)brClvr{x$S(s60YiOH?z9V^u|CP+8$g?HM4
z+E5*QHse~jkHq!W_oa{3u%S{LD97@|8*O_zn__|0l7u(YZpH7HrC#vyfW;?unn#+;
zXftE7r9x`@BGyOa<un5AWo12NI{Gam=4^D)&&u`@HEtHF^74C|i?(t?h}O*?p!1&I
z3NKRTZcnZXa(TeyM6=^PbfJ4$d{4E^gknXbQa1(T8Sb+av?4CW!Su*IHMYxAYxCb(
z+sEUu?E0;)A`dCrKmS2PKLe+96_d3O{SJZ{o|rrCaoG;MXzF%RzWWk@_XeP|mYoob
zjybc+3UzpfpKQV0aM3|`om;SEdgQg)$eZUckG%v@Q0HBj_#kbi`jJmw#Tbeb(JJ$?
zR-Nj3!DnDs10eNM$plULhU+6*1#lb36VyYQ#4O-o++~Qqf-+hd!bpSjSu=z{qFxrs
zFsW}!s7`b|Am0|IZ59qbi@wz%5To$w_Edg|QXpO^J&2ks0@R@%iFh{rJTvtKUtXB@
zO|>@^421bNbB+)pp8NDPC%;nM0y=)&z_=~Q!j(IC&p7Bl&P75b`{gkp`rr8cNxvX6
ztVLk|&AplUlRN_-HPxC%=oq1|qeGE83VsicM@NQynvPED0ev&XOsRdUyzrHk{8}T=
zTv=jZfTCq7dHhjJV;33Z=+M2v85NR508Q(3ZwRKRmb1K+j{kYMljTMA>9kC-{~Fbp
zg5Ry<jGCGfYA0U*BeaoY98b-y_qaF)Oq#m4p1O=DYaaR@_y=hy?7!`(BnaIQl(uTI
z@5VK1nX}H`PnpS|!>fGq9A51_cQgWD$>KBa*h+o6tu3G#m_)~?VrV4_)%2omz@V8)
zt!_(o(=nwIWWANauCn;)(MB;8Tt<R-K9CbVALtq7W%&HNg{t_zf?u<N7w1Yqm7<29
z($Jo`l`*U(=wP19+Mt5A7be=_*qyri7GF!dr!skQ_1t9e&~A4Sak7U<88)5b(7yxI
z?{LIRHF!1(8kJh(#l*N3Vts=uvwZ~8@p#)a)(uRyG#jmCGus*gYfA)9>Fs;Or|e_`
z=7@QTp+8671kqZwialRKD)tn8kb5U8$ih)V%M{`vLuVwfzvIe@PAw-%$-}7Y=2sJF
zZ0nwN<tjzCIpc%e(%Tzb)Xhlz7f_Q~se267iHV80;l@Ge$ho&8cJJ)UidtNpdNk9f
z1wStJ16Hyz6^l14jqzpibl`$d^WTbA87s`VhMS$Gb`;-POZ9Hk6&7I)XeV9evduNG
zV{U-;gIQYYqCGhjQ5z}W7IOtt_}O`M{q&6-isfMOCzhTOTGXX2J80dkxj%fLt(N}*
z8aK&sS>5uY)1bC%iE`P>8PmjC$7j=-Gu@Hz2}3m&sZZBrVQM*RM^9uw!d}K(+_)jp
z>%1H;Cn!s56+Bm;cs{AtEt;Xim+EPu0*A8JAa<Hh@_O0iq(G4h<KEo~PmXUcRlJ_{
z)4pSoN;e6F4E1J7UnYq`i2C$Kt>C6ioZ$EBby=y|=1mnY1ttqM-zqjry#hO@txd(q
zS$^rxI4Qvc?b;<lH#S!7tdgk>L#?#%kfzxfvn=lDC=CN*CBLC%F<n{`G=g=OXGlct
z#?dJ;S9#`<c1NvAdI|ed8%)}pBGqP+HA&?AV%fH6=>)6Hay+AUikv34kbxN=(0!zX
zZ;RHDOHlOl^splG54(%+Xwc<jP^$d}C8eKIpu}@*k4ZeiA$)2~kOTgP1O7m_+V?v)
zLz0y1egYk-6OrJLJ*l78qli=CEyns4WM?tFE4gEZR8_K-VYhGaxyWZO`({2OIo#rQ
zYR}T*_?^_9&5f9^CRD3zBie14$rgMH>NZ3+<bDD9b*~>izSi2s%YXGnY8(|!gN>9c
zVdUwSPSHwPu1?RG#8oI7Z&4kj);xQzsbSkT6REd<#WRFvPkAybQc6zXxl}Y$G-Hx%
zfNkcy63Pc|T?r4C{Q(*-N$gQM<;^nbi5v>rBoTYLpgkQytRq@zLqu>?kAV@=&<&Xy
zt5Cvmr7CpCe9QLTDoW3u*GpRyQI#Lbm>KY#M2v8L)JP5N^tP_aBk70<91T08vs9Dh
z?7HVTJPuB#6ny)%5JIWn8ikg`pOxruy1fMYg<t>5-_GZ}xSPFCy~`}v)G@mO9sm3T
z6q>x~|Nd8T0#HZC0wyyZ?_9V)mjC4DGQh@O+46m3`_|GEt)-_1K_`D!bFuGUmmWwB
zz-3BBUjk*m>(Zl8Id-#89Ym*j^&107^On@L2}<76#{d-FJGbplxzkvm{0R$v?JKbB
z@k`QmV}ak<ZC|t_r-2&oKPb^rHq(O~I^?18qQOv^r<nq`a|VVlKe^!2FpzS^s_14t
z({baxBHkwErJy{>t^ViM{-USKO`mIikQiop9Qf+LH}m6Pq%Yp1nj;kiwi{ja8$Xs%
zKm^$t?pLSgo?A7b-^<G49fJ_lO0ua^AEtCyR21y<EPLtk9;Ce8xl^Z=VP{LFGue%;
zbyH+cylkZ5eL*J;1Gn>k>uhP`hSF1YMbUX)CGt4hPY$dMR56*<aTp$&S6>iG$=0&#
z29%_u&?I)0qV7o?2U9}@gLR#!s(ROCcZwA%BbT;x<OhhEuYM82G@qjx5T|N(=R(n*
z;nzMSS3wz3C<Ho*4}1M~^BDo2fk7C}rxz#31*AqGMf|!^hwr#J679eW*C*ITNv-=L
z2IN}*RSBfzhw>ywd>V<dR7%>?t=6qUgMPLad82Tpk!eL8dlF-BQD>9U5<(Z*MknKB
z*{Ow|7%P^V&I!m}Rx~`B>g{3ZyYr?7DN;>Dv%GE%F<6zAb*BQ)T+YzMK?FrQit?Fw
zdUF*ysU#;u7~E0<+*}x(pO;uGa9HS6_PUE}TV5(jFWO3hA$ohLG!XOs{l)WF;EJ3{
zlj9649VaLD947EYR|S^J+_Mk{af>p-Wiv_y3{lf&q{E>d+&F(T^7~G--!%NYFF#Am
zXS8vA{k>k*O;zXvYw<mWg!>!cB%d85)*#td8BVR<sBHJ6sGRV;>04;yP~!=eSXu_p
z@6eqomFHkEs&JYoKbq{M*r|TCs(8VEX#4W=vUa<LJ&P2=hYKnx9jPw^?0#3^xfp!s
z@jMF?m37`+MC#-YS&y%tDyZ6L{5BHKb>CSZm7Yfq_NJ$%@Sp`V;jQZ8`%m^{%Z2Fe
zUa+p(aMn~vZpQN;aoAeJvU29(zS7^+WWwEJcPgS08=qv~9oTHot^2REC|oECIbA|3
zI^b?02KDoKXJ60Isx^2rdsYISTV9<sTzkMnOgQ)LfU7R0c5ckXj=5OV^Cn#qefEL?
zFK#0M4LA1O+uS@fq9Q6vB-MCoWqBGma(=@hh+|is(hUb-mC_BqQg^Ijsri6CaJZU$
z*uwPqhSemJb3)Ianp!J0M@q|_B~EQ)0t1KpBYcPn4zVq64IJJd6&5K0%;8(VPks=S
z(b0RuEsiyD<Iwodxyb5AKR}!~#N5lDGxy6M({&L1F-1xR*M0e}>FcRcBc@IrCY9S%
z($^{m@hHBeJ$4@)x9*eCr&8h~N%8w<o?pE;(be$Qb@A$FU(PoGB;@$#w>6i8FPwj7
z?p?!j2L3-STg&BOI`#O=xJ^kdO}E+;qt_mO4hTGc<Bu`=hk@gN!Y@4jPrA5c%rraf
z{a$5@VNIT4Fu}QaF5<<b7o2*rgo(`hIZd2SM3Sz1{5^zLk3rh>TFEB49C-O~LHeP-
znfQT69QyVz)>BIG6&*cqZoJ^tthQ4*m}OSs=8N7gFz$+K+$l*<7+-StUb8|D4dZ0C
z#VvSE5om%vUfyvral%dQB@*_{fDl<JAHX!&gJ$svHn8Ut5bz90?sV<%PqHf?PPmej
zlVVN%eO|l!Z0V$usPTvn(!eV~M6fc_ATHus#vKXz^sIx{UiWR2_pgaJhb#$^mYPX0
zk?;(1Ba9=_JK(zriC*Hn^`|8;B(j}P@@%V=DwfG*E8J?7Gr0IfCgqp-jFe<_Iy926
zC|nD#XG_htr%(xJhc00no?AY^A$2d~9{3t#;Lg`lczpKcNNscR)7jvSIYMa)Wuf;y
zs0H+e!@At*uR_JzEl#Go?u9Clcnc-Q^pw3J6KyO$$Hdem-Nxd9OMwd;bHN-wVp`e?
zQydbV(mTw5<I(%~&hz8;P<n=&QJY+B!)0-H0kI)bhUA~Nu{S>?)j#XSNp)V1lo840
zE3L0rE)|?7Z8CXe>i1WD$!4HqLAAg&%3)OUiXL+2lfzh3uwbFYjaV9kCw*qHtTepa
zTmrmvybHx{YiR^+pzkV)T&j4c<>srRBlF}i!LHqEq^k&1iY%0Q@B<`1m0V5lCN|;f
z->=P!4<cm1Y>e9Cg45Ht?JV_szM$=YfL_378Zh<zXPWWhMVXZ0ZZ&QJ#tdU!AG5J_
z0=O=$folXOH20o50V=ki;2vA<&o7;=k=iS{Dj4RKvb||6-<eRdvNV#4h1n&}3p;IN
zU^143zOwXc!64J^c&k_K_LL4mdJTQz1T@0E*!1*CA!p3qwm<Eqh3=4xU(nzd1}83N
z4RuHc_oqXSBsw==N+(_&pGZq*G6c<~o|b_1S)X&$8DlQRJ_MBi9U^#pl9*(AV$r7J
zV+eoza5122<@nB^gM67zlCBs@hs?cKktgCg1lj6y2IGU;nPC3y_i$;G+qptx%I6l;
z(i?QPwX7i4=_OilxK)+NoSV3utcOzkJ*8|(DMTivgt-o)qtrZ$)vof$rb;>K>rSBc
zaz;a;6taUTG1sDPrg?iQ!&V5|sg6Xxer)W4K1`SfdyZakuC5IxwjE8+Sb+;j@|SRQ
z@`4723%;X=qnhiRa*|TW?6(+8l9G&>!2`QtFX1rva`Uo<@XU~*-m*xHth4-3SR_-k
z@}y>1{r%Q2YgY0@N{{<fSoT$Qeb0<OaL!OMdYEwo9^#3a36L#+hDSu!bDcs*p!<Z&
zt4C*0@JR;Nk))Hi4Pj&k!x+m{r}P7`R3n)ry}0@&teApGx5Q;3s15gJ@qZ9iDk<N%
zQdF?fn5e_eU~>Chrh8Nek#4@_wfZt2mR0c3!>Lv}eKnK0yCglw0(_YjkwaFoo;FX-
z4|#k5>(H&Z>9T?56ll<d?;>OPEWA4zz1!CK?bP=DHwCBjp!uaiH5h0?m|N=nWGBqA
zU%D|$zTqkJHmcmZRO2HiSy<cbh7~2XRQT51-o6;0J&UE5xz0=>zq@_<JQ=6Mce8T+
z2S{)>szOm)Gat)@@Ily@2A8U7v2F{;8M|jWH>#=)GJENwlx8HwO>F^1!u~KU+(yJc
z9pB+pAra`ZIPeiwse-a%@ps~KRMyETREmr3<swJNl&)6~?)!RYyl|Q$#50Elf?LoQ
zWtRLjuQm85Tgc`4Ly0$+_$`8XM;=>7*Nu2?6s_W0<vG4{Pmqk<`&>LB#Ea?u)Q$-C
z>$4bV`%Qgy^IowpLu5&KP6~YyxJ*OA`Z~~Yu^Mltk|YZQ-^xYcz$GyIdS*eD5FrfD
zp|2s`={S^E7+<hFGJ@Q6)sb3L=jtC%a$z!lcpTjFyAVIe)eTsO{I-O48;45Ref@e$
z>sM^spDPG}<@N9nRi;<}@r!@B3jNm;_r*GX+oyCF%9mTP?fxl0L-HijPq)bw(~@-U
zF|zZzzMH&w)%Nb78{#AQLu7|Wt`X@}KEG@(_H?^aP`j*}{;0;gGG{Qsm6=Do-8stl
z-2qfFe<@51RczZ?bv;_JsMPF+M{HszHqB{nw~CeA{K(`!b*x`sNFBl%tn05mod%|3
z<x){mPF%rv8f|yN8t4zUdy6km!}lkh;&LWUB-oJ{%z^!4eo|qtY1`dg+$gqUZo$xB
zreK#;q?RZ+ekt1;CgQt9$NL~yLcRF~QG_Qdd{<^uztItzSDIox+#9)(mE_D@uavrN
z#+Ke973B;C!;BNdI`7sQ>@gQwbYZ}SPm=&(UCC|+1qasp@2|MyvUMt<4yx7uwj{Tu
z(TVIS!ECnr3c5`-3!^*tx53TdWUQ<GrQ;03<`N<Mm@cKN2o4s??JpQe{Nheni4K$I
zrwpF*45*;0bEih%JlQ5=tn=MSeaDt=#4<00CT(V}{#hECC&Z8K$===uSr%TE#lazz
z<FtB;Y?SE>ot^Lj7wj)Rvz^qKZb-=O#ErTtEsw{gz$%wJV(B;~OEpWS)eK-laAVGR
z`TXHybQ`x;%@wXHp6Spbkb5eIEk$rVd^weCJ=Ua*md@v!QrXXt{gIV?x)m;8%1{lP
z(hwHWxoMtU=GETa4W%1i*E5uu;An(ubJ{_4j4;{~5je@k+sqxiuF}?3T&5dUOh<BC
z;D>IQ%5~1bcbvKKg7Oag6{rbl2wgOFdG6WKbrGzRa3DtRQ3FemN{3$W_k_{A&^`TL
zEX-+AI=v;e;G1Hfo9(%6?jIm~#~JJF<;*pE^s>3Cap!%sB}8jtX{NlBxEojNZOiWG
z3d(kNW$s-zlf%~+iLJC~tzpG0r-t^EeGInFPa-2B1TaKh6|gro?q61Tnn9v0gxa|p
zTpo?}@_@mhMV=dtN}V|=&bCNTWDk)j2@_w=tQVj4No<a&*2TJZ-OY84O=?~@%p2&=
zb(9w;N#9g}_~u^xG7*tt+mR6|Wvs$0DVdz5CC;1M>t)t$Dzznlrn@49W=3MPxKql)
zA^dHt->!$LyyL>mRpg2sj9)h0-jaU9QtLrAG{KbTu<yNPI5Or<SZ9U`Sa+?${!OJW
zEZbRE2hi`V+u8t7N)8l8J!adKb1|n|p_PYAybTd<zFdV?XNzG@Ls4rZ4Z2>^txIp_
zafl$WCYFJRF^h*!T5)V#cfYxmvIGREI{t<G<TS1SwzI(QzxY1$C8*`)f1N4(6KkOU
zgQ=(_|Ap6B(HcYsN!@O*p$UlV<&Kh&GZotA+M!o)k=%9}QG3^}l_Kjl-jh79CisGt
zPsn%nERO(*THb@XEvvu#cuh*(PLMl&r*;+(%D`#97^aTUgnM}ly|0unGtKp6U0>xQ
z@YXNF9m9HA%`ZKO=+&t{co=(#8TkwhcxNBU^#cYr4GFwqmg9g+>b!`kGgO`CVK4jK
zpGQL~&acQ$>vibL)Cs9SFFt`;we0PcWN&t{m{O|pX_)C5TZ`)LtpsnZ$4gvE&0lzn
z+FGm1G{5t%FH^PMu){;R?aD}mk;Aap=e`$XYvL2zz2C3uFc@gNt6RQKoiCX-&#=bM
z_TG%SvT^kc9#F1GSK_A>(NlG&SFk}|sYtR$YR@Ca+iuQ7;^wfLx7Bpg(#o*ixus8r
zLg<JRWJEzXWQ>SNFSf+Hn=z(WeSo*vnwSgqKL4ESXv30|_HMxn1}wK}cP(lzp;OK@
zAly@XYQt;vy(=%7l&oghXAtH_R5M+{&~d6u4uQqY8r1EswW65~w)4X_8BVDSNLY`*
zFAopkTnboE^CQncGR^$ne^xyA)9Hv3jJr2m_6y|eAb_!aG(THX6uw^L)|sGa@9W+l
z3gFDxBgaxB>+<tHnmyNYi!gK}SGw<CqFX*b4cLt?CRtO`zwg09#<c09)=Q%7c?3Tq
zOFO9E*(0xNKZT8n<nsG#71S7fnlHURUf&OvFQcd10Iii6FV#+Z%6dl{#zxN7z_Vdz
zmCaBy`ul*1Krm$mavooTb*9ve(!$|2BOKWV8o`!&VdU~hS({398`j*hR(#va7MfV4
z2;hg(iI~TD`w`b-=z4ES<f!2=bB9xkZKqBu?zV*HoUeB8EVZC?1HFu^j2i<(1ra7%
zTC6qSm&Cjh791~qXc9wSt`bbN^YwVR%E6SYbVQW2iDbSQq>8Y)WC=ZYV?jOFsPQa7
zc?E9YX)=w6N;I{%EpBVYGbzcKGbu(RPzGK)j#F1npw!3Ykb7l8jIx&6kC@jor5g;)
ziV-R``FQ!Y;l|QgJ$wFPE9sGjLYWW6p9{0$bdG!)A}CGN+?ed-^t;H-xXY!!CYCHM
zGLqui1|B4Zw|@RR+5I<%26PVkc|Q@i#X{nw8@)>!ZA!%_Ds*x$1)+4bKBYHnS_;iX
zqoen8`Bks=XZ`BiOSJUxQt_hVlso?yxrM}Te(%~NmE`hkmJ^^q`K<aUvVs3}RmT@Q
zWrjDPil3`P=c?M)v#al>?4R3ZZg9r6?RdqN>%w~8lxWD7TOsWOXRB@e?uiTI%&ZKC
zqjA;{C&&2G+fuXA9kPIQ&^N{lKOzfW++nC?2*k{l2_`gr<&5=|X-H1Sn%i>S=2Dfh
zSi%gdU}3GrNrE-)qtNN0F6XI&mb4*4pUB(&Eg8^dtqC01l18fsk7W~?e;w85(&sdC
z!+QR~8<aiv<mK_@n-oT$CyT^MI>PzI{<%HLT0Q;S8w;bMf(*6ORxJ8@!?JFb&~OYJ
z-yVsvx$l^?rQI-dZ<0=Sd?hrZCy)zlQGyxd34R-%UzBMJrY*+Eh}po?CeVhqHvo&p
zYSicBGA<hyh8dUVl`g}3k{B_UD}~Ke{00q`M3O9&B20P2lhl>@B;NMPtqko4f1qpI
zagNB)jLZKtdz-f>JS|^cuti?RbfD)Z;Tn+yiR~Imd6yG3d&8rm;&A2@r_5#EVa*`$
z<s>ND@tqQw&$;u785Nr;Oq=VRtXo;Gm}RU%f@41xSqTGbF7b*jpNYhrv>S7E>8l_y
zb$XAUGaNJ+f~77krFTcF#FW`-I_$5GjGS=HJSWwUGd6gjZOM(5FU(NgR^N?Gs(o%9
zrX{d6|0t~h5op(Ew<qMflb=q}uIo3b8)&N2<9n~c#vYy)3%9*-xU?JTDfo?ml{9@m
ztI7ofTo7Jb3XT_<a(<;En^zEtFLfy}b}1;!Ij18MXkPso#joM_19U-UQd4ch_%hOT
zM<KIo1oZ1R`|rD6@^pjj&VQ2G#lM2gKK-Xj^v?xP0CoZT#x*HF9gWkJTp8!&W&ym9
zS3&Me0^Y}ey2t^%kMA-G|MWh-Ci<vE@&wD&lUh5QGm=fsZzo1B0=gL&zWuK(=CUW&
z`P++xQ&~Jy`)}u>C9#BGRaJf&B#QOT1N+HV_w^LSdle&g_E^WT&atSI)U0j}#0p+K
zQL|stHv>(~-!6PJYjt?JCmz)jLLVt(UCh|>HZ3~MS-_t|Sv(1ODZ3s6kF{tKNx~G)
z$7`G(-cfwI^#io$P+fae-8$>3!SsR~0JDwTINKroCL-Zl`ImxBd@lWbv#KDmk_#D#
zEA|x<<5yF*VB+H85&X`mz&|G*-_GnzCryBAG*!$p-fq#LF&=C+@oT7TScuba(2<R&
zn+I>0saNo!Latzt@ovR1sH*EVS8)r1)~qI<BB$(MYUBG;vFN6C7ts0iKPcol|8KnZ
zQ{r9JwqmjlaL6AViAZKP{e?DaMGXHRA%}m1)F)+MU-%+wT4Jbwnl;lSriC;zgC6XZ
z&d)KG7;W1RHXm6xnu1IP4C!Kjy^_2xd0iG>sbD_hs4yE-dbRZGzf6K|>?Yc`?I%2)
zdOPK3flL%zmQHkR8~HHuVTm6<<JBm(jEW0m31h>!dv=!0cy)?7+;O;5kgE~1&DvQy
zV{^~uo=fEXx&kR?TduwNLNis*|26eb9l*3@cUOu0*vJC7m+4CNh}(V`ccgm(*eY#*
zTO*$h<MDN!fj-vQdhHPNYO|uM?FT4i?~-MI8nxI0$}8pvh+~7puywI>=LhIhtnUBC
z{yWEkIzT-qYR7x6DOT5PieQ}@w;<%p#Geq~c@tA_uqi?CD(4!cDZRG!f0N?>F|Kk6
zdv&Og+&~)Xk*Mqh)0*GqZl>(+X;!(zqjL&Gny!2|T^T%b)rXJO=%;V={|o-F7zcKz
zNk%njAXae4e^K}DQL8SX4DDp#T<A0I9$*MqVw?KaO;?4uew}P=btrMtSS)<Ocx3up
zKG$QOFyz8YiHFp`PM}zo27o#J^8J3xDgJ9gb2|>&=+gg|0tOcYr!fr=qCHhzWzXB}
z8FW}xN@RO2;JkSR05kIFs3*EnTdc)-!#={no0GwUh64^`jW!p7bL9UE{!bl;1jB*F
z8b+nimh^{Zm^Xlvf-9g;e~7&QoB)-qV%M`5(~Y|<jDtsS024?-#ioHZ^Axhf!O$vC
zom>1ieMP|}Ivea_U@8+y;<Jj=uTjn7nrR<r$hCfCE8D^5*xuXXbc2}jDCfI$gWO)V
zSS$eN8f9d#yzUF_OBE6?i&$n&NwzSBTgYX(LUb!={YNxEYYWbg$$$-4GNs``stTPG
z--DaQBBvw2FU_qjwT~p2G~zq=fc+>To;$1R0ay#LR!(Ml3Ct-8n($<!LRBIm=*2+!
z>WzTUMWq<Z&3FQaQp*D0t|~PPZ;TQlOiWa<lubrT8RFnRDdv<b32*lnqD%vGVE}^N
zwGh7&-&AXx8)QQ$xsO<>e75u%8mutbfLNNkKlVa#9D7*Uik*B;s`>#^G-+2X@<Ilz
zvL*6C3iyn)a0U+8b8h&fZ7uI7_@xkqH0lsXxjQ}$-GvZxwt;gBoDpqwZ7ixH_F3(_
z6_z6|Si=lir<frsAIGCwsuUg=C7xEcQM2&6FM&PR*1neCq9CPJCsQYjm)zKRfuE_v
z<azNc)N)L1tvQS5!4FVT=jtr;>XDdzty>6nQ3|qUhyj`sZwMS$LiLuo#<>ehrup6J
zbM|I@wH;<s9BrygT3TyuG^kS!&hLDutgIw@Dy((TJEOEUq4BMjqJ%Kx@QtUs2UOdE
zcEcX$>Mg8nGZ0zXab8v0teBa#qshv_a@t@gNo=h&%6<Gr;`-JhOJ_ZODAt_I8YMke
z^YhGHpheZgyj||F{s*X_NU$cdjT4!gL2xov68{0J>??272-lO#4Dc4w2(-J;j~aVW
zoXw<09Exr!t1!D+wzX`fRvW#wl7yn{TPKPyXN&^JESMYh@0Ar6(u7xF%humjYG<A<
z?;Ta=93>>^&nzeU3-Apf$|3|6_=B~3hL6_hgvX*eMyC_zIuhTJwN_8Eb8K4oN@*vR
zXV^hCQEC~TW(m23*$_Y5>*;-&I&Vs%F9mIy(Ql-u7pBR}RE@5<Gswxz??es1A8rZv
zc~<WJInH9<0p4a;zOgQWT1Z%3Ij}KLj5;`a!INQ%+Pm=Lp!5Z&DNARU6#$vuy36L;
zJu$hPHvp2ijr!+IzyHo!NQDO0k4~>644Ai#FTBUuGKUc`yc$L60A+8PN$VeG6i-rb
zBzU)Xs+5!Lr)SIQPojQ{4AyyJnZ0x8kTXAYRmvlaaxH&f+qQ;do;B;J*KoyePsN;*
zXt%9LH*LO^G47+-^Lu5%9V&H`%b)pMI+wJo&%8)=_^lipI^=!r=tJGe#Gy>@i$6g3
zelI91%|Yu|_BEGZu~6sW>QU(L1zj8zc&MENZK5(QzIpc2`)*ggMgP{e8ooG4+R`Cn
zc33OXcK_;NnWv4M=epGciaEDi|DB`x&!}6}++OmWWqv?i$|?Ne*JspiQq)00-dSIW
z!X&z#18-dX_lqeq;*%_>hOk(u(>$OI^HjzRN6HOdT2)LvYxm9oUzz{8u%aZ19|M_v
zujH>4t_tWu7=$Q-=erM--<v$64liD9=U<jIGdH(}XxYql=bqIm)3PM^D&wH>H}f==
zO?9rvuHB!XPyk1>61QFa`+Ru~TT+pN5t(@Vgv9U93eXa+dJcNu1CwuWJlydJ7DDMZ
z96%d95kXx^ws0Q{c;07UOTCC|W2I$cR+&FQqBZi&3Zj7rcf20ST3$}qmtJnsRW$-o
z+_D>$Q@6&=u8(<LT6{DAZQZ4ci>NJSY_*?oDmz`)%-NO)bzW7mH+?D$D<D4JmX}bf
zC%0gd$~4}c0&Ddf8XMChQu`5ycD0f+qa&Rqv{ka~J|D5>RI*=sra<6eLT&gewe$_e
z*R!a>I1Pw}73pIp5MN$s6zkZ6u@2Yy$I|Xm@P**k@0Yd9_C(89g--iQYU>e7FwEgF
z5&M8nt=K5xeJ8i&@Ft*hYsE+b;>`#$=G**;R$jjE^wDS^om8t1r-ra$Sl#uNjhs>U
zgj{-(Wlc>_VK$XR<))ry5jIx|or?Z4?dOx6I$Y~!{P9ii>E_iCMx>nrEtI_fc5txI
zCK-3GiicACi2BHAsBHwmH`28!b2pa_VTTFlI$P9~2D4e2EA3UHbRUFav{es;dp5;W
zqJUH6-7^Yb*)IrPM2_0~6Rf4~<kl`NqoBp$G6bT=2AUxAP4ev~PxqwQ40a<9@K+!-
zKcHRUL)JIe$;T;e(Pdy^7qIYHlT&a)S=FfB-WkO^r|1!pNDf=Lt!SiF(IN6e&C7pG
z&QAhAU8ji<J@H!f=lAV{OaD0g-%5o$U#3?}FsB8SI-g$v+n>2T*;L6tr?DBjJARoI
zhSASfe(nju>xVv8glRwSb1;X`TwLz_fF<h9?FO@SUUI+p!D~e5D$giOMxIsaZYB2J
zaH2kYuj0iUY)`K29ola)lgOTLR<G0UhEmskZfx`6cvQ-vneCp)TA|8%&=64fp|S1C
z-l!EJ0<Qo|e3!(BN#9z`jdc3_b>r39=}Z4EOq0L5Eeh3Es5I6oc|T4^y*@$RP2&OE
z!O$i@oG8K9a$zIPVq%@Z4fUzvXJ@eBIGalijzlS&H!ZY`bf-WZ1I^h7Iztm_CN`EA
z3`ZUi8PEzdz6`dN&nGjS##jOnfzeK}7TgtyI!+C=v_31RPmUi;@^ZD6Ie_fBY=AX0
zvN2K}R8FyWQDzL{YvFET9WvXfO6;i=>jqLCd3+41jiHQ~YbbxCWh%|5%AK6rUz3Nc
zxbE~U229(;8tEo5&Rj~o37kL-w2&V}T8f)0X-$#n=+=88qLrtbvnThha)e-e%UjFj
z%jPl>*%>7=PSa9SYSgd_i-;-)?y{}9ym4kY7d{HK%HeB`sRi5ZjTpY~FLIiM27<NU
z=&brgq+oc7>Qaqan{omQL9<Z{HI9+f7<X2K)xN#Pgpx9x6d0Fj(H-oQgzexsr`O<3
z8jqBo%EXEW8z?Xq1r?sOt+P!>c4xwi<(Ux9Sa6~OhF3~_&k65~F=dp;t;900bKq(O
zE&EH741BW59a)=NXfyiM;Z4+2oxCtF4H(-y1($_y5jK-)o`&z0dy9fFge0)VXisn!
z-vJv(J=aGIH``oO0ujyZcR3GZL)I>eqzuhe%03k_*CCH~h+T?&8*5Scri;Qv!sMG%
zW|=lmgIlf`v-7jwl99Ao13G4hfHvmWJ38XLq^4dsNxvLAkJ{}Vm)z$TdRp!&I0TkS
zSz_g2AiOg=Zv&*|mRSo}VDosWyc_Sr=#-UaTEJ3GA(*>igd;XLH+}!G0ILl0y07Bt
zF06&)<B~)gPlZC}f~yuel<|y&4kw~ag6L{?Gw0l`<OmB0pa+;d93+*VwOykp_@{mU
zzoJk8YiAb2AiaQn$;TfNI7-}<1~<SUhKNUO2gFT*oPOL)8G=jcp}XAB=G9SF8lPeD
zp(xP8Og|1hFF7*dG~@F~?$tt1X4U|)NZpj@@gm)oztO}$iaH(C@OWBDPd+?s`RyX}
zSB?*>anLWh0z4z@S8Wa0?;k>DUp8dL^*CtM+BY^?emPi$mdz8Y+AZVPy!yAyEO##?
zO%7nz{1q+*W$U%(%gkgdCB|&!tsEeB?`3|yoDy^`bKQM&nGO~d+ZA8eAG77SQWmlP
zX)b9JL)}Zq!B%X-M0V_puk+IA0=yot;@3WEuMo`kl0$sIWZErcO&wC#uEqH{KOv<|
z7E->SR|xUb1Jf9v1x#QPn*wO)d{qCFj6q+8w?&I~P4X8rIG*T`q%P362gp}l8cib<
z?X5ye+7(_@FHeE}k+-`wng%F30XRd4)eRXCfa3l>L+=luq<=KBAb#Gd&&T7t)Pvsb
zvD`G5iB$qG5f9!?ljd|k-u<3*GO|K9R957h`i5lJ>kc1C9rSxrl@E&&CAXj8&ddom
zeI{wttF|*TUql_&kAJ-A{N%~>%xU2(<fi7<HmZlWdqcycKeB#(lgY^=BrN^vv<?J@
zeCT+LDk~6O@%7&*POtria_%IjKosSNTgPsL&i?gX@N)++_S%B(*mF)uWB8u%T#*s4
z9f<hkNPc4Zfz1SDd0I4_2XWk5c;jw*ZP#oo_l+s4LYPofrjOTIzZP@N&ph|#&+$RH
znV#JII{(wXY-|kQXPIppGXb=v29L62*9F$kx(0lj`2wG104FsnV$HhTr*()t_N<oo
z%bruk*Xe8UusrVzM;%YSSpFYa%T7qX4$e@@%A;+|wIf}Tm(Uj73jzDOa=Sp&uAPPy
zK!|cJ(FP`tJYLH*iwnpUxSX@s^0Qp8ubUFr5ck)Nw~@2z=Yk#?4{~zDuu2(edTgL9
zq~^oF9-hCBIdSRMsWMhwX%*MdMu)fDB~fYZT3oL;lD{}LoI6#l*<5_Jm@{9AnTC(m
z!-2&?R{WYvSE{{rlXcTlSLK;5U(OJlJ2omdzH<;@GxC=lPC~bnC{^f3-i`#fpNT)$
z1(zzCx;f=ChkRoV_^|sWe(9&nk58#~OF%Wt!@nj_{VedGPsnhPz^YG?wfd9X@OLxm
zuvBl$)F4t^6&DfrdLYDRx7KTP##{#9aH=OCgq{5>i_psv4n`Cmb6G(VP9W(mO%~pH
zkYfgKe2U#Emg^aMPrp*8Ptrw*J_9vA^Sd`f(fQ^5&`(GjurYv*3Ycp_nZUT%m!eKB
zWsnIfuL#3u0~Bw&-D*$0{Oi&F`!VM;1?m&D>*=RFZaitxLOewE5tz-*ptiRQEO>Vr
z>|2i4XDh)VtXVP3WoLJ3@;GjV&>7s5MWqZ6gd|b<n0#QrRGa|YH-HCIjUg3$NvbMM
z=SPrd0@-0fSMT!C`RM)qmj9Fj5W}T%R#$)>I~bi;H&rX`Wp9+{-IO7*zqzl)Y{9IQ
zPu8dJfqf8r0$kkc<iw?grcz#P7Z1Af1g7tG{1#pF6WE93lOGrvuTcE8qU<q2|Kz4~
zoH9WZ-88&YkF7c*Fj?eJ!^U@#;}$K>Sjad`#|1vMJW{@Hlp1XF(|z=>CUbx4-x*ub
zJ-%#O9K}Oj06~fVgykLhvD?P?;_sb3VR_f`mL3g`=9e@cAR55Q0Ahb;VEXy<6GG#+
z0zj~f{-pCY=PTFg2yY8czGD7Bc=-YHpyl^MzgBets1-opxK0DWZU8c>#LwLCe`Zwu
zQ;&WN9%K2Y0=TV<oJ|v0%N#9fEn%<8NR08ix5{f=s#ZFd=?QXPxC58lHF~rS{w^|e
z8Vhuk-LPt#GhzG8X5m#FJG^>Zh^1oJ*IobmOp2~%S2@L%zi#Dk#GJSU3fz#+6v$7C
zX<<5>g%iYTc`!j3#cu)dg%ki{U<3#VfEb#ZZ=GBdeL(T=i!c^#jxhsl{gR!To|wH#
zONFHf<VBq-^H+^*0^K|LuX}Nv5|5{Kq+B7qoQTK6m+#xkxbndVOPR_ot^}ETENh!M
zFF)e95JhKov9)ZEM0+gTWuk)KzZ&k?5AWDVLw#ELQ51ylUd_HU*pbQjigw<vu!pYY
zXilav)3*1TQQ@&JYY(kEotKf4gX>ak1+7YB7O%*V1^!a~QBvECFW+@@ctqUs%=m2{
z^tKd9>F(k^s$$f#itMt33@tyf<cztF_<1bbFKUeNqh1Z<dbKvJ3zdGIQ@@snmAE1=
zZS1t{C_ADseKVE#cqw&&&3}93OXapysl`Je`yhX(11GA#w6nGKq|5b>?Ea-K%i5!l
zJ|ZvzG~i23Z1$xs*IeD!g|$+XP2uRc<5={zK(5$~-Sf5r-p(tovI%c(zEhWKE6)qZ
zpS^h+TCvUgy%d1pd;O*OBO7|V#C2?zT1a?l=CqTo!+u-?iFa*&xRd9(g~UaP_&&Kd
z<L{+G2Jq*NkDpW3dn_ABR(ha~Dn27DEpK^fSy{<2n06KbveT#XllT7hGXYU~ydww5
z1q4_~vu~tCn1avlo^b2i>VeDCsn5x9-WK9iKL<i-^T~Z|@rhY1<J+YhK)!UVC}?RJ
zGB5uO`0`oxzU4+ahFX`gco0fn>)sGZ=bAc2zhW=T@Hp?a^1t;~_eXb5{Ejd4U-?Ia
zelgGbqtd?wC{zoBF&$R#B`#h=yynk1ziy=)78+X;duDU>6zro1yIOhJI)7*3%<0@@
z_S(DhA)E`R$xtFSf!Y}HO6E$4C`0@1dnAyYI!XOl>tQAJ)$wY$^fvkQmkpZa^J~)c
ziekyW`0(Rh0|9F+BFdcF6VS}BS|#;#-KQLMbBK=XK`0;hjEgsl=~4FO*4wgty4Dos
z*h^(s9Q#V`*QIxh#_e+N+&$ZU0!5yWj3*%<u?GY)DMM}~*vhPr%%wO@ef_SL97=_z
z6^rz|!^5W5fEl4yxqGJjc>BzlY*Y~bIdBCnxiuBpdar)0V*5Bg@bUXPYW{d{Op?p+
z^67NarC_v!Bfnp2i>tb@Y|#W1djd5=+T=lde{$Cgrkr~tcVw~W>#{yVtqKp|d93jE
z=4K(A#q>$jUxh+R(8F|P6vMFI;xkY^AV30u)^8`yvz;O3#TBV<$$VwRrzSuD%V7Tz
zIu@4x0VlxOT2gBNfj!ld+Yl}n=Ml{_vJn6L79aw_3Q%I@mUkOg_g*ak{8z5SbtD+&
z?&BW&fe><2GG<+T=1aM+OKGY^N-NH(KStU8@Yd#L5{~^&)xt=HkmJnh%m~$Q=d!A1
zwWZ0oEdOZrza?O*!yKA-;R&^<i+keZ;MRdnrz8vo30A+yiqDJk;82=R)9wyfJF`OP
zQ+XybB06+~GSKUc)3t+_E4ZQ7uHM1oDGy2?-B2@CcZx|_CU=@9wXW@=l)0NJbEn_4
zFw8mi6xe%(Xjr>n`t*UdJ9!1xjQ0_yo7E{Il(RZ~K`nX&^Mw{w9+Pv^FW6_hm`n`0
zW9?2;^l}~C<-o_HGUq<5))lFKMXvZ+8wT*IxAg3;^(Q&y$A=dzhD!4LhVEMD-ja&v
zCcTMr32NFBzgqOVB3PZ2_sl?ipFL-Y<r!yNe14;8td4_i-m=WIpvbw?{#l7h*|Ik)
zLbTyXpSfFh4&PM+mkiCblYmB7cOi5s@_>8BE_PksrfGH!L+c9#r@1P5Xp7|EY2N$%
zk9-WDl8AcTd2J>F!|mY^tm(5v_{eTt$j9v}WBqlAo-8nU`yur;m+UV&efPEiUvDgG
zU7Yoi6>Y{9>oXq90EQpZ06<djP7$}IbdVP`cBf@Ni=vq67;I|L`Jz%>P<h4)v3C5M
z3%>bTSD1VbQsLEbV;8kxq%<FUe3`|S^y`3&K$!>HFaJ#fp@bP|Iwn*(Z5(5(xu038
z)<#UohQRx1=GLtUj`o{!I4j;_(3W(`URX}}x}155#f69NBQ2Z!?J9(I!vsoC_lmEZ
zyAk~k(h;bQ&4Oo1S7fzoZu+XL#HI+uN6@ZQk||vN%|86A44hZ)asI9E^_Kt?{F5hV
z|ML9+I{)%7SAS0V8Ab#7|L%w4!bE0zsKFOJJxW*7=F;-%oQ$7y*3hGo&sF}y_?s(E
zf00du%U{h~0h2bygwz)6I_Om+|2$dZy1k<bwIdVKd6{k=aOx>HH*&Mw&oM+;{>D8^
zm6#6GwqVy0Y7ICKT+Yv{ztnBq<JZY9F=pP@6WNePHyRqw*5Lz=dFXU352gH%x(d3C
zcD^=2Wo{D(UJ756dC7`S-rx)mNg4o@9ysTqg-AdBD-I5sUBLigjNb8toAdO8kgw;9
z0OQ}2??DtyfB^UF_ZD#Rd+6_u%Wny1o_qkkUD0RVoW;;ETPlA+t>$dTvs6>vnrmSW
zo$0Nx_iBq=@3fQmOx6&T4BCx@Ebvl|1l^mAAN#pNBPZNr?(nWlkHxnlD%yb2dw4ko
zVWj@#<ZX5{;>*lAT{xdT0xCsv7+E=;4AJaZc+4biiIn>M%h-i?Dk2PAZSGUwW9m*w
zwfy?>wt3GLb3Wc}a7KOA?1jTtESmMQ5C;6Qi9;#zHjXn`l4EpgI@29+kV7WlC94E<
zR>Qji$9bpoA|yE5g8<jfsz|^GeJ|l{DoSp<RNtiffxH(W9<Qc&kH=)$8Uinjx(^(O
z`}&*}zG`2(&Gq-^^eJuA41qPlB_qth)=)D#9fzVI84O7^Z5T^_nhT=ixVHSO{D59h
z;r4*}10EQh=KzPyL(gM%@NoGKq=HYT8{kA?8e(w16eZ2x(6Yg4X8xJo^O*##ba&{2
zb*>WNl=7BaPZIZ?;sk2*NA9%1D~%kJp~f|F?ht2Sf&+`uOB78KXO1s-aIX@7Q-uX)
z>J*In1caIg@*(-Mf6X5-7=QEm9%H%=QoCLd%AYKq+23`$N|TQpg&s%F8dDC{NLqpN
z$^Iu*!Pl?xXx^sqy8ejOu~K!LpQWv}gl*tTwoGjIQxI3!IrB5eYxr@j#SAiX9SR=A
zWtxR7;XW!^k9co$8;94QE<%sl2?ttfcLi&E7MfmV4-R9!Z!ro%nk$8cQ6^nin54J@
zz&QP*55<WOUn3qNfhC9<NAr#O!o9hn9bs$CrPI;K-sX?|eCByeQfUz1xzjN$kRZD9
zdmG|cF%;7sWA|GlqCD6eeCNc4Zprys2+(7#xHx;eDo^>&oxDLL1`W??3tT#ZidMeG
zWP~6DOASlNB?ORlp-qf3il?Z+MM3$!->CRr5!W1=yCJ>Ufen}bBrqSv<wqE1QP9Nz
zg}f^iGbV;IF;dU;N(dd)-kR`bO}M|;%V{n4F)C=04Sdl<M(0cy;G|Rf^c?g{n0aB6
zJ57>1#SEl3)m&EfrUx?(Gs7o#NuFytE%&#!`acZ=!ew4w*qRWFD!2Q-Ro64*%SZp;
zay<{q_HT6A;KAhKGSvZJFp((7#HqkpulY3Y<g)XTI*Yqr-H#M}e9ZU6*PKVcWG-yZ
zs_pl?H?5;_{lu`i*e-*W?z&HAHCs)bdQ`WN`T47mX?vujS6V7Z-rR0?Ja+54IVBt~
zw{-`)otbgi$74c>lKQ7fo!N%WNB8FIe3qWJ`R=Z5S0}emuG-BKcXZF<o9(9xZr#rO
zWXrNqKygw>%7XRw9iA&}<jtdA6|DF*KfKhvi08vPi{vS{4;)EOuQxZDZP#~c^&G*6
z(I1X;E^ofKb;-+vys|tBhqxv%5)6<YV8@RK3kD532{tx4z;TlUg8`}tifjRip-V_P
z6DNc4L4BST3YmT0YLm1WrhRfy;ZR?!%)n95UEA%d;=pvy)!_hBFbl(!kgi;J+wKOz
tu1?(v3``yeUA|;2UMl`1LLfA#>y!RP0S2KCl?8<C8<nSN2r&P@2>?}nHfaC=

literal 0
HcmV?d00001

diff --git a/src/components/ExportOverlay.tsx b/src/components/ExportOverlay.tsx
index 22ad43b57..62040a320 100644
--- a/src/components/ExportOverlay.tsx
+++ b/src/components/ExportOverlay.tsx
@@ -24,6 +24,21 @@ interface Props {
   notice?: string | null;
 }
 
+/**
+ * Time left, extrapolated from progress so far, or null while it would be a
+ * guess: before 3% or 3 s, and once it's nearly done.
+ */
+export function estimateRemainingMs(progress: number, elapsedMs: number): number | null {
+  if (progress < 3 || progress >= 99 || elapsedMs < 3000) return null;
+  return (elapsedMs * (100 - progress)) / progress;
+}
+
+function formatRemaining(ms: number): string {
+  const seconds = Math.ceil(ms / 1000);
+  if (seconds < 60) return `about ${Math.max(5, Math.ceil(seconds / 5) * 5)} s left`;
+  return `about ${Math.ceil(seconds / 60)} min left`;
+}
+
 function formatElapsed(ms: number): string {
   const totalSeconds = Math.max(0, Math.floor(ms / 1000));
   const minutes = Math.floor(totalSeconds / 60);
@@ -91,6 +106,8 @@ export default function ExportOverlay({ status, progress, exportStartedAt, onCan
 
   const isLoading = status === "loading-engine";
   const clamped = Math.max(0, Math.min(100, progress));
+  const remainingMs = estimateRemainingMs(clamped, elapsedMs);
+  const timeText = `${formatElapsed(elapsedMs)} elapsed${remainingMs === null ? "" : `, ${formatRemaining(remainingMs)}`}`;
 
   return (
     <FocusTrap
@@ -145,7 +162,7 @@ export default function ExportOverlay({ status, progress, exportStartedAt, onCan
                 <p aria-hidden="true" className="flex items-baseline gap-1.5 text-[var(--text)]">
                   <span className="display text-6xl [font-variant-numeric:lining-nums_tabular-nums]">{clamped}</span>
                   <span className="marker text-3xl text-[var(--text-secondary)]">%</span>
-                  <span className="tabular ml-auto text-xs text-[var(--muted)]">{formatElapsed(elapsedMs)} elapsed</span>
+                  <span className="tabular ml-auto text-right text-xs text-[var(--muted)]">{timeText}</span>
                 </p>
                 <div
                   className="progress-track mt-4"
@@ -153,7 +170,7 @@ export default function ExportOverlay({ status, progress, exportStartedAt, onCan
                   aria-valuenow={clamped}
                   aria-valuemin={0}
                   aria-valuemax={100}
-                  aria-valuetext={`${clamped}%, ${formatElapsed(elapsedMs)} elapsed`}
+                  aria-valuetext={`${clamped}%, ${timeText}`}
                   aria-label="Export progress"
                 >
                   <div className="progress-fill" style={{ transform: `scaleX(${clamped / 100})` }} />
diff --git a/src/components/PresetSelector.tsx b/src/components/PresetSelector.tsx
index 6172f3244..fb3c1f6cc 100644
--- a/src/components/PresetSelector.tsx
+++ b/src/components/PresetSelector.tsx
@@ -191,6 +191,9 @@ export default function PresetSelector({ recipe, onChange }: Props) {
                 type="button"
                 onClick={() => handlePresetSelect(preset.id)}
                 title={`${preset.label} — ${preset.width}×${preset.height} — ${getOrientationLabel(preset.width, preset.height)}`}
+                // "1 : 1" reads as "one colon one"; two presets share 16 : 9, so
+                // the platform is part of the name too.
+                aria-label={`${preset.label.replaceAll(":", " is to ")} output ratio, ${preset.platform}`}
                 aria-pressed={active}
                 className="choice flex min-h-[44px] min-w-[44px] flex-col items-center justify-center gap-1.5 p-2.5 text-center"
               >
diff --git a/src/components/__tests__/exportEstimate.overlay.test.ts b/src/components/__tests__/exportEstimate.overlay.test.ts
new file mode 100644
index 000000000..462df2a99
--- /dev/null
+++ b/src/components/__tests__/exportEstimate.overlay.test.ts
@@ -0,0 +1,15 @@
+import { describe, it, expect } from "vitest";
+import { estimateRemainingMs } from "../ExportOverlay";
+
+describe("estimateRemainingMs", () => {
+  it("extrapolates from progress so far", () => {
+    expect(estimateRemainingMs(25, 10_000)).toBe(30_000);
+    expect(estimateRemainingMs(50, 20_000)).toBe(20_000);
+  });
+
+  it("stays quiet while it would be a guess, or when nearly done", () => {
+    expect(estimateRemainingMs(2, 10_000)).toBeNull();
+    expect(estimateRemainingMs(40, 2_000)).toBeNull();
+    expect(estimateRemainingMs(99, 60_000)).toBeNull();
+  });
+});
diff --git a/src/lib/ffmpeg.ts b/src/lib/ffmpeg.ts
index f6d05c2b3..97869675b 100644
--- a/src/lib/ffmpeg.ts
+++ b/src/lib/ffmpeg.ts
@@ -67,10 +67,17 @@ export function overrunLimitSeconds(expectedSeconds: number): number {
 }
 
 
+/**
+ * A file for the worker. `blob` is the user's File itself: it crosses to the
+ * worker by reference and the worker reads it, so the page never holds a
+ * copy of the bytes (a 300 MB read on the page caused multi-second GC pauses).
+ * `data` (raw bytes) is still accepted.
+ */
 type SerializedFile = {
   name: string;
   type: string;
-  data: ArrayBuffer;
+  blob?: Blob;
+  data?: ArrayBuffer;
 };
 
 type WorkerExportRequest = {
@@ -91,7 +98,10 @@ type WorkerProgressResponse = { type: "progress"; percent: number; outputSeconds
 type WorkerResultResponse = {
   type: "result";
   id: string;
-  data: ArrayBuffer;
+  /** The output, already wrapped by the worker (current workers). */
+  blob?: Blob;
+  /** The output as raw bytes (older workers and tests). */
+  data?: ArrayBuffer;
   mimeType: string;
   size: number;
   width: number;
@@ -219,7 +229,7 @@ function handleWorkerMessage(event: MessageEvent<WorkerResponse>) {
 
   if (data.type === "result") {
     if (pendingExport?.id !== data.id) return;
-    const blob = new Blob([data.data], { type: data.mimeType });
+    const blob = data.blob ?? new Blob([data.data ?? new ArrayBuffer(0)], { type: data.mimeType });
     const blobUrl = URL.createObjectURL(blob);
     pendingExport.resolve({
       blobUrl,
@@ -359,7 +369,7 @@ export async function exportVideo(
   } catch (err) {
     if (!(err instanceof ExportStalledError) || err.mode !== "multi" || signal?.aborted) throw err;
     // The stall set preferSingleThread, so this loads the single-threaded core.
-    // The file is read again: its first copy was transferred to the old worker.
+    // The worker reads the File itself, so the retry just sends it again.
     onEngineFallback?.(err.reason);
     onProgress(0);
     return exportOnce(file, recipe, onProgress, signal, musicOptions, overlayOptions, knownDuration);
@@ -387,11 +397,10 @@ async function exportOnce(
   }
 
   const sessionId = buildSessionId();
-  const arrayBuffer = await file.arrayBuffer();
   const filePayload: SerializedFile = {
     name: file.name,
     type: file.type || "video/mp4",
-    data: arrayBuffer,
+    blob: file,
   };
 
   if (musicOptions?.file && musicOptions.file.size > MAX_FILE_SIZE) {
@@ -402,7 +411,7 @@ async function exportOnce(
     ? {
         name: musicOptions.file.name,
         type: musicOptions.file.type || "audio/mpeg",
-        data: await musicOptions.file.arrayBuffer(),
+        blob: musicOptions.file,
       }
     : undefined;
 
@@ -414,7 +423,7 @@ async function exportOnce(
     ? {
         name: overlayOptions.file.name,
         type: overlayOptions.file.type || "image/png",
-        data: await overlayOptions.file.arrayBuffer(),
+        blob: overlayOptions.file,
       }
     : undefined;
 
@@ -479,9 +488,6 @@ async function exportOnce(
     resetWorker();
   }, 5_000);
 
-  const transfers: Transferable[] = [arrayBuffer];
-  if (musicFilePayload) transfers.push(musicFilePayload.data);
-  if (overlayFilePayload) transfers.push(overlayFilePayload.data);
 
   ffmpegWorker.postMessage(
     {
@@ -494,8 +500,7 @@ async function exportOnce(
       musicOptions: sanitizedMusicOptions,
       overlayFile: overlayFilePayload,
       overlayOptions: sanitizedOverlayOptions,
-    } as WorkerExportRequest,
-    transfers
+    } as WorkerExportRequest
   );
 
   try {
diff --git a/src/lib/ffmpeg.worker.ts b/src/lib/ffmpeg.worker.ts
index cd32fe559..b5d6d7ea6 100644
--- a/src/lib/ffmpeg.worker.ts
+++ b/src/lib/ffmpeg.worker.ts
@@ -37,7 +37,9 @@ export const SRI_HASHES: Record<string, string> = {
 type SerializedFile = {
   name: string;
   type: string;
-  data: ArrayBuffer;
+  /** The user's File, read here rather than on the page (see ffmpeg.ts). */
+  blob?: Blob;
+  data?: ArrayBuffer;
 };
 
 type ExportRequest = {
@@ -165,8 +167,10 @@ function errorMessage(error: unknown): string {
   return error instanceof Error ? error.message : String(error);
 }
 
-function serializeFileBuffer(file: SerializedFile): Uint8Array {
-  return new Uint8Array(file.data);
+async function readFileBytes(file: SerializedFile): Promise<Uint8Array> {
+  if (file.data) return new Uint8Array(file.data);
+  if (file.blob) return new Uint8Array(await file.blob.arrayBuffer());
+  return new Uint8Array(0);
 }
 
 function getOutputConfig(format: string, sessionId: string) {
@@ -222,14 +226,14 @@ async function runExport(request: ExportRequest): Promise<ResultPayload> {
   const paletteName = `palette_${sessionId}.png`;
   const cleanupFiles = new Set<string>([inputName, outputName, fallbackOutputName, paletteName]);
 
-  const fileBytes = serializeFileBuffer(request.file);
+  const fileBytes = await readFileBytes(request.file);
   await ffmpeg.writeFile(inputName, fileBytes, { signal: activeExportAbortController?.signal });
 
   const hasMusicTrack = !!(request.musicFile && recipe.keepAudio);
   const musicInputName = `music_input_${sessionId}.mp3`;
   if (hasMusicTrack) {
     cleanupFiles.add(musicInputName);
-    await ffmpeg.writeFile(musicInputName, serializeFileBuffer(request.musicFile!), {
+    await ffmpeg.writeFile(musicInputName, await readFileBytes(request.musicFile!), {
       signal: activeExportAbortController?.signal,
     });
   }
@@ -239,7 +243,7 @@ async function runExport(request: ExportRequest): Promise<ResultPayload> {
   const overlayInputName = `overlay_${sessionId}.${overlayExt}`;
   if (hasOverlay) {
     cleanupFiles.add(overlayInputName);
-    await ffmpeg.writeFile(overlayInputName, serializeFileBuffer(request.overlayFile!), {
+    await ffmpeg.writeFile(overlayInputName, await readFileBytes(request.overlayFile!), {
       signal: activeExportAbortController?.signal,
     });
   }
@@ -449,7 +453,11 @@ async function handleCommand(message: WorkerCommand) {
           postMessage({ type: "cancelled", id: message.id });
           return;
         }
-        postMessage({ ...result }, [result.data]);
+        // Wrap the output in a Blob here, off the main thread: building it on
+        // the main thread copied the whole file synchronously (over a second
+        // for a large export). A Blob crosses to the page by reference.
+        const { data, ...rest } = result;
+        postMessage({ ...rest, blob: new Blob([data], { type: result.mimeType }) });
       } catch (error) {
         if (activeExportAbortController?.signal.aborted) {
           postMessage({ type: "cancelled", id: message.id });
diff --git a/src/lib/tests/ffmpegWorker.test.ts b/src/lib/tests/ffmpegWorker.test.ts
index 05ba9a0ef..50a665754 100644
--- a/src/lib/tests/ffmpegWorker.test.ts
+++ b/src/lib/tests/ffmpegWorker.test.ts
@@ -17,6 +17,8 @@ const h = vi.hoisted(() => {
     execCalls: string[][] = [];
     deleted: string[] = [];
     files = new Map<string, Uint8Array>();
+    /** Every write, kept after cleanup deletes the file. */
+    writes = new Map<string, Uint8Array>();
     terminated = false;
     constructor() {
       FakeFFmpeg.instances.push(this);
@@ -33,6 +35,7 @@ const h = vi.hoisted(() => {
     }
     async writeFile(name: string, data: Uint8Array) {
       this.files.set(name, data);
+      this.writes.set(name, data);
     }
     async exec(args: string[]) {
       this.execCalls.push(args);
@@ -193,6 +196,30 @@ describe("ffmpeg.worker", () => {
     expect([...ffmpeg().files.keys()].some((name) => name.includes("holiday"))).toBe(false);
   });
 
+  it("reads the user's File itself when sent one, instead of the page reading it", async () => {
+    await startWorker({ isolated: false });
+    send({ type: "load" });
+    await waitFor("ready");
+    const req = exportRequest();
+    const bytes = new Uint8Array([1, 2, 3, 4, 5]);
+    send({ ...req, file: { name: "clip.mp4", type: "video/mp4", blob: new Blob([bytes]) } });
+    await waitFor("result");
+    const written = [...ffmpeg().writes.entries()].find(([name]) => name.startsWith("input_"));
+    expect(written?.[1]).toEqual(bytes);
+  });
+
+  it("posts the output as a Blob, so the page never copies the file on its thread", async () => {
+    await startWorker({ isolated: false });
+    send({ type: "load" });
+    await waitFor("ready");
+    send(exportRequest());
+    await waitFor("result");
+    const result = posted.find((m) => m.type === "result") as { blob?: unknown; data?: unknown; mimeType?: string };
+    expect(result.blob).toBeInstanceOf(Blob);
+    expect((result.blob as Blob).type).toBe(result.mimeType);
+    expect(result.data).toBeUndefined();
+  });
+
   it("reports a wasm trap (a rejected string) with its text, not 'undefined'", async () => {
     await startWorker({ isolated: false });
     send({ type: "load" });
diff --git a/test/e2e/export.spec.ts b/test/e2e/export.spec.ts
index d29de6c96..cc2fd5109 100644
--- a/test/e2e/export.spec.ts
+++ b/test/e2e/export.spec.ts
@@ -48,6 +48,25 @@ function probe(path: string): Probe {
   };
 }
 
+/**
+ * Average brightness (8-bit luma) of the top tenth of a frame. Black
+ * letterbox bars are about 16; the test pattern is far brighter.
+ */
+function topStripLuma(path: string, at = 0.5): number {
+  const out = execFileSync(
+    "ffmpeg",
+    [
+      "-hide_banner", "-ss", String(at), "-i", path, "-frames:v", "1",
+      "-vf", "crop=iw:ih/10:0:0,signalstats,metadata=print:key=lavfi.signalstats.YAVG:file=-",
+      "-f", "null", "-",
+    ],
+    { encoding: "utf8", stdio: ["ignore", "pipe", "pipe"] }
+  );
+  const match = out.match(/YAVG=([\d.]+)/);
+  if (!match) throw new Error(`no YAVG in ffmpeg output: ${out.slice(0, 200)}`);
+  return Number(match[1]);
+}
+
 async function openSection(page: Page, name: RegExp) {
   const toggle = page.getByRole("button", { name }).first();
   if ((await toggle.getAttribute("aria-expanded")) === "false") await toggle.click();
@@ -80,22 +99,23 @@ test.describe("export", () => {
   for (const fixture of fixtures) {
     test(`${fixture.file}: trim, rotate and speed up, then export a valid file`, async ({ page }, testInfo) => {
       test.skip(!!fixture.large && !process.env.E2E_LARGE, "set E2E_LARGE=1 to run the ~300 MB fixture");
+      if (fixture.large) test.slow();
 
       await loadEditor(page, fixture.file);
       const isolated = await page.evaluate(() => crossOriginIsolated);
       expect(isolated).toBe(testInfo.project.name === "multi-threaded");
 
       // 1:1 output, so the expected size doesn't depend on the input's shape.
-      await page.getByRole("button", { name: "1 is to 1 output ratio" }).click();
+      await page.getByRole("button", { name: /^1 is to 1 output ratio/ }).click();
 
-      await openSection(page, /^Trim$/i);
+      await openSection(page, /^Trim\b/i);
       await page.getByLabel("Trim start time in seconds").fill("1");
       await page.getByLabel("Trim end time in seconds").fill("5");
 
-      await openSection(page, /^Rotation$/i);
-      await page.getByRole("button", { name: "Rotate video to 90 degrees" }).click();
+      await openSection(page, /^Rotat/i);
+      await page.getByRole("button", { name: "90° rotation" }).click();
 
-      await openSection(page, /Audio & Speed/i);
+      await openSection(page, /^Audio (&|and) speed/i);
       await page.getByRole("button", { name: "Set speed to 2x" }).click();
 
       const out = testInfo.outputPath(`${fixture.file}.mp4`);
@@ -111,20 +131,59 @@ test.describe("export", () => {
     });
   }
 
+  test("every edit in a sequence shows up in the exported file", async ({ page }, testInfo) => {
+    await loadEditor(page, "normal.mp4");
+
+    await openSection(page, /^Trim\b/i);
+    await page.getByLabel("Trim start time in seconds").fill("1");
+    await page.getByLabel("Trim end time in seconds").fill("5");
+
+    // 9:16 with Fit: a landscape clip would be letterboxed with black bars,
+    // so filling the frame proves the 90° rotation was applied.
+    await page.getByRole("button", { name: /^9 is to 16 output ratio/ }).click();
+    await openSection(page, /^Rotat/i);
+    await page.getByRole("button", { name: "90° rotation" }).click();
+
+    await openSection(page, /^Audio (&|and) speed/i);
+    await page.getByRole("button", { name: "Set speed to 2x" }).click();
+    await page.getByRole("button", { name: /^Mute video audio/ }).click();
+
+    const out = testInfo.outputPath("sequence.mp4");
+    await exportAndDownload(page, out);
+    const result = probe(out);
+
+    expect([result.width, result.height], "9:16 preset").toEqual([1080, 1920]);
+    expect(result.duration, "trim 1–5 s at 2×").toBeGreaterThan(1.7);
+    expect(result.duration).toBeLessThan(2.4);
+    expect(result.audioStreams, "muted").toBe(0);
+    expect(topStripLuma(out), "rotated: no letterbox bar at the top").toBeGreaterThan(40);
+  });
+
+  test("without rotation, the same 9:16 export is letterboxed (control for the rotation check)", async ({ page }, testInfo) => {
+    await loadEditor(page, "normal.mp4");
+    await page.getByRole("button", { name: /^9 is to 16 output ratio/ }).click();
+    await openSection(page, /^Trim\b/i);
+    await page.getByLabel("Trim end time in seconds").fill("2");
+    const out = testInfo.outputPath("unrotated.mp4");
+    await exportAndDownload(page, out);
+    expect(topStripLuma(out)).toBeLessThan(25);
+  });
+
   test("no-duration.webm: the editor finds the real length", async ({ page }) => {
     await loadEditor(page, "no-duration.webm");
-    await openSection(page, /^Trim$/i);
+    await openSection(page, /^Trim\b/i);
     // The end field's placeholder and limit are the clip's length (6 s), not
     // empty, 0 or Infinity, so trimming works on screen recordings.
     const end = page.getByLabel("Trim end time in seconds");
     await expect(end).toHaveAttribute("placeholder", "6.0");
     expect(Number(await end.getAttribute("max"))).toBeCloseTo(6, 1);
-    await expect(page.getByText("Duration: 0:06")).toBeVisible();
+    // The file card shows the length (formats differ by UI: "Duration: 0:06", "… · 0:06").
+    await expect(page.getByText(/(^|\s|·\s?)0:06\b/).first()).toBeVisible();
   });
 
   test("no-duration.webm at 2× speed without a trim exports the whole clip", async ({ page }, testInfo) => {
     await loadEditor(page, "no-duration.webm");
-    await openSection(page, /Audio & Speed/i);
+    await openSection(page, /^Audio (&|and) speed/i);
     await page.getByRole("button", { name: "Set speed to 2x" }).click();
     const out = testInfo.outputPath("no-duration-2x.mp4");
     await exportAndDownload(page, out);
diff --git a/test/e2e/smoothness.spec.ts b/test/e2e/smoothness.spec.ts
new file mode 100644
index 000000000..e8030927e
--- /dev/null
+++ b/test/e2e/smoothness.spec.ts
@@ -0,0 +1,143 @@
+import { test, expect, type Page } from "@playwright/test";
+import { join } from "node:path";
+
+// The editor must stay responsive while FFmpeg works: the engine runs in a
+// Web Worker, so the main thread should never be blocked for long.
+const FIXTURES = join(__dirname, "..", "fixtures");
+const LONG_TASK_BUDGET_MS = 200;
+
+declare global {
+  interface Window {
+    __longTasks: { start: number; duration: number }[];
+    __liveObjectUrls: Set<string>;
+  }
+}
+
+/** Records main-thread long tasks and live object URLs from page load. */
+async function instrument(page: Page) {
+  await page.addInitScript(() => {
+    localStorage.setItem("reframe_onboarding_complete", "1");
+    window.__longTasks = [];
+    new PerformanceObserver((list) => {
+      for (const entry of list.getEntries()) window.__longTasks.push({ start: entry.startTime, duration: entry.duration });
+    }).observe({ type: "longtask", buffered: true });
+    window.__liveObjectUrls = new Set();
+    const create = URL.createObjectURL.bind(URL);
+    const revoke = URL.revokeObjectURL.bind(URL);
+    URL.createObjectURL = (obj: Blob | MediaSource) => {
+      const url = create(obj);
+      window.__liveObjectUrls.add(url);
+      return url;
+    };
+    URL.revokeObjectURL = (url: string) => {
+      window.__liveObjectUrls.delete(url);
+      revoke(url);
+    };
+  });
+}
+
+async function load(page: Page, fixture: string) {
+  await instrument(page);
+  await page.goto("/");
+  await page.locator('input[type=file][accept="video/*"]').setInputFiles(join(FIXTURES, fixture));
+  await expect(page.getByRole("button", { name: "Export video" }).first()).toBeVisible();
+}
+
+const now = (page: Page) => page.evaluate(() => performance.now());
+const longTasksSince = (page: Page, since: number) =>
+  page.evaluate((t) => window.__longTasks.filter((task) => task.start >= t), since);
+const liveUrls = (page: Page) => page.evaluate(() => window.__liveObjectUrls.size);
+
+/** Live object URLs once the filmstrip has finished making its thumbnails. */
+async function settledUrls(page: Page): Promise<number> {
+  let last = -1;
+  for (let i = 0; i < 40; i++) {
+    const count = await liveUrls(page);
+    if (count === last) return count;
+    last = count;
+    await page.waitForTimeout(1000);
+  }
+  return last;
+}
+const download = (page: Page) => page.getByRole("link", { name: /^Download (MP4|WEBM|MKV|GIF)$/ });
+
+test.describe("smoothness", () => {
+  // The ~300 MB clip still has one native task of 0.4–0.9 s as the result
+  // arrives (after the copies and GC this suite caught were removed; not
+  // CPU contention: a 2-thread cap measured the same). Its budget says so.
+  for (const [fixture, budget] of [["normal.mp4", LONG_TASK_BUDGET_MS], ["large.mp4", 1000]] as const) {
+  test(`${fixture}: no main-thread long task over ${budget} ms while the engine loads and exports`, async ({ page }) => {
+    test.skip(fixture === "large.mp4" && !process.env.E2E_LARGE, "set E2E_LARGE=1 to run the ~300 MB fixture");
+    // A 60 s 1080p encode takes minutes on the single-threaded engine.
+    if (fixture === "large.mp4") test.slow();
+    await load(page, fixture);
+    const start = await now(page);
+    await page.getByRole("button", { name: "Export video" }).first().click();
+    await expect(download(page)).toBeVisible({ timeout: 180_000 });
+    const tasks = await longTasksSince(page, start);
+    const worst = Math.max(0, ...tasks.map((t) => t.duration));
+    testInfoNote(`long tasks during export: ${tasks.length}, worst ${Math.round(worst)} ms`);
+    expect(worst).toBeLessThan(budget);
+  });
+  }
+
+  test("cancel while the engine loads, then while encoding: the editor stays usable and frees what it made", async ({ page }) => {
+    await load(page, "normal.mp4");
+    // The preview and the filmstrip thumbnails hold URLs while the video is open.
+    const before = await settledUrls(page);
+    const exportButton = page.getByRole("button", { name: "Export video" }).first();
+    const cancel = page.getByRole("button", { name: /^Cancel( export)?$/i });
+
+    // 1. During engine start-up (the first export of the page loads it).
+    await exportButton.click();
+    await cancel.click();
+    await expect(page.getByRole("dialog")).toHaveCount(0);
+
+    // 2. During encoding: wait until progress has started.
+    await exportButton.click();
+    await expect(page.getByText(/elapsed/)).toBeVisible({ timeout: 60_000 });
+    await cancel.click();
+    await expect(page.getByRole("dialog")).toHaveCount(0);
+    expect(await liveUrls(page), "no leaked object URLs after cancelling").toBe(before);
+
+    // 3. And a normal export still works afterwards.
+    await exportButton.click();
+    await expect(download(page)).toBeVisible({ timeout: 180_000 });
+    expect(await liveUrls(page), "only the result's URL is added").toBe(before + 1);
+  });
+
+  test("300 MB clip: trim handles and preview scrubbing stay responsive", async ({ page }) => {
+    test.skip(!process.env.E2E_LARGE, "set E2E_LARGE=1 to run the ~300 MB fixture");
+    await load(page, "large.mp4");
+    const start = await now(page);
+
+    // Drag the trim start handle with the keyboard, 30 steps.
+    const trimToggle = page.getByRole("button", { name: /^Trim\b/i }).first();
+    if ((await trimToggle.getAttribute("aria-expanded")) === "false") await trimToggle.click();
+    const handle = page.getByRole("slider", { name: "Trim start" });
+    await handle.focus();
+    const t0 = Date.now();
+    for (let i = 0; i < 30; i++) await page.keyboard.press("ArrowRight");
+    const perStep = (Date.now() - t0) / 30;
+
+    // Scrub the preview to a few positions.
+    for (const time of [10, 30, 50, 5]) {
+      await page.evaluate((t) => {
+        const video = document.querySelector("video");
+        if (video) video.currentTime = t;
+      }, time);
+      await page.waitForTimeout(150);
+    }
+
+    const tasks = await longTasksSince(page, start);
+    const worst = Math.max(0, ...tasks.map((t) => t.duration));
+    testInfoNote(`trim step ${perStep.toFixed(1)} ms; worst long task ${Math.round(worst)} ms`);
+    expect(perStep).toBeLessThan(100);
+    expect(worst).toBeLessThan(LONG_TASK_BUDGET_MS);
+  });
+});
+
+function testInfoNote(text: string) {
+  test.info().annotations.push({ type: "measurement", description: text });
+  console.log(`[smoothness] ${text}`);
+}