.combobox-input{appearance:none;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;line-height:1.5;transition:border-color .15s ease-out,box-shadow .15s ease-out}.combobox-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .2);outline:none}select.combobox-input{cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23888%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 1rem top 50%;background-repeat:no-repeat;background-size:.65rem;padding-right:2.5rem}.select-small{height:28px;padding:.2rem .5rem;font-size:.85rem}select.select-small{background-position:right .5rem top 50%;padding-right:1.5rem}.btn-small{border-radius:4px;padding:.4rem .8rem;font-size:.85rem}.alert-box{border-radius:var(--radius);border:1px solid;margin-bottom:1rem;padding:1rem}.alert-box.amber{color:var(--text-primary);background:#d977061a;border-color:#d977064d}.alert-box.amber strong{color:#d97706}.alert-box strong{align-items:center;gap:8px;margin-bottom:.5rem;display:flex}.alert-box ul{margin:0;padding-left:1.5rem;font-size:.85rem}.alert-box.error-box{color:var(--text-primary);background:#f851491a;border-color:#f851494d;margin-bottom:1rem}.alert-box.error-box strong{color:#f85149}.alert-box.error-box p{margin:0;font-size:.85rem}.flex-col{flex-direction:column;display:flex}.main-input-wrapper{border:1px solid var(--border);border-radius:var(--radius);min-height:250px;position:relative;overflow:hidden}.main-input-wrapper .editor-container{position:absolute;inset:0}.dialect-selection-row{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.explain-check{margin-right:auto}.generate-action-row{margin-top:1rem}.output-scrollable{flex-direction:column;height:100%;display:flex;overflow-y:auto}.success-state{text-align:center;border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.diff-viewer-wrapper{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.diff-success-state{min-height:150px;margin-top:1rem}.diff-success-state i.fa-circle-check{color:var(--success,#2ea043);margin-bottom:1rem;font-size:2.5rem}.diff-success-state .success-desc{color:var(--text-secondary)}.optimizer-diff,.code-output-wrapper.has-results{margin-top:1rem}.ai-summary.recommended-indexes{border-left:3px solid var(--success,#2ea043);margin-top:1rem}.ai-summary.explain-plan{margin-top:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.panel-header-row .header-actions{flex-wrap:wrap;justify-content:flex-end}}
.test-runner-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);margin-top:1.5rem;animation:.2s ease-out slideUp;overflow:hidden}.test-runner-header{background:var(--bg-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;transition:background .2s;display:flex}.test-runner-header:hover{background:var(--bg-secondary)}.test-runner-title{color:var(--text-primary);align-items:center;gap:.75rem;font-size:.95rem;font-weight:600;display:flex}.test-runner-title i{color:var(--accent);font-size:1rem}.test-runner-header-right{align-items:center;gap:1rem;display:flex}.tr-chevron{color:var(--text-secondary);font-size:.8rem;transition:transform .2s}.dialect-badge{letter-spacing:.02em;border:1px solid;border-radius:20px;align-items:center;gap:6px;padding:.2rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.dialect-badge.native{color:#2ea043;background:#2ea0431f;border-color:#2ea04359}.dialect-badge.simulated{color:var(--accent);background:#38bdf81a;border-color:#38bdf84d}.exec-time-badge{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);border-radius:10px;align-items:center;gap:5px;padding:.1rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.exec-time-badge.running{color:var(--accent);border-color:var(--accent)}.test-runner-body{flex-direction:column;gap:1rem;padding:1rem 1.25rem;animation:.15s ease-out fadeIn;display:flex}.test-runner-controls{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.tr-controls-left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.tr-controls-right{align-items:center;gap:.5rem;display:flex}.test-data-section{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);overflow:hidden}.test-data-section-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:.6rem 1rem;font-size:.85rem;font-weight:500;display:flex}.test-data-section-header span{align-items:center;gap:8px;display:flex}.test-data-editor-wrapper{width:100%;height:200px;position:relative}.test-data-editor-wrapper>div{inset:0;width:100%!important;height:100%!important;position:absolute!important}.tr-result-area{flex-direction:column;gap:.75rem;animation:.15s ease-out slideUp;display:flex}.tr-empty-state{text-align:center;color:var(--text-secondary);border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2.5rem 1rem;display:flex}.tr-empty-state i{opacity:.3;margin-bottom:.25rem;font-size:2rem}.tr-empty-state p{margin:0;font-size:.9rem}.tr-empty-note{color:var(--text-secondary);opacity:.8}@media (max-width:768px){.test-runner-header{flex-wrap:wrap;gap:.5rem;padding:.65rem 1rem}.test-runner-header-right{flex-wrap:wrap;gap:.5rem}.test-runner-controls{flex-direction:column;align-items:flex-start}.tr-controls-right{justify-content:flex-end;width:100%}.dialect-badge{padding:.15rem .5rem;font-size:.72rem}}@media (max-width:480px){.test-runner-body{padding:.75rem}}
.schema-wrapper{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary);margin-bottom:.5rem;overflow:hidden}.schema-toggle-btn{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-grow:1;align-items:center;gap:10px;padding:.75rem 1rem;font-size:.9rem;transition:background .2s,color .2s;display:flex}.schema-toggle-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.schema-toggle-btn.active{color:var(--accent);background:var(--bg-secondary);border-bottom:1px solid var(--border);font-weight:500}.schema-header-actions{background:var(--bg-secondary);justify-content:space-between;align-items:center;display:flex}.schema-footer-actions{background:var(--bg-secondary);border-top:1px solid var(--border);align-items:center;gap:.5rem;padding:.5rem;display:flex}.schema-editor-wrapper{border-bottom:1px solid var(--border);background:var(--bg-primary);width:100%;height:250px;position:relative}.schema-editor-wrapper>div{inset:0;width:100%!important;height:100%!important;position:absolute!important}.workspace-controls{align-items:center;gap:10px;padding-right:.5rem;display:flex}.sub-workspace-controls{flex-direction:row;gap:6px;display:flex}.upload-btn-wrapper{align-items:center;display:inline-flex;position:relative;overflow:hidden}.upload-btn-wrapper input[type=file]{opacity:0;cursor:pointer;font-size:100px;position:absolute;inset:0}@media (max-width:1000px){.workspace-controls{flex-direction:column;align-items:flex-start}}@media (max-width:768px){.schema-footer-actions{flex-wrap:wrap}}@media (max-width:480px){.sub-workspace-controls{flex-wrap:wrap}}
.sandbox-results{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);overflow:hidden}.sandbox-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);color:var(--text-primary);justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.sandbox-header .close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:background .2s,color .2s}.sandbox-header .close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.table-responsive{max-height:400px;overflow:auto}.sandbox-table{border-collapse:collapse;width:100%;font-size:.85rem}.sandbox-table th,.sandbox-table td{border:1px solid var(--border);text-align:left;white-space:nowrap;color:var(--text-secondary);padding:.6rem .8rem}.sandbox-table th{background:var(--bg-tertiary);color:var(--text-primary);z-index:10;box-shadow:0 1px 0 var(--border);font-weight:600;position:sticky;top:0}.sandbox-table tbody tr:hover{background:var(--bg-secondary)}.empty-message{color:var(--text-secondary);text-align:center;justify-content:center;align-items:center;gap:8px;margin:0;padding:1rem;font-style:italic;display:flex}.null-value{color:var(--text-secondary);opacity:.6;font-size:.8rem}.sandbox-error-text{white-space:pre-wrap;margin:0;font-family:monospace;font-size:.85rem;line-height:1.5}.result-stats-bar{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:1.25rem;padding:.5rem .875rem;display:flex}.result-stat{color:var(--text-secondary);align-items:center;gap:6px;font-size:.82rem;font-weight:500;display:inline-flex}.result-stat i{color:var(--accent);font-size:.75rem}.result-stat.simulated-tag{color:var(--accent);background:#38bdf814;border:1px solid #38bdf833;border-radius:10px;padding:.15rem .5rem}.result-set-block{margin-bottom:0}.result-set-label{background:var(--bg-tertiary);border-bottom:1px solid var(--border);color:var(--text-secondary);padding:.4rem .75rem;font-size:.8rem;font-weight:600}.simulation-notice{border-radius:var(--radius);color:var(--accent);background:#38bdf814;border:1px solid #38bdf840;align-items:center;gap:8px;padding:.5rem .875rem;font-size:.82rem;font-weight:500;display:flex}.simulation-note-box{border-left:3px solid var(--accent)}@media (max-width:768px){.sandbox-table th,.sandbox-table td{padding:.4rem .5rem;font-size:.75rem}.table-responsive{max-height:300px}.result-stats-bar{gap:.75rem}}