*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}.container{flex-direction:column;font-family:Arial,sans-serif}.container,.header{align-items:center;display:flex}.header{background-color:#2c3e50;color:#fff;justify-content:space-between;padding:10px 20px;width:100%}.header .logo img{height:40px}.header .nav{align-items:center;display:flex}.header .nav .inputImage{cursor:pointer;position:relative}.header .nav .inputImage input[type=file]{display:none}.header .nav .inputImage label{color:#fff;cursor:pointer;font-size:24px;margin-right:20px}.header .nav button{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;margin-left:20px}.header .nav button:hover{color:#3c5975}.app{display:flex;height:calc(100vh - 60px);width:100%}.app .app-sidebar{align-items:center;background-color:#2c3e50;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px;width:200px}.app .app-sidebar button{background-color:#34495e;border:none;color:#fff;cursor:pointer;font-size:16px;margin-bottom:10px;padding:10px;text-align:center;transition:background-color .3s;width:100%}.app .app-sidebar button:hover{background-color:#21a1f1}.app .app-sidebar button svg{margin-right:8px}.app .app-sidebar .slider{margin-bottom:20px;width:100%}.app .app-sidebar .slider input[type=range]{width:100%}.app .app-content{flex:1 1}.app .app-content,.app .app-content .canvas-container{align-items:center;justify-content:center;position:relative}.app .app-content .canvas-container{display:flex}.app .app-content .canvas-container canvas{height:auto;max-width:100%;object-fit:cover;vertical-align:middle}.app .app-content .canvas-container .responsive-canvas{border:1px solid #bdc3c7;height:90%;object-fit:cover;width:90%}.app .app-content input[type=text]{background:transparent;border:1px solid red;color:red;font-size:30px;position:absolute}
/*# sourceMappingURL=main.d9040bc7.css.map*/