feat(ui): route locked tiers through About

Keep non-owner resolution choices visible but muted. Selecting one preserves the free tier and opens About; external navigation is only the explicit llamacasty.com link. Ref: https://streamlabs.com/desktop

docs/ai/commercial.md

@@ -46,9 +46,9 @@ The cap is a pixel budget plus a frame rate, not the word "720p":
   when `Helpers/DevBuild.IsDevelopment` is false. Not a hidden row — an absent one.
 - **Never downgrade a running stream.** The gate applies to the next start; pulling quality out
   of a live broadcast is a worse bug than one free 1080p session.
-- **The greyed menu entry is the sales surface.** It stays clickable, says what it costs, opens
-  checkout, and is labelled ("720p30 · free tier") — never silently missing, because silence
-  reads as broken.
+- **The greyed menu entry is the sales surface.** It stays clickable and is labelled ("720p30 ·
+  free tier"). Selecting a locked tier opens the in-app About panel; the browser opens only if the
+  creator then clicks its llamacasty.com link.
 - **Ownership is checked at app startup** and cached in `IsAppOwned` for that run. Purchases and
   refunds are reflected on the next app start; there is no subscription lapse or sign-out path.
 - **Bitrate follows the profile** — a capped user is not offered a 1080p bitrate.

docs/ai/ui-surface.md

@@ -90,6 +90,7 @@ Placement math itself is covered by `WindowPlacementTests` (pure function, no HW
   `FormattedText` — **measure, don't guess**) plus the field's padding and border. Guard:
   `ytLive.Tests/GeometryFieldWidthTests.cs`
 - Resolution tiers: 1080p60@8 (default) → 1080p30@8 → 720p60@6 → 720p30@6 → **Vertical 1080p30@8 and 1080p60@8 (9:16, 1080×1920)**. The composition master frame is **always 1920×1080** — a tier is an output rect + target resolution over that master, so source geometry is never rewritten (no rounding drift). 16:9 tiers use the full frame; vertical tiers use a centered **607×1080** window and the preview dims the cropped side strips at 55% black with an accent outline (semi-crop — the cut area stays visible). A resolution badge in the preview corner shows the active tier. The resolution picker and live readouts (bitrate/FPS/dropped/duration) are in the top-left cell above the layers panel; the bottom bar is an empty height-preserving spacer. A **tooltip** explains finding upload bandwidth — an in-app speed test was deliberately dropped (unreliable). The future encoder crops the master to the rect and scales to the tier's Width×Height
+- **Locked output tiers stay visible and clickable.** They are dimmed for non-owners. Choosing one keeps the free tier selected and opens About in-app; only the explicit llamacasty.com link opens a browser.
 - Crash diagnosis: `AppLog` writes startup checkpoints to `%APPDATA%\ytLlive\startup.log`; `App.xaml.cs` logs `DispatcherUnhandledException`/`AppDomain.UnhandledException`. When WPF won't run from WSL, this log is how you find the failure (it caught the `MenuItemRole.Separator` XAML crash and the ComboBox SelectionBoxItem bug). **The log is SIZE-CAPPED (TASK 55, 2026-10-22):** at 5 MB `startup.log` rolls to `startup.1.log` (one rolled copy kept) — the policy lives in `Helpers/LogRotation.cs` as a pure function over a path, so `AppLog`'s 156-call-site surface never changes and the rule is testable on its own. Guard: `ytLive.Tests/AppLogRotationTests.cs`
 
 ## ⚠️ Known issue: screens/layers settings audit — RETIRED INTO THE GOLD PASS (2026-08-22, dispositioned 2026-09-01)