.site .tg{gap:32px;display:grid}.site .tg-panel{border:1px solid var(--line-2)}.site .tg-controls{border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px 20px;padding:16px;display:grid}.site .tg-field{align-content:start;gap:6px;min-width:0;display:grid}.site .tg-field.is-wide{grid-column:1/-1}.site .tg-field>span{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .tg-field input[type=text],.site .tg-field select{appearance:none;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:8px 12px}.site .tg-field select{cursor:pointer}.site .tg-field input[type=text]:focus-visible,.site .tg-field select:focus-visible,.site .tg-field select:hover{border-color:var(--fg);outline:0}.site .tg-field option{background:var(--bg);color:var(--fg)}.site .tg input[type=range]{width:100%;accent-color:var(--fg)}.site .tg-seg{border:1px solid var(--line-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.site .tg-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 6px}.site .tg-seg button:first-child{border-left:0}.site .tg-seg button[aria-checked=true]{background:var(--fg);color:var(--bg)}.site .tg-seg button:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .tg-stage{background:var(--panel);place-items:center;min-height:clamp(200px,28vw,300px);padding:32px clamp(16px,4vw,48px);display:grid;overflow:hidden}.site .tg-host{width:100%}.site .tg-text{letter-spacing:-.02em;text-align:center;color:var(--fg);overflow-wrap:anywhere;margin:0;font-size:clamp(28px,4.4vw,56px);font-weight:500;line-height:1.12}.site .tg-transport{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 20px;padding:12px 16px;display:flex}.site .tg-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 .tg-btn:hover,.site .tg-btn:focus-visible{border-color:var(--fg);outline:0}.site .tg-scrub{flex:220px;gap:4px;min-width:0;display:grid}.site .tg-scrub span,.site .tg-count{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .tg-count{margin:0}.site .tg-warn{border-top:1px solid var(--line);border-left:2px solid var(--accent);color:var(--fg-2);margin:0;padding:10px 16px;font-size:13px;line-height:1.5}.site .tg-code{min-width:0;display:grid}.site .tg-tabs{gap:0;display:flex}.site .tg-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 .tg-tab:first-child{border-left-width:1px}.site .tg-tab[aria-selected=true]{color:var(--fg);background:var(--panel)}.site .tg-tab:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .tg-code .code-box{margin-top:0}.site .tg-live{border-top:1px solid var(--line);gap:16px;padding:clamp(32px,8vw,96px) 0;display:grid}.site .tg-live-k{font:500 10px/1.4 var(--mono);color:var(--fg-3);margin:0}.site .tg-live-host .tg-text{text-align:left;font-size:clamp(32px,5.2vw,72px)}.site .tg-live-note{max-width:60ch;color:var(--fg-2);margin:0;font-size:13px;line-height:1.6}.site .tgf svg{width:100%;height:auto}.site .tgf-grid{color:var(--line)}.site .tgf-track{color:var(--line-2)}.site .tgf-slice{color:var(--fg);stroke-width:3px}.site .tgf-word{font:500 12px var(--mono);fill:var(--fg-2)}.site .tgf-axis{font:500 10px var(--mono);fill:var(--fg-3)}