.caption-auto-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 16px;
  padding: 14px;
  border: 1px solid #d9d3ff;
  border-radius: 12px;
  background: linear-gradient(135deg, #f6f3ff, #fbfff0);
}

.caption-auto-card > div { display: flex; align-items: center; gap: 11px; min-width: 0; }
.caption-auto-card b { display: block; font-size: 12px; }
.caption-auto-card small { display: block; margin-top: 4px; color: #707583; font-size: 10px; line-height: 1.5; }
.caption-auto-icon { width: 31px; height: 31px; border-radius: 9px; display: grid; place-items: center; flex: 0 0 auto; background: #17191f; color: #d8ff63; }

.caption-advanced { margin: 4px 0 16px; border: 1px solid #e2e3e7; border-radius: 11px; background: #fafafa; }
.caption-advanced summary { padding: 12px 13px; cursor: pointer; color: #5f6470; font-size: 11px; font-weight: 750; }
.caption-advanced-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 0 13px 13px; }
.caption-advanced-grid label { margin: 0; }
.caption-advanced-grid .full { grid-column: 1 / -1; }

.caption-quality { margin: 14px 0 18px; border: 1px solid #ded9ff; border-radius: 14px; padding: 15px; background: #fbfaff; }
.caption-quality-head { display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: center; }
.caption-quality-head > div { min-width: 82px; padding: 10px; border-radius: 11px; text-align: center; background: #17191f; color: #fff; }
.caption-quality-head span, .caption-quality-head small { display: block; font-size: 9px; color: #b8bcc5; }
.caption-quality-head b { font-size: 27px; color: #d8ff63; }
.caption-quality-head p { margin: 0; color: #626774; font-size: 11px; line-height: 1.65; }
.caption-score-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin-top: 12px; }
.caption-score-grid span { padding: 8px; border: 1px solid #e7e5f2; border-radius: 9px; background: #fff; text-align: center; }
.caption-score-grid small { display: block; color: #858a95; font-size: 8px; }
.caption-score-grid b { display: block; margin-top: 3px; font-size: 12px; }

.caption-brief, .caption-alternatives { margin-top: 11px; border-top: 1px solid #e6e3f2; padding-top: 10px; }
.caption-brief summary, .caption-alternatives summary { cursor: pointer; font-size: 10px; font-weight: 800; color: #6255d9; }
.caption-brief > div { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }
.caption-brief p { margin: 0; padding: 8px; background: #fff; border-radius: 8px; color: #6d727d; font-size: 9px; line-height: 1.5; }
.caption-brief p b { display: block; color: #2f3239; margin-bottom: 3px; }
.caption-alternatives > div { display: grid; gap: 10px; margin-top: 10px; }
.caption-alternatives article { padding: 12px; border: 1px solid #e5e2f1; border-radius: 10px; background: #fff; }
.caption-alternatives article > div { display: flex; justify-content: space-between; align-items: center; }
.caption-alternatives article > b { display: block; margin: 9px 0 5px; font-size: 12px; }
.caption-alternatives article p { max-height: 100px; overflow: auto; white-space: pre-wrap; color: #696e78; font-size: 10px; line-height: 1.6; }
.caption-alternatives article small { display: block; margin: 7px 0; color: #777; }

@media (max-width: 720px) {
  .caption-advanced-grid, .caption-brief > div { grid-template-columns: 1fr; }
  .caption-advanced-grid .full { grid-column: auto; }
  .caption-score-grid { grid-template-columns: repeat(2, 1fr); }
}

.result-tools,.translated-actions,.alternative-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.translation-notice{margin:14px 20px 0;padding:12px 14px;border:1px solid #dcd7ff;border-radius:11px;background:#f5f3ff;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.translation-notice b{font-size:11px;color:#4f40cf}.translation-notice span{font-size:10px;color:#737782}
.translated-field{margin:0 0 16px;padding:14px;border:1px solid #e5e6ea;border-radius:12px;background:#fff}
.translated-field-head,.translated-format-head,.slide-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.translated-field-head b,.translated-format-head b{display:block;font-size:11px;color:#34373e}
.translated-field-head small,.translated-format-head small{display:block;margin-top:2px;font-size:9px;color:#8a8f99}
.translated-value{margin:11px 0 0!important;white-space:pre-wrap;color:#25272d!important;line-height:1.75!important;font-size:12px!important}
h3.translated-value{font-size:20px!important;line-height:1.42!important;letter-spacing:-.02em}
.copy-original{border:1px solid #d8d4f3;background:#f7f5ff;color:#5d50ce;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:800;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.copy-original:hover{background:#eeeaff;border-color:#bdb5ef}.copy-original span{font-size:10px}
.translated-format{margin-top:16px}.translated-format>.translated-format-head{margin-bottom:10px}
.slide .copy-original{padding:4px 6px;font-size:8px}.slide>small{display:block;margin-top:9px;color:#91959e;font-size:8px;line-height:1.45}
.english-source-editor{margin-top:18px;border:1px dashed #d6d8de;border-radius:11px;background:#fafafa;padding:0 13px 13px}
.english-source-editor summary{padding:12px 0;cursor:pointer;font-size:10px;font-weight:800;color:#676c76}
.english-source-editor>p{margin:0 0 10px;color:#858a94;font-size:9px;line-height:1.55}
.english-source-editor label{margin-top:10px}.english-source-editor textarea{min-height:76px}.english-source-editor textarea[data-field="caption"]{min-height:180px}
.side-info .translated-field{padding:0;border:0;background:transparent}.side-info .translated-value{font-size:10px!important;color:#737883!important}
.alternative-actions{margin-top:9px;justify-content:flex-start}
.field-note{display:block;margin-top:5px;color:#92969f;font-size:9px;font-weight:500}
.studio-results{display:grid;gap:14px;min-width:0}.task-queue,.result-library{overflow:visible}.panel-head>div>small{display:block;margin-top:4px;color:#91959e;font-size:9px}
.task-card-list,.result-card-list{display:grid}.task-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px 16px;border-top:1px solid #eceef1;background:#fff}.task-row:first-child{border-top:0}.task-status-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#f0edff;color:#6555e6;font-weight:900}.task-row.SUCCEEDED .task-status-icon{background:#e4f6ec;color:#23724f}.task-row.FAILED .task-status-icon{background:#fbe7ea;color:#ae3542}.task-row-main{min-width:0}.task-row-title,.task-row-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.task-row-title b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-progress-line{height:4px;margin:8px 0 6px;background:#ececf0;border-radius:99px;overflow:hidden}.task-progress-line i{display:block;height:100%;background:linear-gradient(90deg,#6d5dfc,#b9aefc);border-radius:99px}.task-row.SUCCEEDED .task-progress-line i{background:#49a77b}.task-row.FAILED .task-progress-line i{background:#cc5360}.task-row-meta strong{font-size:9px;color:#555a64}.task-row-meta span{font-size:9px;font-weight:800;color:#6657e4}.task-row p{margin:5px 0 0;font-size:9px;line-height:1.45;color:#858a94;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.result-library-head{gap:14px}.result-library-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.bulk-select{display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 9px;border:1px solid #e0e2e7;border-radius:9px;background:#fff;color:#626772;font-size:10px;cursor:pointer}.bulk-select input{width:15px;height:15px;margin:0;accent-color:#6d5dfc}.bulk-select:has(input:disabled){opacity:.45;cursor:not-allowed}.result-row{width:100%;border:0;border-top:1px solid #eceef1;background:#fff;padding:10px 12px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;text-align:left;transition:.15s}.result-row:first-child{border-top:0}.result-row:hover,.result-row.selected{background:#faf9ff}.result-row.selected{box-shadow:inset 3px 0 #6d5dfc}.result-check{display:grid;place-items:center;margin:0;cursor:pointer}.result-check input{width:16px;height:16px;margin:0;accent-color:#6d5dfc}.result-row-open{min-width:0;width:100%;padding:3px 4px;border:0;background:transparent;display:grid;grid-template-columns:38px minmax(0,1fr) auto 16px;align-items:center;gap:11px;text-align:left}.result-row-copy{min-width:0}.result-row-copy b,.result-row-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-row-copy b{font-size:11px}.result-row-copy small{margin-top:4px;color:#878b94;font-size:9px}.result-row-arrow{font-size:22px;color:#989ca5}.result-row-delete{border:0;background:transparent;color:#a72d3a;padding:7px 6px;border-radius:8px;font-size:10px;font-weight:750;white-space:nowrap}.result-row-delete:hover{background:#fbe5e8}.delete-summary{margin:18px 0;padding:16px;border:1px solid #efd0d4;border-radius:12px;background:#fff8f8}.delete-summary b{display:block;font-size:14px}.delete-summary p{margin:8px 0;color:#5f646e;font-size:12px;line-height:1.65}.delete-summary small{display:block;color:#257a55;font-size:11px}.delete-confirm-actions{display:flex;justify-content:flex-end;gap:9px}.detail-placeholder{padding:38px 20px;text-align:center;border:1px dashed #d8dae0;border-radius:14px;background:#fafafa;color:#868b95}.detail-placeholder b,.detail-placeholder span{display:block}.detail-placeholder b{color:#3c4048;font-size:13px}.detail-placeholder span{margin-top:6px;font-size:10px}

@media(max-width:720px){.translation-notice{margin:12px 14px 0}.translated-field-head,.translated-format-head{align-items:flex-start}.result-tools{justify-content:flex-start}.copy-original{white-space:normal}.task-row{grid-template-columns:30px minmax(0,1fr)}.task-row>.btn{grid-column:2;justify-self:start}.result-library-head{align-items:flex-start;flex-direction:column}.result-library-actions{justify-content:flex-start}.result-row{grid-template-columns:22px minmax(0,1fr) auto;padding:10px 9px}.result-row-open{grid-template-columns:34px minmax(0,1fr) auto}.result-row-arrow{display:none}.result-row-delete{font-size:0}.result-row-delete:after{content:'删除';font-size:10px}}
