*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1e1e1e;color:#d4d4d4;height:100vh;overflow:hidden}.container{display:flex;height:100vh}.panel{flex:1;display:flex;flex-direction:column;border-right:1px solid #333;min-width:0}.panel:last-child{border-right:none}.panel-header{padding:12px 16px;background:#252526;border-bottom:1px solid #333;display:flex;align-items:center;gap:12px}.panel-header h2{font-size:14px;font-weight:500;color:#ccc}.panel-content{flex:1;overflow:auto;padding:16px}.file-input-container{display:flex;align-items:center;gap:8px}.btn{padding:6px 12px;background:#0e639c;border:none;border-radius:2px;color:#fff;font-size:12px;cursor:pointer}.btn:hover{background:#17b}.btn-small{padding:4px 8px;font-size:11px}.file-path{font-size:12px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.row-selector{display:flex;align-items:center;gap:8px;margin-left:10px}.row-selector input{width:60px;padding:4px 8px;background:#3c3c3c;border:1px solid #555;color:#d4d4d4;font-size:12px}.row-selector span{font-size:12px;color:#888}.json-viewer{font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6;white-space:pre}.json-key{color:#9cdcfe;cursor:pointer}.json-key:hover{text-decoration:underline}.json-number{color:#b5cea8}.json-string{color:#ce9178}.json-boolean,.json-null{color:#569cd6}.json-bracket{color:gold}.json-toggle{color:#888;cursor:pointer;font-size:10px}.json-toggle:hover{color:#fff}.json-summary{color:#6a9955;font-style:italic;cursor:pointer}.json-summary:hover{text-decoration:underline}.json-array-container,.json-object-container,.json-array-content,.json-object-content{display:inline}.json-matrix-container{display:block;margin:0}.json-toggle-btn{color:#569cd6;cursor:pointer}.json-toggle-btn:hover{text-decoration:underline}.json-matrix-content{margin:0}.json-matrix-table-wrapper{overflow-x:auto}.json-matrix-table{border-collapse:collapse;font-size:12px}.json-matrix-table th,.json-matrix-table td{padding:4px 8px;border:1px solid #444;text-align:right;min-width:60px}.json-matrix-table th{background:#252526;color:#888}.json-matrix-table .row-index{background:#252526;color:#888;font-weight:700}.chart-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chart-controls input{padding:4px 8px;background:#3c3c3c;border:1px solid #555;color:#d4d4d4;font-size:12px}.chart-controls input.x-key{width:80px}.chart-controls input.y-key{width:150px}.chart-controls label{font-size:12px;color:#888}.chart-container{width:100%;height:calc(100% - 50px);position:relative}#plotly-chart{width:100%;height:100%}.loading{color:#888;font-size:12px}.error{color:#f48771;font-size:12px}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1000;justify-content:center;align-items:center}.modal.active{display:flex}.modal-content{background:#252526;border:1px solid #444;border-radius:4px;width:500px;max-width:90%;max-height:80vh;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #333}.modal-header h3{font-size:14px;color:#ccc}.modal-close{background:none;border:none;color:#888;font-size:20px;cursor:pointer;padding:0 4px}.modal-close:hover{color:#fff}.modal-body{padding:16px;overflow-y:auto;flex:1}.modal-body .hint{font-size:12px;color:#888;margin-bottom:12px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #333}.btn-primary{background:#2d8f3c}.btn-primary:hover{background:#3aa34a}.btn-danger{background:#c42b1c}.btn-danger:hover{background:#d93a2d}#keys-table{width:100%;border-collapse:collapse;margin-bottom:12px}#keys-table th,#keys-table td{padding:8px;text-align:left;border-bottom:1px solid #333}#keys-table th{background:#1e1e1e;font-size:12px;color:#888;font-weight:400}#keys-table td:first-child{color:#4ec9b0}#keys-table td:nth-child(2){color:#ce9178}#keys-table input{width:100%;padding:4px 8px;background:#3c3c3c;border:1px solid #555;color:#d4d4d4;font-size:12px;font-family:Consolas,monospace}#keys-table input:focus{border-color:#0e639c;outline:none}#keys-table .delete-btn{padding:4px 8px;font-size:14px;background:transparent;color:#f48771;opacity:.6}#keys-table .delete-btn:hover{opacity:1;background:#f487711a}@media (orientation: portrait){.container{flex-direction:column}.panel{flex:none;height:50%;border-right:none;border-bottom:1px solid #333}.panel:last-child{border-bottom:none}}a{color:#fff}