.product-rotation{min-height:28px;padding:6px 12px;background:var(--photo,#efeeeb);box-sizing:border-box;text-align:center}.product-rotation[hidden],.rotation-hint[hidden],.rotation-status[hidden],.rotation-canvas[hidden],.rotation-cue[hidden],.rotation-loading[hidden]{display:none}.rotation-hint,.rotation-status{margin:0;font-size:11px;line-height:1.6;color:var(--muted,#68766d)}.rotation-mobile-hint{display:none}.rotation-canvas,.rotation-loading{position:absolute;box-sizing:border-box}.rotation-canvas{pointer-events:none;z-index:0}.rotation-ready>#finish-photo{opacity:0}.is-rotating>#finish-photo{cursor:grab;touch-action:pan-y;user-select:none}.is-rotating>#finish-photo:active{cursor:grabbing}.rotation-cue{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:68px;height:68px;border:1px solid #fff9;border-radius:50%;background:#ffffffe0;color:#30453c;box-shadow:0 3px 18px #18251d12;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .18s ease}.rotation-cue svg{width:49px;height:35px}.rotation-used .rotation-cue{opacity:0;visibility:hidden}.rotation-loading{z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:22px;background:#efeeebed;color:var(--muted,#68766d);font-size:11px;text-align:center}.rotation-spinner{width:32px;height:32px;border:2px solid #cbd1cc;border-top-color:#345447;border-radius:50%;animation:rotation-loading-spin .8s linear infinite}.rotation-progress{display:block;appearance:none;border:0;width:105px;height:2px;background:#d7ddd8;accent-color:#345447}.rotation-progress::-webkit-progress-bar{background:#d7ddd8}.rotation-progress::-webkit-progress-value{background:#345447}.rotation-progress::-moz-progress-bar{background:#345447}@keyframes rotation-loading-spin{to{transform:rotate(360deg)}}@media(max-width:620px){.rotation-desktop-hint{display:none}.rotation-mobile-hint{display:inline}.rotation-hint,.rotation-status{font-size:10px}.rotation-cue{width:48px;height:48px}.rotation-cue svg{width:37px;height:28px}.rotation-loading{gap:9px;padding:10px;font-size:10px}.rotation-spinner{width:26px;height:26px}.product-rotation{padding:5px 8px;min-height:25px}}@media(prefers-reduced-motion:reduce){.rotation-spinner{animation:none}.rotation-cue{transition:none}}