/* Wardrobe-only framing. The artwork keeps its native proportions, and its
   complete right hand and sleeve fit within the same frame for every skin. */
body.v142-vault-open #v172-account-button { display:none; }
#v142-skin-vault .v178-hand-preview {
  container-type:size;
  pointer-events:none;
  overflow:hidden;
}
#v142-skin-vault .v175-appearance-stage .v142-option-hand-crop.v178-hand-preview {
  position:absolute;
  z-index:4;
  inset:6% 4% 8% 64%;
  width:auto;
  height:auto;
  border:0;
  padding:0;
  background:radial-gradient(ellipse at 54% 62%,#090b0b99,transparent 72%);
}
#v142-skin-vault .v178-hand-window {
  position:absolute;
  left:50%;
  top:50%;
  width:min(94cqw,calc(94cqh * var(--v178-hand-ratio,1)));
  height:min(94cqh,calc(94cqw / var(--v178-hand-ratio,1)));
  translate:-50% -50%;
  overflow:hidden;
}
#v142-skin-vault .v178-hand-preview .v142-option-hand {
  position:absolute;
  left:var(--v178-hand-image-left,0%);
  top:var(--v178-hand-image-top,0%);
  right:auto;
  bottom:auto;
  width:var(--v178-hand-image-width,100%);
  height:auto;
  max-width:none;
  margin:0;
  object-fit:contain;
  clip-path:none;
  filter:drop-shadow(0 2px 3px #0008);
  transform:none;
}
#v142-skin-vault .v175-appearance-features { align-items:center; }
#v142-skin-vault .v175-appearance-features > .v178-hand-feature {
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:3px 6px;
}
#v142-skin-vault .v178-feature-hand {
  position:relative;
  flex:0 0 48px;
  width:48px;
  height:54px;
  padding:0;
  border:0;
}
