.json-view[data-v-272e3638]{background:#f8fafc;padding:48px 24px 24px}.json-container[data-v-272e3638]{width:min(960px,100%);margin:0 auto}.json-hero[data-v-272e3638]{margin-bottom:24px}.json-hero h1[data-v-272e3638]{color:#0f172a;letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(32px,5vw,48px);font-weight:800}.json-hero p[data-v-272e3638]{color:#64748b;margin:0;font-size:16px}.json-card[data-v-272e3638]{background:#fff;border:1px solid #e2e8f0;border-radius:16px}.json-body[data-v-272e3638]{padding:24px}.json-panels[data-v-272e3638]{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=640px){.json-panels[data-v-272e3638]{grid-template-columns:1fr}}.json-panel[data-v-272e3638]{flex-direction:column;display:flex}.json-panel-header[data-v-272e3638]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.json-panel-title[data-v-272e3638]{color:#475569;font-size:14px;font-weight:600}.json-panel-count[data-v-272e3638]{color:#94a3b8;font-size:12px}.json-textarea[data-v-272e3638]{color:#1e293b;resize:vertical;background:#fafbfc;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;min-height:280px;padding:16px;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:13px;line-height:1.6;transition:border-color .2s}.json-textarea[data-v-272e3638]:focus{border-color:#3b82f6}.json-textarea[data-v-272e3638]::placeholder{color:#94a3b8}.json-output[data-v-272e3638]{color:#1e293b;white-space:pre-wrap;word-break:break-word;background:#fafbfc;border:1px solid #e2e8f0;border-radius:12px;flex:1;min-height:280px;margin:0;padding:16px;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:13px;line-height:1.6;overflow:auto}.json-error[data-v-272e3638]{margin-top:16px}.json-actions[data-v-272e3638]{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.json-actions .el-button[data-v-272e3638]{border-radius:10px;flex:1;min-width:100px}