@charset "UTF-8";.file-input-wrapper.multiple-files .file-item[data-v-11ef8c28] {
  margin-bottom: 8px;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 12px;
}
.file-input-wrapper.multiple-files .file-item[data-v-11ef8c28]:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 12px;
}
.file-input-wrapper .source-switcher[data-v-11ef8c28] {
  display: flex;
  gap: 4px;
  margin-bottom: 12px;
  background: #f5f5f5;
  border-radius: 6px;
  padding: 2px;
}
.file-input-wrapper .source-switcher.compact[data-v-11ef8c28] {
  margin-bottom: 8px;
  padding: 1px;
  background: transparent;
  border: none;
}
.file-input-wrapper .source-switcher.compact .source-btn[data-v-11ef8c28] {
  padding: 6px 10px;
  font-size: 12px;
  border: 1px solid #d9d9d9;
  background: #fff;
  border-radius: 4px;
  color: #666666;
  outline: none;
}
.file-input-wrapper .source-switcher.compact .source-btn.active[data-v-11ef8c28] {
  border-color: #5b89fe;
  color: #5b89fe;
  background: #fff;
  box-shadow: none;
}
.file-input-wrapper .source-switcher.compact .source-btn[data-v-11ef8c28]:hover {
  border-color: #5b89fe;
  color: #5b89fe;
}
.file-input-wrapper .source-switcher.compact .source-btn[data-v-11ef8c28]:active {
  outline: none;
}
.file-input-wrapper .source-switcher.compact .source-btn[data-v-11ef8c28]:focus {
  outline: none;
}
.file-input-wrapper .source-switcher.compact .source-btn i[data-v-11ef8c28] {
  font-size: 12px;
}
.file-input-wrapper .source-switcher .source-btn[data-v-11ef8c28] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 12px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #666666;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.2s ease;
  user-select: none;
  outline: none;
}
.file-input-wrapper .source-switcher .source-btn i[data-v-11ef8c28] {
  font-size: 14px;
}
.file-input-wrapper .source-switcher .source-btn[data-v-11ef8c28]:hover {
  color: #5b89fe;
}
.file-input-wrapper .source-switcher .source-btn[data-v-11ef8c28]:active {
  outline: none;
}
.file-input-wrapper .source-switcher .source-btn[data-v-11ef8c28]:focus {
  outline: none;
}
.file-input-wrapper .source-switcher .source-btn.active[data-v-11ef8c28] {
  background: #fff;
  color: #5b89fe;
  font-weight: 500;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.file-input-wrapper .file-actions[data-v-11ef8c28] {
  margin-bottom: 8px;
}
.file-input-wrapper .file-actions .upload-section .upload-btn[data-v-11ef8c28] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  border: 2px dashed #d9d9d9;
  border-radius: 6px;
  background: #fafafa;
  color: #666666;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.2s ease;
  user-select: none;
  outline: none;
}
.file-input-wrapper .file-actions .upload-section .upload-btn.compact[data-v-11ef8c28] {
  padding: 8px 12px;
  font-size: 13px;
  border: 1px dashed #d9d9d9;
  background: #fff;
  color: #666666;
  box-shadow: none !important;
  outline: none !important;
}
.file-input-wrapper .file-actions .upload-section .upload-btn.compact[data-v-11ef8c28]:hover {
  border-color: #5b89fe;
  color: #5b89fe;
  background-color: rgba(91, 137, 254, 0.04);
}
.file-input-wrapper .file-actions .upload-section .upload-btn.compact[data-v-11ef8c28]:active {
  outline: none !important;
  box-shadow: none !important;
}
.file-input-wrapper .file-actions .upload-section .upload-btn.compact[data-v-11ef8c28]:focus {
  outline: none !important;
  box-shadow: none !important;
}
.file-input-wrapper .file-actions .upload-section .upload-btn.compact i[data-v-11ef8c28] {
  font-size: 14px;
}
.file-input-wrapper .file-actions .upload-section .upload-btn i[data-v-11ef8c28] {
  font-size: 16px;
}
.file-input-wrapper .file-actions .upload-section .upload-btn[data-v-11ef8c28]:hover {
  border-color: #5b89fe;
  color: #5b89fe;
  background-color: rgba(91, 137, 254, 0.04);
}
.file-input-wrapper .file-actions .upload-section .upload-btn[data-v-11ef8c28]:active {
  outline: none;
}
.file-input-wrapper .file-actions .upload-section .upload-btn[data-v-11ef8c28]:focus {
  outline: none;
}
.file-input-wrapper .file-actions .url-section .url-input[data-v-11ef8c28] {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  font-size: 14px;
  background-color: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.file-input-wrapper .file-actions .url-section .url-input.compact[data-v-11ef8c28] {
  padding: 6px 10px;
  font-size: 13px;
}
.file-input-wrapper .file-actions .url-section .url-input[data-v-11ef8c28]:focus {
  outline: none;
  border-color: #5b89fe;
  background-color: #fff;
  box-shadow: 0 0 0 2px rgba(91, 137, 254, 0.1);
}
.file-input-wrapper .file-actions .url-section .url-input[data-v-11ef8c28]:hover {
  border-color: #b8c8dc;
}
.file-input-wrapper .file-actions .url-section .url-input[data-v-11ef8c28]::placeholder {
  color: #999999;
}
.file-input-wrapper .file-actions .url-section .url-textarea[data-v-11ef8c28] {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  font-size: 14px;
  background-color: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  resize: vertical;
  min-height: 80px;
  font-family: inherit;
  line-height: 1.5;
}
.file-input-wrapper .file-actions .url-section .url-textarea.compact[data-v-11ef8c28] {
  padding: 6px 10px;
  font-size: 13px;
  min-height: 60px;
}
.file-input-wrapper .file-actions .url-section .url-textarea[data-v-11ef8c28]:focus {
  outline: none;
  border-color: #5b89fe;
  background-color: #fff;
  box-shadow: 0 0 0 2px rgba(91, 137, 254, 0.1);
}
.file-input-wrapper .file-actions .url-section .url-textarea[data-v-11ef8c28]:hover {
  border-color: #b8c8dc;
}
.file-input-wrapper .file-actions .url-section .url-textarea[data-v-11ef8c28]::placeholder {
  color: #999999;
  white-space: pre-line;
}
.file-input-wrapper .file-actions .url-section .add-urls-btn[data-v-11ef8c28] {
  margin-top: 8px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background: #fff;
  color: #666666;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.2s ease;
  user-select: none;
}
.file-input-wrapper .file-actions .url-section .add-urls-btn[data-v-11ef8c28]:hover {
  border-color: #5b89fe;
  color: #5b89fe;
  background-color: rgba(91, 137, 254, 0.04);
}
.file-input-wrapper .file-actions .url-section .add-urls-btn i[data-v-11ef8c28] {
  font-size: 14px;
}
.file-input-wrapper .files-container .files-list .files-header[data-v-11ef8c28] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding: 8px 12px;
  background: #f8f9fa;
  border-radius: 4px;
}
.file-input-wrapper .files-container .files-list .files-header .files-count[data-v-11ef8c28] {
  font-size: 13px;
  color: #666666;
  font-weight: 500;
}
.file-input-wrapper .files-container .files-list .files-header .clear-all-btn[data-v-11ef8c28] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #ff4d4f;
  cursor: pointer;
  font-size: 12px;
  transition: all 0.2s ease;
  user-select: none;
}
.file-input-wrapper .files-container .files-list .files-header .clear-all-btn i[data-v-11ef8c28] {
  font-size: 12px;
}
.file-input-wrapper .files-container .files-list .files-header .clear-all-btn[data-v-11ef8c28]:hover {
  background-color: rgba(255, 77, 79, 0.1);
}
.file-input-wrapper .files-container .files-list .files-items[data-v-11ef8c28] {
  margin-bottom: 12px;
}
.file-input-wrapper .files-container .files-list .add-more-section[data-v-11ef8c28] {
  padding-top: 16px;
  border-top: 1px solid #e8e8e8;
  margin-top: 16px;
}
.file-input-wrapper .files-container .files-list .add-more-section .source-switcher[data-v-11ef8c28] {
  margin-bottom: 12px;
}
.file-input-wrapper .files-container .files-list .add-more-section .upload-section[data-v-11ef8c28] {
  padding: 12px;
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  background: #fafbfc;
}
.file-input-wrapper .files-container .files-list .add-more-section .upload-section .upload-btn[data-v-11ef8c28] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  background: #fff;
  color: #666666;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.2s ease;
  user-select: none;
  box-shadow: none !important;
  outline: none !important;
}
.file-input-wrapper .files-container .files-list .add-more-section .upload-section .upload-btn[data-v-11ef8c28]:hover {
  border-color: #5b89fe;
  color: #5b89fe;
  background-color: rgba(91, 137, 254, 0.04);
}
.file-input-wrapper .files-container .files-list .add-more-section .upload-section .upload-btn[data-v-11ef8c28]:active {
  outline: none !important;
  box-shadow: none !important;
}
.file-input-wrapper .files-container .files-list .add-more-section .upload-section .upload-btn[data-v-11ef8c28]:focus {
  outline: none !important;
  box-shadow: none !important;
}
.file-input-wrapper .files-container .files-list .add-more-section .upload-section .upload-btn i[data-v-11ef8c28] {
  font-size: 14px;
}
.file-input-wrapper .files-container .files-list .add-more-section .url-section[data-v-11ef8c28] {
  padding: 12px;
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  background: #fafbfc;
}
.file-input-wrapper .files-container .files-list .add-more-section .url-section .url-textarea[data-v-11ef8c28] {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  font-size: 13px;
  background-color: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  resize: vertical;
  min-height: 60px;
  font-family: inherit;
  line-height: 1.5;
}
.file-input-wrapper .files-container .files-list .add-more-section .url-section .url-textarea[data-v-11ef8c28]:focus {
  outline: none;
  border-color: #5b89fe;
  background-color: #fff;
  box-shadow: 0 0 0 2px rgba(91, 137, 254, 0.1);
}
.file-input-wrapper .files-container .files-list .add-more-section .url-section .url-textarea[data-v-11ef8c28]:hover {
  border-color: #b8c8dc;
}
.file-input-wrapper .files-container .files-list .add-more-section .url-section .url-textarea[data-v-11ef8c28]::placeholder {
  color: #999999;
  white-space: pre-line;
}
.file-input-wrapper .files-container .files-list .add-more-section .url-section .add-urls-btn[data-v-11ef8c28] {
  margin-top: 12px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 16px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background: #fff;
  color: #666666;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.2s ease;
  user-select: none;
}
.file-input-wrapper .files-container .files-list .add-more-section .url-section .add-urls-btn[data-v-11ef8c28]:hover {
  border-color: #5b89fe;
  color: #5b89fe;
  background-color: rgba(91, 137, 254, 0.04);
}
.file-input-wrapper .files-container .files-list .add-more-section .url-section .add-urls-btn i[data-v-11ef8c28] {
  font-size: 14px;
}
.file-input-wrapper .files-container .file-item[data-v-11ef8c28] {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  background: #fafafa;
  transition: all 0.2s ease;
  margin-bottom: 8px;
}
.file-input-wrapper .files-container .file-item[data-v-11ef8c28]:hover {
  border-color: #d0d0d0;
  background: #f8f9fa;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.file-input-wrapper .files-container .file-item .file-icon[data-v-11ef8c28] {
  width: 32px;
  height: 32px;
  margin-right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f2f5;
  border-radius: 6px;
  color: #5b89fe;
  font-size: 16px;
}
.file-input-wrapper .files-container .file-item .file-icon i[data-v-11ef8c28] {
  font-size: 18px;
}
.file-input-wrapper .files-container .file-item .file-info[data-v-11ef8c28] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.file-input-wrapper .files-container .file-item .file-info .file-name[data-v-11ef8c28] {
  font-size: 14px;
  color: #333333;
  font-weight: 500;
  word-break: break-all;
  line-height: 1.4;
}
.file-input-wrapper .files-container .file-item .file-info .file-meta[data-v-11ef8c28] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.file-input-wrapper .files-container .file-item .file-info .file-meta .file-size[data-v-11ef8c28] {
  font-size: 12px;
  color: #82849A;
}
.file-input-wrapper .files-container .file-item .file-info .file-meta .file-source[data-v-11ef8c28] {
  font-size: 11px;
  color: #5b89fe;
  background: rgba(91, 137, 254, 0.1);
  padding: 2px 6px;
  border-radius: 10px;
  font-weight: 500;
}
.file-input-wrapper .files-container .file-item .file-info .file-meta .upload-status[data-v-11ef8c28] {
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 10px;
  font-weight: 500;
}
.file-input-wrapper .files-container .file-item .file-info .file-meta .upload-status.uploading[data-v-11ef8c28] {
  color: #fa8c16;
  background: rgba(250, 140, 22, 0.1);
}
.file-input-wrapper .files-container .file-item .file-info .file-meta .upload-status.success[data-v-11ef8c28] {
  color: #52c41a;
  background: rgba(82, 196, 26, 0.1);
}
.file-input-wrapper .files-container .file-item .file-info .file-meta .upload-status.error[data-v-11ef8c28] {
  color: #ff4d4f;
  background: rgba(255, 77, 79, 0.1);
}
.file-input-wrapper .files-container .file-item .delete-file-btn[data-v-11ef8c28] {
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  user-select: none;
  cursor: pointer;
  border: none;
  background: transparent;
}
.file-input-wrapper .files-container .file-item .delete-file-btn[data-v-11ef8c28]:hover {
  background-color: rgba(87, 104, 161, 0.08);
}
.file-input-wrapper .files-container .file-item .delete-file-btn i[data-v-11ef8c28] {
  color: #82849A;
  font-size: 14px;
}.json-input-wrapper[data-v-50d0fb7e] {
  margin-bottom: 16px;
}
.json-input-wrapper .json-editor[data-v-50d0fb7e] {
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  background: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
}
.json-input-wrapper .json-editor[data-v-50d0fb7e]:hover {
  border-color: #b8c8dc;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.json-input-wrapper .json-editor.error[data-v-50d0fb7e] {
  border: 2px solid #ff4d4f;
  background: #fff2f0;
}
.json-input-wrapper .json-editor .json-header[data-v-50d0fb7e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px 8px 16px;
  background: #fafbfc;
  border-bottom: 1px solid #f0f0f0;
}
.json-input-wrapper .json-editor .json-header .json-label[data-v-50d0fb7e] {
  font-size: 14px;
  color: #333333;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 6px;
}
.json-input-wrapper .json-editor .json-header .json-label[data-v-50d0fb7e]::before {
  content: "";
  width: 4px;
  height: 4px;
  background: #5b89fe;
  border-radius: 2px;
}
.json-input-wrapper .json-editor .json-header .json-label .required-mark[data-v-50d0fb7e] {
  color: #ff4d4f;
  margin-left: 2px;
}
.json-input-wrapper .json-editor .json-header .json-tools[data-v-50d0fb7e] {
  display: flex;
  gap: 6px;
}
.json-input-wrapper .json-editor .json-header .json-tools .json-tool-btn[data-v-50d0fb7e] {
  width: 26px;
  height: 26px;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  background: #fff;
  color: #82849A;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  line-height: 1;
  user-select: none;
  transition: all 0.2s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.json-input-wrapper .json-editor .json-header .json-tools .json-tool-btn[data-v-50d0fb7e]:hover {
  border-color: #5b89fe;
  color: #5b89fe;
  background-color: rgba(91, 137, 254, 0.06);
  box-shadow: 0 2px 4px rgba(91, 137, 254, 0.15);
  transform: translateY(-1px);
}
.json-input-wrapper .json-editor .json-header .json-tools .json-tool-btn[data-v-50d0fb7e]:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.json-input-wrapper .json-editor .json-header .json-tools .json-tool-btn i[data-v-50d0fb7e] {
  font-size: 13px;
}
.json-input-wrapper .json-editor .json-textarea[data-v-50d0fb7e] {
  width: 100%;
  height: 120px;
  border: none;
  resize: none;
  outline: none;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
  font-size: 14px;
  background: transparent;
  padding: 0 16px 12px 16px;
  line-height: 1.5;
  color: #333333;
}
.json-input-wrapper .json-editor .json-textarea[data-v-50d0fb7e]::placeholder {
  color: #999999;
}
.json-input-wrapper .json-editor .json-textarea[data-v-50d0fb7e]:focus {
  outline: none;
}
.json-input-wrapper .error-message[data-v-50d0fb7e] {
  margin-top: 4px;
  font-size: 12px;
  color: #ff4d4f;
  padding: 0 16px;
}.param-item .param-label[data-v-68ebc8ee] {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  color: #333333;
  font-weight: 500;
}
.param-item .param-label .required-mark[data-v-68ebc8ee] {
  color: #ff4d4f;
  margin-right: 2px;
}
.param-item .param-label .param-type[data-v-68ebc8ee] {
  font-size: 12px;
  color: #82849A;
  background: #f0f2f5;
  padding: 2px 8px;
  border-radius: 4px;
  margin-left: 8px;
  font-weight: 400;
}
.param-item .param-label .param-name[data-v-68ebc8ee] {
  font-weight: 600;
  color: rgb(53, 64, 82);
}
.param-item .param-label--desc[data-v-68ebc8ee] {
  margin-bottom: 4px;
}
.param-item .param-desc[data-v-68ebc8ee] {
  color: rgba(32, 41, 69, 0.62);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
}
.param-item .string-input[data-v-68ebc8ee],
.param-item .number-input[data-v-68ebc8ee] {
  width: 100%;
  padding: 6px 12px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  font-size: 14px;
  background-color: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.param-item .string-input[data-v-68ebc8ee]:focus,
.param-item .number-input[data-v-68ebc8ee]:focus {
  outline: none;
  border-color: #5b89fe;
  background-color: #fff;
  box-shadow: 0 0 0 2px rgba(91, 137, 254, 0.1);
}
.param-item .string-input[data-v-68ebc8ee]:hover,
.param-item .number-input[data-v-68ebc8ee]:hover {
  border-color: #b8c8dc;
}
.param-item .boolean-input-wrapper .boolean-checkbox[data-v-68ebc8ee] {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 6px 12px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.param-item .boolean-input-wrapper .boolean-checkbox[data-v-68ebc8ee]:hover {
  border-color: #b8c8dc;
}
.param-item .boolean-input-wrapper .boolean-checkbox input[type=checkbox][data-v-68ebc8ee] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: #5b89fe;
}
.param-item .boolean-input-wrapper .boolean-checkbox .checkbox-label[data-v-68ebc8ee] {
  font-size: 14px;
  color: #333333;
  font-weight: 400;
}
.fvf-trial-param-select[data-v-68ebc8ee] .t-input {
  border-color: #d9d9d9;
  height: 34px;
}
.fvf-trial-param-select[data-v-68ebc8ee] .t-input.t-input--focused {
  border-color: #5b89fe;
  box-shadow: 0 0 0 2px rgba(91, 137, 254, 0.1);
}.params-container[data-v-9c3819d9] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.no-params-tip[data-v-9c3819d9] {
  text-align: center;
  padding: 40px 20px;
  color: #999;
}
.no-params-tip p[data-v-9c3819d9] {
  margin: 8px 0;
  font-size: 14px;
}.result-tab .result-content[data-v-749cb4c1] {
  height: 100%;
  min-height: 200px;
}
.result-tab .result-content pre[data-v-749cb4c1] {
  margin: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-size: 14px;
  color: #333;
  line-height: 1.6;
  padding: 16px;
}
.markdown-renderer[data-v-db489718] {
  line-height: 1.6;
  color: #333;
  word-wrap: break-word;
}

/* 基础样式 */
.markdown-renderer[data-v-db489718] h1,
.markdown-renderer[data-v-db489718] h2,
.markdown-renderer[data-v-db489718] h3,
.markdown-renderer[data-v-db489718] h4,
.markdown-renderer[data-v-db489718] h5,
.markdown-renderer[data-v-db489718] h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
}
.markdown-renderer[data-v-db489718] h1 { font-size: 2em; border-bottom: 1px solid #eee; padding-bottom: 0.3em;
}
.markdown-renderer[data-v-db489718] h2 { font-size: 1.5em; border-bottom: 1px solid #eee; padding-bottom: 0.3em;
}
.markdown-renderer[data-v-db489718] h3 { font-size: 1.25em;
}
.markdown-renderer[data-v-db489718] h4 { font-size: 1em;
}
.markdown-renderer[data-v-db489718] h5 { font-size: 0.875em;
}
.markdown-renderer[data-v-db489718] h6 { font-size: 0.85em; color: #666;
}

/* 段落 */
.markdown-renderer[data-v-db489718] p {
  margin-bottom: 16px;
}

/* 列表 */
.markdown-renderer[data-v-db489718] ul,
.markdown-renderer[data-v-db489718] ol {
  margin-bottom: 16px;
  padding-left: 2em;
}
.markdown-renderer[data-v-db489718] li {
  margin-bottom: 0.25em;
}

/* 链接 */
.markdown-renderer[data-v-db489718] a {
  color: #0366d6;
  text-decoration: none;
}
.markdown-renderer[data-v-db489718] a:hover {
  text-decoration: underline;
}

/* 引用 */
.markdown-renderer[data-v-db489718] blockquote {
  padding: 0 1em;
  color: #666;
  border-left: 0.25em solid #dfe2e5;
  margin: 0 0 16px 0;
}
.markdown-renderer[data-v-db489718] blockquote p {
  margin-bottom: 0;
}

/* 代码 */
.markdown-renderer[data-v-db489718] code {
  padding: 0.2em 0.4em;
  margin: 0;
  font-size: 85%;
  background-color: rgba(27, 31, 35, 0.05);
  border-radius: 3px;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
}
.markdown-renderer[data-v-db489718] pre {
  position: relative;
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: #f6f8fa;
  border-radius: 6px;
  margin: 0 0 16px 0;
}
.markdown-renderer[data-v-db489718] pre code {
  display: inline;
  max-width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
}

/* 表格 */
.markdown-renderer[data-v-db489718] table {
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0 0 16px 0;
  width: 100%;
}
.markdown-renderer[data-v-db489718] table th,
.markdown-renderer[data-v-db489718] table td {
  padding: 6px 13px;
  border: 1px solid #dfe2e5;
}
.markdown-renderer[data-v-db489718] table th {
  font-weight: 600;
  background-color: #f6f8fa;
}

/* 分隔线 */
.markdown-renderer[data-v-db489718] hr {
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: #e1e4e8;
  border: 0;
}

/* 图片 */
.markdown-renderer[data-v-db489718] img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  margin: 8px 0;
}

