.site .snp{gap:32px;display:grid}.site .snp-panel{border:1px solid var(--line-2);min-width:0}.site .snp-controls{border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px 20px;padding:16px;display:grid}.site .snp-field{align-content:start;gap:6px;min-width:0;display:grid}.site .snp-field.is-wide{grid-column:1/-1}.site .snp-field>span{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .snp-field.is-off>span{color:var(--fg-3);opacity:.7}@media (max-width:559px){.site .snp-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.site .snp-field.is-phone-wide{grid-column:1/-1}}.site .snp input[type=range]{width:100%;accent-color:var(--fg)}.site .snp input[type=range]:focus-visible{outline:1px solid var(--fg);outline-offset:4px}.site .snp input:disabled{opacity:.4;cursor:default}.site .snp-field select{appearance:none;border:1px solid var(--line-2);width:100%;min-width:0;font:400 12.5px/1.3 var(--mono);color:var(--fg);cursor:pointer;background:0 0;border-radius:0;padding:7px 10px}.site .snp-field select:hover,.site .snp-field select:focus-visible{border-color:var(--fg);outline:0}.site .snp-field option{background:var(--bg);color:var(--fg)}.site .snp-seg{border:1px solid var(--line-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.site .snp-seg button{border:0;border-left:1px solid var(--line-2);min-width:0;font:500 11.5px/1.2 var(--mono);color:var(--fg-2);cursor:pointer;white-space:nowrap;background:0 0;padding:7px 4px}.site .snp-seg button:first-child{border-left:0}.site .snp-seg button[aria-checked=true],.site .snp-seg button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.site .snp-seg button:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .snp-seg button:disabled{cursor:default;opacity:.4}.site .snp-warn{border-bottom:1px solid var(--line);color:var(--fg-2);margin:0;padding:10px 16px;font-size:13px;line-height:1.55}.site .snp-stage{background:var(--panel);gap:10px;padding:16px;display:grid}.site .snp-stage-k{font:500 10px/1.4 var(--mono);color:var(--fg-3);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin:0;display:flex}.site .snp-frame{border:1px solid var(--line-2);background:var(--bg);position:relative}.site .snp-port{overscroll-behavior:contain;scrollbar-width:thin;height:clamp(200px,26vw,240px)}.site .snp-port.is-y,.site .snp-port.is-both{height:clamp(240px,34vw,320px)}.site .snp-port:focus-visible{outline:1px solid var(--fg);outline-offset:-1px}.site .snp-port>div{border:1px solid var(--line-2);background:var(--panel);min-width:0;min-height:0;font:500 12px/1 var(--mono);color:var(--fg-3);place-items:center;display:grid}.site .snp-port>div.is-snapped{border-color:var(--fg);color:var(--fg)}.site .snp-port>div.is-snapped span:after{content:" · snapped"}.site .snp-over{width:var(--snp-w,100%);height:var(--snp-h,100%);pointer-events:none;position:absolute;top:0;left:0;overflow:hidden}.site .snp-band{background:repeating-linear-gradient(45deg, var(--line-2) 0 1px, transparent 1px 6px);position:absolute}.site .snp-band.is-x{top:0;bottom:0}.site .snp-band.is-y{left:0;right:0}.site .snp-line{background:var(--accent);position:absolute}.site .snp-line.is-x{width:1px;top:0;bottom:0;transform:translate(-.5px)}.site .snp-line.is-y{height:1px;left:0;right:0;transform:translateY(-.5px)}.site .snp-line b{background:var(--bg);font:500 10px/1.3 var(--mono);color:var(--fg-2);white-space:nowrap;padding:1px 4px;position:absolute;top:6px;left:6px}.site .snp-line.is-y b{top:6px;left:6px}.site .snp-ruler{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:34px;display:grid}.site .snp-ruler-k,.site .snp-ruler-end,.site .snp-ruler-none{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .snp-ruler-k{min-width:96px}.site .snp-ruler-track{border-bottom:1px solid var(--line-2);height:22px;margin:0 6px 12px;position:relative}.site .snp-tick{background:var(--fg-3);width:1px;height:10px;position:absolute;bottom:-5px;transform:translate(-.5px)}.site .snp-tick.is-on{background:var(--fg);width:2px;transform:translate(-1px)}.site .snp-tick i{font:500 9.5px/1 var(--mono);color:var(--fg-3);white-space:nowrap;font-style:normal;position:absolute;top:12px;left:50%;transform:translate(-50%)}.site .snp-tick.is-first i{left:0;transform:none}.site .snp-tick.is-last i{left:auto;right:0;transform:none}.site .snp-tick.is-on i{color:var(--fg)}.site .snp-mark{border-left:5px solid #0000;border-right:5px solid #0000;border-top:7px solid var(--fg);width:0;height:0;position:absolute;top:2px;left:0;transform:translate(-5px)}@media (max-width:559px){.site .snp-ruler{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}.site .snp-ruler-k{grid-column:1/-1}}.site .snp-transport{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 24px;padding:12px 16px;display:flex}.site .snp-pair{grid-template-columns:1fr 1fr;gap:8px;display:inline-grid}.site .snp-btn{border:1px solid var(--line-2);font:500 12px/1 var(--mono);color:var(--fg);cursor:pointer;background:0 0;border-radius:0;padding:8px 14px}.site .snp-btn:hover,.site .snp-btn:focus-visible{border-color:var(--fg);outline:0}.site .snp-read{flex-wrap:wrap;gap:6px 20px;margin:0;display:flex}.site .snp-read div{gap:6px;min-width:0;display:flex}.site .snp-read dt{font:500 10px/1.6 var(--mono);color:var(--fg-3)}.site .snp-read dd{font:500 11.5px/1.4 var(--mono);color:var(--fg);overflow-wrap:anywhere;margin:0}.site .snp-code{gap:12px;min-width:0;display:grid}.site .snp-code-note{max-width:72ch;color:var(--fg-2);margin:0;font-size:13.5px;line-height:1.6}.site .snp-code .code-box{margin-top:0}.site .snp-scroll{overflow-x:auto}.site .snp-scroll:focus-visible{outline:1px solid var(--fg);outline-offset:2px}.site .snp-ref{border-collapse:collapse;width:100%;font-size:13.5px}.site .snp-ref th,.site .snp-ref td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 14px 10px 0}.site .snp-ref th{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .snp-ref td{color:var(--fg-2);line-height:1.6}.site .snp-ref td:first-child{font:400 12.5px/1.6 var(--mono);color:var(--fg);white-space:nowrap}.site .snp-ref td.is-code{font:400 12px/1.6 var(--mono);color:var(--fg)}.site .snp-ref td.is-def{white-space:nowrap}@media (max-width:639px){.site .snp-ref thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site .snp-ref,.site .snp-ref tbody,.site .snp-ref tr{display:block}.site .snp-ref tr{border-top:1px solid var(--line);padding:10px 0}.site .snp-ref td{border-top:0;padding:3px 0;display:block}.site .snp-ref td[data-k]:before{content:attr(data-k);font:500 10px/1.6 var(--mono);color:var(--fg-3);display:block}}.site .snpf svg{width:100%;height:auto}.site .snpf-port{color:var(--fg-2)}.site .snpf-item,.site .snpf-tick,.site .snpf-dim,.site .snpf-axis{color:var(--fg-3)}.site .snpf-hatch{color:var(--fg-3);opacity:.55}.site .snpf-on,.site .snpf-line{color:var(--fg)}.site .snpf-line-cap{fill:var(--fg)}.site .snpf-l{font:500 12.5px var(--mono);fill:var(--fg)}.site .snpf-k{font:500 10.5px var(--mono);fill:var(--fg-2)}.site .snpf-s,.site .snpf-n{font:500 10.5px var(--mono);fill:var(--fg-3)}.site .snpf-n.is-on{fill:var(--fg)}@media (max-width:560px){.site .snpf-l{font-size:16px}.site .snpf-k,.site .snpf-s,.site .snpf-n{font-size:13.5px}}