/* One comparable application viewport. Direction materials remain independent. */
body[data-direction] { overflow-anchor:none; }
body[data-direction] .workspace-frame {
  padding:16px!important;
  border-width:1px!important;
  border-radius:14px!important;
  overflow:hidden;
  transition:background-color 180ms ease,border-color 180ms ease;
}
body[data-direction] .workspace-bar { display:none!important; }
body[data-direction] #platform-tour {
  display:block;
  width:100%!important;
  min-height:0!important;
  border:0!important;
  border-radius:9px!important;
}
body[data-direction] .workspace-foot { padding-top:14px; }
body[data-direction=rogo] .workspace-frame { background:#edeeeb!important;border-color:#dadeda!important; }
body[data-direction=henry] .workspace-frame { background:#142b43!important;border-color:#203a54!important; }
body[data-direction=hebbia] .workspace-frame { background:#333631!important;border-color:#42463f!important; }
body[data-direction=mcp] .workspace-frame { background:radial-gradient(ellipse at 20% 0,#d9e5f4 0,#edf2f7 64%,#dfe7ef 100%)!important;border-color:#d9e1e9!important; }
body[data-direction=harvey] .workspace-frame { background:linear-gradient(125deg,#c4d0d0,#93a7ad)!important;border-color:#a7b8bc!important; }
@media(max-width:760px){body[data-direction] .workspace-frame{padding:10px!important;border-radius:10px!important}}
@media(prefers-reduced-motion:reduce){body[data-direction] .workspace-frame{transition:none}}