*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#fff;display:flex;justify-content:center;align-items:center;height:100vh}.app-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.upload-container{display:flex;justify-content:center;align-items:center;height:100%}.upload-box{background-color:#f0f0f0;padding:40px;border-radius:10px;box-shadow:0 4px 8px #0000001a;text-align:center;width:400px}.logo{width:100px;margin-bottom:20px}h1{margin-bottom:20px;color:#333}p{margin:10px 0;color:#555}input[type=file]{margin:10px 0}.file-name{font-size:14px;color:#666}.error-message{color:red;margin-top:10px}button{margin-top:20px;padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#45a049}.split-container{display:flex;justify-content:center;align-items:center;width:80%;max-width:1200px;height:80%}.left-column,.right-column{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;background-color:#f0f0f0;padding:40px;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:10px;max-height:100%;text-align:center}.left-column{flex:1;background-color:#f0f0f0;padding:40px;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-right:20px}.right-column{flex:1;background-color:#fff;padding:40px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.subtitle-box{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;font-size:18px;color:#555;min-height:100px;margin-top:20px}.audio-player{margin-bottom:20px}.play-button-container{display:flex;justify-content:center;align-items:center;margin-top:20px}.play-button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;margin-top:10px}.play-button:hover{background-color:#45a049}.transcription{margin-top:20px;background-color:#f9f9f9;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;font-size:16px;line-height:1.6;color:#333;max-height:300px;overflow-y:auto}.download-button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;margin-top:10px}.download-button:hover{background-color:#45a049}.back-button{background-color:#333;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;margin-top:20px}.back-button:hover{background-color:#555}