:root{--font-mono:"SF Mono", "Fira Code", "JetBrains Mono", "Cascadia Code", monospace}[data-theme=dark]{--bg:#1a1b26;--surface:#1f2335;--surface-hover:#ffffff0a;--text:#a9b1d6;--text-strong:#c0caf5;--accent:#7aa2f7;--accent-dim:#7aa2f71f;--accent-hover:#89b4fa;--accent-text:#1a1b26;--green:#9ece6a;--green-dim:#9ece6a1f;--vista:#bb9af7;--orange:#ff9e64;--teal:#73daca;--error:#f7768e;--muted:#565f89;--border:#292e42;--border-light:#3b4261;--cm-bg:#1a1b26;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#d5d6db;--surface:#e1e2e7;--surface-hover:#0000000a;--text:#3760bf;--text-strong:#343b58;--accent:#2e7de9;--accent-dim:#2e7de91a;--accent-hover:#1d4ed0;--accent-text:#fff;--green:#587539;--green-dim:#5875391f;--vista:#7847bd;--orange:#b15c00;--teal:#118c74;--error:#c64343;--muted:#848cb5;--border:#c4c8da;--border-light:#b6bfe2;--cm-bg:#e1e2e7;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);flex-direction:column;font-family:Onest,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .25s,color .25s;display:flex}#root{flex-direction:column;height:100%;display:flex;overflow:hidden}header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:12px;padding:14px 24px;transition:background .25s;display:flex}header h1{letter-spacing:-.3px;color:var(--text-strong);font-size:20px;font-weight:700}header h1 span{color:var(--green);font-family:Poppins,sans-serif;font-weight:600}.header-links{align-items:center;gap:6px;margin-left:auto;display:flex}.header-links a{color:var(--muted);border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.header-links a:hover{color:var(--text-strong);background:var(--surface-hover)}.header-links .sep{background:var(--border-light);width:1px;height:16px;margin:0 2px}.theme-toggle{border:1px solid var(--border-light);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:5px 8px;line-height:1;transition:all .15s;display:flex}.theme-toggle:hover{color:var(--text-strong);border-color:var(--muted);background:var(--surface-hover)}.status{color:var(--muted);align-items:center;gap:6px;padding-left:8px;font-size:12px;display:flex}.status .dot{background:var(--muted);border-radius:50%;width:7px;height:7px;transition:background .3s}.status.ready .dot{background:var(--green)}.status.ready{color:var(--green)}.progress-bar{background:var(--accent);z-index:999;width:0%;height:2px;transition:width .2s;position:fixed;top:0;left:0}.mode-tabs{gap:0;margin-left:4px;display:flex}.mode-tab{border:1px solid var(--border-light);color:var(--muted);cursor:pointer;background:0 0;border-radius:0;padding:6px 16px;font-family:Onest,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.mode-tab:first-child{border-radius:6px 0 0 6px}.mode-tab:last-child{border-left:none;border-radius:0 6px 6px 0}.mode-tab.active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.mode-tab:hover:not(.active){color:var(--text);border-color:var(--muted);background:var(--surface-hover)}button{cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-family:Onest,inherit;font-size:13px;font-weight:600;transition:all .15s}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{color:var(--muted);border:1px solid var(--border-light);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--muted)}.btn-ghost.active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}kbd{letter-spacing:1px;border-radius:4px;margin-left:8px;padding:3px 7px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px}.btn-primary kbd{color:var(--accent-text);background:#fff3}.timing{font-size:12px;font-family:var(--font-mono);color:var(--accent)}.btn-generate{padding:8px 18px;font-size:12px}.app{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;transition:background .25s;display:flex}.toolbar-label{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-size:11px;font-weight:600}.toolbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.toolbar .sep{background:var(--border-light);width:1px;height:20px}.gen-group{gap:0;display:flex}.gen-group button{border:1px solid var(--border-light);border-left:none;border-radius:0;padding:6px 14px;font-size:12px}.gen-group button:first-child{border-left:1px solid var(--border-light);border-radius:6px 0 0 6px}.gen-group button:last-child{border-radius:0 6px 6px 0}.query-bar{background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:7px 16px;display:flex;overflow:hidden}.query-bar-label{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:600}.query-pills{scrollbar-width:none;gap:6px;padding:2px 0;display:flex;overflow-x:auto}.query-pills::-webkit-scrollbar{display:none}.query-pill{border:1px solid var(--border-light);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:14px;padding:4px 14px;font-family:Onest,sans-serif;font-size:12px;font-weight:500;transition:all .15s}.query-pill:hover{color:var(--text);border-color:var(--muted);background:var(--surface-hover)}.query-pill.active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.panels{flex:1;grid-template-columns:3fr 2fr;min-height:0;display:grid;position:relative;overflow:hidden}.panel-divider{cursor:col-resize;z-index:10;background:0 0;width:5px;transition:background .15s;position:absolute;top:0;bottom:0}.panel-divider:hover,.panel-divider.dragging{background:var(--accent)}.panel-header{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 16px;font-size:11px;font-weight:600;display:flex}.editor-panel{border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex;overflow:hidden}.sql-editor{background:var(--cm-bg);flex:1;overflow:hidden}.sql-editor .cm-editor{background:0 0;height:100%}.sql-editor .cm-editor.cm-focused{outline:none}.sql-editor .cm-scroller{font-family:var(--font-mono);font-size:13px;overflow:auto!important}.sql-editor .cm-gutters{background:var(--cm-bg);color:var(--muted);border-right:1px solid var(--border)}.sql-editor .cm-activeLineGutter{background:0 0}.sql-editor .cm-activeLine{background:var(--surface-hover)!important}.right-panel{flex-direction:column;min-height:0;display:flex;overflow:hidden}.tab-bar{background:var(--surface);border-bottom:1px solid var(--border);gap:0;padding:0 8px;display:flex}.tab{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:10px 16px;font-family:Onest,sans-serif;font-size:11px;font-weight:600;transition:all .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-content{flex-direction:column;flex:1;min-height:0;display:none;overflow:hidden}.tab-content.active{display:flex}.schema-content{flex:1;padding:16px;font-size:13px;overflow:auto}.schema-content h3{color:var(--accent);font-size:13px;font-weight:600;font-family:var(--font-mono);margin:12px 0 6px}.schema-content h3:first-child{margin-top:0}.schema-table{border-collapse:collapse;width:100%;margin-bottom:4px}.schema-table td{font-family:var(--font-mono);border-bottom:1px solid var(--border);padding:2px 8px;font-size:12px}.schema-table td:first-child{color:var(--text-strong);font-weight:500}.schema-table td:last-child{color:var(--muted)}.schema-content .row-count{color:var(--muted);font-size:11px}.schema-content pre{font-family:var(--font-mono);color:var(--text);background:var(--surface-hover);white-space:pre;border-radius:6px;padding:8px 12px;font-size:12px;overflow-x:auto}.schema-content .muted{color:var(--muted);font-style:italic}.getting-started{padding:24px 4px}.getting-started h3{color:var(--text-strong);margin-bottom:16px;font-family:Onest,sans-serif;font-size:14px;font-weight:700}.getting-started ol{color:var(--muted);padding-left:20px;font-size:13px;line-height:1.8}.getting-started li{margin-bottom:4px}.getting-started strong{color:var(--text-strong);font-weight:600}.results-body{flex:1;min-height:0;overflow:auto}.results-table-wrap{flex:1;overflow:auto}.results-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:13px}.results-table thead{z-index:1;position:sticky;top:0}.results-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);background:var(--surface);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:600}.results-table td{border-bottom:1px solid var(--border);color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:400px;padding:6px 12px;overflow:hidden}.results-table tbody tr{cursor:pointer}.results-table tbody tr:hover{background:var(--surface-hover)}.results-table tbody tr.focused,.results-table tbody tr.focused:hover{background:var(--accent-dim)}.row-detail{background:var(--surface);border-top:1px solid var(--border);min-height:80px;max-height:50vh;padding:12px 16px;overflow:auto}.row-detail-header{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.row-detail-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 4px;font-size:16px;line-height:1}.row-detail-close:hover{color:var(--text-strong);background:var(--surface-hover)}.row-detail pre{font-family:var(--font-mono);color:var(--text);background:var(--bg);white-space:pre-wrap;word-break:break-all;border-radius:6px;padding:10px 14px;font-size:12px;overflow-x:auto}.results-table .null-val{color:var(--muted);font-style:italic}.results-table .json-val{color:var(--vista)}.results-table .num-val{color:var(--orange)}.results-footer{color:var(--muted);background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;padding:8px 16px;font-size:12px;display:flex}.results-message{text-align:center;color:var(--muted);padding:24px;font-size:13px}.results-message.error{color:var(--error);text-align:left;font-family:var(--font-mono);white-space:pre-wrap;padding:16px}.bench-banner{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:16px;padding:14px 20px;display:flex}.bench-title{color:var(--text-strong);font-size:13px;font-weight:600}.bench-title span{color:var(--muted);font-weight:400}.bench-bar-track{background:var(--border);border-radius:6px;flex:1;max-width:320px;height:28px;position:relative;overflow:hidden}.bench-bar{background:var(--green);height:100%;color:var(--bg);border-radius:6px;justify-content:flex-end;align-items:center;min-width:60px;padding-right:10px;font-size:12px;font-weight:700;transition:width .5s;display:flex}.bench-tag{color:var(--green);background:var(--green-dim);white-space:nowrap;border-radius:10px;padding:3px 10px;font-size:11px;font-weight:600}.spinner{border:2px solid var(--border-light);border-top-color:var(--accent);vertical-align:middle;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.gnata-mode-wrapper{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.gnata-mode-wrapper .cm-editor{height:100%}.gnata-mode-wrapper .cm-scroller{overflow:auto!important}.expression-bar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:stretch;display:flex}.expression-bar-label{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);border-right:1px solid var(--border);align-items:center;min-width:120px;padding:10px 16px;font-size:11px;font-weight:600;display:flex}.gnata-panels{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid;overflow:hidden}.gnata-panel{flex-direction:column;display:flex;overflow:hidden}.gnata-panel+.gnata-panel{border-left:1px solid var(--border)}@media (width<=768px){.panels{grid-template-columns:1fr}.editor-panel{border-right:none;border-bottom:1px solid var(--border);min-height:200px}.toolbar{gap:6px}}::-webkit-scrollbar{display:none}*{scrollbar-width:none}