*,:before,:after{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;background:#151515;width:100%;min-height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}#app{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}#viewer-wrap{background:linear-gradient(#161616 0%,#131313 100%);border-radius:0;width:100%;max-width:100%;height:100vh;position:relative;overflow:hidden}#hero-3d{width:100%;height:100%}#loader{z-index:100;background:linear-gradient(#161616 0%,#131313 100%);flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .6s;display:flex;position:absolute;inset:0}#loader.hidden{opacity:0;pointer-events:none}.loader-ring{width:52px;height:52px;position:relative}.loader-ring:before{content:"";border:2px solid #ffffff14;border-radius:50%;position:absolute;inset:0}.loader-ring:after{content:"";border:2px solid #ffffffbf;border-color:#ffffffbf #fff3 #0000 #0000;border-radius:50%;animation:.9s cubic-bezier(.45,.05,.55,.95) infinite spin;position:absolute;inset:0}.loader-dot{background:#ffffff80;border-radius:50%;width:5px;height:5px;animation:.9s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff4d;font-size:11px;font-weight:500;animation:1.8s ease-in-out infinite fadeLabel}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(.8)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.2)}}@keyframes fadeLabel{0%,to{opacity:.3}50%{opacity:.7}}.bottom-bar{z-index:10;-webkit-backdrop-filter:blur(14px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;align-items:center;padding:7px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.bar-left{opacity:0;width:0;margin-right:0;transition:width .55s cubic-bezier(.4,0,.2,1),margin-right .55s cubic-bezier(.4,0,.2,1),opacity .4s;overflow:hidden}.bottom-bar.revealed .bar-left{opacity:1;width:138px;margin-right:7px}.bar-left-inner{white-space:nowrap;align-items:center;gap:7px;padding:2px 0 2px 2px;display:flex}.bar-divider{background:#ffffff2e;flex-shrink:0;width:1px;height:18px}.colour-buttons{flex-shrink:0;align-items:center;gap:7px;display:flex}.swatch{appearance:none;background:var(--swatch);cursor:pointer;border:2px solid #ffffff2e;border-radius:50%;outline:none;flex-shrink:0;width:24px;height:24px;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s}.swatch:hover{border-color:#ffffff8c;transform:scale(1.15)}.swatch.active{border-color:#fff;transform:scale(1.15);box-shadow:none}.viewer-menu{align-items:center;display:flex;position:relative}.menu-dots{appearance:none;cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:3px;width:34px;height:34px;padding:0;transition:background .18s;display:flex}.menu-dots:hover,.menu-dots.active{background:#ffffff1f}.menu-dots span{pointer-events:none;background:#ffffffd9;border-radius:50%;width:3px;height:3px;display:block}.viewer-buttons{opacity:0;pointer-events:none;flex-direction:column;align-items:flex-end;gap:5px;max-height:0;transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .22s;display:flex;position:absolute;bottom:calc(100% + 14px);right:0;overflow:hidden}.viewer-buttons.open{opacity:1;pointer-events:all;max-height:160px}.viewer-buttons button{appearance:none;-webkit-backdrop-filter:blur(12px);color:#ffffffe6;letter-spacing:.01em;cursor:pointer;white-space:nowrap;background:#1e1e1ee0;border:1px solid #ffffff24;border-radius:999px;outline:none;padding:8px 18px;font-family:inherit;font-size:13px;transition:background .15s,border-color .15s}.viewer-buttons button:hover{background:#373737f2;border-color:#ffffff47}