.bento.tg{grid-template-rows:repeat(9,68px)}.tg-wave,.tg-pre{grid-area:span 3/span 4}.tg-key{grid-area:span 3/span 8}.tg-stage{gap:16px}.tg-read{align-items:flex-end;gap:24px;display:flex}.tg-f{cursor:text;grid-template-columns:auto auto;align-items:baseline;column-gap:8px;display:grid}.tg-f>span{color:var(--ink-3);grid-column:1/-1;font-size:12px;line-height:16px}.tg-f input{border:0;border-bottom:1px dashed var(--ink-5);width:7.2ch;height:48px;font:600 44px/48px var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);caret-color:var(--acc);text-align:right;background:0 0;border-radius:0;outline:none;padding:0}.tg-f input:hover{border-bottom-color:var(--ink-4)}.tg-f input:focus{border-bottom:1px solid var(--acc)}.tg-f>em{font:16px/20px var(--mono);color:var(--ink-3);font-style:normal}.tg[data-on="1"] .tg-f input{color:var(--acc-ink)}.tg-kv{gap:24px;margin-left:auto;padding-bottom:4px;display:flex}.tg-kv>div{flex-direction:column;gap:4px;min-width:72px;display:flex}.tg-kv span{color:var(--ink-3);font-size:12px;line-height:16px}.tg-kv b{font:500 16px/20px var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}.tg-scope{min-height:96px;box-shadow:inset 0 0 0 1px var(--line);background:#0a0c10;border-radius:6px;flex:1;position:relative;overflow:hidden}.tg-scope>svg{width:100%;height:100%;position:absolute;inset:0}.tg-scope svg *{vector-effect:non-scaling-stroke}.tg-scope .gd{fill:none;stroke:#181b22;stroke-width:1px}.tg-scope .ax{fill:none;stroke:#2b2f38;stroke-width:1px}.tg-scope .tr{fill:none;stroke:var(--ink-4);stroke-width:1.5px;stroke-linejoin:round}.tg[data-on="1"] .tg-scope .tr{stroke:var(--acc)}.tg-scope .pm{fill:none;stroke:var(--ink-5);stroke-width:1px;stroke-dasharray:2 3}.tg-scope .pd{fill:none;stroke:var(--ink-3);stroke-width:1px}.tg-scope .pb{fill:#0a0c10}.tg-scl{font:12px/16px var(--mono);color:var(--ink-3);background:#0a0c10;border-radius:3px;padding:0 4px;position:absolute;bottom:4px;right:4px}.tg-sl{padding-bottom:20px;position:relative}.tg .tg-sl input[type=range]{width:100%;display:block}.tg-slt{height:16px;position:absolute;bottom:0;left:0;right:0}.tg-slt>span{left:calc(8px + (100% - 16px) * var(--p));font:12px/16px var(--mono);color:var(--ink-3);position:absolute;transform:translate(-50%)}.tg-slt>span:before{content:"";background:var(--ink-5);width:1px;height:4px;position:absolute;top:-6px;left:50%}.tg-ctl{align-items:center;gap:12px;display:flex}.tg-ch button{padding:0 10px}.tg-steps{background:var(--trk);border-radius:8px;gap:2px;height:28px;padding:2px;display:flex}.tg-steps button{height:24px;color:var(--ink-3);white-space:nowrap;border-radius:6px;align-items:center;gap:2px;padding:0 8px;font-size:12px;font-weight:500;transition:color .15s,background-color .15s;display:flex}.tg-steps button>i{font:600 13px/1 var(--mono);font-style:normal}.tg-steps button:hover{background:var(--tile);color:var(--ink)}.tg-steps button.gap{margin-left:8px}.tg-go{min-width:112px;margin-left:auto}.tg-go svg{fill:currentColor;width:16px;height:16px}.tg-go kbd{height:18px;font:12px/1 var(--sans);border-radius:4px;place-items:center;padding:0 4px;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff80}.tg-wvg{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.tg-wvc{background:var(--soft);min-width:0;box-shadow:inset 0 0 0 1px var(--soft-line);text-align:left;border-radius:6px;align-items:center;gap:12px;padding:12px;transition:background-color .15s,box-shadow .15s;display:flex}.tg-wvc:hover{background:var(--trk)}.tg-wvc>svg{flex:none;width:56px;height:28px;display:block;overflow:visible}.tg-wvc .ax{stroke:var(--line);stroke-width:1px}.tg-wvc .wv{fill:none;stroke:var(--ink-3);stroke-width:1.5px;stroke-linejoin:round}.tg-wvc>span{flex-direction:column;min-width:0;display:flex}.tg-wvc b{color:var(--ink);font-size:13px;font-weight:600;line-height:20px}.tg-wvc small{color:var(--ink-3);font-size:12px;line-height:16px}.tg-wvc[aria-checked=true]{background:var(--tile);box-shadow:inset 0 0 0 1px var(--acc)}.tg-wvc[aria-checked=true] .wv{stroke:var(--acc)}@media (width>=1180px) and (width<=1339px){.tg-wvc{gap:8px}.tg-wvc>svg{width:40px;height:20px}}.tg-prg{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.tg-prc{background:var(--soft);min-width:0;box-shadow:inset 0 0 0 1px var(--soft-line);text-align:left;border-radius:6px;flex-direction:column;justify-content:center;padding:0 12px;transition:background-color .15s,box-shadow .15s;display:flex}.tg-prc:hover{background:var(--trk)}.tg-prc b{font:600 16px/20px var(--mono);color:var(--ink)}.tg-prc b em{color:var(--ink-3);margin-left:4px;font-size:12px;font-style:normal;font-weight:400}.tg-prc small{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:16px;overflow:hidden}.tg-prc.on{background:var(--tile);box-shadow:inset 0 0 0 1px var(--acc)}.tg-prc.on b{color:var(--acc-ink)}.tg-kyb{align-items:stretch;gap:16px;display:flex}.tg-kyn{border-right:1px solid var(--div);flex-direction:column;flex:none;justify-content:center;gap:4px;width:120px;padding-right:16px;display:flex}.tg-kyn b{font:600 32px/40px var(--mono);color:var(--ink)}.tg-kyn span{font:13px/20px var(--mono);color:var(--ink-2)}.tg-kyn em{font:13px/20px var(--mono);color:var(--ink-3);font-style:normal}.tg-kyr{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.tg-pno{height:64px;position:relative}.tg-pno>svg{cursor:pointer;width:100%;height:64px;display:block}.tg-pno svg *{vector-effect:non-scaling-stroke}.tg-pno{--k-w:var(--tile);--k-wh:var(--soft);--k-e:var(--line);--k-b:#2a2e35;--k-bh:#464b54}.tg-pno .kw{fill:var(--k-w);stroke:var(--k-e);stroke-width:1px}.tg-pno .kb{fill:var(--k-b)}.tg-pno .kw:hover{fill:var(--k-wh)}.tg-pno .kb:hover{fill:var(--k-bh)}.tg-pno .kw.on{fill:var(--acc-tint);stroke:var(--acc)}.tg-pno .kb.on{fill:var(--acc)}.tg-out{background:var(--acc-solid,var(--acc));font:12px/20px var(--sans);color:#fff;border-radius:4px;padding:0 6px;font-style:normal;position:absolute;top:50%;transform:translateY(-50%)}.tg-out.l{left:4px}.tg-out.r{right:4px}.tg-out[hidden]{display:none}.tg-oct{height:16px;position:relative}.tg-oct>span{font:12px/16px var(--mono);color:var(--ink-3);position:absolute}.tg-cent{align-items:center;gap:8px;margin-top:8px;display:flex}.tg-cl{font:12px/16px var(--mono);color:var(--ink-3);flex:none}.tg-ct{background:repeating-linear-gradient(90deg, var(--ink-5) 0 1px, transparent 1px 10%) 0 50% / 100% 6px no-repeat;flex:1;height:16px;position:relative;container-type:inline-size}.tg-ct:after{content:"";background:var(--ink-5);width:1px;height:6px;position:absolute;top:5px;right:0}.tg-cz{background:var(--ink-3);width:1px;position:absolute;top:0;bottom:0;left:50%}.tg-cn{width:0;transform:translateX(calc(var(--c,0) * 1cqw));transition:transform .2s var(--ease);position:absolute;top:0;bottom:0;left:50%}.tg-cn:after{content:"";background:var(--acc);border-radius:1px;width:2px;height:20px;position:absolute;top:-2px;left:-1px}@media (prefers-reduced-motion:reduce){.tg-cn{transition:none}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tg-pno{--k-w:#353a43;--k-wh:#414751;--k-e:#16181c;--k-b:#0e1013;--k-bh:#23262c}}:root[data-theme=dark] .tg-pno{--k-w:#353a43;--k-wh:#414751;--k-e:#16181c;--k-b:#0e1013;--k-bh:#23262c}@media (width<=1179px){.bento.tg{grid-template-rows:none}.tg-scope{min-height:140px}.tg-wave,.tg-pre{grid-column:span 6;min-height:228px}.tg-key{grid-column:span 8;min-height:228px}.tg-dev{grid-column:span 4}}@media (width<=1023px){.tg-key,.tg-dev{grid-column:1/-1}}@media (width<=759px){.tg-wave,.tg-pre{grid-column:1/-1}.tg-read{flex-wrap:wrap;row-gap:12px}.tg-kv{margin-left:0}.tg-ctl{flex-wrap:wrap}.tg-steps{order:3;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;display:grid}.tg-steps button{justify-content:center;padding:0 2px}.tg-steps button.gap{margin-left:0}.tg-go{flex:1;margin-left:0}.tg-go kbd{display:none}.tg-kyb{flex-direction:column}.tg-kyn{border-right:0;border-bottom:1px solid var(--div);flex-direction:row;align-items:baseline;gap:12px;width:auto;padding:0 0 12px}}.tg-hmt{border-top:1px solid var(--div)}.tg-hmr{grid-template-columns:136px minmax(0,1fr) 128px;align-items:center;gap:12px;padding:8px 16px;display:grid}.tg-hmr+.tg-hmr{border-top:1px solid var(--div)}.tg-hmr.h{border-bottom:1px solid var(--line);height:28px;color:var(--ink-3);padding-top:0;padding-bottom:0;font-size:12px;line-height:16px}.tg-hmr.h+.tg-hmr{border-top:0}.tg-hmk{grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;display:grid}.tg-hmr.h .tg-hmk>span{text-align:center;font-family:var(--mono)}.tg-hmn{align-items:center;gap:8px;min-width:0;display:flex}.tg-hmn>svg{flex:none;width:40px;height:20px;overflow:visible}.tg-hmn .ax{stroke:var(--line);stroke-width:1px}.tg-hmn .wv{fill:none;stroke:var(--ink-3);stroke-width:1.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.tg-hmn>span{flex-direction:column;min-width:0;display:flex}.tg-hmn b{color:var(--ink);font-size:13px;font-weight:500;line-height:20px}.tg-hmn small{color:var(--ink-3);white-space:nowrap;font-size:12px;line-height:16px}.tg-hmc{flex-direction:column;align-items:center;gap:4px;display:flex}.tg-hmc>i{background:var(--d-track);border-radius:2px;width:12px;height:40px;position:relative;overflow:hidden}.tg-hmc>i:after{content:"";height:var(--h,0);background:var(--d-main);position:absolute;bottom:0;left:0;right:0}.tg-hmc>em{font:12px/16px var(--mono);color:var(--ink-2);white-space:nowrap;font-style:normal}.tg-hmc.z>i{background:repeating-linear-gradient(-45deg, var(--d-track) 0 2px, transparent 2px 4px)}.tg-hmc.z>em{color:var(--ink-4)}.tg-hms{color:var(--ink-2);font-size:13px;line-height:20px}.tg-hmf{border-top:1px solid var(--line)}.tg-rgt{--x0:164px;--x1:160px;border-top:1px solid var(--div);padding-bottom:28px;position:relative}.tg-rgr{grid-template-columns:136px minmax(0,1fr) 132px;align-items:center;gap:12px;padding:8px 16px;display:grid}.tg-rgr+.tg-rgr{border-top:1px solid var(--div)}.tg-rgr.h{border-bottom:1px solid var(--line);height:28px;color:var(--ink-3);padding-top:0;padding-bottom:0;font-size:12px;line-height:16px}.tg-rgr.h+.tg-rgr{border-top:0}.tg-rgr.h>span:last-child,.tg-rgv{text-align:right}.tg-rgn{flex-direction:column;min-width:0;display:flex}.tg-rgn b{color:var(--ink);font-size:13px;font-weight:500;line-height:20px}.tg-rgn small{color:var(--ink-3);font-size:12px;line-height:16px}.tg-rgv{font:12px/16px var(--mono);color:var(--ink-2);white-space:nowrap}.tg-rgp{height:20px;position:relative}.tg-rgp>i{height:8px;top:6px;left:calc(var(--a) * 100%);width:max(4px, calc((var(--b) - var(--a)) * 100%));background:var(--d-main);border-radius:4px;position:absolute}.tg-rga{height:16px}.tg-rga>span{left:calc(var(--p) * 100%);font:12px/16px var(--mono);color:var(--ink-3);position:absolute;transform:translate(-50%)}.tg-rga>span:first-child{transform:none}.tg-rga>span:last-child{transform:translate(-100%)}.tg-rgm{top:28px;bottom:0;left:var(--x0);right:var(--x1);pointer-events:none;position:absolute}.tg-rgm>span{top:0;bottom:0;left:calc(var(--p) * 100%);border-left:1px dashed var(--ink-4);position:absolute}.tg-rgm em{font:12px/16px var(--mono);color:var(--ink-3);white-space:nowrap;font-style:normal;position:absolute;bottom:6px;left:4px}@media (width<=759px){.tg-hmr{grid-template-columns:minmax(0,1fr);gap:8px;padding:12px}.tg-hmr.h{display:none}.tg-hmr.h+.tg-hmr{border-top:0}.tg-hms{font-size:12px;line-height:16px}.tg-rgt{--x0:12px;--x1:12px}.tg-rgr{grid-template-columns:minmax(0,1fr) auto;row-gap:4px;padding:8px 12px}.tg-rgr>.tg-rgp{grid-area:2/1/auto/-1}.tg-rgr.h{grid-template-columns:minmax(0,1fr);height:24px}.tg-rgr.h>span{display:none}.tg-rgr.h>.tg-rga{grid-row:1;display:block}.tg-rga>span:is(:nth-child(2),:nth-child(4),:nth-child(5),:nth-child(7),:nth-child(8),:nth-child(10)){display:none}.tg-rga>span:nth-child(9){transform:translate(-50%)}}.pz-ill .pzi-knb{fill:var(--tile);stroke:var(--acc);stroke-width:1.5px}.pz-ill .pzi-wvc{fill:var(--tile);stroke:var(--line)}.pz-ill .pzi-wvc.pzi-on{stroke:var(--acc)}.pz-ill .pzi-wvl{fill:none;stroke:var(--ink-4);stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round}.pz-ill .pzi-wvl.pzi-on{stroke:var(--acc)}.pz-ill .pzi-seg{fill:var(--trk);stroke:none}.pz-ill .pzi-sgo{fill:var(--tile);stroke:var(--acc)}.pz-ill .pzi-sgb{fill:var(--ink-5);stroke:none}.pz-ill .pzi-sgb.pzi-on{fill:var(--acc)}.pz-ill .pzi-spk{fill:var(--tile);stroke:var(--ink-3);stroke-width:1.25px}.pz-ill .pzi-ply{fill:var(--acc);stroke:none}