.sql-playground[data-v-c3c80cf8]{color:var(--text)}.editor-panel[data-v-c3c80cf8]{background:var(--input);min-width:0}.editor-heading[data-v-c3c80cf8]{justify-content:space-between;align-items:flex-start;gap:.75rem;min-height:74px;padding:.85rem 1rem;display:flex}.editor-label[data-v-c3c80cf8]{font-size:.875rem;font-weight:500;line-height:1.25rem;display:block}.editor-help[data-v-c3c80cf8]{color:var(--muted);margin-top:.15rem;font-size:.8125rem;line-height:1.125rem}.code-editor[data-v-c3c80cf8]{resize:vertical;border:0;border-top:1px solid var(--border);background:var(--input);width:100%;height:285px;min-height:285px;color:var(--text);tab-size:2;outline:none;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;display:block}.code-editor[data-v-c3c80cf8]:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.code-editor[data-v-c3c80cf8]::placeholder{color:var(--faint)}.primary-button[data-v-c3c80cf8],.secondary-button[data-v-c3c80cf8]{white-space:nowrap;cursor:pointer;border-radius:10px;min-height:44px;padding:.58rem .85rem;font-size:.9375rem;font-weight:600;line-height:1.25rem}.primary-button[data-v-c3c80cf8]{border:1px solid var(--accent);background:var(--accent);color:var(--accent-fg)}.primary-button[data-v-c3c80cf8]:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover);color:var(--accent-fg)}.secondary-button[data-v-c3c80cf8]{border:1px solid var(--border-strong);background:var(--elevated);color:var(--muted)}.secondary-button[data-v-c3c80cf8]:hover:not(:disabled){color:var(--text);border-color:var(--faint)}.primary-button[data-v-c3c80cf8]:focus-visible,.secondary-button[data-v-c3c80cf8]:focus-visible,.result-picker select[data-v-c3c80cf8]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary-button[data-v-c3c80cf8]:disabled,.secondary-button[data-v-c3c80cf8]:disabled{opacity:.5;cursor:default}.status-dot[data-v-c3c80cf8]{background:var(--faint);border-radius:999px;flex:none;width:9px;height:9px}.status-dot.ready[data-v-c3c80cf8]{background:var(--success)}.status-dot.error[data-v-c3c80cf8]{background:var(--badge-fail)}.result-panel[data-v-c3c80cf8]{background:var(--surface);min-height:250px}.result-picker[data-v-c3c80cf8]{color:var(--muted);align-items:center;gap:.4rem;font-size:.75rem;display:flex}.result-picker select[data-v-c3c80cf8]{border:1px solid var(--border-strong);background:var(--elevated);min-height:36px;color:var(--text);padding-block:.35rem;border-radius:8px;padding-left:.55rem;font-size:.8rem}.state-message[data-v-c3c80cf8]{text-align:center;min-height:185px;color:var(--muted);overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:2rem 1rem;display:flex}.state-message strong[data-v-c3c80cf8]{color:var(--text);font-size:.95rem}.error-message[data-v-c3c80cf8]{color:var(--badge-fail);background:var(--tint-fail)}.error-message strong[data-v-c3c80cf8]{color:var(--badge-fail)}th[data-v-c3c80cf8],td[data-v-c3c80cf8]{border-right:1px solid var(--border);border-bottom:1px solid var(--border);vertical-align:top;white-space:nowrap;padding:.7rem .85rem}th[data-v-c3c80cf8]{z-index:1;background:var(--elevated);color:var(--muted);font-size:.8125rem;font-weight:600;line-height:1.125rem;position:sticky;top:0}td[data-v-c3c80cf8]{max-width:28rem;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}th[data-v-c3c80cf8]:last-child,td[data-v-c3c80cf8]:last-child{border-right:0}.null-value[data-v-c3c80cf8]{color:var(--faint);font-style:italic}.result-viewport[data-v-c3c80cf8]{max-height:28rem;overflow:auto}.result-limit[data-v-c3c80cf8]{border-top:1px solid var(--border);background:var(--elevated);color:var(--muted);padding:.65rem .85rem;font-size:.8125rem;line-height:1.125rem;position:sticky;bottom:0}@media (width<=639px){.editor-heading[data-v-c3c80cf8]{flex-direction:column;min-height:auto}.editor-heading>.flex[data-v-c3c80cf8]{width:100%}.editor-heading button[data-v-c3c80cf8]{flex:1}.code-editor[data-v-c3c80cf8]{height:235px;min-height:235px}.result-panel[data-v-c3c80cf8]{min-height:220px}}