.synth-viewer{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a0a;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;color:#fff;overflow:hidden}.synth-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0a0a0a;z-index:100}.synth-overlay.synth-error{background:#0a0a0af2}.synth-status{text-align:center;max-width:500px;padding:2rem}.synth-status h2{font-size:1.5rem;font-weight:400;letter-spacing:.1em;margin:1rem 0;color:#4ade80}.synth-error .synth-status h2{color:#f87171}.synth-session-info{font-size:.75rem;color:#6b7280;line-height:1.6}.synth-error-message{font-size:.875rem;color:#9ca3af;white-space:pre-line;line-height:1.6;margin:1rem 0}.synth-spinner{width:40px;height:40px;border:2px solid #1f2937;border-top-color:#4ade80;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.synth-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.synth-actions button,.synth-actions a{font-family:inherit;font-size:.75rem;letter-spacing:.05em;padding:.75rem 1.5rem;background:transparent;border:1px solid #374151;color:#9ca3af;cursor:pointer;text-decoration:none;transition:all .2s}.synth-actions button:hover,.synth-actions a:hover{border-color:#4ade80;color:#4ade80}.synth-stream{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.synth-stream video{width:100%;height:100%;object-fit:contain;background:#000}.synth-info-bar{position:absolute;bottom:0;left:0;right:0;padding:.5rem 1rem;background:#000c;font-size:.625rem;letter-spacing:.1em;color:#6b7280;display:flex;align-items:center;gap:.5rem}.synth-status-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}