- Shipped
- July 22, 2026 at 5:55 PM UTC
- Author
- kamo
- Commit
- c072e97
Removing the width cap was not the fix; the layout itself needed to be designed for the space rather than tolerated in it. The studio is now three zones side by side: - **Outline rail** — the sections, with the current one highlighted as you scroll (IntersectionObserver, top-weighted so a section becomes current when its header reaches where attention actually is). Sections written by hand are marked, so a hand-written part is findable later without opening every one. - **Editor** — the sections themselves, tiling into as many columns as the viewport holds instead of one narrow ribbon. - **Live conversation** — a real column on a wide display, not a strip that collapses the content when opened. This is the edit-and-watch loop the studio exists for: change an instruction, see the answer change, without navigating. One TestDrivePanel instance, repositioned rather than duplicated — mounting it twice would start two throwaway sessions. Below xl it drops beneath the editor as a full-width row rather than squeezing a third column onto a display with no room for one, and the rail hides entirely on small screens.