.watch-trial-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin-top:12px;border:1px solid #80632d;border-radius:12px;background:linear-gradient(110deg,#362b1c,#221d20)}
.watch-trial-banner>div{display:grid;gap:5px;min-width:0}.watch-trial-tag{font-size:10px;font-weight:800;letter-spacing:.16em;color:#f6d276}.watch-trial-banner strong{font-size:16px}.watch-trial-banner small{color:#d2c6ae;line-height:1.5}.watch-trial-banner .unlock-stage-button{flex-shrink:0;min-height:48px;white-space:normal}.pd-player-end>.unlock-stage-button{margin:6px 0 12px;min-height:48px}.pd-player-end>p{max-width:30ch;margin:8px auto;font-size:14px;color:#e5d8bd}
.trial-tools{display:flex;align-items:center;gap:12px;margin-bottom:16px}.trial-tools [role=status]{color:#a44740;overflow-wrap:anywhere}.episode-trial-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.episode-trial-workspace>.panel{min-width:0;padding:24px}.episode-trial-policy input{width:100%;max-width:250px}.episode-trial-policy .btn{white-space:normal;min-height:48px}.episode-trial-track{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid #eae5ec}.episode-trial-track:last-child{border:0}.episode-trial-track>div{flex:1;min-width:100px;overflow-wrap:anywhere}.episode-trial-track small{display:block;color:#756c7d}.episode-trial-track p{flex-basis:100%;margin:0}.trial-state{border-radius:6px;background:#f0edf3;padding:5px 9px;font-size:12px;color:#625a6a}.trial-state.is-ready{color:#147148;background:#e1f4e9}.trial-state.is-failed{color:#a2383c;background:#ffebed}.trial-state.is-queued,.trial-state.is-processing{color:#886319;background:#fff3d4}
@media(max-width:800px){.episode-trial-workspace{grid-template-columns:1fr;gap:14px}.episode-trial-workspace>.panel{padding:20px}.watch-trial-banner{gap:12px;padding:16px}.watch-trial-banner .unlock-stage-button{padding:12px;font-size:12px}}
@media(max-width:899px) and (orientation:portrait){.pd-player[data-player-trial=true]:not(:fullscreen):not(.pd-immersive) .pd-player-stage{max-height:calc(100svh - 430px)}}
@media(max-width:430px){.watch-trial-banner{flex-wrap:wrap}.watch-trial-banner>div{flex-basis:100%}.watch-trial-banner .unlock-stage-button{width:100%}.episode-trial-workspace>.panel{padding:16px}.episode-trial-policy .btn{width:100%}.episode-trial-policy input{max-width:none}.episode-trial-track .btn{min-height:44px}.pd-player-end>.unlock-stage-button{padding:12px;white-space:normal}.pd-player-end>p{font-size:12px}}
