/* ============================================================
   在线翻译 —— 页面私有样式（/devtools/translate）
   通用结构复用 devtools.css，颜色只用 --c-* 变量，自动适配黑夜模式
   ============================================================ */

[hidden] { display: none; }

/* 语言选择行 */
.tr-langs {
    margin-bottom: 10px;
}

.tr-arrow {
    color: var(--c-text-muted);
    font-size: 14px;
    padding: 0 2px;
}

.tr-note {
    display: block;
    margin-bottom: 12px;
}

/* 语种检测结果 */
.tr-detected {
    font-size: 12.5px;
    color: var(--c-text-muted);
    margin-bottom: 10px;
}

/* 原文 / 译文面板等高 */
.tr-textarea {
    min-height: 300px;
}

.tr-output {
    min-height: 0;
    white-space: pre-wrap;
    word-break: break-word;
}

@media (max-width: 860px) {
    .tr-textarea { min-height: 200px; }
}