:root{--font-brand:"Instrument Sans", "Public Sans", "Segoe UI", system-ui, sans-serif;--font-ui:"Public Sans", "Segoe UI", system-ui, sans-serif;--font-mono:"Fira Code", "Cascadia Mono", Consolas, ui-monospace, monospace;--text:#171a1f;--dim:#5a606c;--surface:#fff;--bg:#f4f5f7;--border:#e3e6ea;--edge:#cfd4db;--accent:#b8326e;--soft:#f9e6ef;--red:#dc2626}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font:400 13px/1.5 var(--font-ui);margin:0}a{color:var(--accent);text-underline-offset:2px}code{font:400 12px var(--font-mono)}h1,h2{font-family:var(--font-brand);margin:0;line-height:1.2}h1{margin-bottom:8px;font-size:20px}h2{font-size:15px}.bar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:10px 16px;display:flex}.wordmark{font:15px var(--font-brand);align-items:center;gap:8px;text-decoration:none;display:flex}.wordmark .family{color:var(--dim);font-weight:600}.wordmark .product{color:var(--text);margin-left:-4px;font-weight:700}.page-name{color:var(--dim);border-left:1px solid var(--border);padding-left:16px;font-weight:600}.repo{margin-left:auto}main{max-width:1400px;margin:0 auto;padding:20px 16px 32px}.intro p{max-width:100ch;margin:0 0 10px;font-size:14px}.source{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 8px;padding:10px 14px;display:flex}.source-text{flex-direction:column;min-width:0;display:flex}.source-text strong{font-family:var(--font-mono);overflow-wrap:anywhere;font-weight:500}.source-text span{color:var(--dim)}.source-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sample-choice{color:var(--dim);align-items:center;gap:6px;font-weight:600;display:inline-flex}.sample-choice select{font-weight:500}.intro .privacy{color:var(--dim);font-size:13px}#status{min-height:1.5em;color:var(--dim);font-size:12px}#status[data-kind=error]{color:var(--red);font-weight:500}.button{font:600 13px var(--font-ui);color:var(--text);background:var(--surface);border:1px solid var(--edge);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.button:hover{background:var(--soft)}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover{background:#9d2a5e}.button.small{padding:2px 10px;font-size:12px}.button:disabled{opacity:.45;cursor:default;background:var(--surface)}.button input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.button:focus-within,.button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.grid{grid-template-columns:minmax(220px,280px) minmax(0,1fr);grid-template-areas:"tables model""detail detail";gap:16px;margin-top:8px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;min-width:0;display:flex}.panel-head{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 14px;display:flex}.meta{color:var(--dim);font-size:12px}.tables-panel{grid-area:tables;max-height:440px}.model-panel{grid-area:model}.detail-panel{grid-area:detail}.table-list{padding:4px;overflow-y:auto}.table-item{width:100%;font:500 13px var(--font-ui);color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:space-between;gap:8px;padding:5px 10px;display:flex}.table-item:hover{background:var(--bg)}.table-item[aria-pressed=true]{background:var(--soft);color:var(--accent)}.table-count{font:400 12px var(--font-mono);color:var(--dim)}#model{touch-action:none;cursor:grab;border-radius:0 0 8px 8px;width:100%;height:400px;display:block}.columns{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;margin:0;padding:10px 14px;list-style:none;display:flex}.columns li{border:1px solid var(--border);border-radius:4px;align-items:baseline;gap:6px;padding:2px 8px;display:inline-flex}.column-type{color:var(--dim);font-size:11px}.rows-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;display:flex}.toggle{align-items:center;gap:6px;display:inline-flex}.pager{align-items:center;gap:8px;display:inline-flex}.rows-wrap{border-top:1px solid var(--border);max-height:560px;overflow:auto}#rows{border-collapse:collapse;font:400 12px var(--font-mono);width:100%}#rows th{background:var(--soft);font:600 12px var(--font-ui);text-align:left;white-space:nowrap;padding:6px 10px;position:sticky;top:0}#rows th.meaningful:after{content:" ↗";color:var(--accent)}#rows td{border-bottom:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;max-width:360px;padding:4px 10px;overflow:hidden}#rows .row-number{color:var(--dim);text-align:right}#rows td.null{color:var(--dim);font-style:italic}#rows .resolved{font-family:var(--font-ui)}#rows .raw{color:var(--dim);margin-left:6px;font-size:11px}#rows .raw:before{content:"#"}#drop{z-index:10;border:3px dashed var(--accent);pointer-events:none;background:#b8326e1f;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#drop[data-active]{display:flex}#drop p{background:var(--surface);border-radius:8px;padding:16px 24px;font-size:15px;font-weight:600}footer{max-width:1400px;color:var(--dim);margin:0 auto;padding:0 16px 32px;font-size:12px}footer a{color:var(--dim)}@media (width<=760px){.grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"tables""model""detail"}.tables-panel{max-height:260px}#model{height:300px}.page-name{display:none}}