@layer lab-base{.vega-verdict.scroll{max-height:180px;overflow-y:auto}.pills{flex-wrap:wrap;align-items:center;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}.pill:disabled{opacity:.45;cursor:not-allowed}.stage{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--panel);border:1px solid var(--line);width:100%;max-width:320px;position:relative;overflow:hidden}.stage>img,.stage>video,.stage>canvas{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.stage.pressable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:pointer}.stage .badge{z-index:2;font-family:var(--mono);color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1410208c;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:10.5px;font-weight:500;transition:opacity .18s;display:flex;position:absolute;inset-block-start:8px;inset-inline-start:8px}.stage .badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.stage .badge.live:before{background:#ffd43b}.stage .no-poster{font-family:var(--mono);color:#ffffff9e;background:repeating-linear-gradient(45deg,#2b2b33 0 8px,#23232b 8px 16px);justify-content:center;align-items:center;font-size:11.5px;display:flex;position:absolute;inset:0}.stage-row{flex-wrap:wrap;gap:14px;display:flex}.stage-row.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-items:start;display:grid}.stage-row>figure{flex:200px;min-width:180px;margin:0}.stage-row.grid>figure{min-width:0}.stage-row>figure>figcaption{font-family:var(--mono);color:var(--ink-soft);margin-block-start:6px;font-size:11px}.bytes{border:1px solid var(--line);width:100%;height:30px;font-family:var(--mono);border-radius:6px;font-size:10.5px;display:flex;overflow:hidden}.bytes>span{color:#fff;white-space:nowrap;letter-spacing:.4px;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.bytes-legend{font-family:var(--mono);color:var(--ink-soft);flex-wrap:wrap;gap:6px 16px;margin-block-start:8px;font-size:11px;display:flex}.bytes-legend>span{align-items:center;gap:6px;display:inline-flex}.bytes-legend i{border-radius:2px;flex:none;width:10px;height:10px}.bytes .seg-jpeg{background:#7048e8}.bytes .seg-xmp{background:#f08c00}.bytes .seg-pad{background:#adb5bd}.bytes .seg-mp4{background:#0ca678}.tbl{border-collapse:collapse;width:100%;margin:14px 0;font-size:13px}.vega-lab .vega-stage>:first-child{margin-block-start:0}.vega-lab .vega-stage>:last-child{margin-block-end:0}.tbl th,.tbl td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 12px}.tbl th{font-family:var(--display);color:var(--ink);background:var(--panel);font-weight:600}.tbl td{color:var(--ink-soft)}.tbl code{font-size:.82em}.tbl .yes{color:var(--good);font-weight:600}.tbl .no{color:var(--bad);font-weight:600}.src{background:var(--ink);color:#d9d2e6;border-radius:14px;margin:14px 0;padding:16px 18px;overflow-x:auto}.src code{font-family:var(--mono);color:inherit;white-space:pre;background:0 0;border:none;padding:0;font-size:12.5px;line-height:1.7}.src .k{color:var(--hi)}.src .s{color:#8ce0b0}.src .c{color:#5f6368}}