.debug-wrapper{--debug-bar-height:38px;position:fixed;bottom:0;left:0;right:0;background:#fff;width:100%;z-index:10050;margin:0;padding:0;box-shadow:0 -2px 10px rgb(0 0 0 / .15);max-height:70vh;overflow:hidden;transition:transform 0.3s ease}.debug-wrapper.collapsed{transform:translateY(calc(100% - var(--debug-bar-height)))}.debug-wrapper.collapsed .debug-content{display:none}.debug-wrapper.maximized{max-height:95vh!important}.debug-wrapper.maximized .debug-content{max-height:calc(95vh - var(--debug-bar-height))!important}.debug-wrapper::-webkit-scrollbar,.debug-content::-webkit-scrollbar{width:8px;height:8px}.debug-wrapper::-webkit-scrollbar-track,.debug-content::-webkit-scrollbar-track{background:#f1f1f1}.debug-wrapper::-webkit-scrollbar-thumb,.debug-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.debug-wrapper::-webkit-scrollbar-thumb:hover,.debug-content::-webkit-scrollbar-thumb:hover{background:#555}.debug-bar{background:linear-gradient(to bottom,#f8f9fa 0%,#e9ecef 100%);border-top:2px solid #007bff;padding:8px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:12px;position:sticky;top:0;z-index:10051;cursor:pointer;user-select:none}.debug-bar:hover{background:linear-gradient(to bottom,#e9ecef 0%,#dee2e6 100%)}.debug-toggle-icon{float:left;margin-right:10px;color:#007bff;transition:transform 0.3s ease;font-size:16px}.debug-wrapper.collapsed .debug-toggle-icon{transform:rotate(180deg)}.debug-bar-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.debug-bar-stats{color:#495057;display:flex;align-items:center;gap:8px;flex:1}.debug-bar-stats i{color:#007bff}.debug-bar-stats strong{color:#212529;font-weight:600}.debug-bar-stats .text-muted{color:#adb5bd;margin:0 4px}.debug-bar-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.debug-bar-controls label{margin:0;font-weight:400;cursor:pointer;transition:color 0.2s}.debug-bar-controls label:hover{color:#007bff}.debug-bar-controls input[type="checkbox"]{margin-right:4px;cursor:pointer}.debug-content{background:#fff;padding:0;overflow-y:auto;max-height:calc(70vh - var(--debug-bar-height))}.sqlLog{font-family:'Monaco','Menlo','Consolas','Courier New',monospace;font-size:12px;background:#fff0;overflow-x:auto;padding:12px 16px;margin:0;border-top:1px solid #e9ecef}.sqlLogTitle{font-weight:600;color:#0c5460;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:linear-gradient(to bottom,#d1ecf1 0%,#bee5eb 100%);border-bottom:1px solid #bee5eb;padding:8px 12px;margin:0 0 8px 0;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.sqlLogTitle::before{content:"\f0ce";font-family:"FontAwesome";color:#17a2b8;font-size:14px}.sqlLogRow{background-color:#f8f9fa;padding:8px 12px;margin:4px 0;border-left:3px solid #fff0;border-radius:3px;cursor:pointer;transition:all 0.2s ease;word-break:break-all;white-space:pre-wrap;overflow-wrap:break-word}.sqlLogRow:hover{border-left-color:#007bff;background-color:#f1f8ff;transform:translateX(2px)}.sqlLogWrapped{white-space:pre-wrap!important;word-break:break-word!important}.sqlLogRow.nowrap{white-space:nowrap;word-break:normal;overflow-x:auto}.sqlExplain{color:#dc3545;font-size:12px;cursor:inherit!important;padding:8px 12px;background:#fff5f5;border-left:3px solid #dc3545;margin:8px 0;border-radius:0 3px 3px 0}.sqlHighlight{background:#fff3cd;border-left-color:#ffc107}.sqlLog::-webkit-scrollbar{height:6px}.sqlLog::-webkit-scrollbar-track{background:#f1f1f1}.sqlLog::-webkit-scrollbar-thumb{background:#007bff;border-radius:3px}.sqlLog::-webkit-scrollbar-thumb:hover{background:#0056b3}.debug-explain-content{font-size:12px;color:#495057;line-height:1.6;padding:12px;background:#fff;max-width:98%;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.debug-explain-content:empty{display:none}a[name="explain"]{display:block;position:relative;top:-80px;visibility:hidden}.explain-panel{box-shadow:0 2px 4px rgb(0 0 0 / .1);border-color:#d1ecf1;position:relative;margin:10px 0}.explain-panel .panel-heading{background:linear-gradient(to bottom,#d1ecf1 0%,#bee5eb 100%);border-color:#bee5eb;color:#0c5460;font-size:12px;padding:8px 12px}.explain-panel .panel-heading strong{color:#004085}.explain-panel .panel-heading .fa-info-circle{color:#17a2b8}.explain-panel .panel-heading .fa-copy{color:#0c5460}.explain-panel .panel-heading .copyElement{cursor:pointer}.explain-panel .panel-heading .copyElement:hover{opacity:.8}.explain-panel .panel-body{padding:0}.explain-panel .panel-footer{padding:8px 12px}.explain-table{margin:0;font-size:12px}.explain-table th{background:#f5f5f5!important;color:#495057;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.explain-table tbody tr:hover{background-color:#f1f8ff!important}.explain-table td{font-size:12px;color:#212529;vertical-align:middle}.sql-query-text{background:#f8f9fa;padding:8px;border-radius:3px;color:#495057;word-break:break-all;font-family:Monaco,Menlo,Consolas,monospace;font-size:12px;overflow-x:auto}@media (max-width:768px){.debug-wrapper{max-height:40vh;--debug-bar-height:32px}.debug-wrapper.collapsed{transform:translateY(calc(100% - var(--debug-bar-height)))}.debug-wrapper.maximized{max-height:85vh!important}.debug-content{max-height:calc(40vh - var(--debug-bar-height))}.debug-wrapper.maximized .debug-content{max-height:calc(85vh - var(--debug-bar-height))!important}.debug-bar{padding:4px 0;font-size:11px}.debug-bar-content{flex-direction:column;align-items:flex-start;gap:6px}.debug-bar-stats{flex-wrap:wrap;font-size:10px;width:100%;gap:4px;line-height:1.3}.debug-bar-stats i{font-size:10px}.debug-bar-stats strong{font-size:10px}.debug-bar-controls{width:100%;font-size:10px;gap:6px;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}.debug-bar-controls label{font-size:10px;white-space:nowrap}.debug-bar-controls .btn{font-size:10px;padding:2px 6px}.debug-toggle-icon{font-size:13px;margin-right:6px}.debug-explain-content{font-size:10px;padding:4px}.explain-panel .panel-heading .col-xs-12{text-align:left!important;margin-bottom:6px}.explain-panel .panel-heading{padding:6px 8px;font-size:10px}.explain-panel .panel-footer{padding:6px 8px;font-size:10px}.explain-table{font-size:9px}.explain-table th{font-size:8px;padding:3px!important}.explain-table td{font-size:9px;padding:3px!important}.sql-query-text{font-size:9px;padding:6px}.sqlLog{font-size:10px;padding:8px 10px}.sqlLogTitle{font-size:10px;padding:6px 8px}.sqlLogRow{padding:6px 8px;font-size:10px;margin:2px 0}.sqlExplain{font-size:10px;padding:6px 8px}}