body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#202020;color:#fff;font-family:Arial,sans-serif;margin:0;padding:0}.App{padding:20px;text-align:center}h1{color:#fff;font-size:24px}.container{display:flex;justify-content:space-around}.center-column,.left-column,.right-column{flex:1 1;padding:10px}.dropzone{background-color:#303030;border:2px dashed #fff;border-radius:10px;color:#fff;cursor:pointer;margin:20px auto;padding:20px;width:300px}.dropzone p{margin:0}.clear-button{background-color:#d9534f;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:10px 0;padding:10px;width:100%}.clear-button:hover{background-color:#b52e2a}.image-list,.saved-sketches{align-items:center;display:flex;flex-direction:column;gap:10px}.image-item,.sketch-item{border:2px solid #303030;border-radius:10px;overflow:hidden;position:relative}.image-item img,.sketch-item img{cursor:pointer;display:block;max-height:150px;max-width:150px}.download-button,.remove-button{background-color:#d9534f;border:none;border-radius:5px;bottom:5px;color:#fff;cursor:pointer;left:50%;padding:5px 10px;position:absolute;transform:translateX(-50%);width:80%}.remove-button:hover{background-color:#b52e2a}.download-button{background-color:#28a745}.download-button:hover{background-color:#218838}.editor{background-color:#282828;border:2px solid #303030;border-radius:10px;display:inline-block;margin:20px;padding:20px}.controls{margin:20px 0;text-align:left}.controls label{display:inline-block;margin:0 10px}.controls input[type=range]{-webkit-appearance:none;appearance:none;background:#444;border-radius:5px;height:6px;margin-left:10px;vertical-align:middle}.controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:20px;width:20px}.controls input[type=color]{background:none;border:none;margin-left:10px;vertical-align:middle}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:10px;padding:10px 20px}button:hover{background-color:#0056b3}button:disabled{background-color:#999;cursor:not-allowed}.save-button{background-color:#28a745}.save-button:hover{background-color:#218838}
/*# sourceMappingURL=main.fe7a16ae.css.map*/