.playback-test-page{padding:28px 34px 80px;max-width:1500px;margin:0 auto}.playback-test-page>header small{color:#84f528;letter-spacing:.16em;font-weight:800}.playback-test-page>header h1{font-size:clamp(2rem,4vw,4.2rem);margin:.15em 0 .1em}.playback-test-page>header p{max-width:900px;color:#c8d2cd}.playback-test-status{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:24px 0;padding:16px;border:1px solid rgba(153,153,153,.5);background:rgba(0,0,0,.58);border-radius:14px}.playback-test-status.is-ready{box-shadow:0 0 24px rgba(132,245,40,.12)}.playback-test-status.is-warning{border-color:#ff5b5b}.playback-test-status div{display:flex;flex-direction:column;gap:5px}.playback-test-status strong{color:#84f528}.playback-test-status span{overflow-wrap:anywhere}.playback-test-grid{display:grid;gap:14px}.playback-test-card{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px;border:1px solid rgba(153,153,153,.45);border-radius:14px;background:rgba(0,0,0,.62)}.playback-test-poster{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#07100b}.playback-test-poster img{width:100%;height:100%;object-fit:cover}.playback-test-poster span{position:absolute;left:7px;bottom:5px;color:#84f528;font-size:.7rem;font-weight:900}.playback-test-copy h2{margin:0 0 7px}.playback-test-copy p{margin:0;color:#c7d1cc}.playback-test-copy em{display:block;margin-top:7px;color:#ff8a8a}.playback-test-actions{display:flex;gap:10px}.playback-test-actions button{display:flex;align-items:center;gap:8px;min-height:46px;padding:8px 14px;border:1px solid #999;border-radius:10px;background:rgba(0,0,0,.75);color:#fff}.playback-test-actions .icon-template{width:28px;height:28px}.playback-test-actions img{max-width:100%;max-height:100%}.playback-test-actions button:hover{border-color:#84f528;box-shadow:0 0 18px rgba(132,245,40,.25)}.playback-test-empty,.playback-test-loading,.playback-test-error{padding:28px;border:1px solid #777;border-radius:14px;background:rgba(0,0,0,.64)}.playback-test-empty span{display:block;margin-top:8px;color:#c7d1cc}@media(max-width:800px){.playback-test-status{grid-template-columns:1fr}.playback-test-card{grid-template-columns:1fr}.playback-test-poster{width:180px}.playback-test-actions{flex-wrap:wrap}}