/* v165: Translate buttons for clip titles/descriptions, translate dialog, caption-format hints */
.clip-meta-label.has-tr{position:relative}
.clip-meta-label.has-tr .tr-btn{position:absolute;top:-4px;right:0;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;font-size:11px}
.tr-btn svg,.cseo-tr svg{width:13px;height:13px}
.cseo-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 2px}
.cseo-lab{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.65}
.cseo-tr{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:2px 8px}
.cseo-note{margin:4px 0 0;font-size:11px;opacity:.7}
.tr-dialog{width:min(560px,calc(100vw - 24px));padding:0}
.tr-dialog .tr-body{padding:6px 20px 14px;display:grid;gap:12px}
.tr-dialog .tr-row{display:grid;gap:6px}
.tr-dialog label.tr-lab{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.tr-dialog select{width:100%}
.tr-dialog .tr-box{white-space:pre-wrap;word-break:break-word;padding:10px 12px;border-radius:10px;border:1px solid rgba(226,226,226,.13);background:#0f0f0f;max-height:30vh;overflow:auto;font-size:13px;line-height:1.5}
.tr-dialog .tr-status{font-size:12px;min-height:18px}
.tr-dialog .tr-status.err{color:#f0b2b6}.tr-dialog .tr-status.ok{color:#b7e2ca}
.tr-dialog .tr-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:0 20px 18px}
.tr-dialog .tr-spin{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:trspin .7s linear infinite;vertical-align:-2px;margin-right:6px}
@keyframes trspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.tr-dialog .tr-spin{animation:none}}