/* ============================================================
   PHP 序列化 / 反序列化 —— 页面私有样式（/devtools/serialize-tool）
   通用结构复用 devtools.css，颜色只用 --c-* 变量，自动适配黑夜模式
   ============================================================ */

[hidden] { display: none; }

/* 方向切换行 */
.st-modes {
    margin-bottom: 10px;
}

.st-hint {
    display: block;
    margin-bottom: 12px;
}

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

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

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