.json-tool-page #json-composite textarea{resize:both}.linedwrap{box-sizing:border-box;border:none;width:100%;height:100%;padding:3px;display:inline-block;position:absolute;left:0}.linedwrap.second{width:50%;left:50%}.linedtextarea{margin:0;padding:0}.linedtextarea textarea,.linedwrap .codelines .lineno{font-family:IBM Plex Mono,Fira Code,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.linedtextarea textarea{border:0;padding-top:.3em;padding-right:.3em}.linedwrap .lines{float:left;border-right:1px solid var(--line);z-index:1;background:var(--surface-2);width:50px;margin-top:0;position:absolute;top:0;left:0;overflow:hidden}.linedwrap .codelines{padding-top:20px}.linedwrap .codelines .lineno{color:var(--fg-faint);text-align:right;white-space:nowrap;padding-top:0;padding-right:.5em}.linedwrap .codelines .lineselect{color:red}html:has(body.json-tool-page){overscroll-behavior:none;overflow:hidden}.json-tool-page{overscroll-behavior:none;background:var(--bg);color:var(--fg-muted);line-height:1.5;overflow:hidden}.json-tool-page #app{overscroll-behavior:none;overflow:hidden}.json-tool-shell{overscroll-behavior:none;background:var(--surface);flex:auto;width:100%;min-height:0;position:relative;overflow:hidden}#json-composite{overscroll-behavior:none;background:var(--surface);height:100%;position:relative;overflow:hidden}.JSONValidate{z-index:1;overscroll-behavior:none;background:var(--surface);width:50%;position:absolute;top:0;left:50%;overflow:hidden}.JSONValidate.primary{z-index:2;width:100%;display:block;left:0}.JSONValidate:after{clear:both;content:"";display:block}.error-view{z-index:3;background:var(--surface-3);color:var(--fg);border-top:1px solid var(--line);box-shadow:var(--shadow-lg);-webkit-box-shadow:var(--shadow-lg);-moz-box-shadow:var(--shadow-lg);border-radius:3px;margin:0;padding:15px 20px;font-family:Myriad Pro,Helvetica,sans-serif;font-size:12px;display:none;position:absolute}.error-view .close-btn{top:-9px;right:-9px}.close-btn{color:#fff;background:#ad2b2b;border-radius:20px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;line-height:1;text-decoration:none;display:inline-flex;position:absolute;top:-7px;right:-7px}.close-btn span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.close-btn:hover{color:#fff;background-color:#8a2828}.error-view.reverse .arrow-down{border-top:5px solid #0000;border-bottom:5px solid var(--surface-3);top:-10px;bottom:auto}.arrow-down{border-bottom:5px solid #0000;border-left:5px solid #0000;border-top:5px solid var(--surface-3);border-right:5px solid #0000;position:absolute;bottom:-10px;left:10px}.error-message{float:left;margin:0;display:block}#json-composite .button{z-index:1;background-color:color-mix(in srgb, var(--surface-2) 84%, transparent);border:1px solid var(--line);box-shadow:var(--shadow-sm);-webkit-box-shadow:var(--shadow-sm);-moz-box-shadow:var(--shadow-sm);-o-transition:all 2s;border-radius:3px;padding:8px;transition:all .1s;position:absolute;right:20px}#json-composite .button .icon{width:22px;height:22px;color:var(--fg-muted);opacity:.8;transition:color .1s,opacity .1s;-o-transition:background-color 2s;justify-content:center;align-items:center;font-size:14px;line-height:1;-webkit-transition:background-color .1s;-moz-transition:background-color .1s;display:inline-flex}#json-composite .button:hover{background-color:var(--surface-3)}#json-composite .button:hover .icon{color:var(--fg);opacity:1}#json-composite .button.error{background-color:color-mix(in srgb, var(--red) 18%, var(--surface));border-color:color-mix(in srgb, var(--red) 44%, var(--line))}#json-composite .button.success{background-color:color-mix(in srgb, var(--green) 18%, var(--surface));border-color:color-mix(in srgb, var(--green) 44%, var(--line))}#json-composite .button.error .icon,#json-composite .button.success .icon{opacity:1}#json-composite .validate{top:20px}#json-composite .validate .icon{background-position:0 0}#json-composite .reset{top:70px}#json-composite .reset .icon{background-position:-22px 0}#json-composite .primary .split-view{top:120px}#json-composite .split-view{display:none;top:170px}#json-composite .split-view .icon{background-position:-44px 0}#json-composite .split-view.cancel .icon{background-position:-110px 0}#json-composite ins{color:#154d27;background:#abdf8e;text-decoration:none}#json-composite del{color:#8a0600;background:#dba1a1;text-decoration:none}#diff-view{z-index:0;overscroll-behavior:none;background:var(--surface);width:34%;height:100%;position:absolute;top:0;left:33%;overflow:hidden}#diff-view .diff{top:20px}#json-composite .diff{display:none;top:120px}#json-composite .diff .icon{background-position:-88px 0}#json-composite .cancel-diff{top:70px}#json-composite .cancel-diff .icon{background-position:-110px 0}#json-composite pre,#json-composite code{white-space:pre}#json-composite pre,#json-composite code,#json-composite tt{font:1em/1.5 Fira Code,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}#json-composite tt{margin:1.5em 0;line-height:1.5;display:block}#json-composite th{border-bottom:2px solid #ccc;font-weight:700}#json-composite td{border-bottom:1px solid #ddd}#json-composite th,#json-composite td{padding:4px 10px 4px 0}#json-composite tfoot{font-style:italic}#json-composite caption{background:#ffc}#json-composite table .last{padding-right:0}.json_input{box-sizing:border-box;z-index:0;background:var(--surface);width:100%;height:100%;color:var(--fg);overscroll-behavior:contain;white-space:pre;word-wrap:break-word;border:none;outline:none;padding:20px 20px 20px 78px;font-family:IBM Plex Mono,Fira Code,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;line-height:18px;position:absolute;top:0;left:0;overflow-y:auto}.linedwrap .codelines .lineno{font-size:14px;line-height:18px}.json_input::-webkit-input-placeholder{color:var(--fg-faint)}.json_input::-moz-placeholder{color:var(--fg-faint)}#json-composite .notice{color:#817134;background:#fff6bf;border-color:#ffd324}#json-composite .error a{color:#d12f19}#json-composite .notice a{color:#817134}#json-composite .success a{color:#529214}#json-composite p,#json-composite img,#json-composite dl{margin:0 0 1.5em}#json-composite dl dt,#json-composite strong,#json-composite dfn,#json-composite label{font-weight:700}#alltools{z-index:4;color:var(--fg-faint);-o-transition:color 2s;text-decoration:none;transition:color .1s;position:absolute;bottom:20px;right:80px}#help{z-index:4;color:var(--fg-faint);-o-transition:color 2s;text-decoration:none;transition:color .1s;position:absolute;bottom:20px;right:30px}#help:hover{color:var(--fg)}#tips-and-tricks{z-index:9999;background:var(--surface);text-align:center;border:1px solid var(--line);width:min(360px,100vw - 32px);max-height:calc(100vh - 140px);box-shadow:var(--shadow-lg);-webkit-box-shadow:var(--shadow-lg);-moz-box-shadow:var(--shadow-lg);-ms-box-shadow:var(--shadow-lg);border-radius:6px;padding:22px 26px;display:none;position:absolute;bottom:60px;right:min(20px,4vw);overflow-y:auto}#tips-and-tricks h1{color:var(--fg);font-size:24px}#tips-and-tricks h2{color:var(--fg-muted);margin-bottom:20px;font-family:Georgia,serif;font-size:14px;font-style:italic}#tips-and-tricks ul{border-bottom:1px dashed var(--line);border-top:1px dashed var(--line);color:var(--fg-muted);margin-bottom:20px;padding-top:20px}#tips-and-tricks a{color:var(--color-brand-600);text-decoration:none}#tips-and-tricks a:hover{color:var(--color-brand-500)}#tips-and-tricks li{margin-bottom:20px}#tips-and-tricks p{color:var(--fg-muted);font-size:11px}@media screen and (width<=480px){#tips-and-tricks{width:calc(100vw - 24px);max-height:calc(100vh - 112px);padding:18px;bottom:54px;right:12px}}@media screen and (width>=1024px){#json-composite .split-view{display:block}}