:root{--tv-bg-color:#000;--tv-checker-color:#1a1a1a;--tv-frame-color:#000;--tv-screen-color:#000;--tv-text-primary:#fff;--tv-text-secondary:#9ca3af;--tv-button-bg:#000;--tv-button-hover:#374151;--tv-checker-size:40px}.tv-container{background-color:var(--tv-bg-color);background-image:linear-gradient(45deg,var(--tv-checker-color)25%,transparent 25%),linear-gradient(-45deg,var(--tv-checker-color)25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tv-checker-color)75%),linear-gradient(-45deg,transparent 75%,var(--tv-checker-color)75%);background-size:var(--tv-checker-size)var(--tv-checker-size);background-position:0 0,0 20px,20px -20px,-20px 0;flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:100vh;padding:2rem;display:flex}.tv-screen{aspect-ratio:16/9;width:100%;max-width:56rem;position:relative;overflow:hidden}.tv-controls{justify-content:space-between;align-items:center;width:100%;max-width:56rem;display:flex}.tv-now-playing{color:var(--tv-text-primary)}.tv-now-playing-label{color:var(--tv-text-secondary);font-size:.875rem}.tv-now-playing-title{font-size:1.125rem;font-weight:500}.tv-control-buttons{gap:1rem;display:flex}.tv-button{background-color:var(--tv-button-bg);color:var(--tv-text-primary);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem;transition:background-color .2s;display:flex}.tv-button:hover{background-color:var(--tv-button-hover)}.tv-now-playing-mobile{display:none}.tv-now-playing-desktop{display:block}@media (max-width:768px){.tv-container{justify-content:space-between;height:100vh;min-height:100vh;padding-top:1rem;padding-bottom:1rem}.tv-now-playing-mobile{text-align:center;flex-shrink:0;width:100%;max-width:56rem;display:block}.tv-now-playing-desktop{display:none}.tv-screen{flex:1;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:0;display:flex}.tv-screen>div{aspect-ratio:16/9;width:100%;max-width:100%;height:auto!important}.tv-screen>div>div{width:100%;height:100%}.tv-controls{flex-direction:column;flex-shrink:0;gap:1rem}.tv-control-buttons{gap:1rem;width:100%;display:flex}.tv-button{flex:1;min-height:48px;padding:1rem}}