html body[data-tv-fit="contain"] #playerWrapper video {
    object-fit: contain !important;
    object-position: center !important;
}
html body[data-tv-fit="cover"] #playerWrapper video {
    object-fit: cover !important;
    object-position: center !important;
}
html body #tvFitBtn,
html body #tvMoreBtn {
    min-height: 44px;
    white-space: nowrap;
}
html body #tvMorePanel[hidden] {
    display: none !important;
}
html body #tvMorePanel:not([hidden]) {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 0;
    width: 100%;
    box-sizing: border-box;
}
html body .actions-bar:has(#tvMorePanel) {
    flex-wrap: wrap;
}
html body #tvMorePanel .action-btn {
    min-height: 44px;
}
html body :is(#tvFitBtn,#tvMoreBtn):focus-visible {
    outline: 3px solid #67e8f9 !important;
    outline-offset: -3px !important;
    transform: none !important;
}
.tv-playback-status {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.4;
    color: #cbd5e1;
}
.tv-playback-status[data-state="playing"] { color: #86efac; }
.tv-playback-status[data-state="error"] { color: #fda4af; }
.tv-connection-details {
    margin-top: 3px;
    font-size: 11px;
    color: #94a3b8;
}
.tv-connection-details summary {
    cursor: pointer;
    padding-block: 5px;
    width: fit-content;
}
.tv-connection-details summary:focus-visible {
    outline: 2px solid #67e8f9;
    outline-offset: 2px;
}