*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(to bottom,#2b3b4f,#1c1c1c);color:#fff;height:100vh;width:100vw}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.avatar-live .cta-section{display:none!important}.iframe-container{position:relative;width:100%;height:100%;overflow:hidden}.iframe-container.framed{box-shadow:inset 0 0 0 1px #1282d647}.frame-chrome{position:absolute;top:0;left:0;right:0;height:56px;background:transparent;display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:20;pointer-events:none}.frame-chrome>*{pointer-events:auto}.live-indicator{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#0307108c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.06);border-radius:100px;pointer-events:none}.live-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;animation:live-pulse 2.5s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}.live-indicator span{font-size:.75rem;font-family:Roboto,sans-serif;letter-spacing:2.5px;text-transform:uppercase;color:#fff6}.end-session-btn{display:flex;align-items:center;gap:6px;padding:5px 13px 5px 9px;background:#0307108c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.07);border-radius:6px;color:#ffffff80;font-size:.75rem;font-family:Roboto,sans-serif;letter-spacing:.3px;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.end-session-btn:hover{border-color:#dc3c3c66;color:#ff6e6ee6;background:#3c0a0a73}.frame-bottom-fade{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top,rgba(4,8,22,.55) 0%,transparent 100%);pointer-events:none;z-index:5}.chat-panel{position:absolute;top:56px;right:16px;bottom:200px;width:min(480px,42vw);min-height:140px;background:#0e1424ad;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border:1px solid rgba(18,130,214,.2);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;z-index:100;animation:panel-in .28s cubic-bezier(.22,1,.36,1);box-shadow:0 12px 40px #00000073,0 0 0 1px #1282d614;transition:width .35s cubic-bezier(.22,1,.36,1)}.chat-panel.wide{width:min(820px,74vw)}@keyframes panel-in{0%{transform:translate(16px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.panel-resize-handle{flex-shrink:0;height:10px;cursor:ns-resize;display:flex;align-items:center;justify-content:center}.panel-resize-handle:after{content:"";width:36px;height:3px;border-radius:2px;background:#ffffff14;transition:background .2s}.panel-resize-handle:hover:after{background:#1282d680}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:11px 14px 9px;border-bottom:1px solid rgba(18,130,214,.12);flex-shrink:0;background:#1282d612}.panel-title{font-size:.75rem;letter-spacing:3px;text-transform:uppercase;color:#1282d6e6;font-family:Roboto,sans-serif}.panel-close{background:transparent;border:none;color:#ffffff4d;cursor:pointer;font-size:13px;line-height:1;padding:2px 5px;border-radius:4px;transition:color .15s,background .15s}.panel-close:hover{color:#ff6464e6;background:#dc32321f}.output-entry{display:flex;flex-direction:column}.output-entry.user{align-items:flex-end;margin-bottom:6px}.output-entry.assistant{align-items:flex-start;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.05)}.output-entry.assistant:last-child{border-bottom:none}.user-query{padding:4px 12px;background:#1282d61a;border:1px solid rgba(18,130,214,.2);border-radius:14px;font-size:.75rem;font-family:Roboto,sans-serif;color:#ffffff6b;font-style:italic;max-width:90%;word-break:break-word}.ai-response-block{width:100%;color:#ffffffd9;font-size:.875rem;font-family:Roboto,sans-serif;line-height:1.7;word-break:break-word}.ai-response-block.rich-content{white-space:normal;background:#040a1a99;border-radius:10px;border-left:2px solid rgba(18,130,214,.4);padding:12px 14px}.ai-output .ai-table-wrap{width:100%;overflow-x:auto;margin:10px 0;border-radius:8px;border:1px solid rgba(18,130,214,.18)}.ai-output table{width:100%;border-collapse:collapse;font-size:.875rem;font-family:Roboto,sans-serif;min-width:320px}.ai-output table thead th{background:#1282d633;color:#6aaae4;padding:9px 14px;text-align:left;font-weight:600;font-size:.75rem;letter-spacing:.4px;border-bottom:1px solid rgba(18,130,214,.3);white-space:nowrap}.ai-output table tbody td{padding:8px 14px;color:#ffffffc7;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top}.ai-output table tbody tr:nth-child(2n) td{background:#ffffff08}.ai-output table tbody tr:hover td{background:#1282d612}.ai-output ul,.ai-output ol{padding-left:18px;margin:6px 0;color:#ffffffc7;font-size:.875rem;line-height:1.7}.ai-output li{margin-bottom:4px}.ai-output ul.inline-bullet-list{list-style:none;padding:0;margin:4px 0 8px}.ai-output ul.inline-bullet-list li{display:flex;gap:8px;margin-bottom:4px;align-items:flex-start;color:#ffffffd1;font-size:.875rem;line-height:1.6}.ai-output ul.inline-bullet-list li:before{content:"•";color:#1282d6;flex-shrink:0;line-height:1.6}.ai-output p{margin:4px 0;color:#ffffffc7;font-size:.875rem;line-height:1.7}.chat-messages{flex:1;padding:20px 16px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;scrollbar-width:none}.chat-messages::-webkit-scrollbar{width:0;background:transparent}.chat-empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:#ffffff2e;font-size:.75rem;font-family:Roboto,sans-serif;letter-spacing:.5px;padding:48px 24px;text-align:center}.message{display:flex}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.bubble{max-width:88%;padding:9px 13px;line-height:1.65;font-size:.875rem;font-family:Roboto,sans-serif;color:#ffffffd9;white-space:pre-wrap;word-wrap:break-word;word-break:break-word}.user .bubble{background:#1282d629;border:1px solid rgba(18,130,214,.3);border-radius:16px 16px 3px}.assistant .bubble{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:16px 16px 16px 3px}.bubble.code{background:#0000008c;border:1px solid rgba(18,130,214,.18);border-radius:8px;overflow-x:auto}.code-block-wrapper{white-space:pre-wrap!important;word-break:break-word}.chat-input{display:flex;align-items:center;padding:9px 12px;gap:8px;border-top:1px solid rgba(18,130,214,.1);background:#0a101acc;flex-shrink:0}.chat-input textarea{flex:1;resize:none;background:transparent;border:none;color:#ffffffd1;font-family:Roboto,sans-serif;font-size:.875rem;outline:none;line-height:1.5;padding:3px 0}.chat-input textarea::placeholder{color:#ffffff38}.input-btn-attach{background:transparent;border:none;color:#ffffff38;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s;flex-shrink:0}.input-btn-attach:hover{color:#ffffff80}.input-btn-send{width:30px;height:30px;background:#1282d6bf;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;flex-shrink:0;transition:background .2s,box-shadow .2s}.input-btn-send:hover{background:#1282d6;box-shadow:0 0 16px #1282d680}.controls-cluster{position:absolute;bottom:14px;right:20px;animation:fade-in .2s ease;display:flex;flex-direction:row;align-items:center;gap:2px;padding:6px 10px;background:#030710c7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.07);border-radius:14px;box-shadow:0 8px 32px #00000080,0 0 0 1px #1282d612;z-index:1000;white-space:nowrap}.controls-cluster.collapsed{padding:5px 8px;gap:0;border-radius:10px}.ctrl-icon-btn{width:38px;height:38px;border-radius:10px;border:none;background:transparent;color:#ffffff61;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .18s,background .18s}.ctrl-icon-btn:hover{color:#ffffffe0;background:#ffffff0f}.ctrl-icon-btn.active{color:#1282d6;background:#1282d61a}.ctrl-icon-btn.muted{color:#ef5350;background:#ef53501f;border:1px solid rgba(239,83,80,.3)}.ctrl-icon-btn.muted:hover{color:#ef5350;background:#ef535033}.cluster-divider{width:1px;height:22px;background:#ffffff1a;margin:0 4px;flex-shrink:0}.camera-btn-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}.camera-btn-label{font-size:.6rem;font-family:Roboto,sans-serif;color:#ffffff38;letter-spacing:.3px;max-width:48px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;line-height:1;pointer-events:none}.camera-menu-popup{z-index:2000;background:#08101cf5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;width:220px;box-shadow:0 16px 48px #000000b3,0 0 0 1px #1282d61a;animation:fade-in .15s ease}.camera-menu-group-label{font-size:.65rem;font-family:Roboto,sans-serif;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;margin-bottom:6px}.camera-menu-row{display:flex;gap:5px}.camera-menu-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ffffff8c;cursor:pointer;transition:all .15s}.camera-menu-btn:hover{background:#1282d61f;border-color:#1282d666;color:#fff}.camera-menu-btn.selected{background:#1282d62e;border-color:#1282d699;color:#6aaae4}.camera-menu-icon{font-size:.85rem;line-height:1}.camera-menu-label{font-size:.65rem;font-family:Roboto,sans-serif;letter-spacing:.02em}.camera-menu-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.camera-shot-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 4px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ffffff80;cursor:pointer;transition:all .15s}.camera-shot-btn:hover{background:#1282d61f;border-color:#1282d666;color:#fff}.camera-shot-btn.selected{background:#1282d62e;border-color:#1282d699;color:#6aaae4}.camera-shot-preview{width:26px;height:32px;border-radius:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;flex-shrink:0}.camera-shot-figure{position:absolute;left:50%;transform:translate(-50%);width:14px;background:#1282d68c;border-radius:3px 3px 0 0}.camera-shot-btn.selected .camera-shot-figure{background:#1282d6}.camera-shot-label{font-size:.6rem;font-family:Roboto,sans-serif;text-align:center;line-height:1.3;letter-spacing:.01em}.thinking-bar{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;padding:6px 14px;background:#030710c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(18,130,214,.22);border-radius:100px;z-index:10000;pointer-events:none}.thinking-dot{width:5px;height:5px;border-radius:50%;background:#1282d6}.thinking-dot:nth-child(1){animation:t-pulse 1.2s ease-in-out 0s infinite}.thinking-dot:nth-child(2){animation:t-pulse 1.2s ease-in-out .18s infinite}.thinking-dot:nth-child(3){animation:t-pulse 1.2s ease-in-out .36s infinite}@keyframes t-pulse{0%,to{opacity:.2;transform:scale(.75)}50%{opacity:1;transform:scale(1.25);box-shadow:0 0 7px #1282d6}}.thinking-label{margin-left:5px;font-size:.75rem;font-family:Roboto,sans-serif;letter-spacing:2.5px;text-transform:uppercase;color:#1282d6bf}.blinking-cursor{display:inline-block;width:.5ch;height:.82em;background:#1282d6;margin-left:2px;vertical-align:baseline;animation:blink 1s step-end infinite}.animate-blink{animation:blink 1s step-end infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.ai-output pre{position:relative;margin:10px 0;border-radius:8px;border:1px solid rgba(18,130,214,.15);overflow:hidden;background:#00000073}.ai-output pre code.hljs,.ai-output code.hljs{display:block;overflow-x:auto;padding:2.2rem 1rem 1rem;border-radius:0;white-space:pre;font-size:.875rem;line-height:1.6;background:transparent}.code-lang-label{position:absolute;top:0;left:0;right:0;padding:4px 12px;background:#1282d626;border-bottom:1px solid rgba(18,130,214,.15);font-size:.75rem;font-family:Roboto,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#1282d6bf;pointer-events:none;z-index:1}.ai-output .prose code{color:inherit}.prose p{margin-bottom:.5rem!important;margin-top:.5rem!important}.ai-output button,.ai-output .suggestion,.ai-output .chip,.ai-output [class*=suggestion],.ai-output [class*=chip],.ai-output [class*=action-btn]{display:none!important}.ai-output h1,.ai-output h2,.ai-output h3{color:#ffffffeb;font-family:Roboto,sans-serif;margin:10px 0 6px;font-weight:600;font-size:.88rem;letter-spacing:.2px}.ai-output h4,.ai-output h5,.ai-output h6{color:#ffffffd1;font-family:Roboto,sans-serif;margin:8px 0 4px;font-weight:600;font-size:.875rem}.ai-output a{color:#4aabf0;text-decoration:underline;word-break:break-all}.ai-output code.inline-code,.streaming-markdown code:not(pre code){background:#1282d61f;color:#f0c040;padding:1px 5px;border-radius:4px;font-family:Fira Code,Consolas,monospace;font-size:.78em}.streaming-markdown{font-size:.875rem;line-height:1.65;color:#ffffffd1}.streaming-markdown p{margin:4px 0}.streaming-markdown ul,.streaming-markdown ol{padding-left:18px;margin:6px 0}.streaming-markdown li{margin-bottom:4px}.streaming-markdown strong{color:#fffffff2;font-weight:600}.streaming-markdown em{color:#ffffffc7;font-style:italic}.streaming-markdown blockquote{border-left:3px solid rgba(18,130,214,.5);margin:6px 0;padding:4px 10px;color:#fff9}.streaming-markdown pre{background:#0006;border-radius:8px;padding:10px 14px;overflow-x:auto;margin:8px 0}.streaming-markdown pre code{background:none;color:#ffffffe0;font-family:Fira Code,Consolas,monospace;font-size:.875rem}.streaming-code-placeholder{display:flex;align-items:center;gap:10px;background:#1282d614;border:1px dashed rgba(18,130,214,.4);border-radius:8px;padding:10px 14px;margin:8px 0;color:#ffffff8c;font-size:.875rem;font-style:italic}.streaming-code-placeholder-icon{font-family:Fira Code,Consolas,monospace;font-style:normal;font-size:.85rem;color:#1282d6cc;flex-shrink:0}.session-connecting{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#040712e0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:50;gap:20px;pointer-events:none}.connecting-rings{position:relative;width:88px;height:88px}.connecting-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid rgba(18,130,214,.55);animation:connect-pulse 2.2s ease-out infinite}.connecting-ring:nth-child(2){animation-delay:.65s}.connecting-ring:nth-child(3){animation-delay:1.3s}@keyframes connect-pulse{0%{transform:scale(.25);opacity:.9}to{transform:scale(1.9);opacity:0}}.connecting-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;background:#1282d62e;border:1.5px solid rgba(18,130,214,.85);box-shadow:0 0 14px #1282d673,inset 0 0 8px #1282d633;animation:core-glow 2s ease-in-out infinite}@keyframes core-glow{0%,to{box-shadow:0 0 8px #1282d659,inset 0 0 6px #1282d626}50%{box-shadow:0 0 26px #1282d6bf,inset 0 0 12px #1282d659}}.connecting-label{font-size:.75rem;font-family:Roboto,sans-serif;letter-spacing:3.5px;text-transform:uppercase;color:#1282d6a6}.connecting-dots{display:flex;gap:7px}.connecting-dots span{width:4px;height:4px;border-radius:50%;background:#1282d680;animation:conn-dot 1.4s ease-in-out infinite}.connecting-dots span:nth-child(2){animation-delay:.2s}.connecting-dots span:nth-child(3){animation-delay:.4s}@keyframes conn-dot{0%,80%,to{transform:scale(.55);opacity:.35}40%{transform:scale(1.3);opacity:1}}.speech-subtitle{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:20;max-width:min(680px,72vw);padding:8px 20px;background:#0000009e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:6px;color:#fff;font-size:.875rem;font-weight:400;line-height:1.45;text-align:center;letter-spacing:.01em;pointer-events:none;animation:subtitle-fade-in .18s ease;white-space:pre-wrap;word-break:break-word}@keyframes subtitle-fade-in{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}