:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.app{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05}.header h1{margin:0;font-size:1.15rem;font-weight:600;letter-spacing:-.02em}.header-icon{width:28px;height:28px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.layout{flex:1;display:flex;min-height:0}.pane{flex:1;display:flex;flex-direction:column;min-width:0}.pane-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff04;font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#ffffff73}.divider{width:1px;background:#ffffff14;flex-shrink:0}.editor-pane{flex:1}.editor-wrap{flex:1;display:flex;min-height:0}.editor{flex:1;resize:none;border:none;outline:none;background:transparent;color:#c4b5fd;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.65;padding:1rem;-moz-tab-size:2;tab-size:2}.editor::placeholder{color:#fff3}.error-bar{padding:.5rem 1rem;font-size:.78rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#ef44441a;border-top:1px solid rgba(239,68,68,.2);color:#fca5a5}.status-badge{font-size:.65rem;padding:.15rem .5rem;border-radius:9999px;font-weight:500;letter-spacing:0;text-transform:none}.status-valid{background:#22c55e26;color:#4ade80}.status-error{background:#ef444426;color:#fca5a5}.status-empty{background:#ffffff0f;color:#ffffff4d}.table-pane{flex:1.4}.table-scroll{flex:1;overflow:auto;min-height:0}.table-scroll::-webkit-scrollbar{width:6px;height:6px}.table-scroll::-webkit-scrollbar-track{background:transparent}.table-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.data-table{width:100%;border-collapse:collapse;font-size:.82rem}.data-table thead{position:sticky;top:0;z-index:1}.data-table th{background:#ffffff0a;padding:.55rem .85rem;text-align:left;font-weight:600;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:#ffffff80;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}.data-table td{padding:.5rem .85rem;border-bottom:1px solid rgba(255,255,255,.04);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}.data-table tbody tr:hover{background:#8b5cf60f}.cell-null{color:#ffffff40;font-style:italic}.cell-boolean{color:#fbbf24}.cell-number{color:#34d399}.cell-string{color:#fffc}.cell-object,.cell-array{color:#60a5fa}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:#fff3;padding:2rem;text-align:center}.empty-state-icon{font-size:2.5rem;opacity:.4}.empty-state p{margin:0;font-size:.85rem}.empty-state-hint{font-size:.75rem!important;color:#ffffff26!important}.row-count{font-size:.65rem;color:#ffffff4d;font-weight:400;letter-spacing:0;text-transform:none}@media(max-width:768px){.layout{flex-direction:column}.divider{width:100%;height:1px}}