.site .blb{gap:32px;display:grid}.site .blb-panel{border:1px solid var(--line-2);min-width:0}.site .blb-controls{border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px 20px;padding:16px;display:grid}.site .blb-field{align-content:start;gap:6px;min-width:0;display:grid}.site .blb-label{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .blb input[type=range]{width:100%;accent-color:var(--fg);margin:0}.site .blb input[type=range]:focus-visible{outline:1px solid var(--fg);outline-offset:6px}.site .blb input[type=range]:disabled{opacity:.45}.site .blb-pair{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.site .blb input[type=number]{border:1px solid var(--line-2);width:100%;min-width:0;font:400 13px/1.3 var(--mono);color:var(--fg);background:0 0;border-radius:0;padding:7px 10px}.site .blb input[type=number]:focus-visible{border-color:var(--fg);outline:0}.site .blb input[type=number]{appearance:textfield}.site .blb input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.site .blb input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.site .blb input[type=color]{border:1px solid var(--line-2);cursor:pointer;background:0 0;border-radius:0;width:34px;height:100%;min-height:30px;padding:2px}.site .blb input[type=color]:focus-visible{outline:1px solid var(--fg);outline-offset:2px}.site .blb input[type=color].is-on{border-color:var(--fg)}.site .blb-btn.blb-cc{text-overflow:ellipsis;padding-inline:4px;font-size:11px;overflow:hidden}.site .blb-btn.blb-cc[aria-pressed=true]{background:var(--fg);border-color:var(--fg);color:var(--bg)}.site .blb-seg{border:1px solid var(--line-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.site .blb-seg button{border:0;border-left:1px solid var(--line-2);font:500 11.5px/1.2 var(--mono);color:var(--fg-2);cursor:pointer;background:0 0;padding:7px 4px}.site .blb-seg button:first-child{border-left:0}.site .blb-seg button[aria-checked=true]{background:var(--fg);color:var(--bg)}.site .blb-seg button:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .blb-btn{border:1px solid var(--line-2);font:500 12px/1 var(--mono);color:var(--fg);white-space:nowrap;cursor:pointer;background:0 0;border-radius:0;padding:8px 14px}.site .blb-btn:hover{border-color:var(--fg)}.site .blb-btn:focus-visible{border-color:var(--fg);outline:1px solid var(--fg);outline-offset:2px}.site .blb-btn:disabled{opacity:.45;cursor:default}.site .blb-btn:disabled:hover{border-color:var(--line-2)}.site .blb-checks{gap:8px;display:grid}.site .blb-check{font:500 12px/1.2 var(--mono);color:var(--fg-2);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.site .blb-check input{accent-color:var(--fg);margin:0}.site .blb-check input:focus-visible{outline:1px solid var(--fg);outline-offset:2px}.site .blb-stage{--blb-h:clamp(240px, 64vw, 440px);height:var(--blb-h);background:var(--panel);color:var(--fg);place-items:center;padding:16px;display:grid;overflow:hidden}.site .blb-svg,.site .blb-dsvg{width:min(var(--blb-size,400px), 100%, calc(var(--blb-h) - 32px));height:auto;display:block;overflow:visible}.site .blb-box{fill:none;stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}.site .blb-shape.is-faint{fill-opacity:.16}.site .blb-guides{color:var(--fg-3)}.site .blb-g-r,.site .blb-g-spoke{fill:none;stroke:currentColor;stroke-width:1px;stroke-dasharray:3 4}.site .blb-g-handle line{stroke:currentColor;stroke-width:1px}.site .blb-g-handle rect{fill:var(--panel);stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke}.site .blb-g-pt{fill:var(--fg)}.site .blb-g-start{fill:var(--panel);stroke:var(--fg);stroke-width:1.5px}.site .blb-transport{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 20px;padding:12px 16px;display:flex}.site .blb-scrub{flex:220px;gap:4px;min-width:0;display:grid}.site .blb-scrub span{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .blb-read{border-top:1px solid var(--line);font:500 10.5px/1.5 var(--mono);color:var(--fg-3);flex-wrap:wrap;gap:4px 20px;margin:0;padding:10px 16px;display:flex}.site .blb-read span:first-child{color:var(--fg-2)}.site .blb-rm{border-top:1px solid var(--line);color:var(--fg-2);margin:0;padding:10px 16px;font-size:13px;line-height:1.6;display:none}@media (prefers-reduced-motion:reduce){.site .blb-rm{display:block}}.site .blb-gallery{border-top:1px solid var(--line);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}@media (max-width:639px){.site .blb-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}.site .blb-gallery button{border:0;border-left:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;color:var(--fg-3);cursor:pointer;background:0 0;justify-items:center;gap:6px;margin-bottom:-1px;padding:12px 6px 10px;display:grid}.site .blb-gallery button:nth-child(6n+1){border-left:0}@media (max-width:639px){.site .blb-gallery button:nth-child(3n+1){border-left:0}}.site .blb-gallery svg{fill:currentColor;width:100%;max-width:64px;height:auto}.site .blb-gallery span{font:500 10px/1.2 var(--mono);color:var(--fg-3)}.site .blb-gallery button:hover{color:var(--fg-2)}.site .blb-gallery button[aria-pressed=true]{color:var(--fg);background:var(--panel)}.site .blb-gallery button[aria-pressed=true] span{color:var(--fg-2)}.site .blb-gallery button:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .blb-code{min-width:0;display:grid}.site .blb-code-bar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px;display:flex}.site .blb-tabs{flex-wrap:wrap;display:flex}.site .blb-tab{border:1px solid var(--line-2);font:500 11.5px/1 var(--mono);color:var(--fg-2);cursor:pointer;background:0 0;border-bottom:0;border-left-width:0;padding:8px 14px}.site .blb-tab:first-child{border-left-width:1px}.site .blb-tab[aria-selected=true]{color:var(--fg);background:var(--panel)}.site .blb-tab:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .blb-dl{margin-bottom:8px}.site .blb-code .code-box{margin-top:0}.site .blb-draw{border-top:1px solid var(--line);gap:16px;min-width:0;padding-top:32px;display:grid}.site .blb-draw-head{gap:6px;display:grid}.site .blb-draw-k{font:500 10px/1.4 var(--mono);color:var(--fg-3);margin:0}.site .blb-draw-n{max-width:64ch;color:var(--fg-2);margin:0;font-size:13.5px;line-height:1.6}.site .blb-stage.is-draw{--blb-h:clamp(200px, 50vw, 340px)}.site .blb-dhost{place-items:center;width:100%;display:grid}.site .blb-pencil{color:var(--fg-3)}.site .blb-draw .blb-code{gap:0}.site .blb-b{color:var(--fg);font-weight:500}.site .blbf svg{width:100%;height:auto;overflow:visible}.site .blbf-sec{margin:28px 0 24px}.site .blbf-sec svg{max-width:560px}.site .blbf-pencil{color:var(--fg-3)}.site .blbf-ink{color:var(--fg)}.site .blbf-k{font:500 11px var(--mono);fill:var(--fg-2)}.site .blbf-n{font:500 10px var(--mono);fill:var(--fg-3)}.site .blbf-hl{color:var(--accent)}.site .blbf-k,.site .blbf-n{paint-order:stroke;stroke:var(--bg);stroke-width:3px;stroke-linejoin:round}@media (max-width:559px){.site .blbf-k{font-size:13px}.site .blbf-n{font-size:12px}}