:root{--bg-base: #0d1017;--bg-surface: #12161f;--bg-elevated: #171c27;--bg-panel: #141924;--bg-hover: #1c2230;--bg-active: #232a3a;--border-subtle: #1e2531;--border-default: #2a3241;--border-strong: #3b4557;--text-primary: #e8ecf3;--text-secondary: #a3adbf;--text-tertiary: #6f7a8d;--text-muted: #4c5668;--accent-primary: #f0a02a;--accent-primary-hover: #ffb648;--accent-soft: rgba(240, 160, 42, .13);--accent-secondary: #4c9aff;--status-good: #46c17f;--status-warn: #e0a33c;--status-bad: #f2685e;--status-info: #4c9aff;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--font-size-xs: .6875rem;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .25s ease;--surface: var(--bg-elevated);--text: var(--text-primary);--border: var(--border-default);--accent: var(--accent-primary);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.55;-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1 0 auto;width:100%;max-width:1500px;margin:0 auto;padding:var(--space-xl) var(--space-lg) var(--space-2xl)}.site-footer{flex-shrink:0;border-top:1px solid var(--border-subtle);background:var(--bg-surface);padding:var(--space-lg);color:var(--text-tertiary);font-size:var(--font-size-sm);text-align:center}.footer-inner a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px}.footer-inner a:hover{color:var(--accent-primary)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.topbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.brand{display:flex;align-items:center;gap:var(--space-sm)}.brand-mark{width:22px;height:22px;fill:none;stroke:var(--accent-primary);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.brand-name{font-size:var(--font-size-lg);font-weight:650;letter-spacing:-.02em}.topnav{display:flex;gap:var(--space-xs)}.topnav-button{background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font:inherit;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.topnav-button:hover{color:var(--text-primary);background:var(--bg-hover)}.intro{max-width:720px;margin:0 auto;padding-top:var(--space-2xl);text-align:center}.intro-title{margin:0 0 var(--space-md);font-size:clamp(1.6rem,4.5vw,2.4rem);font-weight:680;letter-spacing:-.03em;line-height:1.15}.intro-lede{margin:0 auto var(--space-xl);max-width:56ch;color:var(--text-secondary);font-size:var(--font-size-lg)}.trust-banner{display:flex;align-items:center;gap:var(--space-md);width:100%;text-align:left;margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--text-secondary);font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast)}.trust-banner:hover{border-color:var(--accent-primary)}.trust-banner strong{color:var(--text-primary)}.trust-icon{flex:0 0 auto;width:22px;height:22px;fill:none;stroke:var(--accent-primary);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.trust-more{flex:0 0 auto;margin-left:auto;color:var(--accent-primary);white-space:nowrap}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-2xl) var(--space-lg);border:2px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-surface);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.dropzone:hover,.dropzone:focus-visible{border-color:var(--accent-primary);background:var(--bg-elevated);outline:none}.dropzone.is-dragover{border-color:var(--accent-primary);background:var(--accent-soft)}.dropzone-icon{width:34px;height:34px;fill:none;stroke:var(--accent-primary);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dropzone-title{margin:0;font-size:var(--font-size-lg);font-weight:600}.dropzone-hint{margin:0;color:var(--text-tertiary);font-size:var(--font-size-sm)}.intro-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);margin:var(--space-xl) 0 0;padding:0;list-style:none;text-align:left;color:var(--text-tertiary);font-size:var(--font-size-sm)}.intro-points strong{display:block;color:var(--text-secondary)}.loading{max-width:520px;margin:0 auto;padding-top:18vh;text-align:center}.loading-title{margin:0 0 var(--space-lg);font-size:var(--font-size-xl);font-weight:620}.progress{height:6px;border-radius:99px;background:var(--bg-elevated);overflow:hidden}.progress-fill{height:100%;width:0;background:var(--accent-primary);border-radius:99px;transition:width var(--transition-normal)}.loading-detail{margin:var(--space-md) 0 0;color:var(--text-tertiary);font-size:var(--font-size-sm);min-height:1.4em}.workspace{display:flex;flex-direction:column;gap:var(--space-lg)}.source-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface)}.source-facts{display:flex;align-items:baseline;gap:var(--space-md);flex-wrap:wrap;min-width:0}.source-name{font-weight:620;font-size:var(--font-size-base);overflow-wrap:anywhere}.source-stat{color:var(--text-tertiary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.panels{display:grid;grid-template-columns:minmax(200px,260px) 1fr;gap:var(--space-lg);align-items:start}.panel{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-panel);padding:var(--space-md)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}.panel-head-actions{display:flex;gap:var(--space-md)}.panel-title{margin:0;font-size:var(--font-size-sm);font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.column-list{list-style:none;margin:0;padding:0;max-height:340px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.column-chip{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);width:100%;padding:var(--space-xs) var(--space-sm);border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--text-muted);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.column-chip:hover{background:var(--bg-hover)}.column-chip.is-on{color:var(--text-primary)}.column-chip:not(.is-on) .column-name{text-decoration:line-through}.column-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-type{flex:0 0 auto;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);max-width:8ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-chip.is-on .column-type.kind-number{color:var(--accent-secondary)}.column-chip.is-on .column-type.kind-temporal{color:var(--status-warn)}.column-chip.is-on .column-type.kind-boolean{color:var(--status-good)}.builder{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.filter-rows{display:flex;flex-direction:column;gap:var(--space-sm)}.filter-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.4fr) auto;gap:var(--space-sm);align-items:center}.filter-row .input[hidden]{display:none!important}.filter-remove{width:30px;height:30px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:none;color:var(--text-tertiary);font-size:1.1rem;line-height:1;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.filter-remove:hover{color:var(--status-bad);border-color:var(--status-bad)}.builder-row{display:flex;gap:var(--space-sm);flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:var(--space-xs);flex:1 1 160px;min-width:0}.field-narrow{flex:0 1 130px}.field-label{color:var(--text-tertiary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.field-hint{text-transform:none;letter-spacing:0;color:var(--text-muted)}.input{width:100%;min-width:0;padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-primary);font:inherit;font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-soft)}.input-operator{font-family:var(--font-mono)}.sql-field{margin-bottom:var(--space-md)}.sql-editor{font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.6;resize:vertical;min-height:7rem;padding:var(--space-sm);tab-size:2}.query-actions{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.query-status{font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;color:var(--text-tertiary)}.query-status[data-tone=good]{color:var(--status-good)}.query-status[data-tone=bad]{color:var(--status-bad)}kbd{font-family:var(--font-mono);font-size:.9em;padding:0 3px;border:1px solid var(--border-default);border-radius:3px;background:var(--bg-elevated)}.button{padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-primary);font:inherit;font-size:var(--font-size-sm);font-weight:550;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.button:hover{background:var(--bg-hover);border-color:var(--border-strong)}.button-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#1a1206;font-weight:650}.button-primary:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.button-ghost{background:none}.button-small{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.link-button{background:none;border:0;padding:0;color:var(--accent-primary);font:inherit;font-size:var(--font-size-sm);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.link-button:hover{color:var(--accent-primary-hover)}.add-filter{align-self:flex-start}.result-panel{display:flex;flex-direction:column;min-height:0}.export-actions{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.export-label{color:var(--text-tertiary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;margin-right:var(--space-xs)}.result-note{margin:0 0 var(--space-sm);color:var(--status-warn);font-size:var(--font-size-sm)}.result-note:empty{display:none}.grid-host{height:52vh;min-height:280px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-base);overflow:hidden}.grid{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;font-family:var(--font-mono);font-size:var(--font-size-sm)}.grid-header{flex:0 0 auto;display:flex;background:var(--bg-elevated);border-bottom:1px solid var(--border-default);will-change:transform}.grid-head-cell{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;gap:1px;padding:var(--space-xs) var(--space-sm);border-right:1px solid var(--border-subtle);overflow:hidden}.grid-head-name{font-weight:650;font-size:var(--font-size-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-head-type{font-size:var(--font-size-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-viewport{flex:1 1 auto;overflow:auto;position:relative}.grid-viewport:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.grid-canvas{position:relative}.grid-row{position:absolute;top:0;left:0;display:flex;height:28px}.grid-row.is-odd{background:#ffffff04}.grid-cell{flex:0 0 auto;padding:0 var(--space-sm);line-height:28px;border-right:1px solid var(--border-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;font-variant-numeric:tabular-nums}.grid-cell.align-right{text-align:right}.grid-head-cell.align-right{align-items:flex-end}.grid-cell.is-null{color:var(--text-muted);font-style:italic}.grid-cell.is-selected{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-primary)}.cell-inspector{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);font-size:var(--font-size-sm);min-width:0}.cell-inspector-label{flex:0 0 auto;color:var(--text-tertiary)}.cell-inspector-value{flex:1 1 auto;min-width:0;font-family:var(--font-mono);overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;max-height:4.5em}.fatal{max-width:520px;margin:0 auto;padding-top:14vh;text-align:center}.fatal-title{margin:0 0 var(--space-sm);font-size:var(--font-size-xl);color:var(--status-bad)}.fatal-detail{margin:0 0 var(--space-lg);color:var(--text-secondary);overflow-wrap:anywhere}.eventlog-toggle{position:fixed;right:0;bottom:88px;z-index:30;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border:1px solid var(--border-default);border-right:0;border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);font:inherit;font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.eventlog-toggle:hover{color:var(--text-primary);background:var(--bg-hover)}.eventlog-count{min-width:18px;padding:0 5px;border-radius:99px;background:var(--accent-primary);color:#1a1206;font-size:var(--font-size-xs);font-weight:650;text-align:center}.eventlog{position:fixed;top:0;right:0;bottom:0;z-index:40;width:min(400px,92vw);display:flex;flex-direction:column;background:var(--bg-surface);border-left:1px solid var(--border-default);transform:translate(101%);transition:transform var(--transition-normal);box-shadow:-12px 0 40px #0006}.eventlog.is-open{transform:translate(0)}.eventlog-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle)}.eventlog-title{margin:0;font-size:var(--font-size-base);font-weight:650}.eventlog-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-sm);background:none;color:var(--text-secondary);cursor:pointer}.eventlog-close:hover{background:var(--bg-hover);color:var(--text-primary)}.eventlog-close svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.eventlog-blurb{margin:0;padding:var(--space-sm) var(--space-lg);color:var(--text-tertiary);font-size:var(--font-size-xs);border-bottom:1px solid var(--border-subtle)}.eventlog-list{flex:1 1 auto;overflow-y:auto;margin:0;padding:var(--space-sm) var(--space-lg) var(--space-xl);list-style:none;font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1.7}.eventlog-item{display:flex;gap:var(--space-sm);padding:2px 0;overflow-wrap:anywhere}.eventlog-time{flex:0 0 auto;color:var(--text-muted)}.eventlog-item.is-good .eventlog-text{color:var(--status-good)}.eventlog-item.is-warn .eventlog-text{color:var(--status-warn)}.eventlog-item.is-bad .eventlog-text{color:var(--status-bad)}.eventlog-item.is-info .eventlog-text{color:var(--text-secondary)}.toast{position:fixed;left:50%;bottom:24px;z-index:60;transform:translate(-50%,16px);padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-primary);font-size:var(--font-size-sm);box-shadow:0 12px 32px #00000073;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast);max-width:min(90vw,460px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.toast[data-tone=bad]{border-color:var(--status-bad);color:var(--status-bad)}.modal{position:fixed;inset:0;z-index:70;display:none;align-items:center;justify-content:center;padding:var(--space-lg);background:#04060ab8}.modal.is-open{display:flex}.modal-panel{width:min(680px,100%);max-height:min(86vh,100%);display:flex;flex-direction:column;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:0 30px 70px #0000008c;overflow:hidden}.modal-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.modal-title{margin:0;font-size:var(--font-size-xl);font-weight:650;letter-spacing:-.01em}.modal-close{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-sm);background:none;color:var(--text-secondary);cursor:pointer}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.modal-body{flex:1 1 auto;overflow-y:auto;padding:var(--space-lg);color:var(--text-secondary)}.modal-body p{margin:0 0 var(--space-md)}.modal-body a{color:var(--accent-primary)}.steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-lg)}.steps h3{margin:0 0 var(--space-xs);font-size:var(--font-size-base);font-weight:650;color:var(--accent-primary)}.steps p{margin:0}.model-heading{margin:var(--space-lg) 0 var(--space-sm);font-size:var(--font-size-sm);font-weight:650;letter-spacing:.06em;text-transform:uppercase}.model-heading:first-child{margin-top:0}.model-heading.is-good{color:var(--status-good)}.model-heading.is-warn{color:var(--status-warn)}.model-heading.is-info{color:var(--status-info)}.model-list{margin:0;padding-left:1.15rem;display:flex;flex-direction:column;gap:var(--space-sm)}.model-list strong{color:var(--text-primary)}.model-footnote{margin:var(--space-lg) 0 0;padding-top:var(--space-md);border-top:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:var(--font-size-sm)}.glossary-link{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:help;border-bottom:1px dotted var(--accent-primary)}.glossary-link:hover{color:var(--accent-primary)}.glossary-tooltip{position:fixed;z-index:90;padding:var(--space-md);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;box-shadow:0 16px 40px #00000080}@media(max-width:900px){.panels{grid-template-columns:1fr}.column-list{max-height:200px}}@media(max-width:620px){.main-content{padding:var(--space-lg) var(--space-md) var(--space-2xl)}.intro{padding-top:var(--space-lg)}.trust-banner{flex-wrap:wrap}.trust-more{margin-left:0}.filter-row{grid-template-columns:1fr 1fr}.filter-row .filter-remove{grid-column:2;justify-self:end}.grid-host{height:46vh}.topnav-button{padding:var(--space-xs)}.export-actions{width:100%}.cell-inspector{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}