/* 代码语言标签 */
.markdown-renderer[data-v-db489718] .code-language {
  position: absolute;
  top: 4px;
  right: 8px;
  font-size: 12px;
  color: #666;
  background: rgba(255, 255, 255, 0.8);
  padding: 2px 6px;
  border-radius: 3px;
}

/* 复制代码按钮 */
.markdown-renderer[data-v-db489718] .copy-code-btn {
  position: absolute;
  top: 4px;
  right: 8px;
  font-size: 12px;
  padding: 4px 8px;
  border: 1px solid #d1d5da;
  border-radius: 3px;
  background: #fff;
  color: #24292e;
  cursor: pointer;
  transition: background-color 0.2s;
}
.markdown-renderer[data-v-db489718] .copy-code-btn:hover {
  background: #f6f8fa;
}

/* 内联代码 */
.markdown-renderer[data-v-db489718] .inline-code {
  background-color: rgba(27, 31, 35, 0.05);
  border-radius: 3px;
  font-size: 85%;
  padding: 0.2em 0.4em;
}

/* 打字机光标 */
.markdown-renderer[data-v-db489718] .typing-cursor {
  display: inline-block;
  width: 2px;
  height: 1.2em;
  background-color: #333;
  margin-left: 2px;
  animation: blink-db489718 1s infinite;
}
@keyframes blink-db489718 {
0%, 50% { opacity: 1;
}
51%, 100% { opacity: 0;
}
}

