.tr-input-row { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; flex-wrap: wrap; }
.tr-input-row label { font-weight: bold; font-size: 13px; min-width: 80px; }
.tr-select { max-width: 320px; font-size: 13px; }
.tr-number-input { max-width: 320px; font-size: 13px; font-family: monospace; }
.tr-actions { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
.tr-warn { color: #c0392b; font-size: 12px; margin-top: 6px; }
.tr-section-title { font-size: 15px; font-weight: bold; margin-bottom: 12px; }
.tr-external { display: flex; flex-direction: column; gap: 10px; }
.tr-ext-link { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border: 1px solid #dee2e6; border-radius: 6px; text-decoration: none; color: inherit; transition: background .15s; }
.tr-ext-link:hover { background: #f0f4f8; text-decoration: none; color: inherit; }
.tr-ext-name { font-weight: bold; font-size: 14px; min-width: 90px; color: #2c3e50; }
.tr-ext-desc { font-size: 12px; color: #666; }
.tr-result { margin-top: 14px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 6px; padding: 10px 14px; }
.tr-url-link { font-size: 13px; font-family: monospace; word-break: break-all; flex: 1; }
.tr-copy-btn { flex-shrink: 0; }
.tr-copied { font-size: 12px; color: #27ae60; flex-shrink: 0; }
@media (max-width: 480px) {
  .tr-input-row { flex-direction: column; align-items: flex-start; }
  .tr-select, .tr-number-input { max-width: 100%; width: 100%; box-sizing: border-box; }
}