.ring-3d-viewer[data-v-11ec79bd]{background:#fff;height:100%;position:relative;width:100%}.ring-canvas[data-v-11ec79bd]{height:100%;touch-action:none;width:100%}.canvas-loading-overlay[data-v-11ec79bd],.loading-overlay[data-v-11ec79bd]{align-items:center;background:#fff;display:flex;inset:0;justify-content:center;position:absolute}.loading-card[data-v-11ec79bd]{align-items:center;background:#fff;border-radius:.75rem;box-shadow:0 .25rem .25rem #00000080;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 2rem}.loading-spinner[data-v-11ec79bd]{animation:spin-11ec79bd 1s linear infinite;color:#333;height:2rem;width:2rem}.loading-spinner circle[data-v-11ec79bd]{stroke-dasharray:90;stroke-dashoffset:30}.loading-text[data-v-11ec79bd]{color:#333;font-size:.875rem}@keyframes spin-11ec79bd{to{transform:rotate(1turn)}}.error-overlay[data-v-11ec79bd]{inset:0;justify-content:center;position:absolute}.error-card[data-v-11ec79bd],.error-overlay[data-v-11ec79bd]{align-items:center;background:#fff;display:flex}.error-card[data-v-11ec79bd]{border-radius:.75rem;border-radius:12px;box-shadow:0 .25rem .25rem #00000080;flex-direction:column;gap:.125rem;padding:1.5rem .8125rem;width:15rem}.error-icon[data-v-11ec79bd]{align-items:center;display:flex;height:1.75rem;justify-content:center;width:1.75rem}.error-text[data-v-11ec79bd]{color:#333;font-size:.875rem;line-height:1.4;text-align:center}.ar-viewer-content[data-v-f5dc3b96]{height:100%;position:relative;width:100%}.ar-container[data-v-f5dc3b96]{height:100%;inset:0;position:absolute;width:100%}.viewer-3d-container[data-v-f5dc3b96]{background:#000;height:100vh;inset:0;position:absolute;width:100vw}.close-btn[data-v-f5dc3b96]{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:1.75rem;justify-content:center;left:.75rem;padding:.375rem;position:absolute;top:calc(.875rem + env(safe-area-inset-top));transition:all .2s;width:1.75rem;z-index:20}.close-btn.dark-mode[data-v-f5dc3b96]{background:#ffffff80;color:#000}.rotation-btn[data-v-f5dc3b96]{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:1.75rem;justify-content:center;left:.75rem;padding:.25rem;position:absolute;top:calc(3.375rem + env(safe-area-inset-top));transition:all .2s;width:1.75rem;z-index:20}.diamond-info[data-v-f5dc3b96]{color:#fff;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.375rem;position:absolute;text-align:center;text-shadow:0 0 .5rem rgba(0,0,0,.8);top:calc(.875rem + env(safe-area-inset-top));width:100%}.diamond-info.dark-mode[data-v-f5dc3b96]{color:#000;text-shadow:none}.right-action-buttons[data-v-f5dc3b96]{display:flex;flex-direction:column;gap:.75rem;position:absolute;right:.75rem;top:calc(.875rem + env(safe-area-inset-top));z-index:20}.action-btn[data-v-f5dc3b96]{align-items:center;background:transparent;border:none;border-radius:50%;color:#fff;display:flex;height:2rem;justify-content:center;width:3rem}.action-btn[data-v-f5dc3b96],.view-detail-btn[data-v-f5dc3b96]{cursor:pointer;transition:all .2s}.view-detail-btn[data-v-f5dc3b96]{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background:#ffffffe6;border:none;border-radius:1.25rem;color:#000;font-size:.875rem;font-weight:600;left:1rem;padding:.5rem 1rem;position:absolute;top:calc(1rem + env(safe-area-inset-top));z-index:15}.view-detail-btn[data-v-f5dc3b96]:active{background:#fff;transform:scale(.95)}.ar-bottom-control[data-v-f5dc3b96]{bottom:7.5rem;height:4rem;left:0;position:absolute;width:100%;z-index:10}.control-panel[data-v-f5dc3b96]{height:3.25rem;position:relative}.four-btns[data-v-f5dc3b96]{align-items:center;display:flex;justify-content:center;margin-left:2.5rem;margin-right:4.25rem;pointer-events:auto}.control-btn[data-v-f5dc3b96]{color:#fff;cursor:pointer;font-size:.75rem;height:4rem;line-height:.9375rem;text-align:center;width:4rem}.control-btn.active[data-v-f5dc3b96]{color:#68e6ff}.check-wrap[data-v-f5dc3b96]{background-color:#00000040;border-radius:100%;cursor:pointer;height:2.75rem;pointer-events:auto;position:absolute;right:.75rem;top:0;width:2.75rem}.check-txt[data-v-f5dc3b96]{color:#fff;font-size:.875rem;height:2.375rem;line-height:1.375rem;margin-bottom:.5rem;padding-right:.75rem;text-align:right}.check-detail[data-v-f5dc3b96]{background:#00000040;border-radius:18.75rem;cursor:pointer;display:inline-block;padding:.5rem 1rem;pointer-events:auto}.control-detail[data-v-f5dc3b96]{width:100%;z-index:10}.select-finger[data-v-f5dc3b96]{color:#fff;display:flex;font-size:.875rem;font-style:normal;font-weight:400;justify-content:space-around;line-height:1.375rem;margin:0 1.5rem 1rem}.finger-btn[data-v-f5dc3b96]{align-items:center;background:#00000040;border-radius:62.4375rem;cursor:pointer;display:flex;justify-content:center;margin:0 .25rem;pointer-events:auto;text-align:center;transition:transform .15s ease,background .15s ease;width:50%}.finger-btn[data-v-f5dc3b96]:active{background:#0006;transform:scale(.95)}.finger-btn .prev[data-v-f5dc3b96]{padding-left:.375rem}.finger-btn .next[data-v-f5dc3b96]{padding-right:.375rem}.select-metal[data-v-f5dc3b96]{padding:.75rem 1rem;width:100%}.metal-txt[data-v-f5dc3b96]{color:#fff;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.375rem;text-align:center;text-shadow:0 0 .25rem rgba(0,0,0,.5)}.metal-wrap[data-v-f5dc3b96]{background:#00000040;border-radius:.5rem;gap:.75rem;padding:.75rem;pointer-events:auto}.metal-option[data-v-f5dc3b96],.metal-wrap[data-v-f5dc3b96]{display:flex;justify-content:center}.metal-option[data-v-f5dc3b96]{align-items:center;border-radius:62.4375rem;cursor:pointer;flex-shrink:0;height:3rem;padding:.125rem;width:3rem}.metal-option.active[data-v-f5dc3b96]{border:.125rem solid #fff}.metal-inner[data-v-f5dc3b96]{border-radius:50%;height:2.5rem;width:2.5rem}.select-shape[data-v-f5dc3b96]{padding:.75rem 1rem;width:100%}.shape-txt[data-v-f5dc3b96]{color:#fff;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.375rem;text-align:center;text-shadow:0 0 .25rem rgba(0,0,0,.5)}.shape-wrap[data-v-f5dc3b96]{background:#00000040;border-radius:.5rem;display:flex;gap:.5rem;overflow:auto;padding:.25rem;pointer-events:auto}.shape-option[data-v-f5dc3b96]{align-items:center;border-radius:62.4375rem;cursor:pointer;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.shape-option.active[data-v-f5dc3b96]{border:.125rem solid #fff;padding:.125rem}.shape-img[data-v-f5dc3b96]{aspect-ratio:1;border-radius:50%;-o-object-fit:cover;object-fit:cover;width:2.5rem}.select-style[data-v-f5dc3b96]{padding:.75rem 1rem;width:100%}.select-style .style-txt[data-v-f5dc3b96]{color:#fff;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.375rem;text-align:center;text-shadow:0 0 .25rem rgba(0,0,0,.5)}.select-style .style-wrap[data-v-f5dc3b96]{background:#00000040;border-radius:.5rem;display:flex;gap:.75rem;overflow:auto;padding:.75rem;pointer-events:auto}.select-style .style-wrap .style-option[data-v-f5dc3b96]{border-radius:62.4375rem;cursor:pointer;flex-shrink:0}.select-style .style-wrap .style-image-wrap[data-v-f5dc3b96]{align-items:center;display:flex;height:4.5rem;justify-content:center;width:4.5rem}.select-style .style-wrap .style-image-wrap.active[data-v-f5dc3b96]{border:.125rem solid #fff;border-radius:50%;padding:.125rem}.select-style .style-wrap .style-img[data-v-f5dc3b96]{border-radius:50%;width:4rem}.select-style .style-wrap .style-type-txt[data-v-f5dc3b96]{display:-webkit-box;font-size:.75rem;font-weight:400;-webkit-line-clamp:2;line-height:1.25rem;text-align:center;-webkit-box-orient:vertical;color:#fff;overflow:hidden}.dark-mode .select-style .style-wrap .style-type-txt[data-v-f5dc3b96]{color:#000}.ar-bottom-panel[data-v-f5dc3b96]{bottom:0;left:0;padding-bottom:env(safe-area-inset-bottom);pointer-events:none;position:absolute;touch-action:pan-x pan-y;width:100%;z-index:10}.ar-bottom-panel.dark-mode[data-v-f5dc3b96],.ar-bottom-panel.dark-mode .control-btn[data-v-f5dc3b96]{color:#000}.ar-bottom-panel.dark-mode .control-btn.active[data-v-f5dc3b96]{color:#0099b8}.ar-bottom-panel.dark-mode .select-finger[data-v-f5dc3b96]{color:#000}.ar-bottom-panel.dark-mode .metal-txt[data-v-f5dc3b96],.ar-bottom-panel.dark-mode .shape-txt[data-v-f5dc3b96],.ar-bottom-panel.dark-mode .style-txt[data-v-f5dc3b96]{color:#000;text-shadow:none}.ar-bottom-panel.dark-mode .check-txt[data-v-f5dc3b96]{color:#000}.style-scroll-container[data-v-f5dc3b96]{overflow:visible;padding:.5rem 0;pointer-events:auto}.style-carousel[data-v-f5dc3b96],.style-carousel[data-v-f5dc3b96] [data-ui=viewport]{overflow:visible}.style-carousel[data-v-f5dc3b96] [data-ui=container]{padding:.25rem}.style-item[data-v-f5dc3b96]{backface-visibility:hidden;border-radius:50%;cursor:pointer;flex-shrink:0;height:23vw;margin:0 .375rem;transform:translateZ(0);transition:border .2s,box-shadow .2s;width:23vw}.style-item[data-v-f5dc3b96],.style-item .style-img-wrap[data-v-f5dc3b96]{align-items:center;display:flex;justify-content:center;overflow:hidden}.style-item .style-img-wrap[data-v-f5dc3b96]{border-radius:6.25rem;height:calc(100% - .25rem);width:calc(100% - .25rem)}.style-item.active[data-v-f5dc3b96]{border:.125rem solid #fff;padding:2 .125rem}.dark-mode .style-item[data-v-f5dc3b96]{box-shadow:0 0 .25rem #0000004d}.dark-mode .style-item.active[data-v-f5dc3b96]{border:.125rem solid #000}.style-image[data-v-f5dc3b96]{aspect-ratio:1;backface-visibility:hidden;background:#f5f5f5;border-radius:50%;-o-object-fit:cover;object-fit:cover;width:120%}.style-info[data-v-f5dc3b96]{background:#0009;padding:.25rem;text-align:center}.style-price[data-v-f5dc3b96]{color:#fff;font-size:.75rem;font-weight:600}.filter-row[data-v-f5dc3b96]{display:flex;gap:.5rem;justify-content:center}.filter-btn[data-v-f5dc3b96]{align-items:center;background:#ffffff26;border:.0625rem solid hsla(0,0%,100%,.3);border-radius:1.25rem;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.5rem .75rem;transition:all .2s}.filter-btn[data-v-f5dc3b96]:active{background:#ffffff40}.filter-color-dot[data-v-f5dc3b96]{border-radius:50%;box-shadow:0 .0625rem .1875rem #0000004d;height:1rem;width:1rem}.finger-btn[data-v-f5dc3b96]{padding:.5rem}.popup-overlay[data-v-f5dc3b96]{align-items:flex-end;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.popup-content[data-v-f5dc3b96]{background:#1a1a1a;border-radius:1.25rem 1.25rem 0 0;max-width:25rem;padding:1.5rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom));width:100%}.popup-header[data-v-f5dc3b96]{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.popup-title[data-v-f5dc3b96]{color:#fff;font-size:1.125rem;font-weight:600}.popup-close[data-v-f5dc3b96]{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:2rem;justify-content:center;width:2rem}.popup-options[data-v-f5dc3b96]{display:flex;flex-wrap:wrap;gap:.75rem}.popup-option[data-v-f5dc3b96]{align-items:center;background:#ffffff14;border:.0625rem solid hsla(0,0%,100%,.15);border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;transition:all .2s}.popup-option.active[data-v-f5dc3b96]{background:#fff3;border-color:#fff}.popup-option[data-v-f5dc3b96]:active{transform:scale(.98)}.color-dot[data-v-f5dc3b96]{border-radius:50%;box-shadow:0 .0625rem .1875rem #0000004d;height:1.25rem;width:1.25rem}.color-label[data-v-f5dc3b96],.finger-label[data-v-f5dc3b96],.shape-label[data-v-f5dc3b96]{font-weight:500}.popup-enter-active[data-v-f5dc3b96],.popup-leave-active[data-v-f5dc3b96]{transition:all .3s ease}.popup-enter-from[data-v-f5dc3b96],.popup-leave-to[data-v-f5dc3b96]{opacity:0}.popup-enter-from .popup-content[data-v-f5dc3b96],.popup-leave-to .popup-content[data-v-f5dc3b96]{transform:translateY(100%)}.popup-enter-active .popup-content[data-v-f5dc3b96],.popup-leave-active .popup-content[data-v-f5dc3b96]{transition:transform .3s ease}.loading-overlay[data-v-f5dc3b96]{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:absolute;z-index:50}.loading-spinner[data-v-f5dc3b96]{animation:spin-f5dc3b96 .8s linear infinite;border:.1875rem solid hsla(0,0%,100%,.2);border-radius:50%;border-top-color:#fff;height:2.5rem;width:2.5rem}@keyframes spin-f5dc3b96{to{transform:rotate(1turn)}}