.swx3d{position:relative;width:100%;aspect-ratio:1/1;max-width:560px;margin:0 auto;isolation:isolate;cursor:grab;touch-action:pan-y;}
.swx3d:active{cursor:grabbing;}
.swx3d canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;opacity:0;transition:opacity .8s ease;}
.swx3d.is-ready canvas{opacity:1;}
.swx3d__glow,.swx3d__ring,.swx3d__shadow{display:block!important;}
.swx3d__glow{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(47,227,155,.32),rgba(47,227,155,0) 68%);filter:blur(10px);z-index:-1;animation:swx3dPulse 5s ease-in-out infinite;}
.swx3d__ring{position:absolute;inset:16%;border-radius:50%;border:1px dashed rgba(47,227,155,.28);z-index:-1;animation:swx3dSpin 40s linear infinite;}
.swx3d__ring::after{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:#2FE39B;box-shadow:0 0 18px #2FE39B;}
.swx3d__shadow{position:absolute;left:28%;right:28%;bottom:13%;height:6%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.55),transparent 70%);z-index:-1;filter:blur(4px);}
.swx3d__fb{position:absolute;inset:14%;width:72%;height:72%;object-fit:contain;transition:opacity .6s;}
.swx3d.is-ready .swx3d__fb{opacity:0;}
html[data-swx-theme="light"] .swx3d__shadow{background:radial-gradient(ellipse,rgba(10,40,30,.25),transparent 70%);}
html[data-swx-theme="light"] .swx3d__glow{background:radial-gradient(circle,rgba(18,138,99,.22),rgba(18,138,99,0) 68%);}
@keyframes swx3dPulse{50%{transform:scale(1.08);opacity:.75;}}
@keyframes swx3dSpin{to{transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce){.swx3d__glow,.swx3d__ring{animation:none;}}