.pw-replay{display:flex;flex-direction:column}.pw-replay-bar,.pw-replay-foot{flex:0 0 auto;display:flex;align-items:center;gap:var(--sp-7);padding:var(--sp-4) var(--sp-7)}.pw-replay-bar{min-height:var(--head-h);border-bottom:var(--hairline)}.pw-replay-foot{justify-content:space-between;border-top:var(--hairline)}.pw-replay-id{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;gap:var(--sp-5)}.pw-replay-title{font:var(--type-name);color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw-replay-meta{font:var(--type-meta);color:var(--muted2);flex:0 0 auto;white-space:nowrap}.pw-replay-pitch{font:var(--type-caption);color:var(--muted2);min-width:0}.pw-replay-body{flex:1 1 auto;min-height:0}.pw-replay-state{max-width:var(--measure-start);margin:0 auto;padding:var(--sp-12) var(--gutter)}.pw-replay-state-head{font:var(--type-title);color:var(--text)}.pw-replay-state-body{margin-top:var(--sp-4);font:var(--type-ui);color:var(--muted2)}.pw-replay-wait{display:flex;flex-direction:column;gap:var(--sp-6);max-width:var(--measure-start);margin:0 auto;padding:var(--sp-10) var(--gutter)}@media (max-width:639px){.pw-replay-bar,.pw-replay-foot{gap:var(--sp-5)}.pw-replay-id{flex-direction:column;align-items:flex-start;gap:0}.pw-replay-foot{flex-direction:column;gap:var(--sp-3)}}.pw-share{position:relative;display:flex}.pw-share-pop{top:calc(100% + var(--sp-2));right:0;width:320px;max-width:calc(100vw - var(--sp-10));padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-5)}.pw-share-lead{font:var(--type-caption);color:var(--muted2)}.pw-share-link{font-family:var(--pw-mono)}.pw-share-actions{display:flex;justify-content:flex-end;gap:var(--sp-4)}.pw-share-error{font:var(--type-caption);color:var(--danger)}