.tv-source-form{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(260px,2fr) 110px auto;gap:10px;align-items:end}.tv-source-form .button{min-height:42px}.tv-source-security{display:flex;align-items:center;gap:7px;margin:11px 0;color:#627087;font-size:11px}.tv-source-security svg{width:15px;color:#157347}.tv-source-list,.tv-selected-channels{display:grid;gap:8px}.tv-source-list>article,.tv-selected-channels>article{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;gap:8px;align-items:center;padding:10px 12px;border:1px solid #e3e8ef;border-radius:11px;background:#fff}.tv-source-list strong,.tv-source-list small,.tv-selected-channels strong,.tv-selected-channels small{display:block}.tv-source-list small,.tv-selected-channels small{margin-top:2px;color:#68768b;font-size:10px;overflow-wrap:anywhere}.tv-source-list button,.tv-selected-channels button{min-height:32px;padding:0 9px;border:1px solid #d9e0e9;border-radius:8px;background:#fff;color:#10284a;font-size:10px;font-weight:750;cursor:pointer}.tv-source-list button:hover,.tv-selected-channels button:hover{border-color:#ff542b;color:#d93718}.tv-source-list button:disabled,.tv-selected-channels button:disabled{opacity:.4;cursor:not-allowed}.tv-stream-controls{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;align-items:end}.tv-stream-controls .form-check{min-height:42px}.tv-channel-browser{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(180px,1fr) auto;gap:10px;align-items:end;margin:14px 0;padding:13px;border-radius:12px;background:#f5f7fa}.tv-channel-browser>.form-field:first-child>div{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(170px,1fr) auto;gap:7px}.tv-channel-browser>small{grid-column:1/-1;color:#68768b}.tv-selected-channels>article>b{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:#fff0eb;color:#dc3d1d}.tv-selected-channels>article{grid-template-columns:auto minmax(0,1fr) auto auto auto}
.bd-tv-mosaic{position:relative;height:100vh;overflow:hidden;background:var(--tv-bg);color:var(--tv-text)}.tv-mosaic-grid{display:grid;width:100%;height:100%;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:clamp(4px,.45vw,10px);padding:clamp(4px,.45vw,10px);background:#020914}.tv-mosaic-cell{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:clamp(6px,.7vw,14px);background:var(--tv-surface);box-shadow:inset 0 0 0 1px #ffffff17}.tv-mosaic-media,.tv-mosaic-media img,.tv-mosaic-media video{display:block;width:100%;height:100%}.tv-mosaic-media img,.tv-mosaic-media video{object-fit:cover}.tv-mosaic-product{display:grid;width:100%;height:100%;grid-template-columns:55% 45%;align-items:center;background:radial-gradient(circle at 18% 20%,color-mix(in srgb,var(--tv-accent) 28%,transparent),transparent 42%),linear-gradient(135deg,var(--tv-bg),var(--tv-surface));color:var(--tv-text)}.tv-mosaic-product>div{height:100%;min-width:0;padding:2.4vh 1vw}.tv-mosaic-product img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2vh 2vh #0007);animation:tvMosaicProduct 5s ease-in-out infinite alternate}.tv-mosaic-product section{min-width:0;padding:2vw 2vw 2vw .5vw}.tv-mosaic-product small{color:var(--tv-accent);font-size:clamp(9px,.8vw,16px);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tv-mosaic-product h2{margin:.45em 0;font-size:clamp(18px,2.1vw,42px);line-height:1.04}.tv-mosaic-product strong{display:block;color:var(--tv-accent);font-size:clamp(24px,2.8vw,55px)}.tv-mosaic-stream video{width:100%;height:100%;object-fit:cover;background:#000}.tv-stream-state{position:absolute;inset:auto 1vw 1vw;display:flex;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 2vw);padding:.55em .8em;border-radius:99px;background:#07182ddd;color:#fff;font-size:clamp(10px,.85vw,16px);backdrop-filter:blur(8px)}.tv-stream-state span{width:.65em;height:.65em;border-radius:50%;background:#ffaf2f;box-shadow:0 0 0 .25em #ffaf2f2b}.tv-stream-state.is-playing span{background:#29c877;box-shadow:0 0 0 .25em #29c8772b}.tv-stream-state.is-error span{background:#ff4b43;box-shadow:0 0 0 .25em #ff4b432b}.tv-mosaic-brand{position:fixed;z-index:6;left:50%;top:50%;display:flex;align-items:center;gap:.5vw;padding:.45vw .7vw;border:1px solid #ffffff26;border-radius:99px;background:#07182de8;color:#fff;transform:translate(-50%,-50%);box-shadow:0 8px 30px #0007}.tv-mosaic-brand img{width:clamp(24px,2.4vw,48px);height:clamp(24px,2.4vw,48px);border-radius:50%;object-fit:contain;background:#fff}.tv-mosaic-brand strong{max-width:13vw;overflow:hidden;font-size:clamp(9px,.8vw,16px);text-overflow:ellipsis;white-space:nowrap}.tv-mosaic-empty{display:grid;width:100%;height:100%;place-items:center;color:#aebbd0;font-size:clamp(13px,1.2vw,24px)}@keyframes tvMosaicProduct{from{transform:scale(.9) rotate(-1deg)}to{transform:scale(1.04) rotate(1deg)}}
@media(max-width:1050px){.tv-source-form{grid-template-columns:1fr 1fr}.tv-stream-controls{grid-template-columns:1fr 1fr}.tv-channel-browser{grid-template-columns:1fr}.tv-channel-browser>.form-field:first-child>div{grid-template-columns:1fr}.tv-source-list>article{grid-template-columns:1fr auto}.tv-source-list>article>button{grid-row:auto}}
@media(max-width:680px){.tv-source-form,.tv-stream-controls{grid-template-columns:1fr}.tv-source-list>article,.tv-selected-channels>article{grid-template-columns:auto 1fr}.tv-source-list>article .tag{grid-column:2}.tv-source-list>article button,.tv-selected-channels>article button{grid-column:auto}.tv-channel-browser{padding:10px}}
@media(prefers-reduced-motion:reduce){.tv-mosaic-product img{animation:none}}