.sqlbraid-preview:where(.astro-dtf4bfrs){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-7);border-radius:.75rem;margin:2rem 0;padding:1.25rem}.preview-heading:where(.astro-dtf4bfrs){justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.preview-heading:where(.astro-dtf4bfrs) h2:where(.astro-dtf4bfrs),.preview-heading:where(.astro-dtf4bfrs) p:where(.astro-dtf4bfrs){margin:0}.preview-heading:where(.astro-dtf4bfrs) h2:where(.astro-dtf4bfrs){margin-top:.25rem}.preview-kicker:where(.astro-dtf4bfrs){color:var(--sl-color-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.preview-badge:where(.astro-dtf4bfrs){border:1px solid var(--sl-color-accent);color:var(--sl-color-accent);white-space:nowrap;border-radius:999px;padding:.25rem .6rem;font-size:.75rem}.preview-braid-layout:where(.astro-dtf4bfrs),.preview-grid:where(.astro-dtf4bfrs){grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem;margin-top:1.25rem;display:grid}.preview-panel:where(.astro-dtf4bfrs){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg);border-radius:.55rem;padding:1rem}.preview-panel:where(.astro-dtf4bfrs) h3:where(.astro-dtf4bfrs),.preview-results:where(.astro-dtf4bfrs) h3:where(.astro-dtf4bfrs),.preview-raw:where(.astro-dtf4bfrs) h3:where(.astro-dtf4bfrs){margin:0 0 .65rem;font-size:.95rem}.preview-form-grid:where(.astro-dtf4bfrs){grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;display:grid}.preview-form-grid:where(.astro-dtf4bfrs) label:where(.astro-dtf4bfrs){gap:.35rem;font-size:.82rem;font-weight:650;display:grid}.preview-form-grid:where(.astro-dtf4bfrs) input:where(.astro-dtf4bfrs),.preview-form-grid:where(.astro-dtf4bfrs) select:where(.astro-dtf4bfrs),.preview-editor:where(.astro-dtf4bfrs) textarea:where(.astro-dtf4bfrs){border:1px solid var(--sl-color-gray-5);box-sizing:border-box;background:var(--sl-color-bg);color:var(--sl-color-text);font:inherit;border-radius:.35rem;width:100%;padding:.55rem .6rem}.preview-source-panel:where(.astro-dtf4bfrs) pre:where(.astro-dtf4bfrs),.preview-grid:where(.astro-dtf4bfrs) pre:where(.astro-dtf4bfrs),.preview-schema:where(.astro-dtf4bfrs) pre:where(.astro-dtf4bfrs){margin:0}.preview-source-panel:where(.astro-dtf4bfrs) pre:where(.astro-dtf4bfrs){max-height:27rem;overflow:auto}.preview-source-panel:where(.astro-dtf4bfrs) pre:where(.astro-dtf4bfrs) code:where(.astro-dtf4bfrs),.preview-grid:where(.astro-dtf4bfrs) pre:where(.astro-dtf4bfrs) code:where(.astro-dtf4bfrs),.preview-schema:where(.astro-dtf4bfrs) pre:where(.astro-dtf4bfrs){white-space:pre-wrap;font-size:.75rem}.preview-controls:where(.astro-dtf4bfrs){flex-wrap:wrap;align-items:center;gap:.65rem;margin:.8rem 0 .5rem;display:flex}.preview-controls:where(.astro-dtf4bfrs) button:where(.astro-dtf4bfrs){background:var(--sl-color-accent);color:var(--sl-color-white);cursor:pointer;font:inherit;border:0;border-radius:.35rem;margin-top:0;padding:.45rem .8rem;font-weight:650}.preview-controls:where(.astro-dtf4bfrs) button:where(.astro-dtf4bfrs).preview-secondary{border:1px solid var(--sl-color-accent);color:var(--sl-color-accent);background:0 0}.preview-controls:where(.astro-dtf4bfrs) button:where(.astro-dtf4bfrs):disabled{cursor:progress;opacity:.65}.preview-hint:where(.astro-dtf4bfrs),.preview-variant:where(.astro-dtf4bfrs),.preview-raw:where(.astro-dtf4bfrs) p:where(.astro-dtf4bfrs){color:var(--sl-color-gray-2);font-size:.82rem}.preview-status:where(.astro-dtf4bfrs){color:var(--sl-color-gray-2);min-height:1.35rem;margin-top:1rem;font-size:.9rem}.preview-error:where(.astro-dtf4bfrs){background:color-mix(in srgb, var(--sl-color-red-high) 18%, transparent);border:1px solid var(--sl-color-red-high);color:var(--sl-color-red-high);border-radius:.35rem;padding:.55rem .7rem}.preview-results:where(.astro-dtf4bfrs){margin-top:1.25rem}.preview-command:where(.astro-dtf4bfrs){color:var(--sl-color-gray-2);font-size:.85rem}.preview-table-wrap:where(.astro-dtf4bfrs){overflow-x:auto}.preview-table-wrap:where(.astro-dtf4bfrs) table:where(.astro-dtf4bfrs){border-collapse:collapse;width:100%;font-size:.82rem}.preview-table-wrap:where(.astro-dtf4bfrs) th:where(.astro-dtf4bfrs),.preview-table-wrap:where(.astro-dtf4bfrs) td:where(.astro-dtf4bfrs){border:1px solid var(--sl-color-gray-5);text-align:left;white-space:nowrap;padding:.45rem .55rem}.preview-table-wrap:where(.astro-dtf4bfrs) th:where(.astro-dtf4bfrs){background:var(--sl-color-gray-6)}.preview-schema:where(.astro-dtf4bfrs){margin-top:1.25rem}.preview-schema:where(.astro-dtf4bfrs) summary:where(.astro-dtf4bfrs){cursor:pointer;font-weight:650}.preview-schema:where(.astro-dtf4bfrs) pre:where(.astro-dtf4bfrs){margin-top:.6rem}.preview-raw:where(.astro-dtf4bfrs){border-top:1px solid var(--sl-color-gray-5);margin-top:1.5rem;padding-top:1.25rem}.preview-raw:where(.astro-dtf4bfrs) p:where(.astro-dtf4bfrs){margin:0}.preview-editor:where(.astro-dtf4bfrs){gap:.4rem;margin-top:.9rem;display:grid}.preview-editor:where(.astro-dtf4bfrs) label:where(.astro-dtf4bfrs){font-size:.9rem;font-weight:650}.preview-editor:where(.astro-dtf4bfrs) textarea:where(.astro-dtf4bfrs){resize:vertical;min-height:11rem;font:.85rem/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}@media (width<=36rem){.sqlbraid-preview:where(.astro-dtf4bfrs){padding:1rem}.preview-heading:where(.astro-dtf4bfrs){display:block}.preview-badge:where(.astro-dtf4bfrs){margin-top:.7rem;display:inline-block}.preview-controls:where(.astro-dtf4bfrs) button:where(.astro-dtf4bfrs){flex:100%}.preview-braid-layout:where(.astro-dtf4bfrs),.preview-grid:where(.astro-dtf4bfrs){grid-template-columns:1fr}}