:root{--bg-color: #0f172a;--surface-color: #1e293b;--primary-color: #3b82f6;--text-color: #f8fafc;--text-muted: #94a3b8;--user-bubble: #3b82f6;--bot-bubble: #1e293b;--border-color: #334155;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--glow: 0 0 20px rgba(59, 130, 246, .3);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-color);background-color:var(--bg-color)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;width:100vw;background:radial-gradient(circle at 50% 10%,#1e293b,var(--bg-color))}#root{width:100%;height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}#root{max-width:100%;margin:0;padding:0;text-align:left;height:100vh;display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:#0d1117;color:#c9d1d9;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}.header{display:flex;align-items:center;padding:12px 24px;background-color:#161b22;border-bottom:1px solid #30363d;box-shadow:0 4px 12px #0000001a;gap:16px;z-index:100;height:80px;flex-shrink:0}.logo-container{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#388bfd26;border-radius:12px;border:1px solid rgba(56,139,253,.3)}.app-title{font-size:1.25rem;font-weight:700;background:#3fb950;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;margin:0}.header-input-container{flex:1;display:flex;align-items:center;gap:12px;max-width:800px;margin:0 auto}.input-wrapper{flex:1;background-color:#0d1117;border:1px solid #30363d;border-radius:8px;padding:8px 16px;display:flex;align-items:center;transition:all .2s ease}.input-wrapper:focus-within{border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff26}.input-wrapper textarea{width:100%;background:transparent;border:none;color:#e6edf3;font-size:.95rem;font-family:inherit;resize:none;outline:none;height:24px;line-height:1.5}.send-btn{background:#238636;color:#fff;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.send-btn:hover:not(:disabled){background:#2ea043;transform:translateY(-1px)}.send-btn:disabled{background:#21262d;color:#484f58;cursor:not-allowed}.split-container{display:flex;flex-direction:row;flex:1;width:100%;height:calc(100vh - 80px);overflow:hidden;position:relative}.split-panel{flex:1;width:50%;min-width:0;display:flex;flex-direction:column;border-right:1px solid #30363d}.split-panel:last-child{border-right:none}.panel-header{padding:12px 16px;background:#161b22;border-bottom:1px solid #30363d;font-weight:600;font-size:.9rem;color:#8b949e;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:8px;flex-shrink:0}.panel-indicator{width:8px;height:8px;border-radius:50%}.indicator-aws{background-color:#f90}.indicator-openai{background-color:#10a37f}.chat-area{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.message{display:flex;gap:12px;max-width:100%}.message.user{flex-direction:row-reverse}.avatar{width:32px;height:32px;border-radius:50%;background:#21262d;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #30363d}.message.user .avatar{background:#1f6feb}.bubble{padding:12px 16px;border-radius:12px;background:#161b22;border:1px solid #30363d;line-height:1.6;font-size:.95rem;color:#c9d1d9;max-width:85%}.message.user .bubble{background:#1f6feb;color:#fff;border:none}.bubble p{margin:0 0 .5rem}.bubble p:last-child{margin:0}.bubble code{background:#6e768166;padding:.2em .4em;border-radius:6px}.bubble pre{background:#0d1117;padding:12px;border-radius:6px;overflow-x:auto;margin:.5rem 0}.thinking-block{margin-bottom:8px;border-left:2px solid #30363d;padding-left:8px}.thinking-block summary{cursor:pointer;font-size:.8rem;color:#8b949e;display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none}.thinking-block summary:hover{color:#58a6ff}.thinking-content{margin-top:4px;font-size:.85rem;color:#8b949e;font-style:italic;white-space:pre-wrap}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-dot{width:6px;height:6px;background:#8b949e;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.5);opacity:1}}