/* XYZ 3D Studio 0.18.96.234 — isolated Single Photo narrow viewport ownership. */

/* Once Single Photo becomes a compact/narrow workstation it owns the visible viewport.
   This prevents the WordPress masthead/footer from eating the editing area. */
@media (max-width:900px){
  html.xyz3d-sp-active234,body.xyz3d-sp-active234{overflow:hidden!important;overscroll-behavior:none!important}
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234{
    position:fixed!important;top:var(--xyz3d-sp-top234,0px)!important;left:0!important;right:0!important;bottom:auto!important;
    width:100vw!important;max-width:none!important;height:var(--xyz3d-sp-height234,100dvh)!important;min-height:0!important;
    margin:0!important;border-radius:0!important;z-index:2147482000!important;overflow:hidden!important;background:#07121e!important
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234>.xyz3d-photo-service-shell:not([hidden]){
    display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;overflow:hidden!important
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234>.xyz3d-photo-service-shell>.xyz3d-photo-service-nav{
    flex:0 0 34px!important;height:34px!important;min-height:34px!important;padding:0 4px!important;overflow-x:auto!important;overflow-y:hidden!important
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234>.xyz3d-photo-service-shell>.xyz3d-photo-service-nav button{
    min-height:34px!important;height:34px!important;padding:4px 8px!important;font-size:10px!important;white-space:nowrap!important
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234>.xyz3d-photo-service-shell>.xyz3d-photo-studio-modes{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;flex:0 0 38px!important;height:38px!important;min-height:38px!important;
    gap:4px!important;padding:3px 5px!important;overflow:hidden!important
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234>.xyz3d-photo-service-shell>.xyz3d-photo-studio-modes button{
    min-width:0!important;height:32px!important;min-height:32px!important;padding:4px 7px!important;border-radius:8px!important;text-align:left!important;overflow:hidden!important
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234>.xyz3d-photo-service-shell>.xyz3d-photo-studio-modes button strong{
    display:block!important;font-size:10px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234>.xyz3d-photo-service-shell>.xyz3d-photo-studio-modes button span{display:none!important}
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234>.xyz3d-photo-service-shell>.xyz3d-photo-single-workspace:not([hidden]){
    display:block!important;flex:1 1 auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234>.xyz3d-photo-service-shell>.xyz3d-photo-workspace:not([hidden]){
    display:grid!important;flex:1 1 auto!important;grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,50%) minmax(0,50%)!important;grid-template-areas:"stage" "settings"!important;
    width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:0!important;overflow:hidden!important
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-photo-workspace>.xyz3d-stage{
    grid-area:stage!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-photo-workspace>.xyz3d-panel{
    grid-area:settings!important;display:block!important;width:100%!important;height:100%!important;
    min-height:0!important;max-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;
    overscroll-behavior:contain!important
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-photo-single-shell{
    width:100%!important;height:100%!important;min-height:0!important;gap:0!important;overflow:hidden!important
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-photo-single-stage,
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-photo-single-settings{min-height:0!important}
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-photo-single-settings{scrollbar-gutter:stable!important;overscroll-behavior:contain!important}
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-single-stage-toolbar{margin:0 0 4px!important;min-height:30px!important;gap:4px!important}
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-single-stage-meta{display:none!important}
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-single-photo-footer{position:sticky!important;bottom:0!important;z-index:8!important;background:linear-gradient(180deg,rgba(6,16,27,.82),#06101b 28%)!important;padding-bottom:6px!important}
}

/* Narrow desktop/laptop with a mouse: keep a compact Studio header so the user
   always knows where they are, but do not give the WordPress page the viewport. */
@media (max-width:900px){
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234.xyz3d-sp-fine234>.xyz3d-photo-service-shell>.xyz3d-header{
    display:flex!important;flex:0 0 38px!important;height:38px!important;min-height:38px!important;padding:0 10px!important;overflow:hidden!important
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234.xyz3d-sp-fine234>.xyz3d-photo-service-shell>.xyz3d-header small{display:none!important}
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234.xyz3d-sp-phone234>.xyz3d-photo-service-shell>.xyz3d-header{display:flex!important;flex:0 0 34px!important;height:34px!important;min-height:34px!important;padding:0 8px!important;overflow:hidden!important}
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234.xyz3d-sp-phone234>.xyz3d-photo-service-shell>.xyz3d-header small{display:none!important}
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234.xyz3d-sp-phone234>.xyz3d-photo-service-shell>.xyz3d-header .xyz3d-secure{display:none!important}
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234.xyz3d-sp-phone234>.xyz3d-photo-service-shell>.xyz3d-header .xyz3d-brand strong{font-size:14px!important;white-space:nowrap}
}

/* 700–900 px: workstation split view. */
@media (min-width:700px) and (max-width:900px){
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-photo-single-shell{
    display:grid!important;grid-template-columns:minmax(220px,245px) minmax(0,1fr)!important;grid-template-rows:1fr!important;
    grid-template-areas:"single-settings single-stage"!important
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-photo-single-settings{
    grid-area:single-settings!important;width:auto!important;min-width:0!important;max-width:none!important;
    overflow-y:auto!important;padding:7px 7px 74px!important
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-photo-single-stage{grid-area:single-stage!important;overflow:hidden!important;padding:5px!important}
}

/* Very narrow desktop and phones: stage stays visible, settings get their own lower scroller. */
@media (max-width:699px){
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-photo-single-shell{
    display:grid!important;grid-template-columns:1fr!important;grid-template-rows:minmax(0,56%) minmax(0,44%)!important;
    grid-template-areas:"single-stage" "single-settings"!important
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-photo-single-stage{grid-area:single-stage!important;overflow:hidden!important;padding:3px!important}
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-photo-single-settings{grid-area:single-settings!important;overflow-y:auto!important;padding:6px 6px 72px!important}
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-photo-single-settings .xyz3d-photo-single-head p{display:none!important}
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-photo-single-settings .xyz3d-photo-single-head{margin-bottom:5px!important}
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-single-photo-dropzone-stage{height:calc(100% - 34px)!important;min-height:0!important}
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-layer142-toolbar{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important}
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-layer142-toolbar::-webkit-scrollbar{display:none!important}
}