:root{color:#252b37;font-synthesis:none;-webkit-font-smoothing:antialiased;--j-accent:#2d80ff;--j-text:#252b37;--j-muted:#757c88;--j-line:#e2e5e2;--j-edge:28px;background:#f1f1f1;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}[hidden]{display:none!important}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.5;cursor:wait}button:focus-visible{outline:2px solid var(--j-accent);outline-offset:4px}.j-experience-ui{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.j-experience-ui button,.j-summary{pointer-events:auto}.j-experience-ui>:is(.j-brand,.j-utilities,.j-configurator,.j-price-bar,.j-view-hint){opacity:0;transition:opacity .6s,translate .6s;translate:0 7px}.j-experience-ui:is([data-state=entering],[data-state=ready])>:is(.j-brand,.j-utilities,.j-configurator,.j-price-bar,.j-view-hint){opacity:1;translate:0}.j-surface{border:1px solid var(--j-line);background:#fffffff0;border-radius:2px;box-shadow:0 5px 22px #17243b0f}.j-brand{top:max(var(--j-edge), env(safe-area-inset-top));left:max(var(--j-edge), env(safe-area-inset-left));width:344px;position:absolute}.j-logo{width:100%;position:relative;overflow:hidden}.j-logo img{width:var(--logo-width);max-width:none;height:auto;left:var(--logo-left);top:var(--logo-top);display:block;position:absolute}.j-icon{flex:none;width:19px;height:19px;display:block}.j-utilities{top:max(var(--j-edge), env(safe-area-inset-top));right:max(var(--j-edge), env(safe-area-inset-right));gap:2px;padding:4px;display:flex;position:absolute}.j-icon-button{color:#52616a;background:0 0;border:0;border-radius:2px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.j-icon-button:hover{color:var(--j-accent);background:#edf4ff}.j-icon-button[aria-pressed=true]{color:#1766d7;background:#e3edf9}.j-try-on{top:calc(max(var(--j-edge), env(safe-area-inset-top)) + 60px);right:max(var(--j-edge), env(safe-area-inset-right));color:#52616a;opacity:0;visibility:hidden;align-items:center;gap:7px;min-height:33px;padding:6px 12px;font-size:11px;transition:opacity .4s;display:inline-flex;position:absolute}.j-try-on .j-icon{width:17px;height:17px}.j-try-on:hover{color:#1766d7}.j-experience-ui[data-state=ready] .j-try-on{opacity:1;visibility:visible}.j-configurator{left:max(var(--j-edge), env(safe-area-inset-left));bottom:max(var(--j-edge), env(safe-area-inset-bottom));width:350px;position:absolute}.j-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;height:55px;padding:5px;display:grid}.j-tabs button{color:var(--j-text);background:0 0;border:0;border-radius:2px;justify-content:center;align-items:center;gap:9px;font-size:11px;display:flex}.j-tabs button .j-icon{width:17px;height:17px}.j-tabs button[aria-selected=true]{color:#1766d7;background:#e5ecee}.j-tabs button:hover{color:#1766d7}.j-options{margin-bottom:9px;padding:13px 15px 16px}.j-options-heading{justify-content:space-between;align-items:center;min-height:24px;margin-bottom:13px;font-size:11px;display:flex}.j-collapse{width:28px;height:24px;margin:-3px -6px -3px 0}.j-collapse .j-icon{width:15px;height:15px;transition:transform .18s}.j-choices{align-items:start;gap:12px;display:flex}.j-choice{min-width:0;min-height:91px;color:var(--j-text);background:0 0;border:0;flex-direction:column;flex:1 1 0;align-items:center;gap:9px;padding:4px 0 0;display:flex}.j-swatch{border:1px solid #26343a18;border-radius:50%;flex:none;width:38px;height:38px;display:block;position:relative;box-shadow:inset 0 3px 7px #fff5,inset 0 -3px 6px #0002}.j-swatch--gem{clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%);border-radius:10px}.j-choice[aria-checked=true] .j-swatch{outline:1px solid var(--j-accent);outline-offset:4px}.j-choice[aria-checked=true] .j-swatch--gem{clip-path:none;border-radius:10px}.j-choice[aria-checked=true] .j-swatch:after{content:"";filter:drop-shadow(0 1px 2px #0009);border:1.5px solid #fff;border-width:0 1.5px 1.5px 0;width:5px;height:9px;position:absolute;top:12px;left:15px;transform:rotate(45deg)}.j-choice-name{font-size:10px;line-height:1.4}.j-choice small{color:var(--j-muted);margin-top:-4px;font-size:9px}.j-choice:hover,.j-choice[aria-checked=true] .j-choice-name{color:#1766d7}.j-options-collapsed .j-choices{display:none}.j-options-collapsed .j-options{padding-bottom:10px}.j-options-collapsed .j-options-heading{margin-bottom:0}.j-options-collapsed .j-collapse .j-icon{transform:rotate(180deg)}.j-price-bar{right:max(var(--j-edge), env(safe-area-inset-right));bottom:max(var(--j-edge), env(safe-area-inset-bottom));align-items:center;gap:8px;height:55px;padding:5px;display:flex;position:absolute}.j-price{flex-direction:column;gap:4px;min-width:115px;padding:0 12px;display:flex}.j-price small{color:var(--j-muted);letter-spacing:.07em;text-transform:uppercase;font-size:8px}.j-price output{color:var(--j-text);font-variant-numeric:tabular-nums;font-size:16px}.j-primary{color:#fff;background:#283940;border:1px solid #283940;border-radius:2px;justify-content:center;align-items:center;gap:13px;min-height:43px;padding:0 17px;font-size:11px;font-weight:400;display:inline-flex}.j-primary:hover{background:#3f606e;border-color:#3f606e}.j-primary .j-icon{width:16px;height:16px}.j-view-hint{bottom:calc(var(--j-edge) + 18px);color:#4d5960;white-space:nowrap;text-shadow:0 1px 5px #fff;font-size:10px;position:absolute;left:50%;transform:translate(-50%)}.j-view-hint span{margin:0 7px}.j-detail-reset{bottom:calc(var(--j-edge) + 40px);border:1px solid var(--j-line);color:#52616a;white-space:nowrap;background:#ffffffe6;border-radius:2px;justify-content:center;align-items:center;gap:5px;min-height:26px;padding:4px 8px;font-size:10px;line-height:1;animation:.18s ease-out both j-detail-reset-in;display:inline-flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 2px 9px #17243b0a}.j-detail-reset .j-icon{width:13px;height:13px}.j-detail-reset:hover{color:#252b37}@keyframes j-detail-reset-in{0%{opacity:0;translate:0 3px}to{opacity:1;translate:0}}.j-summary{top:100px;right:var(--j-edge);width:min(400px,100vw - 40px);max-height:calc(100dvh - 130px);color:var(--j-text);background:#fff;margin:0;padding:25px;position:fixed;bottom:auto;left:auto;overflow-y:auto}.j-summary::backdrop{background:#1119202e}.j-summary header{justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px;display:flex}.j-summary header small{color:var(--j-muted);letter-spacing:.16em;text-transform:uppercase;font-size:9px}.j-summary h1{margin:8px 0 0;font-size:20px;font-weight:400}.j-summary header .j-icon-button{width:30px;height:30px;margin-top:-7px;margin-right:-9px}.j-summary-lines{margin:0}.j-summary-lines>div{border-bottom:1px solid var(--j-line);justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.j-summary-lines dt{flex-direction:column;gap:5px;display:flex}.j-summary-lines dt small{color:var(--j-muted);font-size:9px}.j-summary-lines dt span{font-size:12px}.j-summary-lines dd{font-variant-numeric:tabular-nums;margin:0;font-size:11px}.j-summary-total{justify-content:space-between;align-items:baseline;gap:16px;padding:25px 0 6px;font-size:12px;display:flex}.j-summary-total strong{font-variant-numeric:tabular-nums;font-size:24px;font-weight:400}.j-pricing-note{color:var(--j-muted);margin:5px 0 24px;font-size:10px}.j-export{width:100%}.j-summary-status{color:#536069;margin:12px 0 0;font-size:11px;line-height:1.5}.j-toast{z-index:20;max-width:calc(100vw - 40px);color:var(--j-text);text-align:center;padding:12px 20px;font-size:12px;line-height:1.5;position:absolute;top:94px;left:50%;transform:translate(-50%)}.j-loading{z-index:50;pointer-events:auto;opacity:1;visibility:visible;background:#f1f1f1;outline:none;place-items:center;transition:opacity 1.2s cubic-bezier(.22,1,.36,1),visibility 0s linear 1.2s;display:grid;position:absolute;inset:0}.j-loading-content{text-align:center;opacity:1;width:344px;max-width:calc(100vw - 60px);transition:opacity .6s,transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(0)}.j-loading-state{min-height:92px;padding-top:36px}.j-loading-track{background:#dde1e5;height:2px;overflow:hidden}.j-loading-track i{background:var(--j-accent);transform-origin:0;width:100%;height:100%;transition:transform .3s;display:block;transform:scaleX(0)}.j-loading-message{color:var(--j-muted);text-align:left;justify-content:space-between;gap:20px;margin:14px 0 0;font-size:10px;line-height:1.6;display:flex}.j-loading-message span{font-variant-numeric:tabular-nums}.j-enter{min-width:126px}.j-enter:disabled{opacity:1}.j-retry{margin-top:20px}.j-experience-ui:is([data-state=entering],[data-state=ready]) .j-loading{opacity:0;visibility:hidden;pointer-events:none}.j-experience-ui:is([data-state=entering],[data-state=ready]) .j-loading-content{opacity:0;transform:translateY(-8px)}.j-experience-ui[data-state=error] .j-loading,.j-experience-ui[data-state=error] .j-loading-content{transition:none}.j-experience-ui[data-state=error] .j-loading-message{margin-top:0}@media (max-width:1100px){.j-view-hint{bottom:100px}.j-detail-reset{bottom:122px}}@media (max-width:700px){:root{--j-edge:16px}.j-brand{top:max(27px, env(safe-area-inset-top));width:min(244px,100vw - 232px)}.j-utilities{gap:0;padding:3px}.j-utilities .j-icon-button{width:34px;height:36px}.j-utilities .j-icon{width:17px;height:17px}.j-configurator{right:var(--j-edge);bottom:calc(max(var(--j-edge), env(safe-area-inset-bottom)) + 64px);width:auto}.j-tabs{height:48px}.j-options{margin-bottom:7px;padding:10px 15px 12px}.j-options-heading{margin-bottom:7px}.j-choice{gap:7px;min-height:80px}.j-swatch{width:34px;height:34px}.j-choice[aria-checked=true] .j-swatch:after{top:10px;left:13px}.j-price-bar{left:var(--j-edge);justify-content:space-between}.j-price{min-width:100px}.j-primary{gap:10px;padding:0 14px}.j-view-hint{display:none}.j-detail-reset{bottom:calc(max(var(--j-edge), env(safe-area-inset-bottom)) + 64px + var(--j-configurator-height,200px) + 10px)}.j-summary{top:auto;bottom:var(--j-edge);right:var(--j-edge);left:var(--j-edge);width:auto;max-height:calc(100dvh - 32px);padding:22px}.j-toast{width:max-content;top:85px}}@media (max-width:370px){.j-brand{width:calc(100vw - 207px)}.j-utilities .j-icon-button{width:29px}.j-choice-name{font-size:9px}}@media (max-height:580px) and (min-width:701px){:root{--j-edge:16px}.j-brand{width:280px}.j-configurator{width:320px}.j-options{padding-top:7px;padding-bottom:9px}.j-options-heading{margin-bottom:6px}.j-choice{gap:6px;min-height:72px}.j-swatch{width:30px;height:30px}.j-choice[aria-checked=true] .j-swatch:after{top:8px;left:11px}.j-view-hint{display:none}.j-summary{max-height:calc(100dvh - 40px);top:20px}}@media (prefers-reduced-motion:reduce){.j-loading{transition:opacity .15s,visibility 0s linear .15s}.j-loading-content{transition:opacity .15s;transform:none!important}.j-experience-ui>:is(.j-brand,.j-utilities,.j-configurator,.j-price-bar,.j-view-hint){transition:opacity .15s;translate:none}.j-loading-track i,.j-collapse .j-icon{transition:none}.j-detail-reset{animation:none}}#app,.experience{width:100%;height:100dvh;position:relative;overflow:hidden}.jewelry-viewport{position:absolute;inset:0}.jewelry-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.jewelry-canvas:active{cursor:grabbing}.jewelry-canvas:focus-visible{outline-offset:-3px;outline:2px solid #2d80ff}@media (max-width:767px){.jewelry-viewport{bottom:90px}}