.s-model-viewer{position:relative;isolation:isolate;border-radius:25px;border:1px solid rgba(222,239,182,.22);overflow:hidden;background:radial-gradient(ellipse at 50% 68%,rgba(166,191,117,.14),transparent 65%),linear-gradient(135deg,rgba(12,29,19,.6),rgba(90,105,60,.16));box-shadow:inset 0 1px 1px rgba(251,250,208,.18);margin-top:14px}
.s-model-viewer:before{content:'';position:absolute;width:65%;height:16%;left:17.5%;top:65%;border-radius:50%;background:rgba(0,12,1,.3);filter:blur(22px);z-index:-1;pointer-events:none}
.s-model-canvas{display:block;width:100%;height:420px;touch-action:none;cursor:grab;outline-offset:-4px}
.s-model-canvas.is-dragging{cursor:grabbing}
.s-model-label{position:absolute;left:18px;top:17px;font-size:9px;letter-spacing:1.2px;color:var(--muted);pointer-events:none}
.s-model-tools{display:flex;justify-content:center;align-items:center;gap:7px;padding:0 15px 16px}
.s-model-tools button{display:flex;align-items:center;justify-content:center;height:36px;min-width:36px;border:1px solid var(--line);border-radius:12px;background:rgba(197,228,165,.06);color:var(--secondary);font-size:16px}
.s-model-tools button:last-child{font-size:10px;padding:0 13px;margin-left:8px}
.s-model-tools button:hover{color:var(--text);border-color:var(--s-edge);background:rgba(197,228,165,.18)}
.s-model-status{text-align:center;color:var(--muted);font-size:10px;line-height:1.7;margin:13px 0}
.s-model-fallback[hidden]{display:none}.s-model-canvas[hidden]{display:none}
:root[data-design=spatial][data-theme=light] .s-model-viewer{background:radial-gradient(ellipse at 50% 68%,rgba(98,123,63,.15),transparent 70%),rgba(220,237,191,.4)}
@media(max-width:767px){.s-model-canvas{height:320px}.s-model-label{font-size:7px;left:12px;top:14px}.s-model-tools button{min-width:40px;height:40px}.s-model-status{font-size:9px;padding:0 12px}}