:root{--bg:#fff;--fg:#1d1d1b;--muted:#8b8b8b;--accent:#1da1dc;--card:#fafafa;--line:#e2e2e2;color:var(--fg);background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}.shell{max-width:720px;margin:0 auto;padding:48px 16px}header{align-items:baseline;gap:12px;margin-bottom:32px;display:flex}.brand{letter-spacing:.02em;font-weight:700}.tag{color:var(--muted);font-size:.9rem}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:32px}h1{color:var(--accent);margin:0 0 8px;font-size:2.2rem}.muted{color:var(--muted);margin:0}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.shell.narrow{max-width:420px}header nav{gap:16px;display:flex}header a{color:var(--muted);text-decoration:none}header a:hover,header a.active{color:var(--fg)}.spacer{flex:1}h2{margin:0 0 16px}h3{margin:24px 0 8px;font-size:1rem}.small{font-size:.85rem}.error{color:#c5221f;margin:0}.success{color:var(--accent);overflow-wrap:anywhere;margin:0 0 12px}.form{flex-direction:column;gap:12px;display:flex}label{color:var(--muted);flex-direction:column;gap:4px;font-size:.9rem;display:flex}input,select{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:8px 10px}input[type=checkbox]{width:auto}button{font:inherit;cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:6px;padding:9px 14px;font-weight:600}button:disabled{opacity:.6;cursor:default}button.link{color:var(--muted);background:0 0;padding:0;font-weight:400}button.link:hover{color:var(--fg)}table{border-collapse:collapse;width:100%;margin-bottom:8px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:8px 6px}th{color:var(--muted);font-size:.85rem;font-weight:500}.badge{color:#0f1115;background:#e6c06b;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:.75rem}.shell.wide{max-width:none;padding:0}.shell.wide>header{border-bottom:1px solid var(--line);margin:0;padding:16px 24px}.chat{grid-template-columns:260px minmax(0,1fr) 260px;align-items:stretch;min-height:calc(100vh - 58px);display:grid}@media (width<=1300px){.chat{grid-template-columns:260px minmax(0,1fr)}}.sidebar{border-right:1.5px solid var(--fg);align-self:start;height:calc(100vh - 58px);padding:24px 20px;position:sticky;top:0;overflow-y:auto}.new-question{background:var(--bg);width:100%;color:var(--fg);border:1.5px solid var(--fg);border-radius:4px}.previous{color:var(--accent);margin-top:28px;font-weight:600}.runs{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.runs li{border-radius:6px;align-items:center;display:flex;position:relative}.runs li.selected{background:#eef7fc}.run-title{text-align:left;min-width:0;color:var(--fg);background:0 0;flex:1;align-items:baseline;padding:6px 8px;font-weight:400;line-height:1.35;display:flex}.run-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.dot{vertical-align:middle;border-radius:50%;flex:none;width:7px;height:7px;margin-right:8px;display:inline-block}.dot.open{background:var(--accent)}.dot.live{background:#e6a23c}.dot.finished{background:#5cb85c}.dot.cancelled{background:#c4c4c4}.menu-button{padding:4px 8px;font-size:1.1rem}.menu{z-index:5;background:var(--bg);border:1px solid var(--line);border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 14px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 4px 16px #00000014}button.link.danger{color:#c5221f}.conversation{flex-direction:column;gap:24px;width:100%;max-width:760px;margin:0 auto;padding:24px 24px 48px;display:flex;position:relative}.conversation.start{padding-top:14vh}.logo{text-align:center;color:var(--accent);letter-spacing:.02em;font-size:3.6rem;font-weight:700;line-height:1}.tagline{text-align:center;margin:-20px 0 8px;font-weight:600}.turn{flex-direction:column;gap:12px;display:flex}.turn+.turn{border-top:1px solid var(--line);padding-top:24px}.question{color:var(--accent);margin:0;font-size:1.3rem;line-height:1.35}.progress{border-top:2px dashed #d0d0d0;border-bottom:2px dashed #d0d0d0;padding:8px 0}.progress.details{border:0;border-left:3px solid var(--line);padding:2px 0 2px 14px;font-size:.85rem}.progress-line{color:#a9a9a9;margin:2px 0}.progress-line.message{font-style:italic}.progress-line.wait{color:#c88a1e}.progress-line.pending{animation:1.2s infinite blink}@keyframes blink{50%{opacity:.3}}.detail-text{background:var(--card);color:#6b6b6b;white-space:pre-wrap;border-radius:4px;margin:2px 0 6px;padding:6px 8px;font-size:.8rem}.answer-card{background:#eaf5fb;border-radius:12px;flex-direction:column;gap:12px;padding:18px 20px;display:flex}.answer-card.question-back{background:#fdf4e3}.answer-card.no-answer{background:#f3f3f3}.answer-card p{margin:0;line-height:1.5}.answer-card h4{text-transform:uppercase;letter-spacing:.06em;color:#6b8796;margin:4px 0 0;font-size:.75rem;font-weight:600}.answer-box{font-size:1.1rem;font-weight:600;line-height:1.45}.answer-card .table-box,.answer-card .chip{background:var(--bg);border-color:#d3e6f0}.answer-background{color:#4a4a4a;flex-direction:column;gap:6px;font-size:.92rem;display:flex}.assumptions{margin:0;padding-left:20px}.assumptions li{margin:2px 0}.survey-bar{border-top:1px solid #d3e6f0;flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;padding-top:12px;font-weight:600;display:flex}.survey-bar.done{color:var(--muted);font-size:.9rem;font-weight:400}.table-box{border:1px solid var(--line);border-radius:6px;overflow-x:auto}.table-box.scroll{max-height:420px;overflow-y:auto}.table-box table{margin:0}.result .small{margin-top:4px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips.column{flex-direction:column;align-items:flex-start}.chip{background:var(--bg);color:var(--fg);border:1px solid var(--line);text-align:left;border-radius:16px;padding:5px 12px;font-weight:400}.chip:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.clarify-question{font-weight:600}.composer{flex-direction:column;gap:8px;margin-top:8px;display:flex}.conversation:not(.start) .composer{z-index:4;background:var(--bg);border-top:1px solid var(--line);margin:auto -24px -48px;padding:12px 24px 18px;position:sticky;bottom:0;box-shadow:0 -10px 18px -14px #0000002e}.input-pill{border:2px solid var(--fg);border-radius:999px;align-items:center;gap:8px;padding:6px 6px 6px 20px;display:flex}.input-pill input{background:0 0;border:0;outline:none;flex:1;padding:8px 0}.send{border:2px solid var(--fg);background:var(--accent);width:40px;height:40px;color:var(--fg);border-radius:50%;padding:0;font-size:1.2rem}.composer-options{flex-wrap:wrap;align-items:center;gap:20px;padding-left:22px;font-size:.9rem;display:flex}label.toggle{color:var(--fg);flex-direction:row;align-items:center;gap:6px}.settings-button{background:var(--bg);width:36px;height:36px;color:var(--muted);border:1px solid var(--line);border-radius:50%;padding:0;font-size:1.1rem;position:absolute;top:24px;right:24px}.settings-button:hover{color:var(--fg);border-color:var(--fg)}.settings{z-index:10;background:var(--bg);border:1.5px solid var(--fg);border-radius:6px;flex-direction:column;gap:12px;width:280px;padding:16px;display:flex;position:absolute;top:68px;right:24px;box-shadow:0 8px 24px #0000001a}.settings-head{justify-content:space-between;align-items:center;display:flex}.settings select{width:100%}.settings .later{font-style:italic}.drawer-button{background:var(--bg);width:36px;height:36px;color:var(--fg);border:1px solid var(--line);border-radius:50%;padding:0;font-size:1.1rem;display:none;position:absolute;top:16px;left:14px}@media (width<=860px){.shell{padding:16px 14px}header,.shell.wide>header{flex-wrap:wrap;gap:10px;padding:12px 14px}header .email{display:none}.chat{min-height:0;display:block}.drawer-button{display:block}.sidebar{z-index:20;background:var(--bg);border-right:1.5px solid var(--fg);width:min(300px,85vw);height:auto;padding:20px 16px;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-105%);box-shadow:4px 0 24px #0000001f}.sidebar.open{transform:none}.conversation{gap:18px;padding:16px 14px 40px}.conversation:not(.start) .composer{margin:auto -14px -40px;padding:10px 14px 14px}.conversation.start{padding-top:10vh}.logo{margin-top:8px;font-size:2.6rem}.tagline{margin-top:-14px}.question{font-size:1.15rem}.settings-button{top:16px;right:14px}.settings{width:min(300px,100vw - 28px);top:60px;right:14px}.input-pill{padding-left:16px}.composer-options{gap:12px;padding-left:8px}.table-box{-webkit-overflow-scrolling:touch}th,td{white-space:nowrap;padding:6px 4px;font-size:.85rem}}.backdrop{display:none}@media (width<=860px){.backdrop{z-index:15;background:#00000040;display:block;position:fixed;inset:0}}.lab{grid-template-columns:200px minmax(0,1fr);min-height:calc(100vh - 58px);display:grid}.lab-tabs{border-right:1.5px solid var(--fg);flex-direction:column;gap:4px;padding:24px 16px;display:flex}.lab-tabs a{color:var(--fg);border-radius:6px;padding:8px 10px;text-decoration:none}.lab-tabs a:hover{background:var(--card)}.lab-tabs a.active{color:var(--accent);background:#eef7fc;font-weight:600}.lab-content{min-width:0;padding:32px 40px 64px}.lab-page{flex-direction:column;gap:16px;width:100%;max-width:1180px;margin:0 auto;display:flex}.lab-content h2{margin:0}.lab-content h3{margin:0;font-size:1.25rem}.lab-content a{color:var(--accent)}.lab-head{flex-wrap:wrap;align-items:center;gap:12px;min-height:40px;display:flex}.lab-type{border-top:1px solid var(--line);padding-top:12px}.lab-type h3{margin:0}textarea{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);resize:vertical;border-radius:6px;padding:8px 10px}.mono,code.sql{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}code.sql{white-space:pre-wrap;color:#4a4a4a}.lab-table td{vertical-align:top}.lab-table tr.clickable{cursor:pointer}.lab-table tr.clickable:hover,.lab-table tr.open{background:var(--card)}.lab-table tr.item-row>td{background:var(--card);padding:14px}button.secondary{background:var(--bg);color:var(--fg);border:1.5px solid var(--fg)}.score,.status{color:#4a4a4a;white-space:nowrap;background:#eee;border-radius:10px;padding:1px 8px;font-size:.8rem;display:inline-block}.score.good,.status.done{color:#2d6a2d;background:#e3f4e3}.score.part,.status.paused{color:#8a6413;background:#fbf0d6}.score.bad,.status.failed,.status.error{color:#a3201c;background:#fbe3e2}.status.running,.status.queued{color:#19709b;background:#e3f1fa}.progress-cell{align-items:center;gap:8px;display:inline-flex}.bar{background:var(--line);border-radius:3px;width:80px;height:6px;display:inline-block;overflow:hidden}.bar>span{background:var(--accent);height:100%;display:block}.actions{gap:12px;display:inline-flex}.stats{flex-wrap:wrap;gap:28px;display:flex}.stats>div{flex-direction:column;display:flex}.stats strong{font-size:1.6rem}details.config summary{cursor:pointer;color:var(--muted)}.lab-table tr.item-row>td{padding:16px 20px 20px}.item-detail{flex-direction:column;gap:14px;display:flex}.item-detail h4{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);align-items:center;gap:8px;margin:0;font-size:.75rem;display:flex}.item-detail h4 .score{text-transform:none;letter-spacing:0}.compare{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 24px;display:grid}.sql-box{background:var(--bg);border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px;margin:0 0 4px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;line-height:1.5}.sql-box.note{color:var(--muted);font-family:inherit;font-size:.9rem}.compare .table-box{background:var(--bg)}.compare th,.compare td{white-space:nowrap}.said{border-left:3px solid var(--accent);flex-direction:column;gap:4px;padding:2px 0 2px 14px;display:flex}.said p{margin:0;line-height:1.5}.steps{flex-direction:column;gap:8px;display:flex}label.jump{flex-direction:row;align-items:center;gap:8px}label.jump select{padding:4px 8px}.jump-panel{border:1.5px solid var(--accent);background:var(--bg);border-radius:8px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.jump-panel p{margin:0}.step-list{border:1px solid var(--line);background:var(--bg);border-radius:8px;margin:0;padding:0;list-style:none}.step+.step{border-top:1px solid var(--line)}.step-head{width:100%;color:var(--fg);text-align:left;background:0 0;border-radius:0;align-items:baseline;gap:10px;padding:8px 12px;font-weight:400;display:flex}.step-head:hover,.step.open>.step-head{background:#f4f9fc}.step-no{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;min-width:1.5em}.step-body{flex-direction:column;gap:8px;padding:8px 14px 14px 46px;display:flex}details.section summary,details.fold summary{cursor:pointer;padding:3px 0}details.fold summary{color:var(--muted)}.section-text{background:var(--card);border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px;max-height:420px;margin:4px 0 6px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.45;overflow:auto}.section-text.plain{background:0 0;border:0;max-height:none;margin:0;padding:0}.filled{flex-direction:column;gap:8px;margin:0;display:flex}.filled dt{font-size:.85rem;font-weight:600}.filled dd{border-left:2px solid var(--line);margin:2px 0 0;padding-left:12px;font-size:.9rem}.filled ul{margin:0;padding-left:18px}ul.wisdom{flex-direction:column;gap:4px;margin:0;padding-left:18px;font-size:.9rem;display:flex}.lab-form{flex-direction:column;gap:16px;display:flex}.lab-form fieldset{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:10px;padding:12px 16px 16px;display:flex}.lab-form legend{padding:0 6px;font-weight:600}.lab-form fieldset.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:end;gap:12px 24px;display:grid}.lab-form fieldset.grid>p{grid-column:1/-1;margin:0}.lab-form fieldset.grid label.toggle.field{align-self:start}.lab-form .row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.lab-form .row>label:not(.toggle){flex:1;min-width:180px}.lab-form label.field{color:var(--fg)}.lab-form label.toggle.field{align-items:flex-start}.lab-form label.toggle.field input{margin-top:3px}.lab-form .changed{border-color:var(--accent);background:#f3f9fd}.lab-form label.toggle.changed{color:var(--accent);background:0 0}.lab-form .actions{gap:12px}.model-row label.toggle{padding-bottom:10px}.prompt-edit{border-top:1px solid var(--line);padding-top:8px}.prompt-edit .row{align-items:center}.prompt-edit .badge{margin-left:0}.prompt-columns{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.prompt-columns p{margin:0 0 4px}.prompt-text{white-space:pre-wrap;border:1px solid var(--line);background:var(--card);border-radius:6px;width:100%;height:420px;margin:0;padding:8px 10px;font-size:.78rem;overflow:auto}textarea.prompt-text{background:var(--bg)}@media (width<=860px){.lab{min-height:0;display:block}.lab-tabs{border-right:0;border-bottom:1.5px solid var(--fg);flex-flow:wrap;padding:10px 14px}.lab-content{padding:16px 14px 40px}.lab-table tr.item-row>td{padding:12px 8px}.step-body{padding-left:14px}.step-head{flex-wrap:wrap}.compare,.prompt-columns{grid-template-columns:minmax(0,1fr)}.compare .b{order:1}.lab-table td{white-space:normal}}.lab{--lab-bg:#eef2f6;--lab-head:#e3e9ef;--lab-line:#d5dde5;--code-bg:#1f2633;--code-fg:#e6edf5;--gold:#b7791f;--gold-bg:#fdf3e1;--bliibi-bg:#e2f1fa;background:var(--lab-bg)}.lab-tabs{background:var(--bg)}.lab-tabs a.active{background:var(--accent);color:#fff}.lab-tabs a:hover:not(.active){background:var(--lab-bg)}.lab .table-box,.lab-form fieldset,.stats>div,.lab .step-list,.jump-panel{background:var(--bg);border:1px solid var(--lab-line);border-radius:10px;box-shadow:0 1px 3px #14283c0f}.lab-form fieldset{padding:0 18px 18px}.lab-form legend{float:left;background:var(--lab-head);border-bottom:1px solid var(--lab-line);border-radius:10px 10px 0 0;width:calc(100% + 36px);margin:0 -18px 14px;padding:10px 18px}.lab-form fieldset.grid>legend{grid-column:1/-1}.stats{gap:14px}.stats>div{min-width:150px;padding:12px 18px}.stats strong{color:var(--accent)}.stats strong.secondary-number{color:#5c6f80}.lab .table-box th{background:var(--lab-head);color:#3d4a57;font-weight:600}.lab .table-box td{border-bottom-color:#e8edf2}.lab-table tr.clickable:hover{background:#f4f8fb}.lab-table tr.open{background:var(--bliibi-bg)}.lab-table tr.item-row>td{border-left:3px solid var(--accent);background:#f7f9fb}.lab .sql-box:not(.note){background:var(--code-bg);color:var(--code-fg);border-color:var(--code-bg)}.lab .sql-box.note{background:var(--bg);border-style:dashed}.lab code.sql{color:#24313f;background:#eef2f6;border-radius:4px;padding:4px 6px;display:block}.lab .compare .table-box{box-shadow:none}.item-detail h4.side{border-radius:6px;padding:6px 10px}.item-detail h4.gold-side{background:var(--gold-bg);color:var(--gold)}.item-detail h4.bliibi-side{background:var(--bliibi-bg);color:#19709b}.said{background:var(--bg);border-radius:0 8px 8px 0;padding:10px 14px}.lab .step-list{overflow:hidden}.step.open>.step-head{background:var(--lab-head)}.step-body{border-top:1px solid var(--lab-line);background:#fafbfc;padding-top:12px}.role{color:#3d4a57;background:#eceff3;border-radius:4px;padding:1px 8px;font-size:.85rem}.role.creator{color:#19709b;background:#e2f1fa}.role.checker{color:#6a3fa0;background:#efe6fa}.role.fixer{color:#a3561a;background:#fdeede}.role.explainer{color:#2d6a2d;background:#e3f4e3}.role.db{color:#3d4a57;background:#e6e9ed}.section-text{border-color:var(--lab-line);background:#f1f4f7}details.section{border-left:3px solid var(--lab-line);padding-left:10px}details.section[open]{border-left-color:var(--accent)}details.section summary{font-size:.9rem;font-weight:600}.jump-panel{border-color:var(--accent)}.result-panel{background:var(--bg);border:1.5px solid #9fb3c4;border-radius:8px;overflow:hidden}.result-label{color:#fff;text-transform:uppercase;letter-spacing:.06em;background:#5c6f80;margin:0;padding:5px 12px;font-size:.75rem;font-weight:600}.result-panel .table-box{box-shadow:none;border:0;border-radius:0}.result-panel .result>.small{border-top:1px solid var(--lab-line);margin:0;padding:4px 12px 6px}.lab .compare .sql-box:not(.note){margin-bottom:0}.lab-content a{text-decoration:none}.lab-content a:hover{text-decoration:underline}.lab-content a.button{background:var(--accent);color:#fff;border-radius:6px;padding:9px 14px;font-weight:600;display:inline-block}.lab-content a.button:hover{filter:brightness(.95);text-decoration:none}.set-view{flex-direction:column;gap:12px;display:flex}.set-view .table-box{box-shadow:none}.window-backdrop{z-index:50;background:#141e2d73;justify-content:center;align-items:flex-start;padding:8vh 16px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.window{background:var(--bg);border-radius:12px;width:min(640px,100%);padding:0 22px 22px;box-shadow:0 16px 48px #00000040}.window-head{background:#e3e9ef;border-bottom:1px solid #d5dde5;border-radius:12px 12px 0 0;align-items:center;margin:0 -22px 16px;padding:14px 22px;display:flex}.window-head h3{margin:0;font-size:1.1rem}.window-head .link{font-size:1.1rem}.window-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:4px;display:flex}.window .muted.small{margin:0}.typed-rows{flex-direction:column;gap:10px;max-height:50vh;display:flex;overflow-y:auto}.typed-row{align-items:flex-start;gap:10px;display:flex}.typed-row .step-no,.typed-row .link{padding-top:9px}.typed-fields{flex-direction:column;flex:1;gap:6px;display:flex}button.secondary.add{align-self:flex-start;padding:6px 12px}