/* 错误消息 */
.markdown-renderer[data-v-db489718] .error {
  color: #f44336;
  background: #ffebee;
  padding: 12px;
  border-radius: 4px;
  border: 1px solid #ffcdd2;
}

/* 任务列表 */
.markdown-renderer[data-v-db489718] li:has(input[type="checkbox"]) {
  list-style-type: none;
  padding-left: 0;
}
.markdown-renderer[data-v-db489718] li input[type="checkbox"] {
  margin-right: 8px;
  margin-left: -20px;
}

.tool-call-renderer[data-v-260006f4] {
  margin: 12px 0;
  border-radius: 8px;
  overflow: hidden;
}

/* 通用卡片样式 */
.tool-card[data-v-260006f4], .tool-list[data-v-260006f4], .tool-form[data-v-260006f4] {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
}
.card-header[data-v-260006f4], .list-header[data-v-260006f4], .form-header[data-v-260006f4] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: #fff;
  border-bottom: 1px solid #e9ecef;
  font-weight: 600;
  color: #333;
}
.icon-tool[data-v-260006f4], .icon-list[data-v-260006f4], .icon-form[data-v-260006f4] {
  width: 20px;
  height: 20px;
  background: #007bff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 12px;
}
.status-badge[data-v-260006f4] {
  margin-left: auto;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
}
.status-badge.success[data-v-260006f4] {
  background: #d4edda;
  color: #155724;
}
.status-badge.error[data-v-260006f4] {
  background: #f8d7da;
  color: #721c24;
}
.status-badge.processing[data-v-260006f4] {
  background: #fff3cd;
  color: #856404;
}

/* 卡片内容 */
.card-content[data-v-260006f4] {
  padding: 16px;
}
.field-list[data-v-260006f4] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.field-item[data-v-260006f4] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.field-label[data-v-260006f4] {
  font-weight: 500;
  color: #666;
  min-width: 100px;
  flex-shrink: 0;
}
.field-value[data-v-260006f4] {
  flex: 1;
  color: #333;
  word-break: break-all;
}
.field-value a[data-v-260006f4] {
  color: #007bff;
  text-decoration: none;
}
.field-value a[data-v-260006f4]:hover {
  text-decoration: underline;
}
.field-image[data-v-260006f4] {
  max-width: 200px;
  max-height: 150px;
  border-radius: 4px;
}
.result-content[data-v-260006f4] {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  padding: 12px;
}
.result-text[data-v-260006f4] {
  margin: 0;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
  font-size: 14px;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-all;
}
.error-content[data-v-260006f4] {
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 4px;
  padding: 12px;
}
.error-message[data-v-260006f4] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #721c24;
}
.icon-error[data-v-260006f4] {
  color: #dc3545;
}

/* 卡片操作 */
.card-actions[data-v-260006f4] {
  padding: 12px 16px;
  background: #fff;
  border-top: 1px solid #e9ecef;
  display: flex;
  justify-content: flex-end;
}
.action-btn[data-v-260006f4] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s;
}
.action-btn.primary[data-v-260006f4] {
  background: #007bff;
  color: white;
}
.action-btn.primary[data-v-260006f4]:hover {
  background: #0056b3;
}
.icon-arrow-right[data-v-260006f4] {
  transition: transform 0.2s;
}
.action-btn:hover .icon-arrow-right[data-v-260006f4] {
  transform: translateX(2px);
}

/* 列表样式 */
.list-content[data-v-260006f4] {
  padding: 16px;
}
.result-list[data-v-260006f4] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.list-item[data-v-260006f4] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px solid #e9ecef;
}
.item-index[data-v-260006f4] {
  font-weight: 600;
  color: #007bff;
  flex-shrink: 0;
}
.item-content[data-v-260006f4] {
  flex: 1;
  color: #333;
}

/* 表单样式 */
.form-content[data-v-260006f4] {
  padding: 16px;
}
.form-fields[data-v-260006f4] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.form-field[data-v-260006f4] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.form-field .field-label[data-v-260006f4] {
  font-weight: 500;
  color: #333;
  min-width: auto;
}
.form-field .field-value input[data-v-260006f4],
.form-field .field-value textarea[data-v-260006f4] {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  background: #f8f9fa;
  resize: vertical;
}

/* iframe 样式 */
.iframe-container[data-v-260006f4] {
  width: 100%;
  min-height: 300px;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  overflow: hidden;
  background: #f8f9fa;
}
.tool-iframe[data-v-260006f4] {
  width: 100%;
  height: 100%;
  min-height: 300px;
  border: none;
}

/* 错误状态 */
.tool-error[data-v-260006f4] {
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 8px;
  padding: 16px;
}
.tool-error .error-content[data-v-260006f4] {
  background: transparent;
  border: none;
  padding: 0;
  color: #721c24;
}

/* 加载状态 */
.tool-loading[data-v-260006f4] {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 24px;
  text-align: center;
  color: #666;
}
.loading-spinner[data-v-260006f4] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.icon-loading[data-v-260006f4] {
  width: 24px;
  height: 24px;
  border: 2px solid #e9ecef;
  border-top: 2px solid #007bff;
  border-radius: 50%;
  animation: spin-260006f4 1s linear infinite;
}
@keyframes spin-260006f4 {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
.loading-text[data-v-260006f4] {
  font-size: 14px;
}

.iframe-renderer[data-v-580a37d8] {
  width: 100%;
  margin: 12px 0;
  border-radius: 8px;
  overflow: hidden;
  background: #f8f9fa;
}
.iframe-container[data-v-580a37d8] {
  position: relative;
  width: 100%;
  min-height: 300px;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  overflow: hidden;
}
.content-iframe[data-v-580a37d8] {
  width: 100%;
  height: 100%;
  min-height: 300px;
  border: none;
  background: white;
  transition: opacity 0.3s ease;
}
.iframe-fallback[data-v-580a37d8] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8f9fa;
  z-index: 1;
}
.fallback-content[data-v-580a37d8] {
  text-align: center;
  color: #666;
}
.icon-warning[data-v-580a37d8] {
  font-size: 48px;
  color: #ffc107;
  margin-bottom: 16px;
}
.fallback-content p[data-v-580a37d8] {
  margin: 8px 0 16px 0;
  font-size: 14px;
}
.retry-btn[data-v-580a37d8] {
  padding: 8px 16px;
  background: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.2s;
}
.retry-btn[data-v-580a37d8]:hover {
  background: #0056b3;
}

/* 错误状态 */
.iframe-error[data-v-580a37d8] {
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 8px;
  padding: 16px;
  text-align: center;
}
.error-content[data-v-580a37d8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #721c24;
}
.icon-error[data-v-580a37d8] {
  font-size: 20px;
}

