.qb-container{max-width:1180px;padding-top:var(--space-lg);padding-bottom:var(--space-xl);--qb-ink:#23282f;--qb-muted:#6b7684;--qb-surface:#f6f7f9;--qb-surface-2:#fdfdfc;--qb-line:#e1e5ea;--qb-accent:#3a63d8;--qb-accent-soft:#eaf0fe;--qb-danger:#b23a2e;--qb-danger-soft:#fbeae7;--qb-success:#1f8a5f;--qb-mono:ui-monospace, "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, monospace;--qb-panel-dark:#232b38;--qb-panel-dark-2:#1b222d;--qb-text-on-dark:#c7d0dc;--qb-text-on-dark-strong:#e7ebf1;--qb-line-on-dark:#333e4d}.qb-hero{background-color:var(--qb-surface);background-image:radial-gradient(circle, var(--qb-line) 1px, transparent 1px);border:1px solid var(--qb-line);background-position:-9px -9px;background-size:18px 18px;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.5rem;padding:1.75rem 1.75rem 1.5rem;display:flex}.qb-hero-text h1{color:var(--qb-ink);margin:0 0 .35rem;font-size:clamp(1.6rem,3vw,2.1rem)}.qb-hero-text p{color:var(--qb-muted);margin:0}.qb-dialect{background:var(--qb-surface-2);border:1px solid var(--qb-line);border-radius:10px;flex-direction:column;gap:.35rem;padding:.6rem .9rem;display:flex}.qb-dialect label{color:var(--qb-muted);font-size:.75rem;font-family:var(--qb-mono)}.qb-dialect select{font:inherit;color:var(--qb-ink);background:0 0;border:none;padding:0;font-weight:600}.qb-dialect select:focus-visible{outline:2px solid var(--qb-accent);outline-offset:2px}.qb-panel{background:var(--qb-surface-2);border:1px solid var(--qb-line);border-radius:14px;margin-bottom:1.5rem;padding:1.5rem}.qb-panel-heading h2{margin:0 0 .25rem;font-size:1.05rem}.qb-panel-heading p{color:var(--qb-muted);max-width:62ch;margin:0 0 1.1rem;font-size:.9rem}.schema-chips{flex-wrap:wrap;gap:.6rem;margin-bottom:1.1rem;display:flex}.schema-chips:empty{display:none}.schema-chip{background:var(--qb-accent-soft);font-family:var(--qb-mono);color:var(--qb-ink);border:1px solid #cddafb;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .6rem .5rem .85rem;font-size:.85rem;display:flex}.schema-chip .chip-count{color:var(--qb-muted)}.schema-chip button{color:var(--qb-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.1rem .25rem;font-size:.95rem;line-height:1}.schema-chip button:hover{color:var(--qb-danger);background:#00000014}.schema-form{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.schema-form .field{margin-bottom:0}.field-grow{flex:240px}.field-actions-row{flex-wrap:wrap;gap:.5rem;display:flex}.file-button{border-radius:var(--radius);color:var(--qb-muted);cursor:pointer;white-space:nowrap;border:1px dashed #b7c2cf;align-items:center;padding:.6rem .9rem;font-size:.85rem;display:inline-flex}.file-button:hover{border-color:var(--qb-accent);color:var(--qb-accent)}.qb-status{min-height:1.2rem;color:var(--qb-success);margin:.75rem 0 0;font-size:.85rem}.qb-status.is-error{color:var(--qb-danger)}.field{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.field label{color:var(--qb-ink);font-size:.85rem;font-weight:600}.field input,.field select{font:inherit;border-radius:var(--radius);background:#fff;border:1px solid #ccd3da;width:100%;padding:.6rem .75rem}.field input:focus-visible,.field select:focus-visible{outline:2px solid var(--qb-accent);outline-offset:1px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.checkbox-field{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;font-weight:600;display:flex}.qb-workbench{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:1.5rem;display:grid}.qb-config{background:var(--qb-surface-2);border:1px solid var(--qb-line);border-radius:14px;padding:1.5rem}.qb-output{position:sticky;top:1rem}.qb-output-inner{background:var(--qb-panel-dark);color:var(--qb-text-on-dark);border-radius:14px;padding:1.25rem}.statement-tabs{border-bottom:1px solid var(--qb-line);flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.tab-button{font:inherit;font-family:var(--qb-mono);color:var(--qb-muted);cursor:pointer;background:#fff;border:1px solid #ccd3da;border-radius:999px;padding:.6rem 1.1rem;font-size:.85rem;font-weight:600}.tab-button:hover{border-color:var(--qb-accent);color:var(--qb-accent)}.tab-button.active{background:var(--qb-accent);color:#fff;border-color:var(--qb-accent)}.tab-panel{display:none}.tab-panel.active{display:block}.sub-block{border-top:1px solid var(--qb-line);margin-bottom:1.75rem;padding-top:1.25rem}.sub-block h3{margin:0 0 .35rem;font-size:.95rem}.qb-hint{color:var(--qb-muted);margin:0 0 .75rem;font-size:.82rem}.sub-block-actions{flex-wrap:wrap;gap:.5rem;display:flex}.row-list{flex-direction:column;gap:.6rem;margin-bottom:.75rem;display:flex}.dyn-row{background:var(--qb-surface);border:1px solid var(--qb-line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem;display:flex}.dyn-row input,.dyn-row select,.dyn-row textarea{font:inherit;background:#fff;border:1px solid #ccd3da;border-radius:8px;flex:120px;min-width:100px;padding:.5rem .6rem;font-size:.9rem}.dyn-row textarea{resize:vertical;min-height:2.4rem;font-family:var(--qb-mono)}.dyn-row .connector-select,.dyn-row .valuetype-select{flex:0 0 90px;min-width:90px}.dyn-row .remove-row{color:var(--qb-danger);cursor:pointer;background:#fff;border:1px solid #e3b0a8;border-radius:8px;flex:none;padding:.4rem .7rem;font-size:.85rem}.dyn-row .remove-row:hover{background:var(--qb-danger-soft)}.column-check-row{background:var(--qb-surface);border:1px solid var(--qb-line);border-radius:var(--radius);align-items:center;gap:.6rem;padding:.5rem .6rem;display:flex}.column-check-row .col-name{font-family:var(--qb-mono);flex:140px;align-items:center;gap:.5rem;font-size:.88rem;display:flex}.column-check-row input[type=text]{font:inherit;border:1px solid #ccd3da;border-radius:8px;flex:130px;padding:.45rem .6rem;font-size:.85rem}.insert-value-row{background:var(--qb-surface);border:1px solid var(--qb-line);border-radius:var(--radius);margin-bottom:.75rem;padding:.75rem}.insert-value-row-header{color:var(--qb-muted);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.82rem;display:flex}.join-list{flex-direction:column;gap:1rem;margin-bottom:.75rem;display:flex}.join-row{background:var(--qb-surface);border:1px solid var(--qb-line);border-radius:var(--radius);padding:.9rem}.join-row-fields{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.join-row-fields select,.join-row-fields input{font:inherit;background:#fff;border:1px solid #ccd3da;border-radius:8px;flex:120px;min-width:100px;padding:.5rem .6rem;font-size:.9rem}.join-diagram{width:100%;height:auto;margin:.25rem 0 .5rem;display:block}.small-button,.secondary-button{font:inherit;border-radius:var(--radius);color:var(--qb-ink);cursor:pointer;background:#fff;border:1px solid #ccd3da;padding:.55rem .9rem;font-size:.85rem;transition:background .15s,border-color .15s}.small-button:hover{border-color:var(--qb-accent);color:var(--qb-accent)}.primary-button{font:inherit;border:1px solid var(--qb-accent);border-radius:var(--radius);background:var(--qb-accent);color:#fff;cursor:pointer;padding:.6rem 1.1rem;font-size:.9rem;font-weight:600}.primary-button:hover{background:#2551c9}.secondary-button{background:var(--qb-panel-dark-2);border-color:var(--qb-line-on-dark);color:var(--qb-text-on-dark)}.secondary-button:hover{background:#2a3341;border-color:#3d4a5b}.output-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.output-header h3{color:var(--qb-text-on-dark-strong);margin:0;font-size:1rem}.output-actions{gap:.5rem;display:flex}.sql-output{background:var(--qb-panel-dark-2);color:var(--qb-text-on-dark);border-radius:var(--radius);font-family:var(--qb-mono);white-space:pre-wrap;word-break:break-word;border:1px solid var(--qb-line-on-dark);min-height:3rem;margin:0;padding:1rem;font-size:.87rem;line-height:1.6;overflow-x:auto}.saved-snippets{margin-top:1rem}.saved-snippets:empty{display:none}.saved-snippet-row{border:1px solid var(--qb-line-on-dark);border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.5rem;padding:.55rem .7rem;font-size:.85rem;display:flex}.saved-snippet-name{font-family:var(--qb-mono);color:var(--qb-text-on-dark);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saved-snippet-actions{flex-shrink:0;gap:.4rem;display:flex}.saved-snippet-actions button{color:#92a4bd;cursor:pointer;background:0 0;border:none;padding:.2rem .35rem;font-size:.8rem}.saved-snippet-actions button:hover{color:var(--qb-text-on-dark-strong)}.saved-snippet-actions button.delete-snippet:hover{color:#e2867a}.qb-about{border-top:1px solid var(--qb-line);margin-top:2.5rem;padding-top:2rem}.qb-about-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem;margin-bottom:2rem;display:grid}.qb-about h2{color:var(--qb-ink);margin:0 0 .75rem;font-size:1.1rem}.qb-about p{max-width:62ch;color:var(--qb-muted);margin:0 0 .85rem;line-height:1.65}.qb-about p:last-child{margin-bottom:0}.qb-steps{max-width:62ch;color:var(--qb-muted);margin:0;padding-left:1.2rem;line-height:1.65}.qb-steps li{margin-bottom:.5rem}.qb-steps li:last-child{margin-bottom:0}.qb-faq{max-width:74ch}.qb-faq details{border-top:1px solid var(--qb-line);padding:.9rem 0}.qb-faq details:last-child{border-bottom:1px solid var(--qb-line)}.qb-faq summary{cursor:pointer;color:var(--qb-ink);font-weight:600;list-style:none}.qb-faq summary::-webkit-details-marker{display:none}.qb-faq summary:before{content:"+";width:1.1rem;color:var(--qb-accent);font-weight:700;display:inline-block}.qb-faq details[open] summary:before{content:"–"}.qb-faq p{color:var(--qb-muted);max-width:60ch;margin:.6rem 0 0 1.1rem;line-height:1.65}@media (width<=760px){.qb-about-grid{grid-template-columns:1fr;gap:1.5rem}}@media (width<=960px){.qb-workbench{grid-template-columns:1fr}.qb-output{position:static}}@media (width<=700px){.two-col{grid-template-columns:1fr}.qb-hero{flex-direction:column;align-items:stretch}}