.site .plx{gap:32px;min-width:0;display:grid}.site .plx-panel{border:1px solid var(--line-2);min-width:0}.site .plx-k{font:500 10px/1.4 var(--mono);color:var(--fg-3);margin:0}.site .plx input[type=range]{width:100%;min-width:0;accent-color:var(--fg);margin:0}.site .plx input[type=range]:focus-visible{outline:1px solid var(--fg);outline-offset:6px}.site .plx-presets{gap:8px;padding:16px;display:grid}.site .plx-preset-note{color:var(--fg-2);margin:0;font-size:13px;line-height:1.5}.site .plx-seg{border:1px solid var(--line-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;min-width:0;display:grid}.site .plx-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;white-space:nowrap;background:0 0;padding:7px 6px;overflow:hidden}.site .plx-seg button:first-child{border-left:0}.site .plx-seg button[aria-checked=true]{background:var(--fg);color:var(--bg)}.site .plx-seg button:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .plx-seg button[aria-checked=true]:focus-visible{outline-color:var(--bg)}.site .plx-seg.is-wide{border:0;flex-wrap:wrap;max-width:560px;padding:0 1px 1px 0;display:flex}.site .plx-seg.is-wide button{border:1px solid var(--line-2);flex:84px;margin:0 -1px -1px 0}.site .plx-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto 72px;grid-template-areas:"name travel axis""name rate axis""speed speed speed";align-items:center;gap:2px 12px;padding:12px 16px;display:grid}.site .plx-row .plx-speed{margin-top:8px}.site .plx-row.is-head{display:none}.site .plx-name{min-width:0;color:var(--fg);grid-area:name;align-items:baseline;gap:12px;font-size:14px;display:flex}.site .plx-name b{font:500 10.5px/1 var(--mono);color:var(--fg-3)}.site .plx-name small{font:400 11px/1.4 var(--mono);color:var(--fg-3);margin-top:2px;display:block}.site .plx-speed{grid-area:speed;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.site .plx-speed span{font:500 12px/1 var(--mono);color:var(--fg);font-variant-numeric:tabular-nums}.site .plx-row .plx-seg{grid-area:axis}.site .plx-out{font:400 11.5px/1.4 var(--mono);color:var(--fg-2);font-variant-numeric:tabular-nums;white-space:nowrap}.site .plx-out.is-travel{text-align:right;grid-area:travel}.site .plx-out.is-rate{text-align:right;grid-area:rate}@media (min-width:760px){.site .plx-row{grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) 72px 80px 72px;grid-template-areas:"name speed axis travel rate";gap:8px 16px}.site .plx-row .plx-speed{margin-top:0}.site .plx-out.is-travel{text-align:left}.site .plx-row.is-head{padding-top:10px;padding-bottom:10px;display:grid}.site .plx-row.is-head span{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .plx-row.is-head span:first-child{grid-area:name}.site .plx-row.is-head span:nth-child(2){grid-area:speed;padding-left:64px}.site .plx-row.is-head span:nth-child(3){grid-area:axis}.site .plx-row.is-head span:nth-child(4){grid-area:travel}.site .plx-row.is-head span:nth-child(5){text-align:right;grid-area:rate}}.site .plx-window{--plx-v:360px;border-top:1px solid var(--line);position:relative}@media (max-width:599px){.site .plx-window{--plx-v:320px}}.site .plx-box{height:var(--plx-v);overscroll-behavior:contain;scroll-behavior:auto;background:var(--bg);padding:0 clamp(16px,3vw,32px);position:relative;overflow:hidden auto}.site .plx-box:focus-visible{outline:1px solid var(--fg);outline-offset:-1px}.site .plx-pad{height:var(--plx-v);align-content:start;gap:16px;padding:24px 0;display:grid}.site .plx-pad.is-end{align-content:end}.site .plx-hint{font:500 11px/1.4 var(--mono);color:var(--fg-3);margin:0}.site .plx-bars{gap:10px;display:grid}.site .plx-bars i{background:var(--line);height:6px;display:block}.site .plx-bars i:first-child{background:var(--line-2);width:48%;height:10px}.site .plx-bars i:nth-child(2){width:92%}.site .plx-bars i:nth-child(3){width:86%}.site .plx-bars i:nth-child(4){width:95%}.site .plx-bars i:nth-child(5){width:64%}.site .plx-edge{z-index:1;background:var(--bg);font:500 10px/1.4 var(--mono);color:var(--fg-3);pointer-events:none;padding:2px 6px;position:absolute;right:12px}.site .plx-edge.is-top{top:8px}.site .plx-edge.is-bottom{bottom:8px}.site .plx-scene{aspect-ratio:3;border:1px solid var(--line-2);background:var(--panel);position:relative;overflow:hidden}@media (max-width:599px){.site .plx-scene{aspect-ratio:3/2}}.site .plx-layer{will-change:transform;position:absolute;inset:0}.site .plx-layer svg{width:100%;height:100%;display:block;overflow:visible}.site .plx-layer path,.site .plx-layer circle{stroke-width:1.25px;vector-effect:non-scaling-stroke}.site .plx-layer .plx-fill{fill:var(--panel)}.site .plx-layer .plx-thin{stroke-width:1px;opacity:.7}.site .plx-layer .plx-dash{stroke-dasharray:2 7}.site .plx-l-sky,.site .plx-l-mountains{color:var(--fg-3)}.site .plx-l-hills{color:var(--fg-2)}.site .plx-l-ground{color:var(--fg)}.site .plx-l-sky .plx-sun{color:var(--fg-2);stroke-width:1.5px}.site .plx-l-ground path{stroke-width:1.4px}.site .plx-transport{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 16px;padding:12px 16px;display:flex}.site .plx-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 .plx-btn:hover,.site .plx-btn:focus-visible{border-color:var(--fg);outline:0}.site .plx-btn:disabled{color:var(--fg-3);border-color:var(--line);cursor:not-allowed}.site .plx-scrub{flex:200px;gap:4px;min-width:0;display:grid}.site .plx-scrub span,.site .plx-count{font:500 10px/1.4 var(--mono);color:var(--fg-3);font-variant-numeric:tabular-nums}.site .plx-count{margin:0}.site .plx-note{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 .plx-code{min-width:0;display:grid}.site .plx-tabs{flex-wrap:wrap;display:flex}.site .plx-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 .plx-tab:first-child{border-left-width:1px}.site .plx-tab[aria-selected=true]{color:var(--fg);background:var(--panel)}.site .plx-tab:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .plx-code .code-box{margin-top:0}.site .plx-live{border-top:1px solid var(--line);gap:16px;padding:clamp(32px,8vw,96px) 0;display:grid}.site .plx-live .plx-scene{aspect-ratio:2.4}@media (max-width:599px){.site .plx-live .plx-scene{aspect-ratio:3/2}}.site .plx-live-note{max-width:60ch;color:var(--fg-2);margin:0;font-size:13px;line-height:1.6}.site .plx-scroll{overflow-x:auto}.site .plx-table{border-collapse:collapse;width:100%;font-size:13.5px}.site .plx-table th,.site .plx-table td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 16px 10px 0}.site .plx-table th{font:500 10px/1.4 var(--mono);color:var(--fg-3);white-space:nowrap}.site .plx-table td:first-child,.site .plx-table td:nth-child(2),.site .plx-table td:nth-child(3){font:400 12.5px/1.5 var(--mono);color:var(--fg);white-space:nowrap}.site .plx-table td:last-child{color:var(--fg-2);line-height:1.6}@media (max-width:599px){.site .plx-table th,.site .plx-table td{padding-right:12px}.site .plx-table th:last-child,.site .plx-table td:last-child{padding-right:0}.site .plx-table td:last-child{min-width:10em}}.site .plx-opts .stk-q{grid-template-columns:112px minmax(0,1fr);column-gap:16px}@media (max-width:559px){.site .plx-opts .stk-q{grid-template-columns:minmax(0,1fr);gap:4px}}.site .plxf svg{width:100%;height:auto;color:var(--fg)}.site .plxf-guide{color:var(--fg-3)}.site .plxf-ink{color:var(--fg)}.site .plxf-k{font:500 10.5px var(--mono);fill:var(--fg-2)}.site .plxf-v{font:500 11px var(--mono);fill:var(--fg)}.site .plxf-n{font:500 10px var(--mono);fill:var(--fg-3)}@media (max-width:599px){.site .plxf-k{font-size:14px}.site .plxf-v{font-size:14.5px}.site .plxf-n{font-size:13.5px}}@media (prefers-reduced-motion:reduce){.site .plx-layer{will-change:auto}}
