: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}html,body,#root{width:100%;height:100%;min-height:100%;background:#fff}*{box-sizing:border-box}::-webkit-scrollbar{width:0px;height:0px}body,h1{margin:0}html{scrollbar-width:0px}.page{min-height:100%;height:100%;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:70vh}.panel iframe{width:100%;height:100%;border:0;background:#fff}@media(min-width:768px)and (max-width:1180px){.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%}.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:100vh}.panel{height:auto;min-height:auto;align-items:stretch;justify-content:flex-start}.panel.viewer{height:30vh;min-height:220px}.panel.customizer{height:auto;min-height:50vh;flex:1}.panel iframe{height:100%;min-height:320px;align-self:stretch}}.viewer-page{flex-direction:column;gap:0;background-color:#fff;position:relative;border-bottom:1px solid #e5e5e5;min-height:100%;height:100%;overflow:hidden}.viewer-canvas{width:100%;height:100%;flex:1;background-color:#fff}.viewer-reset-button{position:absolute;top:1rem;right:1rem;z-index:950;border:1px solid #d1d5db;background:#fffffff5;color:#111827;border-radius:9999px;padding:.5rem .9rem;font-size:.78rem;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 4px 10px #00000014;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease}.viewer-reset-button:hover:not(:disabled){border-color:#9ca3af;box-shadow:0 6px 14px #0000001f;transform:translateY(-1px)}.viewer-reset-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.viewer-loader{position:absolute;top:2rem;left:50%;transform:translate(-50%);z-index:1000;pointer-events:none}.viewer-loader.initial-load{inset:0;transform:none;display:flex;align-items:center;justify-content:center;background:#fff;z-index:1100}.viewer-loader.initial-load .dot-loader{background:transparent;box-shadow:none;padding:0}.viewer-interaction-hint{position:absolute;left:50%;bottom:2rem;transform:translate(-50%);width:min(400px,calc(100% - 2rem));max-width:100%;height:auto;z-index:900;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@media(max-width:768px){.viewer-reset-button{top:.75rem;right:.75rem;padding:.45rem .78rem;font-size:.72rem}.viewer-interaction-hint{bottom:1.25rem;width:min(340px,calc(100% - 1.5rem))}}.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}