.structure-viewer-stage-host{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center}.structure-illustrative-label{margin:0 0 8px;color:#92400e;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:center}.structure-scene{width:100%;max-width:360px;height:260px;perspective:900px;touch-action:none;cursor:grab;outline-offset:4px;overflow:hidden;border-radius:12px}.structure-scene:active{cursor:grabbing}.structure-stage{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(0deg) scale(1)}.structure-residue{position:absolute;top:50%;left:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border:1px solid #cbd5e1;border-radius:50%;background:#f8fafc;color:#0f172a;font-size:9px;font-weight:700;display:grid;place-items:center;cursor:pointer}.structure-residue:focus-visible,.structure-residue:hover{border-color:#0f766e;background:#ccfbf1}.structure-residue[aria-pressed=true]{border-color:#0f766e;background:#14b8a6;color:#f8fafc}.structure-residue-modified{border-color:#b45309}.structure-controls{display:flex;justify-content:center;gap:8px;padding:0 0 12px}.structure-controls button{min-width:40px;padding:6px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;color:#0f172a;font-size:13px;cursor:pointer}.structure-controls button:focus-visible,.structure-controls button:hover{border-color:#0f766e}.structure-instructions{margin:0;padding:0 0 8px;color:#64748b;font-size:11px;line-height:1.6;text-align:center}.structure-selection{min-height:16px;padding:0 0 16px;color:#0f172a;font-size:12px;text-align:center}.structure-unavailable{margin:0;padding:24px 18px;color:#64748b;font-size:13px;line-height:1.6;text-align:center}@media (max-width:640px){.structure-scene{max-width:280px;height:220px}}