@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+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:JetBrains Mono,monospace}html[data-theme=dark],html[data-theme=dark] body{background:linear-gradient(135deg,#18181b,#27272a,#18181b);background-size:400% 400%;animation:gradientShift 20s ease infinite}html[data-theme=light],html[data-theme=light] body{background:linear-gradient(135deg,#fff,#f9fafb,#fff);background-size:400% 400%;animation:gradientShift 20s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#app{height:100%;padding:1rem;display:flex;flex-direction:column;gap:1rem}h1{font-size:1.25rem;font-weight:600;font-family:Bungee,system-ui;display:flex;justify-content:space-between;align-items:center}html[data-theme=dark] h1{color:#fafafa}html[data-theme=light] h1{color:#030712}.tagline{font-size:.75rem;margin-top:-.5rem}html[data-theme=dark] .tagline{color:#71717a}html[data-theme=light] .tagline{color:#6b7280}.header-controls{display:flex;gap:2rem;align-items:center}.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{flex:1;min-height:0;border-radius:16px}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{padding:.35rem .75rem;background:transparent;border-radius:6px;font-family:inherit;font-size:11px;cursor:pointer;transition:background .15s,border-color .15s;text-decoration:none}html[data-theme=dark] #theme-toggle,html[data-theme=dark] #load-toggle,html[data-theme=dark] #docs-link{border:2px solid #3f3f46;color:#fafafa}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{background:#fafafa;border-color:#fafafa;color:#18181b}html[data-theme=light] #theme-toggle,html[data-theme=light] #load-toggle,html[data-theme=light] #docs-link{border:2px solid #d1d5db;color:#030712}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{background:#030712;border-color:#030712;color:#fff}#input-panel{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:12px;overflow:hidden;transition:max-height .3s,padding .3s,opacity .3s;max-height:400px;opacity:1}#input-panel.collapsed{max-height:0;padding:0 1rem;opacity:0;pointer-events:none}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{display:flex;gap:.5rem}.tab{padding:.35rem .75rem;background:transparent;border-radius:6px;font-family:inherit;font-size:11px;cursor:pointer;transition:background .15s}html[data-theme=dark] .tab{border:2px solid #3f3f46;color:#a1a1aa}html[data-theme=dark] .tab:hover,html[data-theme=dark] .tab.active{background:#3f3f46;color:#fafafa}html[data-theme=light] .tab{border:2px solid #d1d5db;color:#6b7280}html[data-theme=light] .tab:hover,html[data-theme=light] .tab.active{background:#d1d5db;color:#030712}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.input-col{display:flex;flex-direction:column;gap:.5rem}.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{display:none;padding:.5rem;border-radius:6px;font-family:inherit;font-size:12px;resize:vertical}.input-col input[type=file]{display:none}.input-col .file-btn{display:none;padding:.5rem 1rem;border-radius:6px;font-family:inherit;font-size:12px;cursor:pointer;transition:background .15s}html[data-theme=dark] .input-col .file-btn{background:#3f3f46;border:2px solid #52525b;color:#a1a1aa}html[data-theme=dark] .input-col .file-btn:hover,html[data-theme=dark] .input-col .file-btn.has-file{background:#52525b;color:#fafafa}html[data-theme=light] .input-col .file-btn{background:#e5e7eb;border:2px solid #d1d5db;color:#6b7280}html[data-theme=light] .input-col .file-btn:hover,html[data-theme=light] .input-col .file-btn.has-file{background:#d1d5db;color:#030712}#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{background:#18181b;border:2px solid #3f3f46;color:#fafafa}html[data-theme=light] .input-col input,html[data-theme=light] .input-col textarea{background:#fff;border:2px solid #d1d5db;color:#030712}#compare-btn{align-self:flex-end;padding:.5rem 1.5rem;border-radius:6px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}html[data-theme=dark] #compare-btn{background:#22c55e;border:none;color:#030712}html[data-theme=dark] #compare-btn:hover{background:#16a34a}html[data-theme=light] #compare-btn{background:#15803d;border:none;color:#fff}html[data-theme=light] #compare-btn:hover{background:#166534}