.tbg-live[data-astro-cid-xylkkgt2]{border-radius:var(--radius-lg);border:1px solid var(--line-strong);background:radial-gradient(60% 80% at 50% 0%, var(--primary-soft), transparent 70%), var(--surface);gap:14px;padding:clamp(14px,2vw,22px);display:grid}header[data-astro-cid-xylkkgt2]{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:10px 20px;display:flex}h2[data-astro-cid-xylkkgt2]{overflow-wrap:anywhere;margin:4px 0 0;font-size:clamp(1.05rem,.9rem + .6vw,1.35rem)}.tbg-views[data-astro-cid-xylkkgt2]{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--bg-soft);gap:4px;padding:4px;display:inline-flex}.tbg-views[data-astro-cid-xylkkgt2] button[data-astro-cid-xylkkgt2]{border-radius:var(--radius-pill);min-height:34px;color:var(--ink-2);background:0 0;border:0;padding:0 12px;font-size:.86rem;font-weight:600}.tbg-views[data-astro-cid-xylkkgt2] button[data-astro-cid-xylkkgt2][aria-pressed=true]{background:var(--surface-2);color:var(--ink);box-shadow:0 0 0 1px var(--line-strong)}.tbg-frames[data-astro-cid-xylkkgt2]{grid-template-columns:1fr 1fr;gap:12px;display:grid}figure[data-astro-cid-xylkkgt2]{gap:8px;min-width:0;margin:0;display:grid}.tbg-box[data-astro-cid-xylkkgt2]{border-radius:var(--radius);background:var(--bg-soft);place-items:center;height:clamp(220px,46vh,480px);padding:10px;display:grid;overflow:hidden}.tbg-box[data-astro-cid-xylkkgt2] canvas[data-astro-cid-xylkkgt2]{border-radius:4px;display:block}.tbg-pickable[data-astro-cid-xylkkgt2] canvas[data-astro-cid-xylkkgt2]{cursor:crosshair;touch-action:manipulation}.tbg-checker[data-astro-cid-xylkkgt2] canvas[data-astro-cid-xylkkgt2]{background:repeating-conic-gradient(#c9cfdf 0 25%, #f4f6ff 0 50%) 0 0 / 20px 20px}.tbg-checker[data-astro-cid-xylkkgt2].v-white canvas[data-astro-cid-xylkkgt2]{background:#fff}.tbg-checker[data-astro-cid-xylkkgt2].v-black canvas[data-astro-cid-xylkkgt2]{background:#000}.tbg-checker[data-astro-cid-xylkkgt2].v-pink canvas[data-astro-cid-xylkkgt2]{background:#ff4fa3}figcaption[data-astro-cid-xylkkgt2]{font-family:var(--font-mono);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px;font-size:.76rem;display:flex}.tag[data-astro-cid-xylkkgt2]{border-radius:var(--radius-pill);background:var(--bg-soft);border:1px solid var(--line);padding:2px 8px}.tag[data-astro-cid-xylkkgt2].ok{color:var(--success)}.tbg-under[data-astro-cid-xylkkgt2]{align-items:center;gap:6px;display:inline-flex}.tbg-dot[data-astro-cid-xylkkgt2]{border:1px solid var(--line-strong);border-radius:50%;width:14px;height:14px}@media (width<=640px){.tbg-frames[data-astro-cid-xylkkgt2]{grid-template-columns:1fr}.tbg-box[data-astro-cid-xylkkgt2]{height:34vh}.tbg-views[data-astro-cid-xylkkgt2]{border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}.tbg-views[data-astro-cid-xylkkgt2] button[data-astro-cid-xylkkgt2]{border-radius:14px;min-height:44px}}.tbg-row[data-astro-cid-xagtdtjs]{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px 14px;display:flex}.opt-label[data-astro-cid-xagtdtjs]{font-size:.95rem;font-weight:650}.tbg-quick[data-astro-cid-xagtdtjs]{flex-basis:100%;align-items:center}.tbg-hex[data-astro-cid-xagtdtjs]{font-family:var(--font-mono);color:var(--ink-2);font-size:.85rem}.check[data-astro-cid-xagtdtjs]{cursor:pointer;align-items:center;gap:8px;min-height:36px;font-size:.92rem;font-weight:600;display:inline-flex}input[data-astro-cid-xagtdtjs][type=range]{width:170px;accent-color:var(--primary)}output[data-astro-cid-xagtdtjs]{font-variant-numeric:tabular-nums;min-width:4ch;color:var(--muted)}input[data-astro-cid-xagtdtjs][type=color]{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-2);width:48px;height:36px;padding:2px}.tbg-auto[data-astro-cid-xagtdtjs] input[data-astro-cid-xagtdtjs][type=color]{opacity:.45}[data-astro-cid-xagtdtjs][hidden]{display:none!important}@media (width<=640px){.tbg-quick[data-astro-cid-xagtdtjs],.tbg-mode[data-astro-cid-xagtdtjs]{grid-template-columns:1fr!important}.tbg-to[data-astro-cid-xagtdtjs]{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tbg-row[data-astro-cid-xagtdtjs]{grid-template-columns:auto 1fr;display:grid}.tbg-row[data-astro-cid-xagtdtjs]>.opt-label[data-astro-cid-xagtdtjs],.tbg-row[data-astro-cid-xagtdtjs]>.check[data-astro-cid-xagtdtjs],.tbg-row[data-astro-cid-xagtdtjs]>.chip-btn[data-astro-cid-xagtdtjs]{grid-column:1/-1}input[data-astro-cid-xagtdtjs][type=color]{height:44px}}