/* TrueHelm 2.1.1 - responsive Option B room drawings.
   The actual canvas and pins retain the same coordinate system. */
#page.v210-room-page .v210-room-main{min-width:0;width:100%;align-items:stretch}
#page.v210-room-page .v210-room-main .v198-scene-panel{min-width:0;width:100%;overflow:visible}
#page.v210-room-page .v210-room-main #sceneViewport{
  display:block;position:relative;box-sizing:border-box;min-height:0!important;
  max-width:100%!important;max-height:calc(72dvh - 40px)!important;
  margin:8px auto 12px!important;aspect-ratio:auto!important;overflow:hidden!important;
  border-radius:9px;border:1px solid #47717a;
}
#page.v210-room-page #sceneViewport #sceneStage{
  width:100%!important;height:100%!important;min-height:0!important;
  max-height:none!important;margin:0!important;aspect-ratio:auto!important;
}
#page.v210-room-page #sceneViewport .v198-background{
  width:100%!important;height:100%!important;object-fit:contain!important;
  object-position:center!important;
}
#page.v210-room-page .v198-scene-meta{flex-wrap:wrap;gap:5px}
#page.v210-room-page .v230-view-tools{min-width:0}
#page.v210-room-page .v210-room-main .v198-asset-panel{min-width:0}
@media (min-width:761px) and (max-height:700px){
  #page.v210-room-page .v210-room-main #sceneViewport{max-height:65dvh!important}
}
@media (max-width:760px){
 #page.v210-room-page .v210-room-main #sceneViewport{max-height:60dvh!important}
 #page.v210-room-page .v210-room-main{min-width:0}
}