.wb-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.wb-toolbar .seg button{white-space:nowrap;padding:7px 14px;font-size:13px}.wb-status{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.wb-pill{font-size:12px;font-weight:500;font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;border-radius:999px;align-items:center;padding:3px 9px;display:inline-flex}.wb-pill--ok{color:#1f8f4e;background:#1f8f4e24;background:lab(52.3511% -43.1521 25.486/.14)}.wb-pill--run,.wb-pill--err{background:color-mix(in oklab, var(--accent) 14%, transparent);color:var(--accent)}.wb-notice{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--ink-mute);align-items:flex-start;gap:10px;padding:10px 14px;font-size:13px;line-height:1.5;display:flex}.wb-notice svg{width:16px;height:16px;color:var(--accent);flex:none;margin-top:2px}.wb-compare{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:640px){.wb-compare{grid-template-columns:1fr}}.wb-pane{flex-direction:column;gap:8px;margin:0;display:flex}.wb-pane figcaption{font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);justify-content:space-between;align-items:center;font-size:11px;display:flex}.wb-frame{aspect-ratio:4/3;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);place-items:center;display:grid;position:relative;overflow:hidden}.wb-frame--white{background:#fff}.wb-frame img{object-fit:contain;max-width:100%;max-height:100%;display:block}.wb-checks{color:var(--ink-mute);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.wb-checks b{color:var(--ink);font-weight:500}.wb-error{color:var(--accent);text-align:center;padding:12px;font-size:13px}.wb-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.wb-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);flex-direction:column;gap:6px;padding:8px;display:flex}.wb-card .wb-frame{aspect-ratio:1;border-radius:8px}.wb-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.wb-card-meta{color:var(--ink-mute);justify-content:space-between;align-items:center;gap:6px;min-height:26px;font-size:12px;display:flex}.wb-card-meta .wb-err{color:var(--accent)}.wb-tick{color:#fff;background:#1f8f4e;border-radius:999px;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:8px;right:8px}.wb-tick svg{width:12px;height:12px}.wb-spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite wb-spin}@keyframes wb-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.wb-spinner{animation:none}}.wb-queued{color:var(--ink-mute);font-size:12px}