.sqled{position:relative;display:block;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);overflow:hidden}.sqled:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 22%,transparent)}.sqled-layer{margin:0;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.55;-moz-tab-size:2;tab-size:2;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;letter-spacing:0;border:0}.sqled-paint{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;pointer-events:none;color:var(--color-text-primary);background:transparent}.sqled-input{position:relative;display:block;width:100%;min-height:132px;resize:vertical;background:transparent;color:transparent;caret-color:var(--color-text-primary);outline:none;overflow:auto}.sqled-input::selection{background:color-mix(in srgb,var(--color-accent) 35%,transparent)}.sqled-input::placeholder{color:var(--color-text-tertiary)}.sqlt-keyword{color:#1e5a8e;font-weight:600}.sqlt-function{color:#7a4b9e}.sqlt-type{color:#0f766e}.sqlt-string,.sqlt-number{color:#a3562f}.sqlt-comment{color:var(--color-text-tertiary);font-style:italic}.sqlt-operator{color:var(--color-text-secondary)}.sqlt-punctuation{color:var(--color-text-tertiary)}.dark .sqlt-keyword{color:#7fb6e8}.dark .sqlt-function{color:#c8a2e8}.dark .sqlt-type{color:#5fc4b8}.dark .sqlt-string,.dark .sqlt-number{color:#e0a06a}.sqled-pop{position:absolute;z-index:40;min-width:220px;max-width:340px;max-height:232px;overflow-y:auto;border:1px solid var(--color-border-strong);border-radius:8px;background:var(--color-surface);box-shadow:0 12px 28px #0000002e;padding:4px;font-size:12px}.sqled-pop[hidden]{display:none}.sqled-opt{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;padding:5px 8px;border-radius:5px;text-align:left;background:transparent;border:0;cursor:pointer;color:var(--color-text-primary)}.sqled-opt:hover,.sqled-opt[aria-selected=true]{background:var(--color-accent-light)}.sqled-opt-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600}.sqled-opt-detail{color:var(--color-text-tertiary);font-size:11px;white-space:nowrap}.sqled-hint{font-size:11px;color:var(--color-text-tertiary)}