:root{font-family:sans-serif;line-height:1.5;color-scheme:light dark;color:#ffffffde;background-color:#242424}a{font-weight:500;color:#007bff;text-decoration:inherit}a:hover{color:#0056b3}body{margin:0}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem}#drop-zone{border:2px dashed #007bff;padding:50px;text-align:center;border-radius:10px;cursor:pointer;transition:border-color .25s,background-color .25s;margin-bottom:20px}#drop-zone:hover{border-color:#0056b3}#drop-zone.drag-over{background-color:#007bff1a}#status{margin-top:20px}.sql-table-container{overflow:auto;max-height:600px;border:1px solid #444;margin-top:10px;background:transparent;border-radius:8px}.sql-table{width:100%;border-collapse:collapse;font-size:14px}.sql-table th{padding:10px;border-bottom:2px solid #444;text-align:left;position:sticky;top:0;background:#1a1a1a;color:inherit;z-index:1}.sql-table td{padding:8px;border-bottom:1px solid #333;color:inherit;text-align:left}.sql-table tr:hover{background-color:#ffffff0d}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#0056b3}.sql-table-container{border-color:#ccc;background:#fff}.sql-table th{background:#f4f4f4;border-bottom-color:#ddd;color:#333}.sql-table td{border-bottom-color:#ddd;color:#333}.sql-table tr:hover{background-color:#f9f9f9}}