body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:grey;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#282c34;color:#333;font-family:Roboto,sans-serif;margin:0;transition:background-color .3s,color .3s}body.dark-mode{background-color:#121212;color:#f5f5f5}.App-header{align-items:center;background-color:#282c34;box-shadow:0 8px 16px #0003;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;transition:background-color .3s}body.dark-mode .App-header{background-color:#1c1f26}.custom-input{background:linear-gradient(90deg,#6a11cb,#2575fc);border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;padding:12px 24px;transition:background .3s ease-in-out}.custom-input:hover{background:linear-gradient(90deg,#2575fc,#6a11cb)}body.dark-mode .custom-input{background:linear-gradient(90deg,#524a8d,#405582)}body.dark-mode .custom-input:hover{background:linear-gradient(90deg,#405582,#524a8d)}#fileName{font-family:Roboto,sans-serif;font-size:14px;margin-left:10px;transition:color .3s}#fileName,body.dark-mode #fileName{color:#555}.sidebar{background-color:#1d1f27;box-shadow:4px 0 8px #0003;height:100vh;left:0;padding-top:20px;position:fixed;top:0;transition:width .3s,background-color .3s;width:250px}.sidebar:hover{width:270px}body.dark-mode .sidebar{background-color:#111318}.sidebar h1{color:#fff;font-size:24px;font-weight:700;margin-bottom:30px;padding:20px;text-align:center}.sidebar a{color:#a8a8a8;display:block;font-size:18px;padding:15px 20px;transition:background .3s,color .3s}.sidebar a:hover{background-color:#282c34;color:#fff;text-decoration:none}.sidebar a.active{background-color:#2575fc;color:#fff}body.dark-mode .sidebar a{color:#888}body.dark-mode .sidebar a.active{background-color:#405582}.vidContainer{margin-left:270px;padding:20px;transition:margin-left .3s}.vidContainer>div{background-color:#fff;border-radius:10px;box-shadow:0 8px 16px #0000001a;padding:20px;transition:opacity .3s,transform .3s}body.dark-mode .vidContainer>div{background-color:#1e1e1e;box-shadow:0 8px 16px #0006}.vidContainer>div.active{opacity:1;transform:translateY(0)}.fileInput{display:none}.settings-container{padding:20px}.setting-item{margin-bottom:20px}.setting-item label{margin-right:10px}body.light-mode{background-color:#f8f3eb;color:#000}body.dark-mode{background-color:#282c34;color:#a3a3a3}.settings-container input[type=checkbox],.settings-container select{color:f5f5f5;font-size:1rem;padding:5px}.user-guide{font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.user-guide h1,.user-guide h2{color:#a3a3a3}.user-guide ol,.user-guide p,.user-guide ul{color:#a3a3a3;font-size:16px;line-height:1.6}.user-guide ol,.user-guide ul{padding-left:20px}.user-guide h2{margin-top:20px}.user-guide a{color:#007bff;text-decoration:none}
/*# sourceMappingURL=main.1b9c30eb.css.map*/