@huyooo/ai-chat-frontend-react 0.2.45 → 0.3.4

package/dist/index.css

@@ -1,4017 +0,0 @@
-@import "@huyooo/ai-chat-shared/styles";
-
-/* src/styles.css */
-:root {
-  color-scheme: light;
-  --chat-bg: #f7f7f4;
-  --chat-header-bg: var(--chat-bg);
-  --chat-input-bg: #f0efeb;
-  --chat-dropdown-bg: #f2f1ed;
-  --chat-muted: #ebeae5;
-  --chat-muted-hover: #e6e5e0;
-  --chat-border: #26251e1a;
-  --chat-text: #26251eeb;
-  --chat-text-strong: #26251e;
-  --chat-text-muted: #26251e99;
-  --chat-primary: #54a9ff;
-  --chat-primary-hover: #2f90ff;
-  --chat-destructive: #cf2d56;
-  --chat-destructive-hover: #b3003f;
-  --chat-success: #1f8a65;
-  --chat-code-bg: #f2f1ed;
-  --chat-code-text: #26251eeb;
-  --chat-scrollbar: rgba(38, 37, 30, 0.2);
-  --chat-scrollbar-hover: rgba(38, 37, 30, 0.3);
-  --chat-fab-bg: #ffffff;
-  --chat-fab-bg-hover: var(--chat-input-bg);
-  --chat-fab-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
-  --chat-hljs-keyword: #cf222e;
-  --chat-hljs-built-in: #953800;
-  --chat-hljs-type: #953800;
-  --chat-hljs-function: #8250df;
-  --chat-hljs-string: #0a3069;
-  --chat-hljs-number: #0550ae;
-  --chat-hljs-literal: #0550ae;
-  --chat-hljs-comment: #6e7781;
-  --chat-hljs-variable: #953800;
-  --chat-hljs-attr: #0550ae;
-  --chat-hljs-property: #116329;
-  --chat-hljs-operator: #cf222e;
-  --chat-hljs-punctuation: #24292f;
-  --chat-hljs-params: #24292f;
-  --chat-hljs-regexp: #116329;
-  --chat-hljs-selector: #116329;
-  --chat-hljs-tag: #116329;
-  --chat-hljs-name: #116329;
-  --chat-hljs-deletion: #82071e;
-  --chat-hljs-deletion-bg: rgba(255, 129, 130, 0.15);
-  --chat-hljs-addition: #116329;
-  --chat-hljs-addition-bg: rgba(46, 160, 67, 0.15);
-  --chat-hljs-meta: #6e7781;
-  --chat-hljs-link: #0a3069;
-  --chat-hljs-symbol: #0550ae;
-  --chat-hljs-subst: #24292f;
-  --chat-hljs-section: #0550ae;
-  --chat-hljs-bullet: #953800;
-}
-@media (prefers-color-scheme: dark) {
-  :root {
-    color-scheme: dark;
-    --chat-bg: #1e1e1e;
-    --chat-header-bg: #1e1e1e;
-    --chat-input-bg: #2d2d2d;
-    --chat-dropdown-bg: #252526;
-    --chat-muted: #2d2d2d;
-    --chat-muted-hover: #3c3c3c;
-    --chat-border: #333;
-    --chat-text: #ccc;
-    --chat-text-strong: #fff;
-    --chat-text-muted: #888;
-    --chat-primary: #54a9ff;
-    --chat-primary-hover: #2f90ff;
-    --chat-destructive: #cf2d56;
-    --chat-destructive-hover: #e33b67;
-    --chat-success: #1f8a65;
-    --chat-code-bg: #1f2937;
-    --chat-code-text: #e5e7eb;
-    --chat-scrollbar: rgba(255, 255, 255, 0.2);
-    --chat-scrollbar-hover: rgba(255, 255, 255, 0.3);
-    --chat-fab-bg: var(--chat-muted);
-    --chat-fab-bg-hover: var(--chat-muted-hover);
-    --chat-fab-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
-    --chat-hljs-keyword: #ff7b72;
-    --chat-hljs-built-in: #ffa657;
-    --chat-hljs-type: #ffa657;
-    --chat-hljs-function: #d2a8ff;
-    --chat-hljs-string: #a5d6ff;
-    --chat-hljs-number: #79c0ff;
-    --chat-hljs-literal: #79c0ff;
-    --chat-hljs-comment: #8b949e;
-    --chat-hljs-variable: #ffa657;
-    --chat-hljs-attr: #79c0ff;
-    --chat-hljs-property: #7ee787;
-    --chat-hljs-operator: #ff7b72;
-    --chat-hljs-punctuation: #e6edf3;
-    --chat-hljs-params: #e6edf3;
-    --chat-hljs-regexp: #7ee787;
-    --chat-hljs-selector: #7ee787;
-    --chat-hljs-tag: #7ee787;
-    --chat-hljs-name: #7ee787;
-    --chat-hljs-deletion: #ffa198;
-    --chat-hljs-deletion-bg: rgba(248, 81, 73, 0.15);
-    --chat-hljs-addition: #7ee787;
-    --chat-hljs-addition-bg: rgba(46, 160, 67, 0.15);
-    --chat-hljs-meta: #8b949e;
-    --chat-hljs-link: #a5d6ff;
-    --chat-hljs-symbol: #79c0ff;
-    --chat-hljs-subst: #e6edf3;
-    --chat-hljs-section: #79c0ff;
-    --chat-hljs-bullet: #ffa657;
-  }
-}
-:root[data-theme=light] {
-  color-scheme: light;
-  --chat-bg: #f7f7f4;
-  --chat-header-bg: var(--chat-bg);
-  --chat-input-bg: #f0efeb;
-  --chat-dropdown-bg: #f2f1ed;
-  --chat-muted: #ebeae5;
-  --chat-muted-hover: #e6e5e0;
-  --chat-border: #26251e1a;
-  --chat-text: #26251eeb;
-  --chat-text-strong: #26251e;
-  --chat-text-muted: #26251e99;
-  --chat-primary: #54a9ff;
-  --chat-primary-hover: #2f90ff;
-  --chat-destructive: #cf2d56;
-  --chat-destructive-hover: #b3003f;
-  --chat-success: #1f8a65;
-  --chat-code-bg: #f2f1ed;
-  --chat-code-text: #26251eeb;
-  --chat-scrollbar: rgba(38, 37, 30, 0.2);
-  --chat-scrollbar-hover: rgba(38, 37, 30, 0.3);
-  --chat-fab-bg: #ffffff;
-  --chat-fab-bg-hover: var(--chat-input-bg);
-  --chat-fab-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
-  --chat-hljs-keyword: #cf222e;
-  --chat-hljs-built-in: #953800;
-  --chat-hljs-type: #953800;
-  --chat-hljs-function: #8250df;
-  --chat-hljs-string: #0a3069;
-  --chat-hljs-number: #0550ae;
-  --chat-hljs-literal: #0550ae;
-  --chat-hljs-comment: #6e7781;
-  --chat-hljs-variable: #953800;
-  --chat-hljs-attr: #0550ae;
-  --chat-hljs-property: #116329;
-  --chat-hljs-operator: #cf222e;
-  --chat-hljs-punctuation: #24292f;
-  --chat-hljs-params: #24292f;
-  --chat-hljs-regexp: #116329;
-  --chat-hljs-selector: #116329;
-  --chat-hljs-tag: #116329;
-  --chat-hljs-name: #116329;
-  --chat-hljs-deletion: #82071e;
-  --chat-hljs-deletion-bg: rgba(255, 129, 130, 0.15);
-  --chat-hljs-addition: #116329;
-  --chat-hljs-addition-bg: rgba(46, 160, 67, 0.15);
-  --chat-hljs-meta: #6e7781;
-  --chat-hljs-link: #0a3069;
-  --chat-hljs-symbol: #0550ae;
-  --chat-hljs-subst: #24292f;
-  --chat-hljs-section: #0550ae;
-  --chat-hljs-bullet: #953800;
-}
-:root[data-theme=dark] {
-  color-scheme: dark;
-  --chat-bg: #1e1e1e;
-  --chat-header-bg: #1e1e1e;
-  --chat-input-bg: #2d2d2d;
-  --chat-dropdown-bg: #252526;
-  --chat-muted: #2d2d2d;
-  --chat-muted-hover: #3c3c3c;
-  --chat-border: #333;
-  --chat-text: #ccc;
-  --chat-text-strong: #fff;
-  --chat-text-muted: #888;
-  --chat-primary: #54a9ff;
-  --chat-primary-hover: #2f90ff;
-  --chat-destructive: #cf2d56;
-  --chat-destructive-hover: #e33b67;
-  --chat-success: #1f8a65;
-  --chat-code-bg: #1f2937;
-  --chat-code-text: #e5e7eb;
-  --chat-scrollbar: rgba(255, 255, 255, 0.2);
-  --chat-scrollbar-hover: rgba(255, 255, 255, 0.3);
-  --chat-fab-bg: var(--chat-muted);
-  --chat-fab-bg-hover: var(--chat-muted-hover);
-  --chat-fab-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
-  --chat-hljs-keyword: #ff7b72;
-  --chat-hljs-built-in: #ffa657;
-  --chat-hljs-type: #ffa657;
-  --chat-hljs-function: #d2a8ff;
-  --chat-hljs-string: #a5d6ff;
-  --chat-hljs-number: #79c0ff;
-  --chat-hljs-literal: #79c0ff;
-  --chat-hljs-comment: #8b949e;
-  --chat-hljs-variable: #ffa657;
-  --chat-hljs-attr: #79c0ff;
-  --chat-hljs-property: #7ee787;
-  --chat-hljs-operator: #ff7b72;
-  --chat-hljs-punctuation: #e6edf3;
-  --chat-hljs-params: #e6edf3;
-  --chat-hljs-regexp: #7ee787;
-  --chat-hljs-selector: #7ee787;
-  --chat-hljs-tag: #7ee787;
-  --chat-hljs-name: #7ee787;
-  --chat-hljs-deletion: #ffa198;
-  --chat-hljs-deletion-bg: rgba(248, 81, 73, 0.15);
-  --chat-hljs-addition: #7ee787;
-  --chat-hljs-addition-bg: rgba(46, 160, 67, 0.15);
-  --chat-hljs-meta: #8b949e;
-  --chat-hljs-link: #a5d6ff;
-  --chat-hljs-symbol: #79c0ff;
-  --chat-hljs-subst: #e6edf3;
-  --chat-hljs-section: #79c0ff;
-  --chat-hljs-bullet: #ffa657;
-}
-.chat-scrollbar::-webkit-scrollbar {
-  width: 6px;
-}
-.chat-scrollbar::-webkit-scrollbar-track {
-  background: transparent;
-}
-.chat-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--chat-scrollbar, rgba(255, 255, 255, 0.2));
-  border-radius: 3px;
-}
-.chat-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--chat-scrollbar-hover, rgba(255, 255, 255, 0.3));
-}
-.chat-panel {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  background: var(--chat-bg, #1e1e1e);
-  overflow: hidden;
-}
-.messages-wrapper {
-  flex: 1;
-  min-height: 0;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-}
-.messages-container {
-  flex: 1;
-  min-height: 0;
-  overflow-y: auto;
-  padding: 12px;
-  scroll-behavior: smooth;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.scroll-to-bottom-btn {
-  position: absolute;
-  bottom: 16px;
-  right: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  background: var(--chat-fab-bg, var(--chat-muted));
-  border: 1px solid var(--chat-border);
-  color: var(--chat-text-muted);
-  cursor: pointer;
-  transition: all 0.2s ease;
-  box-shadow: var(--chat-fab-shadow, 0 2px 8px rgba(0, 0, 0, 0.3));
-  z-index: 10;
-  pointer-events: auto;
-}
-.scroll-to-bottom-btn:hover {
-  background: var(--chat-fab-bg-hover, var(--chat-muted-hover));
-  color: var(--chat-text);
-  transform: scale(1.1);
-}
-
-/* src/components/header/ChatHeader.css */
-.chat-header {
-  display: flex;
-  align-items: center;
-  height: 48px;
-  padding: 0 12px;
-  background: var(--chat-header-bg, #1e1e1e);
-  border-bottom: 1px solid var(--chat-border, #333);
-  flex-shrink: 0;
-}
-.tabs-container {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  flex: 1;
-  overflow-x: auto;
-  padding-right: 8px;
-}
-.tabs-container::-webkit-scrollbar {
-  display: none;
-}
-.tab-item {
-  position: relative;
-  display: flex;
-  align-items: center;
-  padding: 4px 8px;
-  background: transparent;
-  border: none;
-  border-radius: 4px;
-  color: var(--chat-text-muted, #888);
-  font-size: 14px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: all 0.15s;
-  white-space: nowrap;
-  max-width: 120px;
-  flex-shrink: 0;
-}
-.tab-item:hover {
-  color: var(--chat-text, #ccc);
-}
-.tab-item.active {
-  background: var(--chat-muted, #3c3c3c);
-  color: var(--chat-text, #fff);
-}
-.tab-title {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.tab-close {
-  position: absolute;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  padding: 0;
-  padding-left: 8px;
-  background:
-    linear-gradient(
-      to right,
-      transparent,
-      var(--chat-bg, #1e1e1e) 50%);
-  border: none;
-  border-radius: 0 4px 4px 0;
-  color: var(--chat-text-muted, #666);
-  cursor: pointer;
-  transition: all 0.15s;
-  opacity: 0;
-}
-.tab-item:hover .tab-close {
-  opacity: 1;
-}
-.tab-item.active .tab-close {
-  background:
-    linear-gradient(
-      to right,
-      transparent,
-      var(--chat-muted, #3c3c3c) 50%);
-}
-.tab-close:hover {
-  color: var(--chat-text, #fff);
-}
-.header-actions {
-  display: flex;
-  align-items: center;
-  gap: 2px;
-  flex-shrink: 0;
-}
-.header-actions .icon-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  padding: 0;
-  background: transparent;
-  border: none;
-  border-radius: 4px;
-  color: var(--chat-text-muted, #888);
-  cursor: pointer;
-  transition: all 0.15s;
-}
-.header-actions .icon-btn:hover,
-.header-actions .icon-btn.active {
-  color: var(--chat-text, #fff);
-}
-.header-actions .icon-btn.small {
-  width: 20px;
-  height: 20px;
-}
-.dropdown-container {
-  position: relative;
-}
-.dropdown-panel {
-  position: absolute;
-  top: 100%;
-  right: 0;
-  margin-top: 4px;
-  background: var(--chat-dropdown-bg, #252526);
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 8px;
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
-  z-index: 100;
-  overflow: hidden;
-}
-.history-panel {
-  width: 360px;
-}
-.more-panel {
-  width: 200px;
-  padding: 4px;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-.panel-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 10px 12px;
-  border-bottom: 1px solid var(--chat-border, #333);
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--chat-text-muted, #888);
-}
-.panel-content {
-  max-height: 400px;
-  overflow-y: auto;
-}
-.history-group-label {
-  padding: 8px 12px 4px;
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--chat-text-muted, #666);
-}
-.history-group-label:not(:first-child) {
-  border-top: 1px solid var(--chat-border, #333);
-  margin-top: 4px;
-  padding-top: 12px;
-}
-.history-item {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  padding: 6px 12px;
-  cursor: pointer;
-  transition: background 0.15s;
-}
-.history-item:hover {
-  background: rgba(255, 255, 255, 0.08);
-}
-.history-item.active {
-  background: rgba(255, 255, 255, 0.1);
-}
-.history-title {
-  flex: 1;
-  font-size: 14px;
-  color: var(--chat-text, #ccc);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.history-time {
-  font-size: 14px;
-  color: var(--chat-text-muted, #666);
-  flex-shrink: 0;
-  margin-right: 10px;
-}
-.history-actions {
-  display: flex;
-  align-items: center;
-  gap: 2px;
-  flex-shrink: 0;
-  opacity: 0;
-  transition: opacity 0.15s;
-}
-.history-item:hover .history-actions {
-  opacity: 1;
-}
-.history-action-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  padding: 0;
-  background: transparent;
-  border: none;
-  border-radius: 6px;
-  color: var(--chat-text-muted, #666);
-  cursor: pointer;
-  transition: all 0.15s;
-}
-.history-action-btn:hover {
-  color: var(--chat-text, #fff);
-}
-.history-action-btn.delete:hover {
-  color: var(--chat-destructive, #ef4444);
-}
-.empty-state {
-  padding: 20px;
-  text-align: center;
-  font-size: 14px;
-  color: var(--chat-text-muted, #666);
-}
-.menu-item {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  width: 100%;
-  padding: 8px 10px;
-  border: none;
-  background: transparent;
-  border-radius: 4px;
-  font-size: 14px;
-  color: var(--chat-text-muted, #999);
-  cursor: pointer;
-  transition: all 0.15s;
-  text-align: left;
-}
-.menu-item:hover {
-  background: rgba(255, 255, 255, 0.08);
-  color: var(--chat-text, #ccc);
-}
-.menu-divider {
-  height: 1px;
-  background: var(--chat-border, #333);
-  margin: 4px 0;
-}
-
-/* src/components/message/WelcomeMessage.css */
-.welcome-message {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 28px;
-  padding: 40px 24px;
-  max-width: 640px;
-  margin: 0 auto;
-  min-height: 100%;
-}
-.welcome-header {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  gap: 8px;
-}
-.welcome-title-row {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-.welcome-icon {
-  color: var(--chat-text-muted, #888);
-}
-.welcome-title {
-  font-size: 24px;
-  font-weight: 600;
-  color: var(--chat-text, #fff);
-  margin: 0;
-}
-.welcome-subtitle {
-  font-size: 13px;
-  color: var(--chat-text-muted, #888);
-  margin: 0;
-}
-.section-header {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  margin-bottom: 12px;
-  padding-left: 2px;
-}
-.section-icon {
-  color: var(--chat-text-muted, #666);
-}
-.section-title {
-  font-size: 12px;
-  font-weight: 500;
-  color: var(--chat-text-muted, #888);
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-}
-.features-section {
-  width: 100%;
-}
-.features-list {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  justify-content: center;
-}
-.feature-tag {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  padding: 6px 12px;
-  background: var(--chat-muted, #2a2a2a);
-  border: 1px solid var(--chat-border, #3a3a3a);
-  border-radius: 20px;
-  font-size: 12px;
-  color: var(--chat-text, #ccc);
-  transition: all 0.15s;
-}
-.feature-tag:hover {
-  background: rgba(255, 255, 255, 0.08);
-  border-color: rgba(255, 255, 255, 0.15);
-}
-.feature-icon {
-  color: var(--chat-text-muted, #888);
-}
-.tasks-section {
-  width: 100%;
-}
-.tasks-grid {
-  display: grid;
-  gap: 10px;
-}
-.tasks-single {
-  grid-template-columns: minmax(200px, 320px);
-  justify-content: center;
-}
-.tasks-two {
-  grid-template-columns: repeat(2, 1fr);
-}
-.tasks-three {
-  grid-template-columns: repeat(3, 1fr);
-}
-.tasks-multi {
-  grid-template-columns: repeat(2, 1fr);
-}
-.task-card {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 12px 14px;
-  background: var(--chat-muted, #2a2a2a);
-  border: 1px solid var(--chat-border, #3a3a3a);
-  border-radius: 10px;
-  color: var(--chat-text, #ccc);
-  text-align: left;
-  cursor: pointer;
-  transition: all 0.2s;
-}
-.task-card:hover {
-  background: rgba(255, 255, 255, 0.08);
-  border-color: rgba(59, 130, 246, 0.5);
-  transform: translateY(-1px);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-}
-.task-icon {
-  flex-shrink: 0;
-  width: 32px;
-  height: 32px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: rgba(59, 130, 246, 0.15);
-  border-radius: 8px;
-  color: #60a5fa;
-}
-.task-card:hover .task-icon {
-  background: rgba(59, 130, 246, 0.25);
-}
-.task-content {
-  flex: 1;
-  min-width: 0;
-}
-.task-name {
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--chat-text, #fff);
-  margin-bottom: 2px;
-}
-.task-desc {
-  font-size: 11px;
-  color: var(--chat-text-muted, #888);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.task-arrow {
-  flex-shrink: 0;
-  color: var(--chat-text-muted, #666);
-  opacity: 0;
-  transform: translateX(-4px);
-  transition: all 0.2s;
-}
-.task-card:hover .task-arrow {
-  opacity: 1;
-  transform: translateX(0);
-}
-@media (max-width: 540px) {
-  .welcome-message {
-    padding: 32px 16px;
-    gap: 24px;
-  }
-  .welcome-title {
-    font-size: 24px;
-  }
-  .tasks-two,
-  .tasks-three,
-  .tasks-multi {
-    grid-template-columns: 1fr;
-  }
-  .task-arrow {
-    display: none;
-  }
-}
-
-/* src/components/message/MessageBubble.css */
-.message-bubble {
-  animation: fadeIn 0.2s ease;
-}
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(4px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-.message-bubble.user {
-  width: 100%;
-}
-.user-content {
-  width: 100%;
-  background: var(--chat-muted, #2d2d2d);
-  color: var(--chat-text, #ccc);
-  padding: 12px;
-  border-radius: 12px;
-  border: 1px solid var(--chat-border, #444);
-}
-.user-text {
-  font-size: 14px;
-  line-height: 1.5;
-  white-space: pre-wrap;
-  word-break: break-word;
-}
-.user-images {
-  display: flex;
-  gap: 8px;
-  margin-top: 8px;
-  flex-wrap: wrap;
-}
-.user-image {
-  width: 80px;
-  height: 80px;
-  object-fit: cover;
-  border-radius: 8px;
-  cursor: pointer;
-  transition: transform 0.15s;
-}
-.user-image:hover {
-  transform: scale(1.05);
-}
-.message-bubble.assistant {
-  position: relative;
-}
-.assistant-content {
-  max-width: 100%;
-}
-.loading-indicator {
-  position: relative;
-  display: flex;
-  align-items: center;
-  padding: 10px 16px;
-  background: var(--chat-muted, #2a2a2a);
-  border-radius: 8px;
-  overflow: hidden;
-  box-sizing: border-box;
-}
-.loading-indicator.has-content-above {
-  margin-top: 8px;
-}
-.loading-text {
-  font-size: 13px;
-  color: var(--chat-text-muted, #888);
-  position: relative;
-  z-index: 1;
-}
-.loading-shimmer {
-  position: absolute;
-  top: 0;
-  left: -100%;
-  width: 100%;
-  height: 100%;
-  background:
-    linear-gradient(
-      90deg,
-      transparent 0%,
-      rgba(255, 255, 255, 0.08) 50%,
-      transparent 100%);
-  animation: shimmer 1.5s ease-in-out infinite;
-}
-@keyframes shimmer {
-  0% {
-    left: -100%;
-  }
-  100% {
-    left: 100%;
-  }
-}
-.message-actions {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-top: 8px;
-}
-.message-meta {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-.model-name {
-  font-size: 11px;
-  color: var(--chat-text-muted, #888);
-  background: var(--chat-muted, #2a2a2a);
-  padding: 2px 8px;
-  border-radius: 10px;
-  border: 1px solid var(--chat-border, #333);
-}
-.mode-badge {
-  font-size: 10px;
-  color: var(--chat-text-muted, #888);
-  background: var(--chat-muted, #2a2a2a);
-  padding: 2px 6px;
-  border-radius: 10px;
-  border: 1px solid var(--chat-border, #333);
-}
-.token-usage,
-.response-duration {
-  display: inline-flex;
-  align-items: center;
-  gap: 3px;
-  font-size: 11px;
-  color: var(--chat-text-muted, #888);
-  cursor: default;
-}
-.token-usage {
-  position: relative;
-}
-.token-usage:hover .usage-tooltip {
-  opacity: 1;
-  visibility: visible;
-  transform: translateX(-50%) translateY(0);
-}
-.usage-tooltip {
-  position: absolute;
-  bottom: calc(100% + 6px);
-  left: 50%;
-  transform: translateX(-50%) translateY(4px);
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  padding: 6px 10px;
-  background: var(--chat-bg, #1e1e1e);
-  border: 1px solid var(--chat-border, #444);
-  border-radius: 6px;
-  font-size: 11px;
-  color: var(--chat-text-muted, #aaa);
-  white-space: nowrap;
-  opacity: 0;
-  visibility: hidden;
-  transition:
-    opacity 0.15s,
-    visibility 0.15s,
-    transform 0.15s;
-  pointer-events: none;
-  z-index: 10;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
-}
-.usage-tooltip::after {
-  content: "";
-  position: absolute;
-  top: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-  border: 4px solid transparent;
-  border-top-color: var(--chat-border, #444);
-}
-.usage-tooltip-total {
-  border-top: 1px solid var(--chat-border, #333);
-  padding-top: 2px;
-  margin-top: 1px;
-  color: var(--chat-text, #ccc);
-  font-weight: 500;
-}
-.action-buttons {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-.action-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  border: none;
-  background: transparent;
-  border-radius: 4px;
-  color: var(--chat-text-muted, #666);
-  cursor: pointer;
-  transition: all 0.15s;
-}
-.action-btn:hover {
-  background: var(--chat-muted, #3c3c3c);
-  color: var(--chat-text, #ccc);
-}
-.action-btn.copied {
-  color: #22c55e;
-}
-.message-time {
-  font-size: 12px;
-  color: var(--chat-text-muted, #666);
-}
-.user-time {
-  text-align: right;
-  margin-top: 8px;
-}
-.assistant-time {
-  margin-right: 8px;
-}
-
-/* src/components/message/parts/CollapsibleCard.css */
-.collapsible-card {
-  border-radius: 8px;
-  background: var(--chat-muted, #2a2a2a);
-  border: 1px solid var(--chat-border, #333);
-  overflow: hidden;
-}
-.card-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  padding: 8px 12px;
-  user-select: none;
-}
-.card-header-left {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex: 1;
-}
-.card-header-left.clickable {
-  cursor: pointer;
-}
-.card-header-right {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  flex-shrink: 0;
-}
-.card-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-.spinning {
-  animation: spin 1s linear infinite;
-}
-@keyframes spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-.card-title {
-  font-size: 13px;
-  color: var(--chat-text-muted, #888);
-}
-.card-subtitle {
-  font-size: 12px;
-  color: var(--chat-text-muted, #666);
-}
-.card-chevron {
-  color: var(--chat-text-muted, #666);
-  transition: transform 0.2s;
-  flex-shrink: 0;
-  cursor: pointer;
-}
-.collapsible-card.expanded .card-chevron {
-  transform: rotate(180deg);
-}
-.card-content {
-  padding: 0 12px 12px;
-  min-width: 0;
-  overflow: hidden;
-}
-
-/* ../../node_modules/katex/dist/katex.min.css */
-@font-face {
-  font-display: block;
-  font-family: KaTeX_AMS;
-  font-style: normal;
-  font-weight: 400;
-  src:
-    url("./KaTeX_AMS-Regular-U6PRYMIZ.woff2") format("woff2"),
-    url("./KaTeX_AMS-Regular-CYEKBG2K.woff") format("woff"),
-    url("./KaTeX_AMS-Regular-JKX5W2C4.ttf") format("truetype");
-}
-@font-face {
-  font-display: block;
-  font-family: KaTeX_Caligraphic;
-  font-style: normal;
-  font-weight: 700;
-  src:
-    url("./KaTeX_Caligraphic-Bold-5QL5CMTE.woff2") format("woff2"),
-    url("./KaTeX_Caligraphic-Bold-WZ3QSGD3.woff") format("woff"),
-    url("./KaTeX_Caligraphic-Bold-ZTS3R3HK.ttf") format("truetype");
-}
-@font-face {
-  font-display: block;
-  font-family: KaTeX_Caligraphic;
-  font-style: normal;
-  font-weight: 400;
-  src:
-    url("./KaTeX_Caligraphic-Regular-KX5MEWCF.woff2") format("woff2"),
-    url("./KaTeX_Caligraphic-Regular-3LKEU76G.woff") format("woff"),
-    url("./KaTeX_Caligraphic-Regular-A7XRTZ5Q.ttf") format("truetype");
-}
-@font-face {
-  font-display: block;
-  font-family: KaTeX_Fraktur;
-  font-style: normal;
-  font-weight: 700;
-  src:
-    url("./KaTeX_Fraktur-Bold-2QVFK6NQ.woff2") format("woff2"),
-    url("./KaTeX_Fraktur-Bold-T4SWXBMT.woff") format("woff"),
-    url("./KaTeX_Fraktur-Bold-WGHVTYOR.ttf") format("truetype");
-}
-@font-face {
-  font-display: block;
-  font-family: KaTeX_Fraktur;
-  font-style: normal;
-  font-weight: 400;
-  src:
-    url("./KaTeX_Fraktur-Regular-2PEIFJSJ.woff2") format("woff2"),
-    url("./KaTeX_Fraktur-Regular-PQMHCIK6.woff") format("woff"),
-    url("./KaTeX_Fraktur-Regular-5U4OPH2X.ttf") format("truetype");
-}
-@font-face {
-  font-display: block;
-  font-family: KaTeX_Main;
-  font-style: normal;
-  font-weight: 700;
-  src:
-    url("./KaTeX_Main-Bold-YP5VVQRP.woff2") format("woff2"),
-    url("./KaTeX_Main-Bold-2GA4IZIN.woff") format("woff"),
-    url("./KaTeX_Main-Bold-W5FBVCZM.ttf") format("truetype");
-}
-@font-face {
-  font-display: block;
-  font-family: KaTeX_Main;
-  font-style: italic;
-  font-weight: 700;
-  src:
-    url("./KaTeX_Main-BoldItalic-N4V3DX7S.woff2") format("woff2"),
-    url("./KaTeX_Main-BoldItalic-4P4C7HJH.woff") format("woff"),
-    url("./KaTeX_Main-BoldItalic-ODMLBJJQ.ttf") format("truetype");
-}
-@font-face {
-  font-display: block;
-  font-family: KaTeX_Main;
-  font-style: italic;
-  font-weight: 400;
-  src:
-    url("./KaTeX_Main-Italic-RELBIK7M.woff2") format("woff2"),
-    url("./KaTeX_Main-Italic-SASNQFN2.woff") format("woff"),
-    url("./KaTeX_Main-Italic-I43T2HSR.ttf") format("truetype");
-}
-@font-face {
-  font-display: block;
-  font-family: KaTeX_Main;
-  font-style: normal;
-  font-weight: 400;
-  src:
-    url("./KaTeX_Main-Regular-ARRPAO67.woff2") format("woff2"),
-    url("./KaTeX_Main-Regular-P5I74A2A.woff") format("woff"),
-    url("./KaTeX_Main-Regular-W74P5G27.ttf") format("truetype");
-}
-@font-face {
-  font-display: block;
-  font-family: KaTeX_Math;
-  font-style: italic;
-  font-weight: 700;
-  src:
-    url("./KaTeX_Math-BoldItalic-K4WTGH3J.woff2") format("woff2"),
-    url("./KaTeX_Math-BoldItalic-6EBV3DK5.woff") format("woff"),
-    url("./KaTeX_Math-BoldItalic-VB447A4D.ttf") format("truetype");
-}
-@font-face {
-  font-display: block;
-  font-family: KaTeX_Math;
-  font-style: italic;
-  font-weight: 400;
-  src:
-    url("./KaTeX_Math-Italic-6KGCHLFN.woff2") format("woff2"),
-    url("./KaTeX_Math-Italic-KKK3USB2.woff") format("woff"),
-    url("./KaTeX_Math-Italic-SON4MRCA.ttf") format("truetype");
-}
-@font-face {
-  font-display: block;
-  font-family: "KaTeX_SansSerif";
-  font-style: normal;
-  font-weight: 700;
-  src:
-    url("./KaTeX_SansSerif-Bold-RRNVJFFW.woff2") format("woff2"),
-    url("./KaTeX_SansSerif-Bold-X5M5EMOD.woff") format("woff"),
-    url("./KaTeX_SansSerif-Bold-STQ6RXC7.ttf") format("truetype");
-}
-@font-face {
-  font-display: block;
-  font-family: "KaTeX_SansSerif";
-  font-style: italic;
-  font-weight: 400;
-  src:
-    url("./KaTeX_SansSerif-Italic-HMPFTM52.woff2") format("woff2"),
-    url("./KaTeX_SansSerif-Italic-PSN4QKYX.woff") format("woff"),
-    url("./KaTeX_SansSerif-Italic-WTBAZBGY.ttf") format("truetype");
-}
-@font-face {
-  font-display: block;
-  font-family: "KaTeX_SansSerif";
-  font-style: normal;
-  font-weight: 400;
-  src:
-    url("./KaTeX_SansSerif-Regular-XIQ62X4E.woff2") format("woff2"),
-    url("./KaTeX_SansSerif-Regular-OQCII6EP.woff") format("woff"),
-    url("./KaTeX_SansSerif-Regular-2TL3USAE.ttf") format("truetype");
-}
-@font-face {
-  font-display: block;
-  font-family: KaTeX_Script;
-  font-style: normal;
-  font-weight: 400;
-  src:
-    url("./KaTeX_Script-Regular-APUWIHLP.woff2") format("woff2"),
-    url("./KaTeX_Script-Regular-A5IFOEBS.woff") format("woff"),
-    url("./KaTeX_Script-Regular-72OLXYNA.ttf") format("truetype");
-}
-@font-face {
-  font-display: block;
-  font-family: KaTeX_Size1;
-  font-style: normal;
-  font-weight: 400;
-  src:
-    url("./KaTeX_Size1-Regular-5LRUTBFT.woff2") format("woff2"),
-    url("./KaTeX_Size1-Regular-4HRHTS65.woff") format("woff"),
-    url("./KaTeX_Size1-Regular-7K6AASVL.ttf") format("truetype");
-}
-@font-face {
-  font-display: block;
-  font-family: KaTeX_Size2;
-  font-style: normal;
-  font-weight: 400;
-  src:
-    url("./KaTeX_Size2-Regular-LELKET5D.woff2") format("woff2"),
-    url("./KaTeX_Size2-Regular-K5ZHAIS6.woff") format("woff"),
-    url("./KaTeX_Size2-Regular-222HN3GT.ttf") format("truetype");
-}
-@font-face {
-  font-display: block;
-  font-family: KaTeX_Size3;
-  font-style: normal;
-  font-weight: 400;
-  src:
-    url("./KaTeX_Size3-Regular-WQRQ47UD.woff2") format("woff2"),
-    url("./KaTeX_Size3-Regular-TLFPAHDE.woff") format("woff"),
-    url("./KaTeX_Size3-Regular-UFCO6WCA.ttf") format("truetype");
-}
-@font-face {
-  font-display: block;
-  font-family: KaTeX_Size4;
-  font-style: normal;
-  font-weight: 400;
-  src:
-    url("./KaTeX_Size4-Regular-CDMV7U5C.woff2") format("woff2"),
-    url("./KaTeX_Size4-Regular-PKMWZHNC.woff") format("woff"),
-    url("./KaTeX_Size4-Regular-7PGNVPQK.ttf") format("truetype");
-}
-@font-face {
-  font-display: block;
-  font-family: KaTeX_Typewriter;
-  font-style: normal;
-  font-weight: 400;
-  src:
-    url("./KaTeX_Typewriter-Regular-VBYJ4NRC.woff2") format("woff2"),
-    url("./KaTeX_Typewriter-Regular-MJMFSK64.woff") format("woff"),
-    url("./KaTeX_Typewriter-Regular-3F5K6SQ6.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.27";
-}
-.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: -moz-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;
-}
-
-/* src/components/message/parts/TextPart.css */
-.text-part {
-  max-width: 100%;
-}
-.text-block {
-  font-size: 14px;
-  line-height: 1.75;
-  color: var(--chat-text, #e5e7eb);
-  word-break: break-word;
-  letter-spacing: 0.01em;
-}
-.text-block p {
-  margin: 0.75em 0;
-}
-.text-block p:first-child {
-  margin-top: 0;
-}
-.text-block p:last-child {
-  margin-bottom: 0;
-}
-.text-block h1 {
-  font-size: 1.5em;
-  font-weight: 700;
-  margin: 1.5em 0 0.75em;
-  padding-bottom: 0.4em;
-  border-bottom: 1px solid var(--chat-border, rgba(255, 255, 255, 0.1));
-  color: var(--chat-text-strong, #fff);
-  letter-spacing: -0.02em;
-}
-.text-block h2 {
-  font-size: 1.3em;
-  font-weight: 600;
-  margin: 1.25em 0 0.6em;
-  padding-bottom: 0.3em;
-  border-bottom: 1px solid var(--chat-border, rgba(255, 255, 255, 0.08));
-  color: var(--chat-text-strong, #fff);
-  letter-spacing: -0.01em;
-}
-.text-block h3 {
-  font-size: 1.15em;
-  font-weight: 600;
-  margin: 1em 0 0.5em;
-  color: var(--chat-text-strong, #fff);
-}
-.text-block h4,
-.text-block h5,
-.text-block h6 {
-  font-size: 1em;
-  font-weight: 600;
-  margin: 0.8em 0 0.4em;
-  color: var(--chat-text, #e5e7eb);
-}
-.text-block h1:first-child,
-.text-block h2:first-child,
-.text-block h3:first-child {
-  margin-top: 0;
-}
-.text-block ul,
-.text-block ol {
-  margin: 0.75em 0;
-  padding-left: 1.5em;
-}
-.text-block li {
-  margin: 0.4em 0;
-  line-height: 1.6;
-}
-.text-block li::marker {
-  color: var(--chat-text-muted, #9ca3af);
-}
-.text-block li ul,
-.text-block li ol {
-  margin: 0.25em 0;
-}
-.text-block .markdown-task-item {
-  list-style: none;
-  margin-left: -1.5em;
-  padding-left: 0;
-}
-.text-block .markdown-task-checkbox {
-  display: inline-block;
-  width: 1.2em;
-  margin-right: 0.4em;
-  font-family:
-    "Monaco",
-    "Menlo",
-    monospace;
-  font-size: 0.85em;
-  color: var(--chat-accent, #60a5fa);
-}
-.text-block a {
-  color: var(--chat-accent, #60a5fa);
-  text-decoration: none;
-  background-image: linear-gradient(var(--chat-accent, #60a5fa), var(--chat-accent, #60a5fa));
-  background-size: 0% 1px;
-  background-position: 0 100%;
-  background-repeat: no-repeat;
-  transition: background-size 0.25s ease-out;
-}
-.text-block a:hover {
-  background-size: 100% 1px;
-}
-.text-block strong {
-  font-weight: 600;
-  color: var(--chat-text-strong, #fff);
-}
-.text-block em {
-  font-style: italic;
-  color: var(--chat-text, #e5e7eb);
-}
-.text-block s,
-.text-block del {
-  text-decoration: line-through;
-  color: var(--chat-text-muted, #9ca3af);
-}
-.text-block code {
-  font-family:
-    "JetBrains Mono",
-    "Fira Code",
-    "Monaco",
-    "Menlo",
-    "Consolas",
-    monospace;
-  font-size: 0.875em;
-  background: var(--chat-inline-code-bg, rgba(110, 118, 129, 0.25));
-  padding: 0.2em 0.45em;
-  border-radius: 6px;
-  color: var(--chat-inline-code-text, #f472b6);
-  font-weight: 500;
-}
-.text-block blockquote {
-  margin: 1em 0;
-  padding: 0.75em 1em;
-  border-left: 4px solid var(--chat-accent, #60a5fa);
-  background: var(--chat-blockquote-bg, rgba(96, 165, 250, 0.08));
-  border-radius: 0 8px 8px 0;
-  color: var(--chat-text-muted, #d1d5db);
-}
-.text-block blockquote p {
-  margin: 0.25em 0;
-}
-.text-block blockquote p:first-child {
-  margin-top: 0;
-}
-.text-block blockquote p:last-child {
-  margin-bottom: 0;
-}
-.text-block hr {
-  border: none;
-  height: 1px;
-  margin: 1.5em 0;
-  background:
-    linear-gradient(
-      90deg,
-      transparent,
-      var(--chat-border, rgba(255, 255, 255, 0.15)) 20%,
-      var(--chat-border, rgba(255, 255, 255, 0.15)) 80%,
-      transparent);
-}
-.text-block .markdown-table-wrapper {
-  margin: 1em 0;
-  overflow-x: auto;
-  border-radius: 8px;
-  border: 1px solid var(--chat-border, rgba(255, 255, 255, 0.1));
-  scrollbar-gutter: stable;
-}
-.text-block .markdown-table {
-  min-width: 100%;
-  width: max-content;
-  border-collapse: collapse;
-  font-size: 0.9em;
-}
-.text-block .markdown-table th {
-  background: var(--chat-table-header-bg, rgba(255, 255, 255, 0.06));
-  font-weight: 600;
-  text-align: left;
-  padding: 0.75em 1em;
-  border-bottom: 1px solid var(--chat-border, rgba(255, 255, 255, 0.1));
-  color: var(--chat-text-strong, #fff);
-}
-.text-block .markdown-table td {
-  padding: 0.65em 1em;
-  border-bottom: 1px solid var(--chat-border, rgba(255, 255, 255, 0.06));
-}
-.text-block .markdown-table tr:last-child td {
-  border-bottom: none;
-}
-.text-block .markdown-table tbody tr:hover {
-  background: var(--chat-table-row-hover-bg, rgba(255, 255, 255, 0.05));
-}
-.text-block img {
-  max-width: 100%;
-  height: auto;
-  border-radius: 8px;
-  margin: 0.75em 0;
-}
-.code-block-wrapper {
-  margin: 1em 0;
-  border-radius: 8px;
-  overflow: hidden;
-  border: 1px solid var(--chat-border, rgba(255, 255, 255, 0.15));
-  background: transparent;
-}
-.code-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 8px 14px;
-  border-bottom: 1px solid var(--chat-border, rgba(255, 255, 255, 0.08));
-}
-.code-language {
-  font-size: 12px;
-  font-weight: 500;
-  color: var(--chat-text-muted, #8b949e);
-  text-transform: lowercase;
-  letter-spacing: 0.03em;
-}
-.code-actions {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-.code-action-btn {
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  padding: 4px 8px;
-  font-size: 12px;
-  font-weight: 500;
-  color: var(--chat-text-muted, #8b949e);
-  background: transparent;
-  border: 1px solid transparent;
-  border-radius: 5px;
-  cursor: pointer;
-  appearance: none;
-  -webkit-appearance: none;
-  line-height: 1;
-  transition: all 0.15s ease;
-}
-.code-action-btn:hover {
-  color: var(--chat-text, #e5e7eb);
-  background: var(--chat-hover-bg, rgba(255, 255, 255, 0.08));
-  border-color: var(--chat-border, rgba(255, 255, 255, 0.1));
-}
-.code-action-btn:active {
-  transform: scale(0.97);
-}
-.code-action-btn svg {
-  flex-shrink: 0;
-  width: 14px;
-  height: 14px;
-}
-.code-block {
-  margin: 0;
-  padding: 14px 18px;
-  overflow-x: auto;
-  font-family:
-    "JetBrains Mono",
-    "Fira Code",
-    "Monaco",
-    "Menlo",
-    "Consolas",
-    monospace;
-  font-size: 13px;
-  line-height: 1.6;
-  color: var(--chat-code-text, #e6edf3);
-  background: transparent;
-  border: none;
-  border-radius: 0;
-  -webkit-font-smoothing: antialiased;
-}
-.code-block code {
-  display: block;
-  white-space: pre;
-  tab-size: 2;
-}
-.code-block::-webkit-scrollbar {
-  height: 6px;
-}
-.code-block::-webkit-scrollbar-track {
-  background: transparent;
-}
-.code-block::-webkit-scrollbar-thumb {
-  background: var(--chat-scrollbar, rgba(255, 255, 255, 0.2));
-  border-radius: 3px;
-}
-.code-block::-webkit-scrollbar-thumb:hover {
-  background: var(--chat-scrollbar-hover, rgba(255, 255, 255, 0.3));
-}
-.code-block .hljs-keyword,
-.code-block .hljs-selector-tag {
-  color: var(--chat-hljs-keyword, #ff7b72);
-}
-.code-block .hljs-built_in {
-  color: var(--chat-hljs-built-in, #ffa657);
-}
-.code-block .hljs-type,
-.code-block .hljs-class {
-  color: var(--chat-hljs-type, #ffa657);
-}
-.code-block .hljs-title,
-.code-block .hljs-title.function_,
-.code-block .hljs-function {
-  color: var(--chat-hljs-function, #d2a8ff);
-}
-.code-block .hljs-string,
-.code-block .hljs-template-variable {
-  color: var(--chat-hljs-string, #a5d6ff);
-}
-.code-block .hljs-number {
-  color: var(--chat-hljs-number, #79c0ff);
-}
-.code-block .hljs-literal,
-.code-block .hljs-null {
-  color: var(--chat-hljs-literal, #79c0ff);
-}
-.code-block .hljs-comment,
-.code-block .hljs-quote {
-  color: var(--chat-hljs-comment, #8b949e);
-  font-style: italic;
-}
-.code-block .hljs-variable,
-.code-block .hljs-template-tag {
-  color: var(--chat-hljs-variable, #ffa657);
-}
-.code-block .hljs-attr,
-.code-block .hljs-attribute {
-  color: var(--chat-hljs-attr, #79c0ff);
-}
-.code-block .hljs-property {
-  color: var(--chat-hljs-property, #7ee787);
-}
-.code-block .hljs-operator {
-  color: var(--chat-hljs-operator, #ff7b72);
-}
-.code-block .hljs-punctuation {
-  color: var(--chat-hljs-punctuation, #e6edf3);
-}
-.code-block .hljs-params {
-  color: var(--chat-hljs-params, #e6edf3);
-}
-.code-block .hljs-regexp {
-  color: var(--chat-hljs-regexp, #7ee787);
-}
-.code-block .hljs-selector-class,
-.code-block .hljs-selector-id {
-  color: var(--chat-hljs-selector, #7ee787);
-}
-.code-block .hljs-tag {
-  color: var(--chat-hljs-tag, #7ee787);
-}
-.code-block .hljs-name {
-  color: var(--chat-hljs-name, #7ee787);
-}
-.code-block .hljs-deletion {
-  color: var(--chat-hljs-deletion, #ffa198);
-  background: var(--chat-hljs-deletion-bg, rgba(248, 81, 73, 0.15));
-}
-.code-block .hljs-addition {
-  color: var(--chat-hljs-addition, #7ee787);
-  background: var(--chat-hljs-addition-bg, rgba(46, 160, 67, 0.15));
-}
-.code-block .hljs-meta {
-  color: var(--chat-hljs-meta, #8b949e);
-}
-.code-block .hljs-link {
-  color: var(--chat-hljs-link, #a5d6ff);
-  text-decoration: underline;
-}
-.code-block .hljs-symbol {
-  color: var(--chat-hljs-symbol, #79c0ff);
-}
-.code-block .hljs-subst {
-  color: var(--chat-hljs-subst, #e6edf3);
-}
-.code-block .hljs-section {
-  color: var(--chat-hljs-section, #79c0ff);
-  font-weight: bold;
-}
-.code-block .hljs-bullet {
-  color: var(--chat-hljs-bullet, #ffa657);
-}
-.code-block .hljs-emphasis {
-  font-style: italic;
-}
-.code-block .hljs-strong {
-  font-weight: bold;
-}
-.text-block .latex-block {
-  display: block;
-  margin: 1em 0;
-  padding: 0.75em 1em;
-  overflow-x: auto;
-  background: var(--chat-latex-bg, rgba(255, 255, 255, 0.02));
-  border-radius: 8px;
-  border: 1px solid var(--chat-border, rgba(255, 255, 255, 0.08));
-}
-.text-block .latex-block .katex-display {
-  margin: 0;
-  overflow-x: auto;
-  overflow-y: hidden;
-  text-align: left;
-}
-.text-block .latex-block .katex {
-  text-align: left;
-}
-.text-block .latex-inline {
-  display: inline;
-  padding: 0 0.15em;
-}
-.text-block .latex-error {
-  color: var(--chat-error, #ef4444);
-  background: rgba(239, 68, 68, 0.1);
-  padding: 0.2em 0.4em;
-  border-radius: 4px;
-  font-family: monospace;
-  font-size: 0.9em;
-}
-.text-block .katex {
-  font-size: 1.1em;
-  color: var(--chat-text, #e5e7eb);
-}
-.text-block .katex .frac-line {
-  background: var(--chat-text, #e5e7eb);
-}
-.text-block .katex .sqrt > .sqrt-sign {
-  color: var(--chat-text, #e5e7eb);
-}
-.text-block .latex-block::-webkit-scrollbar {
-  height: 6px;
-}
-.text-block .latex-block::-webkit-scrollbar-track {
-  background: transparent;
-}
-.text-block .latex-block::-webkit-scrollbar-thumb {
-  background: var(--chat-scrollbar, rgba(255, 255, 255, 0.2));
-  border-radius: 3px;
-}
-.text-block .latex-block::-webkit-scrollbar-thumb:hover {
-  background: var(--chat-scrollbar-hover, rgba(255, 255, 255, 0.3));
-}
-
-/* src/components/message/parts/ThinkingPart.css */
-.thinking-content {
-  font-size: 13px;
-  line-height: 1.5;
-  color: var(--chat-text-muted, #999);
-  white-space: pre-wrap;
-  word-break: break-word;
-  overflow-wrap: break-word;
-  margin: 0;
-}
-
-/* src/components/message/parts/SearchPart.css */
-.search-results {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.search-item {
-  display: block;
-  padding: 8px;
-  border-radius: 6px;
-  background: var(--chat-bg, #1e1e1e);
-  text-decoration: none;
-  transition: background 0.15s;
-}
-.search-item:hover {
-  background: var(--chat-hover, #333);
-}
-.search-item-title {
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--chat-accent, #3b82f6);
-  margin-bottom: 4px;
-}
-.search-item-snippet {
-  font-size: 12px;
-  color: var(--chat-text-muted, #888);
-  line-height: 1.4;
-  margin-bottom: 4px;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-.search-item-url {
-  font-size: 11px;
-  color: var(--chat-text-muted, #666);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-/* src/components/input/DropdownSelector.css */
-.dropdown-selector {
-  position: relative;
-}
-.dropdown-selector .selector-trigger {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  height: 28px;
-  padding: 0 8px;
-  background: rgba(0, 0, 0, 0.04);
-  background: color-mix(in srgb, var(--chat-text, #ccc) 6%, transparent);
-  border: none;
-  border-radius: 6px;
-  font-size: 14px;
-  color: var(--chat-text-muted, #888);
-  cursor: pointer;
-  transition: all 0.15s;
-}
-.dropdown-selector:not(.disabled) .selector-trigger:hover {
-  background: rgba(0, 0, 0, 0.06);
-  background: color-mix(in srgb, var(--chat-text, #ccc) 10%, transparent);
-  color: var(--chat-text, #ccc);
-}
-.dropdown-selector.disabled .selector-trigger {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-.dropdown-selector .chevron {
-  color: var(--chat-text-muted, #666);
-}
-.dropdown-selector .dropdown-menu {
-  position: absolute;
-  left: 0;
-  right: auto;
-  min-width: 180px;
-  max-height: 320px;
-  overflow-y: auto;
-  background: var(--chat-dropdown-bg, #252526);
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 8px;
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
-  z-index: 9999;
-  padding: 4px 8px 4px 4px;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-.dropdown-selector .dropdown-menu.dropdown-up {
-  bottom: 100%;
-  top: auto;
-  margin-bottom: 4px;
-}
-.dropdown-selector .dropdown-menu.dropdown-down {
-  top: 100%;
-  bottom: auto;
-  margin-top: 4px;
-}
-.dropdown-selector .dropdown-menu.dropdown-align-right {
-  left: auto;
-  right: 0;
-}
-.dropdown-selector .dropdown-item {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  width: 100%;
-  padding: 8px 10px;
-  border: none;
-  background: transparent;
-  border-radius: 4px;
-  font-size: 14px;
-  color: var(--chat-text-muted, #999);
-  cursor: pointer;
-  transition: all 0.15s;
-  white-space: nowrap;
-}
-.dropdown-selector .dropdown-item:hover {
-  background: rgba(0, 0, 0, 0.06);
-  background: color-mix(in srgb, var(--chat-text, #ccc) 10%, transparent);
-  color: var(--chat-text, #ccc);
-}
-.dropdown-selector .dropdown-item.active {
-  background: rgba(0, 0, 0, 0.08);
-  background: color-mix(in srgb, var(--chat-text, #ccc) 14%, transparent);
-  color: var(--chat-text, #fff);
-}
-.dropdown-selector .check-icon {
-  margin-left: auto;
-  color: var(--chat-text, #ccc);
-  flex-shrink: 0;
-}
-.dropdown-selector .selector-text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.dropdown-selector .dropdown-empty {
-  padding: 12px 10px;
-  font-size: 12px;
-  color: var(--chat-text-muted, #666);
-  text-align: center;
-}
-.dropdown-selector .group-title {
-  padding: 8px 10px 4px;
-  margin-top: 4px;
-  font-size: 11px;
-  color: var(--chat-text-muted, #666);
-}
-.dropdown-selector .group-title:first-child {
-  margin-top: 0;
-}
-.dropdown-selector .option-label {
-  flex: 1;
-  text-align: left;
-}
-.dropdown-selector .option-right {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-left: auto;
-}
-.dropdown-selector .provider-badge {
-  padding: 2px 6px;
-  font-size: 11px;
-  font-weight: 500;
-  color: var(--chat-text-muted, #999);
-  background: rgba(255, 255, 255, 0.08);
-  border-radius: 3px;
-  white-space: nowrap;
-}
-.dropdown-selector .provider-badge.native {
-  color: var(--chat-text-muted, #999);
-}
-.dropdown-selector .dropdown-item-wrapper {
-  position: relative;
-}
-.ai-chat-model-tooltip {
-  min-width: 160px;
-  max-width: 240px;
-  width: max-content;
-  padding: 12px;
-  background: var(--chat-dropdown-bg, #252526);
-  border: 1px solid rgba(255, 255, 255, 0.15);
-  border-radius: 8px;
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
-  pointer-events: none;
-}
-.ai-chat-model-tooltip__section {
-  margin-bottom: 10px;
-}
-.ai-chat-model-tooltip__section:last-child {
-  margin-bottom: 0;
-}
-.ai-chat-model-tooltip__title {
-  font-size: 11px;
-  font-weight: 500;
-  color: var(--chat-text-muted, #888);
-  margin-bottom: 6px;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-}
-.ai-chat-model-tooltip__features {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-.ai-chat-model-tooltip__feature {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 13px;
-  color: var(--chat-text, #ccc);
-}
-.ai-chat-model-tooltip__check {
-  color: #4ade80;
-  flex-shrink: 0;
-}
-.ai-chat-model-tooltip__cost {
-  font-size: 13px;
-  color: var(--chat-text, #ccc);
-}
-.ai-chat-model-tooltip__description {
-  font-size: 12px;
-  color: var(--chat-text-muted, #999);
-  line-height: 1.5;
-}
-
-/* src/components/common/CopyButton.css */
-.copy-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 4px;
-  background: transparent;
-  border: none;
-  color: var(--chat-text-muted, #888);
-  cursor: pointer;
-  border-radius: 4px;
-  transition: all 0.2s;
-}
-.copy-btn:hover {
-  background: rgba(255, 255, 255, 0.1);
-  color: var(--chat-text, #fff);
-}
-.copy-btn.copied {
-  color: var(--chat-success, #22c55e);
-}
-
-/* src/components/message/parts/ToolCallPart.css */
-.tool-args {
-  margin: 0 0 12px 0;
-  padding: 0.75em 1em;
-  background: var(--chat-bg, #1e1e1e);
-  border: 1px solid var(--chat-border, rgba(255, 255, 255, 0.08));
-  border-radius: 8px;
-  font-size: 13px;
-  line-height: 1.6;
-  color: var(--chat-text-muted, #999);
-  white-space: pre-wrap;
-  word-break: break-word;
-  overflow-x: auto;
-}
-.tool-args.json {
-  font-family:
-    "Monaco",
-    "Menlo",
-    "Courier New",
-    monospace;
-  font-size: 12px;
-  line-height: 1.8;
-  white-space: pre;
-  word-break: normal;
-  overflow-x: auto;
-}
-.tool-args.json::-webkit-scrollbar {
-  height: 6px;
-}
-.tool-args.json::-webkit-scrollbar-track {
-  background: transparent;
-}
-.tool-args.json::-webkit-scrollbar-thumb {
-  background: var(--chat-scrollbar, rgba(255, 255, 255, 0.2));
-  border-radius: 3px;
-}
-.tool-args.json::-webkit-scrollbar-thumb:hover {
-  background: var(--chat-scrollbar-hover, rgba(255, 255, 255, 0.3));
-}
-.tool-args.json .hljs-attr,
-.tool-args.json .hljs-attribute {
-  color: var(--chat-hljs-attr, #79c0ff);
-}
-.tool-args.json .hljs-string,
-.tool-args.json .hljs-template-variable {
-  color: var(--chat-hljs-string, #a5d6ff);
-}
-.tool-args.json .hljs-number {
-  color: var(--chat-hljs-number, #79c0ff);
-}
-.tool-args.json .hljs-literal,
-.tool-args.json .hljs-null {
-  color: var(--chat-hljs-literal, #79c0ff);
-}
-.tool-args.json .hljs-punctuation {
-  color: var(--chat-hljs-punctuation, #e6edf3);
-}
-.tool-args.command {
-  font-family:
-    "Monaco",
-    "Menlo",
-    "Courier New",
-    monospace;
-  font-size: 12px;
-  line-height: 1.6;
-}
-.tool-args.text {
-  font-size: 13px;
-  line-height: 1.5;
-}
-.tool-footer {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-}
-.tool-actions {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.status-text {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 12px;
-  font-weight: 500;
-}
-.status-text.done {
-  color: var(--chat-success, #22c55e);
-}
-.status-text.error {
-  color: var(--chat-error, #ef4444);
-}
-.status-text.running {
-  color: var(--chat-accent, #3b82f6);
-}
-.status-text.cancelled {
-  color: var(--chat-warning, #f59e0b);
-}
-.status-text.skipped {
-  color: var(--chat-text-muted, #888);
-}
-.spinning {
-  animation: spin 1s linear infinite;
-}
-@keyframes spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-.btn {
-  padding: 6px 12px;
-  border-radius: 6px;
-  font-size: 12px;
-  font-weight: 500;
-  cursor: pointer;
-  border: none;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  transition: all 0.2s;
-}
-.btn-skip {
-  background: var(--chat-muted, #2a2a2a);
-  color: var(--chat-text, #ccc);
-  border: 1px solid var(--chat-border, #333);
-}
-.btn-skip:hover {
-  background: var(--chat-muted-hover, #333);
-}
-.btn-run {
-  background: var(--chat-accent, #3b82f6);
-  color: #fff;
-}
-.btn-run:hover {
-  background: var(--chat-accent-hover, #2563eb);
-}
-.btn-cancel {
-  background: transparent;
-  color: var(--chat-text-muted, #888);
-  border: 1px solid var(--chat-border, #333);
-}
-.btn-cancel:hover {
-  background: rgba(239, 68, 68, 0.1);
-  color: #ef4444;
-  border-color: #ef4444;
-}
-.output-panel {
-  margin: 0 0 12px 0;
-  border: 1px solid var(--chat-border, rgba(255, 255, 255, 0.08));
-  border-radius: 8px;
-  background: var(--chat-bg, #1e1e1e);
-  overflow: hidden;
-}
-.output-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 8px 10px;
-  border-bottom: 1px solid var(--chat-border, rgba(255, 255, 255, 0.08));
-}
-.output-tabs {
-  display: flex;
-  gap: 6px;
-}
-.tab {
-  padding: 4px 8px;
-  border-radius: 6px;
-  border: 1px solid var(--chat-border, #333);
-  background: var(--chat-muted, #2a2a2a);
-  color: var(--chat-text-muted, #999);
-  font-size: 11px;
-  cursor: pointer;
-}
-.tab.active {
-  background: rgba(59, 130, 246, 0.15);
-  border-color: rgba(59, 130, 246, 0.35);
-  color: var(--chat-text, #ccc);
-}
-.output-actions {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.btn-save {
-  padding: 6px 10px;
-  border-radius: 6px;
-  font-size: 12px;
-  font-weight: 500;
-  cursor: pointer;
-  border: 1px solid var(--chat-border, #333);
-  background: transparent;
-  color: var(--chat-text-muted, #888);
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  transition: all 0.2s;
-}
-.btn-save:hover {
-  background: var(--chat-muted-hover, #333);
-  color: var(--chat-text, #ccc);
-}
-.output-body {
-  margin: 0;
-  padding: 10px 12px;
-  font-family:
-    "Monaco",
-    "Menlo",
-    "Courier New",
-    monospace;
-  font-size: 12px;
-  line-height: 1.6;
-  color: var(--chat-text-muted, #999);
-  white-space: pre-wrap;
-  word-break: break-word;
-  max-height: 260px;
-  overflow: auto;
-}
-
-/* src/components/message/parts/ImagePart.css */
-.image-part {
-  position: relative;
-  max-width: 100%;
-  display: inline-block;
-}
-.image-content {
-  max-width: 100%;
-  max-height: 400px;
-  border-radius: 8px;
-  cursor: pointer;
-  transition: opacity 0.2s;
-}
-.image-content:hover {
-  opacity: 0.9;
-}
-.image-loading,
-.image-error {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  padding: 24px;
-  background: var(--chat-muted, #2a2a2a);
-  border-radius: 8px;
-  color: var(--chat-text-muted, #888);
-  min-width: 200px;
-  min-height: 150px;
-}
-.spinning {
-  animation: spin 1s linear infinite;
-}
-@keyframes spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-.image-error span {
-  font-size: 13px;
-}
-
-/* src/components/message/parts/ErrorPart.css */
-.error-content {
-  font-size: 13px;
-  line-height: 1.5;
-  color: var(--chat-text-muted, #999);
-  white-space: pre-wrap;
-  word-break: break-word;
-  overflow-wrap: break-word;
-  margin: 0;
-}
-
-/* src/components/message/parts/PlanPart.css */
-.plan-steps {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  padding: 2px 0;
-}
-.plan-step {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 13px;
-  line-height: 1.5;
-  color: var(--chat-text-muted, #999);
-  transition: color 0.2s ease;
-}
-.plan-step--done {
-  color: var(--chat-success, #22c55e);
-}
-.plan-step--in_progress {
-  color: var(--chat-plan-accent, #8b5cf6);
-  font-weight: 500;
-}
-.plan-step--failed {
-  color: var(--chat-error, #ef4444);
-}
-.plan-step--pending {
-  color: var(--chat-text-muted, #666);
-}
-.plan-step-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: 16px;
-  flex-shrink: 0;
-  font-size: 12px;
-}
-.plan-icon-done {
-  color: var(--chat-success, #22c55e);
-  font-weight: bold;
-}
-.plan-icon-progress {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.plan-spinner {
-  width: 12px;
-  height: 12px;
-  border: 2px solid var(--chat-plan-accent, #8b5cf6);
-  border-top-color: transparent;
-  border-radius: 50%;
-  animation: plan-spin 0.8s linear infinite;
-}
-.plan-icon-failed {
-  color: var(--chat-error, #ef4444);
-  font-weight: bold;
-}
-.plan-icon-pending {
-  color: var(--chat-text-muted, #666);
-  font-size: 10px;
-}
-.plan-step-title {
-  flex: 1;
-  word-break: break-word;
-}
-@keyframes plan-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-/* src/components/message/parts/CompactPart.css */
-.compact-detail {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  font-size: 12px;
-  color: var(--chat-text-muted, #999);
-}
-.compact-row {
-  display: flex;
-  justify-content: space-between;
-}
-.compact-label {
-  opacity: 0.7;
-}
-.compact-value {
-  font-variant-numeric: tabular-nums;
-}
-
-/* src/components/message/PartsRenderer.css */
-.parts-renderer {
-  display: flex;
-  flex-direction: column;
-}
-.part-item {
-  margin-top: 8px;
-}
-.part-item:first-child {
-  margin-top: 0;
-}
-
-/* src/components/input/ChatInput.css */
-.chat-input {
-  padding: 12px;
-}
-.chat-input.message-variant {
-  padding: 0;
-}
-.input-container {
-  display: flex;
-  flex-direction: column;
-  background: var(--chat-input-bg, #2d2d2d);
-  border: 1px solid var(--chat-border, #444);
-  border-radius: 12px;
-  padding: 12px;
-  transition: border-color 0.15s;
-}
-.input-container.focused {
-  border-color: rgba(255, 255, 255, 0.2);
-}
-.input-container.drag-over {
-  border-color: var(--chat-primary, #2563eb);
-  background: rgba(37, 99, 235, 0.1);
-}
-.images-preview {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-  margin-bottom: 8px;
-}
-.image-preview-item {
-  position: relative;
-  width: 48px;
-  height: 48px;
-  border-radius: 6px;
-  overflow: hidden;
-  background: rgba(0, 0, 0, 0.2);
-}
-.image-thumbnail {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  cursor: pointer;
-  transition: opacity 0.15s;
-}
-.image-thumbnail:hover {
-  opacity: 0.8;
-}
-.image-remove-btn {
-  position: absolute;
-  top: 2px;
-  right: 2px;
-  width: 16px;
-  height: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: rgba(0, 0, 0, 0.5);
-  border: none;
-  border-radius: 50%;
-  color: #fff;
-  cursor: pointer;
-  opacity: 0;
-  transition: all 0.15s;
-}
-.image-preview-item:hover .image-remove-btn {
-  opacity: 1;
-}
-.image-remove-btn:hover {
-  background: rgba(239, 68, 68, 0.9);
-}
-.hidden-input {
-  display: none;
-}
-.input-field-wrapper {
-  margin-bottom: 8px;
-}
-.input-field {
-  width: 100%;
-  background: transparent;
-  border: none;
-  padding: 0;
-  padding-right: 8px;
-  color: var(--chat-text, #ccc);
-  font-size: 14px;
-  resize: none;
-  min-height: 24px;
-  max-height: 150px;
-  line-height: 1.5;
-  font-family: inherit;
-  overflow-y: auto;
-}
-.input-field:focus {
-  outline: none;
-}
-.input-field::placeholder {
-  color: var(--chat-text-muted, #666);
-}
-.input-controls {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-}
-.input-left {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-.input-right {
-  display: flex;
-  align-items: center;
-  gap: 2px;
-}
-.at-picker-wrapper {
-  position: relative;
-}
-.input-right .icon-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  background: transparent;
-  border: none;
-  border-radius: 6px;
-  color: var(--chat-text-muted, #666);
-  cursor: pointer;
-  transition: all 0.15s;
-}
-.input-right .icon-btn:hover {
-  color: var(--chat-text, #ccc);
-  background: rgba(0, 0, 0, 0.06);
-  background: color-mix(in srgb, var(--chat-text, #ccc) 10%, transparent);
-}
-.input-right .voice-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  background: transparent;
-  border: none;
-  border-radius: 6px;
-  color: var(--chat-text-muted, #666);
-  cursor: pointer;
-  transition: all 0.15s;
-}
-.input-right .voice-btn:hover {
-  color: var(--chat-text, #ccc);
-  background: rgba(0, 0, 0, 0.06);
-  background: color-mix(in srgb, var(--chat-text, #ccc) 10%, transparent);
-}
-.input-right .voice-btn.connecting {
-  color: #f59e0b;
-  background: transparent;
-}
-.input-right .voice-btn.connecting:hover {
-  color: #f59e0b;
-  background: rgba(0, 0, 0, 0.06);
-  background: color-mix(in srgb, var(--chat-text, #ccc) 10%, transparent);
-}
-.input-right .voice-btn .spin {
-  animation: spin 1s linear infinite;
-}
-.input-right .voice-btn:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-.input-right .voice-btn.recording {
-  color: #ef4444;
-  background: transparent;
-  animation: none;
-}
-.input-right .voice-btn.recording:hover {
-  color: #ef4444;
-  background: rgba(0, 0, 0, 0.06);
-  background: color-mix(in srgb, var(--chat-text, #ccc) 10%, transparent);
-}
-.toggle-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  background: transparent;
-  border: none;
-  border-radius: 6px;
-  color: var(--chat-text-muted, #666);
-  cursor: pointer;
-  transition: all 0.15s;
-}
-.toggle-btn:hover {
-  color: var(--chat-text, #ccc);
-  background: rgba(0, 0, 0, 0.06);
-  background: color-mix(in srgb, var(--chat-text, #ccc) 10%, transparent);
-}
-.toggle-btn.active {
-  color: var(--chat-primary, #54a9ff);
-  background: rgba(84, 169, 255, 0.14);
-  background: color-mix(in srgb, var(--chat-primary, #54a9ff) 14%, transparent);
-}
-.toggle-btn.active:hover {
-  color: var(--chat-primary-hover, #2f90ff);
-  background: rgba(84, 169, 255, 0.2);
-  background: color-mix(in srgb, var(--chat-primary, #54a9ff) 20%, transparent);
-}
-.send-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  background: transparent;
-  border: none;
-  border-radius: 6px;
-  color: var(--chat-text-muted, #666);
-  cursor: pointer;
-  transition: all 0.15s;
-}
-.send-btn:hover {
-  color: var(--chat-text, #ccc);
-  background: rgba(0, 0, 0, 0.06);
-  background: color-mix(in srgb, var(--chat-text, #ccc) 10%, transparent);
-}
-.send-btn:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-.send-btn:disabled:hover {
-  color: var(--chat-text-muted, #666);
-}
-
-/* src/components/input/at-views/AtViewStyles.css */
-.at-files-view {
-  display: flex;
-  flex-direction: column;
-}
-.at-view-section-title {
-  font-size: 11px;
-  color: var(--chat-text-muted, #888);
-  padding: 6px 8px 4px;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-}
-.at-view-pathbar {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  padding: 4px 8px 8px;
-}
-.at-view-pathbtn {
-  width: 22px;
-  height: 22px;
-  border-radius: 4px;
-  background: transparent;
-  border: 1px solid var(--chat-border, rgba(255, 255, 255, 0.1));
-  color: var(--chat-text-muted, #999);
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.at-view-pathbtn:hover {
-  background: var(--chat-muted-hover, rgba(255, 255, 255, 0.06));
-  color: var(--chat-text, #ccc);
-}
-.at-view-pathtext {
-  flex: 1;
-  min-width: 0;
-  font-size: 11px;
-  color: var(--chat-text-muted, #777);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.at-view-list {
-  display: flex;
-  flex-direction: column;
-  gap: 1px;
-}
-.at-view-item {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  text-align: left;
-  padding: 7px 10px;
-  border-radius: 6px;
-  border: 1px solid transparent;
-  background: transparent;
-  cursor: pointer;
-  color: var(--chat-text, #ccc);
-  width: 100%;
-}
-.at-view-item:hover {
-  background: var(--chat-muted-hover, rgba(255, 255, 255, 0.06));
-}
-.at-view-item.active {
-  background: rgba(59, 130, 246, 0.15);
-  border-color: rgba(59, 130, 246, 0.3);
-}
-.at-view-item-icon {
-  color: var(--chat-text-muted, #999);
-  flex-shrink: 0;
-}
-.at-view-item-name {
-  font-size: 13px;
-  color: var(--chat-text, #ddd);
-  flex-shrink: 0;
-  max-width: 160px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.at-view-item-path {
-  font-size: 11px;
-  color: var(--chat-text-muted, #555);
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  flex: 1;
-}
-.at-view-empty {
-  padding: 12px 10px;
-  color: var(--chat-text-muted, #666);
-  font-size: 12px;
-  text-align: center;
-}
-.at-placeholder-view {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 32px 16px;
-  text-align: center;
-}
-.at-placeholder-icon {
-  color: var(--chat-text-muted, #555);
-  margin-bottom: 12px;
-}
-.at-placeholder-title {
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--chat-text-muted, #888);
-  margin-bottom: 8px;
-}
-.at-placeholder-desc {
-  font-size: 13px;
-  color: var(--chat-text-muted, #666);
-  margin-bottom: 4px;
-}
-.at-placeholder-hint {
-  font-size: 11px;
-  color: var(--chat-text-muted, #555);
-}
-
-/* src/components/input/AtFilePicker.css */
-.at-picker-dropdown {
-  position: fixed;
-  width: 332px;
-  background: var(--chat-dropdown-bg, #252526);
-  border: 1px solid var(--chat-border, rgba(0, 0, 0, 0.12));
-  border-radius: 10px;
-  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
-  z-index: 99999;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-.at-picker-header {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 10px 12px;
-  border-bottom: 1px solid var(--chat-border, rgba(0, 0, 0, 0.12));
-}
-.at-picker-back {
-  width: 24px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: transparent;
-  border: none;
-  border-radius: 4px;
-  color: var(--chat-text-muted, #888);
-  cursor: pointer;
-  flex-shrink: 0;
-}
-.at-picker-back:hover {
-  background: var(--chat-muted-hover, rgba(0, 0, 0, 0.06));
-  color: var(--chat-text, #26251eeb);
-}
-.at-picker-search-icon {
-  color: var(--chat-text-muted, #888);
-  flex-shrink: 0;
-}
-.at-picker-search {
-  flex: 1;
-  background: transparent;
-  border: none;
-  outline: none;
-  color: var(--chat-text, #26251eeb);
-  font-size: 13px;
-}
-.at-picker-body {
-  padding: 6px;
-  flex: 1;
-  min-height: 0;
-  overflow-y: auto;
-}
-.at-picker-body.is-scrolling .at-picker-item,
-.at-picker-body.is-scrolling .at-view-item {
-  pointer-events: none;
-}
-.at-picker-section {
-  margin-bottom: 2px;
-}
-.at-picker-recent {
-  padding-bottom: 6px;
-  margin-bottom: 6px;
-  border-bottom: 1px solid var(--chat-border, rgba(0, 0, 0, 0.12));
-}
-.at-picker-list {
-  display: flex;
-  flex-direction: column;
-  gap: 1px;
-}
-.at-picker-item {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  text-align: left;
-  padding: 7px 10px;
-  border-radius: 6px;
-  border: 1px solid transparent;
-  background: transparent;
-  cursor: pointer;
-  color: var(--chat-text, #26251eeb);
-  width: 100%;
-}
-.at-picker-item:hover {
-  background: var(--chat-muted-hover, rgba(0, 0, 0, 0.06));
-}
-.at-picker-item.active {
-  background: var(--chat-muted-hover, rgba(0, 0, 0, 0.06));
-  border-color: var(--chat-primary, #54a9ff);
-}
-.at-picker-item-icon {
-  color: var(--chat-text-muted, #888);
-  flex-shrink: 0;
-}
-.at-picker-item-name {
-  font-size: 13px;
-  color: var(--chat-text, #26251eeb);
-  flex-shrink: 0;
-  max-width: 160px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.at-picker-item-path {
-  font-size: 11px;
-  color: var(--chat-text-muted, #888);
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  flex: 1;
-}
-.at-picker-category .at-picker-item-name {
-  flex: 1;
-  max-width: none;
-}
-.at-picker-chevron {
-  color: var(--chat-text-muted, #888);
-  flex-shrink: 0;
-}
-.at-picker-empty {
-  padding: 16px;
-  text-align: center;
-  color: var(--chat-text-muted, #888);
-  font-size: 13px;
-}
-.at-picker-skill .at-picker-item-name {
-  flex: 1;
-  max-width: none;
-}
-.at-picker-skill-check {
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-}
-.at-picker-skill-enabled {
-  color: var(--chat-primary, #54a9ff);
-}
-.at-picker-footer {
-  padding: 8px 12px;
-  border-top: 1px solid var(--chat-border, rgba(0, 0, 0, 0.12));
-  color: var(--chat-text-muted, #888);
-  font-size: 11px;
-}
-
-/* src/components/input/ImagePreviewModal.css */
-.image-preview-modal {
-  position: fixed;
-  inset: 0;
-  z-index: 99999;
-  display: flex;
-  flex-direction: column;
-  background: rgb(61 61 61 / 40%);
-  backdrop-filter: blur(8px);
-  animation: fadeIn 0.2s ease;
-}
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-.preview-header {
-  position: relative;
-  z-index: 10;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 12px;
-  padding: 16px 20px;
-  min-height: 52px;
-}
-.preview-counter {
-  color: rgba(255, 255, 255, 0.85);
-  font-size: 14px;
-  font-variant-numeric: tabular-nums;
-}
-.preview-close-btn {
-  position: absolute;
-  right: 16px;
-  top: 50%;
-  transform: translateY(-50%);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 36px;
-  padding: 0 12px;
-  background: rgba(255, 255, 255, 0.1);
-  border: none;
-  border-radius: 8px;
-  color: #fff;
-  cursor: pointer;
-  transition: all 0.15s;
-}
-.preview-close-btn:hover {
-  background: rgba(255, 255, 255, 0.2);
-  transform: translateY(-50%) scale(1.05);
-}
-.preview-close-btn:active {
-  transform: translateY(-50%) scale(0.95);
-}
-.preview-nav-btn {
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  z-index: 10;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 48px;
-  padding: 0 12px;
-  background: rgba(255, 255, 255, 0.1);
-  border: none;
-  border-radius: 8px;
-  color: #fff;
-  cursor: pointer;
-  transition: all 0.15s;
-}
-.preview-nav-btn:hover:not(.disabled) {
-  background: rgba(255, 255, 255, 0.2);
-  transform: translateY(-50%) scale(1.1);
-}
-.preview-nav-btn:active:not(.disabled) {
-  transform: translateY(-50%) scale(0.95);
-}
-.preview-nav-btn.disabled {
-  opacity: 0.4;
-  cursor: not-allowed;
-}
-.preview-nav-prev {
-  left: 24px;
-}
-.preview-nav-next {
-  right: 24px;
-}
-.preview-main {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-  padding: 0 80px;
-}
-.preview-image {
-  max-width: calc(100% - 80px);
-  max-height: calc(100vh - 140px);
-  object-fit: contain;
-  border-radius: 8px;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
-}
-
-/* src/components/common/ConfirmDialog.css */
-.confirm-dialog-overlay {
-  position: fixed;
-  inset: 0;
-  z-index: 1000;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: rgba(0, 0, 0, 0.5);
-  backdrop-filter: blur(2px);
-  animation: fadeIn 0.2s ease;
-}
-.confirm-dialog {
-  width: 100%;
-  max-width: 400px;
-  margin: 16px;
-  background: var(--chat-dropdown-bg, #252526);
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 12px;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
-  overflow: hidden;
-  animation: scaleIn 0.2s ease;
-}
-.confirm-dialog-header {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 16px;
-  border-bottom: 1px solid var(--chat-border, #333);
-}
-.confirm-dialog-header .icon {
-  flex-shrink: 0;
-}
-.confirm-dialog-header .icon.warning {
-  color: #f59e0b;
-}
-.confirm-dialog-header .icon.danger {
-  color: #ef4444;
-}
-.confirm-dialog-header .icon.info {
-  color: #3b82f6;
-}
-.confirm-dialog-header .title {
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--chat-text, #fff);
-}
-.confirm-dialog-content {
-  padding: 16px;
-  font-size: 13px;
-  line-height: 1.6;
-  color: var(--chat-text-muted, #999);
-}
-.confirm-dialog-footer {
-  display: flex;
-  justify-content: flex-end;
-  gap: 8px;
-  padding: 12px 16px;
-  border-top: 1px solid var(--chat-border, #333);
-}
-.confirm-dialog-footer .btn {
-  padding: 6px 12px;
-  font-size: 13px;
-  font-weight: 500;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  transition: all 0.15s;
-}
-.confirm-dialog-footer .btn-cancel {
-  background: transparent;
-  color: var(--chat-text-muted, #999);
-  border: 1px solid var(--chat-border, #444);
-}
-.confirm-dialog-footer .btn-cancel:hover {
-  background: rgba(255, 255, 255, 0.05);
-  color: var(--chat-text, #fff);
-}
-.confirm-dialog-footer .btn-info {
-  background: #3b82f6;
-  color: #fff;
-}
-.confirm-dialog-footer .btn-info:hover {
-  background: #2563eb;
-}
-.confirm-dialog-footer .btn-warning {
-  background: #f59e0b;
-  color: #000;
-}
-.confirm-dialog-footer .btn-warning:hover {
-  background: #d97706;
-}
-.confirm-dialog-footer .btn-danger {
-  background: #ef4444;
-  color: #fff;
-}
-.confirm-dialog-footer .btn-danger:hover {
-  background: #dc2626;
-}
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@keyframes scaleIn {
-  from {
-    transform: scale(0.95);
-    opacity: 0;
-  }
-  to {
-    transform: scale(1);
-    opacity: 1;
-  }
-}
-
-/* src/components/common/Toast.css */
-.toast-container {
-  position: fixed;
-  top: 60px;
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: 10000;
-  pointer-events: none;
-  animation: toast-in 0.2s ease;
-}
-.toast {
-  padding: 8px 16px;
-  border-radius: 6px;
-  font-size: 13px;
-  border: 1px solid;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
-}
-.toast-info,
-.toast-success {
-  background: var(--chat-bg-secondary, #2a2a2a);
-  color: var(--chat-text, #fff);
-  border-color: var(--chat-border, #444);
-}
-.toast-warning {
-  background: rgba(245, 158, 11, 0.15);
-  color: #f59e0b;
-  border-color: rgba(245, 158, 11, 0.3);
-}
-.toast-error {
-  background: rgba(239, 68, 68, 0.15);
-  color: #ef4444;
-  border-color: rgba(239, 68, 68, 0.3);
-}
-@keyframes toast-in {
-  from {
-    opacity: 0;
-    transform: translateX(-50%) translateY(-10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(-50%) translateY(0);
-  }
-}