@import"https://smc.org.in/fonts/manjari.css";.drop{width:100%;height:75vh;background-color:#eee;display:flex;align-items:center;justify-content:safe center;transition:background-color .2s ease-in-out;font-family:sans-serif;padding:4px;flex-direction:column;overflow-y:auto}.isDragging{background-color:#999;border-color:#fff}img{width:100%;object-fit:contain}:root{--primary-color-h: 192;--primary-color-s: 100%;--primary-color-l: 41%;--primary-color: hsl(var(--primary-color-h), var(--primary-color-s), var(--primary-color-l));--primary-color--dark: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) - 30%))}body{display:flex;height:100%;flex-direction:column;padding:0;margin:0}#app{font-family:Helvetica,Manjari,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--primary-color--dark)}header,footer{flex:1;background-color:var(--primary-color);color:#fff;padding:4px}header{display:flex;align-items:center;justify-content:space-between}header .title{color:#fff;text-decoration:none}header .title h1{display:inline-flex}main{display:flex;flex:1 0 auto;flex-direction:row;flex-wrap:wrap;padding:0;margin:0;justify-content:space-between}main .img-container{width:49vw;padding:4px}main .text-container{width:49vw;padding:4px;min-height:600px}main .text-container textarea{font-size:1.2em}main .actions{order:2}.actions{height:100px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.actions progress{height:8px;width:100%}.actions button{font-size:1em}footer{min-height:fit-content}footer a{color:#fff}.content{flex:1;padding:8px;margin:0}@media (max-width: 600px){main{flex-direction:column}main .img-container{width:100vw}main .text-container{width:100vw}main .actions{order:0}}