/* Only the primary tool moves. Native categories, logos, drawings and mascots
   keep their existing presentation. The source or verified white-margin frame
   fits the stage without cutting into the photographed tool. */
.site-refresh [data-refresh-angle-stage][data-refresh-angle-ready] {
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  height:560px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
}
.site-refresh [data-refresh-angle-frame] {
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
}
.site-refresh [data-refresh-angle-stage][data-refresh-angle-ready] > img[data-refresh-tool-angle][data-refresh-image="source"] {
  position:absolute!important;
  inset:auto!important;
  top:var(--refresh-angle-center,50%)!important;
  left:50%!important;
  display:block!important;
  width:var(--refresh-angle-width)!important;
  height:var(--refresh-angle-height)!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  transform-origin:var(--refresh-angle-origin,center)!important;
  translate:none!important;
  rotate:none!important;
  scale:none!important;
  transform:translate(var(--refresh-angle-x,-50%),var(--refresh-angle-y,-50%)) rotate(var(--refresh-angle-degrees))!important;
  clip-path:inset(var(--refresh-angle-clip,0))!important;
  animation:none!important;
  transition:none!important;
}
.site-refresh .individual-photo-frame[data-refresh-angle-stage][data-refresh-angle-ready] {
  --refresh-angle-inset-top:100px;
  height:660px!important;
}
@media(max-width:900px) {
  .site-refresh [data-refresh-angle-stage][data-refresh-angle-ready] { height:450px!important; }
  .site-refresh .individual-photo-frame[data-refresh-angle-stage][data-refresh-angle-ready] { height:550px!important; }
}
@media(max-width:600px) {
  .site-refresh [data-refresh-angle-stage][data-refresh-angle-ready] { height:350px!important; }
  .site-refresh .individual-photo-frame[data-refresh-angle-stage][data-refresh-angle-ready] {
    --refresh-angle-inset-top:86px;
    height:436px!important;
  }
}