.cmp-swatch{background:var(--model-other);border-radius:3px;flex:none;width:10px;height:10px}.cmp-gpt{background:var(--model-gpt)}.cmp-opus{background:var(--model-opus)}.cmp-sonnet{background:var(--model-sonnet)}.bx{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-panel);gap:0;display:grid;overflow:hidden}@media (width>=1024px){.bx{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}.bx-mosaic{background:var(--border);grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:2px;margin:0;padding:0;list-style:none;display:grid}.bx-mosaic--1,.bx-mosaic--2{grid-template-columns:1fr}.bx-mosaic--3{grid-template-columns:repeat(2,minmax(0,1fr))}.bx-mosaic--4{grid-template-columns:repeat(3,minmax(0,1fr))}.bx-mosaic--none{min-height:240px;color:var(--muted);background:var(--surface2);place-items:center;display:grid}.bx-tile{aspect-ratio:16/10;background:#000;position:relative;overflow:hidden}.bx-tile:first-child{grid-column:1/-1}@media (width<=639px){.bx-mosaic--4,.bx-mosaic--5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.bx-mosaic{grid-template-rows:minmax(0,1fr);grid-auto-rows:auto}.bx-tile:first-child{aspect-ratio:auto;min-height:320px}.bx-tile:first-child img{object-position:12% 40%}}.bx-tile a{height:100%;display:block}.bx-tile img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .35s;display:block}.bx-tile a:hover img{transform:scale(1.04)}@media (prefers-reduced-motion:reduce){.bx-tile img{transition:none}.bx-tile a:hover img{transform:none}}.bx-tag{color:#fff;background:#000000a8;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:500;line-height:1.1;display:inline-flex;position:absolute;bottom:8px;left:8px}.bx-tile:first-child .bx-tag{padding:6px 10px;font-size:14px;bottom:12px;left:12px}.bx-body{align-content:start;gap:18px;padding:28px clamp(20px,3vw,36px) 32px;display:grid}.bx-title{margin:0}.bx-title a{color:inherit;text-decoration:none}.bx-title a:hover{text-underline-offset:6px;text-decoration:underline 2px}.bx-task{color:var(--text-2);max-width:46ch;margin:0;font-size:18px;line-height:1.5}.bx-stats{border-block:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin:0;padding:18px 0;display:grid}.bx-stats div{gap:4px;min-width:0;display:grid}.bx-stats dt{color:var(--muted);font-size:13px}.bx-stats dd{font:500 26px/1.1 var(--font-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0}.bx-stats dd small{font:400 14px/1.3 var(--font-sans);letter-spacing:0;color:var(--muted)}.bx-stats dd small.bx-by{margin-top:2px;display:block}.bx-foot{border-top:1px solid var(--border);padding:20px clamp(20px,3vw,36px) 24px}@media (width>=1024px){.bx-foot{grid-column:1/-1}}.bx-models{columns:3 260px;column-gap:40px;margin:0;padding:0;list-style:none}.bx-models li{border-bottom:1px solid var(--border);break-inside:avoid;grid-template-columns:minmax(0,1fr) 10ch 8ch;align-items:baseline;column-gap:12px;padding:8px 0;font-size:15px;display:grid}.bx-model{overflow-wrap:anywhere;min-width:0;font-weight:500}.bx-works,.bx-runs{text-align:right;white-space:nowrap;font:400 14px/1.3 var(--font-mono);font-variant-numeric:tabular-nums}.bx-works{color:var(--text-2)}.bx-works--some{color:var(--warning)}.bx-works--fail{color:var(--danger)}.bx-works--none,.bx-runs{color:var(--muted)}
