@layer lab{.imgrow{flex-wrap:wrap;align-items:flex-start;gap:18px;display:flex}.imgrow>figure{margin:0}.imgrow figcaption{font-family:var(--mono);color:var(--muted);text-align:center;margin-top:6px;font-size:11px}canvas.shot{border:1px solid var(--line-strong);box-shadow:var(--shadow);background:#fff;border-radius:12px;max-width:100%;display:block}canvas.shot.pix{image-rendering:pixelated}.thumbs{flex-wrap:wrap;gap:9px;display:flex}.thumb{border:1px solid var(--line-strong);cursor:pointer;background:#fff;border-radius:11px;padding:5px;line-height:0;transition:border-color .15s,box-shadow .15s,transform .12s}.thumb canvas{border-radius:7px;display:block}.thumb .cap{line-height:1.2;font-family:var(--mono);color:var(--muted);text-align:center;margin-top:4px;font-size:10px;display:block}.thumb:hover{border-color:var(--accent)}.thumb.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-pale);transform:translateY(-1px)}.thumb.on .cap{color:var(--accent-deep)}.thumb.up{border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:74px;min-height:69px;line-height:1.1;display:flex}.thumb.up .plus{color:var(--accent);font-size:20px;font-weight:600}.thumb.up .cap{margin-top:0}.methods{flex-wrap:wrap;gap:16px;display:flex}.method{flex:210px;min-width:200px}.method .mhead{font-family:var(--display);color:var(--accent-deep);margin-bottom:7px;font-size:14px;font-weight:600}.method .mhead .sub2{font-family:var(--body);color:var(--muted);font-size:11px;font-weight:600}.method canvas.shot{width:100%;height:auto}.palstrip{border:1px solid var(--line-strong);border-radius:8px;height:24px;margin:9px 0 7px;display:flex;overflow:hidden}.palstrip span{flex:1}.palstrip span.dom{box-shadow:inset 0 0 0 2px #fff, inset 0 0 0 4px var(--accent)}.domline{font-family:var(--mono);color:var(--ink-soft);align-items:center;gap:7px;font-size:11.5px;display:flex}.domline .dchip{border:1px solid var(--accent);border-radius:5px;flex:none;width:18px;height:18px}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{font-family:var(--mono);color:var(--muted);flex-direction:column;align-items:center;gap:4px;font-size:10.5px;display:flex}.swatch .chipc{border:1px solid var(--line-strong);border-radius:12px;width:56px;height:56px}.swatch.dom .chipc{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-pale)}.swatch .hexv{color:var(--ink);font-weight:600}.swatch .pct{color:var(--accent-deep);font-weight:600}.swatch .crown{font-size:12px}.dombig{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.dombig .big{border:3px solid var(--accent);width:92px;height:92px;box-shadow:var(--shadow);border-radius:16px}.dombig .meta{font-family:var(--mono);color:var(--ink-soft);font-size:13px;line-height:1.9}.dombig .meta b{color:var(--accent-deep)}.popbars{gap:7px;display:grid}.popbar{grid-template-columns:78px 1fr auto;align-items:center;gap:10px;display:grid}.popbar .sw{border:1px solid var(--line-strong);border-radius:6px;width:22px;height:22px}.popbar .track{background:var(--accent-soft);border:1px solid var(--line);border-radius:7px;height:18px;overflow:hidden}.popbar .fill{border-radius:6px;height:100%;transition:width .35s}.popbar .num{font-family:var(--mono);color:var(--ink-soft);text-align:right;min-width:48px;font-size:11.5px;font-weight:600}.popbar .lbl{font-family:var(--mono);color:var(--muted);font-size:11px}.vega-treebox{width:100%;overflow-x:auto}.vega-treebox svg{max-width:100%;height:auto;margin:0 auto;display:block}.bitgrid{font-family:var(--mono);gap:9px;display:grid}.bitrow{grid-template-columns:64px repeat(8,1fr);align-items:stretch;gap:5px;display:grid}.bitrow .chan{align-items:center;font-size:13px;font-weight:600;display:flex}.bitrow .chan.r{color:#e8366f}.bitrow .chan.g{color:#2f9e44}.bitrow .chan.b{color:#4263eb}.bitcell{text-align:center;border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:8px;padding:7px 0;font-size:14px;font-weight:600}.bitcell.one{color:var(--ink)}.bitcell.lvl{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep);box-shadow:0 0 0 2px var(--accent-pale)}.bitrow .chan.idx{color:var(--accent-deep)}.bitcell.idxcell{background:var(--ink);color:#fff;border-color:var(--ink)}.bithead{grid-template-columns:64px repeat(8,1fr);gap:5px;display:grid}.bithead span{text-align:center;font-family:var(--mono);color:var(--muted);font-size:10px;font-weight:600}.bithead .lvlon{color:var(--accent-deep)}.descend{flex-wrap:wrap;gap:8px;display:flex}.lvlcard{border:1px solid var(--line-strong);text-align:center;min-width:76px;font-family:var(--mono);background:#fff;border-radius:12px;flex:84px;padding:9px}.lvlcard.on{border-color:var(--accent);background:var(--accent-soft)}.lvlcard .lv{color:var(--muted);font-size:10px;font-weight:600}.lvlcard .bits3{color:var(--ink);letter-spacing:1px;margin:3px 0;font-size:12px}.lvlcard .ix{color:var(--accent-deep);font-size:18px;font-weight:600}.hashout{margin:12px 0}.hashout .hl{font-family:var(--display);color:var(--accent-deep);flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:5px;font-size:12.5px;font-weight:600;display:flex}.hashout .hl .sz{font-family:var(--mono);color:var(--muted);font-size:11px;font-weight:600}.hashout code.str{font-family:var(--mono);word-break:break-all;background:var(--panel);border:1px solid var(--line-strong);color:var(--ink);border-radius:10px;padding:9px 12px;font-size:12.5px;display:block}.avgbox{aspect-ratio:4/3;border:1px solid var(--line-strong);width:220px;max-width:100%;box-shadow:var(--shadow);border-radius:12px}.llstage{aspect-ratio:4/3;border:1px solid var(--line-strong);width:260px;max-width:100%;box-shadow:var(--shadow);border-radius:12px;position:relative;overflow:hidden}.llstage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.llstage .real{opacity:0;transition:opacity .7s}.llstage.loaded .real{opacity:1}.llstage .badge{z-index:2;font-family:var(--mono);color:#fff;background:#2b2440b3;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:600;position:absolute;top:8px;left:8px}.colorchip{font-family:var(--mono);color:var(--ink-soft);align-items:center;gap:8px;font-size:13px;display:inline-flex}.colorchip .box{border:1px solid var(--line-strong);border-radius:9px;width:34px;height:34px}.lqip{--lqip-ca:mod(round(down, calc((var(--lqip) + pow(2, 19)) / pow(2, 18))), 4);--lqip-cb:mod(round(down, calc((var(--lqip) + pow(2, 19)) / pow(2, 16))), 4);--lqip-cc:mod(round(down, calc((var(--lqip) + pow(2, 19)) / pow(2, 14))), 4);--lqip-cd:mod(round(down, calc((var(--lqip) + pow(2, 19)) / pow(2, 12))), 4);--lqip-ce:mod(round(down, calc((var(--lqip) + pow(2, 19)) / pow(2, 10))), 4);--lqip-cf:mod(round(down, calc((var(--lqip) + pow(2, 19)) / pow(2, 8))), 4);--lqip-ll:mod(round(down, calc((var(--lqip) + pow(2, 19)) / pow(2, 6))), 4);--lqip-aaa:mod(round(down, calc((var(--lqip) + pow(2, 19)) / pow(2, 3))), 8);--lqip-bbb:mod(calc(var(--lqip) + pow(2, 19)), 8);--lqip-ca-clr:hsl(0 0% calc(var(--lqip-ca) / 3 * 60% + 20%));--lqip-cb-clr:hsl(0 0% calc(var(--lqip-cb) / 3 * 60% + 20%));--lqip-cc-clr:hsl(0 0% calc(var(--lqip-cc) / 3 * 60% + 20%));--lqip-cd-clr:hsl(0 0% calc(var(--lqip-cd) / 3 * 60% + 20%));--lqip-ce-clr:hsl(0 0% calc(var(--lqip-ce) / 3 * 60% + 20%));--lqip-cf-clr:hsl(0 0% calc(var(--lqip-cf) / 3 * 60% + 20%));--lqip-base-clr:oklab(calc(var(--lqip-ll) / 3 * .6 + .2) calc(var(--lqip-aaa) / 8 * .7 - .35) calc((var(--lqip-bbb) + 1) / 8 * .7 - .35));background-image:radial-gradient(50% 75% at 16.67% 25%, var(--lqip-ca-clr), transparent), radial-gradient(50% 75% at 50% 25%, var(--lqip-cb-clr), transparent), radial-gradient(50% 75% at 83.33% 25%, var(--lqip-cc-clr), transparent), radial-gradient(50% 75% at 16.67% 75%, var(--lqip-cd-clr), transparent), radial-gradient(50% 75% at 50% 75%, var(--lqip-ce-clr), transparent), radial-gradient(50% 75% at 83.33% 75%, var(--lqip-cf-clr), transparent), linear-gradient(0deg, var(--lqip-base-clr), var(--lqip-base-clr));background-repeat:no-repeat;background-size:cover}}