#scanline-lab[data-astro-cid-yvr73fe6]{--side:0px;min-height:100svh;padding:100px 36px 32px calc(36px + var(--side));transition:padding .15s}#scanline-lab[data-astro-cid-yvr73fe6].open{--side:294px}nav[data-astro-cid-yvr73fe6]{z-index:4;align-items:center;gap:16px;display:flex;position:absolute;inset:22px 28px auto}nav[data-astro-cid-yvr73fe6] a[data-astro-cid-yvr73fe6]{color:#435e68;font-size:13px;text-decoration:none}nav[data-astro-cid-yvr73fe6] #explain[data-astro-cid-yvr73fe6]{margin-left:auto}button[data-astro-cid-yvr73fe6],select[data-astro-cid-yvr73fe6]{cursor:pointer;color:#345961;background:#fff;border:1px solid #d3dfe2;border-radius:8px;min-height:42px;padding:9px 14px}nav[data-astro-cid-yvr73fe6] button[data-astro-cid-yvr73fe6]{width:44px;font-size:18px}header[data-astro-cid-yvr73fe6] span[data-astro-cid-yvr73fe6]{color:#53716d;font-size:12px}h1[data-astro-cid-yvr73fe6]{letter-spacing:-1.4px;margin:10px 0;font-size:clamp(26px,3vw,38px)}header[data-astro-cid-yvr73fe6] p[data-astro-cid-yvr73fe6],.legend[data-astro-cid-yvr73fe6]{color:#526b77;font-size:13px;line-height:1.7}#settings[data-astro-cid-yvr73fe6]{z-index:3;background:#fff;border-radius:14px;width:270px;max-height:calc(100svh - 112px);padding:20px;position:absolute;top:88px;left:24px;overflow:auto}.panel-title[data-astro-cid-yvr73fe6]{justify-content:space-between;align-items:center;display:flex}.panel-title[data-astro-cid-yvr73fe6] h2[data-astro-cid-yvr73fe6]{font-size:20px}#settings[data-astro-cid-yvr73fe6] label[data-astro-cid-yvr73fe6]{color:#38525e;margin:20px 0;font-size:13px;display:block}#settings[data-astro-cid-yvr73fe6] output[data-astro-cid-yvr73fe6]{float:right;font-variant-numeric:tabular-nums}#settings[data-astro-cid-yvr73fe6] input[data-astro-cid-yvr73fe6][type=range]{accent-color:#26776e;width:100%;margin-top:13px;display:block}#settings[data-astro-cid-yvr73fe6] select[data-astro-cid-yvr73fe6]{width:100%;margin-top:8px}#settings[data-astro-cid-yvr73fe6] .check[data-astro-cid-yvr73fe6]{align-items:center;gap:8px;display:flex}input[data-astro-cid-yvr73fe6][type=checkbox]{accent-color:#26776e}.stage[data-astro-cid-yvr73fe6]{background:#f7faf9;border:1px solid #dbe4e6;border-radius:14px;margin:28px 0 18px;overflow:hidden}canvas[data-astro-cid-yvr73fe6]{width:100%;height:340px;display:block}.legend[data-astro-cid-yvr73fe6]{margin:0 0 16px;padding:0 18px;font-size:11px}.readouts[data-astro-cid-yvr73fe6]{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.readouts[data-astro-cid-yvr73fe6]>div[data-astro-cid-yvr73fe6]{background:#fff;border-radius:10px;min-width:0;padding:18px}.readouts[data-astro-cid-yvr73fe6] h2[data-astro-cid-yvr73fe6]{margin:0 0 10px;font-size:13px}.readouts[data-astro-cid-yvr73fe6] p[data-astro-cid-yvr73fe6]{color:#526b77;overflow-wrap:anywhere;white-space:pre-line;font-size:12px;line-height:1.8}.playbar[data-astro-cid-yvr73fe6]{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:24px;display:flex}.playbar[data-astro-cid-yvr73fe6] output[data-astro-cid-yvr73fe6]{color:#526b77;font-size:12px}#play[data-astro-cid-yvr73fe6]{color:#fff;background:#276f68}dialog[data-astro-cid-yvr73fe6]{color:#263f49;background:#fbfcfc;border:0;border-radius:16px;width:calc(100% - 32px);max-width:600px;max-height:calc(100svh - 40px);padding:28px}dialog[data-astro-cid-yvr73fe6]::backdrop{background:#203c4966}dialog[data-astro-cid-yvr73fe6]>button[data-astro-cid-yvr73fe6]{float:right}dialog[data-astro-cid-yvr73fe6] h2[data-astro-cid-yvr73fe6]{clear:both;font-size:25px;line-height:1.5}dialog[data-astro-cid-yvr73fe6] h3[data-astro-cid-yvr73fe6]{margin-top:25px;font-size:15px}dialog[data-astro-cid-yvr73fe6] p[data-astro-cid-yvr73fe6]{color:#526b77;font-size:13px;line-height:1.9}dialog[data-astro-cid-yvr73fe6] a[data-astro-cid-yvr73fe6]{color:#206d64;font-size:13px}#backdrop[data-astro-cid-yvr73fe6]{z-index:2;background:#203b4955;position:fixed;inset:0}@media (width<=800px){#scanline-lab[data-astro-cid-yvr73fe6],#scanline-lab[data-astro-cid-yvr73fe6].open{--side:0px;padding:90px 16px 24px;transition:none}nav[data-astro-cid-yvr73fe6]{top:16px;left:16px;right:16px}#settings[data-astro-cid-yvr73fe6]{z-index:5;width:min(304px,100% - 32px);max-height:calc(100svh - 90px);position:fixed;top:74px;left:16px}.stage[data-astro-cid-yvr73fe6]{margin-top:22px}canvas[data-astro-cid-yvr73fe6]{height:300px}.readouts[data-astro-cid-yvr73fe6]{grid-template-columns:1fr}.readouts[data-astro-cid-yvr73fe6] p[data-astro-cid-yvr73fe6]{margin-bottom:0}.legend[data-astro-cid-yvr73fe6]{font-size:10px}.playbar[data-astro-cid-yvr73fe6] button[data-astro-cid-yvr73fe6]{padding-inline:10px;font-size:12px}}