/* XYZ 3D Studio 0.18.96.235 — isolated compact Single Photo UI polish. */

@media (max-width:900px){
  /* The lower settings rail scrolls independently. The action itself is a small viewport button,
     not a full-width banner that consumes the editor. */
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-single-photo-footer{
    position:static!important;
    display:block!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:none!important;
    overflow:visible!important;
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-single-photo-footer>span{
    display:none!important;
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 [data-single-photo-continue]{
    position:fixed!important;
    right:12px!important;
    bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
    z-index:2147482990!important;
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 8px!important;
    margin:0!important;
    border-radius:12px!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
    white-space:nowrap!important;
    box-shadow:0 5px 16px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.13)!important;
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 [data-single-photo-continue]:disabled{
    opacity:.38!important;
  }

  /* Keep the Vector overlay tied exactly to the same stage rectangle at every narrow size. */
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-single-photo-dropzone-stage{
    position:relative!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    padding:0!important;
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-single-svg-preview137{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    transform:none!important;
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-single-svg-preview137>svg,
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-layer142-svg{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    transform:none!important;
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-single-svg-preview137>span{
    display:none!important;
  }

  /* The diagnostic tools remain available but no longer spend half the phone settings viewport. */
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-single-photo-debug [data-xyz3d-sp-debug-note]{display:none!important}
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-single-photo-debug{padding-bottom:4px!important}
}

/* Small desktop window: preserve a predictable stage/settings split rather than a page-like stack. */
@media (min-width:700px) and (max-width:900px){
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-photo-single-shell{
    grid-template-columns:minmax(210px,235px) minmax(0,1fr)!important;
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-photo-single-settings{
    padding:6px 6px 54px!important;
  }
}

/* Phones and very narrow desktop windows: the preview is always visible above a settings scroller. */
@media (max-width:699px){
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-photo-single-shell{
    grid-template-rows:minmax(250px,58%) minmax(0,42%)!important;
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-photo-single-stage{
    padding:3px!important;
    min-height:0!important;
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-photo-single-settings{
    padding:5px 5px 56px!important;
    scroll-padding-top:4px!important;
  }
}

@media (max-width:420px){
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 .xyz3d-photo-single-shell{
    grid-template-rows:minmax(235px,57%) minmax(0,43%)!important;
  }
  .xyz3d-app.xyz3d-photo-open.xyz3d-sp-narrow234 [data-single-photo-continue]{
    right:9px!important;
    bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    height:38px!important;
    min-height:38px!important;
  }
}