body {
    font-family: sans-serif;
    background-color: #eeeeee;
}

span {
    padding-top: 1em;
}

label {
    padding-bottom: 1em;
}

#flex-container {
    display: flex;
    flex-direction: column;
    width: 1398px;
    margin: 0 auto;
}

div.workspace {
    width: 1368px;
    height: 263px;
    margin: 0 auto;
    padding: 30px;
    position: relative;
    user-select: none;
    background-color: black;
    border-radius: 1em;
}

img {
    position: absolute;
    pointer-events: none;
}

.hidden {
    opacity: 0;
}

.static {
    position: absolute;
    width: 1368px;
    height: 263px;
    top: 0;
    left: 0;
    opacity: 0;
}

#drag-left {
    width: 420px;
}

#drag-center {
    left: 450px;
    width: 470px;
}

#drag-right {
    left: 950px;
    width: 418px;
}

.scale {
    width: 1423px;
    height: 20px;
}

div.scales {
    width: 1427px;
    display: flex;
    gap: 20px;
    height: 40px;
}

.subscale {
    width: 100%;
}

#save, #file {
    height: 25px;
    cursor: pointer;
}

.draggable {
    cursor: grab;
    z-index: 70;
}

canvas {
    width: 1368px;
    height: 263px;
}

.inputs {
    width: 100%;
}

#sample {
    align-self: flex-end;
}

input {
    cursor: pointer;
}