body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--text:#fff;--gray-200:#b4b8bb;--gray-300:#80868b;--gray-500:#5f6368;--gray-600:#444;--gray-700:#202020;--gray-800:#171717;--gray-900:#111;--gray-1000:#0a0a0a;--border-stroke:#444;--accent-blue:#a1e4f2;--accent-blue-active-bg:#001233;--accent-blue-active:#98beff;--accent-blue-headers:#448dff;--accent-green:#a8dab5;--midnight-blue:#001233;--blue-30:#99beff;--accent-red:#ff4600;--font-family:"Montserrat",sans-serif;--Neutral-00:#000;--Neutral-5:#181a1b;--Neutral-10:#1c1f21;--Neutral-15:#232729;--Neutral-20:#2a2f31;--Neutral-30:#404547;--Neutral-50:#707577;--Neutral-60:#888d8f;--Neutral-80:#c3c6c7;--Neutral-90:#e1e2e3;--Green-500:#0d9c53;--Green-700:#025022;--Blue-400:#80c1ff;--Blue-500:#1f94ff;--Blue-800:#0f3557;--Red-400:#ff9c7a;--Red-500:#ff4600;--Red-600:#e03c00;--Red-700:#bd3000;--bg-primary:#111;--bg-secondary:#1c1f21;--bg-tertiary:#232729;--bg-elevated:#2a2f31;--bg-overlay:#000c;--text-primary:#e1e2e3;--text-secondary:#888d8f;--text-tertiary:#707577;--border-primary:#404547;--border-secondary:#2a2f31;--divider:#2a2f31;--interactive-hover:#2a2f31;--interactive-active:#404547;--focus-ring:#1f94ff;--status-success-bg:#025022;--status-success-text:#0d9c53;--status-error-bg:#3d0f0f;--status-error-text:#ff4600;--status-warning-bg:#3d2f0f;--status-warning-text:#ff9c7a;--status-info-bg:#0f3557;--status-info-text:#80c1ff;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 20px 40px #00000080;--background:var(--bg-primary);--color:var(--text-primary);scrollbar-color:#444 #0000;scrollbar-color:var(--gray-600) #0000;scrollbar-width:thin}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden;width:100%}body{background:#111;background:var(--bg-primary);color:#e1e2e3;color:var(--text-primary);font-family:Montserrat,sans-serif}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.montserrat-regular{font-weight:400}.montserrat-bold,.montserrat-regular{font-family:Montserrat,sans-serif;font-style:normal}.montserrat-bold{font-weight:700}.montserrat-regular-italic{font-weight:400}.montserrat-bold-italic,.montserrat-regular-italic{font-family:Montserrat,sans-serif;font-style:italic}.montserrat-bold-italic{font-weight:700}.hidden{display:none}.flex{display:flex}.h-screen-full{height:100vh}.w-screen-full{width:100vw}.flex-col{flex-direction:column}.app-container{height:100vh;overflow:hidden;width:100vw}.app-container .settings-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;background:var(--bg-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.app-container .error-state{align-items:center;background:#111;background:var(--bg-primary);display:flex;flex-direction:column;height:100vh;justify-content:center;padding:2rem;text-align:center}.app-container .error-state h2{color:#ff4600;color:var(--Red-500);margin-bottom:1rem}.app-container .error-state p{color:#888d8f;color:var(--text-secondary);margin-bottom:2rem;max-width:400px}.app-container .error-state button{background:#1f94ff;background:var(--Blue-500);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem}.app-container .error-state button:hover{background:#80c1ff;background:var(--Blue-400)}.streaming-console{background:#111;background:var(--bg-primary);color:#e1e2e3;color:var(--text-primary);display:flex;height:100vh;position:relative;width:100vw}.streaming-console.loading-overlay{align-items:center;background:#000c;background:var(--bg-overlay);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.streaming-console a,.streaming-console a:active,.streaming-console a:visited{color:#80868b;color:var(--gray-300)}.streaming-console .disabled,.streaming-console .disabled>*{pointer-events:none}.streaming-console main{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:1rem;justify-content:center;max-width:100%;overflow:hidden;padding:25px 0;position:relative}.streaming-console .main-app-area{align-items:center;display:flex;flex:1 1;justify-content:center}.streaming-console .function-call{height:50%;overflow-y:auto;position:absolute;top:0;width:100%}.streaming-console .info-containers{align-items:center;align-items:start;background:#2a2f31;background:var(--bg-elevated);border:1px solid #404547;border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 4px 12px #0006;box-shadow:var(--shadow-md);display:flex;gap:0;height:100%;min-width:400px;padding:16px;width:100%}.streaming-console .info-container{color:#c3c6c7;color:var(--Neutral-80);flex:1 1;padding:12px}.streaming-console .info-container h3,.streaming-console .info-container h4{color:#e1e2e3;color:var(--Neutral-90);font-size:14px;font-weight:600;margin:0 0 8px}.streaming-console .info-container p{color:var(--Neutral-70);font-size:12px;margin:0}.streaming-console .info-container .feedback-containers{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.streaming-console .info-container .feedback-containers .feedback-container{background:#232729;background:var(--Neutral-15);border:1px solid #404547;border:1px solid var(--Neutral-30);border-radius:8px;flex:1 1;min-height:120px;padding:12px}.streaming-console .info-container .feedback-containers .feedback-container h4{color:#e1e2e3;color:var(--Neutral-90);font-size:13px;font-weight:600;margin:0 0 8px}.streaming-console .info-container .feedback-containers .feedback-container .feedback-content{max-height:100px;overflow-y:auto}.streaming-console .info-container .feedback-containers .feedback-container .feedback-content ul{margin:0;padding-left:16px}.streaming-console .info-container .feedback-containers .feedback-container .feedback-content li{color:#c3c6c7;color:var(--Neutral-80);font-size:11px;margin-bottom:4px}.streaming-console .info-container .summaries{max-height:200px;overflow-y:auto}.streaming-console .vertical-separator{background-color:#ffffff80;height:60px;margin:0 8px;width:1px}.transcript-container{align-self:start;background:#1c1f21;background:var(--bg-secondary);border:1px solid #404547;border:1px solid var(--border-primary);border-radius:8px;flex:1 1;height:75%;min-height:120px;overflow:scroll;padding:12px;width:100px}.transcript-container .transcript-content{height:100px;overflow-y:auto}.transcript-container .transcript-content ul{margin:0;padding-left:16px}.transcript-container .transcript-content li{color:#c3c6c7;color:var(--Neutral-80);font-size:11px;margin-bottom:4px}.stream{border-radius:32px;flex-grow:1;max-height:fit-content;max-width:90%}.App{background:#111;background:var(--background);color:#e1e2e3;color:var(--color);height:100vh;width:100vw}.theme-toggle{align-items:center;background:#2a2f31;background:var(--Neutral-20);border:1px solid #404547;border:1px solid var(--Neutral-30);border-radius:999px;box-shadow:0 2px 4px #0000004d;box-shadow:var(--shadow-sm);color:#e1e2e3;color:var(--Neutral-90);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.theme-toggle:hover{background:#404547;background:var(--Neutral-30);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-toggle .material-symbols-outlined{font-size:20px}.theme-light{--Neutral-00:#fff;--Neutral-5:#f8f9fa;--Neutral-10:#f3f4f6;--Neutral-15:#fff;--Neutral-20:#f3f4f6;--Neutral-30:#e5e7eb;--Neutral-50:#6b7280;--Neutral-60:#4b5563;--Neutral-70:#374151;--Neutral-80:#1f2937;--Neutral-90:#111827;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f1f3f4;--bg-elevated:#fff;--bg-overlay:#00000080;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#6b7280;--border-primary:#e5e7eb;--border-secondary:#f3f4f6;--divider:#e5e7eb;--interactive-hover:#f3f4f6;--interactive-active:#e5e7eb;--focus-ring:#1f94ff;--status-success-bg:#d4edda;--status-success-text:#155724;--status-error-bg:#f8d7da;--status-error-text:#721c24;--status-warning-bg:#fff3cd;--status-warning-text:#856404;--status-info-bg:#d1ecf1;--status-info-text:#0c5460;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 20px 40px #0003;--background:var(--bg-primary);--color:var(--text-primary);scrollbar-color:#d1d5db #0000}.theme-light .theme-toggle{background:#1c1f21;background:var(--bg-secondary);border-color:#404547;border-color:var(--border-primary);box-shadow:0 2px 4px #0000004d;box-shadow:var(--shadow-sm);color:#e1e2e3;color:var(--text-primary)}.theme-light .theme-toggle:hover{background:#232729;background:var(--bg-tertiary)}.settings-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;background:var(--bg-overlay);bottom:0;left:0;position:fixed;right:0;top:0}.initial-setup,.settings-modal-overlay{align-items:center;display:flex;justify-content:center;z-index:1000}.initial-setup{background:#000c;height:100vh;width:100vw}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #404547;border-top:3px solid #1f94ff;border:3px solid var(--border-primary);border-radius:50%;border-top-color:var(--Blue-500);height:40px;width:40px}.session-expired{align-items:center;background-color:#232729;background-color:var(--Neutral-15);color:#c3c6c7;color:var(--Neutral-80);display:flex;flex-direction:column;font-family:Montserrat,sans-serif;height:100vh;justify-content:center}.session-expired h1{color:#ff4600;color:var(--Red-500);font-size:2rem;margin-bottom:1rem}.session-expired p{color:var(--Neutral-70);font-size:1rem;margin:.5rem 0}#update-suggestions{border:none;border-radius:12px;cursor:pointer;padding:8px}.select-group{display:flex;flex-direction:column;gap:4px;height:70px}.select-group>label{font-size:10px}.settings-dialog{align-items:center;display:flex;gap:4px;height:70px;justify-content:center}.settings-dialog .connected-indicator{font-style:italic}.settings-dialog h4{margin-bottom:10px;margin-left:4px}.settings-dialog button{background:none;border:0}.settings-dialog .dialog{background:var(--bg-primary);border:0;color:var(--text-primary);display:flex;flex-direction:column;font-family:Montserrat,sans-serif;height:100vh;margin:0;max-height:100vh;overflow:hidden;padding:0;width:100%}.settings-dialog .theme-toggle-container .settings-header{flex:1 1;margin-bottom:0;padding:0;text-align:left}.settings-dialog .theme-toggle-container .settings-header h1{color:var(--text-primary);font-size:1.8rem;font-weight:600;margin:0 0 .5rem}.settings-dialog .theme-toggle-container .settings-header p{color:var(--text-secondary);font-size:1rem;line-height:1.4;margin:0}.settings-dialog .settings-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:2rem}.settings-dialog .theme-toggle-container{align-items:flex-start;display:flex;gap:1rem;margin-bottom:2rem;padding-top:0}.settings-dialog .settings-main{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;margin:0 auto}@media(max-width:1200px){.settings-dialog .settings-main{gap:1.5rem;grid-template-columns:1fr 1fr}}@media(max-width:768px){.settings-dialog .settings-main{gap:1rem;grid-template-columns:1fr}}.settings-dialog .settings-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-sm);padding:2rem}.settings-dialog .settings-section h2{border-bottom:2px solid var(--border-primary);color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.settings-dialog .settings-section h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.settings-dialog .settings-section p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0 0 1rem}.settings-dialog .api-keys-stack{display:flex;flex-direction:column}.settings-dialog .audio-setup-footer{align-items:stretch;background:var(--bg-primary);border-top:none;display:flex;flex-shrink:0;gap:2rem;margin-top:auto;padding:0}@media(max-width:768px){.settings-dialog .audio-setup-footer{flex-direction:column;gap:1rem}}.settings-dialog .audio-devices-condensed{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;flex:1 1;padding:1rem}.settings-dialog .audio-devices-condensed .device-selector{display:flex;flex-direction:column;gap:1rem}.settings-dialog .audio-devices-condensed .device-selector h3{display:none}.settings-dialog .audio-devices-condensed .device-selector .device-inputs-row{align-items:stretch;display:flex;gap:1rem}@media(max-width:768px){.settings-dialog .audio-devices-condensed .device-selector .device-inputs-row{flex-direction:column;gap:.5rem}}.settings-dialog .audio-devices-condensed .device-selector .device-input{flex:1 1;margin-bottom:0}.settings-dialog .audio-devices-condensed .device-selector .device-input label{color:var(--text-primary);display:block;font-size:.8rem;font-weight:500;margin-bottom:.25rem}.settings-dialog .audio-devices-condensed .device-selector .device-input select{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:2px;color:var(--text-primary);font-size:.9rem;padding:.5rem;width:100%}.settings-dialog .audio-devices-condensed .device-selector .device-input select:focus{border-color:var(--focus-ring);outline:none}.settings-dialog .audio-devices-condensed .device-selector .device-input .monitor-button{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:2px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.5rem;width:100%}.settings-dialog .audio-devices-condensed .device-selector .device-input .monitor-button:hover{background:var(--interactive-hover)}.settings-dialog .audio-devices-condensed .device-selector .audio-levels-column{display:flex;flex-direction:column;gap:.5rem;width:100%}.settings-dialog .audio-devices-condensed .device-selector .audio-levels-column .audio-level{align-items:center;display:flex;gap:.5rem}.settings-dialog .audio-devices-condensed .device-selector .audio-levels-column .audio-level label{font-size:.7rem;font-weight:400;margin-bottom:0;min-width:50px}.settings-dialog .audio-devices-condensed .device-selector .audio-levels-column .audio-level .level-meter{background:var(--bg-primary);border-radius:2px;flex:1 1;height:4px;overflow:hidden}.settings-dialog .audio-devices-condensed .device-selector .audio-levels-column .audio-level .level-bar{background:var(--text-secondary);border-radius:2px;height:100%;min-width:1px;transition:width .05s ease-out}.settings-dialog .audio-devices-condensed .device-selector .audio-levels-column .audio-level .level-text{color:var(--text-tertiary);font-size:.7rem;min-width:30px}.settings-dialog .audio-devices-condensed .device-selector .audio-levels-column .audio-level .monitor-button{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:2px;color:var(--text-primary);cursor:pointer;font-size:.7rem;padding:.25rem .5rem}.settings-dialog .audio-devices-condensed .device-selector .audio-levels-column .audio-level .monitor-button:hover{background:var(--interactive-hover)}.settings-dialog .audio-devices-condensed .device-selector .recording-controls{align-items:center;display:flex;gap:.25rem;margin-top:.25rem}.settings-dialog .audio-devices-condensed .device-selector .recording-controls .record-button{background:var(--Red-500);border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:9px;padding:.25rem .5rem;transition:background-color .2s ease}.settings-dialog .audio-devices-condensed .device-selector .recording-controls .record-button:hover:not(:disabled){background:var(--Red-600)}.settings-dialog .audio-devices-condensed .device-selector .recording-controls .record-button:disabled{background:var(--Neutral-30);color:var(--text-tertiary);cursor:not-allowed}.settings-dialog .audio-devices-condensed .device-selector .recording-controls .recording-indicator{animation:pulse 1.5s ease-in-out infinite alternate;color:var(--Red-500);font-size:9px}.settings-dialog .audio-devices-condensed .device-selector .playback-controls{border-top:1px solid var(--border-primary);margin-top:.5rem;padding-top:.25rem}.settings-dialog .audio-devices-condensed .device-selector .playback-controls label{color:var(--text-secondary);display:block;font-size:9px;margin-bottom:.25rem}.settings-dialog .audio-devices-condensed .device-selector .playback-controls audio{border-radius:3px;height:24px;margin-bottom:.25rem;width:100%}.settings-dialog .audio-devices-condensed .device-selector .playback-controls .download-button{background:var(--Green-500);border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:8px;padding:.25rem .5rem;transition:background-color .2s ease}.settings-dialog .audio-devices-condensed .device-selector .playback-controls .download-button:hover{background:var(--Green-700)}.settings-dialog .settings-header{margin-bottom:2rem}.settings-dialog .settings-header h2{color:var(--Neutral-90);font-size:24px;font-weight:600;margin:0}.settings-dialog .small{font-size:80%}.settings-dialog .mode-selectors{display:flex;gap:1rem;padding:8px 0}.settings-dialog textarea.system{field-sizing:content;background-color:var(--Neutral-15);border:0;border-radius:12px;box-sizing:border-box;color:var(--Neutral-80);font-family:Google Sans,sans-serif;font-size:16px;height:150px;line-height:21px;margin-top:8px;min-height:150px;padding:8px;resize:vertical;width:calc(100% - 16px)}.settings-dialog .function-declarations{font-size:66%;width:100%}.settings-dialog .fd-rows{grid-row-gap:6px;display:grid;grid-template-columns:1fr .5fr 1.5fr;row-gap:6px}.settings-dialog .fd-row-name{border:1px solid #2a2f31;border:1px solid var(--Neutral-20,#2a2f31);border-radius:8px;color:var(--Blue-400);font-family:Space mono;font-size:12px;font-weight:700;padding:10px}.settings-dialog .fd-row-args{padding:12px}.settings-dialog .fd-row-args>:not(:last-child):after{content:", "}.settings-dialog .fd-row{align-items:center;color:var(--Neutral-70);display:contents;height:35px}.settings-dialog .fd-row-description{background:#0000;border:none;color:inherit;flex:1 1;font-size:inherit;padding:2px 4px}.settings-dialog .fd-row-description:focus,.settings-dialog .fd-row-description:hover{background:var(--Neutral-20);outline:none}.settings-dialog .initial-setup-dialog{background:var(--Neutral-10);border:1px solid var(--Neutral-30);border-radius:12px;box-shadow:0 20px 40px #00000080;height:auto;max-height:80vh;max-width:90vw;width:600px;z-index:1002}.settings-dialog .initial-setup-dialog .dialog-container{padding:2rem}.settings-dialog .initial-setup-dialog .setup-header{margin-bottom:2rem;text-align:center}.settings-dialog .initial-setup-dialog .setup-header h2{color:var(--Neutral-90);font-size:24px;font-weight:600;margin:0 0 .5rem}.settings-dialog .initial-setup-dialog .setup-header p{color:var(--Neutral-70);font-size:16px;margin:0}.settings-dialog .prompt-editor-section{margin-top:1.5rem}.settings-dialog .prompt-editor-section .prompt-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.settings-dialog .prompt-editor-section .prompt-header h3{color:var(--Neutral-90);font-size:16px;font-weight:600;margin:0}.settings-dialog .prompt-editor-section .prompt-header .reset-button{align-items:center;background:#0000;border:1px solid var(--Neutral-30);border-radius:4px;color:var(--Neutral-80);cursor:pointer;display:flex;font-size:12px;font-weight:400;gap:.25rem;padding:.375rem .75rem;transition:all .2s ease}.settings-dialog .prompt-editor-section .prompt-header .reset-button:hover{background:var(--Neutral-15);border-color:var(--Neutral-50);color:var(--Neutral-90)}.settings-dialog .prompt-editor-section .prompt-header .reset-button:active{background:var(--Neutral-20)}.settings-dialog .prompt-editor-section .prompt-header .reset-button .material-symbols-outlined{font-size:14px}.settings-dialog .prompt-editor-section .editable-prompt{background:var(--Neutral-15);border:1px solid var(--Neutral-30);border-radius:6px;box-sizing:border-box;color:var(--Neutral-90);font-family:inherit;font-size:14px;min-height:120px;padding:.75rem;resize:vertical;width:100%}.settings-dialog .prompt-editor-section .editable-prompt:focus{border-color:var(--Blue-500);outline:none}.settings-dialog .prompt-editor-section .editable-prompt:disabled{background:var(--Neutral-20);color:var(--Neutral-60);cursor:not-allowed}.settings-dialog .prompt-editor-section .editable-prompt::placeholder{color:var(--Neutral-60)}.settings-dialog .api-key-input{margin:1.5rem 0}.settings-dialog .api-key-input label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:.5rem}.settings-dialog .api-key-input input{background:var(--Neutral-15);border:1px solid var(--Neutral-30);border-radius:6px;box-sizing:border-box;color:var(--Neutral-90);font-family:inherit;font-size:14px;padding:.75rem;width:100%}.settings-dialog .api-key-input input:focus{border-color:var(--Blue-500);outline:none}.settings-dialog .api-key-input input::placeholder{color:var(--Neutral-60)}.settings-dialog .api-key-input small{color:var(--Neutral-60);display:block;font-size:12px;margin-top:.5rem}.settings-dialog .api-key-input small a{color:var(--Blue-500);text-decoration:none}.settings-dialog .api-key-input small a:hover{text-decoration:underline}.settings-dialog .context-input{margin:1.5rem 0}.settings-dialog .context-input label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:.5rem}.settings-dialog .context-input textarea{background:var(--Neutral-15);border:1px solid var(--Neutral-30);border-radius:6px;box-sizing:border-box;color:var(--Neutral-90);font-family:inherit;font-size:14px;padding:.75rem;resize:vertical;width:100%}.settings-dialog .context-input textarea:focus{border-color:var(--Blue-500);outline:none}.settings-dialog .context-input textarea::placeholder{color:var(--Neutral-60)}.settings-dialog .device-selector{margin:0}.settings-dialog .device-selector h3{color:var(--Neutral-90);font-size:16px;font-weight:600;margin:0 0 1rem}.settings-dialog .device-selector .device-input{margin-bottom:1rem}.settings-dialog .device-selector .device-input label{color:var(--Neutral-90);display:block;font-size:14px;font-weight:600;margin-bottom:.5rem}.settings-dialog .device-selector .device-input select{background:var(--Neutral-15);border:1px solid var(--Neutral-30);border-radius:6px;box-sizing:border-box;color:var(--Neutral-90);font-family:inherit;font-size:14px;padding:.75rem;width:100%}.settings-dialog .device-selector .device-input select:focus{border-color:var(--Blue-500);outline:none}.settings-dialog .device-selector .device-input select:disabled{background:var(--Neutral-20);color:var(--Neutral-60);cursor:not-allowed}.settings-dialog .device-selector .device-input .audio-level{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.settings-dialog .device-selector .device-input .audio-level label{color:var(--Neutral-70);font-size:12px;margin:0;min-width:70px}.settings-dialog .device-selector .device-input .audio-level .level-meter{background:var(--Neutral-30);border:1px solid var(--Neutral-40);border-radius:4px;flex:1 1;height:8px;min-width:100px;overflow:hidden;position:relative}.settings-dialog .device-selector .device-input .audio-level .level-meter.disabled{background:var(--Neutral-20);border-color:var(--Neutral-30);opacity:.6}.settings-dialog .device-selector .device-input .audio-level .level-meter .level-bar{border-radius:3px;height:100%;min-width:2px;transition:width .1s ease-out}.settings-dialog .device-selector .device-input .audio-level .level-text{color:var(--Neutral-70);font-size:11px;min-width:35px;text-align:right}.settings-dialog .device-selector .device-input .audio-level .monitor-button{background:var(--Blue-500);border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:12px;padding:.5rem .75rem;transition:background-color .2s ease}.settings-dialog .device-selector .device-input .audio-level .monitor-button:hover{background:var(--Blue-600)}.settings-dialog .device-selector .device-input .audio-level .monitor-button:active{background:var(--Blue-700)}.settings-dialog .device-selector .device-input .recording-controls{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.settings-dialog .device-selector .device-input .recording-controls .record-button{background:var(--Red-500);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:.5rem .75rem;transition:background-color .2s ease}.settings-dialog .device-selector .device-input .recording-controls .record-button:hover:not(:disabled){background:var(--Red-600)}.settings-dialog .device-selector .device-input .recording-controls .record-button:disabled{background:var(--Neutral-30);color:var(--Neutral-60);cursor:not-allowed}.settings-dialog .device-selector .device-input .recording-controls .recording-indicator{animation:pulse 1.5s ease-in-out infinite alternate;color:var(--Red-400);font-size:12px}.settings-dialog .device-selector .device-input .playback-controls{border-top:1px solid var(--border-primary);margin-top:.75rem;padding-top:.5rem}.settings-dialog .device-selector .device-input .playback-controls label{color:var(--Neutral-80);display:block;font-size:12px;margin-bottom:.5rem}.settings-dialog .device-selector .device-input .playback-controls audio{border-radius:4px;margin-bottom:.5rem}.settings-dialog .device-selector .device-input .playback-controls .download-button{background:var(--Green-500);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:.375rem .75rem;transition:background-color .2s ease}.settings-dialog .device-selector .device-input .playback-controls .download-button:hover{background:var(--Green-700)}.settings-dialog .audio-setup-footer .dialog-actions{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;display:flex;justify-content:center;padding:1rem}.settings-dialog .audio-setup-footer .dialog-actions button{border:1px solid var(--border-primary);border-radius:2px;cursor:pointer;font-size:.9rem;font-weight:500;min-width:140px;padding:.75rem 1.5rem}.settings-dialog .audio-setup-footer .dialog-actions button:disabled{cursor:not-allowed;opacity:.5}.settings-dialog .audio-setup-footer .dialog-actions button.confirm-button{background:var(--bg-tertiary);color:var(--text-primary);height:100%}.settings-dialog .audio-setup-footer .dialog-actions button.confirm-button:hover:not(:disabled){background:var(--interactive-hover)}.settings-dialog .audio-setup-footer .dialog-actions button.cancel-button{background:var(--bg-tertiary);color:var(--text-primary)}.settings-dialog .audio-setup-footer .dialog-actions button.cancel-button:hover{background:var(--interactive-hover)}.settings-dialog .revai-test-section{background:var(--Neutral-10);border:1px solid var(--Neutral-25);border-radius:8px;margin:1.5rem 0;padding:1rem}.settings-dialog .revai-test-section h3{color:var(--Neutral-90);font-size:16px;font-weight:600;margin:0 0 .5rem}.settings-dialog .revai-test-section p{color:var(--Neutral-70);font-size:14px;margin:0 0 1rem}.settings-dialog .revai-test-section .test-button{background:var(--Green-500);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.settings-dialog .revai-test-section .test-button:hover:not(:disabled){background:var(--Green-600)}.settings-dialog .revai-test-section .test-button:disabled{background:var(--Neutral-30);color:var(--Neutral-60);cursor:not-allowed}.settings-dialog .revai-test-section .revai-error{background:var(--Red-100);border:1px solid var(--Red-300);border-radius:4px;color:var(--Red-700);font-size:14px;margin-top:.5rem;padding:.75rem}.settings-dialog .revai-test-section .revai-error strong{color:var(--Red-800)}.settings-dialog .revai-test-section .revai-transcript{background:var(--Green-100);border:1px solid var(--Green-300);border-radius:4px;margin-top:.5rem;padding:.75rem}.settings-dialog .revai-test-section .revai-transcript strong{color:var(--Green-800);display:block;font-size:14px;margin-bottom:.5rem}.settings-dialog .revai-test-section .revai-transcript p{background:#fff;border:1px solid var(--Green-200);border-radius:4px;color:var(--Green-700);font-size:14px;font-style:italic;margin:0;padding:.5rem}.voice-recorder{background:var(--Neutral-5);border:1px solid var(--Neutral-30);border-radius:8px;margin:16px 0;padding:20px}.voice-recorder .recorder-header{margin-bottom:16px}.voice-recorder .recorder-header h3{color:var(--Neutral-90);font-size:16px;font-weight:600;margin:0 0 8px}.voice-recorder .recorder-header p{color:var(--Neutral-70);font-size:14px;margin:0}.voice-recorder .text-to-read{background:var(--Neutral-10);border:1px solid var(--Neutral-20);border-radius:6px;margin:16px 0;padding:16px}.voice-recorder .text-to-read p{color:var(--Neutral-80);font-size:14px;font-style:italic;line-height:1.4;margin:0}.voice-recorder .recorder-controls{align-items:center;display:flex;flex-direction:column;gap:16px}.voice-recorder .recorder-controls .record-button{align-items:center;background:var(--Blue-500);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.voice-recorder .recorder-controls .record-button:hover:not(:disabled){background:var(--Blue-800);transform:translateY(-1px)}.voice-recorder .recorder-controls .record-button.recording{animation:pulse 1.5s infinite;background:var(--Red-500)}.voice-recorder .recorder-controls .record-button.recording:hover{background:var(--Red-600)}.voice-recorder .recorder-controls .record-button:disabled{cursor:default;opacity:.8}.voice-recorder .recorder-controls .record-button .material-symbols-outlined{font-size:20px}.voice-recorder .recorder-controls .recording-indicator{align-items:center;display:flex;gap:16px}.voice-recorder .recorder-controls .recording-indicator .timer{color:var(--Red-500);font-family:Montserrat,sans-serif;font-size:18px;font-weight:600}.voice-recorder .recorder-controls .recording-indicator .volume-meter{background:var(--Neutral-20);border-radius:4px;height:8px;overflow:hidden;position:relative;width:100px}.voice-recorder .recorder-controls .recording-indicator .volume-meter:after{background:linear-gradient(90deg,var(--Green-500),var(--accent-blue),var(--Red-500));border-radius:4px;content:"";height:100%;left:0;position:absolute;top:0;transition:width .1s ease;width:0;width:var(--volume,0)}.voice-recorder .recorder-controls .audio-controls{align-items:center;display:flex;gap:12px}.voice-recorder .recorder-controls .audio-controls audio{background:#0000;border:none;border-radius:6px;flex:1 1;height:40px;min-width:250px;outline:none}.voice-recorder .recorder-controls .audio-controls audio::-webkit-media-controls-panel{background-color:#0000}.voice-recorder .recorder-controls .audio-controls audio::-webkit-media-controls-pause-button,.voice-recorder .recorder-controls .audio-controls audio::-webkit-media-controls-play-button{background-color:var(--Blue-500);border-radius:50%;color:#fff;margin-right:8px}.voice-recorder .recorder-controls .audio-controls audio::-webkit-media-controls-timeline{background-color:var(--Neutral-500);border-radius:3px;margin:0 8px}.voice-recorder .recorder-controls .audio-controls audio::-webkit-media-controls-timeline::-webkit-slider-thumb{background-color:var(--Blue-500);border-radius:50%}.voice-recorder .recorder-controls .audio-controls audio::-webkit-media-controls-current-time-display,.voice-recorder .recorder-controls .audio-controls audio::-webkit-media-controls-time-remaining-display{color:var(--Neutral-15);font-family:var(--font-family);font-size:11px}.voice-recorder .recorder-controls .audio-controls audio::-webkit-media-controls-volume-slider{background-color:var(--Neutral-500);border-radius:3px}.voice-recorder .recorder-controls .audio-controls audio::-webkit-media-controls-volume-slider::-webkit-slider-thumb{background-color:var(--Blue-500);border-radius:50%}.voice-recorder .recorder-controls .audio-controls .delete-button{align-items:center;background:#0000;border:1px solid var(--Red-400);border-radius:6px;color:var(--Red-500);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.voice-recorder .recorder-controls .audio-controls .delete-button:hover{background:var(--Red-500);border-color:var(--Red-500);color:#fff}.voice-recorder .recorder-controls .audio-controls .delete-button .material-symbols-outlined{font-size:18px}.audio-level-display{align-items:center;display:flex;gap:8px;margin:8px 0}.audio-level-display label{color:var(--Neutral-80);font-size:12px;min-width:80px;text-align:right}.audio-level-display .level-meter{background:var(--Neutral-30);border-radius:4px;flex:1 1;height:8px;overflow:hidden;position:relative}.audio-level-display .level-bar{border-radius:4px;height:100%;min-width:1px;transition:width .05s ease-out}.audio-level-display .level-text{color:var(--Neutral-70);font-size:11px;min-width:30px;text-align:left}.audio-level-display.disabled{opacity:.5}.action-button{align-items:center;animation:opacity-pulse 3s ease-in infinite;background:var(--Neutral-20);border:1px solid #0000;border-radius:18px;color:var(--Neutral-60);cursor:pointer;display:flex;font-size:1.25rem;height:48px;justify-content:center;line-height:1.75rem;text-transform:lowercase;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;width:48px}.action-button:focus{border:2px solid var(--Neutral-20);outline:2px solid var(--Neutral-80)}.action-button.outlined{background:var(--Neutral-2);border:1px solid var(--Neutral-20)}.action-button .no-action{pointer-events:none}.action-button:hover{background:#0000;border:1px solid var(--Neutral-20)}.action-button.connected{background:var(--Blue-800);color:var(--Blue-500)}.action-button.connected:hover{border:1px solid var(--Blue-500)}@property --volume{syntax:"length";inherit:false;initial-value:0}.disabled .mic-button:before,.mic-button.disabled:before{background:#0000}.mic-button{background-color:var(--accent-red);color:#000;transition:all .2s ease-in}.mic-button:focus{border:2px solid var(--Neutral-20);outline:2px solid var(--Red-500)}.mic-button:hover{background-color:var(--Red-400)}.mic-button.muted{background-color:var(--Neutral-30);color:var(--Neutral-70)}.mic-button.muted:hover{background-color:var(--Neutral-40)}.mic-button:before{border-radius:24px}.send-button{background-color:var(--Blue-500);color:var(--Neutral-5);font-size:14px;font-weight:500;letter-spacing:.5px;min-width:150px;text-transform:none;width:auto}.send-button:focus{border:2px solid var(--Neutral-20);outline:2px solid var(--Blue-500)}.send-button:hover:not(:disabled){background-color:var(--Blue-400);border:1px solid var(--Blue-400)}.send-button:disabled{background-color:var(--Neutral-30);color:var(--Neutral-60);cursor:not-allowed}.send-button:disabled:hover{background-color:var(--Neutral-30);border:1px solid #0000}.send-button .button-text,.send-button .send-button-text{font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:none;white-space:nowrap}.action-button.with-text{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:500;letter-spacing:.5px;line-height:1.2;min-width:120px;padding:.5rem 1rem;text-transform:none;transition:all .2s ease;width:auto}.action-button.with-text:hover:not(:disabled){background:var(--interactive-hover);border-color:var(--Blue-500)}.action-button.with-text:disabled{background:var(--bg-primary);border-color:var(--border-primary);color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.action-button.with-text .button-text{color:inherit;font-size:14px;font-weight:500}.action-button.with-text .material-symbols-outlined{font-size:18px}.connect-toggle:focus{border:2px solid var(--Neutral-20);outline:2px solid var(--Neutral-80)}.connect-toggle:not(.connected){background-color:var(--Blue-500);color:var(--Neutral-5)}.control-tray{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:center;padding-bottom:18px}.control-tray .action-button.disabled,.control-tray .disabled .action-button{background:#0000;border:1px solid #404547;border:1px solid var(--Neutral-30,#404547);color:var(--Neutral-30)}.control-tray .connection-container{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center}.control-tray .connection-container .connection-button-container{background:var(--Neutral-5);border:1px solid var(--Neutral-30);border-radius:27px;padding:10px}.control-tray .connection-container .text-indicator{color:var(--Blue-500);font-size:11px;-webkit-user-select:none;user-select:none}.control-tray .connection-container:not(.connected) .text-indicator{opacity:0}.mic-container{position:relative}.mic-container,.timer-container{align-items:center;display:flex;gap:8px}.timer-container{flex-direction:column;z-index:100}.timer-display-standalone{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400;letter-spacing:.2px;text-align:center}.timer-display-standalone.ended{color:var(--Neutral-70);opacity:1;transition:none}.mic-button{background:var(--Red-500);border:1px solid var(--Red-500);border-radius:6px;color:#fff;font-size:14px;font-weight:500;letter-spacing:.5px;min-width:120px;padding:.5rem 1rem;position:relative;text-transform:none;transition:all .2s ease;width:auto;z-index:1}.mic-button:focus{border:2px solid var(--Red-500);outline:2px solid var(--Red-300)}.mic-button:hover:not(:disabled){background:var(--Red-600);border-color:var(--Red-600)}.mic-button.muted{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-secondary)}.mic-button.muted:hover:not(:disabled){background:var(--interactive-hover);border-color:var(--Blue-500)}.mic-button.muted:before{background-color:#0000!important}.mic-button:disabled{background:var(--bg-primary);border-color:var(--border-primary);color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.mic-button .button-text{color:inherit;font-size:14px;font-weight:500}.mic-button .material-symbols-outlined{font-size:18px}.mic-button:before{background-color:var(--Red-500);border-radius:8px;content:"";display:block;height:calc(100% + var(--volume)*2);left:calc(var(--volume)*-1);opacity:.35;position:absolute;top:calc(var(--volume)*-1);transition:all .02s ease-in-out;width:calc(100% + var(--volume)*2);z-index:-1}.audio-levels-container{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;padding:8px 0;width:200px}.actions-nav{align-items:center;display:inline-flex;gap:12px;overflow:clip;padding:10px;transition:all .6s ease-in}.actions-nav>*{align-items:center;display:flex;flex-direction:column;gap:1rem}@keyframes pulse{0%{box-shadow:0 0 0 0 #ffc107b3}70%{box-shadow:0 0 0 10px #ffc10700}to{box-shadow:0 0 0 0 #ffc10700}}@keyframes opacity-pulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.streaming-session{background:var(--bg-primary);display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100vw}.streaming-session .session-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:1rem 2rem}.streaming-session .session-header .session-header-left{align-items:center;display:flex;gap:1rem}.streaming-session .session-header .session-header-left h2{color:var(--text-primary);font-weight:600;margin:0}.streaming-session .session-header .session-header-right{align-items:center;display:flex;gap:1rem}.streaming-session .session-header .session-header-right .footer-toggle-button{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.streaming-session .session-header .session-header-right .footer-toggle-button:hover{background:var(--interactive-hover);border-color:var(--Blue-500)}.streaming-session .session-header .session-header-right .footer-toggle-button .material-symbols-outlined{font-size:18px}.streaming-session .session-header .session-header-right .context-button{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.streaming-session .session-header .session-header-right .context-button:hover{background:var(--interactive-hover);border-color:var(--Blue-500)}.streaming-session .session-header .session-header-right .context-button .material-symbols-outlined{font-size:18px}.streaming-session .session-header .stop-button{background:var(--Red-500);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.streaming-session .session-header .stop-button:hover{background:var(--Red-600)}.streaming-session .session-header .stop-button:active{transform:translateY(1px)}.streaming-session .session-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:1rem}.streaming-session .session-content .info-containers{display:flex;flex:1 1;flex-direction:column;gap:1rem;margin-bottom:1rem;min-height:0;overflow:hidden}.streaming-session .session-content .info-containers .summary-row{flex-shrink:0}.streaming-session .session-content .info-containers .summary-row .feedback-container{background:var(--bg-secondary);border-radius:8px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:1rem}.streaming-session .session-content .info-containers .summary-row .feedback-container h4{color:var(--text-primary);flex-shrink:0;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.streaming-session .session-content .info-containers .summary-row .feedback-container .feedback-content{flex:1 1;overflow-y:auto}.streaming-session .session-content .info-containers .summary-row .feedback-container .feedback-content p{color:var(--text-secondary);line-height:1.5;margin:0}.streaming-session .session-content .info-containers .main-content-row{display:flex;flex:1 1;gap:1rem;min-height:0;overflow:hidden}.streaming-session .session-content .info-containers .transcript-container{background:var(--bg-secondary);border-radius:8px;box-shadow:var(--shadow-sm);display:flex;flex:0 0 50%;flex-direction:column;height:100%;min-height:0;min-width:0;overflow:hidden;padding:1rem}.streaming-session .session-content .info-containers .transcript-container h4{color:var(--text-primary);flex-shrink:0;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.streaming-session .session-content .info-containers .transcript-container .transcript-list{flex:1 1;min-height:0;overflow-y:auto}.streaming-session .session-content .info-containers .transcript-container .transcript-list .no-transcript{color:var(--text-tertiary);font-style:italic;margin-top:2rem;text-align:center}.streaming-session .session-content .info-containers .transcript-container .transcript-list ul{list-style:none;margin:0;padding:0}.streaming-session .session-content .info-containers .transcript-container .transcript-list ul li{border-bottom:1px solid var(--divider);padding:.5rem}.streaming-session .session-content .info-containers .transcript-container .transcript-list ul li:last-child{border-bottom:none}.streaming-session .session-content .info-containers .transcript-container .transcript-list ul li pre{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem;line-height:1.4;margin:0;white-space:pre-wrap}.streaming-session .session-content .info-containers .feedback-container.suggestions-container{background:var(--bg-secondary);border-radius:8px;box-shadow:var(--shadow-sm);display:flex;flex:0 0 50%;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:1rem}.streaming-session .session-content .info-containers .feedback-container.suggestions-container h4{color:var(--text-primary);flex-shrink:0;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.streaming-session .session-content .info-containers .feedback-container.suggestions-container .feedback-content{flex:0 0 auto;margin-bottom:1rem;max-height:200px;overflow-y:auto}.streaming-session .session-content .info-containers .feedback-container.suggestions-container .feedback-content p{color:var(--text-secondary);line-height:1.5;margin:0}.streaming-session .session-content .info-containers .feedback-container.suggestions-container .feedback-content ul{margin:0;padding-left:1.2rem}.streaming-session .session-content .info-containers .feedback-container.suggestions-container .feedback-content ul li{line-height:1.4;margin-bottom:.5rem}.streaming-session .session-content .info-containers .feedback-container.suggestions-container .suggestions-input-area{display:flex;flex:1 1;flex-direction:column;min-height:0}.streaming-session .session-content .info-containers .feedback-container.suggestions-container .suggestions-input-area .suggestions-textarea{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.9rem;line-height:1.4;min-height:0;padding:.5rem;resize:none}.streaming-session .session-content .info-containers .feedback-container.suggestions-container .suggestions-input-area .suggestions-textarea:focus{border-color:var(--Blue-500);outline:none}.streaming-session .session-content .info-containers .feedback-container.suggestions-container .suggestions-input-area .suggestions-controls{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.streaming-session .session-content .info-containers .feedback-container.suggestions-container .suggestions-input-area .suggestions-controls .suggestions-buttons{display:flex;flex-wrap:wrap;gap:.25rem}.streaming-session .session-content .info-containers .feedback-container.suggestions-container .suggestions-input-area .suggestions-controls .update-suggestions-btn{background:var(--Blue-500);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.6rem 1rem;transition:background-color .2s;width:100%}.streaming-session .session-content .info-containers .feedback-container.suggestions-container .suggestions-input-area .suggestions-controls .update-suggestions-btn:hover:not(:disabled){background:var(--Blue-400)}.streaming-session .session-content .info-containers .feedback-container.suggestions-container .suggestions-input-area .suggestions-controls .update-suggestions-btn:disabled{background:var(--Neutral-30);cursor:not-allowed;opacity:.6}.streaming-session .session-content .session-controls{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-sm);flex-shrink:0;overflow:hidden}.streaming-session .session-content .session-controls.collapsed{align-items:center;border-radius:8px;display:flex;height:40px;min-height:40px;padding:0 1rem}.streaming-session .session-content .session-controls.collapsed .collapsed-controls{align-items:center;display:flex;justify-content:space-between;width:100%}.streaming-session .session-content .session-controls.collapsed .collapsed-controls .status-icons{align-items:center;display:flex;gap:1rem}.streaming-session .session-content .session-controls.collapsed .collapsed-controls .status-icons .status-icon-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.streaming-session .session-content .session-controls.collapsed .collapsed-controls .status-icons .status-icon-item.connected{background:var(--status-success-bg);color:var(--status-success-text)}.streaming-session .session-content .session-controls.collapsed .collapsed-controls .status-icons .status-icon-item.disconnected{background:var(--status-error-bg);color:var(--status-error-text)}.streaming-session .session-content .session-controls.collapsed .collapsed-controls .status-icons .status-icon-item:hover{opacity:.8;transform:scale(1.1)}.streaming-session .session-content .session-controls.collapsed .collapsed-controls .status-icons .audio-level-icon{align-items:center;display:flex;height:24px;width:80px}.streaming-session .session-content .session-controls.collapsed .collapsed-controls .status-icons .audio-level-icon .simple-audio-level{align-items:center;display:flex;gap:.5rem;width:100%}.streaming-session .session-content .session-controls.collapsed .collapsed-controls .status-icons .audio-level-icon .simple-audio-level .level-meter{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:2px;flex:1 1;height:4px;min-width:30px;overflow:hidden}.streaming-session .session-content .session-controls.collapsed .collapsed-controls .status-icons .audio-level-icon .simple-audio-level .level-bar{background:var(--Blue-500);border-radius:1px;height:100%;min-width:1px;transition:width .1s ease-out}.streaming-session .session-content .session-controls.collapsed .collapsed-controls .status-icons .audio-level-icon .simple-audio-level .level-text{color:var(--text-secondary);flex-shrink:0;font-size:.7rem;font-weight:500;min-width:30px;text-align:right}.streaming-session .session-content .session-controls.collapsed .collapsed-controls .control-icons{align-items:center;display:flex;gap:.5rem}.streaming-session .session-content .session-controls.collapsed .collapsed-controls .control-icons .control-icon-button{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.streaming-session .session-content .session-controls.collapsed .collapsed-controls .control-icons .control-icon-button:hover:not(:disabled){background:var(--interactive-hover);border-color:var(--Blue-500)}.streaming-session .session-content .session-controls.collapsed .collapsed-controls .control-icons .control-icon-button:disabled{background:var(--bg-primary);color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.streaming-session .session-content .session-controls.collapsed .collapsed-controls .control-icons .control-icon-button.active{background:var(--Red-500);border-color:var(--Red-500);color:#fff}.streaming-session .session-content .session-controls.collapsed .collapsed-controls .control-icons .control-icon-button.active:hover:not(:disabled){background:var(--Red-600)}.streaming-session .session-content .session-controls.collapsed .collapsed-controls .control-icons .control-icon-button.muted{background:var(--bg-primary);border-color:var(--border-primary);color:var(--text-secondary)}.streaming-session .session-content .session-controls.collapsed .collapsed-controls .control-icons .control-icon-button.extend-button{background:var(--Blue-500);border-color:var(--Blue-500);color:#fff}.streaming-session .session-content .session-controls.collapsed .collapsed-controls .control-icons .control-icon-button.extend-button:hover:not(:disabled){background:var(--Blue-400)}.streaming-session .session-content .controls-content{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr 1fr;min-height:120px}@media(max-width:1200px){.streaming-session .session-content .controls-content{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}}@media(max-width:768px){.streaming-session .session-content .controls-content{grid-template-columns:1fr;grid-template-rows:auto auto auto}}.streaming-session .session-content .audio-levels-section,.streaming-session .session-content .controls-section,.streaming-session .session-content .status-section{border-right:1px solid var(--border-primary);display:flex;flex-direction:column;padding:.75rem 1rem}.streaming-session .session-content .audio-levels-section:last-child,.streaming-session .session-content .controls-section:last-child,.streaming-session .session-content .status-section:last-child{border-right:none}@media(max-width:1200px){.streaming-session .session-content .audio-levels-section:nth-child(2),.streaming-session .session-content .controls-section:nth-child(2),.streaming-session .session-content .status-section:nth-child(2){border-right:none}}@media(max-width:768px){.streaming-session .session-content .audio-levels-section,.streaming-session .session-content .controls-section,.streaming-session .session-content .status-section{border-bottom:1px solid var(--border-primary);border-right:none}.streaming-session .session-content .audio-levels-section:last-child,.streaming-session .session-content .controls-section:last-child,.streaming-session .session-content .status-section:last-child{border-bottom:none}}.streaming-session .session-content .audio-levels-section h3,.streaming-session .session-content .controls-section h3,.streaming-session .session-content .status-section h3{border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:.85rem;font-weight:600;margin:0 0 .5rem;padding-bottom:.25rem}.streaming-session .session-content .connection-status{display:flex;flex-direction:column;gap:.25rem}.streaming-session .session-content .connection-status .status-item{align-items:center;border-radius:4px;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem;transition:all .2s ease}.streaming-session .session-content .connection-status .status-item .status-icon{font-size:.9rem;min-width:16px}.streaming-session .session-content .connection-status .status-item .status-label{font-size:.7rem;font-weight:600;min-width:60px}.streaming-session .session-content .connection-status .status-item .status-value{flex:1 1;font-size:.7rem;text-align:right}.streaming-session .session-content .connection-status .status-item.connected{background:var(--status-success-bg);color:var(--status-success-text)}.streaming-session .session-content .connection-status .status-item.disconnected{background:var(--status-error-bg);color:var(--status-error-text)}.streaming-session .session-content .connection-status .status-item.ready{background:var(--status-info-bg);color:var(--status-info-text)}.streaming-session .session-content .connection-status .status-item.not-ready{background:var(--status-warning-bg);color:var(--status-warning-text)}.streaming-session .session-content .connection-status .status-item.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.streaming-session .session-content .connection-status .status-item.clickable:hover{opacity:.8;transform:translateY(-1px)}.streaming-session .session-content .connection-status .status-item.clickable:active{transform:translateY(0)}.streaming-session .session-content .audio-levels{display:flex;flex-direction:column;gap:.25rem}.streaming-session .session-content .audio-levels .audio-level{align-items:center;display:flex;font-size:.7rem;gap:.25rem;padding:.125rem 0}.streaming-session .session-content .audio-levels .audio-level label{color:var(--text-secondary);font-size:.65rem;font-weight:500;min-width:40px}.streaming-session .session-content .audio-levels .audio-level .level-meter{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:2px;flex:1 1;height:4px;overflow:hidden}.streaming-session .session-content .audio-levels .audio-level .level-bar{background:var(--Blue-500);border-radius:1px;height:100%;min-width:1px;transition:width .1s ease-out}.streaming-session .session-content .audio-levels .audio-level .level-text{color:var(--text-tertiary);font-size:.6rem;min-width:30px;text-align:right}.streaming-session .session-content .context-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--bg-overlay);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.streaming-session .session-content .context-panel{background:var(--bg-secondary);border-left:1px solid var(--border-primary);bottom:0;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-width:90vw;overflow:hidden;position:fixed;right:0;top:0;width:400px}.streaming-session .session-content .context-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.streaming-session .session-content .context-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.streaming-session .session-content .context-header .close-button{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:.5rem;transition:all .2s ease}.streaming-session .session-content .context-header .close-button:hover{background:var(--interactive-hover);color:var(--text-primary)}.streaming-session .session-content .context-header .close-button .material-symbols-outlined{font-size:20px}.streaming-session .session-content .context-content{flex:1 1;overflow-y:auto;padding:1.5rem}.streaming-session .session-content .context-content .context-text{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0;white-space:pre-wrap}.streaming-session .session-content .context-content .context-empty{color:var(--text-tertiary);font-size:.95rem;font-style:italic;margin:0;padding:2rem 0;text-align:center}.streaming-session .loading-overlay{align-items:center;background:var(--bg-overlay);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.streaming-session .loading-overlay .loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-primary);border:4px solid var(--border-primary);border-radius:50%;border-top-color:var(--Blue-500);height:40px;margin-bottom:1rem;width:40px}.streaming-session .loading-overlay span{color:var(--text-primary);font-weight:500}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.faa214ad.css.map*/