.replay-editor [hidden],#replay-player [hidden],.pl-player [hidden]{display:none!important}
.replay-overview{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:24px;margin-bottom:24px;align-items:start}
.replay-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.replay-filters .field{flex:1 1 150px;min-width:0}.replay-overview>.panel:first-child .replay-filters{display:grid;grid-template-columns:1fr}
.replay-note{font-size:13px;color:#4b6077;line-height:1.7;flex-basis:100%}.replay-count{border-top:1px solid #d1dceb;padding:24px}.replay-count strong{font-size:28px}.replay-count span{display:block;margin-top:8px;color:#4b6077}
.replay-identity{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.replay-identity strong{font-size:18px}.replay-identity small{flex-basis:100%;color:#4b6077}
.replay-total{display:flex;flex-wrap:wrap;gap:16px 28px;margin:20px 0}.replay-total strong{display:block;margin-top:6px}.replay-segment{padding:16px 0;border-top:1px solid #d1dceb;display:flex;align-items:center;flex-wrap:wrap;gap:16px}.replay-segment>div:first-child{flex:1 1 180px}.replay-segment small{display:block;color:#4b6077;margin-top:6px}.replay-segment dl{display:flex;gap:20px;margin:0;flex-wrap:wrap}.replay-segment dt{font-size:12px;color:#4b6077}.replay-segment dd{margin:5px 0 0;font-weight:600}.replay-segment-actions{display:flex;gap:8px;align-items:center}.replay-abnormal{color:#ad321d;background:#fff2ed;border-color:#eac4b8}
.replay-record{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-top:1px solid #d1dceb}.replay-record p{margin:8px 0}.replay-record small{color:#4b6077}.replay-list{overflow-wrap:anywhere}#replay-player video{width:100%;max-height:65vh;background:#081722}#replay-player{margin:16px 0}.replay-editor{width:min(1000px,95vw)}.pl-range-times{min-width:0;display:grid;gap:12px}.pl-range-times strong{font-size:13px}.pl-range-times .pl-cue-time{margin-top:6px}.pl-segment-duration{color:#15519c;font-size:13px;line-height:1.6}.pl-range-times input{width:100%;min-width:0}.pl-cues button small{display:block;color:#4b6077;font-size:12px;margin-top:6px}.pl-player-cues button small{display:block;margin-top:4px}
@media(max-width:760px){.replay-overview{grid-template-columns:1fr;gap:16px}.replay-record{padding:16px;align-items:start;flex-wrap:wrap;gap:12px}.replay-record>div:first-child{flex-basis:100%}.replay-record .actions{width:100%;justify-content:flex-start}.replay-record .actions>*{min-height:44px}.replay-filters{gap:12px}.replay-filters .field{flex-basis:calc(50% - 12px)}.replay-filters button{min-height:44px}.replay-segment{align-items:start}.replay-segment>div:first-child{flex-basis:100%}.replay-segment-actions{width:100%;flex-wrap:wrap}.replay-segment-actions button{min-height:44px}.replay-total{gap:16px}.pl-range-times{grid-template-columns:1fr}.replay-editor{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.replay-editor input,.replay-editor select,.replay-editor textarea{font-size:16px}.replay-editor .pl-cue-input{grid-template-columns:1fr}.replay-editor .pl-cue-actions{grid-column:1}.pl-cues button{grid-template-columns:minmax(80px,auto) minmax(0,1fr) 20px}}