#app{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Arial,sans-serif;background-color:#fff}nav{background-color:transparent}nav a{text-decoration:none;color:#333;font-weight:700;margin:0 15px;transition:color .3s ease-in-out}nav a.router-link-exact-active{color:#6797ff}header{position:fixed;top:0;left:0;right:0;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;padding:0 5%;border:1px solid #ccc;border-radius:4px}.logo img{max-height:80px}router-view{padding:20px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:5px}#waveform{margin-bottom:20px;width:100%;max-width:120vh}.divider{border-top:1px solid #000;margin:20px 0}.button-container{display:flex;width:700px;align-items:center;margin-bottom:0}.button-container button{margin-right:0;height:27px;font-size:14px;padding:5px 5px;background-color:#007eec;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease-in-out}.button-container button:hover{background-color:#00559f}.button-container input[type=text]{width:200px;height:25px;margin-right:10px;font-size:16px;border:1px solid #ccc;border-radius:4px}.selected-region{display:flex;width:300px}.selected-region input{height:25px;margin-left:10px;font-size:16px;border:1px solid #ccc;border-radius:4px}.selected-region button{height:25px;font-size:14px;padding:5px 10px;background-color:#007eec;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease-in-out;margin-left:20px}.selected-region button:hover{background-color:#00559f}.container{height:100px;position:relative;justify-content:space-between}.container,.input-wrapper{display:flex;align-items:center}.input-wrapper{margin-bottom:30px;flex-direction:column}.label{font-weight:700;margin-bottom:5px}.input{height:20px;width:300px;padding:8px;border:1px solid #ccc;border-radius:4px}.next-button{background-color:#6797ff;color:#fff;border:none;border-radius:4px;padding:10px 20px;cursor:pointer;transition:background-color .3s ease-in-out}.next-button:hover{background-color:#577edc}.inputs-container{align-items:center;display:flex;flex-direction:column;padding-top:200px;border-radius:8px;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.2);border:1px solid #ccc}.editing-view,.inputs-container{position:fixed;top:0;left:0;height:100%;width:100%}.editing-view{overflow-y:scroll;overflow-x:hidden}.main-container{display:flex;padding:50px;height:800px;width:100%;border-radius:8px;background-color:#fff}.edit-inputs-container{flex:1;margin-right:20px}.text-content{max-height:300px;overflow-y:scroll}.scrollable-text-wrapper{max-height:100%}.scrollable-text{overflow-y:scroll;padding:10px}.sidebar{max-height:80vh;width:400px;padding:50px;border-left:1px solid #000;padding-left:20px}.segments-list{max-height:65vh;overflow-y:scroll}.segment-item{width:70%;padding:10px;margin:10px;border-radius:20px;background-color:#fff;border:1px solid #ccc}.vl-overlay,.vl-shown{overflow:hidden}.vl-overlay{bottom:0;left:0;position:absolute;right:0;top:0;align-items:center;display:none;justify-content:center;z-index:9999}.vl-overlay.vl-active{display:flex}.vl-overlay.vl-full-page{z-index:9999;position:fixed}.vl-overlay .vl-background{bottom:0;left:0;position:absolute;right:0;top:0;background:#fff;opacity:.5}.vl-overlay .vl-icon,.vl-parent{position:relative}.home{max-width:800px;margin:0 auto;padding:20px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:8px}.file-upload{padding:15px 100px;margin-bottom:200px}.audio-list{list-style:none;padding:0}.error-message{background-color:#ff6961;color:#fff;padding:10px;border:1px solid #d60000;height:50px;border-radius:5px;margin-top:10px;display:none}