.csql[data-v-8a87c235]{border:1px solid var(--border);background:var(--surface);border-radius:16px;min-width:0;overflow:hidden}.csql-toolbar[data-v-8a87c235],.csql-panel-head[data-v-8a87c235],.csql-generate[data-v-8a87c235]{justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.csql-toolbar[data-v-8a87c235]{border-bottom:1px solid var(--border);flex-wrap:wrap}.csql-kicker[data-v-8a87c235],.csql-panel-head[data-v-8a87c235]{color:var(--muted);font-size:14px;font-weight:600}.csql-actions[data-v-8a87c235]{flex-wrap:wrap;gap:8px;display:flex}.csql-btn[data-v-8a87c235]{border:1px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600;line-height:20px}.csql-btn[data-v-8a87c235]:hover:not(:disabled){background:var(--elevated)}.csql-btn[data-v-8a87c235]:disabled{opacity:.5;cursor:default}.csql-primary[data-v-8a87c235],.csql-primary[data-v-8a87c235]:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.csql-primary[data-v-8a87c235]:hover:not(:disabled){background:var(--accent-hover)}.csql-copy[data-v-8a87c235]{min-width:80px}.csql-settings[data-v-8a87c235]{grid-template-columns:1fr 1fr;gap:12px 20px;padding:20px;display:grid}.csql-field[data-v-8a87c235]{flex-direction:column;gap:7px;min-width:0;font-size:14px;font-weight:500;display:flex}.csql-field select[data-v-8a87c235]{width:100%}.csql-field input[data-v-8a87c235]{border:1px solid var(--border-strong);background:var(--input);width:100%;min-height:44px;color:var(--text);border-radius:8px;padding:10px 12px;font-size:14px}.csql-wide[data-v-8a87c235]{grid-column:1/-1}.csql-hint[data-v-8a87c235]{color:var(--muted);font-size:13px;line-height:20px}.csql-padding[data-v-8a87c235]{padding:10px 20px 16px}summary[data-v-8a87c235]{min-height:44px;color:var(--muted);cursor:pointer;padding:12px 0;font-size:14px;font-weight:600}.csql-options[data-v-8a87c235]{grid-template-columns:1fr 1fr;gap:10px 20px;padding:4px 0 8px;display:grid}.csql-check[data-v-8a87c235]{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:14px;line-height:20px;display:flex}.csql-check input[data-v-8a87c235]{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.csql-editors[data-v-8a87c235]{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.csql-panel[data-v-8a87c235]{flex-direction:column;min-width:0;display:flex}.csql-output[data-v-8a87c235]{border-left:1px solid var(--border);background:var(--elevated)}.csql-panel-head[data-v-8a87c235]{flex-wrap:wrap;min-height:72px}.csql-area[data-v-8a87c235]{resize:vertical;width:100%;min-height:240px;color:var(--text);tab-size:2;background:0 0;flex:1;padding:0 20px 20px;font:13px/21px ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.csql-area[data-v-8a87c235]::placeholder{color:var(--faint)}.csql-filename[data-v-8a87c235]{overflow-wrap:anywhere;color:var(--muted);padding:0 20px;font-size:13px}.csql-generate[data-v-8a87c235]{flex-wrap:wrap;justify-content:flex-start}.csql-feedback[data-v-8a87c235],.csql-result[data-v-8a87c235]{border-top:1px solid var(--border);color:var(--muted);overflow-wrap:anywhere;padding:14px 20px;font-size:14px;line-height:22px}.csql-error[data-v-8a87c235]{color:var(--badge-fail);background:var(--surface)}.csql-success[data-v-8a87c235]{color:var(--badge-pass);font-weight:500}.csql-schema[data-v-8a87c235]{grid-template-columns:1fr 1fr;gap:8px 20px;padding-bottom:16px;display:grid}.csql-schema li[data-v-8a87c235]{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;min-width:0;padding:5px 0;display:flex}.csql-schema span[data-v-8a87c235]{overflow-wrap:anywhere}.csql-schema code[data-v-8a87c235]{color:var(--text);flex-shrink:0;font-size:12px}@media (width<=767px){.csql-settings[data-v-8a87c235],.csql-options[data-v-8a87c235],.csql-editors[data-v-8a87c235],.csql-schema[data-v-8a87c235]{grid-template-columns:1fr}.csql-output[data-v-8a87c235]{border-left:0;border-top:1px solid var(--border)}.csql-area[data-v-8a87c235]{flex:none;height:230px;min-height:230px}.csql-panel-head[data-v-8a87c235]{padding:12px 16px}}