.scene3d{max-width:var(--measure-readable);margin:0 0 1.5em}.scene3d-plate{background:var(--scene-plate);border:1px solid var(--border-subtle);height:420px;position:relative;overflow:hidden}.scene3d-host{position:absolute;inset:0}.scene3d-host canvas{display:block}.scene3d-host canvas:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.scene3d-still{place-items:center;height:100%;display:grid;position:relative}.scene3d-still svg{width:100%;max-width:320px;max-height:calc(100% - 24px);display:block}.scene3d-controls{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.scene3d-button{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--brand);background:var(--surface-page);color:var(--brand);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);padding:8px 12px;font-size:.75rem}.scene3d-button:hover{background:var(--brand-subtle)}.scene3d-button[aria-pressed=true]{background:var(--brand);color:var(--surface-page)}@media (max-width:600px){.scene3d-plate{height:340px}}@media (prefers-reduced-motion:reduce){.scene3d-button{transition:none}}.scene3d-slider{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted);flex-direction:column;gap:4px;margin-top:12px;font-size:.75rem;display:flex}.scene3d-slider var,.scene3d-button var{text-transform:none;font-style:normal}.scene3d-slider input{accent-color:var(--brand)}.scene3d-caption{color:var(--text-body);margin-top:8px}.scene3d-switch{gap:8px;margin-top:12px;display:flex}