.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;color:#e6eef8;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:#7cc2ff;margin-right:6px}.json-type{color:#94a3b8;font-size:12px;margin-left:6px}.json-toggle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);color:#cbd5e1;border-radius:4px;cursor:pointer;padding:0;font-weight:700;line-height:1}.json-children{margin-top:6px}.json-string{color:#ffb7c5}.json-number{color:#ffd166}.json-boolean{color:#8ef3b0}.json-null{color:#caa8ff;font-style:italic}.json-primitive{color:#f1f5f9}.json-branch{padding:6px 8px;border-radius:8px;background:linear-gradient(180deg,#ffffff01,#ffffff03);border:1px solid rgba(255,255,255,.02)}.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:#94a3b8}.output pre{margin:0;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";white-space:pre-wrap;word-break:break-word;color:#dbeafe}.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:#94a3b8;background:transparent;border-right:1px solid rgba(255,255,255,.02);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 rgba(255,255,255,.03)}@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}:root{--btn-primary: #2563eb;--btn-primary-hover: #1d4ed8;--btn-primary-active: #1e40af;--btn-ghost: transparent;--btn-ghost-hover: rgb(232 211 211 / 5%);--btn-ghost-active: rgba(0, 0, 0, .1);--btn-disabled: #9ca3af;--btn-text: #ffffff;--btn-text-ghost: #4b5563}button{padding:.5rem 1rem;border-radius:.375rem;font-weight:500;transition:all .2s;border:none;cursor:pointer}button.primary{background-color:var(--btn-primary);color:var(--btn-text)}button.primary:hover{background-color:var(--btn-primary-hover)}button.primary:active{background-color:var(--btn-primary-active)}button.ghost{background-color:var(--btn-ghost);color:var(--btn-text-ghost)}button.ghost:hover{background-color:var(--btn-ghost-hover)}button.ghost:active{background-color:var(--btn-ghost-active)}button.disabled{background-color:var(--btn-disabled)!important;cursor:not-allowed!important;opacity:.7}:root{--color-bg-start: #061226;--color-bg-end: #071125;--color-card: #0b1220;--color-text: #e6eef8;--color-muted: #94a3b8;--color-accent: #0b5cff;--color-accent-600: #0846d3;--color-accent-700: #0436a8;--color-success: #16a34a;--color-danger: #ef4444;--color-glass: rgba(255, 255, 255, .03);--overlay-very-weak: rgba(255, 255, 255, .005);--overlay-weak: rgba(255, 255, 255, .01);--overlay-stronger: rgba(255, 255, 255, .02);--border-weak: rgba(255, 255, 255, .03);--border-subtle: rgba(255, 255, 255, .02);--border-faint: rgba(255, 255, 255, .04);--btn-shadow: rgba(11, 92, 255, .16);--radius: 12px;color-scheme:dark}html,body{height:100%}body{margin:0;background:linear-gradient(180deg,var(--color-bg-start) 0%,var(--color-bg-end) 60%);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:24px;box-sizing:border-box;font-size:16px}.container{max-width:1120px;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(--color-muted);font-size:13px}.card{background:linear-gradient(180deg,#ffffff05,#00000005);border-radius:var(--radius);padding:16px;box-shadow:0 6px 18px #03071299;border:1px solid var(--border-weak)}.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-weak);background:var(--color-glass);color:var(--color-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}button.btn{background:linear-gradient(180deg,var(--color-accent),var(--color-accent-600));color:#fff;border:0;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px;box-shadow:0 6px 14px var(--btn-shadow)}button.ghost{background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--color-muted);padding:8px 12px;border-radius:10px;cursor:pointer;font-size:14px}.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;background:linear-gradient(180deg,var(--overlay-very-weak),var(--overlay-stronger));padding:12px;border-radius:10px;height:60vh;overflow:auto;border:1px solid var(--border-weak);color:#dbeafe}.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:#10b9811f;color:var(--color-success);border:1px solid rgba(16,185,129,.12)}.err{background:#ef444414;color:var(--color-danger);border:1px solid rgba(239,68,68,.06)}.muted{color:var(--color-muted);font-size:13px;margin-bottom:.5rem}footer{grid-column:1/-1;margin-top:18px;color:var(--color-muted);font-size:13px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}a{color:#9cc7ff;text-decoration:none}a:hover{text-decoration:underline}