FP-22: Responsive View-Only, Dark Mode & Print

[steilerDev]

As a homeowner using a mobile device, I want to view floor plans with touch gestures and see them correctly in dark mode and print so that the floor plan system works across all contexts.

Parent Epic: #752 (EPIC-16: Floor Plans & Utility Tracking)
Priority: Must Have
Phase: 6 — Polish

Acceptance Criteria

• 1. On mobile and tablet viewports, all canvas views (lot, floor plan, layer detail) render in view-only mode
• 2. Drawing toolbars and editing controls are hidden on mobile/tablet viewports
• 3. Touch pan (single finger drag) works on all Konva canvases
• 4. Pinch-to-zoom works on all Konva canvases
• 5. Dark mode: all Konva shapes read CSS custom properties via getComputedStyle() for colors, so they adapt to dark mode
• 6. Print CSS: floor plan pages render a clean, printer-friendly layout (canvas exports as image, no toolbars)

Notes

• Dependencies: All previous stories (FP-1 through FP-21)
• This is the final polish story ensuring the floor plan system works on mobile (view-only), in dark mode, and in print
• Scope reduced (spec review): ARIA labels, aria-live announcements, Element List panel, help panel, keyboard focus indicators, and keyboard navigation were removed from scope. Accessibility for canvas-based interactions is deprioritized in favor of implementation simplicity. Only responsive view-only behavior, dark mode, and print CSS remain.

[steilerDev]

Closing — epic deferred. Will be re-opened if/when EPIC-16 is picked up.