:root{font-family:Tahoma,Arial,sans-serif;font-size:12px;color:#222;background:#ededed;color-scheme:light;--side-width:300px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{color:#222;cursor:pointer;border:1px solid transparent;border-radius:3px;background:transparent;padding:4px 8px;white-space:nowrap}button:hover{border-color:#b8b8b8;background:linear-gradient(#fff,#e4e4e4)}button:active{background:#ddd}button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #5d85af;outline-offset:-2px}.application{height:100dvh;min-height:260px;display:flex;flex-direction:column;padding:4px 4px 0}.tabs{display:flex;align-items:end;gap:3px;height:28px;min-height:28px;border-bottom:1px solid #aaa;padding-left:3px;background:linear-gradient(#f4f4f4,#dcdcdc)}.tabs button{height:25px;min-width:67px;border:1px solid #b4b4b4;border-bottom:0;border-radius:4px 4px 0 0;background:linear-gradient(#f7f7f7,#dedede);padding:4px 16px;color:#555}.tabs button.active{background:#fff;color:#222;font-weight:bold;height:27px;position:relative;bottom:-1px}.app-name{margin:auto 9px auto auto;color:#777;font-size:11px}.panel{display:flex;flex:1;min-height:0;flex-direction:column;border:1px solid #b8b8b8;border-top:0;background:white}[hidden]{display:none!important}.toolbar{display:flex;align-items:center;gap:2px;min-height:30px;padding:2px 4px;background:linear-gradient(#fafafa,#e4e4e4);border-bottom:1px solid #ccc;flex-wrap:wrap}.toolbar button{padding:3px 7px;min-height:23px}.divider{width:1px;height:18px;margin:0 4px;background:#c7c7c7;border-right:1px solid #fff}.push-right{margin-left:auto}#editor{display:block;flex:1;width:100%;min-height:0;padding:7px 6px;border:0;resize:none;outline-offset:-2px;font:13px/1.5 Consolas,'Courier New',monospace;tab-size:2;white-space:pre;overflow:auto;color:#111;background:#fff}#editor::placeholder{color:#888}footer{height:23px;min-height:23px;display:flex;justify-content:space-between;gap:8px;align-items:center;padding:0 6px;color:#707070;font-size:11px}footer #status{color:#555;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}footer #status.bad{color:#b52323}.split-view{display:flex;flex:1;min-height:0;overflow:hidden}#tree{flex:1;overflow:auto;padding:5px 4px 12px;font:12px/23px Tahoma,Arial,sans-serif;outline-offset:-2px}.tree-row{display:flex;align-items:center;width:max-content;min-width:100%;height:23px;cursor:default;white-space:nowrap;padding-right:10px;user-select:none}.tree-row:hover{background:#f2f5f9}.tree-row.selected{background:#dceafa;box-shadow:inset 0 0 0 1px #a6c7ef}.tree-row.match .node-label{background:#fff1a8}.twisty{display:inline-flex;align-items:center;justify-content:center;flex:0 0 17px;width:17px;height:19px;border:0;border-radius:0;padding:0;font:10px Arial;color:#777}.twisty:hover{background:#e3eaf4;border:0}.type-icon{width:13px;height:13px;margin-right:5px;display:inline-flex;align-items:center;justify-content:center;font:9px/1 Consolas,monospace;border:1px solid;border-radius:2px;color:#666;background:#eee}.type-object{color:#82612b;background:#fff1c9;border-color:#c7ad68}.type-array{color:#6b5191;background:#eee3ff;border-color:#bca4d9}.type-string{color:#305d9a;background:#dfebff;border-color:#8da9cd}.type-number{color:#31793b;background:#e5f5e4;border-color:#8bbb85}.type-boolean{color:#8b781f;background:#fff8c7;border-color:#cbbd69}.type-null{color:#a24747;background:#ffe9e9;border-color:#d59797}.node-value.string{color:#285eb2}.node-value.number{color:#218040}.node-value.boolean{color:#8c7314}.node-value.null{color:#a84b4b}.node-key{color:#222}.node-size{color:#999;font-size:11px;margin-left:8px}.current-path{font:11px Consolas,monospace;color:#6c6c6c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50vw}.properties{flex:0 0 var(--side-width);min-width:150px;overflow:auto;background:#fff}.properties table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:12px}.properties th{position:sticky;top:0;text-align:left;font-weight:normal;background:linear-gradient(#fafafa,#e5e5e5);border-bottom:1px solid #bbb;border-right:1px solid #ccc;padding:5px 7px}.properties th:first-child{width:43%}.properties td{padding:4px 7px;border-bottom:1px solid #ededed;border-right:1px solid #ededed;overflow-wrap:anywhere;vertical-align:top;white-space:pre-wrap}.properties tr:nth-child(even) td{background:#fafafa}#property-empty{padding:14px 10px;color:#888;line-height:1.5}#splitter{width:5px;flex:0 0 5px;cursor:col-resize;background:linear-gradient(90deg,#eee,#d7d7d7,#eee);border:1px solid #ccc;border-top:0;border-bottom:0}.searchbar{border-bottom:0;border-top:1px solid #ccc;min-height:31px;flex-wrap:nowrap}.searchbar label{margin-right:4px}.searchbar input{height:23px;width:165px;min-width:70px;border:1px solid #aaa;padding:2px 4px;background:#fff}#search-result{font-weight:bold;font-size:11px;margin:0 7px}dialog{padding:0;border:1px solid #969696;border-radius:5px;background:#f4f4f4;box-shadow:0 5px 25px #0004;width:min(470px,calc(100vw - 26px));color:#222}dialog::backdrop{background:#0003}dialog header{display:flex;align-items:center;justify-content:space-between;padding:4px 7px;background:linear-gradient(#fafafa,#ddd);border-bottom:1px solid #b2b2b2;font-weight:bold;font-size:12px;min-height:29px}dialog .close{padding:0 5px;font-size:20px;line-height:20px;color:#666}.dialog-body{padding:17px;line-height:1.6}.dialog-body h2{font:600 20px Arial;margin:0 0 10px}.dialog-body h3{font-size:13px}.dialog-body a{color:#2b63a2}.dialog-body input[type=url]{display:block;width:100%;height:29px;padding:5px;border:1px solid #aaa;margin-top:4px}.file-label{display:block;margin-bottom:8px;font-weight:bold}input[type=file]{max-width:100%;font-size:12px}input::file-selector-button{font:inherit;padding:5px 9px;margin-right:10px;border:1px solid #aaa;border-radius:3px;background:linear-gradient(#fff,#ddd);cursor:pointer}.or{border-top:1px solid #d1d1d1;margin:24px 0 15px;text-align:center;height:3px}.or span{position:relative;top:-11px;background:#f4f4f4;padding:0 10px;color:#888}.hint{font-size:11px;color:#777;line-height:1.6}.primary,.dialog-actions button{border:1px solid #aaa;background:linear-gradient(#fff,#e1e1e1);padding:5px 13px}.dialog-actions{text-align:right;margin-top:16px}.error{color:#ac2525;overflow-wrap:anywhere}.error:empty{display:none}.about-body p{margin:10px 0}.context-menu{position:fixed;z-index:5;background:#f7f7f7;border:1px solid #aaa;box-shadow:2px 3px 7px #0003;padding:3px;min-width:130px}.context-menu button{display:block;width:100%;text-align:left;padding:5px 10px}.context-menu button:hover{background:#dceafa}.context-menu hr{border:0;border-top:1px solid #ccc;margin:3px}
@media(max-width:600px){:root{--side-width:180px}.app-name{display:none}.toolbar{gap:0;padding:2px}.toolbar button{padding:3px 5px;font-size:11px}.divider{margin:0 2px}.searchbar input{width:95px}.searchbar{flex-wrap:wrap}#search-result{margin:0 3px}.searchbar button{padding:3px 4px}footer span:last-child{font-size:9px}.current-path{max-width:30vw}.properties td,.properties th{padding:4px;font-size:11px}}