/*
 * @license
 * SPDX-License-Identifier: Apache-2.0
 */:root{--font-body: "Google Sans", sans-serif;--font-mono: "Space Mono", monospace;--font-document: "Arial", sans-serif;--theme-bg: #f8f9fa;--theme-surface: #ffffff;--theme-accent: #4285f4;--theme-text: #202124;--theme-document-bg: #ffffff;--border-radius: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:var(--font-body);background-color:var(--theme-bg);color:var(--theme-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s,color .3s}.App{display:flex;flex-direction:column;height:100%;width:100%}.icon,.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle}.streaming-console{display:flex;flex-direction:column;flex-grow:1;position:relative;overflow:hidden}main{display:flex;flex-direction:column;flex-grow:1;min-height:0}.main-app-area{flex-grow:1;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;padding:16px;min-height:0}.fullscreen-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center}.fullscreen-error h1{color:#d93025}.fullscreen-error code{background:#f1f3f4;padding:2px 6px;border-radius:4px;font-family:var(--font-mono)}header{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:60px;background-color:var(--theme-surface);border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0;box-shadow:var(--shadow-sm);z-index:1000}.roomInfo{position:relative;width:200px;display:flex;align-items:center;gap:8px}.roomName button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;gap:4px;color:var(--theme-text)}.roomName h1{font-size:20px;font-weight:500;margin:0;display:flex;align-items:center;gap:4px;transition:color .2s}.roomName h1:hover,.roomName h1.active{color:var(--theme-accent)}.roomName .icon{transition:transform .2s ease-in-out}.roomName h1.active .icon{transform:rotate(180deg)}.roomList{position:absolute;top:120%;left:0;background-color:var(--theme-surface);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:8px 0;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s,transform .2s,visibility .2s;z-index:1001;max-height:calc(100vh - 160px);overflow-y:auto}.roomList.active{opacity:1;visibility:visible;transform:translateY(0)}.roomList ul{list-style:none;margin:0;padding:0}.roomList li button{width:100%;text-align:left;padding:8px 16px;font-size:16px;background:none;border:none;cursor:pointer;transition:background-color .2s;color:var(--theme-text)}.roomList li button:hover{background-color:#0000000d}.header-controls{display:flex;align-items:center;gap:16px;width:200px;justify-content:flex-end}.header-controls button{background:none;border:none;cursor:pointer;color:var(--theme-text);padding:4px;display:flex;align-items:center;border-radius:50%;transition:background-color .2s,color .2s}.header-controls button:hover{background-color:#00000014}.userSettingsButton{display:flex;align-items:center;gap:8px}.user-name{margin:0;font-weight:500}.change-counter{display:flex;align-items:center;gap:8px;font-size:14px;background-color:#0000000d;padding:4px 10px;border-radius:16px}.change-counter-number{font-weight:700;color:var(--theme-accent)}.font-selector{background-color:var(--theme-surface);border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:6px 8px;font-family:var(--font-body);color:var(--theme-text)}.edit-agent-icon{cursor:pointer;padding:4px;border-radius:50%;transition:background-color .2s}.edit-agent-icon:hover{background-color:#00000014}.reset-button{background:none;border:none;cursor:pointer;color:var(--theme-text);padding:4px;display:flex;align-items:center;border-radius:50%;transition:background-color .2s,color .2s;flex-shrink:0}.reset-button:hover{background-color:#00000014;color:var(--theme-accent)}.reset-container{display:flex;align-items:center}.reset-confirm-actions{display:flex;align-items:center;gap:4px;background-color:#0000000d;padding:2px;border-radius:20px}.reset-button.confirm:hover{color:#34a853;background-color:#34a8531a}.reset-button.cancel:hover{color:#d93025;background-color:#d930251a}.floating-controls{position:fixed;bottom:16px;left:16px;display:flex;flex-direction:column;gap:8px;z-index:100}.floating-controls .theme-toggle-button,.floating-controls .help-button{background-color:var(--theme-surface);border:1px solid rgba(0,0,0,.1);color:var(--theme-text);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;transition:all .2s ease;cursor:pointer}.floating-controls .theme-toggle-button:hover,.floating-controls .help-button:hover{background-color:var(--theme-accent);color:var(--theme-surface);transform:translateY(-2px)}.floating-controls .help-button{position:fixed;bottom:16px;right:16px;left:auto}.view-switcher-container{position:relative;display:flex;justify-content:center}.view-switcher-pill{background:var(--theme-bg);border:1px solid rgba(0,0,0,.1);border-radius:20px;display:flex;align-items:center;padding:2px;box-shadow:inset 0 1px 2px #0000000d}.view-switcher-button{background:none;border:none;cursor:pointer;padding:6px 12px;font-size:14px;font-weight:600;color:var(--theme-text);display:flex;align-items:center;gap:4px;border-radius:18px;transition:background-color .2s}.view-switcher-button:hover{background-color:#0000000d}.view-switcher-button .icon{font-size:20px;transition:transform .2s}.view-switcher-button .icon.rotated{transform:rotate(180deg)}.view-mode-toggles{display:flex;border-left:1px solid rgba(0,0,0,.1);padding-left:4px;margin-left:4px}.view-mode-toggles button{background:none;border:none;cursor:pointer;padding:4px 8px;color:var(--theme-text);opacity:.6;border-radius:4px;transition:all .2s}.view-mode-toggles button:hover{opacity:1;background-color:#0000000d}.view-mode-toggles button.active{opacity:1;color:var(--theme-accent);background-color:#4285f41a}.viewList{position:absolute;top:120%;left:50%;transform:translate(-50%) translateY(-10px);background-color:var(--theme-surface);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:8px 0;min-width:160px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;z-index:20}.viewList.active{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.viewList ul{list-style:none;margin:0;padding:0}.viewList li button{width:100%;text-align:left;padding:8px 16px;font-size:14px;background:none;border:none;cursor:pointer;transition:background-color .2s;color:var(--theme-text)}.viewList li button:hover{background-color:#0000000d}.viewList li.active button{color:var(--theme-accent);font-weight:600;background-color:#4285f40d}.control-tray{padding:16px 0;display:flex;justify-content:center;background-color:var(--theme-surface);border-top:1px solid rgba(0,0,0,.1);box-shadow:0 -2px 10px #0000000d;z-index:10;flex-shrink:0}.button-group{display:flex;align-items:center;gap:16px}.action-button{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;background-color:var(--theme-bg);color:var(--theme-text);transition:background-color .2s,transform .1s;box-shadow:var(--shadow-sm)}.action-button:hover{background-color:#00000014}.action-button:active{transform:scale(.95)}.action-button:disabled{opacity:.5;cursor:not-allowed;background-color:var(--theme-bg)}.action-button .material-symbols-outlined{font-size:32px}.connection-button-container{position:relative}.connect-toggle{width:72px;height:72px;background-color:var(--theme-accent);color:#fff;box-shadow:var(--shadow-md)}.connect-toggle:hover{filter:brightness(1.1);background-color:var(--theme-accent)}.connect-toggle.connected{background-color:#d93025}.connect-toggle.connected:hover{background-color:#d93025;filter:brightness(1.1)}.connect-toggle .material-symbols-outlined{font-size:48px}.text-indicator{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:12px;color:var(--theme-text);opacity:0;transition:opacity .3s}.connection-button-container.connected .text-indicator{opacity:1}.agent-off-indicator{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;font-size:12px;background-color:var(--theme-text);color:var(--theme-surface);padding:2px 8px;border-radius:10px;white-space:nowrap}.basic-face-container-top{position:absolute;z-index:1000;cursor:grab;border-radius:50%;transition:box-shadow .3s ease-in-out}.basic-face-container-top.dragging{cursor:grabbing}@keyframes talking-glow{0%{box-shadow:0 0 5px 2px var(--theme-accent),0 0 10px 5px #ffffff80}50%{box-shadow:0 0 15px 8px var(--theme-accent),0 0 25px 12px #ffffff80}to{box-shadow:0 0 5px 2px var(--theme-accent),0 0 10px 5px #ffffff80}}.basic-face-container-top.talking{animation:talking-glow 1.5s infinite ease-in-out}.basic-face{transition:transform .5s ease-out}.face-status-label{position:absolute;bottom:15%;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;color:#000000b3;pointer-events:none;text-transform:uppercase;white-space:nowrap;background:#fff9;padding:2px 6px;border-radius:10px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2}@keyframes user-talking-glow{0%{box-shadow:0 0 4px 2px #34a853,0 0 8px 4px #fff6}50%{box-shadow:0 0 12px 6px #34a853,0 0 20px 10px #fff6}to{box-shadow:0 0 4px 2px #34a853,0 0 8px 4px #fff6}}.mic-button.talking{animation:user-talking-glow 1.5s infinite ease-in-out}.keynote-companion{width:100%;height:100%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column}.document-view-container{display:flex;flex-direction:column;height:100%;background-color:var(--theme-surface);border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden;position:relative}.main-view-content{flex-grow:1;overflow:hidden;display:flex;flex-direction:column}.document-editor-container{display:flex;flex-direction:column;flex-grow:1;min-height:0;overflow:hidden;position:relative}.document-toolbar{padding:8px 16px;border-bottom:1px solid rgba(0,0,0,.1);display:flex;gap:8px}.document-toolbar button{background:var(--theme-bg);border:1px solid rgba(0,0,0,.1);padding:6px 12px;border-radius:4px;cursor:pointer;transition:background-color .2s;color:var(--theme-text)}.document-toolbar button:hover{background-color:#0000000d}.document-toolbar button:disabled{opacity:.5;cursor:not-allowed}.document-toolbar button:disabled:hover{background-color:var(--theme-bg)}.mobile-toolbar-container{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative}.mobile-menu-trigger{background:none!important;border:none!important;padding:4px!important;cursor:pointer}.mobile-menu-dropdown{position:absolute;top:100%;right:0;background:var(--theme-surface);border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:100;min-width:200px;padding:8px 0}.mobile-menu-dropdown button{text-align:left;background:none!important;border:none!important;padding:12px 16px!important;display:flex;align-items:center;gap:12px;width:100%;border-radius:0!important}.mobile-menu-dropdown button:hover{background-color:#0000000d!important}.mobile-menu-dropdown hr{border:0;border-top:1px solid rgba(0,0,0,.1);margin:4px 0;width:100%}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:transparent}.document-textarea{flex-grow:1;width:100%;padding:16px;border:none;resize:none;outline:none;font-family:var(--font-document);font-size:16px;line-height:1.6;background-color:var(--theme-document-bg);color:var(--theme-text)}.document-textarea::placeholder{color:var(--theme-text);opacity:.6}.document-content{padding:24px;overflow-y:auto;flex-grow:1;position:relative;font-family:var(--font-document);line-height:1.7;background-color:var(--theme-document-bg);min-height:0}.prose-view>*:first-child,.prose-view>*:first-child>*:first-child{margin-top:0!important}.prose-view h1,.prose-view h2,.prose-view h3{margin-top:1.5em;margin-bottom:.5em}.prose-view p{margin-bottom:1em}.prose-view ul,.prose-view ol{padding-left:2em}.prose-view table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:15px;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden}.prose-view th,.prose-view td{padding:12px 15px;text-align:left;border-bottom:1px solid rgba(0,0,0,.1)}.prose-view th{background-color:var(--theme-bg);color:var(--theme-text);font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.5px}.prose-view tbody tr:hover{background-color:#00000008}ins{background-color:#d4edda;text-decoration:none;color:#155724}del{background-color:#f8d7da;text-decoration:line-through;color:#721c24}.copy-button{position:absolute;top:16px;right:16px;z-index:10;background:var(--theme-surface);border:1px solid rgba(0,0,0,.1);padding:6px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--theme-text);box-shadow:var(--shadow-sm)}.copy-button:hover{background-color:#0000000d}.transcript-content{padding:16px;overflow-y:auto;flex-grow:1;background-color:var(--theme-document-bg)}.transcript-entry{padding:8px 0;line-height:1.5}.transcript-entry strong{color:var(--theme-accent)}.audio-log-view{display:flex;flex-direction:column;flex-grow:1;min-height:0;overflow:hidden;background-color:var(--theme-document-bg)}.audio-log-controls{padding:8px 16px;border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0}.audio-log-content{flex-grow:1;overflow-y:auto;padding:16px 16px 0}.audio-log-header,.audio-log-entry{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.audio-log-header{font-weight:700;position:sticky;top:0;background:var(--theme-document-bg);border-bottom:1px solid rgba(255,255,255,.2)}.audio-log-playback{text-align:right}.play-audio-button{background:none;border:none;cursor:pointer;color:var(--theme-accent)}.play-audio-button .icon{font-size:28px}.audio-log-empty{text-align:center;padding:48px;opacity:.6}.document-content.placeholder-active{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px}.welcome-placeholder{width:100%;max-width:600px;text-align:center}.welcome-placeholder-title{font-size:32px;font-weight:700;color:var(--theme-text);margin:0 0 8px}.welcome-placeholder-subtitle{font-size:18px;opacity:.7;margin:0 0 48px;display:flex;align-items:center;justify-content:center;gap:4px}.placeholder-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;text-align:left}.placeholder-feature{display:flex;align-items:flex-start;gap:16px}.placeholder-feature .icon{font-size:32px;color:var(--theme-accent);margin-top:2px}.placeholder-feature h3{margin:0 0 4px;font-size:16px;font-weight:500;color:var(--theme-text)}.placeholder-feature p{margin:0;font-size:14px;line-height:1.5;opacity:.7}.modalShroud{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:2000}.modal{background-color:var(--theme-surface);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column}.modalClose{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s;color:var(--theme-text)}.modalClose:hover{background-color:#00000014}.modalContent{padding:24px;overflow-y:auto}.welcome-screen-shroud{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#66664c,#0c1014);background-size:200% 200%;animation:gradientBG 15s ease infinite;color:#fff;z-index:5000;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .8s ease-out;overflow:hidden}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.welcome-screen-shroud.visible{opacity:1}.welcome-screen-shroud.exiting{opacity:0;pointer-events:none}.welcome-screen.fancy-layout{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:600px;position:relative;z-index:1}.floating-name-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.floating-name{position:absolute;color:#fff6;font-weight:300;animation-name:floatAndFade;animation-timing-function:linear;animation-iteration-count:infinite;opacity:0;will-change:transform,opacity}@keyframes floatAndFade{0%{transform:translateY(20vh) rotate(-10deg);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translateY(-20vh) rotate(10deg);opacity:0}}.welcome-title-fancy{font-size:64px;font-weight:200;letter-spacing:4px;margin:0;text-transform:uppercase;opacity:0;animation:fadeInMove 1s ease-out forwards .3s}.welcome-subtitle-fancy{font-size:20px;font-weight:300;opacity:0;margin-top:16px;margin-bottom:24px;letter-spacing:1px;animation:fadeInMove 1s ease-out forwards .5s}.powered-by-gemini{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:400;color:#fffc;margin-bottom:48px;opacity:0;animation:fadeInMove 1s ease-out forwards .7s}.gemini-star{width:20px;height:20px;color:#fff;animation:twinkle 2s infinite ease-in-out}@keyframes twinkle{0%,to{opacity:.4;transform:scale(.8) rotate(0);filter:drop-shadow(0 0 0px rgba(255,255,255,0))}50%{opacity:1;transform:scale(1.1) rotate(10deg);filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}}@keyframes fadeInMove{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.teach-me-button{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);color:#fff;padding:16px 48px;font-size:20px;border-radius:50px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s ease;opacity:0;animation:fadeInMove 1s ease-out forwards .8s;box-shadow:0 4px 15px #0000001a}.teach-me-button:hover{background:#fff;color:#2a5298;padding-right:56px;box-shadow:0 0 20px #ffffff80}.teach-me-button .icon-right{transition:transform .3s}.teach-me-button:hover .icon-right{transform:translate(5px)}.userSettings.jazzy{padding:32px;min-width:60vw}.userSettings h2{font-size:28px;margin-top:0}.userSettings p{opacity:.7}.userSettings form{display:flex;flex-direction:column;gap:24px;margin-top:24px}.userSettings input[type=text],.userSettings textarea{width:100%;padding:16px;border:1px solid rgba(0,0,0,.1);border-radius:var(--border-radius);font-size:18px;background:var(--theme-bg);color:var(--theme-text)}.userSettings textarea{resize:vertical}.userSettings summary{cursor:pointer;font-weight:500}.details-content{padding-top:16px}.format-selector{display:flex;gap:12px;flex-wrap:wrap}.format-option{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid rgba(0,0,0,.1);border-radius:20px;cursor:pointer;transition:background-color .2s,border-color .2s}.format-option input[type=radio]{display:none}.format-option input[type=radio]:checked+span{font-weight:700}.format-option:has(input:checked){background-color:var(--theme-accent);border-color:var(--theme-accent);color:#fff}.agent-edit-modal .modalContent{padding:0}.edit-agent-form{display:flex;flex-direction:column;width:70vw;max-width:800px;height:70vh}.agent-edit-header{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid rgba(0,0,0,.1)}.config-field{display:flex;flex-direction:column;gap:4px}.config-field label{font-size:12px;font-weight:500;opacity:.7}.header-input{background:var(--theme-bg);border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:8px;font-size:16px;color:var(--theme-text)}.name-field{flex-grow:1}.done-button{margin-left:auto}.agent-personality{flex-grow:1;display:flex;flex-direction:column;padding:16px 24px}.agent-personality label{font-weight:500;margin-bottom:8px}.agent-personality textarea{flex-grow:1;width:100%;border:none;resize:none;outline:none;font-size:16px;line-height:1.6;background:transparent;color:var(--theme-text)}.help-modal-container .modalContent{max-width:800px}.help-modal-content h2{margin-top:0}.help-modal-title{text-align:center;font-size:24px;font-weight:600;margin-bottom:24px}.legal-disclaimer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.legal-disclaimer-content{background-color:var(--theme-surface);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);max-width:500px;width:calc(100% - 32px);text-align:center}.legal-disclaimer-content h3{margin:0 0 16px;font-size:18px;font-weight:600}.legal-disclaimer-content ul{text-align:left;padding-left:20px;margin:0 0 24px;font-size:14px;line-height:1.6}.legal-disclaimer-content li{margin-bottom:12px}.legal-disclaimer-content p{font-size:14px;line-height:1.6;margin:0 0 24px}.legal-disclaimer-content a{color:var(--theme-accent);text-decoration:underline}.legal-disclaimer-content button{background-color:var(--theme-accent);color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;transition:background-color .2s}.legal-disclaimer-content button:hover{filter:brightness(1.1)}.help-section{margin-bottom:24px}.help-section h3{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:8px;margin-bottom:12px}.icon-in-text{font-size:1em;color:var(--theme-accent)}.debug-modal-container{width:95vw;height:95vh}.debug-modal{display:flex;flex-direction:column;height:100%;padding:16px}.debug-header{flex-shrink:0;padding-bottom:16px;display:flex;flex-direction:column}.debug-header-top{display:flex;justify-content:space-between;align-items:center;width:100%}.debug-header h2{margin:0}.debug-actions .copy-logs-button{background-color:var(--theme-accent);color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius);cursor:pointer;font-weight:500;transition:filter .2s}.debug-actions .copy-logs-button:hover{filter:brightness(1.1)}.debug-stats{display:flex;flex-wrap:wrap;gap:16px;font-size:14px;margin-top:8px}.debug-controls{margin-top:16px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.debug-tabs{display:flex;border-bottom:1px solid rgba(0,0,0,.1);margin-top:16px;flex-shrink:0}.debug-tabs button{padding:8px 16px;border:none;background:none;cursor:pointer;border-bottom:3px solid transparent;font-size:16px;font-weight:500;color:var(--theme-text);opacity:.7}.debug-tabs button:hover{opacity:1}.debug-tabs button.active{border-bottom-color:var(--theme-accent);opacity:1}.debug-log-container{flex-grow:1;overflow:auto;border:1px solid rgba(0,0,0,.1);border-radius:var(--border-radius);margin-top:16px;position:relative}.debug-log-container table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.debug-log-container th,.debug-log-container td{padding:8px;text-align:left;border-bottom:1px solid rgba(0,0,0,.1);vertical-align:top;word-break:break-word}.debug-log-container th{position:sticky;top:0;background:var(--theme-surface);z-index:1}.details-cell pre{white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto;background-color:var(--theme-bg);padding:4px;border-radius:4px;font-size:11px;margin:0}.log-row-system{background-color:#4285f41a}.log-row-agent{background-color:#34a8531a}.log-row-user{background-color:#fbbc041a}.log-row-function{background-color:#ea43351a}.highlighted-row td{background-color:#0096ff26!important}.redundant-flag{font-size:10px;color:#5f6368}.status-error{color:#d93025;font-weight:700}.error-details{color:#d93025;white-space:pre-wrap;word-break:break-all}.clickable-log-row{cursor:pointer;transition:background-color .1s}.clickable-log-row:hover td{background-color:#0000000a}.log-details-row td{padding:0!important;background-color:var(--theme-bg)!important;border-bottom:2px solid var(--theme-accent)}.log-details-content{padding:16px;background-color:#00000005}.log-details-section{margin-bottom:12px}.log-details-section:last-child{margin-bottom:0}.log-details-section h4{font-size:12px;font-weight:700;text-transform:uppercase;margin:0 0 4px;color:var(--theme-accent)}.log-details-section pre{white-space:pre-wrap;word-break:break-word;background-color:var(--theme-surface);padding:8px;border-radius:4px;font-size:12px;max-height:300px;overflow-y:auto;margin:0;font-family:var(--font-mono)}.no-details{font-style:italic;opacity:.7;font-size:12px}.button.primary{background-color:var(--theme-accent);color:#fff;border:none;padding:12px 24px;border-radius:var(--border-radius);cursor:pointer;font-size:16px;font-weight:500;transition:filter .2s}.button.primary:hover{filter:brightness(1.1)}.error-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:24px;gap:16px}.error-screen .close-button{margin-top:16px;padding:10px 20px;background:#fff;color:#000;border:none;border-radius:4px;cursor:pointer}.illustration-loading,.illustration-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;border:2px dashed;border-radius:var(--border-radius);margin:1em 0;padding:16px;text-align:center}.illustration-loading{border-color:#80808080;background-color:#8080801a;color:var(--theme-text);opacity:.7}.illustration-error{border-color:#d93025;color:#d93025;background-color:#d930251a}.illustration-loading span,.illustration-error span{margin-top:8px;font-size:14px}.illustration-error .dismiss-button{margin-top:12px;background:none;border:1px solid #d93025;color:#d93025;padding:4px 12px;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.illustration-error .dismiss-button:hover{background:#d93025;color:#fff}.illustration-error .icon{font-size:32px}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:var(--theme-accent);animation:spin 1s ease infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.illustration-container img{max-width:100%;height:auto;border-radius:var(--border-radius);box-shadow:var(--shadow-md);background-color:var(--theme-bg);display:block}.long-generation-notice{margin-top:16px;padding-top:16px;border-top:1px dashed rgba(128,128,128,.5);width:100%;max-width:250px}.long-generation-notice p{font-size:12px;line-height:1.4;margin:0 0 12px}.long-generation-notice button{background:none;border:1px solid var(--theme-accent);color:var(--theme-accent);padding:4px 12px;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.long-generation-notice button:hover{background:var(--theme-accent);color:#fff}.illustration-container.resizable,.graph-container.resizable{position:relative;display:inline-block;max-width:100%;margin:1em auto;transition:width .3s ease}.illustration-container.resizable{line-height:0;cursor:zoom-out}.illustration-container.resizable.minimized{cursor:zoom-in}.resizable:hover .resize-handle{opacity:1}.resize-handle{position:absolute;bottom:4px;right:4px;width:20px;height:20px;background:#00000080;border:2px solid white;border-radius:4px;cursor:nwse-resize;z-index:10;opacity:0;transition:opacity .2s}.graph-container{background-color:#fff;color:#333;padding:16px;border-radius:var(--border-radius);box-shadow:var(--shadow-md)}.graph-plot-area{width:100%;height:400px}.graph-legend{margin-top:16px;font-family:var(--font-mono);font-size:14px}.graph-legend ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:16px}.graph-legend-item{display:flex;align-items:center;gap:8px}.legend-color-swatch{width:14px;height:14px;border-radius:2px}@media(max-width:768px){header{padding:0 16px}.header-controls{gap:8px}.user-name,.change-counter,.font-selector{display:none}.main-app-area{padding:8px}.tabs-container{font-size:14px}.copy-button{top:8px;right:8px;padding:4px 8px}.feature-item p{display:none}.welcome-screen-shroud .welcome-screen{height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 24px}.welcome-screen-shroud .features-list,.welcome-screen-shroud .welcome-prefix{display:none}.welcome-screen-shroud .welcome-title{font-size:48px;margin-bottom:16px;text-align:center}.welcome-screen-shroud .welcome-subtitle{margin-bottom:48px;text-align:center;font-size:18px}.welcome-screen-shroud .welcome-subtitle-extended{display:none}.welcome-screen-shroud .start-button{width:100%;padding:20px;font-size:22px;margin-top:20px}.welcome-placeholder .welcome-prefix,.welcome-placeholder .placeholder-features-grid{display:none}.welcome-placeholder .welcome-placeholder-subtitle{margin-bottom:0;font-size:16px}.document-content.placeholder-active{justify-content:center;height:100%}.userSettings.jazzy{padding:16px;width:85vw;max-width:400px;min-width:unset}.userSettings h2{font-size:24px;margin-bottom:8px}.config-description{display:none}.userSettings form{margin-top:0;gap:18px}.userSettings p:not(.config-description):not(.context-description){margin:0 0 4px;font-size:14px}.userSettings input[type=text],.userSettings textarea{padding:14px;font-size:16px}.details-content{padding-top:4px}.context-description{display:none}.userSettings textarea{height:90px}.button.primary{padding:10px 20px;font-size:14px}}