.qbe-lab{--qbe-mono:var(--font-geist-mono), ui-monospace, monospace;flex-direction:column;gap:1.1rem;display:flex}.qbe-lab-head{border:1px solid var(--line);background:radial-gradient(circle at 92% 12%, rgba(var(--accent-rgb), .12), transparent 34%), var(--surface);border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(2rem,6vw,6rem);padding:clamp(1.5rem,4vw,3rem);display:grid}.qbe-kicker{color:var(--accent);font:.68rem var(--qbe-mono);letter-spacing:.14em;text-transform:uppercase}.qbe-lab-head h2{letter-spacing:-.045em;max-width:17ch;margin:.8rem 0 1rem;font-size:clamp(2rem,4vw,4rem);font-weight:500;line-height:.98}.qbe-lab-head p{max-width:64ch;color:var(--muted);margin:0;line-height:1.65}.qbe-flow{color:var(--dim);font:.68rem var(--qbe-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.7rem;display:flex}.qbe-flow i{color:var(--accent);font-style:normal}.qbe-controls{border:1px solid var(--line);z-index:12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#11130fe6;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;padding:.8rem;display:grid;position:sticky;top:4.8rem}.qbe-controls label{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;min-width:0;padding-left:.65rem;display:grid}.qbe-controls label>span{color:var(--dim);font:.65rem var(--qbe-mono);letter-spacing:.1em;text-transform:uppercase}.qbe-controls select{width:100%;min-height:44px;color:var(--ink);border:1px solid var(--line);font:.82rem var(--qbe-mono);background:#0b0d0a;border-radius:9px;padding:0 2.5rem 0 .85rem}.qbe-controls button{min-height:46px;color:var(--canvas);background:var(--accent);font:700 .78rem var(--font-geist-sans), sans-serif;cursor:pointer;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:2rem;padding:0 1rem 0 1.2rem;transition:transform .18s,box-shadow .18s;display:inline-flex}:is(.qbe-controls button:hover:not(:disabled),.qbe-controls button:focus-visible:not(:disabled)){box-shadow:0 10px 30px rgba(var(--accent-rgb), .16);transform:translateY(-2px)}.qbe-controls button:disabled{cursor:wait;opacity:.68}.qbe-example-grid{grid-template-columns:1fr 1fr;gap:1.1rem;display:grid}.qbe-example-grid>section,.qbe-results{border:1px solid var(--line);background:#11130fb8;border-radius:14px;min-width:0;padding:clamp(1rem,2.5vw,1.6rem)}.qbe-panel-title{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.qbe-panel-title>span{color:var(--accent);font:.62rem var(--qbe-mono)}.qbe-panel-title h3{margin:0;font-size:1rem;font-weight:600}.qbe-table-wrap+.qbe-table-wrap{margin-top:1rem}.qbe-table-label{color:var(--dim);font:.64rem var(--qbe-mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;gap:1rem;margin:0 0 .5rem;display:flex}.qbe-table-scroll{border:1px solid #f4f1e81a;border-radius:9px;max-height:23rem;overflow:auto}.qbe-table-scroll table{border-collapse:collapse;width:100%;font:.7rem var(--qbe-mono);white-space:nowrap}.qbe-table-scroll th,.qbe-table-scroll td{text-align:left;border-bottom:1px solid #f4f1e813;border-right:1px solid #f4f1e813;padding:.65rem .75rem}.qbe-table-scroll th:last-child,.qbe-table-scroll td:last-child{border-right:0}.qbe-table-scroll tr:last-child td{border-bottom:0}.qbe-table-scroll th{z-index:1;color:var(--ink);background:#151811;font-weight:600;position:sticky;top:0}.qbe-table-scroll th small{color:var(--dim);margin-top:.2rem;font-size:.55rem;font-weight:400;display:block}.qbe-table-scroll td{color:var(--muted)}.qbe-searching,.qbe-message{border:1px dashed rgba(var(--accent-rgb), .28);min-height:7rem;color:var(--muted);border-radius:10px;align-items:center;gap:1rem;padding:1.25rem;display:flex}.qbe-searching>div,.qbe-message{flex-direction:column;justify-content:center;align-items:flex-start}.qbe-searching strong,.qbe-message strong{color:var(--ink);font-size:.9rem}.qbe-searching span,.qbe-message span{font:.72rem/1.5 var(--qbe-mono)}.qbe-search-pulse{background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 0 rgba(var(--accent-rgb), .5);border-radius:50%;flex:none;animation:1.2s infinite qbe-pulse}@keyframes qbe-pulse{70%{box-shadow:0 0 0 12px rgba(var(--accent-rgb), 0)}to{box-shadow:0 0 0 0 rgba(var(--accent-rgb), 0)}}.qbe-message.is-error{border-color:#ff787859}.qbe-message.is-error strong{color:#ffb4b4}.qbe-stats{border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(4,1fr);margin-bottom:1rem;display:grid;overflow:hidden}.qbe-stats>div{border-right:1px solid var(--line);padding:1rem}.qbe-stats>div:last-child{border-right:0}.qbe-stats strong,.qbe-stats span{display:block}.qbe-stats strong{color:var(--accent);font:1.15rem var(--qbe-mono)}.qbe-stats span{color:var(--dim);font:.58rem var(--qbe-mono);letter-spacing:.06em;text-transform:uppercase;margin-top:.35rem}.qbe-candidates{border-top:1px solid var(--line);flex-direction:column;display:flex}.qbe-candidate{border-bottom:1px solid var(--line);grid-template-columns:4rem minmax(0,1fr) auto;gap:1.25rem;padding:1.25rem 0;display:grid}.qbe-rank span,.qbe-rank strong,.qbe-candidate-code>span{font-family:var(--qbe-mono);display:block}.qbe-rank span,.qbe-candidate-code>span{color:var(--dim);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem}.qbe-rank strong{color:var(--accent);margin-top:.35rem;font-size:1.1rem}.qbe-candidate-code pre{max-width:100%;color:var(--ink);font:.72rem/1.55 var(--qbe-mono);white-space:pre-wrap;margin:.6rem 0 0;overflow:auto}.qbe-candidate-meta{color:var(--dim);font:.6rem var(--qbe-mono);text-transform:uppercase;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}@media (max-width:900px){.qbe-lab-head,.qbe-example-grid{grid-template-columns:1fr}.qbe-flow{justify-content:flex-start}.qbe-controls{grid-template-columns:1fr;position:static}.qbe-controls label{grid-template-columns:1fr;gap:.5rem;padding:0}}@media (max-width:620px){.qbe-flow{display:none}.qbe-stats{grid-template-columns:1fr 1fr}.qbe-stats>div:nth-child(2){border-right:0}.qbe-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.qbe-candidate{grid-template-columns:3rem minmax(0,1fr)}.qbe-candidate-meta{flex-flow:wrap;grid-column:2;justify-content:flex-start;align-items:center}}@media (prefers-reduced-motion:reduce){.qbe-search-pulse{animation:none}}