.viewer-stage{position:relative;width:100%;height:430px;overflow:hidden;border-radius:10px;background:linear-gradient(145deg,#f8fafb,#edf3f1);touch-action:none;cursor:zoom-in}.viewer-stage.is-zoomed{cursor:grab}.viewer-stage.is-dragging{cursor:grabbing}.viewer-stage #modalImage{width:100%;height:100%;padding:18px;object-fit:contain;transform-origin:center;will-change:transform;user-select:none;-webkit-user-drag:none}.viewer-tools{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.viewer-tools button{min-width:38px;height:36px;border:1px solid #d6e3df;border-radius:7px;background:#fff;color:var(--green);font-weight:800;cursor:pointer}.viewer-tools button:last-child{padding-inline:12px}.viewer-tools output{min-width:58px;text-align:center;font-size:12px;font-weight:800;color:var(--navy)}.viewer-hint{text-align:center;margin:7px 0 0!important;color:#74827c!important;font-size:11px!important}.custom-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.custom-card-actions .btn{padding:0 10px;font-size:11px}.btn-view-jacket{border:1px solid var(--green);background:#fff;color:var(--green)}
@media(max-width:700px){.viewer-stage{height:min(80vw,340px)}.viewer-stage #modalImage{padding:10px}.custom-card-actions{grid-template-columns:1fr}}