.lab{--lab-surface: var(--color-surface);--lab-border: color-mix(in srgb, var(--color-muted) 35%, transparent);--lab-control-max: min(22rem, 100%);background:var(--lab-surface);border:1px solid var(--lab-border);border-radius:var(--radius-md);padding:var(--space-4);font-family:var(--font-sans);width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:clip}@media(max-width:39.99rem){.lab{padding:var(--space-3)}.lab__grid{grid-template-columns:minmax(0,1fr)}}.lab__intro{margin:0 0 var(--space-4);color:var(--color-muted);font-size:.95rem;line-height:1.5}.lab__intro strong{color:var(--color-text)}.lab__tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.lab__tab{min-height:44px;padding:.5rem 1rem;border:1px solid var(--lab-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text);cursor:pointer;font:inherit}.lab__tab:hover{border-color:var(--color-accent)}.lab__tab[aria-selected=true]{background:color-mix(in srgb,var(--color-accent) 18%,transparent);border-color:var(--color-accent);color:var(--color-accent-hover)}.lab__tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.lab__grid{display:grid;gap:var(--space-4)}@media(min-width:52rem){.lab__grid{grid-template-columns:minmax(0,1fr) minmax(14rem,18rem)}}.lab__grid>*{min-width:0}.lab__controls{display:flex;flex-direction:column;gap:var(--space-4)}.lab__controls-panel{display:flex;flex-direction:column;gap:var(--space-4);max-width:var(--lab-control-max)}.lab__controls[hidden]{display:none}.lab__control{display:flex;flex-direction:column;gap:.35rem;max-width:var(--lab-control-max)}.lab__control-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2);font-size:.875rem;color:var(--color-text)}.lab__control-head label{font-weight:500}.lab__control .lab__hint{color:var(--color-muted);font-size:.8rem}.lab__control input[type=range]{width:100%;max-width:var(--lab-control-max);min-height:44px;accent-color:var(--color-accent);cursor:pointer}.lab__control input[type=range]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.lab__value{font-family:var(--font-mono);font-size:.85rem;color:var(--color-accent-hover)}.lab__metrics{display:flex;flex-direction:column;gap:var(--space-2)}.lab__metric{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg) 55%,var(--lab-surface));font-size:.875rem}.lab__metric dt{margin:0;color:var(--color-muted);font-weight:400}.lab__metric dd{margin:.15rem 0 0;font-family:var(--font-mono);font-size:1rem;color:var(--color-text)}.lab__metric--warn dd{color:#ffb86b}.lab__metric--aha{border:1px solid #ffb86b;background:color-mix(in srgb,#ffb86b 12%,var(--lab-surface))}.lab__metric--aha dd{color:#ffe0b2}.lab__status{margin:0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:.9rem;line-height:1.45}.lab__status[role=status]{background:color-mix(in srgb,var(--color-bg) 40%,transparent)}.lab__viz-wrap{overflow-x:auto;padding-bottom:var(--space-2)}.lab__canvas{display:block;max-width:100%;height:auto;border-radius:4px;background:color-mix(in srgb,var(--color-bg) 70%,transparent)}.lab__legend{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-2);font-size:.8rem;color:var(--color-muted)}.lab__swatch{display:inline-flex;align-items:center;gap:.35rem}.lab__swatch i{display:inline-block;width:.75rem;height:.75rem;border-radius:2px}.lab__btn{min-height:44px;min-width:44px;padding:.5rem 1rem;border:1px solid var(--color-accent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent) 22%,transparent);color:var(--color-text);cursor:pointer;font:inherit}.lab__btn:hover{background:color-mix(in srgb,var(--color-accent) 35%,transparent)}.lab__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.lab__btn--ghost{border-color:var(--lab-border);background:transparent}.lab__row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:stretch}.lab__compare{margin-top:var(--space-4);display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr;font-size:.85rem}.lab__compare div{padding:var(--space-2);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg) 50%,transparent)}.lab__compare strong{display:block;margin-bottom:.25rem;color:var(--color-muted);font-weight:600}.lab__compare--panel{gap:var(--space-3)}.lab__presets{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:stretch}.lab__predict{margin-top:var(--space-4)}.lab__predict-prompt{margin:0 0 var(--space-2);font-size:.9rem}.lab__predict-result{padding:var(--space-2);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg) 50%,transparent);font-size:.85rem}.lab__predict-options{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.lab__predict-opt-btn{min-height:38px;padding:.4rem 1rem;border:1px solid var(--lab-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 40%,transparent);color:var(--color-text);cursor:pointer;font:inherit;font-size:.85rem;transition:border-color .15s ease,background .15s ease}.lab__predict-opt-btn:hover{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.lab__predict-opt-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.lab__predict-feedback{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:.9rem;border-left:4px solid transparent}.lab__predict-feedback--correct{background:color-mix(in srgb,var(--color-accent) 15%,transparent);border-left-color:var(--color-accent);color:var(--color-text)}.lab__predict-feedback--incorrect{background:color-mix(in srgb,#ffb86b 12%,transparent);border-left-color:#ffb86b;color:#ffe0b2}.lab__media-controls{display:flex;gap:var(--space-2);margin-top:calc(-1 * var(--space-1));margin-bottom:var(--space-2)}.lab__media-controls button{font-size:.85rem;padding:.35rem .75rem}@media(prefers-reduced-motion:reduce){.lab__canvas{transition:none}}.bloom-lab__controls--keys{margin-top:var(--space-2)}.bloom-lab__probe{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--lab-border)}.bloom-lab__probe h3{margin:0 0 var(--space-2);font-size:1rem}.bloom-lab__probe-row input[type=text]{flex:1 1 12rem;min-height:44px;padding:.5rem .75rem;border:1px solid var(--lab-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font:inherit}.bloom-lab__probe-row input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.bloom-lab__chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.bloom-lab__chip{min-height:36px;padding:.25rem .65rem;border-radius:999px;border:1px solid var(--lab-border);background:transparent;color:var(--color-muted);font-size:.8rem;cursor:pointer}.bloom-lab__chip:hover,.bloom-lab__chip[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent-hover)}.bloom-lab__chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}.lab__swatch--set i{background:var(--color-accent)}.lab__swatch--probe i{background:#ffb86b;box-shadow:0 0 0 2px #fff3}.lab__swatch--empty i{background:#2a3544}