@layer lab-base{:root{--c-border:#ae3ec9;--c-margin:#f08c00;--c-baseline:#188038;--c-linebox:#4263eb;--c-content:#d6336c}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{font-family:var(--mono);border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:999px;padding:5px 12px;font-size:11.5px;transition:all .12s}.pill:hover{border-color:var(--accent-line);color:var(--accent)}.pill.on{background:var(--accent);border-color:var(--accent-press);color:#fff}.vega-lab .vega-stage.ifc{background-color:var(--panel);background-image:repeating-linear-gradient(#0000 0 23px,#2b24400d 23px 24px);background-size:auto;padding:40px 26px;display:block}.ibc{border:2px dashed var(--line-strong);font-family:var(--body);background:#fff;border-radius:12px;padding:0 6px;font-size:16px;line-height:1.8;display:block;position:relative}.ibc.tight{line-height:1}.ibc:before{content:attr(data-anchor);color:var(--c-content);font-weight:600}.ib{vertical-align:baseline;border:1px solid var(--c-border);background:var(--accent-soft);width:56px;color:var(--accent-deep);font-family:var(--mono);text-align:center;vertical-align:baseline;border-radius:8px;font-size:11px;font-weight:600;line-height:1.25;display:inline-block}.ib.tall{background:var(--accent-pale)}.ib.mid{border-color:var(--c-margin);color:#9a5a00;background:#fff6ec}.vega-lab .vega-stage .overlay{z-index:2;pointer-events:none;position:absolute;inset:0}.ovl{pointer-events:none;position:absolute;left:0;right:0}.ovl-line{border-top:2px dashed var(--c-baseline);height:0}.ovl-line .tag-px{font-family:var(--mono);color:var(--c-baseline);background:var(--paper);border-radius:4px;padding:0 4px;font-size:10px;font-weight:600;position:absolute;top:-9px;right:6px}.ovl-line.linebox{border-top-style:solid;border-top-color:var(--c-linebox)}.ovl-line.linebox .tag-px{color:var(--c-linebox)}.ovl-line.content{border-top-color:var(--c-content)}.ovl-line.content .tag-px{color:var(--c-content)}.ovl-margin{pointer-events:none;border:2px dotted var(--c-margin);border-radius:6px;position:absolute}.ovl-margin .tag-px{font-family:var(--mono);color:var(--c-margin);background:var(--paper);border-radius:3px;padding:0 3px;font-size:9.5px;font-weight:600;position:absolute;top:-8px;left:4px}.yes{color:var(--good);font-weight:600}.no{color:var(--bad);font-weight:600}.partial{color:var(--warn);font-weight:600}}