body{font-family:Arial,sans-serif;margin:0;padding:0;background:#e0e0e0;color:#333;line-height:1.6}.container{width:95%;max-width:1600px;margin:30px auto;padding:20px;background:#f0f0f0;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.1)}header{text-align:center;padding:20px 0;background:#6200ea;color:#fff;border-radius:10px 10px 0 0}header h1{margin:0;font-size:1.8rem}.form-group{margin-bottom:20px}label{font-weight:700;margin-bottom:8px;display:block}input,select,textarea{width:100%;padding:12px 15px;margin-top:5px;margin-bottom:10px;border:1px solid #ddd;border-radius:8px;font-size:1rem;box-sizing:border-box;background:#f9f9f9;transition:border-color .3s ease,box-shadow .3s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#6200ea;box-shadow:0 0 5px rgba(98,0,234,.3);background:#fff}textarea{resize:vertical;height:150px}.button-like,button{display:inline-block;background:#6200ea;color:#fff;border:none;padding:12px 20px;font-size:1rem;border-radius:8px;cursor:pointer;transition:background .3s ease;text-align:center}.button-like:hover,button:hover{background:#3700b3}button.secondary{background-color:#5c6bc0}button.secondary:hover{background-color:#3949ab}button.danger{background-color:#d32f2f}button.danger:hover{background-color:#c62828}.button-group{display:flex;flex-wrap:wrap;gap:10px}.output{margin-top:20px;padding:15px;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;font-family:monospace;white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto;box-sizing:border-box}#sql-workbench{margin-top:30px}.db-controls{padding:10px 0 20px}.workbench-layout{display:flex;gap:20px;flex-wrap:wrap}.schema-view{flex:1;min-width:300px;background:#f9f9f9;padding:15px;border-radius:8px;border:1px solid #ddd;align-self:flex-start}.schema-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc;padding-bottom:10px}.schema-header h3{margin:0}#db-status{font-size:.8em;color:#2e7d32;font-style:italic}.column-list,.schema-tree{list-style:none;padding-left:15px;margin:10px 0 0;font-family:monospace;word-wrap:break-word}.column-list{display:none;border-left:1px solid #ccc;margin-left:7px}.tree-item{padding:4px 0}.table-item{cursor:pointer;font-weight:700;user-select:none;word-break:break-all}.table-item .toggle{display:inline-block;width:1em;transition:transform .2s ease}.table-name:hover{text-decoration:underline}.column-item{padding-left:10px;font-size:.9em}.data-type{color:#555;font-style:italic;margin-left:8px}.table-node.open>.column-list{display:block}.table-node.open>.table-item>.toggle{transform:rotate(90deg)}#query-history-container{margin-top:20px}#query-history{max-height:200px;overflow-y:auto;background:#fdfdfd;border:1px solid #eee;border-radius:4px;padding:5px}.history-list{list-style:none;padding:0;margin:0}.history-item{padding:6px 8px;cursor:pointer;border-bottom:1px solid #f0f0f0;white-space:pre-wrap;word-break:break-all;font-size:.85em;font-family:monospace;line-height:1.4}.history-item:last-child{border-bottom:none}.history-item:hover{background-color:#f2f2f2}.query-runner{flex:3;overflow-x:auto}#sqlQueryInput{height:120px;font-family:monospace}.output-message{margin-top:15px;padding:10px;border-radius:8px;display:none;max-width:100%;word-wrap:break-word;box-sizing:border-box}.output-message.error{background:#ffebee;color:#c62828;display:block}.output-message.success{background:#e8f5e9;color:#2e7d32;display:block}.output-table{margin-top:20px;overflow-x:auto;max-width:100%;box-sizing:border-box;display:block}.output-table table{width:max-content;min-width:100%;border-collapse:collapse}#query-results{position:relative;padding-top:0}.results-controls{display:flex;gap:8px;margin-top:10px;margin-bottom:10px;justify-content:flex-end}.icon-btn{padding:6px 10px!important;background-color:rgba(0,0,0,.1)!important;color:#000!important;border:1px solid rgba(0,0,0,.2)!important;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;font-size:1.2em;line-height:1;text-align:center;min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background-color:rgba(0,0,0,.2)!important;transform:scale(1.1)}.icon-btn:active{transform:scale(.95)}#download-csv-btn,#expand-table-btn{display:inline-flex}.output-table td,.output-table th{border:1px solid #ddd;padding:8px;text-align:left;word-break:break-word;max-width:200px}.output-table th{background-color:#f2f2f2;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);z-index:1;display:none;align-items:center;justify-content:center}.modal-overlay.active{display:flex}.modal-content{background:#fff;border-radius:12px;padding:24px;max-width:95vw;max-height:90vh;overflow:auto;position:relative;box-shadow:0 8px 32px rgba(0,0,0,.2)}.modal-close{position:fixed;top:24px;right:32px;font-size:20px;color:#d32f2f;background:hsla(0,0%,100%,.98);border:none;border-radius:50%;cursor:pointer;z-index:2;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.12);width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:background .2s;padding:0;text-align:center}.modal-close:hover{background:#ffeaea}.modal-content table{width:max-content;min-width:100%;border-collapse:collapse;margin:0 auto}.modal-content td,.modal-content th{border:1px solid #ddd;padding:8px;text-align:left;word-break:break-word;max-width:300px}@media (max-width:600px){header h1{font-size:1.4rem}.button-like,button{width:100%;margin-bottom:10px}.workbench-layout{flex-direction:column}.output-table{max-width:480px!important;overflow-x:auto;display:block}.output-table table{min-width:100vw}.output-table td,.output-table th{max-width:120px;font-size:.95em}.output-message{max-width:100%}}.snapshot-btn{padding:2px 6px;font-size:.75em;background-color:#1e88e5;border:none;color:#fff;border-radius:4px;cursor:pointer;vertical-align:middle}.snapshot-btn:hover{background-color:#1565c0}.table-actions{display:flex;gap:5px;align-items:center;float:right;flex-direction:column}.download-table-btn{padding:2px 6px;font-size:.75em;background-color:#43a047;border:none;color:#fff;border-radius:4px;cursor:pointer;vertical-align:middle}.download-table-btn:hover{background-color:#388e3c}#snapshots-list{max-height:200px;overflow-y:auto;background:#fdfdfd;border:1px solid #eee;border-radius:4px;padding:5px}.snapshot-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-bottom:1px solid #f0f0f0;font-size:.85em;gap:10px}.snapshot-item div{display:grid;gap:5px}.snapshot-item:last-child{border-bottom:none}.snapshot-item span{word-break:break-all;line-height:1.3}.snapshot-item button{padding:2px 6px;font-size:.9em;margin-left:5px;width:auto;margin-bottom:0}