.tool-vless-trojan-naming .titlebar { margin-bottom: 12px; }
.tool-vless-trojan-naming .explain-block { margin-bottom: 14px; color: #cbd5e1; line-height: 1.55; }
.tool-vless-trojan-naming .explain-block p { margin: 0 0 10px; }
.tool-vless-trojan-naming .sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); border: 0;
}
.tool-vless-trojan-naming .viz-container {
  min-height: 80px; margin-bottom: 16px; padding: 12px;
  border: 1px solid #334155; border-radius: 12px; background: #0c1222;
}
.tool-vless-trojan-naming .btn-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.tool-vless-trojan-naming button {
  cursor: pointer; background: #1e3a5f; color: #e2e8f0; border: 1px solid #334155;
  border-radius: 8px; padding: 8px 14px; font-size: 14px;
}
.tool-vless-trojan-naming button:focus-visible { outline: 2px solid #111111; outline-offset: 2px; }
.tool-vless-trojan-naming .result { margin-top: 12px; color: #e2e8f0; font-size: 14px; min-height: 1.2em; }
.tool-vless-trojan-naming .card {
  background: #111827; border: 1px solid #334155; border-radius: 10px; padding: 12px; margin-bottom: 10px;
}
.tool-vless-trojan-naming .card h3 { margin: 0 0 8px; font-size: 15px; color: #f1f5f9; }
.tool-vless-trojan-naming .card p { margin: 0 0 8px; font-size: 14px; color: #cbd5e1; line-height: 1.5; }
.tool-vless-trojan-naming .mono { font-family: ui-monospace, monospace; font-size: 12px; color: #bae6fd; }
.tool-vless-trojan-naming .footnote { margin-top: 16px; font-size: 12px; color: #64748b; line-height: 1.45; }