.demo-notebook-container{width:100%;max-width:900px;margin:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid #e5e7eb}.demo-tabs{display:flex;background:#f9fafb;border-bottom:1px solid #e5e7eb;overflow-x:auto}.demo-tab{display:flex;align-items:center;gap:8px;padding:14px 24px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;white-space:nowrap;flex:1;justify-content:center}.demo-tab:hover{color:#111827;background:#f3f4f6}.demo-tab.active{color:#059669;border-bottom-color:#059669;background:#fff}.demo-tab svg{flex-shrink:0}.demo-notebook-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.demo-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#059669}.demo-label:before{content:"";width:8px;height:8px;background:#059669;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.demo-control-button{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#4b5563;cursor:pointer;transition:all .2s}.demo-control-button:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.demo-chat-container{height:600px;overflow-y:auto;background:#fafafa;scroll-behavior:smooth;scrollbar-color:#cbd5e0 #f7fafc}.demo-chat-container::-webkit-scrollbar-track{background:#f7fafc;border-radius:3px}.demo-chat-container::-webkit-scrollbar-thumb{background:#cbd5e0}.demo-chat-container::-webkit-scrollbar-thumb:hover{background:#a0aec0}.demo-messages{padding:24px;display:flex;flex-direction:column;gap:20px}.message{animation:fadeInUp .4s ease-out;will-change:auto;transition:opacity .5s;font-size:.875rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.user-message{margin-left:3rem}.system-message{margin-right:3rem}.message-content{font-size:.875rem}.markdown-content{font-size:14px;line-height:1.7}.markdown-content h2{font-size:18px;font-weight:700;margin-top:16px;margin-bottom:8px;color:#111827}.markdown-content h3{font-size:16px;font-weight:600;margin-top:12px;margin-bottom:6px;color:#374151}.markdown-content strong{font-weight:600;color:#111827}.markdown-content ol,.markdown-content ul{margin:8px 0;padding-left:24px}.markdown-content li{margin:4px 0}.demo-input-area{display:flex;gap:12px;padding:16px 20px;background:#fff;border-top:1px solid #e5e7eb}.demo-input{flex:1;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#6b7280;cursor:not-allowed}.demo-input::-moz-placeholder{color:#9ca3af}.demo-input::placeholder{color:#9ca3af}.demo-send-button{padding:12px 16px;background:#e5e7eb;border:none;border-radius:8px;color:#9ca3af;cursor:not-allowed;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.demo-notebook-container{border-radius:0;border-left:none;border-right:none}.demo-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.demo-tabs::-webkit-scrollbar{display:none}.demo-tab{padding:12px 20px;font-size:13px;flex:0 0 auto;min-width:120px}.demo-chat-container{height:500px}.demo-messages{padding:16px}.assistant-message .message-content,.thinking-message .message-content,.user-message .message-content{max-width:90%}.code-message .message-content,.output-message .message-content,.viz-message .message-content{max-width:100%}.message-text{font-size:13px}.code-block,.output-block{font-size:12px;padding:12px}}.demo-chat-container{scrollbar-width:thin;scrollbar-color:#d1d5db #f9fafb}.demo-chat-container::-webkit-scrollbar{width:6px}.demo-chat-container::-webkit-scrollbar-track{background:#f9fafb}.demo-chat-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.demo-chat-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}