.json-convert-tool[data-v-622f7879]{max-width:1200px;margin:0 auto;padding:32px 24px 80px}.page-header[data-v-622f7879]{margin-bottom:24px}.page-header h1[data-v-622f7879]{color:var(--vt-text);margin:0 0 8px;font-size:28px;font-weight:700;transition:color .3s}.page-header p[data-v-622f7879]{color:var(--vt-text-secondary);margin:0;font-size:14px;transition:color .3s}.mode-selector[data-v-622f7879]{margin-bottom:20px}.mode-selector[data-v-622f7879] .el-radio-button__inner{transition:all .3s}.toolbar[data-v-622f7879]{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.editor-grid[data-v-622f7879]{grid-template-columns:1fr 1fr;gap:20px;display:grid}.editor-panel[data-v-622f7879]{background:var(--vt-bg-card);border:1px solid var(--vt-border);border-radius:var(--vt-radius);box-shadow:var(--vt-shadow-sm);padding:16px;transition:background .3s,border-color .3s,box-shadow .3s}.panel-label[data-v-622f7879]{color:var(--vt-text);margin-bottom:10px;font-size:13px;font-weight:600;transition:color .3s;display:block}.code-textarea[data-v-622f7879] .el-textarea__inner{background:var(--vt-bg-input);color:var(--vt-text);border-color:var(--vt-border);font-family:Fira Code,JetBrains Mono,Consolas,monospace;font-size:13px;line-height:1.6;transition:all .3s}.code-textarea[data-v-622f7879] .el-textarea__inner:focus{border-color:var(--el-color-primary)}.tips-section[data-v-622f7879]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:28px;display:grid}.tip-card[data-v-622f7879]{background:var(--vt-bg-card);border:1px solid var(--vt-border);border-radius:var(--vt-radius-sm);padding:16px;transition:all .3s}.tip-card[data-v-622f7879]:hover{border-color:var(--vt-primary);box-shadow:var(--vt-shadow-md)}.tip-card strong[data-v-622f7879]{color:var(--vt-text);margin-bottom:6px;font-size:14px;transition:color .3s;display:block}.tip-card p[data-v-622f7879]{color:var(--vt-text-secondary);margin:0;font-size:12px;line-height:1.5;transition:color .3s}@media (width<=768px){.editor-grid[data-v-622f7879]{grid-template-columns:1fr}.json-convert-tool[data-v-622f7879]{padding:24px 16px 60px}.page-header h1[data-v-622f7879]{font-size:22px}.tips-section[data-v-622f7879]{grid-template-columns:1fr}.mode-selector[data-v-622f7879] .el-radio-button__inner{padding:8px 12px;font-size:12px}}