.site .scg{grid-template-columns:minmax(0,1fr);gap:32px;display:grid}.site .scg-panel{border:1px solid var(--line-2);grid-template-columns:minmax(0,1fr);grid-template-areas:"view""transport""controls""read""notes";min-width:0;display:grid}.site .scg-controls{grid-area:controls}.site .scg-view{grid-area:view}.site .scg-transport{grid-area:transport}.site .scg-read{grid-area:read}.site .scg-panel>p{grid-column:1/-1}@media (min-width:760px){.site .scg-panel{grid-template:"controls controls""view read""transport read"1fr/minmax(0,1.1fr) minmax(0,1fr)}}.site .scg-k{font:500 10px/1.4 var(--mono);color:var(--fg-3);margin:0}.site .scg-controls{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;padding:16px;display:grid}@media (min-width:760px){.site .scg-controls{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:759px){.site .scg-controls{border-top:1px solid var(--line)}}.site .scg-field{align-content:start;gap:8px;min-width:0;display:grid}@media (max-width:759px){.site .scg-field.is-wide{grid-column:1/-1}}.site .scg-field-k{font:500 10px/1.4 var(--mono);color:var(--fg-3);overflow-wrap:anywhere}.site .scg-seg{border:1px solid var(--line-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;min-width:0;display:grid}.site .scg-seg button{border:0;border-left:1px solid var(--line-2);min-width:0;font:500 11.5px/1.2 var(--mono);color:var(--fg-2);cursor:pointer;text-overflow:ellipsis;background:0 0;border-radius:0;padding:8px 4px;overflow:hidden}.site .scg-seg button:first-child{border-left:0}.site .scg-seg button:hover{color:var(--fg)}.site .scg-seg button[aria-checked=true]{background:var(--fg);color:var(--bg)}.site .scg-seg button:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .scg-range{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.site .scg-val{min-width:44px;font:500 12px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--fg);text-align:right}.site .scg input[type=range]{width:100%;min-width:0;accent-color:var(--fg);margin:0}.site .scg input[type=range]:focus-visible{outline:1px solid var(--fg);outline-offset:4px}.site .scg-view,.site .scg-transport,.site .scg-read{background:var(--panel);min-width:0}.site .scg-view{align-content:start;gap:8px;padding:16px 16px 12px;display:grid}@media (min-width:760px){.site .scg-view{padding-right:12px}.site .scg-read{padding-left:12px}}.site .scg-frame{position:relative}.site .scg-box{overscroll-behavior:contain;height:460px;box-shadow:inset 0 0 0 1px var(--line-2);background:var(--bg);position:relative;overflow:hidden auto}@media (max-width:759px){.site .scg-box{height:400px}}.site .scg-box:focus-visible{outline:1px solid var(--fg);outline-offset:2px}.site .scg-frame .scg-box .stack{margin:0 12px}.site .scg-flow{font:500 10.5px/1.4 var(--mono);color:var(--fg-3);flex-direction:column;justify-content:flex-end;gap:4px;padding:0 16px 16px;display:flex}.site .scg-flow.is-after{border-top:1px dashed var(--line-2);justify-content:flex-start;padding:16px}.site .scg-overlay{z-index:1;pointer-events:none;position:absolute;inset:1px;overflow:hidden}.site .scg-header{border-bottom:1px solid var(--line-2);background:repeating-linear-gradient(135deg, var(--line) 0 1px, transparent 1px 6px) var(--bg);font:500 10px/1 var(--mono);color:var(--fg-3);white-space:nowrap;align-items:center;padding:0 12px;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}.site .scg-transport{flex-wrap:wrap;align-content:start;align-items:center;gap:12px;padding:4px 16px 16px;display:flex}@media (min-width:760px){.site .scg-transport{padding-right:12px}}.site .scg-btn{border:1px solid var(--line-2);font:500 11.5px/1.2 var(--mono);color:var(--fg);cursor:pointer;background:0 0;border-radius:0;padding:8px 12px}.site .scg-btn:hover,.site .scg-btn:focus-visible{border-color:var(--fg);outline:0}.site .scg-scrub{flex:180px;gap:4px;min-width:0;display:grid}.site .scg-scrub span{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .scg-read{align-content:start;gap:16px;padding:16px;display:grid}@media (max-width:759px){.site .scg-read{border-top:1px solid var(--line)}}.site .scg-big{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.site .scg-big>div{gap:6px;display:grid}.site .scg-num{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--fg);font-size:clamp(34px,4.5vw,48px);font-weight:500;line-height:1}.site .scg-num small{letter-spacing:0;color:var(--fg-3);font-size:.42em}.site .scg-cards{border-top:1px solid var(--line-2);display:grid}.site .scg-row{border-bottom:1px solid var(--line);font:400 11.5px/1.5 var(--mono);font-variant-numeric:tabular-nums;color:var(--fg-2);grid-template-columns:36px minmax(0,1fr) minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:8px;padding:6px 0;display:grid}.site .scg-row>span{overflow-wrap:anywhere;min-width:0}.site .scg-row.is-head{color:var(--fg-3);font-size:10px}.site .scg-row[data-stuck]>span:first-child{color:var(--fg)}.site .scg-meter{border:1px solid var(--line-2);background:var(--bg);height:6px;display:block;overflow:hidden}.site .scg-meter i{background:var(--fg);transform-origin:0;height:100%;display:block}.site .scg-meter em{font:400 10px/1.4 var(--mono);color:var(--fg-3);white-space:nowrap;margin-top:-5px;font-style:normal;display:block}.site .scg-row .scg-meter:has(em){background:0 0;border:0;height:auto;overflow:visible}.site .scg-row .scg-meter:has(em) em{margin:0}.site .scg-math{border-top:1px solid var(--line-2);margin:0}.site .scg-math>div{border-bottom:1px solid var(--line);grid-template-columns:56px minmax(0,1fr);gap:12px;padding:8px 0;display:grid}.site .scg-math dt{font:500 10px/1.9 var(--mono);color:var(--fg-3)}.site .scg-math dd{font:400 12px/1.6 var(--mono);font-variant-numeric:tabular-nums;color:var(--fg);overflow-wrap:anywhere;margin:0}.site .scg-warn,.site .scg-note{border-top:1px solid var(--line);color:var(--fg-2);margin:0;padding:10px 16px;font-size:13px;line-height:1.55}.site .scg-warn{color:var(--fg)}.site .scg-code{grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.site .scg-tabs{flex-wrap:wrap;display:flex}.site .scg-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 14px}.site .scg-tab:first-child{border-left-width:1px}.site .scg-tab[aria-selected=true]{color:var(--fg);background:var(--panel)}.site .scg-tab:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}@media (max-width:479px){.site .scg-tab{padding:8px 10px}}.site .scg-code .code-box{margin-top:0}.site .scg-hint{max-width:68ch;color:var(--fg-2);margin:8px 0 0;font-size:13px;line-height:1.6}.site .scg-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 .scg-a:hover{-webkit-text-decoration-color:var(--fg);text-decoration-color:var(--fg)}.site .scg-scroll{overflow-x:auto}.site .scg-table{border-collapse:collapse;width:100%;font-size:13.5px}.site .scg-table th,.site .scg-table td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px 10px 0}.site .scg-table th{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .scg-table td{color:var(--fg-2);line-height:1.6}.site .scg-table td.is-code{font:400 12.5px/1.6 var(--mono);color:var(--fg)}.site .scg-table th.is-key{min-width:110px;font:400 12.5px/1.6 var(--mono);color:var(--fg)}.site .scgf svg{width:100%;height:auto;display:block}.site .scgf-win{fill:none;stroke:var(--fg-2);stroke-width:1px}.site .scgf-head{fill:var(--line);stroke:none}.site .scgf-card{fill:var(--panel);stroke:var(--fg);stroke-width:1.25px}.site .scgf-card.is-under{fill:var(--line);stroke:var(--fg-3)}.site .scgf-card.is-coming{fill:var(--panel);stroke:var(--fg);stroke-dasharray:4 4}.site .scgf-dim{fill:none;stroke:var(--fg-3);stroke-width:1px}.site .scgf-guide{fill:none;stroke:var(--fg-3);stroke-width:1px;stroke-dasharray:2 4}.site .scgf-axis{fill:none;stroke:var(--fg-3);stroke-width:1px}.site .scgf-win-on{fill:none;stroke:var(--fg);stroke-width:3px}.site .scgf-win-off{fill:none;stroke:var(--line-2);stroke-width:3px}.site .scgf-now{fill:none;stroke:var(--accent);stroke-width:2px}.site .scgf-code{font:500 12.5px var(--mono);fill:var(--fg)}.site .scgf-l{font:500 11.5px var(--mono);fill:var(--fg)}.site .scgf-s{font:500 10.5px var(--mono);fill:var(--fg-3)}.site .scgf-n{font:500 10.5px var(--mono);fill:var(--fg-2)}@media (max-width:560px){.site .scgf-code{font-size:14px}.site .scgf-l{font-size:12.5px}.site .scgf-s,.site .scgf-n{font-size:11.5px}}