.ppo-context{margin:24px 0;border-block:1px solid var(--trace-line);padding-block:16px}.pe-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pe-timeline button{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--trace-line);border-radius:6px;background:transparent;min-width:0;text-align:left;font-size:12px}.pe-timeline strong{font-size:12px;font-weight:500;line-height:1.6}.pe-timeline small{color:var(--muted)}.pe-timeline .pe-active{border-color:var(--trace-ink);background:var(--trace-soft)}
.pe-motion{display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr;align-items:center;gap:20px}.pe-motion figure{margin:12px 0}.pe-motion svg{width:100%;max-width:340px;display:block;margin:auto}.pe-motion-data{min-width:0}.pe-motion-data p{font-size:12px;line-height:1.8}.pe-motion-data .trace-quantity{align-items:flex-start;flex-direction:column}.pe-motion-data strong{font-size:12px;overflow-wrap:anywhere;line-height:1.8}.pe-motion svg text,.pe-chart svg text{font:12px system-ui,sans-serif;fill:currentColor}.pe-motion svg,.pe-chart svg{color:var(--trace-ink);overflow:visible}.pe-motion svg path,.pe-chart svg path{fill:none;stroke:currentColor;stroke-width:1.6}.pe-motion svg rect{fill:var(--trace-bg);stroke:currentColor;stroke-width:1.5}.pe-motion svg circle,.pe-chart svg circle{fill:currentColor}.pe-motion svg .pe-pole{stroke-width:4}.pe-motion .pe-ghost{opacity:.3}.pe-motion svg .pe-guide{stroke-dasharray:4 5;opacity:.4}.pe-track,.pe-grid{stroke:var(--trace-line)!important}.pe-reference{stroke:var(--muted)!important;stroke-dasharray:5 5}.pe-chart{margin:20px 0}.pe-chart svg{display:block;width:100%;height:auto}.pe-chart .pe-series-1 path{stroke-dasharray:3 4}.pe-chart .pe-series-1 circle{fill:var(--trace-bg);stroke:currentColor;stroke-width:1.5}.pe-chart .trace-corresponding{color:var(--blue,#1468c5);box-shadow:none!important}.pe-legend-0:before,.pe-legend-1:before{content:"";display:inline-block;width:18px;border-top:2px solid currentColor;vertical-align:middle;margin-right:5px}.pe-legend-1:before{border-top-style:dashed}.pe-sample-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:20px 0}.pe-sample-actions button{border:1px solid var(--trace-line);border-radius:5px;padding:8px;background:transparent}.pe-sample-actions span,.pe-small{font-size:12px;line-height:1.9;color:var(--muted)}.pe-inputs{margin-top:18px;font-size:12px}.pe-inputs pre{overflow:auto;max-height:350px;background:var(--trace-soft);padding:10px}.pe-uniform{display:flex;position:relative;height:44px;border:1px solid var(--trace-ink);border-radius:5px;margin:22px 0 12px}.pe-uniform span{display:grid;place-items:center;font-size:12px}.pe-uniform span:first-child{background:var(--trace-soft);border-right:1px solid var(--trace-ink)}.pe-uniform span:nth-child(2){flex:1}.pe-uniform i{position:absolute;height:58px;top:-7px;border-left:2px solid var(--blue,#1468c5)}.ppo-trace .ppo-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:650px){.pe-motion{grid-template-columns:1fr;gap:0}.pe-motion figure{max-width:340px;margin:14px auto;width:100%}.pe-timeline{gap:5px}.pe-timeline button{padding:7px 5px;font-size:11px}.pe-timeline strong{font-size:11px}.pe-timeline small{font-size:10px}.ppo-trace .ppo-controls{grid-template-columns:1fr}.pe-chart svg{max-width:100%}}
.pe-network{margin:22px 0;font-size:12px}.pe-network summary{cursor:pointer}.pe-network p{line-height:1.9}.pe-layers{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:16px}.pe-layers>div{border:1px solid var(--trace-line);padding:10px;line-height:1.8}.pe-layers code{display:block;font-size:11px}@media(max-width:650px){.pe-layers{flex-direction:column;align-items:stretch}.pe-layers>span{transform:rotate(90deg);align-self:center}}