body{background-color:#f0f0f0;box-sizing:border-box;display:flex;flex-direction:column;font-family:Helvetica Neue,Arial,sans-serif;margin:0;min-height:100vh;padding:0}h2{margin:0}.start-title,h2{color:#333;font-size:1.5rem;font-weight:700;padding:5px}.start-title{margin:2rem;text-align:center}.app-container{align-items:flex-end;display:flex;flex-grow:1;justify-content:center}.file-upload-container{background-color:#fff;bottom:0;box-shadow:0 -2px 5px #0000001a;display:flex;justify-content:center;left:0;padding:1rem 0;position:fixed;width:100%;z-index:1000}.file-upload-form{align-items:center;display:flex;flex-direction:row;justify-content:center}.file-upload-item{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:0}.file-upload-item label{color:#333;font-weight:700}.file-upload-item input[type=file]{display:none}.file-upload-item label:before{background-color:#007bff;border-radius:4px;color:#fff;content:attr(data-label);cursor:pointer;display:inline-block;margin-right:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.file-upload-item label:hover:before{background-color:#0056b3}.file-upload-item p{display:none}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;transition:background-color .3s ease}button:hover{background-color:#0056b3}@media (max-width:600px){.file-upload-form{flex-direction:column;gap:1rem}}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#007bff;border-radius:50%;height:40px;left:33%;position:fixed;top:50%;transform:translate(-50%,-50%);width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.popup{background-color:#4caf50;right:20px}.error,.popup{border-radius:5px;color:#fff;padding:10px;position:fixed;top:20px;z-index:1000}.error{background-color:#f44336;left:20px}.class-canvas{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;width:100%}.page-container{border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;overflow:hidden;width:100%}.image-container{align-items:center;background-color:#f9f9f9;display:flex;flex:2 1;justify-content:center}.pdf-image{border-right:1px solid #ddd;height:auto;width:100%}.text-container{background-color:#fff;flex:1 1;padding:20px}.lesson-content{height:100%;overflow-y:auto}.lesson-content h2{font-size:24px;margin-top:0}.lesson-content p{font-size:20px;line-height:1.8;margin-top:0}.navigation-buttons{display:flex;justify-content:center;margin-top:20px;width:100%}.nav-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin:0 10px;padding:10px 20px;transition:background-color .3s}.nav-button:hover{background-color:#0056b3}.chat-container{display:flex;flex-direction:row;height:100%;max-height:40rem;width:100%}.chat-box{border:1px solid #ccc;flex:1 1;padding:10px}.messages{border-bottom:1px solid #ccc;flex:1 1;margin-bottom:10px;overflow-y:auto}.message{border-bottom:1px solid #f1f1f1;padding:5px}.response-canvas{border:1px solid #ccc;flex:1 1;padding:10px}.chat-box{background-color:#f5f5f5;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100%;overflow:hidden;position:relative;width:100%;z-index:1000}.chat-header{background-color:#006400;border-bottom:1px solid #ccc;color:#fff;font-weight:700;padding:10px;text-align:center}.chat-messages{background-color:#e8f5e9;flex:1 1;margin-bottom:8rem;overflow-y:auto;padding:10px}.chat-message{word-wrap:break-word;border-radius:5px;margin:5px 0;max-width:80%;padding:10px}.chat-message.user{align-self:flex-end;background-color:#daf1da}.chat-message.bot{align-self:flex-start;background-color:#f1f1f1}.chat-input{background-color:#fff;border-top:1px solid #ccc;bottom:0;box-sizing:border-box;display:flex;margin-bottom:5rem;padding:10px 2rem 10px 10px;position:absolute;width:100%}.chat-input input{background-color:#f5f5f5;flex:1 1;margin-right:10px;outline:none}.chat-input button,.chat-input input{border:none;border-radius:4px;padding:10px}.chat-input button{background-color:#006400;color:#fff;cursor:pointer;margin:5px;transition:background-color .3s ease}.chat-input button:hover{background-color:#004d00}@media (max-width:768px){.chat-box{height:50%}.chat-input{width:100%}}.class-container{display:flex;height:100vh}.class-content{box-sizing:border-box;overflow-y:auto;padding:20px;width:66.67%}.lesson-and-chat{box-sizing:border-box;display:flex;flex-direction:column;width:33.33%}.chat-container,.lesson-data{background-color:#f5f5f5;border-top:1px solid #ccc;flex:1 1;overflow-y:auto;padding:20px}.image-data{margin-top:20px}.image-data img{height:auto;width:85%}.centered-image{display:block;margin-left:auto;margin-right:auto}@media (max-width:768px){.class-container{flex-direction:column}.class-content,.lesson-and-chat{width:100%}.chat-container,.lesson-data{height:50%}}.generate-audio-container{display:flex;justify-content:center;margin-top:2rem}.generate-audio-container button{margin:0 1rem}
/*# sourceMappingURL=main.f03987d2.css.map*/