:root{--primary-color:#007bff;--primary-hover-color:#0056b3;--light-bg:#f8f9fa;--border-color:#dee2e6;--text-color:#212529;--muted-text-color:#6c757d;--error-color:#dc3545;--success-color:#28a745;--info-color:#17a2b8;--warning-color:#ffc107;--disabled-color:#adb5bd;--disabled-bg:#e9ecef;--header-bg-color:#e7f1ff;--header-text-color:#004085;--footer-bg-color:#0056b3;--footer-text-color:#f8f9fa}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;background-color:#f4f7f6;color:var(--text-color);font-size:16px;margin:0;display:flex;flex-direction:column;min-height:100vh}.main-content{flex-grow:1;padding:25px;padding-bottom:70px}header{background-color:var(--header-bg-color);color:var(--header-text-color);padding:10px 25px;border-bottom:1px solid #cfe2ff;box-shadow:0 2px 4px rgba(0,0,0,.05);flex-shrink:0;display:flex;justify-content:space-between;align-items:center}.header-content{display:flex;align-items:baseline;flex-grow:1}header h1{margin:0;padding:0;border-bottom:none;color:inherit;font-size:1.6em;font-weight:600;margin-right:10px}.version-number{font-size:.85em;font-weight:400;color:var(--muted-text-color)}.header-button{display:inline-block;padding:6px 12px;background-color:#6c757d;color:#fff;text-decoration:none;border-radius:4px;font-size:.9em;transition:background-color .2s ease;white-space:nowrap;margin-left:20px;flex-shrink:0}.header-button:hover{background-color:#5a6268;color:#fff}footer{position:fixed;left:0;bottom:0;width:100%;z-index:1000;background-color:var(--footer-bg-color);color:var(--footer-text-color);padding:15px 25px;text-align:center;font-size:.9em;box-shadow:0 -2px 4px rgba(0,0,0,.1)}footer p{margin:0;padding:0}footer a{color:#aed6f1;text-decoration:none;transition:color .2s ease}footer a:hover{color:#fff;text-decoration:underline}h2{margin-top:1.75em;margin-bottom:.75em;color:#343a40;font-size:1.35em;border-bottom:1px solid #eee;padding-bottom:.3em}hr{margin:2em 0;border:0;border-top:1px solid var(--border-color)}.options-section{margin-bottom:25px;padding:20px 25px;border:1px solid var(--border-color);background-color:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.07)}.options-section input[type=checkbox],.options-section input[type=radio],.options-section label{margin-right:5px;vertical-align:middle;cursor:pointer}.option-group{margin-bottom:15px;display:block;padding-left:5px}.option-group:last-child{margin-bottom:0}.option-group input,.option-group label{margin-right:10px}.sub-option-group{padding-left:25px;margin-top:10px;border-left:3px solid #eee;padding-top:5px;padding-bottom:5px}.options-section input:disabled,.options-section label.disabled,.options-section span.disabled{color:var(--disabled-color)!important;cursor:not-allowed!important;opacity:.65}.options-section input[type=checkbox]:disabled,.options-section input[type=radio]:disabled,.options-section input[type=text]:disabled{background-color:var(--disabled-bg);border-color:var(--border-color)}.options-section input[type=checkbox]:disabled+label,.options-section input[type=radio]:disabled+label,.options-section input[type=text]:disabled+span{color:var(--disabled-color);cursor:not-allowed;opacity:.65}#queryInput{width:calc(100% - 24px);height:100px;margin-bottom:10px;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;border:1px solid var(--border-color);border-radius:4px;padding:10px 12px;font-size:.95em;box-shadow:inset 0 1px 2px rgba(0,0,0,.075)}#results,#status{margin-top:20px;padding:15px 20px;border:1px solid var(--border-color);background-color:#fff;border-radius:8px;min-height:50px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;font-size:.95em;box-shadow:0 2px 5px rgba(0,0,0,.07);line-height:1.5}#status.status-error{border-left:5px solid var(--error-color);color:var(--error-color);font-weight:700}#status.status-success{border-left:5px solid var(--success-color);color:var(--success-color)}#status.status-info{border-left:5px solid var(--info-color);color:var(--info-color)}#results table{border-collapse:collapse;width:100%;margin-top:10px;table-layout:fixed;font-size:.9em}#results td,#results th{border:1px solid var(--border-color);padding:10px 12px;text-align:left;word-wrap:break-word;overflow-wrap:break-word;vertical-align:top}#results th{background-color:#e9ecef;font-weight:600;color:#495057;position:sticky;top:0;z-index:1}#results tr:nth-child(2n) td{background-color:var(--light-bg)}#results tr:hover td{background-color:#e2e6ea;cursor:default}button{padding:10px 18px;cursor:pointer;margin-right:8px;border:none;border-radius:5px;background-color:var(--primary-color);color:#fff;font-size:.95em;font-weight:500;transition:background-color .2s ease-in-out,box-shadow .2s ease,transform .1s ease;box-shadow:0 1px 2px rgba(0,0,0,.1);vertical-align:middle}button:hover:not(:disabled){background-color:var(--primary-hover-color);box-shadow:0 2px 4px rgba(0,0,0,.15);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.1)}button:disabled{background-color:var(--disabled-bg);color:var(--disabled-color);cursor:not-allowed;box-shadow:none}button#clearBtn{background-color:#6c757d}button#clearBtn:hover:not(:disabled){background-color:#5a6268}button#exportDbBtn{background-color:var(--info-color)}button#exportDbBtn:hover:not(:disabled){background-color:#138496}button#editBtn{background-color:var(--warning-color);color:var(--text-color)}button#editBtn:hover:not(:disabled){background-color:#e0a800}label{display:inline-block;margin-bottom:5px;vertical-align:middle;font-weight:500;color:#495057}input[type=checkbox]+label,input[type=radio]+label{margin-right:15px;font-weight:400;color:var(--text-color);cursor:pointer}input[type=file]{display:inline-block;margin-top:0;font-size:.95em;max-width:calc(100% - 100px)}input[type=text]{width:60px;padding:7px 10px;border:1px solid var(--border-color);border-radius:4px;font-size:.95em;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}input[type=text][maxlength="1"]{width:40px}input[type=checkbox],input[type=radio]{width:15px;height:15px;margin-right:4px;vertical-align:-2px;cursor:pointer}.hidden{display:none!important}code{background-color:#e9ecef;padding:.1em .4em;border-radius:3px;font-size:.9em;color:#c7254e}span{font-size:.9em;color:var(--muted-text-color);vertical-align:middle}span.disabled{color:var(--disabled-color)!important;cursor:not-allowed!important;opacity:.65}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:1999;display:flex;align-items:center;justify-content:center}.modal-dialog{background-color:#fff;padding:25px 30px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.3);width:80%;max-width:1100px;height:85vh;max-height:85vh;z-index:2000;display:flex;flex-direction:column;overflow:hidden}.modal-dialog h2{margin-top:0;margin-bottom:20px;color:var(--primary-color);border-bottom-color:var(--primary-color)}#editTableContainer{flex-grow:1;overflow:auto;border:1px solid var(--border-color);margin-bottom:20px}#editTableContainer table{width:100%;border-collapse:collapse;font-size:.9em}#editTableContainer td,#editTableContainer th{border:1px solid var(--border-color);padding:8px 10px;text-align:left}#editTableContainer th{background-color:var(--light-bg);position:sticky;top:0;z-index:1;font-weight:600}#editTableContainer tr:nth-child(2n) td{background-color:var(--light-bg)}#editTableContainer td[contenteditable=true]{background-color:#fff;cursor:text}#editTableContainer td[contenteditable=true]:focus{outline:2px solid var(--primary-color);background-color:#f0f8ff}#editTableContainer td:first-child{font-weight:700;cursor:default;background-color:#f0f0f0}.modal-actions{text-align:right;flex-shrink:0;padding-top:15px;border-top:1px solid #eee}.modal-actions button{margin-left:10px}.modal-actions #saveChangesBtn{background-color:var(--success-color)}.modal-actions #saveChangesBtn:hover:not(:disabled){background-color:#218838}.modal-actions #cancelEditBtn{background-color:#6c757d}.modal-actions #cancelEditBtn:hover:not(:disabled){background-color:#5a6268}#schemaDisplay{margin-top:10px;padding:15px 20px;border:1px solid var(--border-color);background-color:#fff;border-radius:8px;min-height:50px;font-size:.9em;box-shadow:0 1px 3px rgba(0,0,0,.05);line-height:1.5;max-height:300px;overflow:auto}#schemaDisplay h4{margin:10px 0 5px 0;font-size:1.1em;color:var(--primary-color);border-bottom:1px dotted #ccc;padding-bottom:3px}#schemaDisplay ul{list-style:none;padding-left:15px;margin:0 0 10px 0}#schemaDisplay li{padding:2px 0;color:#495057}#schemaDisplay li .schema-pk{font-weight:700;color:var(--success-color);margin-left:5px}#schemaDisplay li .schema-type{color:var(--muted-text-color);margin-left:8px;font-style:italic}#schemaDisplay .schema-nodata{color:var(--muted-text-color);font-style:italic}#schemaDisplay .schema-error{color:var(--error-color);font-style:italic}