.target-language-container[data-v-0c237750] {
  position: relative;
  width: 186px;
  font-family: PingFangSCRegular, PingFangSC, 'PingFang SC';
  z-index: 1;
  flex-shrink: 0;
}
.language-button[data-v-0c237750] {
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 36px;
  padding: 0 10px;
  background: transparent;
  border: 1px solid transparent;
  border-color: transparent;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 600;
  color: var(--wt-color-text-primary, #1f2937);
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 0;
  box-sizing: border-box;
}
.language-button[data-v-0c237750]:hover:not(.disabled):not(.active) {
  background-color: var(--wt-color-surface-muted, #f8fafc);
  color: var(--wt-color-text-primary, #1f2937);
}
.language-button.active[data-v-0c237750] {
  background-color: var(--wt-color-primary-soft, #f3f2ff);
  border-color: transparent;
  color: var(--wt-color-primary, #342e73);
}
.language-button.active[data-v-0c237750]:hover {
  background-color: var(--wt-color-primary-soft, #f3f2ff);
  color: var(--wt-color-primary, #342e73);
}
.language-button.disabled[data-v-0c237750] {
  opacity: 0.5;
  cursor: not-allowed;
}
.language-display[data-v-0c237750] {
  display: flex;
  width: 100%;
  text-align: left;
  align-items: center;
  min-width: 0;
}
.language-text[data-v-0c237750] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chevron-icon[data-v-0c237750] {
  width: 14px;
  height: 14px;
  flex: none;
  color: #9ca3af;
  transition: transform 0.2s ease;
}
.chevron-icon.rotate[data-v-0c237750] {
  transform: rotate(180deg);
}
.dropdown-content[data-v-0c237750] {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 380px;
  box-sizing: border-box;
  background: var(--wt-color-surface, #fff);
  border-radius: 12px;
  box-shadow: 0 12px 32px -8px rgba(0, 0, 0, 0.16);
  border: 1px solid var(--wt-color-border, #e5e7eb);
  overflow: hidden;
  max-height: 480px;
  display: flex;
  flex-direction: column;
  z-index: 3001;
  animation: wt-language-pop-0c237750 0.16s ease;
}
@keyframes wt-language-pop-0c237750 {
from {
    opacity: 0;
    transform: translateY(-4px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.dropdown-header[data-v-0c237750] {
  padding: 12px;
  border-bottom: 1px solid var(--wt-color-border, #e5e7eb);
  background: var(--wt-color-surface-muted, #f8fafc);
  position: sticky;
  top: 0;
  z-index: 10;
}
.search-container[data-v-0c237750] {
  position: relative;
  margin: 0 auto;
}
.search-icon[data-v-0c237750] {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  color: #9ca3af;
}
.search-input[data-v-0c237750] {
  width: 100%;
  height: 38px;
  padding: 0 30px 0 32px;
  font-size: 14px;
  background: var(--wt-color-surface, #fff);
  border: 1px solid #d1d5db;
  border-radius: 8px;
  outline: none;
  transition: all 0.2s ease;
  box-sizing: border-box;
}
.search-input[data-v-0c237750]:focus {
  border-color: var(--wt-color-primary, #342e73);
  box-shadow: 0 0 0 2px var(--wt-color-primary-soft, rgba(52, 46, 115, 0.08));
}
.search-input[data-v-0c237750]::-moz-placeholder {
  color: #9ca3af;
}
.search-input[data-v-0c237750]::placeholder {
  color: #9ca3af;
}
.clear-button[data-v-0c237750] {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  padding: 2px;
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.clear-button svg[data-v-0c237750] {
  width: 12px;
  height: 12px;
  color: #9ca3af;
}
.clear-button[data-v-0c237750]:hover {
  background-color: var(--wt-color-surface-muted, #f8fafc);
}
.dropdown-body[data-v-0c237750] {
  overflow-y: auto;
  flex: 1;
  padding: 8px;
}
.dropdown-body[data-v-0c237750]::-webkit-scrollbar {
  width: 6px;
}
.dropdown-body[data-v-0c237750]::-webkit-scrollbar-track {
  background: transparent;
}
.dropdown-body[data-v-0c237750]::-webkit-scrollbar-thumb {
  background-color: #d1d5db;
  border-radius: 3px;
}
.dropdown-body[data-v-0c237750]::-webkit-scrollbar-thumb:hover {
  background-color: #9ca3af;
}
.common-section[data-v-0c237750] {
  margin-bottom: 8px;
}
.section-title[data-v-0c237750] {
  padding: 4px 12px 8px 12px;
  font-size: 12px;
  font-weight: 600;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: normal;
}
.common-grid[data-v-0c237750] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
}
.common-item[data-v-0c237750] {
  line-height: 20px;
  display: flex;
  align-items: center;
  padding: 8px 12px;
  background: transparent;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  color: #374151;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.common-item[data-v-0c237750]:hover {
  background-color: var(--wt-color-surface-muted, #f8fafc);
}
.common-item.selected[data-v-0c237750] {
  background-color: var(--wt-color-primary-soft, rgba(52, 46, 115, 0.08));
  color: var(--wt-color-primary, #342e73);
  font-weight: 600;
}
.divider[data-v-0c237750] {
  height: 1px;
  background: var(--wt-color-border, #e5e7eb);
  margin: 8px 4px;
}
.language-list[data-v-0c237750] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.no-results[data-v-0c237750] {
  padding: 32px;
  text-align: center;
  color: #9ca3af;
  font-size: 14px;
}
.language-group[data-v-0c237750] {
  display: flex;
  flex-direction: column;
}
.language-item[data-v-0c237750] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
  padding: 9px 12px;
  background: transparent;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
}
.language-item[data-v-0c237750]:hover {
  background-color: var(--wt-color-surface-muted, #f8fafc);
}
.language-item.selected[data-v-0c237750] {
  background-color: var(--wt-color-primary-soft, rgba(52, 46, 115, 0.08));
  color: var(--wt-color-primary, #342e73);
}
.language-info[data-v-0c237750] {
  display: flex;
  align-items: center;
  gap: 12px;
  overflow: hidden;
}
.selected-indicator[data-v-0c237750] {
  width: 3px;
  height: 18px;
  border-radius: 2px;
  background: transparent;
  transition: background-color 0.2s ease;
}
.selected-indicator.visible[data-v-0c237750] {
  background-color: var(--wt-color-primary, #342e73);
}
.language-names[data-v-0c237750] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  line-height: normal;
}
.language-name[data-v-0c237750] {
  font-size: 14px;
  font-weight: 500;
  color: #111827;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.language-item.selected .language-name[data-v-0c237750] {
  color: var(--wt-color-primary, #342e73);
}
.english-name[data-v-0c237750] {
  font-size: 12px;
  color: #9ca3af;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.language-item.selected .english-name[data-v-0c237750] {
  color: var(--wt-color-text-secondary, #6b7280);
}
.language-actions[data-v-0c237750] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 8px;
}
.check-icon[data-v-0c237750] {
  width: 16px;
  height: 16px;
  color: var(--wt-color-primary, #342e73);
  flex-shrink: 0;
}
.variant-segment-wrap[data-v-0c237750] {
  padding: 0 12px 10px 27px;
}
.variant-segments[data-v-0c237750] {
  display: flex;
  gap: 2px;
  padding: 2px;
  background: #fff;
  border: 1px solid var(--wt-color-border, #e5e6eb);
  border-radius: 999px;
}
.variant-segment[data-v-0c237750] {
  flex: 1 1 0;
  min-width: 0;
  height: 24px;
  padding: 0 6px;
  background: transparent;
  border: none;
  border-radius: 999px;
  color: #475569;
  cursor: pointer;
  font-size: 11.5px;
  font-weight: 500;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.15s ease;
}
.variant-segment[data-v-0c237750]:hover {
  background: var(--wt-color-primary-soft, #f3f2ff);
  color: var(--wt-color-primary, #342e73);
}
.variant-segment.selected[data-v-0c237750] {
  background: var(--wt-color-primary, #342e73);
  color: #fff;
  font-weight: 600;
}
.variant-segment.selected[data-v-0c237750]:hover {
  background: var(--wt-color-primary-hover, #2a2660);
  color: #fff;
}
.target-language-container--compact[data-v-0c237750] {
  width: auto;
}
.target-language-container--compact .dropdown-content[data-v-0c237750] {
  width: 380px;
  min-width: 380px;
}
.language-button--compact[data-v-0c237750] {
  width: 34px;
  min-width: 34px;
  max-width: 34px;
  height: 34px;
  padding: 0;
  justify-content: center;
}
.language-button--compact-disabled[data-v-0c237750] {
  opacity: 0.45;
  cursor: not-allowed;
}
.language-button--compact[data-v-0c237750] .compact-lang-tooltip-root {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.compact-lang-tooltip-anchor[data-v-0c237750] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.compact-lang-icon[data-v-0c237750] {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  color: var(--wt-color-text-primary, #1f2937);
}
.language-button.active .compact-lang-icon[data-v-0c237750] {
  color: var(--wt-color-primary, #342e73);
}

.language-pair-container[data-v-6d16470e] {
  font-family: PingFangSCRegular, PingFangSC, 'PingFang SC';
  position: relative;
  /* 须高于 TranslatePro .legal-pane-splitter(z-index:52)，否则源/目标语言下拉始终在分拆条下方 */
  z-index: 60;
}
.language-selector-wrapper[data-v-6d16470e] {
  display: flex;
  align-items: center;
  height: 44px;
  background: var(--wt-color-surface, #fff);
  padding: 0 8px;
  border-radius: 12px;
  border: 1px solid var(--wt-color-border, #e5e7eb);
  gap: 4px;
  box-sizing: border-box;
}
.language-selector-wrapper.language-selector-wrapper--open[data-v-6d16470e] {
  border-color: var(--wt-color-primary, #342e73);
}
.swap-button[data-v-6d16470e] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 9px;
  cursor: pointer;
  transition: all 0.2s ease;
  color: var(--wt-color-text-secondary, #6b7280);
  flex-shrink: 0;
}
.swap-button[data-v-6d16470e]:hover:not(.disabled) {
  color: var(--wt-color-primary, #342e73);
  background-color: var(--wt-color-surface-muted, #f8fafc);
  box-shadow: none;
}
.swap-button.disabled[data-v-6d16470e] {
  color: #c7cdd8;
  cursor: not-allowed;
}
.swap-icon[data-v-6d16470e] {
  width: 16px;
  height: 16px;
}
/* 响应式样式 */
@media (max-width: 768px) {
.language-selector-wrapper[data-v-6d16470e] {
    width: 100%;
    flex-wrap: wrap;
    gap: 8px;
}
.swap-button[data-v-6d16470e] {
    order: 3;
    width: 100%;
    justify-content: center;
    margin-top: 4px;
}
}

.document-translate-page[data-v-55a1f816] {
  min-height: 100%;
  background: var(--wt-color-surface-canvas, #FAFBFE);
  color: var(--wt-color-text-primary, #1F2430);
  font-family: PingFangSCRegular, PingFangSC, 'PingFang SC', sans-serif;
  font-size: 14px;
  line-height: 1.5;
}
.doc-main[data-v-55a1f816] {
  box-sizing: border-box;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 24px 24px 48px;
}
.resume-card[data-v-55a1f816],
.dropzone[data-v-55a1f816],
.document-translate-page[data-v-55a1f816] .flow-strip,
.work-card[data-v-55a1f816] {
  box-sizing: border-box;
  width: 100%;
  background: var(--wt-color-surface-card, #FFFFFF);
  border: 1px solid var(--wt-color-border-light, #EEF0F4);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}
.inline-status[data-v-55a1f816] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.inline-status span[data-v-55a1f816],
.inline-status i[data-v-55a1f816] {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
.resume-card[data-v-55a1f816] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  padding: 16px;
  border-left: 3px solid var(--wt-color-primary, #342E73);
  border-radius: 12px;
}
.resume-card.is-hidden[data-v-55a1f816] {
  display: none;
}
.resume-meta[data-v-55a1f816],
.file-meta[data-v-55a1f816],
.done-meta[data-v-55a1f816] {
  min-width: 0;
  flex: 1;
}
.resume-meta[data-v-55a1f816],
.file-meta[data-v-55a1f816] {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.resume-meta strong[data-v-55a1f816],
.file-meta strong[data-v-55a1f816] {
  color: var(--wt-color-text-primary, #1F2430);
  font-size: 15px;
  font-weight: 700;
}
.resume-meta span[data-v-55a1f816],
.file-meta span[data-v-55a1f816] {
  color: var(--wt-color-text-tertiary, #94a3b8);
  font-size: 12px;
}
.document-translate-page[data-v-55a1f816] .file-glyph {
  position: relative;
  display: grid;
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid var(--wt-color-border-light, #EEF0F4);
  border-radius: 10px;
  background: var(--wt-color-surface-subtle, #F7F8FB);
  color: var(--wt-color-text-tertiary, #94a3b8);
  font-size: 24px;
}
.document-translate-page[data-v-55a1f816] .file-glyph .file-glyph__badge {
  position: absolute;
  right: 4px;
  bottom: 5px;
  min-width: 20px;
  padding: 1px 4px;
  border-radius: 4px;
  color: var(--wt-color-text-inverse, #ffffff);
  font-family: "Inter", "SF Pro Display", "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 8px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
}
.document-translate-page[data-v-55a1f816] .file-glyph .file-glyph__badge--word {
  background: var(--wt-color-info, #5566A9);
}
.document-translate-page[data-v-55a1f816] .file-glyph .file-glyph__badge--pdf {
  background: var(--wt-color-error, #D45B5B);
}
.document-translate-page[data-v-55a1f816] .file-glyph .file-glyph__badge--ppt {
  background: var(--wt-color-accent, #A64D4B);
}
.document-translate-page[data-v-55a1f816] .file-glyph .file-glyph__badge--xls {
  background: var(--wt-color-success, #52A67D);
}
.document-translate-page[data-v-55a1f816] .file-glyph .file-glyph__badge--txt {
  background: var(--wt-color-text-tertiary, #94a3b8);
}
.doc-button[data-v-55a1f816],
.icon-button[data-v-55a1f816],
.dev-switch button[data-v-55a1f816] {
  font-family: inherit;
  cursor: pointer;
}
.doc-button[data-v-55a1f816] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}
.doc-button--primary[data-v-55a1f816] {
  background: var(--wt-color-primary, #342E73);
  color: var(--wt-color-text-inverse, #ffffff);
}
.doc-button--primary[data-v-55a1f816]:hover {
  background: var(--wt-color-primary-hover, #2A2660);
}
.doc-button--secondary[data-v-55a1f816] {
  border-color: var(--wt-color-border-default, #E5E6EB);
  background: var(--wt-color-surface-card, #FFFFFF);
  color: var(--wt-color-text-primary, #1F2430);
}
.doc-button--secondary[data-v-55a1f816]:hover {
  background: var(--wt-color-surface-subtle, #F7F8FB);
}
.doc-button--ghost[data-v-55a1f816] {
  background: transparent;
  color: var(--wt-color-text-secondary, #475569);
}
.doc-button--ghost[data-v-55a1f816]:hover {
  color: var(--wt-color-primary, #342E73);
}
.doc-button--large[data-v-55a1f816] {
  min-height: 44px;
  padding: 0 24px;
  font-size: 15px;
}
.doc-button[data-v-55a1f816]:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}
.icon-button[data-v-55a1f816] {
  display: grid;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--wt-color-text-tertiary, #94a3b8);
}
.icon-button[data-v-55a1f816]:hover {
  background: var(--wt-color-surface-subtle, #F7F8FB);
  color: var(--wt-color-text-secondary, #475569);
}
.empty-panel[data-v-55a1f816] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dropzone[data-v-55a1f816] {
  position: relative;
  padding: 24px;
  border-radius: 16px;
  text-align: center;
  outline: none;
  overflow: hidden;
}
.dropzone input[data-v-55a1f816] {
  display: none;
}
.dropzone.is-dragover[data-v-55a1f816] {
  border-color: var(--wt-color-primary-border, rgba(52, 46, 115, 0.22));
}
.dropzone.is-dragover .drop-icon[data-v-55a1f816] {
  background: var(--wt-color-primary, #342E73);
  color: var(--wt-color-text-inverse, #ffffff);
}
.dropzone.is-dragover .dropzone-inner[data-v-55a1f816] {
  border-color: var(--wt-color-primary, #342E73);
  background: var(--wt-color-primary-soft, #F3F2FF);
}
.dropzone-inner[data-v-55a1f816] {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 32px 24px;
  border: 1.5px dashed var(--wt-color-border-strong, #D0D5DD);
  border-radius: 12px;
  text-align: center;
  transition: background 0.18s ease, border-color 0.18s ease;
}
.dropzone-inner h2[data-v-55a1f816],
.dropzone-inner p[data-v-55a1f816] {
  margin: 0;
}
.dropzone-inner h2[data-v-55a1f816] {
  margin-top: 16px;
  font-size: 22px;
  font-weight: 700;
}
.dropzone-inner p[data-v-55a1f816] {
  max-width: 560px;
  margin: 12px auto 0;
  color: var(--wt-color-text-secondary, #475569);
  line-height: 1.75;
}
.dropzone-inner small[data-v-55a1f816] {
  display: block;
  margin-top: 12px;
  color: var(--wt-color-text-tertiary, #94a3b8);
}
.drop-icon[data-v-55a1f816] {
  position: relative;
  display: grid;
  width: 78px;
  height: 78px;
  margin: 0 auto;
  place-items: center;
  border-radius: 20px;
  background: var(--wt-color-primary-soft, #F3F2FF);
  color: var(--wt-color-primary, #342E73);
  font-size: 34px;
}
.format-chips[data-v-55a1f816] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 24px 0 16px;
}
.format-chip[data-v-55a1f816] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 12px;
  border: 1px solid var(--wt-color-border-light, #EEF0F4);
  border-radius: 8px;
  background: var(--wt-color-surface-subtle, #F7F8FB);
  color: var(--wt-color-text-secondary, #475569);
  font-size: 12px;
  font-weight: 700;
}
.format-chip span[data-v-55a1f816] {
  display: grid;
  min-width: 18px;
  height: 18px;
  place-items: center;
  border-radius: 5px;
  color: var(--wt-color-text-inverse, #ffffff);
  font-family: "Inter", "SF Pro Display", "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 8px;
  font-weight: 700;
}
.format-chip--word span[data-v-55a1f816] {
  background: var(--wt-color-info, #5566A9);
}
.format-chip--pdf span[data-v-55a1f816] {
  background: var(--wt-color-error, #D45B5B);
}
.format-chip--ppt span[data-v-55a1f816] {
  background: var(--wt-color-accent, #A64D4B);
}
.format-chip--xls span[data-v-55a1f816] {
  background: var(--wt-color-success, #52A67D);
}
.format-chip--txt span[data-v-55a1f816] {
  background: var(--wt-color-text-tertiary, #94a3b8);
}
.document-translate-page[data-v-55a1f816] .flow-strip {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 24px;
  border-radius: 12px;
}
.document-translate-page[data-v-55a1f816] .flow-step {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.document-translate-page[data-v-55a1f816] .flow-icon {
  display: grid;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 10px;
  background: var(--wt-color-primary-soft, #F3F2FF);
  color: var(--wt-color-primary, #342E73);
  font-size: 18px;
}
.document-translate-page[data-v-55a1f816] .flow-text {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}
.document-translate-page[data-v-55a1f816] .flow-text strong {
  color: var(--wt-color-text-primary, #1F2430);
  font-size: 14px;
}
.document-translate-page[data-v-55a1f816] .flow-text small {
  color: var(--wt-color-text-tertiary, #94a3b8);
  font-size: 12px;
}
.document-translate-page[data-v-55a1f816] .flow-arrow {
  flex: 0 0 auto;
  color: var(--wt-color-border-strong, #D0D5DD);
}
.work-card[data-v-55a1f816] {
  padding: 24px;
  border-radius: 16px;
}
.document-translate-page[data-v-55a1f816] .file-summary {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 24px;
}
.document-translate-page[data-v-55a1f816] .file-meta strong {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex-wrap: wrap;
}
.document-translate-page[data-v-55a1f816] .inline-status {
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}
.document-translate-page[data-v-55a1f816] .inline-status--running {
  background: var(--wt-color-info-soft, #EEF0FA);
  color: var(--wt-color-info, #5566A9);
}
.document-translate-page[data-v-55a1f816] .inline-status--failed {
  background: var(--wt-color-error-soft, #FDEDED);
  color: var(--wt-color-error, #D45B5B);
}
.document-translate-page[data-v-55a1f816] .inline-status i {
  background: currentColor;
}
.config-block[data-v-55a1f816] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 24px;
  border-top: 1px solid var(--wt-color-border-light, #EEF0F4);
}
.section-title[data-v-55a1f816] {
  color: var(--wt-color-text-secondary, #475569);
  font-size: 13px;
  font-weight: 700;
}
.doc-settings-panel[data-v-55a1f816] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}
.doc-settings-controls[data-v-55a1f816] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 12px;
  position: relative;
  z-index: 10;
}
.doc-settings-control[data-v-55a1f816] {
  min-width: 0;
}
.document-translate-page[data-v-55a1f816] .doc-settings-language.language-pair-container {
  position: relative;
  width: 100%;
  z-index: 120;
}
.document-translate-page[data-v-55a1f816] .doc-settings-language .language-selector-wrapper {
  width: 100%;
  overflow: visible;
}
.document-translate-page[data-v-55a1f816] .doc-settings-language .source-language-container,
.document-translate-page[data-v-55a1f816] .doc-settings-language .target-language-container {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
}
.document-translate-page[data-v-55a1f816] .doc-settings-language .language-button {
  width: 100%;
}
.document-translate-page[data-v-55a1f816] .doc-settings-control.field-select-container,
.document-translate-page[data-v-55a1f816] .doc-settings-control.scene-select-container,
.document-translate-page[data-v-55a1f816] .doc-settings-control.moudle-select-container,
.document-translate-page[data-v-55a1f816] .doc-settings-control .field-select-container,
.document-translate-page[data-v-55a1f816] .doc-settings-control .scene-select-container {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}
.document-translate-page[data-v-55a1f816] .doc-settings-control > .field-button,
.document-translate-page[data-v-55a1f816] .doc-settings-control .field-button,
.document-translate-page[data-v-55a1f816] .doc-settings-control > .moudle-button,
.document-translate-page[data-v-55a1f816] .doc-settings-control .moudle-button,
.document-translate-page[data-v-55a1f816] .doc-settings-control .scene-button,
.document-translate-page[data-v-55a1f816] .doc-settings-control .tb-scene-merged {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 44px;
}
.work-actions[data-v-55a1f816],
.progress-foot[data-v-55a1f816],
.done-actions[data-v-55a1f816] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.work-actions[data-v-55a1f816] {
  justify-content: space-between;
  padding-top: 24px;
  border-top: 1px solid var(--wt-color-border-light, #EEF0F4);
}
.cost-text[data-v-55a1f816] {
  color: var(--wt-color-text-tertiary, #94a3b8);
  font-size: 12px;
}
.cost-text b[data-v-55a1f816] {
  color: var(--wt-color-text-secondary, #475569);
}
.progress-block[data-v-55a1f816] {
  padding-top: 8px;
}
.progress-head[data-v-55a1f816] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 12px;
  color: var(--wt-color-text-secondary, #475569);
}
.progress-head b[data-v-55a1f816],
.progress-head strong[data-v-55a1f816] {
  color: var(--wt-color-primary, #342E73);
}
.progress-bar[data-v-55a1f816] {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--wt-usage-bar-track, #e8e8e8);
}
.progress-bar span[data-v-55a1f816] {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--wt-color-primary, #342E73);
  transition: width 0.24s ease;
}
.progress-foot[data-v-55a1f816] {
  justify-content: space-between;
  margin-top: 16px;
  color: var(--wt-color-text-tertiary, #94a3b8);
  font-size: 12px;
}
.failure-block[data-v-55a1f816] {
  display: flex;
  gap: 16px;
  padding-top: 24px;
  border-top: 1px solid var(--wt-color-border-light, #EEF0F4);
}
.failure-block strong[data-v-55a1f816] {
  font-size: 16px;
}
.failure-block p[data-v-55a1f816] {
  margin: 8px 0 16px;
  color: var(--wt-color-text-secondary, #475569);
  line-height: 1.75;
}
.failure-icon[data-v-55a1f816] {
  display: grid;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 10px;
  background: var(--wt-color-error-soft, #FDEDED);
  color: var(--wt-color-error, #D45B5B);
  font-size: 20px;
}
.failure-actions[data-v-55a1f816] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.done-card[data-v-55a1f816] {
  text-align: left;
}
.done-head[data-v-55a1f816] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 24px;
}
.done-head h2[data-v-55a1f816],
.done-head p[data-v-55a1f816] {
  margin: 0;
}
.done-head h2[data-v-55a1f816] {
  font-size: 20px;
}
.done-head p[data-v-55a1f816] {
  margin-top: 3px;
  color: var(--wt-color-text-tertiary, #94a3b8);
  font-size: 12px;
}
.done-check[data-v-55a1f816] {
  display: grid;
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 50%;
  background: var(--wt-color-success-soft, #ECF7F1);
  color: var(--wt-color-success, #52A67D);
  font-size: 24px;
}
.preview-pair[data-v-55a1f816] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: 24px;
  padding: 24px;
  border-top: 1px solid var(--wt-color-border-light, #EEF0F4);
  border-bottom: 1px solid var(--wt-color-border-light, #EEF0F4);
  border-radius: 12px;
  background: var(--wt-color-surface-subtle, #F7F8FB);
}
.preview-card[data-v-55a1f816] {
  width: 210px;
}
.preview-card > span[data-v-55a1f816] {
  display: block;
  margin-bottom: 8px;
  color: var(--wt-color-text-tertiary, #94a3b8);
  font-size: 12px;
  font-weight: 700;
}
.preview-card--target > span[data-v-55a1f816] {
  color: var(--wt-color-primary, #342E73);
}
.page-skeleton[data-v-55a1f816] {
  display: flex;
  height: 152px;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border: 1px solid var(--wt-color-border-light, #EEF0F4);
  border-radius: 8px;
  background: var(--wt-color-surface-card, #FFFFFF);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}
.page-skeleton i[data-v-55a1f816] {
  display: block;
  border-radius: 3px;
}
.page-skeleton .line[data-v-55a1f816] {
  width: 100%;
  height: 7px;
  background: var(--wt-color-border-light, #EEF0F4);
}
.page-skeleton .line.title[data-v-55a1f816] {
  width: 72%;
  height: 10px;
  background: var(--wt-color-border-strong, #D0D5DD);
}
.page-skeleton .line.short[data-v-55a1f816] {
  width: 62%;
}
.page-skeleton .block[data-v-55a1f816] {
  height: 30px;
  margin: 2px 0;
  border: 1px solid var(--wt-color-border-light, #EEF0F4);
  background: var(--wt-color-surface-subtle, #F7F8FB);
}
.preview-card--target .page-skeleton .line[data-v-55a1f816] {
  background: var(--wt-color-primary-soft, #F3F2FF);
}
.preview-card--target .page-skeleton .line.title[data-v-55a1f816] {
  background: var(--wt-color-primary-border, rgba(52, 46, 115, 0.22));
}
.preview-arrow[data-v-55a1f816] {
  color: var(--wt-color-border-strong, #D0D5DD);
  font-size: 20px;
}
.done-note[data-v-55a1f816] {
  margin: 12px 0 0;
  color: var(--wt-color-text-tertiary, #94a3b8);
  font-size: 12px;
}
.dev-switch[data-v-55a1f816] {
  display: flex;
  align-items: center;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  margin: 16px auto 0;
  padding: 5px;
  border: 1px solid var(--wt-color-border-light, #EEF0F4);
  border-radius: 12px;
  background: var(--wt-color-surface-card, #FFFFFF);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}
.dev-switch span[data-v-55a1f816] {
  padding: 0 8px;
  color: var(--wt-color-text-tertiary, #94a3b8);
  font-size: 11px;
  font-weight: 700;
}
.dev-switch button[data-v-55a1f816] {
  height: 28px;
  padding: 0 8px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--wt-color-text-tertiary, #94a3b8);
  font-size: 12px;
  font-weight: 700;
}
.dev-switch button.active[data-v-55a1f816],
.dev-switch button[data-v-55a1f816]:hover {
  background: var(--wt-color-primary-soft, #F3F2FF);
  color: var(--wt-color-primary, #342E73);
}
.doc-toast[data-v-55a1f816] {
  position: fixed;
  bottom: 28px;
  left: 50%;
  z-index: 80;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 10px;
  background: var(--wt-color-text-primary, #1F2430);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  color: var(--wt-color-text-inverse, #ffffff);
  font-size: 13px;
  font-weight: 700;
  transform: translateX(-50%);
}
.toast-enter-active[data-v-55a1f816],
.toast-leave-active[data-v-55a1f816] {
  transition: opacity 0.18s ease, transform 0.18s ease;
}
.toast-enter[data-v-55a1f816],
.toast-leave-to[data-v-55a1f816] {
  opacity: 0;
  transform: translate(-50%, 8px);
}
@media (max-width: 768px) {
.doc-main[data-v-55a1f816] {
    padding: 16px 16px 32px;
}
.resume-card[data-v-55a1f816],
  .done-head[data-v-55a1f816] {
    align-items: flex-start;
    flex-direction: column;
}
.resume-card[data-v-55a1f816] {
    position: relative;
}
.resume-card .icon-button[data-v-55a1f816] {
    position: absolute;
    top: 12px;
    right: 12px;
}
.dropzone[data-v-55a1f816] {
    padding: 16px;
}
.dropzone-inner[data-v-55a1f816] {
    padding: 24px 16px;
}
.document-translate-page[data-v-55a1f816] .flow-strip,
  .preview-pair[data-v-55a1f816] {
    align-items: stretch;
    flex-direction: column;
}
.document-translate-page[data-v-55a1f816] .flow-arrow,
  .preview-arrow[data-v-55a1f816] {
    display: none;
}
.work-card[data-v-55a1f816] {
    padding: 16px;
}
.document-translate-page[data-v-55a1f816] .file-summary {
    align-items: flex-start;
    flex-direction: column;
}
.doc-settings-controls[data-v-55a1f816] {
    grid-template-columns: 1fr;
}
.work-actions[data-v-55a1f816],
  .progress-foot[data-v-55a1f816],
  .done-actions[data-v-55a1f816] {
    align-items: stretch;
    flex-direction: column;
}
.doc-button[data-v-55a1f816] {
    width: 100%;
    white-space: normal;
}
.preview-card[data-v-55a1f816] {
    width: 100%;
}
.dev-switch[data-v-55a1f816] {
    width: 100%;
    flex-wrap: wrap;
}
.dev-switch button[data-v-55a1f816] {
    flex: 1 1 auto;
}
}