:root{background:#070a10}
body{height:100svh;display:flex;flex-direction:column;background:#070a10}
.scene-toolbar{flex:0 0 auto;min-height:66px;padding:10px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#101720;border-bottom:1px solid #293442}
.scene-toolbar strong{font-size:16px;margin-right:auto}
.scene-toolbar label{display:flex;align-items:center;gap:6px;margin:0;font-size:12px}
.scene-toolbar input[type=range]{width:100px}
.scene-toolbar a{font-size:12px}
.scene-toolbar button{font-size:12px;padding:5px 10px}
.scene-toolbar input{accent-color:#8aa69a}
main{display:block;flex:1;min-height:0}
#stage{position:relative;height:100%;min-height:0;background:#070a10}
#view-label{display:none}
aside[hidden]{display:none}
.inspecting main{display:grid;grid-template-columns:minmax(0,1fr) 350px}
.inspecting #stage{position:sticky;top:0}
.inspecting aside{overflow:auto}
.inspecting #view-label{display:block}
#loading{z-index:2}
a:focus-visible{outline:2px solid #b8d5ed;outline-offset:3px}
/* Review-only full-page mode. Landscape fills the shared camera viewport. */
.background-preview .scene-toolbar{position:fixed;z-index:5;top:12px;right:12px;min-height:0;padding:0;background:none;border:0}
.background-preview .scene-toolbar>*{display:none}
.background-preview .scene-toolbar #page-preview{display:block;background:#101720d9}
.background-preview main{display:block}
.background-preview #stage{height:100%;min-height:0}
.background-preview aside,.background-preview #view-label,.background-preview #comparison-label{display:none}
@media(max-width:760px){
  .scene-toolbar{gap:9px;padding:10px 12px;min-height:108px}
  .scene-toolbar strong{width:100%;font-size:14px}
  .scene-toolbar input[type=range]{width:72px}
  .inspecting main{display:block;overflow:auto}
  .inspecting #stage{position:relative;height:62svh}
  .inspecting aside{border-top:1px solid #293442}
  .background-preview main{overflow:hidden}
  .background-preview #stage{height:100%}
}