Redesign lab UX for direct manipulation and mobile curation

[YesterdaysLemon]

Summary

• make the whole pale workspace directly navigable: primary drag pans, wheel or pinch zooms, and middle drag pans from any tool
• add a draggable orientation bearing and keep the dish center locked after panning so rotation no longer precesses
• keep Culture, Settings, and Lineage as three persistent bottom-right instrument tiles on desktop and mobile, with one shared active state and crisp drawer behavior
• add a compact selected-cohort palette for Save, Mutate, cohort count, and Restart dish
• make blank-stage taps dismiss every drawer and the cohort palette
• refresh Culture and DNA icon geometry, remove stray hover marks, square the Settings shell, improve label readability, and cap partial drawers to their content
• preserve the existing favicon and image assets

UX decisions

• the culture canvas owns the default view; Culture, Settings, and Lineage close one another instead of stacking
• opening a drawer never moves its launcher out of the dock
• blank space is both a navigation surface and the universal dismiss target
• the visible dish bearing is the primary rotation affordance, with drawer controls retained as an accessible alternative
• selected-cohort work stays beside the vessel instead of sending users through the larger registry

QA

• npm test - 911 passing
• npm run build - production TypeScript and Vite build passing; 131 preset sync check passing
• node tools/browserCheck.mjs - all 11 live WebGPU pipelines compiled in Chrome for Testing
• node tools/uiCheck.mjs - persistent dock, blank-stage dismissal, pale-area pan and zoom, actual bearing drag, zero-pixel center drift after panned rotation, cohort palette, drawer coordination, settings gates, and keyboard focus recovery passing
• Playwright visual and interaction passes at 1280x900 and 390x844, including persistent active launchers, Culture, Settings, Lineage, and blank-stage dismissal