/* Final, shared full screen affordances. Player placement belongs to depth-controls.css. */
.fullscreen-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;min-height:44px;padding:10px;cursor:pointer;color:inherit;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:50%;touch-action:manipulation}
.fullscreen-toggle svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.fullscreen-toggle .fullscreen-icon-exit{display:none}
.fullscreen-toggle[aria-pressed="true"] .fullscreen-icon-enter{display:none}
.fullscreen-toggle[aria-pressed="true"] .fullscreen-icon-exit{display:block}
.fullscreen-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}
#site-fullscreen-toggle{display:inline-flex!important;color:inherit;border-color:rgba(239,229,209,.24)}
.depth-window-actions{display:flex;align-items:center;justify-self:end;gap:8px;min-width:0;pointer-events:auto}
#depth-fullscreen-toggle{display:inline-flex!important;position:relative;z-index:2;color:#f3f0e7;border-color:rgba(255,255,255,.24);opacity:1!important;visibility:visible!important;pointer-events:auto!important}
#depth-player-fullscreen{border-radius:10px}
.fullscreen-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
html.still-viewport-fullscreen{min-height:100%;overscroll-behavior:none}
html.still-viewport-fullscreen body{min-height:100vh;min-height:100dvh}
html:fullscreen{width:100%;height:100%;background:#080909;overflow:auto}
html:-webkit-full-screen{width:100%;height:100%;background:#080909;overflow:auto}
/* Keep controls below a display cutout without changing the existing 68/60px header content. */
html.still-fullscreen-active #depth-view.depth-fullscreen{grid-template-rows:calc(68px + env(safe-area-inset-top,0px)) minmax(0,1fr) 28px!important}
html.still-fullscreen-active #depth-view.depth-fullscreen .depth-head{min-height:calc(68px + env(safe-area-inset-top,0px))!important;padding-top:env(safe-area-inset-top,0px)!important;padding-left:max(28px,env(safe-area-inset-left,0px))!important;padding-right:max(28px,env(safe-area-inset-right,0px))!important}
html.still-fullscreen-active .still-theme .site-header{padding-left:max(6%,env(safe-area-inset-left,0px));padding-right:max(6%,env(safe-area-inset-right,0px))}
html.still-fullscreen-active #depth-view .depth-mini-dock{left:calc(50% + (env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))/2);width:min(900px,calc(100% - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)))}
/* Full screen changes inset and transform together; animating only transform moves the dialog off screen. */
#viewer.viewer[open]{transition-property:width,max-width!important}
#viewer[open] #viewer-expand{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;flex-shrink:0}
@media(max-width:860px){
  html.still-fullscreen-active #depth-view.depth-fullscreen{grid-template-rows:calc(60px + env(safe-area-inset-top,0px)) minmax(0,1fr) 26px!important}
  html.still-fullscreen-active #depth-view.depth-fullscreen .depth-head{min-height:calc(60px + env(safe-area-inset-top,0px))!important}
}
@media(max-width:1080px){
  html.still-fullscreen-active .still-theme .site-header{height:calc(84px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}
}
@media(max-width:840px){
  html.still-fullscreen-active #depth-view.depth-fullscreen .depth-head{padding-left:max(16px,env(safe-area-inset-left,0px))!important;padding-right:max(16px,env(safe-area-inset-right,0px))!important}
}
@media(max-width:820px){
  html.still-fullscreen-active #viewer.viewer:not(.expanded)[open]{grid-template-rows:calc(52px + env(safe-area-inset-top,0px)) 44px minmax(0,1fr) auto}
  html.still-fullscreen-active #viewer.viewer:not(.expanded) .viewer-bar{height:calc(52px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px))}
  html.still-fullscreen-active #viewer.viewer:not(.expanded) #viewer-demo-switcher{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  html.still-fullscreen-active #viewer .viewer-demo-panel{top:calc(104px + env(safe-area-inset-top,0px));right:max(8px,env(safe-area-inset-right,0px));width:min(340px,calc(100vw - 16px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-height:calc(100dvh - 116px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
}
@media(max-width:760px){
  #site-fullscreen-toggle{width:44px;height:44px;margin:0;padding:10px}
  .still-theme #mobile-menu-toggle,.still-theme #demo-experience-trigger-mobile{min-height:44px}
  html.still-fullscreen-active #depth-view .depth-mini-dock{width:calc(100% - 16px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))}
  #depth-view .depth-brand span{display:none!important}
  #viewer[open] #viewer-expand{font-size:0!important;width:44px;padding:8px!important;gap:0}
  #viewer[open] #viewer-expand::before{content:'⛶';font-size:23px;line-height:1}
  #viewer[open] #viewer-expand[aria-pressed="true"]::before{content:'↙';font-size:23px}
}
@media(max-width:480px){
  html.still-fullscreen-active .still-theme .site-header{padding-left:max(5%,env(safe-area-inset-left,0px));padding-right:max(5%,env(safe-area-inset-right,0px))}
}
@media(max-width:359px){
  /* The legacy studio button forces 93px with !important; compact only the header trigger. */
  .still-theme #demo-experience-trigger-mobile{min-width:44px!important}
}