Ubuntu 8c6febea09 Rewrite visualizer with photorealistic CSS rendering ...

Replaced SVG lines with CSS borders and glass effects:
- Frame: Thick CSS borders (12px) with shadow-2xl and ring-1 ring-white/10
- Glass: backdrop-blur + backdrop-brightness + sky-100/10 tint
- Grid: CSS Grid with gaps (gaps show frameColor as steel profiles)
- Handles: Absolute positioned divs with realistic shadows
- Background: Room image with white/60 overlay for contrast

Frame colors: #1f1f1f (charcoal black), #8B6F47 (bronze), #525252 (grey)

Result: Looks like a photo of a door, not a drawing

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

2026-02-10 16:20:59 +00:00

4.8 KiB

Raw Blame History

View Raw