@import url(https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700;800;900&display=swap);:root[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f5f5f5;--text-primary:#1a1a1a;--text-secondary:#666;--border-color:#e0e0e0;--accent-color:#0ea5e9;--header-gradient:linear-gradient(135deg,#333,#1a1a1a);--header-text:#fff}:root[data-theme=dark]{--bg-primary:#222;--bg-secondary:#222;--text-primary:#fff;--text-secondary:#999;--border-color:#333;--accent-color:#fff;--header-gradient:#111;--header-text:#fff}:root[data-theme=ocean]{--bg-primary:#0c1929;--bg-secondary:#0a1421;--text-primary:#e8f4fc;--text-secondary:#8bb8d0;--border-color:#1e4a6d;--accent-color:#38bdf8;--header-gradient:linear-gradient(135deg,#0369a1,#0c4a6e);--header-text:#fff}:root[data-theme=forest]{--bg-primary:#0f1f17;--bg-secondary:#0a1710;--text-primary:#e8f5ed;--text-secondary:#8bc4a0;--border-color:#1e4d32;--accent-color:#34d399;--header-gradient:linear-gradient(135deg,#166534,#14532d);--header-text:#fff}:root[data-theme=sunset]{--bg-primary:#1f1410;--bg-secondary:#170f0a;--text-primary:#fef3e8;--text-secondary:#d4a574;--border-color:#4d2e1a;--accent-color:#f59e0b;--header-gradient:linear-gradient(135deg,#b45309,#78350f);--header-text:#fff}:root[data-theme=purple]{--bg-primary:#1a1425;--bg-secondary:#130e1c;--text-primary:#f3eef8;--text-secondary:#b8a0d0;--border-color:#3d2860;--accent-color:#a855f7;--header-gradient:linear-gradient(135deg,#7c3aed,#581c87);--header-text:#fff}:root[data-theme=midnight]{--bg-primary:#0f172a;--bg-secondary:#0a0f1e;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--border-color:#1e293b;--accent-color:#6366f1;--header-gradient:linear-gradient(135deg,#4338ca,#312e81);--header-text:#fff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);font-family:Exo\ 2,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:#f8fafc;display:flex;font-family:Exo\ 2,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh}.login-box{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px 0 #0000001a;max-width:400px;padding:40px;text-align:center;width:90%}.login-logo{height:64px;margin-bottom:16px;width:64px}.login-box h1{color:#1a1a1a;font-size:28px;font-weight:600;letter-spacing:-.02em;margin-bottom:5px}.login-box .powered-by,.login-box h1{font-family:Exo\ 2,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.login-box .powered-by{color:#0ea5e9;font-size:14px;font-style:italic;font-weight:500;margin-bottom:20px;margin-top:0}.login-box p{color:#666;font-family:Exo\ 2,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;margin-bottom:30px}.social-login-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.social-button{align-items:center;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;font-family:Exo\ 2,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;font-weight:500;gap:12px;justify-content:center;padding:12px 24px;transition:all .2s ease;width:100%}.social-icon{flex-shrink:0;height:20px;width:20px}.google-button{background:#fff;border:1px solid #e2e8f0;color:#374151}.google-button:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 8px #00000014}.microsoft-button{background:#2f2f2f;border:1px solid #2f2f2f;color:#fff}.microsoft-button:hover{background:#1a1a1a;box-shadow:0 2px 8px #00000026}.login-divider{align-items:center;color:#94a3b8;display:flex;font-size:13px;font-weight:500;margin-bottom:24px}.login-divider:after,.login-divider:before{background:#e2e8f0;content:"";flex:1 1;height:1px}.login-divider span{padding:0 16px}.login-button{background:linear-gradient(135deg,#0ea5e9,#3b82f6);border:none;border-radius:12px;box-shadow:0 6px 20px 0 #3b82f640;color:#fff;cursor:pointer;font-family:Exo\ 2,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:600;min-width:180px;padding:14px 32px;transition:all .3s ease;width:100%}.login-button:hover{background:linear-gradient(135deg,#0284c7,#2563eb);box-shadow:0 10px 30px #3b82f666;transform:translateY(-2px)}.login-button:active{box-shadow:0 4px 15px #3b82f64d;transform:translateY(-1px)}.conversation-sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fffffffa,#f9fafbfa);border-right:1px solid #e5e7ebcc;box-shadow:6px 0 25px #0000001a,3px 0 12px #0000000d,0 0 1px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:380px;z-index:10000}.conversation-sidebar.open{transform:translateX(0)}.conversation-sidebar-header{align-items:center;background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border-bottom:1px solid #00000014;display:flex;justify-content:space-between;padding:20px 24px 16px}.conversation-sidebar-header h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.close-sidebar-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000000d;border:none;border-radius:10px;color:#666;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.close-sidebar-btn:hover{background:#0000001a;color:#333}.collapse-sidebar-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000000d;border:none;border-radius:10px;color:#666;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.collapse-sidebar-btn:hover{background:#0000001a;color:#333}[data-theme=dark] .collapse-sidebar-btn{background:#0000;border:1px solid #fff;color:#fff}[data-theme=dark] .collapse-sidebar-btn:hover{background:#fff;color:#000}.conversation-sidebar-actions{border-bottom:1px solid #00000014;display:flex;gap:8px;padding:16px 24px}.new-conversation-btn,.refresh-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:1px solid #00000014;border-radius:12px;box-shadow:0 1px 3px #0000000d;color:#374151;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:12px 18px;transition:all .2s ease}.new-conversation-btn:hover,.refresh-btn:hover:not(:disabled){background:#2563eb1a;border-color:#2563eb4d;color:#2563eb}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.conversation-search{border-bottom:1px solid #00000014;padding:12px 24px;position:relative}.conversation-search-input{background:#fffc;border:1px solid #0000001a;border-radius:10px;box-sizing:border-box;color:#333;font-size:14px;outline:none;padding:10px 36px 10px 14px;transition:all .2s ease;width:100%}.conversation-search-input:focus{background:#fff;border-color:#0003;box-shadow:0 2px 8px #00000014}.conversation-search-input::placeholder{color:#9ca3af}.search-clear-btn{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;position:absolute;right:32px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:20px}.search-clear-btn:hover{background:#0003;color:#333}.conversation-filters{border-bottom:1px solid #00000014;display:flex;gap:8px;padding:16px 24px}.filter-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#fffc,#f8fafccc);border:1px solid #00000014;border-radius:10px;box-shadow:0 1px 2px #0000000a;color:#6b7280;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:10px 14px;transition:all .2s ease}.filter-btn.active{background:#2563eb1a;border-color:#2563eb4d;color:#2563eb}.filter-btn:hover:not(.active){background:#0000000d;color:#333}.error-message{border-left:3px solid #ef4444;margin:16px 24px;padding:12px 24px}.conversation-list{flex:1 1;overflow-y:auto;padding:8px 0}.conversation-list::-webkit-scrollbar{width:6px}.conversation-list::-webkit-scrollbar-track{background:#0000}.conversation-list::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.conversation-list::-webkit-scrollbar-thumb:hover{background:#0000004d}.empty-state{color:#666;font-size:14px;padding:40px 24px;text-align:center}.conversation-item{align-items:center;background:#fff6;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;margin:3px 16px;padding:14px 20px;position:relative;transition:all .2s ease}.conversation-item:hover{background:linear-gradient(135deg,#2563eb14,#2563eb0a);border-color:#2563eb26;box-shadow:0 2px 8px #2563eb1a;transform:translateX(2px)}.conversation-item.active{background:linear-gradient(135deg,#2563eb1f,#2563eb14);border-color:#2563eb40;box-shadow:0 3px 12px #2563eb26}.conversation-main{flex:1 1;min-width:0}.conversation-title{border-radius:4px;color:#333;cursor:pointer;font-size:14px;font-weight:500;margin:-2px -4px 2px;overflow:hidden;padding:2px 4px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.conversation-title:hover{background:#2563eb14;color:#2563eb}.conversation-date{color:#666;font-size:12px}.conversation-edit-input{background:#fff;border:1px solid #2563eb4d;border-radius:4px;color:#333;font-size:14px;font-weight:500;outline:none;padding:4px 8px;width:100%}.conversation-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.conversation-item:hover .conversation-actions{opacity:1}.conversation-action-btn{align-items:center;background:#fffc;border:1px solid #0000001a;border-radius:6px;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.conversation-action-btn:hover{background:#2563eb1a;border-color:#2563eb4d}.conversation-action-btn.delete:hover{background:#ef44441a;border-color:#ef44444d}.delete-confirm{display:flex;gap:4px}.cancel-delete-btn,.confirm-delete-btn{align-items:center;background:#ffffffe6;border:1px solid #0000001a;border-radius:6px;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.confirm-delete-btn{color:#dc2626}.confirm-delete-btn:hover{background:#ef44441a;border-color:#ef44444d}.cancel-delete-btn:hover{background:#0000000d}[data-theme=dark] .conversation-sidebar{background:#000;border-right:1px solid #fff}[data-theme=dark] .conversation-sidebar-header{background:#000;border-bottom:1px solid #fff}[data-theme=dark] .conversation-sidebar-header h3{color:#fff}[data-theme=dark] .conversation-sidebar-actions{border-bottom:1px solid #fff}[data-theme=dark] .new-conversation-btn,[data-theme=dark] .refresh-btn{background:#000;border:1px solid #fff;color:#fff}[data-theme=dark] .new-conversation-btn:hover,[data-theme=dark] .refresh-btn:hover:not(:disabled){background:#fff;color:#000}[data-theme=dark] .conversation-search{border-bottom:1px solid #fff}[data-theme=dark] .conversation-search-input{background:#000;border:1px solid #fff;color:#fff}[data-theme=dark] .conversation-search-input::placeholder{color:#ffffff80}[data-theme=dark] .conversation-search-input:focus{background:#000;border-color:#fff;box-shadow:0 0 0 2px #fff3}[data-theme=dark] .search-clear-btn{background:#0000;border:1px solid #fff;color:#fff}[data-theme=dark] .search-clear-btn:hover{background:#fff;color:#000}[data-theme=dark] .conversation-filters{border-bottom:1px solid #fff}[data-theme=dark] .filter-btn{background:#000;border:1px solid #fff;color:#fff}[data-theme=dark] .filter-btn.active,[data-theme=dark] .filter-btn:hover:not(.active){background:#fff;color:#000}[data-theme=dark] .conversation-item{background:#000;border:1px solid #0000}[data-theme=dark] .conversation-item.active,[data-theme=dark] .conversation-item:hover{background:#fff;border-color:#fff;color:#000}[data-theme=dark] .conversation-title{color:#fff}[data-theme=dark] .conversation-title:hover{background:#ffffff1a;color:#fff}[data-theme=dark] .conversation-item.active .conversation-title,[data-theme=dark] .conversation-item:hover .conversation-title{color:#000}[data-theme=dark] .conversation-item.active .conversation-title:hover,[data-theme=dark] .conversation-item:hover .conversation-title:hover{background:#0000001a;color:#000}[data-theme=dark] .conversation-date{color:#fff}[data-theme=dark] .conversation-item.active .conversation-date,[data-theme=dark] .conversation-item:hover .conversation-date{color:#000}[data-theme=dark] .conversation-action-btn,[data-theme=dark] .conversation-edit-input{background:#000;border:1px solid #fff;color:#fff}[data-theme=dark] .conversation-action-btn:hover{background:#fff;color:#000}[data-theme=dark] .cancel-delete-btn,[data-theme=dark] .confirm-delete-btn{background:#000;border:1px solid #fff;color:#fff}[data-theme=dark] .cancel-delete-btn:hover,[data-theme=dark] .confirm-delete-btn:hover{background:#fff;color:#000}[data-theme=dark] .empty-state{color:#fff}[data-theme=dark] .error-message{background:#fff;border-left:3px solid #000;color:#000}@media (max-width:768px){.conversation-sidebar{width:300px}.conversation-filters,.conversation-sidebar-actions{flex-direction:column}}@media (max-width:480px){.conversation-sidebar{width:90vw}}.settings-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.settings-modal{background:#1a1a1a;border:1px solid #333;border-radius:16px;box-shadow:0 20px 40px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.settings-header{align-items:center;display:flex;justify-content:space-between;padding:24px 32px 16px}.settings-tabs{border-bottom:1px solid #333;display:flex;gap:0;padding:0 32px}.settings-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-1px;padding:12px 20px;transition:all .2s}.settings-tab:hover{background:#ffffff08;color:var(--text-primary)}.settings-tab.active{border-bottom-color:var(--primary);color:var(--primary)}.settings-header h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.settings-close{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:24px;padding:8px;transition:all .2s}.settings-close:hover{background:#ffffff1a;color:var(--text-primary)}.settings-content{padding:24px 32px 32px}.setting-section{margin-bottom:32px}.setting-section:last-child{margin-bottom:24px}.setting-section h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.setting-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 16px}.setting-dropdown{align-items:center;display:flex;gap:12px}.setting-dropdown label{color:var(--text-primary);font-size:14px;font-weight:500;min-width:60px}.setting-dropdown select{background:#ffffff0d;border:1px solid #333;border-radius:8px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:14px;padding:8px 12px;transition:all .2s}.setting-dropdown select:focus{background:#ffffff14;border-color:var(--primary);outline:none}.setting-dropdown select option{background:#1a1a1a;color:var(--text-primary);padding:8px}.setting-options{display:flex;flex-direction:column;gap:12px}.setting-option{align-items:flex-start;border:2px solid #333;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.setting-option:hover{background:#2a2a2a;border-color:#555}.setting-option input[type=radio]{accent-color:var(--primary);height:20px;margin:0;width:20px}.setting-option input[type=radio]:checked{border-color:var(--primary)}.setting-option:has(input:checked){background:#667eea1a;border-color:var(--primary)}.option-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.option-label{color:var(--text-primary);font-size:16px;font-weight:600}.option-description{color:var(--text-secondary);font-size:14px;line-height:1.4}.setting-toggle,.toggle-switch{align-items:center;display:flex}.toggle-switch{border-radius:12px;cursor:pointer;gap:12px;padding:12px 16px;transition:background .2s}.toggle-switch:hover{background:#2a2a2a}.toggle-switch input[type=checkbox]{display:none}.toggle-slider{border-radius:28px;height:28px;width:52px}.toggle-slider:before{box-shadow:0 2px 4px #0003;height:22px;left:3px;top:3px;width:22px}.toggle-switch input[type=checkbox]:checked+.toggle-slider{background:var(--primary)}.toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-label{color:var(--text-primary);font-size:16px;font-weight:500}.settings-actions{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.reset-button{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .2s}.reset-button:hover{background:#ef444433;border-color:#ef44444d}.done-button{background:var(--primary);font-weight:600;padding:12px 24px}.done-button:hover{background:var(--primary-hover);transform:translateY(-1px)}@media (max-width:768px){.settings-modal{margin:10px;max-width:95vw}.settings-content,.settings-header{padding:20px 24px}.settings-actions{flex-direction:column}.done-button,.reset-button{width:100%}}[data-theme=light] .settings-modal{background:#fff;border-color:#ddd}[data-theme=light] .settings-header{border-bottom-color:#e5e5e5}[data-theme=light] .setting-option{border-color:#ddd}[data-theme=light] .setting-option:hover{background:#f5f5f5;border-color:#bbb}[data-theme=light] .toggle-switch:hover{background:#f5f5f5}[data-theme=light] .toggle-slider{background:#ccc}[data-theme=light] .settings-actions{border-top-color:#e5e5e5}.data-sources-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.data-sources-header h3{margin:0 0 8px}.refresh-button{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:var(--text-primary);font-size:13px}.refresh-button:hover:not(:disabled){background:#ffffff26}.data-sources-loading{align-items:center;color:var(--text-secondary);display:flex;gap:12px;justify-content:center;padding:40px}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff1a;border-top:2px solid var(--primary)}.data-sources-empty{color:var(--text-secondary);padding:40px;text-align:center}.data-sources-empty .hint{font-size:13px;margin-top:8px;opacity:.7}.data-sources-list{display:flex;flex-direction:column;gap:16px}.data-source-card{background:#ffffff08;border:1px solid #333;border-radius:12px;padding:16px;transition:all .2s}.data-source-card:hover{background:#ffffff0d;border-color:#444}.data-source-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.data-source-title{align-items:center;display:flex;gap:8px}.source-icon{font-size:18px}.data-source-type{background:#ffffff1a;border-radius:4px;color:var(--text-secondary);font-size:11px;font-weight:500;padding:4px 8px}.data-source-description{color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0 0 12px}.data-source-details{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.status-indicator{border-radius:10px;font-size:11px;margin-left:8px}.status-connected{background:#22c55e26}.status-error{background:#ef444426}.status-unknown{background:#ffffff1a;color:var(--text-secondary)}.status-testing{background:#3b82f626}.test-result{border-radius:8px;padding:10px 12px}.test-result.success{background:#22c55e1a;border:1px solid #22c55e33}.test-result.error{background:#ef44441a;border:1px solid #ef444433}.data-source-actions{display:flex;gap:8px}.test-button{background:#3b82f61a;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s}.test-button:hover:not(:disabled){background:#3b82f633}[data-theme=light] .data-source-card{background:#f9fafb;border-color:#e5e7eb}[data-theme=light] .data-source-card:hover{background:#f3f4f6;border-color:#d1d5db}[data-theme=light] .data-source-type{background:#0000000d}[data-theme=light] .refresh-button{background:#0000000d;border-color:#0000001a}[data-theme=light] .settings-tab:hover{background:#00000008}.header-buttons{display:flex;gap:8px}.add-source-button{border-radius:6px;font-weight:500}.add-first-source{font-weight:500;margin-top:16px}.data-source-card.disabled{opacity:.6}.data-source-card.disabled .data-source-description,.data-source-card.disabled .data-source-details{opacity:.7}.data-source-controls{align-items:center;display:flex;gap:12px}.mini-toggle{border-radius:18px;height:18px;width:32px}.mini-toggle:before{height:14px;width:14px}.enable-toggle input:checked+.mini-toggle:before{transform:translateX(14px)}.status-disabled{background:#6b728026;color:#6b7280}.edit-button{border-radius:6px;cursor:pointer;transition:all .2s}.delete-button,.edit-button{font-size:13px;font-weight:500;padding:8px 14px}.delete-button{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#ef4444}.delete-button:hover{background:#ef444433}.delete-confirm-overlay{background:#000000b3}.delete-confirm-modal{box-shadow:0 20px 40px #00000080}.delete-confirm-modal h4{margin:0 0 16px}.delete-confirm-modal p{margin:0 0 12px}[data-theme=light] .delete-confirm-modal{border-color:#ddd}[data-theme=light] .edit-button{background:#f5f5f5;border-color:#ddd}.data-source-form-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}.data-source-form{background:#1a1a1a;border:1px solid #333;border-radius:16px;box-shadow:0 20px 40px #00000080;max-height:90vh;max-width:550px;overflow-y:auto;width:100%}.form-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:20px 24px}.form-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.form-close{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:24px;line-height:1;padding:4px 8px;transition:all .2s}.form-close:hover{background:#ffffff1a;color:var(--text-primary)}.data-source-form form{padding:24px}.form-section{margin-bottom:24px}.form-section h4{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;opacity:.8;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{border:1px solid #444;padding:10px 12px}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.form-group input:disabled{cursor:not-allowed;opacity:.5}.form-group textarea{min-height:60px}.form-group select{cursor:pointer}.form-group select option{background:#1a1a1a;color:var(--text-primary)}.error-message,.hint{display:block;font-size:12px;margin-top:4px}.hint{color:var(--text-secondary);opacity:.8}.form-row{display:flex;gap:12px}.form-row .form-group{margin-bottom:16px}.flex-1{flex:1 1}.flex-2{flex:2 1}.form-toggle,.toggle-label-inline{align-items:center;display:flex}.toggle-label-inline{color:var(--text-primary);cursor:pointer;font-size:14px;gap:10px}.toggle-label-inline input[type=checkbox]{display:none}.toggle-slider-small{background:#555;border-radius:22px;height:22px;position:relative;transition:all .3s;width:40px}.toggle-slider-small:before{background:#fff;border-radius:50%;content:"";height:18px;left:2px;position:absolute;top:2px;transition:all .3s;width:18px}.toggle-label-inline input[type=checkbox]:checked+.toggle-slider-small{background:var(--primary)}.toggle-label-inline input[type=checkbox]:checked+.toggle-slider-small:before{transform:translateX(18px)}.form-actions{border-top:1px solid #333}.btn-save{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-save:hover{background:var(--primary-hover);transform:translateY(-1px)}[data-theme=light] .data-source-form{background:#fff;border-color:#ddd}[data-theme=light] .form-header{border-bottom-color:#e5e5e5}[data-theme=light] .form-group input,[data-theme=light] .form-group select,[data-theme=light] .form-group textarea{background:#f5f5f5}[data-theme=light] .form-group input:focus,[data-theme=light] .form-group select:focus,[data-theme=light] .form-group textarea:focus{background:#fff}[data-theme=light] .btn-cancel{background:#f5f5f5;border-color:#ddd}.file-upload-area{border:2px dashed #444;border-radius:8px;cursor:pointer;padding:20px;text-align:center;transition:all .2s}.file-upload-area:hover{background:#ffffff05;border-color:var(--primary)}.upload-prompt{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px}.upload-icon{font-size:32px}.upload-hint{font-size:12px;opacity:.7}.uploaded-file{align-items:center;display:flex;gap:12px;justify-content:center}.file-icon{font-size:24px}.file-name{font-family:monospace;font-weight:500}.change-file-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.change-file-btn:hover:not(:disabled){background:#ffffff26}.change-file-btn:disabled{cursor:not-allowed;opacity:.5}[data-theme=light] .file-upload-area{border-color:#ddd}[data-theme=light] .file-upload-area:hover{background:#f9f9f9}[data-theme=light] .change-file-btn{background:#f5f5f5;border-color:#ddd}@media (max-width:600px){.form-row{flex-direction:column;gap:0}.data-source-form{max-width:95vw}}.data-hub-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.data-hub-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 12px 24px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.data-hub-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:16px 20px 12px}.data-hub-header h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.data-hub-close{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:24px;padding:8px;transition:all .2s}.data-hub-close:hover{background:#ffffff1a;color:var(--text-primary)}.data-hub-tabs{background:#1a1a1a;border-bottom:1px solid #333;display:flex}.data-hub-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s}.data-hub-tab:hover{background:#ffffff0d;color:var(--text-primary)}.data-hub-tab.active{background:#667eea1a;border-bottom-color:var(--primary);color:var(--primary)}.data-hub-content{flex:1 1;min-height:200px;overflow-y:auto;padding:16px 20px 20px}.documents-tabs{display:flex;gap:8px;margin-bottom:16px}.documents-tab{background:#ffffff0d;border:1px solid #333;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.documents-tab:hover{background:#ffffff1a;color:var(--text-primary)}.documents-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.error-message{color:#ef4444}.loading-state{align-items:flex-start;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;justify-content:flex-start;padding:40px 20px}.loading-spinner{border:3px solid #333;border-top:3px solid var(--primary)}.loading-spinner.small{border-width:2px;height:20px;width:20px}.files-header{align-items:center;display:flex;justify-content:flex-end;margin-bottom:12px}.files-header h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.refresh-button{background:#667eea1a;border:1px solid #667eea33;border-radius:8px;color:var(--primary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.refresh-button:hover{background:#667eea33;border-color:#667eea4d}.refresh-button:disabled{cursor:not-allowed;opacity:.5}.empty-state{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding:40px 20px;text-align:left}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.3}.empty-state h4{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.empty-state p{color:var(--text-secondary);line-height:1.5;margin:0 0 24px;max-width:400px}.upload-first-button{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.upload-first-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.files-list{display:flex;flex-direction:column;gap:12px}.file-item{align-items:flex-start;background:#ffffff08;border:1px solid #333;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:16px;text-align:left;transition:all .2s}.file-item:hover{background:#ffffff0d;border-color:#555;transform:translateY(-1px)}.file-main-info{flex:1 1;min-width:0;overflow:hidden}.file-header{align-items:center;display:flex;gap:8px;margin-bottom:6px;text-align:left}.file-name{color:var(--text-primary);flex:1 1;font-size:16px;font-weight:600}.file-scope{background:#ffffff1a;border-radius:6px;font-size:12px;font-weight:600;padding:4px 8px;white-space:nowrap}.file-description{font-size:13px;line-height:1.3;margin-bottom:8px}.file-description,.file-meta{color:var(--text-secondary);text-align:left}.file-meta{align-items:center;display:flex;font-size:11px;gap:12px;margin-bottom:6px}.file-category{background:#ffffff1a;border-radius:4px;padding:2px 6px}.file-use-cases{background:#667eea1a;border-left:3px solid var(--primary);border-radius:6px;color:var(--text-secondary);font-size:12px;padding:8px 12px}.file-use-cases strong{color:var(--primary)}.file-actions{align-self:flex-start;display:flex;flex-shrink:0}.delete-button{align-items:center;background:none;border:1px solid #333;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;height:22px;justify-content:center;transition:all .2s;width:22px}.delete-button:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.upload-form{max-width:600px;text-align:left}.upload-form h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 16px;text-align:left}.form-group{margin-bottom:16px;text-align:left}.form-group label{font-size:13px;font-weight:600;margin-bottom:6px;text-align:left}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid #333;border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff14;border-color:var(--primary);outline:none}.form-group input:read-only,.form-group textarea:read-only{background:#ffffff05;border-color:#444;color:var(--text-secondary);cursor:not-allowed}.form-group select:disabled{background:#ffffff05;border-color:#444;color:var(--text-secondary);cursor:not-allowed;opacity:.7}.form-group textarea{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;line-height:1.5;min-height:120px;resize:vertical}.form-group small{color:var(--text-secondary);display:block;font-size:12px;margin-top:4px}.form-actions{border-top:1px solid #ffffff1a;justify-content:flex-end;padding-top:16px;text-align:left}.upload-button{align-items:center;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.upload-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.upload-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.edit-modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}.edit-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 12px 24px #0006;max-height:90vh;max-width:800px;overflow-y:auto;padding:20px;width:100%}.edit-file-info{background:#ffffff0d;border:1px solid #333;border-radius:8px;margin-bottom:24px;padding:16px}.file-scope-display{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.scope-label{color:var(--text-secondary)}.scope-label,.scope-value{font-size:14px;font-weight:600}.scope-value{background:#ffffff1a;border-radius:6px;padding:4px 8px}.file-scope-display small{color:var(--text-secondary);font-size:12px;margin-left:auto}.edit-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-button{background:none;border:1px solid #333;border-radius:8px;color:var(--text-secondary);font-size:16px;padding:12px 24px;transition:all .2s}.cancel-button:hover{background:#ffffff0d;border-color:#555;color:var(--text-primary)}.connections-tab{display:flex;flex-direction:column;gap:16px}.section-toolbar{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.section-description{color:var(--text-secondary);flex:1 1;font-size:14px;margin:0}.connections-toolbar{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.connections-description{color:var(--text-secondary);flex:1 1;font-size:14px;margin:0}.toolbar-buttons{display:flex;flex-shrink:0;gap:10px}.add-source-button{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.add-source-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.connections-loading{color:var(--text-secondary);gap:16px}.connections-empty,.connections-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.connections-empty{text-align:center}.connections-empty p{color:var(--text-secondary);font-size:15px;margin:0 0 20px}.add-first-source{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.add-first-source:hover{background:var(--primary-hover);transform:translateY(-1px)}.connections-list,.sources-list{display:flex;flex-direction:column;gap:16px}.connection-card,.source-card{background:#ffffff0d;border:1px solid #333;border-radius:12px;padding:16px;transition:all .2s}.connection-card:hover,.source-card:hover{background:#ffffff12;border-color:#444}.connection-card.disabled,.source-card.disabled{opacity:.6}.connection-header,.source-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.connection-title,.source-title{align-items:center;display:flex;gap:10px}.source-icon{background:#667eea33;border-radius:6px;color:var(--primary);font-size:14px;font-weight:700;padding:6px 10px}.source-name{color:var(--text-primary);font-size:16px;font-weight:600}.connection-controls,.source-controls{align-items:center;display:flex;gap:12px}.connection-type,.source-type{background:#ffffff1a;border-radius:4px;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px}.source-description{color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0 0 12px}.source-details{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.source-actions{border-top:1px solid #ffffff1a;display:flex;gap:8px;padding-top:12px}.action-button{border-radius:6px;font-size:13px;padding:6px 14px}.action-button.test{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.action-button.test:hover:not(:disabled){background:#3b82f64d}.action-button.test:disabled{cursor:not-allowed;opacity:.5}.action-button.edit{background:#ffffff1a;border:1px solid #fff3;color:var(--text-primary)}.action-button.edit:hover{background:#ffffff26}.action-button.delete{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.action-button.delete:hover{background:#ef444433}.toggle-slider{background:#555;border-radius:20px;display:inline-block;height:20px;position:relative;transition:all .3s;width:36px}.toggle-slider:before{background:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:all .3s;width:16px}.enable-toggle input:checked+.toggle-slider{background:var(--primary)}.enable-toggle input:checked+.toggle-slider:before{transform:translateX(16px)}.primary-button{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.primary-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.enable-toggle{align-items:center;cursor:pointer;display:flex}.enable-toggle input{display:none}.mini-toggle{background:#555;border-radius:20px;height:20px;position:relative;transition:all .3s;width:36px}.mini-toggle:before{background:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:all .3s;width:16px}.enable-toggle input:checked+.mini-toggle{background:var(--primary)}.enable-toggle input:checked+.mini-toggle:before{transform:translateX(16px)}.status-indicator{border-radius:12px;font-size:12px;font-weight:500;padding:3px 8px}.status-connected{background:#22c55e33;color:#22c55e}.status-error{background:#ef444433;color:#ef4444}.status-disabled{background:#9ca3af33;color:#9ca3af}.status-testing{background:#3b82f633;color:#3b82f6}.status-unknown{background:#9ca3af33;color:#9ca3af}.connection-description{color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0 0 12px}.connection-details{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.source-detail{display:flex;font-size:12px;gap:6px}.detail-label{color:var(--text-secondary)}.detail-value{color:var(--text-primary);font-family:monospace}.test-result{align-items:center;border-radius:6px;display:flex;font-size:13px;gap:8px;margin-bottom:12px;padding:8px 12px}.test-result.success{background:#22c55e26;color:#22c55e}.test-result.error{background:#ef444426;color:#ef4444}.test-icon{font-weight:700}.test-detail{opacity:.8}.connection-actions{border-top:1px solid #ffffff1a;display:flex;gap:8px;padding-top:12px}.edit-button,.test-button{border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s}.test-button{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.test-button:hover:not(:disabled){background:#3b82f64d}.test-button:disabled{cursor:not-allowed;opacity:.5}.edit-button{background:#ffffff1a;border:1px solid #fff3;color:var(--text-primary)}.edit-button:hover{background:#ffffff26}.connection-actions .delete-button{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;font-size:13px;font-weight:500;height:auto;padding:6px 14px;width:auto}.connection-actions .delete-button:hover{background:#ef444433}.delete-confirm-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10002}.delete-confirm-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;max-width:400px;padding:24px;width:90%}.delete-confirm-modal h4{color:var(--text-primary);font-size:18px;margin:0 0 12px}.delete-confirm-modal p{color:var(--text-secondary);font-size:14px;margin:0 0 8px}.delete-confirm-modal .warning{color:#ef4444;font-size:13px}.confirm-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn-cancel{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-cancel:hover{background:#ffffff26}.btn-delete{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-delete:hover{background:#dc2626}.excel-upload-section{display:flex;flex-direction:column;gap:20px}.excel-dropzone{background:#ffffff05;border:2px dashed #444;border-radius:12px;cursor:pointer;padding:40px 20px;text-align:center;transition:all .2s}.excel-dropzone:hover{background:#667eea0d;border-color:var(--primary)}.excel-dropzone.drag-active{background:#667eea1a;border-color:var(--primary);border-style:solid}.excel-dropzone.uploading{cursor:not-allowed;opacity:.7}.dropzone-icon{font-size:48px;margin-bottom:12px;opacity:.6}.dropzone-text{color:var(--text-primary);font-size:16px;margin:0 0 8px}.file-select-label{color:var(--primary);cursor:pointer;text-decoration:underline}.file-select-label:hover{color:var(--primary-hover)}.dropzone-hint{color:var(--text-secondary);font-size:13px}.upload-progress{align-items:center;display:flex;flex-direction:column;gap:12px}.upload-progress p{color:var(--text-secondary);margin:0}.excel-files-section{background:#ffffff08;border:1px solid #333;border-radius:12px;padding:16px}.excel-files-section h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.excel-empty-state{color:var(--text-secondary);padding:20px;text-align:center}.excel-empty-state p{margin:0 0 4px}.excel-empty-state small{opacity:.7}.excel-files-list{display:flex;flex-direction:column;gap:8px}.excel-file-item{background:#ffffff08;border:1px solid #444;border-radius:8px;overflow:hidden}.excel-file-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background .2s}.excel-file-header:hover{background:#ffffff0d}.excel-file-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.excel-file-icon{font-size:24px}.excel-file-details{flex:1 1;min-width:0}.excel-file-name{color:var(--text-primary);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.excel-file-meta{color:var(--text-secondary);font-size:12px;margin-top:2px}.excel-file-actions{align-items:center;display:flex;gap:8px}.expand-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:4px 8px;transition:color .2s}.expand-button:hover{color:var(--text-primary)}.excel-file-sheets{background:#0003;border-top:1px solid #333;padding:12px 16px}.sheets-header{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.sheet-info{background:#ffffff08;border:1px solid #444;border-radius:6px;margin-bottom:8px;padding:10px 12px}.sheet-info:last-child{margin-bottom:0}.sheet-name{color:var(--text-primary);font-size:13px;font-weight:500;margin-bottom:4px}.sheet-columns{color:var(--text-secondary);font-size:12px;line-height:1.4;margin-bottom:4px}.sheet-table-name{color:var(--text-secondary);font-size:11px}.sheet-table-name code{background:#667eea33;border-radius:4px;color:var(--primary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;padding:2px 6px}.excel-usage-info{background:#667eea1a;border:1px solid #667eea33;border-radius:12px;padding:16px}.excel-usage-info h5{color:var(--primary);font-size:14px;font-weight:600;margin:0 0 8px}.excel-usage-info p,.excel-usage-info ul{color:var(--text-secondary);font-size:13px;margin:0 0 8px}.excel-usage-info ul{padding-left:20px}.excel-usage-info li{margin-bottom:4px}.excel-usage-info small{color:var(--text-secondary);font-size:12px;opacity:.8}.excel-file-description{color:var(--text-secondary);font-size:12px;line-height:1.4;margin-top:4px}.excel-file-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.excel-tag{background:#667eea1a;border-radius:12px;color:var(--primary);font-size:10px;font-weight:500;padding:2px 8px}.excel-tag.category{background:#4caf501a;color:#4caf50}.excel-metadata-form{background:#ffffff08;border:1px solid #444;border-radius:12px;padding:20px}.excel-metadata-form h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.excel-form-actions{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:16px}.excel-edit-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}.excel-edit-form{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 12px 24px #0006;max-width:500px;padding:24px;width:100%}.excel-edit-form h4{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 20px}.excel-file-actions .edit-button{align-items:center;background:none;border:1px solid #333;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;height:22px;justify-content:center;padding:0;transition:all .2s;width:22px}.excel-file-actions .edit-button:hover{background:#667eea1a;border-color:var(--primary);color:var(--primary)}@media (max-width:768px){.data-hub-modal{margin:10px;max-width:95vw}.data-hub-content,.data-hub-header{padding:20px 24px}.files-header{align-items:flex-start;flex-direction:column;gap:16px}.file-item{flex-direction:column;gap:12px}.file-header{align-items:flex-start;flex-direction:column;gap:8px}.file-actions{align-self:stretch;justify-content:flex-end}.data-hub-tab{font-size:14px;padding:12px 16px}.upload-form{max-width:none}.form-actions{flex-direction:column}.upload-button{justify-content:center;width:100%}.connections-toolbar{flex-direction:column;gap:12px}.toolbar-buttons{justify-content:flex-end;width:100%}.connection-actions{flex-wrap:wrap}}[data-theme=light] .data-hub-modal{background:#fff;border-color:#ddd}[data-theme=light] .data-hub-header{border-bottom-color:#e5e5e5}[data-theme=light] .data-hub-tabs{background:#fff;border-bottom-color:#e5e5e5}[data-theme=light] .data-hub-tab:hover{background:#0000000d}[data-theme=light] .documents-tab{background:#0000000d;border-color:#ddd}[data-theme=light] .documents-tab:hover{background:#0000001a}[data-theme=light] .file-item{background:#00000008;border-color:#ddd}[data-theme=light] .file-item:hover{background:#0000000d;border-color:#bbb}[data-theme=light] .file-category,[data-theme=light] .file-scope{background:#0000001a}[data-theme=light] .delete-button{border-color:#ddd}[data-theme=light] .form-group input,[data-theme=light] .form-group select,[data-theme=light] .form-group textarea{background:#0000000d;border-color:#ddd}[data-theme=light] .form-group input:focus,[data-theme=light] .form-group select:focus,[data-theme=light] .form-group textarea:focus{background:#00000014}[data-theme=light] .loading-spinner{border-color:#ddd;border-top-color:var(--primary)}[data-theme=light] .form-actions{border-top-color:#e5e5e5}[data-theme=light] .edit-modal{background:#fff;border-color:#ddd}[data-theme=light] .edit-file-info{background:#00000008;border-color:#ddd}[data-theme=light] .cancel-button{border-color:#ddd}[data-theme=light] .cancel-button:hover{background:#0000000d;border-color:#bbb}[data-theme=light] .form-group input:read-only,[data-theme=light] .form-group textarea:read-only{background:#00000005;border-color:#ccc}[data-theme=light] .form-group select:disabled{background:#00000005;border-color:#ccc}[data-theme=light] .connection-card{background:#f8f9fa;border-color:#e5e5e5}[data-theme=light] .connection-card:hover{background:#f0f1f2;border-color:#d5d5d5}[data-theme=light] .refresh-button{background:#f5f5f5;border-color:#ddd}[data-theme=light] .delete-confirm-modal{background:#fff;border-color:#e5e5e5}[data-theme=light] .excel-dropzone{background:#00000005;border-color:#ccc}[data-theme=light] .excel-dropzone.drag-active,[data-theme=light] .excel-dropzone:hover{background:#667eea0d}[data-theme=light] .excel-file-item,[data-theme=light] .excel-files-section{background:#00000005;border-color:#ddd}[data-theme=light] .excel-file-header:hover{background:#0000000d}[data-theme=light] .excel-file-sheets{background:#0000000d;border-top-color:#ddd}[data-theme=light] .excel-metadata-form,[data-theme=light] .sheet-info{background:#00000005;border-color:#ddd}[data-theme=light] .excel-form-actions{border-top-color:#e5e5e5}[data-theme=light] .excel-file-actions .edit-button{border-color:#ddd}[data-theme=light] .excel-file-actions .edit-button:hover{background:#667eea1a}[data-theme=light] .excel-edit-overlay{background:#0006}[data-theme=light] .excel-edit-form{background:#fff;border-color:#ddd}.team-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.team-modal{background:#1a1a1a;background:var(--bg-secondary,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:16px;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:560px;width:100%}.team-modal-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;justify-content:space-between;padding:20px 24px}.team-modal-header h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.team-modal-close{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:28px;line-height:1;padding:4px 8px;transition:all .2s}.team-modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.team-modal-content{flex:1 1;overflow-y:auto;padding:20px 24px}.org-info{align-items:center;background:#111;background:var(--bg-primary,#111);border-radius:10px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.org-name{font-size:16px}.org-members{background:#ffffff1a;border-radius:12px;color:var(--text-secondary);font-size:13px;padding:4px 10px}.team-section{margin-bottom:24px}.team-section:last-child{margin-bottom:0}.org-switcher-section{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);padding-bottom:20px}.org-item{align-items:center;background:#111;background:var(--bg-primary,#111);border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.org-item:hover{background:#1a1a1a;background:var(--bg-hover,#1a1a1a)}.org-item.active{background:#667eea1a;border-color:#667eea;border-color:var(--accent-color,#667eea)}.org-item-icon{align-items:center;background:#667eea;background:var(--accent-color,#667eea);border-radius:10px;color:#fff;display:flex;font-size:18px;font-weight:600;height:40px;justify-content:center;width:40px}.org-item-info{flex:1 1;min-width:0}.org-item-name{color:var(--text-primary);display:block;font-size:14px;font-weight:500}.org-item-role{color:var(--text-tertiary);display:block;font-size:12px;text-transform:capitalize}.org-item-current{background:#667eea;background:var(--accent-color,#667eea);border-radius:12px;color:#fff;font-size:11px;font-weight:500;padding:4px 10px}.create-org-btn{background:#0000;border:1px dashed #333;border:1px dashed var(--border-color,#333);border-radius:10px;color:var(--text-secondary);cursor:pointer;font-size:14px;margin-top:4px;padding:12px;transition:all .2s;width:100%}.create-org-btn:hover{background:#667eea0d;border-color:#667eea;border-color:var(--accent-color,#667eea);color:#667eea;color:var(--accent-color,#667eea)}.team-section h3{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.members-list{display:flex;flex-direction:column;gap:8px}.member-item{background:#111;background:var(--bg-primary,#111);border-radius:10px;gap:12px;padding:12px}.member-avatar,.member-item{align-items:center;display:flex}.member-avatar{background:#667eea;background:var(--accent-color,#667eea);border-radius:50%;color:#fff;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.member-info{flex:1 1;min-width:0}.member-name{color:var(--text-primary);font-size:14px;font-weight:500}.member-email,.member-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-email{color:var(--text-tertiary);font-size:12px}.member-role{border-radius:6px;font-size:11px;font-weight:500;padding:4px 10px;text-transform:capitalize}.member-role.role-owner{background:#fbbf2426;color:#fbbf24}.member-role.role-admin{background:#3b82f626;color:#3b82f6}.member-role.role-member{background:#ffffff1a;color:var(--text-secondary)}.you-badge{color:var(--text-tertiary);font-size:11px;font-weight:400;margin-left:6px}.remove-member-btn{align-items:center;background:#0000;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:300;height:28px;justify-content:center;line-height:1;margin-left:8px;padding:0;transition:all .2s;width:28px}.remove-member-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef4444}.remove-member-btn:disabled{cursor:not-allowed;opacity:.5}.invite-form{margin-bottom:12px}.invite-form-row{display:flex;gap:8px}.invite-form input[type=email]{background:#111;background:var(--bg-primary,#111);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:14px;min-width:0;padding:10px 14px}.invite-form input[type=email]:focus{border-color:#667eea;border-color:var(--accent-color,#667eea);outline:none}.invite-form select{background:#111;background:var(--bg-primary,#111);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 12px}.invite-form button[type=submit]{background:#667eea;background:var(--accent-color,#667eea);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:opacity .2s;white-space:nowrap}.invite-form button[type=submit]:hover:not(:disabled){opacity:.9}.invite-form button[type=submit]:disabled{cursor:not-allowed;opacity:.5}.team-error{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444}.team-error,.team-success{font-size:13px;padding:10px 14px}.team-success{background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;color:#22c55e}.invitations-list{display:flex;flex-direction:column;gap:8px}.invitation-item{align-items:center;background:#111;background:var(--bg-primary,#111);border-radius:10px;display:flex;justify-content:space-between;padding:12px}.invitation-info{align-items:center;display:flex;gap:10px}.invitation-email{color:var(--text-primary);font-size:14px}.invitation-role{color:var(--text-tertiary);font-size:12px;text-transform:capitalize}.invitation-actions{gap:8px}.copy-link-btn,.revoke-btn{border-radius:6px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.copy-link-btn{background:#ffffff1a;border:1px solid #333;border:1px solid var(--border-color,#333);color:var(--text-primary)}.copy-link-btn:hover{background:#ffffff26}.revoke-btn{background:#0000;border:1px solid #ef44444d;color:#ef4444}.revoke-btn:hover{background:#ef44441a}.team-modal-footer{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);display:flex;justify-content:flex-end;padding:16px 24px}.done-button{background:#667eea;background:var(--accent-color,#667eea);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.done-button:hover{opacity:.9}@media (max-width:560px){.team-modal{margin:10px;max-height:95vh}.invitation-item,.invite-form-row{flex-direction:column}.invitation-item{align-items:flex-start;gap:10px}.invitation-actions{width:100%}.invitation-actions button{flex:1 1}}.dashboard-container{background:#000;display:flex;min-height:100vh;position:relative}.dashboard-main{display:flex;flex:1 1;flex-direction:column;margin-left:0;transition:margin-left .3s ease}.dashboard-main.with-sidebar{margin-left:320px}.dashboard-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 24px}.dashboard-header-left{align-items:center;display:flex;gap:16px}.dashboard-menu-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.dashboard-menu-btn:hover{background:#fff3}.dashboard-logo{align-items:center;display:flex;gap:12px}.dashboard-logo-img{height:36px;width:36px}.dashboard-title{color:#fff;font-size:20px;font-weight:600}.dashboard-header-right{align-items:center;display:flex;gap:16px}.window-counter{background:#667eea33;border-radius:20px;color:#fffc;font-size:13px;font-weight:500;padding:8px 16px}.dashboard-settings-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.dashboard-settings-btn:hover{background:#fff3}.dashboard-welcome{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px}.welcome-content{max-width:800px;text-align:center}.welcome-logo{filter:drop-shadow(0 4px 12px rgba(102,126,234,.4));height:80px;margin-bottom:24px;width:80px}.welcome-content h1{color:#fff;font-size:36px;font-weight:700;margin:0 0 12px}.welcome-subtitle{color:#ffffffb3;font-size:18px;margin:0 0 40px}.welcome-actions{margin-bottom:48px}.welcome-new-chat-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-gradient,linear-gradient(135deg,#667eea 0,#764ba2 100%));border:none;border-radius:12px;box-shadow:0 4px 20px #667eea66;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;font-weight:600;gap:12px;padding:16px 32px;transition:all .3s ease}.welcome-new-chat-btn:hover{box-shadow:0 8px 30px #667eea80;transform:translateY(-2px)}.btn-icon{font-size:24px}.welcome-hint{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-top:24px;padding:16px 24px}.welcome-hint p{color:#fff9;font-size:14px;margin:0}.hint-icon{background:#ffffff1a;border-radius:4px;display:inline-block;margin:0 4px;padding:2px 6px}.welcome-features{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.feature-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px;text-align:center;transition:all .3s ease}.feature-card:hover{background:#ffffff14;transform:translateY(-4px)}.feature-icon{display:block;font-size:36px;margin-bottom:16px}.feature-card h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.feature-card p{color:#fff9;font-size:13px;line-height:1.5;margin:0}.dashboard-footer{align-items:center;display:flex;gap:8px;justify-content:center;opacity:.5;padding:16px;transition:opacity .3s ease}.dashboard-footer:hover{opacity:1}.dashboard-footer .footer-text{color:#fff9;font-size:12px}.dashboard-footer .footer-logo-small{height:24px;width:24px}@media (max-width:1024px){.welcome-features{grid-template-columns:1fr;margin:0 auto;max-width:400px}.dashboard-main.with-sidebar{margin-left:280px}}@media (max-width:768px){.dashboard-main.with-sidebar{margin-left:0}.welcome-content h1{font-size:28px}.welcome-subtitle{font-size:16px}}[data-theme=light] .dashboard-container{background:#fff}[data-theme=light] .dashboard-header{background:#fffc;border-bottom-color:#0000001a}[data-theme=light] .dashboard-menu-btn,[data-theme=light] .dashboard-settings-btn{background:#0000000d;color:#333}[data-theme=light] .dashboard-menu-btn:hover,[data-theme=light] .dashboard-settings-btn:hover{background:#0000001a}[data-theme=light] .dashboard-title{color:#333}[data-theme=light] .window-counter{background:#667eea1a;color:#667eea}[data-theme=light] .welcome-content h1{color:#333}[data-theme=light] .welcome-subtitle{color:#666}[data-theme=light] .welcome-hint{background:#00000008;border-color:#0000001a}[data-theme=light] .welcome-hint p{color:#666}[data-theme=light] .feature-card{background:#fffc;border-color:#0000001a}[data-theme=light] .feature-card h3{color:#333}[data-theme=light] .dashboard-footer .footer-text,[data-theme=light] .feature-card p{color:#666}.bottom-right-menu{bottom:20px;position:fixed;right:20px;z-index:1000}.bottom-logo-btn{align-items:center;background:#ffffff1a;border:none;border-radius:24px;cursor:pointer;display:flex;gap:10px;padding:10px 16px;transition:all .3s ease}.bottom-logo-btn:hover{background:#ffffff26}.bottom-logo-img{height:28px;width:28px}.powered-by-text{color:#ffffffb3;font-size:13px;font-weight:500}.popup-menu{animation:popupSlideUp .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e32f2;border:1px solid #ffffff1a;border-radius:12px;bottom:50px;box-shadow:0 8px 32px #0000004d;min-width:180px;padding:8px 0;position:absolute;right:0}@keyframes popupSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.popup-menu-item{align-items:center;background:#0000;border:none;color:#ffffffe6;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:background .2s ease;width:100%}.popup-menu-item:hover{background:#ffffff1a}.popup-menu-item.logout{color:#ff6b6b}.popup-menu-item.logout:hover{background:#ff6b6b1a}.menu-icon{font-size:16px;text-align:center;width:20px}.popup-menu-divider{background:#ffffff1a;height:1px;margin:8px 0}.popup-menu-user{align-items:center;color:#ffffff80;color:var(--text-tertiary,#ffffff80);display:flex;font-size:13px;gap:12px;max-width:100%;overflow:hidden;padding:10px 16px}.popup-menu-user .menu-icon{flex-shrink:0;font-size:16px;text-align:center;width:20px}.popup-menu-user span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=light] .popup-menu{background:#fffffff2;border-color:#0000001a;box-shadow:0 8px 32px #00000026}[data-theme=light] .popup-menu-item{color:#333}[data-theme=light] .popup-menu-item:hover{background:#0000000d}[data-theme=light] .popup-menu-item.logout{color:#dc3545}[data-theme=light] .popup-menu-item.logout:hover{background:#dc35451a}[data-theme=light] .popup-menu-divider{background:#0000001a}[data-theme=light] .popup-menu-user{color:#00000080}[data-theme=light] .bottom-logo-btn{background:#0000000d}[data-theme=light] .bottom-logo-btn:hover{background:#0000001a}[data-theme=light] .powered-by-text{color:#0009}.page-content{margin:0 auto;max-width:2000px;width:98%}.page-content.chat-width-narrow{max-width:900px}.page-content.chat-width-medium{max-width:1400px}.page-content.chat-width-wide{max-width:2000px}.page-content.chat-width-superwide{max-width:100%;width:98%}.page-content.chat-width-superwide .ai-container{max-width:none;width:100%}.message.system-message{justify-content:center;margin:.5rem 0}.message.system-message .message-content{max-width:none;text-align:center}.system-message-content{background:#3b82f61a;border:1px solid #3b82f633;border-radius:16px;color:#374151;display:inline-block;font-size:.9rem;font-style:italic;padding:.5rem 1rem}.message.system-message .message-time{color:#6b7280;font-size:.75rem;margin-top:.25rem}.shared-indicator{align-self:flex-start;background:#f59e0b;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;margin-bottom:.25rem;padding:.25rem .5rem}.message.private-message{justify-content:flex-start;margin:.75rem 0}.message.private-message .message-content{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:1px solid #6366f14d;border-radius:12px;box-shadow:0 2px 8px #6366f126;color:#fff;max-width:70%;padding:1rem}.private-message-indicator{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;margin-bottom:.5rem;opacity:.9}.private-message-text{font-size:.95rem;line-height:1.5;margin-bottom:.25rem}.message.private-message .message-time{font-size:.7rem;margin-top:.25rem;opacity:.8}[data-theme=dark] .message.private-message .message-content{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:1px solid #4f46e566;box-shadow:0 2px 8px #4f46e533}.ai-container{display:flex;flex-direction:column;height:calc(100vh - 80px);margin:0 auto;max-width:1400px;padding:0;width:70%}.ai-chatbot{gap:1rem}.ai-chatbot,.chat-container{display:flex;height:100%;position:relative}.chat-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px 0 #0000001a;flex:1 1;flex-direction:column;overflow:hidden}.messages-area{background-color:var(--background);display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem}.message{animation:fadeIn .3s ease-out;display:flex;gap:.75rem}.user-message{flex-direction:row-reverse}.bot-message{flex-direction:row}.message-avatar{align-items:center;background-color:rgba(var(--primary-rgb),.1);background-color:var(--primary-light,rgba(var(--primary-rgb),.1));border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:32px;justify-content:center;width:32px}.user-message .message-avatar{background-color:#6464641a;background-color:var(--secondary-light,#6464641a)}.message-content{display:flex;flex-direction:column;gap:.25rem;max-width:92%}.user-message .message-content{align-items:flex-end}.bot-message .message-content{align-items:flex-start}.message-bubble{word-wrap:break-word;background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;box-shadow:0 4px 16px 0 #00000014;color:#333;font-family:Exo\ 2,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;font-weight:400;letter-spacing:-.01em;line-height:1.6;padding:.75rem 1rem;text-align:left}.bot-message .message-bubble,.message-bubble{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.bot-message .message-bubble{background:#fff3;border:1px solid #ffffff4d;color:#1a1a1a}.user-message .message-bubble,[data-theme=dark] .bot-message .message-bubble{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1a1a1acc;border:1px solid #33333380;color:#fff}[data-theme=dark] .user-message .message-bubble{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff3;border:1px solid #e0e0e04d;color:#1a1a1a}.message-bubble .tool-call-content{color:#96969659;font-size:.85rem;opacity:.6}.message-bubble .tool-executing{color:#968c8266;font-size:.8rem}.tool-call-inline{color:#9696a059;display:inline-block;font-size:.8rem;font-weight:300;letter-spacing:-.02em;line-height:1.4;opacity:.5;padding:0 .2rem}.tool-call-inline:before{content:"";display:inline-block;width:.5rem}[data-theme=dark] .tool-call-inline{color:#7878824d;opacity:.4}.bot-message.error .message-bubble{background-color:#fff5f5;border-color:#feb2b2;color:#c53030}[data-theme=dark] .bot-message.error .message-bubble{background-color:#feb2b21a;border-color:#feb2b24d;color:#fc8181}.message-time{color:#666;color:var(--text-secondary,#666);font-size:.75rem;padding:0 .5rem}.typing-indicator{gap:.25rem;padding:1rem}.typing-indicator span{animation:typing 1.4s infinite;background-color:#666;background-color:var(--text-secondary,#666);border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.tools-indicator{background:rgba(59,130,246,.005);border:1px solid #3b82f608;color:#96969666;color:rgba(var(--text-rgb,150,150,150),.4);opacity:.25;padding:.3rem .5rem}.typing-indicator-small{display:flex;gap:.25rem;justify-content:center;margin-bottom:.5rem}.typing-indicator-small span{animation:typing 1.4s infinite;background-color:var(--text-secondary);border-radius:50%;height:5px;opacity:.4;width:5px}.typing-indicator-small span:nth-child(2){animation-delay:.2s}.typing-indicator-small span:nth-child(3){animation-delay:.4s}.tools-status{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.tools-label{color:#96969659;color:rgba(var(--text-rgb,150,150,150),.35);font-size:.65rem;font-weight:300;opacity:.4}.tools-list{display:flex;flex-wrap:wrap;gap:.5rem}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.scroll-to-bottom-btn{align-items:center;animation:fadeIn .3s ease forwards;background:var(--primary);border:2px solid var(--border);border-radius:50%;bottom:120px;box-shadow:0 2px 8px #0003;color:var(--bg-primary);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;left:calc(50% - 20px);position:absolute;transition:background .3s ease,box-shadow .3s ease,transform .3s ease;width:40px;z-index:100}.scroll-to-bottom-btn:hover{background:var(--info);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.input-area{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border-top:1px solid #fff3;padding:1rem}.action-buttons{display:flex;gap:.5rem;justify-content:center;margin-top:.75rem}.action-button{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #fff3;border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.action-button:hover{background-color:var(--surface-hover);border-color:var(--primary);color:var(--text-primary)}.input-container{align-items:flex-end;display:flex;gap:.75rem}.chat-container .message-input{background-color:#fff;border:1px solid #ddd;border-radius:24px;color:#1a1a1a;flex:1 1;font-family:Exo\ 2,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;letter-spacing:-.01em;line-height:1.5;max-height:120px;min-height:48px;padding:.75rem 1rem;resize:none}.chat-container .message-input::placeholder{color:#999}.chat-container .message-input:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;color:#1a1a1a;outline:none}.chat-container .message-input:disabled{background-color:#f5f5f5;color:#666;cursor:not-allowed;opacity:.6}.send-button{align-items:center;background-color:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:44px;justify-content:center;min-width:44px;padding:.75rem 1rem;transition:all .2s}.send-button:hover:not(:disabled){background-color:#2d3748;background-color:var(--primary-dark,#2d3748);transform:scale(1.05)}.send-button:disabled{cursor:not-allowed;opacity:.5}.input-hint{color:#666;color:var(--text-secondary,#666);font-size:.75rem;margin-top:.5rem;text-align:center}.chat-sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-left:1px solid #0000001a;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;gap:1.5rem;height:100vh;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:380px;z-index:1000}.chat-sidebar.open{transform:translateX(0)}.sidebar-section{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 16px 0 #0000001a;padding:1rem}.sidebar-section h3{color:var(--primary);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.quick-actions{display:flex;flex-direction:column;gap:.5rem}.quick-action-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem;text-align:left;transition:all .2s}.quick-action-btn:hover{background-color:var(--hover);border-color:var(--primary);transform:translateX(2px)}.prompt-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.prompt-list li{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:.85rem;padding:.5rem;text-align:left;transition:all .2s}.prompt-list li:hover{background-color:var(--hover);color:var(--text);transform:translateX(2px)}.chat-stats{display:flex;flex-direction:column;gap:.75rem}.stat{font-size:.9rem;justify-content:space-between}.stat-label{color:#666;color:var(--text-secondary,#666)}.stat-value{color:var(--text)}.messages-area::-webkit-scrollbar{width:8px}.messages-area::-webkit-scrollbar-track{background:var(--background);border-radius:4px}.messages-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.messages-area::-webkit-scrollbar-thumb:hover{background:#666;background:var(--text-secondary,#666)}.drawer-overlay{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0000004d;bottom:0;cursor:pointer;left:0;position:fixed;right:0;top:0;z-index:900}[data-theme=dark] .chat-sidebar{background:#1a1a1af2;border-left:1px solid #ffffff1a}@media (max-width:1024px){.chat-sidebar{width:320px}.ai-chatbot{gap:0}}@media (max-width:768px){.ai-container{width:95%}.chat-sidebar{width:300px}.message-content{max-width:90%}.messages-area{padding:1rem}.input-area{padding:.75rem}.message-input{font-size:.9rem;padding:.6rem}.send-button{font-size:1rem;padding:.6rem .8rem}}@media (max-width:480px){.ai-container{width:98%}.chat-sidebar{width:90vw}}[data-theme=dark] .message-bubble{background-color:#2d3748;border-color:#4a5568}[data-theme=dark] .user-message .message-bubble{background-color:#4299e1}[data-theme=dark] .messages-area{background-color:#000}[data-theme=dark] .input-area{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1a1a1a80}[data-theme=dark] .chat-container .message-input{background-color:#1a1a1a;border-color:#333;color:#fff}[data-theme=dark] .chat-container .message-input::placeholder{color:#666}[data-theme=dark] .quick-action-btn{border:1px solid #4a556866}[data-theme=dark] .prompt-list li,[data-theme=dark] .quick-action-btn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1a202c99}[data-theme=dark] .prompt-list li{border:1px solid #4a55684d}.message-bubble h1,.message-bubble h2,.message-bubble h3,.message-bubble h4,.message-bubble h5,.message-bubble h6{color:inherit;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;letter-spacing:-.02em;margin:.5rem 0}.message-bubble h1{font-size:1.1em}.message-bubble h2{font-size:1.05em}.message-bubble h3,.message-bubble h4,.message-bubble h5,.message-bubble h6{font-size:1em}.message-bubble p{font-family:inherit;line-height:1.6;margin:.5rem 0}.message-bubble ol,.message-bubble ul{font-family:inherit;margin:.5rem 0;padding-left:1.5rem}.message-bubble li{font-family:inherit;line-height:1.6;margin:.25rem 0}.message-bubble code{background-color:#0000001a;border-radius:3px;font-family:Monaco,Consolas,Courier New,monospace;font-size:.9em;padding:2px 4px}.message-bubble pre{background-color:#0000001a;border-radius:6px;margin:.5rem 0;overflow-x:auto;padding:.75rem}.message-bubble pre code{background:none;padding:0}.message-bubble blockquote{border-left:3px solid var(--primary);margin:.5rem 0;opacity:.8;padding-left:1rem}.message-bubble strong{font-weight:600}.message-bubble em{font-style:italic}[data-theme=dark] .message-bubble code,[data-theme=dark] .message-bubble pre{background-color:#ffffff1a}.message-bubble table{border:1px solid var(--border);border-collapse:collapse;border-radius:6px;font-size:.9em;margin:.5rem 0;overflow:hidden;width:100%}.message-bubble thead{color:#fff}.message-bubble thead,[data-theme=dark] .message-bubble thead{background-color:var(--primary)}.message-bubble td,.message-bubble th{border-bottom:1px solid var(--border);padding:.5rem .75rem;text-align:left}.message-bubble th{border-bottom:2px solid #ffffff4d;font-weight:600}.message-bubble tbody tr:nth-child(2n){background-color:#00000008}[data-theme=dark] .message-bubble tbody tr:nth-child(2n){background-color:#ffffff0d}.message-bubble tbody tr:hover{background-color:#0000000d}[data-theme=dark] .message-bubble tbody tr:hover{background-color:#ffffff14}.message-bubble tbody tr:last-child td{border-bottom:none}.message-bubble del{opacity:.7;text-decoration:line-through}.message-bubble input[type=checkbox]{margin-right:.5rem}.message-bubble>:first-child{margin-top:0}.message-bubble>:last-child{margin-bottom:0}.chat-actions{align-items:center;display:flex;gap:.5rem}.artifacts-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.artifacts-modal{animation:slideUp .3s ease-out;background-color:var(--bg-primary);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:90vh;max-width:1200px;overflow:hidden;width:90%}.artifacts-modal-header{align-items:center;background-color:var(--background);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem 1.5rem}.artifacts-modal-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.artifacts-modal-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.close-artifacts{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;padding:.25rem .5rem;transition:all .2s}.close-artifacts:hover{background-color:var(--hover);color:var(--text-primary)}.artifacts-modal-controls{align-items:center;display:flex;gap:.5rem}.fullscreen-artifacts{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;padding:.25rem .5rem;transition:all .2s}.fullscreen-artifacts:hover{background-color:var(--hover);color:var(--text-primary)}.artifacts-modal-overlay.fullscreen{background-color:#000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.artifacts-modal.fullscreen{border:none;border-radius:0;height:100vh;margin:0;max-height:none;max-width:none;width:100vw}.artifacts-modal.fullscreen .artifact-toolbar,.artifacts-modal.fullscreen .artifacts-modal-header,.artifacts-modal.fullscreen .artifacts-tabs{display:none}.artifacts-modal.fullscreen .artifacts-modal-body{height:100vh;padding:0}.artifacts-modal.fullscreen .artifact-content{display:flex;flex-direction:column;height:100vh}.artifacts-modal.fullscreen .artifact-preview{flex:1 1;height:100vh}.artifacts-modal.fullscreen .artifact-code,.artifacts-modal.fullscreen .artifact-iframe{border:none;border-radius:0;height:100vh!important;margin:0;padding:0;width:100vw!important}.artifact-maximized .inline-react-container,.artifact-maximized .react-artifact-container{height:100%!important;max-height:none!important;overflow:auto!important}.artifacts-tabs{-webkit-overflow-scrolling:touch;background-color:var(--background);border-bottom:1px solid var(--border);display:flex;gap:.5rem;overflow-x:auto;padding:.75rem;scroll-behavior:smooth;scrollbar-color:var(--primary) var(--background);scrollbar-width:thin}.artifacts-tabs::-webkit-scrollbar{height:8px}.artifacts-tabs::-webkit-scrollbar-track{background:var(--background);border-radius:4px}.artifacts-tabs::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.artifacts-tabs::-webkit-scrollbar-thumb:hover{background:#2d3748;background:var(--primary-dark,#2d3748)}.artifact-tab{align-items:center;background-color:#0000004d;border:2px solid #fff6;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;min-width:-webkit-fit-content;min-width:fit-content;padding:.5rem 1rem;text-shadow:0 1px 2px #00000080;transition:all .2s;white-space:nowrap}.artifact-tab,.artifact-tab *,.artifact-tab:hover{color:#fff!important}.artifact-tab:hover{background-color:#00000080;border-color:var(--primary);transform:translateY(-1px)}.artifact-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-gradient,linear-gradient(135deg,#667eea 0,#764ba2 100%));border-color:#667eea;box-shadow:0 4px 12px #667eea99;color:#fff;font-weight:600;transform:scale(1.05)}.artifact-tab.active *{color:#fff!important}[data-theme=dark] .artifact-tab{background-color:#ffffff26;border-color:#ffffff4d;color:#fff!important}[data-theme=dark] .artifact-tab:hover{background-color:#ffffff40;color:#fff!important}.artifact-lang{background-color:#0000001a;border-radius:3px;color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .375rem;text-transform:uppercase}.artifact-tab.active .artifact-lang{background-color:#fff3;color:#fff}.artifact-index{color:#fff;font-size:.75rem;opacity:.7}.artifact-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.artifact-toolbar{align-items:center;background-color:var(--background);border-bottom:1px solid var(--border);display:flex;gap:1rem;justify-content:space-between;padding:.75rem 1rem}.artifact-title{flex:1 1;font-weight:500}.open-new-tab-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-gradient,linear-gradient(135deg,#667eea 0,#764ba2 100%));border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.open-new-tab-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.open-new-tab-btn:active{transform:translateY(0)}[data-theme=dark] .open-new-tab-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-gradient,linear-gradient(135deg,#667eea 0,#764ba2 100%));color:var(--text-primary)}.copy-code-btn{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:.875rem;padding:.375rem .75rem;transition:all .2s}.copy-code-btn:hover{background-color:var(--primary);border-color:var(--primary);color:#fff}.artifact-preview{background-color:var(--background);flex:1 1;min-height:0;overflow:hidden}.artifact-iframe{background-color:#fff;border:none;height:100%;width:100%}.react-artifact-container{background:#fff;border-radius:8px;max-height:600px;min-height:200px;overflow:auto;width:100%}.artifact-code{background-color:var(--bg-primary);color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;height:100%;line-height:1.5;margin:0;max-height:100%;overflow-x:auto;overflow-y:auto;padding:1rem;white-space:pre}.artifact-code code{background:none;border-radius:0;padding:0}@media (max-width:768px){.artifacts-modal{height:90vh;width:95%}.artifacts-tabs{flex-wrap:wrap}.artifact-tab{font-size:.875rem;padding:.375rem .75rem}}.tool-badge-active{align-items:center;animation:slideIn .2s ease-out,activePulse 5s ease-in-out infinite;background:#ff980008;border-radius:4px;color:#c8966459;display:inline-flex;font-size:.6rem;font-weight:300;gap:.15rem;opacity:.25;padding:.1rem .4rem}@keyframes activePulse{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.2;transform:scale(1.002)}}.thinking-process{background:#9c27b003;border-left:1px solid #9c27b026;border-radius:4px;margin-bottom:.5rem;opacity:.45;padding:.4rem .6rem}.thinking-header{color:#9c27b080;font-size:.7rem;font-weight:400;margin-bottom:.25rem}.thinking-steps{color:var(--text-secondary);font-size:.65rem;opacity:.5}.thinking-step{line-height:1.4;margin:.25rem 0;padding-left:1.5rem;position:relative}.step-number{color:#9c27b0;font-weight:600;left:0;position:absolute}.thinking-process-live{background:#0000;border-left:1px solid #c8966414;border-radius:2px;margin-bottom:.3rem;opacity:.25;padding:.25rem .4rem}.thinking-header-live{color:#b48c644d;font-size:.6rem;font-weight:300;margin-bottom:.15rem}.thinking-step-live{animation:fadeInSlide .3s ease-out;color:#96969640;color:rgba(var(--text-rgb,150,150,150),.25);font-size:.55rem;margin:.1rem 0;opacity:.3;padding-left:.3rem}@keyframes fadeInSlide{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.inline-thinking{background:#00000005;border-left:4px solid #9696964d;border-radius:2px;color:var(--text-primary);display:block;font-size:.95em;font-style:normal;margin:.5rem 0;opacity:.85;padding:.75rem 1rem}[data-theme=dark] .inline-thinking{background:#ffffff08;border-left-color:#c8c8c84d}.message-content .tool-inline-text{color:#64646499!important;display:block;font-size:.85em;font-style:italic;margin:6px 0 12px}.message-content .tool-inline-text:last-child{margin-bottom:16px}[data-theme=dark] .message-content .tool-inline-text{color:#b4b4b466!important}.processing-dots{display:inline-block;margin-left:2px}.processing-dots span{animation:dotFlashing 1.4s infinite;display:inline-block}.processing-dots span:first-child{animation-delay:0s}.processing-dots span:nth-child(2){animation-delay:.2s}.processing-dots span:nth-child(3){animation-delay:.4s}@keyframes dotFlashing{0%,80%,to{opacity:0}40%{opacity:1}}@media (prefers-color-scheme:dark){.thinking-process,.thinking-process-live,.tools-used{background:#ffffff05}.tool-input{opacity:.7}}.token-indicator{align-items:center;background-color:var(--background);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);display:inline-flex;font-size:.85rem;margin-left:auto;opacity:.8;padding:.5rem .75rem}.token-indicator:hover{background-color:var(--surface-hover);opacity:1}.footer-branding{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #0000000d;display:flex;gap:8px;opacity:.3;padding:8px 12px;position:fixed;right:20px;transition:opacity .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease;z-index:10}.footer-logo{filter:brightness(.7);height:24px;transition:filter .3s ease;width:auto}.footer-text{color:var(--text-secondary);font-size:10px;font-style:italic}.footer-logo-small{filter:brightness(.7);height:20px;transition:filter .3s ease;width:auto}.footer-branding:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 4px 16px #00000026;opacity:1}.footer-branding:hover .footer-logo,.footer-branding:hover .footer-logo-small{filter:brightness(1.2)}.footer-connection-status{align-items:center;display:flex;margin-right:4px}.footer-status-dot{border-radius:50%;height:6px;transition:all .2s ease;width:6px}.footer-status-dot.connected{animation:pulse-subtle 2s infinite;background:#10b981}.footer-status-dot.connecting{animation:pulse-fast 1s infinite;background:#f59e0b}.footer-status-dot.reconnecting{animation:pulse-urgent .8s infinite;background:#f97316}.footer-status-dot.disconnected{background:#6b7280;cursor:pointer;opacity:.6}.footer-status-dot.disconnected:hover{opacity:1;transform:scale(1.3)}[data-theme=dark] .footer-branding{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1a1a1a80;border:1px solid #ffffff0d}[data-theme=dark] .footer-branding:hover{background:#1a1a1ae6;border-color:#fff3}[data-theme=dark] .footer-status-dot.connected{background:#10b981}[data-theme=dark] .footer-status-dot.connecting{background:#f59e0b}[data-theme=dark] .footer-status-dot.reconnecting{background:#f97316}[data-theme=dark] .footer-status-dot.disconnected{background:#9ca3af}.typing-indicator{align-items:center;display:flex;gap:6px;min-width:60px;padding:12px 16px}.typing-dot{animation:typing-bounce 1.4s ease-in-out infinite both;background-color:#007bff;background-color:var(--primary-color,#007bff);border-radius:50%;height:8px;width:8px}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}[data-theme=dark] .typing-dot{background-color:#4a90e2}.typing-indicators{margin:.5rem 0}.user-typing-message{display:flex;justify-content:flex-start;margin:.25rem 0}.user-typing-message .message-content{background:#3b82f614;border:1px solid #3b82f633;border-radius:12px;max-width:300px;padding:.5rem .75rem}.user-typing-indicator{align-items:center;color:#6b7280;display:flex;font-size:.875rem;font-style:italic;gap:.5rem}.typing-user-name{color:#374151;font-weight:500}.typing-dots{align-items:center;display:flex;gap:2px}.typing-dots .typing-dot{background-color:#6b7280;height:4px;width:4px}[data-theme=dark] .user-typing-message .message-content{background:#3b82f626;border-color:#3b82f64d}[data-theme=dark] .user-typing-indicator{color:#d1d5db}[data-theme=dark] .typing-user-name{color:#f3f4f6}[data-theme=dark] .typing-dots .typing-dot{background-color:#9ca3af}.html-loading-status{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border:1px solid #3b82f64d;border-radius:8px;margin:.5rem 0;padding:1rem}.status-bar{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.status-icon{animation:spin 1s linear infinite;display:inline-block;font-size:1.2rem}.status-text{color:var(--text-color);flex:1 1;font-weight:500}.status-info{color:var(--text-secondary);font-size:.9rem}.status-progress{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.progress-bar{animation:loading 2s ease-in-out infinite;background:linear-gradient(90deg,#3b82f6,#9333ea);width:0}@keyframes loading{0%{width:0}50%{width:70%}to{width:100%}}[data-theme=dark] .html-loading-status{background:linear-gradient(135deg,#3b82f626,#9333ea26);border-color:#3b82f666}.action-buttons .connection-status{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;margin-right:6px;padding:4px 8px;transition:all .2s ease}.action-buttons .connection-status.connected{background:#10b98126;border:1px solid #10b9814d;color:#059669}.action-buttons .connection-status.connecting{background:#f59e0b26;border:1px solid #f59e0b4d;color:#d97706}.action-buttons .connection-status.reconnecting{background:#fb923c26;border:1px solid #fb923c4d;color:#ea580c}.action-buttons .connection-status.connect-btn{background:#10b9811a;border:1px solid #10b9814d;color:#059669;cursor:pointer}.action-buttons .connection-status.connect-btn:hover{background:#10b98133;border-color:#10b98166;color:#047857;transform:scale(1.05)}.action-buttons .participant-avatars{align-items:center;border-radius:20px;cursor:pointer;display:flex;gap:-2px;margin-right:8px;padding:2px;transition:all .2s ease}.action-buttons .participant-avatars:hover{transform:scale(1.05)}.action-buttons .participant-avatar-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-gradient,linear-gradient(135deg,#667eea 0,#764ba2 100%));border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:600;height:24px;justify-content:center;margin-left:-2px;position:relative;text-transform:uppercase;transition:all .2s ease;width:24px;z-index:1}.action-buttons .participant-avatar-small:first-child{margin-left:0}.action-buttons .participant-avatar-small:hover{box-shadow:0 2px 8px #0003;transform:scale(1.1);z-index:10}.action-buttons .participant-count-badge{align-items:center;background:#6b7280e6;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:9px;font-weight:600;height:24px;justify-content:center;margin-left:-2px;transition:all .2s ease;width:24px}.action-buttons .participant-count-badge:hover{background:#6b7280;transform:scale(1.1)}[data-theme=dark] .action-buttons .connection-status.connected{background:#22c55e26;border-color:#22c55e4d;color:#4ade80}[data-theme=dark] .action-buttons .connection-status.connecting{background:#f59e0b26;border-color:#f59e0b4d;color:#fbbf24}[data-theme=dark] .action-buttons .connection-status.reconnecting{background:#fb923c26;border-color:#fb923c4d;color:#fb923c}[data-theme=dark] .action-buttons .connection-status.connect-btn{background:#22c55e1a;border-color:#22c55e4d;color:#4ade80}[data-theme=dark] .action-buttons .connection-status.connect-btn:hover{background:#22c55e33}.inline-artifact{background:#2a2a2a;border:1px solid #444;border-radius:8px;margin:16px 0;outline:none;overflow:hidden;pointer-events:auto}.inline-artifact-header{align-items:center;background:#333;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:8px 12px}.artifact-info{align-items:center;display:flex;gap:8px}.artifact-language{background:#007acc;font-size:.75em;font-weight:700;padding:2px 6px}.artifact-title{color:#ccc;font-size:.85em}.artifact-controls{gap:4px}.artifact-control-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;min-width:28px;opacity:.9;padding:6px 8px;transition:all .2s}.artifact-control-btn:hover{background:#fff3;border-color:#fff6;opacity:1;transform:scale(1.05)}.inline-artifact-content{padding:0}.artifact-preview{background:#fff;color:#000;min-height:100px}.artifact-code-view{background:#1e1e1e;color:#d4d4d4;font-family:Courier New,Consolas,monospace;font-size:.85em;margin:0;overflow-x:auto;padding:16px}.inline-html-container{min-height:200px;pointer-events:auto;position:relative;width:100%}.inline-html-iframe{background:#fff;border:none;height:300px;pointer-events:auto;width:100%}.inline-html-container:not(:hover) .inline-html-iframe{pointer-events:none}.inline-html-container:hover .inline-html-iframe{pointer-events:auto}.inline-react-container{background:#fff;color:#000;min-height:100px;overflow:visible;padding:16px;pointer-events:auto}.inline-css-container{background:#f8f8f8;border:1px dashed #ccc;padding:16px}.css-preview-notice{color:#666;font-style:italic}.inline-svg-container{background:#fff;padding:16px;text-align:center}.inline-svg-container svg{height:auto;max-width:100%}.light-theme .inline-artifact{background:#f8f8f8;border-color:#ddd}.light-theme .inline-artifact-header{background:#eee;border-bottom-color:#ddd}.light-theme .artifact-control-btn{background:#0000000d;border:1px solid #00000026;color:#333}.light-theme .artifact-control-btn:hover{background:#0000001a;border-color:#00000040}.light-theme .artifact-code-view{background:#f5f5f5;color:#333}[data-theme=dark] .action-buttons .participant-avatar-small,[data-theme=dark] .action-buttons .participant-count-badge{border-color:#1a1a1a}.message.realtime-streaming{border-left:3px solid #10b981;opacity:.95}.realtime-streaming .message-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:0 1rem}.realtime-streaming .message-name{color:#10b981;font-size:.9rem;font-weight:600}.streaming-indicator{animation:pulse 1.5s infinite;color:#f59e0b;font-size:.8rem;font-weight:500}.streaming-content{padding-right:.5rem;position:relative}.streaming-cursor{animation:blink 1s infinite;color:#10b981;font-weight:700}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}[data-theme=dark] .message.realtime-streaming{border-left-color:#34d399}[data-theme=dark] .realtime-streaming .message-name,[data-theme=dark] .streaming-cursor{color:#34d399}.artifact-maximized{background:#fff!important;border-radius:0!important;bottom:0!important;display:flex!important;flex-direction:column!important;height:100vh!important;left:0!important;margin:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:10000!important}.artifact-maximized .inline-artifact-header{background:#333!important;border-bottom:2px solid #444;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10001}.artifact-maximized .inline-artifact-content{flex:1 1;height:calc(100vh - 80px);overflow:auto}.artifact-maximized .artifact-preview{height:100%;min-height:calc(100vh - 80px)}.artifact-maximized .inline-html-iframe{height:100%!important;min-height:calc(100vh - 80px)!important;width:100%!important}.artifact-maximized .inline-css-container,.artifact-maximized .inline-react-container,.artifact-maximized .inline-svg-container{height:100%;min-height:calc(100vh - 80px)}.light-theme .artifact-maximized .inline-artifact-header{background:#eee!important;border-bottom-color:#ddd}[data-theme=dark] .artifact-maximized{background:#1f2937!important}[data-theme=dark] .artifact-maximized .inline-artifact-header{background:#374151!important;border-bottom-color:#4b5563}.shared-conversation-header{background:#1a1a1a;border-bottom:1px solid #ffffff1a;border-radius:16px 16px 0 0;color:#fff;padding:16px 24px}.shared-conversation-header .header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.shared-conversation-header .nav-section{align-items:center;display:flex}.shared-conversation-header .logo-container{align-items:center;display:flex;gap:8px}.shared-conversation-header .main-logo{height:28px;width:auto}.shared-badge{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-gradient,linear-gradient(135deg,#667eea 0,#764ba2 100%));border-radius:12px;color:#fff;font-family:Exo\ 2,sans-serif;font-size:.8rem;font-weight:500;padding:6px 12px}.shared-conversation-meta{margin-top:8px}.shared-conversation-title{color:#fff;font-family:Exo\ 2,sans-serif;font-size:1.3rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:0 0 8px}.shared-date{color:#ffffffb3;font-family:Exo\ 2,sans-serif;font-size:.85rem;font-weight:400}.shared-footer-actions{align-items:center;background:#ffffff0d;border-radius:0 0 16px 16px;border-top:1px solid #ffffff1a;display:flex;gap:16px;padding:16px 24px}.shared-footer-actions .shared-disclaimer{color:#ffffffb3;font-family:Exo\ 2,sans-serif;font-size:.8rem;margin-left:auto}.input-area textarea:disabled{background-color:#f5f5f5!important;color:#666!important;cursor:not-allowed}.input-area button:disabled{cursor:not-allowed;opacity:.5!important}.artifacts-modal-overlay{background-color:#000c!important}.artifacts-modal{box-shadow:0 25px 50px -12px #00000080!important}@media (max-width:768px){.shared-conversation-header{padding:12px 16px}.shared-conversation-header .header-content{align-items:flex-start;flex-direction:column;gap:8px}.shared-conversation-title{font-size:1.1rem}.shared-badge{font-size:.75rem;padding:4px 8px}}@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_AMS-Regular.73ea273a72f4aca30ca5.woff2) format("woff2"),url(/static/media/KaTeX_AMS-Regular.d562e886c52f12660a41.woff) format("woff"),url(/static/media/KaTeX_AMS-Regular.853be92419a6c3766b9a.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Caligraphic-Bold.a1abf90dfd72792a577a.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Bold.d757c535a2e5902f1325.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Bold.7489a2fbfb9bfe704420.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Caligraphic-Regular.d6484fce1ef428d5bd94.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Regular.db074fa22cf224af93d7.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Regular.7e873d3833eb108a0758.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Fraktur-Bold.931d67ea207ab37ee693.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Bold.354501bac435c3264834.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Bold.4c761b3711973ab04edf.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Fraktur-Regular.172d3529b26f8cedef6b.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Regular.6fdf0ac577be0ba82a4c.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Regular.ed305b5434865e06ffde.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Main-Bold.39890742bc957b368704.woff2) format("woff2"),url(/static/media/KaTeX_Main-Bold.0c3b8929d377c0e9b2f3.woff) format("woff"),url(/static/media/KaTeX_Main-Bold.8169508bf58f8bd92ad8.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Main-BoldItalic.20f389c4120be058d80a.woff2) format("woff2"),url(/static/media/KaTeX_Main-BoldItalic.428978dc7837d46de091.woff) format("woff"),url(/static/media/KaTeX_Main-BoldItalic.828abcb200061cffbaae.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Main-Italic.fe2176f79edaa716e621.woff2) format("woff2"),url(/static/media/KaTeX_Main-Italic.fd947498bc16392e76c2.woff) format("woff"),url(/static/media/KaTeX_Main-Italic.fa675e5e4bec9eb250b6.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Main-Regular.f650f111a3b890d116f1.woff2) format("woff2"),url(/static/media/KaTeX_Main-Regular.4f35fbcc9ee8614c2bcc.woff) format("woff"),url(/static/media/KaTeX_Main-Regular.9eba1d77abcf2aa6e94e.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Math-BoldItalic.dcbcbd93bac0470b462d.woff2) format("woff2"),url(/static/media/KaTeX_Math-BoldItalic.3f07ed67f06c720120ce.woff) format("woff"),url(/static/media/KaTeX_Math-BoldItalic.bf2d440b3a42ea78a998.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Math-Italic.6d3d25f4820d0da8f01f.woff2) format("woff2"),url(/static/media/KaTeX_Math-Italic.96759856b4e70f3a8338.woff) format("woff"),url(/static/media/KaTeX_Math-Italic.8a5f936332e8028c7278.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/static/media/KaTeX_SansSerif-Bold.95591a929f0d32aa282a.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Bold.b9cd458ac6d5889ff9c3.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Bold.5b49f4993ae22d7975b4.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Italic.7d393d382f3e7fb1c637.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Italic.8d593cfaa96238d5e2f8.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Italic.b257a18c016f37ee4543.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Regular.cd5e231e0cc53b2cb2c0.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Regular.02271ec5cb9f5b4588ac.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Regular.2f7bc363fc5424ebda59.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Script-Regular.c81d1b2a4b75d3eded60.woff2) format("woff2"),url(/static/media/KaTeX_Script-Regular.073b3402d036714b4370.woff) format("woff"),url(/static/media/KaTeX_Script-Regular.fc9ba5249878cd8f8d88.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size1-Regular.6eec866c69313624be60.woff2) format("woff2"),url(/static/media/KaTeX_Size1-Regular.0108e89c9003e8c14ea3.woff) format("woff"),url(/static/media/KaTeX_Size1-Regular.6de7d4b539221a49e9e2.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size2-Regular.2960900c4f271311eb36.woff2) format("woff2"),url(/static/media/KaTeX_Size2-Regular.3a99e70aee4076660d38.woff) format("woff"),url(/static/media/KaTeX_Size2-Regular.57f5c1837853986ea1db.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size3-Regular.e1951519f6f0596f7356.woff2) format("woff2"),url(/static/media/KaTeX_Size3-Regular.7947224e8a9914fa332b.woff) format("woff"),url(/static/media/KaTeX_Size3-Regular.8d6b6822586eea3d3b20.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size4-Regular.e418bf257af1052628d8.woff2) format("woff2"),url(/static/media/KaTeX_Size4-Regular.aeffd8025cba3647f1a6.woff) format("woff"),url(/static/media/KaTeX_Size4-Regular.4ad7c7e8bb8d10a34bb7.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Typewriter-Regular.c295e7f71970f03c0549.woff2) format("woff2"),url(/static/media/KaTeX_Typewriter-Regular.4c6b94fd1d07f8beff7c.woff) format("woff"),url(/static/media/KaTeX_Typewriter-Regular.c5c02d763c89380dcb4e.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.22"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.shared-artifact-viewer{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:flex;flex-direction:column;min-height:100vh}.shared-artifact-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{border:4px solid #e5e7eb;margin-bottom:20px}.shared-artifact-loading p{font-size:16px;margin:0}.shared-artifact-error{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}.error-icon{font-size:64px;margin-bottom:20px}.shared-artifact-error h2{color:#374151;font-size:24px;margin:0 0 16px}.shared-artifact-error p{color:#6b7280;font-size:16px;margin:0 0 24px;max-width:500px}.retry-button{background:#3b82f6;border-radius:8px;font-size:16px;padding:12px 24px;transition:background-color .2s ease}.retry-button:hover{background:#2563eb}.shared-artifact-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px 32px}.artifact-info h1.artifact-title{color:#111827;font-size:28px;font-weight:700;margin:0 0 8px}.artifact-meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.artifact-language{background:#3b82f6;border-radius:16px;color:#fff;font-weight:600;padding:4px 12px;text-transform:uppercase}.artifact-date{color:#6b7280;font-size:14px}.artifact-controls{display:flex;flex-wrap:wrap;gap:12px}.control-button{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.control-button:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6}.shared-artifact-content{flex:1 1;max-width:100%;overflow:hidden;padding:24px 32px}.shared-html-container{border-radius:12px;box-shadow:0 4px 6px #0000001a;height:calc(100vh - 200px);overflow:hidden;width:100%}.shared-html-iframe{background:#fff;border:none;height:100%;width:100%}.shared-react-container{min-height:400px;padding:24px}.shared-css-container,.shared-react-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.shared-css-container{overflow:hidden}.css-preview-notice{background:#f0f9ff;border-bottom:1px solid #e0f2fe;color:#0369a1;font-weight:500;padding:16px;text-align:center}.css-code-display{padding:24px}.css-code-display pre{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin:0;overflow-x:auto;padding:20px}.css-code-display code{color:#374151;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:14px;line-height:1.5}.shared-svg-container{align-items:center;background:#fff;display:flex;justify-content:center;min-height:300px;padding:32px;text-align:center}.shared-code-block,.shared-svg-container{border-radius:12px;box-shadow:0 4px 6px #0000001a}.shared-code-block{background:#1e293b;color:#e2e8f0;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:14px;line-height:1.6;margin:0;overflow-x:auto;padding:24px}.shared-code-block code{color:inherit;font-family:inherit}.shared-artifact-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 32px;text-align:center}.shared-artifact-footer p{color:#6b7280;font-size:14px;margin:0}@media (max-width:768px){.shared-artifact-header{align-items:flex-start;flex-direction:column;padding:16px 20px}.artifact-info h1.artifact-title{font-size:24px}.shared-artifact-content{padding:16px 20px}.shared-html-container{height:calc(100vh - 250px)}}.invitation-acceptance-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-gradient,linear-gradient(135deg,#667eea 0,#764ba2 100%));display:flex;justify-content:center;min-height:100vh;padding:1rem}.invitation-card{animation:slideIn .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:480px;overflow:hidden;width:100%}.invitation-header{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-gradient,linear-gradient(135deg,#667eea 0,#764ba2 100%));color:#fff;padding:2rem 1.5rem 1.5rem;text-align:center}.invitation-header h2{align-items:center;display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;justify-content:center;margin:0}.invitation-content{padding:2rem 1.5rem;text-align:center}.loading-spinner{display:flex;justify-content:center;margin-bottom:1.5rem}.spinner{border:3px solid #667eea1a;border-top-color:#667eea;height:40px;width:40px}.invitation-content p{color:#6b7280;line-height:1.6;margin:.5rem 0}.invitation-card.success .invitation-header{background:linear-gradient(135deg,#10b981,#059669)}.success-icon{animation:bounce .6s ease-in-out;font-size:3rem;margin-bottom:1rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.invitation-content h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.invitation-card.error .invitation-header{background:linear-gradient(135deg,#ef4444,#dc2626)}.error-icon{animation:shake .6s ease-in-out;font-size:3rem;margin-bottom:1rem}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.error-message{font-weight:500;margin:1rem 0;padding:1rem}.invitation-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-gradient,linear-gradient(135deg,#667eea 0,#764ba2 100%));font-size:1rem;gap:.5rem;padding:.75rem 2rem;transition:all .2s ease}.btn-primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:2px solid #e5e7eb;color:#6b7280;font-size:1rem;padding:.75rem 2rem;transition:all .2s ease}.btn-secondary:hover{color:#374151}[data-theme=dark] .invitation-card{background:#1f2937;color:#f9fafb}[data-theme=dark] .invitation-content h3{color:#f9fafb}[data-theme=dark] .invitation-content p{color:#d1d5db}[data-theme=dark] .error-message{background:#ef444426;border-color:#ef44444d;color:#fca5a5}[data-theme=dark] .btn-secondary{background:#374151;border-color:#4b5563;color:#d1d5db}[data-theme=dark] .btn-secondary:hover{background:#4b5563;border-color:#6b7280;color:#f9fafb}@media (max-width:768px){.invitation-acceptance-container{padding:.5rem}.invitation-card{margin:1rem 0}.invitation-header{padding:1.5rem 1rem 1rem}.invitation-header h2{font-size:1.25rem}.invitation-content{padding:1.5rem 1rem}.invitation-actions{flex-direction:column;gap:.75rem}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.invitation-actions,.invitation-card,.invitation-content{transition:all .3s ease}.btn-primary:focus,.btn-secondary:focus{outline:2px solid #667eea;outline-offset:2px}.btn-primary:focus{outline-color:#ffffff80}.org-invite-container{align-items:center;background:#0a0a0a;background:var(--bg-primary,#0a0a0a);display:flex;justify-content:center;min-height:100vh;padding:20px}.invite-logo{margin-bottom:20px;text-align:center}.invite-logo img{height:64px;width:64px}.org-invite-loading{color:var(--text-secondary);text-align:center}.org-invite-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-color);height:40px;margin:0 auto 16px;width:40px}.org-invite-card{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 24px #0000001a;max-width:420px;padding:40px;text-align:center;width:100%}.org-invite-card h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 8px}.invite-subtitle{color:var(--text-secondary);font-size:14px;margin:0 0 24px}.invite-details{background:var(--bg-primary);border-radius:8px;margin-bottom:24px;padding:20px}.org-name{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:12px}.invite-role{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.role-badge{border-radius:4px;display:inline-block;padding:2px 10px;text-transform:capitalize}.role-badge.role-owner{background:#fef3c7;color:#92400e}.role-badge.role-admin{background:#dbeafe;color:#1e40af}.role-badge.role-member{background:var(--bg-hover);color:var(--text-primary)}.invite-email{color:var(--text-tertiary);font-size:13px}.invite-error{background:#fee2e2;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:20px;padding:12px}.org-invite-error{text-align:center}.org-invite-error h2{margin-bottom:12px}.org-invite-error p{color:var(--text-secondary);margin-bottom:24px}.invite-actions{display:flex;gap:12px}.invite-actions .btn-primary,.invite-actions .btn-secondary{border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.invite-actions .btn-primary{background:var(--accent-color);border:none;color:#fff}.invite-actions .btn-primary:hover:not(:disabled){opacity:.9}.invite-actions .btn-primary:disabled{cursor:not-allowed;opacity:.5}.invite-actions .btn-secondary{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.invite-actions .btn-secondary:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.org-invite-error .btn-primary{background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 24px}.invite-auth-section{margin-top:24px}.auth-prompt{color:var(--text-secondary);font-size:14px;margin-bottom:20px;text-align:center}.invite-auth-section .invite-actions{flex-direction:column}.invite-auth-section .btn-primary{font-size:15px;padding:14px 24px;width:100%}.auth-divider{align-items:center;display:flex;margin:20px 0}.auth-divider:after,.auth-divider:before{background:#333;background:var(--border-color,#333);content:"";flex:1 1;height:1px}.auth-divider span{color:#666;color:var(--text-tertiary,#666);font-size:13px;padding:0 16px}.btn-text{color:#667eea;color:var(--accent-color,#667eea);transition:opacity .2s;width:100%}.btn-text:hover{opacity:.8}.onboarding-container{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:20px}.onboarding-loading{color:var(--text-secondary);text-align:center}.onboarding-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-color);height:40px;margin:0 auto 16px;width:40px}.onboarding-card{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 24px #0000001a;max-width:480px;padding:40px;width:100%}.onboarding-header{margin-bottom:32px;text-align:center}.onboarding-header h1{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 8px}.onboarding-header p{color:var(--text-secondary);font-size:14px;margin:0}.onboarding-error{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:24px;padding:12px 16px}.onboarding-options{display:flex;flex-direction:column;gap:16px}.onboarding-option{align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:20px;text-align:left;transition:all .2s}.onboarding-option:hover{background:var(--bg-hover);border-color:var(--accent-color)}.option-icon{color:var(--accent-color);font-size:24px;margin-bottom:8px}.option-title{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:4px}.option-desc{color:var(--text-secondary);font-size:13px}.onboarding-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-group input,.form-group label{color:var(--text-primary);font-size:14px}.form-group input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;transition:border-color .2s}.form-group input:focus{border-color:var(--accent-color);outline:none}.slug-input{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;overflow:hidden}.slug-input:focus-within{border-color:var(--accent-color)}.slug-prefix{color:var(--text-secondary);font-size:14px;padding:12px 0 12px 16px;white-space:nowrap}.slug-input input{border:none;flex:1 1;min-width:0;padding:12px 16px 12px 0}.slug-input input:focus{outline:none}.slug-status{font-size:12px;margin-top:4px}.slug-status.available{color:#22c55e}.slug-status.taken{color:#ef4444}.form-help{color:var(--text-tertiary);font-size:12px;margin:0}.form-actions{display:flex;gap:12px;margin-top:8px}.btn-primary{background:var(--accent-color);flex:1 1;font-size:14px;transition:opacity .2s}.btn-secondary{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary);font-size:14px;transition:all .2s}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.onboarding-footer{border-top:1px solid var(--border-color);margin-top:32px;padding-top:24px;text-align:center}.btn-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;text-decoration:underline}.btn-link:hover,.org-error,.org-loading{color:var(--text-primary)}.org-error,.org-loading{align-items:center;background:var(--bg-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;text-align:center}.org-error h2{margin-bottom:16px}.org-error button{background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:24px;padding:12px 24px}.onboarding-choose{display:flex;flex-direction:column;gap:16px}.choose-subtitle{color:var(--text-secondary);font-size:14px;margin:0 0 8px;text-align:center}.org-list{display:flex;flex-direction:column;gap:8px}.org-choice{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:16px;text-align:left;transition:all .2s}.org-choice:hover{background:var(--bg-hover);border-color:var(--accent-color)}.org-choice-icon{align-items:center;background:var(--accent-color);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:44px;justify-content:center;width:44px}.org-choice-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.org-choice-name{color:var(--text-primary);font-size:15px;font-weight:500}.org-choice-role{color:var(--text-tertiary);font-size:12px;text-transform:capitalize}.choose-actions{margin-top:8px;text-align:center}.btn-text{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:14px;padding:8px}.btn-text:hover{text-decoration:underline}.btn-back-to-orgs{background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;margin-bottom:8px;padding:12px;transition:all .2s;width:100%}.btn-back-to-orgs:hover{background:var(--bg-hover);color:var(--text-primary)}.story-viewer-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.story-viewer-overlay.fullscreen{background:#fff;padding:0}.story-viewer-container{background:#fff;border-radius:12px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.fullscreen .story-viewer-container{border-radius:0;box-shadow:none;height:100vh;margin:0;max-height:none;max-width:none;width:100%}.fullscreen .markdown-story,.fullscreen .story-document{margin:0 auto;max-width:60%;width:60%}.story-viewer-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;padding:24px 32px}.header-left,.story-viewer-header{align-items:flex-start;display:flex}.header-left{flex:1 1;gap:16px}.story-info h1{color:#1f2937;font-size:24px;font-weight:600;line-height:1.3;margin:0 0 8px}.story-meta{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.header-actions{display:flex;flex-shrink:0;gap:8px}.btn-icon{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .2s;width:40px}.btn-icon:hover{background:#f9fafb;border-color:#9ca3af;color:#374151;transform:translateY(-1px)}.story-viewer-content{flex:1 1;overflow-y:auto;padding:0}.story-document{color:#1f2937;font-family:Georgia,Times New Roman,serif;line-height:1.7;margin:0 auto;max-width:700px;padding:40px 32px}.story-section{margin-bottom:40px}.story-section.executive_summary{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #0ea5e9;border-radius:0 8px 8px 0;margin-bottom:48px;padding:24px}.story-section.insights{background:#fefce8;border-left:4px solid #eab308;border-radius:0 8px 8px 0;padding:24px}.story-section.recommendations{background:#f0fdf4;border-left:4px solid #22c55e;border-radius:0 8px 8px 0;padding:24px}.section-title{color:#1e293b;font-family:Inter,Segoe UI,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.025em;margin:0 0 20px}.executive_summary .section-title{color:#0c4a6e}.insights .section-title{color:#92400e}.recommendations .section-title{color:#166534}.section-content{font-size:16px;line-height:1.8}.section-content p{margin:0 0 20px;text-align:justify}.section-content p:last-child{margin-bottom:0}.section-content ul{margin:20px 0;padding-left:0}.section-content li{list-style:none;margin:12px 0;padding-left:24px;position:relative}.section-content li:before{color:#3b82f6;content:"•";font-weight:700;left:8px;position:absolute}.insights .section-content li:before{color:#eab308}.recommendations .section-content li:before{color:#22c55e}.artifacts-section{border-top:2px solid #e5e7eb;margin-top:48px;padding-top:32px}.artifacts-section .section-title{color:#374151;font-size:18px;margin-bottom:24px}.artifacts-grid{display:flex;flex-direction:column;gap:24px}.artifact-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.artifact-title{color:#374151;font-family:Inter,Segoe UI,sans-serif;font-size:14px;font-weight:600;margin:0 0 16px;padding:16px 20px 0}.artifact-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 20px}.artifact-type{color:#6b7280;font-size:12px;letter-spacing:.05em;text-transform:uppercase}.artifact-language{background:#eff6ff;border-radius:4px;color:#3b82f6;font-size:12px;font-weight:500;padding:2px 8px}.artifact-code{font-family:Monaco,Consolas,monospace}.code-block{background:#1e293b;color:#e2e8f0;font-size:14px;line-height:1.5;margin:0;overflow-x:auto;padding:20px}.code-block code{font-family:inherit}.artifact-table .table-container{overflow-x:auto;padding:20px}.data-table{border-collapse:collapse;font-size:14px;width:100%}.data-table td,.data-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.data-table th{color:#374151;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.data-table tbody tr:hover,.data-table th{background:#f8fafc}.artifact-analysis .analysis-content{padding:20px}.artifact-analysis p{font-size:15px;line-height:1.6;margin:0 0 16px}.artifact-generic .generic-content{background:#f8fafc;padding:20px}.artifact-generic pre{color:#374151;font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap}.share-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:3000}.share-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:500px;padding:24px;width:100%}.share-modal h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 12px}.share-modal p{color:#6b7280;font-size:14px;margin:0 0 20px}.share-url-container{display:flex;gap:12px;margin-bottom:24px}.share-url-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#374151;flex:1 1;font-size:14px;padding:12px}.share-actions{justify-content:flex-end}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-primary{background:#3b82f6}.btn-primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.story-viewer-error,.story-viewer-loading{align-items:center;background:#fff;border-radius:12px;display:flex;flex-direction:column;justify-content:center;max-width:400px;padding:60px 40px;text-align:center;width:100%}.loading-spinner{border:2px solid #0000;border-top-color:#3b82f6;height:20px;width:20px}.loading-spinner.large{border-width:3px;height:40px;margin-bottom:16px;width:40px}.story-viewer-error h3{color:#dc2626;font-size:18px;margin:0 0 12px}.story-viewer-error p{color:#6b7280;margin:0 0 24px}.error-actions{display:flex;gap:12px}@media (max-width:768px){.story-viewer-overlay{padding:10px}.story-viewer-container{border-radius:8px;max-height:95vh}.story-viewer-header{align-items:stretch;flex-direction:column;gap:16px;padding:20px}.header-left{flex-direction:column;gap:12px}.story-info h1{font-size:20px}.header-actions{justify-content:flex-end}.story-document{padding:24px 20px}.section-title{font-size:18px}.section-content{font-size:15px}.story-section.executive_summary,.story-section.insights,.story-section.recommendations{margin-left:-4px;margin-right:-4px;padding:20px}}@media (max-width:480px){.story-viewer-overlay{padding:0}.story-viewer-container{border-radius:0;height:100vh;max-height:none}.story-document{padding:20px 16px}.share-modal{margin:10px;width:calc(100% - 20px)}.share-url-container{flex-direction:column}.artifact-header{padding:12px 16px}.code-block{font-size:13px;padding:16px}.data-table td,.data-table th{font-size:13px;padding:8px}}@media print{.story-viewer-overlay{background:#fff;padding:0;position:static}.story-viewer-container{border-radius:0;box-shadow:none;max-height:none;max-width:none}.story-viewer-header{background:#fff;border-bottom:2px solid #000;padding-bottom:20px}.header-actions{display:none}.story-document{margin:0;max-width:none;padding:20px 0}.code-block{background:#f5f5f5!important;border:1px solid #ddd;color:#000!important}}.btn-icon:focus{outline:2px solid #3b82f6;outline-offset:2px}.story-viewer-container{animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.svg-container{align-items:center;display:flex;justify-content:center;max-width:100%;overflow:hidden;width:100%}.svg-container svg{display:block;height:auto;max-width:600px;width:100%}.inline-figure{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;margin:30px 0!important;padding:25px!important}.inline-figure .figure-header{margin-bottom:20px!important;text-align:center!important}.inline-figure .figure-header h3{color:#1e293b!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;font-size:18px!important;font-weight:700!important;letter-spacing:.25px!important;margin:0 0 8px!important}.figure-content .svg-container{background:#fff!important;border:1px solid #d1d5db!important;border-radius:12px!important;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f!important;padding:20px!important}.figure-caption{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)!important;border-left:4px solid #3b82f6!important;border-radius:8px!important;color:#475569!important;font-size:14px!important;font-style:italic!important;margin-top:15px!important;padding:12px 16px!important;text-align:center!important}.figure-insights{color:#64748b!important;font-size:13px!important;margin-top:12px!important}.figure-insights ul{margin-top:8px!important;padding-left:20px!important}.figure-insights li{line-height:1.6!important;margin-bottom:4px!important}.artifact-markdown{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin:20px 0;padding:20px}.artifact-markdown .markdown-content h1,.artifact-markdown .markdown-content h2,.artifact-markdown .markdown-content h3{color:#1f2937;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:16px 0 12px}.artifact-markdown .markdown-content h1{border-bottom:2px solid #e5e7eb;font-size:24px;font-weight:700;padding-bottom:8px}.artifact-markdown .markdown-content h2{font-size:20px;font-weight:600}.artifact-markdown .markdown-content h3{font-size:18px;font-weight:500}.artifact-markdown .markdown-content p{color:#374151;line-height:1.7;margin:12px 0}.artifact-markdown .markdown-content ul{margin:12px 0;padding-left:20px}.artifact-markdown .markdown-content li{color:#4b5563;margin:6px 0}@media (max-width:768px){.inline-figure{margin:20px 0!important;padding:15px!important}.inline-figure .figure-header h3{font-size:16px!important}.figure-content .svg-container{padding:15px!important}.svg-container svg{max-width:100%}.figure-caption{font-size:13px!important;padding:10px 12px!important}.story-viewer-container{margin:10px;max-width:100%}}@media (max-width:480px){.inline-figure{margin:15px 0!important;padding:12px!important}.inline-figure .figure-header h3{font-size:14px!important}.figure-content .svg-container{padding:10px!important}.figure-caption{font-size:12px!important;padding:8px 10px!important}.svg-container svg{max-width:100%;min-height:300px}}.markdown-story{background:linear-gradient(135deg,#fafbfc,#fff);border-radius:16px;box-shadow:0 4px 20px #0000000f;color:#1a202c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.8;margin:0 auto;max-width:900px;padding:40px 48px;text-align:left}.markdown-story *,.markdown-story h1,.markdown-story h2,.markdown-story h3{text-align:left!important}.markdown-h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-gradient,linear-gradient(135deg,#667eea 0,#764ba2 100%));background-clip:text;-webkit-background-clip:text;border-bottom:3px solid #4f46e5;color:#1a202c;font-size:36px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 32px;padding-bottom:20px}.markdown-h2{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:28px;font-weight:700;letter-spacing:-.01em;margin:48px 0 20px;padding-bottom:12px;position:relative}.markdown-h2:before{background:#e2e8f0;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.markdown-h3{color:#4a5568;font-size:22px;font-weight:600;margin:32px 0 16px;padding-left:16px;position:relative}.markdown-h3:before{background:linear-gradient(180deg,#4f46e5,#7c3aed);border-radius:2px;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.markdown-paragraph{-webkit-font-smoothing:antialiased;color:#2d3748;font-size:16px;line-height:1.8;margin:20px 0;text-align:left;text-rendering:optimizeLegibility}.markdown-list,.markdown-ordered-list{list-style-position:outside;margin:20px 0;padding-left:28px;text-align:left}.markdown-list li,.markdown-ordered-list li{color:#4a5568;display:list-item;line-height:1.7;margin:12px 0;position:relative;text-align:left}.markdown-list li::marker{color:#4f46e5;font-weight:600}.markdown-list li>*,.markdown-ordered-list li>*{text-align:left}.markdown-paragraph:first-of-type{color:#1a202c;font-size:18px;font-weight:500;margin-top:0}.markdown-story>:first-child{margin-top:0}.markdown-story>:last-child{margin-bottom:0}.embedded-figure{margin:32px 0;padding:0}.embedded-figure .figure-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin:24px 0;padding:24px}.embedded-figure .figure-container p strong{color:#1e293b;display:block;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:18px;font-weight:700;margin:0 0 20px;text-align:center}.embedded-figure .svg-visualization{background:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;margin:16px 0;padding:20px}.embedded-figure .svg-visualization svg{display:block;height:auto;width:100%}.embedded-figure p em{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-left:4px solid #3b82f6;border-radius:8px;color:#475569;display:block;font-style:italic;margin:12px 0;padding:10px 16px;text-align:center}.embedded-figure strong{color:#1f2937;display:block;font-weight:600;margin:12px 0 8px}.embedded-figure ul{margin:8px 0;padding-left:20px}.embedded-figure li{color:#64748b;line-height:1.6;margin:4px 0}@media (max-width:768px){.markdown-story{max-width:100%;padding:15px}.markdown-h1{font-size:28px}.markdown-h2{font-size:22px}.markdown-h3{font-size:18px}.embedded-figure .figure-container{padding:16px}.embedded-figure .svg-visualization{padding:15px}}@media (max-width:480px){.markdown-story{padding:12px}.markdown-h1{font-size:24px}.markdown-h2{font-size:20px}.markdown-h3{font-size:16px}.embedded-figure .figure-container{padding:12px}.embedded-figure .svg-visualization{padding:10px}}.story-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.story-modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.story-modal-header{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-bottom:1px solid var(--border-color);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 32px 20px}.story-modal-header h2{align-items:center;display:flex;font-size:1.5rem;font-weight:600;gap:8px;margin:0}.story-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;line-height:1;padding:8px;transition:background-color .2s ease;width:40px}.story-modal-close:hover{background:#ffffff1a}.story-modal-content{flex:1 1;overflow-y:auto;padding:0}.story-form{padding:32px}.form-group{margin-bottom:24px}.form-group label{color:var(--text-color);display:block;font-size:.95rem;margin-bottom:8px}.form-input{background:var(--chat-bg-color);background:var(--input-bg-color,var(--chat-bg-color));border:2px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-color);font-size:1rem;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb,59,130,246),.1);outline:none}.form-input:disabled{cursor:not-allowed;opacity:.6}.form-select{background:var(--chat-bg-color);background:var(--input-bg-color,var(--chat-bg-color));border:2px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-color);cursor:pointer;font-size:1rem;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb,59,130,246),.1);outline:none}.form-select:disabled{cursor:not-allowed;opacity:.6}.form-help{color:var(--text-secondary-color);font-size:.875rem;line-height:1.4;margin-top:6px}.error-message{background:#fef2f2;border:1px solid #fecaca;margin-bottom:20px;padding:12px 16px}[data-theme=dark] .story-modal{background:#1f2937;border-color:#374151}[data-theme=dark] .error-message{background:#1f1917;border-color:#7c2d12}.story-form-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.btn-primary{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:12px 24px;transition:opacity .2s ease,transform .1s ease}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{align-items:center;background:var(--border-color);border:none;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:12px 24px;transition:background-color .2s ease,transform .1s ease}.btn-secondary:hover:not(:disabled){background:var(--hover-color);transform:translateY(-1px)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}.story-loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;padding:60px 40px;text-align:center}.story-loading-spinner{margin:20px 0}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top:4px solid var(--primary-color);height:50px;width:50px}.story-loading-container h3{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0}.story-loading-container p{color:var(--text-secondary-color);font-size:1rem;line-height:1.5;margin:0;max-width:400px}.loading-progress{background:#e5e7eb;border-radius:2px;height:4px;margin-top:10px;overflow:hidden;width:300px}.progress-bar{animation:progress 3s ease-in-out infinite;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px;height:100%}@keyframes progress{0%{width:0}50%{width:70%}to{width:100%}}.story-viewer-container{display:flex;flex-direction:column;height:100%}.story-viewer-controls{align-items:center;background:var(--chat-bg-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 32px}.story-viewer-controls .btn-primary,.story-viewer-controls .btn-secondary{font-size:.9rem;padding:10px 20px}.story-versions{margin-top:32px;padding-top:24px}.story-versions,.story-versions-viewer{border-top:1px solid var(--border-color)}.story-versions-viewer{background:var(--chat-bg-color);border-radius:8px;margin:24px 32px 0;padding:20px}.story-versions h3{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 16px}.version-list{display:flex;flex-direction:column;gap:8px}.version-item{align-items:center;background:var(--hover-color);border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;gap:12px;padding:12px 16px;transition:all .2s ease}.version-item:hover{background:var(--primary-color);color:#fff;transform:translateX(4px)}.version-item.current-version{background:#3b82f61a;background:rgba(var(--primary-color-rgb,59,130,246),.1);border-color:var(--primary-color)}.version-number{background:var(--primary-color);border-radius:4px;color:#fff;font-size:.8rem;font-weight:500;min-width:32px;padding:4px 8px;text-align:center}.version-date{color:var(--text-secondary-color);font-size:.85rem}.version-details{display:flex;flex:1 1;flex-direction:column;gap:2px}.version-title{color:var(--text-color);font-size:.9rem;font-weight:600}.version-item:hover .version-title{color:#fff}.version-type{background:var(--border-color);border-radius:12px;color:var(--text-color);font-size:.8rem;font-weight:500;padding:2px 8px;text-transform:capitalize;white-space:nowrap}.version-item:hover .version-type{background:#fff3;color:#fff}.current-badge{background:var(--primary-color);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px;white-space:nowrap}@media (max-width:768px){.story-modal{margin:10px;max-width:95vw}.story-modal-header{padding:20px 24px 16px}.story-modal-header h2{font-size:1.3rem}.story-form{padding:24px}.story-form-actions{flex-direction:column}.story-viewer-controls{align-items:stretch;flex-direction:column;gap:12px;padding:16px 24px}.story-viewer-controls .btn-primary,.story-viewer-controls .btn-secondary{justify-content:center}}.story-modal-overlay{animation:fadeIn .2s ease-out}.story-modal{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.story-progress-details{background:#3b82f60d;border:1px solid #3b82f61a;border-radius:12px;margin-top:16px;max-width:400px;padding:20px;text-align:left}.progress-step{align-items:center;display:flex;gap:8px;margin-bottom:8px}.progress-step strong{flex:1 1;font-size:1rem}.progress-counter,.progress-step strong{color:var(--primary-color);font-weight:600}.progress-counter{background:#3b82f61a;border-radius:12px;font-size:.75rem;padding:2px 8px;white-space:nowrap}.progress-description{color:var(--text-secondary-color);font-size:.9rem;line-height:1.4;margin:8px 0 12px}[data-theme=dark] .story-progress-details{background:#3b82f61a;border-color:#3b82f633}[data-theme=dark] .progress-step strong{color:#60a5fa}[data-theme=dark] .progress-counter{background:#3b82f633;color:#60a5fa}[data-theme=dark] .progress-description{color:#9ca3af}.participant-list{background-color:var(--background);display:flex;flex-direction:column;height:100%}.participant-list-header{background-color:var(--surface);border-bottom:1px solid var(--border);padding:1rem}.participant-list-header h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.participant-list-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem}.loading-spinner{font-size:1.5rem}.participant-list-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem}.participant-list-empty h4{color:var(--text-primary);margin:0 0 .5rem}.participant-list-empty p{color:var(--text-secondary);font-size:.9rem;margin:0}.participant-error{align-items:center;background-color:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#dc2626;display:flex;font-size:.9rem;gap:.5rem;margin:.5rem;padding:.75rem 1rem}.error-icon{flex-shrink:0}.error-dismiss{background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;margin-left:auto;padding:.25rem;transition:background-color .2s}.error-dismiss:hover{background-color:#ef444433}.participants{flex:1 1;overflow-y:auto;padding:.5rem}.participant-item{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem;transition:all .2s}.participant-item:hover{background:#ffffff14;border-color:var(--primary)}.participant-item.current-user{background:#667eea1a;border-color:#667eea4d}.participant-info{align-items:center;display:flex;flex:1 1;gap:1rem}.participant-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-gradient,linear-gradient(135deg,#667eea 0,#764ba2 100%));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:600;height:40px;justify-content:center;text-transform:uppercase;width:40px}.participant-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.participant-name{align-items:center;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:500;gap:.5rem}.current-user-badge{background:var(--primary);border-radius:12px;color:#fff;font-size:.7rem;font-weight:500;padding:.125rem .5rem}.participant-email{color:var(--text-secondary);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-joined{color:var(--text-secondary);font-size:.75rem}.participant-actions{gap:.75rem}.participant-actions,.participant-role,.role-badge{align-items:center;display:flex}.role-badge{background:#ffffff0d;border:1.5px solid;border-radius:16px;color:var(--text-primary);font-size:.8rem;font-weight:500;gap:.375rem;padding:.375rem .75rem}.role-icon{font-size:.9rem}.role-select{-webkit-appearance:none;appearance:none;background-color:var(--background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem;border:1.5px solid var(--border);border-radius:16px;color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:500;padding:.375rem 2.5rem .375rem .75rem;transition:all .2s}.role-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #667eea1a;outline:none}.role-select:disabled{cursor:not-allowed;opacity:.6}.participant-updating,.removing-spinner,.updating-spinner{align-items:center;color:var(--text-secondary);display:flex;justify-content:center}.removing-spinner,.updating-spinner{animation:spin 1s linear infinite;font-size:.9rem}.remove-participant-btn{align-items:center;background:none;border:1px solid #ef44444d;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;padding:.5rem;transition:all .2s;width:32px}.remove-participant-btn:hover:not(:disabled){background-color:#ef44441a;border-color:#dc2626;transform:scale(1.05)}.remove-participant-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.participant-list-footer{background-color:var(--surface);border-top:1px solid var(--border);padding:1rem}.role-legend h4{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 .75rem}.legend-items{display:flex;flex-direction:column;gap:.5rem}.legend-item{align-items:flex-start;display:flex;font-size:.8rem;gap:.5rem}.legend-icon{flex-shrink:0;font-size:.9rem;margin-top:.125rem}.legend-text{color:var(--text-secondary);line-height:1.4}.legend-text strong{color:var(--text-primary);font-weight:500}[data-theme=dark] .participant-item{background:#1a202c99;border-color:#4a556866}[data-theme=dark] .participant-item:hover{background:#1a202ccc;border-color:var(--primary)}[data-theme=dark] .participant-item.current-user{background:#667eea26;border-color:#667eea66}[data-theme=dark] .role-badge{background:#1a202c99}[data-theme=dark] .role-select{background-color:var(--background);border-color:var(--border)}[data-theme=dark] .participant-error{background-color:#ef444426;border-color:#ef444466;color:#fca5a5}[data-theme=dark] .remove-participant-btn{border-color:#ef444466;color:#fca5a5}[data-theme=dark] .remove-participant-btn:hover:not(:disabled){background-color:#ef444426;border-color:#fca5a5}@media (max-width:768px){.participant-item{align-items:flex-start;flex-direction:column;gap:1rem}.participant-info{width:100%}.participant-actions{justify-content:space-between;width:100%}.legend-items{gap:.75rem}.legend-item{flex-direction:column;gap:.25rem}.legend-icon{margin-top:0}}@media (max-width:480px){.participant-list-footer,.participant-list-header{padding:.75rem}.participants{padding:.25rem}.participant-item{padding:.75rem}.participant-avatar{font-size:1rem;height:36px;width:36px}.role-select{font-size:.75rem;padding:.25rem 2rem .25rem .5rem}}.collaboration-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.collaboration-modal{animation:slideUp .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:600px;max-width:800px;overflow:hidden;width:90%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.collaboration-modal-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.5rem}.collaboration-modal-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.close-collaboration{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:.25rem .5rem;transition:all .2s}.close-collaboration:hover{background-color:var(--hover);color:var(--text-primary)}.collaboration-tabs{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;overflow-x:auto}.collaboration-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s;white-space:nowrap}.collaboration-tab:hover{background-color:#0000000d;color:#111827}.collaboration-tab.active{background-color:#0000001a;border-bottom-color:#111827;color:#111827}.collaboration-content{flex:1 1;height:100%;overflow-y:auto;padding:1.5rem}.tab-content{display:flex;flex-direction:column;gap:1.5rem}.settings-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.settings-section h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.setting-item{margin-bottom:1rem}.setting-item label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.setting-item input[type=checkbox]{accent-color:var(--primary);height:16px;width:16px}.setting-item select{background-color:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);margin-top:.5rem;padding:.5rem;width:200px}.save-settings-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-gradient,linear-gradient(135deg,#667eea 0,#764ba2 100%));border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.save-settings-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.save-settings-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.share-link-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.share-link-section h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.share-link-section p{color:#6b7280;font-size:.9rem;margin:0 0 1rem}.share-link-note{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;color:#1e40af;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.75rem}.create-link-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.create-link-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.create-link-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.share-link-result{display:flex;gap:.5rem;margin-top:1rem}.share-link-input{background-color:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);flex:1 1;font-family:monospace;font-size:.85rem;padding:.75rem}.copy-link-btn{background-color:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.75rem 1rem;transition:all .2s}.copy-link-btn:hover{background-color:var(--primary-dark)}.permission-denied{color:var(--text-secondary);padding:2rem;text-align:center}.permission-icon{font-size:3rem;margin-bottom:1rem}.permission-denied h4{color:var(--text-primary);margin:0 0 .5rem}.user-role{color:var(--primary);font-weight:600;text-transform:capitalize}.invite-tabs{border-bottom:1px solid var(--border);display:flex;gap:.5rem;margin-bottom:1.5rem}.invite-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.invite-tab:hover{color:var(--text-primary)}.invite-tab.active{border-bottom-color:var(--primary);color:var(--primary)}.invite-form,.link-invite-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#111827;font-weight:500}.form-group input,.form-group select{background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#111827;font-size:.9rem;padding:.75rem}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.search-results{background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 2px 8px #0000001a;margin-top:.5rem;max-height:200px;overflow-y:auto}.search-result-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:.75rem;transition:background-color .2s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#f9fafb}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{color:#111827;font-size:.9rem;font-weight:500}.user-email{color:#6b7280;font-size:.8rem}.create-invite-link-btn,.invite-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-gradient,linear-gradient(135deg,#667eea 0,#764ba2 100%));border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.create-invite-link-btn:hover:not(:disabled),.invite-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.create-invite-link-btn:disabled,.invite-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.selected-user{align-items:center;background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.3);border-radius:4px;display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem}.selected-user button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;padding:.25rem}.invitation-link-result{margin-top:1rem}.invitation-link-result label{color:#111827;display:block;font-weight:500;margin-bottom:.5rem}.link-container{display:flex;gap:.5rem}.invitation-link-input{background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#111827;flex:1 1;font-family:monospace;font-size:.85rem;padding:.75rem}.copy-invitation-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-gradient,linear-gradient(135deg,#667eea 0,#764ba2 100%));border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.75rem 1rem;transition:all .2s}.copy-invitation-btn:hover{background:linear-gradient(135deg,#5a73e8,#6b42a0);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.participants-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.participants-header h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.participants-count{background:rgba(var(--primary-rgb),.1);border-radius:12px;color:var(--primary);font-size:.85rem;font-weight:500;padding:.25rem .75rem}.participants-footer{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1rem}.footer-stats{display:flex;gap:1.5rem;justify-content:center}.stat{align-items:center;display:flex;flex-direction:column;gap:.25rem}.stat-label{color:var(--text-secondary);font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.stat-value{color:var(--primary);font-size:1.5rem;font-weight:600}.success-message{background:#10b9811a;border:1px solid #10b9814d;border-radius:6px;color:#059669}.error-message,.success-message{font-size:.9rem;margin-top:1rem;padding:.75rem;text-align:center}.error-message{border:1px solid #ef44444d;border-radius:6px}[data-theme=dark] .collaboration-modal{background-color:#1f2937}[data-theme=dark] .collaboration-modal-header{background-color:#111827;border-bottom-color:#374151}[data-theme=dark] .collaboration-modal-header h3{color:#f9fafb}[data-theme=dark] .collaboration-tabs{background-color:#111827;border-bottom-color:#374151}[data-theme=dark] .collaboration-tab{color:#fff}[data-theme=dark] .collaboration-tab:hover{background-color:#ffffff1a;color:#fff}[data-theme=dark] .collaboration-tab.active{background-color:#ffffff1a;border-bottom-color:#fff;color:#fff}[data-theme=dark] .search-results,[data-theme=dark] .settings-section,[data-theme=dark] .share-link-section{background:#374151;border-color:#4b5563}[data-theme=dark] .search-result-item{border-bottom-color:#4b5563}[data-theme=dark] .search-result-item:hover{background-color:#4b5563}[data-theme=dark] .user-name{color:#f9fafb}[data-theme=dark] .user-email{color:#9ca3af}[data-theme=dark] .invitation-link-result label{color:#f9fafb}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .invitation-link-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .form-group label{color:#f9fafb}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}[data-theme=dark] .share-link-note{background:#3b82f626;border-color:#3b82f64d;color:#60a5fa}[data-theme=dark] .success-message{background:#22c55e26;border-color:#22c55e4d;color:#4ade80}[data-theme=dark] .error-message{background:#f8717126;border-color:#f871714d;color:#f87171}@media (max-width:768px){.collaboration-modal{height:90vh;max-height:90vh;width:95%}.collaboration-tabs{flex-wrap:wrap}.collaboration-tab{font-size:.8rem;padding:.5rem 1rem}.collaboration-content{padding:1rem}.footer-stats{gap:1rem}.footer-stats,.link-container,.share-link-result{flex-direction:column}.copy-invitation-btn,.copy-link-btn{align-self:stretch}}@media (max-width:480px){.collaboration-modal{margin:1%;width:98%}.collaboration-modal-header,.settings-section,.share-link-section{padding:1rem}}.reaction-button{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:14px;gap:4px;line-height:1;margin:2px;min-height:28px;padding:4px 8px;transition:all .2s ease}.reaction-button:hover:not(.disabled){background:#f5f5f5;border-color:#d0d0d0;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.reaction-button.active{background:#e3f2fd;border-color:#2196f3;color:#1976d2;font-weight:600}.reaction-button.active:hover:not(.disabled){background:#bbdefb;border-color:#1976d2}.reaction-button.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.reaction-emoji{display:inline-block;font-size:16px;line-height:1}.reaction-count{color:inherit;font-size:12px;font-weight:600;margin-left:2px;min-width:12px;text-align:center}.reaction-button.active .reaction-count{color:#1976d2}@media (prefers-color-scheme:dark){.reaction-button{background:#2a2a2a;border-color:#404040;color:#fff}.reaction-button:hover:not(.disabled){background:#3a3a3a;border-color:#505050}.reaction-button.active{background:#1e3a8a;border-color:#3b82f6;color:#93c5fd}.reaction-button.active:hover:not(.disabled){background:#1e40af;border-color:#60a5fa}}@keyframes reactionAdded{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.reaction-button.newly-added{animation:reactionAdded .3s ease-out}.reaction-picker{background:#fff;border:1px solid #e0e0e0;border-radius:12px;bottom:100%;box-shadow:0 4px 20px #00000026;left:0;margin-bottom:8px;max-width:320px;min-width:280px;padding:12px;position:absolute;z-index:1000}.reaction-picker-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.reaction-picker-header span{color:#333;font-size:14px;font-weight:600}.reaction-picker-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.reaction-picker-close:hover{background:#f5f5f5;color:#333}.reaction-picker-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(8,1fr)}.reaction-picker-item{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:20px;justify-content:center;line-height:1;min-height:36px;min-width:36px;padding:8px;transition:all .2s ease}.reaction-picker-item:hover{background:#f5f5f5;transform:scale(1.1)}.reaction-picker-item:active{transform:scale(.95)}.reaction-picker.top{bottom:auto;margin-bottom:0;margin-top:8px;top:100%}.reaction-picker.right{left:auto;right:0}.reaction-picker.center{left:50%;transform:translateX(-50%)}@media (prefers-color-scheme:dark){.reaction-picker{background:#2a2a2a;border-color:#404040;box-shadow:0 4px 20px #0000004d}.reaction-picker-header{border-bottom-color:#404040}.reaction-picker-header span{color:#fff}.reaction-picker-close{color:#ccc}.reaction-picker-close:hover{background:#3a3a3a;color:#fff}.reaction-picker-item:hover{background:#3a3a3a}}@keyframes pickerSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pickerSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reaction-picker{animation:pickerSlideUp .2s ease-out}.reaction-picker.top{animation:pickerSlideDown .2s ease-out}@media (max-width:480px){.reaction-picker{bottom:20px;left:20px;margin-bottom:0;max-width:none;min-width:auto;position:fixed;right:20px}.reaction-picker-grid{grid-template-columns:repeat(6,1fr)}.reaction-picker.center,.reaction-picker.right,.reaction-picker.top{bottom:20px;left:20px;margin:0;position:fixed;right:20px;top:auto;transform:none}}.reactions-bar{display:flex;flex-direction:column;gap:8px;margin-top:8px;position:relative}.reactions-list{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.add-reaction-button{align-items:center;background:#fff;border:1px dashed #d0d0d0;border-radius:16px;box-sizing:border-box;color:#666;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;min-height:28px;padding:6px 12px;transition:all .2s ease}.add-reaction-button:hover:not(:disabled){background:#f9f9f9;border-color:#b0b0b0;color:#333}.add-reaction-button:disabled{cursor:not-allowed;opacity:.6}.add-reaction-button.small{border-radius:50%;font-size:16px;font-weight:700;justify-content:center;min-height:28px;min-width:28px;padding:4px 8px}.add-reaction-icon{font-size:16px;line-height:1}.add-reaction-text{font-size:13px;font-weight:500}.reactions-bar.empty .add-reaction-button{background:#fafafa;border-color:#e0e0e0;border-style:solid}.reactions-bar.empty .add-reaction-button:hover:not(:disabled){background:#f0f0f0;border-color:#d0d0d0}.reactions-error{background:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#d32f2f;font-size:12px;padding:4px 8px}.reactions-bar.compact{margin-top:4px}.reactions-bar.compact .reactions-list{gap:2px}.reactions-bar.compact .add-reaction-button{font-size:12px;min-height:24px;padding:4px 8px}.reactions-bar.compact .add-reaction-icon{font-size:14px}.reactions-bar.compact .add-reaction-text{font-size:12px}.reactions-bar.loading{opacity:.7;pointer-events:none}.reactions-bar.loading .add-reaction-button,.reactions-bar.loading .reaction-button{cursor:wait}@media (prefers-color-scheme:dark){.add-reaction-button{background:#2a2a2a;border-color:#404040;color:#ccc}.add-reaction-button:hover:not(:disabled){background:#3a3a3a;border-color:#505050;color:#fff}.reactions-bar.empty .add-reaction-button{background:#1a1a1a;border-color:#404040}.reactions-bar.empty .add-reaction-button:hover:not(:disabled){background:#2a2a2a;border-color:#505050}.reactions-error{background:#1a1a1a;border-color:#d32f2f;color:#f44336}}@keyframes newReactionAppear{0%{opacity:0;transform:scale(.8) translateY(8px)}50%{transform:scale(1.05) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.reactions-bar .reaction-button.new{animation:newReactionAppear .4s ease-out}@media (max-width:480px){.reactions-bar{margin-top:6px}.reactions-list{gap:3px}.add-reaction-button{font-size:13px;min-height:26px;padding:5px 10px}.add-reaction-button.small{font-size:14px;min-height:26px;min-width:26px}.add-reaction-icon{font-size:14px}.add-reaction-text{font-size:12px}}@media (prefers-contrast:high){.add-reaction-button{border-width:2px}.reactions-error{border-width:2px;font-weight:600}}.artifact-share-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.artifact-share-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-gradient,linear-gradient(135deg,#667eea 0,#764ba2 100%));color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{font-size:20px;font-weight:600;margin:0}.close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-button:hover{background:#ffffff4d;transform:scale(1.1)}.modal-content{flex:1 1;overflow-y:auto;padding:24px}.loading-section{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.loading-spinner{margin-bottom:16px}.loading-section p{font-size:16px;margin:0}.error-section{padding:20px;text-align:center}.error-message{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#dc2626;font-size:14px;margin:0 0 16px;padding:12px}.retry-button{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s ease}.retry-button:hover{background:#b91c1c}.no-share-section{padding:20px;text-align:center}.no-share-icon{font-size:48px;margin-bottom:16px}.no-share-section h3{color:#333;font-size:20px;font-weight:600;margin:0 0 8px}.no-share-section p{color:#666;font-size:14px;margin:0 0 24px}.create-share-form{background:#f8f9fa;border-radius:12px;padding:20px;text-align:left}.create-share-form h4{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.form-checkbox{align-items:center;cursor:pointer;display:flex;margin-bottom:12px}.form-checkbox input[type=checkbox]{accent-color:#667eea;height:16px;margin-right:8px;width:16px}.form-checkbox span{color:#333;font-size:14px}.form-field{display:flex;flex-direction:column;margin-bottom:16px}.form-field span{color:#333;font-size:14px;font-weight:500;margin-bottom:6px}.form-field input[type=number]{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.form-field input[type=number]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.create-share-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-gradient,linear-gradient(135deg,#667eea 0,#764ba2 100%));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:8px;padding:12px 20px;transition:all .2s ease;width:100%}.create-share-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.create-share-button:disabled{cursor:not-allowed;opacity:.6}.share-details-section{padding:0}.share-status{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;margin-bottom:20px;padding:16px}.status-indicator{margin-bottom:8px}.status{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.status.active{background:#22c55e1a;color:#059669}.status.expired{background:#ef44441a;color:#dc2626}.status.inactive{background:#6b72801a;color:#6b7280}.share-url{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#667eea;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:13px;margin:0;padding:8px 12px;word-break:break-all}.share-info{margin-bottom:20px}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.info-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.info-item .label{color:#6b7280;font-size:13px;font-weight:500}.info-item .value{color:#333;font-size:13px;font-weight:500}.info-item .value.expired{color:#dc2626}.edit-form{background:#f8f9fa;border-radius:12px;margin-top:16px;padding:20px}.edit-form h4{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.edit-buttons{display:flex;gap:8px;margin-top:16px}.save-button{background:linear-gradient(135deg,#34d399,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.save-button:hover:not(:disabled){box-shadow:0 4px 12px #34d3994d;transform:translateY(-1px)}.cancel-button{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.cancel-button:hover{background:#4b5563}.share-actions{display:flex;flex-wrap:wrap;gap:8px}.copy-button,.delete-button,.edit-button,.view-button{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;min-width:120px;padding:10px 16px;transition:all .2s ease}.view-button:hover{background:#f3f4f6;border-color:#34d399;color:#059669}.copy-button:hover{background:#f3f4f6;border-color:#667eea;color:#667eea}.edit-button:hover{background:#f3f4f6;border-color:#f59e0b;color:#f59e0b}.delete-button:hover{background:#ef44440d;border-color:#dc2626;color:#dc2626}@media (max-width:768px){.artifact-share-modal-overlay{padding:10px}.artifact-share-modal{max-height:95vh}.modal-header{padding:16px 20px}.modal-header h2{font-size:18px}.modal-content{padding:20px}.info-grid{grid-template-columns:1fr}.edit-buttons,.share-actions{flex-direction:column}.copy-button,.delete-button,.edit-button{min-width:auto}}@media (max-width:480px){.modal-header{padding:12px 16px}.modal-content{padding:16px}.share-url{font-size:12px}}@media (prefers-color-scheme:dark){.artifact-share-modal{background:#1f2937;color:#e5e7eb}.create-share-form,.edit-form{background:#374151}.create-share-form h4,.edit-form h4,.form-checkbox span,.form-field span{color:#e5e7eb}.form-field input[type=number]{background:#4b5563;border:1px solid #6b7280;color:#e5e7eb}.share-status{background:#374151}.share-url{background:#4b5563;border:1px solid #6b7280;color:#93c5fd}.info-item{background:#374151}.info-item .value{color:#e5e7eb}.copy-button,.delete-button,.edit-button,.view-button{background:#374151;border:1px solid #6b7280;color:#e5e7eb}.view-button:hover{background:#4b5563;border-color:#34d399;color:#6ee7b7}.copy-button:hover{background:#4b5563;border-color:#667eea;color:#93c5fd}.edit-button:hover{background:#4b5563;border-color:#f59e0b;color:#fbbf24}.delete-button:hover{background:#ef44441a;border-color:#dc2626;color:#f87171}}.floating-chat-window{background:#fff;background:var(--bg-primary,#fff);border:1px solid #0000001a;border:1px solid var(--border-color,#0000001a);border-radius:10px;box-shadow:0 8px 32px #00000026,0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s ease}.floating-chat-window:hover{box-shadow:0 12px 48px #0003,0 4px 12px #0000001f}.floating-window-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-gradient,linear-gradient(135deg,#667eea 0,#764ba2 100%));cursor:move;display:flex;justify-content:space-between;min-height:40px;padding:10px 12px;position:relative;-webkit-user-select:none;user-select:none}.window-title{align-items:center;color:#fff;color:var(--header-text,#fff);display:flex;font-size:14px;font-weight:600;gap:8px;left:50%;overflow:hidden;position:absolute;transform:translateX(-50%)}.window-title-text{border-radius:4px;cursor:pointer;max-width:200px;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;transition:background .15s ease;white-space:nowrap}.window-title-text:hover{background:#fff3}.window-title-input{background:#fffffff2;border:none;border-radius:4px;box-shadow:0 2px 8px #0003;color:#333;font-size:14px;font-weight:600;outline:none;padding:4px 8px;width:200px}.window-toolbar{margin-left:auto;margin-right:12px;position:relative;z-index:2}.window-toolbar,.window-toolbar-btn{align-items:center;display:flex;gap:4px}.window-toolbar-btn{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:all .15s ease;white-space:nowrap}.window-toolbar-btn:hover{background:#ffffff59;transform:scale(1.05)}.window-toolbar-btn.disabled{cursor:not-allowed;opacity:.5}.window-toolbar-btn.disabled:hover{background:#fff3;transform:none}.window-controls{display:flex;flex-shrink:0;gap:6px}.window-control{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;transition:all .15s ease;width:24px}.window-control:hover{background:#ffffff4d;transform:scale(1.1)}.window-control.minimize:hover{background:#ffff004d}.window-control.maximize:hover{background:#00ff004d}.window-control.maximize.is-maximized{background:#00ff0026}.window-control.close:hover{background:#ff000080}.floating-chat-window.maximized{border-radius:0;box-shadow:none}.floating-window-messages{background:#f5f7fa;background:var(--bg-secondary,#f5f7fa);display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:200px;overflow-y:auto;padding:16px}.floating-window-messages::-webkit-scrollbar{width:6px}.floating-window-messages::-webkit-scrollbar-track{background:#0000}.floating-window-messages::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.floating-window-messages::-webkit-scrollbar-thumb:hover{background:#0000004d}.floating-window-loading{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px}.loading-spinner{border:3px solid #667eea33;height:32px;width:32px}.floating-window-empty{align-items:center;color:#888;color:var(--text-secondary,#888);display:flex;font-style:italic;justify-content:center;padding:40px 20px;text-align:center}.floating-message{animation:messageIn .2s ease-out;display:flex;flex-direction:column;max-width:85%}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.floating-message.user{align-self:flex-end}.floating-message.bot{align-self:flex-start}.floating-message-content{word-wrap:break-word;border-radius:12px;font-size:14px;line-height:1.5;padding:10px 14px}.floating-message.user .floating-message-content{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-gradient,linear-gradient(135deg,#667eea 0,#764ba2 100%));border-bottom-right-radius:4px;color:#fff}.floating-message.bot .floating-message-content{background:#fff;background:var(--bg-primary,#fff);border:1px solid #00000014;border:1px solid var(--border-color,#00000014);border-bottom-left-radius:4px;box-shadow:0 1px 3px #0000000d;color:#1a1a1a;color:var(--text-primary,#1a1a1a)}.floating-message.error .floating-message-content{background:#ef44441a;border:1px solid #ef44444d;color:#dc2626}.floating-message-time{color:#999;color:var(--text-tertiary,#999);font-size:11px;margin-top:4px;padding:0 4px}.floating-message.user .floating-message-time{text-align:right}.floating-message-content .message-reactions{display:inline-flex;margin-top:6px}.floating-message-content .message-reactions.empty{opacity:0;transition:opacity .15s ease}.floating-message-content:hover .message-reactions.empty{opacity:1}.floating-message-content .message-reactions .reactions-bar{margin-top:0}.floating-message-content .message-reactions .add-reaction-button{background:#0000;border:1px dashed #8080804d;border-radius:10px;font-size:11px;min-height:20px;min-width:20px;padding:2px 6px}.floating-message-content .message-reactions .add-reaction-button:hover:not(:disabled){background:#8080801a;border-color:#80808080}[data-theme=dark] .floating-message-content .message-reactions .add-reaction-button{border-color:#fff3;color:#ffffff80}[data-theme=dark] .floating-message-content .message-reactions .add-reaction-button:hover:not(:disabled){background:#ffffff1a;border-color:#fff6;color:#fffc}.floating-message.typing .typing-indicator{display:flex;gap:4px;padding:8px 12px}.floating-message.typing .typing-indicator span{animation:typingBounce 1.4s ease-in-out infinite both;background:#667eea;border-radius:50%;height:8px;width:8px}.floating-message.typing .typing-indicator span:first-child{animation-delay:-.32s}.floating-message.typing .typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.floating-message.streaming-from-other{animation:streamingPulse 1.5s ease-in-out infinite;border-left:3px solid #667eea}.floating-message.streaming-from-other .streaming-header{align-items:center;border-bottom:1px solid #00000014;border-bottom:1px solid var(--border-color,#00000014);display:flex;gap:8px;margin-bottom:8px;padding-bottom:8px}.floating-message.streaming-from-other .streaming-label{color:#667eea;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@keyframes streamingPulse{0%,to{box-shadow:0 2px 8px #667eea26}50%{box-shadow:0 2px 12px #667eea4d}}.floating-window-input{align-items:center;background:#fff;background:var(--bg-primary,#fff);border-top:1px solid #00000014;border-top:1px solid var(--border-color,#00000014);display:flex;gap:8px;padding:12px}.floating-window-input textarea{background:#f5f7fa;background:var(--bg-secondary,#f5f7fa);border:1px solid #00000026;border:1px solid var(--border-color,#00000026);border-radius:4px;color:#1a1a1a;color:var(--text-primary,#1a1a1a);flex:1 1;font-family:Exo\ 2,sans-serif;font-size:14px;line-height:1.4;max-height:100px;min-height:40px;outline:none;padding:10px 14px;resize:none;transition:border-color .2s ease,box-shadow .2s ease}.floating-window-input textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.floating-window-input textarea:disabled{cursor:not-allowed;opacity:.6}.floating-window-input button.send-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#667eea;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:0;transition:transform .15s ease,opacity .15s ease,color .15s ease;width:40px}.floating-window-input button.send-button:hover:not(:disabled){color:#764ba2;transform:scale(1.1)}.floating-window-input button.send-button:disabled{cursor:not-allowed;opacity:.4;transform:none}.resize-handle{background:#0000;position:absolute}.resize-handle.n{cursor:n-resize;height:6px;left:10px;right:10px;top:0}.resize-handle.s{bottom:0;cursor:s-resize;height:6px;left:10px;right:10px}.resize-handle.e{bottom:10px;cursor:e-resize;right:0;top:10px;width:6px}.resize-handle.w{bottom:10px;cursor:w-resize;left:0;top:10px;width:6px}.resize-handle.ne{cursor:ne-resize;height:12px;right:0;top:0;width:12px}.resize-handle.nw{cursor:nw-resize;height:12px;left:0;top:0;width:12px}.resize-handle.se{bottom:0;cursor:se-resize;height:12px;right:0;width:12px}.resize-handle.sw{bottom:0;cursor:sw-resize;height:12px;left:0;width:12px}.floating-message-content pre{border-radius:6px;margin:8px 0;overflow-x:auto}.floating-message-content code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.floating-message-content p{margin:0 0 8px}.floating-message-content p:last-child{margin-bottom:0}.floating-message-content ol,.floating-message-content ul{margin:8px 0;padding-left:20px}.floating-message-content a{color:#667eea;text-decoration:underline}.floating-message.user .floating-message-content a{color:#ffffffe6}[data-theme=dark] .floating-chat-window{background:#222;border-color:#333}[data-theme=dark] .floating-window-messages{background:#222}[data-theme=dark] .floating-message.bot .floating-message-content{background:#333;border-color:#444;color:#fff}[data-theme=dark] .floating-window-input{background:#222;border-top-color:#333}[data-theme=dark] .floating-window-input textarea{background:#333;border-color:#444;color:#fff}[data-theme=dark] .floating-message-time,[data-theme=dark] .floating-window-empty,[data-theme=dark] .floating-window-loading{color:#888}.minimized-windows-bar{background:linear-gradient(0deg,#0000001a,#0000);bottom:0;display:flex;gap:8px;left:0;padding:8px 16px;pointer-events:none;position:fixed;right:0;z-index:999}.minimized-window-item{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-gradient,linear-gradient(135deg,#667eea 0,#764ba2 100%));border-radius:8px 8px 0 0;box-shadow:0 -2px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;max-width:200px;padding:8px 16px;pointer-events:auto;transition:transform .2s ease}.minimized-window-item:hover{transform:translateY(-2px)}.minimized-window-item span{cursor:pointer;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.minimized-window-close{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;line-height:1;opacity:.7;padding:0 4px;transition:opacity .2s ease}.minimized-window-close:hover{opacity:1}.streaming-artifact-placeholder{align-items:center;background:linear-gradient(135deg,#667eea0d,#667eea1a);border:2px solid #667eea33;border-radius:12px;box-shadow:0 2px 8px #667eea1a;color:#667eea;display:flex;font-size:14px;font-weight:600;gap:12px;justify-content:center;margin:8px 0;padding:16px 20px;text-align:center}.streaming-artifact-placeholder .streaming-spinner{animation:spin 1s linear infinite;border:3px solid #667eea4d;border-radius:50%;border-top-color:#667eea;height:20px;width:20px}[data-theme=dark] .streaming-artifact-placeholder{background:linear-gradient(135deg,#667eea1a,#667eea26);border-color:#667eea4d;color:#a5b4fc}.floating-artifacts-panel{background:#fff;background:var(--bg-primary,#fff);bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:absolute;right:0;top:40px;z-index:10}.floating-artifacts-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-gradient,linear-gradient(135deg,#667eea 0,#764ba2 100%));color:#fff;display:flex;justify-content:space-between;padding:12px 16px}.floating-artifacts-header h4{font-size:14px;font-weight:600;margin:0}.floating-artifacts-close{align-items:center;background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;transition:background .15s ease;width:24px}.floating-artifacts-close:hover{background:#ffffff4d}.floating-artifacts-list{background:#f5f7fa;background:var(--bg-secondary,#f5f7fa);border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border-color,#0000001a);display:flex;flex-shrink:0;gap:8px;overflow-x:auto;overflow-y:hidden;padding:8px 12px}.floating-artifacts-list::-webkit-scrollbar{height:4px}.floating-artifacts-list::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.floating-artifact-item{background:#fff;background:var(--bg-primary,#fff);border:1px solid #0000001a;border:1px solid var(--border-color,#0000001a);border-radius:8px;cursor:pointer;flex-shrink:0;padding:8px 12px;transition:all .15s ease}.floating-artifact-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.floating-artifact-item.selected{background:#667eea1a;border-color:#667eea;box-shadow:0 2px 8px #667eea33}.artifact-item-header{align-items:center;display:flex;gap:6px}.artifact-type{background:#667eea26;border-radius:4px;color:#667eea;font-size:9px;font-weight:600;padding:2px 5px}.artifact-title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-artifact-preview{background:#fff;background:var(--bg-primary,#fff);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:auto;padding:16px}.floating-artifact-preview .inline-artifact{display:flex;flex:1 1;flex-direction:column;min-height:500px;width:100%}.floating-artifact-preview .inline-artifact-header{display:none}.floating-artifact-preview .artifact-preview,.floating-artifact-preview .inline-artifact-content{display:flex;flex:1 1;flex-direction:column;max-height:none}.floating-artifact-preview .artifact-preview{overflow:visible}.floating-artifact-preview .inline-html-container{display:flex;flex:1 1;flex-direction:column}.floating-artifact-preview .inline-html-iframe{flex:1 1;height:100%;min-height:400px}.floating-artifact-preview .inline-react-container{flex:1 1;min-height:400px}.floating-artifact-preview .inline-svg-container{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:200px}.window-toolbar-btn.active{background:#fff6}[data-theme=dark] .floating-artifacts-panel{background:#222;border-color:#333}[data-theme=dark] .floating-artifact-item:hover{background:#333}[data-theme=dark] .floating-artifact-item.selected{background:#333;border-color:#fff}[data-theme=dark] .artifact-title{color:#fff}[data-theme=dark] .floating-artifact-preview{background:#222}.realtime-indicator{align-items:center;border-radius:4px;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.5px;margin-left:8px;padding:2px 8px;text-transform:uppercase;transition:all .3s ease}.realtime-indicator.connected{animation:pulse-live 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 8px #10b98166;color:#fff}.realtime-indicator.connecting{background:#fbbf2433;border:1px solid #fbbf244d;color:#f59e0b}.realtime-indicator.reconnecting{animation:pulse-reconnect 1.5s ease-in-out infinite;background:#fbbf2426;border:1px solid #fbbf2440;color:#d97706}.realtime-indicator.disconnected{background:#ef444426;border:1px solid #ef444440;color:#dc2626}@keyframes pulse-live{0%,to{box-shadow:0 0 8px #10b98166}50%{box-shadow:0 0 16px #10b98199}}@keyframes pulse-reconnect{0%,to{opacity:1}50%{opacity:.6}}[data-theme=dark] .realtime-indicator.connected{background:linear-gradient(135deg,#10b981,#059669);color:#fff}[data-theme=dark] .realtime-indicator.connecting{background:#fbbf2440;border-color:#fbbf2466;color:#fbbf24}[data-theme=dark] .realtime-indicator.reconnecting{background:#fbbf2433;border-color:#fbbf2459;color:#fbbf24}[data-theme=dark] .realtime-indicator.disconnected{background:#ef444433;border-color:#ef444459;color:#f87171}.App{text-align:center}.loading-container{align-items:center;background:#f8fafc;display:flex;font-family:Exo\ 2,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh}.loading-content{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px 0 #0000001a;display:flex;flex-direction:column;gap:24px;max-width:400px;padding:48px 40px;width:90%}.loading-title{color:#1a1a1a;font-family:Exo\ 2,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:32px;font-weight:600;letter-spacing:-.02em;margin:0 0 5px}.loading-content .powered-by{color:#0ea5e9;font-style:italic;font-weight:500;margin:0 0 20px}.loading-content .powered-by,.loading-text{font-family:Exo\ 2,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}.loading-text{color:#666;font-weight:400;margin:0}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}
/*# sourceMappingURL=main.8263576c.css.map*/