Viewerframe+mode — _best_

ViewerFrame + Mode is a UI/UX pattern that separates a content viewer component (ViewerFrame) from an interaction or editing mode (Mode). It allows users to switch between passive consumption and active manipulation with minimal context switching.

/* The classic container */ .image-frame width: 100%; height: 500px; viewerframe+mode

: High-end CMOS network cameras use different "Viewer Frame Modes" (such as 720p, 1080p, or 4K) to balance surveillance detail with network bandwidth. ViewerFrame + Mode is a UI/UX pattern that

> viewerframe+mode=preserve_user.