sql-sandbox.sandbox{border:1px solid var(--sl-color-hairline-light);background:var(--sl-color-gray-7);border-radius:.5rem;min-width:0;margin:1.5rem 0;display:block;overflow:hidden}.sandbox .sb-head{border-bottom:1px solid var(--sl-color-hairline);font-size:var(--sl-text-sm);color:var(--sl-color-gray-3);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem .85rem;display:flex}.sandbox .sb-label{color:var(--sl-color-white);font-weight:600}.sandbox .sb-engine-tag{background:var(--sl-color-accent-low);color:var(--sl-color-accent-high);font-size:var(--sl-text-xs);border-radius:999px;padding:.05rem .5rem}.sandbox .sb-engine-select{background:var(--sl-color-black);color:var(--sl-color-white);border:1px solid var(--sl-color-hairline-light);font:inherit;font-size:var(--sl-text-xs);border-radius:.35rem;padding:.15rem .4rem}.sandbox .sb-hint{margin-inline-start:auto}.sandbox .sb-sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.sandbox .sb-editor{box-sizing:border-box;border:0;border-bottom:1px solid var(--sl-color-hairline);background:var(--sl-color-black);width:100%;color:var(--sl-color-white);font-family:var(--sl-font-mono);tab-size:2;resize:vertical;white-space:pre;margin:0;padding:.75rem .85rem;font-size:.85rem;line-height:1.55;display:block;overflow:auto}.sandbox .sb-editor:focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:-2px}.sandbox .sb-actions{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem .85rem;display:flex}.sandbox .sb-run,.sandbox .sb-btn{font:inherit;font-size:var(--sl-text-sm);cursor:pointer;border-radius:.35rem;padding:.35rem .85rem}.sandbox .sb-run{background:var(--sl-color-accent);border:1px solid var(--sl-color-accent);color:var(--sl-color-black);font-weight:600}.sandbox .sb-run:hover:not(:disabled){filter:brightness(1.1)}.sandbox .sb-btn{border:1px solid var(--sl-color-hairline-light);color:var(--sl-color-gray-2);background:0 0}.sandbox .sb-btn:hover:not(:disabled){color:var(--sl-color-white);border-color:var(--sl-color-gray-4)}.sandbox button:disabled{opacity:.55;cursor:progress}.sandbox .sb-status{font-size:var(--sl-text-sm);color:var(--sl-color-gray-3);font-variant-numeric:tabular-nums}.sandbox .sb-out{border-top:1px solid var(--sl-color-hairline);padding:.6rem .85rem .85rem}.sandbox .sb-meta{font-size:var(--sl-text-sm);color:var(--sl-color-gray-3);margin:0 0 .5rem}.sandbox .sb-meta:empty{display:none}.sandbox .sb-error,.sandbox .sb-plan{font-family:var(--sl-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:.35rem;margin:0;padding:.6rem .75rem;font-size:.8rem;line-height:1.5}.sandbox .sb-error{background:color-mix(in srgb, var(--sl-color-red) 14%, transparent);color:var(--sl-color-white);border:1px solid color-mix(in srgb, var(--sl-color-red) 45%, transparent)}.sandbox .sb-plan{background:var(--sl-color-black);color:var(--sl-color-gray-1);border:1px solid var(--sl-color-hairline);white-space:pre;max-height:32rem;overflow:auto}.sandbox .sb-scroll{border:1px solid var(--sl-color-hairline);background:var(--sl-color-black);border-radius:.35rem;max-width:100%;max-height:26rem;overflow:auto}.sandbox table{border-collapse:collapse;font-family:var(--sl-font-mono);width:max-content;min-width:100%;margin:0;font-size:.78rem}.sandbox th,.sandbox td{border:0;border-bottom:1px solid var(--sl-color-hairline);text-align:start;white-space:nowrap;text-overflow:ellipsis;max-width:28rem;padding:.3rem .7rem;overflow:hidden}.sandbox th{background:var(--sl-color-gray-6);color:var(--sl-color-gray-1);font-weight:600;position:sticky;top:0}.sandbox td.sb-num{text-align:end;font-variant-numeric:tabular-nums}.sandbox td.sb-null{color:var(--sl-color-gray-4);font-style:italic}.sandbox tbody tr:last-child td{border-bottom:0}.sb-examples{flex-wrap:wrap;gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:flex}.sb-examples li{margin:0}.sb-example{font:inherit;font-size:var(--sl-text-sm);border:1px solid var(--sl-color-hairline-light);background:var(--sl-color-gray-7);color:var(--sl-color-gray-1);cursor:pointer;border-radius:999px;padding:.35rem .8rem}.sb-example:hover{border-color:var(--sl-color-accent);color:var(--sl-color-white)}