:root{color-scheme:dark;--red:#d71920;--nav:#061c2b;--bg:#01070b;--panel:#09243a}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);font-family:Arial,Helvetica,sans-serif;color:#fff;overflow:hidden}
body{display:flex;flex-direction:column}.toolbar{min-height:100px;padding:12px 16px;display:flex;align-items:center;gap:10px;background:var(--nav);z-index:5;flex-wrap:wrap}.logo{width:42px;height:64px;object-fit:contain}
select,input,button{min-height:42px;border-radius:7px;font-size:16px}select,input{background:#fff;color:#111;border:1px solid #bbb;padding:0 12px}select{min-width:190px}.custom-wrap{display:flex}.custom-wrap input{min-width:220px}.hidden{display:none!important}
button{border:0;color:#fff;background:var(--red);padding:0 15px;font-weight:700;cursor:pointer}button:active{transform:translateY(1px)}#mute-button,#fullscreen-button{width:44px;padding:0;font-size:20px}
.player-shell{position:relative;flex:1;min-height:0;background:#000;display:flex;align-items:center;justify-content:center}.player-shell video{width:100%;height:100%;object-fit:contain;background:#000}.placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#01070b;padding:20px}.placeholder img{width:150px;max-width:32vw}.placeholder p{font-size:18px;margin-top:24px}.live-badge{position:absolute;top:18px;right:18px;background:var(--red);padding:8px 12px;border-radius:5px;font-weight:800}
.diagnostic{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:min(850px,82vw);max-height:120px;overflow:auto;margin:0;padding:10px;background:rgba(7,38,61,.92);color:#9ad7ff;border-radius:7px;font-size:12px;white-space:pre-wrap}
body.embed .toolbar,body.embed .diagnostic{display:none}body.embed .player-shell{height:100vh}.player-shell:fullscreen{width:100vw;height:100vh}
@media(max-width:650px){html,body{overflow:auto}.toolbar{min-height:auto;padding:8px}.logo{width:34px;height:48px}select,.custom-wrap,input,#receive-button{width:100%}.custom-wrap{width:100%}.custom-wrap input{min-width:0}.player-shell{min-height:calc(100vh - 210px)}.diagnostic{width:92vw}.placeholder img{width:110px}}