html, body {
  margin: 0; padding: 0; width: 100%; height: 100%;
  font-family: Arial, sans-serif; background-color: #141414; color: #fff;
  overflow: hidden;
}
.container { display: flex; width: 100vw; height: 100vh; }
.sidebar {
  width: 330px; background-color: #1f1f1f; border-right: 1px solid #333;
  display: flex; flex-direction: column; padding: 15px; box-sizing: border-box;
}
h3 { margin: 0 0 12px 0; color: #e50914; text-align: center; }
.setup-box label { font-size: 11px; color: #aaa; display: block; margin: 6px 0 2px 0; }
.setup-box select, .setup-box input, .setup-box button, .controls input, .controls select {
  width: 100%; padding: 8px; background: #2b2b2b; border: 1px solid #444; 
  color: white; border-radius: 4px; box-sizing: border-box; font-size: 13px;
}
.setup-box input[type="file"] { background: transparent; border: none; padding: 4px 0; }
.setup-box button { background: #e50914; border: none; font-weight: bold; cursor: pointer; margin-top: 8px; }
.setup-box button:hover { background: #b80710; }
.flex-row { display: flex; gap: 5px; margin-top: 2px; }
.flex-row button { margin-top: 0; width: auto; padding: 0 12px; }
.channel-list { flex: 1; overflow-y: auto; margin-top: 10px; }
.channel-item { display: flex; align-items: center; padding: 8px; border-bottom: 1px solid #2b2b2b; cursor: pointer; }
.channel-item:hover { background: #2b2b2b; }
.channel-logo { width: 45px; height: auto; max-height: 35px; object-fit: contain; margin-right: 10px; }
.no-logo { width: 45px; text-align: center; font-size: 18px; margin-right: 10px; }
.channel-info { display: flex; flex-direction: column; }
.channel-name { font-weight: bold; font-size: 13px; }
.channel-group { font-size: 11px; color: #aaa; margin-top: 2px; }
.main-content { flex: 1; display: flex; flex-direction: column; background: #000; }
.video-wrapper { width: 100%; height: calc(100vh - 60px); background: #000; }
#currentChannelTitle { height: 60px; margin: 0; padding: 18px; box-sizing: border-box; background: #141414; font-size: 16px; text-align: center; border-top: 1px solid #222; }
.empty-msg { text-align: center; color: #555; margin-top: 20px; font-size: 13px; }