.json-tool[data-v-007f19a1]{background:radial-gradient(circle at 10% 20%,rgba(99,102,241,.12),transparent 45%),radial-gradient(circle at 90% 30%,rgba(251,146,60,.15),transparent 40%),#f6f8ff;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:48px 24px 60px}.json-tool__inner[data-v-007f19a1]{width:min(1200px,100%)}.json-tool .hero[data-v-007f19a1]{margin-bottom:48px;text-align:center}.json-tool .hero h1[data-v-007f19a1]{color:#0f172a;font-size:38px;font-weight:700;margin-bottom:12px}.json-tool .hero .subtitle[data-v-007f19a1]{color:#6b7280;font-size:16px}.json-tool .json-grid[data-v-007f19a1]{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.json-tool .json-card[data-v-007f19a1]{background:#fff;border:1px solid rgba(99,102,241,.12);border-radius:28px;box-shadow:0 25px 60px #0f172a14;display:flex;flex-direction:column;gap:18px;padding:32px}.json-tool .card-header[data-v-007f19a1]{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.json-tool .card-eyebrow[data-v-007f19a1]{color:#6366f1;font-size:13px;letter-spacing:.15em;margin-bottom:4px;text-transform:uppercase}.json-tool .action-group[data-v-007f19a1]{display:flex;flex-wrap:wrap;gap:12px}.json-tool .upload-btn[data-v-007f19a1]{border:1px dashed rgba(99,102,241,.4);border-radius:12px;color:#4f46e5;cursor:pointer;font-weight:600;padding:8px 18px}.json-tool .upload-btn input[data-v-007f19a1]{display:none}.json-tool .ghost[data-v-007f19a1]{background:transparent;border:1px solid rgba(148,163,184,.5);border-radius:12px;color:#475569;cursor:pointer;font-weight:600;padding:8px 18px}.json-tool .primary[data-v-007f19a1]{background:linear-gradient(120deg,#f97316,#fb7185);border:none;border-radius:12px;box-shadow:0 15px 40px #fb718540;color:#fff;cursor:pointer;font-weight:600;padding:8px 20px}.json-tool .json-textarea[data-v-007f19a1]{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;font-family:SFMono-Regular,Consolas,Courier New,monospace;font-size:14px;min-height:260px;padding:16px;resize:vertical}.json-tool .options-row[data-v-007f19a1]{align-items:center;color:#475569;display:flex;flex-wrap:wrap;font-size:14px;gap:16px}.json-tool .options-row select[data-v-007f19a1]{border:1px solid #d1d5db;border-radius:8px;padding:4px 12px}.json-tool .status[data-v-007f19a1]{background:#f1f5f9;border-radius:14px;font-size:14px;padding:12px 16px}.json-tool .status.valid[data-v-007f19a1]{background:#10b9811a;color:#047857}.json-tool .status.invalid[data-v-007f19a1]{background:#f872721a;color:#b91c1c}.json-tool .mode-toggle[data-v-007f19a1]{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.json-tool .toggle[data-v-007f19a1]{background:#e0e7ff;border:none;border-radius:999px;color:#4338ca;cursor:pointer;font-weight:600;padding:8px 16px}.json-tool .toggle.active[data-v-007f19a1]{background:#4338ca;color:#fff}.json-tool .json-preview[data-v-007f19a1]{background:#0f172a;border-radius:18px;color:#e5edff;font-family:SFMono-Regular,Consolas,Courier New,monospace;font-size:14px;line-height:1.6;max-height:420px;min-height:260px;overflow:auto;padding:20px;text-align:left;white-space:pre-wrap;word-break:break-word}.json-tool .json-preview .token-key[data-v-007f19a1]{color:#93c5fd}.json-tool .json-preview .token-string[data-v-007f19a1]{color:#facc15}.json-tool .json-preview .token-number[data-v-007f19a1]{color:#38bdf8}.json-tool .json-preview .token-boolean[data-v-007f19a1]{color:#34d399}.json-tool .json-preview .token-null[data-v-007f19a1]{color:#fb7185}.json-tool .json-preview .token-raw[data-v-007f19a1]{color:#cbd5f5}.json-tool .stats-panel[data-v-007f19a1]{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.json-tool .stat[data-v-007f19a1]{background:#f8fafc;border-radius:16px;padding:16px}.json-tool .label[data-v-007f19a1]{color:#94a3b8;font-size:12px;letter-spacing:.12em;margin-bottom:6px;text-transform:uppercase}.json-tool .value[data-v-007f19a1]{color:#1e293b;font-weight:600}@media (max-width:768px){.json-preview[data-v-007f19a1],.json-textarea[data-v-007f19a1]{max-height:320px;min-height:220px}}