html{height:-webkit-fill-available}body{padding:0;margin:0}needle-engine{position:absolute;top:0;left:0;width:100%;height:100%}needle-engine>div[style*="border-radius: 0.4rem"]{left:clamp(20px,3vw,36px)!important}needle-engine .ar{display:block!important;visibility:visible!important}#product-ui{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:calc(30px + env(safe-area-inset-bottom,0px));background:transparent;pointer-events:none}#product-topline{display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:auto}#carousel-viewport{pointer-events:auto;width:100%;max-width:min(88vw,500px);box-sizing:border-box;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 16%,#000 84%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 16%,#000 84%,transparent 100%)}.carousel{pointer-events:auto;display:flex;align-items:center;gap:14px;width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:18px 0;scrollbar-width:none;cursor:grab}.carousel:active{cursor:grabbing}.carousel::-webkit-scrollbar{display:none}.carousel-item{flex:0 0 auto;scroll-snap-align:center;width:48px;height:48px;border-radius:50%;border:none;box-sizing:border-box;cursor:pointer;appearance:none;-webkit-appearance:none;background-color:#143c5a;padding:0;opacity:.7;transform:scale(.86);transition:transform .18s ease,opacity .18s ease;box-shadow:0 2px 8px #0000004d;overflow:hidden}.carousel-item-img{width:100%;height:100%;object-fit:contain;padding:7px;box-sizing:border-box;display:block;border-radius:50%;pointer-events:none}.carousel-item.active{opacity:1;transform:scale(1.22);box-shadow:0 0 0 2.5px #ffffffe6,0 4px 14px #00000059}.carousel.is-scrolling .carousel-item,.carousel.is-scrolling .carousel-item.active{box-shadow:none}.carousel-label{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;appearance:none;-webkit-appearance:none;border:none;cursor:pointer;background:#ffffff80;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:20px;color:#1a1a1a;font-family:system-ui,sans-serif;font-size:13px;font-weight:600;padding:5px 14px;min-height:1.1em}.carousel-label .label-sep{width:1px;height:13px;background:#00000059}.carousel-label .label-info{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:#0009}.carousel-label .label-info svg{width:16px;height:16px;display:block}#info-panel{position:fixed;left:50%;bottom:clamp(150px,22vh,240px);transform:translate(-50%);z-index:10005;pointer-events:auto;width:min(88vw,340px);box-sizing:border-box;background:#143c5af5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);border-radius:16px;color:#fff;padding:8px;overflow:hidden;box-shadow:0 10px 34px #00000073}#info-panel[hidden]{display:none}#info-scroll{max-height:calc(42vh - 16px);overflow-y:auto;padding:12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}#info-scroll::-webkit-scrollbar{width:5px}#info-scroll::-webkit-scrollbar-button{display:none;height:0;width:0}#info-scroll::-webkit-scrollbar-track{background:transparent;margin:6px 0}#info-scroll::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:10px}#info-title{margin:0 0 10px;font-family:system-ui,sans-serif;font-size:16px;font-weight:700}#info-list{margin:0;padding-left:20px}#info-list li{margin:5px 0;font-family:system-ui,sans-serif;font-size:14px;line-height:1.4}#info-list li.empty{list-style:none;margin-left:-20px;opacity:.7;font-style:italic}#scale-indicator{display:none;position:fixed;top:18%;left:50%;transform:translate(-50%);z-index:9999;pointer-events:none;background:#00000073;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:14px;color:#fff;font-family:system-ui,sans-serif;font-size:22px;font-variant-numeric:tabular-nums;padding:10px 22px;box-shadow:0 4px 20px #00000040}.ar-session-active #scale-indicator.visible{display:block}#scale-indicator.snapped{border-color:#78ffa0cc;color:#aaffc8}#ar-actions{position:fixed;right:clamp(12px,3.5vw,28px);bottom:max(clamp(16px,4vh,32px),env(safe-area-inset-bottom,0px));z-index:10000;display:flex;flex-direction:column;align-items:center;gap:16px;pointer-events:none}.ar-session-active #ar-actions{top:50%;bottom:auto;transform:translateY(-50%)}body:not(.ar-session-active) #reset-button,body:not(.ar-session-active) #capture-button,body:not(.ar-session-active) #delete-button{display:none}#ar-actions button{display:inline-flex;align-items:center;justify-content:center;appearance:none;-webkit-appearance:none;width:54px;height:54px;padding:0;border:none;border-radius:50%;color:#fff;cursor:pointer;pointer-events:auto;box-shadow:0 3px 14px #0006}#ar-actions button svg{display:block;width:24px;height:24px}#reset-button{background:#143c5ae6}#reset-button:active{background:#143c5a}#capture-button{background:#143c5ae6}#capture-button:active{background:#143c5a}#capture-button.snap{animation:capture-press .28s ease}@keyframes capture-press{0%{transform:scale(1)}40%{transform:scale(.82)}to{transform:scale(1)}}#delete-button{background:#dc2d2df2}#delete-button:active{background:#c81e1e}#delete-button[hidden]{display:none}#share-button{background:#143c5ae6}#share-button:active{background:#143c5a}#share-button.snap{animation:capture-press .28s ease}#share-button.copied{background:#1e8246f2}#share-toast{position:fixed;left:50%;bottom:clamp(96px,17vh,168px);transform:translate(-50%,8px);z-index:100001;max-width:80vw;padding:9px 16px;border-radius:999px;background:#143c5af2;color:#fff;font:600 13px/1.25 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 3px 14px #0006;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}#share-toast.visible{opacity:1;transform:translate(-50%)}body.deeplink-locked #carousel-viewport,body.deeplink-locked #carousel-scrollbar{display:none}#capture-flash{position:fixed;inset:0;z-index:100000;pointer-events:none;background:#fff;opacity:0}#capture-flash.flash{animation:capture-flash .45s ease-out}@keyframes capture-flash{0%{opacity:0}12%{opacity:.85}to{opacity:0}}#carousel-scrollbar{width:clamp(90px,34vw,150px);max-width:60%;height:3px;margin-top:2px;border-radius:3px;background:#ffffff29;pointer-events:none;opacity:0;transition:opacity .35s ease}#carousel-scrollbar.visible{opacity:1}#carousel-scrollbar-thumb{height:100%;width:30%;border-radius:3px;background:#ffffffbf;transform:translate(0);will-change:transform,width}#config-button{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;appearance:none;-webkit-appearance:none;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:#143c5aeb;color:#fff;cursor:pointer;box-shadow:0 3px 14px #0006}#config-button:active{background:#143c5a}#config-button svg{display:block;width:17px;height:17px}#product-ui{transition:opacity .2s ease}body.config-open #product-ui{opacity:0;pointer-events:none}body.config-share #config-panel,body.config-share #product-ui,body.ar-no-config #config-button,body.ar-no-config #config-panel{display:none!important}.config-panel{position:fixed;left:50%;bottom:0;transform:translate(-50%,110%);width:100%;max-width:min(96vw,520px);box-sizing:border-box;z-index:10006;pointer-events:none;background:#0e141af7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-bottom:none;border-top-left-radius:24px;border-top-right-radius:24px;color:#fff;padding:8px 12px calc(16px + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 44px #00000080;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:transform .34s cubic-bezier(.22,1,.36,1);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.config-panel.open{transform:translate(-50%);pointer-events:auto}.config-panel.open.collapsed{transform:translate(-50%,calc(100% - 46px))}.config-panel.collapsed .config-tabs,.config-panel.collapsed .config-body,.config-panel.collapsed .config-nav{visibility:hidden}.config-handle{width:40px;height:4px;margin:4px auto 6px;border-radius:999px;background:#ffffff40}.config-close{position:absolute;top:9px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;appearance:none;-webkit-appearance:none;border:none;border-radius:50%;background:#ffffff1a;color:#ffffffe6;cursor:pointer;padding:0}.config-close:active{background:#ffffff2e}.config-close svg{width:15px;height:15px;display:block}.config-tabs{display:flex;gap:2px;margin-top:24px;border-bottom:1px solid rgba(255,255,255,.12);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.config-tabs::-webkit-scrollbar{display:none}.config-tab{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;appearance:none;-webkit-appearance:none;border:none;background:none;color:#ffffff8c;cursor:pointer;padding:8px 14px 10px;margin-bottom:-1px;border-bottom:2px solid transparent}.config-tab .tab-name{font-size:12px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.config-tab .tab-sub{font-size:11px;font-weight:500;opacity:.85;white-space:nowrap}.config-tab.active{color:#fff;border-bottom-color:#fff}.config-body{height:clamp(112px,19vh,156px);overflow-y:auto;overscroll-behavior:contain;padding:16px 4px 8px 2px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) rgba(255,255,255,.08)}.config-body::-webkit-scrollbar{width:6px;-webkit-appearance:none}.config-body::-webkit-scrollbar-track{background:#ffffff14;border-radius:6px;margin:4px 0}.config-body::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:6px}.config-body.scrollable{scrollbar-color:rgba(255,255,255,.55) rgba(255,255,255,.12)}.config-body.scrollable::-webkit-scrollbar-thumb{background:#ffffff8c}.config-body.scrollable::-webkit-scrollbar-track{background:#ffffff1f}.config-group{margin-bottom:16px}.config-group:last-child{margin-bottom:0}.config-group-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;margin-bottom:9px}.config-options{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.opt-pill{appearance:none;-webkit-appearance:none;border:1.5px solid rgba(255,255,255,.25);background:#ffffff0f;color:#fff;border-radius:22px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease}.opt-pill:active{background:#ffffff1f}.opt-pill.disabled{opacity:.32;pointer-events:none;cursor:default;text-decoration:line-through}.opt-pill.selected{border-color:#fff;background:#ffffff24}.opt-circle{appearance:none;-webkit-appearance:none;width:58px;height:58px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);background:#ffffff0f;color:#fff;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s ease,transform .15s ease}.opt-circle.selected{border-color:#fff;transform:scale(1.06)}.opt-color{appearance:none;-webkit-appearance:none;width:58px;height:58px;border-radius:50%;border:2px solid rgba(255,255,255,.25);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;transition:border-color .15s ease,transform .15s ease}.opt-color.swatch-dark{background:#1b1b1d;color:#fff}.opt-color.swatch-light{background:#efefef;color:#222}.opt-color.selected{border-color:#fff;transform:scale(1.06)}.opt-pill.opt-none{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px}.opt-pill.opt-none svg{width:17px;height:17px;display:block}.tab-sub-none{display:inline-flex;align-items:center;justify-content:center}.tab-sub-none svg{width:12px;height:12px;display:block;opacity:.85}.config-cascade-section{animation:cfg-reveal .16s ease-out both}@keyframes cfg-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.opt-addon.selected{border-color:#2f7dc0;background:#2f7dc047}.opt-addon.selected:before{content:"✓";margin-right:6px;font-size:12px;font-weight:700}.config-nav{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.config-arrow{appearance:none;-webkit-appearance:none;width:36px;height:36px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.config-arrow:active{background:#ffffff2e}.config-arrow svg{width:18px;height:18px;display:block}.config-arrow[disabled]{visibility:hidden}
