@font-face{font-family:Red Hat Display;src:url(../fonts/RedHatDisplayRegular.ttf) format("truetype")}@font-face{font-family:Segoe UI;src:url(../fonts/segoeuithis.ttf) format("truetype")}@font-face{font-family:Segoe UI Light;src:url(../fonts/segoe-ui-light.ttf) format("truetype");font-weight:300}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,sans-serif;color:#1a1a1a;background:#f5f5f5}#loading-overlay{position:fixed;inset:0;z-index:9999;background:#fff;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease,visibility .5s ease}#loading-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-content{display:flex;flex-direction:column;align-items:center;gap:32px}.loading-logo{width:180px;height:auto;animation:logoPulse 2s ease-in-out infinite;display:block!important}@keyframes logoPulse{0%,to{opacity:1}50%{opacity:.5}}.loading-spinner{width:36px;height:36px;border:3px solid #e8e8e8;border-top-color:#1a1a1a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#canvas{position:absolute;top:0;left:0;width:calc(100% - 380px);height:100%;display:block}#logo-overlay{position:absolute;top:16px;left:16px;width:200px;z-index:10;pointer-events:none;opacity:0;transition:opacity 2s ease 1s}#logo-overlay.visible{opacity:1!important}#export-btn{position:absolute;bottom:16px;left:16px;padding:6px 14px;background:#ffffffd9;border:1px solid #ccc;border-radius:4px;font-family:Segoe UI,sans-serif;font-size:12px;color:#333;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#export-btn:hover{background:#fff}#ar-btn{position:absolute;top:16px;right:416px;width:53px;height:65px;cursor:pointer;z-index:10}#ar-btn:hover{opacity:.8}#ar-stop-btn{position:absolute;top:16px;right:416px;padding:6px 14px;background:#ffffffd9;border:1px solid #ccc;border-radius:4px;font-family:Segoe UI,sans-serif;font-size:12px;color:#333;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#ar-stop-btn:hover{background:#fff}#ar-stop-btn.loading{pointer-events:none;opacity:.7}#ar-stop-btn .btn-spinner{display:inline-block;width:12px;height:12px;border:2px solid #ccc;border-top-color:#333;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle;margin-right:4px}#panel{position:absolute;top:0;right:0;width:400px;height:100%;background:#fff;overflow-y:auto;padding:20px 24px 150px;border-left:1px solid #e8e8e8;scrollbar-width:thin;scrollbar-color:#ccc transparent}#panel::-webkit-scrollbar{width:4px}#panel::-webkit-scrollbar-track{background:transparent}#panel::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}#panel::-webkit-scrollbar-thumb:hover{background:#aaa}.ring-toggle{display:flex;align-items:center;justify-content:center;height:70px}.ring-tab{background:none;border:none;border-bottom:2px solid transparent;font-size:24px;color:#999;cursor:pointer;padding:4px 0;font-family:Red Hat Display,sans-serif;width:100%;height:100%}.ring-tab.active{color:#1a1a1a;border-bottom:2px solid #808080}.ring-icon-wrapper{width:70px;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ring-icon{width:40px;height:40px}.ring-title{padding:16px 0}.ring-title h1{font-family:Red Hat Display,sans-serif;font-size:32px;font-weight:400;margin-bottom:2px}.sku{font-size:11px;font-family:Segoe UI Light,sans-serif;color:#999}.section{display:flex;flex-direction:column;gap:4px}.section-title{font-size:16px;font-family:Segoe UI,sans-serif;letter-spacing:1.2px;color:#1a1a1a;font-weight:400;padding:16px 0;border-bottom:1px solid #EDEDED}.field{margin-bottom:14px}.field-label{display:block;font-size:12px;font-family:Segoe UI Light,sans-serif;color:#888;margin-bottom:8px}.field-value{font-family:Segoe UI,sans-serif;color:#1a1a1a}.field-row{display:flex;gap:30px;margin-bottom:14px}.field.half{flex:1;margin-bottom:0}select{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:13px;font-family:Segoe UI Light,sans-serif;color:#1a1a1a;background:#fff;cursor:pointer;appearance:auto}.option-row{display:flex;flex-wrap:wrap}.icon-btn{width:80px;height:80px;padding:0 9px;border:none;border-bottom:2px solid transparent;background:#fff;cursor:pointer;align-items:center;justify-content:center;transition:border-color .15s;display:flex;flex-direction:column;gap:4px}.option-label{font-size:10px;font-family:Segoe UI Light,sans-serif;color:#1a1a1a;height:25px;flex-shrink:0;text-align:center}.icon-btn:hover{border-color:#ccc}.icon-btn.selected{border-color:#1a1a1a}.icon-btn img{width:100%;height:100%;object-fit:contain}.sm-icon{width:40px!important}.swatch-btn{width:42px;height:42px;padding:2px;border:2px solid transparent;border-radius:50%;background:none;cursor:pointer;transition:border-color .15s}.swatch-btn:hover{border-color:#ccc}.swatch-btn.selected{border-color:#1a1a1a}.swatch-btn img{width:100%;height:100%;border-radius:50%;object-fit:cover}.metal-tabs{display:flex;gap:0;margin-bottom:14px;height:50px}.metal-tab{flex:1;padding:8px 0;border:none;border-bottom:1px solid transparent;background:#fafafa;font-size:13px;font-family:Segoe UI Light,sans-serif;color:#999;cursor:pointer;background:#fff;transition:all .15s}.metal-tab+.metal-tab{border-left:none}.metal-tab.active{font-family:Segoe UI,sans-serif;color:#1a1a1a;border-color:#1a1a1a}.tape-container{height:60px;display:flex;align-items:center}.tape-wrap{padding:auto;width:100%;height:30px;-webkit-user-select:none;user-select:none;display:flex;position:relative;overflow:hidden}.tape-clip{position:relative;overflow:hidden;height:100%;z-index:1}.tape-ruler{display:block;height:30px;width:300px;max-width:none;pointer-events:none;margin-left:-32px;image-rendering:high-quality;transform:translateZ(0)}.tape-bg{position:absolute;top:0;left:0;opacity:.2;pointer-events:none}.tape-edge{position:absolute;top:0;right:0;width:6px;height:100%;cursor:ew-resize;border-right:2px solid #bbb;transition:border-color .15s}.tape-edge:hover,.tape-wrap.dragging .tape-edge{border-color:#1a1a1a}.tape-wrap.vertical{height:60px;width:100%;display:flex;padding:8px 0;justify-content:center}.tape-wrap.vertical .tape-clip{width:30px;overflow:hidden}.tape-wrap.vertical .tape-ruler{position:absolute;top:0;left:30px;height:30px;width:300px;margin-left:0;transform:rotate(90deg) translate(-33px);transform-origin:top left}.tape-wrap.vertical .tape-bg{top:0;transform:rotate(90deg) translate(-33px);transform-origin:top left;left:30px}.tape-wrap.vertical .tape-edge{inset:auto auto 0 0;width:100%;height:6px;cursor:ns-resize;border-right:none;border-bottom:2px solid #bbb}.tape-wrap.vertical .tape-edge:hover,.tape-wrap.vertical.dragging .tape-edge{border-color:#1a1a1a}#engraving-input{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:13px;font-family:Segoe UI Light,sans-serif;color:#1a1a1a;background:#fff;outline:none}#engraving-input:focus{border-color:#999}#engraving-input::placeholder{color:#bbb}#engraving-font{margin-top:8px}#engraving-font option[value=Inter]{font-family:Inter,sans-serif}#engraving-font option[value=Aboreto]{font-family:Aboreto,serif}#engraving-font option[value="Dancing Script"]{font-family:Dancing Script,cursive}#engraving-font option[value=Montserrat]{font-family:Montserrat,sans-serif}#engraving-font option[value=Nunito]{font-family:Nunito,sans-serif}#engraving-font option[value=Sacramento]{font-family:Sacramento,cursive}.ruler-slider{position:relative;width:100%;height:45px;-webkit-user-select:none;user-select:none;cursor:pointer}.ruler-slider.disabled,.field.disabled{opacity:.3;pointer-events:none}.ruler-bg{width:100%;height:100%;display:block;pointer-events:none}.ruler-handle{position:absolute;top:8px;left:50%;transform:translate(-50%);width:24px;height:14px;cursor:grab;z-index:1}.ruler-handle svg{display:block;width:100%;height:100%}.ruler-handle:active{cursor:grabbing}#poses-bar{position:absolute;bottom:16px;left:calc((100% - 380px)/2);transform:translate(-50%);display:flex;gap:6px;padding:6px 10px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;border:1px solid #e0e0e0;z-index:10}.pose-icon{width:40px;height:40px;padding:4px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.pose-icon:hover{border-color:#ccc;background:#00000008}.pose-icon.active{border-color:#1a1a1a;background:#0000000d}@media(max-width:768px){#canvas{position:absolute;top:0;left:0;width:100%;height:50dvh}#panel{position:absolute;top:50dvh;left:0;right:0;width:100%;height:50dvh;border-left:none;border-top:1px solid #e8e8e8;overflow-y:auto;padding:12px 16px;-webkit-overflow-scrolling:touch}#export-btn{bottom:auto;top:calc(50dvh - 40px);left:8px}#ar-btn,#ar-stop-btn{top:8px;right:8px}.ring-toggle{height:50px}.ring-tab{font-size:18px}.ring-icon{width:30px;height:30px}.ring-title h1{font-size:24px}.ring-title{padding:10px 0}.section-title{font-size:14px;padding:12px 0}.icon-btn{width:64px;height:64px;padding:0 6px}.loading-logo{width:140px}#poses-bar{left:50%;bottom:calc(50dvh + 8px)}}