body{font-family:Arial,sans-serif;margin:0;padding:0}.container{max-width:1200px;margin:0 auto}.header{background:linear-gradient(135deg,#00796b,#004d40);padding:20px;border-radius:0 0 50% 50%;box-shadow:0 5px 15px #0000001a}.header h1{color:#fff}.header-options button{margin:5px;padding:10px 20px;background-color:#004d40;color:#fff;border:none;cursor:pointer}.header-options button:hover{background-color:#00796b}.body{display:flex;justify-content:space-between;padding:20px}.left-side{width:45%}.right-side{width:45%;padding-left:20px;border-left:1px solid #ddd}textarea{width:100%;height:300px;padding:10px;border:1px solid #ccc}.json-table{width:100%;border-collapse:collapse;margin-bottom:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px}.json-table th,.json-table td{border:1px solid rgba(255,255,255,.12);padding:8px;text-align:left;vertical-align:top}.json-table th{background:#ffffff0f;color:var(--accent);font-weight:700}.json-table tr:nth-child(2n) td{background:#ffffff08}.json-table tr:hover td{background:#ffffff14}.json-table h4{color:var(--accent-2);margin:12px 0 6px;font-size:.95rem}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}