.agora-player-container[data-v-8917eee2]{background:#0c1c2c;color:#fff;padding:20px;border-radius:8px;height:100%;display:flex;flex-direction:column}.header[data-v-8917eee2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.controls[data-v-8917eee2]{display:flex;gap:10px}.input-field[data-v-8917eee2]{width:200px}.player-area[data-v-8917eee2]{position:relative;background:#15202b;border-radius:8px;height:500px;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-bottom:20px}#player-container[data-v-8917eee2],.loading-overlay[data-v-8917eee2]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.loading-overlay[data-v-8917eee2]{position:absolute;top:0;left:0;background:rgba(0,0,0,.7);flex-direction:column;z-index:10}.loading-overlay i[data-v-8917eee2]{font-size:48px;color:#20a9e4;margin-bottom:20px}.no-stream[data-v-8917eee2]{display:flex;flex-direction:column;justify-content:center;align-items:center}.no-stream i[data-v-8917eee2]{font-size:64px;color:#1e3246;margin-bottom:20px}.no-stream p[data-v-8917eee2]{color:#8c8c8c;font-size:16px}.status-bar[data-v-8917eee2]{display:flex;justify-content:space-between;background:#1e3246;padding:10px 20px;border-radius:4px}.status-item[data-v-8917eee2]{display:flex;align-items:center}.label[data-v-8917eee2]{color:#8c8c8c;margin-right:8px}.value[data-v-8917eee2]{font-weight:700}.status-connected[data-v-8917eee2]{color:#52c41a}.status-connecting[data-v-8917eee2]{color:#faad14}.status-disconnected[data-v-8917eee2]{color:#ff4d4f}.error-message[data-v-8917eee2]{color:#ff4d4f;font-size:14px;line-height:1.5}[data-v-8917eee2] .dark-dialog{background:#0c1c2c}[data-v-8917eee2] .el-dialog__header{padding:20px 20px 10px;border-bottom:1px solid #1e3246}[data-v-8917eee2] .el-dialog__title{color:#fff;font-size:18px;font-weight:700}[data-v-8917eee2] .el-dialog__body{padding:20px;color:#fff}[data-v-8917eee2] .el-dialog__footer{padding:10px 20px 20px}[data-v-8917eee2] .el-button--primary{background-color:#20a9e4;border-color:#20a9e4}[data-v-8917eee2] .el-input__inner{background-color:#1e3246;border-color:#233446;color:#fff}[data-v-8917eee2] .el-input__inner:focus{border-color:#20a9e4}[data-v-8917eee2] .el-input__inner::-moz-placeholder{color:#8c8c8c}[data-v-8917eee2] .el-input__inner::placeholder{color:#8c8c8c}