*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#fafafa;--bg-secondary:#f5f5f5;--bg-tertiary:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--border-color:#e0e0e0;--border-hover:#d0d0d0;--shadow-light:rgba(0,0,0,.04);--shadow-medium:rgba(0,0,0,.08);--accent-bg:rgba(0,123,255,.02);--navbar-bg:#fff;--navbar-border:#e0e0e0;--navbar-shadow:0 2px 8px rgba(0,0,0,.08);--btn-primary-bg:linear-gradient(135deg,#667eea,#764ba2);--btn-secondary-bg:#fff;--btn-secondary-hover:#f9fafb;--btn-shadow:0 2px 4px rgba(0,0,0,.08);--btn-shadow-hover:0 4px 8px rgba(0,0,0,.12);--tabs-bg:#fff;--tabs-border:#e5e7eb;--input-bg:#fff;--tree-bg:#fff;--tree-hover:#f8f9fa;--json-string:#22863a;--json-number:#005cc5;--json-boolean:#d73a49;--json-null:#6f42c1;--json-bracket:#24292e;--json-colon:#586069;--json-comma:#586069;--line-number-bg:#f6f8fa;--line-number-text:#656d76;--line-number-border:#d1d9e0;--tree-string:#00b894;--tree-number:#06f;--tree-boolean:#ff6b6b;--tree-null:#9b59b6;--tree-object:#059669;--tree-array:#7c3aed}[data-theme=dark]{--bg-primary:#1a1b26;--bg-secondary:#24283b;--bg-tertiary:#1f2335;--text-primary:#c0caf5;--text-secondary:#9aa5ce;--text-muted:#565f89;--border-color:#3b4261;--border-hover:rgba(122,162,247,.3);--shadow-light:rgba(0,0,0,.1);--shadow-medium:rgba(0,0,0,.2);--accent-bg:rgba(122,162,247,.05);--navbar-bg:linear-gradient(135deg,rgba(26,27,38,.95),rgba(22,22,30,.95));--navbar-shadow:0 8px 32px rgba(0,0,0,.2);--btn-secondary-bg:rgba(122,162,247,.1);--btn-secondary-hover:rgba(122,162,247,.2);--input-bg:rgba(36,40,59,.6);--tree-bg:#1a1b26;--tree-hover:rgba(122,162,247,.1);--tabs-bg:transparent;--tabs-border:#3b4261;--accent-primary:#7aa2f7;--accent-secondary:#bb9af7;--accent-success:#9ece6a;--accent-warning:#e0af68;--accent-error:#f7768e;--accent-info:#7dcfff;--accent-cyan:#7aa2f7;--accent-green:#9ece6a;--json-string:#9ece6a;--json-number:#ff9e64;--json-boolean:#bb9af7;--json-null:#565f89;--json-bracket:#565f89;--json-colon:#565f89;--json-comma:#565f89;--json-key:#7aa2f7;--line-number-bg:#1f2335;--line-number-text:#3b4261;--line-number-border:rgba(59,66,97,.3);--tree-string:#9ece6a;--tree-number:#ff9e64;--tree-boolean:#bb9af7;--tree-null:#565f89;--tree-object:#7aa2f7;--tree-array:#7dcfff;--glow-primary:0 0 20px rgba(122,162,247,.2);--glow-primary-subtle:0 0 10px rgba(122,162,247,.1);--glow-cyan:var(--glow-primary);--glow-cyan-subtle:var(--glow-primary-subtle)}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.7;min-height:100vh;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark] body{background:linear-gradient(135deg,#1a1b26,#16161e)}body:before{background:radial-gradient(circle at 20% 50%,var(--accent-bg) 0,transparent 50%),radial-gradient(circle at 80% 20%,var(--accent-bg) 0,transparent 50%)}[data-theme=dark] body:after,body:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}[data-theme=dark] body:after{background-image:radial-gradient(circle at 1px 1px,rgba(122,162,247,.15) 1px,transparent 0);background-size:40px 40px;opacity:.3}[data-theme=dark] body:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJhIj48ZmVUdXJidWxlbmNlIGJhc2VGcmVxdWVuY3k9Ii43NSIgbnVtT2N0YXZlcz0iMTAiIHR5cGU9ImZyYWN0YWxOb2lzZSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMSAwIi8+PC9maWx0ZXI+PHBhdGggZD0iTTAgMGgzMDB2MzAwSDB6IiBmaWx0ZXI9InVybCgjYSkiIG9wYWNpdHk9Ii4wMyIvPjwvc3ZnPg==");content:"";height:100%;left:0;opacity:.02;position:fixed;top:0;width:100%;z-index:-1}.navbar{backdrop-filter:blur(20px);background:var(--navbar-bg);border-bottom:1px solid var(--navbar-border);box-shadow:var(--navbar-shadow);height:56px;left:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}[data-theme=dark] .navbar{border-bottom:1px solid rgba(14,165,233,.2);box-shadow:var(--navbar-shadow)}[data-theme=dark] .navbar:after{animation:glowSlide 3s ease-in-out infinite;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);bottom:-1px;content:"";height:1px;left:0;opacity:.5;position:absolute;right:0}@keyframes glowSlide{0%,to{opacity:.3}50%{opacity:.8}}.navbar-content{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 55px}.navbar-left{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.mobile-navbar-actions{align-items:center;display:none;gap:8px;margin-left:auto}.mobile-github-link{background:#000;border-radius:100px;color:#fff;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;text-decoration:none}.mobile-github-link,.mobile-theme-btn{align-items:center;display:flex;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-theme-btn{background:var(--btn-secondary-bg);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;height:36px;justify-content:center;padding:0;width:36px}.mobile-github-link:hover{background:#1a1a1a;transform:scale(1.05)}.mobile-github-link .github-icon{flex-shrink:0;height:16px;width:16px}.mobile-theme-btn:hover{background:var(--btn-secondary-hover);box-shadow:0 2px 4px var(--shadow-light);transform:translateY(-1px)}.mobile-theme-btn .theme-icon{height:20px;width:20px}.mobile-github-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:.025em;white-space:nowrap}.navbar-title{color:#64748b;font-size:18px;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .navbar-title{color:#94a3b8}.navbar-title:hover{transform:translateX(2px)}.navbar-description{color:#94a3b8;font-size:12px;font-weight:400;letter-spacing:-.01em;line-height:1.4;margin:0}[data-theme=dark] .navbar-description{color:#64748b}.navbar-title .highlight{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;font-weight:800;padding:0 2px;position:relative;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .navbar-title .highlight{background:linear-gradient(135deg,#79b8ff,#b392f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-links{align-items:center;display:flex;gap:15px}.container{box-sizing:border-box;margin:0;max-width:none;min-height:100vh;padding:68px 20px 20px;width:100vw}main{backdrop-filter:blur(20px);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--container-shadow);display:flex;flex-direction:column;height:calc(100vh - 88px);overflow:hidden;padding:20px;position:relative}[data-theme=dark] main{background:var(--bg-secondary);border:1px solid rgba(14,165,233,.1);box-shadow:0 10px 40px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 rgba(14,165,233,.1)}.top-section{gap:12px;justify-content:space-between;margin-bottom:8px}.button-group,.top-section{align-items:center;display:flex}.button-group{flex:1;flex-wrap:wrap;gap:6px;justify-content:flex-start}.theme-toggle-btn{margin-left:auto}.creator-link{align-items:center;color:#666;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;gap:8px;letter-spacing:.025em;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.creator-link:hover{color:#06f;transform:translateX(2px)}.link-icon{flex-shrink:0;height:18px;width:18px}.github-link{align-items:center;background:#000;border:none;border-radius:100px;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#fff;display:flex;gap:6px;height:36px;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.github-link:hover{background:#1a1a1a;box-shadow:0 8px 24px rgba(0,0,0,.2);transform:translateY(-2px) scale(1.02)}.github-icon{flex-shrink:0;height:18px;width:18px}.github-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:500;letter-spacing:.025em;white-space:nowrap}#jsonInput{border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);color:var(--text-primary);font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:14px;min-height:150px;padding:15px;resize:vertical;transition:all .3s ease;width:100%}#jsonInput,#jsonInput:focus{background:var(--bg-primary)}#jsonInput:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1),0 1px 3px rgba(0,0,0,.1);outline:none}.btn{align-items:center;backdrop-filter:blur(10px);background:var(--btn-secondary-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--btn-shadow);color:var(--text-primary);cursor:pointer;display:flex;font-family:Inter,Geist,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;gap:6px;justify-content:center;letter-spacing:.02em;overflow:hidden;padding:12px 24px;position:relative;text-transform:none;transition:all .3s ease}.btn:hover{background:var(--btn-secondary-hover);border-color:var(--border-hover);box-shadow:var(--btn-shadow-hover);transform:translateY(-2px)}.btn:active{box-shadow:var(--btn-shadow);transform:translateY(0)}[data-theme=dark] .btn{background:rgba(122,162,247,.1);border:1px solid rgba(123,162,247,.2);box-shadow:none;color:var(--text-primary)}[data-theme=dark] .btn:before{background:linear-gradient(90deg,transparent,rgba(0,217,255,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}[data-theme=dark] .btn:hover{background:rgba(122,162,247,.2);border-color:rgba(123,162,247,.3);box-shadow:0 0 20px rgba(122,162,247,.2);transform:translateY(-2px)}[data-theme=dark] .btn:hover:before{left:100%}[data-theme=dark] .btn:active{box-shadow:0 0 10px rgba(0,217,255,.3);transform:translateY(0)}.btn-icon{flex-shrink:0;height:14px;width:14px}.btn-primary{background:var(--btn-primary-bg);border:1px solid transparent;box-shadow:0 4px 12px rgba(102,126,234,.2);color:#fff}[data-theme=dark] .btn-primary{background:var(--accent-primary);border:1px solid transparent;box-shadow:0 4px 16px rgba(122,162,247,.3);color:#1a1b26;font-weight:600}.btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 8px 24px rgba(102,126,234,.3);transform:translateY(-2px)}[data-theme=dark] .btn-primary:hover{background:#89b4fa;box-shadow:0 0 25px rgba(122,162,247,.4);transform:translateY(-2px)}.btn-secondary{background:var(--btn-secondary-bg);border:1px solid var(--border-color);box-shadow:var(--btn-shadow);color:var(--text-secondary)}[data-theme=dark] .btn-secondary{background:rgba(122,162,247,.05);border:1px solid rgba(123,162,247,.2);color:var(--text-secondary)}.btn-secondary:hover{background:var(--btn-secondary-hover);box-shadow:0 6px 20px var(--shadow-medium);color:var(--text-primary);transform:translateY(-2px)}[data-theme=dark] .btn-secondary:hover{background:rgba(122,162,247,.15);border-color:var(--accent-primary);box-shadow:0 0 20px rgba(122,162,247,.2);color:var(--accent-primary)}#copyBtn{background:var(--btn-secondary-bg);border:1px solid var(--border-color);color:var(--text-secondary)}[data-theme=dark] #copyBtn{background:hsla(89,51%,61%,.1);border:1px solid hsla(89,51%,61%,.2);color:var(--accent-success)}#copyBtn:hover{background:var(--btn-secondary-hover);box-shadow:0 6px 20px var(--shadow-medium);color:var(--text-primary);transform:translateY(-2px)}[data-theme=dark] #copyBtn:hover{background:hsla(89,51%,61%,.2);border-color:var(--accent-success);box-shadow:0 0 20px hsla(89,51%,61%,.3)}#copyBtn.copied,[data-theme=dark] #copyBtn.copied{animation:copyPulse .4s ease}@keyframes copyPulse{0%{transform:scale(1)}50%{box-shadow:0 0 25px hsla(89,51%,61%,.5);transform:scale(1.05)}to{transform:scale(1)}}#formatBtn.formatted,[data-theme=dark] #formatBtn.formatted{animation:formatPulse .4s ease}@keyframes formatPulse{0%{transform:scale(1)}50%{box-shadow:0 0 25px rgba(122,162,247,.5);transform:scale(1.05)}to{transform:scale(1)}}#compactBtn.compacted,[data-theme=dark] #compactBtn.compacted{animation:compactPulse .4s ease}@keyframes compactPulse{0%{transform:scale(1)}50%{box-shadow:0 0 25px rgba(255,166,0,.5);transform:scale(1.05)}to{transform:scale(1)}}#pasteBtn.pasted,[data-theme=dark] #pasteBtn.pasted{animation:pastePulse .4s ease}@keyframes pastePulse{0%{transform:scale(1)}50%{box-shadow:0 0 25px rgba(139,195,74,.5);transform:scale(1.05)}to{transform:scale(1)}}#clearBtn.cleared,[data-theme=dark] #clearBtn.cleared{animation:clearPulse .4s ease}@keyframes clearPulse{0%{transform:scale(1)}50%{box-shadow:0 0 25px rgba(239,83,80,.5);transform:scale(1.05)}to{transform:scale(1)}}#pasteBtn{background:var(--btn-secondary-bg);border:1px solid var(--border-color);color:var(--text-secondary)}#pasteBtn:hover{background:var(--btn-secondary-hover);box-shadow:0 6px 20px var(--shadow-medium);color:var(--text-primary);transform:translateY(-2px) scale(1.02)}#compactBtn{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;box-shadow:0 4px 14px rgba(139,92,246,.25);color:#fff;font-weight:600;letter-spacing:.025em;overflow:hidden;position:relative;text-shadow:0 1px 3px rgba(0,0,0,.2)}#compactBtn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}#compactBtn:hover:before{left:100%}#compactBtn:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 8px 24px rgba(139,92,246,.35);transform:translateY(-2px) scale(1.02)}[data-theme=dark] #compactBtn{background:linear-gradient(135deg,#a78bfa,#818cf8);box-shadow:0 4px 14px rgba(167,139,250,.25)}[data-theme=dark] #compactBtn:hover{background:linear-gradient(135deg,#9333ea,#6366f1);box-shadow:0 8px 24px rgba(167,139,250,.35)}.btn-accent{background:linear-gradient(135deg,#06b6d4,#0891b2);border:1px solid transparent;box-shadow:0 4px 12px rgba(6,182,212,.25);color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}[data-theme=dark] .btn-accent{background:transparent;border:1px solid var(--accent-green);box-shadow:0 0 10px rgba(80,250,123,.3);color:var(--accent-green);font-weight:600;text-shadow:none}.btn-accent:hover{background:linear-gradient(135deg,#0891b2,#0e7490);box-shadow:0 8px 24px rgba(6,182,212,.35);transform:translateY(-2px)}[data-theme=dark] .btn-accent:hover{background:var(--accent-green);box-shadow:0 0 20px rgba(80,250,123,.5);color:#000}.tabs{align-items:center;background:var(--tabs-bg);border-bottom:1px solid var(--tabs-border);display:flex;flex-shrink:0;gap:4px;margin-bottom:8px;padding:8px 8px 0}.tab-btn{background:transparent;border:none;border-bottom:2px solid transparent;color:#6b7280;cursor:pointer;font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;font-weight:500;letter-spacing:.05em;margin-bottom:-1px;padding:8px 16px;position:relative;text-transform:none;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .tab-btn{color:#e5e7eb}[data-theme=dark] .tab-btn:after{background:var(--accent-cyan);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}[data-theme=dark] .tab-btn:hover:after{width:100%}.tab-btn.active{background:transparent;border-bottom-color:#6366f1;color:#111827}[data-theme=dark] .tab-btn.active{border-bottom-color:transparent;color:var(--accent-cyan)}[data-theme=dark] .tab-btn.active:after{background:var(--accent-cyan);box-shadow:0 0 10px rgba(0,217,255,.5);width:100%}.beta-badge{background:#dbeafe;border:1px solid rgba(30,64,175,.2);border-radius:4px;color:#1e40af;cursor:pointer;display:inline-block;font-size:9px;font-weight:600;letter-spacing:.5px;margin-left:8px;padding:1px 5px;position:relative;text-transform:uppercase;top:-1px;transition:all .2s ease;vertical-align:middle}.beta-badge:hover{background:#bfdbfe;border-color:rgba(30,64,175,.3)}.tab-btn.active .beta-badge{opacity:.8}.tab-separator{align-self:center;background-color:var(--border-color);height:20px;margin:0 8px;width:1px}.tab-btn:hover:not(.active){background:transparent;color:#374151}.tab-btn.active:hover{box-shadow:0 2px 6px rgba(37,99,235,.15);transform:translateY(-1px)}.output-section{display:flex;flex:1;flex-direction:column}.output-section,.tab-content{min-height:0;overflow:hidden;position:relative}.tab-content{animation:fadeIn .3s ease;display:none;flex:1}.tab-content.active{display:flex;flex-direction:column}#formatted-tab{position:relative}#tree-tab.active{display:block}@keyframes glow{0%,to{opacity:.5}50%{opacity:.8}}.json-output{background:var(--input-bg);border:none;border-radius:0;box-shadow:none;font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,monospace;font-feature-settings:"liga" 1,"calt" 1;font-size:13px;line-height:1.7;overflow-x:auto;padding:20px;white-space:pre-wrap}.json-output,.tree-output{color:var(--text-primary);height:100%}.tree-output{background:var(--tree-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:inset 0 2px 8px rgba(0,0,0,.02);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:13px;overflow-y:auto;padding:16px}.tree-node{border-left:2px solid transparent;margin:2px 0}.tree-node-header{align-items:center;display:flex;padding:2px 0}.tree-toggle{align-items:center;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:12px;height:16px;justify-content:center;margin-right:5px;user-select:none;width:16px}.tree-toggle:hover{background-color:rgba(0,102,255,.05);border-radius:4px}.tree-spacer{display:inline-block;width:21px}.tree-key{border-radius:3px;color:#e91e63;font-weight:500;padding:1px 2px;transition:background-color .2s ease}[data-theme=dark] .tree-key{color:#ff9492}.tree-key:not([class*="["]):hover{background-color:rgba(233,30,99,.05)}[data-theme=dark] .tree-key:not([class*="["]):hover{background-color:hsla(1,100%,79%,.1)}.tree-value{color:var(--text-primary);font-weight:500}.tree-string{color:var(--tree-string)}.tree-number{color:var(--tree-number)}.tree-boolean{color:var(--tree-boolean)}.tree-null{color:var(--tree-null);font-style:italic}.tree-object{color:var(--tree-object)}.tree-array{color:var(--tree-array)}.tree-children{border-left:1px solid rgba(0,0,0,.06);margin-left:8px;padding-left:12px}.tree-edit-input{background:var(--input-bg);border:1px solid #06f;border-radius:4px;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;font-weight:500;min-width:60px;outline:none;padding:2px 6px}[data-theme=dark] .tree-edit-input{background:rgba(14,165,233,.1);border:1px solid var(--accent-cyan)}.tree-edit-input:focus{box-shadow:0 0 0 2px rgba(0,102,255,.2)}[data-theme=dark] .tree-edit-input:focus{box-shadow:0 0 0 2px rgba(14,165,233,.2)}.tree-edit-key{color:#e91e63;font-weight:500}[data-theme=dark] .tree-edit-key{color:#ff9492}.tree-value:not(.tree-object):not(.tree-array){border-radius:3px;padding:1px 4px;transition:background-color .2s ease}.tree-value:not(.tree-object):not(.tree-array):hover{background-color:rgba(0,102,255,.05)}[data-theme=dark] .tree-value:not(.tree-object):not(.tree-array):hover{background-color:rgba(121,184,255,.1)}.tree-controls{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:flex-start;margin-bottom:12px;padding:0 0 12px}.tree-controls-left{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.tree-buttons{display:flex;gap:8px}.tree-control-btn{align-items:center;background:var(--btn-secondary-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;height:36px;padding:6px 12px;transition:all .2s ease}.tree-control-btn:hover{background:var(--btn-secondary-hover);border-color:var(--border-hover)}.tree-control-btn .btn-icon{font-size:14px;opacity:.8}.paste-hint{align-items:center;background:linear-gradient(135deg,rgba(0,212,170,.05),rgba(0,184,148,.05));border:1px solid rgba(0,212,170,.1);border-bottom:none;border-radius:12px 12px 0 0;color:#00b894;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 16px}.paste-icon{font-size:16px}.paste-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:.025em}.edit-hint{align-items:center;background:linear-gradient(135deg,rgba(0,102,255,.05),rgba(0,82,204,.05));border:1px solid rgba(0,102,255,.1);border-radius:8px;color:#06f;display:flex;font-size:12px;font-weight:500;gap:8px;height:36px;padding:6px 12px}[data-theme=dark] .edit-hint{background:linear-gradient(135deg,rgba(121,184,255,.08),rgba(147,197,253,.08));border:1px solid rgba(121,184,255,.2);color:#79b8ff}.edit-icon{font-size:14px}.edit-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:.025em}.json-output{cursor:text;flex:1;max-height:none;min-height:200px;overflow-y:auto}.json-output:empty:before{color:var(--text-muted);content:"Paste your JSON here...";font-style:normal;opacity:.8;pointer-events:none}.json-string{color:var(--json-string);font-weight:400}.json-number{color:var(--json-number);font-weight:500}.json-boolean{color:var(--json-boolean);font-weight:600}.json-null{color:var(--json-null);font-weight:600}.json-bracket{color:var(--json-bracket);font-weight:600}.json-colon{color:var(--json-colon);font-weight:400}.json-comma{color:var(--json-comma);font-weight:400}.json-output[contenteditable=true]{border:none;border-radius:0;outline:none;transition:all .3s ease}.editor-container:focus-within{border-color:rgba(0,102,255,.2);box-shadow:0 0 0 2px rgba(0,102,255,.1)}.editor-container:hover{border-color:var(--border-hover)}.editor-container{border:1px solid var(--border-color);border-radius:12px;display:flex;flex:1;min-height:0;overflow:hidden;position:relative}.json-output.formatted-mode,.json-output.paste-mode{border-radius:0}@media (min-width:769px) and (max-width:1024px){.top-section{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:12px}.button-group{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:8px;order:1}.button-group .btn{flex:0 0 auto;font-size:13px;min-width:100px;padding:10px 14px}#jsonExampleBtn{flex:0 0 auto;min-width:160px;order:2}.theme-toggle-btn{background:var(--btn-secondary-bg);border:none;border-radius:8px;color:var(--text-primary);flex:0 0 auto;height:36px;margin-left:auto;margin-right:12px;order:3;padding:0;width:36px}.theme-toggle-btn:hover{background:var(--btn-secondary-hover);box-shadow:0 2px 4px var(--shadow-light);transform:translateY(-1px)}.theme-toggle-btn .theme-text{display:none}.container{padding:70px 20px 20px}main{padding:16px}.navbar-content{padding:0 30px}}@media (min-width:769px) and (max-width:900px){.top-section{flex-wrap:wrap}.button-group{flex:1 1 100%;justify-content:flex-start;margin-top:8px;order:3}#jsonExampleBtn{margin-right:8px;order:2}.theme-toggle-btn{margin-left:auto;margin-right:0;order:1}}@media (max-width:768px){.navbar-content{gap:12px;padding:0 20px}.navbar-title{flex-shrink:1;font-size:16px;font-weight:700;margin-right:0;min-width:0}.navbar-description{font-size:11px;line-height:1.3}.mobile-navbar-actions{display:flex}#themeBtn{display:none}.container{padding:68px 15px 15px}main{height:calc(100vh - 88px);padding:12px}.top-section{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:12px}.button-group{display:grid;gap:8px;grid-template-columns:repeat(2,1fr);width:100%}.button-group .btn{font-size:12px;justify-content:center;padding:10px 12px;width:100%}.button-group .btn-icon{height:14px;width:14px}.navbar-links{display:none}.right-links{justify-content:center;margin-top:10px;order:1;width:100%}.json-output.formatted-mode,.json-output.paste-mode{border-radius:0 0 12px 12px}.creator-link,.github-text{font-size:13px}.btn{flex:0 0 auto;min-width:auto}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:2px;scrollbar-width:thin}.tab-btn{flex-shrink:0;font-size:13px;padding:8px 12px}.tab-separator{height:16px;margin:0 4px}.tree-controls{gap:12px}.tree-controls,.tree-controls-left{align-items:stretch;flex-direction:column}.tree-controls-left{gap:8px}.tree-buttons{display:grid;gap:8px;grid-template-columns:1fr 1fr}.edit-hint,.tree-control-btn{justify-content:center;width:100%}}.theme-icon{display:none;flex-shrink:0;height:16px;width:16px}[data-theme=light] .sun-icon{display:block}[data-theme=dark] .sun-icon,[data-theme=light] .moon-icon{display:none}[data-theme=dark] .moon-icon{display:block}[data-theme=dark] .creator-link{color:#a0a0a0}[data-theme=dark] .creator-link:hover{color:#79b8ff}[data-theme=dark] .beta-badge{background:rgba(0,217,255,.1);border-color:rgba(0,217,255,.2);color:var(--accent-cyan);font-size:8px}[data-theme=dark] .tab-btn.active .beta-badge{opacity:.9}[data-theme=dark] .tab-separator{background-color:var(--border-color)}[data-theme=dark] .tab-btn:hover:not(.active){background-color:transparent;color:var(--accent-cyan)}.theme-text{margin-left:2px}.monaco-editor-container{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;height:100%;overflow:hidden;position:relative;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.monaco-editor-loading{color:var(--text-secondary);font-size:14px;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.monaco-editor-loading:before{animation:spin .8s ease-in-out infinite;border:3px solid var(--border-color);border-radius:50%;border-top:3px solid #667eea;content:"";display:block;height:40px;margin:0 auto 16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}[data-theme=dark] .monaco-editor-container{background:#111113;border:1px solid #1a1a1d;box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 0 0 1px rgba(14,165,233,.1)}.monaco-editor-container:hover{border-color:rgba(99,102,241,.3);box-shadow:0 0 0 3px rgba(99,102,241,.08)}[data-theme=dark] .monaco-editor-container:hover{border-color:rgba(14,165,233,.3);box-shadow:0 10px 40px rgba(0,0,0,.6),inset 0 0 0 1px rgba(14,165,233,.2),0 0 20px rgba(0,217,255,.1)}.monaco-editor-container:focus-within{border-color:rgba(99,102,241,.5);box-shadow:0 0 0 3px rgba(99,102,241,.15)}[data-theme=dark] .monaco-editor-container:focus-within{border-color:var(--accent-primary);box-shadow:0 0 30px rgba(122,162,247,.3)}.monaco-editor{height:100%!important;left:0;position:absolute!important;top:0;width:100%!important}.monaco-editor .view-lines .view-line span.mtk1{opacity:1}.monaco-editor-placeholder{color:var(--text-muted)!important;font-style:italic}.graph-output{background:var(--tree-bg);border:1px solid var(--border-color);border-radius:12px;height:100%;overflow:hidden;position:relative}.graph-output svg{height:100%;width:100%}.graph-node{cursor:pointer;transition:all .3s ease}.graph-node text{font-size:11px;font-weight:500}.graph-node circle{fill:#4facfe;stroke:#fff;stroke-width:2px}.graph-node:hover circle{fill:#3b8bf8;stroke-width:3px}.graph-node.root circle{fill:#667eea;r:12}.graph-node.array circle{fill:#f093fb}.graph-node.object circle{fill:#4facfe}.graph-node.value circle{fill:#00d4fe;r:6}.graph-node text{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:12px;fill:var(--text-primary);pointer-events:none;text-anchor:middle}.graph-node .node-label{font-size:11px;font-weight:500}.graph-link{stroke:var(--border-color);stroke-width:1.5px;fill:none;opacity:.6}.graph-link:hover{stroke-width:2.5px;opacity:1}.graph-controls{position:absolute;right:12px;top:12px;z-index:10}.graph-controls-container{backdrop-filter:blur(20px);background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.1);display:flex;gap:8px;padding:6px}[data-theme=light] .graph-controls-container{background:hsla(0,0%,100%,.85);border-color:rgba(99,102,241,.2);box-shadow:0 4px 16px rgba(99,102,241,.12),inset 0 1px 0 hsla(0,0%,100%,.8)}.graph-control-btn.futuristic{background:transparent;border:none;cursor:pointer;height:36px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.graph-control-btn.futuristic .btn-content{align-items:center;background:linear-gradient(135deg,rgba(0,255,255,.1),rgba(0,150,255,.1));border-radius:8px;display:flex;height:100%;justify-content:center;position:relative;transition:all .3s ease;width:100%;z-index:2}[data-theme=light] .graph-control-btn.futuristic .btn-content{background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(139,92,246,.08))}.graph-control-btn.futuristic .btn-glow{background:radial-gradient(circle at center,rgba(0,255,255,.3) 0,transparent 70%);border-radius:8px;height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:100%}[data-theme=light] .graph-control-btn.futuristic .btn-glow{background:radial-gradient(circle at center,rgba(139,92,246,.25) 0,transparent 70%)}.graph-control-btn.futuristic .btn-border{animation:borderGradient 3s ease infinite;background:linear-gradient(45deg,#0ff,#09f 25%,#f0f 50%,#f09 75%,#0ff);background-size:300% 300%;border-radius:8px;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;padding:1px;position:absolute;right:0;top:0;transition:opacity .3s ease}[data-theme=light] .graph-control-btn.futuristic .btn-border{background:linear-gradient(45deg,#6366f1,#8b5cf6 25%,#ec4899 50%,#f59e0b 75%,#6366f1)}@keyframes borderGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes pulseFuturistic{0%{box-shadow:0 0 0 0 rgba(0,255,255,.4)}70%{box-shadow:0 0 0 10px rgba(0,255,255,0)}to{box-shadow:0 0 0 0 rgba(0,255,255,0)}}@keyframes pulseFuturisticLight{0%{box-shadow:0 0 0 0 rgba(139,92,246,.4)}70%{box-shadow:0 0 0 10px rgba(139,92,246,0)}to{box-shadow:0 0 0 0 rgba(139,92,246,0)}}[data-theme=light] .graph-control-btn.futuristic:active .btn-content{animation:pulseFuturisticLight .4s ease-out}.graph-control-btn.futuristic svg{height:16px;width:16px;stroke:#0ff;filter:drop-shadow(0 0 2px rgba(0,255,255,.5));transition:all .3s ease}[data-theme=light] .graph-control-btn.futuristic svg{stroke:#6366f1;filter:drop-shadow(0 0 2px rgba(99,102,241,.5))}.graph-control-btn.futuristic:hover .btn-glow{opacity:1}.graph-control-btn.futuristic:hover .btn-border{animation-duration:1.5s;opacity:1}.graph-control-btn.futuristic:hover .btn-content{background:linear-gradient(135deg,rgba(0,255,255,.2),rgba(0,150,255,.2));transform:scale(1.05)}[data-theme=light] .graph-control-btn.futuristic:hover .btn-content{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.15))}.graph-control-btn.futuristic:hover svg{stroke:#0ff;filter:drop-shadow(0 0 4px rgba(0,255,255,.8));transform:scale(1.1)}[data-theme=light] .graph-control-btn.futuristic:hover svg{stroke:#8b5cf6;filter:drop-shadow(0 0 4px rgba(139,92,246,.8))}.graph-control-btn.futuristic:active .btn-content{animation:pulseFuturistic .4s ease-out;transform:scale(.95)}.graph-control-btn.futuristic:active .btn-glow{background:radial-gradient(circle at center,rgba(0,255,255,.5) 0,transparent 70%)}.graph-control-btn.futuristic:after{background:rgba(0,0,0,.9);border:1px solid rgba(0,255,255,.3);border-radius:6px;bottom:-36px;box-shadow:0 4px 12px rgba(0,255,255,.2);color:#0ff;content:attr(title);font-size:10px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%) scale(0);transition:all .3s ease;white-space:nowrap}[data-theme=light] .graph-control-btn.futuristic:after{background:hsla(0,0%,100%,.95);border-color:rgba(139,92,246,.3);box-shadow:0 4px 12px rgba(99,102,241,.2);color:#6366f1}.graph-control-btn.futuristic:hover:after{opacity:1;transform:translateX(-50%) scale(1)}.display-mode-selector{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;font-size:13px;gap:6px;left:12px;padding:6px 10px;position:absolute;top:12px;z-index:10}.display-mode-selector label{color:var(--text-secondary);font-size:12px;font-weight:500}.display-mode-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:12px;min-width:150px;padding:4px 8px}.display-mode-select:hover{border-color:var(--border-hover)}.display-mode-select:focus{border-color:#06f;box-shadow:0 0 0 2px rgba(0,102,255,.1);outline:none}.graph-tooltip{background:rgba(0,0,0,.8);border-radius:6px;color:#fff;font-family:SF Mono,Monaco,monospace;font-size:12px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:1000}.graph-tooltip.visible{opacity:1}.graph-layout{display:flex;height:100%;width:100%}.graph-sidebar{background:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;font-size:13px;overflow-y:auto;width:280px}.graph-container{flex:1;overflow:hidden;position:relative}.details-panel,.stats-panel{border-bottom:1px solid var(--border-color);padding:12px}.details-panel h3,.stats-panel h3{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.stat-group{margin-top:12px}.stat-group h4{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stat-item{align-items:center;display:flex;font-size:11px;gap:8px;justify-content:space-between;min-height:20px;padding:3px 0}.stat-label{flex-shrink:0;font-weight:400;white-space:nowrap}.stat-value{flex-shrink:1;font-family:SF Mono,Monaco,monospace;font-size:11px;font-weight:600;min-width:0;text-align:right}.details-content{font-size:12px}.details-content pre{background:var(--tree-bg);border-radius:4px;font-size:11px;line-height:1.4;margin:8px 0;overflow-x:auto;padding:8px}.graph-sidebar .stat-item{align-items:center;background:rgba(0,0,0,.05);border-radius:4px;display:flex;font-size:12px;justify-content:space-between;margin:2px 0;padding:6px 8px;transition:background .2s ease}[data-theme=dark] .graph-sidebar .stat-item{background:hsla(0,0%,100%,.05)}.graph-sidebar .stat-item:hover{background:rgba(0,0,0,.08)}[data-theme=dark] .graph-sidebar .stat-item:hover{background:hsla(0,0%,100%,.08)}.graph-sidebar .stat-label{font-size:12px;text-transform:none}.graph-sidebar .stat-value{font-size:12px;font-weight:600}.graph-sidebar .stat-group{margin-top:14px}.graph-sidebar .stat-group h4{font-size:11px;margin-bottom:6px}.pattern-item{align-items:center;background:var(--tree-bg);border-radius:4px;display:flex;font-size:11px;justify-content:space-between;margin:6px 0;padding:6px 8px}.pattern-name{color:var(--text-primary);font-weight:500}.pattern-count{font-size:10px}.sensitive-item{align-items:center;border-radius:4px;display:flex;font-size:11px;gap:6px;margin:2px 0;padding:4px 8px}.pattern-count{color:var(--text-secondary);font-size:11px;margin-top:2px}.detail-item{font-size:13px;line-height:1.5;margin:8px 0}.detail-item strong{color:var(--text-secondary);font-weight:500}.detail-item code{background:var(--tree-bg);border-radius:4px;font-family:SF Mono,Monaco,monospace;font-size:12px;padding:2px 6px}.detail-group{margin-top:16px}.detail-group h4{color:var(--text-secondary);font-size:12px;font-weight:600;margin:0 0 8px;text-transform:uppercase}.pattern-reference{background:var(--tree-bg);border-radius:4px;font-size:11px;margin:4px 0;padding:4px 8px}.enum-item{font-size:12px;margin:8px 0}.enum-key{color:var(--text-primary);font-weight:500;margin-bottom:2px}.enum-values{color:var(--text-secondary);font-size:11px;padding-left:12px}.enum-values,.id-item{font-family:SF Mono,Monaco,monospace}.id-item{background:var(--tree-bg);border-radius:4px;color:#06f;font-size:12px;margin:4px 0;padding:4px 8px}[data-theme=dark] .id-item{color:#79b8ff}.sensitive-item{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#dc2626;font-size:12px;margin:4px 0;padding:6px 10px}[data-theme=dark] .sensitive-item{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:#f87171}.low-completeness{color:#dc2626!important;font-weight:600}[data-theme=dark] .low-completeness{color:#f87171!important}@media (max-width:480px){.navbar-content{gap:8px;padding:0 15px}.navbar-title{font-size:15px;font-weight:700}.navbar-description{font-size:10px;line-height:1.2}.mobile-github-link{font-size:11px;padding:4px 10px}.mobile-github-link .github-icon{height:14px;width:14px}.mobile-github-text,.navbar-links{display:none}.json-output.formatted-mode,.json-output.paste-mode{border-radius:0 0 12px 12px}.container{padding:68px 10px 10px}main{height:calc(100vh - 78px);padding:8px}.top-section{gap:10px;margin-bottom:10px}.button-group{gap:6px;grid-template-columns:repeat(2,1fr)}.button-group .btn{font-size:12px;padding:10px 8px}.tabs{padding-bottom:2px}.tab-btn{padding:6px 10px}#jsonInput,.tab-btn{font-size:12px}.graph-output,.json-output,.tree-output{font-size:12px;padding:12px}.graph-sidebar{width:280px}.display-mode-selector{font-size:12px;padding:6px 8px}.display-mode-selector label{font-size:12px}.display-mode-select{font-size:12px;min-width:120px}.tree-control-btn{font-size:11px;height:32px;padding:8px 10px}.edit-hint{font-size:11px;height:32px;padding:6px 10px}.graph-sidebar{border-bottom:1px solid var(--border-color);border-right:none;max-width:280px;width:100%}.graph-layout{flex-direction:column}.graph-container{min-height:400px}}.diff-output{height:100%;overflow:auto}.diff-container{padding:20px}.diff-input-section{display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.diff-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:15px}.diff-panel h4{color:var(--text-primary);margin-bottom:10px}.diff-editor-container{height:300px;overflow:hidden;position:relative;width:100%}.diff-editor-container .monaco-editor{height:100%!important;left:0;position:absolute!important;top:0;width:100%!important}.diff-button-group{display:flex;gap:8px;margin-top:10px}.diff-action-button{align-items:center;background:var(--btn-secondary-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.diff-action-button:hover{background:var(--btn-secondary-hover);border-color:var(--border-color-hover);transform:translateY(-1px)}.diff-action-button:active{transform:translateY(0)}.diff-action-button svg{flex-shrink:0}.diff-format-button{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.diff-format-button:hover{background:var(--btn-primary-hover);border-color:var(--btn-primary-hover)}.diff-compact-button{background:var(--accent-color);border-color:var(--accent-color);color:var(--accent-text)}.diff-compact-button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.diff-compare-section{margin:20px 0;text-align:center}.diff-compare-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 30px}.diff-compare-button:hover{background:#2563eb}.diff-results-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:20px}.diff-no-changes{color:var(--text-secondary);padding:40px;text-align:center}.diff-summary{margin-bottom:20px}.diff-summary h4{color:var(--text-primary);margin-bottom:10px}.diff-stats{display:flex;gap:15px}.diff-stat{border-radius:20px;font-size:13px;font-weight:600;padding:5px 10px}.diff-added{background:#d1f5d3;color:#22863a}.diff-removed{background:#ffdce0;color:#d73a49}.diff-modified{background:#fff5b1;color:#b08800}.diff-type-changed{background:#e3d1ff;color:#6f42c1}.diff-list{display:flex;flex-direction:column;gap:10px}.diff-item{border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.diff-item.diff-added{border-color:#22863a}.diff-item.diff-removed{border-color:#d73a49}.diff-item.diff-modified{border-color:#b08800}.diff-item.diff-type-changed{border-color:#6f42c1}.diff-path{background:var(--bg-secondary);color:var(--text-primary);font-family:monospace;font-weight:600;padding:10px}.diff-values{background:var(--bg-primary);display:flex;gap:20px;padding:10px}.diff-value{flex:1}.diff-label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:5px}.diff-value pre{background:var(--bg-secondary);border-radius:4px;font-size:12px;margin:0;overflow-x:auto;padding:10px}.stats-output{height:100%;overflow:auto;padding:20px}.stats-container{margin:0 auto;max-width:1200px}.stats-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:20px}.stats-section h4{color:var(--text-primary);font-size:18px;margin-bottom:15px}.stats-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{background:var(--bg-secondary);border-radius:8px;padding:20px;text-align:center}.stat-value{color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:5px}.stat-label{color:var(--text-secondary);font-size:13px;letter-spacing:.5px;text-transform:uppercase}.type-chart{margin-top:10px}.type-bar{margin:10px 0}.type-bar-label{color:var(--text-primary);font-weight:600;margin-bottom:5px}.type-bar-container{background:var(--bg-secondary);border-radius:15px;height:30px;overflow:hidden;position:relative}.type-bar-fill{height:100%;transition:width .3s ease}.type-bar-fill.type-string{background:var(--json-string)}.type-bar-fill.type-number{background:var(--json-number)}.type-bar-fill.type-boolean{background:var(--json-boolean)}.type-bar-fill.type-null{background:var(--json-null)}.type-bar-fill.type-object{background:var(--tree-object)}.type-bar-fill.type-array{background:var(--tree-array)}.type-bar-value{color:var(--text-primary);font-size:12px;font-weight:600;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.stats-empty{color:var(--text-secondary);padding:20px;text-align:center}.key-analysis-content{color:var(--text-primary)}.key-analysis-content p{margin:10px 0}.key-analysis-content strong{color:var(--text-primary)}.top-keys{margin-top:15px}.top-keys ol{color:var(--text-secondary);margin-left:20px}.depth-chart{align-items:flex-end;background:var(--bg-secondary);border-radius:8px;display:flex;height:200px;justify-content:space-evenly;margin-top:20px;padding:20px}.depth-bar{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;position:relative;width:60px}.depth-bar-fill{background:var(--tree-object);border-radius:4px 4px 0 0;transition:height .3s ease;width:40px}.depth-bar-label{color:var(--text-primary);font-size:12px;font-weight:600;margin-top:10px}.depth-bar-count{color:var(--text-secondary);font-size:12px;position:absolute;top:-20px}.map-output{height:100%;overflow:hidden}.map-container{display:flex;flex-direction:column;height:100%}.map-empty{background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);margin:20px;padding:40px;text-align:center}.map-empty ul{list-style:none;margin-top:20px}.map-empty li{margin:5px 0}.map-view{flex:1;min-height:400px;position:relative}.map-controls{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:20px;padding:10px 20px}.map-toggle{align-items:center;color:var(--text-primary);display:flex;gap:8px}.map-toggle,.map-toggle input{cursor:pointer}.map-info-panel{background:var(--bg-secondary);border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:14px;padding:10px 20px}.map-popup{max-width:300px}.map-popup h4{color:#333;margin-bottom:10px}.map-coords{color:#666;font-family:monospace;font-size:12px;margin-bottom:10px}.map-popup details{margin-top:10px}.map-popup summary{color:#333;cursor:pointer;font-weight:600}.map-popup pre{background:#f5f5f5;border-radius:4px;max-height:200px;overflow-x:auto;padding:10px}.map-path,.map-popup pre{font-size:11px;margin-top:10px}.map-path{color:#666;font-family:monospace}.chart-output{height:100%;overflow:auto}.chart-container{display:flex;flex-direction:column;height:100%;padding:20px}.chart-empty{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:40px;text-align:center}.chart-empty p{color:var(--text-primary);margin-bottom:10px}[data-theme=dark] .chart-empty,[data-theme=dark] .chart-empty p{color:#e1e4e8}.chart-empty ul{list-style:none;margin-top:20px}.chart-empty li{margin:5px 0}.chart-controls{align-items:center;display:flex;gap:10px;margin-bottom:20px}.chart-data-select,.chart-type-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 12px}[data-theme=dark] .chart-data-select,[data-theme=dark] .chart-type-select{background:hsla(0,0%,100%,.1);color:#e1e4e8}[data-theme=dark] .chart-data-select:hover,[data-theme=dark] .chart-type-select:hover{background:hsla(0,0%,100%,.15)}.chart-export-button{background:var(--btn-secondary-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;margin-left:auto;padding:8px 16px;transition:all .2s ease}.chart-export-button:hover{background:var(--btn-secondary-hover)}[data-theme=dark] .chart-export-button{background:hsla(0,0%,100%,.1);color:#e1e4e8}[data-theme=dark] .chart-export-button:hover{background:hsla(0,0%,100%,.15)}.chart-canvas-wrapper{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;flex:1;min-height:400px;padding:20px;position:relative}[data-theme=dark] .chart-canvas-wrapper{background:hsla(0,0%,100%,.02)}#json-chart{height:100%!important;width:100%!important}.search-output{height:100%;overflow:auto}.search-container{margin:0 auto;max-width:1200px;padding:20px}.search-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:20px}.search-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:16px;margin-bottom:15px;padding:12px;width:100%}[data-theme=dark] .search-input{background:rgba(14,165,233,.05);border:1px solid rgba(14,165,233,.2)}[data-theme=dark] .search-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px rgba(14,165,233,.1);outline:none}.search-options{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.search-checkbox{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;gap:5px}.search-checkbox input{cursor:pointer}.search-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-right:10px;padding:10px 24px}.search-button:hover{background:#2563eb}.search-clear-button{background:var(--btn-secondary-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 24px}.search-clear-button:hover{background:var(--btn-secondary-hover)}.filter-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:20px}.filter-section h4{color:var(--text-primary);margin-bottom:15px}.filter-group{align-items:center;display:flex;gap:10px;margin-bottom:15px}.filter-group label{color:var(--text-primary);font-weight:600;min-width:100px}.filter-depth-input,.filter-type-select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);padding:6px 10px}.search-results-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:20px}.search-results-summary{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-weight:600;margin-bottom:15px;padding-bottom:15px}.search-results-list{display:flex;flex-direction:column;gap:10px}.search-no-results{color:var(--text-secondary);padding:40px;text-align:center}.search-result-item{border:1px solid var(--border-color);border-radius:6px;overflow:hidden;transition:all .2s ease}.search-result-item:hover{box-shadow:0 2px 8px var(--shadow-medium)}.search-result-header{align-items:center;background:var(--bg-secondary);cursor:pointer;display:flex;gap:10px;padding:10px 15px}.search-result-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.search-result-path{color:var(--text-primary);flex:1;font-family:monospace;font-size:13px}.search-result-type{background:var(--bg-primary);border-radius:4px;color:var(--text-secondary);font-size:12px;padding:2px 8px}.search-result-content{background:var(--bg-primary);padding:15px}.search-result-match,.search-result-value{margin-bottom:10px}.search-result-match strong,.search-result-value strong{color:var(--text-primary);margin-right:5px}.highlight{background:#ff0;border-radius:3px;color:#000;padding:2px 4px}.saved-searches-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:20px}.saved-searches-section h4{color:var(--text-primary);margin-bottom:15px}.saved-searches-list{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.saved-searches-empty{color:var(--text-secondary);padding:20px;text-align:center}.saved-search-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;display:flex;gap:10px;padding:10px}.saved-search-name{color:var(--text-primary);font-weight:600;min-width:150px}.saved-search-query{color:var(--text-secondary);flex:1;font-family:monospace;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-search-load{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px}.saved-search-load:hover{background:#2563eb}.saved-search-delete{align-items:center;background:var(--btn-secondary-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;width:24px}.saved-search-delete:hover{background:#fee;color:#c33}.save-search-button{background:var(--btn-secondary-bg);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px;width:100%}.save-search-button:hover:not(:disabled){background:var(--btn-secondary-hover)}.save-search-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.diff-input-section{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.filter-group,.search-options{align-items:flex-start;flex-direction:column}.filter-group label{min-width:auto}}@keyframes neonPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes dataFlow{0%{opacity:0;transform:translateY(0)}50%{opacity:1}to{opacity:0;transform:translateY(-100%)}}[data-theme=dark] .loading{overflow:hidden;position:relative}[data-theme=dark] .loading:after{animation:dataFlow 2s linear infinite;background:linear-gradient(90deg,transparent,rgba(122,162,247,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}[data-theme=dark] .btn-primary:before{background:radial-gradient(circle,var(--accent-primary) 0,transparent 70%);content:"";filter:blur(20px);height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:100%;z-index:-1}[data-theme=dark] .btn-primary:hover:before{opacity:.3}[data-theme=dark] .tree-node:hover{background:rgba(14,165,233,.05);border-left:2px solid var(--accent-cyan)}[data-theme=dark] ::-webkit-scrollbar{height:8px;width:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:#111113}[data-theme=dark] ::-webkit-scrollbar-thumb{background:rgba(14,165,233,.3);border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:rgba(14,165,233,.5)}.json-example-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px rgba(102,126,234,.3);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-right:12px;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s ease}.json-example-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 25px rgba(102,126,234,.4);transform:translateY(-2px)}.json-example-btn:before{background:radial-gradient(circle,hsla(0,0%,100%,.3) 0,transparent 70%);content:"";height:200%;opacity:0;position:absolute;right:-50%;top:-50%;transform:rotate(45deg);transition:all .5s ease;width:200%}.json-example-btn:hover:before{animation:shimmer .5s ease}@keyframes shimmer{0%{opacity:0;transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{opacity:1}to{opacity:0;transform:translateX(100%) translateY(100%) rotate(45deg)}}.json-example-icon{flex-shrink:0}.json-example-text{white-space:nowrap}.json-example-badge{animation:pulse 2s infinite;background:#ff6b6b;border-radius:10px;color:#fff;font-size:10px;font-weight:700;margin-left:4px;padding:2px 6px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.json-example-modal{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);background:rgba(0,0,0,.6);display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.json-example-modal-content{animation:slideUp .3s ease;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 25px 70px rgba(0,0,0,.15),0 10px 25px rgba(0,0,0,.1);display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.json-example-modal-header{align-items:center;background:#fafbfc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.json-example-modal-title{color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.json-example-modal-close{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.json-example-modal-close:hover{background:#f3f4f6;color:#1f2937}.json-example-modal-body{flex:1;overflow-y:auto;padding:24px}.json-example-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.json-example-card{background:#f8f9fa;border:1px solid #e1e4e8;border-radius:12px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.json-example-card:hover{background:#fff;border-color:#667eea;box-shadow:0 12px 28px rgba(0,0,0,.12);transform:translateY(-4px)}.json-example-card:before{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .3s ease;width:100%}.json-example-card:hover:before{transform:scaleX(1)}.json-example-card-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.json-example-card-icon{color:#667eea;flex-shrink:0}.json-example-card-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.json-example-preview{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;height:120px;margin-bottom:16px;overflow:hidden;padding:12px;position:relative;transition:all .2s ease}.json-example-preview:hover{background:#fafbfc;border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.15);transform:translateY(-2px)}.json-example-code{color:#6b7280;filter:blur(2px);font-family:JetBrains Mono,Monaco,Consolas,monospace;font-size:11px;line-height:1.4;margin:0;opacity:.8;user-select:none;white-space:pre}.json-example-preview:after{background:linear-gradient(180deg,transparent,#fff);bottom:0;content:"";height:40px;left:0;pointer-events:none;position:absolute;right:0}.json-example-use-btn{background:#667eea;border:none;border-radius:6px;box-shadow:0 2px 4px rgba(102,126,234,.2);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease;width:100%}.json-example-use-btn:hover{background:#5a67d8;box-shadow:0 4px 8px rgba(102,126,234,.3);transform:translateY(-1px)}[data-theme=dark] .json-example-modal-content{background:#1a1a1c;border-color:hsla(0,0%,100%,.1)}[data-theme=dark] .json-example-modal-header{background:#252528;border-bottom-color:hsla(0,0%,100%,.1)}[data-theme=dark] .json-example-modal-close{color:#9ca3af}[data-theme=dark] .json-example-modal-close:hover{background:#374151;color:#e5e7eb}[data-theme=dark] .json-example-card{background:#252528;border-color:hsla(0,0%,100%,.1)}[data-theme=dark] .json-example-card:hover{background:#2d2d30;border-color:#0ea5e9;box-shadow:0 8px 20px rgba(14,165,233,.2)}[data-theme=dark] .json-example-preview{background:#1a1a1c;border-color:hsla(0,0%,100%,.1)}[data-theme=dark] .json-example-preview:hover{background:#1f1f21;border-color:#0ea5e9}[data-theme=dark] .json-example-preview:after{background:linear-gradient(180deg,transparent,#1a1a1c)}[data-theme=dark] .json-example-code{color:#a8b3cf;opacity:.7}[data-theme=dark] .json-example-card-icon{color:#0ea5e9}[data-theme=dark] .json-example-use-btn{background:#0ea5e9}[data-theme=dark] .json-example-use-btn:hover{background:#0284c7}@media (max-width:768px){.json-example-btn{font-size:13px;padding:8px 16px}.json-example-btn .json-example-icon{margin-right:0}.json-example-modal-content{margin:10px;max-width:100%}.json-example-grid{grid-template-columns:1fr}}