.v3d{position:relative;border-radius:14px;margin-bottom:18px;background:radial-gradient(circle at 50% 35%,#fff,var(--sage));aspect-ratio:900/637;overflow:hidden;touch-action:pan-y;cursor:grab}
.card.feature .v3d{aspect-ratio:1;margin:0}
.v3d:active{cursor:grabbing}
.v3d canvas{position:absolute;inset:0 0 34px 0;width:100%!important;height:calc(100% - 34px)!important;display:block}
.v3d>img{position:absolute;inset:0;margin:0!important;width:100%;height:100%;transition:opacity .5s}
.v3d.ready>img{opacity:0;pointer-events:none}
.v3d-bar{position:absolute;left:0;right:0;bottom:0;height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;gap:8px;pointer-events:none}
.v3d-bar>*{pointer-events:auto}
.v3d .hint{position:static;background:rgba(31,58,50,.85);color:#fff;font:600 .72rem Inter,sans-serif;letter-spacing:.06em;padding:5px 11px;border-radius:999px;opacity:0;transition:opacity .4s;pointer-events:none}
.v3d.ready .hint{opacity:1}
.v3d .reset{position:static;border:0;background:#fff;color:var(--green);font:600 .72rem Inter,sans-serif;padding:5px 11px;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.12);cursor:pointer;opacity:0}
.v3d.ready .reset{opacity:1}