*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f5f5f5;padding:20px}.container{max-width:1200px;margin:0 auto}h1{text-align:center;margin-bottom:30px;color:#333}.upload-section{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.upload-box{flex:1;min-width:300px;background:white;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.upload-box label{display:block;margin-bottom:10px;font-weight:700;color:#555}.upload-box input[type=file]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;margin-bottom:10px}.preview{width:100%;height:200px;border:2px dashed #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#fafafa;overflow:hidden}.preview img{max-width:100%;max-height:100%;object-fit:contain}.controls{background:white;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.control-group{margin-bottom:15px}.control-group label{display:block;margin-bottom:5px;font-weight:700;color:#555}.control-group input[type=range]{width:100%}.button-group{display:flex;gap:10px;flex-wrap:wrap}.button-group button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}#downloadBtn{background:#4CAF50;color:#fff}#downloadBtn:hover{background:#45a049}#resetTop,#clearEraser{background:#ff9800;color:#fff}#resetTop:hover,#clearEraser:hover{background:#e68900}.canvas-container{background:white;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}#canvas{border:1px solid #ddd;border-radius:4px;cursor:crosshair;max-width:100%;height:auto}canvas{display:block;margin:0 auto}