/* ============================================================
   YAML ↔ JSON 转换 —— 页面私有样式（/devtools/yaml-json）
   通用结构复用 devtools.css，颜色只用 --c-* 变量，自动适配黑夜模式
   ============================================================ */

[hidden] { display: none; }

.yj-mode {
    font-weight: 700;
    color: var(--c-text-sub);
}

/* 输入 / 输出面板等高 */
.yj-textarea {
    min-height: 300px;
}

/* 底部操作行 */
.yj-actions {
    margin-top: 12px;
}

/* 转换中提示 */
.yj-loading {
    padding: 10px 0;
    color: var(--c-text-muted);
    font-size: 13.5px;
}

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