/**handles:red5pro-widgets**/
.red5pro-widget{--r5-radius:12px;--r5-bg:#1a1a2e;--r5-surface:#16213e;--r5-accent-pub:#e94560;--r5-accent-sub:#0f3460;--r5-text:#eaeaea;--r5-text-muted:#8e8e9a;font-family:Inter,Roboto,'Helvetica Neue',Arial,sans-serif;background:var(--r5-bg);color:var(--r5-text);border-radius:var(--r5-radius);overflow:hidden;max-width:640px;margin:24px auto;box-shadow:0 8px 32px rgba(0,0,0,.35)}.red5pro-widget__header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--r5-surface);border-bottom:1px solid rgba(255,255,255,.06)}.red5pro-widget__badge{font-size:11px;font-weight:700;letter-spacing:.08em;padding:3px 10px;border-radius:20px;text-transform:uppercase}.red5pro-widget__badge--pub{background:var(--r5-accent-pub);color:#fff}.red5pro-widget__badge--sub{background:var(--r5-accent-sub);color:#c4d4ec}.red5pro-widget__status{font-size:13px;color:var(--r5-text-muted)}.red5pro-widget__video-wrap{position:relative;background:#000;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.red5pro-widget__video{width:100%;height:100%;object-fit:contain;display:block}.red5pro-widget__spinner{position:absolute;display:none;gap:6px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.red5pro-widget__spinner div{width:10px;height:10px;border-radius:50%;background:var(--r5-accent-pub);animation:r5-bounce 1.2s infinite ease-in-out}.red5pro-widget__spinner div:nth-child(2){animation-delay:.15s}.red5pro-widget__spinner div:nth-child(3){animation-delay:.3s}@keyframes r5-bounce{0%,100%,80%{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.red5pro-widget__controls{display:flex;gap:10px;padding:12px 16px;justify-content:center}.red5pro-widget__btn{border:none;border-radius:8px;padding:10px 28px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s}.red5pro-widget__btn:active{transform:scale(.97)}.red5pro-widget__btn--start{background:linear-gradient(135deg,#e94560,#c23152);color:#fff}.red5pro-widget__btn--start:hover{background:linear-gradient(135deg,#ff6b81,#e94560)}.red5pro-widget__btn--stop{background:rgba(255,255,255,.08);color:var(--r5-text);border:1px solid rgba(255,255,255,.15)}.red5pro-widget__btn--stop:hover{background:rgba(255,255,255,.14)}.red5pro-widget__btn:disabled{opacity:.45;cursor:not-allowed}.red5pro-widget__info{display:flex;justify-content:space-between;padding:8px 16px 12px;font-size:12px;color:var(--r5-text-muted);border-top:1px solid rgba(255,255,255,.06)}.red5pro-widget--active{box-shadow:0 0 0 2px var(--r5-accent-pub),0 8px 32px rgba(233,69,96,.18)}.red5pro-player-widget.red5pro-widget--active{box-shadow:0 0 0 2px var(--r5-accent-sub),0 8px 32px rgba(15,52,96,.25)}.red5pro-player-widget .red5pro-widget__spinner div{background:#4d8fd6}.red5pro-player-widget .red5pro-widget__btn--start{background:linear-gradient(135deg,#0f3460,#1a5fad)}.red5pro-player-widget .red5pro-widget__btn--start:hover{background:linear-gradient(135deg,#1a5fad,#2b7de9)}.red5pro-widget__badge--hls{background:#1b7a3d;color:#d4f5e0}.red5pro-hls-widget.red5pro-widget--active{box-shadow:0 0 0 2px #1b7a3d,0 8px 32px rgba(27,122,61,.25)}.red5pro-hls-widget .red5pro-widget__spinner div{background:#2ecc71}.red5pro-hls-widget .red5pro-widget__btn--start{background:linear-gradient(135deg,#1b7a3d,#27ae60)}.red5pro-hls-widget .red5pro-widget__btn--start:hover{background:linear-gradient(135deg,#27ae60,#2ecc71)}@media (max-width:480px){.red5pro-widget{margin:12px 8px;border-radius:8px}.red5pro-widget__btn{padding:8px 18px;font-size:13px}}.red5pro-unified-widget{max-width:1200px;background-color:transparent;box-shadow:none;font-family:Inter,sans-serif}.red5pro-unified__container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;background:0 0;margin-bottom:20px}.red5pro-unified__hls,.red5pro-unified__publisher,.red5pro-unified__subscriber{display:flex;flex-direction:column}.red5pro-unified-widget .red5pro-widget__video-wrap{aspect-ratio:16/9;background:#000;border-radius:0;overflow:hidden;position:relative}.red5pro-unified-widget .red5pro-widget__header{background:0 0;border:none;padding:10px 0 0 0;justify-content:center}.red5pro-widget__label{font-size:14px;color:#e0e0e0;text-align:center;line-height:1.4}.red5pro-unified__info{display:flex;justify-content:center;align-items:center;padding:20px 0;font-size:14px;color:#b0b0b0;border-top:none;gap:10px}.red5pro-unified__info strong{color:#fff;font-weight:500;margin-left:5px}@media (max-width:900px){.red5pro-unified__container{grid-template-columns:1fr;gap:30px}}