@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
.demo-contextai{--demo-background:#f9f9f8;--demo-foreground:#151514;--demo-card:#f9f9f8;--demo-muted:#eeeeec;--demo-muted-foreground:#5d5d56;--demo-primary:#151514;--demo-primary-foreground:#f9f9f8;--demo-secondary:#eeeeec;--demo-secondary-foreground:#151514;--demo-border:#e0e0dc;--demo-highlight:#1842b4;--demo-text-primary:#141413f2;--demo-text-secondary:#141413b3;--demo-text-tertiary:#14141380;--demo-text-muted:#14141366;--demo-surface-subtle:#14141305;--demo-surface-light:#1414130a;--demo-surface-medium:#1414130f;--demo-surface-strong:#14141314;--demo-border-subtle:#14141314;--demo-border-light:#1414131a;--demo-border-medium:#14141326;--demo-border-strong:#14141333;--demo-scrollbar:#1414131a;--demo-shadow-color:#14141314;--demo-font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif}.demo-contextai-dark{--demo-background:#151514;--demo-foreground:#e8e8e8;--demo-card:#151514;--demo-muted:#252522;--demo-muted-foreground:#bfbfbf;--demo-primary:#e8e8e8;--demo-primary-foreground:#151514;--demo-secondary:#252522;--demo-secondary-foreground:#e8e8e8;--demo-border:#30302c;--demo-highlight:#1842b4;--demo-text-primary:#fffffff2;--demo-text-secondary:#ffffffb3;--demo-text-tertiary:#ffffff80;--demo-text-muted:#fff6;--demo-surface-subtle:#ffffff05;--demo-surface-light:#ffffff0a;--demo-surface-medium:#ffffff0f;--demo-surface-strong:#ffffff14;--demo-border-subtle:#ffffff14;--demo-border-light:#ffffff1a;--demo-border-medium:#ffffff26;--demo-border-strong:#fff3;--demo-scrollbar:#ffffff1a;--demo-shadow-color:#00000026}.demo-contextai{all:initial;background:var(--demo-background);width:100%;height:100%;font-family:var(--demo-font-sans,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif);color:var(--demo-foreground);box-sizing:border-box;text-align:left;text-transform:none;letter-spacing:normal;word-spacing:normal;isolation:isolate;border:none;border-radius:16px;flex-direction:column;font-size:11px;line-height:1.5;text-decoration:none;list-style:none;display:flex;position:relative;overflow:hidden}.demo-contextai *,.demo-contextai :before,.demo-contextai :after{box-sizing:border-box}.demo-contextai-header{border-bottom:1px solid var(--demo-border);background:var(--demo-background);align-items:center;gap:12px;height:56px;padding:12px 16px;display:flex}.demo-draggable-header{cursor:grab}.demo-draggable-header:active{cursor:grabbing}.demo-header-left{align-items:center;gap:8px;display:flex}.demo-app-title{color:var(--demo-foreground);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:18px;font-weight:600;transition:color .2s}.demo-app-title:hover{opacity:.8}.demo-header-tabs{gap:4px;display:flex}.demo-tab{background:var(--demo-secondary);color:var(--demo-foreground);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.demo-tab:hover{background:var(--demo-muted)}.demo-tab.active{background:var(--demo-secondary);color:var(--demo-foreground)}.demo-tab svg{pointer-events:none;width:16px;height:16px}.demo-header-spacer{flex:1}.demo-header-right{align-items:center;gap:8px;display:flex}.demo-selector-wrapper{position:relative}.demo-selector{color:var(--demo-muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:3px;height:24px;padding:4px 6px;font-size:10px;font-weight:400;transition:all .2s;display:flex}.demo-selector:hover{color:var(--demo-foreground)}.demo-selector-dropdown{background:var(--demo-card);border:1px solid var(--demo-border);z-index:1000;border-radius:6px;min-width:120px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.demo-selector-option{color:var(--demo-muted-foreground);cursor:pointer;border-bottom:1px solid var(--demo-border);justify-content:space-between;align-items:center;padding:6px 10px;font-size:10px;transition:all .12s;display:flex}.demo-selector-option:last-child{border-bottom:none}.demo-selector-option:hover,.demo-selector-option.active{background:var(--demo-muted);color:var(--demo-foreground)}.demo-close-button{background:var(--demo-muted);color:var(--demo-muted-foreground);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;transition:all .2s;display:flex}.demo-close-button:hover{background:var(--demo-secondary);color:var(--demo-foreground)}.demo-contextai-content{scroll-behavior:smooth;background:var(--demo-background);flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:auto}.demo-contextai-content::-webkit-scrollbar{width:6px}.demo-contextai-content::-webkit-scrollbar-track{background:0 0}.demo-contextai-content::-webkit-scrollbar-thumb{background:var(--demo-border);border-radius:3px}.demo-contextai-content::-webkit-scrollbar-thumb:hover{background:var(--demo-muted-foreground)}.demo-messages{flex-direction:column;gap:16px;width:100%;margin-bottom:24px;display:flex}.demo-message{flex-direction:column;width:100%;animation:.3s demoFadeIn;display:flex}@keyframes demoFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.demo-message-user{align-items:flex-end}.demo-message-assistant{align-items:flex-start}.demo-message-content{word-wrap:break-word;white-space:pre-wrap;max-width:85%;padding:10px 14px;font-size:11px;line-height:1.6}.demo-message-user .demo-message-content{background:var(--demo-secondary);color:var(--demo-foreground);border-radius:16px 16px 4px}.demo-message-assistant .demo-message-content{color:var(--demo-foreground);background:0 0;border-radius:0;padding:0}.demo-user-text,.demo-assistant-text{white-space:pre-wrap;word-wrap:break-word}.demo-cursor{color:var(--demo-muted-foreground);animation:1s infinite demoBlink}@keyframes demoBlink{0%,50%{opacity:1}51%,to{opacity:0}}.demo-context-badges{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.demo-context-badge-wrapper{display:inline-block;position:relative}.demo-context-badge{letter-spacing:.02em;border:1.5px solid var(--demo-border);background:var(--demo-secondary);width:32px;height:32px;color:var(--demo-muted-foreground);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 3px #00000014}.demo-context-badge:hover{background:var(--demo-muted);border-color:var(--demo-muted-foreground);transform:scale(1.1);box-shadow:0 4px 12px #0000001f}.demo-context-badge-tooltip{background:var(--demo-card);border:1px solid var(--demo-border);z-index:1000;border-radius:12px;width:280px;max-width:calc(100vw - 32px);padding:14px;animation:.2s demoTooltipIn;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 10px 25px #00000026}@keyframes demoTooltipIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.demo-tooltip-header{border-bottom:1px solid var(--demo-border);margin-bottom:8px;padding-bottom:8px}.demo-tooltip-source{color:var(--demo-foreground);font-size:12px;font-weight:600}.demo-tooltip-time{color:var(--demo-muted-foreground);margin-left:8px;font-size:10px}.demo-tooltip-content{color:var(--demo-muted-foreground);max-height:100px;font-size:10px;line-height:1.5;overflow:hidden}.demo-context-preview{background:0 0;margin:24px 0;padding:0}.demo-context-header{color:var(--demo-text-secondary);margin-bottom:16px;font-size:14px;font-weight:400}.demo-context-section{margin-bottom:12px}.demo-section-label{text-transform:uppercase;letter-spacing:.02em;color:var(--demo-text-muted);margin-bottom:8px;font-size:11px;font-weight:500}.demo-directives-grid{scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.demo-directives-grid::-webkit-scrollbar{display:none}.demo-directive-card{background:var(--demo-surface-light);border:1.5px solid var(--demo-border-light);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;min-height:36px;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.demo-directive-card:hover{background:var(--demo-surface-medium);border-color:var(--demo-border-medium);box-shadow:0 0 12px 0 var(--demo-shadow-color);transform:translateY(-1px)}.demo-directive-card.selected{background:var(--demo-surface-strong);border-color:var(--demo-border-strong);box-shadow:0 0 16px 0 var(--demo-shadow-color);border-width:2px}.demo-directive-card.unselected{opacity:.5}.demo-directive-title{color:var(--demo-text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:13px;font-weight:500;overflow:hidden}.demo-directive-score{color:var(--demo-text-tertiary);opacity:0;margin-left:8px;font-size:11px;font-weight:500;transition:opacity .2s}.demo-directive-card:hover .demo-directive-score{opacity:1}.demo-context-grid{scrollbar-width:none;-ms-overflow-style:none;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.demo-context-grid::-webkit-scrollbar{display:none}.demo-context-cards-grid{scrollbar-width:none;-ms-overflow-style:none}.demo-context-cards-grid::-webkit-scrollbar{display:none}.demo-context-cards-grid.grid-cols-1{grid-template-columns:1fr}.demo-context-cards-grid.grid-cols-2{grid-template-columns:repeat(2,1fr)}.demo-context-card{background:var(--demo-surface-subtle);border:1px solid var(--demo-border-light);cursor:pointer;box-sizing:border-box;border-radius:6px;flex-direction:column;width:100%;min-width:0;max-width:100%;min-height:90px;max-height:100px;padding:.625rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.demo-context-card:hover{background:var(--demo-surface-light);border-color:var(--demo-border-medium)}.demo-context-card.selected{background:var(--demo-surface-medium);border-color:var(--demo-border-strong)}.demo-context-card.unselected{opacity:.6}.demo-selection-indicator{position:absolute;top:.75rem;right:.75rem}.demo-selection-circle{border:1px solid var(--demo-border-medium);background:0 0;border-radius:50%;width:16px;height:16px;transition:all .2s}.demo-selection-circle.selected{background:var(--demo-foreground);border-color:var(--demo-foreground)}.demo-card-content{flex-direction:column;flex:1;gap:.5rem;min-width:0;padding-right:1.5rem;display:flex;overflow:hidden}.demo-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;min-width:0;display:flex}.demo-source-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.demo-source-app{color:var(--demo-text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;font-weight:500;overflow:hidden}.demo-time-ago{color:var(--demo-text-tertiary);font-size:.625rem}.demo-score{color:var(--demo-text-secondary);flex-shrink:0;font-size:.75rem;font-weight:500}.demo-card-text{color:var(--demo-text-tertiary);word-wrap:break-word;word-break:break-word;scrollbar-width:none;-ms-overflow-style:none;flex:1;max-height:50px;font-size:.625rem;line-height:1.4;overflow:hidden auto}.demo-card-text::-webkit-scrollbar{display:none}.demo-thinking-wrapper{justify-content:center;margin-top:auto;padding:12px 0;display:flex}.demo-thinking-indicator{background:var(--demo-surface-light);border:1px solid var(--demo-border-light);border-radius:20px;align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.demo-thinking-spinner{color:var(--demo-text-tertiary);animation:1s linear infinite demoSpin}@keyframes demoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.demo-thinking-text{color:var(--demo-text-secondary);font-size:13px;font-weight:500}.demo-search-indicator{color:var(--demo-text-tertiary);animation:.8s ease-in-out infinite demoPulse;position:absolute;top:50%;right:16px;transform:translateY(-50%)}@keyframes demoPulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes demo-fade-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes demo-slide-up-fade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.demo-thinking-step{animation:.3s ease-out demo-fade-slide-in}.demo-input-floating{animation:.2s ease-out demo-slide-up-fade}.demo-contextai-input{background:var(--demo-background);padding:16px 24px}.demo-input-card{background:var(--demo-card);border:1px solid var(--demo-border);border-radius:16px;max-width:800px;margin:0 auto;overflow:hidden;box-shadow:0 4px 12px #00000014}.demo-input-row{align-items:center;gap:12px;padding:12px;display:flex}.demo-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.demo-input{width:100%;color:var(--demo-foreground);background:0 0;border:none;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s}.demo-input::placeholder{color:var(--demo-muted-foreground)}.demo-input:focus{outline:none}.demo-submit-button{background:var(--demo-primary);color:var(--demo-primary-foreground);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.demo-submit-button:hover:not(:disabled){opacity:.9}.demo-submit-button:disabled{opacity:.4;cursor:not-allowed}.demo-send-with-context-button{background:var(--demo-primary);color:var(--demo-primary-foreground);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:flex}.demo-send-with-context-button:hover{opacity:.9}.demo-send-with-context-button:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.demo-message,.demo-context-preview,.demo-context-badge-tooltip,.demo-thinking-spinner,.demo-thinking-step,.demo-input-floating{animation:none}.demo-cursor{opacity:1;animation:none}}@media (max-width:768px){.demo-context-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.demo-contextai-header{gap:8px;padding:10px 12px}.demo-app-title{margin-left:8px;margin-right:8px;font-size:14px}.demo-header-tabs{display:none}.demo-tab{padding:6px 10px;font-size:11px}.demo-tab span{display:none}.demo-selector{min-width:50px;height:32px;padding:6px;font-size:11px}.demo-selector svg{display:none}.demo-close-button{width:32px;height:32px;padding:6px}.demo-contextai-content{padding:12px}.demo-messages{gap:12px;margin-bottom:16px}.demo-message-content{max-width:92%;padding:8px 12px;font-size:12px}.demo-context-badges{gap:6px;margin-top:6px}.demo-context-badge{width:28px;height:28px;font-size:10px}.demo-context-badge-tooltip{width:240px;padding:10px;right:-20px}.demo-context-preview{margin:16px 0}.demo-context-header{margin-bottom:12px;font-size:13px}.demo-section-label{margin-bottom:6px;font-size:10px}.demo-directive-card{min-height:32px;padding:6px 10px}.demo-directive-title{max-width:140px;font-size:11px}.demo-directive-score{margin-left:6px;font-size:10px}.demo-context-grid{grid-template-columns:1fr;gap:8px}.demo-context-card{min-height:70px;max-height:80px;padding:.5rem}.demo-source-app{font-size:.7rem}.demo-time-ago{font-size:.6rem}.demo-score{font-size:.7rem}.demo-card-text{max-height:36px;font-size:.6rem}.demo-selection-indicator{top:.5rem;right:.5rem}.demo-selection-circle{width:14px;height:14px}.demo-contextai-input{gap:8px;padding:12px}.demo-input{border-radius:8px;padding:10px 40px 10px 12px;font-size:12px}.demo-submit-button{border-radius:8px;padding:10px 12px}.demo-send-with-context-button{border-radius:8px;padding:10px 12px;font-size:12px}.demo-thinking-indicator{padding:6px 12px}.demo-thinking-text{font-size:12px}.demo-md-table{font-size:11px;display:block;overflow-x:auto}.demo-md-table th,.demo-md-table td{white-space:nowrap;padding:4px 8px}.demo-chat-history-header{padding:12px 16px}.demo-chat-history-title{font-size:13px}.demo-new-chat-button{padding:5px 10px;font-size:11px}.demo-chat-history-list{padding:10px 12px}.demo-chat-item{padding:8px 10px}.demo-chat-item-title{font-size:12px}.demo-chat-item-preview{font-size:10px}.demo-chat-item-time{font-size:9px}}@media (max-width:380px){.demo-contextai-header{padding:8px 10px}.demo-app-title{margin-left:4px;margin-right:4px;font-size:13px}.demo-header-right{gap:0}.demo-selector{min-width:45px;padding:4px;font-size:10px}.demo-contextai-content{padding:10px}.demo-message-content{padding:6px 10px;font-size:11px}.demo-contextai-input{gap:6px;padding:10px}.demo-input,.demo-send-with-context-button{padding:8px 10px;font-size:11px}.demo-send-with-context-button span{display:none}}.demo-md-content{flex-direction:column;gap:8px;display:flex}.demo-md-paragraph{margin:0;line-height:1.6}.demo-md-heading{color:var(--demo-text-primary);margin-top:8px;margin-bottom:4px;font-weight:600}.demo-md-list{flex-direction:column;gap:4px;margin:0;padding-left:20px;display:flex}.demo-md-list li{line-height:1.5}.demo-md-hr{border:none;border-top:1px solid var(--demo-border-medium);margin:12px 0}.demo-md-table{border-collapse:collapse;width:100%;margin:8px 0;font-size:12px}.demo-md-table th,.demo-md-table td{text-align:left;border-bottom:1px solid var(--demo-border-light);padding:6px 10px}.demo-md-table th{color:var(--demo-text-primary);background:var(--demo-surface-subtle);font-weight:600}.demo-md-table td{color:var(--demo-text-secondary)}.demo-md-table tr:last-child td{border-bottom:none}.demo-md-table tr:hover td{background:var(--demo-surface-subtle)}.demo-md-link{color:var(--demo-text-primary);text-underline-offset:2px;cursor:pointer;text-decoration:underline;transition:all .2s}.demo-md-link:hover{color:var(--demo-foreground);-webkit-text-decoration-color:var(--demo-text-tertiary);text-decoration-color:var(--demo-text-tertiary)}.demo-chat-history{flex-direction:column;flex:1;display:flex;overflow:hidden}.demo-chat-history-header{border-bottom:1px solid var(--demo-border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.demo-chat-history-title{color:var(--demo-text-primary);font-size:14px;font-weight:500}.demo-new-chat-button{background:var(--demo-surface-medium);border:1px solid var(--demo-border-light);color:var(--demo-text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s;display:flex}.demo-new-chat-button:hover{background:var(--demo-surface-strong);border-color:var(--demo-border-strong);color:var(--demo-foreground)}.demo-chat-history-list{flex:1;padding:12px 16px;overflow-y:auto}.demo-chat-history-list::-webkit-scrollbar{width:6px}.demo-chat-history-list::-webkit-scrollbar-track{background:0 0}.demo-chat-history-list::-webkit-scrollbar-thumb{background:var(--demo-scrollbar);border-radius:3px}.demo-chat-history-list::-webkit-scrollbar-thumb:hover{background:var(--demo-border-medium)}.demo-chat-category{margin-bottom:16px}.demo-chat-category:last-child{margin-bottom:0}.demo-chat-category-label{text-transform:uppercase;letter-spacing:.05em;color:var(--demo-text-muted);margin-bottom:8px;padding:0 8px;font-size:10px;font-weight:600}.demo-chat-category-items{flex-direction:column;gap:4px;display:flex}.demo-chat-item{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;transition:all .15s;display:flex}.demo-chat-item:hover{background:var(--demo-surface-light);border-color:var(--demo-border-subtle)}.demo-chat-item.active{background:var(--demo-surface-strong);border-color:var(--demo-border-medium)}.demo-chat-item-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.demo-chat-item-title{color:var(--demo-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.demo-chat-item-preview{color:var(--demo-text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.demo-chat-item-time{color:var(--demo-text-muted);white-space:nowrap;flex-shrink:0;font-size:10px}.demo-chat-item.active .demo-chat-item-title{color:#fff}.demo-chat-item.active .demo-chat-item-preview{color:var(--demo-text-tertiary)}.demo-chat-item.active:before{content:"";background:var(--demo-text-tertiary);border-radius:0 2px 2px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.demo-chat-item{position:relative}.demo-smart-text{font-family:var(--demo-font-sans,"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);color:var(--demo-foreground,#e8e8e8);max-width:none}.demo-smart-spacing-xs{margin-bottom:.25rem}.demo-smart-spacing-sm{margin-bottom:.5rem}.demo-smart-spacing-md{margin-bottom:.75rem}.demo-smart-spacing-lg{margin-bottom:1rem}.demo-smart-spacing-xl{margin-bottom:1.5rem}.demo-smart-spacing-2xl{margin-bottom:2rem}.demo-smart-title{color:var(--demo-foreground,#e8e8e8);margin-bottom:.5rem}.demo-smart-h1{letter-spacing:-.01em;font-size:1rem;font-weight:700;line-height:1.2}.demo-smart-h2{letter-spacing:-.01em;font-size:.875rem;font-weight:600}.demo-smart-h3{font-size:.8125rem;font-weight:600}.demo-smart-h4{font-size:.75rem;font-weight:600}@media (min-width:768px){.demo-smart-h1{font-size:1.125rem}.demo-smart-h2{font-size:.9375rem}.demo-smart-h3{font-size:.875rem}.demo-smart-h4{font-size:.8125rem}}.demo-smart-body{flex-direction:column;gap:.25rem;display:flex}.demo-smart-p{color:var(--demo-muted-foreground,#bfbfbf);margin-top:0;margin-bottom:0;line-height:1.4}.demo-smart-p:first-child{margin-top:0}.demo-smart-p:last-child{margin-bottom:0}.demo-smart-heading{color:var(--demo-foreground,#e8e8e8);margin-top:.75rem;margin-bottom:.25rem}.demo-smart-heading:first-child{margin-top:0}.demo-smart-strong{color:var(--demo-foreground,#e8e8e8);font-weight:600}.demo-smart-italic{font-style:italic}.demo-smart-code{background:var(--demo-muted,#252522);color:var(--demo-foreground,#e8e8e8);border-radius:.25rem;padding:.125rem .375rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.875em}.demo-smart-link{color:var(--demo-foreground,#e8e8e8);text-underline-offset:2px;text-decoration:underline;transition:color .2s}.demo-smart-link:hover{color:var(--demo-muted-foreground,#bfbfbf)}.demo-smart-ul{margin-top:.375rem;margin-bottom:.375rem;padding-left:0;list-style:none}.demo-smart-ol{counter-reset:list-counter;margin-top:.375rem;margin-bottom:.375rem;padding-left:0;list-style:none}.demo-smart-ol .demo-smart-li{counter-increment:list-counter}.demo-smart-ol .demo-smart-bullet:before{content:counter(list-counter)".";color:var(--demo-muted-foreground,#bfbfbf);margin-right:.375rem;font-size:.6875rem;font-weight:500}.demo-smart-ol .demo-smart-bullet{background:0 0;width:auto;height:auto;margin-top:0;display:inline}.demo-smart-li{color:var(--demo-muted-foreground,#bfbfbf);align-items:flex-start;gap:.5rem;margin-bottom:.25rem;display:flex}.demo-smart-li:last-child{margin-bottom:0}.demo-smart-bullet{background-color:var(--demo-foreground,#e8e8e8);border-radius:9999px;flex-shrink:0;width:.25rem;height:.25rem;margin-top:.4rem}.demo-smart-li-content{flex:1;min-width:0}.demo-smart-text{transition:opacity .2s}.demo-input-card{background:var(--demo-card);border:1px solid var(--demo-border);box-shadow:0 4px 6px -1px var(--demo-shadow-color),0 2px 4px -2px var(--demo-shadow-color);border-radius:16px;flex-direction:column;gap:12px;padding:12px;display:flex}.demo-input-row{align-items:center;gap:12px;display:flex}.demo-input-row .demo-input-wrapper{flex:1}.demo-input-card .demo-input,.demo-input-card .demo-submit-button,.demo-input-card .demo-send-with-context-button{border-radius:8px}@media (max-width:640px){.demo-input-card{border-radius:12px;gap:10px;padding:10px}.demo-input-row{gap:8px}}@media (max-width:380px){.demo-input-card{border-radius:10px;gap:8px;padding:8px}.demo-input-row{gap:6px}}.demo-navbar{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f9f9f8cc;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;height:44px;padding:0 12px;display:flex;position:sticky;top:0}.demo-navbar-left{align-items:center;gap:12px;display:flex}.demo-traffic-lights{gap:6px;display:flex}.demo-traffic-light{border-radius:50%;width:10px;height:10px}.demo-traffic-light-red{background:#ff5f57;border:1px solid #e0443e}.demo-traffic-light-yellow{background:#febc2e;border:1px solid #dea123}.demo-traffic-light-green{background:#28c840;border:1px solid #1aab29}.demo-navbar-center{pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.demo-navbar-center>*{pointer-events:auto}.demo-navbar-title{color:var(--demo-foreground);cursor:default;font-size:13px;font-weight:600;transition:color .2s}.demo-navbar-title:hover{color:#151514cc}.demo-navbar-right{align-items:center;gap:2px;display:flex}.demo-context-toggle{cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:5px;padding:3px 6px;transition:background .2s;display:flex}.demo-context-toggle:hover{background:#eeeeec80}.demo-context-label{color:var(--demo-muted-foreground);font-size:10px;font-weight:500;transition:color .2s}.demo-context-toggle.demo-context-enabled .demo-context-label{color:var(--demo-foreground)}.demo-toggle-switch{background:#5d5d564d;border-radius:8px;width:28px;height:16px;transition:background .2s;position:relative}.demo-toggle-switch.demo-toggle-active{background:var(--demo-foreground)}.demo-toggle-thumb{background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.demo-toggle-active .demo-toggle-thumb{background:var(--demo-background);transform:translate(12px)}.demo-icon-button{width:24px;height:24px;color:var(--demo-muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.demo-icon-button:hover{background:var(--demo-surface-light);color:var(--demo-foreground)}.demo-avatar-button{background:var(--demo-foreground);width:22px;height:22px;color:var(--demo-background);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:500;transition:all .2s;display:flex}.demo-avatar-button:hover{background:#151514e6}.demo-sidebar-area{z-index:10;background:0 0;flex-direction:column;align-items:flex-start;gap:3px;padding:0;display:flex;position:absolute;top:50px;left:12px}.demo-sidebar-button{-webkit-backdrop-filter:blur(4px);height:26px;color:var(--demo-muted-foreground);cursor:pointer;background:#f9f9f8cc;border:none;border-radius:8px;align-items:center;gap:5px;padding:0 8px;font-family:inherit;font-size:10px;font-weight:500;transition:all .2s;display:flex}.demo-sidebar-button:hover{color:var(--demo-foreground);background:#eeeeeccc}.demo-sidebar-button svg{flex-shrink:0;width:12px;height:12px}.demo-sidebar-button-primary{background:var(--demo-foreground);color:var(--demo-background)}.demo-sidebar-button-primary:hover{color:var(--demo-background);background:#151514e6}.demo-main-content{flex-direction:column;flex:1;align-items:center;width:100%;padding:24px 16px 100px;display:flex;overflow-y:auto}.demo-main-content-inner{width:100%;max-width:70%}.demo-main-content::-webkit-scrollbar{width:5px}.demo-main-content::-webkit-scrollbar-track{background:0 0}.demo-main-content::-webkit-scrollbar-thumb{background:var(--demo-border);border-radius:3px}.demo-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:60px 16px;display:flex}.demo-empty-title{color:var(--demo-muted-foreground);margin:0 0 6px;font-size:18px;font-weight:600}.demo-empty-subtitle{color:var(--demo-muted-foreground);margin:0;font-size:11px}.demo-floating-input-container{z-index:50;background:linear-gradient(to top,var(--demo-background)0%,var(--demo-background)60%,transparent 100%);pointer-events:none;border-radius:0 0 12px 12px;padding:16px;position:absolute;bottom:0;left:0;right:0}.demo-floating-input-wrapper{pointer-events:auto;max-width:65%;margin:0 auto}.demo-floating-input-card{background:var(--demo-card);border-left:1px solid var(--demo-border-light);border-right:1px solid var(--demo-border-light);border-bottom:1px solid var(--demo-border-light);box-shadow:0 4px 12px -2px var(--demo-shadow-color);border-top:none;border-radius:0 0 12px 12px;flex-direction:column;display:flex;overflow:hidden}.demo-floating-input-card .demo-context-review-inline{border:none;margin-top:0;padding-top:0}.demo-floating-input-row{align-items:flex-end;gap:6px;padding:6px;display:flex}.demo-floating-input-field-wrapper{flex:1;position:relative}.demo-floating-input-field{width:100%;color:var(--demo-foreground);resize:none;background:0 0;border:none;outline:none;padding:6px 10px;font-family:inherit;font-size:11px}.demo-floating-input-field:focus{box-shadow:none;border:none;outline:none}.demo-floating-input-field::placeholder{color:var(--demo-muted-foreground)}.demo-send-button{background:var(--demo-primary);color:var(--demo-primary-foreground);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:10px;font-weight:500;transition:all .2s}.demo-send-button:hover:not(:disabled){background:#151514e6}.demo-send-button:disabled{opacity:.5;cursor:not-allowed}.demo-input-toolbar{background:var(--demo-card);border:1px solid var(--demo-border);z-index:1;border-bottom:none;border-radius:12px 12px 0 0;align-items:center;gap:2px;margin-bottom:-1px;padding:4px 6px;display:flex;position:relative}.demo-toolbar-separator{background:var(--demo-border);width:1px;height:12px;margin:0 2px}.demo-offline-indicator{color:#d97706;background:#f59e0b1a;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:flex}.demo-toolbar-item{color:var(--demo-muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:10px;font-weight:500;transition:all .2s;display:flex}.demo-toolbar-item:hover{color:var(--demo-foreground)}.demo-toolbar-item[data-active=true]{background:var(--demo-secondary);color:var(--demo-foreground)}@media (max-width:768px){.demo-sidebar-area{display:none!important}.demo-main-content-inner{max-width:100%!important}.demo-floating-input-wrapper{max-width:95%!important}.demo-navbar{height:40px;padding:0 10px}.demo-navbar-title{font-size:12px}.demo-traffic-lights{gap:5px}.demo-traffic-light{width:8px;height:8px}.demo-context-toggle{display:none}.demo-main-content{padding:16px 12px 90px}.demo-empty-state{min-height:160px;padding:40px 14px}.demo-empty-title{font-size:16px}.demo-empty-subtitle{font-size:10px}.demo-floating-input-container{padding:10px}.demo-floating-input-row{gap:6px;padding:6px}.demo-floating-input-field{padding:6px 10px;font-size:12px}.demo-send-button{padding:6px 10px;font-size:11px}.demo-message-content{max-width:95%}.demo-context-grid{grid-template-columns:repeat(2,1fr)}.demo-context-cards-grid.grid-cols-2{grid-template-columns:1fr!important}}@media (max-width:480px){.demo-sidebar-area{display:none!important}.demo-navbar{height:36px;padding:0 8px}.demo-navbar-title{font-size:11px}.demo-navbar-right{gap:2px}.demo-icon-button,.demo-avatar-button{width:22px;height:22px}.demo-icon-button{border-radius:5px}.demo-icon-button svg{width:11px;height:11px}.demo-avatar-button{font-size:9px}.demo-main-content{padding:12px 10px 80px}.demo-floating-input-container{padding:8px}.demo-empty-state{min-height:140px;padding:30px 12px}.demo-empty-title{font-size:14px}.demo-empty-subtitle{font-size:9px}.demo-context-grid{grid-template-columns:1fr}.demo-context-cards-grid.grid-cols-2{grid-template-columns:1fr!important}}.demo-directive-pill-x{opacity:0;cursor:pointer;color:inherit;background:0 0;border:none}.demo-directive-pill:hover .demo-directive-pill-x{opacity:1}.demo-directive-pill-x:hover{background:var(--demo-background);opacity:.5}.demo-canvas-renderer{flex-direction:column;gap:16px;display:flex}.demo-canvas-data-grid{border:1px solid var(--demo-border-light);background:var(--demo-card);border-radius:8px;overflow-x:auto}.demo-canvas-table{border-collapse:collapse;width:100%;font-size:11px}.demo-canvas-table th{text-align:left;color:var(--demo-text-secondary);background:var(--demo-surface-subtle);border-bottom:1px solid var(--demo-border-light);padding:10px 12px;font-weight:500}.demo-canvas-table td{color:var(--demo-text-primary);border-bottom:1px solid var(--demo-border-subtle);padding:10px 12px}.demo-canvas-table tr:last-child td{border-bottom:none}.demo-canvas-table tr:hover td{background:var(--demo-surface-subtle)}.demo-canvas-metric-card{border:1px solid var(--demo-border-light);background:var(--demo-card);border-radius:8px;padding:16px;position:relative;overflow:hidden}.demo-canvas-metric-card:before{content:"";background:var(--demo-border-medium);width:3px;height:100%;position:absolute;top:0;left:0}.demo-canvas-metric-card.demo-metric-positive:before{background:#16a249}.demo-canvas-metric-card.demo-metric-negative:before{background:#ef4343}.demo-metric-label{color:var(--demo-text-secondary);margin-bottom:4px;font-size:11px;font-weight:500}.demo-metric-value-row{align-items:baseline;gap:8px;display:flex}.demo-metric-value{color:var(--demo-text-primary);letter-spacing:-.02em;font-size:24px;font-weight:700}.demo-canvas-metric-card.demo-metric-positive .demo-metric-value{color:#16a249}.demo-canvas-metric-card.demo-metric-negative .demo-metric-value{color:#ef4343}.demo-metric-trend{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500}.demo-trend-up{color:#16a249;background:#16a2491a}.demo-trend-down{color:#ef4343;background:#ef43431a}.demo-trend-neutral{color:var(--demo-text-secondary);background:var(--demo-surface-light)}.demo-canvas-info-card{border:1px solid var(--demo-border-light);background:var(--demo-card);border-radius:8px;padding:16px}.demo-info-title{color:var(--demo-text-primary);margin-bottom:12px;font-size:13px;font-weight:600}.demo-info-items.demo-info-vertical{flex-direction:column;gap:10px;display:flex}.demo-info-items.demo-info-horizontal{flex-wrap:wrap;gap:16px;display:flex}.demo-info-items.demo-info-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.demo-info-item{flex-direction:column;gap:2px;display:flex}.demo-info-label{color:var(--demo-text-secondary);font-size:10px}.demo-info-value{color:var(--demo-text-primary);font-size:12px;font-weight:500}.demo-info-value.demo-intent-success{color:#16a249}.demo-info-value.demo-intent-warning{color:#f59f0a}.demo-info-value.demo-intent-destructive{color:#ef4343}.demo-info-value.demo-intent-info{color:var(--demo-highlight)}.demo-canvas-alert{border:1px solid var(--demo-border-light);background:var(--demo-surface-subtle);border-radius:8px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.demo-canvas-alert.demo-alert-info{background:#1842b41a;border-color:#1842b44d}.demo-canvas-alert.demo-alert-success{background:#16a2491a;border-color:#16a2494d}.demo-canvas-alert.demo-alert-warning{background:#f59f0a1a;border-color:#f59f0a4d}.demo-canvas-alert.demo-alert-destructive{background:#ef43431a;border-color:#ef43434d}.demo-alert-icon{flex-shrink:0;font-size:14px;line-height:1}.demo-alert-info .demo-alert-icon{color:var(--demo-highlight)}.demo-alert-success .demo-alert-icon{color:#16a249}.demo-alert-warning .demo-alert-icon{color:#f59f0a}.demo-alert-destructive .demo-alert-icon{color:#ef4343}.demo-alert-content{flex:1;min-width:0}.demo-alert-title{color:var(--demo-text-primary);margin-bottom:2px;font-size:12px;font-weight:600}.demo-alert-message{color:var(--demo-text-secondary);font-size:11px;line-height:1.4}.demo-canvas-step-list{border:1px solid var(--demo-border-light);background:var(--demo-card);border-radius:8px;padding:16px}.demo-step-title{color:var(--demo-text-primary);margin-bottom:12px;font-size:13px;font-weight:600}.demo-steps{flex-direction:column;gap:12px;display:flex}.demo-step{align-items:flex-start;gap:10px;display:flex}.demo-step-icon{background:var(--demo-surface-light);width:18px;height:18px;color:var(--demo-text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;line-height:1;display:flex}.demo-step-pending .demo-step-icon{color:var(--demo-text-muted)}.demo-step-current .demo-step-icon{color:var(--demo-highlight);background:#1842b41a}.demo-step-complete .demo-step-icon{color:#16a249;background:#16a2491a}.demo-step-error .demo-step-icon{color:#ef4343;background:#ef43431a}.demo-step-content{flex:1;min-width:0}.demo-step-name{color:var(--demo-text-primary);font-size:12px;font-weight:500}.demo-step-desc{color:var(--demo-text-secondary);margin-top:2px;font-size:10px}.demo-canvas-comparison{border:1px solid var(--demo-border-light);background:var(--demo-card);border-radius:8px;padding:16px}.demo-comparison-title{color:var(--demo-text-primary);margin-bottom:12px;font-size:13px;font-weight:600}.demo-comparison-grid{gap:12px;display:grid}.demo-comparison-item{border:1px solid var(--demo-border-light);background:var(--demo-surface-subtle);border-radius:6px;padding:12px}.demo-comparison-item.demo-highlighted{border-color:var(--demo-highlight);background:#1842b40d}.demo-comparison-name{color:var(--demo-text-primary);margin-bottom:10px;font-size:12px;font-weight:600}.demo-comparison-features{flex-direction:column;gap:6px;display:flex}.demo-comparison-feature{justify-content:space-between;align-items:center;font-size:10px;display:flex}.demo-feature-label{color:var(--demo-text-secondary)}.demo-feature-value{color:var(--demo-text-primary);font-weight:500}.demo-canvas-progress{border:1px solid var(--demo-border-light);background:var(--demo-card);border-radius:8px;padding:16px}.demo-progress-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.demo-progress-title{color:var(--demo-text-primary);font-size:13px;font-weight:600}.demo-progress-value{color:var(--demo-text-secondary);font-size:11px;font-weight:500}.demo-progress-desc{color:var(--demo-text-secondary);margin-bottom:10px;font-size:10px}.demo-progress-bar{background:var(--demo-surface-medium);border-radius:3px;height:6px;overflow:hidden}.demo-progress-fill{background:var(--demo-border-medium);border-radius:3px;height:100%;transition:width .3s}.demo-progress-active .demo-progress-fill{background:var(--demo-highlight)}.demo-progress-complete .demo-progress-fill{background:#16a249}.demo-progress-error .demo-progress-fill{background:#ef4343}.demo-canvas-quote{border:1px solid var(--demo-border-light);background:var(--demo-surface-subtle);border-radius:8px;margin:0;padding:16px 16px 16px 20px;position:relative}.demo-canvas-quote:before{content:"";background:var(--demo-highlight);border-radius:4px 0 0 4px;width:4px;height:100%;position:absolute;top:0;left:0}.demo-quote-text{color:var(--demo-text-primary);font-size:12px;font-style:italic;line-height:1.5}.demo-quote-footer{gap:8px;margin-top:10px;font-size:10px;display:flex}.demo-quote-author{color:var(--demo-text-secondary);font-weight:500}.demo-quote-source{color:var(--demo-text-muted)}@media (max-width:480px){.demo-canvas-renderer{gap:12px}.demo-canvas-table th,.demo-canvas-table td{padding:8px 10px;font-size:10px}.demo-metric-value{font-size:20px}.demo-info-items.demo-info-grid{grid-template-columns:1fr}.demo-comparison-grid{grid-template-columns:1fr!important}}
.demo-pulse-widget{--widget-bg:#141413bf;--widget-text:#e8e8e8;--widget-text-muted:#a6a6a6;--widget-border:#ffffff26;--widget-btn-bg:#ffffff14;--widget-btn-hover:#ffffff24;--widget-btn-active:#ffffff2e;--widget-radius:8px;--widget-radius-sm:6px;--widget-collapsed-size:40px;--widget-expanded-width:240px;z-index:100;cursor:pointer;-webkit-user-select:none;user-select:none;position:absolute}.demo-pulse-bottom-left{bottom:16px;left:16px}.demo-pulse-bottom-right{bottom:16px;right:16px}.demo-pulse-top-left{top:16px;left:16px}.demo-pulse-top-right{top:16px;right:16px}.demo-pulse-container{height:var(--widget-collapsed-size);width:var(--widget-collapsed-size);backface-visibility:hidden;isolation:isolate;will-change:width;-webkit-backdrop-filter:blur(16px);border-radius:20px;align-items:center;transition:width .18s cubic-bezier(.4,0,.2,1),background-color .3s ease-in-out;display:flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 4px 16px #0000003d,0 1px 3px #0000001f}.demo-pulse-container.expanded{width:var(--widget-expanded-width)}.demo-pulse-container.expand-left{flex-direction:row-reverse}.demo-pulse-container.expand-left .demo-pulse-expanded{flex-direction:row-reverse;padding-left:10px;padding-right:0}.demo-pulse-container.expand-left .demo-pulse-audio-indicator{left:2px;right:auto}.demo-pulse-container.idle,.demo-pulse-container.ingesting,.demo-pulse-container.paused{background-color:var(--widget-bg)}.demo-pulse-icon{pointer-events:none;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:20px;transform:translate(-50%,-50%)}.demo-pulse-container.expand-left .demo-pulse-icon{left:auto;right:20px;transform:translate(50%,-50%)}.demo-pulse-audio-indicator{z-index:11;background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;right:2px}.demo-pulse-expanded{opacity:0;pointer-events:none;justify-content:flex-end;align-items:center;gap:8px;padding:0 12px 0 48px;transition:opacity .2s ease-in-out;display:flex;position:absolute;inset:0}.demo-pulse-container.expand-left .demo-pulse-expanded{flex-direction:row-reverse;padding:0 48px 0 12px}.demo-pulse-expanded.visible{opacity:1;pointer-events:auto}.demo-pulse-status-text{color:var(--widget-text);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;margin-right:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:12px;font-weight:500;overflow:hidden}.demo-pulse-buttons{flex-wrap:nowrap;flex-shrink:0;gap:6px;display:flex}.demo-pulse-button{border-radius:var(--widget-radius-sm);background-color:var(--widget-btn-bg);cursor:pointer;width:26px;height:26px;color:var(--widget-text);border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,transform .1s;display:flex}.demo-pulse-button.widget-action-btn{background-color:#ffffff14;border-radius:8px}.demo-pulse-button:hover,.demo-pulse-button.widget-action-btn:hover{background-color:var(--widget-btn-hover)}.demo-pulse-button:active,.demo-pulse-button.widget-action-btn:active{background-color:var(--widget-btn-active);transform:scale(.94)}.demo-pulse-button.quit-button:hover{background-color:#ef444433}@media (prefers-reduced-motion:reduce){.demo-pulse-container,.demo-pulse-expanded{transition:none}}@media (max-width:640px){.demo-pulse-bottom-left{bottom:12px;left:12px}.demo-pulse-bottom-right{bottom:12px;right:12px}.demo-pulse-top-left{top:12px;left:12px}.demo-pulse-top-right{top:12px;right:12px}.demo-pulse-container{border-radius:18px;width:36px;height:36px}.demo-pulse-container.expanded{width:200px}.demo-pulse-icon{left:18px}.demo-pulse-icon svg{width:16px;height:16px}.demo-pulse-expanded{gap:6px;padding:0 10px 0 40px}.demo-pulse-status-text{font-size:10px}.demo-pulse-buttons{gap:3px}.demo-pulse-button{border-radius:4px;width:22px;height:22px}.demo-pulse-button svg{width:12px;height:12px}}