.qf{position:relative;display:grid;margin:0;border:1px solid var(--q-border);border-radius:var(--q-radius-lg);background:var(--q-bg-app);overflow:hidden;font-family:var(--q-font-ui);font-size:var(--q-text-md);color:var(--q-text);user-select:none;-webkit-user-select:none;cursor:default;box-shadow:0 1px 2px #0000003d,0 24px 48px -24px #00000073}.qf--workbench{grid-template-rows:auto 1fr auto;block-size:min(34rem,70vh)}.qf__titlebar{display:flex;align-items:center;gap:var(--q-space-6);padding-inline:var(--q-space-5);block-size:2.25rem;background:var(--q-bg-surface);border-block-end:1px solid var(--q-border-subtle)}.qf__menu{font-size:var(--q-text-sm);color:var(--q-text-muted)}.qf__title{margin-inline-start:auto;font-size:var(--q-text-sm);color:var(--q-text-faint)}.qf__body{display:grid;grid-template-columns:13rem minmax(0,1fr);min-block-size:0}.qf__explorer{display:flex;flex-direction:column;gap:1px;padding-block:var(--q-space-4);background:var(--q-bg-surface);border-inline-end:1px solid var(--q-border-subtle);overflow:hidden}.qf__panel-title{padding:var(--q-space-2) var(--q-space-5) var(--q-space-4);font-size:var(--q-text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--q-text-faint)}.qf__node{display:flex;align-items:center;gap:var(--q-space-4);padding-block:.2rem;padding-inline-end:var(--q-space-5);font-size:var(--q-text-sm);white-space:nowrap}.qf__node[data-active]{background:var(--q-bg-selected)}.qf__node-icon{inline-size:6px;block-size:6px;border-radius:2px;background:var(--q-text-faint);flex:none}.qf__node-icon[data-kind=db],.qf__node-icon[data-kind=table]{background:var(--q-accent)}.qf__node-label[data-muted]{color:var(--q-text-muted)}.qf__main{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-inline-size:0}.qf__tabs{display:flex;gap:1px;background:var(--q-bg-surface);border-block-end:1px solid var(--q-border-subtle)}.qf__tab{padding:var(--q-space-4) var(--q-space-6);font-size:var(--q-text-sm);color:var(--q-text-muted);white-space:nowrap}.qf__tab[data-active]{background:var(--q-editor-bg);color:var(--q-text);box-shadow:inset 0 -1px 0 var(--q-accent)}.qf__editor{position:relative;margin:0;padding:var(--q-space-6);background:var(--q-editor-bg);border-block-end:1px solid var(--q-border-subtle);font-family:var(--q-editor-font);font-size:var(--q-editor-font-size);line-height:var(--q-editor-line-height);color:var(--q-text);white-space:pre;overflow:hidden}.qf__kw{color:var(--q-syn-keyword)}.qf__str{color:var(--q-syn-string)}.qf__fn{color:var(--q-syn-function)}.qf__caret{display:inline-block;inline-size:1px;block-size:1.1em;margin-inline-start:1px;vertical-align:text-bottom;background:var(--q-editor-cursor)}@media(prefers-reduced-motion:no-preference){.qf__caret[data-blink]{animation:qf-blink 1.1s steps(1) infinite}}@keyframes qf-blink{50%{opacity:0}}.qf__completion{position:absolute;inline-size:17rem;padding:var(--q-space-2);background:var(--q-bg-raised);border:1px solid var(--q-border);border-radius:var(--q-radius-sm);box-shadow:0 8px 24px -8px #0000008c;font-family:var(--q-font-ui);font-size:var(--q-text-sm)}.qf__completion-row{display:flex;align-items:baseline;gap:var(--q-space-4);padding:.2rem var(--q-space-4);border-radius:var(--q-radius-xs);white-space:nowrap}.qf__completion-row[data-active]{background:var(--q-bg-selected)}.qf__completion-kind{font-family:var(--q-font-mono);font-size:var(--q-text-2xs);color:var(--q-accent-text)}.qf__completion-type{margin-inline-start:auto;font-family:var(--q-font-mono);font-size:var(--q-text-2xs);color:var(--q-text-faint)}.qf__results{position:relative;background:var(--q-grid-bg);overflow:hidden;min-block-size:0}.qf__grid{inline-size:100%;border-collapse:collapse;font-family:var(--q-grid-font);font-size:var(--q-grid-font-size);white-space:nowrap}.qf__grid th,.qf__grid td{padding:.28rem var(--q-space-5);text-align:start;border-block-end:1px solid var(--q-grid-line);border-inline-end:1px solid var(--q-grid-line);font-weight:var(--q-weight-normal)}.qf__grid thead th{background:var(--q-grid-header-bg);color:var(--q-text-muted);font-weight:var(--q-weight-medium)}.qf__gutter{color:var(--q-text-faint);background:var(--q-grid-header-bg);text-align:end;inline-size:2.5rem}.qf__grid tbody tr:nth-child(2n) td:not(.qf__gutter){background:var(--q-grid-row-alt)}.qf__grid tbody tr[data-focused] td:not(.qf__gutter){background:var(--q-bg-selected)}.qf__fk{color:var(--q-grid-foreign);text-decoration:underline;text-underline-offset:2px}.qf__cell--editing{outline:2px solid var(--q-grid-cell-focus);outline-offset:-2px;background:var(--q-grid-cell-edited)!important}.qf__sort{color:var(--q-accent-text)}.qf__notice{display:flex;align-items:center;gap:var(--q-space-5);padding:var(--q-space-4) var(--q-space-5);font-family:var(--q-font-ui);font-size:var(--q-text-xs);color:var(--q-warning);background:var(--q-warning-subtle);border-block-start:1px solid var(--q-border-subtle)}.qf__notice-action{color:var(--q-warning);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.qf__notice--calm{color:var(--q-text-muted);background:var(--q-bg-surface)}.qf__preview{display:grid;gap:var(--q-space-5);padding:var(--q-space-6);background:var(--q-bg-raised);border-block-start:1px solid var(--q-border)}.qf__preview-title{display:flex;align-items:center;gap:var(--q-space-4);font-size:var(--q-text-sm);font-weight:var(--q-weight-medium)}.qf__preview-sql{margin:0;padding:var(--q-space-5);background:var(--q-bg-sunken);border:1px solid var(--q-border-subtle);border-radius:var(--q-radius-sm);font-family:var(--q-font-mono);font-size:var(--q-text-sm);line-height:var(--q-leading-normal);color:var(--q-text);white-space:pre-wrap;overflow-x:auto}.qf__preview-actions{display:flex;gap:var(--q-space-5);font-size:var(--q-text-sm)}.qf__chip{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:var(--q-radius-xs);border:1px solid var(--q-border);font-size:var(--q-text-xs)}.qf__chip[data-tone=primary]{background:var(--q-accent);border-color:var(--q-accent);color:var(--q-text-on-solid)}.qf__chip[data-tone=danger]{color:var(--q-danger);border-color:var(--q-danger)}.qf__status{display:flex;align-items:center;gap:var(--q-space-6);padding-inline:var(--q-space-5);block-size:1.65rem;background:var(--q-bg-surface);border-block-start:1px solid var(--q-border-subtle);font-size:var(--q-text-xs);color:var(--q-text-muted)}.qf__status-spacer{margin-inline-start:auto}.qf__transaction{display:inline-flex;align-items:center;gap:var(--q-space-3);padding:.1rem .5rem;border-radius:var(--q-radius-xs);color:var(--q-warning);background:var(--q-warning-subtle);font-weight:var(--q-weight-medium)}.qf__env{display:inline-flex;align-items:center;gap:var(--q-space-3);padding:.1rem .5rem;border-radius:var(--q-radius-xs);color:var(--q-env-prod);background:var(--q-env-prod-subtle);font-weight:var(--q-weight-medium)}.qf--fragment{display:block;padding:0}.qf__dialog{display:grid;gap:var(--q-space-5);padding:var(--q-space-6);background:var(--q-bg-raised)}.qf__dialog-title{font-size:var(--q-text-lg);font-weight:var(--q-weight-semibold)}.qf__error{display:grid;gap:var(--q-space-4);padding:var(--q-space-6);background:var(--q-bg-app)}.qf__error-line{display:flex;align-items:baseline;gap:var(--q-space-4);font-family:var(--q-font-mono);font-size:var(--q-text-sm);color:var(--q-danger)}.qf__error-hint{font-family:var(--q-font-ui);font-size:var(--q-text-sm);color:var(--q-text-muted)}.qf__replay{position:absolute;inset-block-end:2.6rem;inset-inline-end:var(--q-space-6);z-index:2;display:inline-flex;align-items:center;gap:var(--q-space-3);padding:.3rem .7rem;border:1px solid var(--q-border);border-radius:999px;background:var(--q-bg-raised);color:var(--q-text-muted);font-family:var(--q-font-ui);font-size:var(--q-text-xs);cursor:pointer;user-select:auto;opacity:0;transition:opacity .16s ease}.qf__replay[data-shown]{opacity:1}.qf__replay:hover{color:var(--q-text)}@media(max-width:46rem){.qf--workbench{block-size:min(26rem,58vh)}.qf__body{grid-template-columns:minmax(0,1fr)}.qf__explorer{display:none}.qf__completion{inline-size:13rem}}