/* One frame, sidebar and image width across all relaxation scenes. */
.workspace,body[data-space] .space-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.workspace.menu-hidden{grid-template-columns:minmax(0,1fr)}
.stage,.stage.with-quotes,body[data-space] .calm-scene{height:var(--room-height);min-height:0;max-height:none;width:100%;margin:0}
.calm-scene>#scene-image,.calm-scene>#scene-canvas,.calm-scene:fullscreen>#scene-image,.calm-scene:fullscreen>#scene-canvas,.calm-scene.immersive>#scene-image,.calm-scene.immersive>#scene-canvas{left:0;right:0;width:100%;height:100%;transform:none;mask-image:none;object-fit:contain}
.stage:fullscreen #lava,.stage.immersive #lava,.stage:fullscreen .scene-background,.stage.immersive .scene-background{width:100%;left:0;right:0;transform:none;mask-image:none}
.shared-clock-setting[hidden]{display:none!important}
.space-layout aside>.shared-clock-setting,#settings-dock aside>.shared-clock-setting{margin:0 0 24px}
.space-layout aside>.shared-clock-setting label,#settings-dock aside>.shared-clock-setting label{margin:0 0 10px}
@media(min-width:2200px){.workspace,body[data-space] .space-layout{grid-template-columns:minmax(0,1fr) 360px;gap:24px}.workspace.menu-hidden{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1050px) and (min-width:801px){.workspace,body[data-space] .space-layout{grid-template-columns:minmax(0,1fr) 305px;gap:14px}.workspace.menu-hidden{grid-template-columns:minmax(0,1fr)}}
@media(max-width:800px){.workspace,body[data-space] .space-layout{grid-template-columns:minmax(0,1fr)}}
.stage:fullscreen,.stage.immersive,.stage.with-quotes:fullscreen,.stage.with-quotes.immersive,body[data-space] .calm-scene:fullscreen,body[data-space] .calm-scene.immersive{height:100dvh;width:100%;max-height:none}

/* Preserve the entire photographic composition at every viewport aspect ratio. */
.stage{container-type:size;background:#111416}
.stage #lava,.stage .scene-background,.stage:fullscreen #lava,.stage.immersive #lava,.stage:fullscreen .scene-background,.stage.immersive .scene-background{position:absolute;inset:auto;left:50%;top:50%;width:min(100cqw,150cqh);height:min(100cqh,66.666667cqw);transform:translate(-50%,-50%);margin:0;mask-image:none}
.stage .scene-background img{object-fit:contain}