.top-row{justify-content:space-between;align-items:center}.json-tool-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.json-tool-container>div{min-width:0}.tips{margin-top:12px;display:flex;gap:12px;flex-wrap:wrap}.user-input-section label{display:block}@media (max-width: 980px){.json-tool-container{grid-template-columns:1fr}}textarea{min-height:70vh}.row.actions{margin-top:.5rem}.json-viewer{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:13px;line-height:1.45}.json-node{margin:6px 0}.json-branch-header{display:flex;align-items:center;gap:8px;user-select:none}.json-key{font-weight:700;color:var(--c-key);margin-right:6px}.json-type{color:var(--text-muted);font-size:12px;margin-left:6px}.json-toggle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--highlight);border-radius:4px;cursor:pointer;padding:0;font-weight:700;line-height:1}.json-children{margin-top:6px}.json-string{color:var(--c-string)}.json-number{color:var(--c-number)}.json-boolean{color:var(--c-boolean)}.json-null{color:var(--c-null);font-style:italic}.json-primitive{color:var(--c-primitive)}.json-branch{padding:6px 8px;border-radius:8px;background:var(--bg-light);border:1px solid var(--border)}.json-node>.json-key+.json-string,.json-node>.json-key+.json-number,.json-node>.json-key+.json-boolean,.json-node>.json-key+.json-null,.json-node>.json-key+.json-primitive{margin-left:6px}.json-node .json-key[aria-hidden=true]{color:var(--text-muted)}.output-section{display:flex;flex-direction:column;justify-content:space-between}@media (max-width: 480px){.json-node{font-size:12px}.json-toggle{width:18px;height:18px}}.input-with-gutter{display:grid;grid-template-columns:3ch 1fr;gap:8px;align-items:stretch;width:100%;box-sizing:border-box}.input-with-gutter .input-gutter{margin:0;padding:8px 6px;text-align:right;color:var(--text-muted);background:transparent;white-space:pre;overflow:hidden;max-height:360px;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:13px;line-height:1.5;box-sizing:border-box;user-select:none}.input-with-gutter textarea{grid-column:2;width:100%;padding:8px;resize:vertical;overflow:auto;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:13px;line-height:1.5;background:transparent;color:inherit;border:0;outline:none;box-sizing:border-box;height:100%;scrollbar-gutter:stable}.input-with-gutter .input-gutter+textarea{border:1px solid var(--border)}@media (max-width: 480px){.input-with-gutter{grid-template-columns:2.5ch 1fr}.input-with-gutter .input-gutter,.input-with-gutter textarea{font-size:12px}}textarea::-webkit-scrollbar-button{display:none;height:0;width:0}button{padding:.5rem 1rem;border-radius:.375rem;font-weight:500;transition:all .2s;border:none;cursor:pointer}button.primary{color:var(--bg);background:var(--primary)}button.primary:hover{background-color:var(--primary-hover)}button.disabled{background-color:var(--text-muted)!important;cursor:not-allowed!important;opacity:.7}:root{--radius: 12px}:root[data-theme=dark]{color-scheme:dark;--bg-dark: hsl(228 79% 2%);--bg: hsl(222 55% 5%);--bg-light: hsl(220 35% 10%);--text: hsl(220 100% 95%);--text-muted: hsl(220 35% 73%);--border: hsl(220 26% 31%);--border-muted: hsl(220 37% 20%);--primary: hsl(220 78% 76%);--secondary: hsl(40 53% 60%);--danger: hsl(9 26% 64%);--warning: hsl(52 19% 57%);--success: hsl(146 17% 59%);--info: hsl(217 28% 65%);--highlight: hsl(223 22% 41%);--primary-hover: hsl(220 78% 68%);--shadow: 0px 2px 2px hsl(0 0% 0% / .2), 0px 4px 4px hsl(0 0% 0% / .1);--c-key: hsl(208 100% 74%);--c-toggle-text: hsl(213 27% 84%);--c-string: hsl(348 100% 86%);--c-number: hsl(42 100% 70%);--c-boolean: hsl(140 81% 75%);--c-null: hsl(264 100% 83%);--c-primitive: hsl(209 40% 96%)}:root[data-theme=light]{color-scheme:light;--bg-dark: hsl(220 59% 91%);--bg: hsl(220 100% 97%);--bg-light: hsl(220 100% 100%);--text: hsl(226 85% 7%);--text-muted: hsl(220 26% 31%);--border: hsl(220 19% 53%);--border-muted: hsl(220 27% 65%);--primary: hsl(221 49% 33%);--secondary: hsl(44 100% 14%);--danger: hsl(9 21% 41%);--warning: hsl(52 23% 34%);--success: hsl(147 19% 36%);--info: hsl(217 22% 41%);--highlight: hsl(264 15% 98%);--primary-hover: hsl(221 49% 41%);--shadow: 0px 2px 2px hsl(0 0% 0% / .08), 0px 4px 4px hsl(0 0% 0% / .05);--c-key: hsl(208 100% 38%);--c-toggle-text: hsl(213 27% 24%);--c-string: hsl(348 65% 42%);--c-number: hsl(42 80% 38%);--c-boolean: hsl(140 50% 32%);--c-null: hsl(264 55% 45%);--c-primitive: hsl(209 30% 15%)}html,body{height:100%}body{margin:0;background:var(--bg-dark);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:24px;box-sizing:border-box;font-size:16px}.container{max-width:85dvw;margin:0 auto;display:grid;gap:20px;align-items:start}header{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px}header h1{margin:0;font-size:20px;letter-spacing:-.2px}header p{margin:0;color:var(--text-muted);font-size:13px}.card{background:var(--bg);border-radius:var(--radius);padding:16px;border:1px solid var(--border)}.tool{min-height:420px;display:flex;flex-direction:column}.tool .row{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap;align-items:center}textarea{width:100%;height:60vh;resize:vertical;padding:14px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:14px;line-height:1.45;box-sizing:border-box}.textdefault{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:24px;line-height:1.45;font-weight:400}.actions{display:flex;gap:8px;flex-wrap:wrap}.output{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:13px;white-space:pre-wrap;padding:12px;border-radius:10px;height:60vh;overflow:auto;border:1px solid var(--border);color:var(--text)}.status{display:flex;align-items:center;gap:8px;font-size:13px}.pill{padding:6px 8px;border-radius:999px;font-weight:700;font-size:12px;display:inline-flex;gap:8px;align-items:center}.ok{background:var(--success);color:var(--bg);border:1px solid var(--border)}.err{background:var(--danger);color:var(--bg);border:1px solid var(--err-border)}.left-header{display:flex;align-items:center;gap:1rem}.muted{color:var(--text-muted);font-size:13px}footer{grid-column:1/-1;margin-top:18px;color:var(--text-muted);font-size:13px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}a{color:var(--secondary);text-decoration:none}a:hover{text-decoration:underline}#theme-toggle{background:transparent;border-radius:var(--radius);cursor:pointer;box-shadow:0 0 3px 1px var(--border)}#theme-toggle:hover{background:var(--bg-light);color:var(--text)}.theme-toggle{padding:.5rem;display:flex;align-items:center}.theme-icon{stroke:currentColor;transition:transform .5s ease}.sun,.sun-rays line{stroke-width:2;transition:opacity .4s ease,transform .5s ease}.moon{fill:currentColor;opacity:0;transform:scale(.5);transition:opacity .4s ease,transform .5s ease}html[data-theme=dark] .sun,html[data-theme=dark] .sun-rays{opacity:0;transform:rotate(90deg) scale(.5)}html[data-theme=dark] .moon{opacity:1;transform:scale(1)}html[data-theme=light] .sun,html[data-theme=light] .sun-rays{opacity:1;transform:rotate(0) scale(1)}html[data-theme=light] .moon{opacity:0;transform:scale(.5)}.theme-toggle:hover .theme-icon{transform:rotate(20deg)}