.sqlite-body { padding: clamp(16px, 3vw, 32px); min-width: 0; }
.sqlite-help { color: var(--muted); font-size: 13px; line-height: 1.6; }
.sqlite-pagination { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin: 20px 0; }
.sqlite-scroll { max-height: 600px; overflow: auto; border: 1px solid var(--line); border-radius: 9px; }
#sqlite-results { width: 100%; border-collapse: collapse; font-size: 13px; }
#sqlite-results caption { text-align: left; padding: 12px; font-weight: 600; }
#sqlite-results th, #sqlite-results td { text-align: left; vertical-align: top; padding: 10px 14px; border-bottom: 1px solid var(--line); min-width: 100px; max-width: 400px; overflow-wrap: anywhere; white-space: pre-wrap; }
#sqlite-results th { position: sticky; top: 0; background: var(--soft); }
#sqlite-schema { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 300px; overflow: auto; font-size: 13px; }
.sqlite-body details { margin-top: 20px; }
.sqlite-body summary { cursor: pointer; }

.sqlite-blob { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; width: 250px; white-space: normal; }
.sqlite-blob-info { color: var(--muted); font-size: 12px; white-space: nowrap; }
.sqlite-blob-hex { display: block; width: 100%; font: 12px/1.6 var(--mono); overflow-wrap: normal; word-break: normal; }
.sqlite-blob-download { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; max-width: 100%; margin: 0; white-space: nowrap; overflow-wrap: normal; word-break: normal; text-decoration: none; line-height: 1.4; }
.sqlite-body .sqlite-blob details { width: 100%; margin: 0; }
.sqlite-blob-preview { display: block; width: 100%; min-width: 220px; margin-top: 10px; border: 1px solid var(--line); border-radius: 6px; background: white; }
img.sqlite-blob-preview { max-height: 300px; object-fit: contain; }
iframe.sqlite-blob-preview { height: 400px; }