.video-queue-status { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 14px 16px; margin: 16px 0; border: 1px solid var(--color-primary); border-radius: 12px; text-align: left; }
.video-queue-status strong, .video-queue-status small { display: block; overflow-wrap: anywhere; }
.video-queue-status small { margin-top: 5px; color: var(--color-font-alt); line-height: 1.6; text-align: left; }
.video-queue-status button { width: auto; margin: 0; min-height: 44px; padding: 8px 12px; border-radius: 8px; border: 1px solid currentColor; color: var(--color-font-base); background: transparent; cursor: pointer; font: inherit; }
.video-queue-status button:focus-visible { outline: 3px solid var(--color-primary); outline-offset: 3px; }
.video-unavailable { display: grid; gap: 10px; margin: 20px 0; text-align: center; }
.video-unavailable p { margin: 0; }
.video-unavailable .pause-icon { font-size: 2rem; }
@media (max-width: 480px) { .video-queue-status { grid-template-columns: minmax(0, 1fr); } .video-queue-status button { justify-self: start; } }