.top-controls{display:flex;align-items:center;flex-wrap:wrap;gap:15px 25px;margin-bottom:var(--spacing-md);padding:var(--spacing-md);background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius)}.file-input-section{display:flex;align-items:center;gap:var(--spacing-sm);flex-basis:auto}.file-input-section label{margin:0;font-weight:600}.file-input-section input[type=file]{border:none;padding:0;margin:0;max-width:none;width:auto}.save-container{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);flex-grow:1;background-color:transparent;border:none;padding:0;margin:0;min-width:350px}.save-container label{margin-right:var(--spacing-xs);font-weight:600;margin-bottom:0}.save-container input[type=text]{flex-grow:0;min-width:150px;width:auto}.save-container select{min-width:140px}.save-container button{flex-shrink:0}#statusMessage{margin-top:0;margin-bottom:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius-sm);font-weight:600;display:none}.status-success{background-color:#d1f7e5;color:#0a6b3d;border:1px solid #a4e6c3}.status-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-info{background-color:#e7f3ff;color:#0c5dad;border:1px solid #b6d7f8}body.dark-theme .status-success{background-color:#1a3a2a;color:#7edba7;border-color:#2a5a3e}body.dark-theme .status-error{background-color:#3a1a1e;color:#ff8a95;border-color:#5a2a30}body.dark-theme .status-info{background-color:#1a2f4a;color:#8cc4ff;border-color:#2a4a6e}.tab-container{flex-grow:1;display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--card-bg);box-shadow:var(--box-shadow-sm);overflow:hidden;min-height:400px}.tab-buttons{display:flex;border-bottom:1px solid var(--border-color);background-color:var(--gray-100);flex-shrink:0}.tab-button{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;border:none;border-right:1px solid var(--border-color);background-color:transparent;font-size:1em;color:var(--primary);font-weight:500}.tab-button:last-child{border-right:none}.tab-button:hover{background-color:var(--gray-200)}.tab-button.active{background-color:var(--card-bg);border-bottom:2px solid var(--primary);position:relative;top:1px;font-weight:600;color:var(--text-color)}.tab-content{padding:var(--spacing-md);display:none;flex-grow:1;flex-direction:column;overflow:hidden;min-height:0}.tab-content.active{display:flex}.view-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;margin-bottom:var(--spacing-sm)}.view-header h2{margin-bottom:0;font-size:1.1em}.record-count{font-size:.8em;font-weight:400;color:var(--text-muted);margin-left:var(--spacing-sm)}.table-controls{margin-left:var(--spacing-md);display:flex;gap:var(--spacing-xs)}.control-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.9em}#saveTableBtn{background-color:var(--success);border-color:var(--success);color:#fff}#saveTableBtn:hover{background-color:#05b386;border-color:#05b386}.view-box{flex-grow:1;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);margin-top:var(--spacing-xs);padding:var(--spacing-sm);overflow:auto;background-color:var(--gray-100);font-family:Consolas,Monaco,Courier New,monospace;font-size:.95em;min-height:200px}body.dark-theme .view-box{background-color:var(--gray-200)}#treeView ul{list-style-type:none;padding-left:20px;margin:2px 0;border-left:1px dotted var(--gray-500);white-space:nowrap}#treeView>ul{border-left:none;padding-left:5px}#treeView li{margin:1px 0;position:relative;padding-left:10px}#treeView>ul>li{padding-left:0}#treeView .toggle{cursor:pointer;display:inline-block;width:1em;height:1em;margin-right:4px;text-align:center;line-height:1em;color:var(--gray-600);position:absolute;left:-15px;top:.2em;user-select:none}#treeView .toggle:before{content:"\25b6";display:inline-block;transition:transform .1s ease-in-out}#treeView .toggle.expanded:before{transform:rotate(90deg)}#treeView ul.collapsed{display:none}#treeView .key{font-weight:700;color:var(--primary);margin-left:10px}#treeView li:has(>.toggle)>.key{margin-left:0}#treeView .value-string{color:var(--success)}#treeView .value-number{color:var(--danger)}#treeView .value-boolean{color:var(--warning)}#treeView .value-null,#treeView .value-undefined{color:var(--text-muted);font-style:italic}.table-note{font-size:.9em;color:var(--text-muted);font-style:italic;margin-bottom:var(--spacing-xs);margin-top:var(--spacing-xs);flex-shrink:0}#tableView td.editable-cell{background-color:#e6f7ff;outline:1px dashed #99cceedd;user-select:text}body.dark-theme #tableView td.editable-cell{background-color:#1a3a4a;outline-color:#4a8acc}#tableView td.editable-cell>div>*{pointer-events:none;user-select:none;opacity:.7}#tableView td.editable-cell>div>ul,#tableView td.editable-cell>div>.sub-table{background-color:var(--gray-100)}#tableView table{width:100%;min-width:max-content;border-collapse:collapse;margin-top:0;font-size:.9em}#tableView th,#tableView td{border:1px solid var(--border-color);padding:6px 8px;text-align:left;vertical-align:top;word-break:break-word;white-space:normal}#tableView th{background-color:var(--gray-200);font-weight:700;position:sticky;top:0;z-index:10;white-space:nowrap}#tableView th.row-number-header,#tableView td.row-number-cell{text-align:right;width:50px;min-width:50px;white-space:nowrap;color:var(--text-muted);background-color:var(--gray-100)}#tableView th.row-number-header{background-color:var(--gray-200)}#tableView th.action-header{width:80px;text-align:center;background-color:var(--gray-200)}#tableView .action-cell{text-align:center;vertical-align:middle;white-space:nowrap;width:80px}#tableView .delete-row-btn{padding:3px 8px;font-size:.85em;color:#fff;background-color:var(--danger);border:1px solid var(--danger);border-radius:var(--border-radius-sm);cursor:pointer}#tableView .delete-row-btn:hover{background-color:#d63e60;border-color:#d63e60}#tableView .delete-row-btn:disabled{opacity:.5;cursor:not-allowed}#tableView>table>tbody>tr:nth-child(2n){background-color:var(--gray-100)}.key-value-table td:first-child{width:auto;min-width:150px;font-weight:700;background-color:var(--gray-100);word-break:normal;white-space:nowrap}.sub-table{width:100%;border:1px solid var(--gray-300);margin:0;font-size:1em;background-color:var(--card-bg);border-collapse:collapse}.sub-table td{border:1px dashed var(--gray-300);padding:3px 5px;vertical-align:top;word-break:break-word;white-space:normal}.sub-table-key{font-weight:700;color:var(--gray-700);background-color:var(--gray-100);width:auto;min-width:100px;white-space:nowrap;word-break:normal}#tableView td ul{margin:3px 0;padding-left:18px;list-style:disc outside;background-color:var(--gray-100);border:1px dotted var(--gray-300);border-radius:var(--border-radius-sm);padding-top:4px;padding-bottom:4px;overflow-wrap:break-word;white-space:normal}#tableView td li{margin-bottom:2px;padding:2px;white-space:normal;word-break:break-word}#tableView td div{margin:0;padding:0}#tableView td div[style*="font-style: italic"]{color:var(--text-muted)}#tableView pre{white-space:pre-wrap;word-wrap:break-word;margin:0;font-size:1em;background-color:var(--gray-200);padding:var(--spacing-xs);border-radius:var(--border-radius-sm)}@media (max-width: 768px){.top-controls{flex-direction:column;align-items:stretch}.save-container{min-width:auto;flex-direction:column;align-items:stretch}.save-container input[type=text],.save-container select{width:100%}.file-input-section{flex-direction:column;align-items:flex-start}.tab-container{min-height:300px}.view-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.table-controls{margin-left:0}}@media (max-width: 480px){.tab-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.9em}.table-controls{flex-wrap:wrap}}