/* Preview geometry only. The two existing canvases remain the artwork source. */
#scene.bancus-depth-scene{aspect-ratio:85.6/54.2}
#card3d.bancus-card-depth{
  --bancus-card-half-depth:calc(var(--bancus-card-depth,0px) / 2);
  transform-style:preserve-3d;
}
#card3d.bancus-card-depth>.face{
  border-radius:var(--bancus-card-radius-x,4.2%) / var(--bancus-card-radius-y,6.6%);
}
#card3d.bancus-card-depth>.face.front{transform:translateZ(var(--bancus-card-half-depth))}
#card3d.bancus-card-depth>.face.back{transform:rotateY(180deg) translateZ(var(--bancus-card-half-depth))}
.bancus-card-rim{
  position:absolute;inset:0;transform-style:preserve-3d;
  pointer-events:none;user-select:none;
}
.bancus-card-rim-plane{
  position:absolute;height:var(--bancus-card-depth,0px);
  transform-origin:50% 50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  pointer-events:none;
  background:linear-gradient(180deg,var(--bancus-edge-high,#d2d8dd),var(--bancus-edge-mid,#a2a8ae) 18%,var(--bancus-edge-low,#687078) 50%,var(--bancus-edge-mid,#a2a8ae) 82%,var(--bancus-edge-high,#d2d8dd));
}
#scene.bancus-depth-scene #ghost .sel{transform:translateZ(calc(var(--bancus-card-depth,0px) / 2))}
/* Editing coordinates and ink remain on the original flat canvas plane. */
#scene.bancus-depth-flat{--bancus-card-depth:0px!important}
#scene.bancus-depth-flat .bancus-card-rim{visibility:hidden}
/* The idle CTA and drawing canvas are flat editor overlays, so they must
   not float in front of the rotating solid. Face artwork/guards keep rotating. */
.stage.bancus-depth-spinning #ink,
.stage.bancus-depth-spinning .empty-start,
.stage.bancus-depth-spinning .safe-guide,
.stage.bancus-depth-spinning .alignment-guide{visibility:hidden}