.k7-home-live { width:100%; margin:0; padding:0; }
.k7-home-live__stage { position:relative; width:100%; aspect-ratio:16/9; min-height:170px; overflow:hidden; background:#000; color:#ff5722; }
.k7-home-live__stage[hidden], .k7-home-live [hidden] { display:none!important; }
.k7-home-live__stage video { display:block; position:absolute; inset:0; width:100%; height:100%; background:#000; object-fit:contain; }
.k7-home-live__notice { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:18px 16px 30px; text-align:center; box-sizing:border-box; pointer-events:none; }
.k7-home-live__notice p { margin:4px 0; font-size:14px; line-height:1.65; }
.k7-home-live__notice strong { font-size:16px; font-weight:600; }
.k7-home-live__status { font-size:12px!important; color:#ddd; }
.k7-home-live__refresh { margin-top:12px; padding:5px 13px; border:1px solid #ff5722; border-radius:4px; background:transparent; color:#ff5722; font:inherit; font-size:14px; cursor:pointer; pointer-events:auto; }
.k7-home-live__refresh:disabled { opacity:.6; cursor:wait; }
.k7-home-live__mute { position:absolute; right:8px; bottom:8px; z-index:2; min-width:32px; min-height:30px; border:0; border-radius:4px; background:rgba(0,0,0,.55); color:#fff; font-size:18px; cursor:pointer; }
.k7-home-live__toggle { display:flex; align-items:center; justify-content:center; width:140px; min-height:30px; margin:8px auto 0; padding:3px 18px; border:0; background:#07c160; color:#fff; clip-path:polygon(0 0,100% 0,85% 100%,15% 100%); font:inherit; font-size:14px; line-height:1.5; cursor:pointer; }
.k7-home-live__toggle:focus-visible { outline:2px solid #047c3d; outline-offset:2px; }
@media(max-width:350px) { .k7-home-live__notice {padding:12px 10px 28px} .k7-home-live__notice p {font-size:13px} .k7-home-live__notice strong {font-size:15px} }