.thought-demo-wrapper{font-family:var(--sl-font, "Google Sans", -apple-system, BlinkMacSystemFont, sans-serif);--bg-main: #121214;--bg-surface: #18181b;--bg-surface-inset: #141417;--border-color: #27272a;--border-color-hover: #3f3f46;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--accent-blue: #3b82f6;--accent-blue-light: #60a5fa;--accent-blue-dark: #1d4ed8}:global([data-theme=light]) .thought-demo-wrapper{--bg-main: #f8fafc;--bg-surface: #ffffff;--bg-surface-inset: #f1f5f9;--border-color: #e2e8f0;--border-color-hover: #cbd5e1;--text-primary: #0f172a;--text-secondary: #64748b;--accent-blue: #2563eb;--accent-blue-light: #3b82f6;--accent-blue-dark: #1d4ed8}.demo-card{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 12px 32px #0000004d,0 2px 6px #0003;display:flex;flex-direction:column;height:560px;overflow:hidden;transition:all .3s ease}.demo-header{align-items:center;background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 20px}.demo-window-controls{display:flex;gap:8px}.dot{border-radius:50%;height:12px;width:12px}.dot-close{background-color:#ef4444}.dot-minimize{background-color:#f59e0b}.dot-maximize{background-color:#10b981}.demo-title{color:var(--text-secondary);font-size:14px;font-weight:500}.demo-actions{display:flex}.demo-btn{align-items:center;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.demo-btn:hover{background:#ffffff1a;border-color:var(--text-secondary)}.chat-viewport{display:flex;flex:1;flex-direction:column;gap:20px;overflow-y:auto;padding:32px 24px;scroll-behavior:smooth}.chat-viewport::-webkit-scrollbar{width:6px}.chat-viewport::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.chat-viewport::-webkit-scrollbar-thumb:hover{background:var(--border-color-hover)}.message{display:flex;flex-direction:column;max-width:80%;animation:fadeIn .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.user-message{align-self:flex-end}.model-message,.thought-message{align-self:flex-start}.user-message .message-content{background-color:var(--accent-blue);color:#fff;border-radius:20px 20px 4px;padding:14px 20px;font-size:15px;line-height:1.6;box-shadow:0 4px 12px #3b82f640}.model-message .message-content{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);border-radius:20px 20px 20px 4px;padding:14px 20px;font-size:15px;line-height:1.6;box-shadow:0 4px 12px #0000001a}.model-message .message-content p{line-height:1.6;margin-bottom:8px}.model-message .message-content p:last-child{margin-bottom:0}.thought-message{width:100%;max-width:85%;margin-bottom:-8px}.thought-box{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px 16px 16px 4px;padding:16px 22px;display:flex;flex-direction:column;gap:12px;transition:border-color .3s ease;box-shadow:0 4px 12px #0000001a}.thought-box:hover{border-color:var(--border-color-hover)}.thought-header{display:flex;align-items:center;gap:12px}.thought-indicator{width:4px;height:20px;background-color:var(--accent-blue-light);border-radius:4px;flex-shrink:0;box-shadow:0 0 10px var(--accent-blue-light);transform-origin:bottom}.thought-indicator.indicator-animate{animation:reasoningLinePulse 1.2s infinite ease-in-out}.thought-indicator.indicator-complete{background-color:#10b981;box-shadow:0 0 10px #10b981;animation:none}@keyframes reasoningLinePulse{0%,to{transform:scaleY(1);opacity:1;box-shadow:0 0 14px var(--accent-blue-light),0 0 6px var(--accent-blue)}50%{transform:scaleY(.65);opacity:.4;box-shadow:0 0 2px var(--accent-blue)}}.thought-step-label{font-size:15px;font-weight:600;color:var(--accent-blue-light);letter-spacing:.2px;transform-origin:bottom left}.thought-step-label.complete{color:#10b981}.thought-step-label.step-animate{animation:flipUpText .25s ease-out}@keyframes flipUpText{0%{opacity:0;transform:translateY(4px) scaleY(.8)}to{opacity:1;transform:translateY(0) scaleY(1)}}.thought-summary{list-style:none;outline:none;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px;user-select:none;color:var(--text-secondary);font-size:13.5px;transition:color .2s}.thought-summary:hover{color:var(--text-primary)}.thought-summary::-webkit-details-marker{display:none}.thought-summary:before{content:"▶";font-size:10px;color:var(--accent-blue-light);transition:transform .2s cubic-bezier(.16,1,.3,1)}.thought-details[open] .thought-summary:before{transform:rotate(90deg)}.thought-body{margin-top:12px;padding:14px 16px;background-color:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:10px;font-size:13px;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap;font-family:var(--sl-font-mono, "Fira Code", Consolas, monospace);max-height:300px;overflow-y:auto}.thought-body::-webkit-scrollbar{width:6px}.thought-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.thought-body::-webkit-scrollbar-thumb:hover{background:var(--border-color-hover)}.streaming-text-cursor:after{content:"▋";display:inline-block;color:var(--accent-blue);animation:blink 1s infinite;margin-left:4px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.chat-input-bar{background-color:var(--bg-surface);border-top:1px solid var(--border-color);display:flex;flex-direction:column}.preset-prompts{display:flex;flex-wrap:wrap;gap:8px;padding:12px 24px 0;align-items:center}.preset-label{color:var(--text-secondary);font-size:13px;font-weight:500}.preset-pill{background-color:var(--bg-surface-inset);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:6px 14px;transition:all .2s ease}.preset-pill:hover{background-color:#3b82f61a;border-color:var(--accent-blue);color:var(--accent-blue-light)}.chat-input-form{padding:16px 24px;display:flex;gap:14px;align-items:center}.chat-input-form input{flex:1;padding:15px 22px;background-color:var(--bg-surface-inset);border:1px solid var(--border-color);color:var(--text-primary);border-radius:30px;outline:none;font-size:15px;font-family:inherit;transition:all .25s cubic-bezier(.16,1,.3,1)}.chat-input-form input::placeholder{color:var(--text-secondary)}.chat-input-form input:focus{border-color:var(--accent-blue);background-color:var(--bg-surface);box-shadow:0 0 0 4px #3b82f626}.chat-input-form button{background-color:var(--accent-blue);color:#fff;border:none;width:48px;height:48px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;flex-shrink:0;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.chat-input-form button:hover:not(:disabled){background-color:var(--accent-blue-light);transform:scale(1.05)}.chat-input-form button:disabled{background-color:var(--border-color);color:var(--text-secondary);cursor:not-allowed;box-shadow:none;transform:none}