@layer lab-base{:root{--seg-cur:#be123c;--seg-cur-soft:#fde4ea;--seg-src:#2563eb;--seg-src-soft:#e7efff}.vega-lab .cmp2{padding:14px 16px 2px}.vega-lab .ruler,.vega-lab .dpstrip{padding:0 16px}.vega-lab .gridwrap{padding:0 16px 4px}.vega-lab>p.sub{color:var(--ink-soft);text-transform:none;letter-spacing:0;margin:18px 0 8px;padding:0 16px;font-size:13px;font-weight:600}.cmp2{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.cmp2 .pane{border:1px solid var(--line-strong);background:var(--card);border-radius:13px;padding:12px}.cmp2 .pane.win{border-color:var(--good);box-shadow:0 0 0 1px var(--good) inset}.cmp2 .pane h4{font-family:var(--display);color:var(--ink);margin:0 0 4px;font-size:15px;font-weight:600}.cmp2 .pane .tot{font-family:var(--mono);color:var(--muted);margin:0 0 9px;font-size:12.5px}.cmp2 .pane .tot b{font-size:15px}.cmp2 .pane.win .tot b{color:var(--good)}.cmp2 .pane.lose .tot b{color:var(--bad)}@media (width<=620px){.cmp2{grid-template-columns:1fr}}.gallery{flex-direction:column;gap:4px;display:flex}.grow{flex-direction:column;gap:3px;display:flex}.grow-cells{gap:inherit;width:100%;display:flex}.gimg{border-radius:6px;justify-content:center;align-items:center;min-width:8px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #00000014}.gimg span{font-family:var(--mono);color:#ffffffe6;font-size:11px;font-weight:600}.gbadge{font-family:var(--mono);align-self:flex-start;font-size:10.5px;font-weight:600}.gbadge.ok{color:var(--good)}.gbadge.mid{color:#b4520a}.gbadge.bad{color:var(--bad)}.columns{align-items:flex-start;gap:8px;display:flex}.ccol{flex-direction:column;flex:1;gap:5px;display:flex}.ccards{flex-direction:column;gap:3px;display:flex}.ccard{border-radius:6px;justify-content:center;align-items:center;min-height:10px;display:flex;box-shadow:inset 0 0 0 1px #00000014}.ccard span{font-family:var(--mono);color:#ffffffeb;font-size:10.5px;font-weight:600}.csum{font-family:var(--mono);color:var(--muted);text-align:center;border-top:1px solid var(--line);padding-top:3px;font-size:11.5px;font-weight:600}.csum.ismax{color:var(--bad);border-top-color:var(--bad)}.ruler{margin:2px 0 8px;overflow-x:auto}.rulerrow{gap:3px;min-width:320px;display:flex}.rchip{opacity:.4;border-radius:5px;justify-content:center;align-items:center;min-width:10px;height:30px;transition:opacity .13s,transform .13s;display:flex;box-shadow:inset 0 0 0 1px #00000014}.rchip span{font-family:var(--mono);color:#fffffff2;font-size:10px;font-weight:600}.rchip.cand{opacity:1;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #00000014}.dpstrip{font-family:var(--mono);flex-wrap:wrap;gap:5px;display:flex}.dcell{border:1px solid var(--line-strong);background:var(--card);border-radius:9px;flex-direction:column;align-items:center;gap:1px;min-width:40px;padding:5px 8px;transition:all .13s;display:flex}.dcell .dk{color:var(--muted);font-size:9.5px;font-weight:600}.dcell .dv{color:var(--ink);font-size:15px;font-weight:600}.dcell.cur{border-color:var(--seg-cur);background:var(--seg-cur-soft)}.dcell.cur .dv{color:var(--seg-cur)}.dcell.src{border-color:var(--seg-src);background:var(--seg-src-soft)}.dcell.src .dv{color:var(--seg-src)}.gridwrap{padding-bottom:4px;overflow-x:auto}table.algrid.part{border-collapse:separate;border-spacing:0;font-family:var(--mono);border:1px solid var(--line-strong);border-radius:10px;margin:2px 0;font-size:12px;overflow:hidden}table.algrid.part th,table.algrid.part td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:center;width:38px;min-width:38px;height:34px;padding:0}table.algrid.part tr:last-child td,table.algrid.part tr:last-child th{border-bottom:none}table.algrid.part th:last-child,table.algrid.part td:last-child{border-right:none}table.algrid.part th{background:var(--accent-soft);color:var(--accent-deep);font-weight:600;font-family:var(--display)}table.algrid.part th.ch{background:var(--accent-pale)}table.algrid.part th.corner{background:var(--panel);color:var(--muted);font-size:10px;font-family:var(--mono)}table.algrid.part td.cell{background:var(--card);color:var(--ink);font-weight:600}table.algrid.part td.cell.empty{color:#0000;background:var(--panel)}table.algrid.part td.cell.cur{background:var(--seg-cur-soft);box-shadow:inset 0 0 0 2.5px var(--seg-cur)}table.algrid.part td.cell.cur .num{color:var(--seg-cur);font-weight:600}table.algrid.part td.cell.src{background:var(--seg-src-soft);box-shadow:inset 0 0 0 2px var(--seg-src)}.params{gap:9px;margin:4px 0;display:grid}.params .prow{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.params .prow label{min-width:130px;color:var(--muted);font-weight:600}.params .prow input[type=range]{accent-color:var(--accent);flex:1;min-width:120px}.params .prow .val{font-family:var(--mono);text-align:right;min-width:44px;color:var(--accent-deep);font-size:12px;font-weight:600}.presets{flex-wrap:wrap;gap:6px;display:flex}.codehead .langtabs{background:var(--card);border:1px solid var(--line);border-radius:7px;gap:2px;padding:2px;display:inline-flex}.codehead .langtab{font-family:var(--mono);cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:5px;padding:3px 8px;font-size:10.5px;font-weight:600;line-height:1;transition:background .13s,color .13s}.codehead .langtab:hover{color:var(--accent-deep)}.codehead .langtab.on{background:var(--accent);color:#fff}}