body {
    text-align: center;
}
.tool-container {
    padding: 20px;
    max-width: 800px;
    margin: auto;
}
#canvas-container {
    width: 90%;
    max-width: 300px;
    max-height: 500px;
    border: 1px solid #ccc;
    margin: 20px auto;
    position: relative;
    background: white;
}
canvas {
    width: 100%;
    height: 100%;
}
button {
    display: inline-block;
    padding: 10px 20px;
    margin-top: 15px;
    color: white;
    text-decoration: none;
    border-radius: 500px;
    background: #00cd47 linear-gradient(to bottom, #00cd47, #003f0e);
    cursor: pointer;
    border: none;

}
button:disabled {
    background-color: #ccc;
    background: #ccc linear-gradient(to bottom, #ccc, #ccc);
    cursor: not-allowed;
}
button:hover:enabled {
    background-color: #0056b3;
}
.drop-zone {
border: 2px dashed #00bcd4;
padding: 40px;
text-align: center;
background: white;
border-radius: 10px;
cursor: pointer;
}
.container {
max-width: 800px;
margin: 50px auto;
}