:root{--muted:#9aa3b2;--maxw:1100px}body{color:#fff;text-align:center;background:#111;padding:30px;font-family:Segoe UI,monospace}body,pre,textarea{letter-spacing:0;tab-size:2;font-family:Consolas,Courier New,monospace;font-size:14px;line-height:1.45em}h1{margin-bottom:10px}.container{text-align:left;width:90%;max-width:900px;display:inline-block}.editor-wrapper{border:1px solid #333;border-radius:8px;min-height:320px;display:flex;position:relative;overflow:hidden}.line-numbers{color:#888;text-align:right;user-select:none;background:#1a1a1a;padding:10px 6px}pre#highlight{color:#eee;text-align:left;white-space:pre-wrap;word-wrap:break-word;background:#222;flex:1;margin:0;padding:10px;font-size:14px;line-height:1.4em;overflow-y:auto}textarea#jsonInput{resize:none;color:#0000;caret-color:#0fc;tab-size:2;background:0 0;border:none;outline:none;width:calc(100% - 50px);height:100%;padding:10px;font-size:14px;line-height:1.4em;position:absolute;top:0;left:20px}.status{margin-top:15px;font-size:1.1em}.valid{color:#0f9}.invalid{color:#f55}pre#result{text-align:left;color:#0fc;background:#ffffff0d;border-radius:8px;margin-top:10px;padding:10px;overflow-x:auto}.key{color:#9cdcfe}.string{color:#ce9178}.number{color:#b5cea8}.boolean,.null{color:#569cd6}.highlight-error-line{background-color:#ff000040;width:100%;display:block}footer{background:linear-gradient(#ffffff03,#ffffff01);border-radius:12px;justify-content:space-between;align-items:center;margin-top:60px;padding:26px;display:flex}.socials a{color:var(--muted);margin-left:10px;text-decoration:none}.wrap{max-width:var(--maxw);margin:36px auto;padding:0 20px}