.overlay[data-v-4a74e328]{position:fixed;inset:0;z-index:9999;pointer-events:none;display:flex;justify-content:center;align-items:center}.logo[data-v-4a74e328]{position:absolute;z-index:10000;opacity:1;transition:opacity .3s ease-in-out}.stage[data-v-4a74e328]{position:absolute;inset:0;transform:rotate(-12deg) scale(1.5);transform-origin:center}.overlay .bar[data-v-4a74e328]{position:absolute;left:-10%;right:-10%;height:calc(140% / var(--count) + 2px);background:#fff!important;transform:translateY(-120%);opacity:0;top:calc((var(--idx) - 1) * (110% / var(--count)));animation:wipeIn-4a74e328 var(--duration) ease-out both;animation-delay:var(--delay)}.overlay.out .bar[data-v-4a74e328]{animation-name:wipeOut-4a74e328;animation-delay:calc(var(--delay) + .5s)}.loading[data-v-4a74e328]{position:absolute;top:0;left:0;right:0;height:3px;overflow:hidden}.loading__inner[data-v-4a74e328]{height:100%;background:green;transform:translate(-100%);animation:load-4a74e328 .9s ease-in-out infinite}@keyframes wipeIn-4a74e328{0%{transform:translateY(-110%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes wipeOut-4a74e328{0%{transform:translateY(0);opacity:1}to{transform:translateY(110%);opacity:0}}@keyframes load-4a74e328{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.view-enter-active,.view-leave-active{transition:opacity .25s}.view-enter-from,.view-leave-to{opacity:0}.overlay-fade-enter-active,.overlay-fade-leave-active{transition:opacity .3s ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.overlay{background:transparent}.bar{background:#fff}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Monaco,Menlo,Ubuntu Mono,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa}#app{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}*{scrollbar-width:thin;scrollbar-color:#f5576c #f8f9fa}*:focus{outline:2px solid #667eea;outline-offset:2px}.container{max-width:1440px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.5rem 1rem;font-size:.875rem;min-width:auto}.btn-xs{padding:.25rem .75rem;font-size:12px;min-width:auto}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.btn-secondary{background:#fff3;color:#444;border:1px solid #e9ecef}.btn-secondary:hover:not(:disabled){background:#ffffff4d;transform:translateY(-1px)}.btn-info{background:#17a2b8;color:#fff}.btn-info:hover:not(:disabled){background:#138496;transform:translateY(-1px)}.btn-success{background:#28a745;color:#fff}.btn-success:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover:not(:disabled){background:#e0a800;transform:translateY(-1px)}.btn-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.btn-close:hover{background:#fff3}input,textarea,select{padding:.7rem;border:1px solid #cacccd;border-radius:12px;font-size:14px;transition:border-color .3s ease;box-sizing:border-box}textarea{line-height:1.5;resize:vertical;padding:.7rem 1rem}input:focus,textarea:focus,select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea{min-height:80px;white-space:pre-wrap}.form-select{cursor:pointer}.text-preview-content p{margin:0 0 1rem;line-height:1.6}.text-preview-content p:last-child{margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.self-start{align-self:flex-start}.self-end{align-self:flex-end}header[data-v-0f426fb9]{padding-bottom:2rem;width:100%;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center;gap:1.3rem}header span[data-v-0f426fb9]{font-size:2.5rem;font-weight:700}header img[data-v-0f426fb9]{width:100px}.json-input-view[data-v-0f426fb9]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.header[data-v-0f426fb9]{padding:3rem 3rem 2rem;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;text-align:center}.header h1[data-v-0f426fb9]{font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.subtitle[data-v-0f426fb9]{font-size:1.1rem;opacity:.9;margin:0}.input-section[data-v-0f426fb9]{padding:3rem}.textarea-container[data-v-0f426fb9]{position:relative;margin-bottom:2rem}.json-textarea[data-v-0f426fb9]{padding:1.2rem;width:100%;min-height:400px}.error-message[data-v-0f426fb9]{margin-top:1rem;padding:1rem;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;display:flex;align-items:center;gap:.5rem}.error-icon[data-v-0f426fb9]{font-size:16px}.actions[data-v-0f426fb9]{display:flex;gap:1rem;justify-content:flex-end;flex-wrap:wrap}.preview-section[data-v-0f426fb9]{padding:0 3rem 3rem}.preview-section h3[data-v-0f426fb9]{color:#495057;margin-bottom:1rem;font-size:1.25rem}.json-preview[data-v-0f426fb9]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;max-height:300px;overflow:auto}.json-preview pre[data-v-0f426fb9]{margin:0;font-size:14px;line-height:1.4;color:#495057}@media (max-width: 768px){.json-input-view[data-v-0f426fb9]{padding:1rem}.header[data-v-0f426fb9]{padding:2rem 2rem 1.5rem}.header h1[data-v-0f426fb9]{font-size:2rem}.input-section[data-v-0f426fb9],.preview-section[data-v-0f426fb9]{padding:2rem}.actions[data-v-0f426fb9]{justify-content:stretch}.btn[data-v-0f426fb9]{flex:1;min-width:auto}}.json-editor[data-v-537e8eed]{border:1px solid #e9ecef;border-radius:8px;background:#fff;margin-bottom:1rem}.array-container[data-v-537e8eed],.object-container[data-v-537e8eed]{padding:1rem}.type-header[data-v-537e8eed]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e9ecef}.type-label[data-v-537e8eed]{font-weight:600;color:#495057}.empty-array[data-v-537e8eed],.empty-object[data-v-537e8eed]{text-align:center;padding:2rem;color:#6c757d;background:#f8f9fa;border-radius:6px;border:2px dashed #dee2e6}.array-items[data-v-537e8eed],.object-properties[data-v-537e8eed]{display:flex;flex-direction:column;gap:1rem}.array-item[data-v-537e8eed],.object-property[data-v-537e8eed]{border:1px solid #e9ecef;border-radius:6px;overflow:hidden}.item-header[data-v-537e8eed],.property-header[data-v-537e8eed]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.item-index[data-v-537e8eed]{font-weight:600;color:#6f42c1}.property-key[data-v-537e8eed]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600;color:#d63384;border:none;background:transparent;font-size:14px;padding:2px 4px;border-radius:3px}.property-key[data-v-537e8eed]:focus{outline:2px solid #667eea;background:#fff}.add-property-bottom[data-v-537e8eed]{margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef;display:flex;justify-content:end}.add-property[data-v-537e8eed]{display:flex;gap:.5rem;align-items:center;padding:1rem;background:#f8f9fa;border-radius:6px;flex-wrap:wrap;border:2px dashed #dee2e6}.property-input[data-v-537e8eed]{flex:1;min-width:150px}.primitive-container[data-v-537e8eed]{padding:1rem}.primitive-editor[data-v-537e8eed]{display:flex;flex-direction:column;gap:.5rem}.text-field-container[data-v-537e8eed]{display:flex;flex-direction:column;gap:.5rem;flex:1}.text-controls[data-v-537e8eed]{display:flex;justify-content:flex-end}.text-preview[data-v-537e8eed]{border:1px solid #e9ecef;border-radius:6px;background:#f8f9fa;overflow:hidden}.text-preview-header[data-v-537e8eed]{padding:.5rem 1rem;background:#e9ecef;font-weight:600;font-size:.875rem;color:#495057}.text-preview-content[data-v-537e8eed]{padding:1rem;line-height:1.6;color:#495057;font-size:14px}.text-preview-content p[data-v-537e8eed]{margin:0 0 1.2rem;border-left:3px solid #e9ecef;padding:.5rem 0 .5rem 1rem;background:#667eea05}.text-preview-content p[data-v-537e8eed]:last-child{margin-bottom:0}.null-value[data-v-537e8eed]{padding:.5rem;color:#6c757d;font-style:italic}.btn-remove[data-v-537e8eed]{background:#dc3545!important;color:#fff!important;width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:auto!important;padding:0!important;margin:0!important}.btn-remove[data-v-537e8eed]:hover{background:#c82333!important}.btn-preview-toggle[data-v-537e8eed]{background:#17a2b8fa!important;color:#fff!important}.btn-preview-toggle[data-v-537e8eed]:hover{background:#138496!important}@media (max-width: 768px){.add-property[data-v-537e8eed]{flex-direction:column;align-items:stretch}.property-input[data-v-537e8eed]{min-width:auto}.primitive-editor[data-v-537e8eed]{align-items:stretch}.type-select[data-v-537e8eed]{margin-bottom:.5rem}}.tree-node[data-v-94648dfa]{margin-bottom:.25rem}.node-header[data-v-94648dfa]{display:flex;align-items:center;padding:.5rem;border-radius:6px;transition:background-color .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.node-header[data-v-94648dfa]:hover{background:#f8f9fa}.node-header.is-clickable[data-v-94648dfa]:hover{background:#e9ecef}.node-toggle[data-v-94648dfa]{width:20px;display:flex;justify-content:center;align-items:center}.toggle-icon[data-v-94648dfa]{color:#6c757d;transition:transform .2s ease}.toggle-icon.expanded[data-v-94648dfa]{transform:rotate(90deg)}.node-content[data-v-94648dfa]{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0}.node-key[data-v-94648dfa]{font-weight:600;color:#d63384;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-type[data-v-94648dfa]{font-size:.75rem;color:#6c757d;background:#f8f9fa;padding:.125rem .375rem;border-radius:3px;font-weight:500;white-space:nowrap}.node-value[data-v-94648dfa]{color:#198754;font-size:.875rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-actions[data-v-94648dfa]{display:flex;align-items:center;gap:.25rem;opacity:0;transition:opacity .2s ease}.node-header:hover .node-actions[data-v-94648dfa]{opacity:1}.btn-navigate[data-v-94648dfa]{background:none;border:none;padding:.25rem;border-radius:3px;cursor:pointer;color:#6c757d;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-navigate[data-v-94648dfa]:hover{background:#667eea;color:#fff}.node-children[data-v-94648dfa]{margin-left:1.5rem;border-left:1px solid #e9ecef;padding-left:.5rem}.tree-node:first-child>.node-header[data-v-94648dfa]{font-weight:700;background:#f8f9fa;border:1px solid #e9ecef}.node-header[data-type=string] .node-key[data-v-94648dfa]{color:#198754}.node-header[data-type=number] .node-key[data-v-94648dfa]{color:#0d6efd}.node-header[data-type=boolean] .node-key[data-v-94648dfa]{color:#6f42c1}.node-header[data-type=array] .node-key[data-v-94648dfa]{color:#fd7e14}.node-header[data-type=object] .node-key[data-v-94648dfa]{color:#d63384}.json-tree[data-v-cd858619]{height:100%;display:flex;flex-direction:column}.tree-controls[data-v-cd858619]{display:flex;gap:.5rem;padding:1rem;border-bottom:1px solid #e9ecef;background:#f8f9fa;flex-wrap:wrap;align-items:center}.language-select[data-v-cd858619]{flex:1;min-width:120px}.tree-content[data-v-cd858619]{flex:1;overflow:auto;padding:1rem}.modal-overlay[data-v-37192827]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content[data-v-37192827]{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow:auto}.modal-header[data-v-37192827]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem 1rem;border-bottom:1px solid #e9ecef}.modal-header h3[data-v-37192827]{margin:0;color:#495057}.btn-close[data-v-37192827]{color:#6c757d}.btn-close[data-v-37192827]:hover{background:#f8f9fa}.modal-body[data-v-37192827]{padding:1.5rem 2rem}.form-group[data-v-37192827]{margin-bottom:1.5rem}.form-group label[data-v-37192827]{display:block;margin-bottom:.5rem;font-weight:600;color:#495057}.info-box[data-v-37192827]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;margin-top:1rem}.info-box h4[data-v-37192827]{margin:0 0 1rem;color:#495057;font-size:1rem}.info-box ol[data-v-37192827]{margin:0 0 1rem 1.5rem;padding:0}.info-box li[data-v-37192827]{margin-bottom:.5rem}.info-box a[data-v-37192827]{color:#667eea;text-decoration:none}.info-box a[data-v-37192827]:hover{text-decoration:underline}.info-box p[data-v-37192827]{margin:0;font-size:.875rem;color:#6c757d}.modal-footer[data-v-37192827]{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 2rem 1.5rem;border-top:1px solid #e9ecef}.visual-editor-view[data-v-a02fcdbc]{min-height:100vh;background:#f8f9fa;display:flex;flex-direction:column}.header[data-v-a02fcdbc]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;box-shadow:0 2px 10px #0000001a;z-index:100;position:sticky;top:0}.header h1[data-v-a02fcdbc]{font-size:1.5rem;font-weight:700;margin:0}.header-actions[data-v-a02fcdbc]{display:flex;gap:.75rem;flex-wrap:wrap}.empty-state[data-v-a02fcdbc]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6c757d;text-align:center}.empty-icon[data-v-a02fcdbc]{font-size:4rem;margin-bottom:1rem}.empty-state h3[data-v-a02fcdbc]{font-size:1.5rem;margin-bottom:1rem;color:#495057}.empty-state p[data-v-a02fcdbc]{font-size:1.1rem;margin-bottom:2rem;max-width:400px}.editor-main[data-v-a02fcdbc]{flex:1;padding:2rem;overflow:auto;background:linear-gradient(135deg,#667eea,#764ba2)}.output-floating[data-v-a02fcdbc]{position:fixed;right:2rem;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;z-index:1000;display:flex;flex-direction:column;border:1px solid #e9ecef;min-width:300px;min-height:200px;max-width:80vw;max-height:80vh}.output-header[data-v-a02fcdbc]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0;cursor:move;-webkit-user-select:none;user-select:none}.output-header h3[data-v-a02fcdbc]{margin:0;font-size:1.1rem;font-weight:600}.output-content[data-v-a02fcdbc]{flex:1;overflow:auto;padding:1rem;background:#f8f9fa}.resize-handle[data-v-a02fcdbc]{position:absolute;bottom:0;right:0;width:20px;height:20px;background:linear-gradient(-45deg,transparent 0%,transparent 30%,#ccc 30%,#ccc 40%,transparent 40%,transparent 60%,#ccc 60%,#ccc 70%,transparent 70%);cursor:nw-resize;border-bottom-right-radius:12px}.tree-floating[data-v-a02fcdbc]{position:fixed;left:2rem;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;z-index:1000;display:flex;flex-direction:column;border:1px solid #e9ecef;min-width:280px;min-height:300px;max-width:80vw;max-height:80vh}.tree-header[data-v-a02fcdbc]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#ffc107,#ff8f00);color:#fff;border-radius:12px 12px 0 0;cursor:move;-webkit-user-select:none;user-select:none}.tree-header h3[data-v-a02fcdbc]{margin:0;font-size:1.1rem;font-weight:600}.tree-header-actions[data-v-a02fcdbc]{display:flex;align-items:center;gap:.5rem}.tree-content[data-v-a02fcdbc]{flex:1;overflow:auto;background:#fff}.highlight-flash[data-v-a02fcdbc]{animation:highlightFlash-a02fcdbc 2s ease-out;border:2px solid #ffc107!important;border-radius:8px!important}@keyframes highlightFlash-a02fcdbc{0%{background-color:#ffc1074d;transform:scale(1.02)}50%{background-color:#ffc1071a}to{background-color:transparent;transform:scale(1)}}.output-content pre[data-v-a02fcdbc]{margin:0;font-size:12px;line-height:1.4;color:#495057;white-space:pre-wrap;word-break:break-word}.output-actions[data-v-a02fcdbc]{padding:1rem 1.5rem;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;background:#fff;border-radius:0 0 12px 12px}.copy-notification[data-v-a02fcdbc]{position:fixed;top:2rem;right:2rem;background:#28a745;color:#fff;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;box-shadow:0 4px 12px #28a7454d;z-index:1100;animation:slideIn-a02fcdbc .3s ease}@keyframes slideIn-a02fcdbc{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.header[data-v-a02fcdbc]{padding:1rem;flex-direction:column;align-items:stretch;position:relative}.header-actions[data-v-a02fcdbc]{justify-content:stretch;gap:.5rem}.btn[data-v-a02fcdbc]{flex:1;text-align:center}.editor-main[data-v-a02fcdbc]{padding:1rem}.output-floating[data-v-a02fcdbc],.tree-floating[data-v-a02fcdbc]{position:fixed;inset:auto 0 0;transform:none;width:auto;max-height:50vh;border-radius:12px 12px 0 0;margin:0}.copy-notification[data-v-a02fcdbc]{top:auto;bottom:2rem;right:1rem;left:1rem;text-align:center}}@media (max-width: 1200px){.output-floating[data-v-a02fcdbc]{width:350px}.tree-floating[data-v-a02fcdbc]{width:320px}}