body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--app-topManu-bg: rgb(127, 170, 251);--app-export-bg: rgb(177, 177, 177)}.app{display:grid;grid-template-rows:60px auto 60px;grid-template-columns:auto 300px;grid-template-areas:"topManu topManu" "cropArea options" "export export"}.app__topManu{grid-area:topManu;background-color:var(--app-topManu-bg);font-size:30px;font-weight:700;display:flex;align-items:center;padding-left:10px}.app__cropArea{grid-area:cropArea}.app__options{grid-area:options}.app__export{grid-area:export;background-color:var(--app-export-bg)}.cropArea__container{width:100vh;height:calc(100vh - 160px);display:flex;justify-content:center;align-items:center;position:relative;padding:20px}.cropArea__rawImageLayer{display:absolute;top:50%;left:50%;transform:translate(50%);border:1px solid black}.cropArea__cropAreaLayer{display:absolute;top:50%;left:50%;transform:translate(-50%)}.options__container{height:calc(100vh - 120px);background-color:#0ff}