:root{color:#11110f;background:#f5f4f2;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #11110f;--muted: #65645f;--line: #d6d4cf;--paper: #ffffff;--warm: #f5f4f2;--gold: #ba8a22;--focus: #145fc0;--header-height: 70px;--development-banner-height: 34px}[hidden]{display:none!important}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;color:var(--ink);background:var(--warm);letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit;letter-spacing:0}button:not(:disabled),a{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.28}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:fixed;top:12px;left:12px;z-index:1000;padding:11px 16px;border-radius:4px;color:#fff;background:var(--ink);font-size:.82rem;font-weight:700;transform:translateY(calc(-100% - 24px));transition:transform .14s ease}.skip-link:focus{transform:translateY(0)}#customizer-main:focus{outline:none}.customizer-shell{min-height:100vh;background:var(--paper)}.development-banner{display:flex;width:100%;height:var(--development-banner-height);align-items:center;justify-content:center;gap:9px;padding-inline:20px;border-bottom:1px solid rgba(255,255,255,.16);color:#fff;background:var(--ink);font-size:.72rem;font-weight:650;letter-spacing:.045em;line-height:1;text-align:center;white-space:nowrap}.development-banner__dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px #ffffff24}.customizer-header{position:relative;z-index:20;display:grid;height:var(--header-height);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);background:#fffffff5}.wordmark{width:fit-content;font-size:1.05rem;font-weight:800;letter-spacing:.38em;text-transform:uppercase}.product-id{display:flex;gap:12px;align-items:center;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.product-id span{color:var(--muted)}.header-tools{display:flex;gap:7px;align-items:center;justify-content:flex-end}.icon-button{display:inline-grid;width:38px;height:38px;padding:0;border:0;border-radius:50%;place-items:center;background:transparent;transition:background-color .16s ease,transform .16s ease}.icon-button:hover:not(:disabled){background:#f1f0ed}.icon-button:active:not(:disabled){transform:scale(.95)}.icon-button svg{width:19px;height:19px;stroke-width:1.6}.customizer-main{display:grid;height:calc(100vh - var(--development-banner-height) - var(--header-height));min-height:0;grid-template-columns:minmax(0,69.5%) minmax(350px,30.5%)}.stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:#f1efec}.viewer{position:absolute;inset:0;overflow:hidden;background:#f1efec}.viewer canvas{position:relative;z-index:2;display:block;width:100%;height:100%;touch-action:none}.pbr-viewer{touch-action:none;-webkit-user-select:none;user-select:none}.pbr-viewer__hint{position:absolute;z-index:4;top:24px;left:50%;padding:8px 12px;border:1px solid rgba(17,17,15,.14);border-radius:999px;color:#45443f;background:#ffffffb8;font-size:.66rem;font-weight:700;text-transform:uppercase;opacity:0;pointer-events:none;transform:translate(-50%);transition:opacity .18s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pbr-viewer:hover .pbr-viewer__hint,.pbr-viewer:focus-within .pbr-viewer__hint{opacity:1}.rendered-viewer{touch-action:none;-webkit-user-select:none;user-select:none}.rendered-stack{position:absolute;z-index:2;inset:0;transform-origin:center;transition:transform .14s ease-out;will-change:transform}.rendered-viewer:active .rendered-stack{transition:none}.render-layer{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.rendered-viewer__hint,.rendered-viewer__queue{position:absolute;z-index:4;left:50%;padding:8px 12px;border:1px solid rgba(17,17,15,.14);border-radius:999px;color:#45443f;background:#ffffffb8;font-size:.66rem;font-weight:700;text-transform:uppercase;transform:translate(-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rendered-viewer__hint{top:24px;opacity:0;transition:opacity .18s ease}.rendered-viewer:hover .rendered-viewer__hint,.rendered-viewer:focus-within .rendered-viewer__hint{opacity:1}.rendered-viewer__queue{bottom:28px}.rendered-viewer--queued .viewer__fallback{z-index:2;opacity:1;object-fit:contain}.viewer__fallback{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}html[data-model-ready=true] .viewer__fallback{opacity:0}html[data-model-ready=true] .rendered-viewer--queued .viewer__fallback{opacity:1}.loading-state,.model-error{position:absolute;z-index:6;top:50%;left:50%;display:grid;max-width:min(320px,82%);gap:7px;justify-items:center;padding:18px 22px;border:1px solid rgba(17,17,15,.14);border-radius:6px;background:#ffffffe6;box-shadow:0 14px 42px #1616131a;text-align:center;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.loading-state strong,.model-error strong{font-size:.82rem;text-transform:uppercase}.loading-state>span:last-child,.model-error p{margin:0;color:var(--muted);font-size:.78rem}.loading-state__ring{width:24px;height:24px;border:2px solid #d5d2cb;border-top-color:var(--gold);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stage-reset,.stage-fullscreen{position:absolute;z-index:5;width:48px;height:48px;border:1px solid rgba(17,17,15,.23);background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stage-reset{top:30px;left:30px}.stage-fullscreen{right:30px;bottom:116px}.camera-dock{position:absolute;z-index:5;bottom:28px;left:30px;display:flex;padding:6px;border:1px solid rgba(17,17,15,.25);border-radius:6px;background:#ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.camera-dock button{display:grid;width:66px;min-height:62px;gap:3px;align-content:center;justify-items:center;padding:5px;border:0;border-radius:4px;background:transparent;font-size:.68rem}.camera-dock button:hover,.camera-dock button:focus-visible{background:#ffffffd1}.camera-dock button[aria-pressed=true]{color:#6d5115;background:#fff9e5f0;box-shadow:inset 0 0 0 1px #ba8a2275}.camera-dock button:last-child{margin-left:5px;border-left:1px solid var(--line);border-radius:0 4px 4px 0}.camera-dock svg{width:24px;height:24px;stroke-width:1.35}.camera-dock [data-camera-view-icon]{overflow:visible;stroke-width:1.45}.model-status{position:absolute;z-index:5;right:26px;bottom:30px;padding:7px 10px;border:1px solid rgba(17,17,15,.15);border-radius:4px;color:#45443f;background:#ffffffad;font-size:.66rem;font-weight:700;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.configuration-panel{min-width:0;overflow-x:hidden;overflow-y:auto;border-left:1px solid var(--line);background:var(--paper);overscroll-behavior:contain}.tabs{position:sticky;z-index:10;top:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--line);background:#fffffff5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tab{position:relative;display:grid;min-width:0;min-height:86px;gap:7px;align-content:center;justify-items:center;padding:8px 4px;border:0;background:transparent;color:#64635e;font-size:.68rem}.tab:after{position:absolute;right:16%;bottom:-1px;left:16%;height:2px;content:"";background:transparent}.tab[aria-selected=true]{color:var(--ink)}.tab[aria-selected=true]:after{background:var(--gold)}.tab svg{width:23px;height:23px;stroke-width:1.35}.configuration-controls{min-height:330px;padding:26px 22px 12px}.control-group{min-width:0;padding:0;margin:0 0 28px;border:0}.control-group legend,.selection-summary h2{width:100%;padding:0;margin:0 0 14px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.swatches{display:flex;flex-wrap:wrap;gap:13px}.swatch{position:relative;display:grid;width:58px;min-width:0;gap:7px;justify-items:center;padding:0;border:0;background:transparent}.swatch__sample{position:relative;display:block;width:45px;height:45px;border:1px solid rgba(17,17,15,.2);border-radius:50%;background:var(--swatch-color);box-shadow:inset 8px 7px 12px #ffffff40,inset -7px -7px 12px #00000029}.swatch[aria-pressed=true] .swatch__sample:after{position:absolute;inset:-5px;border:2px solid var(--gold);border-radius:50%;content:""}.swatch__name{width:100%;overflow:hidden;color:var(--muted);font-size:.59rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.swatch__check{position:absolute;top:13px;left:20px;width:18px;height:18px;padding:3px;border-radius:50%;color:#fff;background:#11110fbd;stroke-width:2.5}.swatches--stone .swatch__sample{overflow:hidden;border-color:#11110f1f;background-color:var(--swatch-color);background-image:linear-gradient(32deg,transparent 43%,rgba(255,255,255,.85) 44% 49%,transparent 50%),linear-gradient(122deg,transparent 43%,rgba(255,255,255,.5) 44% 49%,transparent 50%)}.layout-options{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.layout-option{position:relative;display:grid;min-width:0;min-height:78px;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:5px;background:#fff;text-align:left}.layout-option[aria-pressed=true]{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.layout-option>svg{position:absolute;top:6px;right:6px;width:15px;height:15px;color:var(--gold)}.layout-option strong,.layout-option small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-option strong{font-size:.69rem}.layout-option small{margin-top:3px;color:var(--muted);font-size:.57rem}.chain-mark{display:grid;width:48px;height:48px;overflow:hidden;border-radius:8px;border:1px solid #e5e3de;place-items:center;color:var(--ink);background:linear-gradient(145deg,#fff,#f7f6f2);transition:border-color .16s ease,color .16s ease,background .16s ease}.layout-option[aria-pressed=true] .chain-mark{border-color:#d7bd7d;color:#8c6513;background:linear-gradient(145deg,#fffdf7,#f6eedb)}.pendant-mark{display:grid;width:48px;height:48px;border-radius:4px;place-items:center;color:#9b751d;background:linear-gradient(145deg,#f8f6ef,#e6e1d5)}.pendant-mark svg{width:27px;height:27px;stroke-width:1.35}.chain-layout-icon{display:block;width:100%;height:100%}.chain-layout-icon__strand,.chain-layout-icon__link path,.chain-layout-icon__shoe,.chain-layout-icon__removed path,.chain-layout-icon__slash{fill:none;stroke:currentColor;vector-effect:non-scaling-stroke}.chain-layout-icon__strand,.chain-layout-icon__removed path{stroke-width:1.35;stroke-linecap:round}.chain-layout-icon__shoe{stroke-width:.9;opacity:.22}.chain-layout-icon__link path{fill:#fff;stroke-width:1;stroke-linejoin:round}.chain-layout-icon__link path+path{fill:none;stroke-width:.7}.chain-layout-icon__slash{stroke-width:2;stroke-linecap:round}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:21px 0 9px;border-top:1px solid var(--line);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.toggle-row>span{display:inline-flex;gap:8px;align-items:center}.info-button{display:inline-grid;width:20px;height:20px;padding:0;border:0;border-radius:50%;place-items:center;background:transparent}.info-button svg{width:16px;height:16px}.switch{position:relative;width:44px;height:25px;padding:0;border:0;border-radius:14px;background:#b8b6b1;transition:background-color .16s ease}.switch span{position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0000002e;transition:transform .16s ease}.switch[aria-checked=true]{background:var(--gold)}.switch[aria-checked=true] span{transform:translate(19px)}.selection-summary{padding:20px 22px;border-top:1px solid var(--line)}.selection-summary dl{display:grid;gap:9px;margin:0}.selection-summary dl>div{display:flex;min-width:0;gap:16px;align-items:baseline;justify-content:space-between}.selection-summary dt,.selection-summary dd{min-width:0;margin:0;overflow:hidden;font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.selection-summary dt{color:var(--muted)}.selection-summary dd{font-weight:700;text-align:right}.panel-actions{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px;padding:0 22px 12px}.save-button{display:flex;min-height:48px;align-items:center;justify-content:center;padding:10px 18px;border:1px solid var(--ink);border-radius:5px;color:#fff;background:var(--ink);font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.save-button svg{display:none}.share-button{width:46px;height:48px;border:1px solid var(--ink);border-radius:5px}.back-link{display:flex;width:fit-content;gap:9px;align-items:center;justify-content:center;padding:11px 22px 24px;margin:0 auto;font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.back-link svg{width:15px;height:15px}.toast{position:fixed;z-index:100;bottom:24px;left:50%;min-width:220px;padding:12px 16px;border-radius:5px;color:#fff;background:#11110ff0;font-size:.75rem;text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,18px);transition:opacity .18s ease,transform .18s ease}.toast[data-visible=true]{opacity:1;transform:translate(-50%)}@media(max-width:1100px){.customizer-main{grid-template-columns:minmax(0,62%) minmax(340px,38%)}.camera-dock button{width:56px}.model-status{display:none}}@media(max-width:760px){:root{--header-height: 68px}body{overflow:auto}.customizer-header{position:sticky;top:0;padding:0 18px}.wordmark{font-size:.86rem;letter-spacing:.28em}.product-id{gap:7px;font-size:.6rem}.header-tools .icon-button:nth-child(2),.header-tools .icon-button:nth-child(3),.header-tools .icon-button:nth-child(4){display:none}.header-tools{gap:1px}.header-tools .icon-button{width:35px;height:35px}.customizer-main{display:block;height:auto}.stage{height:min(86svh,720px);min-height:530px;border-bottom:1px solid var(--line)}.configuration-panel{overflow:visible;border-left:0}.stage-reset{top:18px;left:18px}.stage-fullscreen{right:18px;bottom:112px}.camera-dock{right:18px;bottom:18px;left:18px;justify-content:space-between}.camera-dock button{width:auto;min-width:0;flex:1 1 0;font-size:.62rem}.camera-dock button:last-child{flex:1.15 1 0}.tabs{top:var(--header-height)}.tab{min-height:82px;font-size:.67rem}.configuration-controls{min-height:0;padding:27px 20px 8px}.control-group{margin-bottom:30px}.layout-options{grid-template-columns:repeat(2,minmax(0,1fr))}.swatches{gap:16px}.selection-summary{padding:22px 20px}.panel-actions{position:static;padding:12px 20px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff}.save-button{min-height:54px;font-size:.86rem}.share-button{width:52px;height:54px}}@media(max-width:420px){.development-banner{gap:8px;padding-inline:12px;font-size:.68rem;letter-spacing:.025em}.customizer-header{grid-template-columns:1fr auto 1fr;padding:0 12px}.wordmark{font-size:.76rem;letter-spacing:.22em}.product-id span:last-child{display:none}.stage{height:68svh;min-height:500px}.camera-dock{right:12px;left:12px}.camera-dock svg{width:21px;height:21px}.camera-dock button span{font-size:.56rem}.tabs{overflow-x:auto;grid-template-columns:repeat(5,minmax(68px,1fr));scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{min-height:76px}.layout-options{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;transition-duration:1ms!important}}