.json-editor-wrapper[data-astro-cid-clpahdwb]{display:flex;border:1px solid var(--border-color);border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;overflow:hidden}.line-numbers[data-astro-cid-clpahdwb]{width:50px;background-color:#f5f5f5;padding:12px 8px;text-align:right;border-right:1px solid var(--border-color);user-select:none;overflow:hidden}.line-number[data-astro-cid-clpahdwb]{line-height:1.5;font-size:14px;color:#999}.editor-container[data-astro-cid-clpahdwb]{flex:1;position:relative}.json-input[data-astro-cid-clpahdwb]{width:100%;height:300px;padding:12px;border:none;resize:vertical;box-sizing:border-box;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;background-color:var(--bg-color);color:var(--text-color);outline:none;overflow:auto}.json-input[data-astro-cid-clpahdwb]:focus{outline:none}.json-formatter-container[data-astro-cid-j7pv25f6]{max-width:1400px;margin:0 auto;padding:20px}.json-formatter-container[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6]{margin-bottom:10px;color:var(--text-color)}.json-formatter-container[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{margin-bottom:20px;color:#666}.input-section[data-astro-cid-j7pv25f6]{margin-bottom:20px}.input-controls[data-astro-cid-j7pv25f6]{display:flex;gap:10px;margin-bottom:10px;align-items:center;flex-wrap:wrap}.input-controls[data-astro-cid-j7pv25f6] label[data-astro-cid-j7pv25f6]{font-weight:700;color:var(--text-color)}.input-controls[data-astro-cid-j7pv25f6] select[data-astro-cid-j7pv25f6],.input-controls[data-astro-cid-j7pv25f6] button[data-astro-cid-j7pv25f6]{padding:8px 12px;border-radius:4px;border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);font-size:14px}.input-controls[data-astro-cid-j7pv25f6] button[data-astro-cid-j7pv25f6]{background-color:#3b82f6;color:#fff;border:none;cursor:pointer}.input-controls[data-astro-cid-j7pv25f6] button[data-astro-cid-j7pv25f6]:hover{background-color:#2563eb}.editor-container[data-astro-cid-j7pv25f6]{position:relative}#input-json[data-astro-cid-j7pv25f6]{width:100%;height:300px;padding:12px;border:1px solid var(--border-color);border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;resize:vertical;box-sizing:border-box;background-color:var(--bg-color);color:var(--text-color)}#input-json[data-astro-cid-j7pv25f6]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.extraction-section[data-astro-cid-j7pv25f6]{margin:20px 0;padding:15px;background-color:var(--secondary-color);border-radius:4px}.extraction-controls[data-astro-cid-j7pv25f6]{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.extraction-controls[data-astro-cid-j7pv25f6] label[data-astro-cid-j7pv25f6]{font-weight:700;color:var(--text-color);white-space:nowrap}.extraction-controls[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6]{flex:1;min-width:300px;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background-color:var(--bg-color);color:var(--text-color)}.extraction-controls[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.extraction-controls[data-astro-cid-j7pv25f6] button[data-astro-cid-j7pv25f6]{padding:8px 12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.extraction-controls[data-astro-cid-j7pv25f6] button[data-astro-cid-j7pv25f6]:hover{background-color:#2563eb}.output-section[data-astro-cid-j7pv25f6]{margin-top:20px}.output-controls[data-astro-cid-j7pv25f6]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.output-controls[data-astro-cid-j7pv25f6]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;align-items:center}.output-controls[data-astro-cid-j7pv25f6] button[data-astro-cid-j7pv25f6]{padding:8px 12px;background-color:#6b7280;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.output-controls[data-astro-cid-j7pv25f6] button[data-astro-cid-j7pv25f6]:hover{background-color:#4b5563}.json-action-group[data-astro-cid-j7pv25f6]{display:flex;gap:0}#json-to-ts[data-astro-cid-j7pv25f6]{border-radius:4px 0 0 4px;margin-right:0}#clear-btn[data-astro-cid-j7pv25f6]{border-radius:0 4px 4px 0;margin-left:0;background-color:#ef4444}#json-to-ts[data-astro-cid-j7pv25f6]{border-right:1px solid #4b5563}#clear-btn[data-astro-cid-j7pv25f6]:hover{background-color:#dc2626}.json-root[data-astro-cid-j7pv25f6]{padding:5px 0}.json-bracket[data-astro-cid-j7pv25f6]{padding:0 5px}.result-container[data-astro-cid-j7pv25f6]{display:flex;gap:20px;min-height:400px}.json-output[data-astro-cid-j7pv25f6],.extracted-output[data-astro-cid-j7pv25f6]{flex:1;border:1px solid var(--border-color);border-radius:4px;padding:15px;background-color:#fafafa;overflow:auto;min-height:400px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5}.json-output[data-astro-cid-j7pv25f6] pre[data-astro-cid-j7pv25f6],.extracted-output[data-astro-cid-j7pv25f6] pre[data-astro-cid-j7pv25f6]{white-space:pre-wrap;word-break:break-word;margin:0}#json-viewer-container[data-astro-cid-j7pv25f6]{border:1px solid var(--border-color);border-radius:4px;padding:10px;background-color:#fafafa;min-height:400px;overflow:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5}.json-node[data-astro-cid-j7pv25f6]{margin-left:20px}.json-property[data-astro-cid-j7pv25f6]{display:flex;align-items:center;cursor:pointer}.json-toggle[data-astro-cid-j7pv25f6]{display:inline-block;width:16px;height:16px;text-align:center;line-height:14px;cursor:pointer;border:1px solid #ccc;border-radius:2px;margin-right:5px;font-size:12px;user-select:none}.json-key[data-astro-cid-j7pv25f6]{color:#922ad9;margin-right:5px}.json-separator[data-astro-cid-j7pv25f6]{margin-right:5px}.json-value-string[data-astro-cid-j7pv25f6]{color:#0b7a00}.json-value-number[data-astro-cid-j7pv25f6]{color:#d35e5e}.json-value-boolean[data-astro-cid-j7pv25f6]{color:#06c}.json-value-null[data-astro-cid-j7pv25f6]{color:gray}.json-value-object[data-astro-cid-j7pv25f6],.json-value-array[data-astro-cid-j7pv25f6]{color:#333}.collapsed[data-astro-cid-j7pv25f6]>.json-node[data-astro-cid-j7pv25f6]{display:none}@media (max-width: 1200px){.result-container[data-astro-cid-j7pv25f6]{flex-direction:column}}@media (max-width: 768px){.json-formatter-container[data-astro-cid-j7pv25f6]{padding:10px}.input-controls[data-astro-cid-j7pv25f6],.extraction-controls[data-astro-cid-j7pv25f6]{flex-direction:column;align-items:stretch}.input-controls[data-astro-cid-j7pv25f6] label[data-astro-cid-j7pv25f6],.extraction-controls[data-astro-cid-j7pv25f6] label[data-astro-cid-j7pv25f6]{margin-bottom:5px}.extraction-controls[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6]{min-width:auto}#input-json[data-astro-cid-j7pv25f6]{height:200px}.output-controls[data-astro-cid-j7pv25f6]{justify-content:center}.result-container[data-astro-cid-j7pv25f6]{gap:10px}.json-output[data-astro-cid-j7pv25f6],.extracted-output[data-astro-cid-j7pv25f6]{min-height:300px}}@media (max-width: 480px){.output-controls[data-astro-cid-j7pv25f6]{flex-direction:column}.output-controls[data-astro-cid-j7pv25f6] button[data-astro-cid-j7pv25f6]{width:100%}}