.dc{--dc-code:14px;--dc-line:22px}.dc-bar,.dc-opts{gap:12px 18px}.dc-field{flex-wrap:wrap;align-items:center;gap:8px;font-size:.92rem;font-weight:650;display:inline-flex}.dc-field select{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-2);height:40px;color:var(--ink);font:inherit;max-width:100%;padding:0 10px;font-weight:500}.dc-field select:focus-visible{border-color:var(--sky);outline:none;box-shadow:0 0 0 4px #7cc4ff2e}.dc-swap{border:1px solid var(--line-strong);background:var(--surface-2);width:42px;height:42px;color:var(--accent-text);cursor:pointer;transition:transform var(--med) var(--spring), border-color var(--fast) var(--ease);border-radius:50%;place-items:center;display:inline-grid}.dc-swap:hover{border-color:var(--sky);transform:rotate(180deg)}.dc-swap:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.dc-swap[disabled]{opacity:.4;cursor:not-allowed;transform:none}.dc-more>div{align-items:center}.dc-status{min-height:24px;color:var(--ink-2);gap:6px;font-size:.95rem;display:grid}.dc-status:empty{display:none}.dc-ok{color:var(--ink-2);margin:0}.dc-ok strong{color:var(--success);font-weight:650}.dc-note{color:var(--muted);margin:0;font-size:.9rem}.dc-err{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--danger) 45%, transparent);background:var(--danger-soft);gap:8px;padding:12px 14px;display:grid}.dc-err p{margin:0}.dc-err-where{color:var(--danger);font-weight:700}.dc-err pre{background:var(--bg-soft);font:400 13px / 1.5 var(--font-mono);white-space:pre;border-radius:8px;margin:0;padding:8px 10px;overflow-x:auto}.dc-err .dc-caret{color:var(--danger);font-weight:700}.dc-err .dc-btn{justify-self:start}.dc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dc-pane{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);min-width:0;box-shadow:var(--edge);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.dc-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;display:flex}.dc-label{font-weight:650}.dc-badge{border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--accent-text);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;font-size:.72rem}.dc-size{font-family:var(--font-mono);color:var(--muted);font-size:.75rem}.dc-actions{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.dc-btn{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.dc-btn[disabled]{opacity:.45;cursor:not-allowed}.dc-btn:focus-visible,.dc-actions input:focus-visible+.dc-btn{outline:3px solid var(--focus);outline-offset:2px}.dc-view label{min-height:30px;padding:0 12px}.dc-editor{min-height:0;position:relative}.dc-editor.is-over{outline:2px dashed var(--sky);outline-offset:-6px}.dc textarea{resize:vertical;width:100%;height:clamp(300px,52vh,600px);color:var(--ink);font-family:var(--font-mono);font-size:var(--dc-code);line-height:var(--dc-line);white-space:pre;tab-size:4;background:0 0;border:0;margin:0;padding:12px;display:block;overflow:auto}.dc textarea:focus-visible{box-shadow:inset 0 0 0 2px var(--sky);outline:none}.dc textarea::placeholder{color:var(--muted)}.dc-out textarea{background:var(--bg-soft)}.dc-cut{border-top:1px solid var(--line);color:var(--muted);margin:0;padding:8px 12px;font-size:.85rem}.dc-tview{align-content:start;gap:10px;min-width:0;padding:10px 12px 12px;display:grid}.dc-tview[hidden]{display:none}.dc-tbar{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.dc-tbar[hidden]{display:none}.dc-tbar input{border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--surface-2);height:38px;color:var(--ink);font:inherit;flex:180px;padding:0 12px}.dc-tbar input:focus-visible{border-color:var(--sky);outline:none;box-shadow:0 0 0 4px #7cc4ff2e}.dc-tcount,.dc-tempty{font-family:var(--font-mono);color:var(--muted);margin:0;font-size:.78rem}.dc-tempty{padding:24px 4px;font-family:inherit;font-size:.95rem}.dc-twrap{border-radius:var(--radius-sm);border:1px solid var(--line);max-height:clamp(260px,48vh,540px);overflow:auto}.dc-twrap:has(table[hidden]){display:none}.dc-table{border-collapse:separate;border-spacing:0;min-width:100%;font-size:.86rem}.dc-table th,.dc-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;white-space:pre-wrap;overflow-wrap:break-word;max-width:28em;padding:6px 10px}.dc-table thead th{z-index:1;background:var(--surface-2);white-space:nowrap;padding:0;position:sticky;top:0}.dc-table thead button{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 10px;font-weight:650;display:inline-flex}.dc-table thead button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.dc-arrow{color:var(--muted);font-size:.8em}.dc-table th[aria-sort=ascending] .dc-arrow,.dc-table th[aria-sort=descending] .dc-arrow{color:var(--accent-text)}.dc-table .dc-rn{background:var(--surface);color:var(--muted);font-family:var(--font-mono);text-align:right;font-size:.75rem;font-weight:400;position:sticky;left:0}.dc-table thead .dc-rn{z-index:2;background:var(--surface-2);padding:8px 10px}.dc-table tbody tr:hover td{background:var(--primary-soft)}.dc-table .dc-num{font-family:var(--font-mono);text-align:right;color:var(--accent-text)}.dc-table .dc-bool{font-family:var(--font-mono);color:var(--gold-soft)}:root[data-theme=light] .dc-table .dc-bool{color:#a8460c}.dc-table .dc-null{font-family:var(--font-mono);color:var(--muted);font-style:italic}.dc-tmore{justify-self:center}@media (width<=860px){.dc-grid{grid-template-columns:1fr}.dc textarea{height:clamp(220px,40vh,420px)}}@media (width<=600px){.dc-actions{margin-left:0}.dc-to label{padding:0 10px}}.dc-sql{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:12px 18px;display:flex}.dc-sql[hidden],.dc-sheet[hidden]{display:none}.dc-field input[type=text]{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-2);width:180px;height:40px;color:var(--ink);font:inherit;font-family:var(--font-mono);padding:0 10px;font-size:.88rem;font-weight:500}.dc-field input[type=text]:focus-visible{border-color:var(--sky);outline:none;box-shadow:0 0 0 4px #7cc4ff2e}.dc-sheet select{max-width:180px;height:36px}@media (width<=640px){.dc-to{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dc-to label{padding:0 6px}.dc-sql .dc-field{width:100%}.dc-sql .dc-field input[type=text],.dc-sql .dc-field select{flex:1;width:0;height:44px}.dc-sheet{width:100%}.dc-sheet select{flex:1;width:0;max-width:none;height:44px}}