@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/json-diff-viewer-component/assets/bungee-vietnamese-400-normal-B6gKbkHm.woff2)format("woff2"),url(/json-diff-viewer-component/assets/bungee-vietnamese-400-normal-CmjDSWyd.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/json-diff-viewer-component/assets/bungee-latin-ext-400-normal-DWzJMwsA.woff2)format("woff2"),url(/json-diff-viewer-component/assets/bungee-latin-ext-400-normal-DXe9_7Rr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/json-diff-viewer-component/assets/bungee-latin-400-normal-Dfnurram.woff2)format("woff2"),url(/json-diff-viewer-component/assets/bungee-latin-400-normal-DA8IEVW_.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:JetBrains Mono,monospace}html[data-theme=dark],html[data-theme=dark] body{background:linear-gradient(135deg,#18181b 0%,#27272a 50%,#18181b 100%) 0 0/400% 400%;animation:20s infinite gradientShift}html[data-theme=light],html[data-theme=light] body{background:linear-gradient(135deg,#fff 0%,#f9fafb 50%,#fff 100%) 0 0/400% 400%;animation:20s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}#app{flex-direction:column;gap:1rem;height:100%;padding:1rem;display:flex}h1{justify-content:space-between;align-items:center;font-family:Bungee,system-ui;font-size:1.25rem;font-weight:600;display:flex}html[data-theme=dark] h1{color:#fafafa}html[data-theme=light] h1{color:#030712}.tagline{margin-top:-.5rem;font-size:.75rem}html[data-theme=dark] .tagline{color:#71717a}html[data-theme=light] .tagline{color:#6b7280}.header-controls{align-items:center;gap:2rem;display:flex}.github-logo{width:42px;height:42px;transition:filter .2s}html[data-theme=dark] .github-logo{filter:brightness(0)invert(.63)}html[data-theme=light] .github-logo{filter:brightness(0)invert(.3)}h1 a{display:inline-block}html[data-theme=dark] h1 a:hover .github-logo{filter:brightness(0)invert(.98)}html[data-theme=light] h1 a:hover .github-logo{filter:brightness(0)invert(.12)}json-diff-viewer{border-radius:16px;flex:1;min-height:0}html[data-theme=dark] json-diff-viewer{border:2px solid #3f3f46}html[data-theme=light] json-diff-viewer{border:2px solid #d1d5db}#theme-toggle,#load-toggle,#docs-link{cursor:pointer;background:0 0;border-radius:6px;padding:.35rem .75rem;font-family:inherit;font-size:11px;text-decoration:none;transition:background .15s,border-color .15s}html[data-theme=dark] #theme-toggle,html[data-theme=dark] #load-toggle,html[data-theme=dark] #docs-link{color:#fafafa;border:2px solid #3f3f46}html[data-theme=dark] #theme-toggle:hover,html[data-theme=dark] #load-toggle:hover,html[data-theme=dark] #load-toggle.active,html[data-theme=dark] #docs-link:hover{color:#18181b;background:#fafafa;border-color:#fafafa}html[data-theme=light] #theme-toggle,html[data-theme=light] #load-toggle,html[data-theme=light] #docs-link{color:#030712;border:2px solid #d1d5db}html[data-theme=light] #theme-toggle:hover,html[data-theme=light] #load-toggle:hover,html[data-theme=light] #load-toggle.active,html[data-theme=light] #docs-link:hover{color:#fff;background:#030712;border-color:#030712}#input-panel{opacity:1;border-radius:12px;flex-direction:column;gap:.75rem;max-height:400px;padding:1rem;transition:max-height .3s,padding .3s,opacity .3s;display:flex;overflow:hidden}#input-panel.collapsed{opacity:0;pointer-events:none;max-height:0;padding:0 1rem}html[data-theme=dark] #input-panel{background:#27272a;border:2px solid #3f3f46}html[data-theme=light] #input-panel{background:#f9fafb;border:2px solid #d1d5db}.input-tabs{gap:.5rem;display:flex}.tab{cursor:pointer;background:0 0;border-radius:6px;padding:.35rem .75rem;font-family:inherit;font-size:11px;transition:background .15s}html[data-theme=dark] .tab{color:#a1a1aa;border:2px solid #3f3f46}html[data-theme=dark] .tab:hover,html[data-theme=dark] .tab.active{color:#fafafa;background:#3f3f46}html[data-theme=light] .tab{color:#6b7280;border:2px solid #d1d5db}html[data-theme=light] .tab:hover,html[data-theme=light] .tab.active{color:#030712;background:#d1d5db}.input-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.input-col{flex-direction:column;gap:.5rem;display:flex}.input-col label{font-size:.75rem;font-weight:600}html[data-theme=dark] .input-col label{color:#a1a1aa}html[data-theme=light] .input-col label{color:#6b7280}.input-col input[type=url],.input-col textarea{resize:vertical;border-radius:6px;padding:.5rem;font-family:inherit;font-size:12px;display:none}.input-col input[type=file]{display:none}.input-col .file-btn{cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-family:inherit;font-size:12px;transition:background .15s;display:none}html[data-theme=dark] .input-col .file-btn{color:#a1a1aa;background:#3f3f46;border:2px solid #52525b}html[data-theme=dark] .input-col .file-btn:hover,html[data-theme=dark] .input-col .file-btn.has-file{color:#fafafa;background:#52525b}html[data-theme=light] .input-col .file-btn{color:#6b7280;background:#e5e7eb;border:2px solid #d1d5db}html[data-theme=light] .input-col .file-btn:hover,html[data-theme=light] .input-col .file-btn.has-file{color:#030712;background:#d1d5db}#input-panel[data-mode=file] .input-col .file-btn,#input-panel[data-mode=url] .input-col input[type=url],#input-panel[data-mode=paste] .input-col textarea{display:block}.input-col textarea{min-height:100px}html[data-theme=dark] .input-col input,html[data-theme=dark] .input-col textarea{color:#fafafa;background:#18181b;border:2px solid #3f3f46}html[data-theme=light] .input-col input,html[data-theme=light] .input-col textarea{color:#030712;background:#fff;border:2px solid #d1d5db}#compare-btn{cursor:pointer;border-radius:6px;align-self:flex-end;padding:.5rem 1.5rem;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s}html[data-theme=dark] #compare-btn{color:#030712;background:#22c55e;border:none}html[data-theme=dark] #compare-btn:hover{background:#16a34a}html[data-theme=light] #compare-btn{color:#fff;background:#15803d;border:none}html[data-theme=light] #compare-btn:hover{background:#166534}