.site .hwg{gap:32px;display:grid}.site .hwg [hidden]{display:none!important}.site .hwg-panel{border:1px solid var(--line-2);min-width:0;position:relative}.site .hwg-input{border-bottom:1px solid var(--line);gap:6px;padding:16px;display:grid}.site .hwg-input span,.site .hwg-field-k{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .hwg-input input{border:1px solid var(--line-2);width:100%;font:400 16px/1.4 var(--sans);color:var(--fg);background:0 0;border-radius:0;padding:10px 12px}.site .hwg-input input:focus-visible{border-color:var(--fg);outline:0}.site .hwg-controls{container-type:inline-size}.site .hwg-grid{border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px 20px;padding:16px;display:grid}.site .hwg-field{align-content:start;gap:6px;min-width:0;display:grid}@container (min-width:440px){.site .hwg-field.is-wide{grid-column:span 2}}.site .hwg-seg{border:1px solid var(--line-2);grid-auto-columns:minmax(max-content,1fr);grid-auto-flow:column;min-width:0;display:grid}.site .hwg-seg button{white-space:nowrap;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 6px}.site .hwg-seg button:first-child{border-left:0}.site .hwg-seg button[aria-checked=true]{background:var(--fg);color:var(--bg)}.site .hwg-seg button:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .hwg-controls select{border:1px solid var(--line-2);background:var(--bg);width:100%;min-width:0;font:500 12px/1.2 var(--mono);color:var(--fg);border-radius:0;padding:6px 8px}.site .hwg-controls select:focus-visible{border-color:var(--fg);outline:0}.site .hwg-controls input[type=color]{border:1px solid var(--line-2);cursor:pointer;background:0 0;border-radius:0;width:44px;height:31px;padding:2px}.site .hwg-controls input[type=color]:focus-visible{border-color:var(--fg);outline:0}.site .hwg-pair{align-items:center;gap:8px;min-width:0;display:flex}.site .hwg-pair>.hwg-seg{flex:auto}.site .hwg-pair>input[type=range]{flex:120px;min-width:0}.site .hwg-pair>.hwg-btn{flex:auto}.site .hwg-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 .hwg-btn:hover,.site .hwg-btn:focus-visible{border-color:var(--fg);outline:0}.site .hwg-btn:disabled,.site .hwg input:disabled{opacity:.45;cursor:default}.site .hwg-btn:disabled:hover{border-color:var(--line-2)}.site .hwg input[type=range]{width:100%;accent-color:var(--fg)}.site .hwg input[type=range]:focus-visible{outline:1px solid var(--fg);outline-offset:6px}.site .hwg-error{border-left:2px solid var(--accent);color:var(--fg-2);margin:0;padding:16px;font-size:13.5px;line-height:1.6}.site .hwg-stage{background:var(--panel);place-items:center;min-height:clamp(200px,30vw,340px);padding:clamp(16px,3vw,32px);display:grid}.site .hwg-host{width:100%;color:var(--fg);place-items:center;display:grid}.site .hwg-svg{max-width:100%;height:auto;display:block;overflow:visible}.site .hwg-transport{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 20px;padding:12px 16px;display:flex}.site .hwg-scrub{flex:220px;gap:4px;min-width:0;display:grid}.site .hwg-scrub span{font:500 10px/1.4 var(--mono);color:var(--fg-3);font-variant-numeric:tabular-nums}.site .hwg-count{font:500 11px/1.4 var(--mono);color:var(--fg-3);margin:0}.site .hwg-notes{gap:8px;margin:0;padding:0;list-style:none;display:grid}.site .hwg-notes li{border-left:2px solid var(--accent);background:var(--panel);color:var(--fg-2);overflow-wrap:anywhere;padding:10px 14px;font-size:13.5px;line-height:1.6}.site .hwg-code{min-width:0;display:grid}.site .hwg-out{gap:12px;min-width:0;display:grid}.site .hwg-code-bar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px;display:flex}.site .hwg-tabs{flex-wrap:wrap;display:flex}.site .hwg-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 .hwg-tab:first-child{border-left-width:1px}.site .hwg-tab[aria-selected=true]{color:var(--fg);background:var(--panel)}.site .hwg-tab:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .hwg .code-box{margin:0}.site .hwg-legend{max-width:80ch;color:var(--fg-2);margin:0;font-size:13.5px;line-height:1.6}.site .hwg-legend a{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:3px}.site .hwg-scroll{border:1px solid var(--line-2);min-width:0}.site .hwg-scroll-k{border-bottom:1px solid var(--line);font:500 10px/1.4 var(--mono);color:var(--fg-3);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin:0;padding:10px 16px;display:flex}.site .hwg-scroll-k span:first-child{color:var(--fg-2)}.site .hwg-sbox{overscroll-behavior:contain;background:var(--panel);height:300px;overflow-y:auto}.site .hwg-sbox:focus-visible{outline:1px solid var(--fg);outline-offset:-2px}.site .hwg-spacer{place-items:center;height:300px;display:grid}.site .hwg-shint{font:500 10.5px/1.7 var(--mono);color:var(--fg-3);text-align:center;margin:0}.site .hwg-shost{color:var(--fg);place-items:center;padding:0 16px;display:grid}.site .hwg-shost .hwg-svg{max-width:min(100%,420px)}.site .hwgf{gap:10px;margin:0;display:grid}.site .hwgf svg{width:100%;height:auto;overflow:visible}.site .hwgf-ink{color:var(--fg)}.site .hwgf-hole{color:var(--bg)}.site .hwgf-dot{fill:var(--accent)}.site .hwgf-k{font:500 11px var(--mono);fill:var(--fg-2)}.site .hwgf figcaption{font:500 10.5px/1.6 var(--mono);color:var(--fg-3)}@media (max-width:559px){.site .hwgf-k{font-size:14px}}.site .hwg-after{margin-top:16px}.site .hwg-ref-scroll{overflow-x:auto}.site .hwg-ref-scroll:focus-visible{outline:1px solid var(--fg);outline-offset:2px}.site .hwg-ref{border-collapse:collapse;width:100%;font-size:13.5px}.site .hwg-ref th,.site .hwg-ref td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 14px 10px 0}.site .hwg-ref th{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .hwg-ref td{color:var(--fg-2);line-height:1.6}.site .hwg-ref td:first-child{width:28%;font:400 12.5px/1.6 var(--mono);color:var(--fg);overflow-wrap:anywhere}@media (max-width:639px){.site .hwg-ref thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site .hwg-ref,.site .hwg-ref tbody,.site .hwg-ref tr{display:block}.site .hwg-ref tr{border-top:1px solid var(--line);padding:10px 0}.site .hwg-ref td{border-top:0;width:auto;padding:3px 0;display:block}.site .hwg-ref td:first-child{width:auto}.site .hwg-ref td[data-k]:before{content:attr(data-k);font:500 10px/1.4 var(--mono);color:var(--fg-3);margin-right:8px}}