.sqlwb{display:block;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);overflow:hidden;text-align:left;color:var(--color-text-primary)}.sqlwb-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--color-border);background:var(--color-surface-secondary)}.sqlwb-engine{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--color-accent);background:var(--color-accent-light);border-radius:999px;padding:4px 10px}.sqlwb-engine-note{font-size:11px;color:var(--color-text-tertiary)}.sqlwb-body{padding:14px;display:grid;gap:14px}.sqlwb-slots{display:grid;gap:10px;grid-template-columns:1fr}@media(min-width:720px){.sqlwb-slots.is-two{grid-template-columns:1fr 1fr}}.sqlwb-drop{border:1.5px dashed var(--color-border-strong);border-radius:10px;padding:18px 14px;text-align:center;background:var(--color-surface-secondary);cursor:pointer;transition:border-color .15s,background .15s}.sqlwb-drop:hover,.sqlwb-drop.is-over{border-color:var(--color-accent);background:var(--color-accent-light)}.sqlwb-drop-title{font-size:13px;font-weight:600}.sqlwb-drop-sub{margin-top:4px;font-size:11px;color:var(--color-text-tertiary)}.sqlwb-file{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--color-border);border-radius:10px;padding:10px 12px;background:var(--color-surface-secondary)}.sqlwb-file-name{font-size:13px;font-weight:600;word-break:break-all}.sqlwb-file-meta{margin-top:2px;font-size:11px;color:var(--color-text-tertiary)}.sqlwb-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sqlwb-btn{display:inline-flex;align-items:center;gap:6px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font-size:12px;font-weight:600;padding:7px 12px;cursor:pointer}.sqlwb-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.sqlwb-btn:disabled{opacity:.5;cursor:not-allowed}.sqlwb-btn.is-primary{background:var(--color-accent-cta);border-color:var(--color-accent-cta);color:#fff}.sqlwb-btn.is-primary:hover:not(:disabled){background:var(--color-accent-cta-hover);border-color:var(--color-accent-cta-hover);color:#fff}.sqlwb-link{background:none;border:0;padding:0;font-size:12px;color:var(--color-accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.sqlwb-schema{font-size:11px;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:10px;padding:10px 12px;background:var(--color-surface-secondary)}.sqlwb-schema summary{cursor:pointer;font-weight:600;color:var(--color-text-primary)}.sqlwb-schema code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--color-accent)}.sqlwb-schema-cols{margin-top:6px;line-height:1.7}.sqlwb-col{display:inline-block;margin:0 6px 4px 0;padding:2px 7px;border-radius:999px;background:var(--color-surface-tertiary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;border:0;cursor:pointer;color:var(--color-text-secondary)}.sqlwb-col:hover{color:var(--color-accent)}.sqlwb-starter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;color:var(--color-text-tertiary)}.sqlwb-badge{display:inline-block;border-radius:999px;padding:2px 9px;font-weight:700;font-size:10px;letter-spacing:.04em;text-transform:uppercase;background:var(--color-selection-light);color:var(--color-warning);border:1px solid var(--color-warning)}.sqlwb-status{font-size:12px;color:var(--color-text-secondary);min-height:18px}.sqlwb-status.is-error{color:var(--color-danger);font-weight:600}.sqlwb-menu-wrap{position:relative;display:inline-block}.sqlwb-menu{position:absolute;z-index:30;top:calc(100% + 4px);left:0;min-width:280px;max-width:min(440px,80vw);max-height:300px;overflow-y:auto;border:1px solid var(--color-border-strong);border-radius:10px;background:var(--color-surface);box-shadow:0 14px 30px #0000002e;padding:6px}.sqlwb-menu[hidden]{display:none}.sqlwb-menu-item{display:block;width:100%;text-align:left;border:0;background:none;border-radius:6px;padding:7px 9px;cursor:pointer;color:var(--color-text-primary)}.sqlwb-menu-item:hover{background:var(--color-accent-light)}.sqlwb-menu-sql{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sqlwb-menu-meta{font-size:10px;color:var(--color-text-tertiary)}.sqlwb-menu-empty{padding:10px;font-size:12px;color:var(--color-text-tertiary)}.sqlwb-results{border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.sqlwb-results-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border);font-size:12px;color:var(--color-text-secondary)}.sqlwb-grid-scroll{max-height:420px;overflow:auto}.sqlwb-grid{border-collapse:collapse;width:100%;font-size:12px}.sqlwb-grid th{position:sticky;top:0;z-index:1;background:var(--color-surface-tertiary);border-bottom:1px solid var(--color-border);padding:0;text-align:left;white-space:nowrap}.sqlwb-grid th button{width:100%;display:flex;align-items:center;gap:5px;border:0;background:none;cursor:pointer;padding:7px 10px;font:inherit;font-weight:700;color:var(--color-text-primary)}.sqlwb-grid th button:hover{color:var(--color-accent)}.sqlwb-grid th.is-num button{flex-direction:row-reverse}.sqlwb-sort{font-size:10px;color:var(--color-text-tertiary)}.sqlwb-grid td{border-bottom:1px solid var(--color-border);padding:6px 10px;white-space:nowrap;max-width:340px;overflow:hidden;text-overflow:ellipsis}.sqlwb-grid td.is-num{text-align:right;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.sqlwb-grid tbody tr:hover td{background:var(--color-surface-secondary)}.sqlwb-empty{padding:26px 14px;text-align:center;font-size:12px;color:var(--color-text-tertiary)}.sqlwb-note{font-size:11px;color:var(--color-text-tertiary)}.sqlwb-note a{color:var(--color-accent)}