.player-container{width:320px;height:240px;background-color:#000;position:relative}.player-container .player-label{position:absolute;background:#000;color:#fff;padding:4px;height:14px;z-index:2;pointer-events:none;line-height:14px;font-size:14px;font-weight:400;font-family:monospace}.player-container .player-label.player-name-label{top:0;left:0;border-radius:0 0 10px}.player-container .player-label.player-status-label{bottom:0;left:0}.player-container .player-label.player-time-label{position:absolute;bottom:0;right:0;padding:0;background-color:unset;display:flex;flex-direction:column-reverse;align-items:flex-end}.player-container .player-label.player-time-label div{padding:2px 4px;background-color:#0009;width:fit-content;text-align:right}.player-grid-container{width:100%;overflow-x:auto}.player-grid{display:flex;flex-direction:column;width:100%}.player-grid-row{display:flex;width:100%}.player-cell{width:320px;height:240px;position:relative;margin:2px;-webkit-user-select:none;user-select:none}.player-cell.filled{background-color:#000;box-shadow:0 2px 5px #0003}@media (max-width: 980px){.player-grid-row{flex-wrap:wrap;justify-content:center}}@media (max-width: 680px){.player-cell{width:100%;max-width:320px}}.player-instance{width:100%;height:100%;position:relative;overflow:hidden}.player-instance video,.player-instance>div{width:100%;height:100%;position:relative}.player-selection{margin-bottom:20px;padding:10px;background-color:#f5f5f5;border-radius:4px}.player-selection h3{margin-top:0;margin-bottom:10px;font-size:16px}.player-checkboxes{display:flex;flex-wrap:wrap;gap:12px}.player-checkbox-label{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:14px;padding:5px 10px;background-color:#fff;border-radius:4px;border:1px solid #ddd}.player-checkbox-label:hover{background-color:#f0f0f0}.player-checkbox-label input{margin:0}.status-panel{background-color:#f7faff;padding:.6rem .8rem;border-radius:4px;margin:.5rem 0 1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000000d;border:1px solid #e0e8ff}.status-stats{display:flex;gap:1.2rem}.main-container{margin:.5rem 0}.stream-list-container{display:flex;flex-direction:column;gap:0;margin:0 0 .75rem;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.stream-item-container{position:relative;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}.stream-item-container:last-child{border-bottom:none}.stream-item-container:hover{background-color:#f0f5ff}.stream-item-container:focus-visible{box-shadow:inset 0 0 0 2px #4a90e2}.stream-item-container:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:transparent;transition:background-color .15s ease}.stream-item-container.active:after{background-color:#4a7aff}.stream-item-container.active{background-color:#f5f8ff}.stream-item{padding:.4rem .5rem;cursor:pointer;display:block;border:none;background:transparent;text-align:left;width:100%;transition:all .15s ease;outline:none;font-size:.8rem;color:#666;word-break:break-all}.stream-item strong{font-size:.9rem;color:#333;margin-right:4px}.stream-item-name{font-weight:700;font-size:.9rem;color:#333;margin-right:8px}.stream-item-url{font-size:.8rem;color:#666}.delete-btn{background:none;border:none;color:red;font-size:1.2rem;cursor:pointer}.delete-btn:hover{color:#8b0000}.url-form{display:flex;flex-direction:column;gap:0;margin:.5rem 0}.input-group{display:flex;align-items:center;gap:0}.input-group label{width:170px;flex-shrink:0;text-align:right;margin-right:.5rem}.url-input{width:400px;padding:.4rem .5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;flex:1;margin-right:.5rem}.url-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.btn{width:80px;padding:.4rem 0;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .15s ease;white-space:nowrap;flex-shrink:0}.btn:hover{background-color:#3b7ec9}.btn-secondary{background-color:#f1f1f1;color:#333}.btn-secondary:hover{background-color:#e0e0e0}.stream-type-label{display:inline-block;margin-left:8px;padding:1px 4px;font-size:9px;font-weight:700;border-radius:3px;text-transform:uppercase;font-family:Arial,sans-serif}.stream-type-label.hls{background-color:#28a745;color:#fff}.stream-type-label.dash{background-color:#dc3545;color:#fff}