Dark JSON Diff Tool UI Prototype

Objective: Create a dark mode desktop application UI prototype for a device named {argument name="app name" default="Tilted Diffs"} The JSON diff tool displays the title as{argument name="diff title" default="API Response — Checkout v2"} API response comparison. Canvas: 16:10 widescreen desktop screenshot, approximately 1152×768, with a macOS-style application window floating on a deep blue gradient background. Utilizing subtle shadows, rounded corners, thin borders, and refined developer tool aesthetics. Layout: The application comprises four main areas: a left sidebar, a top toolbar spanning the editor area, and three vertical code editor panels. The first editor panel is selected with a bright blue focus halo. The middle panel displays colored inline diff highlights. The rightmost panel is narrower and partially visible, resembling an additional file tab or a third comparison column. Left Sidebar: The top left corner displays macOS traffic light buttons: three circles, red, yellow, and green respectively. Below the application name is a search box with the placeholder text "Search diffs…" and keyboard suggestions. Below are eight saved diff list items, each with a small document icon and a timestamp: 1) “API Response — Checkout v2”, showing “Today, 10:24 AM”, highlighted in blue as the selected item; 2) “User Profile — Public API”, showing “Yesterday, 4:18 PM”; 3) “Orders Endpoint — v1 vs v2”, showing “May 20, 2025, 9:14 AM”; 4) “Product Catalog — EU Region”, showing “May 19, 2025, 2:47 PM”; 5) “Auth Response — SSO”, showing “May 18, 2025, 11:03 AM”; 6) “Billing Summary — Q2”, showing “May 17, 2025, 3:22 PM”; 7) “Webhook Payload — Stripe”, showing “May 16, 2025, 10:11 AM”; 8) The "Search Results — Relevance" message displays "May 15, 2025, 5:35 PM". The bottom features a prominent blue "+ New Diff" button and a small gear icon. The top toolbar displays "API Response — Checkout v2" on the left, accompanied by a tiny editing pencil icon. A segmented control in the middle contains two labels: "Editors" (selected in blue) and "Diff" (unselected). The right side contains four compact keyboard shortcuts labeled "⌘T add column", "⌘D toggle diff", and "⌘← / ⌘→ move focus", with small spacing between groups. The editor panel uses a monospaced code font, line numbers, JSON syntax highlighting, a deep navy blue panel, and thin rounded borders. The left panel is titled "source.json" with a document icon and a three-dot menu. The middle panel is titled "target.json" with a document icon and a three-dot menu. The narrow right panel is titled "more.json" and only displays the left side of the code, implying overflow. Each full editor panel has a status bar at the bottom displaying "Ln 1, Col 1", "Spaces: 2", "UTF-8", "LF", and "JSON". The code content displays the JSON response to the order checkout. It uses requestId "req_8f3a9b42", orderId "ord_123456", currency USD, and product and shipping information for the wireless headphones and travel pouch. The source version on the left should include the timestamp "2025-05-21T10:24:31Z", version "v1", status "pending", totalAmount 129.99, wireless headphones unitPrice 99.99 (discount is null), travel pouch quantity 1, unitPrice 30.00 (discount is null), shipping method "standard", estimatedDays 5, and address "123 Market St". The intermediate target version should display a diff marker on the left-hand gutter and be highlighted with colored lines: red for deleted lines, green for added lines, and yellow for modified lines. It should include changes such as: timestamp changed from "2025-05-20T15:11:09Z" to "2025-05-21T10:24:31Z", version changed to v2, status changed from pending to confirmed, totalAmount changed to 139.99, wireless earphone unitPrice changed to 109.99 with a 10.00 discount, travel pouch quantity changed to 2, delivery method changed to express, and estimatedDays changed to 2. Approximately 32 lines of numbered code should be displayed in each full editor. Visual style: Advanced SaaS developer tool interface, crisp vector-level rendering, dark theme, cobalt blue accent color, soft gray text, realistic yet clean UI screenshots, no human figures, no watermarks, and no browser borders outside the application window. Keep all text clear and aligned to the grid.