/* 加载状态 */
.iframe-loading[data-v-580a37d8] {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 48px 24px;
  text-align: center;
  color: #666;
}
.loading-spinner[data-v-580a37d8] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.icon-loading[data-v-580a37d8] {
  width: 32px;
  height: 32px;
  border: 3px solid #e9ecef;
  border-top: 3px solid #007bff;
  border-radius: 50%;
  animation: spin-580a37d8 1s linear infinite;
}
@keyframes spin-580a37d8 {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
.loading-text[data-v-580a37d8] {
  font-size: 16px;
  color: #495057;
}

/* 响应式设计 */
@media (max-width: 768px) {
.iframe-container[data-v-580a37d8] {
    min-height: 250px;
}
.content-iframe[data-v-580a37d8] {
    min-height: 250px;
}
.iframe-loading[data-v-580a37d8] {
    padding: 32px 16px;
}
.loading-text[data-v-580a37d8] {
    font-size: 14px;
}
}

.image-renderer[data-v-5abc30e8] {
  width: 100%;
  margin: 12px 0;
  border-radius: 8px;
  overflow: hidden;
  background: #f8f9fa;
}
.image-container[data-v-5abc30e8] {
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.content-image[data-v-5abc30e8] {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.content-image[data-v-5abc30e8]:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
.content-image.loading[data-v-5abc30e8] {
  opacity: 0.7;
}

/* 图片工具栏 */
.image-toolbar[data-v-5abc30e8] {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  gap: 4px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 6px;
  padding: 4px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.image-container:hover .image-toolbar[data-v-5abc30e8] {
  opacity: 1;
}
.toolbar-btn[data-v-5abc30e8] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: white;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.toolbar-btn[data-v-5abc30e8]:hover {
  background: rgba(255, 255, 255, 0.2);
}

/* 图片信息 */
.image-info[data-v-5abc30e8] {
  margin-top: 8px;
  padding: 8px 12px;
  background: white;
  border: 1px solid #e9ecef;
  border-radius: 6px;
  font-size: 12px;
  color: #666;
}
.info-item[data-v-5abc30e8] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.info-item[data-v-5abc30e8]:last-child {
  margin-bottom: 0;
}
.info-label[data-v-5abc30e8] {
  font-weight: 500;
}
.info-value[data-v-5abc30e8] {
  color: #333;
}

/* 图片预览模态框 */
.image-preview-modal[data-v-5abc30e8] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  cursor: pointer;
}
.preview-content[data-v-5abc30e8] {
  position: relative;
  max-width: 90vw;
  max-height: 90vh;
  cursor: default;
}
.preview-image[data-v-5abc30e8] {
  max-width: 100%;
  max-height: 90vh;
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}
.close-btn[data-v-5abc30e8] {
  position: absolute;
  top: -40px;
  right: 0;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  color: #333;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
}
.close-btn[data-v-5abc30e8]:hover {
  background: white;
}

/* 错误状态 */
.image-error[data-v-5abc30e8] {
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 8px;
  padding: 24px;
  text-align: center;
  color: #721c24;
}
.error-content[data-v-5abc30e8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.icon-error[data-v-5abc30e8] {
  font-size: 20px;
}

/* 加载状态 */
.image-loading[data-v-5abc30e8] {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 32px;
  text-align: center;
  color: #666;
}
.loading-spinner[data-v-5abc30e8] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.icon-loading[data-v-5abc30e8] {
  width: 32px;
  height: 32px;
  border: 3px solid #e9ecef;
  border-top: 3px solid #007bff;
  border-radius: 50%;
  animation: spin-5abc30e8 1s linear infinite;
}
@keyframes spin-5abc30e8 {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
.loading-text[data-v-5abc30e8] {
  font-size: 14px;
}

/* 响应式设计 */
@media (max-width: 768px) {
.image-toolbar[data-v-5abc30e8] {
    opacity: 1; /* 移动端始终显示工具栏 */
}
.toolbar-btn[data-v-5abc30e8] {
    width: 28px;
    height: 28px;
}
.image-info[data-v-5abc30e8] {
    font-size: 11px;
}
.close-btn[data-v-5abc30e8] {
    top: -36px;
    width: 28px;
    height: 28px;
}
}

.text-renderer[data-v-23cfc5fe] {
  display: inline;
}
.text-content[data-v-23cfc5fe] {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.text-content.typing[data-v-23cfc5fe] {
  border-right: 2px solid #333;
  animation: blink-23cfc5fe 1s infinite;
}
@keyframes blink-23cfc5fe {
0%, 50% { border-color: #333;
}
51%, 100% { border-color: transparent;
}
}
.text-content[data-v-23cfc5fe] .typing-cursor {
  display: inline-block;
  width: 2px;
  height: 1.2em;
  background-color: #333;
  margin-left: 2px;
  animation: blink-23cfc5fe 1s infinite;
}

.chat-message-wrapper[data-v-fd577086] {
  display: flex;
  margin-bottom: 32px; /* 增加底部间距为外部按钮留空间 */
  padding: 0 12px;
  position: relative; /* 为外部按钮提供定位上下文 */
}
.chat-message-wrapper.role-user[data-v-fd577086] {
  flex-direction: row-reverse;
}
.chat-message-wrapper.role-assistant[data-v-fd577086] {
  flex-direction: row;
}
.message-content[data-v-fd577086] {
  flex: 1;
  max-width: 85%;
}
.user-message[data-v-fd577086] {
  background: #e3f2fd;
  border-radius: 12px 12px 12px 12px;
  padding: 12px;
  margin-left: auto;
  margin-bottom: 8px;
  max-width: fit-content;
  min-width: 60px;
  width: auto;
}
.assistant-message[data-v-fd577086] {
  background: #f5f5f5;
  border-radius: 12px 12px 12px 12px;
  padding: 12px;
  margin-bottom: 8px;
  position: relative; /* 为外部按钮提供定位上下文 */
}
.thinking-indicator[data-v-fd577086] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #666;
  font-size: 14px;
}
.thinking-animation[data-v-fd577086] {
  display: flex;
  gap: 4px;
}
.dot[data-v-fd577086] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #666;
  animation: thinking-fd577086 1.4s ease-in-out infinite both;
}
.dot[data-v-fd577086]:nth-child(1) { animation-delay: -0.32s;
}
.dot[data-v-fd577086]:nth-child(2) { animation-delay: -0.16s;
}
@keyframes thinking-fd577086 {
0%, 80%, 100% {
    transform: scale(0);
    opacity: 0.5;
}
40% {
    transform: scale(1);
    opacity: 1;
}
}
.reasoning-section[data-v-fd577086], .document-progress[data-v-fd577086] {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-bottom: 12px;
  background: #fafafa;
}
.reasoning-header[data-v-fd577086], .progress-header[data-v-fd577086] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 8px;
  transition: background-color 0.2s;
}
.reasoning-header[data-v-fd577086]:hover, .progress-header[data-v-fd577086]:hover {
  background: #f0f0f0;
}
.icon[data-v-fd577086] {
  font-size: 16px;
}
.icon-check[data-v-fd577086] { color: #4caf50;
}
.icon-loading[data-v-fd577086] { color: #ff9800; animation: spin-fd577086 1s linear infinite;
}
.icon-error[data-v-fd577086] { color: #f44336;
}
.toggle-icon[data-v-fd577086] {
  margin-left: auto;
  transition: transform 0.2s;
}
.toggle-icon.expanded[data-v-fd577086] {
  transform: rotate(180deg);
}
@keyframes spin-fd577086 {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
.reasoning-content[data-v-fd577086] {
  padding: 0 12px 12px;
  border-top: 1px solid #e0e0e0;
}
.associated-content[data-v-fd577086] {
  padding: 0 12px 12px;
  border-top: 1px solid #e0e0e0;
}
.document-item[data-v-fd577086] {
  margin-bottom: 8px;
}
.document-link[data-v-fd577086] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #1976d2;
  text-decoration: none;
  font-size: 14px;
}
.document-link[data-v-fd577086]:hover {
  text-decoration: underline;
}
.main-content[data-v-fd577086] {
  position: relative;
}
.structured-content[data-v-fd577086] {
  line-height: 1.6;
}
.content-segment[data-v-fd577086] {
  margin-bottom: 8px;
}

/* 外部按钮组样式 */
.message-external-actions[data-v-fd577086] {
  position: absolute;
  right: -8px; /* 稍微偏右，与消息气泡右边缘对齐 */
  bottom: -36px; /* 定位到消息气泡下方，留出适当间距 */
  display: flex;
  gap: 6px;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 10; /* 确保按钮在最上层 */
}
.chat-message-wrapper:hover .message-external-actions[data-v-fd577086] {
  opacity: 1;
}
.action-btn {
&[data-v-fd577086] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background: white;
  color: #666;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  }
i[data-v-fd577086] {
    font-size: 12px;
}
span[data-v-fd577086] {
    white-space: nowrap;
}
}
.action-btn[data-v-fd577086]:hover {
  border-color: #1976d2;
  color: #1976d2;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  transform: translateY(-1px);
}
.stop-btn[data-v-fd577086] {
  border-color: #ff6b6b;
  color: #ff6b6b;
}
.stop-btn[data-v-fd577086]:hover {
  background: #ff6b6b;
  color: white;
  border-color: #ff6b6b;
}
.copy-btn[data-v-fd577086]:hover {
  background: #1976d2;
  color: white;
}
.message-time[data-v-fd577086] {
  font-size: 12px;
  color: #999;
  margin-top: 8px;
  text-align: right;
}
.role-user .message-time[data-v-fd577086] {
  text-align: left;
}

.chat-debug-container[data-v-21920714] {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #f8f9fa;
  position: relative;
  overflow: hidden;
}
.chat-debug-container .chat-display[data-v-21920714] {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
  min-height: 200px;
}
.chat-debug-container .chat-display .empty-state[data-v-21920714] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #999;
  min-height: 200px;
}
.chat-debug-container .chat-display .empty-state i[data-v-21920714] {
  font-size: 48px;
  margin-bottom: 16px;
  color: #ddd;
}
.chat-debug-container .chat-display .empty-state p[data-v-21920714] {
  font-size: 14px;
  margin: 0;
}
.chat-debug-container .chat-display .message[data-v-21920714] {
  display: flex;
  margin-bottom: 16px;
  max-width: 100%;
}
.chat-debug-container .chat-display .message.user[data-v-21920714] {
  justify-content: flex-end;
}
.chat-debug-container .chat-display .message.user .message-content[data-v-21920714] {
  background: #5b89fe;
  color: white;
  border-radius: 12px 12px 4px 12px;
}
.chat-debug-container .chat-display .message.user .message-time[data-v-21920714] {
  text-align: right;
  color: #999;
}
.chat-debug-container .chat-display .message.assistant[data-v-21920714] {
  justify-content: flex-start;
}
.chat-debug-container .chat-display .message.assistant .message-content[data-v-21920714] {
  background: white;
  border: 1px solid #e8e8e8;
  border-radius: 12px 12px 12px 4px;
  color: #333;
}
.chat-debug-container .chat-display .message.assistant .message-time[data-v-21920714] {
  text-align: left;
  color: #999;
}
.chat-debug-container .chat-display .message .message-content[data-v-21920714] {
  max-width: 70%;
  padding: 12px 16px;
  position: relative;
}
.chat-debug-container .chat-display .message .message-content .user-message[data-v-21920714],
.chat-debug-container .chat-display .message .message-content .response[data-v-21920714] {
  word-wrap: break-word;
  line-height: 1.5;
}
.chat-debug-container .chat-display .message .message-content .loading-container[data-v-21920714] {
  display: flex;
  justify-content: center;
  padding: 16px;
  color: #666;
}
.chat-debug-container .chat-display .message .message-content .loading-container .loading-icon[data-v-21920714] {
  font-size: 20px;
  animation: spin-21920714 1s linear infinite;
}
.chat-debug-container .chat-display .message .message-time[data-v-21920714] {
  font-size: 12px;
  margin-top: 4px;
  padding: 0 8px;
}
.chat-debug-container .input-area[data-v-21920714] {
  flex: none;
  background: white;
  border-top: 1px solid #e8e8e8;
  padding: 16px;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
  max-height: 50vh;
  display: flex;
  flex-direction: column;
}
.chat-debug-container .input-area .user-input-config[data-v-21920714] {
  margin-bottom: 12px;
  background: white;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.chat-debug-container .input-area .user-input-config .config-header[data-v-21920714] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: #f8f9fa;
  border-bottom: 1px solid #e8e8e8;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.chat-debug-container .input-area .user-input-config .config-header[data-v-21920714]:hover {
  background: #e8f4ff;
}
.chat-debug-container .input-area .user-input-config .config-header .config-icon[data-v-21920714] {
  font-size: 14px;
  color: #5b89fe;
}
.chat-debug-container .input-area .user-input-config .config-header .config-title[data-v-21920714] {
  flex: 1;
  font-size: 13px;
  font-weight: 500;
  color: #333;
}
.chat-debug-container .input-area .user-input-config .config-header .config-toggle-icon[data-v-21920714] {
  font-size: 12px;
  color: #666;
  transition: transform 0.3s ease, color 0.2s ease;
  transform-origin: center;
}
.chat-debug-container .input-area .user-input-config .config-header .config-toggle-icon[data-v-21920714]:hover {
  color: #5b89fe;
}
.chat-debug-container .input-area .user-input-config .config-content[data-v-21920714] {
  padding: 12px;
  background: white;
  overflow-y: auto;
}
.chat-debug-container .input-area .uploaded-files[data-v-21920714] {
  margin-bottom: 12px;
  background: white;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  overflow: hidden;
}
.chat-debug-container .input-area .uploaded-files .files-header[data-v-21920714] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  background: #f8f9fa;
  border-bottom: 1px solid #e8e8e8;
}
.chat-debug-container .input-area .uploaded-files .files-header .files-title[data-v-21920714] {
  font-size: 12px;
  color: #666;
  font-weight: 500;
}
.chat-debug-container .input-area .uploaded-files .files-header .clear-files-btn[data-v-21920714] {
  background: none;
  border: none;
  color: #999;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.chat-debug-container .input-area .uploaded-files .files-header .clear-files-btn[data-v-21920714]:hover {
  background: #e8e8e8;
  color: #666;
}
.chat-debug-container .input-area .uploaded-files .files-header .clear-files-btn i[data-v-21920714] {
  font-size: 12px;
}
.chat-debug-container .input-area .uploaded-files .files-list[data-v-21920714] {
  max-height: 120px;
  overflow-y: auto;
}
.chat-debug-container .input-area .uploaded-files .files-list .file-item[data-v-21920714] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  border-bottom: 1px solid #f0f0f0;
}
.chat-debug-container .input-area .uploaded-files .files-list .file-item[data-v-21920714]:last-child {
  border-bottom: none;
}
.chat-debug-container .input-area .uploaded-files .files-list .file-item[data-v-21920714]:hover {
  background: #f8f9fa;
}
.chat-debug-container .input-area .uploaded-files .files-list .file-item .file-info[data-v-21920714] {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
}
.chat-debug-container .input-area .uploaded-files .files-list .file-item .file-info .file-icon[data-v-21920714] {
  color: #999;
  margin-right: 8px;
  font-size: 14px;
  flex-shrink: 0;
}
.chat-debug-container .input-area .uploaded-files .files-list .file-item .file-info .file-name[data-v-21920714] {
  font-size: 13px;
  color: #333;
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.chat-debug-container .input-area .uploaded-files .files-list .file-item .file-info .file-size[data-v-21920714] {
  font-size: 11px;
  color: #999;
  flex-shrink: 0;
}
.chat-debug-container .input-area .uploaded-files .files-list .file-item .remove-file-btn[data-v-21920714] {
  background: none;
  border: none;
  color: #999;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.chat-debug-container .input-area .uploaded-files .files-list .file-item .remove-file-btn[data-v-21920714]:hover {
  background: #ff4d4f;
  color: white;
}
.chat-debug-container .input-area .uploaded-files .files-list .file-item .remove-file-btn i[data-v-21920714] {
  font-size: 12px;
}
.chat-debug-container .input-area .input-container[data-v-21920714] {
  display: flex;
  align-items: center;
  background: #f8f9fa;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  padding: 12px;
  transition: border-color 0.2s ease;
  min-height: 48px;
}
.chat-debug-container .input-area .input-container[data-v-21920714]:focus-within {
  border-color: #5b89fe;
  background: white;
}
.chat-debug-container .input-area .input-container .message-input[data-v-21920714] {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  resize: none;
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  height: 24px;
  min-height: 24px;
  max-height: 120px;
  font-family: inherit;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  box-sizing: border-box;
  /* 重置默认样式 */
}
.chat-debug-container .input-area .input-container .message-input[data-v-21920714]::placeholder {
  color: #999;
}
.chat-debug-container .input-area .input-container .message-input[data-v-21920714]::-webkit-input-placeholder {
  line-height: 1.5;
}
.chat-debug-container .input-area .input-container .message-input[data-v-21920714]::-moz-placeholder {
  line-height: 1.5;
}
.chat-debug-container .input-area .input-container .input-actions[data-v-21920714] {
  display: flex;
  gap: 8px;
  margin-left: 8px;
  align-items: center;
  flex-shrink: 0;
}
.chat-debug-container .input-area .input-container .input-actions .file-btn[data-v-21920714],
.chat-debug-container .input-area .input-container .input-actions .send-btn[data-v-21920714] {
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
  outline: none;
}
.chat-debug-container .input-area .input-container .input-actions .file-btn[data-v-21920714]:focus,
.chat-debug-container .input-area .input-container .input-actions .send-btn[data-v-21920714]:focus {
  outline: none;
  box-shadow: none;
}
.chat-debug-container .input-area .input-container .input-actions .file-btn i[data-v-21920714],
.chat-debug-container .input-area .input-container .input-actions .send-btn i[data-v-21920714] {
  font-size: 16px;
}
.chat-debug-container .input-area .input-container .input-actions .file-btn[data-v-21920714] {
  background: #f0f0f0;
  color: #666;
}
.chat-debug-container .input-area .input-container .input-actions .file-btn[data-v-21920714]:hover {
  background: #e0e0e0;
  color: #333;
}
.chat-debug-container .input-area .input-container .input-actions .send-btn[data-v-21920714] {
  background: #5b89fe;
  color: white;
}
.chat-debug-container .input-area .input-container .input-actions .send-btn[data-v-21920714]:hover:not(:disabled) {
  background: #4a7ae8;
  transform: scale(1.05);
}
.chat-debug-container .input-area .input-container .input-actions .send-btn[data-v-21920714]:disabled {
  background: #ccc;
  cursor: not-allowed;
  transform: scale(1);
}
@keyframes spin-21920714 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.trial-run-container[data-v-46aba622] {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: #fff;
  /* 对话流调试模式样式 */
}
.trial-run-container .panel-header[data-v-46aba622] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  border-bottom: 1px solid #d8dce6;
  background: #fff;
}
.trial-run-container .panel-header .header-left[data-v-46aba622] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.trial-run-container .panel-header .panel-title[data-v-46aba622] {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  color: #333333;
  line-height: 34px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.trial-run-container .panel-header .debug-mode-switcher[data-v-46aba622] {
  display: flex;
  background: #f5f5f5;
  border-radius: 6px;
  padding: 2px;
  gap: 2px;
}
.trial-run-container .panel-header .debug-mode-switcher .mode-btn[data-v-46aba622] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: none;
  background: transparent;
  border-radius: 4px;
  font-size: 12px;
  color: #666;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.trial-run-container .panel-header .debug-mode-switcher .mode-btn[data-v-46aba622]:hover {
  color: #333;
}
.trial-run-container .panel-header .debug-mode-switcher .mode-btn.active[data-v-46aba622] {
  background: white;
  color: #5b89fe;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.trial-run-container .panel-header .debug-mode-switcher .mode-btn i[data-v-46aba622] {
  font-size: 14px;
}
.trial-run-container .panel-header .log-link[data-v-46aba622] {
  color: #1890ff;
  cursor: pointer;
  font-size: 14px;
}
.trial-run-container .panel-header .close-btn[data-v-46aba622] {
  outline: none;
  box-shadow: none;
  border: none;
  background: none;
  color: #82849A;
  cursor: pointer;
  padding: 4px;
  line-height: 1;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  user-select: none;
  transition: background-color 0.2s ease;
}
.trial-run-container .panel-header .close-btn[data-v-46aba622]:hover {
  background-color: rgba(87, 104, 161, 0.08);
  color: #82849A;
}
.trial-run-container .panel-header .close-btn i[data-v-46aba622] {
  font-size: 14px;
}
.trial-run-container .tab-navigation[data-v-46aba622] {
  display: flex;
  border-bottom: 1px solid #d8dce6;
  background-color: #fff;
  overflow: visible;
}
.trial-run-container .tab-navigation .tab-item[data-v-46aba622] {
  padding: 4px 14px 3px 14px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  color: #83849b;
  border-bottom: 2px solid transparent;
  transition: all 0.2s ease;
  white-space: nowrap;
  flex: 1;
  text-align: center;
}
.trial-run-container .tab-navigation .tab-item[data-v-46aba622]:hover {
  color: #5b89fe;
}
.trial-run-container .tab-navigation .tab-item.active[data-v-46aba622] {
  color: #5b89fe;
  border-bottom-color: #5b89fe;
  border-radius: 1.5px;
  font-weight: 500;
}
.trial-run-container .tab-content[data-v-46aba622] {
  flex: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.trial-run-container .input-tab[data-v-46aba622],
.trial-run-container .result-tab[data-v-46aba622] {
  flex: 1;
  background: #fff;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.trial-run-container .input-tab[data-v-46aba622] {
  padding: 16px;
}
.trial-run-container .params-container[data-v-46aba622] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.trial-run-container .param-item .param-label[data-v-46aba622] {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  color: #666;
}
.trial-run-container .param-item .param-label .required-mark[data-v-46aba622] {
  color: #ff4d4f;
}
.trial-run-container .param-item .string-input[data-v-46aba622],
.trial-run-container .param-item .number-input[data-v-46aba622] {
  width: 100%;
  padding: 6px 12px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  font-size: 14px;
  background-color: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.trial-run-container .param-item .string-input[data-v-46aba622]:focus,
.trial-run-container .param-item .number-input[data-v-46aba622]:focus {
  outline: none;
  border-color: #5b89fe;
  background-color: #fff;
  box-shadow: 0 0 0 2px rgba(91, 137, 254, 0.1);
}
.trial-run-container .param-item .string-input[data-v-46aba622]:hover,
.trial-run-container .param-item .number-input[data-v-46aba622]:hover {
  border-color: #b8c8dc;
}
.trial-run-container .param-item .param-type[data-v-46aba622] {
  font-size: 12px;
  color: #999;
  background: #f5f5f5;
  padding: 2px 6px;
  border-radius: 2px;
  margin-left: 8px;
}
.trial-run-container .param-item .boolean-input-wrapper .boolean-checkbox[data-v-46aba622] {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.trial-run-container .param-item .boolean-input-wrapper .boolean-checkbox input[type=checkbox][data-v-46aba622] {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.trial-run-container .param-item .boolean-input-wrapper .boolean-checkbox .checkbox-label[data-v-46aba622] {
  font-size: 14px;
  color: #333;
}
.trial-run-container .param-item .file-input-wrapper .file-actions[data-v-46aba622] {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}
.trial-run-container .param-item .file-input-wrapper .file-actions .upload-btn[data-v-46aba622] {
  padding: 6px 16px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background: #fff;
  color: #666;
  cursor: pointer;
  font-size: 14px;
}
.trial-run-container .param-item .file-input-wrapper .file-actions .upload-btn[data-v-46aba622]:hover {
  border-color: #3370ff;
  color: #3370ff;
}
.trial-run-container .param-item .file-input-wrapper .file-item[data-v-46aba622] {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  background: #fafafa;
}
.trial-run-container .param-item .file-input-wrapper .file-item .file-icon[data-v-46aba622] {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f0f0;
  border-radius: 4px;
  color: #666;
  font-size: 14px;
}
.trial-run-container .param-item .file-input-wrapper .file-item .file-name[data-v-46aba622] {
  font-size: 14px;
  color: #333;
  flex: 1;
}
.trial-run-container .param-item .file-input-wrapper .file-item .file-size[data-v-46aba622] {
  font-size: 12px;
  color: #999;
  margin-right: 8px;
}
.trial-run-container .param-item .file-input-wrapper .file-item .delete-file-btn[data-v-46aba622] {
  width: 16px;
  height: 16px;
  border: 1px solid #d9d9d9;
  background: #fff;
  color: #999;
  border-radius: 2px;
  cursor: pointer;
  font-size: 12px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.trial-run-container .param-item .file-input-wrapper .file-item .delete-file-btn[data-v-46aba622]:hover {
  background: #f5f5f5;
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.trial-run-container .param-item .object-input-wrapper[data-v-46aba622],
.trial-run-container .param-item .array-input-wrapper[data-v-46aba622] {
  margin-bottom: 8px;
}
.trial-run-container .param-item .json-actions[data-v-46aba622] {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.trial-run-container .param-item .json-actions .json-label[data-v-46aba622] {
  font-size: 14px;
  color: #666;
  font-weight: 500;
}
.trial-run-container .param-item .json-actions .json-tools[data-v-46aba622] {
  display: flex;
  gap: 4px;
}
.trial-run-container .param-item .json-actions .json-tools .json-tool-btn[data-v-46aba622] {
  width: 24px;
  height: 24px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background: #fff;
  color: #999;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
}
.trial-run-container .param-item .json-actions .json-tools .json-tool-btn[data-v-46aba622]:hover {
  border-color: #3370ff;
  color: #3370ff;
}
.trial-run-container .param-item .json-editor[data-v-46aba622] {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 8px;
  background: #fff;
}
.trial-run-container .param-item .json-editor.error[data-v-46aba622] {
  border: 2px solid #ff4d4f;
  background: #fff2f0;
}
.trial-run-container .param-item .json-editor .json-textarea[data-v-46aba622] {
  width: 100%;
  height: 120px;
  border: none;
  resize: none;
  outline: none;
  font-family: monospace;
  font-size: 14px;
  background: transparent;
}
.trial-run-container .param-item .error-message[data-v-46aba622] {
  margin-top: 4px;
  font-size: 12px;
  color: #ff4d4f;
}
.trial-run-container .no-params-tip[data-v-46aba622] {
  text-align: center;
  padding: 40px 20px;
  color: #999;
}
.trial-run-container .no-params-tip p[data-v-46aba622] {
  margin: 8px 0;
  font-size: 14px;
}
.trial-run-container .empty-content[data-v-46aba622] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-height: 200px;
  color: #999;
  font-size: 14px;
}
.trial-run-container .result-content[data-v-46aba622] {
  flex: 1;
  height: 100%;
  min-height: 200px;
  padding: 16px;
  overflow-y: auto;
}
.trial-run-container .result-content pre[data-v-46aba622] {
  margin: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-size: 14px;
  color: #333;
  line-height: 1.6;
}
.trial-run-container .bottom-actions[data-v-46aba622] {
  padding: 16px;
  border-top: 1px solid #e8e8e8;
  background: #fff;
}
.trial-run-container .run-workflow-btn[data-v-46aba622] {
  width: 100%;
  padding: 8px 16px;
  background: #00b42a;
  border: none;
  border-radius: 6px;
  color: white;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.2s ease;
  white-space: nowrap;
  user-select: none;
}
.trial-run-container .run-workflow-btn[data-v-46aba622]:hover:not(:disabled) {
  background-color: #00a327;
  box-shadow: 0 2px 8px rgba(0, 180, 42, 0.3);
}
.trial-run-container .run-workflow-btn[data-v-46aba622]:active:not(:disabled) {
  background-color: #009224;
  transform: translateY(0);
}
.trial-run-container .run-workflow-btn[data-v-46aba622]:disabled {
  background-color: #f5f5f5;
  color: #999;
  cursor: not-allowed;
  box-shadow: none;
}
.trial-run-container .run-workflow-btn .btn-icon[data-v-46aba622] {
  width: 14px;
  height: 14px;
  font-size: 14px;
}
.trial-run-container .run-workflow-btn .loading-icon[data-v-46aba622] {
  animation: spin-46aba622 1s linear infinite;
}
.trial-run-container .chat-debug-mode[data-v-46aba622] {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: calc(100% - 54px); /* 减去header高度 (padding + border) */
  overflow: hidden;
}
.trial-run-container .param-debug-mode[data-v-46aba622] {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: calc(100% - 54px); /* 减去header高度 (padding + border) */
}
@keyframes spin-46aba622 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}.flow-container[data-v-08a76840] {
  margin-top: 8px;
}._node-panel_dscul_1 {
  pointer-events: all;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
  width: 322px;
  height: 584px;
  padding: 15px 11px 0;
  background-color: #ffffff;
  user-select: none;
}

._list-wrapper_dscul_14 {
  flex: 1 1 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  margin-top: 14px;
}

._search-placeholder_dscul_24 {
  user-select: none;
  color: #747b8b;
  font-size: 14px;
  line-height: 20px;
  margin-top: 12px;
}

._node-category-title_dscul_32 {
  display: block;
  line-height: 20px;
  font-size: 14px;
  margin-top: 11px;
  margin-bottom: 7px;
  color: #747b8b;
  font-weight: bold;
  padding-left: 1px;
}
._node-category-list_dscul_42 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 6px;
  column-gap: 8px;
  margin-left: -6px;
  margin-right: -6px;
}
._node-category_dscul_32._first-panel_dscul_50 ._node-category-title_dscul_32 {
  margin-top: 0;
}

._node-card_dscul_54 {
  position: relative;
  box-shadow: none;
  left: 0;
  top: 0;
  z-index: 1;
  cursor: grab;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 3px 6px;
  transform: translateZ(0);
  user-select: none;
}
._node-card_dscul_54:hover {
  background-color: rgba(87, 104, 161, 0.08);
}

._node-icon_dscul_73 {
  position: relative;
  border-radius: 7px;
  width: 28px;
  height: 28px;
  overflow: hidden;
}
._node-icon-overlay_dscul_80 {
  position: absolute;
  inset: 0;
  border-radius: 7px;
}
._node-icon_dscul_73 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}

._node-title_dscul_93 {
  font-size: 14px;
  line-height: 20px;
  color: rgba(15, 21, 40, 0.82);
}

._switch-mode_dscul_99 {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2a87ff;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  padding-top: 12px;
  padding-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}
._switch-mode_dscul_99:hover {
  color: #529dff;
}
._switch-mode_dscul_99:active {
  color: #0e6ded;
}.fvf-add-node-btn {
  display: inline-flex;
  align-items: center;
  border-radius: 8px;
  height: 32px;
  min-width: 32px;
  font-size: 14px;
  padding: 6px 16px;
  border-width: 0;
}
.fvf-add-node-btn .f-icon {
  margin-right: 8px;
  font-size: 14px;
}
.add-node-popup {
  border-radius: 12px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.04), 0 4px 12px 0 rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(82, 100, 154, 0.13);
}.fvf-viewport-select {
  display: block;
  width: 90px;
}
.fvf-viewport-select__popup {
  width: auto !important;
  padding: 4px;
  border-radius: 8px;
}
.fvf-viewport-select__panel {
  display: flex;
  flex-direction: column;
  padding: 0;
  gap: 2px;
  min-width: 120px;
}
.fvf-viewport-select__item {
  display: block;
  padding: 8px;
  line-height: 16px;
  border-radius: 4px;
  cursor: pointer;
  color: rgba(15, 21, 40, 0.82);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
}
.fvf-viewport-select__item:hover {
  background-color: rgba(87, 104, 161, 0.08);
}
.fvf-viewport-select__divider {
  margin: 4px;
  height: 1px;
  background-color: rgba(56, 55, 67, 0.08);
}
.t-select-input .t-input.t-size-s {
  height: 26px;
  border-radius: 6px;
  border: 1px solid #D9DEE7;
}
.t-select-input .t-input.t-size-s:hover, .t-select-input .t-input.t-size-s.t-input--focused {
  border-color: #6388FF;
  box-shadow: none;
  outline: none;
}
.t-popup.t-select__dropdown .t-popup__content.larger-max-height {
  max-height: 600px !important;
}
.t-popup.t-select__dropdown .t-select__list .t-select-option.t-size-s {
  height: 26px !important;
  line-height: 26px !important;
}
.t-popup.t-select__dropdown .t-select__list .t-select-option.t-size-s.t-is-selected {
  background-color: #dae8fd !important;
}._tools_mtmbl_1 {
  pointer-events: none;
  position: absolute;
  bottom: 16px;
  display: flex;
  justify-content: center;
  width: 100%;
  min-width: 360px;
  padding: 0 8px;
  user-select: none;
}

._tools-wrap_mtmbl_13 {
  display: flex;
  flex-wrap: wrap-reverse;
  gap: 8px;
  align-items: center;
  position: relative;
}

._minimap-container_mtmbl_21 {
  display: block;
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: 8px;
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid rgba(68, 83, 130, 0.25);
  overflow: hidden;
}
._minimap-container_mtmbl_21 .vue-flow__panel {
  position: relative !important;
  margin: 0 !important;
}

._tools-section_mtmbl_37 {
  pointer-events: auto;
  display: flex;
  column-gap: 12px;
  align-items: center;
  height: 40px;
  padding: 0 12px;
  background-color: #ffffff;
  border: 1px solid rgba(68, 83, 130, 0.25);
  border-radius: 8px;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 4px 12px 0px rgba(0, 0, 0, 0.02);
}

._tooltip-wrapper_mtmbl_50 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  transition: background-color 0.2s;
}
._tooltip-wrapper_mtmbl_50._active_mtmbl_59, ._tooltip-wrapper_mtmbl_50:hover {
  background-color: #f0f2f5;
}
._tooltip-wrapper_mtmbl_50 img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

._divider_mtmbl_68 {
  width: 1px;
  height: 20px;
  background-color: #e5e7eb;
}

._trial-run-button_mtmbl_74 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 16px;
  border: none;
  border-radius: 6px;
  background-color: #00b42a;
  color: white;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
._trial-run-button_mtmbl_74:hover {
  background-color: #00a327;
  box-shadow: 0 2px 8px rgba(0, 180, 42, 0.3);
}
._trial-run-button_mtmbl_74:active {
  background-color: #009224;
  transform: translateY(0);
}

._trial-run-icon_mtmbl_98 {
  margin-right: 8px;
  font-size: 9px !important;
}

._popover_content_mtmbl_103 {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  padding: 16px;
  width: 400px;
}.property-item .form-group {
  margin-bottom: 2px;
}

.property-item .col-form-label {
  line-height: 26px;
}

.property-item .row-item {
  align-items: center;
}

.wrap {
  overflow: hidden;
  text-overflow: ellipsis;
}.propertyCascadeItem {
  background-color: transparent !important;
  border: none !important;
}

.propertyCascadeItem .card-header {
  background-color: transparent !important;
  padding: 4px 0px !important;
  color: inherit !important;
}

.propertyCascadeItem .card-header .panel-item-title {
  width: 100%;
  position: relative;
  font-size: inherit !important;
}

.propertyCascadeItem .card-header .panel-item-title .farris-input-wrap {
  margin-left: -5px;
  margin-right: -5px;
}

.propertyCascadeItem .form-group .col-form-label .f-icon {
  color: #a3a3a3 !important;
}

.propertyCascadeItem .f-accordion-collapse,
.propertyCascadeItem .f-accordion-expand {
  right: 0;
  left: auto !important;
  top: 6px;
  color: #6b94ec !important;
  position: absolute;
}

.propertyCascadeItem .card-body {
  padding: 3px 12px !important;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  margin: 4px 0px;
}

.propertyCascadeItem .card-body.hidden {
  display: none;
}

.landscape {
  display: none;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
}
:host {
  width: inherit;
  height: inherit;
}

.property-panel {
  position: relative;
}

.property-panel .switcher {
  position: absolute;
  top: 9px;
  right: 0;
  width: 40px;
  text-align: center;
}

.property-panel .switcher i {
  color: #2d2f33 !important;
  font-size: 11px;
  cursor: pointer;
}

.property-panel .side-panel {
  width: 42px !important;
  background-color: #fefeff !important;
  color: #2d2f33;
  font-weight: 400;
  letter-spacing: 4px;
  border-radius: 4px;
  padding-top: 40px !important;
  padding-bottom: 13px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.property-panel .side-panel .icon {
  display: block;
  text-align: center;
  color: #4190ff;
  margin-bottom: 10px;
}

.property-panel .side-panel span {
  writing-mode: vertical-lr !important;
  font-size: 14px;
  white-space: nowrap !important;
  user-select: none;
  cursor: pointer;
}

.propertyPanel {
  width: 100% !important;
  height: 100%;
  color: rgba(0, 0, 0, 0.75);
  background: #f3f8ff !important;
  border-color: #d8dbe2 !important;
  display: flex;
}

.propertyPanel .title {
  position: relative;
  background: #d0d8e9 !important;
  flex-wrap: wrap;
  border: 0;
}

.propertyPanel .title.p-right {
  padding-right: 40px;
}

.propertyPanel .title > .title-label {
  line-height: 34px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 12px;
  padding-right: 12px;
  color: #333333;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.propertyPanel .title > .title-label.active {
  background: #8fb1df !important;
}

.propertyPanel .title .title-actions {
  position: absolute;
  right: 10px;
  top: 0px;
  padding-left: 35px;
  height: 35px;
  -ms-flex: 1;
  flex: 1;
  box-sizing: border-box;
}

.propertyPanel .title .title-actions {
  position: absolute;
  right: 10px;
  top: 0px;
}

.propertyPanel .property-grid .group-label {
  line-height: 30px;
  display: block;
  padding-left: 13px;
  cursor: pointer;
  background: rgb(226, 233, 246) !important;
  color: #435069 !important;
  font-weight: 600 !important;
  border-radius: 6px;
}

.propertyPanel .search .textbox {
  padding-left: 10px;
}

.propertyPanel .search .input-group {
  border-radius: 0;
}

.propertyPanel .panel-body {
  overflow: auto;
  height: 100%;
}

.propertyPanel .property-grid {
  list-style: none;
  margin: 0 12px !important;
  padding: 0;
}

.propertyPanel .property-grid li {
  padding: 2px 0;
}

.propertyPanel .panel-body .property-grid .group-label + div {
  padding-bottom: 14px !important;
  padding-top: 0.25rem !important;
}

.propertyPanel .action-item {
  cursor: pointer;
  display: inline-block;
  transition: transform 50ms ease;
  position: relative;
  padding: 0px;
}

.propertyPanel .action-item > .f-icon {
  color: rgba(66, 66, 66, 0.75);
  line-height: 35px;
  font-weight: 600;
}

.propertyPanel .search .input-group-clear {
  border-radius: 0 !important;
}

/***************************白色主题******************************/
.white-theme .propertyPanel {
  background: #fff !important;
  border: 1px solid #d8dce6 !important;
}

.white-theme .propertyPanel .title {
  overflow: visible;
  background: #fff !important;
  justify-content: space-around;
}

.white-theme .propertyPanel {
  background: #fff !important;
}

.white-theme .propertyPanel .title {
  overflow: visible;
  background: #fff !important;
  flex-wrap: wrap;
  text-align: center;
}

.white-theme .propertyPanel .title > .title-label {
  border-bottom: 0;
  font-weight: 400 !important;
  border-bottom: 0;
  background: #fff !important;
  flex: 1;
  color: #83849b;
}

.white-theme .propertyPanel .title > .title-label > span {
  padding: 0 14px 7px 14px;
}

.white-theme .propertyPanel .title > .title-label.active > span {
  border-bottom: 2px solid #5b89fe;
  color: #5b89fe;
  border-radius: 1.5px;
}

.white-theme .propertyPanel .title.only {
  text-align: left;
}

.white-theme .propertyPanel .property-grid .group-label {
  background: #fff !important;
  line-height: 30px;
  font-weight: 400 !important;
  font-size: 13px;
  color: #3f4764 !important;
  border-radius: 6px;
  background: #eef4ff !important;
  color: #435069 !important;
}

.white-theme .propertyPanel .property-grid .group-label .f-icon {
  color: #5d89fe;
  font-size: 13px;
}

/***************************白色主题 end ******************************/._flow-view_20tme_1 {
  position: relative;
  height: 100%;
}

._float-layout_20tme_6 {
  pointer-events: none;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
}

._left-panel_20tme_17 {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  min-width: 0;
}

._right-panel_20tme_26 {
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  min-width: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

._left-main-panel_20tme_36 {
  position: relative;
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  height: 100%;
  padding-bottom: 12px;
}

._left-bottom-panel_20tme_46 {
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  min-height: 0;
}

._right-property-panel_20tme_54 {
  pointer-events: all;
  height: 100%;
  overflow: visible;
  position: relative;
  top: 1px;
  flex-shrink: 0;
  width: 450px;
  box-shadow: 2px 0px 20px 0px rgba(3, 18, 51, 0.05);
}
._right-property-panel_20tme_54 .property-panel {
  display: block;
  height: 100%;
}

._left-property-panel_20tme_69 {
  pointer-events: all;
  height: 100%;
  overflow: visible;
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 0;
  z-index: 25;
  box-shadow: 2px 0px 20px 0px rgba(3, 18, 51, 0.05);
}
._left-property-panel_20tme_69 .property-panel {
  display: block;
  height: 100%;
}

._left-property-panel_20tme_69._panel-collapse_20tme_85 {
  height: auto;
  bottom: auto;
  overflow: visible;
  top: 2px;
  left: 6px;
}
._left-property-panel_20tme_69._panel-collapse_20tme_85 .property-panel {
  height: auto;
}

._right-property-panel_20tme_54:not(._panel-collapse_20tme_85) .propertyPanel,
._left-property-panel_20tme_69:not(._panel-collapse_20tme_85) .propertyPanel {
  border: none !important;
}.fvf-verify-details {
  position: absolute;
  left: 14px;
  bottom: 16px;
  z-index: 15;
  border-radius: 6px;
  background-color: #fdefef;
  box-shadow: 0 2px 8px 0 rgba(31, 35, 41, 0.15);
  padding: 2px 8px;
  cursor: pointer;
  pointer-events: all;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  line-height: 20px;
}
.fvf-verify-details__icon {
  margin-right: 4px;
  color: #f46160 !important;
  user-select: none;
}
.fvf-verify-details__count {
  font-size: 14px;
  color: #f46160;
  user-select: none;
}
.fvf-verify-details__popup {
  margin-bottom: 8px !important;
  border-radius: 6px !important;
  padding: 0 0 4px !important;
}
.fvf-verify-details__panel {
  display: block;
  width: 450px;
  border-radius: 6px !important;
  overflow: hidden;
}
.fvf-verify-details__header {
  display: flex;
  align-items: center;
  padding: 12px 12px;
  user-select: none;
}
.fvf-verify-details__title {
  flex: 1 1 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 20px;
}
.fvf-verify-details__close {
  flex: 0 0 auto;
  margin-left: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.fvf-verify-details__list {
  display: block;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
.fvf-verify-details__item {
  padding: 8px 0;
  cursor: pointer;
  border-top: 1px dotted #dee4ed;
}
.fvf-verify-details__item-header {
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 0 14px;
}
.fvf-verify-details__item-icon {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 6px;
}
.fvf-verify-details__item-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.fvf-verify-details__item-name {
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fvf-verify-details__item-errors {
  margin-top: 6px;
  padding: 0 10px;
}
.fvf-verify-details__item-error {
  display: flex;
  align-items: flex-start;
  overflow: hidden;
}
.fvf-verify-details__item-error-icon {
  margin-right: 2px;
  line-height: 20px;
  display: flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
}
.fvf-verify-details__item-error-icon i {
  font-size: 14px !important;
  color: #f46160 !important;
}
.fvf-verify-details__item-error-msg {
  font-size: 12px;
  line-height: 20px;
  color: #747b8b;
}
.fvf-verify-details__item-error + .fvf-verify-details__item-error {
  margin-top: 3px;
}
.node-debug-drawer[data-v-304cca89] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: 80vh;
  z-index: 1000;
  pointer-events: all;
  overflow: hidden;
}
.debug-drawer-content[data-v-304cca89] {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  border-top: 1px solid #d8dbe2;
  border-left: 1px solid #d8dbe2;
  box-shadow: -2px -2px 20px 0px rgba(3, 18, 51, 0.05);
  display: flex;
  flex-direction: column;
  pointer-events: all;
  animation: slideInUp-304cca89 0.3s ease;
}
@keyframes slideInUp-304cca89 {
from {
    transform: translateY(100%);
}
to {
    transform: translateY(0);
}
}
.drawer-header[data-v-304cca89] {
  position: relative;
  background: #fff;
  border-bottom: 1px solid #d8dce6;
  padding: 0;
  flex-shrink: 0;
}
.drawer-title[data-v-304cca89] {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: #333333;
  line-height: 34px;
  padding: 0 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 40px;
}
.close-btn[data-v-304cca89] {
  position: absolute;
  right: 10px;
  top: 0px;
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
  color: #666;
  padding: 0;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  outline: none;
}
.close-btn[data-v-304cca89]:hover {
  background-color: rgba(87, 104, 161, 0.08);
}
.drawer-body[data-v-304cca89] {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.tab-navigation {
&[data-v-304cca89] {
  display: flex;
  background: #fff;
  border-bottom: 1px solid #d8dce6;
  flex-shrink: 0;
  }
.tab-item {
&[data-v-304cca89] {
    flex: 1;
    text-align: center;
    padding: 0 14px 7px 14px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: #83849b;
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease;
    white-space: nowrap;
    }
&[data-v-304cca89]:hover {
      color: #5b89fe;
}
&.active[data-v-304cca89] {
      color: #5b89fe;
      border-bottom-color: #5b89fe;
      border-radius: 1.5px;
      font-weight: 500;
}
}
}
.tab-content[data-v-304cca89] {
  flex: 1;
  overflow: auto;
  background: #fff;
}
.input-tab[data-v-304cca89] {
  padding: 12px;
}
.params-section[data-v-304cca89] {
  margin: 0;
}
.params-container[data-v-304cca89] {
  margin: 0;
}
.param-item[data-v-304cca89] {
  margin-bottom: 12px;
}
.param-label[data-v-304cca89] {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  color: #3f4764;
  line-height: 1.4;
}
.required-mark[data-v-304cca89] {
  color: #ff4d4f;
  margin-left: 4px;
}
.param-type[data-v-304cca89] {
  font-size: 10px;
  color: #999;
  margin-left: 8px;
  padding: 2px 4px;
  background: #f5f5f5;
  border-radius: 2px;
}
.string-input[data-v-304cca89],
.number-input[data-v-304cca89] {
  width: 100%;
  padding: 6px 8px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  font-size: 12px;
  box-sizing: border-box;
}
.string-input[data-v-304cca89]:focus,
.number-input[data-v-304cca89]:focus {
  outline: none;
  border-color: #5b89fe;
  box-shadow: 0 0 0 2px rgba(91, 137, 254, 0.2);
}
.boolean-input-wrapper[data-v-304cca89] {
  padding: 6px 0;
}
.boolean-checkbox[data-v-304cca89] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.boolean-checkbox input[type="checkbox"][data-v-304cca89] {
  margin-right: 6px;
}
.checkbox-label[data-v-304cca89] {
  font-size: 12px;
  color: #262626;
}
.json-input[data-v-304cca89] {
  width: 100%;
  padding: 6px 8px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  font-size: 12px;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
  resize: vertical;
  box-sizing: border-box;
}
.json-input[data-v-304cca89]:focus {
  outline: none;
  border-color: #5b89fe;
  box-shadow: 0 0 0 2px rgba(91, 137, 254, 0.2);
}
.no-params-section[data-v-304cca89] {
  text-align: center;
  color: #999;
  padding: 40px 20px;
  font-size: 12px;
}
.result-tab[data-v-304cca89] {
  padding: 12px;
  background: #fff;
}
.result-content {
&[data-v-304cca89] {
  height: 100%;
  min-height: 200px;
  }
pre[data-v-304cca89] {
    margin: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-size: 12px;
    color: #333;
    line-height: 1.4;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 4px;
    border: 1px solid #e8e8e8;
    overflow: auto;
    max-height: 300px;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
}
}
.empty-content,
.loading-content {
&[data-v-304cca89] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  color: #999;
  font-size: 12px;
  }
p[data-v-304cca89] {
    margin: 0;
}
}
.loading-content[data-v-304cca89] {
  color: #5b89fe;
}
.drawer-footer[data-v-304cca89] {
  display: flex;
  justify-content: center;
  padding: 16px;
  border-top: 1px solid #e8e8e8;
  background: #fafafa;
  flex-shrink: 0;
}
.debug-btn {
&[data-v-304cca89] {
  outline: none;
  width: 100%;
  padding: 8px 16px;
  background: #00b42a;
  border: none;
  border-radius: 6px;
  color: white;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.2s ease;
  white-space: nowrap;
  user-select: none;
  }
&[data-v-304cca89]:hover:not(:disabled) {
    background-color: #00a327;
    box-shadow: 0 2px 8px rgba(0, 180, 42, 0.3);
}
&[data-v-304cca89]:active:not(:disabled) {
    background-color: #009424;
    box-shadow: 0 1px 4px rgba(0, 180, 42, 0.2);
}
&[data-v-304cca89]:disabled {
    background-color: #f5f5f5;
    color: #bfbfbf;
    cursor: not-allowed;
    box-shadow: none;
}
.btn-icon[data-v-304cca89] {
    font-size: 12px;
}
.loading-icon[data-v-304cca89] {
    animation: spin-304cca89 1s linear infinite;
}
}
@keyframes spin-304cca89 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.vue-flow__canvas[data-v-8d1cc51c] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none;
}.farris-modal.modal {
  z-index: 1050 !important;
}

.popover.f-combo-list-wrapper {
  z-index: 1060 !important;
}

.vue-flow {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  direction: ltr;
}

.vue-flow__container {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.vue-flow__pane {
  z-index: 1;
}

.vue-flow__pane.draggable {
  cursor: grab;
}

.vue-flow__pane.selection {
  cursor: pointer;
}

.vue-flow__pane.dragging {
  cursor: grabbing;
}

.vue-flow__transformationpane {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}

.vue-flow__viewport {
  z-index: 4;
  overflow: clip;
}

.vue-flow__selection {
  z-index: 6;
}

.vue-flow__edge-labels {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.vue-flow__nodesselection-rect:focus,
.vue-flow__nodesselection-rect:focus-visible {
  outline: none;
}

.vue-flow .vue-flow__edges {
  pointer-events: none;
  overflow: visible;
}

.vue-flow__edge-path,
.vue-flow__connection-path {
  stroke: #b1b1b7;
  stroke-width: 1;
  fill: none;
}

.vue-flow__edge {
  pointer-events: visibleStroke;
  cursor: pointer;
}

.vue-flow__edge.animated path {
  stroke-dasharray: 5;
  animation: dashdraw 0.5s linear infinite;
}

.vue-flow__edge.animated path.vue-flow__edge-interaction {
  stroke-dasharray: none;
  animation: none;
}

.vue-flow__edge.inactive {
  pointer-events: none;
}

.vue-flow__edge.selected,
.vue-flow__edge:focus,
.vue-flow__edge:focus-visible {
  outline: none;
}

.vue-flow__edge.selected .vue-flow__edge-path,
.vue-flow__edge:focus .vue-flow__edge-path,
.vue-flow__edge:focus-visible .vue-flow__edge-path {
  stroke: #555;
}

.vue-flow__edge-textwrapper {
  pointer-events: all;
}

.vue-flow__edge-textbg {
  fill: white;
}

.vue-flow__edge-text {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.vue-flow__connection {
  pointer-events: none;
}

.vue-flow__connection .animated {
  stroke-dasharray: 5;
  animation: dashdraw 0.5s linear infinite;
}

.vue-flow__connectionline {
  z-index: 1001;
}

.vue-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}

.vue-flow__node-default,
.vue-flow__node-input,
.vue-flow__node-output {
  border-width: 1px;
  border-style: solid;
  border-color: #bbb;
}

.vue-flow__node-default.selected,
.vue-flow__node-default:focus,
.vue-flow__node-default:focus-visible,
.vue-flow__node-input.selected,
.vue-flow__node-input:focus,
.vue-flow__node-input:focus-visible,
.vue-flow__node-output.selected,
.vue-flow__node-output:focus,
.vue-flow__node-output:focus-visible {
  outline: none;
  border: 1px solid #555;
}

.vue-flow__node {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: default;
}

.vue-flow__node.draggable {
  cursor: grab;
  pointer-events: all;
}

.vue-flow__node.draggable.dragging {
  cursor: grabbing;
}

.vue-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}

.vue-flow__nodesselection-rect {
  position: absolute;
  pointer-events: all;
  cursor: grab;
}

.vue-flow__nodesselection-rect.dragging {
  cursor: grabbing;
}

.vue-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
}

.vue-flow__handle.connectable {
  pointer-events: all;
  cursor: crosshair;
}

.vue-flow__handle-bottom {
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
}

.vue-flow__handle-top {
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
}

.vue-flow__handle-left {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}

.vue-flow__handle-right {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
}

.vue-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}

.vue-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}

.vue-flow__panel.top {
  top: 0;
}

.vue-flow__panel.bottom {
  bottom: 0;
}

.vue-flow__panel.left {
  left: 0;
}

.vue-flow__panel.right {
  right: 0;
}

.vue-flow__panel.center {
  left: 50%;
  transform: translateX(-50%);
}

@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
:root {
  --vf-node-bg: #fff;
  --vf-node-text: #222;
  --vf-connection-path: #b1b1b7;
  --vf-handle: #555;
}

.vue-flow__edge.updating .vue-flow__edge-path {
  stroke: #777;
}

.vue-flow__edge-text {
  font-size: 10px;
}

.vue-flow__edge-textbg {
  fill: #fff;
}

.vue-flow__connection-path {
  stroke: var(--vf-connection-path);
}

.vue-flow__node {
  cursor: grab;
}

.vue-flow__node.selectable:focus,
.vue-flow__node.selectable:focus-visible {
  outline: none;
}

.vue-flow__node-default,
.vue-flow__node-input,
.vue-flow__node-output {
  padding: 10px;
  border-radius: 3px;
  width: 150px;
  font-size: 12px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  color: var(--vf-node-text);
  background-color: var(--vf-node-bg);
  border-color: var(--vf-node-color);
}

.vue-flow__node-default.selected,
.vue-flow__node-default.selected:hover,
.vue-flow__node-input.selected,
.vue-flow__node-input.selected:hover,
.vue-flow__node-output.selected,
.vue-flow__node-output.selected:hover {
  box-shadow: 0 0 0 0.5px var(--vf-box-shadow);
}

.vue-flow__node-default .vue-flow__handle,
.vue-flow__node-input .vue-flow__handle,
.vue-flow__node-output .vue-flow__handle {
  background: var(--vf-handle);
}

.vue-flow__node-default.selectable:hover,
.vue-flow__node-input.selectable:hover,
.vue-flow__node-output.selectable:hover {
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
}

.vue-flow__node-input {
  --vf-node-color: var(--vf-node-color, #0041d0);
  --vf-handle: var(--vf-node-color, #0041d0);
  --vf-box-shadow: var(--vf-node-color, #0041d0);
  background: var(--vf-node-bg);
  border-color: var(--vf-node-color, #0041d0);
}

.vue-flow__node-input.selected,
.vue-flow__node-input:focus,
.vue-flow__node-input:focus-visible {
  outline: none;
  border: 1px solid var(--vf-node-color, #0041d0);
}

.vue-flow__node-default {
  --vf-handle: var(--vf-node-color, #1a192b);
  --vf-box-shadow: var(--vf-node-color, #1a192b);
  background: var(--vf-node-bg);
  border-color: var(--vf-node-color, #1a192b);
}

.vue-flow__node-default.selected,
.vue-flow__node-default:focus,
.vue-flow__node-default:focus-visible {
  outline: none;
  border: 1px solid var(--vf-node-color, #1a192b);
}

.vue-flow__node-output {
  --vf-handle: var(--vf-node-color, #ff0072);
  --vf-box-shadow: var(--vf-node-color, #ff0072);
  background: var(--vf-node-bg);
  border-color: var(--vf-node-color, #ff0072);
}

.vue-flow__node-output.selected,
.vue-flow__node-output:focus,
.vue-flow__node-output:focus-visible {
  outline: none;
  border: 1px solid var(--vf-node-color, #ff0072);
}

.vue-flow__nodesselection-rect,
.vue-flow__selection {
  background: rgba(0, 89, 220, 0.08);
  border: 1px dotted rgba(0, 89, 220, 0.8);
}

.vue-flow__nodesselection-rect:focus,
.vue-flow__nodesselection-rect:focus-visible,
.vue-flow__selection:focus,
.vue-flow__selection:focus-visible {
  outline: none;
}

.vue-flow__handle {
  width: 6px;
  height: 6px;
  background: var(--vf-handle);
  border: 1px solid #fff;
  border-radius: 100%;
}.fvf-form-item-error {
  color: rgb(255, 68, 30);
  font-size: 12px;
  line-height: 16px;
}

.fvf-error-state.fvf-value-expression-input, .fvf-error-state.input-group {
  border-color: rgb(229, 50, 65) !important;
}

.trial-run-panel {
  pointer-events: all;
  height: 100%;
  width: 450px;
  flex-shrink: 0;
  overflow: hidden;
  transition: transform 0.3s ease;
  box-shadow: 2px 0px 20px 0px rgba(3, 18, 51, 0.05);
}._flow-designer_1bo33_1 {
  position: relative;
  height: 100%;
  overflow: hidden;
}
._flow-designer_1bo33_1._full-page_1bo33_6 {
  min-height: 300px;
  min-width: 1080px;
}
._flow-designer_1bo33_1 .f-page-main {
  position: relative;
}
._flow-designer_1bo33_1 .f-page-header {
  background-color: #fefeff !important;
  box-shadow: 0px 2px 20px 0px rgba(3, 18, 51, 0.05) !important;
  border-radius: 8px 8px 0px 0px !important;
  position: relative !important;
  z-index: 20 !important;
}
._flow-designer_1bo33_1 .f-page-main {
  box-shadow: none !important;
  background-color: #f8fbfd !important;
}

._mask_1bo33_25 {
  --mask-bg-rgb: 254, 254, 254;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background-color: #fefefe;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}

._loading_1bo33_40 {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-top: -80px;
}
._loading_1bo33_40 .f-loading-round {
  animation-duration: 0.7s;
}