.json-formatter[data-v-f3c0766d]{padding:20px}.page-header[data-v-f3c0766d]{text-align:center;margin-bottom:30px}.page-header h2[data-v-f3c0766d]{font-size:28px;color:#333;margin-bottom:8px}.page-header p[data-v-f3c0766d]{color:#666;font-size:14px}.tool-container[data-v-f3c0766d]{width:100%;display:flex;flex-direction:column;gap:20px}.card-header[data-v-f3c0766d]{display:flex;justify-content:space-between;align-items:center;font-weight:500}.header-actions[data-v-f3c0766d]{display:flex;gap:8px}.error-message[data-v-f3c0766d]{margin-top:12px}.success-message[data-v-f3c0766d]{display:flex;align-items:center;gap:8px;margin-top:12px;color:#67c23a;font-size:14px}.controls[data-v-f3c0766d]{display:flex;align-items:center;gap:12px}.json-output[data-v-f3c0766d]{padding:16px;background:#f5f7fa;border-radius:4px;line-height:1.6;font-family:Courier New,monospace;white-space:pre-wrap;word-wrap:break-word;max-height:500px;overflow:auto}.json-key[data-v-f3c0766d]{color:#92278f;font-weight:700}.json-string[data-v-f3c0766d]{color:#3ab54a}.json-number[data-v-f3c0766d]{color:#25aae2}.json-boolean[data-v-f3c0766d],.json-null[data-v-f3c0766d]{color:#f98280}.stats-grid[data-v-f3c0766d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-item[data-v-f3c0766d]{display:flex;justify-content:space-between;padding:12px;background:#f5f7fa;border-radius:4px}.stat-label[data-v-f3c0766d]{color:#666;font-size:14px}.stat-value[data-v-f3c0766d]{color:#333;font-weight:700;font-size:14px}