:root{--bg: #f7f8fa;--panel: #ffffff;--border: #d9dee5;--text: #1c2430;--muted: #5b6675;--accent: #0f5fa8;--accent-text: #ffffff;--warn-bg: #fdf3e3;--warn-border: #e8c98a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}h1{font-size:16px;margin:0}h2{font-size:13px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;gap:16px;background:var(--panel);border-bottom:1px solid var(--border);padding:10px 20px}.topbar-sub{color:var(--muted);font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabs{margin-left:auto;display:flex;gap:4px}.tab{border:1px solid transparent;background:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:14px;color:var(--muted)}.tab.active{background:var(--accent);color:var(--accent-text)}.tab:hover:not(.active){background:var(--bg)}main{flex:1;padding:16px 20px}.explore{display:flex;gap:16px;align-items:flex-start}.sidebar{flex:0 0 230px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px;position:sticky;top:16px;max-height:calc(100vh - 100px);overflow-y:auto}.content{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.column-picker .col-option{display:flex;align-items:center;gap:8px;padding:3px 2px;cursor:pointer}.col-option.dim span{color:var(--muted)}.tag{font-size:10px;background:var(--bg);border:1px solid var(--border);padding:0 5px;border-radius:8px;color:var(--muted)}.tag.warn{background:var(--warn-bg);border-color:var(--warn-border);color:#8a5a00;font-size:12px;padding:2px 8px}.hint{color:var(--muted);font-size:12px;margin:4px 0}.filterbar{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px}.filterbar-head{display:flex;align-items:center;gap:10px}.filterbar-head h2{margin:0}.filter-panel{border-top:1px solid var(--border);margin-top:10px;padding-top:8px}.filter-panel-head{display:flex;justify-content:space-between;align-items:center}.widget{margin-top:6px}.widget-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.widget-row label{display:flex;gap:6px;align-items:center;color:var(--muted)}.value-list{border:1px solid var(--border);border-radius:6px;margin-top:6px}.value-option{display:flex;gap:8px;align-items:center;padding:4px 8px;cursor:pointer}.value-option:hover{background:var(--bg)}.input{border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:13px;background:var(--panel);color:var(--text)}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:6px;padding:6px 12px;cursor:pointer;font-size:13px}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-primary:hover:not(:disabled){color:var(--accent-text);opacity:.92}.btn-small{padding:2px 8px;font-size:12px}.result-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px}.meta-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.notice{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:13px}.notice.warn{background:var(--warn-bg);border-color:var(--warn-border)}.grid-wrap{background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow-x:auto;position:relative}.grid{border-collapse:collapse;width:100%;font-size:13px}.grid th{text-align:left;padding:8px 10px;border-bottom:2px solid var(--border);background:var(--panel);position:sticky;top:0;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.grid th:hover{color:var(--accent)}.grid th:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.grid th.th-plain{cursor:default}.grid th.th-plain:hover{color:inherit}.grid td{padding:6px 10px;border-bottom:1px solid var(--border);white-space:nowrap}.grid tbody tr:hover{background:var(--bg)}.null-cell{color:var(--border)}.cell-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--muted);margin-left:8px}.empty-cell{text-align:center;color:var(--muted);padding:30px!important}.sort-ind{color:var(--accent)}.sort-ind sup{font-size:9px}.sort-hint{color:var(--border);visibility:hidden}.grid th:hover .sort-hint,.grid th:focus-visible .sort-hint{visibility:visible}.grid-loading{padding:30px;text-align:center;color:var(--muted)}.sort-control{position:relative;display:inline-flex;align-items:center;gap:4px}.sort-popover{position:absolute;z-index:20;top:calc(100% + 6px);left:0;min-width:400px;text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px;box-shadow:0 8px 24px #1c243029}.sort-popover .hint{margin:6px 0 0}.sort-notice{margin-bottom:10px}.sort-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sort-lead{flex:0 0 52px;color:var(--muted);font-size:12px}.sort-row .input{flex:1;min-width:0}.sort-foot{display:flex;align-items:center;gap:8px}.sort-foot .spacer{flex:1}.seg{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.seg button{border:none;background:var(--panel);color:var(--muted);font-size:12px;padding:6px 9px;cursor:pointer;white-space:nowrap}.seg button+button{border-left:1px solid var(--border)}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.seg button:disabled{opacity:.5;cursor:default}.btn.btn-active{border-color:var(--accent);color:var(--accent)}.pager{display:flex;align-items:center;gap:14px;justify-content:center;padding:6px;color:var(--muted)}.center-msg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:80px 20px;color:var(--muted);text-align:center}.summaries{display:flex;flex-direction:column;gap:12px}.builder{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.builder-block{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px;min-width:190px}.builder-block.grow{flex:1;min-width:280px}.exports h2{margin-bottom:4px}.job-label{color:var(--muted);max-width:320px;overflow:hidden;text-overflow:ellipsis}.dataset-picker{max-width:260px;font-weight:600}.sqltab{display:flex;gap:16px;padding:16px;align-items:flex-start}.sqltab .sidebar{width:280px;flex-shrink:0;max-height:calc(100vh - 120px);overflow-y:auto}.sqltab .content{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.sql-input{width:100%;min-height:160px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;padding:10px;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:inherit}.catalog-table{margin-bottom:2px}.catalog-name{background:none;border:none;cursor:pointer;font-family:ui-monospace,Menlo,monospace;font-size:12px;padding:3px 0;display:block;color:inherit}.catalog-name .caret{color:var(--muted)}.catalog-cols{list-style:none;margin:0 0 6px 18px;padding:0}.catalog-col{background:none;border:none;cursor:pointer;font-family:ui-monospace,Menlo,monospace;font-size:12px;padding:1px 0;display:block;color:inherit}.catalog-col:hover,.catalog-name:hover{text-decoration:underline}.catalog-col.example{font-family:inherit;text-align:left;margin-bottom:6px}.join-section{margin-bottom:4px}.join-cols{margin-left:20px;border-left:2px solid var(--border);padding-left:8px}