.left-panel[data-v-18b35d4b]{flex:1;display:flex;flex-direction:column;height:80vh;min-height:500px}.panel-header[data-v-18b35d4b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.panel-title[data-v-18b35d4b]{font-weight:700;color:#2c3e50}textarea[data-v-18b35d4b]{flex:1;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:monospace;font-size:14px;resize:none;min-height:400px;overflow-y:auto}.buttons[data-v-18b35d4b]{display:flex;gap:10px;flex-wrap:wrap}button[data-v-18b35d4b]{padding:8px 12px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s;font-size:14px}button.copy[data-v-18b35d4b]{background-color:#27ae60}button.clear[data-v-18b35d4b]{background-color:#e74c3c}button[data-v-18b35d4b]:not(.copy):not(.clear){background-color:#3498db}@media (max-width: 768px){.left-panel[data-v-18b35d4b]{height:400px;min-height:400px}textarea[data-v-18b35d4b]{min-height:300px}}.json-item[data-v-15a97a8a]{display:block;margin:10px 0;font-family:monospace;font-size:14px;position:relative}.node-header[data-v-15a97a8a]{display:flex;align-items:center;gap:4px;margin-bottom:8px}.item[data-v-15a97a8a]{margin:8px 0}.item-content[data-v-15a97a8a]{display:flex;align-items:center;gap:8px}.expand-toggle[data-v-15a97a8a]{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;width:16px;text-align:center}.json-key[data-v-15a97a8a]{color:#881391;font-weight:700}.editable-key[data-v-15a97a8a]{outline:1px dashed #bbb;padding:2px 4px;border-radius:3px;min-width:30px;cursor:text}.editable-key[data-v-15a97a8a]:focus{outline:2px solid #3498db;background-color:#f8f9fa}.editable-key[data-v-15a97a8a]:hover{outline:1px solid #999;background-color:#f0f0f0}.json-string[data-v-15a97a8a]{color:#c41a16}.json-number[data-v-15a97a8a]{color:#1c00cf}.json-boolean[data-v-15a97a8a]{color:#0d22aa}.json-null[data-v-15a97a8a]{color:gray}.json-punctuation[data-v-15a97a8a]{color:#333;font-weight:700}.preview-value[data-v-15a97a8a]{color:#666;background-color:#f0f0f0;padding:2px 6px;border-radius:3px;font-style:italic;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 8px}.leaf-node[data-v-15a97a8a]{display:flex;align-items:center;gap:4px;position:relative}.leaf-actions[data-v-15a97a8a]{display:flex;gap:2px;margin-left:4px}.editable[data-v-15a97a8a]{outline:1px dashed #bbb;padding:2px 4px;border-radius:3px;max-width:200px;word-break:break-all;white-space:pre-wrap;min-width:30px}.node-actions[data-v-15a97a8a]{display:flex;gap:2px;margin-left:auto}.action-btn[data-v-15a97a8a]{width:20px;height:20px;border:none;border-radius:3px;cursor:pointer;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s}.add-btn[data-v-15a97a8a]{background-color:#27ae60;color:#fff}.add-btn[data-v-15a97a8a]:hover{background-color:#229954}.add-sibling-btn[data-v-15a97a8a]{background-color:#3498db;color:#fff}.add-sibling-btn[data-v-15a97a8a]:hover{background-color:#2980b9}.delete-btn[data-v-15a97a8a]{background-color:#e74c3c;color:#fff}.delete-btn[data-v-15a97a8a]:hover{background-color:#c0392b}.leaf-delete[data-v-15a97a8a]{margin-left:8px}.leaf-add-sibling[data-v-15a97a8a]{margin-left:2px}.closing-bracket[data-v-15a97a8a]{margin-left:20px}@media (max-width: 768px){.preview-value[data-v-15a97a8a]{max-width:150px}.editable[data-v-15a97a8a]{max-width:120px}}.search-container[data-v-6e899f10]{position:relative;margin-bottom:20px}.search-header[data-v-6e899f10]{display:flex;flex-direction:column;gap:10px}.search-input-wrapper[data-v-6e899f10]{position:relative;display:flex;align-items:center}.search-input[data-v-6e899f10]{width:100%;padding:12px 75px 12px 15px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;outline:none;transition:all .3s ease;background-color:#fff}.search-input[data-v-6e899f10]:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.search-controls[data-v-6e899f10]{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding:12px 15px;background-color:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;margin-top:8px;transition:all .3s ease}.search-type-selector[data-v-6e899f10]{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.search-type-label[data-v-6e899f10]{font-size:13px;font-weight:600;color:#4a5568;white-space:nowrap;background-color:#e2e8f0;padding:4px 10px;border-radius:6px}.search-type-options[data-v-6e899f10]{display:flex;gap:20px;background-color:#fff;padding:8px 12px;border-radius:6px;border:1px solid #e2e8f0}.search-type-option[data-v-6e899f10]{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#4a5568;transition:all .3s ease;padding:4px 8px;border-radius:4px}.search-type-option[data-v-6e899f10]:hover{color:#3498db;background-color:#3498db1a}.search-type-option input[type=radio][data-v-6e899f10]{margin:0;cursor:pointer;accent-color:#3498db;width:16px;height:16px;transition:all .2s ease}.search-type-option input[type=radio][data-v-6e899f10]:checked{transform:scale(1.1)}.search-type-option span[data-v-6e899f10]{-webkit-user-select:none;user-select:none;font-weight:500}.regex-option[data-v-6e899f10]{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#4a5568;transition:all .3s ease;padding:8px 12px;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;font-weight:500}.regex-option[data-v-6e899f10]:hover{color:#3498db;background-color:#3498db1a;border-color:#3498db}.regex-option input[type=checkbox][data-v-6e899f10]{margin:0;cursor:pointer;accent-color:#3498db;width:16px;height:16px;transition:all .2s ease}.regex-option input[type=checkbox][data-v-6e899f10]:checked{transform:scale(1.1)}.clear-btn[data-v-6e899f10]{position:absolute;right:70px;background:none;border:none;color:#999;cursor:pointer;font-size:16px;padding:5px;border-radius:50%;transition:all .3s ease}.clear-btn[data-v-6e899f10]:hover{background-color:#f5f5f5;color:#333}.settings-btn[data-v-6e899f10]{position:absolute;right:40px;background:none;border:none;color:#999;cursor:pointer;font-size:16px;padding:5px;border-radius:50%;transition:all .3s ease;transform:rotate(0)}.settings-btn[data-v-6e899f10]:hover{background-color:#f5f5f5;color:#3498db;transform:rotate(15deg)}.settings-btn.active[data-v-6e899f10]{color:#3498db;transform:rotate(45deg);background-color:#3498db1a}.settings-btn.active[data-v-6e899f10]:hover{transform:rotate(60deg)}.search-loading[data-v-6e899f10]{position:absolute;right:15px;color:#3498db;animation:spin-6e899f10 1s linear infinite}@keyframes spin-6e899f10{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-results[data-v-6e899f10]{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:300px;overflow-y:auto;z-index:1000;margin-top:5px}.results-header[data-v-6e899f10]{padding:10px 15px;background-color:#f8f9fa;border-bottom:1px solid #e1e5e9;font-size:12px;color:#666;font-weight:500}.results-list[data-v-6e899f10]{max-height:250px;overflow-y:auto}.result-item[data-v-6e899f10]{padding:12px 15px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:flex-start;gap:8px}.result-item[data-v-6e899f10]:hover,.result-item.active[data-v-6e899f10]{background-color:#f8f9fa}.result-item[data-v-6e899f10]:last-child{border-bottom:none}.result-path[data-v-6e899f10]{font-size:11px;color:#666;margin-bottom:4px;font-family:monospace}.result-value[data-v-6e899f10]{font-size:13px;color:#333;word-break:break-all}.result-content[data-v-6e899f10]{display:flex;flex-direction:column;gap:4px;flex:1}.result-key[data-v-6e899f10]{display:flex;align-items:center;gap:4px}.key-label[data-v-6e899f10]{font-size:11px;color:#666;font-weight:500}.key-value[data-v-6e899f10]{font-size:12px;color:#2c3e50;font-family:monospace}.result-type[data-v-6e899f10]{margin-left:8px}.match-type-badge[data-v-6e899f10]{padding:2px 6px;border-radius:3px;font-size:10px;font-weight:500;text-transform:uppercase}.match-type-badge.key[data-v-6e899f10]{background-color:#e8f5e8;color:#2d5a2d}.match-type-badge.value[data-v-6e899f10]{background-color:#e8f4fd;color:#2d5a7a}.result-value mark[data-v-6e899f10]{background-color:#ffeb3b;color:#333;padding:0 2px;border-radius:2px}.no-results[data-v-6e899f10]{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:20px;text-align:center;color:#666;margin-top:5px}@media (max-width: 768px){.search-container[data-v-6e899f10]{margin-bottom:15px}.search-header[data-v-6e899f10]{gap:8px}.search-type-selector[data-v-6e899f10]{flex-direction:column;align-items:flex-start;gap:8px}.search-type-options[data-v-6e899f10]{gap:10px}.search-results[data-v-6e899f10]{max-height:200px}.results-list[data-v-6e899f10]{max-height:150px}.result-item[data-v-6e899f10]{padding:10px 12px}.result-path[data-v-6e899f10]{font-size:10px}.result-value[data-v-6e899f10]{font-size:12px}.key-value[data-v-6e899f10]{font-size:11px}}.right-panel[data-v-411305f0]{flex:1;display:flex;flex-direction:column;height:80vh;min-height:500px}.panel-header[data-v-411305f0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-shrink:0}.panel-title[data-v-411305f0]{font-weight:700;color:#2c3e50}.output-section[data-v-411305f0]{border:1px solid #ddd;border-radius:4px;padding:12px;background-color:#f9f9f9;flex:1;overflow:hidden;overflow-y:auto;min-height:0}.buttons[data-v-411305f0]{display:flex;gap:10px}button[data-v-411305f0]{padding:8px 12px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s;font-size:14px}button.expand-all[data-v-411305f0]{background-color:#f39c12}button.expand-all[data-v-411305f0]:hover{background-color:#e67e22}button.collapse-first[data-v-411305f0]{background-color:#95a5a6}button.collapse-first[data-v-411305f0]:hover{background-color:#7f8c8d}button.copy[data-v-411305f0]{background-color:#27ae60}button.copy[data-v-411305f0]:hover{background-color:#229954}button[data-v-411305f0]:hover{opacity:.9}.empty[data-v-411305f0]{color:#7f8c8d;text-align:center;padding:20px;font-style:italic}@media (max-width: 768px){.output-section[data-v-411305f0]{height:400px;min-height:400px}.panel-header[data-v-411305f0]{flex-direction:column;align-items:stretch}.buttons[data-v-411305f0]{justify-content:center}button[data-v-411305f0]{flex:1;min-width:100px}}.copy-notification[data-v-63074cd3]{position:fixed;top:20px;right:20px;padding:10px 15px;background-color:#27ae60;color:#fff;border-radius:4px}.container[data-v-331af04f]{max-width:90%;margin:0 auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}h1[data-v-331af04f]{text-align:center}.layout[data-v-331af04f]{display:flex;gap:0px 50px;min-height:500px}.chunk[data-v-331af04f]{flex:1 1 50%;min-width:0}@media (max-width: 900px){.layout[data-v-331af04f]{flex-direction:column}}
