.chat-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.chat-header{flex-shrink:0;display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;background-color:#fff;border-bottom:1px solid rgb(229 231 235)}.dark .chat-header{background-color:#111827;border-bottom-color:#374151}.chat-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.chat-header-title{font-size:1rem;font-weight:600;color:#111827;margin:0;line-height:1.4}.dark .chat-header-title{color:#fff}.chat-header-meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;flex-wrap:wrap}.chat-header-subtitle{font-size:.8125rem;color:#6b7280;margin:0}.dark .chat-header-subtitle{color:#9ca3af}.chat-header-separator{color:#9ca3af;font-size:.75rem}.chat-context-usage{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280}.dark .chat-context-usage{color:#9ca3af}.chat-context-bar{display:inline-block;width:2.5rem;height:.375rem;background-color:#e5e7eb;border-radius:9999px;overflow:hidden}.dark .chat-context-bar{background-color:#374151}.chat-context-fill{display:block;height:100%;transition:width .3s}.chat-context-compacting{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#d97706}.chat-context-compacting svg{width:.75rem;height:.75rem}.dark .chat-context-compacting{color:#fbbf24}.chat-compaction-count{font-size:.6875rem;font-weight:500;color:#9333ea;background-color:#f3e8ff;padding:.125rem .375rem;border-radius:9999px}.dark .chat-compaction-count{color:#c084fc;background-color:#581c874d}.chat-init-status{display:inline-flex;align-items:center;gap:.375rem}.chat-init-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:500;padding:.125rem .375rem;border-radius:9999px}.chat-init-running{color:#d97706;background-color:#fef3c7}.dark .chat-init-running{color:#fbbf24;background-color:#78350f4d}.chat-init-done{color:#16a34a;background-color:#dcfce7}.dark .chat-init-done{color:#4ade80;background-color:#14532d4d}.chat-mobile-init-status{color:#d97706}.dark .chat-mobile-init-status{color:#fbbf24}.chat-header-actions{display:flex;align-items:center;gap:.5rem;padding-top:.5rem;border-top:1px solid rgb(243 244 246)}.dark .chat-header-actions{border-top-color:#374151}.chat-header-action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;color:#374151;background-color:#f3f4f6;border:none;border-radius:.5rem;cursor:pointer;transition:all .15s}.chat-header-action-btn:hover{background-color:#e5e7eb}.dark .chat-header-action-btn{color:#d1d5db;background-color:#374151}.dark .chat-header-action-btn:hover{background-color:#4b5563}.chat-header-action-btn-success{color:#16a34a;background-color:#dcfce7}.chat-header-action-btn-success:hover{background-color:#bbf7d0}.dark .chat-header-action-btn-success{color:#4ade80;background-color:#14532d4d}.dark .chat-header-action-btn-success:hover{background-color:#14532d80}.chat-header-action-btn-danger{color:#dc2626;background-color:#fee2e2}.chat-header-action-btn-danger:hover{background-color:#fecaca}.dark .chat-header-action-btn-danger{color:#f87171;background-color:#7f1d1d4d}.dark .chat-header-action-btn-danger:hover{background-color:#7f1d1d80}.chat-header-action-icon{width:1rem;height:1rem}.chat-header-action-dropdown{display:inline-flex;align-items:center;padding:.25rem;margin-left:.25rem;background:transparent;border:none;border-left:1px solid rgb(209 213 219);cursor:pointer}.dark .chat-header-action-dropdown{border-left-color:#4b5563}.chat-header-dropdown{position:absolute;top:100%;left:0;z-index:10;margin-top:.25rem;min-width:10rem;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;border:1px solid rgb(229 231 235);overflow:hidden}.dark .chat-header-dropdown{background-color:#1f2937;border-color:#374151}.chat-header-dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.8125rem;text-align:left;color:#374151;background:transparent;border:none;cursor:pointer}.chat-header-dropdown-item:hover{background-color:#f3f4f6}.dark .chat-header-dropdown-item{color:#d1d5db}.dark .chat-header-dropdown-item:hover{background-color:#374151}.chat-header-dropdown-icon{width:1rem;height:1rem}.chat-area{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background-color:#f0f2f5}.dark .chat-area{background-color:#0f172a}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem 1rem .5rem;min-height:0}.chat-message{display:flex;margin-bottom:.5rem}.chat-message-assistant+.chat-message-assistant{margin-top:-.25rem}.chat-message-user{justify-content:flex-end}.chat-message-assistant{justify-content:flex-start}.chat-bubble{max-width:75%;padding:.625rem .875rem;overflow:hidden;position:relative}.chat-bubble-user{background-color:#3b82f6;color:#fff;border-radius:1.125rem 1.125rem .25rem}.chat-bubble-assistant{background-color:#fff;color:#111827;border-radius:1.125rem 1.125rem 1.125rem .25rem;box-shadow:0 1px 2px #00000014}.dark .chat-bubble-assistant{background-color:#1e293b;color:#f1f5f9;box-shadow:none}.chat-bubble p{margin:0}.chat-bubble-content{font-size:.875rem;overflow-wrap:break-word;word-wrap:break-word;max-width:100%}.chat-bubble-content p{margin:.5rem 0}.chat-bubble-content p:first-child{margin-top:0}.chat-bubble-content p:last-child{margin-bottom:0}.chat-bubble-content code{background-color:#0000001a;padding:.125rem .25rem;border-radius:.25rem;font-size:.8em;word-break:break-word;overflow-wrap:break-word}.dark .chat-bubble-content code{background-color:#ffffff1a}.chat-bubble-content pre{background-color:#0000000d;padding:.5rem;border-radius:.25rem;overflow-x:auto;margin:.5rem 0}.dark .chat-bubble-content pre{background-color:#0000004d}.chat-bubble-content ul,.chat-bubble-content ol{margin:.5rem 0;padding-left:1.5rem}.chat-bubble-content li{margin:.25rem 0}.chat-bubble-content table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;margin:.5rem 0;font-size:.8rem}.chat-bubble-content th,.chat-bubble-content td{border:1px solid rgba(0,0,0,.1);padding:.375rem .5rem;text-align:left;white-space:nowrap}.dark .chat-bubble-content th,.dark .chat-bubble-content td{border-color:#ffffff1a}.chat-bubble-content th{background-color:#0000000d;font-weight:600}.dark .chat-bubble-content th{background-color:#ffffff0d}.chat-bubble-content img{max-width:100%;height:auto;border-radius:.375rem;margin:.5rem 0;display:block}.chat-bubble-content a{color:#2563eb;text-decoration:underline}.dark .chat-bubble-content a{color:#60a5fa}.chat-tool-calls-container{margin-top:.5rem}.chat-tool-toggle{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;color:#6b7280;background:transparent;border:1px solid rgb(209 213 219);border-radius:.375rem;cursor:pointer;transition:all .15s ease}.chat-tool-toggle:hover{background-color:#f3f4f6;color:#374151}.dark .chat-tool-toggle{color:#9ca3af;border-color:#4b5563}.dark .chat-tool-toggle:hover{background-color:#374151;color:#d1d5db}.chat-tool-toggle-icon{font-size:.625rem}.chat-tool-use{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;margin:.5rem 0;font-size:.75rem;font-family:ui-monospace,monospace;color:#3b82f6;background-color:#eff6ff;border:1px solid rgb(191 219 254);border-radius:.375rem}.dark .chat-tool-use{color:#93c5fd;background-color:#1e3a8a4d;border-color:#3b82f64d}.chat-tool-use-icon{font-size:.875rem}.chat-tool-use-name{font-weight:500}.chat-bubble-tool{background-color:transparent;padding:0;box-shadow:none}.chat-bubble-tool .chat-tool-use{margin:0}.chat-bubble-collapsed{display:inline-flex;align-items:center;gap:.5rem;background-color:#f3f4f6;border:1px solid rgb(229 231 235);border-radius:1rem;padding:.375rem .75rem}.dark .chat-bubble-collapsed{background-color:#374151;border-color:#4b5563}.chat-collapsed-text{font-size:.875rem;color:#6b7280}.dark .chat-collapsed-text{color:#9ca3af}.chat-collapsed-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;font-size:.6875rem;font-weight:600;color:#fff;background-color:#8b5cf6;border-radius:9999px}.chat-tool-calls{margin-top:.5rem}.chat-tool-call{border-radius:.25rem;padding:.5rem;font-size:.75rem;margin-bottom:.5rem;background-color:#e5e7eb}.dark .chat-tool-call{background-color:#4b5563}.chat-tool-call summary{cursor:pointer;font-family:monospace;color:#374151}.dark .chat-tool-call summary{color:#d1d5db}.chat-tool-call pre{margin-top:.25rem;overflow-x:auto;font-size:.7rem;color:#4b5563}.dark .chat-tool-call pre{color:#d1d5db}.chat-date-separator{display:flex;align-items:center;justify-content:center;margin:1rem 0}.chat-date-separator-text{padding:.25rem .75rem;font-size:.75rem;font-weight:500;color:#6b7280;background-color:#ffffffe6;border-radius:9999px;box-shadow:0 1px 2px #0000000d}.dark .chat-date-separator-text{color:#9ca3af;background-color:#1e293be6}.chat-message-time{font-size:.6875rem;color:#6b7280}.dark .chat-message-time{color:#9ca3af}.chat-message-time-user{display:block;text-align:right;margin-top:.25rem;color:#ffffffb3}.chat-message-meta{display:flex;align-items:center;gap:.5rem;margin-top:.375rem;flex-wrap:wrap}.chat-tokens{font-size:.6875rem;color:#6b7280}.dark .chat-tokens{color:#9ca3af}.chat-empty{display:flex;height:100%;min-height:300px;align-items:center;justify-content:center;color:#6b7280}.dark .chat-empty{color:#9ca3af}.chat-thinking{display:flex;justify-content:flex-start;margin-bottom:.5rem}.chat-thinking-bubble{border-radius:1.125rem 1.125rem 1.125rem .25rem;padding:.625rem .875rem;background-color:#fff;box-shadow:0 1px 2px #00000014}.dark .chat-thinking-bubble{background-color:#1e293b;box-shadow:none}.chat-thinking-content{display:flex;align-items:center;gap:.5rem}.chat-thinking-dot{width:.5rem;height:.5rem;border-radius:50%;background-color:#3b82f6;animation:pulse 1.5s ease-in-out infinite}.chat-thinking-text{font-size:.8125rem;color:#64748b}.dark .chat-thinking-text{color:#94a3b8}.chat-stop-btn{display:inline-flex;align-items:center;gap:.375rem;margin-left:.75rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:#fff;background-color:#ef4444;border:none;border-radius:.375rem;cursor:pointer;transition:all .15s ease}.chat-stop-btn:hover:not(:disabled){background-color:#dc2626}.chat-stop-btn:disabled{opacity:.7;cursor:not-allowed}.dark .chat-stop-btn{background-color:#dc2626}.dark .chat-stop-btn:hover:not(:disabled){background-color:#b91c1c}.chat-stop-btn svg{flex-shrink:0}.chat-activity{margin-top:.5rem}.chat-activity-toggle{display:inline-flex;align-items:center;gap:.375rem;padding:0;border:none;background:none;font-size:.75rem;color:#2563eb;cursor:pointer}.dark .chat-activity-toggle{color:#60a5fa}.chat-activity-log{margin-top:.375rem;padding:.5rem .625rem;background-color:#f8fafc;border:1px solid rgb(226 232 240);border-radius:.5rem;max-height:12rem;overflow:auto}.dark .chat-activity-log{background-color:#0f172a;border-color:#334155}.chat-activity-line{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;color:#475569;white-space:pre-wrap}.dark .chat-activity-line{color:#94a3b8}.chat-input-area{flex-shrink:0;padding:.75rem 1rem;background-color:#fff;border-top:1px solid rgb(229 231 235)}.dark .chat-input-area{background-color:#111827;border-top-color:#374151}.chat-form{display:flex;align-items:flex-end;gap:.75rem}.chat-input-wrapper{flex:1;display:flex;flex-direction:column;gap:.5rem}.chat-textarea{flex:1;border-radius:1.25rem;border:1px solid rgb(209 213 219);padding:.625rem 1rem;font-size:.9375rem;resize:none;background-color:#f1f5f9;color:#111827;line-height:1.4;min-height:2.75rem;max-height:8rem}.dark .chat-textarea{border-color:#374151;background-color:#1e293b;color:#f1f5f9}.chat-textarea:focus{outline:none;border-color:#3b82f6;background-color:#fff}.dark .chat-textarea:focus{background-color:#1e293b;border-color:#3b82f6}.chat-textarea::placeholder{color:#94a3b8}.chat-submit{width:2.75rem;height:2.75rem;border-radius:50%;background-color:#3b82f6;color:#fff;font-weight:500;cursor:pointer;border:none;transition:all .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-submit:hover{background-color:#2563eb;transform:scale(1.05)}.chat-submit:disabled{background-color:#cbd5e1;cursor:not-allowed;transform:none}.dark .chat-submit:disabled{background-color:#374151}.chat-submit-queue{background-color:#f59e0b}.chat-submit-queue:hover,.dark .chat-submit-queue{background-color:#d97706}.dark .chat-submit-queue:hover{background-color:#f59e0b}.chat-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chat-attach-btn{width:2.75rem;height:2.75rem;border-radius:50%;background-color:transparent;color:#6b7280;cursor:pointer;border:none;transition:all .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-attach-btn svg{width:1.5rem;height:1.5rem}.chat-attach-btn:hover{background-color:#f3f4f6;color:#374151}.chat-attach-btn:active{background-color:#e5e7eb}.dark .chat-attach-btn{color:#9ca3af}.dark .chat-attach-btn:hover{background-color:#374151;color:#d1d5db}.dark .chat-attach-btn:active{background-color:#4b5563}.chat-voice-btn{width:2.75rem;height:2.75rem;border-radius:50%;background-color:transparent;color:#6b7280;cursor:pointer;border:none;transition:all .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-voice-btn svg{width:1.5rem;height:1.5rem}.chat-voice-btn:hover:not(:disabled){background-color:#f3f4f6;color:#374151}.chat-voice-btn:active:not(:disabled){background-color:#e5e7eb}.chat-voice-btn:disabled{cursor:not-allowed;opacity:.6}.dark .chat-voice-btn{color:#9ca3af}.dark .chat-voice-btn:hover:not(:disabled){background-color:#374151;color:#d1d5db}.dark .chat-voice-btn:active:not(:disabled){background-color:#4b5563}.chat-voice-btn.is-recording{background-color:#ef4444;color:#fff}.chat-voice-btn.is-recording:hover:not(:disabled){background-color:#dc2626;color:#fff}.chat-voice-spinner{width:1.25rem;height:1.25rem;border-radius:9999px;border:2px solid rgba(107,114,128,.35);border-top-color:#6b7280f2;animation:chat-spin .9s linear infinite}.dark .chat-voice-spinner{border-color:#9ca3af40;border-top-color:#d1d5dbe6}@keyframes chat-spin{to{transform:rotate(360deg)}}.chat-voice-error{font-size:.75rem;color:#ef4444;padding:0 .25rem}.dark .chat-voice-error{color:#f87171}.chat-voice-recording{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#475569;padding:0 .25rem}.dark .chat-voice-recording{color:#94a3b8}.chat-voice-dot{width:.5rem;height:.5rem;border-radius:9999px;background-color:#ef4444;animation:chat-pulse 1.1s ease-in-out infinite}@keyframes chat-pulse{0%,to{opacity:.35}50%{opacity:1}}.chat-image-preview{display:flex;flex-wrap:wrap;gap:.5rem}.chat-image-preview-item{position:relative;width:4rem;height:4rem;border-radius:.5rem;overflow:hidden;border:1px solid rgb(209 213 219)}.dark .chat-image-preview-item{border-color:#374151}.chat-image-preview-item img{width:100%;height:100%;object-fit:cover}.chat-image-preview-remove{position:absolute;top:.125rem;right:.125rem;width:1.25rem;height:1.25rem;border-radius:50%;background-color:#0009;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1}.chat-image-preview-remove:hover{background-color:#000c}.chat-message-images{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.5rem}.chat-message-image-thumb{width:3.5rem;height:3.5rem;border-radius:.375rem;object-fit:cover;cursor:pointer;transition:transform .15s,box-shadow .15s;border:1px solid rgba(255,255,255,.2)}.chat-message-image-thumb:hover{transform:scale(1.05);box-shadow:0 2px 8px #0003}.chat-image-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#000000d9;padding:1rem}.chat-image-lightbox{position:relative;max-width:90vw;max-height:90vh}.chat-image-lightbox-close{position:absolute;top:-2.5rem;right:0;width:2rem;height:2rem;border-radius:50%;background-color:#fff3;color:#fff;border:none;cursor:pointer;font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background-color .15s}.chat-image-lightbox-close:hover{background-color:#ffffff4d}.chat-image-lightbox-img{max-width:90vw;max-height:85vh;border-radius:.5rem;object-fit:contain}.file-browser{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;background-color:#fff}.dark .file-browser{background-color:#1f2937}.file-browser-header{flex-shrink:0;border-bottom:1px solid rgb(229 231 235);padding:.75rem}.dark .file-browser-header{border-bottom-color:#374151}.file-browser-title{font-size:.875rem;font-weight:600;margin:0;color:#111827}.dark .file-browser-title{color:#fff}.file-browser-path{font-size:.75rem;color:#6b7280;margin:.25rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .file-browser-path{color:#9ca3af}.file-browser-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:.5rem;min-height:0}.file-browser-item{display:flex;width:100%;align-items:center;gap:.5rem;border-radius:.25rem;padding:.25rem .5rem;text-align:left;font-size:.875rem;background:transparent;border:none;cursor:pointer;color:#374151}.dark .file-browser-item{color:#d1d5db}.file-browser-item:hover{background-color:#f3f4f6}.dark .file-browser-item:hover{background-color:#374151}.file-browser-item svg{flex-shrink:0}.file-browser-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#00000080}.file-preview-modal{display:flex;flex-direction:column;max-height:80vh;width:100%;max-width:56rem;overflow:hidden;border-radius:.5rem;background-color:#fff}.dark .file-preview-modal{background-color:#1f2937}.file-preview-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgb(229 231 235);padding:1rem}.dark .file-preview-header{border-bottom-color:#374151}.file-preview-title{font-family:monospace;font-size:.875rem;margin:0;color:#111827}.dark .file-preview-title{color:#fff}.file-preview-close{color:#6b7280;cursor:pointer;background:none;border:none;padding:.25rem}.dark .file-preview-close{color:#9ca3af}.file-preview-close:hover{color:#374151}.dark .file-preview-close:hover{color:#d1d5db}.file-preview-content{flex:1;overflow:auto;padding:1rem}.file-preview-code{white-space:pre-wrap;font-family:monospace;font-size:.75rem;margin:0;color:#1f2937}.dark .file-preview-code{color:#d1d5db}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-header-info{flex:1;min-width:0}.chat-header-title-row{display:flex;align-items:center;gap:.5rem}.chat-generate-title-btn,.chat-rename-btn{padding:.25rem .625rem;border-radius:9999px;border:none;background:linear-gradient(135deg,#6366f1,#a855f7);cursor:pointer;font-size:.75rem;font-weight:500;color:#fff;transition:all .2s;white-space:nowrap;box-shadow:0 1px 2px #0000001a}.chat-generate-title-btn:hover,.chat-rename-btn:hover{background:linear-gradient(135deg,#4f46e5,#9333ea);transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.chat-generate-title-btn:disabled,.chat-rename-btn:disabled{opacity:.7;cursor:wait}.dark .chat-generate-title-btn,.dark .chat-rename-btn{background:linear-gradient(135deg,#6366f1,#a855f7)}.dark .chat-generate-title-btn:hover,.dark .chat-rename-btn:hover{background:linear-gradient(135deg,#818cf8,#c084fc)}.chat-provider-selector{display:flex;gap:.5rem}.chat-provider-btn{padding:.25rem .75rem;font-size:.75rem;border-radius:9999px;border:1px solid #e5e7eb;background:transparent;cursor:pointer;transition:all .15s}.chat-provider-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.chat-provider-btn:disabled{opacity:.5;cursor:not-allowed}.chat-provider-btn-active{background:#3b82f6;border-color:#3b82f6;color:#fff}.dark .chat-provider-btn{border-color:#374151;color:#9ca3af}.dark .chat-provider-btn:hover:not(:disabled){border-color:#60a5fa;color:#60a5fa}.dark .chat-provider-btn-active{background:#2563eb;border-color:#2563eb;color:#fff}.sidebar-tabs{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.sidebar-tab-buttons{display:flex;gap:0;flex-shrink:0;border-bottom:1px solid rgb(229 231 235)}.dark .sidebar-tab-buttons{border-bottom-color:#374151}.sidebar-tab-btn{flex:1;padding:.5rem 1rem;font-size:.875rem;font-weight:500;background:transparent;border:none;cursor:pointer;color:#6b7280;transition:all .15s}.sidebar-tab-btn:hover{color:#374151;background-color:#f3f4f6}.dark .sidebar-tab-btn:hover{color:#d1d5db;background-color:#374151}.sidebar-tab-btn-active{color:#2563eb;border-bottom:2px solid rgb(37 99 235)}.dark .sidebar-tab-btn-active{color:#60a5fa;border-bottom-color:#60a5fa}.sidebar-tab-content{flex:1;min-height:0;overflow:hidden}.chat-page-layout{display:flex;flex-direction:column;gap:1rem;height:calc(100vh - 16rem);overflow:hidden}.chat-page-main{flex:1;min-height:0;overflow:hidden}.chat-page-sidebar{display:none;height:100%;min-height:0;overflow:hidden}.chat-sidebar-toggle{display:flex;align-items:center;gap:.5rem;position:fixed;bottom:5rem;right:1rem;z-index:40;padding:.75rem 1rem;border-radius:9999px;background-color:#2563eb;color:#fff;border:none;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;font-size:.875rem;font-weight:500;transition:background-color .15s}.chat-sidebar-toggle:hover{background-color:#1d4ed8}.chat-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background-color:#00000080}.chat-sidebar-close{display:none;position:absolute;top:.75rem;right:.75rem;padding:.5rem;border-radius:.375rem;background:transparent;border:none;cursor:pointer;color:#6b7280;z-index:10}.chat-sidebar-close:hover{background-color:#f3f4f6;color:#374151}.dark .chat-sidebar-close:hover{background-color:#374151;color:#d1d5db}@media (max-width: 767px){.chat-sidebar-toggle{display:flex}.chat-sidebar-overlay,.chat-sidebar-close{display:block}.chat-page-sidebar{position:fixed;top:calc(3.5rem + env(safe-area-inset-top,0px));right:0;bottom:0;width:85%;max-width:320px;z-index:50;background-color:#fff;transform:translate(100%);transition:transform .3s ease-in-out;box-shadow:-4px 0 6px -1px #0000001a}.dark .chat-page-sidebar{background-color:#1f2937}.chat-page-sidebar-open{display:block;transform:translate(0)}}@media (min-width: 768px){.chat-page-layout{display:grid;grid-template-columns:1fr;gap:1.5rem}.chat-page-sidebar{display:block}.chat-sidebar-toggle{display:none}.chat-sidebar-overlay,.chat-sidebar-close{display:none!important}}@media (min-width: 1024px){.chat-page-layout{grid-template-columns:2fr 1fr}}@media (max-width: 767px){.chat-page-layout{height:calc(100vh - 8rem)}.chat-header{flex-direction:column;align-items:stretch;gap:.5rem;padding:.5rem .75rem;margin-bottom:0}.chat-header-info{width:100%}.chat-header-title-row{flex-wrap:wrap}.chat-header-title{font-size:1rem}.chat-header-subtitle{font-size:.75rem;word-break:break-all}.chat-header-top{flex-direction:column;gap:.5rem}.chat-provider-selector{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.chat-provider-btn{flex-shrink:0;padding:.375rem .625rem}.chat-header-actions{flex-wrap:wrap}.chat-header-action-btn span{display:none}.chat-header-action-btn{padding:.5rem}.chat-generate-title-btn,.chat-rename-btn{padding:.375rem .75rem}.chat-messages{padding:.75rem}.chat-bubble{max-width:90%;padding:.5rem .75rem}.chat-bubble-content{font-size:.8125rem}.chat-input-area{padding:.5rem .75rem}.chat-form{flex-direction:row;gap:.5rem}.chat-textarea{width:100%;font-size:1rem}.chat-submit{width:2.5rem;height:2.5rem}.chat-empty{min-height:200px;font-size:.875rem}.chat-tool-calls{margin-top:.375rem}.chat-tool-call{padding:.375rem;font-size:.7rem}.chat-tool-call pre{font-size:.65rem}.chat-tokens{font-size:.7rem}.file-preview-overlay{padding:0;align-items:stretch;justify-content:stretch;padding-top:calc(3.5rem + env(safe-area-inset-top,0px))}.file-preview-modal{max-width:100%;width:100%;height:100%;max-height:100%;border-radius:0;margin:0;padding-bottom:env(safe-area-inset-bottom,0px)}.file-preview-header{padding:.75rem}.file-preview-title{font-size:.75rem}.file-preview-content{padding:.75rem;flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.file-preview-code{font-size:.7rem}}.recent-chats-sidebar{padding:.75rem;border-top:1px solid rgb(229 231 235)}.dark .recent-chats-sidebar{border-top-color:#374151}.recent-chats-header{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:.5rem;padding:0 .5rem;display:flex;align-items:center;justify-content:space-between}.dark .recent-chats-header{color:#9ca3af}.recent-chats-toggle{background:none;border:none;padding:.25rem;cursor:pointer;color:#9ca3af;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:color .15s,background-color .15s}.recent-chats-toggle:hover{color:#6b7280;background-color:#f3f4f6}.dark .recent-chats-toggle:hover{color:#d1d5db;background-color:#374151}.recent-chats-toggle.active{color:#3b82f6}.dark .recent-chats-toggle.active{color:#60a5fa}.recent-chats-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.125rem}.recent-chat-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:.375rem;text-decoration:none;color:#374151;font-size:.8125rem;transition:background-color .15s}.dark .recent-chat-item{color:#d1d5db}.recent-chat-item:hover{background-color:#f3f4f6}.dark .recent-chat-item:hover{background-color:#374151}.recent-chat-status{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.recent-chat-status-pending{background-color:#9ca3af}.recent-chat-status-running{background-color:#3b82f6;animation:pulse 1.5s ease-in-out infinite}.recent-chat-status-completed{background-color:#22c55e}.recent-chat-status-failed{background-color:#ef4444}.recent-chat-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-chats-empty{font-size:.75rem;color:#9ca3af;padding:.5rem;text-align:center}.recent-chat-badge{margin-left:auto;flex-shrink:0;font-size:.625rem;padding:.125rem .375rem;border-radius:.25rem;background-color:#e5e7eb;color:#6b7280;font-weight:500}.dark .recent-chat-badge{background-color:#374151;color:#9ca3af}.recent-chat-badge-general{background-color:#dbeafe;color:#3b82f6}.dark .recent-chat-badge-general{background-color:#1e3a8a4d;color:#93c5fd}.chat-mobile-header{display:none}@media (max-width: 767px){body.chat-immersive-mode .fi-topbar,body.chat-immersive-mode .fi-sidebar,body.chat-immersive-mode .fi-main-ctn>nav,body.chat-immersive-mode [class*=fi-breadcrumbs],body.chat-immersive-mode .fi-header{display:none!important}body.chat-immersive-mode .fi-main-ctn{padding:0!important;margin:0!important}body.chat-immersive-mode .fi-main{padding:0!important;margin:0!important;max-width:100%!important}body.chat-immersive-mode main{padding:0!important}body.chat-immersive-mode .chat-page-layout{height:100vh;height:100dvh}.chat-mobile-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;padding-top:calc(.75rem + env(safe-area-inset-top,0px));background-color:#fff;border-bottom:1px solid rgb(229 231 235);flex-shrink:0;min-height:3.5rem;position:fixed;top:0;left:0;right:0;z-index:100;transform:translateZ(0);-webkit-transform:translateZ(0)}.chat-mobile-header:before{content:"";position:absolute;top:calc(-1*env(safe-area-inset-top,0px));left:0;right:0;height:env(safe-area-inset-top,0px);background-color:inherit}.dark .chat-mobile-header{background-color:#111827;border-bottom-color:#374151}.chat-mobile-back{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:transparent;border:none;cursor:pointer;color:#3b82f6;flex-shrink:0;margin-left:-.5rem;transition:background-color .15s}.chat-mobile-back:active{background-color:#f3f4f6}.dark .chat-mobile-back{color:#60a5fa}.dark .chat-mobile-back:active{background-color:#374151}.chat-mobile-title-area{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.chat-mobile-title{font-size:1rem;font-weight:600;color:#111827;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .chat-mobile-title{color:#fff}.chat-mobile-subtitle{font-size:.75rem;color:#6b7280;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .chat-mobile-subtitle{color:#9ca3af}.chat-mobile-menu{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:transparent;border:none;cursor:pointer;color:#6b7280;flex-shrink:0;transition:background-color .15s}.chat-mobile-menu:active{background-color:#f3f4f6}.dark .chat-mobile-menu{color:#9ca3af}.dark .chat-mobile-menu:active{background-color:#374151}body.chat-immersive-mode .chat-header{display:none}body.chat-immersive-mode .chat-container{display:flex;flex-direction:column;height:100%}body.chat-immersive-mode .chat-input-area{position:fixed;bottom:0;left:0;right:0;padding:.5rem 1rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom,0px));background-color:#fff;border-top:1px solid rgb(229 231 235);z-index:20}body.chat-immersive-mode.keyboard-visible .chat-input-area{padding-bottom:.5rem}.dark body.chat-immersive-mode .chat-input-area,body.chat-immersive-mode.dark .chat-input-area{background-color:#111827;border-top-color:#374151}body.chat-immersive-mode .chat-messages{padding-bottom:5rem;padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px))}body.chat-immersive-mode .chat-area{flex:1;min-height:0;display:flex;flex-direction:column;padding-top:3.5rem}body.chat-immersive-mode{background-color:#fff}.dark body.chat-immersive-mode,body.chat-immersive-mode.dark{background-color:#111827}body.chat-immersive-mode .chat-sidebar-toggle{display:none}.chat-mobile-dropdown{position:absolute;top:100%;right:.5rem;margin-top:.25rem;min-width:12rem;background-color:#fff;border-radius:.75rem;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a;border:1px solid rgb(229 231 235);overflow:hidden;z-index:50}.dark .chat-mobile-dropdown{background-color:#1f2937;border-color:#374151}.chat-mobile-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;font-size:.9375rem;text-align:left;background:transparent;border:none;cursor:pointer;color:#374151;transition:background-color .15s}.chat-mobile-dropdown-item:active{background-color:#f3f4f6}.dark .chat-mobile-dropdown-item{color:#d1d5db}.dark .chat-mobile-dropdown-item:active{background-color:#374151}.chat-mobile-dropdown-item-danger{color:#dc2626}.dark .chat-mobile-dropdown-item-danger{color:#f87171}.chat-mobile-dropdown-divider{height:1px;background-color:#e5e7eb;margin:.25rem 0}.dark .chat-mobile-dropdown-divider{background-color:#374151}.chat-mobile-providers{display:flex;flex-wrap:wrap;gap:.375rem;padding:.75rem 1rem;border-bottom:1px solid rgb(229 231 235)}.dark .chat-mobile-providers{border-bottom-color:#374151}.chat-mobile-providers .chat-provider-btn{padding:.375rem .75rem;font-size:.8125rem}.chat-mobile-context{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background-color:#f3f4f6;border-radius:9999px;flex-shrink:0}.dark .chat-mobile-context{background-color:#374151}.chat-mobile-context-bar{width:2rem;height:.25rem;background-color:#d1d5db;border-radius:9999px;overflow:hidden}.dark .chat-mobile-context-bar{background-color:#4b5563}.chat-mobile-context-fill{height:100%;transition:width .3s}.chat-mobile-context-text{font-size:.625rem;color:#6b7280;font-weight:500}.dark .chat-mobile-context-text{color:#9ca3af}}@media (max-width: 767px){.chat-submit{width:2.75rem;height:2.75rem;min-width:44px;min-height:44px}.chat-tool-toggle{min-height:44px;padding:.5rem .75rem}.chat-messages{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (hover: none){.chat-submit:hover{transform:none;background-color:#3b82f6}.chat-submit:disabled:hover{background-color:#cbd5e1}.chat-bubble-user:hover,.chat-bubble-assistant:hover{transform:none}}.chat-submit:active:not(:disabled){transform:scale(.95);background-color:#2563eb}.chat-mobile-back:active,.chat-mobile-menu:active{transform:scale(.95)}.chat-mobile-header,.chat-submit,.chat-tool-toggle,.chat-provider-btn{-webkit-user-select:none;user-select:none}.chat-bubble-content,.chat-bubble p{-webkit-user-select:text;user-select:text}}.chat-compact-action{display:inline-flex;align-items:center;gap:.375rem;margin-top:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:#4f46e5;background-color:#eef2ff;border:1px solid rgb(199 210 254);border-radius:.5rem;cursor:pointer;transition:all .15s ease}.chat-compact-action:hover{background-color:#e0e7ff;border-color:#a5b4fc}.chat-compact-action svg{width:.875rem;height:.875rem}.dark .chat-compact-action{color:#a5b4fc;background-color:#312e814d;border-color:#6366f166}.dark .chat-compact-action:hover{background-color:#312e8180;border-color:#6366f199}.chat-queued-messages{display:flex;flex-direction:column;gap:.375rem;padding:.75rem 1rem .5rem;background-color:#fefce8;border-top:1px solid rgb(253 224 71)}.dark .chat-queued-messages{background-color:#453b134d;border-top-color:#a1620780}.chat-queued-message{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#fff;border:1px solid rgb(253 224 71);border-radius:.5rem;font-size:.875rem}.dark .chat-queued-message{background-color:#373017;border-color:#a1620780}.chat-queued-message-content{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem}.chat-queued-message-images{display:inline-flex;align-items:center;gap:.25rem;color:#a16207;font-size:.75rem;flex-shrink:0}.dark .chat-queued-message-images{color:#facc15}.chat-queued-message-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#374151}.dark .chat-queued-message-text{color:#d1d5db}.chat-queued-message-remove{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background-color:transparent;color:#6b7280;cursor:pointer;font-size:1rem;line-height:1;transition:all .15s}.chat-queued-message-remove:hover{background-color:#fecaca;color:#dc2626}.dark .chat-queued-message-remove{color:#9ca3af}.dark .chat-queued-message-remove:hover{background-color:#7f1d1d80;color:#f87171}.chat-queued-label{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#a16207;padding-top:.25rem}.dark .chat-queued-label{color:#facc15}@media (max-width: 767px){body.chat-immersive-mode .chat-queued-messages{position:fixed;bottom:calc(3.5rem + env(safe-area-inset-bottom,0px));left:0;right:0;z-index:19;padding:.5rem .75rem}body.chat-immersive-mode.keyboard-visible .chat-queued-messages{bottom:3.5rem}body.chat-immersive-mode .chat-messages:has(+.chat-queued-messages:not(:empty)){padding-bottom:calc(8rem + env(safe-area-inset-bottom,0px))}}.chat-bubble-question{background-color:#fff;border-radius:1rem;box-shadow:0 2px 8px #00000014;padding:1rem;max-width:90%}.dark .chat-bubble-question{background-color:#1e293b;box-shadow:none}.chat-question-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgb(229 231 235)}.dark .chat-question-header{border-bottom-color:#374151}.chat-question-icon{font-size:1.25rem}.chat-question-title{font-size:.875rem;font-weight:600;color:#111827}.dark .chat-question-title{color:#fff}.chat-questions-list{display:flex;flex-direction:column;gap:1rem}.chat-question-item{display:flex;flex-direction:column;gap:.5rem}.chat-question-chip{display:inline-flex;align-self:flex-start;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6366f1;background-color:#eef2ff;border-radius:9999px}.dark .chat-question-chip{color:#a5b4fc;background-color:#312e8166}.chat-question-text{font-size:.875rem;color:#374151;margin:0;line-height:1.5}.dark .chat-question-text{color:#d1d5db}.chat-question-options{display:flex;flex-direction:column;gap:.375rem}.chat-question-option{display:flex;flex-direction:column;gap:.125rem;padding:.625rem .875rem;border:1px solid rgb(209 213 219);border-radius:.5rem;cursor:pointer;transition:all .15s ease;background-color:#fff}.dark .chat-question-option{background-color:#1e293b;border-color:#374151}.chat-question-option:hover:not(.disabled){border-color:#6366f1;background-color:#eef2ff}.dark .chat-question-option:hover:not(.disabled){border-color:#6366f1;background-color:#312e8133}.chat-question-option.selected{border-color:#6366f1;background-color:#eef2ff;box-shadow:0 0 0 2px #6366f133}.dark .chat-question-option.selected{border-color:#818cf8;background-color:#312e8166;box-shadow:0 0 0 2px #6366f14d}.chat-question-option.disabled{cursor:default;opacity:.7}.chat-option-label{font-size:.875rem;font-weight:500;color:#111827}.dark .chat-option-label{color:#fff}.chat-option-desc{font-size:.75rem;color:#6b7280;line-height:1.4}.dark .chat-option-desc{color:#9ca3af}.chat-question-option-other{border-style:dashed}.chat-question-other-input{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid rgb(209 213 219);border-radius:.375rem;margin-top:.375rem;background-color:#fff;color:#111827}.dark .chat-question-other-input{background-color:#1e293b;border-color:#374151;color:#fff}.chat-question-other-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.chat-question-other-input:disabled{opacity:.7;cursor:not-allowed}.chat-question-actions{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgb(229 231 235)}.dark .chat-question-actions{border-top-color:#374151}.chat-question-submit{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:.5rem;cursor:pointer;transition:all .15s ease;min-width:8rem}.chat-question-submit:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.chat-question-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.chat-question-submit.submitted{background:linear-gradient(135deg,#22c55e,#16a34a)}.chat-question-submit.submitted:hover{transform:none;box-shadow:none}@media (max-width: 767px){.chat-bubble-question{max-width:95%;padding:.875rem}.chat-question-option{padding:.75rem}.chat-question-submit{width:100%}}.chat-user-link{color:#ffffffe6;text-decoration:underline;text-underline-offset:2px;word-break:break-all}.chat-user-link:hover{color:#fff;text-decoration-thickness:2px}.chat-load-more{display:flex;justify-content:center;padding:.75rem 1rem;position:sticky;top:0;z-index:10;background:linear-gradient(to bottom,rgb(243 244 246) 60%,transparent)}.dark .chat-load-more{background:linear-gradient(to bottom,rgb(17 24 39) 60%,transparent)}.chat-load-more-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;color:#3b82f6;background-color:#fff;border:1px solid rgb(219 234 254);border-radius:9999px;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #0000000d}.chat-load-more-btn:hover{background-color:#eff6ff;border-color:#93c5fd}.chat-load-more-btn:disabled{opacity:.6;cursor:not-allowed}.dark .chat-load-more-btn{color:#93c5fd;background-color:#1e293b;border-color:#334155}.dark .chat-load-more-btn:hover{background-color:#334155;border-color:#475569}.chat-load-more-count{color:#9ca3af;font-weight:400}.dark .chat-load-more-count{color:#6b7280}.session-info-section{padding:.75rem;border-bottom:1px solid rgb(229 231 235)}.dark .session-info-section{border-bottom-color:#374151}.session-info-stats{display:flex;gap:1rem}.session-info-stat{display:flex;flex-direction:column;gap:.125rem}.session-info-stat-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;font-weight:500}.dark .session-info-stat-label{color:#9ca3af}.session-info-stat-value{font-size:1rem;font-weight:600;color:#111827}.dark .session-info-stat-value{color:#fff}.session-info-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.625rem .75rem;background-color:transparent;border:none;border-bottom:1px solid rgb(229 231 235);cursor:pointer;font-size:.8125rem;font-weight:500;color:#374151;text-align:left;transition:background-color .15s}.dark .session-info-header{border-bottom-color:#374151;color:#d1d5db}.session-info-header:hover{background-color:#f3f4f6}.dark .session-info-header:hover{background-color:#374151}.session-info-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;font-size:.6875rem;font-weight:600;color:#3b82f6;background-color:#dbeafe;border-radius:9999px}.dark .session-info-badge{color:#93c5fd;background-color:#1e3a8a66}.session-info-content{padding:.5rem;background-color:#f9fafb}.dark .session-info-content{background-color:#11182780}.session-info-item{padding:.5rem .625rem;border-radius:.375rem;font-size:.8125rem;color:#374151}.dark .session-info-item{color:#d1d5db}.session-info-item:hover{background-color:#f3f4f6}.dark .session-info-item:hover{background-color:#37415180}.session-info-item-model{background-color:#fff;border:1px solid rgb(229 231 235);margin-bottom:.375rem}.dark .session-info-item-model{background-color:#1e293b;border-color:#374151}.session-info-item-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.session-info-item-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-info-item-cost{font-size:.75rem;font-weight:600;color:#16a34a}.dark .session-info-item-cost{color:#4ade80}.session-info-item-details{display:flex;gap:.75rem;margin-top:.25rem;font-size:.6875rem;color:#6b7280}.dark .session-info-item-details{color:#9ca3af}.session-info-status{display:inline-flex;align-items:center;padding:.125rem .375rem;font-size:.6875rem;font-weight:500;border-radius:.25rem;text-transform:capitalize}.session-info-status-connected{color:#16a34a;background-color:#dcfce7}.dark .session-info-status-connected{color:#4ade80;background-color:#14532d4d}.session-info-status-enabled{color:#16a34a;background-color:#dcfce7}.dark .session-info-status-enabled{color:#4ade80;background-color:#14532d4d}.session-info-status-disconnected{color:#dc2626;background-color:#fee2e2}.dark .session-info-status-disconnected{color:#f87171;background-color:#7f1d1d4d}.session-info-status-disabled{color:#dc2626;background-color:#fee2e2}.dark .session-info-status-disabled{color:#f87171;background-color:#7f1d1d4d}.session-info-status-unknown{color:#6b7280;background-color:#f3f4f6}.dark .session-info-status-unknown{color:#9ca3af;background-color:#374151}.session-info-footer{padding:.5rem .75rem;margin-top:auto;border-top:1px solid rgb(229 231 235);font-size:.6875rem;color:#9ca3af;text-align:center}.dark .session-info-footer{border-top-color:#374151;color:#6b7280}.session-info-item-clickable{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;cursor:pointer;text-align:left;transition:background-color .15s}.session-info-item-clickable:hover{background-color:#dbeafe}.dark .session-info-item-clickable:hover{background-color:#1e3a8a4d}.session-info-item-with-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.session-info-item-with-actions:hover{background-color:#f3f4f6}.dark .session-info-item-with-actions:hover{background-color:#37415180}.session-info-item-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.session-info-action-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;background:transparent;border-radius:.25rem;color:#6b7280;cursor:pointer;transition:all .15s}.session-info-action-btn:hover{background-color:#dbeafe;color:#2563eb}.dark .session-info-action-btn{color:#9ca3af}.dark .session-info-action-btn:hover{background-color:#1e3a8a4d;color:#60a5fa}.session-info-badges{display:inline-flex;align-items:center;gap:.375rem;flex-wrap:wrap}.session-info-pill{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:600;background-color:#e2e8f0;color:#475569;text-transform:uppercase;letter-spacing:.03em}.dark .session-info-pill{background-color:#334155;color:#cbd5e1}.touch-active{transform:scale(.97)!important;opacity:.9!important}button,a,[role=button],[wire\:click],[x-on\:click],.fi-btn,.fi-icon-btn,.fi-dropdown-trigger,.fi-sidebar-item,.fi-tabs-item,.cursor-pointer{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,a,[role=button],.fi-btn,.fi-icon-btn{transition:transform .1s ease-out,opacity .1s ease-out,background-color .15s,color .15s,border-color .15s;will-change:transform}.ptr-indicator{position:fixed;top:0;left:50%;transform:translate(-50%) translateY(-60px);z-index:9999;pointer-events:none;transition:transform .2s ease-out}.ptr-indicator.pulling{transform:translate(-50%) translateY(calc(var(--ptr-offset, 0px) - 60px));transition:none}.ptr-indicator.refreshing{transform:translate(-50%) translateY(20px);transition:transform .3s ease-out}.ptr-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border-radius:9999px;box-shadow:0 4px 12px #00000026;opacity:var(--ptr-opacity, 0);transition:opacity .15s}.dark .ptr-content{background:#1f2937;box-shadow:0 4px 12px #0006}.ptr-indicator.refreshing .ptr-content{opacity:1}.ptr-spinner{width:20px;height:20px;border:2px solid rgb(209 213 219);border-top-color:#3b82f6;border-radius:50%;transform:rotate(var(--ptr-rotation, 0deg));transition:transform .1s linear}.dark .ptr-spinner{border-color:#4b5563;border-top-color:#60a5fa}.ptr-indicator.refreshing .ptr-spinner{animation:ptr-spin .8s linear infinite}@keyframes ptr-spin{to{transform:rotate(360deg)}}.ptr-text{font-size:.75rem;font-weight:500;color:#6b7280;white-space:nowrap}.dark .ptr-text{color:#9ca3af}.swipe-back-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(0,0,0,.08) 0%,transparent 30%);opacity:0;pointer-events:none;z-index:9998;transition:opacity .2s ease-out}.swipe-back-overlay.active{opacity:var(--swipe-progress, 0)}.fi-modal.dragging,.fi-slideover.dragging,[role=dialog].dragging{transition:none!important;cursor:grabbing}.fi-modal:not(.dragging),.fi-slideover:not(.dragging),[role=dialog]:not(.dragging){transition:transform .25s ease-out,opacity .25s ease-out}.fi-modal-header:before,.fi-slideover-header:before{content:"";position:absolute;top:.5rem;left:50%;transform:translate(-50%);width:2rem;height:.25rem;background:#d1d5db;border-radius:9999px;opacity:0;transition:opacity .2s}.dark .fi-modal-header:before,.dark .fi-slideover-header:before{background:#4b5563}@media (pointer: coarse){.fi-modal-header:before,.fi-slideover-header:before{opacity:1}.fi-modal-header,.fi-slideover-header{padding-top:1.25rem;cursor:grab}}.ptr-indicator.pulling~*,.swipe-back-overlay.active~*{user-select:none;-webkit-user-select:none}@supports (padding-top: env(safe-area-inset-top)){.ptr-indicator{top:env(safe-area-inset-top)}}.chat-messages,.session-info-content,.fi-modal-content,.fi-slideover-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.task-todo-list{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;border-top:1px solid rgb(229 231 235);background-color:#fff}.dark .task-todo-list{background-color:#1f2937;border-top-color:#374151}.task-todo-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;border-bottom:1px solid rgb(229 231 235);flex-shrink:0}.dark .task-todo-header{border-bottom-color:#374151}.task-todo-title{font-size:.8125rem;font-weight:600;color:#111827;margin:0}.dark .task-todo-title{color:#fff}.task-todo-count{font-size:.6875rem;font-weight:500;color:#6b7280;background-color:#f3f4f6;padding:.125rem .5rem;border-radius:9999px}.dark .task-todo-count{color:#9ca3af;background-color:#374151}.task-todo-form{display:flex;gap:.375rem;padding:.5rem .75rem;border-bottom:1px solid rgb(229 231 235);flex-shrink:0}.dark .task-todo-form{border-bottom-color:#374151}.task-todo-input{flex:1;border:1px solid rgb(209 213 219);border-radius:.375rem;padding:.375rem .625rem;font-size:.8125rem;background-color:#f9fafb;color:#111827}.dark .task-todo-input{border-color:#374151;background-color:#111827;color:#f1f5f9}.task-todo-input:focus{outline:none;border-color:#3b82f6;background-color:#fff}.dark .task-todo-input:focus{background-color:#1e293b}.task-todo-add-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.375rem;background-color:#3b82f6;color:#fff;border:none;cursor:pointer;transition:all .15s;flex-shrink:0}.task-todo-add-btn:hover:not(:disabled){background-color:#2563eb}.task-todo-add-btn:disabled{opacity:.5;cursor:not-allowed}.task-todo-items{flex:1;overflow-y:auto;overflow-x:hidden;padding:.25rem;min-height:0}.task-todo-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:.375rem;transition:background-color .15s}.task-todo-item:hover{background-color:#f3f4f6}.dark .task-todo-item:hover{background-color:#374151}.task-todo-item.completed .task-todo-content{text-decoration:line-through;color:#9ca3af}.dark .task-todo-item.completed .task-todo-content{color:#6b7280}.task-todo-checkbox{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;border:1px solid rgb(209 213 219);background:transparent;color:#6b7280;cursor:pointer;flex-shrink:0;transition:all .15s}.task-todo-checkbox:hover{border-color:#3b82f6;color:#3b82f6}.dark .task-todo-checkbox{border-color:#4b5563;color:#9ca3af}.dark .task-todo-checkbox:hover{border-color:#60a5fa;color:#60a5fa}.task-todo-item.completed .task-todo-checkbox{background-color:#22c55e;border-color:#22c55e;color:#fff}.dark .task-todo-item.completed .task-todo-checkbox{background-color:#16a34a}.task-todo-content{flex:1;font-size:.8125rem;color:#374151;word-break:break-word;overflow:hidden;text-overflow:ellipsis}.dark .task-todo-content{color:#d1d5db}.task-todo-delete{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:.25rem;background:transparent;border:none;color:#9ca3af;cursor:pointer;opacity:0;transition:all .15s;flex-shrink:0}.task-todo-item:hover .task-todo-delete{opacity:1}.task-todo-delete:hover{background-color:#fee2e2;color:#dc2626}.dark .task-todo-delete:hover{background-color:#7f1d1d80;color:#f87171}.task-todo-actions{display:flex;gap:.5rem;padding:.5rem .75rem;border-top:1px solid rgb(229 231 235);flex-shrink:0}.dark .task-todo-actions{border-top-color:#374151}.task-todo-action-btn{font-size:.75rem;color:#6b7280;background:transparent;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:all .15s}.task-todo-action-btn:hover{background-color:#f3f4f6;color:#374151}.dark .task-todo-action-btn:hover{background-color:#374151;color:#d1d5db}.task-todo-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;text-align:center;flex:1;min-height:100px}.task-todo-empty p{margin:0;font-size:.8125rem;color:#9ca3af}.task-todo-empty-hint{font-size:.6875rem!important;margin-top:.25rem!important}.task-todo-mobile-bar{display:none;padding:.5rem .75rem;background-color:#fff;border-top:1px solid rgb(229 231 235);flex-shrink:0}.dark .task-todo-mobile-bar{background-color:#111827;border-top-color:#374151}.task-todo-mobile-scroll{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:.25rem}.task-todo-mobile-add{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background-color:#f3f4f6;color:#6b7280;border:none;cursor:pointer;flex-shrink:0;transition:all .15s}.task-todo-mobile-add:hover{background-color:#e5e7eb;color:#374151}.dark .task-todo-mobile-add{background-color:#374151;color:#9ca3af}.dark .task-todo-mobile-add:hover{background-color:#4b5563;color:#d1d5db}.task-todo-mobile-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-radius:9999px;border:1px solid rgb(209 213 219);background-color:#fff;color:#374151;font-size:.75rem;cursor:pointer;transition:all .15s;flex-shrink:0;max-width:200px}.task-todo-mobile-chip:hover{background-color:#f3f4f6}.dark .task-todo-mobile-chip{background-color:#1e293b;border-color:#374151;color:#d1d5db}.dark .task-todo-mobile-chip:hover{background-color:#374151}.task-todo-mobile-chip.completed{background-color:#dcfce7;border-color:#22c55e;color:#16a34a}.dark .task-todo-mobile-chip.completed{background-color:#14532d80;border-color:#22c55e;color:#86efac}.task-todo-chip-icon{width:.875rem;height:.875rem;flex-shrink:0}.task-todo-chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-todo-mobile-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center}.task-todo-mobile-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080}.task-todo-mobile-modal-content{position:relative;width:90%;max-width:20rem;background-color:#fff;border-radius:.75rem;box-shadow:0 10px 25px -5px #00000026;overflow:hidden}.dark .task-todo-mobile-modal-content{background-color:#1f2937}.task-todo-mobile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgb(229 231 235)}.dark .task-todo-mobile-modal-header{border-bottom-color:#374151}.task-todo-mobile-modal-header h3{font-size:.9375rem;font-weight:600;color:#111827;margin:0}.dark .task-todo-mobile-modal-header h3{color:#fff}.task-todo-mobile-modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.375rem;background:transparent;border:none;color:#6b7280;cursor:pointer;transition:all .15s}.task-todo-mobile-modal-close:hover{background-color:#f3f4f6;color:#374151}.dark .task-todo-mobile-modal-close:hover{background-color:#374151;color:#d1d5db}.task-todo-mobile-modal-body{padding:1rem}.task-todo-mobile-input{width:100%;border:1px solid rgb(209 213 219);border-radius:.5rem;padding:.75rem 1rem;font-size:.9375rem;background-color:#f9fafb;color:#111827}.dark .task-todo-mobile-input{border-color:#374151;background-color:#111827;color:#f1f5f9}.task-todo-mobile-input:focus{outline:none;border-color:#3b82f6}.task-todo-mobile-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem;border-top:1px solid rgb(229 231 235)}.dark .task-todo-mobile-modal-footer{border-top-color:#374151}.task-todo-mobile-modal-cancel{padding:.5rem 1rem;border-radius:.5rem;border:1px solid rgb(209 213 219);background:transparent;color:#374151;font-size:.875rem;cursor:pointer;transition:all .15s}.dark .task-todo-mobile-modal-cancel{border-color:#374151;color:#d1d5db}.task-todo-mobile-modal-cancel:hover{background-color:#f3f4f6}.dark .task-todo-mobile-modal-cancel:hover{background-color:#374151}.task-todo-mobile-modal-submit{padding:.5rem 1rem;border-radius:.5rem;border:none;background-color:#3b82f6;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.task-todo-mobile-modal-submit:hover:not(:disabled){background-color:#2563eb}.task-todo-mobile-modal-submit:disabled{opacity:.5;cursor:not-allowed}@media (min-width: 768px){.task-todo-list{display:flex!important}.task-todo-mobile-bar,.task-todo-mobile-modal{display:none!important}}@media (max-width: 767px){.task-todo-list{display:none!important}.task-todo-mobile-bar{display:block}body.chat-immersive-mode .task-todo-mobile-bar{position:fixed;bottom:3.5rem;left:0;right:0;z-index:19;padding:.5rem .75rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));background-color:#fff;border-top:1px solid rgb(229 231 235)}.dark body.chat-immersive-mode .task-todo-mobile-bar,body.chat-immersive-mode.dark .task-todo-mobile-bar{background-color:#111827;border-top-color:#374151}body.chat-immersive-mode.keyboard-visible .task-todo-mobile-bar{display:none}}body.ide-immersive-mode .fi-main-sidebar{display:none}body.ide-immersive-mode .fi-layout{--sidebar-width: 0px !important}body.ide-immersive-mode .fi-main-ctn{margin-inline-start:0!important}body.ide-immersive-mode,body.ide-immersive-mode .fi-main{overflow:hidden}.ide-page-layout{display:flex;height:calc(100vh - 4rem);width:100%;overflow:hidden;background-color:#111827}.ide-editor-panel{display:flex;flex-direction:column;height:100%;min-width:300px;overflow:hidden}.ide-editor-header{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background-color:#1f2937;border-bottom:1px solid rgb(55 65 81);flex-shrink:0}.ide-back-link{display:inline-flex;align-items:center;gap:.375rem;color:#9ca3af;font-size:.875rem;text-decoration:none;transition:color .15s}.ide-back-link:hover{color:#fff}.ide-back-icon{width:1rem;height:1rem}.ide-header-title{color:#d1d5db;font-size:.875rem;font-weight:500}.ide-frame{flex:1;width:100%;border:none;background-color:#1e1e1e}.ide-resize-handle{width:6px;background-color:#374151;cursor:col-resize;flex-shrink:0;transition:background-color .15s}.ide-resize-handle:hover,.ide-resize-handle-active{background-color:#3b82f6}.ide-chat-panel{display:flex;flex-direction:column;height:100%;min-width:280px;overflow:hidden;background-color:#fff}.dark .ide-chat-panel{background-color:#111827}.ide-chat-panel .chat-container{height:100%}