:root{--demo-bg: #ffffff;--demo-sidebar-bg: #fdfcff;--demo-border: #eef1f8;--demo-text: #333333;--demo-text-muted: #666666;--demo-sidebar-header: #8a99b5;--demo-accent: #6366f1;--demo-input-bg: #ffffff;--demo-input-border: #eef1f8;--demo-chip-bg: #f8faff;--demo-shadow: 0 10px 30px rgba(0, 0, 0, .05);--color-user-msg: #eef2ff;--color-user-text: #1a1a1a;--color-ai-msg: #f3f4f6;--color-ai-text: #1a1a1a;--demo-bubble-border: #e2e8f0}@media (prefers-color-scheme: dark){:root{--demo-bg: #1a1a1a;--demo-sidebar-bg: #141414;--demo-border: #2a2a2a;--demo-text: #f0f0f0;--demo-text-muted: #a0a0a0;--demo-sidebar-header: #606060;--demo-input-bg: #222222;--demo-input-border: #333333;--demo-chip-bg: #2a2a2a;--demo-shadow: 0 10px 30px rgba(0, 0, 0, .3);--color-user-msg: #2d2d2d;--color-user-text: #f0f0f0;--color-ai-msg: #2d2d2d;--color-ai-text: #f0f0f0;--demo-bubble-border: #404040}}.chat-demo-section{padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;background:transparent}.chat-window{width:100%;max-width:1200px;height:600px;background:var(--demo-bg);border:1px solid var(--demo-border);border-radius:20px;display:flex;box-shadow:var(--demo-shadow);color:var(--demo-text);font-family:inherit;position:relative}.sidebar{width:260px;background:var(--demo-sidebar-bg);border-right:1px solid var(--demo-border);display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;border-top-left-radius:20px;border-bottom-left-radius:20px}.logo-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.logo-small{border-radius:8px}.brand-name{font-weight:700;font-size:1.2rem}.new-chat-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--demo-border);background:transparent;border-radius:10px;width:100%;cursor:pointer;font-weight:500;color:var(--demo-text);margin-bottom:2rem}.sidebar-section{margin-bottom:2rem}.section-header{font-size:.75rem;font-weight:600;color:var(--demo-sidebar-header);letter-spacing:.05em;margin-bottom:1rem}.ghost-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;padding:.5rem;color:var(--demo-text);cursor:pointer;border-radius:8px;width:100%;text-align:left}.ghost-btn:hover{background:#8080800d}.nav-item{padding:.5rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer}.nav-item.active{background:#8aa4ea1a;color:#8aa4ea;font-weight:500}.sidebar-bottom{border-top:1px solid var(--demo-border);padding-top:1rem}.profile{display:flex;align-items:center;gap:1rem}.avatar{width:32px;height:32px;background:#e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;color:#666}@media (prefers-color-scheme: dark){.avatar{background:#333;color:#999}}.user-name{font-size:.9rem}.chat-main{flex:1;display:flex;flex-direction:column;position:relative;border-top-right-radius:20px;border-bottom-right-radius:20px}.chat-viewport{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column}.welcome-screen{flex:1;display:flex;align-items:center;justify-content:center}.welcome-text{font-size:2.5rem;font-weight:500;color:#2c3e50;opacity:.8}@media (prefers-color-scheme: dark){.welcome-text{color:#e0e0e0}}.messages-container{display:none;flex-direction:column;gap:0;max-width:850px;margin:0 auto;width:100%;padding-bottom:2rem}.message{display:flex;gap:.75rem;margin-bottom:2rem;animation:slideIn .3s ease-out forwards;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{justify-content:flex-end}.ai-message{justify-content:flex-start}.message-bubble{padding:.85rem 1.25rem;border-radius:12px;max-width:75%;line-height:1.6;font-size:.95rem;background:var(--color-ai-msg);color:var(--color-ai-text);border:1px solid var(--demo-bubble-border);box-shadow:0 2px 4px #0000000d}.user-message .message-bubble{background:var(--color-user-msg);color:var(--color-user-text);border-bottom-right-radius:2px}.ai-message .message-bubble{background:var(--color-ai-msg);color:var(--color-ai-text);border-bottom-left-radius:2px}.user-avatar-small{width:32px;height:32px;background:#e0e0e0;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}@media (prefers-color-scheme: dark){.user-avatar-small{background:#333;color:#999}}.ai-avatar{width:32px;height:32px;overflow:hidden}.logo-img{width:100%;height:100%;object-fit:contain}.stop-generating-container{display:flex;justify-content:center;padding:1rem 0;position:sticky;bottom:0;background:transparent;z-index:10}.stop-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#5e7efa;color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #5e7efa4d}.stop-btn:hover{background:#4a6ceb}.typing{display:flex;gap:4px;padding:12px 1.5rem;align-items:center}.dot{width:6px;height:6px;background:var(--demo-text-muted);border-radius:50%;animation:typing 1.4s infinite;opacity:.4}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-4px);opacity:1}}.input-container{padding:0 4rem 2rem;display:flex;flex-direction:column;align-items:center}.chat-input-wrapper{width:100%;background:var(--demo-input-bg);border:1px solid #3b82f6;border-radius:16px;padding:1rem;box-shadow:0 4px 20px #3b82f60d;display:flex;flex-direction:column;gap:1rem;transition:box-shadow .2s}.attachment-row{width:100%;display:flex;justify-content:flex-start}.attachment-chip{display:flex;align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:.5rem .75rem;width:fit-content}@media (prefers-color-scheme: dark){.attachment-chip{background:#1e293b;border-color:#334155}}.chip-content{display:flex;align-items:center;gap:.75rem}.chip-file-icon-wrapper{width:32px;height:32px;background:#eff6ff;border-radius:6px;display:flex;align-items:center;justify-content:center}@media (prefers-color-scheme: dark){.chip-file-icon-wrapper{background:#2563eb33}}.chip-file-icon{font-size:1rem}.chip-text{display:flex;flex-direction:column;gap:1px}.file-name{font-size:.75rem;font-weight:500;color:var(--demo-text);max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.65rem;color:var(--demo-text-muted)}.close-chip{background:transparent;border:none;padding:.25rem;cursor:pointer;opacity:.6;display:flex;align-items:center;justify-content:center;color:var(--demo-text);margin-left:.5rem}.close-chip:hover{opacity:1}.input-line{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.input-placeholder-container{flex:1;display:flex;align-items:center}.input-placeholder{color:var(--demo-text);font-size:.95rem;font-weight:400}.input-actions{display:flex;align-items:center;gap:.75rem}.action-btn,.action-btn-plus,.send-btn{background:transparent;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4b5563;transition:color .2s}@media (prefers-color-scheme: dark){.action-btn,.action-btn-plus,.send-btn{color:#9ca3af}}.action-btn:hover,.action-btn-plus:hover,.send-btn:hover{color:var(--demo-accent)}.sparkle-icon{opacity:.8}.caret{display:inline-block;width:2px;min-width:2px;height:1.2rem;background-color:#2563eb;margin-left:2px;animation:blink 1s step-end infinite;flex-shrink:0}@media (prefers-color-scheme: dark){.caret{background-color:#60a5fa}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.input-actions{display:flex;align-items:center;gap:1rem}.action-btn-plus{background:transparent;border:none;color:var(--demo-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.send-btn{background:transparent;border:none;color:#2563eb;cursor:pointer;transition:transform .1s;display:flex;align-items:center;justify-content:center}.send-btn:active{transform:scale(.9)}.send-btn.disabled{opacity:.3;cursor:not-allowed}@media (prefers-color-scheme: dark){.send-btn{color:#60a5fa}}.disclaimer{margin-top:1rem;font-size:.75rem;color:var(--demo-text-muted)}.badge-anchor{position:relative}.feature-badge{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#6366f1;color:#fff;border-radius:50%;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:100;box-shadow:0 2px 8px #6366f166;opacity:0;transform:scale(0);transition:opacity .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1);pointer-events:none;line-height:1}.feature-badge.badge-visible{opacity:1;transform:scale(1)}.feature-badge--input{top:auto}.feature-badge--sovereignty{position:absolute;top:-14px;right:-14px;width:36px;height:36px;background:#6366f1;color:#fff;border-radius:50%;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:2px;z-index:100;box-shadow:0 2px 12px #6366f180;opacity:0;transform:scale(0);transition:opacity .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1);pointer-events:none;line-height:1}.feature-badge--sovereignty svg{width:14px;height:14px;flex-shrink:0}.feature-badge--sovereignty span{font-size:.65rem}.feature-badge--sovereignty.badge-visible{opacity:1;transform:scale(1)}.demo-title{font-size:2rem;font-weight:600;margin:0 0 2rem;text-align:center;background:linear-gradient(90deg,var(--color-accent, #8aa4ea),var(--color-accent-alt, #d661f6));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.demo-privacy-tagline{margin:-1rem 0 2rem;font-size:1.25rem;opacity:.85;text-align:center;font-weight:500;letter-spacing:.01em;background:linear-gradient(90deg,var(--color-accent, #8aa4ea),var(--color-accent-alt, #d661f6));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.feature-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem 2rem;margin-top:2rem;max-width:1200px;width:100%}.legend-item{display:flex;align-items:center;gap:.5rem;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.legend-item.legend-visible{opacity:1;transform:translateY(0)}.legend-badge{width:24px;height:24px;background:#6366f1;color:#fff;border-radius:50%;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #6366f14d}.legend-badge--green{background:#22c55e;box-shadow:0 2px 8px #22c55e4d}.legend-text{font-size:.9rem;color:var(--color-text, #f1f1f1);font-weight:500;white-space:nowrap}.workspace-view{flex:1;display:flex;flex-direction:column;padding:2rem;overflow-y:auto}.workspace-view.workspace-enter{animation:workspaceIn .35s ease-out forwards}@keyframes workspaceIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.workspace-header{margin-bottom:1.5rem}.workspace-back-btn{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--demo-accent);font-size:.85rem;font-weight:500;cursor:pointer;padding:.25rem 0;margin-bottom:1rem}.workspace-back-btn:hover{opacity:.8}.workspace-title-block{display:flex;flex-direction:column;gap:.25rem}.workspace-title{font-size:1.5rem;font-weight:600;color:var(--demo-text);margin:0}.workspace-description{font-size:.85rem;color:var(--demo-text-muted);margin:0}.workspace-body{display:flex;gap:2rem;flex:1;min-height:0}.workspace-conversations{flex:1;display:flex;flex-direction:column;gap:.25rem}.workspace-section-label{font-size:.7rem;font-weight:600;color:var(--demo-sidebar-header);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.75rem}.workspace-conv-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:10px;cursor:pointer;color:var(--demo-text-muted);transition:background .15s}.workspace-conv-item:hover{background:#80808014}.workspace-conv-item svg{flex-shrink:0}.conv-item-text{display:flex;flex-direction:column;gap:2px;min-width:0}.conv-item-title{font-size:.9rem;font-weight:500;color:var(--demo-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-item-meta{font-size:.7rem;color:var(--demo-text-muted)}.workspace-context-panel{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:.25rem;border-left:1px solid var(--demo-border);padding-left:2rem}.workspace-file-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:8px;background:var(--demo-chip-bg);border:1px solid var(--demo-border)}.workspace-file-item+.workspace-file-item{margin-top:.5rem}.workspace-file-icon{width:32px;height:32px;background:#eff6ff;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#3b82f6;flex-shrink:0}.workspace-file-icon--xlsx{background:#f0fdf4;color:#22c55e}@media (prefers-color-scheme: dark){.workspace-file-icon{background:#2563eb22}.workspace-file-icon--xlsx{background:#22c55e22}}.workspace-file-text{display:flex;flex-direction:column;gap:1px;min-width:0}.workspace-file-name{font-size:.8rem;font-weight:500;color:var(--demo-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-file-size{font-size:.65rem;color:var(--demo-text-muted)}.workspace-input-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1px solid var(--demo-input-border);border-radius:12px;background:var(--demo-input-bg);margin-top:1.5rem}.workspace-input-placeholder{color:var(--demo-text-muted);font-size:.9rem}.workspace-input-actions{display:flex;align-items:center;gap:.75rem}.workspace-nav-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.workspace-nav-item svg{flex-shrink:0}@media (max-width: 900px){.sidebar{display:none}.welcome-text{font-size:1.5rem;text-align:center;padding:0 1rem}.input-container{padding:0 1rem 1rem}.feature-badge,.feature-badge--sovereignty{display:none}.feature-legend{flex-direction:column;align-items:center;gap:.75rem}.workspace-view{padding:1.5rem 1rem}.workspace-context-panel{display:none}}.demo-redirect-overlay{position:absolute;inset:0;background:#0006;backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;border-radius:20px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.redirect-card{background:var(--demo-bg);border:1px solid var(--demo-border);border-radius:16px;padding:2rem;max-width:400px;width:100%;box-shadow:0 20px 50px #0003;animation:cardIn .3s cubic-bezier(.34,1.56,.64,1);text-align:left}@keyframes cardIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.redirect-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.redirect-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--demo-text)}.close-modal{background:transparent;border:none;color:var(--demo-text-muted);cursor:pointer;padding:4px;border-radius:50%;display:flex;transition:background .2s}.close-modal:hover{background:#8080801a;color:var(--demo-text)}.redirect-card p{margin:0 0 2rem;font-size:.95rem;line-height:1.6;color:var(--demo-text-muted)}.redirect-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#6366f1;color:#fff;padding:.85rem 1.5rem;border-radius:10px;text-decoration:none;font-weight:600;font-size:1rem;transition:background .2s,transform .1s}.redirect-btn:hover{background:#4f46e5;transform:translateY(-1px)}.redirect-btn:active{transform:translateY(0)}