.nora-mob-viewer { border:1px solid #35505d; border-radius:12px; padding:1rem; background:#101e2a; color:#e6eff4; max-width:720px; }
.nora-mob-viewer [hidden] { display:none !important; }
.nora-mob-fallback { min-height:220px; display:grid; place-content:center; text-align:center; }
.nora-mob-fallback img { max-width:100%; height:auto; object-fit:contain; margin:auto; }
.nora-mob-canvas { display:block; width:100%; height:360px; max-height:60vh; touch-action:none; border-radius:8px; background:radial-gradient(ellipse,#263c4b,#111e29); }
.nora-mob-controls { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.75rem; }
.nora-mob-controls button { min-height:44px; padding:.55rem .8rem; border:1px solid #527983; border-radius:6px; background:#192f3b; color:#e6eff4; font:inherit; cursor:pointer; }
.nora-mob-controls button:disabled { opacity:.5; cursor:default; }
.nora-mob-viewer :focus-visible { outline:3px solid #81e4c5; outline-offset:3px; }
.nora-mob-status { font-size:.9rem; color:#bed1db; overflow-wrap:anywhere; }
@media(max-width:480px) { .nora-mob-canvas { height:280px; } .nora-mob-viewer { padding:.6rem; } }