@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@400;500;600&family=Noto+Sans:wght@400;500;600&display=swap";@font-face{font-family:Noto Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/select-from-sql/fonts/noto-sans/NotoSans-JAlt.woff2) format("woff2"),url(/select-from-sql/fonts/noto-sans/NotoSans-JAlt.ttf) format("truetype");unicode-range:U+004A}*,*:before,*:after{box-sizing:border-box}:root{--font-noto-sans: "Noto Sans", "Segoe UI", system-ui, sans-serif;--font-noto-sans-mono: "Noto Sans Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-small: 11px;--text-body: 13px;--text-ui: 13px;--text-large: 16px;--text-subtitle: 18px;--text-title: 24px;--text-mono: 13px var(--font-noto-sans-mono);--color-black: #000000;--color-white: #ffffff;--color-focus-ring: var(--color-black);--color-text-primary: #000000;--color-text-tab: #374151;--color-text-secondary: #6b7280;--color-text-tertiary: #6b7280;--color-text-disabled: #9ca3af;--color-text-accent: #0f4c81;--color-text-red: #dc2626;--color-text-green: #16a34a;--color-text-sql-comment: #027a48;--color-text-sql-string: #b42318;--color-text-sql-keyword: #175cd3;--color-text-sql-definition: #b54708;--color-bg-primary: #ffffff;--color-bg-dialog: #ffffff;--color-bg-control: #f3f4f6;--color-bg-control-detail: #e5e7eb;--color-bg-row-separator-background: #f5f5f5;--color-bg-accent: #e0ebf7;--color-bg-accent-control: #bfdbfe;--color-bg-accent-hover: #93c5fd;--color-bg-shortcut-popup: var(--color-bg-dialog);--color-bg-column-hover: transparent;--color-bg-listbox-hover: var(--color-bg-control-detail);--color-bg-option-hover: transparent;--color-bg-popup-row-hover: transparent;--color-bg-focus: transparent;--color-bg-toast: var(--color-bg-dialog);--color-bg-button-hover: var(--color-bg-control-detail);--color-help-toggle-bg: rgba(255, 255, 255, .46);--color-help-toggle-bg-hover: rgba(255, 255, 255, .7);--color-help-toggle-border: rgba(0, 0, 0, .42);--color-help-toggle-text: var(--color-text-primary);--color-border-subtle: var(--color-bg-control-detail);--color-bg-warning: #fff7e6;--color-border-warning: #f5c66b;--color-text-note: #b54708;--color-bg-control-hover: var(--color-text-disabled);--results-bar-bg: var(--color-bg-accent);--grid-seperator: var(--color-border-subtle);--color-border-panel: transparent }html[data-theme=dark]{--color-focus-ring: var(--color-white);--color-black: #000000;--color-white: #ffffff;--color-text-primary: #f5f5f5;--color-text-tab: #d4d4d4;--color-text-secondary: #a3a3a3;--color-text-tertiary: #9aa0a6;--color-text-disabled: oklch(55.6% 0 0);--color-text-accent: oklch(82.8% .111 230.318);--color-text-red: oklch(80.8% .114 19.571);--color-text-green: oklch(84.1% .12 128.85);--color-text-sql-comment: oklch(84.1% .12 128.85);--color-text-sql-string: oklch(80.8% .12 19.571);--color-text-sql-keyword: oklch(70% .12 255.27);--color-text-sql-definition: oklch(82.8% .12 84.429);--color-bg-primary: oklch(14.5% 0 0);--color-bg-dialog: oklch(26.9% 0 0);--color-bg-control: oklch(37.1% 0 0);--color-bg-control-detail: oklch(43.9% 0 0);--color-bg-row-separator-background: oklch(25% 0 0);--color-bg-accent: oklch(.3345 .0787 254.85);--color-bg-accent-control: #1f497d;--color-bg-accent-hover: #558ed5ff;--color-bg-shortcut-popup: var(--color-bg-dialog);--color-bg-column-hover: red;--color-bg-listbox-hover: var(--color-bg-control-detail);--color-bg-option-hover: red;--color-bg-popup-row-hover: #00000000;--color-bg-focus: #00000000;--color-bg-toast: var(--color-bg-dialog);--color-bg-button-hover: var(--color-bg-control-detail);--color-help-toggle-bg: #ffffff14;--color-help-toggle-bg-hover: #ffffff29;--color-help-toggle-border: rgba(255, 255, 255, .68);--color-help-toggle-text: --var(color-text-primary);--color-border-subtle: var(--color-bg-control-detail);--color-bg-warning: #2a2518;--color-border-warning: #5c4a1d;--color-text-note: oklch(82.8% .189 84.429);--color-bg-control-hover: var(--color-text-disabled);--grid-seperator: var(--color-border-subtle);--color-border-panel: #00000000;color-scheme:dark}html[data-theme=system]{color-scheme:light}@media (prefers-color-scheme: dark){html[data-theme=system]{--color-focus-ring: var(--color-white);--color-text-primary: #f5f5f5;--color-text-tab: #d4d4d4;--color-text-secondary: #a3a3a3;--color-text-tertiary: #9aa0a6;--color-text-disabled: oklch(55.6% 0 0);--color-text-accent: oklch(82.8% .111 230.318);--color-text-red: oklch(80.8% .114 19.571);--color-text-green: oklch(84.1% .238 128.85);--color-text-sql-comment: oklch(84.1% .238 128.85);--color-text-sql-string: oklch(80.8% .114 19.571);--color-text-sql-keyword: oklch(74.6% .16 232.661);--color-text-sql-definition: oklch(82.8% .189 84.429);--color-bg-primary: oklch(14.5% 0 0);--color-bg-dialog: oklch(26.9% 0 0);--color-bg-control: oklch(37.1% 0 0);--color-bg-control-detail: oklch(43.9% 0 0);--color-bg-row-separator-background: oklch(25% 0 0);--color-bg-accent: oklch(39.1% .09 240.876);--color-bg-accent-control: oklch(44.3% .11 240.79);--color-bg-accent-hover: #558ed5ff;--color-bg-column-hover: red;--color-bg-option-hover: red;--color-bg-popup-row-hover: #00000000;--color-bg-focus: #00000000;--color-bg-warning: #2a2518;--color-border-warning: #5c4a1d;--color-text-note: oklch(82.8% .189 84.429);--color-bg-control-hover: var(--color-text-disabled);--color-help-toggle-bg: #ffffff14;--color-help-toggle-bg-hover: #ffffff29;--color-help-toggle-border: rgba(255, 255, 255, .68);--color-help-toggle-text: var(--color-white);--color-border-panel: #00000000;color-scheme:dark}}html{background:var(--color-bg-primary);color-scheme:light}html,body,#root{min-height:100vh}body{margin:0;font-family:var(--font-noto-sans);font-size:var(--text-body);background:var(--color-bg-primary);color:var(--color-text-primary);scrollbar-color:var(--color-border-subtle) #00000000}button,input,select,textarea,option{font-family:inherit;font-size:var(--text-ui)}input:not([type=checkbox]):not([type=radio]),textarea{box-sizing:border-box;border:1px solid ButtonBorder;border-radius:0;background:Field;color:FieldText;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:not([type=checkbox]):not([type=radio]):focus,textarea:focus{border:1px solid var(--color-focus-ring);border-radius:0;box-shadow:inset 0 0 0 1px var(--color-focus-ring);outline:none}*{scrollbar-color:var(--color-border-subtle) #00000000}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:var(--color-black)}*::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:999px;border:2px solid var(--color-black)}*::-webkit-scrollbar-thumb:hover{background:var(--color-bg-control-hover)}.app-shell{display:flex;flex-direction:column;min-height:100vh;height:100vh;overflow:hidden}.app-header{position:relative;padding:8px 56px 8px 8px;background:var(--color-bg-accent);margin-bottom:12px;height:46px}.help-sidebar-toggle{position:absolute;top:8.5px;right:12px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-help-toggle-border);border-radius:999px;background:var(--color-help-toggle-bg);color:var(--color-help-toggle-text);font-size:17px;font-weight:700;line-height:1;cursor:pointer}.help-sidebar-toggle:hover{background:var(--color-help-toggle-bg-hover)}.help-sidebar-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.query-title{font-size:var(--text-large);font-weight:600;letter-spacing:.2px}.query-inline-tabs{display:flex;align-items:center;flex-wrap:wrap;overflow-x:auto;white-space:nowrap;padding:4px}.query-file-name{-webkit-user-select:none;user-select:none}.query-inline-separator{color:var(--color-text-tab);font-size:16px;font-weight:600;padding-right:2px}.query-inline-with{color:var(--color-text-tab);font-size:.6667em;font-weight:600;padding:0 8px}.query-tab{display:inline-flex;align-items:center;border:1px solid transparent;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-tab);font-size:var(--text-large);font-weight:600;padding:0;margin:0;line-height:1.2;box-shadow:inset 0 0 0 0 transparent}.query-tab:hover{background:transparent}.query-tab:focus,.query-tab:focus-visible{outline:none}.query-tab.is-selected{border-bottom-color:var(--color-text-disabled)}.query-tab.is-focused{border-color:transparent;border-bottom-color:transparent;outline:2px solid var(--color-focus-ring);outline-offset:2px;box-shadow:none;color:var(--color-focus-ring);border-radius:0}.app-main{flex:1;display:flex;padding:0;min-width:0;min-height:0;align-items:stretch}.sql-splitter{width:10px;flex:0 0 10px;cursor:col-resize;position:relative;background:transparent}.sql-splitter:before{content:"";position:absolute;top:0;bottom:0;left:4px;width:2px;background:transparent}.sql-splitter.is-dragging:before{background:var(--color-text-accent)}.sql-splitter:focus-visible{outline:none}.sql-side-panel-frame{flex:0 0 auto;min-width:320px;min-height:0;display:flex;flex-direction:column;background:var(--color-bg-dialog);overflow:hidden}.inline-shortcuts-shell{position:relative;width:min(360px,100vw);flex:0 0 min(360px,100vw);min-height:0}.sql-panel{flex:1;min-height:0;display:flex;flex-direction:column;padding:12px 12px 0;gap:12px}.sql-panel-footer{display:flex;flex-direction:column;gap:8px}.sql-panel-editor{flex:1;min-height:0;display:flex}.sql-panel-docked{padding:0;gap:0}.sql-panel-docked .sql-panel-editor{width:100%}.sql-panel-docked .query-dialog-sql-presentation,.sql-panel-docked .query-dialog-textarea{border-radius:0}.results-shell{flex:1;min-height:0;height:100%;min-width:0;display:flex;flex-direction:column;background:var(--color-bg-primary)}.results-debug-summary{margin:0 12px 8px;color:var(--color-text-tertiary);font-size:12px;line-height:1.4}.results-table{margin-left:12px;flex:1;min-width:0;min-height:0;border-left:none;background:var(--color-bg-primary);display:flex;align-items:flex-start;justify-content:flex-start;overflow:auto;position:relative}.results-table.is-selecting,.results-table.is-resizing{-webkit-user-select:none;user-select:none}.results-table.is-resizing{cursor:col-resize}.results-scrollbar{height:12px;overflow-x:auto;overflow-y:hidden;background:var(--color-bg-primary);z-index:4}.results-scrollbar-bottom{border-top:none}.results-placeholder{color:var(--color-text-tertiary);font-size:14px}.results-error{margin-top:8px;color:var(--color-text-red);font-size:12px}.empty-state{text-align:center;max-width:320px}.empty-state h3{margin:0 0 6px;font-size:16px;color:var(--color-text-primary)}.empty-state p{margin:0;font-size:13px;color:var(--color-text-tertiary)}.results-grid{--grid-line-color: var(--color-bg-toast);--angled-grid-line-color: var(--grid-line-color);width:max-content;min-width:max-content;border-collapse:collapse;font-family:var(--font-noto-sans);font-size:var(--text-body);color:var(--color-text-primary);position:relative;z-index:2;table-layout:fixed}.results-table:focus,.results-table:focus-visible{outline:none}.results-grid th,.results-grid td{position:relative;padding:0 3px;text-align:left;min-width:140px;max-width:140px;width:140px;overflow:hidden}.results-grid td{white-space:nowrap;text-overflow:ellipsis;border-bottom:0;height:16px;background:transparent}.results-grid td.is-group-start-value{overflow:visible}.results-grid.separator-horizontal-line td.is-group-start-value:before,.results-grid.separator-grid td.is-group-start-value:before{content:"";position:absolute;top:0;right:0;left:0;height:1px;background:var(--grid-seperator);pointer-events:none}.results-grid.separator-vertical-line th[data-col-index]:not(.is-first-visible),.results-grid.separator-vertical-line td[data-col-index]:not(.is-first-visible){box-shadow:inset 1px 0 var(--grid-seperator)}.results-grid.separator-grid th[data-col-index],.results-grid.separator-grid td[data-col-index]{box-shadow:inset -1px 0 var(--grid-seperator)}.results-grid.separator-grid th[data-col-index].is-first-visible,.results-grid.separator-grid td[data-col-index].is-first-visible{box-shadow:inset 1px 0 var(--grid-seperator),inset -1px 0 var(--grid-seperator)}.results-grid.separator-grid td.is-group-start-value{box-shadow:inset -1px 0 var(--grid-seperator)}.results-grid.separator-grid td.is-group-start-value.is-first-visible{box-shadow:inset 1px 0 var(--grid-seperator),inset -1px 0 var(--grid-seperator)}.results-grid tbody tr.is-last-visible-row td{border-bottom:0}.results-grid.separator-background tbody tr.is-even-row td:not(.spacer-cell){background:var(--color-bg-row-separator-background)}.results-grid th{position:sticky;top:0;font-weight:400;min-height:28px;overflow:visible;vertical-align:top;padding-right:3px}.results-grid:not(.angled-headers) thead th{height:auto;vertical-align:bottom;border-bottom:none;background:var(--color-bg-primary);z-index:6}.results-grid:not(.angled-headers) th[data-col-index] .header-cell-content{display:flex;min-height:100%;flex-direction:column;justify-content:flex-end}.results-horizontal-rule{position:absolute;left:0;height:1px;background:var(--color-text-primary);pointer-events:none;z-index:4}.results-grid.angled-headers th[data-col-index]{padding-right:3px;border-right:none;border-bottom:none;background:transparent}.results-grid.angled-headers{border-collapse:separate;border-spacing:0}.results-grid td.results-cell-align-right,.results-grid td.results-cell-align-decimal{font-variant-numeric:tabular-nums}.results-cell-numeric-layout,.results-cell-decimal-layout{display:grid;width:var(--results-numeric-content-width, 100%);margin:0 auto}.results-cell-content{position:relative;top:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-cell-numeric-layout.results-cell-content,.results-cell-decimal-layout.results-cell-content{display:grid}.results-cell-numeric-layout{text-align:right}.results-cell-decimal-layout{grid-template-columns:var(--results-decimal-left-width) var(--results-decimal-dot-width) var(--results-decimal-right-width);align-items:baseline}.results-cell-decimal-left{text-align:right}.results-cell-decimal-dot{text-align:center}.results-cell-decimal-right{text-align:left}.results-grid td.results-cell-bar-chart{padding:0;font-variant-numeric:tabular-nums}.results-cell-bar{position:absolute;top:1px;bottom:1px;left:var(--results-bar-left, 0);width:var(--results-bar-width, 0);background:var(--results-bar-bg);pointer-events:none;z-index:1}.results-cell-bar-label{position:absolute;top:0;bottom:0;z-index:2;padding:0 3px;line-height:16px}.results-cell-bar-label-inside .results-cell-bar-label{left:var(--results-bar-left, 0);width:var(--results-bar-width, 0);text-align:right}.results-cell-bar-label-outside .results-cell-bar-label{left:calc(var(--results-bar-left, 0) + var(--results-bar-width, 0));width:calc(100% - var(--results-bar-left, 0) - var(--results-bar-width, 0));text-align:left}.results-grid td.is-selected{background:transparent}.results-grid td.is-selected:before,.results-grid:not(.angled-headers) thead th.is-selected:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-bg-accent);pointer-events:none;z-index:0}.results-grid:not(.angled-headers) thead th.is-selected{background:transparent}.results-grid td.is-selected .results-cell-content,.results-grid:not(.angled-headers) th[data-col-index]>:not(.column-resize-handle){position:relative;z-index:1}.results-grid td.is-selected .results-cell-bar-label{z-index:2}.results-grid td.is-selected .results-cell-bar{box-shadow:inset 0 0 0 1px var(--color-text-secondary)}.results-grid th.results-header-align-center,.results-grid th.results-header-align-center .header-cell-label{text-align:center}.header-cell-label{display:block;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.2}.results-grid:not(.angled-headers) th[data-col-index] .header-cell-label{padding-top:4px;padding-bottom:4px}.header-cell-debug{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-tertiary);font-size:12px;font-weight:400;line-height:1.2;margin-top:2px;padding-bottom:3px}.header-cell-bg{display:none}.header-cell-divider{display:none;position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--color-white);pointer-events:none;z-index:1}.results-grid.angled-headers th[data-col-index] .header-cell-bg{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-bg-primary);transform-origin:left bottom;transform:skew(-45deg);z-index:0;pointer-events:none}.results-grid.angled-headers th[data-col-index].is-first-visible .header-cell-bg{top:0;right:0;bottom:0;left:-2000px}.results-grid.angled-headers th[data-col-index].is-selected .header-cell-bg{background:var(--color-bg-accent)}.results-grid.angled-headers th[data-col-index].is-first-visible.is-selected .header-cell-bg{background:linear-gradient(to right,var(--color-bg-primary) 0,var(--color-bg-primary) 2000px,var(--color-bg-accent) 2000px)}.results-grid.angled-headers th[data-col-index] .header-cell-label{position:absolute;left:50%;bottom:24px;max-width:none;line-height:10px;padding-top:2px;transform-origin:center left;transform:translateY(18px) rotate(-45deg) translateY(2px);overflow:visible;text-overflow:clip;white-space:nowrap;z-index:2}.results-grid.angled-headers th[data-col-index] .header-cell-debug{position:absolute;left:4px;right:10px;bottom:4px;margin-top:0;padding-bottom:0;z-index:2}.results-grid.angled-headers th.is-selected{background:transparent}.column-resize-handle{position:absolute;top:0;right:-4px;width:8px;height:100%;border:none;padding:0;margin:0;cursor:col-resize;background:transparent;z-index:3}.column-resize-handle:hover,.results-table.is-resizing .column-resize-handle{background:#638cc959}.spacer-row td,.spacer-cell{padding:0;border:none;background:transparent}.results-overlay-back,.results-overlay-rules,.results-overlay-front{position:absolute;top:0;left:0;pointer-events:none}.results-overlay-back{z-index:1}.results-overlay-rules{z-index:5}.results-overlay-front{z-index:3}.column-highlight-fill,.cell-highlight-fill,.column-highlight{position:absolute;top:0;background:var(--color-bg-accent)}.column-highlight,.cell-highlight{position:absolute;border:2px solid var(--color-focus-ring);background:transparent}.column-highlight-fill.is-header-angled,.cell-highlight-fill.is-header-angled,.column-highlight.is-header-angled,.cell-highlight.is-header-angled{overflow:visible}.column-highlight-fill.is-header-angled,.cell-highlight-fill.is-header-angled{background:transparent}.column-highlight.is-header-angled,.cell-highlight.is-header-angled{border:none}.column-highlight-fill.is-header-angled:before,.column-highlight-fill.is-header-angled:after,.cell-highlight-fill.is-header-angled:before,.cell-highlight-fill.is-header-angled:after,.column-highlight.is-header-angled:before,.column-highlight.is-header-angled:after,.cell-highlight.is-header-angled:before,.cell-highlight.is-header-angled:after{content:"";position:absolute;pointer-events:none}.column-highlight-fill.is-header-angled:before,.cell-highlight-fill.is-header-angled:before{top:0;left:0;width:100%;height:var(--angled-header-height, 28px);background:var(--color-bg-accent);transform-origin:left bottom;transform:skew(-45deg)}.column-highlight-fill.is-header-angled:after,.cell-highlight-fill.is-header-angled:after{top:var(--angled-header-height, 28px);left:0;right:0;bottom:0;background:var(--color-bg-accent)}.column-highlight.is-header-angled:before,.cell-highlight.is-header-angled:before{top:0;left:0;width:100%;height:var(--angled-header-height, 28px);box-sizing:border-box;border:2px solid var(--color-focus-ring);border-bottom:none;transform-origin:left bottom;transform:skew(-45deg)}.column-highlight.is-header-angled:after,.cell-highlight.is-header-angled:after{top:var(--angled-header-height, 28px);left:0;right:0;bottom:0;box-sizing:border-box;border:2px solid var(--color-focus-ring);border-top:none}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10}.dialog-backdrop-nested{z-index:11}.dialog-card{background:var(--color-bg-dialog);padding:20px;border-radius:10px;min-width:360px;max-width:480px;border:1px solid var(--color-border-panel);display:flex;flex-direction:column;gap:12px}.dialog-card:focus,.dialog-card:focus-visible{outline:none}.dialog-card-select{max-height:66vh}.dialog-card-aggregate{min-width:340px}.dialog-card-pivot{min-width:min(92vw,640px);max-width:min(96vw,694px)}.dialog-card-join{min-width:min(94vw,820px);max-width:min(97vw,940px)}.dialog-card-add-context{min-width:min(94vw,1040px);max-width:min(97vw,1160px)}.edit-dialog-text-input,.edit-dialog-formula-shell{box-sizing:border-box;width:100%;border:1px solid ButtonBorder;border-radius:0;background:Field;color:FieldText}.edit-dialog-text-input{padding:4px;font:inherit}.edit-dialog-formula-shell{min-height:36px;height:36px;overflow:hidden}.edit-dialog-formula-textarea{height:36px;min-height:36px;max-height:36px;overflow:hidden}.edit-dialog-formula-shell .query-dialog-sql-presentation{background:Field;color:FieldText}.edit-dialog-formula-shell:focus-within{border:1px solid var(--color-focus-ring);border-radius:0;box-shadow:inset 0 0 0 1px var(--color-focus-ring);outline:none}.edit-dialog-formula-shell .query-dialog-textarea:focus{outline:none}.dialog-card-rename,.dialog-card-limit{min-width:320px}.dialog-card-query{width:75vw;max-width:75vw;height:75vh;max-height:75vh}.dialog-card-from{min-width:min(92vw,720px);max-width:min(96vw,820px)}.dialog-card-edit,.dialog-card-formula{min-width:360px}.dialog-card-format{min-width:min(92vw,500px);max-width:min(96vw,680px)}.dialog-card-theme{min-width:min(92vw,320px);max-width:min(96vw,420px)}.dialog-card-conditional-coloring{min-width:min(94vw,420px);max-width:min(97vw,520px)}.dialog-card-correlation{min-width:min(92vw,420px);max-width:min(96vw,520px)}.dialog-card-regression{min-width:min(94vw,760px);max-width:min(97vw,920px)}.dialog-card-regression-error{min-width:min(92vw,480px);max-width:min(96vw,620px)}.dialog-card-theme-lab{width:min(96vw,1200px);max-width:min(96vw,1200px);max-height:92vh}.dialog-card-loading{min-width:min(88vw,360px);align-items:center;text-align:center}.theme-lab-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.theme-lab-content{display:grid;gap:18px;overflow:auto;padding-right:2px}.theme-lab-section{display:flex;flex-direction:column;gap:10px}.theme-lab-section h3{margin:0;font-size:15px}.theme-lab-legend{margin:0;color:var(--color-text-secondary);font-size:12px;line-height:1.45}.join-layout.theme-lab-join-layout{padding:4px 0;grid-template-columns:fit-content(160px) minmax(110px,.75fr) minmax(110px,.75fr) minmax(110px,.75fr);--join-panel-height: 150px }.theme-lab-shortcuts-grid,.theme-lab-feedback-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(280px,1fr);gap:16px;align-items:start}.theme-lab-shortcuts-section{margin-top:-50px}.theme-lab-help-sidebar-frame{position:relative;min-height:210px;overflow:hidden;border:1px solid var(--color-border-panel);border-radius:10px}.theme-lab-help-sidebar-frame .help-sidebar{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;box-shadow:none;z-index:0}.theme-lab-app-surface,.theme-lab-sql-frame,.theme-lab-regression-frame{border:1px solid var(--color-border-panel);border-radius:10px}.theme-lab-app-surface{min-height:220px;padding:24px;background:var(--color-bg-primary);position:relative}.theme-lab-app-surface .shortcut-popup-preview{position:static}.shortcut-popup-preview{display:inline-block}.theme-lab-shortcut-popup-row-active{background:var(--color-bg-popup-row-hover);outline:none}.theme-lab-sql-frame{background:var(--color-bg-control);min-height:90px;overflow:hidden}.theme-lab-sql-frame .query-dialog-sql-shell{min-height:90px}.theme-lab-sql-frame .query-dialog-textarea{cursor:default}.theme-lab-toast-frame{min-height:78px;display:flex;align-items:flex-end;background:var(--color-bg-primary);border:1px solid var(--color-border-panel);border-radius:10px;padding:16px}.theme-lab-toast-frame .toast{position:static}.theme-lab-regression-frame{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--color-bg-dialog)}.conditional-coloring-grid{display:grid;grid-template-columns:max-content max-content max-content;gap:16px;align-items:start}.conditional-coloring-mode-column,.conditional-coloring-value-column,.conditional-coloring-label-column,.conditional-coloring-threshold-stack{display:flex;flex-direction:column;gap:12px}.conditional-coloring-value-column{width:max-content;align-items:flex-end}.conditional-coloring-radio-row{display:flex;align-items:center;gap:8px;min-height:20px;color:var(--color-text-primary)}.conditional-coloring-radio-row.dialog-labeled-control{display:inline-flex;align-items:center}.conditional-coloring-threshold-mode-row{padding-top:14px;padding-bottom:14px}.conditional-coloring-radio-row.is-disabled,.conditional-coloring-operator.is-disabled,.conditional-coloring-middle-label.is-disabled,.conditional-coloring-threshold-color.is-disabled,.conditional-coloring-value-column .is-disabled{color:var(--color-text-disabled)}.conditional-coloring-row-spacer{min-height:20px}.conditional-coloring-value-column input[type=text]{width:6ch;box-sizing:border-box;text-align:right;position:relative;top:2px}.conditional-coloring-threshold-row{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;align-items:center}.conditional-coloring-threshold-stack-offset{padding-top:14px;padding-bottom:14px}.conditional-coloring-operator{color:var(--color-text-primary);text-align:center}.conditional-coloring-middle-label,.conditional-coloring-threshold-color{min-height:20px;display:flex;align-items:center;color:var(--color-text-primary)}.conditional-coloring-middle-label{justify-content:flex-end;text-align:right;width:100%}.loading-spinner{width:32px;height:32px;border-radius:999px;border:3px solid var(--color-border-subtle);border-top-color:var(--color-text-accent);animation:loading-spinner-rotate .9s linear infinite}@keyframes loading-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.query-dialog-sql-shell{position:relative;width:100%;flex:1 1 auto;min-height:0}.query-dialog-sql-presentation,.query-dialog-textarea{width:100%;flex:1 1 auto;min-height:0;padding:8px 10px;border:0 solid var(--color-bg-control-hover);border-radius:0;font:var(--text-mono);line-height:1.4;white-space:pre-wrap;overflow-wrap:break-word;-moz-tab-size:2;tab-size:2}.sql-highlighted-text{font:var(--text-mono);white-space:pre-wrap;overflow-wrap:anywhere}.query-dialog-sql-presentation{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;overflow:hidden;pointer-events:none;background:var(--color-bg-dialog);color:var(--color-text-primary)}.query-dialog-sql-line{display:block}.query-dialog-sql-highlighted-line{border-radius:2px;background:var(--color-bg-control)}.query-dialog-textarea{position:relative;height:100%;resize:none;background:transparent;color:transparent;caret-color:var(--color-text-primary);overflow:auto}.query-dialog-textarea::selection{background:#569cd659}.query-dialog-textarea:focus{border:0 solid var(--color-bg-control-hover);box-shadow:none;outline:2px solid var(--color-focus-ring);outline-offset:1px;border-radius:0}.edit-dialog-formula-shell .query-dialog-textarea{height:100%;min-height:100%;max-height:100%;overflow:hidden;scrollbar-width:none}.edit-dialog-formula-shell .query-dialog-textarea:focus{box-shadow:none;outline:none}.edit-dialog-formula-shell .query-dialog-textarea::-webkit-scrollbar{display:none}.results-cell-summary-label{font-style:italic}.query-dialog-checkbox{display:flex;align-items:center;gap:8px;font-size:var(--text-ui)}.dialog-labeled-control{display:inline-flex;align-items:flex-start;gap:8px;max-width:100%;border-radius:6px;padding:2px 4px}.dialog-labeled-control>input{margin:0;flex:0 0 auto}.dialog-labeled-control>span{min-width:0}.dialog-labeled-control:focus-within{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:0}.dialog-labeled-control>input:focus{outline:none}.query-dialog-checkbox u,.aggregation-filter-button u,.aggregation-option-label u,.conditional-coloring-radio-row u,.add-context-inline-field .dialog-field-label u,.pivot-checkbox u,.format-option-label u,.format-checkbox-option u,.format-significant-label u{text-underline-offset:2px}.bad-query-location,.bad-query-message{margin:0;font-size:13px}.bad-query-location{color:var(--color-text-primary)}.bad-query-message{color:var(--color-text-primary);white-space:pre-wrap;overflow-wrap:anywhere}.dialog-card h2{margin:0;font-size:var(--text-title);font-weight:600}.dialog-field-label,.format-significant-label{font-size:var(--text-ui);color:var(--color-text-secondary)}.dialog-subtitle{margin:0;color:var(--color-text-secondary);font-size:var(--text-body)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.theme-dialog-options{display:flex;flex-direction:column;gap:8px}.theme-dialog-option{width:fit-content;align-items:center;line-height:1.2}.theme-dialog-option>input{align-self:center}.theme-dialog-option>span{display:inline-flex;align-items:center;min-height:16px}.column-list,.from-list{display:flex;flex-direction:column;overflow:auto;border:1px solid var(--color-border-panel);border-radius:8px;padding:8px;background:var(--color-bg-control)}.column-list{gap:0;max-height:min(44vh,420px);position:relative}.column-focus-outline{position:absolute;left:8px;right:8px;border:2px solid var(--color-focus-ring);border-radius:0;pointer-events:none;z-index:0}.from-list{gap:4px;max-height:min(50vh,460px)}.from-list:focus,.column-list:focus,.pivot-listbox:focus{outline:none;box-shadow:none}.single-select-listbox{display:flex;flex-direction:column;gap:0;overflow:auto}.from-option{border:1px solid transparent;border-radius:6px;background:transparent;color:var(--color-text-primary);text-align:left;font-size:var(--text-ui);padding:8px 10px}.from-option:hover{background:var(--color-bg-option-hover)}.from-option.is-focused{border-color:var(--color-focus-ring);background:transparent;border-radius:0}.from-separator{border-top:1px solid var(--color-text-disabled);margin:4px 10px;height:0}.column-item,.aggregation-option,.format-checkbox-option{display:flex;align-items:center;gap:8px;font-size:var(--text-ui)}.column-item-button{display:flex;align-items:center;gap:8px;font-size:var(--text-ui);position:relative;z-index:1;background:transparent;color:inherit;border:1px solid transparent;border-radius:0;width:100%;text-align:left;cursor:pointer;padding:4px 6px}.column-item-button:focus{outline:none}.column-item-button:hover{background:var(--color-bg-listbox-hover)}.column-item-button.is-in-focus-range{background:#4c8dff0f}.column-item-button.is-focus-active{background:transparent}.column-item-button.is-focused{border-color:var(--color-focus-ring);background:var(--color-bg-focus)}.single-select-listbox-option{gap:10px;border-color:transparent;outline:none}.single-select-listbox-option.is-in-focus-range,.single-select-listbox-option.is-focus-active,.single-select-listbox-option.is-focused{background:transparent;border-color:transparent}.single-select-listbox-option:hover{background:transparent}.single-select-listbox-indicator{position:relative;flex:0 0 12px;width:12px;height:12px;border:1.5px solid var(--color-bg-control-hover);border-radius:999px;box-sizing:border-box}.single-select-listbox-option[aria-selected=true].is-focused{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.single-select-listbox-option[aria-selected=true] .single-select-listbox-indicator:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:999px;background:var(--color-text-secondary)}.column-group-label{position:relative;z-index:1;margin:4px 2px 0;font-size:var(--text-small);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary)}.dialog-filter-text{margin:0;font-size:13px;color:var(--color-text-accent)}.dialog-shortcuts-hint{margin:0;font-size:12px;color:var(--color-text-secondary)}.correlation-result-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.correlation-result-value{font-variant-numeric:tabular-nums;font-size:16px;color:var(--color-text-primary)}.regression-outcome-name{margin:0;color:var(--color-text-accent);font-size:15px;font-weight:600}.regression-equation-field{margin:0;padding:10px 12px 10px 2px;color:var(--color-text-primary);font-size:13px;line-height:1.45;font-variant-numeric:tabular-nums;overflow-wrap:normal}.regression-equation-term{white-space:nowrap}.regression-warning-list p{margin:0;color:var(--color-text-note);font-size:12px;line-height:1.45}.regression-warning-list{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--color-border-warning);border-radius:8px;background:var(--color-bg-warning)}.regression-results-table{margin-left:0;flex:none;width:100%;max-height:260px;background:var(--color-bg-dialog)}.regression-results-grid th{z-index:2}.results-grid.regression-results-grid{border-top:1px solid var(--color-text-primary);border-bottom:1px solid var(--color-text-primary)}.results-grid.regression-results-grid:not(.angled-headers) thead th{background:var(--color-bg-dialog);border-bottom:1px solid var(--color-text-primary)}.regression-summary-line{margin:0 0 0 2px;color:var(--color-text-primary);font-size:13px;font-variant-numeric:tabular-nums}.regression-table,.regression-summary-table{width:100%;border-collapse:collapse}.regression-table th,.regression-table td,.regression-summary-table th,.regression-summary-table td{padding:10px 12px;border-bottom:1px solid var(--color-border-panel);text-align:left;vertical-align:top}.regression-table thead th,.regression-summary-table th{font-size:12px;font-weight:700;letter-spacing:.03em;color:var(--color-text-secondary)}.regression-table tbody td,.regression-summary-table td{font-variant-numeric:tabular-nums}.regression-table tbody tr:last-child td,.regression-summary-table tbody tr:last-child th,.regression-summary-table tbody tr:last-child td{border-bottom:0}.regression-summary-note{color:var(--color-text-note);font-size:12px;font-style:italic;font-variant-numeric:normal}.aggregation-column-name{color:var(--color-text-accent)}.aggregation-layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(140px,180px);gap:16px;align-items:start}.aggregation-list{display:flex;flex-direction:column;gap:8px;padding:10px 0}.aggregation-sidebar{display:flex;flex-direction:column;gap:12px;align-items:stretch}.aggregation-filter-panel{display:flex;flex-direction:column;gap:8px;min-height:110px}.aggregation-filter-button,.dialog-actions button,.where-delete-button{background:var(--color-bg-control);color:var(--color-text-primary);border:1px solid var(--color-border-subtle);border-radius:6px;cursor:pointer}.aggregation-filter-button{align-self:flex-end}.dialog-actions button,.aggregation-filter-button{padding:8px 12px}.aggregation-filter-button:hover,.dialog-actions button:hover,.where-delete-button:hover{background:var(--color-bg-button-hover)}.aggregation-filter-summary{margin:0;min-height:56px;white-space:pre-wrap;overflow-wrap:anywhere;font:var(--text-mono);line-height:1.4;color:var(--color-text-tab)}.pivot-layout{display:grid;grid-template-columns:minmax(160px,1fr) minmax(147px,1fr) minmax(160px,1fr);gap:16px;align-items:start;--pivot-listbox-height: 240px;--pivot-listbox-bottom-align-offset: 60px }.join-layout{display:grid;grid-template-columns:fit-content(160px) minmax(147px,1fr) minmax(147px,1fr) minmax(147px,1fr);gap:12px;align-items:stretch;--join-panel-height: min(40vh, 340px);--pivot-listbox-height: var(--join-panel-height) }.add-context-layout{display:grid;grid-template-columns:fit-content(220px) minmax(240px,1fr) minmax(240px,1fr);gap:12px;align-items:stretch;--add-context-panel-height: min(42vh, 360px);--pivot-listbox-height: var(--add-context-panel-height) }.join-column,.pivot-column{display:flex;flex-direction:column;gap:8px;min-width:0}.join-column-type{width:max-content;margin-right:8px}.join-type-list,.join-source-list,.join-listbox{min-height:var(--join-panel-height);height:var(--join-panel-height);max-height:var(--join-panel-height)}.join-type-list{gap:2px;width:max-content;min-width:max-content;overflow:auto;border:1px solid var(--color-border-panel);border-radius:8px;padding:8px;background:var(--color-bg-control)}.join-type-list .aggregation-option,.join-source-list .from-option,.join-source-list .from-separator,.join-listbox,.join-listbox option,.pivot-value-list .column-item-button{font-family:inherit;font-size:var(--text-ui)}.join-type-list .dialog-labeled-control:focus-within{outline:none;box-shadow:inset 0 0 0 2px var(--color-focus-ring)}.join-source-list{gap:2px}.join-source-list .single-select-listbox-indicator{display:none}.add-context-type-column{width:max-content;min-width:240px}.add-context-type-list,.add-context-listbox{min-height:var(--add-context-panel-height);height:var(--add-context-panel-height);max-height:var(--add-context-panel-height)}.add-context-inline-field{display:grid;grid-template-columns:auto minmax(72px,96px);gap:8px;align-items:center}.add-context-inline-field .dialog-field-label{margin:0}.pivot-aggregate-controls,.pivot-aggregate-spacer{min-height:52px}.pivot-aggregate-controls{display:flex;flex-direction:column;gap:8px}.pivot-listbox{width:100%;min-height:var(--pivot-listbox-height);height:var(--pivot-listbox-height);max-height:var(--pivot-listbox-height);border:1px solid var(--color-border-panel);border-radius:8px;background:var(--color-bg-control);color:var(--color-text-primary);font-family:inherit;font-size:var(--text-ui);padding:8px}.pivot-value-list{min-height:var(--pivot-listbox-height);height:var(--pivot-listbox-height);max-height:var(--pivot-listbox-height)}.pivot-listbox option{font-family:inherit;font-size:var(--text-ui);padding:2px 6px}.pivot-listbox option:checked,.pivot-listbox:focus option:checked{background:var(--color-bg-control);color:var(--color-text-primary)}.pivot-listbox:focus option:checked{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.pivot-value-list{gap:0px;overflow:auto}.pivot-listbox-bottom-aligned,.pivot-value-list-bottom-aligned{min-height:calc(var(--pivot-listbox-height) + var(--pivot-listbox-bottom-align-offset));height:calc(var(--pivot-listbox-height) + var(--pivot-listbox-bottom-align-offset));max-height:calc(var(--pivot-listbox-height) + var(--pivot-listbox-bottom-align-offset))}.pivot-checkbox{display:flex;align-items:center;gap:8px;font-size:var(--text-ui);color:var(--color-text-secondary)}.format-dialog-layout{display:grid;grid-template-columns:max-content max-content 160px;column-gap:40px;row-gap:6px;align-items:start}.format-options-table,.format-option-row{display:contents}.format-option-control{grid-column:1;display:flex;align-items:center;gap:8px;font-size:var(--text-ui);min-width:0}.format-option-label{min-width:0}.format-option-example{grid-column:2;display:block;text-align:left;align-self:center;font-size:14px;color:var(--color-text-secondary)}.format-option-separator{grid-column:1 / span 2;height:10px}.format-numeric-options{grid-column:3;grid-row:1 / span 4;width:100%;display:flex;flex-direction:column;gap:10px}.format-time-options{grid-column:3;grid-row:16 / span 2;width:100%;display:flex;flex-direction:column;gap:10px}.format-numeric-options input[type=text]{width:100%}.format-dialog-actions{width:164px;margin-left:auto;margin-top:12px;justify-content:flex-end}.dialog-actions .dialog-action-confirm{background:var(--color-bg-accent-control)}.dialog-actions .dialog-action-confirm:hover{background:var(--color-bg-accent-hover)}.shortcut-cluster{display:flex;flex-direction:column;gap:10px}.shortcut-cluster+.shortcut-cluster{margin-top:20px}.shortcut-cluster-header{font-size:var(--text-subtitle);font-weight:600;color:var(--color-text-primary)}.shortcut-list{display:flex;flex-direction:column;gap:4px;padding:0}.shortcut-row{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.shortcut-row kbd,.shortcut-popup-header kbd,.shortcut-popup-row kbd,.keyboard-mode-key{background:var(--color-bg-control);border:1px solid var(--color-border-subtle);padding:4px 8px;border-radius:6px;font:var(--text-mono);line-height:1;font-variant-numeric:tabular-nums}.shortcut-key-button{display:inline-flex;align-items:center;gap:6px}.help-sidebar{position:fixed;top:0;right:0;bottom:0;width:min(360px,100vw);background:var(--color-bg-dialog);border-left:1px solid var(--color-border-panel);box-shadow:-8px 0 24px #00000052;z-index:9;display:flex;flex-direction:column}.help-sidebar-inline{position:relative;top:auto;right:auto;bottom:auto;width:100%;height:100%;border-left:2px solid var(--color-bg-control-detail);box-shadow:none;z-index:auto}.help-sidebar-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 20px 12px}.help-sidebar-header h2{margin:0;font-size:var(--text-title);font-weight:600}.help-sidebar-body{flex:1;overflow-y:auto;padding:16px 20px 20px}.help-sidebar-close{background:transparent;color:var(--color-text-primary);border:none;padding:8px;font:inherit;line-height:1;align-self:flex-start;margin-top:-2px;display:block;cursor:pointer}.help-sidebar-close:hover{color:var(--color-white)}.shortcut-trigger{background:transparent;border:none;color:inherit;font:inherit;padding:0;margin:0;text-align:left;cursor:default}.shortcut-trigger:hover{cursor:pointer;text-decoration:underline;text-underline-offset:2px}.shortcut-trigger:focus-visible,.help-sidebar-close:focus-visible{outline:2px solid var(--color-text-disabled);outline-offset:2px}.shortcut-popup{position:fixed;z-index:8;min-width:220px;--shortcut-popup-indent: 42px;background:var(--color-bg-shortcut-popup);border:1px solid var(--color-border-panel);border-radius:10px;box-shadow:0 12px 30px #00000061;padding:10px}.shortcut-popup-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:var(--text-body);font-weight:700}.shortcut-popup-list{display:flex;flex-direction:column;gap:2px}.shortcut-popup-row{display:flex;align-items:center;gap:10px;width:100%;background:transparent;color:inherit;border:none;border-radius:6px;padding:6px 4px 6px var(--shortcut-popup-indent);font:inherit;font-size:var(--text-body);text-align:left;cursor:pointer}.shortcut-popup-row:hover,.shortcut-popup-row:focus-visible{background:var(--color-bg-popup-row-hover);outline:none}.keyboard-mode-overlay{position:fixed;left:50%;bottom:200px;transform:translate(-50%);z-index:12;pointer-events:none}.keyboard-mode-overlay-list{display:inline-flex;align-items:center;justify-content:center;gap:8px}.keyboard-mode-key{display:inline-flex;align-items:center;justify-content:center;opacity:1;transition:opacity .2s ease}.keyboard-mode-key.is-fading{opacity:0}.where-clause-list{display:flex;flex-direction:column;gap:0;max-height:220px;overflow:auto}.where-clause-item{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--text-ui)}.where-clause-text{display:flex;align-items:center;gap:4px;flex:1 1 auto;min-width:0}.where-delete-button{padding:2px 8px;margin:2px}.where-clause-select-button{display:block;box-sizing:border-box;flex:1 1 auto;min-width:0;height:22px;padding:2px 4px;overflow:hidden;border:1px solid transparent;background:transparent;color:inherit;font:var(--text-mono);line-height:1.4;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.where-clause-input-shell.edit-dialog-formula-shell,.where-clause-input-shell .edit-dialog-formula-textarea{height:24px}.where-clause-input-shell .query-dialog-sql-presentation,.where-clause-input-shell .query-dialog-textarea{padding:2px 4px}.where-clause-select-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.where-and-separator{flex:0 0 auto;font-size:12px;color:var(--color-text-tertiary)}.where-and-separator-placeholder{visibility:hidden}.where-input-row{display:flex;align-items:center;gap:8px}.where-clause-list+.where-input-row{margin-top:-12px}.where-input-row input,.where-clause-text .where-clause-input-shell,.where-input-row .where-clause-input-shell{flex:1 1 auto;min-width:0}.toast{position:fixed;bottom:24px;right:24px;background:var(--color-bg-toast);color:var(--color-text-primary);border:1px solid var(--color-bg-button-hover);padding:10px 12px;border-radius:8px;display:flex;align-items:center;gap:12px}.toast button{background:var(--color-bg-control);color:inherit;border:1px solid var(--color-border-subtle);padding:4px 8px;border-radius:4px;cursor:pointer}@media (max-width: 900px){.add-context-layout,.join-layout,.format-dialog-layout,.theme-lab-shortcuts-grid,.theme-lab-feedback-grid{grid-template-columns:1fr}}