:root{--vt-c-main-theme: #60b699;--vt-c-header-background-light: #ffffff;--vt-c-header-background-dark: #2c2a2a;--vt-c-header-bottom-light: #ffffff;--vt-c-header-bottom-dark: #686868;--vt-c-header-divider-light: rgba(60, 60, 60, .12);--vt-c-header-divider-dark: rgba(84, 84, 84, .48);--vt-c-background-light: #f7f7f7;--vt-c-background-dark: #3e3e3e;--vt-c-text-light: #2c3e50;--vt-c-text-dark: rgba(235, 235, 235, .64);--vt-c-block-background-light1: #ffffff;--vt-c-block-background-dark1: #2a2a2a;--vt-c-block-background-light2: #eaeaea;--vt-c-block-background-dark2: #515151;--vt-c-block-text-light1: #000000;--vt-c-block-text-dark1: #bdbdbd;--vt-c-block-text-light2: #fefefe;--vt-c-block-text-dark2: #000000;--vt-c-block-text-light3: #456aa1;--vt-c-block-text-dark3: #88b8ff;--vt-c-block-ul-border-light: #e8e8e8;--vt-c-block-ul-border-dark: #717171}:root{--color-main-theme: var(--vt-c-main-theme);--color-header-background: var(--vt-c-header-background-light);--color-header-bottom: var(--vt-c-header-bottom-light);--color-header-divider: var(--vt-c-header-divider-light);--color-background: var(--vt-c-background-light);--color-text: var(--vt-c-text-light);--color-block-background1: var(--vt-c-block-background-light1);--color-block-background2: var(--vt-c-block-background-light2);--color-block-text1: var(--vt-c-block-text-light1);--color-block-text2: var(--vt-c-block-text-light2);--color-block-text3: var(--vt-c-block-text-light3);--color-block-ul-border: var(--vt-c-block-ul-border-light)}.dark{--color-main-theme: var(--vt-c-main-theme);--color-header-background: var(--vt-c-header-background-dark);--color-header-bottom: var(--vt-c-header-bottom-dark);--color-header-divider: var(--vt-c-header-divider-dark);--color-background: var(--vt-c-background-dark);--color-text: var(--vt-c-text-dark);--color-block-background1: var(--vt-c-block-background-dark1);--color-block-background2: var(--vt-c-block-background-dark2);--color-block-text1: var(--vt-c-block-text-dark1);--color-block-text2: var(--vt-c-block-text-dark2);--color-block-text3: var(--vt-c-block-text-dark3);--color-block-ul-border: var(--vt-c-block-ul-border-dark)}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=radio].radio{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:2px solid var(--color-block-text1);border-radius:50%;outline:none;cursor:pointer;display:inline-block;margin:0;position:relative}input[type=radio].radio:checked{border-color:var(--color-main-theme)}input[type=radio].radio:after{content:"";width:8px;height:8px;background-color:var(--color-main-theme);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}input[type=radio].radio:checked:after{opacity:1}input[type=checkbox].checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:2px solid var(--color-block-text1);border-radius:4px;outline:none;cursor:pointer;position:relative;margin:0;display:inline-block}input[type=checkbox].checkbox:checked{border-color:var(--color-main-theme);background-color:var(--color-main-theme)}input[type=checkbox].checkbox:after{content:"";width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);opacity:0;transition:opacity .2s}input[type=checkbox].checkbox:checked:after{opacity:1}header{line-height:1.5;font-size:16px;width:100%;height:60px;padding:15px;background-color:var(--color-header-background);border-bottom:solid 1px var(--color-header-bottom);box-shadow:0 2px 10px 2px #0000004d}.brand-title{margin:0 20px;color:var(--color-main-theme);font-weight:700;font-size:18px;text-decoration:none}nav.tool-link{display:inline-block}nav a.router-link-exact-active{color:var(--color-text)}nav a.router-link-exact-active:hover{background-color:transparent}nav a{display:inline-block;padding:0 1rem;border-left:1px solid var(--color-header-divider)}nav a:first-of-type{border:0}nav a,.green{text-decoration:none;color:#00bd7e;transition:.4s}header .burger{display:none;font-weight:700;font-size:18px;border:0;background-color:transparent;color:var(--color-block-text1);transform:scaleX(1.5)}@media (hover: hover){nav a:hover{background-color:#00bd7e33}}header .header-right{float:right;display:flex;height:28px}.github-icon{margin-right:16px}.github-icon img{width:28px;height:28px;border-radius:50%;padding:1px}.theme{height:28px;width:28px;border-radius:50%;padding:0;border:solid 1px var(--color-text)}.theme svg{color:#ffc225}main{max-width:1440px;margin:0 auto;padding:1rem;font-size:16px;height:calc(100vh - 60px)}@media (max-width: 830px){.github-icon{display:inline}}@media (max-width: 768px){nav.tool-link{display:none;position:absolute;top:62px;left:0;background-color:var(--color-header-background);width:100%;padding:20px;z-index:999;box-shadow:0 2px 10px 2px #0000004d}header .burger{display:inline-block}}.result-div[data-v-7d5275d3]{color:var(--color-block-text3);border:var(--color-block-text1) 1px solid;height:calc(100% - 40px);background-color:var(--color-block-background1);min-height:100px}.result-content[data-v-7d5275d3]{position:absolute;padding:10px 10px 10px 20px;width:100%;height:100%;overflow-y:auto}.copy[data-v-7d5275d3]{position:absolute;top:12px;right:20px;background-color:var(--color-main-theme);color:#fff;border:0;border-radius:5px;padding:8px 12px;font-size:14px;cursor:pointer;z-index:2;opacity:.5}.result-div:hover>.copy[data-v-7d5275d3]{opacity:.9}.container[data-v-b6b77101]{display:flex;justify-content:space-around;height:100%}.select-block[data-v-b6b77101]{width:300px;padding:10px}.list-block[data-v-b6b77101]{color:var(--color-block-text1)}.list-block>p[data-v-b6b77101]{font-size:18px;margin-top:20px}.list-block>label[data-v-b6b77101]{font-size:16px;padding:5px 10px;margin-right:10px}.detail-block[data-v-b6b77101]{margin-top:20px;font-size:16px;border:2px var(--color-block-text1) dashed;padding:8px 10px}.detail-block .title[data-v-b6b77101]{font-size:18px;font-weight:700}.right-block[data-v-b6b77101]{flex-grow:1;display:flex;flex-wrap:wrap}.user-block[data-v-b6b77101],.result-block[data-v-b6b77101]{width:100%;min-height:50%}.block-title[data-v-b6b77101]{font-size:20px;text-align:center;border:var(--color-block-text1) 1px solid;background-color:var(--color-block-background2)}.user-string[data-v-b6b77101]{padding:10px;border:var(--color-block-text1) 1px solid;width:100%;height:calc(100% - 52px);min-height:100px;overflow-y:scroll;resize:none;font-size:16px;background-color:var(--color-block-background1);color:var(--color-block-text1)}.result-string[data-v-b6b77101]{position:absolute;padding:10px 10px 10px 20px;width:100%;height:100%;overflow-y:scroll}.error-message[data-v-b6b77101]{color:#d02451;font-weight:700}@media (max-width: 768px){.container[data-v-b6b77101]{flex-wrap:wrap}.select-block[data-v-b6b77101]{margin:0;width:90%;text-align:center}.user-block[data-v-b6b77101]{height:300px}.result-block[data-v-b6b77101]{height:300px;padding-bottom:20px}}.container[data-v-7a102012]{display:flex;height:100%;flex-direction:column;text-align:center;justify-content:center}.container h1[data-v-7a102012]{font-size:40px;letter-spacing:10px}.container h2[data-v-7a102012]{font-size:32px;letter-spacing:5px}.redirect[data-v-7a102012]{padding:20px}.redirect a[data-v-7a102012]{text-decoration:underline;font-size:18px;color:#53b79b;font-weight:700}.container[data-v-8fcc65a6]{display:flex;justify-content:space-around;text-align:center;width:80%;margin:auto;flex-wrap:wrap}.introduce[data-v-8fcc65a6]{padding:20px;border:2px #42b883 dashed}.introduce .title[data-v-8fcc65a6]{font-size:20px;font-weight:700;color:#42b883}.introduce .content[data-v-8fcc65a6]{margin-top:10px}.about[data-v-8fcc65a6]{width:50%;margin-top:60px;padding-bottom:30px}.about .avatar[data-v-8fcc65a6]{border-radius:50%;width:200px;height:200px}.about .author[data-v-8fcc65a6]{font-size:20px;margin:10px}.about .experience[data-v-8fcc65a6]{margin-top:10px}.experience .description[data-v-8fcc65a6]{color:#7e7e7e;font-style:italic;font-size:14px}.changeLog[data-v-8fcc65a6]{width:50%;margin-top:30px;padding:10px 10px 30px}.changeLog .title[data-v-8fcc65a6]{margin:10px;font-size:18px}.changeLog .description[data-v-8fcc65a6]{color:#7e7e7e;font-style:italic;font-size:14px;margin-bottom:25px}.changeLog ul[data-v-8fcc65a6]{list-style:none;padding:0}.changeLog .thanks[data-v-8fcc65a6]{color:#7e7e7e;font-style:italic}@media (max-width: 768px){.about[data-v-8fcc65a6],.changeLog[data-v-8fcc65a6]{width:100%}}.slider[data-v-b132b1f7]{display:inline-block;width:100%}.range[data-v-b132b1f7]{display:inline-block;width:80%;font-size:16px}.range>.max[data-v-b132b1f7]{position:absolute;right:0}input[type=range][data-v-b132b1f7]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#b5b5b5;width:100%;height:12px;border-radius:5px}input[type=range][data-v-b132b1f7]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-main-theme);border-radius:50%;width:20px;height:20px}input[type=range][data-v-b132b1f7]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-main-theme);border-radius:50%;width:20px;height:20px}.valueText[data-v-b132b1f7]{position:absolute;right:0;top:40%}input[type=checkbox][data-v-d7d0d195]{height:0;width:0;visibility:hidden}.switchToggle[data-v-d7d0d195]{cursor:pointer;width:40px;height:20px;background:#b5b5b5;border-radius:20px;position:relative;display:inline-block;vertical-align:middle}.switchToggle[data-v-d7d0d195]:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:16px;transition:.3s}input:checked+.switchToggle[data-v-d7d0d195]{background-color:var(--color-main-theme)}.switchToggle[data-v-d7d0d195]:active:after{width:26px}input:checked+.switchToggle[data-v-d7d0d195]:after{left:calc(100% - 2px);transform:translate(-100%)}.container[data-v-e20ff9d6]{display:flex;justify-content:space-around}.image-block[data-v-e20ff9d6]{width:65%}.image-block .title[data-v-e20ff9d6]{padding:10px;font-size:20px;text-align:center}.upload-file[data-v-e20ff9d6]{display:block;width:100%;height:500px;background-color:var(--color-block-background2);text-align:center;margin-top:10px;padding:10px;border-radius:5px;cursor:pointer}.upload-file .upload-block[data-v-e20ff9d6]{border:dashed 2px;padding:160px 40px;height:100%}.upload-block .icon[data-v-e20ff9d6]{font-size:48px;color:#bea545}.upload-block .text[data-v-e20ff9d6]{padding:10px 10px 30px;font-size:18px}.upload-block .error[data-v-e20ff9d6]{font-size:20px;color:#ff6868}.upload-file input[type=file][data-v-e20ff9d6]{opacity:0;position:absolute;width:100%;height:100%;top:0;left:0}.preview-block[data-v-e20ff9d6]{display:flex;justify-content:space-around;align-items:center;background-color:var(--color-block-background2);margin-top:10px;width:100%;height:500px}.preview-block .preview-image[data-v-e20ff9d6]{max-width:100%}.preview-block .reset-image[data-v-e20ff9d6]{position:absolute;top:0;right:8px;font-size:28px;cursor:pointer;color:#fb7a99}.multi-preview-block[data-v-e20ff9d6]{display:block;width:100%;height:200px;background-color:var(--color-block-background2);margin-top:10px;padding:10px;border-radius:5px;white-space:nowrap}.multi-preview-block .images[data-v-e20ff9d6]{height:calc(100% - 25px);overflow-x:scroll;overflow-y:hidden}.multi-preview-block img[data-v-e20ff9d6]{width:250px;height:calc(100% - 10px);margin:auto 10px;object-fit:contain;border:1px #b5b5b5 solid;cursor:pointer}.multi-preview-block img.selected[data-v-e20ff9d6]{border:4px #a96868 solid}.tools-block[data-v-e20ff9d6]{text-align:center}.tools-block button[data-v-e20ff9d6]{background-color:var(--color-main-theme);color:#fff;padding:10px 20px;border:0;margin:0 5px;cursor:pointer}.information-block[data-v-e20ff9d6]{width:35%;margin-left:15px;font-size:18px}.information-block .origin[data-v-e20ff9d6]{background-color:var(--color-block-background2);padding:20px;margin-top:60px}.information-block .draw-tool[data-v-e20ff9d6]{background-color:var(--color-block-background2);padding:20px;margin-top:20px}.draw-tool .title[data-v-e20ff9d6]{font-size:20px;text-align:center;border-bottom:1px solid;padding-bottom:10px;margin-bottom:10px}.draw-tool .tools[data-v-e20ff9d6]{padding-left:20px}.tools>div[data-v-e20ff9d6]{margin-top:5px}.tools .hint svg[data-v-e20ff9d6]{color:#bea545}.tools input[type=number][data-v-e20ff9d6]{padding:5px;font-size:18px;max-width:30%;letter-spacing:2px}.tools input[type=text][data-v-e20ff9d6]{padding:5px;font-size:18px;max-width:100%;letter-spacing:2px}.tools .slider[data-v-e20ff9d6]{max-width:90%}.draw-tool .download[data-v-e20ff9d6]{background-color:#a96868;border:0;color:#e4e4e4;padding:10px 20px;width:100%;font-size:20px;margin-top:20px;cursor:pointer}.draw-tool .download[disabled][data-v-e20ff9d6]{background-color:var(--color-background);color:#b1b0b0;cursor:not-allowed}.final-block[data-v-e20ff9d6]{margin-top:20px;padding-top:10px;border-top:1px solid}.image-type input[type=radio][data-v-e20ff9d6]{display:none;opacity:0;height:0;width:0}.image-type .text[data-v-e20ff9d6]{display:inline-block;cursor:pointer;background-color:#b5b5b5;margin:0 5px 10px;padding:4px 12px}.image-type input[type=radio]:checked+.text[data-v-e20ff9d6]{background-color:var(--color-main-theme);color:#fff}.image-type .divider[data-v-e20ff9d6]{border-left:1px solid;margin:0 7px;padding:4px 0}.final-block .slider[data-v-e20ff9d6]{max-width:100%}@media (max-width: 768px){.container[data-v-e20ff9d6]{flex-wrap:wrap}.image-block[data-v-e20ff9d6]{width:100%}.upload-file .upload-block[data-v-e20ff9d6]{padding:120px 40px}.information-block[data-v-e20ff9d6]{width:100%;margin:0;padding-bottom:20px}.draw-tool .tools[data-v-e20ff9d6]{padding-left:0}}ul[data-v-518686ad]{list-style-type:none;padding:0 0 0 20px}.string[data-v-518686ad]{color:#29ab29}.number[data-v-518686ad]{color:#f04242}.boolean[data-v-518686ad]{color:#e69809}.null[data-v-518686ad]{color:#bf7dbf;font-style:italic}.array-bracket[data-v-518686ad],.object-key[data-v-518686ad],.object-bracket[data-v-518686ad]{cursor:pointer}.array-bracket~ul[data-v-518686ad],.object-bracket~ul[data-v-518686ad]{border-left:var(--color-block-ul-border) 1.5px solid}.array-bracket:hover~ul[data-v-518686ad],.object-key:hover~ul[data-v-518686ad],.object-bracket:hover~ul[data-v-518686ad]{border-left:#b586b5 1.5px solid}.close[data-v-518686ad]:after{content:" ... ";color:#918888}.count[data-v-518686ad]:after{content:var(--6f5ff028);background-color:#c3b5f4;color:var(--color-block-text2);border-radius:4px;padding:0 4px;margin:auto 5px;font-size:95%}.container[data-v-b078bb8f]{display:flex;justify-content:space-around;height:100%}.user-block[data-v-b078bb8f]{width:45%;min-width:270px}.drag-block[data-v-b078bb8f]{display:flex;align-items:center;justify-content:center;height:100%;width:12px;z-index:3;cursor:col-resize}.result-block[data-v-b078bb8f]{width:calc(55% - 12px);min-width:270px}.title-block[data-v-b078bb8f]{display:flex;align-items:center;font-size:20px;height:40px;width:100%;border:var(--color-block-text1) 1px solid;background-color:var(--color-block-background2)}.title-block>.title[data-v-b078bb8f]{padding:0 10px;border-right:solid 1px}.title-block .action[data-v-b078bb8f]{display:flex;align-items:center;gap:4px;padding:0 5px;width:100%;height:100%}.title-block .action .example[data-v-b078bb8f]{padding:2px 0;border-radius:3px;max-width:95px}.title-block .action .radio-block[data-v-b078bb8f]{font-size:16px;line-height:1;text-align:center}.title-block .action .radio-block>.title[data-v-b078bb8f]{font-size:14px}.all-open-control[data-v-b078bb8f]{position:relative;padding:2px 5px;font-size:14px;font-weight:700;margin-left:2px}.all-open-control[data-v-b078bb8f]:before{position:absolute;top:-32px;left:0;z-index:1;width:100px;background-color:var(--color-block-background1);border:1px solid #888;color:var(--color-text);content:attr(data-text);padding:6px 10px;border-radius:5px;display:none}.all-open-control[data-v-b078bb8f]:hover:before{display:block}.user-json[data-v-b078bb8f]{padding:10px;border:var(--color-block-text1) 1px solid;width:100%;height:calc(100% - 40px);min-height:100px;overflow-y:auto;resize:none;font-size:16px;background-color:var(--color-block-background1);color:var(--color-block-text1)}.tree-json[data-v-b078bb8f]{position:absolute;padding:10px 10px 10px 20px;width:100%;height:100%;overflow-y:scroll}.error-message[data-v-b078bb8f]{color:#d02451;font-weight:700}@media (max-width: 768px){.container[data-v-b078bb8f]{justify-content:flex-start;flex-direction:column}.user-block[data-v-b078bb8f]{width:100%}.user-json[data-v-b078bb8f]{height:400px}.drag-block[data-v-b078bb8f]{display:none}.result-block[data-v-b078bb8f]{width:100%;margin-top:20px;padding-bottom:30px}.result-div[data-v-b078bb8f]{height:400px}}