.json-tool-shell{--json-editor-line-height:1.76;color:#17212b;left:50%;margin:18px 0 0 max(-880px,calc(16px - 50vw));min-height:calc(100vh - 142px);position:relative;width:min(1760px,calc(100vw - 32px))}.json-hero{align-items:center;display:flex;gap:16px;margin-bottom:28px}.json-hero-icon{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:16px;box-shadow:0 12px 30px rgba(16,185,129,.14);color:#00b894;display:inline-flex;height:58px;justify-content:center;width:58px}.json-hero-icon .v-icon{color:#00a884}.json-hero h1{font-size:26px;font-weight:800;letter-spacing:0;line-height:1.2;margin:0}.json-hero p{color:#5b6674;font-size:15px;margin:6px 0 0}.json-workbench{grid-gap:12px;display:grid;gap:12px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.editor-panel,.json-workbench{height:calc(100vh - 250px);max-height:calc(100vh - 250px);min-height:calc(100vh - 250px)}.editor-panel{background:#fff;border:1px solid #d9e0e8;border-radius:8px;box-shadow:0 16px 50px rgba(22,31,45,.08);display:flex;flex-direction:column;min-width:0;overflow:hidden}.panel-toolbar{align-items:flex-start;background:#fff;border-bottom:1px solid #e8edf2;display:flex;gap:12px;justify-content:space-between;min-height:58px;padding:12px}.panel-toolbar h2{font-size:16px;font-weight:800;letter-spacing:0;line-height:34px;margin:0}.panel-title{gap:10px;min-height:34px}.panel-title,.panel-title-icon{align-items:center;display:inline-flex}.panel-title-icon{border:1px solid;border-radius:8px;flex:0 0 34px;height:34px;justify-content:center;position:relative;width:34px}.panel-title-icon:after{border:2px solid #fff;border-radius:999px;bottom:-4px;content:"";height:12px;position:absolute;right:-4px;width:12px}.panel-title-icon .v-icon{color:currentColor}.input-title-icon{background:#f6f8fb;border-color:#cfd8e3;color:#42526e}.input-title-icon:after{display:none}.tree-title-icon{background:#eff6ff;border-color:#b9d8ff;color:#1767c2}.tree-title-icon:after{display:none}.toolbar-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.tool-button{align-items:center;background:#fff;border:1px solid #d5dde7;border-radius:6px;color:#283747;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:5px;justify-content:center;line-height:1;min-height:34px;padding:0 10px;transition:border-color .2s ease,color .2s ease,background-color .2s ease,transform .2s ease}.tool-button .v-icon{color:currentColor}.tool-button:hover:not(:disabled){background:#f0fdf9;border-color:#00a884;color:#008f72;transform:translateY(-1px)}.tool-button:disabled{background:#f4f6f8;color:#a3adb8;cursor:not-allowed;transform:none}.font-size-menu{position:relative}.font-size-button{align-items:center;background:#fff;border:1px solid #d5dde7;border-radius:6px;color:#263342;cursor:pointer;display:inline-flex;font-size:13px;font-weight:800;gap:5px;justify-content:center;line-height:1;min-height:34px;padding:0 10px;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.font-size-button .v-icon{color:currentColor}.font-size-button:hover{background:#f0fdf9;border-color:#00a884;color:#008f72}.font-size-options{background:#fff;border:1px solid #e4e9f0;border-radius:8px;box-shadow:0 14px 34px rgba(22,31,45,.16);display:flex;flex-direction:column;gap:2px;margin-top:8px;min-width:76px;padding:8px 6px;position:absolute;right:0;top:100%;z-index:20}.font-size-options:before{bottom:100%;content:"";height:8px;position:absolute;right:0;width:100%}.font-size-option{background:transparent;border:0;border-radius:6px;color:#102033;cursor:pointer;font-size:13px;font-weight:700;min-height:34px;text-align:center}.font-size-option:hover{background:#f0fdf9;color:#008f72}.font-size-option.active{background:#233144;color:#fff}.file-input{display:none}.input-editor{background:#fff;display:flex;flex:1;min-height:0;overflow:hidden;position:relative;scrollbar-gutter:stable}.input-line-numbers{background:#f8fafc;border:0;border-right:1px solid #e1e7ee;bottom:0;color:#9aa6b2;height:100%;left:0;overflow:hidden;padding:18px 14px 18px 0;pointer-events:none;position:absolute;text-align:right;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:pre;width:56px;z-index:1}.input-line-numbers,.json-input{box-sizing:border-box;font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:var(--json-editor-line-height);outline:none;resize:none}.json-input{word-wrap:anywhere;background:#fff;border:0;color:#243140;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:18px 20px;scrollbar-gutter:stable;-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre-wrap;width:100%;word-break:break-word}.has-line-numbers .json-input{padding-left:76px}.json-tool-shell .input-line-numbers,.json-tool-shell .json-input{line-height:var(--json-editor-line-height)}.json-tool-shell .has-line-numbers .json-input{padding-left:76px}.json-input::-moz-placeholder{color:#8b98a8}.json-input::placeholder{color:#8b98a8}.json-input:focus{box-shadow:inset 0 0 0 2px rgba(0,168,132,.14)}.output-viewport{background:transparent;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;position:relative;scrollbar-gutter:stable}.code-frame{background:transparent;font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:1.72;min-width:0;padding:14px 0 16px;width:100%}.json-tree-frame{background:linear-gradient(90deg,rgba(247,250,252,.92),hsla(0,0%,100%,0) 72px),#fff}.code-line{align-items:center;border:1px solid transparent;border-radius:6px;display:flex;margin:0 8px;min-height:20px;min-width:0;position:relative;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease;white-space:normal;width:calc(100% - 18px)}.json-tree-row:hover{background:#f8fafc;border-color:#e9eff6;box-shadow:inset 3px 0 0 #3bbda4}.json-tree-row.is-collapsed{background:#f8fbff;border-color:#e5f1ff}.line-number{border-right:1px solid #e1e7ee;color:#9aa6b2;flex:0 0 56px;padding-right:14px;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.line-content{word-wrap:anywhere;align-items:center;background:transparent!important;box-shadow:none!important;box-sizing:border-box;color:#243140;display:flex;flex-wrap:wrap;min-height:20px;min-width:0;padding:0 12px;white-space:pre-wrap;width:100%;word-break:break-word}.json-tree-content{gap:2px;line-height:1.35;min-width:0}.json-tree-indent{align-self:stretch;background-image:repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(148,163,184,.26) 0,rgba(148,163,184,.26) 21px,transparent 0,transparent 22px);background-position:10px 0;flex:0 0 auto;min-height:20px}.json-tree-toggle,.json-tree-toggle-spacer{flex:0 0 15px;height:15px;margin-right:4px;width:15px}.json-tree-toggle{align-items:center;background:#fff;border:1px solid #6b7c8f;border-radius:4px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.94);color:#17212b;cursor:pointer;display:inline-flex;font-size:11px;font-weight:900;justify-content:center;line-height:1;transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.json-tree-toggle.is-collapsed{background:#eefbff;border-color:#2da7c4;color:#075e75}.json-tree-toggle:hover{background:#f0fdfa;border-color:#44bba4;box-shadow:0 2px 8px rgba(35,157,132,.14);color:#087a68;transform:translateY(-1px)}.json-tree-toggle.is-collapsed:hover{background:#e8faff;border-color:#33b5d4;box-shadow:0 2px 8px rgba(8,167,214,.14);color:#056f95}.json-tree-toggle-symbol{color:currentColor;display:block;font-size:11px;font-weight:900;height:11px;line-height:11px;text-align:center;width:100%}.json-tree-colon{color:#607086;font-weight:700}.json-array-index{background:#f6f8fb;border:1px solid #d5dde7;border-radius:999px;color:#64748b;font-size:10px;font-weight:800;height:16px;line-height:1;min-width:20px;padding:0 5px;white-space:nowrap}.json-array-index,.json-link-open{align-items:center;display:inline-flex;justify-content:center}.json-link-open{background:#eef8ff;border:1px solid #9bd5ff;border-radius:5px;box-shadow:0 2px 8px rgba(9,105,218,.12);color:#0969da;cursor:pointer;flex:0 0 18px;height:18px;margin-left:4px;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease;width:18px}.json-link-open .v-icon{color:currentColor}.json-link-open:focus,.json-link-open:hover{background:#e1f1ff;border-color:#3a91eb;color:#075bb8;transform:translateY(-1px)}.json-node-delete{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff7f3;border:1px solid #f4c7b6;border-radius:4px;box-shadow:0 2px 8px rgba(186,74,50,.08);color:#ba4a32;cursor:pointer;display:inline-flex;flex:0 0 max-content;font-size:11px;font-weight:700;height:14px;justify-content:center;line-height:1;margin:0 0 0 4px;min-height:0;min-width:0;opacity:0;padding:0 2px;pointer-events:none;transition:opacity .16s ease,visibility .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease;visibility:hidden;white-space:nowrap;width:-moz-fit-content;width:fit-content}.code-line:hover .json-node-delete,.json-node-delete:focus,.json-tree-row:hover .json-node-delete{opacity:1;pointer-events:auto;visibility:visible}.json-node-delete:hover{background:#fff0e9;border-color:#e58a72;color:#9d3320}.line-content:after,.line-content:before{content:none!important}.json-token{word-wrap:anywhere;background:transparent!important;box-shadow:none!important;min-width:0;white-space:pre-wrap;word-break:break-word}.token-key{color:#a832a6;font-weight:750}.token-string{color:#0d9f6e;font-weight:700}.token-number{color:#0969da;font-weight:750}.token-boolean{color:#d1242f;font-weight:750}.token-null{color:#6e7781;font-weight:750}.token-punctuation{color:#607086;font-weight:700}.empty-output,.error-output{align-items:center;color:#6b7787;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:100%;padding:32px;text-align:center}.empty-output .v-icon{color:#00a884;font-size:40px}.error-output .v-icon{color:#d1242f;font-size:40px}.empty-output strong,.error-output strong{color:#273444;font-size:16px}.empty-output span,.error-output span{font-size:14px;line-height:1.7;max-width:520px}.error-output span{color:#a0242c}.json-tool-shell.is-fullscreen{background:#fff;bottom:0;color:#17212b;display:flex;flex-direction:column;height:100vh;left:0;left:auto;margin:0;min-height:100vh;padding:12px;position:fixed;right:0;top:0;width:100vw;z-index:3000}.json-tool-shell.is-fullscreen .json-hero{display:none}.json-tool-shell.is-fullscreen .json-workbench{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:auto;max-height:none;min-height:0}.json-tool-shell.is-fullscreen .json-workbench.is-input-collapsed{grid-template-columns:44px minmax(0,1fr)}.json-tool-shell.is-fullscreen .json-workbench.is-result-collapsed{grid-template-columns:minmax(0,1fr) 44px}.json-tool-shell.is-fullscreen .editor-panel{height:auto;max-height:none;min-height:0;overflow:visible}.json-tool-shell.is-fullscreen .panel-toolbar{position:sticky;top:0;z-index:1}.split-collapse-button{display:none}.json-tool-shell.is-fullscreen .split-collapse-button{align-items:center;backdrop-filter:blur(8px);background:hsla(0,0%,100%,.88);border:1px solid rgba(101,163,148,.48);border-radius:999px;box-shadow:0 8px 18px rgba(22,31,45,.12),inset 0 1px 0 hsla(0,0%,100%,.92);color:#008f72;cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:0;position:absolute;transform:translateY(-50%);transition:border-color .18s ease,color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease;width:24px;z-index:8}.json-tool-shell.is-fullscreen .split-collapse-button:focus-visible,.json-tool-shell.is-fullscreen .split-collapse-button:hover{background:#fff;border-color:#00a884;box-shadow:0 10px 22px rgba(0,168,132,.18),inset 0 1px 0 hsla(0,0%,100%,.95);color:#00745e;outline:none;transform:translateY(-50%) scale(1.04)}.json-tool-shell.is-fullscreen .split-collapse-button .v-icon{color:currentColor;font-size:18px}.json-tool-shell.is-fullscreen .input-collapse-button{right:-18px;top:calc(50% - 24px)}.json-tool-shell.is-fullscreen .result-collapse-button{left:-18px;top:calc(50% + 24px)}.json-tool-shell.is-fullscreen .editor-panel.is-collapsed{background:linear-gradient(180deg,#f8fafc,#fff);box-shadow:none}.json-tool-shell.is-fullscreen .editor-panel.is-collapsed .split-collapse-button{background:#00a884;border-color:rgba(0,168,132,.52);box-shadow:0 10px 22px rgba(0,168,132,.22),inset 0 1px 0 hsla(0,0%,100%,.22);color:#fff}.json-tool-shell.is-fullscreen .editor-panel.is-collapsed .split-collapse-button:focus-visible,.json-tool-shell.is-fullscreen .editor-panel.is-collapsed .split-collapse-button:hover{background:#008f72;color:#fff}.json-tool-shell.is-fullscreen .editor-panel.is-collapsed .input-editor,.json-tool-shell.is-fullscreen .editor-panel.is-collapsed .output-viewport,.json-tool-shell.is-fullscreen .editor-panel.is-collapsed .panel-toolbar{opacity:0;pointer-events:none;visibility:hidden}.json-global-snackbar.v-snack{justify-content:center;left:0!important;pointer-events:none;right:0!important;top:72px!important;width:auto}.json-global-snackbar .v-snack__wrapper{margin:0 auto;min-width:220px;pointer-events:auto}.json-input::-webkit-scrollbar,.output-viewport::-webkit-scrollbar{height:10px;width:10px}.json-input::-webkit-scrollbar-thumb,.output-viewport::-webkit-scrollbar-thumb{background:#b8c2cf;border:2px solid #fff;border-radius:999px}.json-input::-webkit-scrollbar-track,.output-viewport::-webkit-scrollbar-track{background:#f3f6f9}@media screen and (max-width:1024px){.json-tool-shell{margin-left:calc(12px - 50vw);margin-top:12px;width:calc(100vw - 24px)}.json-workbench{grid-template-columns:1fr;height:auto;max-height:none;min-height:auto}.editor-panel{height:520px;max-height:none;min-height:520px}.panel-toolbar{flex-direction:column}.toolbar-actions{justify-content:flex-start}}@media screen and (max-width:600px){.json-tool-shell{margin-left:calc(8px - 50vw);width:calc(100vw - 16px)}.json-hero{align-items:flex-start}.json-hero-icon{border-radius:14px;height:50px;width:50px}.json-hero h1{font-size:22px}.json-hero p{font-size:13px}.font-size-button,.tool-button{font-size:12px;min-height:32px;padding:0 8px}.input-line-numbers{padding-right:10px;width:44px}.line-number{flex-basis:44px;padding-right:10px}.has-line-numbers .json-input{padding-left:60px}.json-tool-shell .input-line-numbers{padding-right:10px;width:44px}.json-tool-shell .has-line-numbers .json-input{padding-left:60px}.line-content{padding:2px 12px}}.site-brand[data-v-6dba8a4b]{align-items:center;color:#17202a;display:inline-flex;gap:11px;min-width:0;-webkit-text-decoration:none;text-decoration:none}.site-brand__mark[data-v-6dba8a4b]{grid-gap:3px;background:#211833;border-radius:8px;box-shadow:0 8px 22px rgba(33,24,51,.16);display:grid;flex:0 0 auto;gap:3px;grid-template-columns:repeat(3,1fr);height:34px;padding:5px;width:34px}.site-brand__mark span[data-v-6dba8a4b]{background:#8744c7;border-radius:999px}.site-brand__mark span[data-v-6dba8a4b]:nth-child(2n){background:#35ad62}.site-brand__text[data-v-6dba8a4b]{align-items:baseline;display:inline-flex;gap:7px;min-width:0}.site-brand__text strong[data-v-6dba8a4b]{color:#344154;font-size:20px;line-height:1;white-space:nowrap}.site-brand__text strong span[data-v-6dba8a4b]:first-child{color:#2868b7}.site-brand__text strong span[data-v-6dba8a4b]:nth-child(2){color:#2ca55b}@media screen and (max-width:520px){.site-brand__text strong[data-v-6dba8a4b]{font-size:18px}}.site-header[data-v-36b2da0d]{backdrop-filter:blur(14px);background:hsla(0,0%,100%,.96);border-bottom:1px solid rgba(218,226,235,.86);position:sticky;top:0;z-index:100}.site-toolbar[data-v-36b2da0d]{margin:0 auto;max-width:1280px;min-height:58px;padding:0 18px}.desktop-nav[data-v-36b2da0d]{align-items:center;display:flex;gap:4px;justify-content:flex-end;min-width:0}.nav-category[data-v-36b2da0d]{position:relative}.nav-link[data-v-36b2da0d]{align-items:center;border-radius:999px;color:#4e5a69;display:inline-flex;font-size:14px;font-weight:600;gap:5px;line-height:1;padding:9px 10px;-webkit-text-decoration:none;text-decoration:none;transition:background-color .16s ease,color .16s ease,transform .16s ease;white-space:nowrap}.nav-category:focus-within .nav-link[data-v-36b2da0d],.nav-link[data-v-36b2da0d]:hover{background:var(--category-bg);color:var(--category-color);transform:translateY(-1px)}.nav-link .v-icon[data-v-36b2da0d]{color:currentColor}.tool-menu[data-v-36b2da0d]{background:#fff;border:1px solid #dce3eb;border-radius:8px;box-shadow:0 18px 42px rgba(23,32,42,.14);min-width:218px;opacity:0;padding:8px;pointer-events:none;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(6px);transition:opacity .16s ease,transform .16s ease}.tool-menu[data-v-36b2da0d]:before{content:"";height:10px;left:0;position:absolute;right:0;top:-10px}.nav-category:focus-within .tool-menu[data-v-36b2da0d],.nav-category:hover .tool-menu[data-v-36b2da0d]{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-category--closed:focus-within .tool-menu[data-v-36b2da0d],.nav-category--closed:hover .tool-menu[data-v-36b2da0d]{opacity:0;pointer-events:none;transform:translateY(6px)}.nav-category--closed:focus-within .nav-link[data-v-36b2da0d],.nav-category--closed:hover .nav-link[data-v-36b2da0d]{background:transparent;color:#4e5a69;transform:none}.tool-menu-link[data-v-36b2da0d]{align-items:center;border-radius:7px;color:#344154;display:flex;font-size:13px;gap:8px;line-height:1;padding:9px 8px;-webkit-text-decoration:none;text-decoration:none;white-space:nowrap}.tool-menu-link[data-v-36b2da0d]:hover{background:#f4f7fa;color:var(--category-color)}.tool-menu-icon[data-v-36b2da0d]{align-items:center;background:var(--tool-bg);border-radius:6px;display:inline-grid;height:24px;justify-items:center;place-items:center;width:24px}.tool-menu-icon .v-icon[data-v-36b2da0d]{color:var(--tool-color)}.menu-button[data-v-36b2da0d]{align-items:center;background:#fff;border:1px solid #d8e0ea;border-radius:8px;color:#344154;display:inline-grid;height:38px;justify-items:center;place-items:center;width:38px}.mobile-nav-panel[data-v-36b2da0d]{display:none}@media screen and (max-width:1264px){.desktop-nav[data-v-36b2da0d]{display:none}.mobile-nav-panel[data-v-36b2da0d]{grid-gap:8px;background:hsla(0,0%,100%,.96);border-bottom:1px solid rgba(218,226,235,.86);box-shadow:0 18px 34px rgba(23,32,42,.12);display:grid;gap:8px;left:0;margin:0 auto;max-height:calc(100vh - 58px);max-width:1280px;overflow-y:auto;padding:10px 18px 14px;position:absolute;right:0;top:100%;z-index:99}.mobile-category-link[data-v-36b2da0d]{grid-gap:3px;background:#fff;border:1px solid #d8e0ea;border-radius:8px;color:#344154;display:grid;gap:3px;padding:10px 12px;-webkit-text-decoration:none;text-decoration:none}.mobile-category-link[data-v-36b2da0d]:hover{background:var(--category-bg);border-color:var(--category-color)}.mobile-category-title[data-v-36b2da0d]{align-items:center;display:inline-flex;font-weight:700;gap:8px}.mobile-category-title .v-icon[data-v-36b2da0d]{color:var(--category-color)}.mobile-category-link small[data-v-36b2da0d]{color:#697486;font-size:12px}.mobile-menu-enter-active[data-v-36b2da0d],.mobile-menu-leave-active[data-v-36b2da0d]{transition:opacity .16s ease,transform .16s ease}.mobile-menu-enter[data-v-36b2da0d],.mobile-menu-leave-to[data-v-36b2da0d]{opacity:0;transform:translateY(-6px)}}@media screen and (max-width:520px){.site-toolbar[data-v-36b2da0d]{padding:0 10px}.mobile-nav-panel[data-v-36b2da0d]{padding-left:10px;padding-right:10px}}