@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#172033;font-synthesis:none;background:#f8fafc;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,textarea,select,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;overflow:hidden}.site-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8fafcf0;border-bottom:1px solid #dde5ef;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;gap:25px;max-width:1160px;min-height:72px;margin:auto;padding:0 28px;display:flex}.brand,.footer-brand{align-items:center;gap:9px;font-size:19px;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:#f06449;border-radius:7px;justify-content:center;align-items:center;width:29px;height:29px;font-family:DM Mono,monospace;font-size:18px;display:inline-flex}.tool-name{color:#0a7b83;margin-right:auto;font-family:DM Mono,monospace;font-size:12px}.nav-links{align-items:center;gap:27px;font-size:14px;font-weight:600;display:flex}.nav-links>a{color:#536175}.nav-links>a:hover,.footer-links a:hover{color:#0a7b83}.menu-toggle{color:#172033;background:0 0;border:0;padding:7px;display:none}.tool-hero,.workspace,.seo-content{max-width:1160px;margin:auto;padding-left:28px;padding-right:28px}.tool-hero{padding-top:56px;padding-bottom:38px}.eyebrow,.section-label{color:#0a7b83;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:7px;margin:0 0 13px;font-family:DM Mono,monospace;font-size:12px;display:flex}h1,h2,h3,p{margin-top:0}h1{margin-bottom:15px;font-size:clamp(38px,5vw,60px);line-height:1.08}.tool-hero>p:last-child{color:#526074;max-width:660px;margin:0;font-size:17px;line-height:1.6}.big-screen-bar{grid-column:1/-1;justify-content:space-between;align-items:center;display:none}.big-screen-bar>button{color:#536175;background:#fff;border:1px solid #cad9e3;border-radius:5px;align-items:center;padding:6px;display:inline-flex}.workspace{grid-template-columns:minmax(300px,.85fr) minmax(0,1.5fr);gap:18px;padding-bottom:64px;display:grid}.panel{background:#fff;border:1px solid #dce4ee;border-radius:8px;min-width:0;padding:22px}.panel-heading{justify-content:space-between;align-items:start;gap:15px;margin-bottom:18px;display:flex}h2{margin-bottom:0;font-size:22px;line-height:1.2}.panel-heading .section-label{margin-bottom:6px}.upload-button,.action-row button,.graph-footer button,.toolbar-buttons button{color:#253247;background:#f8fbfc;border:1px solid #cad9e3;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:700;display:inline-flex}.upload-button{color:#0a7b83;white-space:nowrap}.upload-button input{display:none}textarea{color:#dce8ef;resize:vertical;background:#172033;border:0;border-radius:6px;outline:none;width:100%;height:420px;padding:16px;font-family:DM Mono,monospace;font-size:13px;line-height:1.65;display:block}textarea:focus{box-shadow:0 0 0 3px #0a7b8340}.editor-status{justify-content:space-between;align-items:center;gap:10px;min-height:37px;font-family:DM Mono,monospace;font-size:11px;display:flex}.status-valid{color:#087e79}.status-error{color:#c34842;line-height:1.4}.file-name{color:#68758a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.action-row{flex-wrap:wrap;gap:7px;display:flex}.action-row button:hover,.graph-footer button:hover,.toolbar-buttons button:hover{color:#0a7b83;border-color:#0a7b83}.sample-picker{border-top:1px solid #e5ebf1;align-items:center;gap:11px;margin-top:20px;padding-top:18px;display:flex}.sample-picker label{color:#536175;font-size:12px;font-weight:700}select{color:#253247;background:#fff;border:1px solid #cad9e3;border-radius:6px;width:100%;padding:8px;font-size:12px}.privacy-note{color:#176b6d;text-align:right;white-space:nowrap;background:#e8f8f5;border:1px solid #a9ddd5;border-radius:999px;padding:6px 10px;font-family:DM Mono,monospace;font-size:10px}.privacy-note strong{color:#086d70;font-weight:800}.graph-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;margin-bottom:12px;display:flex}.search-box{color:#7a8a9f;background:#f8fafc;border:1px solid #cad9e3;border-radius:6px;align-items:center;gap:7px;width:100%;max-width:270px;padding:7px 9px;display:flex}.search-box input{color:#172033;background:0 0;border:0;outline:none;width:100%;min-width:0}.search-box span{color:#087e79;background:#dff5f2;border-radius:9px;padding:2px 6px;font-size:10px}.toolbar-buttons{flex-wrap:wrap;gap:5px;display:flex}.toolbar-buttons button{padding:7px 8px}.graph-viewport{cursor:default;touch-action:none;background-color:#f8fafc;background-image:radial-gradient(#d4dee8 1px,#0000 1px);background-size:18px 18px;border:1px solid #e1e8ef;border-radius:6px;height:509px;padding:36px;overflow:auto}.graph-viewport:active{cursor:default}.graph-canvas{transform-origin:0 0;width:max-content;min-width:500px;transition:transform .2s}.graph-node-wrap{border-left:1px solid #b5ced3;margin-left:25px;padding:6px 0 6px 27px;position:relative}.graph-node-wrap:first-child{border:0;margin-left:0;padding-left:0}.graph-node-wrap:not(:first-child):before{content:"";background:#b5ced3;width:27px;height:1px;position:absolute;top:28px;left:0}.graph-node{border:1px solid #cbdde4;border-left:4px solid #0a7b83;border-radius:6px;width:320px;display:block;position:relative;overflow:hidden;box-shadow:0 2px 6px #1720330a}.graph-node.is-match{box-shadow:0 0 0 3px #f0644947}.node-object{background:#f0fbfa;border-left-color:#0a7b83}.node-array{background:#f2f8ff;border-left-color:#1976bf}.node-string{background:#fff8f5;border-left-color:#da583f}.node-number{background:#faf7ff;border-left-color:#7a50a8}.node-boolean{background:#fffaf0;border-left-color:#bd7e00}.node-null{background:#f5f7fa;border-left-color:#68758a}.node-card-header{background:#0a7b8317;border-bottom:1px solid #d4e0e4;justify-content:space-between;padding:6px 10px;display:flex}.node-card-header .node-label{font-family:DM Mono,monospace;font-size:14px;font-weight:500}.node-row{background:#ffffffbf;border-bottom:1px solid #d5dfe5;align-items:center;gap:7px;min-height:28px;padding:3px 10px;display:flex}.node-row:last-child{border-bottom:0}.node-row .node-label{color:#1976bf;font-family:DM Mono,monospace;font-size:11px;font-weight:500}.node-label{color:#253247;font-size:11px;font-weight:800}.node-value,.node-meta{color:#68758a;font-family:DM Mono,monospace;font-size:9px}.node-row .node-value{color:#c34842}.node-number .node-value{color:#68419b}.node-boolean .node-value{color:#a56500}.node-toggle{color:#0a7b83;background:#fff;border:1px solid #b8cbd5;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-left:auto;padding:0;font-size:12px;line-height:1;display:inline-flex}.match-dot{background:#f06449;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.graph-footer{color:#68758a;justify-content:space-between;align-items:center;margin-top:12px;font-family:DM Mono,monospace;font-size:10px;display:flex}.graph-footer div{gap:5px;display:flex}.graph-footer button{padding:6px 8px}.node-edit{color:#c34842;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;outline:none;flex:1 1 0;width:auto;min-width:0;padding:2px 0;font-family:DM Mono,monospace;font-size:10px;overflow:hidden}.node-edit:focus{box-shadow:inset 0 -1px #0a7b83}.node-card-header{justify-content:flex-start}.node-card-header .node-label,.node-row .node-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.node-row .node-label{flex:0 auto;max-width:55%}.node-card-header .node-meta{order:3;margin-left:auto}.node-header-toggle{flex:none;order:2;margin-left:8px}.code-input{align-items:stretch;height:420px;min-height:0;display:flex;overflow:hidden}.line-numbers{color:#8ca0b1;text-align:right;-webkit-user-select:none;user-select:none;background:#172033;flex-direction:column;flex:0 0 32px;height:100%;padding:16px 9px;font-family:DM Mono,monospace;font-size:11px;line-height:1.65;display:flex;overflow:hidden}.code-input textarea{resize:none;border-radius:0 6px 6px 0;flex:auto;height:100%;min-height:0}.graph-canvas{min-height:100%;position:relative}.graph-edges{pointer-events:none;z-index:0;position:absolute;top:0;left:0;overflow:visible}.graph-edges path{fill:none;stroke:#8eafb8;stroke-width:1.8px}.graph-node-position{z-index:1;position:absolute}.graph-node-position .graph-node-wrap{border:0;margin:0;padding:0}.graph-column{display:none}.workspace.is-big-screen{z-index:30;background:#f8fafc;grid-template-columns:minmax(280px,.38fr) minmax(0,.82fr);gap:18px;max-width:none;padding:10px 14px 14px;position:fixed;inset:0;overflow:auto;box-shadow:0 18px 60px #17203338}.workspace.is-big-screen .big-screen-bar{display:flex}.workspace.is-big-screen .panel{border-color:#d8e0e8;border-radius:5px;min-height:calc(100vh - 64px)}.workspace.is-big-screen .panel-heading{margin-bottom:10px}.workspace.is-big-screen .editor-panel{padding:0 0 14px}.workspace.is-big-screen .editor-panel .panel-heading,.workspace.is-big-screen .editor-panel .editor-status,.workspace.is-big-screen .editor-panel .action-row,.workspace.is-big-screen .editor-panel .sample-picker{margin-left:14px;margin-right:14px}.workspace.is-big-screen .editor-panel .panel-heading{padding-top:15px}.workspace.is-big-screen .graph-viewport{height:calc(100vh - 175px);min-height:420px}.workspace.is-big-screen textarea{color:#253247;background:#fff;border-radius:0;height:100%}.workspace.is-big-screen .code-input{border-top:1px solid #e1e8ef;border-bottom:1px solid #e1e8ef;height:calc(100vh - 190px)}.json-tab{color:#1976bf;background:#dce2e6;border-radius:5px;align-items:center;gap:6px;padding:8px 12px;font-family:DM Mono,monospace;font-size:11px;display:inline-flex}.tab-dot{background:#253247;border-radius:50%;width:6px;height:6px;margin-left:5px}.seo-content{border-top:1px solid #dde5ef;padding-top:64px;padding-bottom:80px}.seo-content>p:not(.section-label),.seo-content>h2,.faq-list{max-width:760px}.seo-content>p:not(.section-label){color:#59677b;margin-bottom:46px;line-height:1.7}.seo-content h2{margin-bottom:18px}.seo-grid{grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:65px;display:grid}.seo-grid h3{margin-bottom:8px;font-size:16px}.seo-grid p,.faq-list p{color:#59677b;font-size:13px;line-height:1.7}.faq-list details{border-top:1px solid #cfe3e0;border-bottom:1px solid #cfe3e0}.faq-list summary{color:#253247;cursor:pointer;padding:17px 0;font-size:15px;font-weight:700;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{color:#0a7b83;content:"+";float:right;font-size:20px;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list p{margin:-2px 35px 18px 0}.site-footer{color:#f4f7fb;background:#172033;padding:40px max(28px,50% - 552px) 25px}.footer-brand{font-size:17px}.footer-brand .brand-mark{width:26px;height:26px}.site-footer p{color:#b6c2d2;margin:16px 0 28px;font-size:13px}.footer-links{flex-wrap:wrap;gap:19px;display:flex}.footer-links a,.site-footer small{color:#cbd6e2;font-size:12px}.site-footer small{border-top:1px solid #344055;margin-top:30px;padding-top:20px;display:block}@media (width<=800px){.workspace{grid-template-columns:1fr}.graph-viewport{height:470px}.seo-grid{grid-template-columns:1fr}.nav-links{display:none}.nav-links.is-open{background:#fff;border:1px solid #dce4ee;border-radius:6px;flex-direction:column;gap:16px;padding:18px;display:flex;position:absolute;top:62px;right:28px}.menu-toggle{display:block}}@media (width<=520px){.tool-hero,.workspace,.seo-content{padding-left:16px;padding-right:16px}.panel{padding:15px}.panel-heading{flex-direction:column}.privacy-note{text-align:left}.graph-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.toolbar-buttons{justify-content:space-between}.toolbar-buttons button{flex:1}.sample-picker{flex-direction:column;align-items:stretch;gap:7px}textarea{height:340px}.graph-viewport{height:420px;padding:22px}.workspace.is-big-screen{padding:8px;inset:0}.workspace.is-big-screen .panel{min-height:auto}.workspace.is-big-screen .editor-panel textarea{height:340px}.workspace.is-big-screen .graph-viewport{height:420px}}.hero-topline{justify-content:space-between;align-items:center;gap:20px;display:flex}.theme-toggle{color:#253247;background:#fff;border:1px solid #cad9e3;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.theme-toggle:hover{color:#0a7b83;border-color:#0a7b83}.theme-dark{color:#e5edf5;background:#111827}.theme-dark .site-header{background:#111827f0;border-color:#2d3b4e}.theme-dark .nav-links>a,.theme-dark .menu-toggle,.theme-dark .tool-name{color:#b8c6d8}.theme-dark .tool-hero>p:last-child,.theme-dark .seo-grid p,.theme-dark .faq-list p{color:#a9b7c9}.theme-dark .theme-toggle,.theme-dark .upload-button,.theme-dark .action-row button,.theme-dark .graph-footer button,.theme-dark .toolbar-buttons button{color:#d8e3ef;background:#1d2939;border-color:#415269}.theme-dark .theme-toggle:hover,.theme-dark .action-row button:hover,.theme-dark .graph-footer button:hover,.theme-dark .toolbar-buttons button:hover{color:#75ded9;border-color:#53c6c4}.theme-dark .panel{background:#1a2535;border-color:#34465d}.theme-dark textarea{color:#d9e7f2;background:#0b1220}.theme-dark select,.theme-dark .search-box{color:#d8e3ef;background:#111c2d;border-color:#415269}.theme-dark .search-box input{color:#d8e3ef}.theme-dark .sample-picker{border-color:#34465d}.theme-dark .sample-picker label,.theme-dark .file-name,.theme-dark .graph-footer,.theme-dark .node-meta{color:#9aabc0}.theme-dark .graph-viewport{background-color:#111c2d;background-image:radial-gradient(#34465d 1px,#0000 1px);border-color:#34465d}.theme-dark .graph-node{box-shadow:0 2px 8px #0003}.theme-dark .node-object{background:#153536}.theme-dark .node-array{background:#172f4a}.theme-dark .node-string{background:#402a29}.theme-dark .node-number{background:#342947}.theme-dark .node-boolean{background:#44351d}.theme-dark .node-null{background:#293342}.theme-dark .node-card-header{background:#64d2cd1a;border-color:#3e5862}.theme-dark .node-row{background:#11182780;border-color:#364657}.theme-dark .node-label{color:#dce8f2}.theme-dark .node-row .node-label{color:#7bc8e6}.theme-dark .node-value{color:#f28f7d}.theme-dark .node-number .node-value{color:#c6a2f4}.theme-dark .node-boolean .node-value{color:#f2c66e}.theme-dark .node-edit{color:#f28f7d;background:0 0}.theme-dark .node-toggle{color:#75ded9;background:#1d2939;border-color:#587083}.theme-dark .seo-content{border-color:#34465d}.theme-dark .faq-list details{border-color:#38555b}.theme-dark .faq-list summary{color:#e2ebf4}.theme-dark .privacy-note{color:#b5e7df;background:#153b3d;border-color:#347b7b}.theme-dark .privacy-note strong{color:#75ded9}@media (width<=520px){.hero-topline{flex-direction:column;align-items:flex-start;gap:5px}.theme-toggle{align-self:flex-start}}