:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#17201d;--muted:#68736e;--line:#dfe5e1;--panel:#fff;--wash:#f4f7f5;--green:#087c57;--green-soft:#e8f5ef;--amber:#a85c08;--red:#b42318;--blue:#2563a9}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--wash);color:var(--ink);letter-spacing:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;height:68px;padding:0 max(24px,50vw - 620px);display:flex}.brand-mark,.success-icon{background:var(--green);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.brand-copy{flex-direction:column;margin-left:11px;display:flex}.brand-copy strong{font-size:15px}.brand-copy span{color:var(--muted);margin-top:2px;font-size:12px}.runtime-status{color:var(--muted);align-items:center;gap:7px;margin-left:auto;font-size:12px;display:flex}.runtime-status>span{background:#18a66f;border-radius:50%;width:7px;height:7px}.workspace{grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr);max-width:1240px;min-height:510px;margin:0 auto;display:grid}.editor-pane,.summary-pane{background:var(--panel);padding:34px}.summary-pane{border-left:1px solid var(--line)}.section-heading{justify-content:space-between;align-items:flex-start;display:flex}.eyebrow{color:var(--muted);text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:700}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2{margin:0;font-size:21px;line-height:1.25}h3{margin:0;font-size:14px;font-weight:650;line-height:1.45}.icon-button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.icon-button:hover{color:var(--ink);border-color:#b6c1bb}.source-row{justify-content:space-between;align-items:center;gap:14px;margin:30px 0 18px;display:flex}.source-chip{color:#34413b;cursor:pointer;align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.source-chip span{color:var(--muted)}.source-chip .source-name{color:#34413b;text-overflow:ellipsis;white-space:nowrap;max-width:210px;overflow:hidden}.source-chip input{opacity:0;width:1px;height:1px;position:absolute}.source-chip:hover .source-name{color:var(--green)}.mode-control{background:#edf1ef;border-radius:6px;padding:3px;display:flex}.mode-control button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:4px;align-items:center;gap:5px;padding:7px 10px;font-size:12px;display:flex}.mode-control button.active{color:var(--ink);background:#fff;box-shadow:0 1px 2px #00000012}.mode-control button:disabled{cursor:not-allowed;opacity:.65}.query-label{color:#4e5b55;margin-bottom:8px;font-size:12px;font-weight:650;display:block}.editor-wrap{background:#17201d;border:1px solid #26332d;border-radius:7px;grid-template-columns:42px minmax(0,1fr);min-height:190px;display:grid;overflow:hidden}.line-number{color:#77837e;text-align:right;border-right:1px solid #33413b;flex-direction:column;padding:18px 14px;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.line-number span{height:21.45px}.editor-wrap textarea{color:#d7efe4;resize:vertical;background:0 0;border:0;outline:none;width:100%;min-height:190px;padding:18px;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.editor-wrap textarea::placeholder{color:#74847d}.editor-footer{justify-content:space-between;align-items:center;gap:18px;margin-top:18px;display:flex}.guard-list{color:var(--muted);flex-wrap:wrap;gap:10px 16px;font-size:11px;display:flex}.guard-list span,.experiment-metrics span{align-items:center;gap:5px;display:flex}.guard-list svg{color:var(--green)}.run-button{background:var(--green);color:#fff;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:13px;font-weight:700;display:flex}.run-button:hover{background:#066d4c}.run-button:disabled{cursor:not-allowed;opacity:.62}.run-actions{flex:none;gap:8px;display:flex}.cancel-button{border:1px solid var(--line);color:var(--red);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:12px;font-weight:700;display:flex}.cancel-button:hover{border-color:#e8aaa5}.progress-steps{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;font-size:11px;display:flex}.progress-steps span{border:1px solid var(--line);border-radius:999px;align-items:center;min-height:26px;padding:0 10px;display:flex}.progress-steps .active{color:var(--green);border-color:#b9d8ca;animation:1.2s ease-in-out infinite pulseStep}.completion-toast{color:#255744;background:#eff7f3;border:1px solid #cae4d8;border-radius:6px;margin-top:14px;padding:11px 12px;font-size:12px;line-height:1.45}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseStep{50%{background:#eef8f3}}.summary-pane .success-icon{width:32px;height:32px}.empty-state{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;display:flex}.empty-state svg{color:#91a39a;margin-bottom:14px}.empty-state p{max-width:270px;margin:0;font-size:13px;line-height:1.6}.error-state,.caveats{color:var(--red);background:#fff1f0;border:1px solid #ffd4cf;border-radius:6px;align-items:flex-start;gap:10px;margin-top:28px;padding:13px;display:flex}.error-state p,.caveats p{margin:0;font-size:12px;line-height:1.5}.headline-metric{border-bottom:1px solid var(--line);margin-top:30px;padding-bottom:22px}.headline-metric span,.metric-grid span,.baseline-plan span{color:var(--muted);margin-bottom:7px;font-size:11px;display:block}.headline-metric strong{color:var(--green);font-size:36px;font-weight:720}.metric-grid{grid-template-columns:1fr 1fr;display:grid}.metric-grid>div{border-bottom:1px solid var(--line);padding:17px 0}.metric-grid>div:nth-child(odd){border-right:1px solid var(--line)}.metric-grid>div:nth-child(2n){padding-left:20px}.metric-grid strong{font-size:14px}.speed-bars{border-bottom:1px solid var(--line);gap:10px;padding:17px 0;display:grid}.speed-bars>div{grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:9px;display:grid}.speed-bars span{color:var(--muted);font-size:11px}.speed-bars strong{text-align:right;font-size:12px}.bar-track{background:#eef2f0;border-radius:999px;height:8px;overflow:hidden}.bar-track div{border-radius:inherit;background:#899790;height:100%}.bar-track-winner div{background:var(--green)}.baseline-plan{padding:18px 0 0}.baseline-plan code{color:var(--blue);font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.conclusion{color:#45514b;margin:18px 0 0;font-size:12px;line-height:1.55}.results-band{border-top:1px solid var(--line)}.results-inner{max-width:1240px;margin:0 auto;padding:32px 34px 44px}.results-title{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.results-title>span{color:var(--muted);font-size:12px}.experiment-list{gap:12px;display:grid}.experiment{border:1px solid var(--line);background:#fff;border-radius:7px;padding:18px;transition:border-color .18s,box-shadow .18s,transform .18s}.experiment-winner{box-shadow:inset 3px 0 var(--green);border-color:#78bea4}.experiment-head{grid-template-columns:28px minmax(0,1fr) auto;align-items:flex-start;gap:13px;display:grid}.experiment-index{color:var(--muted);background:#edf1ef;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex}.experiment-actions{align-items:center;gap:8px;display:flex}.collapse-toggle{width:28px;height:28px}.verdict{white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;font-weight:700;display:inline-flex}.verdict-improved{background:var(--green-soft);color:var(--green)}.verdict-slower,.verdict-non-equivalent,.verdict-execution-failed{color:var(--red);background:#fff1f0}.verdict-equivalent-noise,.verdict-guard-rejected{color:var(--amber);background:#fff5e9}.experiment-body{animation:.18s ease-out revealExperiment}.sql-shell{margin:14px 0;position:relative}.sql-block{color:#2d3a34;white-space:pre-wrap;background:#f5f7f6;border-radius:5px;margin:0;padding:11px 78px 11px 12px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.copy-button{border:1px solid var(--line);color:var(--muted);z-index:1;background:#fff;border-radius:5px;align-items:center;gap:5px;min-height:28px;padding:0 8px;font-size:11px;font-weight:700;display:flex;position:absolute;top:8px;right:8px}.copy-button:hover{color:var(--ink);border-color:#b6c1bb}.experiment-metrics{color:var(--muted);flex-wrap:wrap;gap:17px;font-size:11px;display:flex}.strategy-note,.local-observation,.stop-criteria{border-left:3px solid #d7e1dc;margin-top:13px;padding-left:11px}.strategy-note span,.local-observation span,.stop-criteria span,.recommendation-block span,.review-meta span{color:var(--muted);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.strategy-note p,.local-observation p{color:#4f5b55;margin:0;font-size:12px;line-height:1.5}.stop-criteria ul{color:#4f5b55;margin:0;padding-left:18px;font-size:12px;line-height:1.5}.stop-criteria li+li,.strategy-note p+p{margin-top:4px}.local-observation{border-color:#cddfed}.stop-criteria{border-color:#ead7b9}.experiment-summary{color:#4f5b55;margin:12px 0 0;font-size:12px;line-height:1.5}.plan-line{border-top:1px solid var(--line);color:var(--blue);align-items:flex-start;gap:7px;margin-top:13px;padding-top:12px;display:flex}.plan-line code{font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.no-experiments{color:var(--muted);font-size:13px}.review-panel{border:1px solid var(--line);background:#fff;border-radius:7px;grid-template-columns:minmax(0,.95fr) minmax(320px,.7fr);gap:22px;margin-top:18px;padding:24px;display:grid;overflow:hidden}.review-copy{min-width:0}.review-copy h2{max-width:19ch}.review-copy p{color:#45514b;max-width:72ch;margin:12px 0 0;font-size:13px;line-height:1.6}.recommendation-block{border-left:1px solid var(--line);min-width:0;padding-left:24px}.recommendation-block p{color:#45514b;overflow-wrap:anywhere;max-width:58ch;margin:0;font-size:12px;line-height:1.55}.review-panel .sql-shell{max-width:100%;margin-bottom:0}.review-panel .sql-block{overflow-wrap:anywhere;word-break:break-word}.review-meta{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:minmax(150px,.28fr) minmax(0,1fr);gap:18px;padding-top:17px;display:grid}.review-meta strong{font-size:13px}.review-meta p{color:#45514b;margin:0;font-size:12px;line-height:1.55}.caveats{color:#50616f;background:#f2f6f9;border-color:#d9e3eb;margin-top:16px}@keyframes revealExperiment{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:860px){.workspace{grid-template-columns:1fr}.summary-pane{border-left:0;border-top:1px solid var(--line)}.source-row,.editor-footer{flex-direction:column;align-items:stretch}.mode-control{align-self:flex-start}.run-actions,.run-button{width:100%}.cancel-button{flex:none}.review-panel,.review-meta{grid-template-columns:1fr}.recommendation-block{border-left:0;border-top:1px solid var(--line);padding:17px 0 0}}@media (max-width:560px){.topbar{padding:0 16px}.runtime-status{display:none}.editor-pane,.summary-pane,.results-inner{padding:24px 16px}.source-chip{flex-wrap:wrap;align-items:flex-start}.mode-control{width:100%}.mode-control button{flex:1;justify-content:center}.experiment-head{grid-template-columns:28px minmax(0,1fr)}.experiment-actions{grid-column:2;justify-self:start}.review-panel{padding:18px}.sql-block{padding-top:44px;padding-right:12px}.metric-grid{grid-template-columns:1fr}.metric-grid>div:nth-child(odd){border-right:0}.metric-grid>div:nth-child(2n){padding-left:0}.speed-bars>div{grid-template-columns:58px minmax(0,1fr) 56px}}