.db-page{flex-direction:column;gap:0;display:flex}.db-page>.tool-header{margin-bottom:var(--space-3)}.db-tabs{border-bottom:2px solid var(--border);scrollbar-width:none;flex-direction:row;gap:2px;margin-bottom:24px;display:flex;overflow-x:auto}.db-tabs::-webkit-scrollbar{display:none}.db-tab{color:var(--text2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:10px 16px;font-family:inherit;font-size:.82rem;font-weight:600;transition:color .15s,border-color .15s;display:flex}.db-tab:hover{color:var(--text)}.db-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.db-tab-count{border-radius:var(--radius-pill);background:var(--bg3);border:1px solid var(--border);min-width:18px;height:18px;color:var(--text3);justify-content:center;align-items:center;padding:0 5px;font-size:.65rem;font-weight:700;display:inline-flex}.db-tab--active .db-tab-count{background:rgba(var(--accent-rgb), .15);border-color:rgba(var(--accent-rgb), .3);color:var(--accent)}.db-btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:.8rem;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.db-btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.db-btn--primary:hover{background:#0d6efd;border-color:#0d6efd}.db-btn--ghost{background:var(--bg3);color:var(--text2);border-color:var(--border)}.db-btn--ghost:hover{background:var(--border);color:var(--text)}.db-btn--accent{color:#a78bfa;background:#8b5cf626;border-color:#8b5cf64d}.db-btn--accent:hover{color:#c4b5fd;background:#8b5cf640}.db-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg3);color:var(--text);font-size:.82rem;font-family:var(--font-mono);outline:none;min-width:60px;padding:7px 10px;transition:border-color .15s}.db-input:focus{border-color:var(--accent)}.db-input::placeholder{color:var(--text3);font-style:italic}.db-input--grow{flex:auto;min-width:80px}.db-input--alias{flex-shrink:0;width:90px}.db-input--full{box-sizing:border-box;width:100%}.db-select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg3);color:var(--text);font-size:.82rem;font-family:var(--font-mono);cursor:pointer;outline:none;padding:7px 10px;transition:border-color .15s}.db-select:focus{border-color:var(--accent)}.db-select--logic{flex-shrink:0;width:72px}.db-textarea{box-sizing:border-box;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg3);width:100%;color:var(--text);font-size:.82rem;font-family:var(--font-mono);resize:vertical;scrollbar-width:auto;scrollbar-color:var(--border2) var(--bg3);outline:none;padding:12px 14px;line-height:1.6;transition:border-color .15s}.db-textarea:focus{border-color:var(--accent)}.db-textarea::placeholder{color:var(--text3);font-style:italic}.db-textarea::-webkit-scrollbar{width:14px;height:14px}.db-textarea::-webkit-scrollbar-thumb{background:var(--border2);border:3px solid var(--bg2);border-radius:var(--radius-pill)}.db-textarea::-webkit-scrollbar-thumb:hover{background:var(--text3)}.db-textarea::-webkit-scrollbar-track{background:var(--bg3)}.db-textarea::-webkit-scrollbar-corner{background:var(--bg3)}.db-textarea--sm{min-height:10vh}.db-textarea--editor{resize:none;border-right:none;border-radius:8px 0 0 8px;flex:1;height:100%;min-height:0}.db-textarea--opt{min-height:22vh}.db-section{flex-direction:column;gap:8px;display:flex}.db-section__label{color:var(--text3);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.db-section__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.db-section--grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.db-add-btn{border-radius:var(--radius-sm);border:1px dashed var(--border2);color:var(--text3);cursor:pointer;background:0 0;padding:3px 10px;font-family:inherit;font-size:.73rem;font-weight:700;transition:color .15s,border-color .15s}.db-add-btn:hover{color:var(--accent);border-color:var(--accent)}.db-rem-btn{border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--bg3);width:22px;height:22px;color:var(--text3);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:14px;transition:color .15s,background .15s;display:inline-flex}.db-rem-btn:hover{color:#f85149;background:rgba(var(--red-rgb), .1);border-color:rgba(var(--red-rgb), .3)}.db-dot{color:var(--text3);flex-shrink:0;align-self:center;font-size:1rem;font-weight:700}.db-as{color:var(--text3);letter-spacing:.05em;flex-shrink:0;align-self:center;font-size:.72rem;font-weight:700}.db-triple-row,.db-col-row,.db-join-row1,.db-cond-row,.db-order-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.db-join-block{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:10px;display:flex}.db-op-btns{flex-wrap:wrap;gap:6px;display:flex}.db-op-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg3);color:var(--text2);cursor:pointer;padding:6px 14px;font-family:inherit;font-size:.78rem;font-weight:600;transition:color .15s,background .15s,border-color .15s}.db-op-btn:hover{color:var(--text);border-color:var(--border2)}.db-op-btn--active{background:rgba(var(--accent-rgb), .12);border-color:rgba(var(--accent-rgb), .35);color:var(--accent)}.db-checkbox-row{color:var(--text2);cursor:pointer;align-items:center;gap:8px;font-size:.82rem;display:flex}.db-checkbox-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.db-templates-panel{flex-direction:column;gap:16px;display:flex}.db-search-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.db-search-wrap{flex:1;min-width:200px;max-width:380px;position:relative}.db-search-icon{pointer-events:none;font-size:13px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.db-search{box-sizing:border-box;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg3);width:100%;color:var(--text);outline:none;padding:8px 32px;font-size:.82rem;transition:border-color .15s}.db-search:focus{border-color:var(--accent)}.db-search-clear{color:var(--text3);cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.db-result-count{color:var(--text3);white-space:nowrap;font-size:.76rem}.db-cats{flex-wrap:wrap;gap:6px;display:flex}.db-cat-btn{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg3);color:var(--text2);cursor:pointer;white-space:nowrap;padding:4px 12px;font-family:inherit;font-size:.73rem;font-weight:600;transition:color .15s,background .15s,border-color .15s}.db-cat-btn:hover{color:var(--text);border-color:var(--border2)}.db-cat-btn--active{background:rgba(var(--accent-rgb), .12);border-color:rgba(var(--accent-rgb), .35);color:var(--accent)}.db-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.db-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:8px;padding:14px;transition:border-color .15s,box-shadow .15s;display:flex}.db-card:hover{border-color:rgba(var(--accent-rgb), .3);box-shadow:0 0 0 1px rgba(var(--accent-rgb), .1)}.db-card__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.db-card__title{color:var(--text);flex:1;font-size:.82rem;font-weight:700}.db-card__diff{border-radius:var(--radius-pill);white-space:nowrap;padding:2px 8px;font-size:.65rem;font-weight:700}.db-card__diff--beginner{background:rgba(var(--green-rgb), .12);color:var(--green);border:1px solid rgba(var(--green-rgb), .25)}.db-card__diff--intermediate{background:rgba(var(--accent-rgb), .1);color:var(--accent);border:1px solid rgba(var(--accent-rgb), .25)}.db-card__diff--advanced{background:rgba(var(--red-rgb), .1);color:#f85149;border:1px solid rgba(var(--red-rgb), .2)}.db-card__desc{color:var(--text2);margin:0;font-size:.78rem;line-height:1.5}.db-card__preview{font-size:.72rem;font-family:var(--font-mono);color:var(--text3);background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:pre;scrollbar-width:auto;scrollbar-color:var(--border2) var(--bg3);height:10vh;min-height:80px;max-height:14vh;margin:0;padding:8px 10px;line-height:1.5;overflow:auto}.db-card__preview::-webkit-scrollbar{width:14px;height:14px}.db-card__preview::-webkit-scrollbar-thumb{background:var(--border2);border:3px solid var(--bg3);border-radius:var(--radius-pill)}.db-card__preview::-webkit-scrollbar-thumb:hover{background:var(--text3)}.db-card__preview::-webkit-scrollbar-track{background:var(--bg3)}.db-card__preview::-webkit-scrollbar-corner{background:var(--bg3)}.db-card__actions{gap:6px;margin-top:auto;display:flex}.db-empty{text-align:center;color:var(--text3);grid-column:1/-1;padding:48px;font-size:.88rem}.db-builder-layout{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.db-builder-form{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-xl);scrollbar-width:auto;scrollbar-color:var(--border2) var(--bg2);flex-direction:column;gap:16px;max-height:72vh;padding:18px;display:flex;overflow-y:auto}.db-builder-form::-webkit-scrollbar{width:14px}.db-builder-form::-webkit-scrollbar-thumb{background:var(--border2);border:3px solid var(--bg2);border-radius:var(--radius-pill)}.db-builder-form::-webkit-scrollbar-thumb:hover{background:var(--text3)}.db-builder-form::-webkit-scrollbar-track{background:var(--bg2)}.db-builder-form::-webkit-scrollbar-corner{background:var(--bg2)}.db-builder-preview{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-xl);flex-direction:column;max-height:72vh;display:flex;position:sticky;top:16px;overflow:hidden}.db-preview-head{background:var(--bg3);border-bottom:1px solid var(--border);color:var(--text3);letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.72rem;font-weight:700;display:flex}.db-preview-actions{gap:6px;display:flex}.db-code-block{font-family:var(--font-mono);color:var(--text);white-space:pre;scrollbar-width:auto;scrollbar-color:var(--border2) var(--bg2);background:0 0;flex:1;min-height:0;margin:0;padding:16px 18px;font-size:.8rem;line-height:1.65;overflow:auto}.db-code-block::-webkit-scrollbar{width:14px;height:14px}.db-code-block::-webkit-scrollbar-thumb{background:var(--border2);border:3px solid var(--bg2);border-radius:var(--radius-pill)}.db-code-block::-webkit-scrollbar-thumb:hover{background:var(--text3)}.db-code-block::-webkit-scrollbar-track{background:var(--bg2)}.db-code-block::-webkit-scrollbar-corner{background:var(--bg2)}.db-code-block--preview{min-height:40vh}.db-hl-kw{color:#c678dd;letter-spacing:.01em;font-weight:700}.db-hl-fn{color:#61afef;font-weight:500}.db-hl-type{color:#e5c07b;font-style:italic;font-weight:600}.db-hl-string{color:#98c379}.db-hl-num{color:#d19a66}.db-hl-comment{color:#636d83;opacity:.85;font-style:italic}.db-hl-py-kw{color:#56b6c2;font-weight:600}.db-placeholder-hl{color:var(--text3);font-style:italic}[data-theme=light] .db-hl-py-kw{color:#0e7490;font-weight:600}[data-theme=light] .db-hl-kw{color:#7c3aed;font-weight:700}[data-theme=light] .db-hl-fn{color:#0369a1;font-weight:500}[data-theme=light] .db-hl-type{color:#b45309;font-style:italic;font-weight:600}[data-theme=light] .db-hl-string{color:#166534}[data-theme=light] .db-hl-num{color:#c2410c}[data-theme=light] .db-hl-comment{color:#6b7280;opacity:.9;font-style:italic}.db-editor-layout{flex-direction:column;gap:12px;display:flex}.db-editor-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.db-editor-meta{color:var(--text3);font-size:.72rem;font-family:var(--font-mono);margin-left:auto}.db-editor-split{border-radius:var(--radius-lg);border:1px solid var(--border);grid-template-columns:1fr 1fr;height:65vh;min-height:400px;display:grid;overflow:hidden}.db-editor-input-pane{background:var(--bg2);flex-direction:column;display:flex;overflow:hidden}.db-editor-input-pane .db-preview-head{flex-shrink:0}.db-editor-input-pane .db-textarea--editor{flex:1;height:100%;min-height:0}.db-editor-preview-pane{border-left:1px solid var(--border);background:var(--bg2);flex-direction:column;display:flex;overflow:hidden}.db-editor-preview-pane .db-preview-head{flex-shrink:0}.db-editor-preview-pane .db-code-block{flex:1;min-height:0}.db-opt-layout{grid-template-columns:1fr 340px;align-items:start;gap:20px;display:grid}.db-opt-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.db-analysis{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg2);flex-direction:column;gap:0;margin-top:4px;display:flex;overflow:hidden}.db-analysis-header{background:var(--bg3);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.db-analysis-header-left{align-items:center;gap:10px;display:flex}.db-analysis-icon{font-size:16px}.db-analysis-title{color:var(--text);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.db-analysis-count{color:var(--text3);background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:1px 9px;font-size:.72rem}.db-analysis-header-right{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.db-sev-pill{border-radius:var(--radius-pill);letter-spacing:.05em;text-transform:uppercase;padding:2px 9px;font-size:.65rem;font-weight:700}.db-sev-pill--error{background:rgba(var(--red-rgb), .18);color:#ff7b72;border:1px solid rgba(var(--red-rgb), .3)}.db-sev-pill--warn{background:rgba(var(--yellow-rgb), .15);color:#e3b341;border:1px solid rgba(var(--yellow-rgb), .3)}.db-sev-pill--info{color:#79c0ff;background:#388bfd1f;border:1px solid #388bfd40}.db-sev-pill--ok{background:rgba(var(--green-rgb), .12);color:#3fb950;border:1px solid rgba(var(--green-rgb), .25)}.db-findings{flex-direction:column;display:flex}.db-finding{border-bottom:1px solid var(--border);gap:0;transition:background .15s;display:flex}.db-finding:last-child{border-bottom:none}.db-finding:hover{background:#ffffff06}[data-theme=light] .db-finding:hover{background:#00000006}.db-finding-stripe{flex-shrink:0;width:4px}.db-finding-stripe--error{background:#f85149}.db-finding-stripe--warn{background:#e3b341}.db-finding-stripe--info{background:#388bfd}.db-finding-stripe--ok{background:#3fb950}.db-finding-content{flex-direction:column;flex:1;gap:7px;min-width:0;padding:14px 16px;display:flex}.db-finding-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.db-finding-cat{border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.07em;padding:2px 8px;font-size:.62rem;font-weight:700}.db-cat--performance{color:#f59e0b;background:#f59e0b24;border:1px solid #f59e0b40}.db-cat--delta-lake{color:#79c0ff;background:#388bfd21;border:1px solid #388bfd40}.db-cat--correctness{background:rgba(var(--red-rgb), .13);color:#ff7b72;border:1px solid rgba(var(--red-rgb), .25)}.db-cat--security{color:#f472b6;background:#ec489921;border:1px solid #ec489940}.db-cat--databricks{color:#ff8a78;background:#ff36211f;border:1px solid #ff362138}.db-cat--best-practice{background:rgba(var(--green-rgb), .12);color:#3fb950;border:1px solid rgba(var(--green-rgb), .22)}.db-cat--summary{color:var(--text3);border:1px solid var(--border);background:#7d85901f}.db-finding-impact{border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;font-size:.62rem;font-weight:600}.db-impact--critical{background:rgba(var(--red-rgb), .1);color:#ff7b72}.db-impact--high{color:#f59e0b;background:#f59e0b1a}.db-impact--medium{background:rgba(var(--yellow-rgb), .1);color:#c9a227}.db-impact--low{color:var(--text3);background:#7d85901a}.db-finding-sev-label{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em;margin-left:auto;padding:2px 8px;font-size:.62rem;font-weight:700}.db-sev-label--error{background:rgba(var(--red-rgb), .15);color:#ff7b72}.db-sev-label--warn{background:rgba(var(--yellow-rgb), .12);color:#e3b341}.db-sev-label--info{color:#79c0ff;background:#388bfd1a}.db-sev-label--ok{background:rgba(var(--green-rgb), .1);color:#3fb950}.db-finding-title{color:var(--text);font-size:.85rem;font-weight:700;line-height:1.3}.db-finding-desc{color:var(--text2);font-size:.8rem;line-height:1.65}.db-finding-fix{border-radius:var(--radius-md);border:1px solid var(--border);margin-top:4px;overflow:hidden}.db-finding-fix-label{color:var(--text3);text-transform:uppercase;letter-spacing:.07em;background:var(--bg3);border-bottom:1px solid var(--border);padding:6px 12px;font-size:.65rem;font-weight:700}.db-finding-fix-code{background:var(--bg);font-family:var(--font-mono);color:#98c379;white-space:pre;scrollbar-width:thin;scrollbar-color:var(--border2) transparent;margin:0;padding:10px 14px;font-size:.76rem;line-height:1.6;overflow-x:auto}.db-finding-fix-code::-webkit-scrollbar{height:6px}.db-finding-fix-code::-webkit-scrollbar-thumb{background:var(--border2);border-radius:var(--radius-pill)}[data-theme=light] .db-finding-fix-code{color:#116329;background:#f6f8fa}[data-theme=light] .db-cat--performance{color:#b45309;background:#f59e0b1a;border-color:#f59e0b33}[data-theme=light] .db-cat--delta-lake{color:#0369a1;background:#388bfd1a;border-color:#388bfd33}[data-theme=light] .db-cat--correctness{background:rgba(var(--red-rgb), .1);color:#b91c1c;border-color:rgba(var(--red-rgb), .2)}[data-theme=light] .db-cat--security{color:#be185d;background:#ec48991a;border-color:#ec489933}[data-theme=light] .db-cat--databricks{color:#c2410c;background:#ff362114;border-color:#ff36212e}[data-theme=light] .db-cat--best-practice{background:rgba(var(--green-rgb), .1);color:#166534;border-color:rgba(var(--green-rgb), .2)}[data-theme=light] .db-sev-pill--error{color:#b91c1c}[data-theme=light] .db-sev-pill--warn{color:#92400e}[data-theme=light] .db-sev-pill--info{color:#0369a1}[data-theme=light] .db-sev-pill--ok{color:#166534}[data-theme=light] .db-finding-title{color:var(--text)}[data-theme=light] .db-sev-label--error{color:#b91c1c}[data-theme=light] .db-sev-label--warn{color:#92400e}[data-theme=light] .db-sev-label--info{color:#0369a1}[data-theme=light] .db-sev-label--ok{color:#166534}.db-opt-ref{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-xl);flex-direction:column;max-height:82vh;display:flex;position:sticky;top:16px;overflow:hidden}.db-ref-header{background:var(--bg3);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:12px 14px;display:flex}.db-ref-header-icon{font-size:15px}.db-ref-header-title{color:var(--text);text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;font-weight:700}.db-ref-grid{scrollbar-width:thin;scrollbar-color:var(--border2) transparent;flex-direction:column;flex:1;gap:0;display:flex;overflow-y:auto}.db-ref-grid::-webkit-scrollbar{width:6px}.db-ref-grid::-webkit-scrollbar-thumb{background:var(--border2);border-radius:var(--radius-pill)}.db-ref-card{border-bottom:1px solid var(--border)}.db-ref-card:last-child{border-bottom:none}.db-ref-card-title{text-transform:uppercase;letter-spacing:.07em;background:var(--bg3);border-bottom:1px solid var(--border);cursor:default;align-items:center;gap:7px;padding:8px 14px;font-size:.68rem;font-weight:700;display:flex}.db-ref-card-icon{font-size:13px}.db-ref-title--delta-lake{color:#79c0ff}.db-ref-title--performance{color:#f59e0b}.db-ref-title--databricks{color:#ff8a78}.db-ref-title--best-practice{color:#3fb950}[data-theme=light] .db-ref-title--delta-lake{color:#0369a1}[data-theme=light] .db-ref-title--performance{color:#b45309}[data-theme=light] .db-ref-title--databricks{color:#c2410c}[data-theme=light] .db-ref-title--best-practice{color:#166534}.db-ref-card-items{flex-direction:column;display:flex}.db-ref-item{border-bottom:1px solid #7d85901a;align-items:center;gap:8px;padding:5px 14px 5px 20px;transition:background .12s;display:flex}.db-ref-item:last-child{border-bottom:none}.db-ref-item:hover{background:#ffffff0a}[data-theme=light] .db-ref-item:hover{background:#0000000a}.db-ref-item-code{font-family:var(--font-mono);color:var(--text2);font-size:.73rem;line-height:1.5}.db-ref-item-code:before{content:"›";color:var(--text3);margin-right:6px;font-family:sans-serif;font-size:.75rem}[data-theme=light] .db-ref-item-code{color:var(--text)}[data-theme=light] .db-card,[data-theme=light] .db-builder-form,[data-theme=light] .db-builder-preview,[data-theme=light] .db-opt-ref{background:var(--bg2);border-color:var(--border)}[data-theme=light] .db-card__preview{background:var(--bg3)}[data-theme=light] .db-input,[data-theme=light] .db-select,[data-theme=light] .db-textarea{border-color:var(--border);color:var(--text);background:#fff}[data-theme=light] .db-input:focus,[data-theme=light] .db-select:focus,[data-theme=light] .db-textarea:focus{border-color:var(--accent)}[data-theme=light] .db-join-block{background:var(--bg3)}[data-theme=light] .db-textarea::-webkit-scrollbar-thumb{border-color:#fff}[data-theme=light] .db-code-block::-webkit-scrollbar-thumb{border-color:var(--bg2)}[data-theme=light] .db-builder-form::-webkit-scrollbar-thumb{border-color:var(--bg2)}[data-theme=light] .db-opt-ref::-webkit-scrollbar-thumb{border-color:var(--bg2)}@media (width<=900px){.db-builder-layout,.db-opt-layout{grid-template-columns:1fr}.db-editor-split{grid-template-columns:1fr;height:auto}.db-editor-input-pane{min-height:40vh}.db-textarea--editor{border-radius:var(--radius-md);border-right:1px solid var(--border);height:auto;min-height:40vh}.db-editor-preview-pane{border-left:none;border-top:1px solid var(--border);min-height:40vh}.db-opt-ref{max-height:none;position:static}.db-builder-form{max-height:none}.db-builder-preview{max-height:none;position:static}.db-section--grid2{grid-template-columns:1fr}.db-tabs{overflow-x:auto}}.db-editor-input-pane.pane--expanded .db-textarea--editor{resize:none!important;border-radius:0!important;flex:1!important;height:100%!important;min-height:0!important}.db-editor-preview-pane.pane--expanded .db-code-block{flex:auto!important;min-height:0!important;max-height:none!important;overflow:auto!important}.db-analysis.pane--expanded{overflow-y:auto}.db-builder-preview.pane--expanded .db-code-block{flex:auto!important;min-height:0!important;max-height:none!important;overflow:auto!important}.db-builder-form.pane--expanded{overflow-y:auto!important}.db-section.pane--expanded{scrollbar-width:auto;scrollbar-color:var(--border2) var(--bg2);padding:18px;overflow-y:auto}.db-section.pane--expanded::-webkit-scrollbar{width:14px}.db-section.pane--expanded::-webkit-scrollbar-thumb{background:var(--border2);border:3px solid var(--bg2);border-radius:var(--radius-pill)}.db-section.pane--expanded::-webkit-scrollbar-thumb:hover{background:var(--text3)}.db-section.pane--expanded::-webkit-scrollbar-track{background:var(--bg2)}.db-section.pane--expanded::-webkit-scrollbar-corner{background:var(--bg2)}.db-section.pane--expanded .db-textarea--opt{min-height:30vh}@media (width<=768px){.db-cards-grid,.db-builder-layout,.db-opt-layout,.db-analysis-layout,.db-section--grid2,.db-col-row,.db-editor-split{grid-template-columns:1fr}.db-opt-ref{max-height:260px}.db-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.db-tabs::-webkit-scrollbar{display:none}.db-textarea--editor,.db-editor-input-pane{min-height:30vh}}@media (width<=480px){.db-cards-grid,.db-section--grid2,.db-col-row{grid-template-columns:1fr}.db-sql-result-wrap,.db-table-wrap{overflow-x:auto}.db-run-btn,.db-copy-btn{padding:8px 12px;font-size:.82rem}.db-opt-ref{max-height:200px}}