.site .srg{--srg-h:400px;gap:32px;display:grid}@media (max-width:559px){.site .srg{--srg-h:360px}}.site .srg-panel{border:1px solid var(--line-2)}.site .srg-controls{border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px 20px;padding:16px;display:grid}.site .srg-field{align-content:start;gap:6px;min-width:0;display:grid}.site .srg-field.is-wide{grid-column:1/-1}.site .srg-field>span:first-child{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .srg-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);cursor:pointer;background:0 0;border-radius:0;padding:8px 12px}.site .srg-field select:hover,.site .srg-field select:focus-visible{border-color:var(--fg);outline:0}.site .srg-field option{background:var(--bg);color:var(--fg)}.site .srg input[type=range]{width:100%;accent-color:var(--fg)}.site .srg input[type=range]:focus-visible{outline:1px solid var(--fg);outline-offset:6px}.site .srg-presets{border:1px solid var(--line-2);background:var(--line-2);flex-wrap:wrap;gap:1px;display:flex}.site .srg-presets button{flex:88px}.site .srg-presets button,.site .srg-seg button{background:var(--bg);font:500 11.5px/1.2 var(--mono);color:var(--fg-2);cursor:pointer;border:0;border-radius:0;padding:8px 6px}.site .srg-presets button[aria-checked=true],.site .srg-seg button[aria-checked=true]{background:var(--fg);color:var(--bg)}.site .srg-presets button:focus-visible,.site .srg-seg button:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .srg-presets button[aria-checked=true]:focus-visible,.site .srg-seg button[aria-checked=true]:focus-visible{outline-color:var(--bg)}.site .srg-seg{border:1px solid var(--line-2);background:var(--line-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:1px;display:grid}@media (max-width:559px){.site .srg-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;padding:14px 12px}.site .srg-field>span:first-child{overflow-wrap:anywhere}.site .srg-presets button{flex-basis:64px;padding:8px 2px;font-size:11px}}.site .srg-frame{position:relative}.site .srg-box{height:var(--srg-h);background:var(--panel);scroll-behavior:auto;overflow:hidden auto}.site .srg-box:focus-visible{outline:1px solid var(--fg);outline-offset:-1px}.site .srg-hero{min-height:calc(var(--srg-h) * .9);flex-direction:column;gap:12px;padding:24px 20px 20px;display:flex}.site .srg-hero-k,.site .srg-hero-hint,.site .srg-foot{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .srg-hero-hint{margin-top:auto}.site .srg-line{background:var(--line-2);width:76%;height:5px;display:block}.site .srg-line.is-title{background:var(--fg-3);width:62%;height:8px}.site .srg-line.is-head{background:var(--fg-3);width:min(78%,420px);height:16px}.site .srg-line.is-short{width:42%}.site .srg-line.is-head.is-short{width:min(48%,260px)}.site .srg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 20px;display:grid}@media (max-width:559px){.site .srg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 12px}}.site .srg-card{border:1px solid var(--line-2);background:var(--bg);gap:8px;min-width:0;padding:10px;display:grid}.site .srg-card-top{font:500 10px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--fg-3);justify-content:space-between;gap:8px;display:flex}.site .srg-thumb{aspect-ratio:2;border:1px solid var(--line);width:100%;height:auto;color:var(--fg-2);display:block}.site .srg-foot{min-height:var(--srg-h);align-items:flex-end;padding:20px;display:flex}.site .srg-lines{pointer-events:none;position:absolute;inset:0}.site .srg-trig{border-top:1px dashed var(--fg-3);position:absolute;left:0;right:0}.site .srg-trig b{background:var(--panel);font:500 10px/1 var(--mono);color:var(--fg-2);padding:2px 5px;position:absolute;bottom:3px;right:18px}.site .srg-transport{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 20px;padding:12px 16px;display:flex}.site .srg-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 .srg-btn.is-quiet{color:var(--fg-2)}.site .srg-btn:hover,.site .srg-btn:focus-visible{border-color:var(--fg);outline:0}.site .srg-check{font:500 12px/1 var(--mono);color:var(--fg-2);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.site .srg-check input{accent-color:var(--fg)}.site .srg-check input:focus-visible{outline:1px solid var(--fg);outline-offset:3px;border-radius:0}.site .srg-count{min-width:0;font:500 10px/1.5 var(--mono);color:var(--fg-3);flex:240px;margin:0}.site .srg-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 .srg-warn.is-info{border-left-color:var(--fg-3)}.site .srg-warn code{font:400 .92em/1 var(--mono);color:var(--fg)}.site .srg-code{min-width:0;display:grid}.site .srg-tabs{display:flex}.site .srg-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 .srg-tab:first-child{border-left-width:1px}.site .srg-tab[aria-selected=true]{color:var(--fg);background:var(--panel)}.site .srg-tab:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .srg-code .code-box{margin-top:0}.site .srg-live{border-top:1px solid var(--line);gap:16px;padding:clamp(32px,8vw,96px) 0;display:grid}.site .srg-live-k{font:500 10px/1.4 var(--mono);color:var(--fg-3);margin:0}.site .srg-grid.is-live{gap:16px;padding:0}.site .srg-live-note{max-width:60ch;color:var(--fg-2);margin:0;font-size:13px;line-height:1.6}.site .srg-scroll{overflow-x:auto}.site .srg-table{border-collapse:collapse;width:100%;font-size:13.5px}.site .srg-table th,.site .srg-table td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px 10px 0}.site .srg-table th{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .srg-table td{color:var(--fg-2);line-height:1.6}.site .srg-table td.is-code{font:400 12.5px/1.6 var(--mono);color:var(--fg);white-space:nowrap}@media (max-width:559px){.site .srg-table.is-stack thead{display:none}.site .srg-table.is-stack tr{border-top:1px solid var(--line);gap:4px;padding:12px 0;display:grid}.site .srg-table.is-stack td{border-top:0;padding:0}.site .srg-table.is-stack td.is-code{white-space:normal;overflow-wrap:anywhere}.site .srg-table.is-stack td.is-key{color:var(--fg);font-weight:500}.site .srg-table.is-stack td[data-k]:before{content:attr(data-k) " · ";font:500 10px/1.6 var(--mono);color:var(--fg-3)}}.site .srgf svg{width:100%;height:auto}.site .srgf line,.site .srgf rect{vector-effect:non-scaling-stroke}.site .srgf-frame{fill:none;stroke:var(--line-2);stroke-width:1px}.site .srgf-trig{stroke:var(--fg-3);stroke-width:1px;stroke-dasharray:4 3}.site .srgf-place{fill:none;stroke:var(--fg-3);stroke-width:1px;stroke-dasharray:1.5 2.5}.site .srgf-card .srgf-body{fill:var(--panel);stroke:var(--fg);stroke-width:1.5px}.site .srgf-card .srgf-thumb{fill:none;stroke:var(--fg-3);stroke-width:1px}.site .srgf-card .srgf-text{stroke:var(--fg-3);stroke-width:2px}.site .srgf-ghost .srgf-body{fill:none;stroke:var(--fg-3);stroke-width:1px;stroke-dasharray:4 3}.site .srgf-ghost .srgf-thumb,.site .srgf-ghost .srgf-text{fill:none;stroke:var(--line-2);stroke-width:1px}.site .srgf-dim line{stroke:var(--fg-2);stroke-width:1px}.site .srgf-pct,.site .srgf-n{font:500 12px var(--mono);fill:var(--fg-2)}.site .srgf-sub,.site .srgf-dimk{font:500 11px var(--mono);fill:var(--fg-3)}.site .srgf-dimk{fill:var(--fg-2)}@media (max-width:559px){.site .srgf-pct,.site .srgf-n{font-size:13.5px}.site .srgf-sub,.site .srgf-dimk{font-size:12.5px}}