Widescreen, Zen mode, and immersive layout controls

Customize page and message width, enter Zen mode to hide platform chrome, and configure panel size and behavior — all configured per site.

Ophel gives you fine-grained control over how AI pages are displayed. You can widen the reading area to use your full monitor, independently adjust your message bubble width, and strip away platform chrome with Zen mode. Layout settings are configured per site so each platform has its own values.

Page width

Many AI platforms cap their content area to a narrow column, leaving wide margins on large screens. Ophel lets you set a custom maximum width to fill more of the screen.

Settings → Site Settings → [Select site] → Layout → Page Width

• Unit: percentage of viewport width
• Range: 50%–100% (sliders are capped at 99% to preserve a sliver of the original platform chrome)
• Changes apply immediately; no page refresh needed.

User message width

Your outgoing message bubbles have their own independent width control, separate from the overall content area. Widening them reduces the whitespace around your messages in conversations that use a wide content area.

Settings → Site Settings → [Select site] → Layout → User Message Width

Zen mode

Zen mode hides platform UI elements outside the conversation — sidebars, navigation bars, headers — so your focus stays on the content.

How to enable:

Keyboard shortcut

Press Ctrl+Shift+Z (Cmd+Shift+Z on Mac) to toggle Zen mode.

Floating button

Click the Zen button in the floating button group.

Settings (persistent)

Enable Settings → Site Settings → [Select site] → Layout → Zen Mode to enter Zen mode automatically every time you open that site.

Toggling Zen mode with the button or shortcut creates a temporary state that may not survive a page refresh. Enable it in Settings for a persistent effect on a specific site.

Zen mode hides elements based on Ophel’s knowledge of each platform’s DOM structure. The effect may be incomplete on some sites.

Panel size and position

You can drag the panel by its title bar to reposition it anywhere on screen. Double-clicking the title bar toggles between Edge Snap and Floating mode. Additional size and behavior settings are in Settings → General → Panel:

Setting	Description	Default
Panel mode	Edge Snap or Floating	Edge Snap
Default side	Left or right side of the screen	Right
Edge distance	Distance from the screen edge when in Floating mode	0 px
Panel width	240–600 px	320 px
Panel height	50–100 vh	85 vh
Snap threshold	Distance from edge that triggers automatic snapping	30 px

When in Edge Snap mode, hover over the corresponding screen edge to pop the panel out for a preview. Drag the title bar away from the edge to switch to Floating mode.