.site .hz{gap:32px;display:grid}.site .hz-frame{border:1px solid var(--line-2);min-width:0}.site .hz-controls{border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px 20px;padding:16px;display:grid}@media (max-width:559px){.site .hz-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.site .hz-field.is-pair{grid-column:1/-1}}.site .hz-field{align-content:start;gap:8px;min-width:0;display:grid}.site .hz-field.is-wide{grid-column:1/-1}.site .hz-label{font:500 10px/1.4 var(--mono);color:var(--fg-3);overflow-wrap:anywhere}.site .hz-pair{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.site .hz-pair.is-idle input[type=range]{opacity:.45}.site .hz input[type=range]{width:100%;min-width:0;accent-color:var(--fg);margin:0}.site .hz input[type=range]:focus-visible{outline:1px solid var(--fg);outline-offset:4px}.site .hz-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 .hz-field select:hover{border-color:var(--fg)}.site .hz-field select:focus-visible{border-color:var(--fg);outline:1px solid var(--fg);outline-offset:2px}.site .hz-field option{background:var(--bg);color:var(--fg)}.site .hz-seg{border:1px solid var(--line-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;min-width:0;display:inline-grid}.site .hz-field.is-wide .hz-seg{justify-self:start}.site .hz-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;white-space:nowrap;background:0 0;border-radius:0;padding:6px 10px}.site .hz-seg button:first-child{border-left:0}.site .hz-seg button:hover{color:var(--fg)}.site .hz-seg button[aria-checked=true]{background:var(--fg);color:var(--bg)}.site .hz-seg button:focus-visible{outline:1px solid var(--fg);outline-offset:2px}.site .hz-stagewrap{background:var(--panel);padding:16px}.site .hz-box{--hz-h:300px;height:var(--hz-h);overscroll-behavior:contain;box-shadow:inset 0 0 0 1px var(--line-2);background:var(--bg);position:relative;overflow-y:auto;container-type:inline-size}@media (max-width:559px){.site .hz-box{--hz-h:260px}}.site .hz-box:focus-visible{outline:1px solid var(--fg);outline-offset:2px}.site .hz-before,.site .hz-after{font:500 10.5px/1.4 var(--mono);color:var(--fg-3);place-items:center;display:grid}.site .hz-before{border-bottom:1px dashed var(--line-2);height:96px}.site .hz-after{border-top:1px dashed var(--line-2);height:120px}.site .hz-panel{height:calc(var(--hz-h) - 76px);border:1px solid var(--line-2);background:var(--panel);color:var(--fg);grid-template-rows:auto minmax(0,1fr);gap:8px;padding:12px;display:grid}.site .hz-panel:focus-visible{outline:2px solid var(--fg);outline-offset:-2px}.site .hz-panel-h{min-width:0;font:500 11px/1.4 var(--mono);justify-content:space-between;gap:8px;display:flex}.site .hz-panel-h b{color:var(--fg-3);font-weight:500}.site .hz-panel-h span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.site .hz-art{width:100%;height:100%;min-height:0;display:block}.site .hz-art path{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.site .hz-bar{background:var(--line-2)}.site .hz-bar span{background:var(--accent)}.site .hz-transport{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.site .hz-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 12px}.site .hz-btn:hover{border-color:var(--fg)}.site .hz-btn:focus-visible{border-color:var(--fg);outline:1px solid var(--fg);outline-offset:2px}.site .hz-scrub{flex:200px;gap:4px;min-width:0;margin-left:8px;display:grid}.site .hz-scrub span{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .hz-read{border-top:1px solid var(--line);gap:4px;padding:12px 16px;display:grid}.site .hz-read p{font:400 11.5px/1.6 var(--mono);color:var(--fg-2);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0}.site .hz-read p:first-child{color:var(--fg)}.site .hz-warn,.site .hz-note,.site .hz-rm{border-top:1px solid var(--line);color:var(--fg-2);margin:0;padding:10px 16px;font-size:13px;line-height:1.55}.site .hz-warn{color:var(--fg)}.site .hz-rm{display:none}@media (prefers-reduced-motion:reduce){.site .hz-rm{display:block}}.site .hz-rm code{font:400 .92em var(--mono);color:var(--fg)}.site .hz-code{min-width:0;display:grid}.site .hz-tabs{flex-wrap:wrap;display:flex}.site .hz-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;border-radius:0;padding:8px 12px}.site .hz-tab:first-child{border-left-width:1px}.site .hz-tab[aria-selected=true]{color:var(--fg);background:var(--panel)}.site .hz-tab:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .hz-code .code-box{margin-top:0}.site .hz-code-note{max-width:68ch;color:var(--fg-2);margin:12px 0 0;font-size:13px;line-height:1.6}.site .hz-scroll{margin:20px 0 8px;overflow-x:auto}.site .hz-table{border-collapse:collapse;width:100%;min-width:640px;font-size:13.5px}.site .hz-table th,.site .hz-table td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px 10px 0}.site .hz-table thead th{font:500 10px/1.4 var(--mono);color:var(--fg-3);white-space:nowrap}.site .hz-table tbody th{font:500 11.5px/1.6 var(--mono);color:var(--fg);white-space:nowrap}.site .hz-table td{color:var(--fg-2);line-height:1.6}.site .hzf svg{width:100%;max-width:560px;height:auto;display:block}.site .hzf :is(rect,path){fill:none;vector-effect:non-scaling-stroke}.site .hzf-outer{stroke:var(--fg);stroke-width:1.25px}.site .hzf-ghost{stroke:var(--fg-3);stroke-width:1px;stroke-dasharray:3 3}.site .hzf-lead{stroke:var(--fg-3);stroke-width:1px;stroke-dasharray:2 3}.site .hzf-dim{stroke:var(--fg-3);stroke-width:1px}.site .hzf-track{stroke:var(--line-2);stroke-width:1px}.site .hzf-win{stroke:var(--fg);stroke-width:1.75px}.site .hzf-in :is(rect,path){stroke:var(--fg);stroke-width:1.25px}.site .hzf-off :is(rect,path){stroke:var(--fg-3);stroke-width:1px;stroke-dasharray:3 3}.site .hzf-in text,.site .hzf-off text{font:500 10px var(--mono)}.site .hzf-in text{fill:var(--fg)}.site .hzf-off text{fill:var(--fg-3)}.site .hzf-h{font:500 11px var(--mono);fill:var(--fg-3)}.site .hzf-k{font:500 11.5px var(--mono);fill:var(--fg)}.site .hzf-m{font:500 10.5px var(--mono);fill:var(--fg-3)}.site .hzf-f{font:500 11.5px var(--mono);fill:var(--fg-2)}