:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e5e7eb;background:#05070b}*{box-sizing:border-box}html,body,#app,#runtime{width:100%;height:100%;margin:0;overflow:hidden}#runtime{position:relative}#runtime canvas{display:block;width:100%;height:100%}.viewer-status{position:fixed;left:16px;bottom:16px;display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:10px 12px;border:1px solid #334155;border-radius:8px;background:#0f172ae0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 32px #0000004d}.viewer-status strong{color:#f8fafc;font-size:13px}.viewer-status span{color:#94a3b8;font-size:12px;overflow-wrap:anywhere}.viewer-status span[data-error=true]{color:#fca5a5}.viewer-status button{border:1px solid #475569;border-radius:6px;padding:6px 9px;color:#e2e8f0;background:#1e293b;cursor:pointer}#camera-controls,#hotspot-controls{display:inline-flex;align-items:center;gap:6px}#camera-controls[hidden],#hotspot-controls[hidden]{display:none}#camera-controls select,#hotspot-controls select{max-width:180px;padding:5px;color:#e2e8f0;background:#1e293b;border:1px solid #475569;border-radius:5px}@media(max-width:620px){.viewer-status{grid-template-columns:1fr auto}.viewer-status span{grid-column:1 / -1;grid-row:2}}[data-viewer-mode=public] .viewer-status strong,[data-viewer-mode=public] #reload,[data-viewer-mode=public] #active-camera,[data-viewer-mode=public][data-viewer-state=ready] #status,[data-viewer-mode=public] .viewer-status[data-empty=true]{display:none}[data-viewer-mode=public] .viewer-status{grid-template-columns:1fr}