body{font-family:Roboto,sans-serif;margin:0;padding:0;background-color:#1e1e1e;color:#fff}.beat-catalog-container{display:flex;flex-direction:column;min-height:100vh}.header{background-color:#000;color:#fff;padding:1em;text-align:center}.beat-catalog-section{padding:2em}.beat-table{width:100%;border-collapse:collapse;margin-top:1em}th,td{padding:1em;text-align:left;border-bottom:1px solid #282828;max-height:100px}th{background-color:#000;color:#fff}tr:hover{background-color:#282828}tr.selected{background-color:#3d3d3d}.audio-player{width:100%;background-color:#282828}.column{flex:1;padding:20px;box-sizing:border-box;flex-direction:column}.seeker{width:100%;height:1px}.footer{background-color:#000;color:#fff;padding:1em;text-align:center;position:fixed;bottom:0;width:100%;display:flex}