#compiler-layout{display:grid;grid-template-columns:240px 1fr;grid-template-rows:1.5fr auto 1fr;margin-top:calc(var(--header-h) + var(--nav-h));height:calc(100vh - var(--header-h) - var(--nav-h));overflow:hidden;gap:0}.resize-handle{grid-column:1/-1;grid-row:2;height:6px;background:var(--border2);cursor:row-resize;transition:background .2s ease;user-select:none;z-index:100}.resize-handle:hover{background:var(--accent)}#schema-panel{background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:width .2s ease,margin-left .2s ease;grid-row:1/-1;grid-column:1;height:auto;min-height:0}#schema-panel.collapsed{width:0;overflow:hidden;border-right:none}.schema-header{display:flex;align-items:center;justify-content:center;padding:12px 14px;border-bottom:1px solid var(--border);flex-shrink:0;position:relative}.schema-header .schema-toggle-display-btn{position:absolute;left:14px}.schema-title-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px}.schema-title{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text)}.schema-name{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);background:var(--bg3);padding:2px 8px;border-radius:4px;letter-spacing:.5px}#schema-toggle{display:none}.schema-toggle-display-btn{background:0 0;border:none;color:var(--text3);font-size:11px;cursor:pointer;padding:2px 4px;border-radius:4px;transition:var(--transition);margin-right:4px}.schema-toggle-display-btn:hover{color:var(--accent);background:rgba(var(--accent-blue-rgb),.08)}#schema-content{flex:1;overflow-y:scroll!important;overflow-x:hidden;padding:8px 8px 16px 8px;min-height:0;-webkit-overflow-scrolling:touch;max-height:265px;display:block}#schema-content{scrollbar-width:12px;scrollbar-color:var(--accent) var(--bg3)}#schema-content::-webkit-scrollbar{width:80px}#schema-content::-webkit-scrollbar-track{background:var(--bg3);border-radius:6px}#schema-content::-webkit-scrollbar-thumb{background:var(--accent);border-radius:6px}#schema-content::-webkit-scrollbar-thumb:hover{background:var(--accent2)}#schema-content.hidden-schema{display:none}.schema-table{margin-bottom:2px}.schema-table-header{display:flex;align-items:center;gap:6px;padding:7px 14px;cursor:pointer;transition:var(--transition)}.schema-table-header:hover{background:rgba(255,255,255,.03)}.schema-table-icon{font-size:9px;color:var(--text4);transition:transform .15s}.schema-table-header.open .schema-table-icon{transform:rotate(90deg)}.schema-table-name{font-family:var(--font-mono);font-size:12px;color:var(--accent2);flex:1}.schema-col-count{font-family:var(--font-mono);font-size:10px;color:var(--text4)}.schema-cols{padding:0 0 4px 28px}.schema-col{display:flex;align-items:center;gap:6px;padding:3px 14px 3px 0;font-size:11px}.schema-col-name{color:var(--text2);font-family:var(--font-mono);flex:1}.schema-col-type{color:var(--text4);font-family:var(--font-mono);font-size:10px}.schema-col-pk{background:rgba(var(--accent-blue-rgb),.1);color:var(--accent);font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;font-family:var(--font-mono);letter-spacing:.5px}.schema-error,.schema-loading{padding:16px 14px;font-size:12px;color:var(--text3)}.schema-menu-btn{display:none;background:0 0;border:1px solid var(--border);color:var(--text2);cursor:pointer;padding:6px 12px;border-radius:6px;font-size:13px;font-family:var(--font-display);transition:var(--transition)}.schema-menu-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-blue-rgb),.08)}.schema-toggle-btn{display:none;background:0 0;border:none;color:var(--text3);cursor:pointer;font-size:14px;padding:4px 8px;border-radius:4px;transition:var(--transition)}.schema-toggle-btn:hover{color:var(--accent);background:rgba(var(--accent-blue-rgb),.08)}#editor-panel{display:flex;flex-direction:column;background:var(--bg);border-right:none;overflow:hidden;grid-column:2;grid-row:1;transition:grid-column .3s ease,grid-row .3s ease}#editor-panel.expanded{grid-column:1/-1;grid-row:1/-1;z-index:1000}#results-panel.hidden,#schema-panel.hidden{display:none!important}#editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0;gap:12px;flex-wrap:wrap;position:relative}.editor-expand-toggle{background:0 0;border:none;color:var(--text3);cursor:pointer;font-size:16px;padding:4px 8px;border-radius:4px;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center}.editor-expand-toggle:hover{color:var(--accent);background:rgba(var(--accent-blue-rgb),.08)}.mode-toggle{display:flex;align-items:center;gap:8px}.mode-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text3);cursor:pointer;user-select:none}.mode-icon{font-size:14px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;opacity:.7;transition:var(--transition)}.mode-label:hover .mode-icon{opacity:1;color:var(--accent)}.mode-label input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.mode-hint{font-size:10px;font-family:var(--font-mono);color:var(--text4)}#sql-editor-wrap{flex:1;display:flex;overflow:hidden;min-height:0;background:#050d1a}#line-numbers{padding:14px 10px 14px 12px;font-family:var(--font-mono);font-size:12.5px;line-height:1.7;color:var(--text4);text-align:right;user-select:none;background:#050d1a;border-right:1px solid var(--border);min-width:40px;overflow:hidden;flex-shrink:0;white-space:pre}#sql-editor{flex:1;padding:14px 16px;font-family:var(--font-mono);font-size:12.5px;line-height:1.7;color:#a8c7fa;background:#050d1a;border:none;outline:0;resize:none;overflow-y:auto;white-space:pre;word-break:normal;caret-color:var(--accent);tab-size:2}.query-hint{display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(var(--accent-yellow-rgb),.08);border-left:3px solid var(--accent4);font-size:12px;color:var(--text2);flex-shrink:0}.query-hint.select-hint{background:rgba(var(--accent-blue-rgb),.08);border-left-color:var(--accent)}.query-hint.select-hint .hint-icon{color:var(--accent)}.query-hint.select-hint .hint-text strong{color:var(--accent)}.query-hint.selected-hint{background:rgba(var(--accent-green-rgb),.08);border-left-color:var(--accent2)}.query-hint.selected-hint .hint-icon{color:var(--accent2)}.query-hint.selected-hint .hint-text strong{color:var(--accent2)}.hint-icon{color:var(--accent4);font-size:14px;flex-shrink:0}.hint-text{flex:1}.hint-text strong{color:var(--accent4);font-weight:600}#editor-actions{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--border);background:var(--bg2);flex-shrink:0;flex-wrap:wrap}.btn-run{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#000;font-weight:700;font-size:13px;padding:7px 20px;border-radius:8px;border:none;font-family:var(--font-display);cursor:pointer;transition:var(--transition)}.btn-run:hover{opacity:.9;transform:translateY(-1px)}.btn-run:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-run:disabled:hover::after{content:'';position:absolute}.btn-run:disabled{position:relative}.theme-vanilla .btn-run{color:#fff!important}.btn-secondary{background:var(--bg3);color:var(--text2);border:1px solid var(--border);border-radius:8px;font-size:12px;padding:6px 14px;cursor:pointer;transition:var(--transition);font-family:var(--font-display)}.btn-secondary:hover{border-color:var(--border2);color:var(--text)}.query-history-wrap{position:relative}#history-dropdown{position:absolute;bottom:calc(100% + 6px);left:0;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;min-width:320px;max-height:240px;overflow-y:auto;box-shadow:var(--shadow);z-index:200}.history-item{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;transition:var(--transition);border-bottom:1px solid var(--border);user-select:none}.history-item:last-child{border-bottom:none}.history-item:hover{background:rgba(var(--accent-blue-rgb),.15);border-left:2px solid var(--accent);padding-left:10px}.history-item:active{background:rgba(var(--accent-blue-rgb),.25)}.history-num{font-family:var(--font-mono);font-size:10px;color:var(--text4);min-width:16px}.history-sql{font-family:var(--font-mono);font-size:11px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-empty{padding:12px;font-size:12px;color:var(--text3)}#results-panel{display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(135deg,var(--bg) 0,var(--bg2) 100%);grid-column:1/-1;grid-row:3;border-top:2px solid var(--border);transition:grid-template-rows .3s ease}#results-panel.collapsed{grid-template-rows:auto 0fr}#results-panel.collapsed #results-content{overflow:hidden}.results-header{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:14px 16px;border-bottom:2px solid var(--border);flex-shrink:0;background:linear-gradient(90deg,rgba(var(--accent-blue-rgb),.05),rgba(var(--accent-green-rgb),.03))}.results-toggle-btn{background:0 0;border:none;color:var(--text3);font-size:12px;cursor:pointer;padding:2px 4px;border-radius:4px;transition:color .2s ease,transform .2s ease;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.results-toggle-btn:hover{color:var(--accent);background:rgba(var(--accent-blue-rgb),.08)}.results-toggle-btn.collapsed{transform:rotate(-90deg)}.results-title{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--accent2);letter-spacing:.5px}#results-meta{font-family:var(--font-mono);font-size:12px;color:var(--accent);font-weight:600;background:rgba(var(--accent-blue-rgb),.1);padding:4px 10px;border-radius:4px}#results-content{flex:1;overflow:auto;padding:16px;background:var(--bg)}.results-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px}.results-placeholder-icon{font-size:32px;color:var(--text4)}.results-placeholder p{font-size:13px;color:var(--text3)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:8px;box-shadow:inset 0 1px 3px rgba(0,0,0,.2);margin-bottom:16px}.data-table{width:auto;min-width:100%;border-collapse:collapse;font-size:13px;font-family:var(--font-mono);background:var(--bg2);white-space:nowrap}.data-table th{background:linear-gradient(135deg,var(--bg3),var(--bg4));color:var(--accent);padding:14px 18px;text-align:left;border-bottom:2px solid var(--accent);font-weight:700;position:sticky;top:0;left:0;white-space:nowrap;letter-spacing:.5px;min-width:80px}.data-table td{padding:14px 18px;border-bottom:1px solid var(--border);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:80px}.data-table tbody tr{transition:var(--transition)}.data-table tbody tr:hover{background:rgba(var(--accent-blue-rgb),.12)}.data-table tbody tr:nth-child(2n){background:rgba(255,255,255,.015)}.cell-null{color:var(--accent4);font-style:italic;font-size:12px;opacity:.8}.results-loading{display:flex;align-items:center;gap:10px;padding:20px 0;font-size:13px;color:var(--text3)}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.results-truncated{padding:10px 14px;font-size:12px;font-family:var(--font-mono);color:var(--accent4);background:rgba(var(--accent-yellow-rgb),.12);border-left:3px solid var(--accent4);border-radius:4px;margin-bottom:14px;font-weight:600}:root{--answer-pass:#81C995;--answer-pass-rgb:129,201,149;--answer-fail:#F28B82;--answer-fail-rgb:242,139,130}:root.theme-vanilla{--answer-pass:#2E7D32;--answer-pass-rgb:46,125,50;--answer-fail:#C62828;--answer-fail-rgb:198,40,40}.answer-verdict{padding:10px 14px;font-size:13px;border-radius:4px;margin-bottom:14px;border-left:3px solid}.answer-verdict span{color:var(--text2)}.answer-pass{color:var(--answer-pass);border-left-color:var(--answer-pass);background:rgba(var(--answer-pass-rgb),.12)}.answer-fail{color:var(--answer-fail);border-left-color:var(--answer-fail);background:rgba(var(--answer-fail-rgb),.12)}#results-content .success-box{background:rgba(var(--accent-green-rgb),.1);border:1px solid rgba(var(--accent-green-rgb),.3);border-left:3px solid var(--accent2);border-radius:6px;padding:14px 16px}#results-content .success-box .info-icon{color:var(--accent2);font-size:18px;margin-right:10px}#results-content .success-box .info-text{color:var(--text);font-size:13px;font-weight:600}#results-content .warn-box{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-left:3px solid #ef4444;border-radius:6px;padding:14px 16px}#results-content .warn-box .info-icon{color:#ef4444;font-size:18px;margin-right:10px}#results-content .warn-box .info-text{color:var(--text);font-size:13px;font-weight:600}#questions-panel{border-bottom:1px solid var(--border);flex-shrink:0;max-height:400px;overflow:hidden;transition:max-height .3s ease}#questions-panel.collapsed{max-height:44px}#questions-content{padding:12px 14px}#difficulty-selector,#topic-selector{flex:1;padding:8px 10px 8px 10px;font-size:12px;font-family:var(--font-mono);background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:var(--transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='none' stroke='%238899aa' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}#difficulty-selector:hover,#topic-selector:hover{border-color:var(--border2)}#difficulty-selector:focus,#topic-selector:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-blue-rgb),.1)}.questions-selector-wrapper{display:flex;gap:8px;align-items:center;position:relative}#question-selector{flex:1;padding:8px 10px 8px 10px;font-size:12px;font-family:var(--font-mono);background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:var(--transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='none' stroke='%238899aa' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.dropdown-icon{display:none}#question-selector:hover{border-color:var(--border2)}#question-selector:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-blue-rgb),.1)}#question-display{margin-top:12px;padding:12px;background:rgba(var(--accent-blue-rgb),.05);border:1px solid rgba(var(--accent-blue-rgb),.15);border-radius:6px}.question-title{font-size:13px;font-weight:600;color:var(--accent2);margin-bottom:8px}.question-description{font-size:12px;color:var(--text2);line-height:1.4;margin-bottom:10px}.question-hint-box{margin:10px 0}.hint-content{font-size:12px;background:rgba(var(--accent-yellow-rgb),.08);border-left:2px solid var(--accent4);padding:8px 10px;border-radius:4px;color:var(--text2);line-height:1.4}#question-display .btn-secondary{font-size:11px;padding:5px 10px;margin-right:8px;margin-top:8px}@media (max-width:1100px){#compiler-layout{grid-template-columns:180px 1fr;grid-template-rows:1.5fr auto 1fr}#schema-panel{width:180px}#results-panel{flex:1}.questions-selector-wrapper{flex-wrap:wrap}#difficulty-selector,#question-selector,#topic-selector{font-size:11px;padding:7px 8px}.btn-run{font-size:12px;padding:6px 16px}}@media (max-width:900px){#compiler-layout{grid-template-columns:1fr;grid-template-rows:1.5fr auto 1fr}#schema-panel{position:fixed;left:0;top:calc(var(--header-h) + var(--nav-h));width:280px;height:calc(100vh - var(--header-h) - var(--nav-h));background:var(--bg2);border-right:1px solid var(--border);z-index:999;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4, 0, .2, 1);box-shadow:2px 0 12px rgba(0,0,0,.4);display:flex!important;flex-direction:column;overflow:hidden}#schema-panel.visible{transform:translateX(0)}#schema-panel.collapsed{transform:translateX(-100%)}@media (max-width:900px){body.schema-open::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:998;cursor:pointer}}#editor-panel{grid-column:1;grid-row:1}#results-panel{grid-column:1;grid-row:3;border-top:2px solid var(--border)}.schema-menu-btn{display:block}.schema-toggle-btn{display:block}.resize-handle{height:5px}#history-dropdown{bottom:auto;top:calc(100% + 6px)}.questions-selector-wrapper{flex-wrap:wrap;gap:6px}#difficulty-selector,#question-selector,#topic-selector{font-size:11px;padding:6px 8px}#editor-expand-btn{font-size:14px;padding:4px 6px}.btn-run{font-size:11px;padding:6px 14px}.btn-secondary{font-size:11px;padding:5px 12px}.query-hint{padding:6px 12px;font-size:11px}}@media (max-width:768px){#compiler-layout{grid-template-columns:1fr;grid-template-rows:1.5fr auto 1fr;margin-top:calc(var(--header-h) + var(--nav-h))}#schema-panel{position:fixed;left:0;top:calc(var(--header-h) + var(--nav-h));width:100%;max-width:280px;height:calc(100vh - var(--header-h) - var(--nav-h));z-index:999;transform:translateX(-100%);transition:transform .3s ease;box-shadow:2px 0 12px rgba(0,0,0,.4)}#schema-panel.visible{transform:translateX(0)}#schema-panel.collapsed{transform:translateX(-100%)}#schema-content{max-height:none}#editor-panel{grid-column:1;grid-row:1}#results-panel{grid-column:1;grid-row:3}.schema-menu-btn{display:block}.schema-toggle-btn{display:block}#editor-toolbar{padding:8px 12px;gap:8px}#questions-content{padding:10px 12px}.questions-selector-wrapper{flex-direction:column;gap:6px}#difficulty-selector,#question-selector,#topic-selector{width:100%;font-size:11px;padding:8px 8px}#editor-expand-btn{width:100%;font-size:14px;padding:8px 6px}#editor-actions{flex-direction:column;gap:6px;padding:8px 12px}.btn-run{width:100%;font-size:12px;padding:8px 16px}.btn-secondary{width:100%;font-size:11px;padding:7px 12px}.query-hint{padding:6px 10px;font-size:10px;gap:6px}.hint-icon{font-size:12px}.question-title{font-size:12px}.question-description{font-size:11px}#question-display .btn-secondary{font-size:10px;padding:5px 8px;width:auto}#line-numbers{min-width:30px;padding:10px 8px;font-size:11px}#sql-editor{font-size:11px;padding:10px 12px}.results-header{padding:10px 12px;gap:8px}.results-title{font-size:13px}#results-meta{font-size:10px;padding:3px 8px}.results-placeholder{gap:10px}.results-placeholder-icon{font-size:28px}.results-placeholder p{font-size:12px}.data-table{font-size:11px}.data-table td,.data-table th{padding:10px 12px;font-size:10px}.resize-handle{height:4px}}@media (max-width:480px){#compiler-layout{height:calc(100vh - var(--header-h) - var(--nav-h))}#questions-content{padding:8px 10px}.questions-selector-wrapper{flex-direction:column;gap:4px}#difficulty-selector,#question-selector,#topic-selector{font-size:10px;padding:7px 6px}#editor-actions{padding:6px 10px;gap:4px}.btn-run{font-size:11px;padding:6px 12px}.btn-secondary{font-size:10px;padding:5px 10px}.query-hint{padding:5px 8px;font-size:9px}.hint-icon{font-size:11px}#line-numbers{min-width:25px;font-size:10px;padding:8px 4px}#sql-editor{font-size:10px;padding:8px 10px}.data-table td,.data-table th{padding:8px 10px;font-size:9px}.results-header{padding:8px 10px}.results-title{font-size:12px}}#compiler-layout{min-height:640px;grid-template-rows:minmax(400px,1.6fr) auto minmax(200px,1fr)}#editor-panel{overflow-y:auto}#sql-editor-wrap{min-height:170px;flex-shrink:0;flex-grow:1}@media (max-width:900px){#compiler-layout{height:auto;min-height:0;grid-template-rows:auto auto minmax(280px,auto);overflow:visible}#editor-panel{overflow:visible}#sql-editor-wrap{min-height:240px}#questions-panel{max-height:none}}#question-display{padding:10px 12px;margin-top:10px}.question-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px}.question-head .question-title{margin-bottom:0;flex:1 1 220px}.question-actions{display:flex;flex-wrap:wrap;gap:6px}#question-display .question-actions .btn-secondary{margin:0}.question-details{margin-top:8px;max-height:220px;overflow-y:auto}.qd-topic-note{margin-top:8px;padding:6px 10px;font-size:12px;line-height:1.5;color:var(--text2);border-left:2px solid var(--accent);background:rgba(var(--accent-blue-rgb),.06);border-radius:4px}.qd-meta{display:inline-block;margin-left:8px;font-size:11px;font-weight:500;color:var(--text3)}.qd-task{margin:0 0 8px;color:var(--text);line-height:1.5}.qd-block{margin:0 0 6px;line-height:1.5}.qd-label{font-weight:600;color:var(--text)}.qd-list{margin:2px 0 0 18px;padding:0;list-style:disc}.qd-list li{margin:1px 0}.qd-list code{font-family:var(--font-mono);font-size:11.5px;color:var(--accent2)}.qd-expect{margin-top:4px;color:var(--text2)}.question-details .question-description{margin-bottom:0}#question-display.question-collapsed .question-details{display:none}.run-shortcut{margin-left:auto;font-size:11.5px;color:var(--text3);white-space:nowrap}.run-shortcut kbd{font-family:var(--font-mono);font-size:10.5px;padding:1px 6px;border:1px solid var(--border2);border-bottom-width:2px;border-radius:4px;background:var(--bg3);color:var(--text2)}@media (max-width:600px){.run-shortcut{display:none}}.start-coding-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:10px;background:var(--accent);color:var(--bg);font-family:var(--font-display);font-weight:700;font-size:14.5px;text-decoration:none;transition:var(--transition)}.start-coding-btn:hover{background:var(--accent-blue-hover);color:var(--bg)}:root.theme-vanilla .start-coding-btn,:root.theme-vanilla .start-coding-btn:hover{color:var(--bg)}:root.theme-vanilla .start-coding-btn:hover{background:var(--accent2)}#compiler-layout{margin-top:0}@media (min-width:901px){#editor-toolbar{display:none}}.editor-expand-toggle,.results-toggle-btn,.schema-toggle-display-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;font-size:16px;color:var(--text);background:var(--bg3);border:1px solid var(--border2);border-radius:8px;cursor:pointer;flex-shrink:0;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}.editor-expand-toggle:hover,.results-toggle-btn:hover,.schema-toggle-display-btn:hover{color:var(--accent-blue);border-color:var(--accent-blue);background:rgba(var(--accent-blue-rgb),.1)}:root.theme-vanilla .editor-expand-toggle,:root.theme-vanilla .results-toggle-btn,:root.theme-vanilla .schema-toggle-display-btn{color:var(--text);background:var(--bg);border-color:var(--border2)}:root.theme-vanilla .editor-expand-toggle:hover,:root.theme-vanilla .results-toggle-btn:hover,:root.theme-vanilla .schema-toggle-display-btn:hover{color:var(--accent2);border-color:var(--accent);background:var(--bg3)}.schema-header .schema-toggle-display-btn{width:28px;height:28px;font-size:15px}.results-toggle-btn.collapsed{transform:rotate(-90deg)}.editor-expand-toggle[aria-pressed=true]{color:var(--accent-blue);border-color:var(--accent-blue)}:root.theme-vanilla .editor-expand-toggle[aria-pressed=true]{color:var(--accent2);border-color:var(--accent)}#results-panel.collapsed #results-content{display:none}#compiler-layout.results-collapsed{grid-template-rows:minmax(400px,1fr) auto auto}#compiler-layout.workspace-expanded{position:fixed;top:calc(var(--header-h) + var(--nav-h));left:0;right:0;bottom:0;z-index:900;height:auto;min-height:0;margin:0;grid-template-columns:clamp(180px,13vw,200px) minmax(0,2fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);background:var(--bg);overflow:hidden}.workspace-expanded #results-toggle-btn,.workspace-expanded .resize-handle{display:none}.workspace-expanded #schema-panel{grid-column:1;grid-row:1;width:auto;min-width:0}.workspace-expanded .schema-header{padding:10px 8px}.workspace-expanded .schema-title-wrapper{padding-left:26px}.workspace-expanded #schema-content{padding:6px 4px 12px}.workspace-expanded .schema-table-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.workspace-expanded #editor-panel{grid-column:2;grid-row:1;border-right:2px solid var(--border2);overflow-y:auto}.workspace-expanded #results-panel{display:flex;grid-column:3;grid-row:1;border-top:none;min-height:0}.workspace-expanded #results-content{overflow:auto}body.workspace-fullscreen-open{overflow:hidden}@media (max-width:900px){#compiler-layout.workspace-expanded{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1.2fr) minmax(0,1fr)}.workspace-expanded #schema-panel{grid-column:auto;grid-row:auto;width:280px;z-index:1001}body.schema-open #compiler-layout.workspace-expanded{z-index:999}body.schema-open .workspace-expanded #schema-panel{box-shadow:8px 0 32px rgba(0,0,0,.45)}.workspace-expanded #editor-panel{grid-column:1;grid-row:1;border-right:none}.workspace-expanded #results-panel{grid-column:1;grid-row:2;border-top:2px solid var(--border2)}.workspace-expanded #sql-editor-wrap{min-height:140px}}.editor-expand-toggle .expand-label{display:none}@media (max-width:768px){#editor-expand-btn{width:100%;height:34px;gap:8px;font-size:15px}.editor-expand-toggle .expand-label{display:inline;font-family:var(--font-display);font-size:13px;font-weight:600}}.questions-selector-wrapper{min-width:0}#difficulty-selector,#question-selector,#topic-selector{flex:1 1 0;min-width:0;text-overflow:ellipsis}#editor-expand-btn{flex-shrink:0}@media (max-width:768px){#difficulty-selector,#question-selector,#topic-selector{flex-basis:100%}}#results-meta:empty{display:none}body>section:first-of-type{margin-top:calc(var(--header-h) + var(--nav-h))}@media (min-width:1100px){#compiler-layout #editor-panel.qd-split{display:grid;grid-template-columns:minmax(300px,2fr) minmax(0,3fr);grid-template-rows:auto minmax(0,1fr) auto auto auto auto;overflow:hidden}#compiler-layout .qd-split>#editor-toolbar{grid-column:2;grid-row:1}#compiler-layout .qd-split>#questions-panel{grid-column:1;grid-row:1/-1;max-height:none;min-height:0;overflow-y:auto;border-bottom:none;border-right:2px solid var(--border2)}#compiler-layout .qd-split>#sql-editor-wrap{grid-column:2;grid-row:2;min-height:0}#compiler-layout .qd-split>#query-hint{grid-column:2;grid-row:3}#compiler-layout .qd-split>#select-query-hint{grid-column:2;grid-row:4}#compiler-layout .qd-split>#selected-query-hint{grid-column:2;grid-row:5}#compiler-layout .qd-split>#editor-actions{grid-column:2;grid-row:6}#compiler-layout.workspace-expanded #editor-panel.qd-split{grid-template-columns:minmax(300px,1fr) minmax(0,1fr)}#compiler-layout .qd-split .question-details{max-height:none;overflow:visible}#compiler-layout .qd-split .questions-selector-wrapper{flex-wrap:wrap}#compiler-layout .qd-split #topic-selector{order:1;flex:1 1 0;min-width:0}#compiler-layout .qd-split #editor-expand-btn{order:2}#compiler-layout .qd-split #difficulty-selector{order:3;flex:1 1 100%}#compiler-layout .qd-split #question-selector{order:4;flex:1 1 100%;min-width:0}}.question-details{max-height:min(220px,32vh)}@media (min-width:901px){#compiler-layout.schema-collapsed{grid-template-columns:44px minmax(0,1fr)}#compiler-layout.workspace-expanded.schema-collapsed{grid-template-columns:44px minmax(0,2fr) minmax(0,1fr)}.schema-collapsed #schema-panel{width:auto;min-width:0;cursor:pointer}.schema-collapsed .schema-header{flex-direction:column;gap:14px;padding:10px 0;border-bottom:none}.schema-collapsed .schema-header .schema-toggle-display-btn{position:static}#schema-panel #schema-toggle-display{width:30px;height:30px;font-size:16px;color:var(--text3);background:var(--bg3);border:1px solid var(--border);border-radius:6px}#schema-panel #schema-toggle-display:focus-visible,#schema-panel #schema-toggle-display:hover{color:var(--accent);border-color:var(--accent);background:var(--bg3)}#schema-panel #schema-toggle-display,#schema-panel #schema-toggle-display .tw-icon{transform:none}.schema-collapsed .schema-title-wrapper{padding-left:0}.schema-collapsed #schema-content,.schema-collapsed .schema-name{display:none}.schema-collapsed .schema-title{writing-mode:vertical-rl;letter-spacing:1px;transition:color .2s ease}.schema-collapsed #schema-panel:hover .schema-title{color:var(--accent-blue)}:root.theme-vanilla .schema-collapsed #schema-panel:hover .schema-title{color:var(--accent2)}}