@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#f5f5f5;background:#000;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:#000}button,input{font:inherit}.app{height:100dvh;width:100%;display:grid;grid-template-rows:56px minmax(0,1fr) 30px 34px;background:#000;color:#f5f5f5}header{height:56px;border-bottom:1px solid #242424;background:#0a0a0a;display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:16px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid #333;border-radius:5px;color:#e10600}.brand strong{font-size:14px;letter-spacing:.12em}.tag{font:500 9px JetBrains Mono,monospace;color:#666;border-left:1px solid #2b2b2b;padding-left:10px;letter-spacing:.1em}.actions{display:flex;gap:5px}.actions button,.icon-button{height:32px;border:1px solid #2b2b2b;background:#111;color:#d7d7d7;border-radius:4px;display:flex;align-items:center;gap:7px;padding:0 10px;cursor:pointer;font-size:11px;font-weight:600}.actions button:hover,.icon-button:hover{border-color:#555;background:#171717;color:#fff}.actions button:first-child{border-color:#6f100d;color:#fff;background:#280605}.actions button:first-child:hover{background:#390806;border-color:#e10600}.mobile-tabs{display:none}.app main{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden}.pane{min-width:0;min-height:0;background:#050505;display:flex;flex-direction:column}.input-pane{border-right:1px solid #242424}.pane-head{height:38px;flex:none;border-bottom:1px solid #202020;background:#0a0a0a;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 14px;color:#777;font:500 10px JetBrains Mono,monospace;letter-spacing:.08em}.pane-head>span,.output-title>span{display:flex;align-items:center;gap:7px}.dot{width:6px;height:6px;border-radius:50%;display:inline-block}.dot.red{background:#e10600;box-shadow:0 0 7px #e1060044}.editor-wrap{min-height:0;flex:1}.view-tabs{display:flex;margin-left:14px;gap:2px;height:38px}.view-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#666;padding:0 9px;font-size:10px;cursor:pointer}.view-tabs button.active{color:#f5f5f5;border-bottom-color:#e10600}.output-title{display:flex;align-items:center}.output-actions{display:flex;align-items:center;gap:6px}.search{height:27px;min-width:130px;display:flex;align-items:center;gap:6px;border:1px solid #262626;background:#070707;border-radius:4px;padding:0 7px;color:#666}.search input{width:75px;background:#000;border:0;outline:0;color:#ddd;font:11px JetBrains Mono,monospace}.search span{font-size:9px;color:#777}.icon-button{position:relative;width:30px;padding:0;justify-content:center}.toast{position:absolute;right:0;top:35px;background:#e10600;color:#fff;padding:5px 7px;border-radius:3px;font-size:9px;z-index:10}.viewer{flex:1;min-height:0;overflow:auto;background:#050505}.json-output{margin:0;padding:16px 20px;color:#e5e5e5;font:14px/1.65 JetBrains Mono,monospace;white-space:pre;-moz-tab-size:2;tab-size:2}.tree{padding:10px 8px 30px;font:13px/1.7 JetBrains Mono,monospace}.tree-row{display:flex;align-items:center;gap:7px;min-height:25px;white-space:nowrap}.tree-row button{border:0}.branch{width:100%;background:none;color:#ddd;text-align:left;cursor:pointer}.branch:hover{background:#0e0e0e}.tree-key{color:#fff}.tree-value{color:#aaa}.tree-value.string{color:#d4d4d4}.tree-value.number{color:#b8b8b8}.tree-value.boolean{color:#e10600}.tree-value.null{color:#777}.tree-count{color:#555;font-size:10px}.empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#666;font-size:11px}.empty svg{color:#555}.empty strong{color:#aaa;font-size:12px}.status{height:30px;border-top:1px solid #242424;background:#090909;padding:0 14px;display:flex;align-items:center;gap:14px;font:10px JetBrains Mono,monospace}.status>span:first-child{display:flex;align-items:center;gap:5px;font-weight:500}.status.ok>span:first-child{color:#d7d7d7}.status.bad>span:first-child{color:#ff3030}.status-message{color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shortcut{margin-left:auto;color:#444}footer{height:34px;border-top:1px solid #1e1e1e;background:#080808;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#555;font:9px JetBrains Mono,monospace}footer a{color:#aaa;text-decoration:none}footer a:hover{color:#e10600}.desktop-only{display:flex}@media(max-width:760px){body{overflow:hidden}.app{grid-template-rows:52px 32px minmax(0,1fr) 30px 32px}header{height:52px;padding:0 10px}.brand{gap:7px}.brand-mark{width:28px;height:28px}.tag{display:none}.actions{gap:3px}.actions button{width:32px;padding:0;justify-content:center}.actions button:first-child{width:32px}.actions button:not(:first-child) svg{margin:0}.actions button{font-size:0}.actions button svg{width:15px}.desktop-only{display:none}.mobile-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #222;background:#0a0a0a}.mobile-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#666;font:500 10px JetBrains Mono,monospace;letter-spacing:.08em}.mobile-tabs button.active{color:#fff;border-bottom-color:#e10600}.app main{grid-template-columns:1fr}.app main.mobile-input .output-pane,.app main.mobile-output .input-pane{display:none}.pane{border:0}.pane-head{height:38px}.search{min-width:95px}.search input{width:50px}.shortcut{display:none}.status{padding:0 10px}.status-message{display:none}footer{padding:0 10px}.json-output{font-size:12px;padding:12px}.tree{font-size:12px}}