.video-player-box{position:relative;width:100%;background-color:#000;border-radius:5px;overflow:hidden}.video-player{width:100%;height:auto;display:block}.loading{background-color:rgba(0,0,0,.7);padding:10px 20px;border-radius:4px}.error,.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px}.error{background-color:rgba(255,0,0,.7);padding:15px 25px;border-radius:6px;text-align:center;max-width:80%;box-shadow:0 4px 8px rgba(0,0,0,.3)}.error-message{margin-bottom:12px;white-space:pre-wrap;word-wrap:break-word;line-height:1.5}.retry-button{background-color:#fff;color:red;border:none;padding:8px 20px;border-radius:4px;font-size:14px;cursor:pointer;font-weight:700;transition:all .3s ease}.retry-button:hover{background-color:red;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.2)}.retry-button:active{transform:translateY(0)}