.sql-app{flex-direction:column;min-height:100dvh;padding:0;display:flex}.sql-app__bar{background:var(--c-base);color:#fff;flex-wrap:wrap;align-items:center;gap:.5em 1em;padding:.5em 1.25em;display:flex}.wkit[data-theme=dark] .sql-app__bar{background:color-mix(in srgb, var(--c-base) 60%, #000)}.sql-app__back{color:#fff;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.sql-app__title{margin:0;font-size:1.15em;font-weight:700}.sql-app__db{min-width:12em}.sql-app__db .wkit-select{min-height:40px;padding-block:.3em}.sql-app__db-description{color:var(--c-tint);flex:12em;font-size:.875em}.sql-app__bar .wkit-toggle{margin-left:auto}.sql-app__body{flex:1;grid-template-columns:minmax(0,1fr);gap:1.25em;padding:1.25em;display:grid}@media (width>=52rem){.sql-app__body{grid-template-columns:minmax(0,1fr) minmax(14em,20em);align-items:start}}.sql-app__main{flex-direction:column;gap:1.25em;min-width:0;display:flex}.sql-app__editor{flex-direction:column;gap:.75em;display:flex}.sql-editor{border:2px solid var(--w-line);background:var(--w-surface);border-radius:12px;overflow:hidden}.sql-editor:focus-within{border-color:var(--w-strong)}.sql-editor .cm-editor{min-height:9em;max-height:40vh;color:var(--w-text);background:0 0;font-size:1.05em}.sql-editor .cm-editor.cm-focused{outline:none}.sql-editor .cm-scroller{font-family:var(--font-mono)}.sql-editor .cm-gutters{border-right:1px solid var(--w-line);color:var(--w-muted);background:0 0}.sql-editor .cm-activeLine,.sql-editor .cm-activeLineGutter{background:color-mix(in srgb, var(--w-mark) 25%, transparent)}.sql-editor .cm-cursor{border-left-color:var(--w-text)}.sql-editor .cm-placeholder{color:var(--w-muted)}.wkit[data-theme=dark] .sql-editor .cm-selectionBackground,.wkit[data-theme=dark] .sql-editor .cm-focused .cm-selectionBackground{background:color-mix(in srgb, var(--w-mark) 60%, transparent)}.wkit .sql-editor .tok-keyword{color:var(--w-strong);font-weight:600}.wkit .sql-editor .tok-string,.wkit .sql-editor .tok-string2{color:color-mix(in srgb, var(--w-good) 85%, var(--w-text))}.wkit .sql-editor .tok-number,.wkit .sql-editor .tok-bool,.wkit .sql-editor .tok-atom{color:color-mix(in srgb, var(--w-bad) 80%, var(--w-text))}.wkit .sql-editor .tok-comment{color:var(--w-muted);font-style:italic}.wkit .sql-editor .tok-operator,.wkit .sql-editor .tok-punctuation{color:var(--w-muted)}.wkit .sql-editor .tok-variableName,.wkit .sql-editor .tok-propertyName,.wkit .sql-editor .tok-typeName{color:var(--w-text)}.sql-app__actions{align-items:center;gap:.75em;display:flex}.sql-app__kbd{font-family:var(--font-mono);color:var(--w-muted);font-size:.82em}.sql-app__output{flex-direction:column;gap:.6em;display:flex}.sql-app__output p{margin:0}.sql-app__muted{color:var(--w-muted);font-size:.9em}.sql-app__local{flex-wrap:wrap;align-items:center;gap:.75em;display:flex}.sql-app__table-wrap{border:1px solid var(--w-line);border-radius:12px;max-height:60vh;overflow:auto}.sql-app__table{border-collapse:collapse;width:100%;font-size:.95em}.sql-app__table th,.sql-app__table td{border-bottom:1px solid var(--w-line);text-align:left;white-space:nowrap;padding:.45em .75em}.sql-app__table th{background:var(--w-surface);font-weight:600;position:sticky;top:0}.sql-app__table tbody tr:nth-child(2n){background:color-mix(in srgb, var(--w-surface) 50%, transparent)}.sql-app__table td.is-null{color:var(--w-muted);font-style:italic}.sql-app__schema{border:1px solid var(--w-line);background:var(--w-surface);border-radius:14px;flex-direction:column;gap:.3em;padding:1em;display:flex}@media (width>=52rem){.sql-app__schema{max-height:calc(100dvh - 2.5em);position:sticky;top:1.25em;overflow:auto}}.sql-app__schema-title{margin:0 0 .3em;font-size:1em}.sql-app__table-item summary{min-height:2.4em;font-family:var(--font-mono);cursor:pointer;justify-content:space-between;align-items:center;gap:.5em;font-weight:600;display:flex}.sql-app__table-item ul{margin:0 0 .5em;padding:0 0 0 1em;list-style:none}.sql-app__table-item li{align-items:center;gap:.5em;font-size:.9em;display:flex}.sql-app__insert,.sql-app__column{color:var(--w-text);font:inherit;font-family:var(--font-mono);cursor:pointer;background:0 0;border:0}.sql-app__insert{border-radius:6px;width:2em;height:2em;font-weight:700}.sql-app__insert:hover,.sql-app__column:hover{background:var(--w-mark)}.sql-app__column{text-align:left;border-radius:4px;min-height:1.9em;padding:0 .3em}.sql-app__type{color:var(--w-muted);font-size:.85em}.sql-app__pk{color:var(--w-strong);display:inline-flex}.wkit .sql-editor .cm-tooltip{border:1px solid var(--w-line);background:var(--w-bg);color:var(--w-text);border-radius:8px;overflow:hidden}.wkit .sql-editor .cm-tooltip-autocomplete>ul>li{font-family:var(--font-mono);padding:.2em .6em}.wkit .sql-editor .cm-tooltip-autocomplete>ul>li[aria-selected]{background:var(--w-strong);color:var(--w-on-strong)}