.live-tv-widget{display:flex;flex-direction:column;gap:0;width:100%;min-width:0;margin:0 auto}html:has(.live-tv-widget){overflow-anchor:none}.tv-player-section{width:100%;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-card)}.tv-player-wrapper{position:relative;width:100%;display:flex;flex-direction:column}.hls-player-container,.tv-player-frame{display:block;border:0;width:100%;aspect-ratio:16/9;background:#000}.hls-video{width:100%;height:100%;object-fit:contain}.tv-player-error{position:absolute;inset:0 0 auto;width:100%;aspect-ratio:16/9;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:var(--text-secondary);box-sizing:border-box;padding:clamp(16px,4vw,32px);text-align:center;overflow:auto}.tv-player-error p{margin:0;max-width:100%;overflow-wrap:anywhere}.tv-player-placeholder{display:grid;place-items:center;min-height:clamp(152px,20vw,220px);padding:24px;background:linear-gradient(135deg,var(--bg-hover),var(--bg-card));color:var(--text-secondary);text-align:center}.tv-player-placeholder .placeholder-content{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:32rem}.tv-player-placeholder p{margin:0;line-height:1.5;overflow-wrap:anywhere}.tv-placeholder-icon{display:grid;place-items:center;width:64px;height:64px;background:transparent;color:inherit;border:0;border-radius:0;box-shadow:none;font-size:3rem;line-height:1;opacity:.5}.active-channel-info{padding:20px 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;border-top:1px solid var(--border);background:var(--bg-card)}.active-channel-details{min-width:0;display:flex;flex-direction:column;gap:6px}.active-channel-actions{display:flex;align-items:center;gap:8px}.active-channel-info h2{font-size:1.125rem;line-height:1.4;overflow-wrap:anywhere;font-weight:600;margin:0;color:var(--text-primary)}.tv-action-btn{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:color .2s,border-color .2s,background-color .2s;flex-shrink:0}.tv-action-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.tv-action-btn.is-copied{border-color:var(--success);color:var(--success);background:rgba(16,185,129,.1)}.tv-action-btn.is-fav{color:var(--accent)}.channel-meta,.tv-meta-badges{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;min-width:0;font-size:.75rem;line-height:1.4;color:var(--text-secondary)}.channel-meta>*,.tv-meta-badges>*{min-width:0;max-width:100%;overflow-wrap:anywhere}.live-tv-widget .category-badge{display:inline-block;padding:3px 8px;background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.6875rem;line-height:1.4;font-weight:500}.tv-action-btn:disabled{opacity:.5;cursor:not-allowed}.tv-header-controls{display:flex;justify-content:center;margin-bottom:8px}.tv-directory-section{gap:0;margin-top:24px}.tv-directory-section,.tv-filters{display:flex;flex-direction:column}.tv-filters{gap:12px;position:relative;margin-bottom:16px;margin-top:16px}.tv-dropdowns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tv-filter-selected .ui-select-trigger{border-color:var(--accent)}.tv-dropdowns>*,.tv-search{min-width:0}.tv-search{position:relative}.tv-search .search-input{height:48px;padding-left:42px;border-radius:var(--radius-md);background:var(--bg-card)}.tv-search-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.tv-channels-list{display:flex;flex-direction:column;max-height:500px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card)}.tv-load-more-marker{flex:0 0 1px}.tv-channels-list>.tv-empty,.tv-channels-list>.tv-error,.tv-channels-list>.tv-loading{flex-shrink:0;border:0}.live-tv-widget .media-favorites-error,.tv-channels-list>.tv-error{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;width:100%;box-sizing:border-box;padding:12px 16px;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;overflow-wrap:anywhere}.live-tv-widget .media-favorites-error p,.tv-channels-list>.tv-error p{margin:0;min-width:0}.live-tv-widget .media-favorites-error .action-pill-btn,.tv-channels-list>.tv-error .action-pill-btn{flex:0 0 auto;max-width:100%;height:auto;min-height:36px;padding:8px 16px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}.tv-channels-list>.tv-error{grid-column:1/-1}.tv-channels-list::-webkit-scrollbar{width:6px}.tv-channels-list::-webkit-scrollbar-track{background:transparent}.tv-channels-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.channel-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;flex-shrink:0;width:100%;min-width:0;border-bottom:1px solid var(--border);transition:background-color .2s}.channel-card:last-child{border-bottom:0}.channel-card.active,.channel-card:hover{background:var(--bg-hover)}.channel-card.active{box-shadow:inset 3px 0 var(--accent)}.channel-select-button{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.channel-logo-container{display:grid;place-items:center;width:44px;height:44px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card)}.channel-logo{width:100%;height:100%;object-fit:contain;padding:5px}.channel-logo-fallback{font-size:1.125rem;font-weight:600;color:var(--accent)}.channel-logo-fallback.hidden,.channel-logo.hidden{display:none}.channel-info{display:block;min-width:0}.channel-name{display:block;margin-bottom:6px;color:var(--text-primary);font-size:.9375rem;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.channel-category-text,.channel-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.channel-favorite-btn{display:grid;place-items:center;width:40px;height:40px;padding:0;margin-right:12px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:color .2s,border-color .2s,background-color .2s}.channel-favorite-btn:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--border)}.channel-favorite-btn.is-fav,.playing-indicator{color:var(--accent)}.playing-indicator{display:inline-flex;align-items:center;gap:5px;font-size:.6875rem;font-weight:600}.live-dot{flex:0 0 6px;width:6px;height:6px;background:currentColor;border-radius:50%}.channel-favorite-btn:focus-visible,.channel-select-button:focus-visible,.tv-action-btn:focus-visible,.tv-channels-list:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tv-empty,.tv-error,.tv-loading{grid-column:1/-1;text-align:center;padding:32px;color:var(--text-secondary);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border)}.tv-error{color:var(--danger)}@media (min-width:900px){.tv-filters{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}@media (max-width:600px){.active-channel-info{padding:16px;gap:12px}.active-channel-info h2{font-size:1rem}.tv-dropdowns{gap:8px}.channel-select-button{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:12px}.channel-logo-container{width:40px;height:40px}.channel-favorite-btn{margin-right:8px}}@media (max-width:380px){.active-channel-info{grid-template-columns:minmax(0,1fr)}.active-channel-actions{justify-content:flex-end}}