html.viewer-fullscreen-open,body.viewer-fullscreen-open{overscroll-behavior:none}
.showroom .showroom-stage.is-fullscreen{
  --fullscreen-header-space:calc(env(safe-area-inset-top,0px) + 56px);
  --fullscreen-bottom-space:calc(var(--fullscreen-controls-height,52px) + env(safe-area-inset-bottom,0px) + 25px);
  --fullscreen-content-left:calc(env(safe-area-inset-left,0px) + 12px);
  --fullscreen-content-right:calc(env(safe-area-inset-right,0px) + 12px);
  position:fixed!important;
  top:var(--fullscreen-offset-top,0px)!important;
  left:var(--fullscreen-offset-left,0px)!important;
  right:auto!important;
  bottom:auto!important;
  width:100vw!important;
  width:var(--fullscreen-width,100vw)!important;
  height:100vh!important;
  height:100dvh!important;
  height:var(--fullscreen-height,100dvh)!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  z-index:10000;
  isolation:isolate;
  overflow:hidden;
  box-shadow:none;
}
.showroom-stage.is-fullscreen:after{display:none}
.showroom .showroom-stage.is-fullscreen model-viewer{
  position:absolute!important;
  top:var(--fullscreen-header-space)!important;
  left:var(--fullscreen-content-left)!important;
  width:calc(100% - var(--fullscreen-content-left) - var(--fullscreen-content-right))!important;
  height:calc(100% - var(--fullscreen-header-space) - var(--fullscreen-bottom-space))!important;
}
.showroom .showroom-stage.is-fullscreen .primary-image-stage{
  top:var(--fullscreen-header-space)!important;
  right:var(--fullscreen-content-right)!important;
  bottom:var(--fullscreen-bottom-space)!important;
  left:var(--fullscreen-content-left)!important;
  width:auto!important;
  height:auto!important;
  background:transparent;
}
.showroom .showroom-stage.is-fullscreen .primary-image-stage img{width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain}
.showroom .showroom-stage.is-fullscreen .stage-label,.showroom .showroom-stage.is-fullscreen .special-degree,.showroom .showroom-stage.is-fullscreen .fullscreen-hint{display:none!important}
.showroom .showroom-stage.is-fullscreen .fullscreen-button{top:calc(env(safe-area-inset-top,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 12px);min-width:44px;min-height:44px;padding:6px 10px;font-size:21px;z-index:12}
.showroom .showroom-stage.is-fullscreen .fullscreen-button span{font-size:11px}
.showroom .showroom-stage.is-fullscreen .model-toolbar{bottom:calc(env(safe-area-inset-bottom,0px) + 10px);max-width:calc(100% - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 22px);z-index:10}
.showroom .showroom-stage.is-fullscreen #model-toolbar{bottom:calc(env(safe-area-inset-bottom,0px) + 10px)}
.showroom .showroom-stage.is-fullscreen .model-toolbar button{min-width:44px;min-height:44px;font-size:12px}
.showroom .showroom-stage.is-fullscreen .model-toolbar .zoom-tools button{width:44px;font-size:18px}
.showroom .showroom-stage.is-fullscreen .model-toolbar .zoom-tools .reset-button{width:44px;font-size:11px}
@media(orientation:landscape){
  .showroom .showroom-stage.is-fullscreen{
    --fullscreen-sidebar-width:112px;
    --fullscreen-header-space:calc(env(safe-area-inset-top,0px) + 8px);
    --fullscreen-bottom-space:calc(env(safe-area-inset-bottom,0px) + 8px);
    --fullscreen-content-left:calc(env(safe-area-inset-left,0px) + 8px);
    --fullscreen-content-right:calc(env(safe-area-inset-right,0px) + var(--fullscreen-sidebar-width) + 24px);
  }
  .showroom .showroom-stage.is-fullscreen #model-toolbar,.showroom .showroom-stage.is-fullscreen #primary-image-toolbar{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:6px;
    top:calc(env(safe-area-inset-top,0px) + 62px);
    right:calc(env(safe-area-inset-right,0px) + 12px);
    bottom:auto;
    left:auto;
    transform:none;
    width:var(--fullscreen-sidebar-width);
    max-width:var(--fullscreen-sidebar-width);
    max-height:calc(100% - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 72px);
    padding:8px;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    touch-action:pan-y;
  }
  .showroom .showroom-stage.is-fullscreen #model-toolbar .view-presets,.showroom .showroom-stage.is-fullscreen #model-toolbar .material-controls,.showroom .showroom-stage.is-fullscreen .model-toolbar .zoom-tools{display:grid;grid-template-columns:repeat(2,minmax(44px,1fr));gap:6px;width:100%;padding:0;flex:0 0 auto}
  .showroom .showroom-stage.is-fullscreen #model-toolbar .view-presets button,.showroom .showroom-stage.is-fullscreen #model-toolbar .material-controls button,.showroom .showroom-stage.is-fullscreen .model-toolbar .zoom-tools button{width:100%;min-width:44px;min-height:44px;padding:6px 2px;font-size:11px}
  .showroom .showroom-stage.is-fullscreen .model-toolbar .zoom-tools button:not(.reset-button){font-size:18px}
  .showroom .showroom-stage.is-fullscreen .model-toolbar .zoom-tools .reset-button{grid-column:1/-1;width:100%;margin:0}
  .showroom .showroom-stage.is-fullscreen .model-toolbar .toolbar-divider{display:none}
  .showroom .showroom-stage.is-fullscreen .primary-image-toolbar>span:first-child{align-self:center;font-size:11px}
}
@media(orientation:landscape) and (max-height:350px){
  .showroom .showroom-stage.is-fullscreen{--fullscreen-sidebar-width:158px}
  .showroom .showroom-stage.is-fullscreen #model-toolbar,.showroom .showroom-stage.is-fullscreen #primary-image-toolbar{top:calc(env(safe-area-inset-top,0px) + 58px);max-height:calc(100% - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 68px);padding:6px;gap:4px}
  .showroom .showroom-stage.is-fullscreen #model-toolbar .view-presets,.showroom .showroom-stage.is-fullscreen #model-toolbar .material-controls,.showroom .showroom-stage.is-fullscreen .model-toolbar .zoom-tools{gap:4px}
  .showroom .showroom-stage.is-fullscreen .model-toolbar .zoom-tools{grid-template-columns:repeat(3,minmax(44px,1fr))}
  .showroom .showroom-stage.is-fullscreen .model-toolbar .zoom-tools .reset-button{grid-column:auto}
}