
Settings → Customization → Use your own CSS
Where to start
Everything in the viewer is namespaced. The root element is.iv_root, and the CSS custom properties it exposes are the cleanest way to restyle:
Documentation Index
Fetch the complete documentation index at: /llms.txt
Use this file to discover all available pages before exploring further.
Take full control of the viewer styling when the style editor is not enough.

Settings → Customization → Use your own CSS
.iv_root, and the CSS custom properties it exposes are the cleanest way to restyle:
.iv_root {
--iv-bg: #faf7f2;
--iv-surface: #ffffff;
--iv-border: #e7e0d6;
--iv-text: #1c1917;
--iv-text-muted: #78716c;
--iv-accent: #b45309;
}
| Class | Element |
|---|---|
.iv_root | The whole viewer |
.iv_split | The two-pane grid |
.iv_canvas | The media pane |
.iv_panel-controls | The filter row |
.pp_unitTile | A room card |
.iv_polygon | A floor or room shape |
.iv_room-vp | A viewpoint marker |
.iv_hotspot | A feature hotspot pin |
.iv_btn--detail | The room action buttons |
iv_ or pp_.@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;700&display=swap");
.iv_root {
font-family: "Cormorant Garamond", serif;
}