.pt-demo-section{padding-top:42px}.pt-intro{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:34px}.pt-intro h2{font-size:34px;max-width:640px}.pt-intro>p{max-width:390px;font-size:17px}.pt-workbench{border:1px solid #586454;background:#202c25;color:#f5f7ef;border-radius:12px;overflow:hidden}.pt-workbench button{font-size:13px;color:inherit}.pt-toolbar{display:flex;gap:20px;align-items:center;padding:18px 22px;border-bottom:1px solid #53614e}.pt-toolbar strong{display:flex;align-items:center;gap:12px;font-size:16px}.pt-toolbar>span{font-size:12px;color:#ced7c4;margin-left:auto}.pt-toolbar>button,.pt-finding>button{padding:7px 12px;background:transparent;border:1px solid #829077;border-radius:5px}.pt-toolbar>button:hover{background:#3c4a39}.pt-finding{background:#f0ddd1;color:#6f2b1e;padding:15px 22px;display:flex;gap:25px;align-items:center;justify-content:space-between}.pt-finding>span{display:flex;gap:11px;align-items:center;font-size:15px}.pt-finding>button{color:#542218;border-color:#a56e5d;white-space:nowrap}.pt-debugger{display:grid;grid-template-columns:235px minmax(0,1.1fr) minmax(300px,1fr);align-items:stretch}.pt-steps{padding:24px 12px;background:#202c25;border-right:1px solid #52614d}.pt-steps h3{font-size:13px;letter-spacing:0;color:#d2d9c9;padding:0 9px 17px}.pt-steps>button{display:flex;align-items:center;gap:10px;text-align:left;padding:15px 10px;width:100%;border:1px solid transparent;background:transparent;border-radius:5px;margin-bottom:6px}.pt-steps>button:hover{background:#344432}.pt-steps>button.is-selected{background:#dce6cf;color:#203526}.pt-step-index{font-family:var(--mono);font-size:12px;width:17px}.pt-steps strong{font-size:13px;font-weight:500;display:block;line-height:1.4}.pt-steps small{display:block;font-size:12px;color:inherit;opacity:.9;margin-top:5px}.pt-steps .icon{width:15px;height:15px;margin-left:auto}.pt-browser{min-width:0;padding:22px;background:#e6ecde;color:#253a2b}.pt-browser-address{display:flex;gap:7px;align-items:center;font-size:12px;color:#49613e;padding:0 0 15px}.pt-browser-address .icon{width:14px;height:14px}.pt-browser-address>span{margin-left:auto;font-family:var(--mono);font-size:12px}.pt-app{background:#fbfcf7;min-height:300px;padding:24px 22px;border:1px solid #c3cfb9;border-radius:7px}.pt-app-brand{font-weight:700;font-size:20px;display:flex;gap:10px;align-items:center;margin-bottom:25px}.pt-app-brand>span{font-size:12px;font-weight:400;margin-left:auto;color:#57694a}.pt-app>p{font-size:13px;color:#526448;line-height:1.55}.pt-app h3{font-size:24px;margin:8px 0 13px}.pt-app-plan{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #cfd8c6}.pt-app-plan span{font-size:12px;color:#526448}.pt-app-plan strong{font-size:29px;line-height:1.2;display:block;color:#253a2b;margin-top:6px}.pt-app-feature{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding-top:15px}.pt-app-feature strong{font-size:12px;font-weight:500;color:#77523d}.pt-browser-caption{font-size:13px;line-height:1.5;color:#42583a;margin-top:18px}.pt-inspector{min-width:0;background:#253329;border-left:1px solid #52614d}.pt-tabs{display:flex;border-bottom:1px solid #53614e;padding:0 8px;gap:0}.pt-tabs>button{padding:19px 11px;background:transparent;border:0;border-bottom:2px solid transparent;color:#d0dac5;font-size:12px;white-space:nowrap}.pt-tabs>button[aria-selected=true]{color:#fff5ed;border-bottom-color:#ff956e}.pt-panel{min-height:237px;padding:22px}.pt-panel pre,.pt-compare-panel pre{color:#e0e9d7;font-size:12px;line-height:1.8;margin:15px 0 0}.pt-request{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pt-request code{font-size:12px;overflow-wrap:anywhere}.pt-status{background:#bedbb4;color:#213a27;border-radius:3px;padding:2px 6px;font-size:12px;font-family:var(--mono)}.pt-status.is-failed{background:#efc3b0;color:#55271b}.pt-panel-label{font-size:12px;color:#d1daca;margin:22px 0 10px}.pt-console{border:1px solid #6f8663;padding:15px;border-radius:5px}.pt-console>span{font-size:12px;color:#d5e6c7}.pt-console p{color:#f1f5e8;font-size:14px;margin-top:8px}.pt-console.is-failed{border-color:#c98d70}.pt-console.is-failed>span{color:#ffc4a9}.pt-fields{margin:0}.pt-field{display:flex;gap:15px;justify-content:space-between;padding:13px 0;border-bottom:1px solid #52614d;font-size:13px}.pt-field dt{color:#d5dfc8}.pt-field dd{margin:0;text-align:right;color:#f4f7ed}.pt-field.is-changed dd{color:#ffbd9d}.pt-compare-button{display:flex;align-items:center;gap:9px;width:calc(100% - 44px);margin:0 22px 22px;padding:11px 10px;line-height:1.5;background:#334832;border:1px solid #819274;border-radius:5px;text-align:left}.pt-compare-button:hover,.pt-compare-button[aria-pressed=true]{background:#435a3d}.pt-compare-button .icon{width:16px;height:16px}.pt-compare-panel{padding:20px 22px;background:#1d2c22;border-top:1px solid #718b63}.pt-compare-panel h3{font-size:13px;color:#d8eaca;letter-spacing:0;margin:0 0 17px}.pt-demo-note{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#d2ddc6;border-top:1px solid #53614e;padding:15px 22px}.pt-example-caption{font-size:14px;line-height:1.65;max-width:85ch;margin:19px 0 0}.pt-section-heading{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:55px}.pt-section-heading h2{max-width:710px}.pt-section-heading p{max-width:410px;font-size:18px;line-height:1.7}.pt-investigation{border-block:1px solid var(--line);background:#edf1e5}.pt-setup-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:start}.pt-setup-grid>div{min-width:0}.pt-setup-grid h2{margin-bottom:27px}.pt-setup-grid p{font-size:18px;line-height:1.75;max-width:68ch;margin-bottom:23px}.pt-setup-grid ol{padding-left:22px;margin:26px 0;font-size:17px;line-height:1.7}.pt-setup-grid li{padding-left:5px;margin:13px 0}.pt-setup-grid .code-window{margin-bottom:22px}.pt-setup-grid p.pt-code-note{font-size:14px;line-height:1.7}.pt-capture-section{background:#e8eddf;border-block:1px solid var(--line)}.pt-capability-table{width:100%;border-collapse:collapse;text-align:left}.pt-capability-table th,.pt-capability-table td{border-bottom:1px solid #bdc9b3;padding:22px 24px 22px 0;vertical-align:top;font-size:16px;line-height:1.6}.pt-capability-table thead th{font-size:14px;color:#536846}.pt-capability-table tbody th{width:23%;font-weight:600}.pt-capability-table td{color:#45593b;width:38.5%}.pt-recording-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:65px;align-items:center}.pt-recording-grid figure{margin:0;min-width:0}.pt-recording video{display:block;width:100%;height:auto;background:#e3e9da;border:1px solid #c8d2be;border-radius:8px}.pt-recording figcaption{font-size:13px;color:var(--ink-soft);margin-top:15px}.pt-recording h2{margin-bottom:25px}.pt-recording p{font-size:17px;line-height:1.75;margin-bottom:20px}.pt-recording .text-link{display:flex;width:fit-content;margin-top:18px}.pt-handoff{padding-top:0}.pt-handoff-example{background:#e7eddf;border:1px solid #becdb2;padding:33px;border-radius:8px}.pt-handoff-example h3{font-size:21px;margin:0 0 24px}.pt-handoff-example dl{margin:0 0 28px}.pt-handoff-example dl>div{display:grid;grid-template-columns:90px 1fr;gap:24px;margin:18px 0}.pt-handoff-example dt{font-size:14px;color:#4b6240}.pt-handoff-example dd{margin:0;font-size:16px;line-height:1.6}.pt-handoff-example .text-link{margin:12px 20px 0 0}.pt-workbench :focus-visible{outline-offset:-4px}
@media(max-width:1150px){.pt-debugger{grid-template-columns:205px minmax(0,1fr)}.pt-inspector{grid-column:1/-1;border-left:0;border-top:1px solid #53614e;display:grid;grid-template-columns:1fr 1fr;align-items:start}.pt-tabs{grid-column:1/-1}.pt-panel{min-height:180px}.pt-compare-button{margin:24px 22px 0}.pt-compare-panel{grid-column:1/-1}.pt-setup-grid{gap:45px}}
@media(max-width:900px){.pt-intro,.pt-section-heading{display:block}.pt-intro>p,.pt-section-heading>p{margin-top:25px;max-width:65ch}.pt-intro h2{font-size:32px}.pt-setup-grid,.pt-recording-grid{grid-template-columns:1fr;gap:40px}.pt-capability-table th,.pt-capability-table td{font-size:14px;padding:18px 14px 18px 0}.pt-toolbar{flex-wrap:wrap;gap:12px}.pt-toolbar>span{margin-left:auto}.pt-finding{align-items:start}.pt-finding>button{font-size:12px}.pt-handoff{padding-top:15px}}
@media(max-width:600px){.pt-demo-section{padding-top:28px}.pt-intro h2{font-size:29px}.pt-toolbar{padding:16px}.pt-toolbar strong{width:100%;font-size:15px}.pt-toolbar>span{margin-left:0;margin-right:auto}.pt-finding{display:block;padding:16px}.pt-finding>span{align-items:start;font-size:14px}.pt-finding>button{margin-top:13px}.pt-debugger{grid-template-columns:1fr}.pt-steps{border:0;padding:16px 12px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.pt-steps h3{grid-column:1/-1;padding-bottom:6px}.pt-steps>button{margin:0;padding:10px 8px;min-height:68px;gap:7px}.pt-steps>button>.icon{display:none}.pt-steps strong{font-size:12px}.pt-step-index{width:12px}.pt-browser{padding:18px}.pt-app{min-height:250px;padding:20px}.pt-inspector{display:block}.pt-tabs{justify-content:space-between}.pt-tabs>button{padding:17px 9px}.pt-panel{min-height:200px;padding:20px}.pt-compare-button{margin:0 20px 20px;width:calc(100% - 40px)}.pt-demo-note{padding:15px 18px;display:block;line-height:1.6}.pt-demo-note>span{display:block}.pt-demo-note>span+span{margin-top:3px}.pt-section-heading{margin-bottom:35px}.pt-section-heading h2 br{display:none}.pt-capability-table th,.pt-capability-table td{font-size:13px;padding:16px 12px 16px 0}.pt-capability-table tbody th{width:25%}.pt-recording h2 br,.pt-setup h2 br{display:none}.pt-handoff-example{padding:24px}.pt-handoff-example dl>div{grid-template-columns:1fr;gap:5px}.pt-handoff-example dd{font-size:16px}}

/* Captured-step timeline and investigation story. All data is an authored example. */
.pt-timeline{--track-gap:8px;padding:22px;background:#1c2922;border-bottom:1px solid #53614e}
.pt-timeline-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}
.pt-timeline-heading label{font-size:15px;font-weight:500}.pt-timeline-heading output{font:12px var(--mono);color:#d2ddc6}
.pt-time-axis,.pt-scrubber-row,.pt-track{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:16px}
.pt-time-axis>span,.pt-scrubber-row>span,.pt-track>span{font-size:12px;color:#d2ddc6}
.pt-time-axis>div,.pt-track>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--track-gap)}
.pt-time-axis>div>span{text-align:center;font:12px var(--mono);color:#d2ddc6;padding:5px}
.pt-time-axis small{font-size:12px;display:block;margin-top:3px}.pt-time-axis .is-current{color:#ffc4a9}
.pt-scrubber-row input{appearance:none;width:calc(75% + var(--track-gap) * .75 + 16px);height:40px;margin:0 auto;background:transparent;accent-color:#ffb08c;cursor:pointer}
.pt-scrubber-row input::-webkit-slider-runnable-track{height:2px;background:#829077}.pt-scrubber-row input::-moz-range-track{height:2px;background:#829077}
.pt-scrubber-row input::-webkit-slider-thumb{appearance:none;width:16px;height:16px;margin-top:-7px;background:#ffb08c;border:2px solid #1c2922;border-radius:50%}.pt-scrubber-row input::-moz-range-thumb{width:12px;height:12px;background:#ffb08c;border:2px solid #1c2922;border-radius:50%}
.pt-track{margin-top:5px}.pt-track button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:36px;border:1px solid #53614e;border-radius:4px;background:#253329;color:#d2ddc6;font:12px var(--mono);padding:5px}
.pt-track button i{height:5px;width:5px;background:#c5d9b5;border-radius:50%;flex-shrink:0}
.pt-track button.is-error i{background:#ffb08c}.pt-track button.is-current{background:#3b4b39;color:#f5f7ef}
.pt-track button[aria-pressed=true]{border-color:#ffb08c}.pt-track button:hover{background:#435a3d}
.pt-inspector,.pt-panel{scroll-margin-top:155px}
.pt-tabs{flex-wrap:wrap}.pt-tabs>button{padding-inline:9px}.pt-panel pre{white-space:pre-wrap;overflow-wrap:anywhere}
.pt-case-layout,.pt-baseline,.pt-artifact-boundary,.pt-agent-grid,.pt-replay-boundary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:start}
.pt-case-layout h3,.pt-baseline h3,.pt-artifact-boundary h3,.pt-agent-grid h3,.pt-replay-boundary h3,.pt-setup-grid h3{font-size:26px;line-height:1.2;letter-spacing:-.02em;margin-bottom:18px}
.pt-case-layout p,.pt-baseline p,.pt-artifact-boundary p,.pt-agent-grid p,.pt-replay-boundary p{font-size:17px;line-height:1.75;max-width:65ch}
.pt-case-next h3:not(:first-child),.pt-artifact-boundary h3:not(:first-child){margin-top:34px}
.pt-case-next .text-link{margin-top:24px}.pt-citations{list-style:none;padding:0;margin:28px 0 18px;border-top:1px solid #bbcaae}
.pt-citations li{border-bottom:1px solid #bbcaae}.pt-citations button{display:grid;grid-template-columns:50px minmax(0,1fr) 20px;align-items:center;gap:7px 16px;text-align:left;width:100%;padding:19px 0;border:0;background:transparent;color:#253a2b}
.pt-citations button>span{font:13px var(--mono);grid-row:1/3;color:#526448}.pt-citations strong{font-size:17px;font-weight:500}.pt-citations code{grid-column:2;font-size:12px;overflow-wrap:anywhere}.pt-citations .icon{grid-column:3;grid-row:1/3}
.pt-citations button:hover{color:#9b3d28}.pt-case p.pt-case-note{font-size:14px;color:#526448}
.pt-baseline{margin-top:65px;padding-top:40px;border-top:1px solid #bbcaae}
.pt-diff-table>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:18px 0;border-bottom:1px solid #bbcaae;font-size:14px;align-items:start}
.pt-diff-table strong{font-size:14px}.pt-diff-table code{font-size:12px;overflow-wrap:anywhere}.pt-diff-table .is-different code:last-child{color:#9b3d28}
.pt-adapter-note{border-top:1px solid var(--line);padding-top:30px;margin-top:35px}.pt-adapter-note h3{font-size:23px}.pt-adapter-note p{font-size:16px}
.pt-artifact-boundary{margin-top:65px}.pt-artifact-list{background:#202c25;color:#f5f7ef;padding:28px;border-radius:12px}
.pt-artifact-list h3{font-size:21px}.pt-artifact-list dl{margin:0}.pt-artifact-list dl>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #53614e}
.pt-artifact-list dt{font-size:14px;color:#d2ddc6}.pt-artifact-list dd{font-size:13px;margin:0;text-align:right;display:flex;gap:7px;align-items:center}.pt-artifact-list dd.is-missing{color:#ffbd9d}.pt-artifact-list dd .icon{width:14px;height:14px}
.pt-artifact-list p{font-size:13px;color:#d2ddc6;margin-top:20px}.pt-artifact-boundary .text-link{margin-top:22px}
.pt-agent-grid .code-window{margin-top:25px}.pt-agent-grid>div{min-width:0}.pt-agent-note{margin:24px 0;font-size:14px;color:var(--ink-soft);max-width:80ch}
.pt-replay-boundary{margin-top:65px;padding-top:40px;border-top:1px solid var(--line)}.pt-replay-boundary .text-link{margin-top:24px}
.pt-replay-boundary ol{list-style:none;counter-reset:replay-step;margin:0;padding:0}.pt-replay-boundary li{counter-increment:replay-step;display:grid;grid-template-columns:34px 1fr;gap:6px 18px;padding:0 0 30px;position:relative}
.pt-replay-boundary li:before{content:counter(replay-step);font:13px var(--mono);background:#e8eddf;border:1px solid #bbcaae;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;grid-row:1/3;z-index:1}
.pt-replay-boundary li:not(:last-child):after{content:'';position:absolute;left:16px;top:33px;bottom:0;width:1px;background:#bbcaae}
.pt-replay-boundary li strong{font-size:19px;font-weight:500;align-self:center}.pt-replay-boundary li span{font-size:16px;color:var(--ink-soft);grid-column:2}
@media(max-width:900px){.pt-case-layout,.pt-baseline,.pt-artifact-boundary,.pt-agent-grid,.pt-replay-boundary{grid-template-columns:1fr;gap:35px}.pt-baseline{margin-top:40px}.pt-diff-table>div{gap:12px}.pt-agent-grid{gap:40px}}
@media(max-width:600px){.pt-timeline{--track-gap:4px;padding:16px 12px}.pt-timeline-heading{display:block}.pt-timeline-heading output{display:block;margin-top:7px}.pt-time-axis,.pt-scrubber-row,.pt-track{grid-template-columns:58px minmax(0,1fr);gap:7px}.pt-time-axis>div,.pt-track>div{gap:4px}.pt-track button{font-size:12px;padding:5px 2px;gap:4px}.pt-track button i{display:none}.pt-scrubber-row input{height:44px}.pt-tabs>button{padding:16px 8px}.pt-tabs{gap:0;justify-content:start}.pt-case-layout h3,.pt-baseline h3,.pt-artifact-boundary h3,.pt-agent-grid h3,.pt-replay-boundary h3{font-size:24px}.pt-artifact-list{padding:22px}.pt-artifact-list dl>div{gap:12px}.pt-artifact-list dd{font-size:12px}.pt-artifact-list dt{font-size:13px}.pt-diff-table>div{grid-template-columns:.85fr 1fr 1fr;gap:8px}.pt-diff-table>div:first-child>span{font-size:12px}.pt-citations button{column-gap:10px}}
@media(prefers-reduced-motion:reduce){.pt-track button,.pt-citations button{transition:none}}