:root{font-family:Arial,sans-serif;line-height:1.5;font-weight:400;color:#111;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}::-webkit-scrollbar{width:0px;height:0px}body,h1{margin:0}html{scrollbar-width:0px}.page{min-height:100vh;display:flex;align-items:stretch;justify-content:stretch;font-size:2rem;margin:0;padding:0}.page.split{flex-direction:row}.panel{flex:1;display:flex;align-items:center;justify-content:center;height:100vh}.panel.viewer{height:82vh;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0}.viewer-frame-shell{flex:1 1 auto;min-height:0;width:100%;display:flex}.viewer-info-bar{flex:0 0 auto;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:20px;padding:14px 16px;border-top:1px solid #e5e7eb;background:#f3f4f6;font-size:14px;line-height:1.25}.viewer-name-block{flex:1 1 auto;min-width:0;color:#111827;font-weight:600;font-size:13px;text-align:left;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.viewer-pricing-block{flex:0 0 auto;min-width:250px;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.viewer-price-row{display:flex;align-items:baseline;justify-content:space-between;gap:4px;width:100%;color:#111827;font-size:14px}.viewer-price-label{font-weight:500}.viewer-price-value{font-weight:600;white-space:nowrap;text-align:right}.viewer-price-row.total .viewer-price-label,.viewer-price-row.total .viewer-price-value{font-weight:700;font-size:15px}.viewer-price-row.total{margin-top:2px}.viewer-price-row.total .viewer-price-label{letter-spacing:.2px;white-space:nowrap}.viewer-info-skeleton{position:relative;display:inline-block;border-radius:6px;background:#e5e7eb;overflow:hidden}.viewer-info-skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:viewer-skeleton-shimmer 1.2s infinite}.viewer-name-skeleton{width:clamp(140px,34vw,260px);height:14px;margin-top:2px}.viewer-price-skeleton{width:88px;height:14px}@keyframes viewer-skeleton-shimmer{to{transform:translate(100%)}}@media(max-width:767px){.viewer-info-bar{flex-direction:column;align-items:stretch;gap:8px;padding:8px 10px}.viewer-name-block{font-size:11px}.viewer-pricing-block{align-items:flex-start;width:100%;min-width:0;padding:6px 8px;gap:2px}.viewer-price-row{justify-content:space-between;font-size:10px}.viewer-price-row.total .viewer-price-label,.viewer-price-row.total .viewer-price-value{font-size:11px}.viewer-price-label,.viewer-price-value{font-size:10px}}.panel iframe{width:100%;height:100%;border:0;background:#fff}@media(min-width:768px)and (max-width:1180px)and (orientation:portrait){.page,.page.split{flex-direction:column;min-height:100dvh;height:100dvh;overflow:hidden}.panel{height:auto;min-height:0;align-items:stretch;justify-content:flex-start}.panel.viewer{height:clamp(420px,62dvh,660px);flex:0 0 clamp(420px,62dvh,660px);min-height:0;align-items:stretch;justify-content:flex-start}.panel.customizer{height:auto;min-height:0;flex:1 1 auto}.panel iframe{height:100%;min-height:0;align-self:stretch}.panel.customizer iframe{min-height:0;height:100%}}@media(min-width:768px)and (max-width:1180px)and (orientation:landscape){.page,.page.split{flex-direction:row;min-height:100dvh;height:100dvh;overflow:hidden}.panel{height:100dvh;min-height:0;align-items:stretch;justify-content:stretch}.panel.viewer{height:100dvh;flex:0 0 50%;align-items:stretch;justify-content:flex-start}.panel.customizer{height:100dvh;flex:1 1 50%}.panel iframe{height:100%;min-height:0}}@media(max-width:767px){.page,.page.split{flex-direction:column;min-height:100dvh;height:100dvh;overflow:hidden}.panel{height:auto;min-height:0;align-items:stretch;justify-content:flex-start}.panel.viewer{height:clamp(310px,54dvh,470px);flex:0 0 clamp(310px,54dvh,470px);min-height:0;align-items:stretch;justify-content:flex-start}.panel.customizer{height:auto;min-height:0;flex:1 1 auto}.panel iframe{height:100%;min-height:0;align-self:stretch}.panel.customizer iframe{min-height:0;height:100%}}.viewer-page{flex-direction:column;gap:1rem;background-color:#fff;position:relative;border-bottom:1px solid #e5e5e5}.viewer-canvas{width:100%;height:calc(100% - 2rem);flex:1;background-color:#fff}.viewer-loader{position:absolute;top:2rem;left:50%;transform:translate(-50%);z-index:1000;pointer-events:none}.dot-loader{display:flex;gap:8px;align-items:center;justify-content:center;padding:12px 20px;background:#fffffff2;border-radius:24px;box-shadow:0 4px 12px #00000026}.dot-loader .dot{width:10px;height:10px;border-radius:50%;background-color:#1a1a1a;animation:dot-bounce 1.4s infinite ease-in-out both}.dot-loader .dot:nth-child(1){animation-delay:-.32s}.dot-loader .dot:nth-child(2){animation-delay:-.16s}@keyframes dot-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.customizer-page{flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;overflow-y:auto}.customizer-page h1{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:1.5rem 2rem 1rem;text-align:left}.customizer-page p{color:#666;font-size:.9rem;margin:0 2rem 1rem}.customizer-section{margin-bottom:2.5rem;border-bottom:1px solid #e5e5e5;padding-bottom:1.5rem}.customizer-section:last-child{border-bottom:none}.section-header{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;margin-bottom:1rem}.section-title{font-size:.85rem;font-weight:600;color:#1a1a1a;text-transform:uppercase;letter-spacing:.05em}.scroll-container{position:relative;padding:0 2rem}.scroll-content{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.5rem}.scroll-content::-webkit-scrollbar{display:none}.option-card{flex:0 0 auto;width:140px;padding:1rem;border:2px solid #e5e5e5;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.option-card:hover{border-color:#999;box-shadow:0 2px 8px #00000014}.option-card.selected{border-color:#1a1a1a;background:#fafafa}.option-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#999}.option-icon img{width:100%;height:100%;object-fit:contain}.color-swatch{width:50px;height:50px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #e5e5e5,0 2px 4px #0000001a}.option-label{font-size:.85rem;color:#1a1a1a;font-weight:500;line-height:1.3}.option-card.selected .option-label{font-weight:600}.option-card.disabled{opacity:.4;pointer-events:none;filter:grayscale(100%);cursor:not-allowed}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #e5e5e5;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.scroll-arrow:hover{background:#f5f5f5;border-color:#999}.scroll-arrow.left{left:.5rem}.scroll-arrow.right{right:.5rem}.scroll-arrow svg{width:16px;height:16px;fill:#1a1a1a}.metal-option{width:100px}.metal-swatch{width:60px;height:60px}.carat-option .option-label{font-size:.9rem;font-weight:600}