/* 外贸英文文本整理器：仅作用于 .tt-tool，不影响其他页面。 */
.tt-tool{padding:26px 0 56px}
.tt-tool .back-link{font-size:13px;color:var(--muted)}
.tt-tool .back-link:hover{color:var(--ink)}
.tt-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:14px 0 18px}
.tt-title{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.tt-title h1{font-size:30px;letter-spacing:-1px;margin:5px 0 0;line-height:1.3}
.tt-title p{font-size:14px;color:var(--muted);margin:0}
.tt-heading .badge{flex:none}
.tt-tool .button{font-family:inherit;cursor:pointer;gap:0;box-shadow:none}
.tt-tool .button.secondary{background:#fff;border:1px solid var(--border);color:var(--ink);padding:6px 12px;font-size:13px;border-radius:6px;font-weight:600}
.tt-tool .button.secondary:hover{border-color:#b9c6d1;background:#f8fafb}
.tt-tool .button.secondary[aria-pressed="true"]{border-color:var(--ink);background:var(--blue)}
.tt-tool .button.primary{background:#d97706;color:#fff;border:1px solid #d97706;padding:6px 14px;font-size:13px;border-radius:6px;font-weight:600}
.tt-tool .button.primary:hover{background:#c26805;border-color:#c26805}
.tt-tool .button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

/* 转换方式 */
.tt-modes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.tt-modes label{position:relative;display:block;cursor:pointer;min-width:0}
.tt-modes input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.tt-modes span{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;border:1px solid var(--border);border-radius:8px;padding:8px 6px;background:#fff;line-height:1.35;color:#52687a}
.tt-modes b{font-size:14px;font-weight:600}
.tt-modes small{font-size:11.5px;color:#8a98a5;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.tt-modes label:hover span{border-color:#b9c6d1}
.tt-modes input:checked+span{border-color:var(--ink);background:var(--ink);color:#fff}
.tt-modes input:checked+span small{color:#c8d4df}
.tt-modes input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}
.tt-mode-tip{font-size:13px;color:var(--muted);margin:8px 0 14px;min-height:20px}

/* 原文 / 结果 */
.tt-panes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tt-pane{display:flex;flex-direction:column;min-width:0}
.tt-pane-head{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;margin-bottom:8px;min-height:32px}
.tt-pane-head h2{font-size:16px;margin:0}
.tt-stat{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.tt-actions{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.tt-text{width:100%;box-sizing:border-box;height:340px;resize:vertical;border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin:0;
  font:14px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,"PingFang SC",monospace;color:var(--ink);background:#fff;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;min-width:0}
.tt-text:focus{outline:2px solid rgba(246,154,18,.35);border-color:var(--accent)}
.tt-out{background:#f8fafb}
.tt-tool ::placeholder{color:#9aa8b5}
.tt-text[hidden]{display:none}
.tt-diff{background:#fff}
.tt-diff-legend{font:12px/1.6 Inter,-apple-system,"PingFang SC",sans-serif;color:var(--muted);margin:0 0 8px;padding-bottom:6px;border-bottom:1px dashed var(--border)}
.tt-diff-msg{font:13px/1.7 Inter,-apple-system,"PingFang SC",sans-serif;color:#52687a;margin:0}
.tt-diff-body{white-space:pre-wrap}
.tt-diff ins{text-decoration:none;background:#d9f2e3;color:#14532d;border-radius:2px}
.tt-diff del{color:#b42318;background:#fde8e6;text-decoration:line-through;border-radius:2px}
.tt-copy-status{font-size:13px;color:#1f6b4a;min-height:20px;margin:6px 0 0;text-align:right}
.tt-copy-status.err{color:#c2410c}

/* 提示条 */
.tt-notes{display:flex;flex-direction:column;gap:6px;margin:10px 0 0}
.tt-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;font-size:13px;line-height:1.6;border-radius:8px;padding:7px 12px;border:1px solid}
.tt-note span{flex:1 1 260px;min-width:0}
.tt-note.warn{background:#fff4e3;border-color:#f6c77d;color:#6e4210}
.tt-note.info{background:var(--blue);border-color:#d6e2eb;color:#33506a}
.tt-note.ok{background:#e7f2ed;border-color:#bfdccd;color:#1f6b4a}
.tt-note-btn{flex:none;border:1px solid currentColor;background:#fff;color:inherit;font:inherit;font-size:12px;font-weight:600;border-radius:5px;padding:2px 10px;cursor:pointer}
.tt-note-btn:hover{background:rgba(255,255,255,.6)}

/* 选项卡片 */
.tt-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;align-items:start}
.tt-card{border:1px solid var(--border);border-radius:10px;background:#fff;padding:16px 18px;min-width:0;transition:box-shadow .3s}
.tt-card.flash{box-shadow:0 0 0 3px rgba(246,154,18,.45)}
.tt-card h2{font-size:16px;margin:0 0 10px;letter-spacing:-.2px}
.tt-check{display:flex;gap:10px;align-items:flex-start;padding:5px 0;cursor:pointer;font-size:14px;line-height:1.55}
.tt-check input{margin-top:4px;flex:none;width:16px;height:16px;accent-color:var(--ink)}
.tt-check small{display:block;font-size:12px;color:#8a98a5;line-height:1.6}
.tt-hint{font-size:12px;color:var(--muted);margin:8px 0 0;line-height:1.7}
.tt-hint:empty{display:none}
.tt-hint-top{margin:0 0 10px}
.tt-wrap-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}
.tt-field{display:flex;flex-direction:column;gap:4px;min-width:0}
.tt-field>span{font-size:12px;color:var(--muted);font-weight:600}
.tt-field small{font-weight:500;color:#8a98a5}
.tt-tool input[type="text"]{width:100%;box-sizing:border-box;height:36px;border:1px solid var(--border);border-radius:5px;padding:6px 9px;font:inherit;font-size:14px;color:var(--ink);background:#fff;min-width:0;margin:0}
.tt-tool input[type="text"]:focus{outline:2px solid rgba(246,154,18,.35);border-color:var(--accent)}
.tt-tool input[type="text"]:disabled{background:#f3f5f6;color:#8a98a5}

/* 特殊字符 */
.tt-special-list{list-style:none;margin:10px 0 0;padding:0;max-height:260px;overflow:auto;border-top:1px solid var(--border)}
.tt-special-list li{display:grid;grid-template-columns:minmax(64px,auto) 46px minmax(0,1fr);gap:10px;align-items:center;padding:5px 2px;border-bottom:1px solid #eef2f5;font-size:13px}
.tt-ch{font:14px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#f3f5f6;border-radius:4px;padding:1px 7px;justify-self:start;overflow-wrap:anywhere}
.tt-cnt{color:#8a98a5;font-size:12px;font-variant-numeric:tabular-nums}
.tt-act{color:#52687a;min-width:0}
.sp-fix .tt-act{color:#1f6b4a}
.sp-remove .tt-act{color:#9a4d12}
.sp-manual .tt-act{color:#b42318}

/* 保护词 */
.tt-word-form{display:flex;gap:8px}
.tt-word-form input{flex:1}
.tt-word-msg{font-size:12px;color:#1f6b4a;min-height:18px;margin:4px 0 2px}
.tt-word-msg.err{color:#c2410c}
.tt-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.tt-chip{display:inline-flex;align-items:center;gap:2px;background:var(--blue);border:1px solid #d6e2eb;border-radius:999px;padding:1px 4px 1px 10px;font-size:13px;max-width:100%}
.tt-chip span{overflow-wrap:anywhere}
.tt-chip button{border:0;background:none;color:#617283;font-size:16px;line-height:1;width:24px;height:24px;border-radius:50%;cursor:pointer;flex:none}
.tt-chip button:hover{background:#dbe5ed;color:var(--ink)}
.tt-chip button:focus-visible{outline:2px solid var(--accent)}
.tt-chips-empty{font-size:12px;color:#8a98a5}
.tt-builtin{margin-top:12px;border-top:1px solid var(--border);padding-top:8px}
.tt-builtin summary{cursor:pointer;font-size:13px;color:#52687a;font-weight:600}
.tt-builtin-body b{display:block;font-size:12px;color:var(--muted);margin:10px 0 2px}
.tt-builtin-body p{font:12.5px/1.8 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;margin:0;word-spacing:4px;overflow-wrap:anywhere}

.tt-tool .privacy-note{font-size:13px;color:var(--muted);margin-top:18px}

/* 页内确认框 */
.tt-dialog{border:0;padding:0;border-radius:12px;width:min(420px,calc(100% - 32px));max-width:none;box-shadow:0 18px 50px rgba(18,45,75,.22);color:var(--ink);background:#fff}
.tt-dialog::backdrop{background:rgba(18,45,75,.42)}
.tt-dialog-card{padding:22px 22px 18px}
.tt-dialog h2{font-size:18px;margin:0 0 8px}
.tt-dialog p{font-size:14px;color:#52687a;margin:0 0 20px;line-height:1.7}
.tt-dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.tt-dialog .button{padding:8px 16px;font-size:14px}
.tt-dialog .button.primary{background:var(--ink);border-color:var(--ink)}
.tt-dialog .button.primary:hover{background:#0c2036;border-color:#0c2036}

@media(max-width:950px){
  .tt-modes{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .tt-panes,.tt-options{grid-template-columns:1fr}
  .tt-text{height:220px}
  .tt-heading{align-items:flex-start;flex-direction:column;gap:8px}
  .tt-title h1{font-size:26px}
}
@media(max-width:420px){
  .tt-modes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tt-modes b{font-size:13.5px}
  .tt-card{padding:14px}
  .tt-wrap-fields{grid-template-columns:1fr}
}
@media print{.tt-modes,.tt-options,.tt-actions,.tt-notes{display:none!important}}
