:root{--header-height: 100px}body{font-family:Helvetica Neue,Arial,sans-serif;margin:0;padding:0;background:#f8f8f8;color:#333;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}#loadingOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#1a2a45,#10151f);display:flex;justify-content:center;align-items:center;z-index:2000;text-align:center;transition:opacity .5s ease}.loading-content{text-align:center}.loading-animation-container{height:120px;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.gem-loader{width:80px;height:80px;position:relative;transform:rotate(-45deg);animation:pulse 2.5s infinite alternate ease-in-out}.gem-loader:before,.gem-loader:after{content:"";position:absolute;background:#fff;border-radius:50%;opacity:0;animation:sparkle 2.5s infinite ease-in-out}.gem-loader:before{width:8px;height:8px;top:-10px;left:36px;animation-delay:.2s}.gem-loader:after{width:10px;height:10px;top:60px;left:-15px;animation-delay:.8s}.gem-facet{position:absolute;width:50%;height:50%}.gem-facet-top{top:0;left:0;background:linear-gradient(45deg,#a8d5e5,#d1eaf2);clip-path:polygon(0% 0%,100% 0%,0% 100%)}.gem-facet-right{top:0;right:0;background:linear-gradient(-45deg,#74b9d8,#a8d5e5);clip-path:polygon(100% 0%,100% 100%,0% 0%)}.gem-facet-bottom{bottom:0;right:0;background:linear-gradient(45deg,#4c92b4,#74b9d8);clip-path:polygon(100% 100%,0% 100%,100% 0%)}.gem-facet-left{bottom:0;left:0;background:linear-gradient(-45deg,#a8d5e5,#4c92b4);clip-path:polygon(0% 100%,0% 0%,100% 100%)}.progress-bar-container{width:250px;height:10px;border:1px solid #4a6a8a;border-radius:5px;margin:0 auto 15px;overflow:hidden}.progress-bar{width:0%;height:100%;background:linear-gradient(90deg,#a8d5e5,#d1eaf2);border-radius:5px;transition:width .4s ease-out}#loadingIndicator{font-size:16px;letter-spacing:1px;color:#d1eaf2;text-shadow:0 0 5px rgba(168,213,229,.5)}@keyframes pulse{0%{transform:rotate(-45deg) scale(.9);filter:brightness(.9)}to{transform:rotate(-45deg) scale(1);filter:brightness(1.1)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}#mainContentContainer.loading{display:none}.main-container{display:flex;flex-direction:column;height:calc(100vh - var(--header-height));padding:0 20px 20px;gap:20px;box-sizing:border-box}.preview-and-options-wrapper{display:flex;gap:20px;flex-grow:1;overflow:hidden;position:relative}.preview-area{flex:2;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;min-width:0}#addToCartButton{position:absolute;top:15px;left:15px;background:#6ac259;color:#fff;border:none;padding:10px 20px;font-size:14px;font-weight:700;border-radius:5px;cursor:pointer;transition:background-color .3s;z-index:10}#addToCartButton:hover{background:#58a04a}.preview-area h2{display:none}.preview-and-gallery-container{display:flex;align-items:center;gap:20px;margin-bottom:15px;flex-grow:1;width:100%;max-height:calc(100% - 80px);justify-content:center}.preview-container{flex:1;aspect-ratio:1/1;position:relative;border:1px solid #eee;overflow:hidden;display:none;background:#fff;max-width:600px;max-height:600px;min-width:0}.preview-container.active-preview{display:block}.preview-container[data-preview-id="3"]:hover,.preview-container[data-preview-id="4"]:hover{cursor:pointer;border-color:#4a90e2;box-shadow:0 0 5px #4a90e24d}.static-preview-image{display:block;width:100%;height:100%;object-fit:contain;background:transparent}#previewCanvas,#previewCanvas2,#previewCanvas5{display:block;width:100%;height:100%;background:transparent;cursor:default}#previewCanvas6{display:block;width:100%;height:100%;background:#fff}#imageGallery{display:flex;flex-direction:column;gap:10px;order:-1;flex:0 0 100px;height:100%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}#imageGallery::-webkit-scrollbar{display:none}.thumbnail-container{width:100%;height:auto;aspect-ratio:1/1;border:1px solid #ccc;border-radius:4px;overflow:hidden;cursor:pointer;display:flex;justify-content:center;align-items:center;background:#fff;transition:border-color .2s,box-shadow .2s;background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;flex-shrink:0}.thumbnail-container:hover{border-color:#4a90e2;box-shadow:0 0 5px #4a90e280}.thumbnail-container.selected{border-color:#4a90e2;box-shadow:0 0 8px #4a90e2b3}.thumbnail-container .thumbnail{max-width:100%;max-height:100%;object-fit:contain}.thumbnail-container span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:#777;text-align:center}.thumbnail-container[data-thumbnail-id="6"]:hover:after{content:"\1f50d  \30af\30ea\30c3\30af\3067\62e1\5927";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:10px;background:#333;color:#fff;padding:3px 8px;border-radius:3px;white-space:nowrap;z-index:10}.label-text-field{position:absolute;color:#000;font-family:Arial,sans-serif;font-weight:400;text-align:center;background:transparent;border:none;pointer-events:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.label-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:none;justify-content:center;align-items:center;z-index:3000;padding:20px}.label-preview-modal.active{display:flex}.label-preview-modal-content{position:relative;background:#fff;border-radius:8px;padding:20px;max-width:90%;max-height:90%;overflow:auto}.label-preview-modal-close{position:absolute;top:10px;right:10px;width:30px;height:30px;background:#333;color:#fff;border:none;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3001}.label-preview-modal-close:hover{background:#555}.label-preview-large{position:relative;width:400px;height:500px;margin:0 auto;background:#fff;border:1px solid #e0e0e0}.label-preview-large canvas{width:100%;height:100%}.label-preview-tooltip{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:5px 10px;border-radius:4px;font-size:11px;white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none}.preview-container[data-preview-id="6"]:hover .label-preview-tooltip{opacity:1}.options-panel{flex:1;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;max-height:100%;min-width:0;min-height:0}.options-panel-content-wrapper{overflow-y:auto;padding:0 20px;flex-grow:1;min-height:0}.accordion-item{border-bottom:1px solid #e0e0e0}.accordion-item:last-child{border-bottom:none}.accordion-header{background:#fff;color:#333;cursor:pointer;padding:15px 20px;width:100%;border:none;text-align:left;outline:none;font-size:16px;font-weight:700;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s}.accordion-header>span:first-child{flex:1;margin-right:10px;white-space:normal;word-break:break-word}.accordion-header.active,.accordion-header:hover{background:#f0f0f0}.accordion-icon{font-size:20px;font-weight:700}.accordion-content{padding:15px 20px;background:#fff;display:none;overflow:visible}.option-group{margin-bottom:15px}.option-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px}.option-group input[type=text]{width:calc(100% - 22px);padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;margin-bottom:10px;box-sizing:border-box;color:#000}.option-buttons-grid.stone-options-grid-pc{display:block}.option-buttons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.option-button{padding:10px 5px;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;text-align:center;font-size:12px;line-height:1.3;transition:background-color .2s,border-color .2s;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50px}.option-button:hover{background:#f0f0f0}.option-button.selected{background:#e9f2fc;color:#333;border-color:#4a90e2;box-shadow:0 0 3px #4a90e24d}.option-button .item-name{font-weight:500;margin-bottom:2px;font-size:13px}.option-button .item-price{font-size:11px;color:#555}.frame-pattern-option-gif{width:40px;height:40px;margin-bottom:3px}.stone-tag-badge{display:inline-block;padding:2px 6px;border-radius:10px;font-size:10px;color:#fff;white-space:nowrap}.tag-color-love{background:#e91e63}.tag-color-health{background:#4caf50}.tag-color-wealth{background:#ff9800}.tag-color-blessings{background:#03a9f4}.tag-color-protection{background:#673ab7}.tag-color-general{background:#777}.stone-color-palette{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:10px 0;gap:10px;margin-bottom:10px;justify-content:flex-start;-ms-overflow-style:none;scrollbar-width:none;cursor:grab}.stone-color-palette.active-scroll{cursor:grabbing}.stone-color-palette::-webkit-scrollbar{display:none}.color-palette-button{display:block;flex-shrink:0;width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .2s,transform .2s;box-sizing:border-box}.color-palette-button.selected{border-color:#333;transform:scale(1.1)}.fortune-emoji-filter-buttons{display:flex;justify-content:flex-start;gap:8px;margin-bottom:10px;padding:0;flex-wrap:wrap}.fortune-emoji-button{flex-shrink:0;background:#f0f0f0;border:1px solid #ccc;border-radius:20px;padding:8px 12px;font-size:14px;cursor:pointer;transition:background-color .2s,box-shadow .2s;white-space:nowrap}.fortune-emoji-button:hover{background:#e0e0e0}.fortune-emoji-button.active{background:#4a90e2;color:#fff;border-color:#4a90e2;box-shadow:0 0 5px #4a90e280}.stone-dropdown-wrapper{position:relative;width:100%}.stone-dropdown-toggle,.stone-dropdown-item{display:flex;align-items:center;gap:12px;box-sizing:border-box;width:100%;min-height:58px;padding:8px 12px}.stone-dropdown-toggle{background:#fff;border:1px solid #ccc;text-align:left;cursor:pointer;border-radius:4px;position:relative}.stone-dropdown-toggle:hover{background:#f9f9f9}.stone-dropdown-toggle .dropdown-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;color:#666;transition:transform .2s}.stone-dropdown-wrapper.open .dropdown-arrow{transform:translateY(-50%) rotate(180deg)}.stone-dropdown-list{display:none;position:absolute;background:#fff;border:1px solid #4a90e2;border-radius:4px;max-height:232px;overflow-y:auto;z-index:1200;box-shadow:0 4px 6px #0000001a;width:100%}.stone-dropdown-wrapper.open .stone-dropdown-toggle{border-color:#4a90e2}.stone-dropdown-item{cursor:pointer;border-bottom:1px solid #f0f0f0;font-size:13px}.stone-dropdown-item:last-child{border-bottom:none}.stone-dropdown-item:hover{background:#f5f5f5}.stone-dropdown-item.selected{background:#e9f2fc}.stone-dropdown-item-empty{padding:15px;text-align:center;color:#888;display:block}.stone-thumbnail-image,.stone-thumbnail-placeholder{flex-shrink:0;width:40px;height:40px;border-radius:4px;border:1px solid #eee;object-fit:cover;background-color:#fff}.stone-thumbnail-placeholder{background-color:#f0f0f0}.item-details-display{flex-grow:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.stone-name-line{font-weight:500;font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stone-info-line{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:12px;color:#666}.stone-info-line .birthstone-text{font-size:12px}.stone-info-line .separator{color:#999;font-size:12px;margin:0 2px}#personalizeMessage{width:calc(100% - 22px);box-sizing:border-box}#charCount{font-size:12px;color:#777;text-align:right;margin-top:5px}.options-panel-footer{padding:15px 20px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:0 0 8px 8px;flex-shrink:0}.options-panel-footer button{background:#555;color:#fff;border:none;padding:10px 15px;font-size:14px;border-radius:4px;cursor:pointer}.options-panel-footer button:disabled{background:#ccc;cursor:not-allowed}#stepIndicator{font-size:14px;font-weight:700;color:#333}.mobile-preview-actions,#mobilePanelHeader{display:none}@media (min-width: 769px){#addToCartButton{top:auto;left:auto;bottom:70px;right:20px}}@media (max-width:768px){body.customizer-mobile-lock{overflow:hidden;position:fixed;width:100%;height:100%}.preview-area h2{display:none}.mobile-preview-actions{display:flex;position:absolute;top:10px;left:10px;z-index:11;gap:8px}.mobile-action-button{background:#ffffffe6;border:1px solid #ccc;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:#333;box-shadow:0 1px 3px #0000001a}.mobile-action-button:hover{background:#f0f0f0}.mobile-action-button svg{width:22px;height:22px}#addToCartButton{padding:8px 12px;font-size:12px;top:10px;left:auto;right:10px;bottom:auto}.main-container{flex-direction:column;padding:10px;height:auto;gap:0}.preview-and-options-wrapper{flex-direction:column;gap:0}.preview-area{flex:1;overflow-y:auto;width:100%;padding:0 10px 85vh;margin-bottom:0;box-sizing:border-box;border-radius:0;box-shadow:none;background:#f8f8f8}.preview-and-gallery-container{flex-direction:column;gap:10px;margin-bottom:0;align-items:center;max-height:none}#imageGallery{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px;width:100%;margin:0;order:1;padding:5px 0;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}#imageGallery::-webkit-scrollbar{display:none}#imageGallery .thumbnail-container{width:65px;height:65px;flex-shrink:1;min-width:55px;aspect-ratio:1/1}.preview-container{width:85vw;height:85vw;max-width:400px;max-height:400px;margin:0 auto 10px;flex:initial}.preview-container[data-preview-id="3"]:hover,.preview-container[data-preview-id="4"]:hover{border-color:#ccc;box-shadow:none}#previewCanvas,#previewCanvas2,#previewCanvas5{cursor:default}.thumbnail-container[data-thumbnail-id="6"]:hover:after{display:none}.label-text-field{font-size:8px}.label-preview-large{width:85vw;height:85vw;max-width:350px;max-height:450px}.label-preview-modal-content{padding:10px}.options-panel{position:fixed;bottom:0;left:0;right:0;width:100%;border-radius:20px 20px 0 0;box-shadow:0 -5px 15px #00000026;z-index:1100;background:#fff;transition:max-height .3s ease-out;height:auto}.options-panel.is-closed{max-height:80px}.options-panel.is-open{max-height:80vh}.options-panel-content-wrapper{flex-grow:1;overflow-y:auto;padding:0 15px}.options-panel.is-closed .options-panel-content-wrapper{display:none}.options-panel-footer{flex-shrink:0;padding:10px 15px;border-top:1px solid #e0e0e0;background:#fff;border-radius:0}#stepIndicator{font-size:13px}.options-panel-footer button{padding:8px 12px;font-size:13px}.accordion-item{padding:0;border-bottom:1px solid #e0e0e0;display:none}.accordion-header{padding:10px 0;font-size:14px;background:transparent;border-bottom:none}.accordion-content{padding:0 0 10px;overflow:visible!important}.option-group label{font-size:13px;margin-bottom:6px}.options-panel.is-closed #mobilePanelHeader{display:flex;background:#fff;color:#333;padding:10px 15px;font-size:14px;font-weight:700;text-align:left;cursor:pointer;border-radius:20px 20px 0 0;box-sizing:border-box;width:100%;flex-shrink:0;justify-content:space-between;align-items:center}.options-panel.is-open #mobilePanelHeader{display:none}.options-panel.is-closed .options-panel-footer{border-top:none}#mobilePanelHeader .current-step-title{flex-grow:1;margin-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#mobilePanelHeader .panel-toggle-icon{font-size:18px;font-weight:700}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/customizer.css.map */