#root,body,html{margin:0;min-height:100vh;overflow-x:hidden;padding:0;width:100%}.dark #root,body.dark,html.dark,html.dark body{background-color:#151a23;background-color:var(--bg-dark);color:#e2e8f0;color:var(--text-dark)}@supports (-ms-ime-align:auto){.dark body,.dark html{background-color:#151a23!important;background-color:var(--bg-dark)!important}}@keyframes gradient-x{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.animate-gradient{animation:gradient-x 4s ease infinite;background-size:200% 200%}:root{--bg-light:#f7f9fc;--bg-dark:#151a23;--text-light:#1e293b;--text-dark:#e2e8f0;--accent:#5b21b6;--accent-hover:#4c1d95;--border-light:#d1d5db;--border-dark:#2d3748;--highlight:#fde68a;--dark-highlight:#6366f1;--json-key-light:#5b21b6;--json-key-dark:#a78bfa;--json-string-light:#047857;--json-string-dark:#34d399;--json-number-light:#1d4ed8;--json-number-dark:#60a5fa;--json-boolean-light:#b91c1c;--json-boolean-dark:#f87171;--json-null-light:#71717a;--json-null-dark:#a1a1aa;--link-light:#2563eb;--link-dark:#3b82f6}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f9fc;background-color:var(--bg-light);color:#1e293b;color:var(--text-light);font-family:Inter,sans-serif;height:100%;transition:background-color .3s ease,color .3s ease}.dark #root,.dark body,.dark html{background-color:#151a23;background-color:var(--bg-dark);color:#e2e8f0;color:var(--text-dark)}a{color:#2563eb;color:var(--link-light);text-decoration:none;transition:color .2s ease}.dark a{color:#3b82f6;color:var(--link-dark)}a:hover{text-decoration:underline}.sticky{background-color:#f7f9fc;background-color:var(--bg-light);position:sticky;top:0;z-index:10}.dark .sticky{background-color:#151a23;background-color:var(--bg-dark)}button{align-items:center;background:#5b21b6;background:var(--accent);border:none;border-radius:.375rem;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;justify-content:center;padding:.5rem 1rem;transition:background .2s ease,transform .1s ease,box-shadow .2s ease}button:hover{background:#4c1d95;background:var(--accent-hover);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}button:disabled{background:#d1d5db;background:var(--border-light);box-shadow:none;color:#9ca3af;cursor:not-allowed}.dark button:disabled{background:#2d3748;background:var(--border-dark);color:#6b7280}.theme-toggle-btn{background:#0000;border:1px solid #d1d5db;border:1px solid var(--border-light);box-shadow:none;color:#1e293b;color:var(--text-light)}.dark .theme-toggle-btn{border-color:#2d3748;border-color:var(--border-dark);color:#e2e8f0;color:var(--text-dark)}.theme-toggle-btn:hover{background:#0000000d;box-shadow:none;transform:none}.dark .theme-toggle-btn:hover{background:#ffffff0d}.theme-toggle button{background:#0000;border:1px solid #d1d5db;border:1px solid var(--border-light);box-shadow:none;color:#1e293b;color:var(--text-light);font-size:.9rem;padding:.4rem .8rem}.dark .theme-toggle button{border-color:#2d3748;border-color:var(--border-dark);color:#e2e8f0;color:var(--text-dark)}.theme-toggle button:hover{background:#0000000d;transform:none}.dark .theme-toggle button:hover{background:#ffffff0d}input[type=file],input[type=text]{background:#fff;border:1px solid #d1d5db;border:1px solid var(--border-light);border-radius:.375rem;font-size:.95rem;padding:.5rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.dark input[type=file],.dark input[type=text]{background:#1f2937;border-color:#2d3748;border-color:var(--border-dark);color:#e2e8f0;color:var(--text-dark)}input[type=text]:focus{border-color:#4c1d95;border-color:var(--accent-hover);box-shadow:0 0 0 3px #5b21b633;outline:none}.dark input[type=text]:focus{box-shadow:0 0 0 3px #5b21b64d}.p-10.border-4.border-dashed{align-items:center;background-color:#5b21b60d;border:2px dashed #5b21b6;border:2px dashed var(--accent);border-radius:1rem;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;gap:1rem;height:300px;justify-content:center;margin:0 auto;max-width:700px;padding:2rem;text-align:center;transition:all .3s ease;width:100%}.dark .p-10.border-4.border-dashed{background-color:#5b21b61a;box-shadow:0 4px 6px #0003}.p-10.border-4.border-dashed p{color:#5b21b6;color:var(--accent);font-size:1.1rem;font-weight:500;margin-bottom:.5rem}input[type=file]{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}input[type=file]+label{cursor:pointer}.drop-container{align-items:center;display:flex;justify-content:center;min-height:300px;width:100%}.file-select-button{background-color:#fff;border:1px solid #5b21b6;border:1px solid var(--accent);box-shadow:0 2px 4px #0000000d;color:#5b21b6;color:var(--accent);font-weight:600;padding:.6rem 1.2rem;transition:all .2s ease}.dark .file-select-button{background-color:#1f2937;box-shadow:0 2px 4px #0003}.file-select-button:hover{background-color:#5b21b6;background-color:var(--accent);color:#fff}.p-2{padding:.5rem}.font-mono{font-family:Source Code Pro,monospace}.inspector-panel h3{color:#4c1d95;color:var(--accent-hover);font-size:1.2rem;margin-bottom:.75rem}.dark .inspector-panel h3{color:#a78bfa}.inspector-panel div{margin-bottom:.5rem}.inspector-panel button{background-color:#fff;border:1px solid #d1d5db;border:1px solid var(--border-light);border-radius:.375rem;color:#5b21b6;color:var(--accent);padding:.25rem .5rem}.dark .inspector-panel button{background-color:#1f2937;border-color:#2d3748;border-color:var(--border-dark);color:#a78bfa}.inspector-panel{min-height:120px;opacity:1;transition:opacity .2s ease-in-out}.inspector-panel.loading{opacity:.7}.inspector-panel-compact{align-items:center;border:1px solid #d1d5db;border:1px solid var(--border-light);box-shadow:0 1px 2px #0000000d;display:inline-flex;max-width:300px;transition:all .2s ease}.dark .inspector-panel-compact{border-color:#2d3748;border-color:var(--border-dark);box-shadow:0 1px 2px #0003}.inspector-panel-compact button{background:#0000;box-shadow:none;color:inherit;padding:0}.inspector-panel-compact button:hover{background:#0000001a;box-shadow:none;transform:none}.dark .inspector-panel-compact button:hover{background:#ffffff1a}.inspector-tag{max-width:300px}.dark .inspector-tag{box-shadow:0 1px 2px #0003}.breadcrumbs span{cursor:pointer;font-size:.9rem}.breadcrumbs .underline:hover{text-decoration-color:#4c1d95;text-decoration-color:var(--accent-hover)}.dark .breadcrumbs .underline:hover{text-decoration-color:#a78bfa}.breadcrumbs{width:100%}.breadcrumbs span{font-size:.85rem}.breadcrumbs,.inspector-panel,.tree-container{transition:opacity .2s ease}.key{color:#5b21b6;color:var(--json-key-light);font-weight:600}.dark .key{color:#a78bfa;color:var(--json-key-dark)}.value{color:#047857;color:var(--json-string-light)}.dark .value{color:#34d399;color:var(--json-string-dark)}.value.number{color:#1d4ed8;color:var(--json-number-light)}.dark .value.number{color:#60a5fa;color:var(--json-number-dark)}.value.boolean{color:#b91c1c;color:var(--json-boolean-light)}.dark .value.boolean{color:#f87171;color:var(--json-boolean-dark)}.value.null{color:#71717a;color:var(--json-null-light);font-style:italic}.dark .value.null{color:#a1a1aa;color:var(--json-null-dark)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:#d1d5db;background-color:var(--border-light);border-radius:4px}.dark ::-webkit-scrollbar-thumb{background-color:#2d3748;background-color:var(--border-dark)}.select-text,.selectable-text{-webkit-user-select:text;user-select:text}.copy-button{position:absolute;transition:opacity .2s ease,background-color .2s ease;z-index:10}.dark .copy-button{background-color:#374151;color:#e5e7eb}.dark .copy-button:hover{background-color:#4b5563}.value.primitive-value{position:relative;transition:background-color .2s ease}.value-container{align-items:center;display:inline-flex;position:relative}.toast-popup{animation:toastFadeInOut 2s ease;background:#10b981;border-left:4px solid #059669;border-radius:8px;box-shadow:0 4px 15px #00000026;color:#fff;font-weight:500;left:50%;max-width:300px;padding:12px 20px;pointer-events:none;position:fixed;text-align:center;top:24px;transform:translateX(-50%);width:auto;z-index:9999}.dark .toast-popup{background:#0d9488;border-left-color:#0f766e;box-shadow:0 4px 15px #0000004d}.toast-popup.opacity-0{opacity:0;transform:translateX(-50%) translateY(-10px)}.toast-popup.opacity-100{opacity:1;transform:translateX(-50%) translateY(0)}@keyframes toastFadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}15%{opacity:1;transform:translateX(-50%) translateY(0)}85%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}15%{opacity:1;transform:translateX(-50%) translateY(0)}85%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}.single-line-controls{align-items:center;display:flex;overflow:hidden;width:100%}.breadcrumbs,.inspector-tag{align-items:center;display:inline-flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-tag{background:#f3f4f6;border-radius:4px;box-shadow:0 1px 2px #0000000d;flex-shrink:0;font-size:.85rem;padding:.25rem .5rem}.dark .inspector-tag{background:#374151;color:#e5e7eb}.toggle-button{font-size:.85rem;padding:.25rem .5rem;white-space:nowrap}.control-panel{background-color:#f7f9fc;background-color:var(--bg-light);border-radius:8px;box-shadow:0 2px 8px #00000014;margin:16px 16px 8px;overflow:hidden}.dark .control-panel{background-color:#1e293b;box-shadow:0 2px 8px #0003}.search-container{border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--border-light);padding:16px 16px 12px}.dark .search-container{border-bottom:1px solid #2d3748;border-bottom:1px solid var(--border-dark)}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#9ca3af;height:18px;left:12px;position:absolute;width:18px}.dark .search-icon{color:#6b7280}.search-input{background:#fff;border:1px solid #d1d5db;border:1px solid var(--border-light);border-radius:8px;font-size:.95rem;padding:10px 36px 10px 40px;transition:all .2s ease;width:100%}.dark .search-input{background:#374151;border-color:#2d3748;border-color:var(--border-dark);color:#fff}.search-input:focus{border-color:#5b21b6;border-color:var(--accent);box-shadow:0 0 0 3px #5b21b626;outline:none}.clear-search-button{align-items:center;background:#0000;border-radius:50%;box-shadow:none;display:flex;justify-content:center;padding:4px;position:absolute;right:8px}.clear-search-button:hover{background:#0000000d;box-shadow:none;transform:none}.dark .clear-search-button:hover{background:#ffffff1a}.clear-icon{color:#9ca3af;height:16px;width:16px}.dark .clear-icon{color:#6b7280}.menu-controls{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding:12px 16px}.toggle-button{background:#f3f4f6;border-radius:6px;box-shadow:none;color:#1e293b;color:var(--text-light);font-weight:500;padding:8px 12px}.dark .toggle-button{background:#374151;color:#e2e8f0;color:var(--text-dark)}.toggle-button:hover{background:#e5e7eb;box-shadow:none;transform:none}.dark .toggle-button:hover{background:#4b5563}.app-container{transition:background-color .3s ease,color .3s ease}.tree-container{padding:1rem;transition:background-color .3s ease}.dark .tree-container{color:#e2e8f0;color:var(--text-dark)}.json-tree .bracket{color:#64748b}.dark .json-tree .bracket{color:#94a3b8}.json-tree .comma{color:#64748b}.dark .json-tree .comma{color:#94a3b8}.dark .highlight{background-color:#6366f14d;border-radius:2px}.welcome-message{max-width:800px;padding:0 2rem;text-align:center}.welcome-message h1{animation:shine 6s linear infinite;background:linear-gradient(135deg,#e2e8f0,#a0aec0 25%,#f7fafc 50%,#cbd5e0 75%,#e2e8f0);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#0000;font-size:4rem;font-weight:800;letter-spacing:-.05em;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 2px 10px #0000001a}.dark .welcome-message h1{background:linear-gradient(135deg,#a0aec0,#4a5568 25%,#e2e8f0 50%,#2d3748 75%,#a0aec0);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;text-shadow:0 2px 10px #0003}.welcome-message p{color:#4b5563;font-size:1.25rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.dark .welcome-message p{color:#9ca3af}.welcome-message .theme-toggle{margin-top:2rem}@keyframes shine{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.welcome-container{align-items:center;display:flex;flex-direction:column;gap:3rem;justify-content:center;min-height:100vh;padding:2rem}.welcome-container .p-10.border-4.border-dashed{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#5b21b60d;border:2px dashed #5b21b6;border:2px dashed var(--accent);box-shadow:0 4px 20px #0000000d;height:280px;max-width:700px;padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.dark .welcome-container .p-10.border-4.border-dashed{background-color:#5b21b61a;box-shadow:0 4px 20px #0003}.welcome-container .p-10.border-4.border-dashed:hover{border-color:#4c1d95;border-color:var(--accent-hover);box-shadow:0 20px 30px #0000001a;transform:translateY(-8px)}.dark .welcome-container .p-10.border-4.border-dashed:hover{box-shadow:0 20px 30px #0000004d}
/*# sourceMappingURL=main.361b56c6.css.map*/